/*index.css*/
*{margin:0;padding:0;/*font-family:"microsoft YaHei";*/ font-family:Tahoma,Verdana,Arial,"Helvetica","微软雅黑";list-style: none;border: 0;}
a{text-decoration:none;}
.clear{ width:0; height:0; clear:both;}
ul{ margin:0; padding:0;}

/*底部信息------------------------------------------------------------------*/
/*声明*/
 @media screen and (min-width:1025px)
 {
.undertake{  border-top:1px #d1d0d0 solid; height:120px; line-height:40px; padding-top:30px; margin-top:30px; background:#ffffff;}
.undertake p{ line-height:180%;/* position:absolute; right:50%;margin-right:-550px;*/ text-align:center; color:#919090;  font-size:12px;}
.undertake p a{ color:#919090;}
.undertake p a:hover{ color:#666;}
 }
  @media screen and (max-width:1024px)
 {
.undertake{  border-top:1px #d1d0d0 solid; height:120px; line-height:40px; padding-top:30px; background:#ffffff; margin-top:30px;}
.undertake p{ line-height:180%;/* position:absolute; right:50%;margin-right:-550px;*/ text-align:center; color:#919090;  font-size:12px;}
.undertake p a{ color:#919090;}
 }




/*微课视频内页*/

.video_box{ width:100%; height:auto;}
@media screen and (min-width: 1100px){
.bg_1{ position:absolute; left:-200px; top:200px; z-index:-100;}
.bg_3{ position:absolute; left:100px; top:435px; z-index:-100;}
.bg_2{ position:absolute; right:0px; top:330px; z-index:-100;}
.video_tle{ width:1000px; height:110px; margin:0 auto; position:relative;}
.video_tle p{ line-height:40px; font-size:36px; text-align:center; color:#3f3f3f; font-family:"微软雅黑"; margin-top:50px; }
.video_tle .session{ width:60px; height:130px; background:#fd8f00; position:absolute; top:-50px; padding-top:7px;}
.video_tle .session span{ display:block; color:#FFF; font-size:36px; text-align:center; line-height:100%;}
.video_tle img{ display:block; margin:0 auto; margin-top:20px;}
.video_box_center{ width:1000px; height:487px; margin:0 auto; background:#1e1e1e;}
.video_l{ width:650px; height:487px; float:left;}
.video_r{ width:310px; height:467px; float:right; margin-top:20px; margin-right:20px;}
.infor{ height:320px;}
.infor li{ color:#CCC; font-size:12px; border-bottom:1px #333333 solid; line-height:30px; width:280px;white-space:nowrap;
 text-overflow:ellipsis; 
 -o-text-overflow:ellipsis; 
 overflow: hidden;}
.km{padding-top:10px; text-indent:2em;  line-height:180%;text-align:justify;color:#CCC; }

/*滚动条外框*/
.test{
    width: 310px;
    height: 427px;
    overflow: auto;
    float: left;
    border: none;border-top:2px #fd8f00 solid; 
}
.scrollbar{
    width: 290px;
    height: 427px;
}
.v_box{width: 650px; height:487px;}
.v_width{ width: 650px; height: 487px;}
}
@media (min-width:768px) and (max-width: 1099px){
.bg_1{ width:250px; height:auto; position:absolute; left:-100px; top:300px; z-index:-100;}
.bg_3{ width:150px; height:auto; position:absolute; left:30px; top:580px; z-index:-100;}
.bg_2{ width:150px; height:auto; position:absolute; right:0px; top:630px; z-index:-100;}
.video_tle{ width:76%; height:110px; margin:0 auto; }
.video_tle p{ line-height:40px; font-size:30px; text-align:center; color:#3f3f3f; font-family:"微软雅黑"; margin-top:50px; }
.video_tle .session{ width:40px; height:100px; background:#fd8f00; position:absolute; top:3px; padding-top:7px;}
.video_tle .session span{ display:block; color:#FFF; font-size:30px; text-align:center; line-height:100%;}
.video_tle img{ width:40%; height:auto; display:block; margin:0 auto; margin-top:20px;}
.video_box_center{ /*width:100%;*/width:750px; height:auto; margin:0 auto;/*background:#1e1e1e;*/}
.video_l{ /*width:76%;*/ width:750px;/*height:auto;*/height:562px; margin:0 auto;}
.video_r{ width:720px; height:300px;margin:0 auto; background:#1e1e1e; padding:2%}
.infor{ height:240px;}

.infor li{ color:#CCC; font-size:12px; border-bottom:1px #333333 solid; line-height:30px; width:100%;white-space:nowrap;
 text-overflow:ellipsis; 
 -o-text-overflow:ellipsis; 
 overflow: hidden;}
 .km{padding-top:20px; text-indent:2em; font-size:12px!important; line-height:180%;text-align:justify;color:#CCC;}
/*滚动条外框*/
.test{
    width: 100%;
    height: 240px;
    overflow: auto;
    float: left;
    border: none;border-top:2px #fd8f00 solid; 
}
.scrollbar{
    width: 100%;
    height: 240px;
}
.v_box{width: 750px; height:562px;}
.v_width{ width: 750px; height:562px;}
}

@media (min-width:375px) and (max-width: 767px){
.bg_1{ width:250px; height:auto; position:absolute; left:-140px; top:150px; z-index:-100;}
.bg_3{ width:100px; height:auto; position:absolute; left:-10px; top:520px; z-index:-100;}
.bg_2{ width:150px; height:auto; position:absolute; right:0; top:450px; z-index:-100;}

.video_tle{ width:90%; height:110px; margin:0 auto; }
.video_tle p{ line-height:50px; font-size:22px; text-align:center; color:#3f3f3f; font-family:"微软雅黑";  }
.video_tle .session{ width:120px; height:40px; background:#fd8f00;   margin:0 auto; margin-top:40px;text-align:center; line-height:40px;}
.video_tle .session span{ display:inline; color:#FFF; font-size:24px; text-align:center; line-height:100%;}	
.video_tle img{ width:60%; height:auto; display:block; margin:0 auto; }
.video_box_center{ width:350px; height:auto; margin:0 auto;margin-top:15px;/*background:#1e1e1e;*/}
.video_l{ width:350px; height:262px; margin:0 auto;}
.video_r{ width:336px; height:300px;margin:0 auto; background:#1e1e1e; padding:2%;}
.infor{ height:240px;}
.infor li{ color:#CCC; font-size:12px; border-bottom:1px #333333 solid; line-height:30px; width:100%;white-space:nowrap;
 text-overflow:ellipsis; 
 -o-text-overflow:ellipsis; 
 overflow: hidden;}
 .km{padding:20px; text-indent:2em; font-size:12px!important; line-height:180%;text-align:justify;color:#CCC;}
/*滚动条外框*/
.test{
    width: 100%;
    height: 240px;
    overflow: auto;
    float: left;
    border: none;border-top:2px #fd8f00 solid; 
}
.scrollbar{
    width: 100%;
    height: 240px;
}
.v_box{width: 350px; height:262px;}
.v_width{ width: 350px; height:262px;}
}
@media (min-width:320px) and (max-width: 374px){
.bg_1{ width:250px; height:auto; position:absolute; left:-140px; top:120px; z-index:-100;}
.bg_3{ width:100px; height:auto; position:absolute; left:-10px; top:480px; z-index:-100;}
.bg_2{ width:150px; height:auto; position:absolute; right:0px; top:450px; z-index:-100;}

.video_tle{ width:90%; height:110px; margin:0 auto; }
.video_tle p{ line-height:50px; font-size:18px; text-align:center; color:#3f3f3f; font-family:"微软雅黑";  }
.video_tle .session{ width:100px; height:30px; background:#fd8f00;   margin:0 auto; margin-top:30px;text-align:center; line-height:30px;}
.video_tle .session span{ display:inline; color:#FFF; font-size:18px; text-align:center; line-height:100%;}	
.video_tle img{ width:60%; height:auto; display:block; margin:0 auto; }
.video_box_center{ width:300px; height:auto; margin:0 auto;}
.video_l{ width:300px; height:225px; margin:0 auto;}
.video_r{ width:288px; height:300px; margin:0 auto; background:#1e1e1e; padding:2%;}
.infor{ height:240px;}
.infor li{ color:#CCC; font-size:12px; border-bottom:1px #333333 solid; line-height:30px; width:100%;white-space:nowrap;
 text-overflow:ellipsis; 
 -o-text-overflow:ellipsis; 
 overflow: hidden;}
 .km{padding:20px; text-indent:2em; font-size:12px!important; line-height:180%;text-align:justify;color:#CCC;}
/*滚动条外框*/
.test{
    width: 100%;
    height: 240px;
    overflow: auto;
    float: left;
    border: none;border-top:2px #fd8f00 solid; 
}
.scrollbar{
    width: 100%;
    height: 240px;
}
.v_box{width: 300px; height:225px;}
.v_width{ width: 300px; height:225px;}
}
.video_r p{ margin:0 auto; color:#FFF; margin-bottom:10px; font-size:16px;}
.time_long{ font-size:12px; line-height:25px;color:#666; padding-left:18px; background:url(../image/time_icon.png) no-repeat 0% 50%; background-size:15px 15px;}
.praise{float:right; margin-left:2px;font-size:12px; color:#666; line-height:25px; }
.praise img{float:right; margin-left:2px; margin-top:5px; width:15px; height:15px; cursor:pointer;}
.vote_btn{ width:70px; height:25px; display:block; border-radius:2px; background:#005bac; color:#b2bed1; outline:none; margin-top:15px;}
.vote_btn:hover{ color:#ffffff;}


.infor li a{ color:#CCC;}
.infor li a:hover{color:#fd8f00;}


.v_box{ width:100%; }
/*.wrapper{

position:relative;
padding-top:25px;
padding-bottom:75%;   // 4/3 = 0.75;
height:500px;
height:0;
}
.v_width{
position:absolute;
top: 0;
left: 0;
width: 100%;
height:100%;
background:gray;
}*/