b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{outline:0;color:#333;font:14px/1 '微软雅黑',Microsoft YaHei,Arial,Verdana,\5b8b\4f53}
a,a:hover{color:#666;text-decoration:none}
li,ul{list-style-type:none}
html, body, #vd1 {height: 100%;width: 100%;}body {margin:0px;padding:0px;}
.fl{float:left}
.fr{float:right}
a,a:hover{color:#666}
*,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}
/*public class*/
/*视频播放主体*/
.breadcrumb span{font-size: 16px;color: white;}
 @media (max-width: 767px) {
.video-detail{margin-top: 55px !important;}
}
.video-detail{
	background: #191919;
	padding-bottom: 10px;
	padding-top: 5px;
	margin-top: 70px;}
.video-detail .video-title{height:115px}
.video-detail .video-title .title-infos .video-name{position:relative}
.video-detail .video-title .title-infos .video-name h1{width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ccc;font-size:24px;font-weight:normal;padding:27px 0 18px;position:relative;z-index: 5}
.video-detail .video-title .title-infos .video-name .app-win{position:absolute;right:0;top:51px}
.video-detail .video-title .title-infos .video-name .app-win:hover:before{display:block}
.video-detail .video-title .title-infos .video-name .app-win:hover .app-m{display:block}
.video-detail .video-title .title-infos .video-name .app-win:before{content:"";border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #fff;position:absolute;left:45px;top:25px;display:none}
.video-detail .video-title .title-infos .video-name .app-win .app-gz{font-size:16px;height:35px;line-height:24px;color:#999999;padding-left:23px;position:relative;cursor:pointer}
.video-detail .video-title .title-infos .video-name .app-win .app-gz:before{content:"";width:13px;height:23px;position:absolute;left:0;top:0;background:url(/assets/revision/images/course/play-icon4.png?111) -56px -236px;}
.video-detail .video-title .title-infos .video-name .app-win:hover .app-gz{color:#ff6600}
.video-detail .video-title .title-infos .video-name .app-win:hover .app-gz:before{background-position:-70px -236px;}
.video-detail .video-title .title-infos .video-name .app-m{position:absolute;right:0;top:33px;background:#fff;width:140px;text-align:center;padding:12px 0 16px;z-index:5;display:none}
.video-detail .video-title .title-infos .video-name .app-m .p1{color:#666;line-height:18px}
.video-detail .video-title .title-infos .video-name .app-m .p2{line-height:32px;color:#666}
.video-detail .video-title .title-infos .video-name .app-m .code-img{width:90px;margin:12px auto 5px;background: url(/assets/revision/images/course/play-icon4.png?111) -173px -236px;height: 90px;}
.video-detail .video-title .title-infos .video-name .app-m .code-img img{display:block;width:90px;height:90px}
.video-detail .video-title .title-infos .video-name .app-m .more{width:90px;height:26px;line-height:26px;text-align:center;border-radius:4px;color:#fff;margin:0 auto;background:#ff6600;transition:all .2s;display:block}
.video-detail .video-title .title-infos .video-name .app-m .more:hover{opacity:.8}
.video-detail .video-title .title-infos .infos-span{display:inline-block;font-size:14px;color:#999;margin-right:20px}
.video-detail .video-title .title-infos em{font-weight:normal}
.video-detail .video-title .title-infos h1{color:#ccc;font-size:24px;font-weight:normal;padding:30px 0 18px}
#content-body .evet-tab h3{font-weight:400}
.video-detail .video-title .title-infos .infos-span{display:inline-block;font-size:14px;color:#999;margin-right:20px}
.video-detail .video-title .title-infos em{font-weight:normal}
.video-detail .video-title .title-other .up-practice-btn{margin-top: 35px;display: inline-block;width: 118px;height: 36px;line-height: 36px;text-align: center;-webkit-border-radius: 2px;border-radius: 2px;font-size: 16px;color: #333;background: #ffcf04;cursor: pointer;}
.video-detail .video-title .title-other .up-practice-btn:hover{background:#ffd500;color:#333}
/*视频播放*/
.videourl ul{margin:0px;padding:0px}
.videourl li{width:30%;float:left;margin-left:2.5%;line-height:28px;height:28px;overflow:hidden}
.videourl li a{font-size:14px;font-style:none;color:#fff;text-decoration: none;}
.video-body{position:relative;padding-right:320px}
.video-body .body-left{position:relative}
.video-body .left-main{position:relative}
.videourl li a:hover { COLOR: #2db993;}
.video-body .left-main .video-top{width: 100%;position: absolute;height: 80px;top: -80px;left: 0;max-width: 1102px}
.video-body .left-main .video-top .p1{color:#999;top: 46px;position: absolute;right: 0;}
.video-body .left-main .video-top .p1 span{color:#ff403e;}
.video-body .left-main .video-top .open-vip{height: 36px;position: absolute;right: 0;top: 0;line-height: 36px;padding: 0 12px 0 39px;border-radius: 2px;background: #ffcf04;transition: background .2s;color:#333;font-size: 16px;}
.video-body .left-main .video-top .open-vip:before{content: "";position: absolute;width: 20px;height: 20px;top: 8px;left: 12px;background: url(/assets/revision/images/course/play-icon4.png?111) 0 -324px;}
.video-body .left-main .video-top .open-vip:hover{background: #ffe266;}
.video-body .left-main.wideBigScreen{height:740px}
.video-body .left-main.wideSmallScreen{height:520px}
.video-body .left-main .video-frame{padding: 0;position:relative;overflow:hidden;height:100%;cursor:pointer}
.video-body .left-main .video-frame .title{ height: 20px;overflow: hidden;width: 100%;text-align: center;color: #f34c0a;line-height: 20px;font-size: 13px;background: #3e403e;}
.video-body .left-main .video-frame .video-theme-img{dison:column;flex-direction:column;line-height:1.4}play:block;width:100%;height:100%}
.video-body .left-foot{background:#26262b;width:100%;height:auto;padding:0 20px;border-radius:5px}
.video-body .left-foot .bdsharebuttonbox > span, .video-body .left-foot .bdsharebuttonbox > a{font-size:14px;color:#999;line-height:50px;vertical-align:middle}
.video-body .left-foot .clect-cut.ed i{display:none}
.video-body .left-foot .lf-update{font-size:14px;color:#999;line-height:50px}
.video-body .body-right{position: relative;right: 0;top: 10px;border-radius:5px;margin-bottom:15px;height: 260px;background: #2d2d2d;overflow-y: scroll;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 0px rgb(230 230 230 / 50%);border-radius: 10px;background-color: #405a71;}
::-webkit-scrollbar {width: 10px;height: 10px;}
::-webkit-scrollbar-thumb {border-radius: 5px;box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);background-color: #eee;}
.video-body .right-top{height:100px;padding:15px 20px;background:#333}
.video-body .right-top .teacher-info{height:70px;position:relative;padding-left:85px}
.video-body .right-top .teacher-info img{display:block;width:70px;height:70px;position:absolute;left:0;top:0;border-radius:50%}
.video-body .right-top .teacher-info p{line-height:30px}
.video-body .right-top .teacher-info .tch-name{font-size:16px;color:#fff}
.video-body .right-top .teacher-info .tch-name a{color:#fff}
.video-body .right-top .atten:hover{background:#ff9c00;color:#fff}
.video-body .right-top .atten:hover i{background-position:-24px -226px}
.video-body .right-mid{overflow-x:hidden;overflow-y:auto;padding:0 20px 20px;height:-webkit-calc(96% - 60px) !important;;height:calc(96% - 60px) !important;}
.video-body .right-mid::-webkit-scrollbar{width:4px;height:4px}
.video-body .right-mid::-webkit-scrollbar-track-piece{background-color:#333;-webkit-border-radius:6px}
.video-body .right-mid::-webkit-scrollbar-thumb:vertical{height:4px;background-color:#999999;-webkit-border-radius:6px}
.video-body .right-mid::-webkit-scrollbar-thumb:horizontal{width:4px;background-color:#333;-webkit-border-radius:6px}
.video-body .right-mid .mid-down{text-align:center;margin-bottom: 20px}
.video-body .right-mid .mid-down .down-btn{display:inline-block;width:47%;height:55px;line-height:55px;text-align:center;font-size:18px;color:#666;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;background:#ffd500;-webkit-border-radius:2px;border-radius:2px}
.video-body .right-mid .mid-down .down-btn:first-child{margin-right:8px}
.video-body .right-mid .mid-down .down-btn:hover{background:#ffe366}
.video-body .right-mid .mid-down .down-btn i{display:inline-block;width:20px;height:20px;background:url(/assets/revision/images/course/play-icon4.png?111) no-repeat -22px -177px;margin-right:6px;vertical-align:-4px}
.video-body .right-mid .mid-disc-btn{display:block;width:100%;height:55px;line-height:55px;text-align:center;font-size:18px;color:#666;background:#fff6c6;-webkit-border-radius:2px;border-radius:2px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;cursor:pointer}
.video-body .right-mid .mid-disc-btn:hover{background:#ffd500;color:#fff}
.video-body .right-mid .mid-tool-bar{margin-top:25px}
.video-body .right-mid .mid-tool-bar h4{font-size:14px;color:#ccc;line-height:28px;font-weight:normal}
.video-body .right-mid .mid-tool-bar p,.video-body .right-mid .mid-tool-bar a, .video-body .right-mid .mid-tool-bar span{line-height:28px;font-size:14px;color:#999}
.video-body .right-mid .mid-tool-bar p a:hover{color:#ffd500}
.video-body .right-mid .mid-tool-bar p .author-info{display: inline-block;max-width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: top}
.video-body .right-mid .mid-tool-bar span.tool-sp{cursor:no-drop;margin-right:15px}
.video-body .right-mid .mid-tool-bar span.tool-sp a{color:#fff}
.video-body .right-mid .mid-tool-bar span.tool-sp a:hover{color:#ffd500}
/*每周一练图文评价等*/
/*简介*/
.practice-introduce{margin:30px 0;border:1px solid #e8e8e8}
.practice-introduce .intro-hdbox{padding:20px;border-bottom:1px solid #e8e8e8}
.practice-introduce .intro-hdbox p{line-height:24px;font-size:16px;color:#666;word-break:break-all;white-space:normal}
.practice-introduce .intro-bdbox{padding:20px 20px 20px 80px;position:relative;border-bottom:1px solid #e8e8e8}
.practice-introduce .intro-bdbox .prac-icon{display:block;width:40px;height:39px;background:url(/assets/revision/images/course/play-detail-icons.png) no-repeat 0 -137px;position:absolute;left:20px;top:20px}
.practice-introduce .intro-bdbox .bdbox-main{height:48px;overflow:hidden}
.practice-introduce .intro-bdbox .bdbox-main p{line-height:24px;font-size:16px;color:#666}
.practice-introduce .look-detail{height:40px;line-height:40px;text-align:center;cursor:pointer}
.practice-introduce .look-detail .look-arrow{display:inline-block;margin-left:5px;width:13px;height:8px;background:url(/assets/revision/images/course/comments-icons.v1.png) no-repeat -88px -106px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.practice-introduce .look-detail.on .look-arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.comments-popup .but-box .comments .up-progress .pbar-fth{width:80px}
.comments .up-progress .rm-btn{display:inline-block;width:10px;height:10px;background:url(/assets/revision/images/course/pbar-rm-btn.png) no-repeat center;vertical-align:middle;cursor:pointer;margin:0 4px;vertical-align:0}
/*上传图片评论等 e  */
/* 查看大图图片 */
.bigImgShow{width:100%;height:100%;position:fixed;left:0;top:0}
.bigImgShow .bigImgShow-mask{width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity:.8;filter:alpha(opacity=80)}
.bigImgShow .bigImgShow-box img{max-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);vertical-align:top;border:0;max-width:100%}
.bigImgShow .bigImgShow-box .close{z-index:1;display:block;width:46px;height:45px;background:url(/assets/revision/images/course/bigImgShow-close.png) no-repeat center;position:absolute;right:30px;top:73px}
    .video-body .left-main .flash-box{padding-top:40px}
    .video-body .right-top{padding:15px}
    .video-body .right-top .teacher-info .tch-name{font-size:16px}
    .video-body .right-top .teacher-info .tch-name span{max-width:40px}
    .video-body .right-mid{padding:15px 15px 0;}
    .video-body .right-top .teacher-info{padding-left:75px}
    .flow-list .flow-item{width:210px;margin-right:9px}
    .flow-list .flow-item .item-show{width:210px}
    .flow-list .flow-item .info-title .title-name{height:14px;line-height:14px;display:inline-block;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
    .play-comments .plc-left{width:720px}
    .play-comments .plc-right{width:265px}
    .play-comments .dynamic-body li .chark-top{font-size:12px}
    .play-comments .dynamic-body li .li-user .us-name em{width:40px}
    .play-comments .dynamic-body li .li-user .us-name .lit-vip-icon{margin:0 2px;vertical-align:-4px} 
.video-body .right-mid .mid-tool-bar{margin-top:12px}
.body-right .tab-head{height:46px;line-height:44px;border-bottom:2px solid rgb(185 172 75)}
.body-right .tab-head span{float:left;margin:0 46px;font-size:16px;color:#999;position:relative;transition:all .2s;cursor:pointer}
.body-right .tab-head span:before{content:"";height:1px;width:0;left:50%;transition:all .2s;position:absolute}
.body-right .tab-head span:hover{color:#fff}
.body-right .tab-head span:hover:before, .body-right .tab-head span.active:before{left:0;width:100%}
.body-right .tab-head span.active{color:#fff}
.tab-m .right-mid{padding-top:20px;width:100%;padding-bottom:15px;}
.tab-m #t2.right-mid{padding:0}
.tab-m .right-mid .v-list .dt-list{height:45px;line-height:44px;font-size:16px;padding:0 19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#999}
.tab-m .right-mid .v-list .active{color:#fff}
.tab-m .right-mid .v-list .dt-list:hover{background-color:#26262b;cursor:pointer}
.tab-m .right-mid .v-list .dd-list{position:relative;overflow:hidden;display:none}
.tab-m .right-mid .v-list .dd-list .line{position:absolute;width:1px;height:100%;left:25px;z-index:2;top:18px;padding-bottom:36px;box-sizing:border-box;display:none \0}
.tab-m .right-mid .v-list .dd-list .line:before{height:100%;content:"";background-color:#999999;width:1px;display:block}
.tab-m .right-mid .v-list .dd-list p{height:35px;line-height:35px;font-size:16px;color:#999;position:relative;transition:all .2s;padding:0 19px 0 50px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom: 0px;}
.tab-m .right-mid .v-list .dd-list p:before{width:9px;height:9px;content:"";border-radius:56px;border:1px #999999 solid;position:absolute;left:20px;top:14px;z-index:3;background-color:#2d2d2d}
.tab-m .right-mid .v-list .dd-list p:hover{color:#fff}
.tab-m .right-mid .v-list .dd-list p.active{color:#fff;background-color:#1e1e1e}
.tab-m .right-mid .v-list .dd-list p.active:before{border-color:#fff;background-color:#1e1e1e}
.tab-m .right-mid .v-list.show .dt-list{color:#fff}
/*视频目录切换小屏幕*/
@media only screen and (max-width:1440px){.body-right .tab-head span{margin:0 38px}}
.qz-win{background:rgba(0,0,0,.45);position:fixed;left:0;top:0;width:100%;height:100%;z-index:15}
.qz-win .win-m{width:600px;height:374px;left:50%;top:50%;margin:-187px 0 0 -300px;background:#fff;border-radius:6px;position:absolute;overflow:hidden}
.qz-win .win-m .close{width:24px;height:24px;background:url(/assets/revision/images/lesson/close-icon.png);position:absolute;right:15px;top:15px;cursor:pointer}
.qz-win .win-m .icon{width:110px;height:110px;background:url(/assets/revision/images/lesson/quzhan.png);margin:26px auto 0}
.qz-win .win-m .p1{text-align:center;font-size:24px;color:#333;padding-top:38px}
.qz-win .win-m .p2{height:78px;line-height:62px;text-align:center; font-size:20px;color:#999}
.qz-win .win-m .btn{ width:228px;height:66px;line-height:66px;text-align:center; font-size:18px;color:#fff;background:#ff5300;margin:0 auto; display:block;transition:all .2s}
.qz-win .win-m .btn:hover{opacity:.8}
.video-frame .next-video{position:absolute;bottom:0;left:0;width:100%;background:rgba(25,25,25,.8);height:40px;line-height:40px;padding:0 20px;color:#fff;z-index:11;cursor:default}
.video-frame .next-video a{color:#ffd200;text-decoration:underline;display:inline-block;margin-left:20px}
.video-frame .next-video span{font-family:"宋体";font-size:22px;cursor:pointer}
.video-body .next-video{olor:#ffd200;display:inline-block;width:100%;height:47px;border-radius:5px;background:rgba(25,25,25,.8);bottom:41px;z-index:1000;padding:16px;position:absolute}
.video-body .next-video a{color:#ffd200;text-decoration:underline;display:inline-block;margin-left:20px}
.video-body .next-video span{font-family:"宋体";font-size:22px;cursor:pointer;color:#fff}
.over-hidden-class{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quiz-tags{padding:15px 0}
.quiz-tags .q-tag{display:inline-block;border-radius:5px;margin-right:15px; width:131px;height:40px;line-height:38px;text-align:center;font-size:16px;color:#999;border:1px solid #f3f3f3}
.quiz-tags .q-tag:hover,.quiz-tags .q-tag.on{background:#ffd200;color:#333;border-color:#ffd200}
.quiz-type{position:relative;z-index:9}
.quiz-type > span{width:80px;height:40px;line-height:38px;text-align:center;border:1px solid #f3f3f3;border-radius:5px;display:block;font-size:16px;color:#999;position:relative;cursor:pointer}
.quiz-type > span .arrow{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #999999;vertical-align:3px;margin-left:2px}
.quiz-type .drop{width:100%;border:1px solid #f3f3f3;border-radius:5px;position:absolute;top:39px;display:none}
.quiz-type .drop > a{display:block;width:100%;height:40px;line-height:40px; text-align:center;color:#999;font-size:16px}
.quiz-type .drop > a:hover{background:#ffd200;color:#333}
.quiz-type:hover .drop{display:block}


/*tab切换课程*/

.flow-list .flow-item {
    border-radius: 4px;
    overflow: hidden;
    border: 1px #ddd solid;
    transition: box-shadow .2s;
}

.flow-list .flow-item {
    position: relative;
    width: 295px;
    margin: 0 20px 20px 0;
}
.fl {
    float: left;
}
.flow-list .flow-item .item-show {
    border: none;
}
.flow-list .flow-item .item-show {
    width: 295px;
    height: 180px;
    position: relative;
    overflow: hidden;
    border: 1px solid #ececec;
    border-bottom: none;
}
.flow-list .flow-item .show-img {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.flow-list .flow-item .show-img img {
    display: block;
    width: 100%;
    height: 100%;
}
.flow-list .flow-item .time-length {
    display: block;
    padding: 0 6px;
    height: 15px;
    line-height: 15px;
    background: rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    text-align: center;
    font-size: 12px;
    color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    right: 8px;
    bottom: 10px;
    -webkit-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}
.flow-list .flow-item .show-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    -ms-filter: Alpha(Opacity=0);
    filter: Alpha(Opacity=0);
    -webkit-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

.breadcrumb,.breadcrumb a{ color:#fff;}
.bt-bar {
display: block;
position: relative;
margin-top: -4px;
position: relative;
}
.kmenu {
width:100%;
    padding-left: 5px;
}
.kmenu li {
float: left;
color: #23BE7A;
margin-bottom: 10px;
margin-left: 2%;
display: inline;
font-size:16px;
margin-top:10px;
}

#tread_num,#digg_num {
float: right;
margin-left: 1.5%;
display: block;
margin-right: 5px;
}
.bt-bar .kmenu li a {
color: #FFFFFF;
text-decoration: none;
font-size:14px;
}
.bt-bar a.prev, .bt-bar a.next {
float: right;
padding: 0px 0px 0px 14px;

}
.ding {
margin: 0 0 0 4px;
padding: 0;

}
#tread_num {
float: right;
margin-left: 32px;
}
#digg_num {
float: right;
margin-left: 32px;
display: block;
margin-right: 5px;
}
.next,.prev,.baocuo{
border: 1px solid #88c1ff;
border-radius: 10px;
padding-left:10px;
padding-right:10px;
}
.next,.prev,.baocuo{}
.apk{
    border: 1px solid #1cd954;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 8px;
    background-color: #435648;
}
.sao{  position: relative;
    margin: 0 5px;
    font-size: 30px;}
.erweima{
position:absolute;
display:none;
index:1030;
margin-left:-50px;
left:50%;
bottom:130%;
width:100px;
height:100px;
background-color:#fff;
box-shadow:0 2px 4px rgba(0,0,0,.5)}
.sao:hover .erweima {
display:block
}
.erweima img{height:150px;weight:10px;}
@media (min-width: 1200px)
{.video-body {
    width: 1350px;
}
    .video-body .left-main{height:auto}
}
@media screen and ( max-width: 760px ) { 
.col-md-9{padding-left:0px;padding-right:0px}
.breadcrumb{zoom:0.5}
}

@media(max-width: 991px){
.video-body .body-right{height:300px;margin-top:15px;}
.col-md-9{padding-left:0px;padding-right:0px}}
  .classify-tiny {
    border-radius: 7px;
    border-color: #ddd;
}
.dd-list a{display:block;float:left;width:30%}
.navbar {margin-bottom: 2px;}

/*jd100  ad*/
.jd100 a{margin-bottom:10px;}
.jd100{border: #9eafaf;border-width: 2px;border-color: #efe9ed;border-style: solid;}
.adver {
	margin: 0 auto;
	width: 250px;
	overflow: hidden;
	height: 300px;
	position: relative;
}
@media  (max-width: 480px){
.video-frame {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 195px !important;
}
}
@media(min-width: 480px) and (max-width: 768px){
   .video-frame {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 290px !important;
}
}
@media (min-width: 768px){
   .video-frame {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 395px !important;
}
}
iframe#player {
    height: 94%;
}