/*湖南艺术资源库*/
@charset "UTF-8";
@font-face {
	font-family:'MZDzt';
	src: url(../css/font/MZDzt.ttf);
}
@font-face {
	font-family:'HMSanSC_black';
	src: url(../css/font/HMSanSC_black.ttf);
}
@font-face {
	font-family:'PingFangJ';
	src: url(../css/font/PingFangJ.ttf);
}
html,body{
    margin: 0;
    padding: 0;
    height: 100%;
    background: #f4f5fa;
}
body{
	font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif,"Times New Roman", Times, serif;
	font-size:15px;
	color:#000;
	line-height:21px;
}
*:focus{ outline:none;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img,script{ margin:0; padding:0;}
img{ border: none 0; vertical-align:middle; _vertical-align:baseline;}
ul,li{ margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:"Microsoft YaHei";}
input{font-family:'Microsoft YaHei';}
i{ font-style:normal;}

a{color:#000;text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur());}
a:hover{color:#293e97; text-decoration:none; cursor:pointer;}
.right{ float: right;}

.nav_bg{
    position: relative;
    float: left;
    width: 100%;
    min-width: 1500px;
    height: 100px;
    background: #fff;
}
.nav_bg .nav_box{ position: relative; width: 1500px; margin: 20px auto;}
.nav_bg .nav_box .logo{ float: left; width: 230px;}

.nav_bg .user_box{ position: relative; float: right; width: 140px; margin: 10px 0; text-align: right;}
.nav_bg .user_box .code{ float: left; width: 40px; height: 40px; background: url(../images/icon_01.png) no-repeat; margin-right:20px ;}
.nav_bg .user_box .login{ float: left; width: 40px; height: 40px; background: url(../images/icon_02.png) no-repeat;}
.nav_bg .user_box .User_ewm{ display: none; position: absolute; left: 10px; top: 50px; width: 104px; height: 104px; background: #fff; border-radius: 5px; box-shadow: 0 0 20px rgba(0,0,0,.1); z-index: 9;}
.nav_bg .user_box .User_ewm img{ width: 72px; height: 72px; margin: 16px;}

.page_box{ position: relative; width: 1200px; margin: 0 auto;}
.navlist_bg{ position:absolute; left: 0; top: 100px; width: 100%; min-width: 1200px; height: 90px; background: #fafafd; box-shadow: 0 11px 13px rgba(173,177,193,.13); z-index: 8;}
.navlist_bg li{ float: left; width: 70px; font-family: "PingFangJ"; font-size: 16px; color: #000; letter-spacing: 1px; line-height: 90px; margin-right: 212px;}
.navlist_bg li:last-child{ margin-right: 0;}
.navlist_bg li a{ display: inline-block; width: 70px; color: #000;}
.navlist_bg li.selected{ font-weight: 600; background: url(../images/icon_06.png) no-repeat center 0;}
.navlist_bg li:hover{ font-weight: 600;}

.header-title{ font-size: 40px; color: #fff; font-weight: 600; letter-spacing: 3px; line-height: 72px; margin-top: 185px;}
.header-desc{ font-size: 16px; color: #fff; letter-spacing: 1px;}

.footer{ position: relative; float: left; width: 100%; min-width: 1200px; background: #1b1b1e; font-size: 15px; color: rgba(255,255,255,.4); text-align: center; padding: 20px 0;}
.footer span{ margin: 0 12px;}

/*侧边弹出*/
.mSlider-inner{ background:#eeeef3 url(../images/login_bg.png) no-repeat right 0;}
.layer-join,.layer-success{ background:transparent; overflow-x: hidden;}
.layer-join::-webkit-scrollbar,.layer-success::-webkit-scrollbar{
	width: 4px;
}
/* 滚动条上的滚动滑块. */
.layer-join::-webkit-scrollbar-thumb,.layer-success::-webkit-scrollbar-thumb {
	background-color:#d2d9fa;
	border-radius: 50px;
}
/*  滚动条轨道. */
.layer-join::-webkit-scrollbar-track,.layer-success::-webkit-scrollbar-track {
	/*-webkit-box-shadow:inset 0 0 6px rgba(58,102,79,.4);
    box-shadow:inset 0 0 6px rgba(58,102,79,.4); */
	background-color:rgba(0,0,0,.1);
}
/* 滚动条没有滑块的轨道部分 */
.layer-join::-webkit-scrollbar-track-piece,.layer-success::-webkit-scrollbar-track-piece {
	background-color: transparent;
}
/* 当同时有垂直滚动条和水平滚动条时交汇的部分. */
.layer-join::-webkit-scrollbar-corner,.layer-success::-webkit-scrollbar-corner {
	background:transparent;
}
/* 某些元素的corner部分的部分样式(例:textarea的可拖动按钮). */
.layer-join::-webkit-resizer {

}

.layer-join .layer-title{ position: relative; width: 100%; padding: 180px 0 60px 0; text-align: center;}
.layer-join.account_register .layer-title,.layer-join.account_forget .layer-title{ font-family:'HMSanSC_black'; font-size: 24px; color: #000; padding-top: 150px;}
.layer-join.ysjg_intro .layer-title,.layer-join.team_intro .layer-title{ font-family:'HMSanSC_black'; font-size: 24px; color: #000; text-indent: 50px; padding-top: 50px; text-align: left; margin-bottom: 0;}
.layer-join .layer-form{ position: relative; float: left; width: 550px; margin: 0 75px;}
.layer-join .layer-form li{ float: left; width: 548px; height: 58px; background: rgba(255,255,255,.5); border: 1px solid rgba(255,255,255,.5); border-radius: 5px; margin-bottom: 25px;}
.layer-join.account_register .layer-form li,.layer-join.account_forget .layer-form li{ margin-bottom: 15px;}
.layer-join .layer-form li .label_title{ float: left; width: 90px; background: transparent; font-size: 16px; color: rgba(0,0,0,.7); font-weight: 600; line-height: 58px; text-align: center;}
.layer-join .layer-form li .txt_input{ float: right; width: 400px; height: 58px; background: transparent; border: 0;  margin-right: 30px; font-size: 16px; color: #000; line-height: 58px; text-align: right;}

.layer-join .layer-form li.vcode .txt_input{ float: left; width: 315px; height: 58px; background: transparent; border: 0; font-size: 16px; color: #000; line-height: 58px; text-align: right; margin-right: 0;}
.layer-join .layer-form li.vcode .s_vcode{ float: right; width: 100px; font-size: 16px; color: #293e97; font-weight: 600; line-height: 58px; text-align: right; margin-right: 30px; background: url(../images/icon_05.png) no-repeat left center;}
.layer-join .layer-form li.vcode .s_vcode.disable{ color: rgba(0,0,0,.5);}
.layer-join .layer-form li.vcode img{ float: right; width: 100px; height: 40px; margin:9px 30px 0 0;}
.layer-join .layer-form li.selected{ border: 1px solid #293e97;}
.layer-join .layer-form input::-webkit-input-placeholder { /* WebKit browsers */
    color: rgba(0,0,0,.3);
}
.layer-join .layer-form input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(0,0,0,.3);
}
.layer-join .layer-form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(0,0,0,.3);
}
.layer-join .layer-form input::-ms-input-placeholder { /* Internet Explorer 10+ */
    color: rgba(0,0,0,.3);
}

.layer-join .layer-desc{ float: left; width: 490px; font-size: 12px; color: rgba(0,0,0,.5); margin: 100px 105px 0 105px;}
.layer-join .layer-desc a{ color: rgba(0,0,0,.5);}
.layer-join .layer-desc #forget{ float: right;}
.layer-join .layer-btn{ float: left; width: 550px; margin: 20px 75px;}
.layer-join .layer-btn .btn_base{ float: left; width: 550px; height: 60px; background: #293e97; border: 0; border-radius: 5px; font-size: 16px; color: #fff; font-weight: 600; line-height: 60px; text-align: center; cursor: pointer;}
.layer-join .layer-btn .btn_base:active{ background: rgba(41,62,151,.8);}

.layer-join .layer-conbox{ float: left; width: 600px; background: rgba(255,255,255,.5); border-radius: 5px; padding: 25px; margin: -30px 25px 25px 25px; font-size: 16px; text-align: justify; line-height: 28px;}


/*筛选项*/
.filter_base{ float: left; width: 1200px; margin: 50px 0 35px 0;}
.filter_base .li_width{ position: relative; float: left; width: 206px; height: 68px; margin-right: 20px;}
.filter_base .li_width.li_btn{ width: 70px; margin-right: 0;}
.filter_base .li_width .txt_filter_search{ float: left; width: 204px; height: 66px; border: 1px solid rgba(127,127,153,.1); border-radius: 5px; font-size: 16px; color: #000; text-indent: 18px; line-height: 64px;}
.filter_base .li_width.yszx_search{ width: 432px; height: 66px;}
.filter_base .li_width.yszx_search .txt_filter_search{ width: 432px;}
.filter_base .li_width .txt_filter_search::placeholder{ color: rgba(0,0,0,.4);}
.filter_base .li_width .txt_filter_search:focus{ border: 1px solid #293e97;}

.filter_base .li_width.li_btn .btn_filter_search{ float: left; width: 68px; height: 68px; background: #293e97; border: 1px solid rgba(127,127,153,.1); border-radius: 5px; font-size: 16px; color: #f4f5fa; font-weight: 600; line-height: 68px; text-align: center; cursor: pointer;}
.filter_base .li_width.li_btn .btn_filter_search:active{background: rgba(41,62,151,.8);}

.filter_datalist_desc{ float: left; width: 1200px; font-size: 13px; color: rgba(0,0,0,.7); line-height: 40px; margin-bottom: 5px;}
.filter_datalist_desc i{ margin: 0 5px;}

.filter_databox{
    float: left;
    width: 1198px;
    border: 1px solid #e6e6e9;
    margin-bottom: 60px;
}
.filter_databox .filters_titlebox{ float: left; width: 1198px; background: #fff; font-family: "PingFangJ"; font-size:16px; color: #000; font-weight: 600; line-height: 60px; text-align: center; border-bottom: 1px solid #e6e6e9;}
.filter_databox .filters_titlebox.ysda ul,.filter_databox .filters_titlebox.yszx ul,.filter_databox .filters_titlebox.yspp ul,.filter_databox .filters_titlebox.ysjg ul{ float: left; width: 1198px;}
.filter_databox .filters_titlebox.ysda li,.filter_databox .filters_titlebox.yspp li,.filter_databox .filters_titlebox.ysjg li{ float: left; width: 105px; letter-spacing: 1px; text-align: center; margin-right: 10px;}
.filter_databox .filters_titlebox.yszx li{ float: left; width: 125px; letter-spacing: 1px; text-align: center; margin-right: 10px;}
.filter_databox .filters_titlebox.ysda li.name{ width: 248px; text-indent: 30px; text-align: left;}
.filter_databox .filters_titlebox.ysda li.type_drama{ width: 135px;}
.filter_databox .filters_titlebox.ysda li:last-child,.filter_databox .filters_titlebox.yszx li:last-child,.filter_databox .filters_titlebox.ysjg li:last-child{ margin-right: 0;}
.filter_databox .filters_titlebox.yspp li.name{ width: 1073px; text-indent: 30px; text-align: left;}

.filter_databox .filters_titlebox.yszx li.name{ width: 578px; text-indent: 30px; text-align: left;}
.filter_databox .filters_titlebox.yszx li.yszx_base{ width: 165px;}

.filter_databox .filters_titlebox.ysjg li.name{ width: 558px; text-indent: 30px; text-align: left;}
.filter_databox .filters_titlebox.ysjg li.ysjg_base{ width: 165px;}


.filter_databox ul.ysda_datalist{ float: left; width: 1198px;}
.filter_databox ul.ysda_datalist li{ float: left; width: 1198px; font-family: "PingFangJ"; font-size:16px; line-height: 60px; border-bottom: 1px solid #e6e6e9;}
.filter_databox ul.ysda_datalist li:hover{ background: #293e97;}
.filter_databox ul.ysda_datalist li a{ color: #000;}
.filter_databox ul.ysda_datalist li:hover a{ color: #fff;}
.filter_databox ul.ysda_datalist li div{ float: left; width: 105px; text-align: center; margin-right: 10px;}
.filter_databox ul.ysda_datalist li div.name{ width: 248px; text-indent: 25px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.filter_databox ul.ysda_datalist li div.type_drama{ width: 135px;}
.filter_databox ul.ysda_datalist li div:last-child{ width: 100px; margin-right: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}


.filter_databox ul.yszx_datalist{ float: left; width: 1198px;}
.filter_databox ul.yszx_datalist li{ float: left; width: 1198px; font-family: "PingFangJ"; font-size:16px; line-height: 60px; border-bottom: 1px solid #e6e6e9;}
.filter_databox ul.yszx_datalist li:hover{ background: #293e97;}
.filter_databox ul.yszx_datalist li a{ color: #000;}
.filter_databox ul.yszx_datalist li:hover a{ color: #fff;}
.filter_databox ul.yszx_datalist li div{ float: left; width: 125px; text-align: center; margin-right: 10px;}
.filter_databox ul.yszx_datalist li div.name{ width: 578px; text-indent: 30px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.filter_databox ul.yszx_datalist li div.yszx_base{ width: 165px;}
.filter_databox ul.yszx_datalist li div:last-child{ margin-right: 0;}

.filter_databox ul.yspp_datalist{ float: left; width: 1198px;}
.filter_databox ul.yspp_datalist li{ float: left; width: 1198px; font-family: "PingFangJ"; font-size:16px; line-height: 60px; border-bottom: 1px solid #e6e6e9;}
.filter_databox ul.yspp_datalist li:hover{ background: #293e97;}
.filter_databox ul.yspp_datalist li a{ color: #000;}
.filter_databox ul.yspp_datalist li:hover a{ color: #fff;}
.filter_databox ul.yspp_datalist li div{ float: left; width: 105px; text-align: center; margin-right: 10px;}
.filter_databox ul.yspp_datalist li div.name{ width: 1070px; text-indent: 25px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}


.filter_databox ul.ysjg_datalist{ float: left; width: 1198px;}
.filter_databox ul.ysjg_datalist li{ float: left; width: 1198px; font-family: "PingFangJ"; font-size:16px; line-height: 60px; border-bottom: 1px solid #e6e6e9;}
.filter_databox ul.ysjg_datalist li:hover{ background: #293e97;}
.filter_databox ul.ysjg_datalist li a{ color: #000;}
.filter_databox ul.ysjg_datalist li:hover a{ color: #fff;}
.filter_databox ul.ysjg_datalist li div{ float: left; width: 105px; text-align: center; margin-right: 10px;}
.filter_databox ul.ysjg_datalist li div.name{ width: 558px; text-indent: 30px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.filter_databox ul.ysjg_datalist li div.ysjg_base{ width: 165px;}
.filter_databox ul.ysjg_datalist li div:last-child{ margin-right: 0;}


/*暂无数据*/
.filter_databox ul.ysda_datalist li.nulldata,.filter_databox ul.yszx_datalist li.nulldata,.filter_databox ul.yspp_datalist li.nulldata,.filter_databox ul.ysjg_datalist li.nulldata{ float: left; width: 1198px; height: 420px; font-size: 15px; color: rgba(0,0,0,.3); text-align: center; line-height: 420px;}
.filter_databox ul.ysda_datalist li.nulldata:hover,.filter_databox ul.yszx_datalist li.nulldata:hover,.filter_databox ul.yspp_datalist li.nulldata:hover,.filter_databox ul.ysjg_datalist li.nulldata:hover{ background: transparent;}

/*分页*/
.pager_box{
    float: left;
    width: 1200px;
    font-size: 12px;
    color: rgba(0,0,0,.5);
    line-height: 25px;
    text-align: center;
    margin-bottom: 70px;
}
.pager_box a{
    position: relative;
    display: inline-block;
    min-width: 13px;
    min-height: 25px;
    padding: 0 6px;
    border: 1px solid rgba(41,54,151,.5);
    color: rgba(0,0,0,.5);
    background: rgba(255,255,255,.5);
    margin: 0 5px;
}
.pager_box a.prev{ display: inline-block; width: 25px; height: 25px; padding: 0; background: url(../images/prev.png) no-repeat center center; text-indent: -99999px;}
.pager_box a.next{ display: inline-block; width: 25px; height: 25px; padding: 0; background: url(../images/next.png) no-repeat center center; text-indent: -99999px;}
.pager_box a.next:hover{ display: inline-block; width: 25px; height: 25px; padding: 0; background:rgba(41,54,151,1) url(../images/next_hover.png) no-repeat center center; text-indent: -99999px;}

.pager_box a:hover{ border: 1px solid rgba(41,54,151,1); background: rgba(41,54,151,1); color: #fff;}
.pager_box a.on{ border: 1px solid rgba(41,54,151,1); background: rgba(41,54,151,1); color: #fff;}

.pager_box span.omit{
	margin:0 15px;
}
.pager_box span.fnt{
	margin:0 8px 0 30px;
}
.pager_box span.fntpage{
	margin:0 8px;
}
.pager_box .txt_page{
	width:50px;
	height:21px;
	padding:2px 0;
	text-align:center;
	border:1px solid rgba(41,54,151,.5);
}
.pager_box .btn_page{
	width:50px;
	height:27px;
	padding:3px 0;
	font-family:"Microsoft YaHei";
	color:#fff;
	text-align:center;
	background:rgba(41,54,151,1);
	border:1px solid rgba(41,54,151,.5);
	cursor:pointer;
}
.pager_box a.disabled{ cursor: not-allowed;background: rgba(170,133,113,.7); }

/*当前位置*/
.location{ float: left; width: 1200px; font-size: 12px; color: rgba(0,0,0,.5); line-height: 45px; border-bottom: 1px solid rgba(4,4,4,.1); margin: 110px 0 35px 0;}
.location a{ color: rgba(0,0,0,.5);}
.location a:hover{ color: #293e97;}
.location span{ margin: 0 5px;}