/*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;}
body{ background:url(../image/bg.jpg);}
.clear{ width:0; height:0; clear:both;}
ul{ margin:0; padding:0;}




/*微课视频内页*/

.video_box{ width:100%; height:auto; background:#2d2c2c; padding-bottom:40px;}
@media screen and (min-width: 768px){
.line{ width:100%; height:6px; background:url(../image/line_bg.jpg);}}
@media screen and (max-width: 767px){
.line{ width:100%; height:6px; background:url(../image/line_bg.jpg);}}

@media screen and (min-width: 1100px){
.video_tle{ width:100%; height:419px; background:url(../image/banner_bg.jpg) no-repeat center; margin-bottom:40px;}
.video_tle .session{ width:1000px; height:419px; margin:0 auto;}
.video_tle .session img{display:block; width:55%; padding-top:70px;}

.video_box_center{ width:1000px; height:487px; margin:0 auto;  background:#151515;  z-index:10000;}
.video_l{ width:650px; height:487px; float:left;}
.video_r{ width:310px; height:467px; float:right; margin-top:20px; margin-right:20px; background:#151515;}
.infor{ height:320px;}
.infor li{ color:#CCC; font-size:12px; border-bottom:1px #333333 solid; line-height:30px; width:220px;white-space:nowrap;
 text-overflow:ellipsis; 
 -o-text-overflow:ellipsis; 
 overflow: hidden;}
.km{padding-top:20px; font-size:14px!important; line-height:180%;text-align:justify;color:#4f4f4e; }
/*滚动条外框*/
.test{
    width: 310px;
    height: 360px;
    overflow: auto;
    float: left;
    border: none;border-top:2px #b39b77 solid; 
}
.scrollbar{
    width: 290px;
    height: 360px;
}
.v_box{width: 650px; height:487px;}
.v_width{ width: 650px; height: 487px;}
}
@media (min-width:768px) and (max-width: 1099px){
.video_tle{ width:100%; height:419px; background:url(../image/banner_bg.jpg) no-repeat center;}
.video_tle .session{ width:1000px; height:419px; margin:0 auto;}
.video_tle .session img{display:block; width:55%; padding-top:70px;}	

.video_box_center{width:750px; height:auto; margin:0 auto; margin-top:30px; }
.video_l{  width:750px;height:562px; margin:0 auto;}
.video_r{ width:720px; height:350px;margin:0 auto; background:#151515; 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; font-size:12px!important; line-height:180%;text-align:justify;color:#4f4f4e;}
/*滚动条外框*/
.test{
    width: 100%;
    height: 240px;
    overflow: auto;
    float: left;
    border: none;border-top:2px #b39b77 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){

.video_tle{ width:100%; height:auto;background:url(../image/banner_bg_mobile.jpg) no-repeat top; background-size:100%;}
.video_tle .session{ width:90%; height:auto;  margin:0 auto; padding-top:60px; padding-bottom:10px; }
.video_tle .session img{ display:block; width:100%; height:auto;}	

.video_box_center{ width:350px; height:auto; margin:0 auto;margin-top:10px;}
.video_l{ width:350px; height:262px; margin:0 auto;}
.video_r{ width:336px; height:350px;margin:0 auto;background:#151515; 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; font-size:14px!important; line-height:180%;text-align:justify;color:#4f4f4e;}
/*滚动条外框*/
.test{
    width: 100%;
    height: 240px;
    overflow: auto;
    float: left;
    border: none;border-top:2px #b39b77 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){

.video_tle{ width:100%; height:auto;background:url(../image/banner_bg_mobile.jpg) no-repeat top; background-size:100%;}
.video_tle .session{ width:90%; height:auto;  margin:0 auto; padding-top:50px; padding-bottom:10px; }
.video_tle .session img{ display:block; width:100%; height:auto;}	

.video_box_center{ width:300px; height:auto; margin:0 auto; margin-top:15px; }
.video_l{ width:300px; height:225px; margin:0 auto;}
.video_r{ width:288px; height:400px; margin:0 auto; background:#151515; 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; font-size:14px!important; line-height:180%;text-align:justify;color:#4f4f4e;}
/*滚动条外框*/
.test{
    width: 100%;
    height: 300px;
    overflow: auto;
    float: left;
    border: none;border-top:2px #b39b77 solid; 
}
.scrollbar{
    width: 100%;
    height: 300px;
}
.v_box{width: 300px; height:225px;}
.v_width{ width: 300px; height:225px;}
}
.video_r p{ margin:0 auto; color:#bfbdbc; margin-bottom:7px; font-size:18px;}
.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%; }



/*主题*/

@media screen and (min-width: 1100px){
.text_center,.footer{ width:1000px; margin:0 auto;}
.theme .theme_img_mobile{ display:none;}
}
@media (min-width:768px) and (max-width: 1099px){
.text_center,.footer{ width:90%; height:auto; margin:0 auto;}
.theme .theme_img{ width:80%;}
.theme .theme_img_mobile{ display:none;}
}
@media (min-width:320px) and (max-width: 767px){
.text_center,.footer{ width:90%; height:auto; margin:0 auto;}
.theme .theme_img{ display:none;}
.theme .theme_img_mobile{ width:90%; display:block; }
}

.theme{ margin-top:45px;}
.theme span{ color:#fca103; display:block; line-height:80px; font-size:18px;}
.chinese{ color:#e3e3e3; font-size:14px; line-height:180%;font-family:Arial,'Microsoft Yahei',STHeiti,sans-serif; font-weight:100;text-align:justify;}
.english{ color:#808080; font-size:12px; line-height:180%; font-weight:100; margin-top:20px; padding-bottom:30px;text-align:justify;}




/*底部------------------------------------------------------------------*/
.footer_box{ width:100%; height:auto;border-top:3px #c69158 solid; min-height:120px; background:#151515;}

.zb{ font-size:18px; color:#7e6f5e; line-height:60px;}
.footer ul { display:block;}
.footer ul li{ display:block; float:left; width:25%; font-size:12px; color:#676767; line-height:180%; margin-bottom:20px;}
.footer span{font-size:12px; display:block; color:#353535; padding-bottom:10px;}
.fg img{ margin-top:8px;}
.tl{ font-size:18px; color:#a59078; margin-top:20px;}
.le{ width:15px; height:2px; background:#FFF; margin-top:15px; margin-bottom:15px;}
@media screen and (max-width: 425px){
.fg{ display:none !important;}
.footer ul li{ display:block; float:left; width:45%; font-size:12px; color:#676767; line-height:180%; margin-bottom:20px; margin-right:5%;}}