@charset "utf-8";
/* CSS Document */
/*栏目*/

.TiKuColumn{background: #fff;border-radius: 8px; padding: 0 23px 20px;}
.TiKuColumn .Tit{height: 44px; line-height: 44px; font-size: 20px; color: #333;padding: 14px 0 14px 11px; font-weight: bold; position: relative;}
.TiKuColumn .Tit u{background: #ea554f; width: 4px; height: 30px; border-radius: 2px; position: absolute; left: -23px; top: 21px;}

.TiKuColumn .List a{width: 206px; height: 48px; line-height: 48px; text-align: center; font-size: 16px; border: 1px solid #dbdbdb; margin:0 11px 14px; border-radius: 25px; float: left;}
.TiKuColumn .List a:hover,.TiKuColumn .List a.cur{background: #f24343; color: #fff; border-color: #f24343;}

.tikuModelBox{overflow: hidden; width: 100%;}
.tikuModelBox img{width: 1920px;position: relative; left: 50%; margin-left: -960px;}
/*栏目*/
/*列表信息*/
.IndexList .Text .Tit h2{height: 42px; color: #f24343; font-size: 30px; font-weight: bold; padding-left: 54px; position: relative;}
.IndexList .Text .Tit h2 i{width: 42px; height: 42px; position: absolute; top: 0; left: 0; background-color: #f24343; border-radius: 50%;}
.IndexList .Text .Tit h2 i.i1{background-position: -19px -549px;}
.IndexList .Text .Tit h2 i.i2{background-position: -59px -549px;}
.IndexList .Text .Tit h2 i.i3{background-position: -19px -589px;}
.IndexList .Text .Tit h2 i.i4{background-position: -59px -589px;}
.IndexList .Text .Tit h2 i.i5{background-position: -19px -629px;}
.IndexList .Text .Tit h2 i.i6{background-position: -59px -629px;}
.IndexList .Text .Tit h2 i.i7{background-position: -19px -669px;}
.IndexList .Text .Tit h3{font-size: 18px; color: #e1e1e1; padding:15px 15px 0 0; position: relative; }
.IndexList .Text .Tit h3 i{background-position: 0 -600px; width: 11px; height: 11px; position: absolute;right: 0; top: 0}
.IndexList .Text .Con{font-size: 16px; color: #333; line-height: 26px;}
.IndexList .img img{max-width: 100%}

.IndexList1{height: 448px;}
.IndexList1 .Text{padding:140px 0 0 110px; width: 440px;}
.IndexList1 .img{width: 540px; padding: 60px 0 0 110px;}

.IndexList2{height: 496px; background: #feeded}
.IndexList2 .img{padding: 52px 0 0 110px; width: 590px;}
.IndexList2 .Text{width: 390px; padding: 168px 110px 0 0;}

.IndexList3{height: 320px;}
.IndexList3 .Text{padding:84px 0 0 84px; width: 420px;}
.IndexList3 .img{width: 628px; height: 380px; margin-top: -60px; padding: 0 60px 0 8px;}
.IndexList3 .img img{width: 628px; height: 380px;}

.IndexList4{width: 1080px; height: 350px; margin: 75px 60px;}
.IndexList4 .img{padding: 34px 0 0 75px; width: 525px;}
.IndexList4 .Text{width: 420px; padding: 110px 50px 0 0;}
.IndexList4 .Text .Tit h2 i{background-color: #fff}
.IndexList4 .Text .Tit h2,.IndexList4 .Text .Tit h3,.IndexList4 .Text .Con{ color: #fff}

.IndexList5{background: url("./Bg_TiKuIndex1.jpg") no-repeat; height: 352px;}
.IndexList5 .Text{padding:130px 0 0 210px; width: 390px;}
.IndexList5 .Text .Tit h3{color: #ababab}
.IndexList5 .img{width: 505px;padding: 50px 0 0px 95px;}

.IndexList6{height: 480px;}
.IndexList6 .img{padding: 90px 0 0 90px; width: 610px;}
.IndexList6 .Text{width: 450px; padding: 160px 50px 0 0;}

.IndexList7{height: 420px; background: url("./Bg_TiKuIndex2.jpg") no-repeat #f24343;}
.IndexList7 .Text{padding:120px 0 0 230px; width: 370px;}
.IndexList7 .Text .Tit h3{color: #ababab}
.IndexList7 .Text .Tit h2 i{background-color: #fff}
.IndexList7 .Text .Tit h2,.IndexList7 .Text .Tit h3,.IndexList7 .Text .Con{ color: #fff}
.IndexList7 .img{width: 500px;padding: 48px 0 0px 100px;}

.IndexList8{margin:80px 0 50px;}
.IndexList8 .img{width: 720px;}
.IndexList8 .img img{margin:0 55px; width: 610px}
.IndexList8 .Text{width: 480px;}
.IndexList8 .Text h2{line-height: 56px; padding: 10px 0;font-size: 34px; font-weight: bold; color: #f24343; margin-top: 100px}
.IndexList8 .Text p{line-height: 32px;font-size: 20px; position: relative;}
.IndexList8 .Text p:before{display: inline-block;content:'.'; border-radius: 50%; background: #f24343; border-radius: 50%; width: 7px; height: 7px; vertical-align: middle; font-size: 0; margin-right: 5px;}
/*课程科目*/
.SubColumn{ padding: 18px 24px 0; border-radius: 5px; }
.SubColumn li{padding-left: 70px; position: relative;}
.SubColumn li span{width: 70px; height: 28px; line-height: 28px; left: 0; top: 0; position: absolute; color: #8c8c8c}
.SubColumn li a{height: 28px;line-height: 28px; padding:0 8px;float: left; background: #f6f7f8; margin:0 15px 15px 0; border-radius: 14px;}
.SubColumn li a:hover,.SubColumn li a.cur{background: #f24343; color: #fff}

.TiKuListTit{padding: 32px 150px 32px 0;  position: relative;}
.TiKuListTit .Name{line-height: 32px;font-size: 16px; color: #333;font-weight: bold;}
.TiKuListTit .Info{height: 32px; line-height: 32px;font-size: 15px; color: #999;}
.TiKuListTit .Info u{margin: 0 15px;}
.TiKuListTit .Info b{font-size: 15px; text-decoration: line-through;font-weight: normal;}
.TiKuListTit .Info span{color: #333;}
.TiKuListTit .Btn{width: 142px; height: 40px; line-height: 40px; border-radius: 20px; position: absolute; right: 0; top: 50%; margin-top: -20px;}

/*题库列表*/
.TiKuList{margin: 25px 20px; border: 1px solid #e3e3e3; width: 1160px; border-top: none; border-radius: 4px;}
.TiKuList .Li{width: 185px; height: 56px; line-height: 56px; text-align: center;overflow: hidden; font-size: 16px; border-left: 1px solid #e3e3e3; float: left;}
.TiKuList .Name{border-left: none; width: 542px; padding: 0 29px; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.TiKuList .Head{overflow: hidden;}
.TiKuList .Head .Li{background: #f1f1f1; font-weight: bold;}
.TiKuList .List{overflow: hidden;}
.TiKuList .List ul{margin-top: -1px;}
.TiKuList .List li{overflow: hidden;border-top:  1px solid #e3e3e3;}
.TiKuList .List li .Li{color: #666;}
.TiKuList .List li .Li a{color: #666;}
.TiKuList .List li .Li a:hover{color: #f00;}
.TiKuList .List li .Li .Btn{height: 32px; line-height: 32px; width: 102px; display: block; background: #ea554f; color: #fff; border-radius: 16px; margin: 12px auto;}
.TiKuList .List li .Li .Btn:hover{color: #fff; text-decoration: underline;}
.TiKuList li,.TiKuList li .Infor,.TiKuList li .Price,.TiKuList li .Opear,.TiKuList li .Time,.TiKuList li .Anal{float: left;}
.TiKuList li .Infor{width: 844px; padding-left: 20px;}
.TiKuList li .Infor h2{height: 32px;line-height: 32px; font-size: 16px; color: #333; width: 100%}
.TiKuList li .Infor p{line-height: 30px; height: 30px;color: #8c8c8c}
.TiKuList li .Infor u{font-size: 0; padding: 0 12px;}
.TiKuList li .Infor em{font-size: 14px; color: #ff6600}
.TiKuList li .Price{width: 184px; text-align: center;}
.TiKuList li .Price h2{font-size: 24px; font-weight: bold; color: #f24343; width: 100%}
.TiKuList li .Price del{color: #999; text-decoration:inline-underline; width: 100%}
.TiKuList li .Opear{width: 150px;height: 62px;}
.TiKuList li .Opear .Btn{font-size: 16px; color: #fff; width: 112px; height: 36px; line-height: 36px; border-radius: 5px; display: block;}
.TiKuList li .Price .Flex,.TiKuList li .Opear,.TiKuList li .Time,.TiKuList li .Anal{ justify-content: center;}
.TiKuList li .Time{width: 130px;height: 62px;}
.TiKuList li .Anal{width: 120px;}
.TiKuList li .Anal a{ color: #FB5C2D }
.TiKuList li .Anal a:hover{text-decoration: underline;}
.ListTwo{width:1200px;margin: 20px 0;}
.ListTwo li{padding: 5px 24px;border-bottom: 1px solid #dcdcdc;}
.ListTwo li .Infor{width: 822px;padding-left: 50px;position: relative;}
.ListTwo li .Infor i{position: absolute;background-position: -40px -410px;width: 28px;height: 32px;left: 0;/* top:25px; */}

.TiKuInfor{padding: 25px 54px; border-radius: 5px;}
.TiKuInfor .Tit{line-height: 36px; padding: 20px 0; text-align: center; font-size: 22px;color: #333333; border-bottom: 1px dashed #9e9e9e}
.InforMain .img{width: 300px; margin-right: 60px}
.InforMain .Infor{width: 730px;}
.InforMain .Infor ul{height: 90px; width: 420px; padding: 22px 310px 22px 0 ; border-bottom: 1px dashed #9e9e9e }
.InforMain .Infor ul li{height: 30px; line-height: 30px; color: #333; width: 210px; float: left;}
.InforMain .Infor ul li em{font-size: 14px; color: #8c8c8c;}
.InforMain .Difficulty{ padding: 22px 0;line-height: 26px; }
.InforMain .Difficulty .Txt{float: left; width: 600px;margin-top: -3px;}
.InforMain .Oper .Btn{width: 136px; height: 40px; line-height: 40px; float: left; border-radius: 5px; margin-right: 70px}

.TiKuExplain{padding: 0 54px 54px;border-radius: 5px;}
.TiKuExplain .Txt{width: 1010px; padding:15px 39px; }
.TiKuExplain .Txt h2{line-height: 26px;font-size: 14px; font-weight: 700; color: #333;}
.TiKuExplain .Txt p{line-height: 22px; color: #8c8c8c}

/*按钮*/
.Switch{ width: 38px; height: 18px; border: 1px solid #dddddd; position: relative; margin-top: 17px; border-radius: 10px; }
.Switch u{height: 16px; width: 16px; border: 1px solid #dddddd; background: #fff; border-radius: 50%; position: absolute; left: -1px; top: 0;}
.Switch.cur{background: #FB5C2D; border-color: #FB5C2D}
.Switch.cur u{left: 20px; border-color: #fff}
/*试卷信息*/
.PaperTitle{line-height: 40px; padding: 30px 200px; text-align: center; margin:0px 30px 0; position: relative; }
.PaperTitle .Score{background: url("./Bg_Score.png") no-repeat center bottom; position: absolute; top: 10px;  left: 80px; color: #ff0000; font-size: 50px; height: 80px; line-height: 68px;}
.PaperTop{ padding-bottom: 15px}
.PaperTop .Brb{border-bottom: 1px dashed #e8e8e8}
.PaperTop .scoreTabCont{width: 1160px;margin: 0 auto;}
.PaperTop .scoreTabCont table{width: 100%;text-align: center;border-collapse: collapse;border: 1px solid #dfdfdf;}
.PaperTop .scoreTabCont table th{background: #f3f3f3;height: 44px;border: 1px solid #dfdfdf;}
.PaperTop .scoreTabCont table td{height: 42px;border: 1px solid #dfdfdf;font-size: 16px;color: #222222;}
.PaperTop .Infor{padding: 11px 0 15px; color: #8c8c8c; line-height: 30px; margin:0 30px;}
.PaperTop .Infor .Btn{ width: 136px; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; background: #ffad38; color: #fff }
.PaperTop .Explain{height: 38px;line-height: 38px;background: #fff5f4;text-align: center;color: #FB5C2D;}
.TiKuProgress{border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 0 30px 10px; background: #f7f7f7}
.TiKuProgress li{padding: 0 15px;font-size: 14px;float: left;line-height: 30px; margin: 12px 15px 0 0;border-radius: 30px;background-color: #b0b0b0;color: #fff;white-space: nowrap;}
.TiKuProgress li.cur,.TiKuProgress li:hover{background-color: #FB5C2D; cursor: pointer;}
.TiKuProgress.Fixed{position: fixed;top:0;z-index: 999; margin-top: 0; z-index: 999; width: 1140px;}

/*试卷主题*/
.PaperLeft{width: 900px; font-size: 16px;}
.PaperLeft .Small{font-size: 14px}
.PaperLeft .Small .PaperList li .options dd,.Small .AnswerInfor,.Small .AnalysisMain .Li,.Small .Paper_haed .absolute_top{font-size: 12px;}
.PaperLeft .Big{font-size: 18px}
.PaperLeft .Big .PaperList li .options dd,.Big .AnswerInfor,.Big .AnalysisMain .Li,.Big .Paper_haed .absolute_top{font-size: 17px;}
.RuleTitle{padding: 15px 30px;background: #f8f8f8;border: 1px solid #dddddd;color: #8c8c8c; margin-bottom: 15px;}

/*答案解析*/
.AnalysisMain{ padding:  10px;}
.AnalysisMain .Li{ margin-bottom: 10px; color: #999;font-size: 15px;}
.AnalysisMain .Li .Name,.InforMain .Difficulty .Name{width: 75px; height: 26px; line-height: 26px; text-align: justify;text-align-last: justify; float: left;}
.AnalysisMain .Li .Txt{width: 725px;color: #111; line-height: 30px; margin-top: -3px; float: right;}
.AnalysisMain .Li .Txt img{max-width:460px}
.AnalysisMain .Li .Txt .btnBox{text-align: right;padding-top: 10px;}
.AnalysisMain .Li .Txt .btnBox a{display: inline-block;width: 158px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;background: #fc4d55;border-radius: 40px;}
.AnalysisMain .Li .Txt .btnBox i{display: inline-block;width: 19px;height: 17px;background-position: 0 -730px !important;vertical-align: -2px;margin-right: 8px;}

.AnalysisMain .Li .Txt .examLiveBox{width: 100%;height: 93px;background: url("./examLiveBg.png") no-repeat;}
.AnalysisMain .Li .Txt .examLiveBox .tipBox{font-size: 16px;color: #333333;padding: 28px 40px 0 76px;width: 438px;line-height: 1.5;}
.AnalysisMain .Li .Txt .examLiveBox .btnBox{padding-top: 28px;}
.AnalysisMain .Li .Txt .examLiveBox .btnBox i{background-position: 0 -754px !important;}

.AnalysisMain .Li .Start,.InforMain .Difficulty .Start{display: block; height: 15px; line-height: 15px; width: 80px; margin-top: 8px; background: url('./t_icon_start_n.png') ;background-size: 16px auto;background-position: left;}
.AnalysisMain .Li .Start em,.InforMain .Difficulty .Start em{height:15px;background: url('./t_icon_start_y.png') ;background-size: 16px auto;background-position: left; display: block; width: 0; }
.AnalysisMain .Li .Start em.s1,.InforMain .Difficulty .Start em.s1{width: 16px}
.AnalysisMain .Li .Start em.s2,.InforMain .Difficulty .Start em.s2{width: 32px}
.AnalysisMain .Li .Start em.s3,.InforMain .Difficulty .Start em.s3{width: 48px}
.AnalysisMain .Li .Start em.s4,.InforMain .Difficulty .Start em.s4{width: 64px}
.AnalysisMain .Li .Start em.s5,.InforMain .Difficulty .Start em.s5{width: 80px}
/*查看笔记*/
.NoteTit{border-top:1px solid #ddd;padding: 10px 0; line-height: 28px; text-align: center;}
.NoteTit a{font-size: 16px}
.NoteTit a:hover{color: #FB5C2D !important;}
/*笔记*/
.MyNote{   background: #fff; padding:0 0 0 105px; background: #fff}
.NoteTitle .btn{cursor: pointer; color: #111; border-radius: 15px;border: 1px solid #E7E7E7;padding: 0 25px 0 25px;float: left;margin-right: 20px;background: #E7E7E7;}
.NoteTitle .btn:hover{color: #FD551E;border-color: #FD551E;background: #fff;}

.NoteTitle span{position: relative;box-sizing: border-box;padding-right: 30px;  display: inline-block; height: 30px; line-height: 30px;  font-size: 14px;  }
.NoteTitle .cur{color: #FD551E;border-color: #FD551E;background: #fff;}
.NoteTitle span i,.NoteTitle .cur i{position: absolute;top: 0;bottom: 0;right: 0;width: 20px;height: 20px;margin: auto;}
.NoteTitle .note i{background: url('./t_icon_note.png') no-repeat;background-position: center;background-size: 14px auto;}
.NoteTitle .cur .note i{background: url('./t_icon_note_y.png') no-repeat;background-position: center;background-size: 14px auto;}
.NoteTitle .jiexi i{background: url('./t_icon_video.png') no-repeat;background-position: center;background-size: 14px auto;}
.NoteTitle .cur .jiexi i{background: url('./t_icon_video.png') no-repeat;background-position: center;background-size: 14px auto;}

.NoteTitle .do_note:hover  i{background: url('./t_icon_note_y.png') no-repeat;background-position: center;background-size: 14px auto;}
.NoteTitle .scan_jiexi:hover .jiexi i{background: url('./t_icon_video.png') no-repeat;background-position: center;background-size: 14px auto;}

.NoteReply{padding: 25px 0 20px;box-sizing: border-box; background: #fefefe;}
.NoteReply textarea,.NoteList .ListReply textarea{width: 96%;max-width: 96%; height: 80px; line-height: 20px; padding: 10px 2%; border: 1px solid #ccd4d9; border-radius: 10px; resize: none;}
.NoteReply .Limited,.NoteList .ListReply .Limited{ height: 40px; line-height: 40px; color: #999 }
.NoteReply .Limited .Btn,.NoteList .ListReply .Limited .Btn{font-size: 15px; height: 40px;line-height: 40px; width: 130px;text-align: center;line-height: 40px; border-radius: 10px;background: #FD551E;color: #fff;}

.ReplyText{background: #dedede;padding:10px;border: 1px solid #BBB; width: 785px}
.ReplyText .Tit{font-size: 16px;}
.ReplyText .Tit a{color: #005599}
.ReplyText .TextCon{margin-top: 10px; font-size: 14px; line-height: 22px; max-height:110px; overflow: hidden; }
.ReplyText .au{max-height: none}
.ReplyTextMore{text-align: right; padding: 0 22px; line-height: 30px;}
.ReplyTextMore a{font-size: 12px;}

.NoteList{box-sizing: border-box; margin: 10px 0 10px ; width: 100%; position: relative;}
.NoteList .img{ width: 40px; height: 40px; border-radius: 50%; position: absolute; left: 30px; top: 10px; }
.NoteList .NoteTop{line-height: 32px;position:relative;}
.NoteList .NoteTop .Name{color: #005599;}
.NoteList .NoteTop span{margin-left: 10px;color: #acb4ba;font-size: 12px;}
.NoteList .NoteTop em{font-size: 12px;color: #f96d15;}
.NoteList .NoteTop .Report{font-size: 12px;color: #92999f; cursor: pointer; position: absolute; right: 35px; top: 0}
.NoteList .NoteTop .Report:hover{color: #FB5C2D}
.NoteList .NoteTxt{ padding-right: 25px; line-height: 22px; font-size: 14px }
.NoteList .NoteInfo{color: #92999f;position: relative;margin-top: 3px;font-size: 12px; height: 26px; line-height: 26px;}
.NoteList .NoteInfo .Oper{margin-right: 35px;}
.NoteList .NoteInfo .Oper em{line-height: 26px; float: left;padding-left: 25px; font-size: 12px; margin-left: 15px; position: relative;  cursor: pointer;}
.NoteList .NoteInfo .Oper em i{width: 17px; height: 17px; position: absolute; left: 0; top: 5px; display: block;}
.NoteList .NoteInfo .Oper .Agree i{background-position: 0 -410px}
.NoteList .NoteInfo .Oper .Disagree i{background-position: 0 -436px}
.NoteList .NoteInfo .Oper .Hf i{background-position: 0 -463px}
.NoteList .NoteInfo .Oper em:hover,.NoteList .NoteInfo .Oper em.cur{color: #f96d15}
.NoteList .NoteInfo .Oper .Agree:hover  i,.NoteList .NoteInfo .Oper .Agree.cur  i{background-position: -20px -410px}
.NoteList .NoteInfo .Oper .Disagree:hover  i,.NoteList .NoteInfo .Oper .Disagree.cur  i{background-position: -20px -436px}
.NoteList .NoteInfo .Oper .Hf:hover i,.NoteList .NoteInfo .Oper .Hf.cur i{background-position: -19px -463px}
.NoteList .ListReply{padding:10px 35px 10px 0;}
/*上一题下一题*/
.PaperExpTitle{height: 58px; text-align: center;color: #EBEBEB; position: fixed;_zoom:1; bottom: 0;left: 0; width: 100%;}
/* .PaperExpTitle{position:absolute;left: 0;bottom: 0;border-radius: 0 0 10px 10px;box-sizing: border-box;background: #EBEBEB;  height: 58px;text-align: center;width: 100%; color: #EBEBEB;} */
.PaperExpTitle i{width: 20px; height: 20px; display: inline-block; vertical-align: middle; }
.PaperExpTitle a,.PaperExpTitle .Prev,.PaperExpTitle .Next{box-sizing: border-box; background: #EBEBEB; color: #111; height: 58px;line-height: 58px; position: relative;display: inline-block;float: left;width: 300px;cursor: pointer;}
.PaperExpTitle .bar{position: absolute;width: 300px;height: 4px;background: #FD551E;left: 0;top: 0;display: none;}
.PaperExpTitle .Prev{padding-right: 20px;}
.PaperExpTitle .Prev i{margin-right: 15px; vertical-align: -9px; background: url('./t_icon_arraow_left.png') no-repeat;background-size: 12px auto;width: 30px;height: 30px;background-position: center;}
.PaperExpTitle .Next i{margin-left: 15px;  vertical-align: -9px; background: url('./t_icon_arraow_left.png') no-repeat;transform: rotate(180deg); background-size: 12px auto;width: 30px;height: 30px;background-position: center;}
.PaperExpTitle .Next{padding-left: 20px;}
.PaperExpTitle .Prev:hover,.PaperExpTitle .Next:hover,.PaperExpTitle a:hover{background: #FFF6EE}
.PaperExpTitle .Prev:hover .bar,.PaperExpTitle .Next:hover .bar,.PaperExpTitle a:hover .bar{display: block;}
.PaperExpTitle a{height: 58px;line-height: 58px;display: inline-block; position: relative; }
.PaperExpTitle a i{vertical-align: -9px; background: url('./t_icon_showAsw.png') no-repeat;margin-right: 5px; background-size: 18px auto;width: 30px;height: 30px;background-position: center;}
.PaperExpTitle .Prev.cur .bar,.PaperExpTitle .Next.cur .bar,.PaperExpTitle a.cur .bar{display: block;}
.PaperExpTitle .Prev.cur,.PaperExpTitle .Next.cur,.PaperExpTitle a.cur{background: #FFF6EE}
.PaperRight{width:280px}
.PaperRight .PaperType{width: 280px;}
.PaperRight .Fixed{position: fixed;top: 0px;z-index: 9;}
/*试卷操作设置*/
.PaperOper{margin-bottom: 20px; border-radius: 10px; background: #fff;width: 280px; padding: 25px 10px;box-sizing: border-box;}
.PaperOper li{color: #999; width: 33.3%; text-align: center; line-height: 24px; padding-top: 38px; font-size: 12px; position: relative; float: left;}
.PaperOper li i{width: 35px; height: 35px; position: absolute;top: 0; left: 25px; display: block;}
.PaperOper li.GoBack i{background: url('./t_icon_back.png') no-repeat;background-size: 29px auto;background-position: center;}
.PaperOper li.Calculator i{background: url('./t_icon_caculate.png') no-repeat;background-size: 29px auto;background-position: center;}
.PaperOper li.Setting i{background: url('./t_icon_setting.png') no-repeat;background-size: 29px auto;background-position: center;}
.PaperOper li:hover{cursor: pointer; color: #FB5C2D}
.PaperOper li .SetBox{ position: absolute;width: 300px; border: 1px solid #ddd; top: 48px; right: -3px; background: #fff; z-index: 5; display: none;}
.PaperOper li .SetBox .Li{padding: 260px; padding: 0 20px; height: 54px;}
.PaperOper li .SetBox .Li .Name{height: 54px; line-height: 54px; width: 120px; color: #333; float: left;}
.PaperOper li .SetBox .Li .Txt{width: 130px; text-align: right; float: right;}
.PaperOper li .SetBox .Li .Switch{float: right;}
.PaperOper li .SetBox .FontSize{height: 24px; width: 126px; border: 1px solid #FB5C2D; border-radius:3px;margin-top: 14px; float: right;}
.PaperOper li .SetBox .FontSize dd{width:42px; line-height: 24px; text-align: center; float: left;}
.PaperOper li .SetBox .FontSize dd:hover,.PaperOper li .SetBox .FontSize dd.cur{background: #FB5C2D; color: #fff}
.PaperOper li.Setting:hover .SetBox{display: block;}
/*答题卡*/
.PaperCard{width: 280px;background: #fff;border-radius: 10px;padding:0 20px 20px;box-sizing: border-box; }
.PaperTime{ height: 56px;  line-height: 56px;border-bottom: 1px solid #ddd; }
.PaperTime .Time{color: #8c8c8c; width: 130px; padding-left: 41px; border-right: 1px solid #ddd; position: relative; font-size: 14px }
.PaperTime .Time i{ width: 20px; height: 20px; position: absolute; left: 18px; top: 18px; background-position:-40px -100px; display: block; }
.PaperTime .Time a{color: #FB5C2D}
.PaperTime .State{ display: block;  width: 96px; text-align: center; color: #8c8c8c }
.PaperTime .State i{width: 24px; height: 24px; display: inline-block;vertical-align: middle; background-position: -75px -147px; margin-right: 5px;}
.PaperTime .State.cur i{background-position: -40px -147px}
.PaperTime .ErrorTi{width: 96px; text-align: center;line-height: 24px; font-size: 12px;}
.PaperTime .ErrorTi .Switch{margin:10px auto 0 }



.CardDownBox{padding: 20px 0 15px;font-size: 15px; border-bottom: 1px solid #E5E5E5;}
.CardDownBox .CardTime_l{line-height: 30px;}
.CardDownBox .CardTime_l i{width: 19px;height: 19px;background: url('./t_icon-clock2.png') no-repeat;background-position: center;background-size: 18px auto; display: inline-block;}
.CardDownBox .CardTime_l p{display: inline-block;color: #999;vertical-align: 2px;}
.CardDownBox .CardTime_l span{color: #FB5C2D;}
.CardDownBox .CardTime_r{cursor: pointer;}
.CardDownBox .bar{width: 1px ;height: 16px;background: #E5E5E5;position: absolute;top: 6px;left: -22px;}
.CardDownBox .CardTime_r{position: relative;}
.CardDownBox .CardTime_r i{width: 25px;height: 25px;background: url('./t_icon_pause.png') no-repeat;background-position: center;background-size:auto 20px ; display: inline-block;}
.CardDownBox .CardTime_r.cur i{width: 25px;height: 25px;background: url('./t_icon_play.png') no-repeat;background-position: center;background-size: auto 20px; display: inline-block;}
.CardDownBox .CardTime_r span{color: #111; vertical-align: 6px;}

.CardTimeBox{padding: 20px 0 15px;font-size: 15px; border-bottom: 1px solid #E5E5E5;}
.CardTimeBox .CardTime_l i{width: 19px;height: 19px;background: url('./t_icon-clock2.png') no-repeat;background-position: center;background-size: 18px auto; display: inline-block;}
.CardTimeBox .CardTime_l p{display: inline-block;color: #999;vertical-align: 2px;}
.CardTimeBox .CardTime_l span{color: #FB5C2D;}
.CardTimeBox .CardTime_r{cursor: pointer;}
.CardTimeBox .CardTime_r i{width: 50px;height: 24px;background: url('./t_icon_switch_n.png') no-repeat;background-position: center;background-size:auto 24px ; display: inline-block;}
.CardTimeBox .CardTime_r.cur i{width: 50px;height: 24px;background: url('./t_icon_switch_y.png') no-repeat;background-position: center;background-size: auto 24px; display: inline-block;}
.CardTimeBox .CardTime_r span{color: #111; vertical-align: 6px;}
.CardTit{height: 60px;line-height: 60px; border-bottom: 1px solid #E5E5E5;}
.CardTit span{ color: #111; font-weight: bold;font-size: 18px ;_display:inline; float: left; }
.CardTit .cellCard{ cursor: pointer; color: #999; font-size: 15px;float: right; height: 100%;}
.CardTit .cellCard i{transition: all .5s; display: inline-block;width: 16px;height: 16px;background: url('./t_icon_arraow.png') no-repeat;background-size: 16px auto;background-position: center;margin-right: 3px;transform-origin: center; vertical-align: -3px;}
.CardTit .cellCard.rotate i{transform: rotate(180deg);transform-origin: center;}
.CardTit .Fold{float: right; padding-right: 34px; position: relative; cursor: pointer;}
.CardTit .Fold i{background-position: 0 -240px; width: 16px; height: 12px; display: block; position: absolute; right: 12px; top: 20px; cursor: pointer;}
.CardTit .Fold.cur i{background-position: -19px -240px;}
/*答题卡*/
.AnswerCard{transition: all .5s ease-in;background: #fff;min-height: 270px;overflow: auto;max-height: 400px;display: block;overflow-x: hidden;}
.AnswerCard .TitleName{font-size: 16px; height: auto;padding: 20px 0 20px 14px;color: #111; position:relative}
.AnswerCard .TitleName p{position: relative;}
.AnswerCard .TitleName i{ position: absolute;width: 4px;height: 18px;border-radius: 2px; background: #FE9149;top: 0;left: 0;bottom: 0;margin: auto;}
.AnswerCard .TitleName span{padding: 5px 10px 0 0; display: inline-block; color: #999;font-size: 14px;}
.AnswerCard .AnswerList{width: 240px;}
.AnswerCard .AnswerList li{width: 30px; height: 30px; line-height: 30px;text-align: center;border: 1px solid #e7e7e7; border-radius: 3px; font-size: 14px;margin:0 8px 8px 0; float: left;position: relative;}
.AnswerCard .AnswerList li:nth-of-type(6n){/* margin: 0 0 8px 0; */}
.AnswerCard .AnswerList li:hover {border-color:#ff8c71;background: #ff8c71; color: #fff; cursor: pointer; }
/* .AnswerCard .AnswerList li.Cur { color: #111;} */
.AnswerCard .AnswerList li.Lock { color: #fff; background: #909090; border-color:#909090; }
.AnswerCard .AnswerList li.noDo{color:#111; background: #D9D9D9; border-color:#D9D9D9;}
.AnswerCard .AnswerList li.Error { color: #fff; background: #ED3C43; border-color:#ED3C43; }
.AnswerCard .AnswerList li.Sucess { color: #fff; background: #54AF69; border-color:#54AF69; }
.AnswerCard .AnswerList li.Sucess { color: #fff; background: #54AF69; border-color:#54AF69; }
.AnswerCard .AnswerList li.Flag:after{position: absolute;right: -6px;top: -8px; display: block;content: "";width: 16px;height: 16px;background: url('./t_icon_flag.png') no-repeat;background-position: center;background-size: 15px auto;}
/*状态*/
.AnswerState{border-top: 1px dotted #dbdbbd; text-align: center; padding: 10px 0;height: 40px;box-sizing: border-box;}
.AnswerState span{text-align: left;float: left;display: inline-block;width: 33.3%;}
.AnswerState em{line-height: 18px;vertical-align: middle;font-size: 12px;display: inline-block;}
.AnswerState u{width: 10px; height: 10px;display: inline-block;border-radius: 2px; font-size: 0;border: 1px solid #b1b6bf; background: #fff; vertical-align: middle; margin: 0 5px}
.AnswerState u.cur{background: #b1b6bf}
.AnswerState u.error{background: #e45c40; border-color:#e45c40 }
.AnswerState u.sucess{background: #54AF69; border-color:#54AF69}
/*试卷操作*/
.AnswerBtm a:last-child{margin-bottom: 0;}
.BtnAnswer{font-size: 15px; display: inline-block;border-radius: 10px; height: 40px;line-height: 40px;width: 240px;text-align: center;border: 1px solid #FB5C2D;background: #fff;color: #FB5C2D !important; margin-bottom: 10px}
.AnswerScore,.AnswerScore2{background-image: linear-gradient(to right,#FE974F,#FD6222);border-color:#FE974F;  color: #fff !important }
.AnswerCommet{background:#54AF69;border-color:#54AF69;  color: #fff !important }
/* .BtnAnswer:hover{background: #FB5C2D; border-color: #FB5C2D; color: #fff !important} */

.MessageTips{line-height: 32px;background: #ffe4ce;border: 1px solid #ffdec4;margin-top: 15px;padding: 0 35px;position: relative;font-size: 12px;color: #4d4d4d;}
.MessageTips i.Close{width: 12px;height: 12px; background-position:-60px -710px; position: absolute;
    right: 10px; top: 10px; cursor: pointer; display: block;}
.MessageTips i.Tips{width: 18px;height: 18px; background-position:-30px -710px; position: absolute;
    left: 10px; top: 7px;}
.layerCalculator{display: none;}

/*听力题弹窗*/
.audio-wrapper {background-color: #fcfcfc;width: 670px;height: 70px;border:1px solid #dfdfdf;color: #3e3e3e;position: fixed;top:50%;left: 50%;margin-top:-35px;margin-left:-335px;z-index: -10;opacity: 0;transition: all .2s}
.audio-wrapper .title{width: 14px;padding: 5px;display: inline-block;font-size:14px;line-height: 1em;background: #fc4d55;color: #fff;border-radius: 0 0 14px 14px;position: absolute;left: 12px;top:0;}
.audio-btn {float: right;text-align: center;width: 18%;height: 100%;}
.audio-btn img {width: 40px;position: relative;top: 15px;margin: 0;display: initial;cursor: pointer;}
.audio-cont {position: relative;margin-left:8%;width: 60%;height: 100%;float: left;}
.audio-cont p {font-size: 15px;height: 40%;margin: 8px 0 6px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 243px;   /* 要适配小屏幕手机，所以最大宽度先设小一点，后面js根据屏幕大小重新设置 */}
.progress-bar-bg {background-color: #d9d9d9;position: relative;height: 6px;cursor: pointer;}
.progress-bar {background-color: #fc4d55;width: 0;height: 6px;}
.progress-bar-bg span {content: " ";width: 20px;height: 20px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;background:url("./btnBar.png") no-repeat;position: absolute;left: 0;top: 50%;margin-top: -10px;margin-left: -10px;cursor: pointer;}
.audio-time {overflow: hidden;margin-top: 1px;text-align: right;position: absolute;top: 32px;right: -96px;}
.audio-length-total {font-size: 14px;color:#666;}
.audio-length-current {font-size: 14px;color:#fc4d55;}
.audio-wrapper .closeBtn{display: inline-block;width: 24px;height: 24px;border-radius: 24px;background:url("./closeBtn.png") no-repeat;position: absolute;right:-12px;top:-12px;cursor: pointer;}
.audioShow{z-index: 99 !important;opacity: 1!important}
.container table{border-spacing:3px; border-collapse: separate}
.container{margin: 0 auto; background:#fff;}
.container td{ font-size:12px !important}
.container input{width:60px; height:35px; cursor:pointer; }
.container input[type="button"]{border-radius: 1px;}
.container input:focus{ outline:none}
.container input[disabled]{color: #AEAEAE;cursor: default;}
.container input[type="button"]:hover{ border:#aaa solid 1px ;}
.container input[disabled]:hover{ border:#ccc solid 1px }
.container .cw{border: #CCC solid 1px;}
.container .moveLayer{width:100%;height:32px;position:absolute;top:0;left:0;}
.container .cw-input{width: 630px;padding: 10px;height: 20px;font-weight: 800; text-align:right; font-size:16px; cursor:default;margin-top: 10px;border:#DBD9D9 solid 1px;}
.container .cw-show{ height:30px; border:#DBD9D9 solid 1px; cursor:default }
.container .cw-num{ background:#f0f0f0; border:#ccc solid 1px ;font-weight: 800;color: #666;}
.container .cw-select{width: inherit;height: inherit;}
.container .cw-fn,.container .cw-tpl,.container .cw-x{ color:#444; background:#D6D6D6; border:#c6c6c6 solid 1px; ;background-image:-webkit-linear-gradient(top,#D6D6D6,#D0D0D0);background-image: -moz-linear-gradient(top,#d6d6d6,#d0d0d0);background-image: -ms-linear-gradient(top,#d6d6d6,#d0d0d0);background-image: linear-gradient(top,#d6d6d6,#d0d0d0);}
.container .cw-x{color: #AF5757;font-weight: 800;}
.container .cw-enter{-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#4d90fe,EndColorStr=#357ae8);background-image: -o-linear-gradient(top,#4d90fe,#357ae8);background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#357AE8));background-image: -webkit-linear-gradient(top,#4D90FE,#357AE8);background-color: #4D90FE;background-image: linear-gradient(top,#4d90fe,#357ae8);border: 1px solid #2F5BB7;color: #FEFEFE; font-weight:bold;font-size: 20px;}
.container input[type="button"].cw-enter:hover{border:#264FA4 solid 1px ;}

.TikuMakeTitle{background: #fff;padding: 15px 0;}
.TikuMakeTitle .TitleName{height: 30px; line-height: 30px; font-size: 20px; font-weight: bold; padding-left: 30px;}
.TikuMakeTitle .TitleName i{height: 30px; margin-top: -15px;}
.TikuMakeTitle .Change{width: 106px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; border: 1px solid #e3e3e3; border-radius: 15px; display: block;}
.TikuMakeTitle .Change:hover{background: #f24343;color: #fff;}
.TikuMakeTitle .ColumnList{line-height: 30px; font-size: 16px; margin-right: 30px;}
.TikuMakeTitle .ColumnList a{color: #666;}
.TikuMakeTitle .ColumnList i{width: 22px; height: 22px; display: inline-block;vertical-align: middle;margin-top: -2px; margin-right: 3px;}
.TikuMakeTitle .ColumnList i.i1{background-position: 0 -780px;}
.TikuMakeTitle .ColumnList i.i2{background-position: -25px -780px;}
.TikuMakeTitle .ColumnList i.i3{background-position: -50px -780px;}
.TikuMakeTitle .ColumnList i.i4{background-position: -75px -780px;}
.TikuMakeTitle .ColumnList u{width: 1px;height: 17px; display: inline-block; background: #e3e3e3;vertical-align: middle;margin-top: -2px; margin: 0 18px;}

.TikuListBox{background: #fff; padding: 0 30px;}

.TikuListColumn{border-top: 1px solid #e3e3e3; overflow: hidden;}
.TikuListColumn ul{margin-left: -2px; width: 1143px; padding-bottom: 10px;}
.TikuListColumn li{height: 110px;width: 103px;padding: 24px 0;text-align: center;position: relative;float: left;}
.TikuListColumn li a{height: 124px;width: 100px;border-left: 1px dashed #e3e3e3;display: block;overflow: hidden;}
.TikuListColumn li .Tu{width: 40px; height: 40px; padding: 13px 14px 14px 13px; background-position: 0 -930px; margin: 16px auto 0; position: relative;}
.TikuListColumn li .Tu i{width: 40px; height: 40px; display: block;}
.TikuListColumn li .Tu i.i1{background-position: 0 -810px;}
.TikuListColumn li .Tu i.i2{background-position: -40px -810px;}
.TikuListColumn li .Tu i.i3{background-position: 0 -850px;}
.TikuListColumn li .Tu i.i4{background-position: -40px -850px;}
.TikuListColumn li .Tu i.i5{background-position: 0 -890px;}
.TikuListColumn li .Tu i.i6{background-position: -40px -890px;}
.TikuListColumn li .Tu i.i7{background-position: 0 -1060px;}
.TikuListColumn li .Tu i.i8{background-position: -40px -1060px;}
.TikuListColumn li .Tu i.i9{background-position: 0 -1150px;}
.TikuListColumn li .Tu .hot{width: 52px; height: 24px; line-height: 24px; font-size: 12px; color: #fff; text-align: center; padding: 0 7px 0 17px; background-position: 0 -1100px; position: absolute;right: -40px; top:-6px}
.TikuListColumn li h2{height: 30px;line-height: 30px;font-size: 16px;}
.TikuListColumn li u{border-color:#f1f1f1 transparent transparent transparent;border-style:solid dashed dashed dashed;border-width:9px;position: absolute;bottom: -18px;left: 43px;display: none;}
.TikuListColumn li:hover,.TikuListColumn li.active{background: #f1f1f1; cursor: pointer;}
.TikuListColumn li:hover h2,.TikuListColumn li.active h2{font-weight: bold;}
.TikuListColumn li:hover u,.TikuListColumn li.active u{display: block;}

.TikuMakeScreen { border-bottom: 1px solid #e8e8e8; margin-top: 10px;}
.TikuMakeScreen li{padding:0 0 0 58px; position: relative;}
.TikuMakeScreen li .Name{position: absolute; left: 0;top: 0; line-height: 30px; color: #8c8c8c; text-align: left; font-size: 16px; width: 60px;}
.TikuMakeScreen li a{height: 30px; line-height: 30px; padding: 0 15px; border-radius: 15px; margin-bottom: 13px; float: left;}
.TikuMakeScreen li a:hover,.TikuMakeScreen li a.cur{background: #f24343; color: #fff}

.TikuMakeList{overflow: hidden;}
.TikuMakeList ul{margin-top: -1px;}
.TikuMakeList ul li{border-top: 1px dashed #dddddd; font-size: 16px; padding: 22px 0; overflow: hidden;}
.TikuMakeList ul li .Mes{width: 800px; line-height: 30px; height: 60px; overflow: hidden; float: left;}
.TikuMakeList ul li .Mes .Name,.VipMakeList ul li .Mes .Date{ height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.TikuMakeList ul li .Mes .Date{ color: #999999;  }
.TikuMakeList ul li .Mes .Date u{margin: 0 10px;}
.TikuMakeList ul li .Status{width: 198px; text-align: center;float: left;}
.TikuMakeList ul li .Status p,.TikuMakeList ul li .Status a{background: url("bg_tikuLine.png") no-repeat center bottom;height: 36px; line-height: 36px; padding: 4px 0;margin-top: 8px; color: #4f5eea;display: block;}
.TikuMakeList ul li .Status i{display: inline-block; height: 20px;vertical-align: middle;margin-top: -2px;}
.TikuMakeList ul li .Status i.i1{width: 22px; background-position: 0 -1130px;}
.TikuMakeList ul li .Status i.i2{width: 19px; background-position: -30px -1130px;}
.TikuMakeList ul li .Status i.i3{width: 26px; background-position: -60px -1130px;}
.TikuMakeList ul li .State{width: 100px;text-align: center; line-height: 60px; margin-left: 50px; float: left;}
.TikuMakeList ul li .Oper{width: 142px; line-height: 60px; text-align: right; float: right;}
.TikuMakeList ul li .Oper .Btn{width: 140px; height: 38px; line-height: 38px; display: inline-block; vertical-align: middle; border-radius: 20px; text-align: center;border: 1px solid #ea554f; color: #ea554f;}
.TikuMakeList ul li .Oper .BtnResert{border-color: #dfdfdf; color: #333; background: #f9f9f9;}
.TikuMakeList ul li .Oper .Btn:hover{background: #ea554f; color: #fff}

.CurTitle{height: 46px;background-color: #f9f9f9;margin-bottom: 10px;}
.CurTitle li{width: 130px; height: 56px; line-height: 56px;font-size: 16px; font-weight: bold; text-align: center;float: left; margin-left: 10px;}
.CurTitle li.Name{width: 680px; padding: 0 20px; text-align: left;margin-left: 0;}
.CurTitle li.Name1{width: 500px;}
.CurTitle li.Num{width: 330px;padding-right: 176px}

.CurChapter {font-size: 16px}
.CurChapter ul{height: 66px;}
.CurChapter li,.WorkChapter li{float: left;text-align: center;}
.CurChapter li{width: 130px; margin-left: 10px;}
.CurChapter li.Name,.WorkChapter li.Name{position: relative;text-align:left;border-left: 1px solid #fc4d55;width: 689px; padding-left: 30px; margin-left: 0; }
.CurChapter .ChapterLi{height: 66px;line-height: 66px;font-size: 14px;}
.CurChapter li .ico{background-position: 0 -1000px;cursor: pointer;width: 24px;height: 24px;position: absolute;left: -12px;top: 20px;background-color: #fff;}
.WorkChapter li .ico{background-position: -60px -1000px ;cursor: pointer;width: 15px; height: 15px; position: absolute;left: -18px; top: 26px;}
.CurChapter li .icoCur{background-position: -30px -1000px;}
.CurChapter li .Btn{margin: 15px auto; display: inline-block; height: 34px; line-height: 34px; font-size: 16px; width: 128px ; text-align: center;border-radius: 18px;border: 1px solid #ea554f; color: #ea554f;}
.CurChapter li .BtnResert{border-color: #dfdfdf; color: #333; background: #f9f9f9;}
.CurChapter li .BtnNow,.CurChapter li .Btn:hover{background: #ea554f; color: #fff}
.CurChapter .ChapterName{height: 66px;line-height: 66px;font-size: 18px;font-weight: bold;width:540px;overflow: hidden;}
.CurChapter .SectionLi{height: 66px;line-height: 66px;}
.CurSection {transition:all 1s;}
.CurSection ul{height: 66px;}
.CurSection li .ico,.WorkSection li .ico{background-position: -60px -1000px; width: 16px; height: 16px; top: 26px; left: -8px; }
.CurSection li .icoCur,.WorkSection li .icoCur{background-position: -80px -1000px; }
.WorkSection li .icoCur{background-position: -80px -1000px;}
.CurChapter .ClassLi{height: 70px;line-height: 70px;}
.CurName  li.Name u{width: 11px; height: 11px; font-size: 0;border: 5px solid #fff; border-radius: 50%; position: absolute; left: -11px; top: 26px }
.CurName  li.Name i{left: -11px;top: 23px;  width: 11px; height: 11px;background: #ea554f;border: 5px solid #fff; border-radius: 50%; position: absolute; display: block}
.CurName ul{height: 70px;}

.RecordDown{margin-top: 20px;border-top: 5px solid #f24343; padding-top: 6px;}
.RecordDown .RecordTitle{background: #f24343;border-radius:10px;width: 1141px;padding: 12px 0; margin-left:-1px;overflow: hidden; }
.RecordDown .RecordTitle li{height:44px; width: 144px; padding: 0 9px;border-left: 1px solid #f57272; cursor: pointer; float: left;}
.RecordDown .RecordTitle li .Txt{height:48px; padding: 5px 0; width: 144px; border-radius: 6px;  text-align: center; margin-top: -7px; }
.RecordDown .RecordTitle li .Txt h2{font-size: 18px;font-weight: bold;color: #fff;line-height: 28px; height: 28px;}
.RecordDown .RecordTitle li .Txt p{font-size: 16px;line-height: 20px; height: 20px;color: #fff; opacity: .6;}
.RecordDown .RecordTitle li:hover .Txt,.RecordDown .RecordTitle li.cur .Txt{background: #ffffff}
.RecordDown .RecordTitle li:hover .Txt h2,.RecordDown .RecordTitle li.cur .Txt h2,.RecordDown .RecordTitle li:hover .Txt p,.RecordDown .RecordTitle li.cur .Txt p{color: #f24343;}
.RecordDown .List{ margin: 10px 0; overflow: hidden;}
.RecordDown .List ul{margin-top: -1px;}
.RecordDown .List ul li{border-top: 1px dotted #cccccc;padding: 25px 140px 25px 45px; line-height: 36px;font-size: 20px; width: 955px; position: relative; overflow: hidden;}
.RecordDown .List ul li i{width: 28px; height: 21px; position: absolute; left: 0; top: 50%; margin-top: -7px; background-position: -70px -930px;}
.RecordDown .List ul li a.Btn,.RecordDown .List ul li p{position: absolute;right: 0; top: 50%;margin-top: -17px;  display: block; height: 34px; line-height: 34px; font-size: 16px; width: 130px ; text-align: center;}
.RecordDown .List ul li a.Btn{border-radius: 18px;border: 1px solid #ea554f; color: #ea554f;margin-top: -18px;}
.RecordDown .List ul li a.Btn:hover{background: #ea554f; color: #fff}

.intelEvalBox{padding: 30px 0 0; }
.intelEval{width: 510px; margin:16px 0 0 45px; float: left;}
.intelEval .Tit{height: 134px; line-height: 134px; font-size: 48px; font-weight: bold; color: #ea554f; position: relative;}
.intelEval .Tit u{width: 40px; height: 5px; background: #ea554f; position: absolute; left: 0; bottom: 0;}
.intelEval .Txt{padding: 25px 0 15px;}
.intelEval .Txt p{line-height: 36px; font-size: 20px; color: #666666; padding-left: 28px; position: relative; margin-bottom: 15px;}
.intelEval .Txt p i{width: 15px; height: 15px; display: block; position: absolute; left: 0; top: 10px; background-position: -70px -960px;}
.intelEval .title{font-size: 24px;font-weight: bold; color: #222222;line-height: 60px;}
.intelEval .intelSelect{width: 358px;border: 1px solid #dadada; height: 48px;border-radius: 25px; padding-right: 150px; position: relative;}
.intelEval .intelSelect .btn{width: 150px; height: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; background: #f24343; position: absolute; right: -1px; top: -1px;}
.intelEval .SelectBox{width: 358px; height: 48px;}
.intelEval .SelectBox i{ width: 28px; height: 15px;display: block;pointer-events:none; position: absolute; right: 168px;top: 15px; background-position:-70px -980px }
.intelEval .SelectText{height: 48px;line-height: 48px; width: 340px; padding: 0 39px 0 18px; display: block; cursor: pointer; overflow: hidden;}
.intelEval .SelectList{position: absolute; top: 48px; left: 0; width: 358px;border-top: none;z-index: 999; background: #fff; display: none;}
.intelEval .SelectList li{ line-height: 36px; cursor: pointer;padding: 2px 9px 2px 18px}
.intelEval .SelectList li:hover{background-color: #1e90ff;color: #fff}
.intelEval .intelBtn{width: 360px; height: 50px; line-height: 50px; text-align: center;font-size: 18px; color: #fff;background: #f24343; border-radius: 25px; display: block;}
.intelEvalBox .Img{width: 540px; float: right; margin-top: 7px;}

.tikuTitle{height: 50px; line-height: 50px; padding: 20px 0;text-align: center; font-size: 32px;}
.tikuTitle span{padding: 0 110px; position: relative;height: 50px;}
.tikuTitle span i{width: 88px; height: 15px; position: absolute; top: 17px;}
.tikuTitle span i.L{background: url("./bg_tikuTitL.png") no-repeat; left: 0;}
.tikuTitle span i.R{background: url("./bg_tikuTitR.png") no-repeat; right: 0;}


.NoList { width: 100%;background:#fff;height: 300px;vertical-align:middle;display:flex;margin-bottom: 20px}
.NoList .NoBox{align-self:center;}
.tk-module{ width: 58px; margin-top: 18px; }

/* 章节试做 */
.CurrentBox{width: 1200px;padding: 0 0 20px;margin: 0 auto;}
.Current{display: inline-block;  position: relative;font-size: 16px;color: #666;line-height: 36px;}
.Current i,.Current a,.Current u{color: #666;}
.Current u{margin: 0 5px;}
.Current a.black{color: #111;font-weight: bold;}
.Current i{background: url('./t_location.png') no-repeat;background-position: center; width: 16px;height: 20px; display: inline-block;vertical-align: -3px;margin-right: 6px;}
.backBtn{margin-right: 20px;}
.backBtn a{display: inline-block;padding: 0 18px;height: 30px;    border: 3px solid #ffffff;font-size: 14px;text-align: center;line-height: 30px;border-radius: 35px;background-color: #b6bdc3;color: #fff;}
.backBtn i{display: inline-block; width: 15px; height: 12px;background: url('./agreement_icon_back_w.png') no-repeat;vertical-align: 0;margin-right: 6px;}

/*做题进度*/
.PaperSpeed{margin-bottom: 20px;border-radius: 10px; padding: 25px 20px;position: relative;background: #fff;box-sizing: border-box;}
.PaperSpeed .exam_cover{text-align: center;font-size: 32px;color: #fff;line-height: 110px; position: absolute;width: 100%;height: 100%;border-radius: 10px;background: rgba(0, 0, 0, .8);left: 0;top: 0;}
.PaperSpeed  .user_scord{position: absolute; right: 30px;     line-height: 85px;top: 15px; width: 110px;height: 110px;background: url('./t_icon_score_bg.png') no-repeat;background-position: bottom center;background-size: 105px auto;font-size: 48px;color: #ED3C42;font-weight: bold;}
.PaperSpeed  .user_scord span{transform: rotate(-12deg);display: inline-block; margin: 5px 0 0 -15px;}
.PaperSpeed .title{color: #333;font-size: 20px;font-weight: bold;margin-bottom: 17px;}
.PaperSpeed .proress_box {height: 20px;}
.PaperSpeed  .title_info {font-size: 15px;color: #999;margin-top: 15px;}
.PaperSpeed .Strip,.PaperSpeed .Strip p{height: 15px; font-size: 0;border-radius: 15px;}
.PaperSpeed .Strip {background: #EAEAEA; margin-top: 4px; width: 820px;display: inline-block;position: relative;}
.PaperSpeed .Strip:after{position: absolute;display: block;content: "";right: 4px;top: 0;bottom: 0;margin: auto;width: 8px;height: 8px;border-radius: 50%;background: #fff;}
.PaperSpeed .Strip p{background: #FF6810;position: relative;}
.PaperSpeed .Strip p:after{position: absolute;display: block;content: "";right: 4px;top: 0;bottom: 0;margin: auto;width: 8px;height: 8px;border-radius: 50%;background: #EAEAEA;}
.PaperSpeed .Txt{font-size: 15px; margin-left: 20px; display: inline-block; text-align: right; height: 20px; color: #8c8c8c}
.PaperSpeed .Txt em{ color: #FF6810;font-size: 15px;}
/*考试列表*/
.PaperList{position: relative;box-sizing: border-box;background: #fff;border-radius: 10px 10px 0 0;margin-bottom: 20px;}
.Paper_haed{ padding: 0 0;box-sizing: border-box;}
.Paper_haed .absolute_top{border-radius: 10px 10px 0 0; position: static;top: 0;left: 0;width: 100%;padding: 16px 30px;box-sizing: border-box; font-size: 15px;color: #999;background: #EAEAEA;}
.PaperList li{padding: 0 30px 30px;box-sizing: border-box;}
.PaperList li .PaperQuestion{ position: relative; padding: 0 0 10px;}
.PaperList li .PaperQuestion .icoState{width: 30px;height: 35px;display: block;position: absolute;top: 5px;
    left: 0;z-index: 1;display: none;}
.PaperList li .PaperQuestion .icoNone{background-position: -70px -410px;display: block;}
.PaperList li .PaperQuestion .icoError{background-position: -70px -240px;display: block;}
.PaperList li .PaperQuestion .icoSucess{background-position: -70px -280px;display: block;}

.listenQuest.audioBox{border: 1px solid #DADADA; position: fixed;left: 20%; top: 30%;z-index: -1;opacity: 0; width: 840px; padding: 20px 30px; box-sizing: border-box;border-radius: 10px;background: #F6F6F6;}
.listenQuest{width: 100%;margin-bottom: 10px; padding: 20px 30px; box-sizing: border-box;border-radius: 10px;background: #F6F6F6;}
.listenQuest .listenQ_l{width:650px;}
.listenQuest .closeBtn{display: inline-block; width: 24px; height: 24px; border-radius: 24px; background: url('./t_icon_closeBtn.png') no-repeat;background-size: 100% auto;background-position:center;background-color:#6E6E6E ; position: absolute;right: -12px; top: -12px; cursor: pointer;}
.listenQuest .listenQ_l .title{font-size: 18px;color: #111;}
.listenQuest .listenQ_l .time{font-size: 15px;color: #999;}
.listenQuest .listenQ_l .start_time{color: #111;}
.listenQuest .listenQ_l .listenQ_l_t{margin-bottom: 5px;}
.listenQuest .listenQ_r {margin-top: 4px;}
.listenQuest .listenQ_l{position: relative;}
.listenQuest .listenQ_l .audioMedia{position: absolute;z-index: 0;}
.listenQuest  .title_info {font-size: 15px;color: #999;margin-top: 15px;}
.listenQuest .Strip,.listenQuest .Strip p{height: 8px; font-size: 0;border-radius: 8px;}
.listenQuest .Strip {background: #CFD1D4; margin-top: 4px; width: 650px;display: inline-block;position: relative;}
.listenQuest .Strip p{background: #FF6810;position: relative;}
.listenQuest .Strip #progressDot{position: absolute;display: block;transform: translateX(-6px);z-index: 2; left: 0;top: 0;bottom: 0;margin: auto;width: 12px;height: 12px;border-radius: 50%;background: #FFFFFF;box-shadow: 0 3px 10px #9e9c9c;}
.listenQuest .listenQ_r .icon{cursor: pointer; width: 45px;height: 45px;margin-right: 5px;}
.iconBox_tt .pause_btn{display: block;}
.iconBox_tt .play_btn{display: none;}
.iconBox_tt.play .pause_btn{display: none;}
.iconBox_tt.play .play_btn{display: block;}

/* 材料题 */
.material{margin: 0 0 15px 0; position: relative;font-size: 15px; padding: 10px 0 10px 50px;font-size: 15px;color: #111;line-height: 25px;}
.material:after{position: absolute;top: 0;left: 0;bottom: 0;margin: auto;display: block;content: "材料";background: linear-gradient(to bottom ,#FD561E,#FD8B44);border-radius: 5px 5px 0 5px;height: 55px;font-size: 16px;color: #fff;width: 16px;padding: 4px 7px;}
.PaperList li .Title{ padding: 10px 0;line-height: 24px;position: relative;}
.PaperList li .scanMaterial{display: none;}
.PaperList li .Title em { font-size: 20px; color: #111; margin-right: 10px; float: left; }
.PaperList li .Title img { max-width: 800px; }
.PaperList li .Title u { color: #111; }
.PaperList li .hasMaterial .Title {width: 720px;}
.PaperList li .hasMaterial .scanMaterial {cursor: pointer; line-height: 40px; font-size: 15px;color: #ff6000; padding-left: 30px;box-sizing: border-box;position: relative; display: block; width: 90px;}
.PaperList li .hasMaterial .scanMaterial i{display: inline-block;position: absolute;left: 0;top: 10px;width: 20px;height: 20px;background: url('./t_icon-zhankai.png') no-repeat;background-size: 20px auto; background-position: center;}
.PaperList li .options{background: #fff; padding: 10px 0 40px}
.PaperList li .options dd{width: 650px;font-size: 15px; display: block;border-radius: 5px; padding: 6px 0 6px 20px;line-height: 24px; color: #151515; position: relative; cursor: pointer;margin-bottom: 6px;}
.PaperList li .options dd span { color: #fff; margin-right: 5px;display: inline-block;text-align: center;line-height: 25px; width: 25px;height: 25px;background: #D9D9D9;border-radius: 50%;}
.PaperList li .options dd.cur span{background: #FE9149!important;color: #fff!important;;}
.PaperList li .options dd.cur{color: #FE9149!important;}
.PaperList li .options dd:hover{background: #F4F4F4}
.PaperList li .options dd.success{background: #E3F7E9; color: #111;}
.PaperList li .options dd.success_chose{background: #E3F7E9; color: #111;}
.PaperList li .options dd.success_chose:after{position: absolute;display: block;content: "";width: 27px;height: 30px;background: url('./t_icon_suc.png') no-repeat;top: -8px;right: -8px; background-size: 100% auto;background-position: center;}
.PaperList li .options dd.success span,.PaperList li .options dd.success_chose span{background: #fff;color: #111;}
.PaperList li .options dd.error{background: #FFECEC; color: #111;}
.PaperList li .options dd.error_chose{background: #FFECEC; color: #111;}
.PaperList li .options dd.error_chose:after{position: absolute;display: block;content: "";width: 27px;height: 30px;background: url('./t_icon_error.png') no-repeat;top: -15px;right: -8px; background-size: 100% auto;background-position: center;}
.PaperList li .options dd.error span,.PaperList li .options dd.error_chose span{background: #fff;color: #111;}
.PaperList li .PaperAnswer{background: #fff; padding: 15px 36px 10px;font-size: 14px;height: 130px;}
.PaperList li .PaperAnswer textarea{max-width: 820px; width: 820px; height: 120px; padding: 5px 9px; border-radius: 5px; line-height: 24px;resize: none;}
.PaperList li .Fraction{margin: 10px 0 10px 35px}
.PaperList li .Fraction a{display: inline-block;width: 58px; height: 28px; line-height: 28px; text-align: center;border: 1px solid #FB5C2D;font-size: 14px; background: #fff; border-radius: 5px; margin-right: 10px;margin-bottom:5px;}
.PaperList li .Fraction a.cur{background: #FB5C2D; color: #fff}
.PaperList li .SharpeBox .PaperAnswer textarea{ width: 780px; max-width: 780px }
.PaperList li.checkBoxType .options dd span{border-radius: 4px;}
.questType .querst_Q .cont{line-height: 24px;}
.questType .querst_Q{margin-bottom: 25px;}
.questType .querst_A{width: 100%;}
.questType .querst_A .querst_A_t{width: 100%;min-height: 100px;border: 1px solid #DADADA;border-radius: 10px; display: inline-block;padding: 10px;box-sizing: border-box;}
/*答案部分*/
.AnswerLine{color:#8c8c8c;border-top: 1px solid #ddd;padding: 15px 0;}
.Answer_last{ margin-right: 20px;position: relative;}
.Answer_last .Answer_lastAA{margin-left: -15px;line-height: 40px; display: inline-block;padding:0 30px 0 40px ; height: 40px;border-radius: 12px;background: #F3F3F3;position: relative;color: #ED3C43;}
.Answer_last .Answer_lastAA:after{position: absolute;left: -15px;top: 4px;width: 4px;height: 32px;display: block;content: "";border-radius: 4px; background: #F3F3F3;}
.Answer_last .Answer_lastAA.success{box-shadow: 0 3px 10px #a8e9b8; padding: 0; text-align: center;line-height: 40px;color: #fff;padding-left: 30px;box-sizing: border-box; margin-left: -15px; width: 195px;height: 40px;border-radius: 12px;background: linear-gradient( to right,#84D297, #54B06A);position: relative;}
.Answer_last .Answer_lastAA.success:after{position: absolute;left: -15px;top: 4px;width: 4px;height: 32px;display: block;content: "";border-radius: 4px; background: #85D297;}
.Answer_last .Answer_lastAA.success:before{position: absolute;left: 40px;top: 0;bottom: 0;margin: auto; width: 22px;height: 22px;display: block;content: "";background: url('./t_icon_success.png') no-repeat;background-size: 20px auto;background-position: center;}

.Answer_last .Answer_lastAA.noAns{box-shadow: 0 3px 10px #C9C9C9; padding: 0; text-align: center;line-height: 40px;color: #fff;padding-left: 30px;box-sizing: border-box; margin-left: -15px; width: 195px;height: 40px;border-radius: 12px;background: linear-gradient( to right,#D0D0D0, #A9A9A9);position: relative;}
.Answer_last .Answer_lastAA.noAns:after{position: absolute;left: -15px;top: 4px;width: 4px;height: 32px;display: block;content: "";border-radius: 4px; background: #D4D4D4;}
.Answer_last .Answer_lastAA.noAns:before{position: absolute;left: 40px;top: 0;bottom: 0;margin: auto; width: 22px;height: 22px;display: block;content: "";background: url('./t_icon_noAns.png') no-repeat;background-size:auto 20px ;background-position: center;}


.Answer_last .Answer_lastAA.lackOff{box-shadow: 0 3px 10px #a8e9b8; padding: 0; text-align: left;line-height: 40px;color: #fff;padding-left: 75px;box-sizing: border-box; margin-left: -15px; width: 195px;height: 40px;border-radius: 12px;background: linear-gradient( to right,#84D297, #54B06A);position: relative;}
.Answer_last .Answer_lastAA.lackOff:after{position: absolute;left: -15px;top: 4px;width: 4px;height: 32px;display: block;content: "";border-radius: 4px; background: #85D297;}
.Answer_last .Answer_lastAA.lackOff:before{position: absolute;left: 40px;top: 0;bottom: 0;margin: auto; width: 22px;height: 22px;display: block;content: "";background: url('./t_icon_lackOff.png') no-repeat;background-size: 20px auto;background-position: center;}

.Answer_last .Answer_lastAA.quest_has_asn{box-shadow: 0 3px 10px #FD9149; padding: 0 30px; text-align: left;line-height: 40px;color: #fff;box-sizing: border-box; margin-left: -15px; height: 40px;border-radius: 12px;background: linear-gradient( to right,#FD9149, #FD561E);position: relative;}
.Answer_last .Answer_lastAA.quest_has_asn:after{position: absolute;left: -15px;top: 4px;width: 4px;height: 32px;display: block;content: "";border-radius: 4px; background: transparent;}
.Answer_last .Answer_lastAA.quest{box-shadow: 0 3px 10px #FD9149; padding: 0 35px; text-align: center;line-height: 40px;color: #fff;box-sizing: border-box; margin-left: -15px; height: 40px;border-radius: 12px;background: linear-gradient( to right,#FD9149, #FD561E);position: relative;}
.Answer_last .Answer_lastAA.quest:after{position: absolute;left: -15px;top: 4px;width: 4px;height: 32px;display: block;content: "";border-radius: 4px; background: transparent;}

.Answer_last.isAnsw .quest{display: none;}
.Answer_last.isAnsw .quest_has_asn{display: block;}

.Answer_last .Answer_lastAA.score{box-shadow: 0 3px 10px #FD914A; padding: 0; text-align: center;line-height: 40px;color: #fff;padding-left: 0;box-sizing: border-box; margin-left: -15px; width: 250px;height: 40px;border-radius: 12px;background: linear-gradient( to right,#FD9049,#FD561E);position: relative;}
.Answer_last .Answer_lastAA.score:after{position: absolute;left: -15px;top: 4px;width: 4px;height: 32px;display: block;content: "";border-radius: 4px; background: #FD914A;}

.Answer_last .Answer_lastAA.error{box-shadow: 0 3px 10px #ffa3a3; padding: 0; text-align: center;line-height: 40px;color: #fff;padding-left: 30px;box-sizing: border-box; margin-left: -15px; width: 195px;height: 40px;border-radius: 12px;background: linear-gradient( to right,#FD6568, #ED3D43);position: relative;}
.Answer_last .Answer_lastAA.error:after{position: absolute;left: -15px;top: 4px;width: 4px;height: 32px;display: block;content: "";border-radius: 4px; background: #FD6669;}
.Answer_last .Answer_lastAA.error:before{position: absolute;left: 40px;top: 0;bottom: 0;margin: auto; width: 22px;height: 22px;display: block;content: "";background: url('./t_icon_Nerror.png') no-repeat;background-size: 16px auto;background-position: center;}
.AnswerInfor,.AnswerOper,.Answer_self { line-height: 40px;color: #111;font-size: 15px;}
.Answer_self .Answer_self_val{box-sizing: border-box; width: 100px;height: 32px;border-radius: 3px;border: 1px solid #E0E0E0;padding: 0 0 0 10px;}
.Answer_self .submitBtn{display: inline-block;margin-left: 15px;padding: 0 10px;background: #eee;height: 30px;list-style: none;line-height: 30px;vertical-align: -2px;border-radius: 5px;}
.AnswerInfor u{font-size: 16px; color: #5dc773; margin-right: 50px;}
.AnswerInfor em{font-size: 16px; color: #FB5C2D}
.AnswerInfor .selOption{cursor: pointer; position: relative;padding-left: 25px;display: inline-block;}
.AnswerInfor .selOption i{position: absolute;width: 20px;height: 20px;background: url('./t_icon-noSel.png') no-repeat;background-size: 10px auto;background-position: center;left: 0;top: 0;bottom: 0;margin: auto;}
.AnswerInfor .selOption.cur i{position: absolute;width: 20px;left: 20px;background: url('./t_icon-Sel.png') no-repeat;background-size: 10px auto;background-position: center;left: 0;top: 0;bottom: 0;margin: auto;}
.AnswerInfor .selOption u{margin-right: 30px;}
.AnswerLine .AnswerOper a{height: 40px; padding-left: 20px; margin-right: 15px; font-size: 12px; position: relative; float: left;}
.AnswerLine .AnswerOper a i{ width: 16px; height: 16px; left: 0; top: 0;bottom: 0;margin: auto; position: absolute; display: block; }
.AnswerLine .AnsColle i{background: url('./t_icon_shoucang.png') no-repeat;background-size: 16px auto;background-position: center;}
.AnswerLine .AnsColle.cur i{background: url('./t_icon_shoucang_y.png') no-repeat;background-size: 16px auto;background-position: center;}
.AnswerLine .AnsMist i{background: url('./t_icon_jiucuo.png') no-repeat;background-size: 16px auto;background-position: center;}
.AnswerLine .AnsMist:hover i{background: url('./t_icon_jiucuo.png') no-repeat;background-size: 16px auto;background-position: center;}
.AnswerLine .AnsAnal i{background: url('./t_icon_bold_arraow.png') no-repeat;background-size: 16px auto;background-position: center;}
/* .AnswerLine .AnsAnal:hover i{background-position: -76px -353px} */
.AnswerLine .AnsAnal.cur i{transform: rotate(180deg);}
/* .AnswerLine .AnsAnal.cur:hover i{background-position: -60px -353px} */
.AnswerLine .SetFlag i{background: url('./t_icon_biaoji_n.png') no-repeat;background-size: 16px auto;background-position: center;}
.AnswerLine .SetFlag.cur i{background: url('./t_icon_biaoji.png') no-repeat;background-size: 16px auto;background-position: center;}
.AnswerLine .AnsColle.cur,.AnswerLine .SetFlag.cur{color: #FB5C2D;}
.AnswerLine .AnsColle:hover,.AnswerLine .AnsMist:hover,.AnswerLine .SetFlag:hover ,.AnswerLine .AnsAnal:hover{color: #FB5C2D;}
.Hidebox {display: none;}

/* 提示 */
  .tipPopup {
    padding: 20px;
    position: fixed;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 101;
    border-radius: 10px;
  }
  .tipPopup i {
    cursor: pointer;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("./icon_tip_close.png") no-repeat center center;
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .tipPopup h3 {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    text-align: center;
  }
  .tipPopup .iconTip {
    margin-top: 20px;
  }
  .tipPopup .tips {
    font-size: 14px;
    color: #999;
    margin-top: 10px;
  }
  .tipPopup .info {
    font-size: 14px;
    color: #333;
    margin-top: 10px;
  }
  .tipPopup .btnBox {
    margin-top: 20px;
  }
  .tipPopup .btnBox a {
    transition: all 0.3s;
    display: inline-block;
    width: 86px;
    height: 34px;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #ff6000;
    font-size: 14px;
    color: #ff6000;
    text-align: center;
    line-height: 34px;
  }
  .tipPopup .btnBox a:hover {
    transform: translate(0, -2px);
  }
  .tipPopup .btnBox a.viewBtn {
    background-color: #ff6000;
    color: #fff;
    margin-left: 20px;
  }
  .tipPopup .btnBox a.confirmBtn {
    background-color: #ff6000;
    color: #fff;
    margin-right: 20px;
  }

  .continuePopup{
    padding: 20px 50px;
  }

  .continuePopup .btnBox a.viewBtn{
    margin: 0;
    width: 140px;
  }


  /* 题库产品列表 */
  .contentBox{
      min-height: 540px;
      background: #fff;
      width: 1200px;
      margin: 0 auto;
      border-radius: 15px;
      padding: 10px 30px 20px;
      box-sizing: border-box;
  }
  .t_product_List .t_product_ii_l {width: 900px;}
  .t_product_List .t_product_item{padding: 20px 0;font-size: 16px; border-bottom: 1px solid#E5E5E5;}
  .t_product_List .t_product_item:last-of-type{border-bottom: 1px solid transparent;}
  .t_product_List .t_product_info{margin-top: 15px;}
  .t_product_List .t_product_info span{position: relative; display: inline-block;padding: 0 40px 0 0;color: #999;font-size: 14px;}
  .t_product_List .t_product_info span:after{position: absolute;display: block;content: ""; top: 0;bottom: 0;margin: auto;right: 20px;width: 1px;height: 10px;background: #999;}
  .t_product_List .t_product_info span:last-of-type:after{position: absolute;display: block;content: ""; top: 0;bottom: 0;margin: auto;right: 20px;width: 1px;height: 10px;background: transparent;}
  .t_product_List .t_product_ii_m{font-size: 16px;color: #111;line-height: 36px;margin-top: 10px;text-align: right;width: 100px;}
  .t_product_List .t_product_ii_r {width: 110px;}
  .t_product_List .t_product_ii_r .btn{width: 100%;height: 34px;text-align: center;line-height: 34px;border-radius: 10px;margin-top: 10px;}



/* 试卷详情 */
.paper_infos{
    padding: 30px 130px 40px 70px;
    background: #fff;
    border-radius: 10px;
    color: #111;
  }
  .paper_infos .examName{font-size: 22px;text-align: center;line-height: 50px;}
  .paper_infos .paper_img{width: 400px;height: 365px;margin-right: 75px;}
  .paper_infos .paper_img img{width: 100%; height: auto;}
  .paper_infos .paper_bottom{padding: 20px 0;}
  .paper_infos .paper_detail{width: 520px;font-size: 14px;}
  .paper_infos .paper_yearItem p{float: left;width: 50%;padding: 14px 0;}
  .paper_infos .paper_yearItem span{color: #999;}
  .paper_infos .paper_yearItem span.text{font-size: 16px; color: #999;display: inline-block;width: 80px;text-align: justify;text-align-last: justify;}
  .paper_infos .paper_itemList{padding: 10px 0 20px;border-bottom: 1px dashed #DBDBDB;}
  .paper_infos .text_scoreBox{text-align: left;color: #333;padding: 25px 0;}
  .paper_infos .text_scoreBox div{width: 50%;padding-left: 30px;box-sizing: border-box;}
  .paper_infos .text_score{color: #999;}
  .paper_infos .text_score span{color: #333;}
  .paper_infos .text_scoreBox i{width: 30px;height: 30px;display: inline-block;     vertical-align: -8px;margin-right: 10px;}
  .paper_infos .text_user i{background: url('./t_icon_user.png') no-repeat;background-size: 22px auto;background-position: center;}
  .paper_infos .text_score i{background: url('./t_icon_score.png') no-repeat;background-size: 26px auto;background-position: center;}
  .paper_infos .btn_score .btn{/* padding: 13px 0; */text-align: center;cursor: pointer;box-sizing: border-box;width: 200px;height: 75px;border-radius: 8px;background: #FFF6EE;border: 1px solid #FD551E;font-size: 15px;color: #999;}
  .paper_infos .btn_score .btn a{display:block;padding: 15px 0 15px;}
  .paper_infos .btn_score .do_exercM{margin-right: 50px;}
  .paper_infos .btn_score .do_exercM span{color: #111;}
  .paper_infos .btn_score .do_examM{color: #fff;border-color: #FC8D50;background: linear-gradient(to right ,#FE9049,#FD571E);}
  .paper_infos .btn_score .do_examM a{color:#fff;}
  .paper_infos .btn_score .do_exercM span,  .paper_infos .btn_score .do_examM span{font-size: 18px;}

  .paper_tikus{
    padding: 30px 20px;
    background: #fff;
    border-radius: 10px;
  }
  .paper_tikus .paper_tikus_ti{margin-top: 25px;}
  .paper_tikus .paper_tikus_title{position: relative; color: #111;font-weight: bold;height: 43px;line-height: 43px; padding-left: 60px;box-sizing: border-box;}
  .paper_tikus .paper_tikus_title i{background: url('./t_icon_mytiku.png') no-repeat;background-position: left center;background-size: 42px auto; font-size: 20px;display: inline-block;width: 42px;height: 42px;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;z-index: 20;}
  .paper_tikus .paper_tikus_item .ti_type{height: 35px;line-height: 35px;position: relative;border-radius: 20px;padding-left: 60px;box-sizing: border-box;font-size: 15px;color: #333; background: #F6F6F6;}
  .paper_tikus .paper_tikus_item .ti_type::after{position: absolute;display: block;content: "";width: 16px;height: 16px;border-radius: 50%;background: #C5C5CF;left: 15px;top: 0;bottom: 0;margin: auto;}
  .paper_tikus .paper_tikus_item .ti_intro{position: relative; padding: 14px 0 20px 60px;box-sizing: border-box;color: #999;font-size: 14px;}
  .paper_tikus .paper_tikus_item .ti_intro:after{position: absolute;left: 22px;top: calc(-100% - 35px);z-index: 1; height: 100%;display: block;content: "";width: 1px ;background: #C5C5CF;}

  /* 笔记 */
.note_list{padding-left: 105px;}
.note_list .t_note_item{padding-top:5px;padding-bottom:12px;border-bottom:1px dashed #e8e8e8;}
.t_note_item .t_note_left .note_top{margin-bottom: 10px;}
.t_note_item .t_note_left{font-size: 15px; color: #999;line-height: 30px;}
.t_note_item .t_note_left i{vertical-align: -10px;width: 20px;height: 30px;display: inline-block;background: url('./t_icon-clock.png') no-repeat;background-position: center;background-size:  13px auto;vertical-align: -8px;margin-right: 3px;}
.t_note_item .t_note_right {vertical-align: -10px; width: 30px;height: 30px;display: inline-block;background: url('./t_icon_del.png') no-repeat;background-position: center;background-size:  13px auto; cursor: pointer;}
.t_note_item .note_bottom {font-size: 15px;color: #111;padding-left: 5px;}

.note_data .page{text-align: center;padding: 15px 0 0;}
.note_data .page a:first-child,.classDetails_content .contBox .page a:last-child{width: 65px !important;}
.note_data .page a,.classDetails_content .contBox .page span{display: inline-block;margin-right: 10px;border: 1px solid #cbcbd4;border-radius: 4px;width: 28px;height: 28px;text-align: center;line-height: 28px;font-size: 14px;color: #787883;}
.note_data .page a.prev,.classDetails_content .contBox .page a.next{width: 65px;}
.note_data .page a:hover{text-decoration: underline;}
.note_data .page .cur{display: inline-block;margin-right: 10px;border: 1px solid #ff6000;border-radius: 4px;width: 28px;height: 28px;text-align: center;line-height: 28px;font-size: 14px;color: #ff6000;}
.note_data .page a:last-child {width: 65px !important;}
.confirm_btn {
  width: 60px;
  height: 30px;
  border-radius: 20px;
  background: #E7E7E7;
  text-align: center;
  line-height: 30px;
  margin-left: 36px;
  margin-top: 5px;
  cursor: pointer;
}

.PaperRight.Fixed .PaperType{
    position: fixed;
    top: 0;
}
.AnswerBefore{
    display: none;
    margin: 16px 0 20px;
    width: 236px;
    box-shadow: 0 3px 10px #fd9149;
    padding: 0 30px;
    text-align: left;
    line-height: 40px;
    color: #fff;
    box-sizing: border-box;
    margin-left: -15px;
    height: 40px;
    border-radius: 12px;
    background: linear-gradient( to right,#FD9149, #FD561E);
    position: absolute;
    cursor:pointer;
}
.PaperList li .hasMaterial .scanMaterial {
    cursor: pointer;
    line-height: 40px;
    font-size: 15px;
    color: #ff6000;
    padding-left: 30px;
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 90px;
}

.NoteTitle .askBtn{cursor:pointer;color:#111;border-radius:15px;border:1px solid #E7E7E7;padding:0 25px 0 25px;float:left;margin-right:20px;background:#E7E7E7}
.NoteTitle .ask i{background:url('./icon_ask.png') no-repeat center center}
.NoteTitle .askBtn:hover{color:#FD551E;border-color:#FD551E;background:#fff}
.NoteTitle .askBtn:hover i{background:url('./icon_ask_on.png') no-repeat center center}
.AskBox{margin-top:25px}
.AskBox .textareaBox{position:relative}
.AskBox .textareaBox span{font-size:14px;color:#999999;font-weight:normal;position:absolute;right:20px;bottom:10px}
.AskBox span b{font-size:14px;font-weight:normal;color:#111111}
.AskBox .BtnBox{padding-top:7px;height:56px}
.AskBox .BtnBox .RedBtn{margin-top:8px;width:130px;height:40px;border:0;border-radius:10px;font-size:16px;color:#fff;text-align:center;line-height:40px;background-color:rgb(255,96,0)}
.AskBox .textareaBox textarea{font-size:14px;width:96%;height:80px;padding:10px 2%;border:1px solid #dedede;border-radius:10px;resize:none}
.AskBox .section .item{cursor:pointer;width:56px;height:56px;border:1px solid #efefef;float:left;margin-right:10px;display:inline;position:relative;border-radius:8px}
.AskBox .section .item i.addimg{width:56px;height:56px;display:inline-block;background:url('./icon_add.png') no-repeat center center;z-index:2;position:static;transform:translate(0,0)}
.AskBox .section .item i.delete{width:19px;height:19px;display:inline-block;position:absolute;top:-8px;right:-8px;transform:translate(0,0);left:auto;background:url('./icon_img_close.png') no-repeat}
.AskBox .section .upload_input{display:block;width:0;height:0;-webkit-opacity:0.0;-moz-opacity:0.0;-khtml-opacity:0.0;opacity:.0;filter:alpha(opacity=0)}
.AskBox .section .preview,.preBlock{position:absolute;display:block;width:44px;height:44px;left:0;top:0}
.AskBox .section .preBlock img{display:block;width:56px;height:56px}
.AskBox .detailsList .list {padding: 25px 15px 25px 65px;border-bottom: 1px solid #eeeeee;position: relative;}
.AskBox .detailsList .list:last-child{border:0}
.AskBox .detailsList .list .userHeadPic{width:49px;height:49px;border:1px solid #e7e7e7;border-radius:49px;overflow:hidden;position:absolute;left:2px}
.AskBox .detailsList .list .userHeadPic img{width:100%}
.AskBox .detailsList .list h3{font-size:14px;color:#333333;line-height:30px}
.AskBox .detailsList .list h3 .className{font-size:14px;color:#ff9b48;padding:0 10px;line-height:25px;border-radius:25px;border:1px solid #ff9b48;margin-left:8px}
.AskBox .detailsList .list h3 .time{color:#999999;font-size:14px}
.AskBox .detailsList .list .q{margin-top:15px}
.AskBox .detailsList .list .q p{font-size:14px;color:#333333;line-height:1.8}
.AskBox .detailsList .list .q .picBox{padding-top:15px}
.AskBox .detailsList .list .q .picBox .picList{display:flex;align-items:center;float:left;margin-right:10px;width:64px;height:64px;border:1px solid #eee;overflow:hidden;box-sizing:border-box}
.AskBox .detailsList .list .q .picBox .picList img{width:100%;cursor:pointer}
.AskBox .detailsList .list .a{margin-top:18px;display: flex;}
.AskBox .detailsList .list .a .teacherHeadPic{width:23px;height:23px;border-radius:23px;overflow:hidden;margin-right:10px;}
.AskBox .detailsList .list .a .teacherHeadPic img{width:100%}
.AskBox .detailsList .list .a .text{width:620px;font-size:14px;color:#333333;line-height:1.8}
.AskBox .detailsList .list .a .noAnswer{color:#999999}
.AskBox .detailsList .list .a img.smallimg{width: 64px;height: 64px;}
.AskBox .page{text-align:center;padding:15px 0 0;}
.AskBox .page a:first-child,.courseDetails .leftBox .page a:last-child{width:65px !important}
.AskBox .page a,.courseDetails .leftBox .page span{display:inline-block;margin-right:10px;border:1px solid #cbcbd4;border-radius:4px;width:38px;height:38px;text-align:center;line-height:38px;font-size:14px;color:#787883}
.AskBox .page a.prev,.courseDetails .leftBox .page a.next{width:65px}
.AskBox .page a:hover{text-decoration:underline}
.AskBox .page .cur{display:inline-block;margin-right:10px;border:1px solid #ff6000;border-radius:4px;width:38px;height:38px;text-align:center;line-height:38px;font-size:14px;color:#ff6000}
.AskBox .page a:last-child {width: 65px !important;}
.bigimg{width:600px;position:fixed;left:0;top:0;right:0;bottom:0;margin:auto;display:none;z-index:9999}
.mask{position:fixed;left:0;top:0;right:0;bottom:0;background-color:#000;opacity:0.5;filter:Alpha(opacity=50);z-index:100;display:none}
.bigbox{width:840px;background:#fff;border:1px solid #ededed;margin:0 auto;border-radius:10px;overflow:hidden;padding:10px}
.bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow:hidden;margin:0 10px 10px 10px}
.bigbox>.imgbox>img{width:100%}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position:fixed;right:10px;top:10px;width:60px}
.mask>img:hover{cursor:pointer}
.bankTipBox{margin-bottom: 20px;height: 64px;display: flex;align-items: center;padding: 0 20px;border: 1px solid #fae9d5;  background-image: -moz-linear-gradient( 0deg, rgb(255,242,240) 0%, rgb(255,247,226) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(255,242,240) 0%, rgb(255,247,226) 100%);background-image: -ms-linear-gradient( 0deg, rgb(255,242,240) 0%, rgb(255,247,226) 100%);border-radius: 10px;}
.bankTipBox h3{font-size: 18px;color: #ff6000;font-weight: bold;margin-right: 50px;}
.bankTipBox h3 img{margin-right: 12px;}
.bankTipBox .tip{flex:1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #333333;padding-right: 50px;}
.bankTipBox a{font-size: 16px;color:#ff6000;float: right;}
.bankTipBox a img{margin-left: 7px;vertical-align: 1px;}