@charset "utf-8";
/* CSS Document */
body{ background:#f0f0f0;}
#little-banner{ height: 240px;min-width: 1180px;width: 100%;/* position:relative; z-index:1;*/}
#little-banner.live{ background:url(https://xuedao-file-1252348098.cosgz.myqcloud.com/view-images/college_banenr/banner_02.jpg) no-repeat center top;}
#little-banner.exercise{ background:url(../../images/teach/live/banner_ti.jpg) no-repeat center top;}
#little-banner.class{ background:url(../../images/teach/class/banner_class.jpg) no-repeat center top;}
#little-banner.detail{ background:url(../../images/teach/detail/banner_02.jpg) no-repeat center top; height:334px;}
#little-banner.free{ background:url(../../images/teach/live/banner_03.jpg) no-repeat center top;}
#little-banner.help{ background:url(../../images/help_banner.jpg) no-repeat center top;}

#little-banner .info{ font-size:16px; line-height:34px; color:#dadada; text-align:center; padding:85px 0;}
#little-banner .info strong{ font-size:24px; line-height:34px; color:#fff; font-weight:500;}

#wrapper{ width:1180px;background:#fff; min-height:600px; height:auto!important; height:600px; margin:0 auto 20px;}

/*海南大学兼容高度*/
#wrapper.school{ min-height:736px; height:auto!important; height:736px; }
/*结束*/

/*待删除开始*/
.live-box{ padding:35px 40px 20px; }
.live-box .change-box{ border-bottom:1px solid #eee; height:41px;}
.live-box .change-box a{ float:left; height:40px;line-height:20px; margin-right:20px;text-align:center; cursor:pointer;color:#999;font-size:18px;}
.live-box .change-box a.on{ color:#333; border-bottom:2px solid #5dd5a9;}

.chose-info{ background:#f7f7f7; padding:10px 20px; border-radius:3px; margin-top:20px;}
.chose-info .xue{ position:relative; display:block; line-height:32px;}
.chose-info .xue em.tit{ position:absolute; left:0px; top:0px; width:70px; color:#999;}
.chose-info .xue em.nei{ margin-left:65px;}
.chose-info .xue em.nei a{padding:0 8px; color:#333; float:left;}
.chose-info .xue em.nei a.on,.chose-info .xue em.nei a:hover{ color:#5dd5a9;}
.chose-info.lan .xue em.nei a.on,.chose-info.lan .xue em.nei a:hover{ color:#32a8f5;}

.play-list{width:1120px; }
.play-list li{width:260px; float:left; margin: 20px 20px 0 0;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.play-list li:hover{box-shadow:0 4px 8px #e2e2e2;}
.play-list li .img{width:260px; height:164px; position:relative; }
.play-list li .img img{width:260px; height:164px;}
.play-list li .img .meng{width:260px; height:164px; background:url(../../images/teach/live/meng_bg.png); position:absolute; left:0px; top:0px;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity:0;filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;}
.play-list li .img .meng .but{ position:absolute; left:75px; top:60px; display:inline-block; width:110px; height:36px; line-height:36px;  text-indent:2.5em; border-radius:3px;background: url(../../images/teach/live/ice.png) no-repeat 15px center; border:1px solid #fff; color:#fff;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.play-list li .img .meng .but:hover{color:#5dd5a9; background:#fff url(../../images/teach/live/ice_h.png) no-repeat 15px center;}
.play-list li:hover .img .meng{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity:1;filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;}
.play-list .play-time{ padding:0 15px;height:30px; line-height:30px; background:#5dd5a9; position:absolute; text-align:center; bottom:0px; right:0px; color:#fff;}
.play-list .play-time.none{background:#2a2a2a; }
.play-list li:hover a strong{ color:#5dd5a9;}
.play-list li .info{ padding:10px 0px;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.play-list li:hover .info{ padding:10px 20px;}
.play-list li .info strong{ font-weight:500; font-size:14px; color:#333; display:block; line-height:26px; max-width:250px; width:auto!important; width:250px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.play-list li .info p.teach,.play-list li .info p.time{ color:#999; line-height:24px;}
 
.data-tit{ position:relative; height:30px; margin-top:20px;}
.data-tit i.line{ border-bottom:1px dashed #ddd; width:100%; position:absolute; left:0px; top:-4px;}
.data-tit em.data{ width:70px; height:30px; line-height:30px; text-align:center; border-radius:20px; color:#fff; background:#5dbdd5; display:inline-block;position:absolute; left:0px; top:0px;}

/*只显示我的直播*/
.change-box .mark{ color:#666; line-height:24px;}
.change-box .mark i.biao{ background:url(../../images/teach/live/check.png) no-repeat; width:24px; height:24px; float:left; margin:0px 10px 0 0; cursor:pointer;}
.change-box .mark i.biao.on{background:url(../../images/teach/live/check_on.png) no-repeat; }


/*========试听课程=========*/
.play-list.listen .listen-msg{ color:#999; line-height:34px;}
.play-list.listen .listen-msg em.per{ background:url(../../images/teach/class/per.png) no-repeat left center; padding-left:20px;}

/*========题库=============*/
.exercise .tit-list{ border-bottom:1px solid #eee; font-size:18px; color:#333; height:40px;}
.exercise .tit-list .tit{ border-bottom:2px solid #5dd5a9; padding-bottom:15px;}

.question-bank{ width:1120px;}
.question-bank li{text-align:center; width:320px; height:140px; padding:25px 15px; border:1px solid #edf0ef; background:#f2f9f6; position:relative; float:left; margin:20px 21px 0 0;}
.question-bank li .title{display:block; font-size:18px; line-height:28px; color:#333; margin-bottom:10px;width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*.question-bank li .title a{ color:#333; }
.question-bank li .title a:hover{ color:#5dd5a9; }*/
.question-bank li .info{display:block; font-size:14px; line-height:24px; color:#999;}
.question-bank li .info em{ color:#666; font-weight:600; padding:0 5px;}
.question-bank li .join{ display:block; margin-top:15px; }
.question-bank li .join a{width:100px; height:36px; display:inline-block; background:#5dd5a9; border-radius:3px; line-height:35px; color:#fff; }
.question-bank li .join a:hover{background:#3fce9a;}

/*========班级=============*/
#wrapper.class{ background:none;}
.outSide-tit{ height:30px; padding-bottom:32px; width:320px; margin:0 auto; position:relative; overflow:hidden;}
.outSide-tit i.line{ height:2px; background:#5dd5a9; display:block; position:absolute; left:0px; top:14px; width:100%; }
.outSide-tit .tit{ width:256px; background:#f0f0f0;position:absolute; left:32px; top:0px; text-align:center; }
.outSide-tit .tit strong{ font-size:30px; line-height:30px; color:#333; display:block; font-weight:500;}
.outSide-tit .tit em{ font-size:16px; line-height:26px; margin-top:10px; color:#999; display:block;}

.class-list{ width:1215px; /*width:1180px;*/ }
.class-list li{ background:#fff; padding:30px 30px 25px;width:310px; float:left; margin-right:35px;}
.class-list li .class-info .img,.class-top-content .left-img{ width:310px; height:168px; position:relative; overflow:hidden;}
.class-list li .class-info .img img,.class-top-content .left-img img{width:310px; height:168px;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.class-list li .class-info a:hover img,.class-top-content .left-img a:hover img{-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.class-list li .class-info a:hover .tit{ color:#5dd5a9;}
.class-list li .class-info .img .class-ico,.class-top-content .left-img .class-ico{ text-align:center; position:absolute; top:21px; left:87px; padding:25px 20px; border-radius:50%; background:rgba(255,255,255,0.5); width:90px; height:80px;}
.class-list li .class-info .img .class-ico .bg,.class-top-content .left-img .class-ico .bg{display:inline-block;width:120px; height:120px; border-radius:50%; position:absolute; left:0px; top:0px; z-index:1; margin:5px 0 0 5px;}
.class-list li .class-info .img .class-ico.a .bg,.class-list li .class-info .img .class-ico.d .bg,.class-top-content .left-img .class-ico.d .bg,.class-top-content .left-img .class-ico.a .bg{background:#5dd5a9;}
.class-list li .class-info .img .class-ico.b .bg,.class-list li .class-info .img .class-ico.e .bg,.class-top-content .left-img .class-ico.e .bg,.class-top-content .left-img .class-ico.b .bg{background:#27c9f2;}
.class-list li .class-info .img .class-ico.c .bg,.class-list li .class-info .img .class-ico.f .bg,.class-top-content .left-img .class-ico.f .bg,.class-top-content .left-img .class-ico.c .bg{background:#ff7172;}
.class-list li .class-info .img .class-ico em,.class-top-content .left-img .class-ico em{ font-size:18px; color:#fff; display:block; line-height:34px; position:relative; z-index:2;}
.class-list li .class-info .img .class-ico .ico,.class-top-content .left-img .class-ico .ico{ width:70px; height:45px; display:inline-block; position:relative; z-index:2;}
.class-list li .class-info .img .class-ico.a .ico,.class-top-content .left-img .class-ico.a .ico{ background:url(../../images/teach/class/a.png) no-repeat;}
.class-list li .class-info .img .class-ico.b .ico,.class-top-content .left-img .class-ico.b .ico{ background:url(../../images/teach/class/b.png) no-repeat;}
.class-list li .class-info .img .class-ico.c .ico,.class-top-content .left-img .class-ico.c .ico{ background:url(../../images/teach/class/c.png) no-repeat;}
.class-list li .class-info .img .class-ico.d .ico,.class-top-content .left-img .class-ico.d .ico{ background:url(../../images/teach/class/d.png) no-repeat;}
.class-list li .class-info .img .class-ico.e .ico,.class-top-content .left-img .class-ico.e .ico{ background:url(../../images/teach/class/e.png) no-repeat;}
.class-list li .class-info .img .class-ico.f .ico,.class-top-content .left-img .class-ico.f .ico{ background:url(../../images/teach/class/f.png) no-repeat;}
.class-list li .class-info .tit{ font-weight:500; font-size:18px; margin-top:15px; line-height:28px; color:#333; display:block;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.class-list li .class-bot{ border-top:1px solid #eee; padding-top:15px; margin-top:15px;}
.class-list li .class-bot .price{ color:#ff9495;font-weight:600; }
.class-list li .class-bot .per,.class-top-content .buy-btn .per{ color:#666; background:url(../../images/teach/class/per.png) no-repeat left center; padding-left:20px;}


.system-change{ width:540px; margin:30px auto 20px;}
.system-change a{ width:118px; height:42px; line-height:42px; text-align:center; margin-right:20px; color:#5dd5a9; float:left; border:1px solid #5dd5a9; border-radius:3px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.system-change a.cur,.system-change a:hover{ background:#5dd5a9; color:#fff;}
.system-overhidden{ width:1180px; height:348px; overflow:hidden; position:relative;}
.system-list-box{ position:absolute; top:0px; left:0px;-webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;}
.system-list-box .class-list{ float:left;}

/*========班级详情===========*/
.class-top-content{ width:1120px; padding:30px; margin:-276px auto 0; background:#fff;}
.class-top-content .left-img{width:310px; height:168px; position:relative; overflow:hidden;}
.class-top-content .right-info{width:780px;}
.class-top-content .info{}
.class-top-content .info .tit{ font-size:24px; line-height:24px;color:#333; display:block; font-weight:500;}
.class-top-content .info .tit a{ cursor:default;}
.class-top-content .info .price{ color:#ff9495;font-size:24px; line-height:34px; margin-top:10px; display:block;}
.class-top-content .info .price .ico{font-size:18px;}
.class-top-content .info .price em.oldPrice{ font-size:14px; color:#999; text-decoration:line-through; display:inline-block; margin-left:20px; vertical-align:middle; }
.class-top-content .info .learn{ color:#666; line-height:24px; margin-top:15px; display:block;}
.class-top-content .info .learn em.line{ background:url(../../images/little/line_inner.jpg) no-repeat right center; padding-right:14px; margin-right:15px;}
.class-top-content .info .time{color:#666; line-height:24px; margin-top:8px; display:block;}
.class-top-content .content-info{ line-height:24px; color:#666; border-top:1px dashed #e7e7e7; padding-top:15px; margin-top:15px;}

.class-top-content .msg{ color:#ff9495; border-top:1px dashed #e7e7e7; padding-top:17px; margin-top:17px;}
.class-top-content .buy-btn{ line-height:45px; margin-top:17px;}
.class-top-content .buy-btn a.buy{ width:135px; height:45px; line-height:45px; text-align:center;border-radius:3px; color:#fff; background:#5dd5a9; display:inline-block;}
.class-top-content .buy-btn a.buy:hover{ background:#43cb99;}
.class-top-content .buy-btn .per{ margin-left:20px;}


/*======================内容开始================*/
.main-box{ width:1180px; margin:20px auto;}
/*========左边模块========*/
.main-box .left-side{width:880px;}
.tit-current{ border-bottom:1px solid #eee; height:44px; width:800px; margin-left:40px;}
.tit-current a{ height:43px; width:110px;line-height:43px; float:left;border:1px solid #eee; text-align:center;  background:#fff; color:#999; display:inline-block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.tit-current a.cur,.tit-current a:hover{ background:#5dd5a9; color:#fff;}

.written-class-box{width:880px; padding:40px 0;background: #fff; min-height:500px; height:auto!important; height:500px;}
/*===========课程介绍===========*/
.written-class-box .change-content-box.iIntroduction{width:800px; margin-left:40px;}
/*课程概述*/
.written-class-box .content-box{}
.written-class-box .content-box h3.tit{ position:relative; color:#333px; font-size:16px; line-height:26px; padding-left:15px;}
.written-class-box .content-box .detail-info{}
.written-class-box .content-box .detail-info li{ float:left; width:200px;min-height:240px; height:auto!important; height:240px; margin-right:25px; padding:20px 25px; text-align:center; color:#fff;}
.written-class-box .content-box .detail-info.wirrten li{min-height:90px; height:auto!important; height:90px;}
.written-class-box .content-box .detail-info.wirrten li p.te{ color:#ffff00; font-weight:bold;}
.written-class-box .content-box .detail-info li.a{background:#5dbdd5; }
.written-class-box .content-box .detail-info li.b{background:#ff9495;  }
.written-class-box .content-box .detail-info li.c{ background:#a0d252; }
.written-class-box .content-box .detail-info .tit{ font-weight:500; height:35px; display:inline-block; position:relative;}
.written-class-box .content-box .detail-info .tit .line{ width:20px; height:2px; background:#fff; position:absolute; left:20px; top:30px; display:inline-block;}
.written-class-box .content-box .detail-info span.msg{ display:block; font-size:14px; line-height:24px; margin-top:5px; text-align:left;}
.written-class-box .content-box .detail-info span.msg.class{ text-align:center;}
.written-class-box .content-box .detail-info span.msg em{ display:inline-block;}
/*适用人群与范围&学习阶段*/
.content-box .shi-info{ border-top:1px solid #eee; margin-top:70px; width:800px;}
.content-box .shi-info li{ width:385px; position:relative; margin-top:25px;}
.content-box .shi-info li .tit{ padding:0 20px; height:30px; line-height:30px; color:#fff; background:#5dd5a9; border-radius:20px; position:absolute; top:-75px; left:143px; }
.content-box .shi-info li .ico{ width:13px; height:13px; border-radius:50%; background:#fff; border:2px solid #5dd5a9; display:inline-block;position:absolute; top:-34px; left:184px;}
.content-box .shi-info li .msg{ width:343px; padding:15px 20px; position:relative; border:1px solid #ecf1f4; background:#f7f9fb; line-height:24px; color:#666;}
.content-box .shi-info li .msg i.jian{ background:url(../../images/teach/detail/jian.jpg) no-repeat; width:17px; height:10px; display:block; position:absolute; top:-10px; left:184px;}

.content-box .shi-info.wirrten li{ width:250px; margin-right:25px;}
.content-box .shi-info.wirrten li .msg{ width:208px; min-height:92px; height:auto!important; height:92px;}
.content-box .shi-info.wirrten li .tit{left:73px; }
.content-box .shi-info.wirrten li .ico,.content-box .shi-info.wirrten li .msg i.jian{left:114px;}

.content-box .shi-con{ margin:15px 0 10px;}
.content-box .shi-con li{ position:relative; min-height:30px; height:auto!important; height:30px; line-height:30px; margin-bottom:15px; padding-left:45px;}
.content-box .shi-con li i.num{ font-style:inherit; color:#fff; border-radius:50%; background:#5dd5a9; width:30px; height:30px; line-height:30px; text-align:center; display:inline-block; position:absolute; left:0px; top:0px;}
.content-box .shi-msg{ color:#ba9760; background:#f7f5ec url(../../images/teach/detail/msg.png) no-repeat 15px 15px; text-indent:1.5em; line-height:24px; padding:9px 15px; border-radius:3px;}

/*授课现场&学习流程*/
.content-box .show-info{ text-align:center;margin-top:20px;}
.content-box .show-info.liu{height:140px;  position:relative; background:url(../../images/teach/detail/liu_img.png) no-repeat;}
.content-box .show-info p{ position:absolute;top:20px; width:120px;height:80px; line-height:20px; color:#666; padding:30px 0 10px;}
.content-box .show-info p.a{ left:0px;}
.content-box .show-info p.b{left:230px; }
.content-box .show-info p.c{left:455px; }
.content-box .show-info p.d{left:680px; }

/*培训效果*/
.content-box .show-pei{width:800px; }
.content-box .show-pei .img-list{margin-top:30px;}
.content-box .show-pei .img-list li{width:270px; height:482px;margin-right:35px; float:left;}
.content-box .show-pei .img-list li .img{width:270px; height:482px;}

/*===========直播===========*/
.written-class-box .content-box h3.tit.play{ position:relative; color:#333px; font-size:16px; line-height:26px; padding-left:15px; background:#fafafa; padding:12px 40px 12px 55px; height:26px;}
.written-class-box .content-box h3.tit.play .line{ left:40px; top:19px;}
.written-class-box .content-box .video-list{width:880px;}
.written-class-box .content-box .video-list li{transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}
.written-class-box .content-box .video-list li .info-box,.written-class-box .play-lian .info-box{width:800px; margin-left:40px;line-height:32px;padding:15px 0; border-bottom:1px solid #f1f1f1; }
.written-class-box .content-box .video-list li:hover,.written-class-box .play-lian:hover{ background:#f3faf7;}
.written-class-box .content-box .video-list li .ke{width:80px; height:32px; border-radius:20px; text-align:center; color:#999; border:1px solid #ddd; display:none;}
.written-class-box .content-box .video-list li .info{ margin-left:10px;}
.written-class-box .content-box .video-list.play li .info{max-width:665px; width:auto!important; width:665px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.written-class-box .content-box .video-list li .info em.title{ color:#333;}
.written-class-box .content-box .video-list li .info em.time{color:#666; margin-left:15px;}
.written-class-box .content-box .video-list li .play-btn{width:90px;}
.written-class-box .content-box .video-list li .play-btn.onload{color:#5dbdd5;}
.written-class-box .content-box .video-list li .play-btn a{width:88px; height:32px; display:inline-block; border:1px solid #5dd5a9; color:#5dd5a9; text-align:center; border-radius:3px;}
.written-class-box .content-box .video-list li .play-btn a:hover{color:#fff; background:#5dd5a9;}
.written-class-box .content-box .video-list li .play-btn a.playback{color:#5dbdd5; border:1px solid #5dbdd5;}
.written-class-box .content-box .video-list li .play-btn a.playback:hover{ color:#fff;background:#5dbdd5;}
.written-class-box .content-box .video-list li .play-btn a.none{ cursor:default;color:#bababa; border:1px solid #ddd;}
.written-class-box .content-box .video-list li .play-btn a.none:hover{ cursor:default;color:#bababa; background:#fff;}
.written-class-box .content-box .video-list li.te .msg,.written-class-box .play-lian .msg{ text-indent:2em; color:#999;}
.written-class-box .play-lian .msg{text-indent:0em; padding-left:10px; color:#999;}
/*===========题库===========*/
.change-content-box .change-box{width:800px; margin:20px 0 0 40px;}
.change-content-box .change-box a{ border-radius:3px; height:34px; width:90px;line-height:34px; margin-right:20px; border:1px solid #5dd5a9; text-align:center;  color:#5dd5a9; display:inline-block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.change-content-box .change-box a:hover,.change-content-box .change-box a.on{ background:#5dd5a9; color:#fff;}

.written-class-box .content-box .video-list.exercise li .info{ width:600px;}
.written-class-box .content-box .video-list.exercise li .info .title{max-width:440px; width:auto!important; width:440px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.written-class-box .content-box .video-list.exercise li .info .num{ text-align:right; width:130px; color:#999;}

.year-list{ display:block; line-height:25px; color:#666;  position:relative; width:800px; margin:15px 0 0 40px; border-bottom:1px solid #eee;}
.year-list em{width:45px; display:inline-block; position:absolute; left:0px; top:0px;}
.year-list span.list{ margin-left:45px;display:inline-block;} 
.year-list a{ color:#666; height:25px;float:left; margin:0 20px 2px 0; text-align:center; border-radius:3px;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}
.year-list a.on,.year-list a:hover{ color:#5dd5a9;}
.year-list a.on{ font-weight:bold;}

.exam-learn-list{/* padding:20px 40px 35px 40px; background:#fff;box-shadow:1px 1px 2px #f0f0f0;*/}
.exam-learn-list .learn-list{ width:880px;}
.exam-learn-list .learn-list li{padding-top:20px;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}
.exam-learn-list .learn-list .exercise-info{border-bottom:1px solid #f1f1f1; padding-bottom:15px; width:800px; margin-left:40px;}
.exam-learn-list .learn-list li:hover{ background:#f3faf7;}
.exam-learn-list .learn-list .exercise-info .left{ width:578px;}
.exam-learn-list .learn-list .exercise-info .left .title{ font-size:14px; color:#333; line-height:24px; display:inline-block;max-width:578px; width:auto!important; width:578px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*再做一次*/
.exam-learn-list .learn-list .exercise-info.done .left{ width:468px;}
.exam-learn-list .learn-list .exercise-info.done .left .title{ max-width:468px; width:auto!important; width:468px;}

.exam-learn-list .learn-list .exercise-info .left .msg{ font-size:14px; line-height:24px; color:#999; display:block;}
.exam-learn-list .learn-list .exercise-info .left .msg em.from{ padding-left:10px;font-size:14px; color:#999; display:inline-block; margin-left:9px; background:url(https://www.yaoxuedao.com/images/little/line_09.jpg) no-repeat left center;}
.exam-learn-list .learn-list .exercise-info .left .msg em a{ color:#999;}
.exam-learn-list .learn-list .exercise-info .left .msg em i.a{ font-style:inherit; color:#5dd5a9; padding:0 5px;}
.exam-learn-list .learn-list .exercise-info .left .msg em.from i.b{ font-style:inherit; color:#fa8284; padding:0 5px;}

.exam-learn-list .learn-list .exercise-info .btn{ width:202px;}
.exam-learn-list .learn-list .exercise-info.done .btn{ width:312px;}

.exam-learn-list .learn-list .exercise-info.one .left{ width:688px;}
.exam-learn-list .learn-list .exercise-info.one .left .title{ max-width:688px; width:auto!important; width:688px;}
.exam-learn-list .learn-list .exercise-info.one .btn{ width:92px;}

.exam-learn-list .learn-list .exercise-info .btn a{ float:left;width:90px; height:34px; border:1px solid #5dbdd5; color:#5dbdd5;line-height:34px; text-align:center; border-radius:3px; display:inline-block;}
.exam-learn-list .learn-list .exercise-info .btn a:hover{background:#5dbdd5; color:#fff;}

/*.exam-learn-list .learn-list .exercise-info.done .btn a{ border:1px solid #5dbdd5;color:#5dbdd5;}
.exam-learn-list .learn-list .exercise-info.done .btn a:hover{background:#5dbdd5; color:#fff;}*/

.exam-learn-list .learn-list .exercise-info.one .btn a{border:1px solid #5dd5a9; color:#5dd5a9;}
.exam-learn-list .learn-list .exercise-info.one .btn a:hover{background:#5dd5a9; color:#fff;}

.exam-learn-list .learn-list .exercise-info .btn a.down{ text-align:inherit;width:110px; height:34px; border:none; background:url(../../images/teach/exercise/exam_bg.png) no-repeat -10px -2172px; line-height:34px; text-indent:2.5em;color:#999;}
.exam-learn-list .learn-list .exercise-info .btn a.down:hover{background:url(../../images/teach/exercise/exam_bg.png) no-repeat -10px -2232px; color:#5dd5a9;}
.exam-learn-list .learn-list .exercise-info .btn a.jie{ text-align:inherit;width:110px; height:34px; border:none; background:url(../../images/teach/exercise/exam_bg.png) no-repeat -10px -2052px; line-height:34px; text-indent:2.5em;color:#999;}
.exam-learn-list .learn-list .exercise-info .btn a.jie:hover{background:url(../../images/teach/exercise/exam_bg.png) no-repeat -10px -2112px; color:#5dd5a9;}

/*================右边模块==========*/
.main-box .right-side{ width:280px;}
.same-box{width: 240px;background: #fff;padding: 15px 20px;}
h4.posititon-msg{ position:relative; color:#333px; height:35px; font-size:16px; line-height:26px; padding-left:15px; border-bottom:1px solid #eee;}
h4.posititon-msg em.num{ color:#999;}
.written-class-box .content-box h3.tit .line,h4.posititon-msg i.line{ height:15px; width:2px; background:#5dd5a9; position:absolute; left:0px; top:5px;}

/*授课老师*/
.teach-list{}
.teach-list li{ border-bottom:1px dashed #eee; padding-bottom:15px; margin-top:15px;}
.teach-list li .img{ width:80px; }
.teach-list li .img img{ width:80px; height:80px; border-radius:50%;}
.teach-list li .info{ width:145px;}
.teach-list li .info .tit{ font-size:16px; line-height:36px; color:#333; display:block;font-weight:500;}
.teach-list li .info .msg{ font-size:12px; line-height:20px; color:#999;display:block;}

/*正在学习*/
.student-list{width:252px;}
.student-list li{ margin-right:10px; text-align:center; width:50px; margin:20px 13px 0 0; float:left;}
.student-list li .img{width:50px; height:50px; border-radius:50%; overflow:hidden;}
.student-list li img{ width:50px; height:50px;border-radius:50%;/* transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;*/}
/*.student-list li a:hover img{-webkit-transform: scale(1.10, 1.10);-moz-transform: scale(1.10, 1.10);-o-transform: scale(1.10, 1.10);transform: scale(1.10, 1.10);}*/
.student-list li em{ display:block; color:#999; margin-top:5px; width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.student-list li a:hover em{color:#5dd5a9;}
/*待删除结束*/

/*===========我的学习==========*/
#wrapper.learn,#wrapper.pay{ background:none;}
.learn-outside-box{ width:1180px; margin:20px auto 0;}
.learn-outside-box.white{width:1100px; background:#fff;box-shadow:1px 1px 2px #f0f0f0;padding:35px 40px;}
.exam_bg{ background:url(../../images/teach/exercise/exam_bg.png) no-repeat;}

/*左边模块*/
.learn-center-leftside{/*min-height:300px;height:auto!important; height:300px;*/ width:280px; background:#fff; box-shadow:1px 1px 2px #f0f0f0;padding:30px 0;}
.personal-top{ text-align:center; padding:0 35px 20px;}
.personal-top .img{ width:100px; height:100px; display:inline-block; }
.personal-top .img img{width:100px; height:100px; line-height:100px; border-radius:50%;}
.personal-top .name{color:#333; display:block; line-height:24px; font-size:16px; margin:5px 0 3px;}
.personal-top .num{color:#999; display:block; font-size:14px; line-height:24px; margin-top:10px; text-align:left;}

.leftside-nav ul.nav{/*margin:18px 0;padding:20px 0;*/}
.leftside-nav ul.nav li{ width:280px; height:59px; float:left; text-align:center; margin-bottom:1px;background:url(../../images/teach/exercise/nav.jpg) no-repeat center;}
.leftside-nav ul.nav li a{ margin-left:20px;width:240px; height:59px; display:block; color:#666; position:relative; border-bottom:1px dashed #e7e7e7;}
.leftside-nav ul.nav li a i.line{ position:absolute; left:0px; top:-2px;border-bottom:1px dashed #e7e7e7; height:1px; width:240px; display:block;}
.leftside-nav ul.nav li.cur,.leftside-nav ul.nav li:hover{background:#5dd5a9;width:280px; height:59px;color:#fff;}
.leftside-nav ul.nav li:hover a,.leftside-nav ul.nav li.cur a{color:#fff;}
.leftside-nav ul.nav li em{display:inline-block; height:59px;line-height:59px; text-indent:4em; text-align:left; width:240px; }
.leftside-nav ul.nav li em.a{ background-position:0 -2280px;}
.leftside-nav ul.nav li a.cur em.a,.leftside-nav ul.nav li a:hover em.a,.leftside-nav ul.nav li.cur em.a{ background-position:0 -2340px;}
.leftside-nav ul.nav li em.b{ background-position:0px -2400px;}
.leftside-nav ul.nav li a.cur em.b,.leftside-nav ul.nav li a:hover em.b,.leftside-nav ul.nav li.cur em.b{ background-position:0px -2460px;}
.leftside-nav ul.nav li em.c{ background-position:0px -2520px;}
.leftside-nav ul.nav li a.cur em.c,.leftside-nav ul.nav li a:hover em.c,.leftside-nav ul.nav li.cur em.c{ background-position:0px -2580px;}
.leftside-nav ul.nav li em.d{ background-position:0px -2640px;}
.leftside-nav ul.nav li a.cur em.d,.leftside-nav ul.nav li a:hover em.d,.leftside-nav ul.nav li.cur em.d{ background-position:0px -2700px;}
.leftside-nav ul.nav li em.e{ background-position:0px -2760px;}
.leftside-nav ul.nav li a.cur em.e,.leftside-nav ul.nav li a:hover em.e,.leftside-nav ul.nav li.cur em.e{ background-position:0px -2820px;}
.leftside-nav ul.nav li em.f{ background-position:0px -3120px;}
.leftside-nav ul.nav li a.cur em.f,.leftside-nav ul.nav li a:hover em.f,.leftside-nav ul.nav li.cur em.f{ background-position:0px -3180px;}
.leftside-nav ul.nav li em.g{ background-position:0px -2880px;}
.leftside-nav ul.nav li a.cur em.g,.leftside-nav ul.nav li a:hover em.g,.leftside-nav ul.nav li.cur em.g{ background-position:0px -3240px;}

/*签到*/
.qian-box{ text-align:center; margin-bottom:40px;}
.qian-box a.qian{ width:90px; height:30px; line-height:28px; text-indent:2em; color:#5dd5a9; border:1px solid #5dd5a9; border-radius:3px; background:#fff url(../../images/module/qian.png) no-repeat 16px center; display:inline-block;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.qian-box a.qian:hover{color:#fff;background:#5dd5a9 url(../../images/module/qian_h.png) no-repeat 16px center; }
.qian-box.on a.qian{color:#dbdbdb;background:#fff url(../../images/module/qian_on.png) no-repeat 16px center; cursor:default; border:1px solid #d7d7d7;}

/*====右边模块====*/
.learn-center-rightside{width:820px;background:#fff; box-shadow:1px 1px 2px #f0f0f0;padding:25px 30px 30px;}
.position-status{ height:35px; border-bottom:1px solid #e7e7e7;}
.position-status em.tit{ border-bottom:2px solid #5dd5a9; padding-bottom:12px; font-size:16px; color:#333;}
.position-status a.returnBlack{ height:26px; line-height:26px; font-size:12px; width:66px; /*display:none; */border:1px solid #bababa; border-radius:3px; text-indent:2.6em; background:url(../../images/teach/exercise/back.png) no-repeat 8px center; color:#999;}
.position-status a.returnBlack:hover{ border:1px solid #5dd5a9;background:url(../../images/teach/exercise/back_h.png) no-repeat 8px center;color:#5dd5a9;}

/*==========我的考试成绩=========*/
.learn-center-rightside .my-info{ margin-top:15px; line-height:32px; color:#333;}
.learn-center-rightside .my-info span.a{ display:block;}
.learn-center-rightside .my-info span.b{ display:inline-block; margin-right:20px;}
.learn-center-rightside .my-info span.c{ display:inline-block;margin-right:20px;}
.learn-center-rightside .my-info span em{ color:#666;}

.study-result-box{ color:#333;}
.study-result-box h3.tit{ font-weight:500; }
.study-result-box .msg{ background:#f7f5ec;  line-height:28px; color:#666; padding:10px 20px 15px; }

/*学习统计*/
.container-list{width:820px; margin-top:30px;  height:190px;}
.container-list li{ width:209px;border-left:1px dashed #e7e7e7; height:190px; padding:0 100px; float:left;}
.container-list li .msg{ font-size:14px; color:#7a8f9a; background:url(../../images/practice/dian_07.jpg) no-repeat left center;font-size:12px; line-height:22px; padding-left:10px;}
.container-list li .big{ position:relative;width:240px; height:165px;}
.container-list li .right-info{position:absolute; right:0; top:20px; width:100px;}
.container-list li .right-info span{ color:#7a8f9a; font-size:12px; line-height:28px; display:block;}
.container-list li .right-info span i.num{padding:0 5px; font-size:18px; font-style:inherit;}
.container-list li .right-info span.a i.num{ color:#5dd5a9; }
.container-list li .right-info span.b i.num{ color:#ff9495; }
.container-list li .right-info span.c i.num{ color:#666; }

.container-list li .bot-info{position:absolute; left:0px; bottom:0px; width:240px;color:#7a8f9a; font-size:12px;}
.container-list li .bot-info span{ line-height:14px; height:14px; display:inline-block; position:relative; padding-left:15px;}
.container-list li .bot-info span i{ width:10px; height:10px; display:inline-block;position:absolute; left:0px; bottom:2px; }
.container-list li .bot-info span.a i{ background:#5dd5a9;}
.container-list li .bot-info span.b i{ background:#ff9495;}
.container-list li .bot-info span.c i{ background:#eee;}
.container-list li .bot-info span.mid{ margin:0 10px;}

#container1,#container2,#container6{height:165px; width:165px; position:absolute; left:-20px; top:-7px; z-index:2;}
#container3,#container4,#container5{height:145px; width:145px; position:absolute; left:-20px; top:-7px; z-index:2;}

.container-list.first{border-bottom:1px dashed #e7e7e7; padding-bottom:35px; }
.container-list.first li{ border-left:none; float:inherit; margin:0 auto;}

.container-list.small{ border-top:1px dashed #e7e7e7; padding-top:35px; margin-top:35px; padding-bottom:5px;}
.container-list.small li .big{ position:relative;width:220px; height:145px;}
.container-list.small li .info{ position:absolute; left:35px; top:40px; font-size:12px; color:#7a8f9a;}
.container-list.small li .info em{ font-size:18px; display:block;}
.container-list.small li{ width:192px;border-left:1px dashed #e7e7e7; height:190px; padding:0 40px; float:left;}

/*我的直播&我的直播回放*/
.wp-title{color: #666; line-height: 35px;}
.input-inline-box input.input-text{width:150px;height:34px; line-height:34px;border:1px solid #eee;  background:#f8f8f8; padding:0 10px; margin-left:5px;color:#bababa;}
.input-inline-box .input-select{width:120px;height:36px; line-height:36px;border:1px solid #eee;  background:#f8f8f8; padding:0 5px; margin-left:5px; color:#bababa;}
.btn-list a.search{height:35px; padding:0 20px; border-radius:3px; display:inline-block; line-height:35px; color:#fff; background:#5dd5a9; margin-left:5px;}
.btn-list a.search:hover{ background:#43cb99;}
.wp-title .ke-info{ text-align:right; color:#666; font-size:12px;}
.wp-title .ke-info i.num{font-style:inherit; padding:0 5px; color:#5dd5a9;}

table.my-video-list{ width:820px;}
table.my-video-list th{ height:20px; background:#94a4b5; line-height:20px; padding:15px 0; text-align:center; color:#fff;}
table.my-video-list th.text-l,table.my-video-list td.text-l{ text-align:left; padding:15px;}
table.my-video-list td{ min-height:20px; padding:10px; border:1px solid #eaeff1; line-height:20px; text-align:center; color:#666; font-size:14px; vertical-align:middle;}
table.my-video-list td.time,table.my-video-list td.yes{color:#999; }
table.my-video-list td.no{ color:#ff9495;}
table.my-video-list td a.ke{ color:#333; }
table.my-video-list td a.ke:hover,table.my-video-list td.learn a:hover{ color:#5dd5a9; }
table.my-video-list.lan td a.ke:hover,table.my-video-list.lan td.learn a:hover{ color:#32a8f5; }

.more-box{ text-align:center;}
.more-box a{ border-radius:20px; border:1px solid #5dd5a9; height:35px; text-indent:1.5em;width:145px; display:inline-block; line-height:35px; color:#5dd5a9; position:relative;}
.more-box a:hover{ color:#fff; background:#5dd5a9; }
.more-box a i.add{font-style:inherit;font-size:24px; position:absolute; left:0px; top:-2px; display:block; }

table.my-video-list td span.jindu{ display:block; margin:0 auto; color:#999;}
table.my-video-list td span.jindu .pre-bg{ display:block; width:60px; background:#dee5eb; position:relative; height:5px; border-radius:5px; margin-top:8px; overflow:hidden;}
table.my-video-list td span.jindu .pre-bg i.on{ display:block; width:60%; background:#5dd5a9; position:absolute; left:0px; top:0px;height:5px; border-radius:5px;}
table.my-video-list td.learn a{ color:#94a4b5; }
table.my-video-list td span.jindu em.fr{ width:60px; text-align:left;}


/*我的班级*/
.class-top-content.class-list-box{ width:820px; padding:0px; margin:0 auto; background:none;}
.class-top-content.class-list-box li{ margin:20px 0 30px; padding-bottom:29px; border-bottom:1px dashed #eee;}
.class-top-content.class-list-box .right-info{width:490px; height:168px; position:relative;}
.class-top-content.class-list-box .info .tit{ font-size:18px; line-height:18px;}
.class-top-content.class-list-box .info .tit a:hover{ color:#5dd5a9; }
.class-top-content.class-list-box .info .learn{ color:#999; margin-top:15px;}
.class-top-content.class-list-box .info .learn em.line{ background:url(../../images/little/line_inner.jpg) no-repeat right center;}
.class-top-content.class-list-box .info .time{color:#999;}
.class-top-content.class-list-box .buy-btn{ position:absolute; bottom:0px; left:0px;}


/*相关政策*/
.class-top-content.class-list-box.policy li{ padding-bottom:25px; float:left; margin-bottom:0;}
.class-top-content.class-list-box.policy li strong.title{ font-weight:500; font-size:18px; line-height:26px; display:block; margin-bottom:10px;}
.class-top-content.class-list-box.policy li strong.title a:hover{ color:#5dd5a9; }
.class-top-content.class-list-box.policy li .info{ font-style:500; color:#999; line-height:24px;}

.positon-tit.policy{ position:relative; border-bottom:1px dashed #e7e7e7; padding-bottom:10px;}
.positon-tit.policy .tit{ font-size:18px;}
.positon-tit.policy .msg{ color:#999; line-height:34px;}
.positon-tit.policy a.black{ position:absolute; right:0px; top:0px; height:35px; line-height:35px; width:83px; display:block; border:1px solid #bababa; border-radius:3px; text-indent:2.8em; background:url(../../images/teach/exercise/back.png) no-repeat 14px center; color:#999;}
.positon-tit.policy a.black:hover{ border:1px solid #5dd5a9;background:url(../../images/teach/exercise/back_h.png) no-repeat 14px center;color:#5dd5a9;}

.policy-detail{}
.policy-detail .info{background:#f9f9f9; border-radius:3px; color:#999; padding:15px 20px; line-height:26px;}
.policy-detail .policyContent{ color:#666; line-height:28px;}


/*====支付页面====*/
.pay-online{}
.pay-online .pay-top{height:55px; background:#fff;}
.pay-online .pay-top em{ width:393px; height:55px; line-height:55px; color:#666; text-align:center; float:left;}
.pay-online .pay-top em.last{width:394px; }
.pay-online .pay-top em.on{ background:#5dd5a9; color:#fff;}
.pay-online .pay-top em i.num{background:#bababa; color:#fff; width:32px; height:32px; margin-right:10px; line-height:32px; text-align:center; border-radius:50%; display:inline-block;}
.pay-online .pay-top em.on i.num{background:#fff; color:#5dd5a9;}

.pay-online .pay-box{background:#fff; box-shadow:1px 1px 2px #f0f0f0;padding:25px 30px 30px; min-height:520px; height:auto!important; height:520px;}
.pay-online .pay-info{ width:540px; margin:30px auto;}
.pay-online .pay-info .pay-code{width:200px; margin-top:30px;}
.pay-online .pay-info .pay-code img{ width:200px; height:192px;}
.pay-online .pay-info .pay-code em{ margin-top:20px; display:block; background:#5dd5a9; color:#fff; padding:8px; font-size:14px; line-height:18px; text-align:center;}
.pay-online .pay-info .pay-yin{ width:262px;}
.pay-online .pay-price{ font-size:16px; color:#666; text-align:right; padding-right:50px;}
.pay-online .pay-price .price{ color:#ff9495; font-weight:600;}

/*支付弹窗*/
.pay-content-tan{padding:60px 40px; border-radius:3px; width:380px; height:160px; text-align:center; position:fixed; top:50%; left:50%; margin-left:-240px; margin-top:-140px; background:#fff; z-index:1009;}
.pay-content-tan .info{ font-size:16px; color:#333;}
.pay-content-tan .msg{ line-height:24px; color:#999; margin:25px 0;}
.pay-content-tan .msg a,.pay-instro-info.scuess p.msg a{ color:#333; padding:0 5px;}
.pay-content-tan .msg a:hover,.pay-instro-info.scuess p.msg a:hover{ color:#5dd5a9;}
.pay-content-tan .btn{}
.pay-content-tan .btn a{ width:120px; height:40px; line-height:40px; display:inline-block; border-radius:3px;}
.pay-content-tan .btn a.qu{ background:#f1f1f1; color:#666; margin-right:20px;}
.pay-content-tan .btn a.again,.pay-content-tan .btn a.qu:hover{ background:#5dd5a9; color:#fff;}
.pay-content-tan .btn a.again:hover{ background:#43cb99;}

.pay-instro-info{ border:1px solid #f5f5e9; background:#fbfbf6; padding:25px 40px; font-size:18px; line-height:38px;}
.pay-instro-info p.tit{ color:#333; line-height:28px; margin-top:10px;}
.pay-instro-info p.price{ font-weight:bold; color:#ff9495;}

.pay-instro-info .left-img,.pay-instro-info .left-img a{ width:140px; height:80px; overflow:hidden;}
.pay-instro-info .left-img img{ width:140px; height:80px; transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}
.pay-instro-info .left-img a:hover img{-webkit-transform: scale(1.10, 1.10);-moz-transform: scale(1.10, 1.10);-o-transform: scale(1.10, 1.10);transform: scale(1.10, 1.10);}
.pay-instro-info .right-info{width:880px; }

.pay-box .pay-way{ color:#333; border-bottom:1px dashed #eee; padding-bottom:30px;}
.pay-box .pay-way strong{ font-weight:500; line-height:56px; float:left;}
.pay-box .pay-way em.img{ position:relative; width:144px; height:54px; border:2px solid #e1e1e1; float:left; margin-left:20px; cursor:pointer; transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}
.pay-box .pay-way em.img.on{ border:2px solid #5dd5a9;}
.pay-box .pay-way em.img img{width:144px; height:54px;}
.pay-box .pay-way em.img i.chose{ background:url(../../images/teach/pay/chose_03.png) no-repeat; width:20px; height:20px; display:block; position:absolute; right:0px; top:0px; display:none;}
.pay-box .pay-way em.img.on i.chose{ display:block;}
.pay-online .pay-price a.pay{ background:#5dd5a9; color:#fff; display:inline-block;width:120px; height:45px; line-height:45px;border-radius:3px; text-align:center; margin-left:20px;}
.pay-online .pay-price a.pay:hover{ background:#43cb99;}

.pay-online .pay-price .xyBox{font-size:14px; margin-bottom:20px; position:relative;}
.pay-online .pay-price .xyBox label { cursor:pointer;
/*display: -webkit-box; 
display: -moz-box; 
display: -ms-flexbox; 
display: -webkit-flex; 
display: flex; */
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-justify-content: right;
justify-content: right;
}
/*input[type="checkbox"]{
display: inline-block;
text-align: center;
outline: none;
-webkit-appearance: none;
background: none;
border:none;
}
*/.pay-online .pay-price .xyBox label{/*width: 15px;height: 15px; */background:url(../../images/teach/pay/check.png) no-repeat 2px center; padding-left:23px;}
.pay-online .pay-price .xyBox .infoC{ color:red; position:absolute; right:0px; top:-20px; display:none;}
.pay-online .pay-price .xyBox label.check{ background:url(../../images/teach/pay/check_on.png) no-repeat 2px center;}
.pay-online .pay-price .xyBox a{ color:#32a8f5;}
.pay-online .pay-price .xyBox a:hover{ opacity:0.8;}

.pay-online .pay-price a.none,.pay-online .pay-price a.none:hover{ display:inline-block;width:120px; height:45px; line-height:45px;border-radius:3px; text-align:center;  background:#dddddd!important; color:#fff; cursor:default;}

.pay-instro-info.scuess{ text-align:center; padding:90px 0;}
.pay-instro-info.scuess p.scuess{ text-align:center; font-size:18px; color:#5dd5a9; font-weight:bold;}
.pay-instro-info.scuess p.scuess i.ico{ display:inline-block; background:url(../../images/teach/pay/success_03.png) no-repeat; width:16px; height:12px; margin-right:10px;}
.pay-instro-info.scuess p.msg{ color:#666; font-size:14px;}

.pay-box .pay-sure{ color:#999;}
.pay-box .pay-sure input.btn{ margin-right:10px; float:left;}
.pay-box .pay-sure a{ color:#30aaf5;}
.pay-box .price-list span{ display:block;}
.pay-box .price-list .all-pay em.price{ color:#666; font-weight:500;}

.xieyiBox{ display:none; padding:20px 50px 40px 40px; width:1000px; height:480px;box-shadow:0 2px 18px #000; position:fixed; top:50%; left:50%; z-index:99; margin-top:-280px; margin-left:-520px; background:#fff; border-radius:3px;z-index:1004; overflow-y:auto;}
.xieyiBox .btn{text-align:center; padding:30px 0 40px;}
.xieyiBox .btn .sureBox{font-size:16px; width:120px; height:45px; line-height:45px; background:#32a8f5; color:#fff; display:inline-block; text-align:center; border-radius:3px;}
.xieyiBox .btn .sureBox:hover{ opacity:0.8;}

/*提示（2019.5.21）*/
.pay-box .mention-info{padding:25px 0; color:#666; line-height:26px; border-bottom:1px solid #eee;}


/*====辅导协议====*/
.pay-online.consultation{background:#fff; box-shadow:1px 1px 2px #f0f0f0;padding:45px 60px 60px; }
.pay-online.consultation h2.title{ font-size:30px; line-height:50px; color:#333; text-align:center;}
.pay-online.consultation .top-info{ color:#666; line-height:24px;}
.pay-online.consultation .top-info table{ border:1px solid #eee;/* border-bottom:none; */width:100%; margin-top:20px;}
.pay-online.consultation .top-info table td{ border-right:1px solid #eee;border-bottom:1px solid #eee; padding:10px 20px; }
.pay-online.consultation .top-info table td strong{ font-weight:600;}
.pay-online.consultation .top-info table td em.tit{ width:70px; color:#333;text-align:right; display:inline-block;}
/*.pay-online.consultation .top-info table em.lv{ color:#5dd5a9;}*/
.pay-online.consultation .top-info table span.tel.te{ margin-left:150px; color:#333;}
.pay-online.consultation .top-info p.msg{ color:#999; margin-top:10px;}

.pay-online.consultation .main-info{ color:#666; line-height:24px;}
.pay-online.consultation .main-info table{width:100%; margin-bottom:20px; }
.pay-online.consultation .main-info p{ margin-top:10px; }
.pay-online.consultation .main-info p.little{ color:#999; text-indent:1em;}
.pay-online.consultation .main-info h3.tit{ color:#333; font-size:22px; line-height:32px; margin-top:30px;}
.pay-online.consultation .main-info p.msg{ background:#ecf7f6; color:#666; line-height:30px; text-indent:2em; padding:25px 30px;}
table.course-con th{ background:#5dd5a9; font-weight:bold; height:25px; line-height:25px; padding:15px 0;border:1px solid #fff; text-align:center; color:#fff; font-size:16px;}
table.course-con td{ min-height:20px; padding:15px 10px; background:#ecf7f6; border:1px solid #fff; line-height:25px; text-align:center; color:#333; font-size:14px; vertical-align:middle;}
table.course-con td.teLeft{ text-align:left;}

.conference-info{ font-size:16px; color:#666; line-height:26px; border-top:1px dashed #e7e7e7; padding-top:60px;}
.conference-info p{ margin-bottom:10px;}
.conference-info p.ri{ text-align:center; color:#333;}
.conference-info .left p em,.conference-info .right p em{ color:#333; width:170px; text-align:right; display:inline-block;}
.conference-info .right{ width:400px;}

/*====播放页答题弹窗====*/
.exercise-do-tan{ /*display:none; */border-radius:5px;width:800px; position:fixed; left: 50%; top: 50%; margin-left:-360px;background:#f7f9fb; z-index:1009;}
.exercise-do-tan.do{height:480px;  margin-top:-240px;}
.exercise-do-tan.result{height:670px;  margin-top:-335px;display:none; }
.exercise-do-tan i.close{ background:#f97e7e url(https://www.yaoxuedao.com/images/learn_center/learn_little_bg.png) no-repeat -9px -617px; height:32px; width:32px; display:block; position:absolute; right:-16px; top:-16px; border-radius:50%; cursor:pointer;display:none; }
.exercise-do-tan .tit-outside{ height:50px; line-height:50px; padding-left:20px; font-size:16px; background:#5dd5a9; color:#fff;}

.exercise-do-tan .sure-btn{ margin-top:15px;}
.exercise-do-tan .sure-btn input.btn{ cursor:pointer; width:100px; height:40px; line-height:40px; text-align:center; border-radius:3px; margin-left:40px; background:#fa8284; color:#fff;}
.exercise-do-tan .sure-btn input.btn:hover{background:#f4797a ; }
.exercise-do-tan .exercise-info{ padding:40px; width:720px; }
.exercise-do-tan.do .exercise-info{max-height:320px; overflow:auto; }
.exercise-do-tan.result .exercise-info{max-height:495px; overflow:auto; }
.exercise-do-tan .exercise-info{font-size: 20px;width:720px;}
.exercise-do-tan .exercise-info i.num{background: #5dd5a9;font-size:14px;border-radius: 50%;color:#fff;float: left;font-style: normal; width: 30px;height: 30px;line-height: 30px; text-align: center;}
.exercise-do-tan .exercise-info strong.question{color: #666; display: block; font-weight:500;font-size:16px;}
.exercise-do-tan .exercise-info em{color:#333;display: block; padding-left: 42px;font-size:16px;line-height: 30px;}

.exercise-do-tan .exercise-info .answer{color: #666; font-size: 14px; margin-top:25px; width:716px;margin-left:0;}
.exercise-do-tan .exercise-info .answer label{float: left;margin-bottom:5px;width:676px; min-height:24px; height:auto!important; height:24px;padding:10px 20px; line-height:24px; cursor:pointer; position:relative; }
.exercise-do-tan .exercise-info .answer label:hover{ background:#fff;}
.exercise-do-tan .exercise-info .answer label input{ background: none;border: none;}
.exercise-do-tan .exercise-info .answer label div.title{ padding-left:50px;/* display:inline-block;*/}
.exercise-do-tan .exercise-info .answer label div.title i.xuan{ font-style:inherit;}
.exercise-do-tan .exercise-info .answer .select_box { background-position:-20px -908px;height:40px;width:25px; position:absolute; top:0px; left:40px; margin:0;}
.exercise-do-tan .exercise-info .answer .check .select_box {background-position:-20px -968px;}
.exercise-do-tan .exercise-info .answer .wrong .select_box {background-position:-20px -1568px;}
.exercise-do-tan .exercise-info .answer .check div.title{ color:#5dd5a9;}
.exercise-do-tan .exercise-info .answer .wrong div.title,.exercise-do-tan .exercise-info .answer.double .wrong div.title{ color:#fa8284;}

/*解析*/
.exercise-do-tan .exercise-info .answers-show{ background:#fff; box-shadow:1px 0 4px #f7f9fb; margin-top:20px; padding:30px 30px 25px 30px; border-radius:3px; position:relative;}
.exercise-do-tan .exercise-info .answers-show i.top_jian{ position:absolute; top:-12px;  left:50px; border-radius:0;width:25px; height:12px; display:block; background:url(https://www.yaoxuedao.com/images/little/result_jian.png) no-repeat!important;}
.exercise-do-tan .exercise-info .answers-show span.tit{ display:block;border-bottom:1px solid #e7e7e7; padding-bottom:15px; }
.exercise-do-tan .exercise-info .answers-show p.msg{background-position:-20px -1039px;color:#666; font-size:16px; padding-left:30px;}
.exercise-do-tan .exercise-info .answers-show .info{ color:#666; line-height:24px; font-size:14px; margin-top:15px; max-height:100px; overflow:auto;}
.exercise-do-tan .exercise-info .answers-show .info strong.tit{ color:#333; }

/*2017.8.10(学院)我的学习新样式*/
.class-hidden-box{width:820px; overflow:hidden;}
.play-list.class{width:840px;}
.leftside-nav.lan ul.nav li.cur,.leftside-nav.lan ul.nav li:hover{background:#32a8f5;}
.play-list.lan .play-time{background:#32a8f5;}
.play-list.lan .play-time.none{background:#2a2a2a; }

.play-list.lan li:hover a strong{ color:#32a8f5;}
.play-list.lan li .img .meng .but:hover{color:#32a8f5; background:#fff url(../../images/teach/live/ice_lan.png) no-repeat 15px center;}
.position-status.lan em.tit{ border-bottom:2px solid #32a8f5;}
.live-box .change-box.lan a.on{ border-bottom:2px solid #32a8f5;}
.play-list.lan li:hover a strong{ color:#32a8f5;}
.exercise .tit-list.lan .tit{border-bottom:2px solid #32a8f5;}

/*2017.10.16(蓝色)题库样式*/
.question-bank.lan li{background:#f6fafc;}
.question-bank.lan li .join a{ background:#32a8f5;}
.question-bank.lan li .join a:hover{ background:#2895dd;}

/*==========帮助中心&操作手册==========*/
/*.header-box .nav > li > a{ margin:0 13px;}*/

.learn-center-leftside .submenu{background:#fff; box-shadow:0 1px 2px #e7e7e7; min-height:250px; height:auto!important; height:250px;}
.learn-center-leftside .submenu > li{ width:280px;height:61px;float:left; line-height:60px;position:relative; }
.learn-center-leftside .submenu > li.last{background:none;}
.learn-center-leftside .submenu > li > a{ height:60px; display:block; width:280px; border-bottom:1px solid #f1f1f1;}
.learn-center-leftside .submenu > li a.cur,.learn-center-leftside .submenu > li.cur a{ background:#5dd5a9;  }
.learn-center-leftside .submenu > li > a em{ font-size:16px; color:#666; width:200px; height:58px; display:block; margin-left:30px;  }
.learn-center-leftside .submenu > li > a:hover em{background:url(../../images/little/jian_m_t.png) no-repeat center right;  }
.learn-center-leftside .submenu > li > a.cur em{background:url(../../images/little/jian_m_w.png) no-repeat center right;  }
.learn-center-leftside .submenu > li > a.cur i{ height:24px; width:3px; position:absolute; left:0px; top:19px; background:#5dd5a9;}
.learn-center-leftside .submenu > li a:hover em{color:#5dd5a9;}
.learn-center-leftside .submenu > li a.cur em,.learn-center-leftside .submenu > li.cur a em{color:#fff;}

.asked-questions{ padding:20px 0 0px;}
.asked-questions li{ width:800px; float:left; margin-bottom:15px;}
.asked-questions li .questions-tit{ min-height:26px; line-height:26px; padding:12px 20px; background:#f7f7f7; width:760px; cursor:pointer;}
.asked-questions li .questions-tit span.fl{ width:730px;}
.asked-questions li .questions-tit span.fl i,.asked-questions li .questions-tit span.a i{ width:28px; height:28px; line-height:28px; text-align:center; color:#fff; background:#95b2c5; border-radius:50%; display:inline-block; font-style:normal; float:left;}
.asked-questions li.cur .questions-tit span.fl i{background:#5dd5a9;}
.asked-questions li .questions-tit span.fl em{ padding-left:38px; font-size:14px; color:#333; display:block;}
.asked-questions li .questions-tit span.fr{ width:20px; min-height:26px; background:url(../../images/teach/exercise/jian.png) no-repeat center;}
.asked-questions li.cur .questions-tit span.fr,.asked-questions li.cur:hover .questions-tit span.fr{background:url(../../images/teach/exercise/jian_l_h.png) no-repeat center;}
.asked-questions li:hover .questions-tit span.fr{background:url(../../images/teach/exercise/jian_l_h.png) no-repeat center;}

.asked-questions li > .info{ color:#666; font-size:14px; padding:10px 20px 0 20px; width:760px; line-height:24px; display:none; text-indent:2em;}
.asked-questions li > .info p{ margin:5px 0; }
.asked-questions li > .info img{ text-indent:0px; max-width:700px;}
.asked-questions li > .info p em{ text-indent:4em; display:inline-block;}
.asked-questions li > .info p a{ color:#32a8f5; padding:0 3px;}
.asked-questions li > .info p a:hover{ color:#2b96dc; text-decoration:underline;}

.learn-center-rightside.nopad{ width:880px;}
.learn-center-rightside.nopad .position-status{ margin:25px 0 0 30px; width:820px;}
.exam-learn-list .learn-list.manual{ padding-bottom:40px; min-height:450px;}
.exam-learn-list .learn-list.manual .exercise-info{}

/*==========通知==========*/
.learn-center-leftside.notice .leftside-nav{ min-height:360px; height:auto!important; height:360px;}
.leftside-nav ul.nav li i.num{ padding:0 5px; display:inline-block; height:18px; line-height:18px; font-size:12px; color:#fff; background:#ff825c; border-radius:20px; text-indent:0; margin-left:5px;}
.leftside-nav ul.nav li em.notice{  background:url(../../images/practice/little_bg.png) no-repeat 4px -1795px;}
.leftside-nav ul.nav li a.cur em.notice,.leftside-nav ul.nav li a:hover em.notice,.leftside-nav ul.nav li.cur em.notice{ background:url(../../images/school_project/notice_h.png) no-repeat 10px center;}
.leftside-nav ul.nav li em.new{background:#fff url(../../images/practice/little_bg.png) no-repeat 0 -1845px;}
.leftside-nav ul.nav li a.cur em.new,.leftside-nav ul.nav li a:hover em.new,.leftside-nav ul.nav li.cur em.new{background:url(../../images/school_project/new_h.png) no-repeat 10px center;}

.notice-list{}
.notice-list li{ border-bottom:1px dashed #e7e7e7; height:60px; line-height:60px; width:100%;}
.notice-list li a{ color:#666; background:#fff url(../../images/practice/jian_03.jpg) no-repeat left center; display:block;padding-left:15px;}
.notice-list li.on a{ color:#999;}
.notice-list li a:hover{ background:#fafafa url(../../images/practice/jian_03.jpg) no-repeat left center;}
.notice-list li a:hover,.notice-list li a:hover span.time{ color:#07c986;}
.notice-list li strong.fl{ max-width:670px; width:auto!important; font-weight:500; width:670px; display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.notice-list li span.time{ color:#999;}

/*详情页*/
.position-status a.returnBlack{ height:26px; line-height:26px; font-size:12px; width:66px; /*display:none; */border:1px solid #bababa; border-radius:3px; text-indent:2.6em; background:url(../../images/teach/exercise/back.png) no-repeat 8px center; color:#999;}
.position-status a.returnBlack:hover{ border:1px solid #07c986;background:url(../../images/teach/exercise/back_h.png) no-repeat 8px center;color:#07c986;}

.content-detail{ margin-top:35px;}
.content-detail strong.tit{ font-size:18px; color:#333; line-height:28px; display:block; font-weight:500;}
.content-detail span.time{ color:#999;display:block;}
.content-detail .content-info{ color:#666; line-height:24px;}
.content-detail .content-info p{ margin-top:20px;}


/*==========我的面试=========*/
.check-rating-box .top-info{ text-align:center;}
.check-rating-box .top-info strong.tit{ font-size:20px; color:#333; line-height:32px;}
.check-rating-box .top-info span.msg{ font-size:14px; line-height:24px; color:#666; display:block;}

.downLoad-box{ font-size:14px; line-height:26px; padding-bottom:20px;}
.downLoad-box a.tit{ background:url(../images/school_project/wenjian.png) no-repeat; padding-left:35px; color:#ed724a;}
.downLoad-box a.tit:hover{ color:#5dd5a9; }
.downLoad-box a.down{ background:url(../images/school_project/down.png) no-repeat left center; margin-left:30px; padding-left:25px; color:#ed724a;}
.downLoad-box a.down:hover{background:url(../images/school_project/down_h.png) no-repeat left center; color:#5dd5a9; }

.score-table{border:1px solid #e7e7e7; margin-top:15px; width:100%;}
.score-table th{ background:#f9f8f8; color:#333;line-height:45px; height:45px; font-weight:bold; text-align:center;border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.score-table td{ background:#fff; color:#666;line-height:25px; padding:5px; min-height:15px; text-align:center; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.score-table td.score{ padding:0 5px; color:#fb6365;}
.score-table td.text{ text-align:left; padding:5px 10px;}
.score-table td.te{ background:#f9f8f8; color:#333; font-weight:bold; }
.score-table td input.text{ border:1px solid #e7e7e7; border-radius:3px; background:#fafafa; color:#666; font-size:14px; padding:0 5px; width:70px;height:25px; text-align:center;}

.module-box h2.tit{ font-size:16px;}
.module-box .content{ color:#666; line-height:26px; font-size:14px;}

.btn-box{ text-align:right;}
.btn-box input.btn-on{ width:100px; height:40px; line-height:40px; color:#fff; background:#5cd5a8;  border-radius:3px; cursor:pointer;}
.btn-box input.btn-on:hover{background:#4fc79a; }

@media only screen and (max-width:1000px) {
#little-banner{ min-width:750px;}
/*====支付页面====*/
.pay-online .pay-top em,.pay-online .pay-top em.last{ width:236px; }

.pay-online .pay-box{padding:25px 30px 30px; min-height:520px; height:520px;}
.pay-online .pay-info{ width:540px; margin:30px auto;}
.pay-online .pay-info .pay-code{width:200px; margin-top:30px;}
.pay-online .pay-info .pay-code img{ width:200px; height:192px;}
.pay-online .pay-info .pay-code em{ font-size:18px; line-height:28px; }
.pay-online .pay-info .pay-yin{ width:262px;}
.pay-online .pay-price{ font-size:20px; padding-right:50px;}

/*支付弹窗*/
.pay-content-tan{padding:60px 40px; width:380px; height:160px;margin-left:-240px; margin-top:-140px; }
.pay-content-tan .info{ font-size:18px; }
.pay-content-tan .btn{}
.pay-content-tan .btn a{ width:120px; height:40px; line-height:40px; }

.pay-instro-info{ padding:20px; font-size:20px; line-height:38px;}

.pay-instro-info .left-img,.pay-instro-info .left-img a{ width:140px; height:80px; }
.pay-instro-info .left-img img{ width:140px; height:80px;}
.pay-instro-info .right-info{width:440px; }

.pay-box .pay-way em.img{width:144px; height:54px;  margin-left:20px;}
.pay-box .pay-way em.img img{width:144px; height:54px;}

.pay-instro-info.scuess p.scuess{  font-size:20px; }
.pay-instro-info.scuess p.msg{  font-size:18px;}

#wrapper{ width:710px;min-height:inherit; height:auto!important;}

/*==========帮助中心&操作手册==========*/
.learn-center-leftside{ width:180px;}
.learn-center-leftside .submenu{min-height:250px; height:auto!important; height:250px;}
.learn-center-leftside .submenu > li{ width:180px;}
.learn-center-leftside .submenu > li > a{ width:180px; }
.learn-center-leftside .submenu > li > a em{ font-size:18px; width:140px; margin-left:20px;  }

.learn-center-rightside{ width:480px; padding:15px 15px 20px;}
.asked-questions{ padding:20px 0 25px;}
.asked-questions li{ width:500px;}
.asked-questions li .questions-tit{ min-height:26px; line-height:26px; width:440px; }
.asked-questions li .questions-tit span.fl{ width:410px;}
.asked-questions li .questions-tit span.fl em{ padding-left:38px; font-size:18px; }

.asked-questions li > .info{ font-size:18px; padding:10px 20px 0 20px; width:460px; line-height:28px; }
.asked-questions li > .info img{max-width:410px;}

.learn-center-rightside.nopad{ width:510px;}
.learn-center-rightside.nopad .position-status{ margin:25px 0 0 20px; width:470px;}
.position-status em.tit{ font-size:20px;}
.exam-learn-list .learn-list.manual{ padding-bottom:40px; width:510px;}
.exam-learn-list .learn-list.manual .exercise-info{ width:470px;}

.exam-learn-list .learn-list.manual .exercise-info{ margin-left:20px;}
.exam-learn-list .learn-list.manual .exercise-info.one .left{width:370px;}
.exam-learn-list .learn-list.manual .exercise-info.one .left .title{max-width:360px;}
}