/* 课程详情头部 */
.course_detil_head{padding:32px 44px 36px;border-radius:8px;background-color: #fff;position: relative;margin-top: 0px;}
.detil_head_tit h2{float: left;font-size: 26px;color:#333;}
.detil_head_tip{float: left;height: 30px;line-height: 30px;padding:0 8px;border:1px solid #f8beb8;background-color: #fef0ef;border-radius: 30px;font-size: 12px;color:#f17e72;margin-top: 4px;margin-left: 10px;}
.detil_head_bottom{margin-top: 12px;}
.detil_head_year,.detil_head_teacher{float: left;position: relative;padding-left: 28px;height: 22px;line-height: 22px;margin-right: 26px;font-size: 14px;}
.detil_head_teacher{min-width:82px;}
.head_year_ico,.head_teacher_ico{position: absolute;top: 0;left: 0;width: 22px;height: 22px;background: url(../img/icobg_kczx.png) no-repeat;}
.head_year_ico{background-position: 0 0;}
.head_teacher_ico{background-position: -30px 0;}
.head_year_info,.head_teacher_info{font-size: 14px;color:#999;}
.head_year_info em,.head_teacher_info em{color:#333;margin-left: 4px;}
.detil_head_dpj{float: left;font-size: 14px;height: 22px;line-height: 22px;margin-right: 26px;color:#e13b29;padding-top:2px;}
.detil_head_btnBox{float: left;width: 60px;height: 22px;position: relative;}
.detil_head_switchBtn{display: block;width: 100%;height: 100%;line-height: 22px;text-align: center; border-radius: 4px;font-size: 13px; background-color: #0095ff;background-image: linear-gradient(90deg,#0095ff,#71c4ff);color:#fff;}
.detil_head_switchBtn:hover{color:#fff;box-shadow: 0 3px 8px #71c4ff;}
.back_btn{position: absolute;top: 0;left: 0;width: 92px;height: 58px;background: url(../img/icobg_kczx.png) no-repeat -110px -30px;font-size: 0;cursor: pointer;}
.back_btn:hover{background-position: 0 -30px;}
.head_teacher_choiceBox{position: absolute;top: 40px;right:0;width: 322px;padding:16px 20px 30px;background-color: #fff;border-radius: 10px;box-shadow: 0 2px 20px #e4e4e4;*border:1px solid #eee;}
.teacher_choiceTit{font-size: 16px;padding-bottom: 12px;border-bottom: 1px solid #eee;}
.teacher_choiceYear{margin-top: 24px;}
.choiceYear_tit{font-size: 16px;}
.choiceYear{margin-right: -14px;white-space: nowrap;}
.choiceYear>span{float: left;width: auto;height: 26px;line-height: 26px;text-align: center;border-radius: 4px;border:1px solid #f5f5f5;background-color: #f5f5f5;font-size: 14px;color:#666;margin-top: 10px;margin-right: 10px;cursor: pointer;padding:0px 12px;}
.choiceYear>span.on{background-color: #fff9f9;border-color: #0095ff;color:#0095ff;}

/* 课程详情主体内容部分 开始 */
/* 内容左侧 */
.course_detil_mainBox{width: 100%; margin-top: 10px;min-height: 680px;position: relative;}
.course_main_leftBox{position: absolute;top: 0;left: 0;width: 300px;height: 100%;border-radius: 8px;background-color: #fff;}
.course_left_progress{width: 200px;height: 200px;margin:30px auto 0;}
.course_left_progress canvas{position: absolute;width: 200px;height: 200px;}
.course_left_progress .ring {width: 200px;height: 200px;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;}
.course_left_progress .fraction {position: absolute;font-size: 30px;font-weight: bold;color: #00ABEB;}
.course_left_progress .small {font-size: 12px;font-weight: lighter;}
.course_left_progress .title {font-size: 20px;color: #00ABEB;bottom: 40px;position: absolute;}
.course_left_learnTime{text-align: center;font-size: 14px;color:#999;margin-top: 20px;}
.course_left_ward{text-align: center;font-size: 14px;margin-top: 10px;}
.course_left_ward span{color:#ff7b11;margin:0 4px;}
.course_left_expire{width: 260px;height: 40px;line-height: 40px;font-size: 14px; text-align: center; margin:16px auto 0;border-radius: 6px;background-color: #fff;*border:1px solid #eee;box-shadow: 0 3px 12px #eaeaea;color:#999;}
.course_left_expire span{color:#e13b29;margin:0 4px;font-size: 18px;}
.course_left_beforeRecord{font-size: 14px;color:#999;margin:24px 20px 0;}
.course_left_beforeRecord em{color:#333;margin-left: 5px;}
.course_left_learnBtn>a{display: block;margin:10px 20px 0;height: 44px;line-height: 44px;text-align: center;font-size: 16px;font-weight: bold;color:#fff;background-color: #0095ff;background-image: linear-gradient(90deg,#0095ff,#71c4ff);border-radius: 30px;box-shadow: 0px 3px 10px rgba(25, 156, 233, 0.15); transition: .4s;}
.course_left_learnBtn>a:hover{transform: translateY(-5px);*background-color: #ffa92c;color:#fff;}
.course_left_update{margin: 40px 20px 0;}
.left_update_tit{height: 20px;position: relative;}
.left_update_h3{width: 116px;height: 20px;background: url(../img/icobg_kczx.png) no-repeat -90px 0;font-size: 0;}
.left_update_more{position: absolute;top: 50%;right:0;height: 20px;line-height: 20px; margin-top: -8px;padding-right: 16px;font-size: 12px;color:#999;}
.left_update_more>span{position: absolute;top: 50%;right:0;height: 9px;width: 10px;margin-top: -5px; background: url(../img/icobg_kczx.png) no-repeat -220px 0;}
.left_update_more:hover{color:#e13b29;}
.left_update_more:hover>span{background-position: -220px -20px;}
.left_update_main{height: 86px;border-radius: 6px;background: #fff;box-shadow: 0 3px 12px #eaeaea;*border:1px solid #eee;position: relative;margin-top: 12px;}
.left_update_main:before{content:"";position: absolute;top: 50%;left: 50%;width: 1px;height: 50px;margin-top: -25px;background-color: #eee;}
.left_update_lt,.left_update_rt{float: left;width: 50%;}
.left_update_num{text-align: center;margin-top: 16px;color:#999;font-size: 14px;}
.left_update_num>span{font-size: 26px;color:#333;}
.left_update_wz{text-align: center;font-size: 12px;color:#999;margin-top: 6px;}
.left_update_last{display: block; font-size: 14px;color:#666;margin: 12px 20px 0;}
.left_update_wc{text-align: center;font-size: 14px;line-height: 24px;margin-top: 20px;}


/* 内容右侧 */
/* 课程章节 */
.course_main_rightBox{margin-left: 310px;background-color: #fff;border-radius: 8px;min-height: 679px; padding-top: 1px;}
.course_right_tab{height: 53px;padding-top: 8px;margin:0 20px;border-bottom: 1px solid #eee;}
.course_right_tab li{float: left;height: 50px;line-height: 50px;font-size: 15px;color:#999; padding:0 6px;border-bottom: 3px solid transparent;margin-right: 2px;cursor: pointer;display:inline;font-weight:bold;}
.course_right_tab li:hover{color:#333;}
.course_right_tab li.this{border-color: #0095ff;color:#0095ff;}
.course_right_contBox{padding:0px 20px 20px;}
.course_zhangjBox{padding-top: 10px;font-size:15px;}
.course_zhang_contBox{margin-top:10px;}
.course_zhang_titBox{padding:0 45px;position: relative;background-color: #f5f5f5;cursor: pointer;border-radius:4px;}
.course_zhang_titBox:hover{background-color: #f1f1f1;}
.course_zhang_ico{position: absolute;top: 50%;margin-top:-20px;left:5px;width: 37px;height: 37px;background: url(../img/course_ico/jiahao.png) no-repeat center;}
.course_zhang_ico.yzk{background: url(../img/course_ico/jianhao.png) no-repeat center;}
.course_zhang_tit{display: block;line-height:50px;height:50px;overflow: hidden;color:#666;}
.course_zhang_ts{position: absolute;right:36px;top: 16px;font-size: 12px;color:#c7c7c7;}
.course_jie_contBox{display:block;}
.course_jie_li{border-top: 1px solid #eee;position: relative;padding-left:45px;}
.course_jie_li:hover{background-color: #fafafa;}
.course_jie_li:first-child{border-top: 0;}
.course_jie_tit{height: 54px;line-height: 54px;padding-right: 190px;overflow: hidden;color:#333;position:relative;}
.course_jie_li:before{content:"";position:absolute;width:4px;height: 4px;background: #e2e2e2;left:24px;top:50%;margin-top:-2px;border-radius:100%;}
.course_jie_time{position: absolute;top: 50%;right:112px;width: 70px;text-align: center;height: 28px;line-height: 28px;margin-top: -14px;font-size: 12px;color:#999;}
.course_jie_btn{position: absolute;top: 50%;right:0;width: 100px;height: 46px;margin-top: -23px;overflow: hidden;}
.course_jie_btn .ico{position: absolute;top: 9px;left: 50%;width: 82px;height: 28px;text-align: center;line-height: 28px; font-size: 12px;color:#999; margin-left: -41px;background: url(../img/course_ico/bofang.png) no-repeat center;}
.course_jie_btn .jie_btn{position: absolute;top: 52px;left: 50%;width: 82px;height: 28px;margin-left: -41px; line-height: 28px;text-align: center;background-color: #fff;border-radius: 30px;box-shadow: 0 2px 10px #eaeaea;font-size: 14px;transition: .4s;background: #0095ff;background: linear-gradient(90deg,#0095ff,#71c4ff);color:#fff;}
.course_jie_btn:hover .ico,.course_jie_li:hover .ico{display: none;}
.course_jie_btn:hover .jie_btn,.course_jie_li:hover .jie_btn{top: 9px;}
.course_jie_btn.ykw .ico{background: none;}
.course_jie_btn.jxx .ico{background-position: -90px -100px;}

/* 讲义 */
.course_jiangy_ul{padding-top: 4px;}
.course_jiangy_li{height: 58px;border-top: 1px solid #eee;padding-left: 58px;padding-right: 84px;position: relative;}
.dianzi_jiangy .course_jiangy_li{padding-left: 20px;}
.course_jiangy_ul>li:first-child{border-top: 0;}
.jiangy_num{position: absolute;top: 50%;left: 0;width: 30px;height: 20px;margin-top: -10px; line-height: 20px;text-align: center;font-size: 15px;font-family: "Arial";color:#999;}
.jiangy_ico{position: absolute;top: 50%;left: 30px;width: 23px;height: 20px;margin-top: -10px; background: url(../img/icobg_kczx.png) no-repeat -360px 0;}
.jiangy_ico.p_ico{background-position: -390px 0;}
.jiangy_titBox{display: inline-block;*display: inline;zoom:1;height: 58px;line-height: 58px;overflow: hidden; padding-right: 178px;font-size: 15px; position: relative;}
.jiangy_time{position: absolute;top: 50%;right:0;width: 164px;height: 20px;margin-top: -10px; line-height: 20px;font-size: 12px;color:#999;}
.jiangy_ylBtn,.jiangy_xzBtn{position: absolute;top: 50%;right:10px; width: auto;padding:0 15px;height: 28px;line-height: 28px;margin-top: -14px; text-align: center;font-size: 14px;border-radius: 30px;transition: .4s;}
.jiangy_ylBtn.wz,.jiangy_xzBtn.wz{ right: 10px}
.jiangy_ylBtn{ background-color: #fff;box-shadow: 0 2px 10px #eaeaea;*border:1px solid #eee;color:#e13b29 !important;}
.jiangy_xzBtn{background-color: #ff5c00;background-image: linear-gradient(90deg,#0095ff,#71c4ff);color:#fff;box-shadow: 0px 3px 5px rgba(25, 156, 233, 0.15);}
.jiangy_ylBtn:hover{transform: translateY(-5px);color:#333;}
.jiangy_xzBtn:hover{transform: translateY(-5px);color:#fff;}

/* 答疑 */

.question-list{background-color: #fff;padding: 0px 20px 20px;box-shadow: 0 1px 2px rgba(120, 119, 119, .3)}
.my_dayBox,.course_bijBox{padding-top: 20px;}
.com_day_titBox,.com_bij_titBox{height: 36px;position: relative;height: auto;z-index:9;}
.com_day_titBox.benb{margin-top: 20px;}
.com_day_h4,.com_bij_h4{float: left;height: 36px;line-height: 36px;padding-left: 0px;position: relative;font-size: 16px;font-weight: bold;}
.com_day_h4 .ico,.com_bij_h4 .ico{position: absolute;top: 50%;left: 0;width: 4px;height: 16px;margin-top: -8px;background: url(../img/icobg_kczx.png) no-repeat -430px 0;}
.all_twBtn,.all_bjBtn{position: absolute;top: 0;right:0;width: 108px;height: 34px;line-height: 34px; text-align: center;border-radius: 30px;border:1px solid #0095ff;background-color: #fff9f9;font-size: 14px;color:#0095ff;transition: .4s;}
.all_twBtn:hover,.all_bjBtn:hover{transform: translateY(-5px);}
ul.list-box{ width:100%; margin:0 auto;height:auto!important;word-wrap: break-word;}
ul.list-box li{ display:inline-block; width:100%; position:relative; border-bottom:1px solid #efefef; padding:20px 0}
ul.list-box li:last-child{border-bottom:none;}
ul.list-box li a{ display:inline-block;}
ul.list-box li a.l-head{ width:50px; height:50px; position:absolute; left:0; top:20px}
ul.list-box li a.l-head img{ width:50px; height:50px; border-radius: 100%}
ul.list-box li span.speak{display:block;  padding-left: 70px}
ul.list-box li span.speak i{ width:160px; height: 145px; display: block; margin: 0 auto;}
ul.list-box li span.speak i.dayi{ background-position:0 -160px }
ul.list-box li span.speak i.pingjia{ background-position:0 -320px }
ul.list-box li span.speak.none{ margin:0 auto; display:block; text-align:center; width:300px; font:normal 16px/20px "microsoft yahei"; color:#666; padding-top: 20px}
ul.list-box li span.speak.none .cgrey9{ font-size: 14px; padding-top:5px}
ul.list-box li span.speak p.text.one{ position:relative; margin-top:-3px;padding:0px 0px 4px !important;}
ul.list-box li span.speak p.text.one b.paly{ display:inline-block; width:14px; height:14px; position:relative; margin-bottom:-2px; margin-right:4px;}
ul.list-box li span.speak p.text.one a{color:#056fc0;}
ul.list-box li span.speak p.text.one a.name{color:#aaa; padding:0 6px;}
ul.list-box li span.speak p.text.one a:hover{ color:#ee491f;}
ul.list-box li span.speak p.text.one a.ico{width:14px; height:14px; position:relative; margin-bottom:-2px;}
ul.list-box li span.speak p.text.one a.phone{background-position:0 0;cursor: auto;}
ul.list-box li span.speak p.text.one a.phone:hover{ }
ul.list-box li span.speak p.text.one a.computer{background-position:0 -18px;cursor: auto;}
ul.list-box li span.speak p.text.one a.computer:hover{}

ul.list-box li span.speak p.text.two{ font:normal 14px/22px "microsoft yahei";word-wrap: break-word;padding-top:5px;}
ul.list-box li span.speak p.text.two.two-t{ padding-left:20px; position:relative; margin-top:-10px;}
ul.list-box li span.speak p.text.two.two-t img{ display:block}
ul.list-box li span.speak p.text.two.two-t a{ display:inline}
ul.list-box li span.speak p.text.two.two-t b.question-ico{display:inline-block; width:14px; height:14px; text-align:center; font:normal 12px/14px "simsun"; border-radius:2px; background:#39b378;  color:#fff; position:relative; margin-left:-20px; margin-right:4px; margin-top:10px; border:1px solid #39b378}
ul.list-box li span.speak p.text.three{ padding-left:20px; line-height:18px; color:#999; font-size: 14px}
ul.list-box li span.speak p.text.three b.answer-ico{ display:inline-block; width:14px; height:14px; text-align:center; font:normal 12px/14px "simsun"; border-radius:2px; background:#f25130;  color:#fff; position:relative; margin-left:-20px; margin-right:4px; margin-top:6px;; border:1px solid #f25130}
ul.list-box li span.speak p.text.three font.time{ font-family:arial}
ul.list-box li span.speak p.text.four{ padding-top:20px; display:block; height:18px;}
ul.list-box li span.speak p.text.four b{ font-weight:normal; display:inline}
ul.list-box li span.speak p.text.four b.fl{ color:#aaa}
ul.list-box li span.speak p.text.four b.fr{ position:relative; border-radius:50px; padding:6px 4px;margin-top: -6px; margin-bottom:-4px;}
ul.list-box li span.speak p.text.four b.fr a{ padding-left:22px;margin: 0 10px;height:18px; line-height:18px;font-family:arial; cursor:auto;color:#999 !important;}
ul.list-box li span.speak p.text.four b.fr a{}
ul.list-box li span.speak p.text.four b.fr a.xiugai{padding-left: 22px; position: relative;cursor: pointer;}
ul.list-box li span.speak p.text.four b.fr a.shanchu{ background-position: -40px -1949px;padding-left: 22px;}
ul.list-box li span.speak p.text.four b.fr a.xiugai.hover,ul.list-box li span.speak p.text.four b.fr a.xiugai:hover{ background-position: -36px -1919px;padding-left: 22px;color:#e13b29 !important;}
/*ul.list-box li span.speak p.text.four b.fr a.hover,ul.list-box li span.speak p.text.four b.fr a:hover{ background-position: -40px -1979px;padding-left: 22px;}
ul.list-box li span.speak p.text.four b.fr a:hover,ul.list-box li span.speak p.text.four b.fr a.hover{ color:#e13b29 ;}*/
ul.list-box li span.speak p.text.four b.fr a.no{ background:none; padding-left:0; }
ul.list-box li span.speak p.text.four b.fr a.cred{  color: #e13b29 }
ul.list-box li span.speak p.text.four b.fr a.collect{ background-position:-36px -575px;}
/*ul.list-box li span.speak p.text.four b.fr a.collect:hover,ul.list-box li span.speak p.text.four b.fr a.collect.hover{ background-position:-36px -595px;}*/
ul.list-box li span.speak p.text.four b.fr a.pra{ background-position:-36px 0; position:relative; z-index:1}
/*ul.list-box li span.speak p.text.four b.fr a.pra.isagree,ul.list-box li span.speak p.text.four b.fr a.pra:hover,ul.list-box li span.speak p.text.four b.fr a.pra.hover{ background-position:-36px -20px;}*/
ul.list-box li span.speak p.text.four b.fr a.answer{background-position:-38px -43px; position:relative;cursor: pointer;}
ul.list-box li span.speak p.text.four b.fr a.answer:hover{ background-position:-38px -63px}

/*ul.list-box li span.speak p.text.four b.fr a.pra.hover,ul.list-box li span.speak p.text.four b.fr a.collect.hover,ul.list-box li span.speak p.text.four b.fr a.look.hover{color:#ee491f; }*/
ul.list-box li span.speak p.text.four b.fr a.pra em.pra-fixed{ position:absolute; left:-10px; bottom:15px;opacity:0;}
.demo b.top{opacity:0;}
ul.list-box li span.speak p.text.four b.fr a.pra em.pra-fixed,.demo b.top{
    -webkit-animation:mymove 2s;
    -moz-animation:mymove 2s;
    -ms-animation:mymove 2s;
    animation:mymove 2s}/*infinite*/
@keyframes mymove{
    0%   {bottom:0px;opacity:0;}
    66%  {bottom:15px;opacity:1;}
    100% {bottom:15px;opacity:0;}
}

@keyframes tt1{
    50%,56%,60%,64%,68%,72% {-webkit-transform: translateY(0);transform: translateY(0);}
    54% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
    58% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
    62% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
    66% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
    70% {-webkit-transform: translateY(-2px);transform: translateY(-2px);}
}
@keyframes yd1{
    16.65% {-webkit-transform: skew(-12deg);transform: skew(-12deg);}
    33.3% {-webkit-transform: skew(10deg);transform: skew(10deg);}
    49.95% {-webkit-transform: skew(-6deg);transform: skew(-6deg);}
    66.6% {-webkit-transform: skew(4deg);transform: skew(4deg);}
    83.25% {-webkit-transform: skew(-2deg);transform: skew(-2deg);}
    100% {-webkit-transform: skew(0);transform: skew(0);}
}
@keyframes yd2{
    0%{transform: translateX(-40px);opacity: 0;}
    100%{transform: translateX(0px);opacity: 1;}
}

ul.list-box li em.pra-fixed b.top{ display:block; float:left;padding:0 16px 0 40px;/* box-shadow:0 2px 3px 0 rgba(0,0,0,0.1);border:1px solid #dadada; */ border-radius:50px; font:normal 20px/40px "arial"; color:#ee491f; }
ul.list-box li span.speak p.answer-box{ border:1px solid #e0e0e0; margin-top:14px; background:#fff; padding:9px 15px;border-radius:3px}
ul.list-box li span.speak p.answer-box textarea{ border:none; line-height:18px; height:40px; width:100%; font-size:14px; color:#999;font-family: \5FAE\8F6F\96C5\9ED1 }
ul.list-box li span.speak p.answer-box textarea:hover{color:#333}
ul.list-box li span.speak p.answer-box input{ border:1px solid #f25130; background: #e9482c;border-radius: 20px;background: linear-gradient(to right,#e13b29,#fa741a);
    box-shadow: 0 5px 8px 0px #ffd2cd; height:32px; line-height: 28px;color:#fff;cursor:pointer; font-size:14px; display:inline-block}
ul.list-box li span.speak p.answer-box input.hui{ background: #fff; color: #666;  border-color: #bbb;box-shadow: 0 5px 8px 0px #eee;}
ul.list-box li span.speak p.answer-box input.hui:hover{ background: #fff}
ul.list-box li span.speak p.answer-box input:hover{ background:#ee330c;}
ul.list-box li span.speak p.text.four b.fr a i.sjx{ width:14px; height:8px; display:inline-block; position:absolute; z-index: 3; left: 50%; top:25px;}
ul.list-box li span.speak .huifu{ border-top:1px dashed #eee; margin-top:20px; display: block}
ul.list-box li span.speak .huibg1{ padding-top:10px}
ul.list-box li span.speak .huibg{  display:inline-block; background: #f8f8f8;padding:0 10px 5px 15px; margin-top:10px; width: 100%;box-sizing: border-box}
ul.list-box li span.speak .huibg p.speak-box span{font-size:12px}
ul.list-box li span.speak .huibg p{ border-bottom:1px dashed #ddd; display:block; clear: both; float: left; width:100%;padding-bottom:10px}
ul.list-box li span.speak .huibg p:last-child{ border-bottom:none; }
ul.list-box li span.speak p.speak-box{ display:block; }
ul.list-box li span.speak p.speak-box.delete span{text-decoration:line-through; display: block}
ul.list-box li span.speak .red-bd{text-decoration:underline; color: #f25130 }
s{text-decoration: line-through;}
ul.list-box li span.speak p.speak-box span{ display:inline; float:left; padding-top:14px; width:100%;font-size: 14px}
ul.list-box li span.speak p.speak-box span b{ padding-right:10px; display:inline-block; font-weight:normal;}
ul.list-box li span.speak p.speak-box span b a{ padding-left:25px; display:inline-block; height:18px; margin-bottom:-4px;}
ul.list-box li span.speak p.speak-box span b a:hover{ background-position:-36px -61px}
.nandianbj{color: #1fac75;font-size: 12px; border:1px solid #1fac75; padding: 0 5px; border-radius:5px 5px 5px 0px}
/* 页码 */
.ui-page{ height:25px; line-height:25px; padding:15px 0px 15px; text-align:center; clear:both;border-top: 1px solid #eee;margin-top:-1px;}
.ui-page *{display:inline-block;vertical-align:middle;}
.ui-page a,.ui-page b{ display:inline-block; padding:0px 9px; color:#333; background:#FFF; border:1px #ccc solid; height:25px; margin:0px 3px; font:bold 12px/25px Arial; color:#555; }
.ui-page b{ border:none; color:#555; margin-right:0px;}
.ui-page a.ui-page-turn{ display:inline-block;  padding:0px 12px; font:normal 12px/25px "宋体";content:'\3C';}
.ui-page a.ui-page-turn:hover{background:#f0f0f0; color:#333; border:1px #ddd solid;-moz-box-shadow:#f5f5f5 1px 1px 2px;-webkit-box-shadow:#f5f5f5 1px 1px 2px;box-shadow:#f5f5f5 1px 1px 2px; }
.ui-page a:hover{ background:#f5f5f5; color:#333;}
.ui-page a.z-on,.ui-page a.z-on:hover{ background:#ea4f29; color:#FFF; border:1px #ea4f29 solid;}
.ui-page .ui-page-txt{display:inline-block;border:1px #ccc solid; width:40px; padding:0px 5px; height:25px; line-height:25px;color:#555;  box-shadow:0px 1px 1px 2px #f8f8f8 inset; overflow:hidden; margin-right:5px; outline:none;}
.ui-page .ui-page-skip b{ font-weight:normal;}
.ui-page .ui-page-submit{ font-weight:normal;}
.content .ui-page{ padding:30px 0; border-top:1px solid #efefef;}
.content .ui-page a.z-on{ background:#f25130; border-color:#f25130}
.content .ui-page a.z-on:hover{background:#ee330c; border-color:#ee330c}
/* 用户评价 */
.course_pingjBox{padding-top: 20px;}
.right.top-right{  width:310px; position:relative; padding:20px;  border-bottom:1px solid #3b3b3b;display:block;}
.right-lf .top-right{ height:auto}
.right h4{font:normal 15px/22px "microsoft yahei";width:100%;padding-bottom:20px;height:25px;}
.right h4 a.changgui{ padding-left: 10px;display:inline-block; line-height: 30px}
.right h4 a.changgui:before{ content: "";display:inline-block;width: 4px;height: 4px;background: #ccc;border-radius: 100%;margin: 16px 12px 0 0;vertical-align:top;}
.right h4 b{ display:inline; float:left; width:18px; height:20px;line-height: 20px; margin-right: 5px; vertical-align:middle}
.right h4 b.teacher{background-position:-39px -40px}
.right h4 b.teacher.hui{background-position:-39px -40px}
.right h4 b.pen{background-position:0 -86px}
.right h4 b.speak{background-position:-33px -195px}
.right h4 b.text{ background:none; width:auto;font-weight: normal}
.right h4 .tiwenss{ float: right; position: relative}
.right h4 .tiwenss input{ border:1px solid #d5d5d5; border-radius:30px;height: 24px; line-height: 22px; padding: 0 5px}
.right h4 .tiwenss input.search_btn{  border-color: #e13b29; color: #e13b29;  border-radius:30px; background: #fff; padding: 0 6px}
input#search_text{ padding-left: 30px}
.right h4 .tiwenss input:hover{ border-color:#e13b29}
.right h4 .tiwenss input.search_btn:hover{ background: #e13b29; color: #fff}
.right h4 .tiwenss i.look{ width: 18px; height: 18px; position: absolute; left: 5px; top:3px}
.right h4 .tiwenss:hover i.look{ background-position:-35px -106px}

.editor-box{position: relative;padding: 9px 15px;border: 1px solid #e1e3e6;border-radius: 5px;box-shadow: 0 0 4px 2px hsla(0,0%,92%,.35); background: #fff;z-index: 2;}
.editor-box.mtno{ margin-top:0}
.editor-box:hover,.editor-box.hover{/* border-color: #e13b29*/}
.editor-box.hoverer{ height:60px}
.editor-box.hover{box-shadow: none }

.editor-box textarea{ width:98%;height:58px; font-size:14px;color:#999; border:none; font-family:microsoft yahei}
.editor-box textarea.hover,.editor-box textarea:hover{ }
.right.top-right .editor-box{ border:none;}
.right.top-right .editor-box textarea{ width:288px;font-size:14px;/* padding:10px; */height:60px; background:#3d3d3d; }
.right-lf.right.top-right .editor-box textarea{ color:#fff}
.editor-box textarea:hover{ color:#333; }
.right.top-right .editor-box textarea:hover{ color:#fff!important }
.editor-box:hover{ color:#333}
.img-right .star{padding:10px 0 0 0; vertical-align:middle; font-size: 14px}
.black-fixed .play-box.pingjiatk.fankuiqp .img-right .star{padding:20px 0 0 0; }
.img-right .star.bg{ background:none; border:none; color:#fff }
.right-lf .star.bg p{ padding:0px; color:#aaa;}
.right .star.bg p.pingjia em{border-color:#aaa;}
.right .star.bg p.pingjia em.hover,.right .star.bg p.pingjia em:hover{border-color:#e13b29}

.pingjiaxt .img-right .star span{ display:inline-block;vertical-align:middle;}
.right b.ico{ display:inline-block; width:20px; height:18px; margin-right:4px; position:relative; margin-bottom:-6px; cursor:pointer}
.right b.ico.star,.right b.ico:hover{ background-position:0 -715px;}
.right.top-right p.star{ background:none; text-indent:0; border:none; color:#aaa; padding:0 0 10px 0; vertical-align:middle}
.right.top-right p.star .font18,.right p.star .font18{ vertical-align:middle; padding:0 2px}
span.button-box{ display:inline-block; width:100%; padding-top:6px}
.pic-uploader-wrapper{display: inline-block;vertical-align: middle;float:left}
.pic-uploader-add{width: 42px;height: 42px;display: inline-block;vertical-align: middle;margin-right: 10px;float:left}
span.button-box b{ display:inline; height:30px; font-weight:normal}
span.button-box b.fl{line-height:28px;}

span.button-box .button{ width:auto; height:32px; /*line-height: 32px;*/ font-size:12px; text-align:center;  padding: 0 15px; color:#fff; background:#f25130;background-image: linear-gradient(90deg,#fb6d50,#f25130);border:none; background: #e9482c;background: linear-gradient(to right,#e13b29,#fa741a);box-shadow: 0 5px 8px 0px #ffd2cd;border-radius: 20px;cursor:pointer; font-size:14px;}
span.button-box .button.lv{ color: #e13b29; background: #fff; /*border: 2px solid #00be06;*/border: 1px solid #e13b29; margin-right: 5px}
span.button-box .button:hover,ul.hairlines li .price .pr-r:hover,.right-box .zhujiang a:hover,.right-price a.button:hover{animation: yd1 1 1s;}
@keyframes yd1{
    16.65% {-webkit-transform: skew(-12deg);transform: skew(-12deg);}
    33.3% {-webkit-transform: skew(10deg);transform: skew(10deg);}
    49.95% {-webkit-transform: skew(-6deg);transform: skew(-6deg);}
    66.6% {-webkit-transform: skew(4deg);transform: skew(4deg);}
    83.25% {-webkit-transform: skew(-2deg);transform: skew(-2deg);}
    100% {-webkit-transform: skew(0);transform: skew(0);}
}
span.button-box span.auto{ width: 100%; text-align: center; display: block;}
span.button-box span.auto .button{ font-size: 16px;width:140px;height:36px; line-height: 36px;margin-top:10px}
span.button-box span.auto .button.bian{ border:1px solid #f45737; color: #f45737; background: #fff; width:  100px}
span.button-box span.auto .button.huibian{ border:1px solid #cfcfcf; color: #666;background: #fff;box-shadow: 0 5px 8px 0px #ddd; width: 100px}
span.button-box span.auto .button:hover{ background:#ee330c;border-color:#ee330c;background-image: linear-gradient(90deg,#f25130,#ee330c); color: #fff}
/*span.button-box span.auto .button.bian.none,span.button-box .button.none{  background: #ccc; color: #fff; cursor: none; border:none!important;box-shadow:none}
span.button-box span.auto .button.none:hover,span.button-box .button.none:hover{ background: #ccc; color: #fff;border:none!important;background-image: none;}
span.button-box span.auto .button.none:hover,span.button-box .button.none:hover{animation:none;}*/

/*2018.10.29*/
.f-fl{ float:left}
.f-mt20{ padding-top:20px}
.f-mt10{ padding-top:10px}

.pingjiaxt{ background: #f8f8f8; border-radius:50px}
.pingjiaxt.hover{  border:1px solid #fcd1c5}
.pingjiaxt .img-left{ border-radius:100%; width: 82px; height: 82px; border:3px solid #fff; overflow: hidden; position: relative;/*box-shadow: 5px 5px 20px 5px #eee*/; float: left; z-index: 2;}
.pingjiaxt .img-left img{ width: 82px }
.pingjiaxt .img-left span.name{ width: 100%; height: 24px; line-height: 24px;text-align: center;color: #fff; position: absolute; bottom: 10px; font-size: 14px;}

.pingjiaxt.small .img-left{ border-radius:100%; width: 60px; height: 60px; }
.pingjiaxt.small .img-left img{ width: 60px }
.pingjiaxt.small .img-left span.name{  height: 24px; line-height: 24px;bottom: 5px; font-size: 14px;}
.pingjiaxt.small .img-right ul.title-box{margin-left: 75px;}

.pingjiaxt .img-right{ width:100%; float: right; margin-left: -88px; padding-top: 3px; position: relative; z-index: 1}
.pingjiaxt .img-right .jiao{ width:100px; height: 60px; position: absolute; right: 0; top: -20px}
.pingjiaxt .img-right .jian{ width:20px; height: 11px;  position: absolute; right:32px; top: -10px}
.pingjiaxt .img-right .star{ margin-left: 100px}
.pingjiaxt .img-right .star strong{width: 70px; float: left}
.pingjiaxt .img-right .star .small{ font-size: 12px; color: #999; padding-left: -80px}
.pingjiaxt .img-right .star .star-right{ float: right; margin-left: -80px; width: 100%}
.pingjiaxt .img-right .star .star-right p.pingjia{ padding-left: 80px}

p.pingjia{ display:inline-block; vertical-align:middle; }
p.pingjia em{ display:inline-block;  padding:0 15px 0 35px; width:auto; height:24px; font:12px/24px normal; border:1px solid #ddd; background:#C30; margin-right:6px; cursor:pointer; border-radius:3px}
p.pingjia em.hover,p.pingjia em:hover{ background-position:-29px -1804px; background-color:#e13b29; color:#fff; border-color:#e13b29}
p.pingjia em.number{ background:none; position:relative; margin-bottom:-6px;margin-top:-6px; line-height:24px; width:auto; height:auto; font-size:12px}
span.fixed-star i.bottom-sjx{ display:inline-block; width:20px; height:10px; position:relative; bottom:-18px; left:15px; font:normal 0/0 "arial"}
span.fixed-star img{ width:100px;}
span.fixed-star p i.down{ display:inline-block; padding:4px 8px; background:#39b378; color:#fff; font-size:12px; font-style:normal; line-height:16px; border-radius:2px; margin-left:10px}
span.fixed-star.down{padding-top:15px; width:100px}
span.fixed-star.down p{  margin-top:-4px; line-height:28px}
span.fixed-star p i.close{ position:absolute; right:-10px; top:-2px; width:20px; height:20px; cursor:pointer}
/* 课程详情空状态 */
.course_detil_kong{margin-top: 10px; border-radius: 8px;background-color: #fff;padding:60px 0 70px;}
.detil_kongImg{display: block;width: 378px;height: 214px;margin:0 auto;background: url(../img/icobg_kczx.png) no-repeat 0 -710px;}
.detil_kongTit{text-align: center;margin-top: 60px;font-size: 16px;color:#666;}
.detil_kongTip{text-align: center;font-size: 12px;color:#999;margin-top: 10px;}
.detil_kongBtn>a{display: block;width: 170px;height: 46px;text-align: center;line-height: 46px;border-radius: 30px;margin:36px auto 0;font-size: 16px;color:#fff;background-color: #ff5c00;background-image: linear-gradient(90deg,#ff5c00,#ffa92c);box-shadow: 0 3px 8px rgba(255,133,67,.57);transition: .4s;}
.detil_kongBtn>a:hover{transform: translateY(-5px);}

/* 课程详情主体内容部分 结束 */


/* 答疑笔记页面 */
.dybj_page_box{padding-top: 6px;border-radius: 8px;background-color: #fff;margin-top: 10px;padding-bottom: 30px;}
.dybj_page_tab{margin:0 20px 10px;border-bottom: 1px solid #eee;}
.dybj_page_tab>a{float: left;height: 56px;line-height: 56px;font-size: 16px;padding:0 18px;color:#999;border-bottom: 3px solid transparent;margin-left: 40px;}
.dybj_page_tab>a.this{color:#e13b29;border-color: #e13b29;}
.wddy_contBox,.wdbj_contBox{margin:0 50px;}
.dybj_page_box .ui-page{padding-top: 40px;}


/* 学习计划弹窗 */
.mask_box{position: fixed;top: 0;left: 0;width: 100%;height: 110%;z-index: 6;background-color: #000;opacity: .7;filter: alpha(opacity=70);}
.popup_contBox{position: fixed;top: 50%;left: 50%;width: 420px;padding:30px 0;margin-top: -210px;margin-left: -210px;border-radius: 10px;z-index: 7;}
.xxjh_popupImg{display: block;width: 175px;height: 129px;background: url(../img/icobg_kczx.png) no-repeat -420px -500px;margin:-74px auto 0;}
.xxjh_popupTit{font-size: 28px;text-align: center;margin-top: 24px;}
.xxjh_popupCont{margin:24px 24px 0;font-size: 16px;line-height: 28px;color:#666;}
.xxjh_popupBtn{margin-top: 30px;text-align: center;}
.xxjh_popupBtn>a{display: inline-block;*display: inline;zoom:1;height: 40px;line-height: 40px;padding:0 36px;border:1px solid #e0a2a8;background-color: #fff9f9;border-radius: 30px;color:#e13b29;transition: .4s;}
.xxjh_popupBtn>a:hover{transform: translateY(-5px);}
.popup_close{position: absolute;top: 10px;right:10px;width: 34px;height: 34px;background: url(../img/icobg_kczx.png) no-repeat -380px -80px;font-size: 0; transition: .4s;cursor: pointer;}
.popup_close:hover{transform: rotate(180deg);}


/* 提示弹窗 */
.qhts_popupBox .popup_contBox{width: 360px;margin-left: -180px;}
.qhts_popupTit{text-align: center;}
.qhts_popupTit>i{font-size: 28px;padding:0 56px;position: relative;}
.qhts_popupTit>i:before,.qhts_popupTit>i:after{content:"";position: absolute;top: 50%;left: 0;width: 40px;height: 6px;margin-top: -3px; background: url(../img/icobg_kczx.png) no-repeat -220px -210px;}
.qhts_popupTit>i:after{left:auto;right:0;background-position: -220px -220px;}
.qhts_popupCont{margin:26px 24px 0;font-size: 16px;line-height: 28px;color:#666;}
.qhts_popupBtn{text-align: center;margin-top: 30px;}
.qhts_popupBtn>a{display: inline-block;*display: inline;zoom:1;width: 138px;height: 38px;line-height: 38px;text-align: center;border-radius: 30px;margin:0 10px;font-size: 18px;transition: .4s;}
.qhts_popupBtn .bqh_btn{border:1px solid #cfcfcf;color:#999;}
.qhts_popupBtn .qh_btn{border:1px solid #e0a2a8;background-color: #fff9f9;color:#e13b29;}
.qhts_popupBtn>a:hover{transform: translateY(-5px);}

/* 已过期样式 */
.ygq_style .course_jie_btn,.ygq_style .course_left_learnBtn{display: none;}



@media screen and (min-width: 1448px){
    .main_cont_box{width:1200px;}
    .ad1{width:1200px;}
    .main_cont_leftBox{width:224px;}
    .main_cont_rightBox{width: 100%;margin-left: -224px;float: left;}
    .main_cont_right{padding-left:244px;}
    .gdbMain_right_fwtc>li>a{width:108px;}
    .course_right_tab li{margin-right:29px;font-size:16px;font-weight: normal;}
}