@charset "utf-8";
/* CSS Document */
/*全局样式*/
*{margin:0;padding:0;}
form,h1,h2,h3,h4,h5,h6,dd,dt,dl,ul,li,p,div {margin:0;padding:0;list-style:none;}
body{color:#333;font: normal 12px/22px "微软雅黑",Microsoft Yahei,SimSun,Helvetica; background-color:#262626;}
em,i{ font-style: normal; font-weight: normal;}
img{border:none;}
table{ border-collapse: collapse; border-spacing: 0; padding: 0;}
.clear{ clear:both}
.clearfix{ *zoom:1;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height:0;}
select,input,label,button,img{vertical-align: middle;}
input,button,textarea,img{line-height: normal;}
input,textarea,select,button{outline:none;}
a{ text-decoration:none; color:#333;outline: none;}
a:hover{text-decoration:none}
textarea{ resize:none;}


/*内容宽度*/
.mainwidth{ width:1200px; margin:0 auto}

/*1主页（未登录）*/
.head_top{ height:30px; line-height:30px; background-color:#202020; font-size:14px; min-width:1273px;}
.project_name{ float:left; color:#fff;}
.headt_con{ float:right;}
.welnr{ color:#fff;}
.welnr i{ color:#828282; font-size:20px; vertical-align:top;}
.welnr span{ display:inline-block; vertical-align:top;}
.hlogin{ display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; color:#fff; background-color:#d70b24; vertical-align:top;}
.hlogin:hover{ background-color:#c6061e;}

.afternr{ color:#fff; display:none;}
.afternr i{ color:#828282; font-size:20px; vertical-align:top;}
.afternr span{ display:inline-block; vertical-align:top;color: #fff;}
.afternr em{border:#828282 solid 1px; color:#828282;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; padding:2px 5px;}
.sign_out{ display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; color:#fff; background-color:#e51c23; vertical-align:top;}
.sign_out:hover{ background-color:#d8141a;}

.header{ border-top:#2b2b2b solid 1px; border-bottom:#2b2b2b solid 1px; background-color:#1b1b1b; min-height:80px;min-width:1273px;}
.header .mainwidth{ position:relative; min-height:80px; padding-left:375px; width:825px;}
.logo{position:absolute; left:0; bottom:15px; height:54px; width:170px;}
.logo img{ max-height:54px; max-width:170px;}

.nav{ position:absolute; bottom:0; left:205px; width:170px;}
.nav ul li{ float:left; margin:0 17px;}
.nav ul li a{ display:block; padding-bottom:28px; font-size:24px; color:#545454;border-bottom:#1b1b1b solid 2px;}
.nav ul li:hover a{ color:#fff;}
.nav ul li.active a{ color:#fff; border-bottom:#fff solid 2px;}

.head_search{ float:right; width:816px; margin:25px 0 10px;}
.head_search>ul>li{ float:left; margin-left:15px; margin-bottom:15px; display:none;}
.search_bt{ float:left; font-size:12px; color:#999; width:60px; margin-right:5px; line-height:30px; text-align:right;}
.search_con{ float:left; width:192px; position:relative;}
.secbt{ background:url(../images/sj.png) no-repeat 175px center; padding-right:15px; padding-left:10px; display:block; border:#3b3b3b solid 1px; height:28px; line-height:28px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#313131; color:#999; cursor:pointer;}
.secul{ position:absolute; top:29px; left:0; border:#3b3b3b solid 1px; background-color:#313131; width:190px; z-index:10;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px; display:none;}
.secul li{ line-height:28px; color:#999; padding:0 10px;cursor:pointer;}
.secul li:hover{ background-color:#1b1b1b;}
.seainput input{height:28px; padding:0 10px; line-height:28px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#313131; color:#999;border:#3b3b3b solid 1px; font-family:"微软雅黑"; width:170px; font-size:12px;}
.sea_check{ display:inline-block;width:68px; height:26px; text-align:center; line-height:26px; background-color:#d70b24; color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; position:absolute; bottom:-26px; right:85px;}
.sea_check:hover{ background-color:#c6061e;}
.seainput{ float:left;}
.search_con .line{ float:left; color:#999; margin: 0 3px; line-height:30px;}
.seainput .input2{ width:68px;}
.sea_more{height:26px; padding:0 20px 0 10px;line-height:26px; color:#999; display:block; position:absolute; bottom:-26px; right:0; background:url(../images/sj1.png) no-repeat 62px center #525252;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.sea_more.active{background:url(../images/sj2.png) no-repeat 38px center #525252;}
.sea_more:hover{ background-color:#444;}

.main{ padding:28px 0;}
.video_list{ position:relative;}
.video_list .bd{ overflow:hidden; width:1200px; height:575px;}
.video_list .bd ul{ zoom:1; width:1253px;}
.video_list .bd ul li{float:left;width:260px; margin-right:53px; margin-bottom:70px;height: 240px;}
.video_img{  width:260px; height:180px;}
.video_img span{ display:block;width:100%; height:100%;background-repeat:no-repeat; background-position:center center; background-size:cover;-ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc); position:relative; z-index:2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.video_img a{ display:block; width:38px; height:38px; position:absolute; top:50%; left:50%; margin:-19px 0 0 -19px; z-index:3;}
.video_img a i{ line-height:1; font-size:37px; color:#fff;}
.video_ms{ margin-top:10px;}
.video_ms a{ display:block; font-size:14px; color:#d9d9d9; overflow:hidden; white-space: nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.video_ms a:hover{ color:#d70b24;}
.video_date{ color:#7a7a7a; font-size:14px; margin-top:5px;}
.video_date i{ margin-right:2px;}
.videobt{ overflow:hidden;}
/*
    .video_list .prev{ display: inline-block; width:24px; height:39px; background:url(../images/larrow.png) no-repeat; cursor:pointer; float:left;}
    .video_list .next{ display: inline-block; width:24px; height:39px; background:url(../images/rarrow.png) no-repeat; margin-left:20px; cursor:pointer; float:left;}
*/
.videobt{ margin-bottom:20px;}

.footer{ background-color:#202020; padding:15px 0; min-width:1273px;}
.footer_nav{ float:left;}
.footer_nav a{ display:inline-block; float:left; height:30px; padding:0 15px; line-height:30px; border:#545454 solid 1px; color:#fff; margin-right:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.footer_nav a:hover{ color:#d70b24; border-color:#d70b24;}
.footer_nav a.active{ background-color:#d70b24; border-color:#d70b24; color:#fff;}
.footer_copy{ float:right; color:#888;}
.footer_copy img{ max-height:10px; margin-left:8px;}

.layui-laydate.laydate-theme-youh .layui-this {background-color: #1b1b1b !important; color: #fff !important;}
.layui-laydate.laydate-theme-youh .layui-laydate-header i:hover,.layui-laydate.laydate-theme-youh .layui-laydate-header span:hover{ color:#000;}
.layui-laydate.laydate-theme-youh .layui-laydate-footer span:hover{ color:#000;}
/*1主页（未登录）end*/



/*2管理界面-权限*/
.snav{ float:right; margin-top:25px; width:auto; position:relative;left:auto; bottom:auto;}
.snav ul li{ margin:0 30px;}
.snav ul li a{ font-size:18px; padding-bottom:31px;}

.jur_table{ width:100%; background-color:#171717; font-size:14px; color:#a3a3a3; table-layout:fixed;}
.jur_table th{ background-color:#0f0f0f; height:58px; line-height:58px; font-size:16px; color:#fff; font-weight:normal;border:#303030 solid 1px;}
.jur_table td{ text-align:center; padding:10px; border:#303030 solid 1px;}
.jur_table td .state i{ font-size:24px; color:#27d124;}
.jur_table tbody tr:hover td{ background-color:#333;}
.cz_btn a{ margin:0 10px;color:#5c5c5c;}
.cz_btn a i{font-size:20px;}
.cz_btn a:hover{ color:#fff;}

.page{ margin:20px 0; text-align:center;}
.page a{ display:inline-block; color:#636363; font-size:18px; line-height:39px; margin:0 8px; vertical-align:top; cursor:pointer;}
.page a:hover{ color:#fff;}
.page a.active{ color:#fff; border-bottom:#fff solid 1px;}
.page a.prev{ background:url(../images/larrow.png) no-repeat; width:24px; height:39px;}
.page a.next{ background:url(../images/rarrow.png) no-repeat; width:24px; height:39px;}
/*2管理界面-权限end*/



/*3管理界面-用户*/
.xljur{ position:relative; text-align:left;}
.xljur .secbt{ background-position: 200px center;}
.xljur .secul{ width:216px;}
/*3管理界面-用户end*/


/*5统计*/
.stati_search{ float:none; padding:15px 30px; background-color:#0f0f0f; width:1138px; margin:0;border:#303030 solid 1px; -moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;}
.stati_search>ul>li{ display:block; margin:7px 0 7px 15px;}
.stati_a{ display:inline-block;width:68px; height:30px; text-align:center; line-height:30px; background-color:#d70b24; color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; float:left;}
.stati_a:hover{ background-color:#c6061e;}
.stati_a i{ margin-right:2px; position:relative; top:1px;}
.stati_search .seainput input{ width:178px;}
.stati_search .search_con{ width:200px;}
.stati_search .secbt{ background-position:185px center;}
.stati_search .secul{ width:198px;}
.stati_search .seainput input.input2{ width:72px;}
.stati_con{ text-align:center; padding:30px 0; background-color:#171717; min-height:460px; -moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;border:#303030 solid 1px; border-top:none;}
/*5统计end*/


/*7统计3*/
.statilist{ margin:100px auto 0; width:1150px;}
.statilist ul li{ float:left; width:198px; height:228px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; background-color:#0d0d0d; border:#303030 solid 1px; margin:0 15px;}
.stati_img{ margin-top:25px;}
.stati_img i{ font-size:82px; color:#595959; line-height:1.1;}
.stati_number{ font-size:44px; color:#fff; line-height:50px;}
.stati_zs{ font-size:15px; color:#595959;}
/*7统计3end*/


/*8视频目录管理*/
.footer_nav span{ font-size:18px; color:#fff;}
.cata_nav{ float:left; width:300px; border:#303030 solid 1px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; background-color:#141414;}
.cata_stair{ height:54px; overflow:hidden; line-height:54px;}
.cata_l{ float:left; max-width:145px;overflow:hidden; white-space: nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; cursor:pointer;}
.cata_r{ float:right; max-width:120px;}
.cata_stair{ border-bottom:#303030 solid 1px; padding:0 15px;}
.cata_stair .iconfont{vertical-align:top; transition: all 0.3s ease-in-out 0s;}
.cata_stair span{vertical-align:top;}
.cata_stair a{ cursor:pointer; margin:0 2px;} 
.cata_stair.active .icon-angle-right:before{ content:"\e607";}
.cata_nav>ul>li>.cata_stair{ color:#fff; padding-left:20px;}
.cata_nav>ul>li>.cata_stair .iconfont{ font-size:20px;}
.cata_nav>ul>li>.cata_stair .iconfont.icon-listul{ position:relative; top:1px;}
.cata_nav>ul>li>.cata_stair span{ font-size:16px;margin-left:2px;}
.cata_nav>ul>li>ul>li>.cata_stair{ padding-left:45px;}
.cata_nav>ul>li>ul>li>ul>li>.cata_stair{ padding-left:65px;}
.cata_nav>ul>li> ul li .cata_stair{ color:#a3a3a3; font-size:14px;}
.cata_nav>ul>li> ul li .cata_stair .iconfont{ color:#fff;}
.cata_nav>ul>li> ul li .cata_stair .iconfont.icon-angle-right{ font-size:12px;}
.cata_nav>ul>li ul{ display:none;}

.cata_con{ background-color:#171717;border:#303030 solid 1px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; width:881px; float:right;}
.cata_wd{ padding:40px;}
.cata_title{ font-size:24px; color:#fff; line-height:30px;}
.cata_lieb{ margin-top:40px;}
.cata_lieb>ul>li{ overflow:hidden; margin-bottom:16px;}
.cata_lieb>ul>li .calb_name{ float:left; width:60px; margin-right:10px; color:#999; font-size:12px; line-height:30px;}
.cata_lieb>ul>li .calb_con{ float:left; width:731px; position:relative;}
.cata_lieb>ul>li .calb_con input{ height:28px; line-height:28px; border:#3b3b3b solid 1px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; background-color:#313131; color:#888; padding:0 10px;width:709px;}
/*8视频目录管理end*/


/*10视音频目录管理*/
.audio_sear{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; margin-bottom:20px;}
/*10视音频目录管理end*/

/*11主页（上传者登录）*/
.vidbt{ color:#fff; float:left; line-height:39px; font-size:18px; margin-left:15px;}
.upload_a{ float:right; height:30px; line-height:30px; padding:0 10px; background-color:#d70b24; color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.upload_a i{ font-size:20px; margin-right:3px;}
.upload_a em{ vertical-align:top;}
.upload_a:hover{ background-color:#c6061e;}
/*11主页（上传者登录）end*/

/*12视频上传*/
.topfnav{ float:right; margin-top:23px;}
.upback{ color:#fff; font-size:16px;}
.upback i{ margin-right:5px; font-size:20px; position:relative; top:2px;}
.viup_con{ background-color:#141414; border:#303030 solid 1px;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0; padding:10px;}
.viup_sp{ width:640px; height:360px; float:left;}
/*.viup_sp img{ width:100%; height:100%;}*/
.viup_xx{ float:left; width:488px; margin-left:30px;}
.viup_xx>ul>li{ margin-top:25px;}
.viup_xx>ul>li:first-child{ margin-top:14px;}
.viup_xx input{ background-color:#313131; border:#3b3b3b solid 1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:#777; padding:0 10px; height:28px; line-height:28px; font-size:12px;}
.viup_xx input.input1{ width:308px; float:left;}
.viup_xx input.input2{ width:120px; float:right;}
.viup_xx input.input3{ width:466px;}
.viup_xx input.input4{ width:150px; float:left;}
.viup_xl{ position:relative; width:140px;float:right;}
.viup_xl + .viup_xl{ margin-right:18px;}
.viup_xl .secbt{ background-position: 125px center;}
.viup_xl .secul{ width:138px; right:0; left:auto;}
.viup_xx textarea{background-color:#313131; border:#3b3b3b solid 1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:#777; padding:5px 10px; font-size:12px; line-height:20px; height:40px;}
.viup_xx .texta1{ width:466px;}
.viup_intro{  background-color:#1b1b1b;border:#303030 solid 1px; border-top:none;-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px; position:relative;}
.viup_intro p{border-top:#303030 solid 1px; padding:10px 20px 10px 20px; position:relative; overflow:hidden;}
.viup_intro p:first-child{ border-top:none;}
/*.viup_intro p:first-child .deleta_rd{ display:none;}
.viup_intro p:nth-child(2) .deleta_rd{ display:none;}*/
.viup_intro input{ background-color:#313131; border:#3b3b3b solid 1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:#777; padding:0 10px; height:28px; line-height:28px; font-size:12px;}
.viup_intro input.input1{ width:66px;}
.viup_intro input.input2{ width:798px;}
.vinbt{ color:#999; line-height:30px;}
.viup_intro p>span{ display:inline-block; margin-left:10px; float:left;}
.viup_intro p>span:first-child{ margin-left:0;}
.viup_intro p>span em{ float:left;}
.viup_intro p>span input{ float:left;}
.add_bz{ border:#545454 solid 1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; height:20px; line-height:20px; padding:0 5px; color:#fff; display: inline-block; position:absolute; right:35px;  bottom:14px; z-index:1;}
.add_bz:hover{ background-color:#141414;}
.deleta_rd{ color:#fff; font-size:20px; position:absolute; right:6px; bottom:10px; line-height:30px; width:20px; text-align:center; cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.deleta_rd:hover{ background-color:#313131;}
.viup_bz{ background-color:#141414; border:#303030 solid 1px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; margin-top:10px;}
.vibz_l{ float:left; width:528px; border-right:#303030 solid 1px; padding:15px 35px;}
.viup_bz p{ margin-top:14px; overflow:hidden;}
.viup_bz p:first-child{ margin-top:0;}
.viup_bz input{ background-color:#313131; border:#3b3b3b solid 1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:#777; padding:0 10px; height:28px; line-height:28px; font-size:12px; float:left;}
.viup_bz input.input1{ width:435px;}
.viup_bz input.input2{ width:83px;}
.viup_bz input.input3{ width:171px;}
.viup_bz .vinbt{ float:left; width:66px; text-align:right; margin-right:5px;}
.viup_bz .vinbt1{ width:auto; padding-left:8px;}
.viup_bz textarea{background-color:#313131; border:#3b3b3b solid 1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:#777; padding:5px 10px; font-size:12px; line-height:20px; height:120px;}
.viup_bz .texta1{ width:506px;}
.vibz_r{ float:left; width:529px; padding:15px 35px;}
.lj_upload{ text-align:right; margin-top:15px;}
.lj_upload a{ display:inline-block; width:100px; height:30px; text-align:center; line-height:30px; color:#fff; background-color:#d70b24;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.lj_upload a:hover{ background-color:#c6061e;}
/*12视频上传end*/

/*13上传进度*/
.layui-layer.demo_upload{ background-color:#141414;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; overflow:hidden; border:#303030 solid 1px;}
.demo_upload .layui-layer-title{ background-color:#141414; border-bottom:#303030 solid 1px; font-size:18px; color:#fff; position:relative; height:50px; line-height:50px;}
.demo_upload .layui-layer-title:before{font-family: "iconfont" !important;font-size: 22px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e672"; position:relative; top:2px; margin-right:5px;}
.demo_upload .layui-layer-setwin .layui-layer-close1{ background:url(../images/close.png) no-repeat 0 0;}
.demo_upload .layui-layer-setwin{ top:17px;}

.upload_jd{ display:none;}
.upjd_list ul li{ border-top:#303030 solid 1px; padding:20px;}
.upjd_list ul li:first-child{ border-top:none;}
.upjd_bt{ overflow:hidden;}
.uobtname{ float:left; color:#fff; font-size:14px; max-width:650px; overflow:hidden; white-space: nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.uobtbfb{ float:right; color:#ff3d49; font-size:14px;}
.upjd_progress{ background-color:#2d2e30; height:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; position:relative; margin-top:8px;}
.upjd_pro{height:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; background:url(../images/jdt.png) repeat-x; position:absolute; left:0;top:0; z-index:10; width:65%;}
.upjd_date{ overflow:hidden; margin-top:5px;}
.upda_time{ float:left; color:#6b6b6b;}
.upda_xs{ float:right; color:#6b6b6b;}
/*13上传进度end*/

/*图片上传*/
.viup_con1{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
/*图片上传end*/

/*14上传者个人中心*/
.upperson{background-color:#0f0f0f; border:#303030 solid 1px;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0; padding:20px; text-align:center;}
.upperson span{ display:inline-block; color:#595959; min-width:190px; margin:0 30px; text-align:left;}
.upperson span i{ float:left; font-size:42px; margin-right:10px; line-height:1;}
.upperson span em{ color:#fff; font-size:20px;}
.uppcon{ margin-top:20px;}
.uppcon_bt{ color:#fff; font-size:20px; margin-bottom:18px;}
.uppcon_bt i.iconfont{ position:relative; top:1px; margin-right:5px; font-size:24px; line-height:1;}
.uppcon .iconfont{ font-size:20px;}
.uppcon_l{ float:left; width:590px;}
.scz_a{ display:block; font-size:14px; color:#a3a3a3; text-align:left; padding-left:10px; cursor:pointer;}
.uppcon_r{ float:right; width:590px;}
.uppcon .jur_tablebg{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; overflow:hidden;}
.hderafter{ display:block; margin-top:25px; float:right;}
.hderafter em{margin-left:2px; padding:2px 8px;}
/*14上传者个人中心end*/

/*17素材详情*/
.material_intro{background-color:#0f0f0f; border:#303030 solid 1px;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0; padding:10px;}
.mater_video{ float:left; width:640px; height:360px;}
.mater_video img{ width:100%; height:100%;}
.mater_infor{ float:right; width:538px;}
.mainf_t{ padding:10px 10px 15px 20px; border-bottom:#303030 solid 1px;}
.mainf_bq span{ display:inline-block; height:22px; line-height:22px; padding:0 10px; border:#545454 solid 1px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; color:#545454;}
.mainf_name{ font-size:20px; color:#fff; line-height:30px; margin-top:10px;}
.mainf_ms{ color:#919191; text-indent:24px; margin-top:10px;}
.mainf_b{ padding:15px 10px 0 20px;}
.mainfb_lb ul li{ float:left; width:33.333333%; color:#fff; margin-bottom:10px;}
.mainfb_lb ul li span{ color:#808080;}
.mater_list{ position:relative; background-color:#1b1b1b;border:#303030 solid 1px; border-top:none;-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px; padding:20px 0;}
.mater_list .prev{ display: inline-block; width:24px; height:39px; background:url(../images/larrow.png) no-repeat; cursor:pointer; position:absolute; left:20px; top:50%; margin-top:-20px;}
.mater_list .next{ display: inline-block; width:24px; height:39px; background:url(../images/rarrow.png) no-repeat; cursor:pointer;position:absolute; right:20px; top:50%; margin-top:-20px;}
.mater_list .bd{ width:1062px; margin:0 auto; overflow:hidden;}
.mater_list ul li{ width:130px; padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; float:left; margin:0 13px;}
.mater_list ul li:hover{ background-color:#262626;}
.mater_list .video_img{ width:128px; height:90px; border:#303030 solid 1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; overflow:hidden;}
.matelb_sc{ color:#636363; margin-top:3px;}
.matelb_bt{ margin-top:5px;}
.matelb_bt a{ color:#919191; line-height:20px; display:inline-block;}
.matelb_bt a:hover{ color:#d70b24;}
.mater_write{ background-color:#1b1b1b; padding:30px;border:#303030 solid 1px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; margin-top:10px; color:#fff; font-size:14px;}
.mater_write ul li{ overflow:hidden; margin-bottom:10px;}
.mawbt{ color:#808080; width:70px; margin-right:10px; float:left;}
.mawnr{ float:left; width:1058px;}
.relevant_sc{background-color:#1b1b1b; padding:30px;border:#303030 solid 1px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; margin-top:10px;}
.rele_bt{ color:#fff; font-size:20px; margin-bottom:20px;}
.rele_con ul{ width:1180px;}
.rele_con ul li{ width:194px; float:left; margin-right:42px;}
.rele_con .video_img{ width:192px; height:125px;}
.rele_con .matelb_bt a{ color:#d9d9d9;}
.rele_con .matelb_bt a:hover{ color:#d70b24;}
/*17素材详情end*/

/*登录弹出层*/
.layui-layer.demo_login{ background-color:#141414;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; overflow:hidden; border:#303030 solid 1px;}
.demo_login .layui-layer-title{ background-color:#141414; border-bottom:#303030 solid 1px; font-size:18px; color:#fff; position:relative; height:50px; line-height:50px;}
.demo_login .layui-layer-setwin .layui-layer-close1{ background:url(../images/close.png) no-repeat 0 0;}
.demo_login .layui-layer-setwin{ top:17px;}
.login_tc{ display:none; padding:40px 20px 30px;}
.login_tc>ul>li{ margin-top:15px;*zoom:1;}
.login_tc>ul>li:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height:0;}
.login_tc>ul>li:first-child{ margin-top:0;}

.login_tc1 {
    display: none;
    padding: 40px 20px 30px;
}

    .login_tc1 > ul > li {
        margin-top: 15px;
        *zoom: 1;
    }

        .login_tc1 > ul > li:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .login_tc1 > ul > li:first-child {
            margin-top: 0;
        }


.login_name{ float:left; width:70px; text-align:right; margin-right:8px; color:#999; line-height:30px;}
.login_con{ float:left; width:300px;}
.login_con input{ background-color:#313131; border:#3b3b3b solid 1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:#777; padding:0 10px; height:28px; line-height:28px; font-size:12px;}
.login_con input.input1{ width:278px;}
.login_con input.input2{ width:120px; float:left;}
.login_con .yzm{ float:left; margin-left:10px; margin-top:2px; height:26px;}
.lo_btn{ display:inline-block; width:142px; height:36px; text-align:center; line-height:36px; color:#fff; background-color:#d70b24;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; font-size:14px; margin-top:15px;}
.lo_btn:hover{ background-color:#c6061e;}
/*登录弹出层end*/

/*添加用户弹出层*/
.add_yhan{ text-align:right; padding-bottom:10px;}
.add_yhan a{display:inline-block; width:110px; height:30px; text-align:center; line-height:29px; color:#fff; background-color:#d70b24;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; font-size:14px}
.add_yhan a:hover{background-color:#c6061e;}
.login_tc>ul>li .secbt{ background-position:280px center;}
.login_tc>ul>li .secul{ width:298px;}
/*添加用户弹出层end*/


.gcata{ text-align:right;}
.gcata a{ display:inline-block;height:30px; padding:0 15px; line-height:30px; border:#d70b24 solid 1px; color:#fff; margin-right:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background-color:#d70b24;}
.cata_stair a{ color:#fff;}
/*目录弹出层*/
.catalog_tc{ display:none;}
.cata_navwd{ float:none; width:900px; margin:0 auto; min-height:0 !important; padding-bottom:80px;}
.catalog_tc .cata_con{ width:auto; float:none; border:none; min-height:0 !important;}
.catalog_tc .cata_lieb{ margin-top:0;}
/*目录弹出层end*/

/*下拉复选框插件样式*/
.form-control{ width:100%;}
.form-control1{ width:100%;}
.select2-container {
    z-index: 2019891014;
}
.select2-container .select2-selection--multiple{min-height:30px;}
.select2-container--default .select2-selection--multiple{ background-color:#313131; border-color:#3b3b3b;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{ margin-top:3px;}
.select2-container .select2-search--inline .select2-search__field{ margin-top:2px;}
.select2-container--default.select2-container--focus .select2-selection--multiple{ border-color:#ededed;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color:#141414;}

/*图片上传修改*/
.photo_xx>ul>li{ margin-top:16px;*zoom:1;}
.photo_xx>ul>li:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height:0;}
.photo_xx>ul>li .vinbt{float:left; width:66px; text-align:right; margin-right:5px;color:#999; line-height:30px;}
.photo_xx>ul>li>span{ display:inline-block; float:left;}
.photo_xx input.input1{ width:395px;}
.photo_xx .texta1{ width:395px; float:left;}
.photo_xx input.input2{ float:left;width:151px;}
.photo_xx .viup_xl{ float:left;margin:0; width:173px;}
.form-xl1{ width:100%;}
.form-xl2{ width:100%;}
.form-xl3{ width:100%;}
.viup_xl .select2-container .select2-selection--multiple{min-height:28px;}
.viup_xl .select2-container--default .select2-selection--multiple .select2-selection__choice{ margin-top:5px;}
/*下拉单选框插件样式*/
.select2-container--default .select2-selection--single{ background-color:#313131; border-color:#3b3b3b;}
.select2-container--default .select2-selection--single .select2-selection__rendered{ color:#777;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li input{ height:auto; line-height:normal;}
.MediaState {
    width: 100px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    bottom: 10px;
    left: 270px;
    background-color: #000000c9;
    border-radius: 10px;
    color: red;
    text-align: center;
}

/*登录*/
.loginbg {
    background: url(../images/dlbg.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
}

.loginnr {
    width: 1000px;
    height: 560px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -280px 0 0 -500px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.loginlogo {
    float: left;
    width: 500px;
    background-color: #e9e9eb;
    height: 100%;
    text-align: center;
}

    .loginlogo img {
        height: 120px;
        margin-top: 225px;
    }

.loginform {
    float: left;
    width: 330px;
    padding: 85px;
    background-color: #434a57;
    height: 390px;
    text-align: center;
    position: relative;
}

.lfoname {
    color: #fff;
    font-size: 18px;
    margin-top: 91px;
    margin-bottom: 32px;
}

.lfoin {
    margin-top: 20px;
}

    .lfoin input {
        border: #3b424d solid 1px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: #4e5564;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        width: 308px;
        color: #cecfcf;
    }

.lfobtn {
    margin-top: 20px;
}

    .lfobtn a {
        display: block;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        background-color: #d70b24;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #fff;
    }

        .lfobtn a:hover {
            background-color: #cb051d;
        }

.lfofoot {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #888;
}

    .lfofoot img {
        max-height: 10px;
        margin-left: 8px;
    }


.upload_a {
    width: 106px;
    height: 30px;
    text-align: center;
    padding: 0;
}

.videobt {
    padding-right: 230px;
}

.sea_check {
    bottom: -59px;
    height: 30px;
    line-height: 30px;
    z-index: 100;
    width: 106px;
    text-align: center;
    right: 115px;
}

.sea_more {
    bottom: -59px;
    height: 30px;
    line-height: 30px;
    z-index: 100;
    width: 86px;
    padding: 0;
    padding-left: 20px;
    background-position: 74px center;
}

    .sea_more.active {
        background-position: 62px center;
        padding-left: 30px;
        width: 76px;
    }


/*20180404修改样式*/
.header .mainwidth {
    width: 1200px;
    padding-left: 0;
}

.logo {
    float: left;
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 15px;
}

.nav {
    float: left;
    position: relative;
    left: auto;
    bottom: auto;
    margin-left: 30px;
    width: 182px;
}

    .nav ul li {
        margin: 0;
        margin-left: 5px;
    }

        .nav ul li:first-child {
            margin-left: 0;
        }

        .nav ul li a {
            height: 80px;
            border: none;
            padding-bottom: 0;
            line-height: 80px;
            width: 88px;
            text-align: center;
        }

            .nav ul li a:hover {
                color: #d7000f;
            }

        .nav ul li.active a {
            border: none;
            background-color: #d7000f;
            color: #fff;
        }

.head_search {
    width: auto;
}

    .head_search .seainput input {
        width: 120px;
    }

    .head_search .search_con {
        width: auto;
    }

    .head_search .secbt {
        width: 80px;
        background-position: 91px center;
    }

    .head_search .secul {
        width: 105px;
    }

    .head_search .seainput .input2 {
        width: 68px;
    }

    .head_search .sea_check {
        position: relative;
        right: auto;
        bottom: 0;
        width: 66px;
    }

    .head_search > ul > li {
        display: block;
    }

.video_list .page a.prev {
    float: none;
}

.video_list .page a.next {
    float: none;
}

.footer {
    border-top: #750008 solid 1px;
}

.videobt {
    padding-right: 0;
    min-height: 22px;
}

.viup_con {
    padding: 25px;
}

.viuptop {
    width: 1148px;
}

    .viuptop > ul {
        width: 1163px;
    }

        .viuptop > ul > li {
            float: left;
            margin-bottom: 25px;
            margin-right: 15px;
        }

            .viuptop > ul > li p {
                font-size: 12px;
                color: #999;
                line-height: 30px;
            }

            .viuptop > ul > li input {
                background-color: #313131;
                border: #3b3b3b solid 1px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                color: #fff;
                padding: 0 10px;
                height: 28px;
                line-height: 28px;
                font-size: 12px;
            }

                .viuptop > ul > li input.input1 {
                    width: 465px;
                }

                .viuptop > ul > li input.input2 {
                    width: 120px;
                }

                .viuptop > ul > li input.input3 {
                    width: 310px;
                }

    .viuptop .viup_xl .secul {
        width: 140px;
    }

    .viuptop .viup_xl {
        width: 142px;
    }

.viup_ynr {
    float: left;
    width: 478px;
    margin-left: 30px;
}

.viupintro p {
    font-size: 12px;
    color: #999;
    line-height: 24px;
    margin-bottom: 15px;
}

.viupintro textarea {
    background-color: #313131;
    border: #3b3b3b solid 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    width: 456px;
    height: 216px;
    line-height: 24px;
}

.viup_btncz {
    text-align: center;
    margin-top: 20px;
}

    .viup_btncz a {
        display: inline-block;
        width: 134px;
        height: 46px;
        border: #535353 solid 1px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        font-size: 16px;
        text-align: center;
        line-height: 46px;
        color: #fff;
        margin: 0 10px;
        cursor: pointer;
    }

        .viup_btncz a:hover {
            background-color: #d70b24;
            color: #fff;
            border-color: #d70b24;
        }

.snav {
    width: auto;
    margin-top: 0;
}

    .snav ul li a {
        width: auto;
        padding: 0 15px;
    }

/*新增样式*/
.secbt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.secul > li > span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: block;
}

.thrul {
    position: absolute;
    left: 100%;
    top: -1px;
    width: 190px;
    border: #3b3b3b solid 1px;
    background-color: #313131;
    width: 190px;
    z-index: 10;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    display: none;
}

    .thrul li {
        line-height: 28px;
        color: #999;
        padding: 0 10px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }



/*20180507新增样式*/
.footer {
    border-top-width: 2px;
}

.sign_out {
    background-color: #333;
}

.sea_check .iconfont {
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.search_rt {
    background: url(../images/ttlebg.png) no-repeat right top;
    height: 40px;
    line-height: 40px;
}

.srt_name {
    float: left;
    font-size: 26px;
    color: #fff;
}

    .srt_name .iconfont {
        font-size: 30px;
        color: #d70b24;
        margin-right: 8px;
        line-height: 1;
        position: relative;
        top: 2px;
    }

.srt_nr {
    float: right;
    font-size: 14px;
    color: #b5b5b5;
    margin-right: 20px;
}

    .srt_nr em {
        color: #d7000f;
        font-weight: bold;
    }

.sear_lieb {
    margin-top: 30px;
}

.sear_fail {
    text-align: center;
    padding: 100px 50px;
}

.sear_img .iconfont {
    font-size: 100px;
    color: #434343;
    line-height: 1.2;
}

.sear_write {
    font-size: 16px;
    color: #fff;
}

    .sear_write em {
        color: #d7000f;
        font-weight: bold;
    }

.sear_suggest {
    font-size: 14px;
    color: #707070;
    margin-top: 10px;
}

.sear_lieb ul {
    width: 1210px;
}

    .sear_lieb ul li {
        float: left;
        width: 230px;
        margin-right: 12px;
        margin-bottom: 25px;
    }

.svideo_img {
    width: 230px;
    height: 130px;
}

    .svideo_img a {
        display: block;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        -ms-behavior: url(css/backgroundsize.min.htc);
        behavior: url(css/backgroundsize.min.htc);
        position: relative;
        z-index: 2;
        cursor: pointer;
    }

        .svideo_img a span {
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 28px;
            height: 19px;
            z-index: 3;
        }

            .svideo_img a span img {
                display: block;
            }

.sear_lieb .video_ms {
    background-color: #333;
    height: 48px;
    margin-top: 0;
    line-height: 48px;
    padding: 0 12px;
}

.sports {
    margin-top: 30px;
}

    .sports:first-child {
        margin-top: 10px;
    }

.column_bt {
    overflow: hidden;
    line-height: 40px;
}

.cobt_name {
    float: left;
    font-size: 26px;
    color: #fff;
}

    .cobt_name .iconfont {
        font-size: 30px;
        color: #d70b24;
        margin-right: 8px;
        line-height: 1;
        position: relative;
        top: 2px;
    }

.crumbs {
    float: left;
    color: #b5b5b5;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 10px;
    line-height: 30px;
}

    .crumbs span {
        display: inline-block;
        margin-right: 8px;
        cursor: pointer;
    }

        .crumbs span:hover {
            color: #d7000f;
        }

        .crumbs span.active {
            color: #d7000f;
        }

    .crumbs a {
        color: #d7000f;
        font-family: "宋体";
    }

        .crumbs a:hover {
            text-decoration: underline;
        }

.column_list {
    margin-top: 20px;
}

    .column_list ul {
        width: 1210px;
    }

        .column_list ul li {
            margin-right: 10px;
            width: 210px;
            float: left;
            margin-bottom: 21px;
        }

            .column_list ul li:first-child {
                width: 540px;
            }

                .column_list ul li:first-child .svideo_img {
                    width: 540px;
                    height: 305px;
                }

    .column_list .svideo_img {
        width: 210px;
        height: 118px;
    }

    .column_list .video_ms {
        background-color: #333;
        height: 48px;
        margin-top: 0;
        line-height: 48px;
        padding: 0 12px;
    }