@charset "utf-8";.topbox{width:100%;background:#fff}
.screen-outer{width:1200px;margin:0 auto;display:table;padding-top:20px}
.course-all-tab .page{width:100%;margin:0 auto;padding:30px 0;text-align:center;font-size:14px;margin-top:16px;display:inline-block}
.pagebox{display:inline-block}
.pagebox a{float:left;display:inline-block;margin:0 -1px;width:38px;height:38px;border:solid 1px #d8d8d8;background-color:#f7f7f7;color:#333;text-align:center;line-height:38px;padding:0}
.pagebox .current,.pagebox a:hover{border:solid 1px #00b98d;background-color:#00b98d;color:#fff}
.pagebox a.next,.pagebox a.pre{padding:0 10px;width:auto}
.course-deta dl{width:1170px;background-color:#fff;float:left;padding:15px;border-radius:4px}
.course-deta dd{float:left}
.course-deta dd a{display:block;width:580px;height:320px;overflow:hidden}
.course-deta dd a img{width:100%;min-height:320px}
.course-deta .course-deta-txt{width:560px;float:right}
.course-deta .course-deta-txt h3{color:#444;font-size:24px;padding-bottom:10px}
.course-deta .course-deta-txt small{display:block;color:#888;font-size:14px;margin-top:14px}
.course-deta .course-deta-txt>p{color:#888;font-size:16px;margin-top:22px}
.course-deta .course-deta-txt p em{text-decoration:line-through}
.course-deta .course-deta-txt b{font-size:24px;color:#fe575f;margin-top:5px;font-weight:400}
.course-deta .course-deta-txt b strong{font-size:16px}
.course-deta .course-deta-txt button{display:block;float:left;width:160px;line-height:40px;border-radius:4px;border:1px solid #00b98d;color:#00b98d;font-size:16px;background-color:#fff;margin-top:20px;height:42px}
.course-deta .course-deta-txt button a{display:inline-block;height:auto;width:auto;color:#00b98d}
.course-deta .course-deta-txt button:nth-child(2){margin-left:20px}
.course-deta .course-deta-txt button:hover,.course-deta .course-deta-txt button:hover a{background-color:#00b98d;color:#fff}
.classtopitem{clear: both;margin-top:30px;color:#888;font-size:14px;padding-top: 20px;}
.classtopitem .zhuang-left:hover ._share_my_firends{display:block}
.classtopitem div{float:left;color:#666;font-size:14px;line-height:14px}
.classtopitem a{color:#999;display:inline!important;width:auto!important;height:24px!important}
._share_all_channel a{float:left}
.classtopitem i{margin:-3px 6px 0 0;width:16px;height:16px}
.classtopitem .icon-01{background-position:-538px -514px}
.classtopitem .icon-02{background-position:-576px -516px}
.classtopitem .icon-04{background-position:-509px -514px}
.classtopitem .sc{padding-right:10px}
._share_my_firends{height:62px;position:absolute;right:44px;bottom:3px;width:168px;top:0;left:0;display:none}
._share_all_channel{margin-top:25px;width:155px;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(83,87,88,.2);}
.side-ills-fell{width:0!important;position:absolute;height:0!important;top:23px;left:11px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5px solid #FFF}
._share_all_channel p{padding-top:4px;text-indent:10px;color:#666;}
.classtopitem .mb{position:relative}
.classtopitem .icon-03{background-position:-117px -367px}
.mb .qrcode-wrap{top:28px;position:absolute;left:-16px;z-index:2;display:none;padding:10px;width:100px;height:100px;border:1px solid #00b98d;background:#fff}
.mb .fxp{display:none;width:110px;height:110px}
.center_left_tit ul{overflow:hidden;margin:0 15px;border-bottom:1px solid #eee}
.center_left{float:left;width:880px;background-color:#fff;border-radius:4px;overflow:hidden}
.mar01{padding-top:20px;padding-bottom:30px}
.center_left_tit{height:50px;line-height:50px;background-color:#fff}
.center_left_tit li{float:left;border-bottom:2px solid transparent}
.center_left_tit .on{border-color:#00b98d}
.center_left_tit .on a{color:#00b98d}
.center_left_tit li a{display:block;padding:0 25px;font-size:16px;color:#333}
.center_left_tit .course-contents{width:830px;float:left;padding:0 20px}
.center_left_tit li a{display:block;padding:0 25px;font-size:16px;color:#333}
.center_left_tit .course-contents{width:830px;float:left;padding:0 20px}
.center_left_tit .evalua p{color:#656565;line-height:30px;font-size:14px;text-indent:28px;}
#video_comment,#video_note,#video_question{display:none;padding-bottom:30px}
.title{float:right}
.title a{color:#776e6e}
.video-review{width:100%;height:auto;overflow:hidden}
.qa-ci-wrap{width:100%;background:0 0;color:#999;font-size:12px}
.video-review .reply-star{width:100%;float:left;line-height:30px}
.form-label{float:left;padding-right:5px;padding:7px 0}
.form-label{float:left;padding-right:5px;text-align:right;font-weight:400}
.qa-comment-input{padding:10px 0 0 0;height:auto;float:left;position:relative}
.qa-comment-input img{border-radius:50%;width:40px}
.qa-ci-avator{text-align:center;width:80px}
.qa-ci-iarea{border:1px solid #eee;width:97.5%;margin:10px 0;border-radius:4px;height:80px;padding:1%;color:#888;font-size:14px}
.quesdetail .qa-ci-iarea{padding:12px 13px;width:746px;vertical-align:middle;background:0 0;border:#eee 1px solid;color:#999;font-size:12px;margin:0}
.qa-ci-wrap{width:100%;background:0 0;color:#999;font-size:12px}
.star_ul li{width:11px;height:10px;font-size:1px;overflow:hidden;background-image:url(../icon/ico.png);background-repeat:no-repeat;float:left;margin:10px 2px 0 0}
.grade-back-set{width:11px;height:10px;font-size:1px;overflow:hidden;display:inline-block;background-image:url(../icon/ico.png);background-repeat:no-repeat;background-position:-105px -4px;width:15px;height:20px}
.grade-back-default{width:11px;height:10px;font-size:1px;overflow:hidden;display:inline-block;background-image:url(../icon/ico.png);background-repeat:no-repeat;background-position:-83px -3px;width:15px;height:20px}
.form-checkbox,.form-label,.form-radio,.form-static{padding:6px 0;line-height:1.57142857}
.qa-reply-footright{padding:10px 0 10px 0;float:right}
.btn-mc-light{background-color:#AAA;border:1px solid #fff;margin-right:5px;line-height:28px;padding:0 23px;font-size:12px;border-radius:3px;color:#fff;transition:border-color .25s;-webkit-transition:border-color .25s;-moz-transition:border-color .25s;-o-transition:border-color .25s}
.btn-mini{background:#00b98d;border:none;color:#fff;font-size:12px;line-height:28px;padding:0 23px;border-radius:3px}
.center_right{width:290px;float:right;border-radius:4px;overflow:hidden}
.classsideitem{margin-bottom:30px;background-color:#fff}
.classsidetit{border-bottom:solid 1px #edf2f2;color:#333;font-size:16px;line-height:58px;height:58px;text-indent:20px}
.classsidecon{padding:20px 16px}
.class_js_dl dt{width:120px;height:120px;border-radius:50%;margin:0 auto}
.class_js_dl dt img{width:120px;height:120px;border-radius:50%}
.class_js_dl dd h3{margin:10px 0}
.class_js_dl dd h3 a{font-size:16px;line-height:20px;color:#333;display:block;text-align:center}
.class_js_dl dd .tag{margin:10px 0;color:#666;font-size:14px}
.class_js_dl dd .info{color:#666;font-size:14px}
.class_js_dl dd .info span{color:#00b98d}
.class_js_dl dd .info i{margin:-2px 3px 0 0;width:16px;height:16px;background-position:-417px -367px}
.class_js_txt{margin:10px 20px;color:#888;font-size:14px}
.mb .qrcode-wrap:after{position:absolute;right:52px;bottom:114px;width:12px;height:12px;border:solid 1px #00b98d;border-width:1px 1px 0 0;background-color:#fff;content:'';-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.mb:hover .qrcode-wrap{display:block}
.course-evaluate{width:250px;padding:0 10px 20px;float:left;background-color:#fff;margin-top:30px}
.contact-us{float:left;width:100%}
.course-evaluate h3{width:100%;float:left;color:#333;font-size:16px;line-height:50px;border-bottom:1px solid #E5E5E5}
.contact-us-home p{font-size:13px;color:#333;margin-top:15px;float:left;width:100%}
.contact-us-home p i{font-size:18px;padding:0 8px 0 0}
.contact-us-home b,.contact-us-home button{display:block;margin:auto;text-align:center;margin-top:15px}
.contact-us-home b{font-size:18px;color:#fe575f}
.contact-us-home button{cursor:pointer;width:160px;line-height:40px;border-radius:3px;border:0;color:#fff;font-size:16px;background-color:#00b98d}
.full-course:hover ul{display:block}
.full-course ul{display:none}
body{background-color:#f0f0f2}
.center_left .on{border-left:transparent}
img{max-width:800px}
.back a.edit{margin-right:0}
.teacher-dp dd .replymegfooter{width:100%}
.qa-total-reply{margin-right:0}
.center_left dl a{margin-left:0}
.teacher-dp .pic{margin-top:5px}
.com_num{margin-right:20px;float:left}
.center_left dd a{margin-left:0}
.center_left li{line-height:50px}
.g-bg{background:0 0!important}
#qrcode img{width:100px;height:100px}
.qa-replies{margin-bottom:-1px;padding-left:59px;float:left;display:none}
.qa-reply-c{position:relative;background:#f7f7f7;width:680px;margin-bottom:20px;border-radius:4px}
.qa-reply-item{position:relative}
.qa-reply-item-author{position:absolute;left:10px;top:10px;line-height:1em}
.qa-reply-item-author img{width:24px;border-radius:50%}
.qa-reply-item-inner{margin-left:44px;font-size:12px}
.qa-reply-item-inner .username{line-height:33px}
.qa-reply-nick:link,.qa-reply-nick:visited{color:#00a3b5;font-size:12px}
.q-reply-item-c{color:#656565;font-size:12px;line-height:1.7em;padding-top:3px;word-break:break-all;word-wrap:break-word;overflow:hidden}
.qa-reply-item-foot{color:#888;font-size:12px}
.qa-reply-item-reply{display:inline-block;cursor:pointer;margin-left:10px}
.qa-reply-more{width:100%;height:50px;line-height:50px;text-align:center}
.qa-reply-more :hover{color:#00b98d}
.qa-reply-more a{color:#656565;font-size:14px}
.qa-reply-ibox{padding:20px 0;border-bottom:1px solid #e3e5e5}
.qa-reply-iavator{width:60px;text-align:center;float:left}
.qa-reply-iavator img{width:40px;border-radius:50%}
.qa-reply-iwrap{padding:0 0 0 7px;overflow:hidden;margin-left:60px}
.qa-reply-iarea{line-height:1em}
.qa-reply-iwrap .qa-reply-iarea textarea{border:1px solid #e3e5e5;padding:7px;resize:none;height:60px;line-height:1.7em;font-size:12px;background-color:#fff;width:572px;max-height:90px;overflow:inherit;min-height:22px}
.course-infos{max-width:800px}
.course-infos strong{
    font-weight: 700;
}
p em{
    font-style: italic;
}

/* 内容颜色 */
.topbox{
    background-color: #f0f0f2;
}