@charset "utf-8";

/***************** 全局 ***********************/
body{background-color:#fffbff;margin:0px;padding:0px;color:#000000;line-height:1.5;font-size:12px;font-family: "Times New Roman", Verdana, Arial, Helvetica, sans-serif}
a{color: #000000;text-decoration:none}
img, p, a, h3, ul, li, dl, dd, dt, h2, h4{margin:0px;border:0px;padding:0}
li{list-style:none}
.clear{clear:both;}
.hide{ display:none;}
.view{ display:normal;}
input{-webkit-appearance: none; }
/***************** 头部 ***********************/
header{width:100%;z-index:100;height:50px; border-bottom:1px solid #b9b9b9; background-color:#FFFFFF;}
header .logo{ background:url(/images/logo-min.png) 0 0 no-repeat;  height:40px; width:180px; margin-top:3px; float:left; margin-left:5px;background-size:cover;}
header .logo a{display:block;width:100%;height:100%;text-indent:-9999px;}
header .searchbtn{background:url(/images/searchbtn.png) 0 0 no-repeat;  height:38px; width:60px; float:right; background-size:cover; margin-top:5px; margin-right:2px;}
header .menu{ background:url(/images/menu.png) 0 0 no-repeat;  height:38px; width:63px; float:right; background-size:cover; margin-top:5px; margin-right:2px; }
.line{ width:100%; height:1px;}
.layout {
	float: left;
	width: 100%;
}
.layout ul li{
	float: left;
	height: 150px;
	width: 170px;
	margin-right: 5px;
	margin-left: 5px;}
.layout ul li img{width: 170px;height: 95px;}
.layout ul li a{
	width: 170px;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}
/***************** 导航 ***********************/
nav{ width:100%; background-color:#fffbff;border-bottom:1px solid #b9b9b9; height:50px; font-size:16px; line-height:50px; margin-top:0;width:100%; background-color:#FFFFFF; z-index:104}
nav a{display:inline-block;text-align:center;margin-left:10px;}
nav a:link,nav a:visited{color:#06a7e1;}
nav a:hover{ color:#f15a21}

/***************** 搜索 ***********************/
#search{padding-top:10px; text-align:center; padding-bottom:10px; width:100%; background-color:#FFFFFF; z-index:105}
#search .searchKey{ padding:1px;border:#2d95f8 1px solid;  width:60%; height:31px;font-size:16px; border-top-left-radius:4px;border-bottom-left-radius:4px; background-color:#f5f5fb; margin-top:-5px; padding-left:4px;border-top-right-radius:0px;border-bottom-right-radius:0px;}
#search .search_btn{ background:url(/images/search.png) 0 0 no-repeat ;background-size:cover; width:100px; height:35px; border:none;  margin-left:-5px; font-size:16px;border-radius:0px; }
/***************** 幻灯片 ***********************/
.container{width:100%;margin-top:1px}

/***************** 视频列表 ***********************/
.video_list li{width: 50%; display: inline-block; vertical-align: top;float: left;}
.mx3 .video_list li:nth-child(1){float: left}
.mx3 .video_list li:nth-child(1){margin-top: .75%}
.mx3 .video_list li:nth-child(1) .name{margin-bottom: 0}
.mx3 .video_list li:nth-child(2) .name{margin-bottom: 22px}
.video_list .name{width: 85%; margin: 5px auto 20px auto; display: block;  height: 24px; overflow: hidden;}
.video_list .name:after{content: attr(title); overflow: hidden; font-size: 1.3em; color: #4d4d4d; word-break: break-all; max-height: 42px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.video_list .img{width: 85%; padding: 26% 0;display: block; margin: 0 auto; background-size: cover; background-repeat: no-repeat; border: .15rem solid #fff; outline: 1px solid #ddd; position: relative; background-position: center center}
.video_list .img[data-desc]:after{content: attr(data-desc); background: rgba(0,0,0,0.5); position: absolute; color: #fff; width: 100%; bottom: 0; padding: 0 10px; box-sizing: border-box; font-size: 12px}
.video_list:after{content: ''; clear: both; height: 0; display: block}
.module_title{font-size: 24px; padding: 18px 3% 16px 3%; line-height: 38px; color: #333}
@media all and (min-width:640px){
#login .container_other li{width: 20%; margin: 0 2.5% 2.5% 2.5%} 
.video_list li{width: 25%} 
.user_info>a{width: 20%; margin: 0 2.5% 2.5% 2.5%} 
.video_list ul,ul.video_list{padding: 0 1.875%} 
#iscroll ul{padding: 0}
}
h2.videolistline{font-size: 18px; font-weight: normal; line-height: 30px; padding-bottom: 10px; padding-left: 3%; padding-right: 3%; padding-top: 10px;}
h2.videolistline em{ font-style:normal; color:#666666; text-overflow:ellipsis;white-space:nowrap; width:80%;  overflow:hidden; display:inline-block;}
h2.videolistline a{color: #2d95f8;}
h2.videolistline a:hover{color: #FF0000;}
h2.videolistline .more{color: #06a7e1; float: right; font-size: 16px;}
/***************** 播放页 ***********************/
#playercontainer{width: 100%;overflow: hidden;}
#playercontainer h1{font-size: 16px;text-indent:2%;font-family:"Times New Roman", Verdana, Arial, Helvetica, sans-serif;height: 24px;overflow: hidden;}
video{width: 100%;}

.play-btn a{border-radius:4px;background-color:#FF9900;color:#FFFFFF;padding:8px 20px;margin-top:10px;}
.play-btn a:hover{background-color:#FF6600;}
.video-source{margin:6px;border-radius:4px;border:1px solid #DDD;} .video-source .title{font-size:16px;padding-left:10px;background-color:#FFE0B3;display:block;line-height:32px;}
.video-source .play-btn{line-height:42px;padding:10px;}
.video-source.current .title{background-color:#DDD;}
.video-source a{background-color:transparent;border:1px solid #DDD;color:#111;white-space: nowrap;padding:8px 14px;margin-right:4px;}
.video-source a:hover{background-color:#FF9900;color:#FFFFFF;}
a.current,a.current:hover{color:#FFFFFF;background-color:#BBB!important;}

.m_share{padding:10px 0 0 10px;}
.m_share .share_label{float:left;line-height:36px;}
.m_player{height:200px;width:100%;background-color:#000;margin-bottom:14px;}
.m_player.ipad{height:400px;}

.info {display: flex;align-items: flex-start;padding: 7px; line-height: 150%; background: #f5f5f5; border-bottom: 1px solid #CCC;overflow:hidden; }
.infoimg {position: relative; width: 110px; float: left; margin-right: 6px; }
.infoimg img {width: 110px; height: 140px; }
.infoimg .time {position: absolute; bottom: 0; width: 100%; height: 15px; line-height: 15px; background: rgba(0,0,0,0.6); text-align: right; color: #F1F1F1; padding-right: 5px; box-sizing: border-box; font-size: 12px; }
.info .infov {word-break: break-word}
.info .infov p{color: #ff0000;margin-bottom:4px;}
p.description{color: #666;  background: #f5f5f5;margin:6px;}
/***************** 分页 ***********************/
.wms-paging{padding:20px 0; text-align:center; height:30px; zoom:normal; font-size:0 }
.wms-paging a,.wms-paging span {display:inline-block; min-width:53px; _width:43px; height:38px; color:#333; line-height:37px; font-size:14px; margin:0 5px;
	vertical-align:middle; border-radius:2px; box-shadow: 0 1px 3px rgba(0,0,0,0.3); background:#fff }
.wms-paging  a:hover {background:#f2f2f2; color:#333;}
.wms-paging .currentpage{background:#699e00; border:1px solid #5f9000; color:#fff; cursor:default}
.prepage,.nextpage{padding:0 10px;}

/***************** 底部 ***********************/
footer{box-sizing:border-box;border-top: 1px solid #b9b9b9; width:100%; text-align:center; font-size:13px; color:#999999;margin-top:5px; padding-top:12px; padding-bottom:18px;overflow:hidden;}
#footer{border-top: 1px solid #b9b9b9; width:100%;margin-top:3px; padding-top:3px;}