@charset "utf-8";
/* CSS Document */
html{font-size:20px;}
body{font-size:.8rem;color:#2f2f2f;font-family:'Microsoft YaHei',Simsun,Arial,Verdana,Sans-serif;}
html,body{margin:0px;padding:0px;width:100%;height:100%;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;margin:0;padding:0; }
img{border:none;max-width:100%; display: inline-block; line-height: 0; font-size: 0; vertical-align:bottom; }
div,ul,li,dl,dt,dd,p,form{margin:0;padding:0;}
ul,li,dl,dt,dd{list-style:none;}
a{font-size:inherit;text-decoration:none;color:#333;}
a:hover,
a:focus{ text-decoration:none; color:#006db9;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a:active{color:inherit; text-decoration:none;}
i,em{font-style:normal;}
select,input,textarea,button{font-family:inherit; font-size:inherit;}
table { border-spacing: 0; border-collapse: collapse; background-color: transparent; }
td, th { padding: 0; }
th { text-align: left; }
tr { vertical-align: middle; }

.clearfix:before,
.clearfix:after{display:table;content:" ";clear:both;}
.tbl-type{display:table;width:100%;table-layout:fixed}
.tbl-cell{display:table-cell;}
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.center{ text-align:center; }
.right{ text-align:right; }
.valign *{ display:inline-block; vertical-align:middle; }
.ellipsis{ display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; }
.shadow { box-shadow: 0 0 20px rgba(103, 103, 103, .2); }
.hide{ display: none; }
.btn { display: inline-block; padding: 10px 15px; border: 1px solid transparent; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none;
	touch-action: manipulation;
    -ms-touch-action: manipulation;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-default { color: #333333; background-color: #ffffff; width: auto; border-radius: 0px; border:#dddddd 2px solid; line-height: normal; }
.btn-login { color: #ffffff; background-color: #006db9; width: 100%; border-radius: 5px; border:none; line-height: normal; padding: 10px 50px; }
.btn-reset { color: #ffffff; background-color: #626262; width: auto; border-radius: 0; border:#dddddd 1px solid; line-height: normal; }
.btn-upgrade{ color: #ffffff; background-color: #006db9; width: auto; border-radius: 3px; border:none; line-height: normal; padding: 10px 36px; }
.btn-upgrade:hover{ color: #ffffff; }
.btn-add{ color: #ffffff; background-color: #006db9; width: auto; border-radius: 3px; border:none; line-height: normal; padding: 10px 36px; }
.btn-add:hover{ color: #ffffff; }

.form-control{ display: inline-block; width: 100%; padding: 10px; background-color: #fff; background-image: none; border: 1px solid #dddddd; border-radius:0; }
.form-control[type="radio"] + label::before { content: "\a0"; /*不换行空格*/ display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-right: .4em; border-radius: 50%; border: 4px solid #dddddd; text-indent: .15em; line-height: 1; background-color: #ffffff; margin-top: 10px; margin-bottom: 10px; }
.form-control[type="radio"]:checked + label::before { width: 15px; height: 15px; border: 4px solid #dddddd; background-color:#006db9; }
.form-control[type="radio"] { width: 0; height: 0; margin:0; padding: 0; position: absolute; clip: rect(0, 0, 0, 0); }
.form-control[type="checkbox"] { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }

.form-box .max-xl-w{ max-width:768px; }
.form-box .max-l-w{ max-width:480px; }
.form-box .max-m-w{ max-width:360px; }
.form-box .max-s-w{ max-width:240px; }
.form-box .max-xs-w{ max-width:180px; }
.form-box .max-140-w{ max-width:140px; }
.form-box .max-xxs-w{ max-width:100px; }
.form-box .max-xxxs-w{ max-width:60px; }
.form-box .max-40-w{ max-width:40px; }
.form-box .auto-w{ width:auto; }
.form-box .inline-block{ display:inline-block; vertical-align: middle; }
.form-box .input-addon{ display:inline-block; margin-left:5px; }
.form-box .form-item{ margin-top: 20px; }

.red{ color:#ff0000; }
.orange{ color: #ff8800; }
.green{ color: green; }
.link-s1{ color:#006db9; }

body{ background-color: #ffffff; }
.wrap{ width:1200px; margin:auto; padding:0; }
.wp{ padding: 15px; }
.wp-h{ padding-left: 15px; padding-left: 15px; }
.wp-v{ padding-top: 15px; padding-bottom: 15px; }
.bg-white{ background-color: #ffffff; }
.bg-gray{ background-color: #f3f3f3; }

.p-top-xs{ padding-top: 15px; }
.p-top-s{ padding-top: 30px; }
.p-top-m{ padding-top: 50px; }
.p-top-l{ padding-top: 80px; }

.p-bot-xs{ padding-bottom: 15px; }
.p-bot-s{ padding-bottom: 30px; }
.p-bot-m{ padding-bottom: 50px; }
.p-bot-l{ padding-bottom: 80px; }

.m-top-xs{ margin-top: 15px; }
.m-top-s{ margin-top: 30px; }
.m-top-m{ margin-top: 50px; }
.m-top-l{ margin-top: 80px; }

.m-bot-s{ margin-bottom: 30px; }
.m-bot-m{ margin-bottom: 50px; }
.m-bot-l{ margin-bottom: 80px; }

.topline{ padding:10px 0; background-color:#f2f2f2; }
.welcome{ color:#66666; }
.artist a{ display:inline-block; margin-left:15px; cursor: pointer; }
.artist a:first-child{ margin-left:0; }

.logo img{ height:100px; margin:20px 0; font-size:0; float: left; }
.logo span{ color: #999999; line-height: 1.5; padding-top: 36px; padding-left: 20px; display: block; float: left; }

.search-box{ height: 80px; padding: 20px 0 20px 95px; margin-top: 20px; }
.search-box .search-group{ background-color:#ffffff; padding: 0; border:#d2d5d9 1px solid; }
.search-box .search-group input,
.search-box .search-group button{ display: block; width: auto; height: 38px; border: none; padding: 0 15px; }
.search-box .search-group button{ float: left; background: #ffffff url(../images/btn-sousuo.png) center no-repeat; width: 40px;  }
.search-box .search-group input{ width: 280px; }
.search-box .keyword-item{ width: auto; float: left; }


.search-box2{ height: 80px; padding: 0; }
.search-box2 .search-group{ width: auto; display: inline-block; background-color:#006db9; padding: 0; }
.search-box2 .search-group input,
.search-box2 .search-group button{ display: block; width: auto; height: 38px; border: none; padding: 0 15px; }
.search-box2 .search-group button{ margin-right: 0; float: left; background:#006db9; color:#ffffff; font-size: .9rem; }
.search-box2 .search-group input{ display:inline-block; width: 280px; border:#e4e4e4 1px solid; }
.search-box2 .keyword-item{ width: auto; float: left; }

.header .nav{ width: 100%; background-color: #006db9; position: relative; margin-bottom: 5px; }
.header .nav ul li{ float: left; width:14.28%; display:block; position: relative; }
.header .nav ul li .tit{ display: block; font-size: .9rem; width: 100%; height:50px; line-height: 50px; padding: 0 20px; color:#f2f2f2; text-align: center; }
.header .nav ul li.on .tit,
.header .nav ul li:hover .tit{ color:#ffffff; background-color: #004885; }

.header .nav ul li .child{ background-color: #008bd0; display: none; position: absolute; top: 50px; left: 0; width:100%; z-index: 99; }
.header .nav ul li:hover .child{ display: block; }
.header .nav ul li .child a{ display: block; text-align: center; line-height: 2; font-size: .8rem; color: #fff; padding: 5px 0; }
.header .nav ul li .child a:hover{ background-color:#ffffff; color: #008bd0; }


.banner-box .swiper-container-horizontal>.swiper-pagination-bullets,
.banner-box .swiper-pagination-custom,
.banner-box .swiper-pagination-fraction { bottom: 20px; }
.banner-box .swiper-pagination{ z-index: 999; }
.banner-box .swiper-pagination-bullet{ width:15px; height:15px; background-color:#ffffff; opacity: 1; }
.banner-box .swiper-pagination-bullet-active { background: #ffea00; }

.links,
.notice{ border: #e4e4e4 1px solid; position: relative; padding-left: 110px; }

.not-title{ position: absolute; font-weight: 700; left: 15px; }
.not-title.red{ color: #dc0000; }
.not-list{ overflow: hidden; }
.not-list ul li{ float: left; width: auto; padding-right: 30px; }
.not-list ul li:first-child{ margin-left: 0; }

.has_arr{ position: relative; position: relative; padding-left: 20px; }
.has_arr::after{ content: ""; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #555555; left: 0; top: 50%; margin-top: -3px; }


.botnav{ background-color: #006db9; height: 50px; line-height: 50px; text-align: center; color:#ffffff; }
.botnav a{ color: #ffffff; display: inline-block; padding: 0 15px; }
.copyright { color:#666666; margin-top: 20px; margin-bottom: 50px; text-align: center; line-height: 2; }


.title-s1{ position: relative; border-bottom: #e4e4e4 1px solid; margin-bottom: 20px; line-height: 60px; }
.title-s1 span{ display:inline-block; border-bottom: #a5f3ff 5px solid; margin-bottom: -1px; font-size: 1.1rem; }
.title-s1 .more{ color: #999999; }

.news{ width:880px; }
.quick-menu{ width: 300px; background-color: #006db9; padding: 30px; }
.quick-menu ul li{ line-height: 45px; margin-top: 20px; }
.quick-menu ul li:first-child{ margin-top: 0; }
.quick-menu ul li a{ display: block; color: #ffffff; font-size: 1rem; position: relative; padding-left: 60px; }
.quick-menu ul li i{ display: block; width: 45px; height: 45px; position: absolute; left: 0; top: 50%; margin-top: -22px; }
.quick-menu ul li .qm-icon1{ background: url(../images/qm-icon.png) center 0 no-repeat; }
.quick-menu ul li .qm-icon2{ background: url(../images/qm-icon.png) center -65px no-repeat; }
.quick-menu ul li .qm-icon3{ background: url(../images/qm-icon.png) center -130px no-repeat; }
.quick-menu ul li .qm-icon4{ background: url(../images/qm-icon.png) center -195px no-repeat; }
.quick-menu ul li .qm-icon5{ background: url(../images/qm-icon.png) center -260px no-repeat; }

.more-box{ text-align: center; }
.more-box a{ display: inline-block; padding: 15px 50px; color:#666666; border-radius:4px; font-weight:700; }

.focusBox{position:relative;width:380px;height:280px;overflow:hidden;}
.focusBox .pic img{width:100%;display:block;}
.focusBox .txt-bg{position:absolute;bottom:0;z-index:1;height:36px;width:100%;background:#000;filter:alpha(opacity=50);opacity:0.5; overflow: hidden;}
.focusBox .txt {position:absolute;bottom:0;z-index:2;height:36px;width:100%;overflow:hidden;}
.focusBox .txt li{ height:36px;line-height:36px;position:absolute;bottom:-36px;}
.focusBox .txt li a{display:block;color:white;padding:0 0 0 10px;font-size:14px;font-weight:bold;text-decoration:none;}
.focusBox .num {position: absolute;z-index:3;bottom:11px;right:8px;}
.focusBox .num li{float:left;position:relative;width:12px;height:12px;line-height:15px;overflow:hidden;text-align:center;margin-right:5px; cursor:pointer;border-radius:12px;}
.focusBox .num li a,.focusBox .num li span{position:absolute;z-index:2;display:block;color:white;width:100%;height:100%;top:0;left:0; text-decoration:none;}
.focusBox .num li span {z-index:1;background:#ffffff;}
.focusBox .num li.on a,.focusBox .num a:hover{background:#006db9;}


.news .list-s1{ width: 470px; }

.list-s1 ul{ display: block; }
.list-s1 ul li{ border-bottom: 1px dashed #e4e4e4; position: relative; height: 46px; line-height: 46px; padding-right: 100px; }
.list-s1 ul li a{ display: block; }
.list-s1 ul li time{ display: block; position: absolute; right: 0; top: 0; color:#999; font-size: .7rem; }

.list-s2 ul{ display: block; margin-left: -30px; margin-top: -30px; }
.list-s2 ul li{ width: 33.33%; float: left; padding-left: 30px; padding-top: 30px; }
.list-s2 ul li a{ display: block; padding: 3px; text-align: center; background-color: #ffffff; position: relative; transition: 0.3s; -webkit-transition: 0.3s; border:#e4e4e4 1px solid; }
.list-s2 ul li a:hover{ transform: translateY(-5px); box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); }
.list-s2 ul li .img{ width: 100%; }
.list-s2 ul li em{ display: block; height: 40px; line-height: 40px; }

.list-s3 ul li { padding-bottom: 20px; border-bottom: 1px solid #ececec; margin-bottom: 30px; position: relative; }
.list-s3 ul li img { width: 150px; float: left; margin-right: 30px; }
.list-s3 ul li .txt { line-height: 2; }
.list-s3 ul li .txt .name { margin-bottom: 30px; font-size: 1rem; }

.subsec-box{ margin-left: -30px; }
.subsec-item{ float: left; width: 33.33%; padding-left: 30px; }

/** 内页 **/
.position{ border-bottom:1px solid #dddddd; height: 50px; line-height: 50px; font-size:.8rem; color:#666; margin-bottom: 30px; position: relative; }
.position a{ color:#666; }

.sidebar{ width: 210px; }
.maincol{ width:960px; }
.maincol.nsn{ width:100%; float: none; }

.subnav ul{ border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; margin-top: 1px; }
.subnav ul li{ border-bottom:1px solid #e4e4e4; }
.subnav ul li a{ display:block; background:#ffffff; padding:15px 20px; font-size: .9rem; position: relative; padding-left: 30px; color: #666666; }
.subnav ul li a::after { content: ''; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #dddddd; position: absolute; top:50%; left: 15px; margin-top: -5px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.subnav ul li a:hover,
.subnav ul li a.on{ background:#f5f5f5; color:#006db9; }
.subnav ul li a:hover::after,
.subnav ul li a.on::after{ border-right: 5px solid #006db9; }

.n-title{ font-size: 1.3rem; color:#006db9; margin-bottom: 30px; }
.n-content{ line-height:2; color:#666666; }
.n-content a{ color:#666666; }
.n-content p{ margin-bottom:15px; }


.pager{ margin-top:50px; }
.pager a,.pager strong{ display: inline-block; border:1px solid #dddddd; background-color: #ffffff; padding:7px 13px; margin:0 4px; }
.pager a:hover,.pager strong{ background:#006db9; color:#fff; }


.detail-box{ padding:20px 0 30px 0; }
	.view-title{ margin-top:10px; font-size: 30px; text-align:center; }
	.view-element{text-align:center; color:#888888; border-bottom:1px solid #dddddd; margin: 0 0 20px; padding: 15px 0;}
	.view-element a{ color:#333; }
	.view-element #bdshare,.view-element #bdshare .bdshare-button-style1-24{display:inline;padding-left:5px;}
	.view-element #bdshare .bdshare-button-style1-24 a,.view-element #bdshare .bdshare-button-style1-24 .bds_more {float:none;margin:0;background: url(../images/share_icons.png) no-repeat;}
	.view-element #bdshare .bdshare-button-style1-24 .bds_tsina {background-position: 0 -98px;}
	.view-element #bdshare .bdshare-button-style1-24 .bds_weixin{background-position:0 -162px;}
	.view-element #bdshare .bdshare-button-style1-24 .bds_qzone {background-position: 0 -47px;}
	.view-element #bdshare .bdshare-button-style1-24 .bds_sqq{background-position: 0 -260px;}
	.view-content{ line-height:2; }
	.view-assoc{ margin-top:20px; border-top:1px solid #dddddd; padding-top:10px;}
	.view-assoc div{ margin:12px 5px; }
	.view-assoc a{ color:#333; letter-spacing:1px; }

.dlform{ width: 380px; margin: auto; }
.dlform .form-item{ position: relative; padding-left: 4em; }
.regform .form-item.noi,
.dlform .form-item.noi{ padding-left: 0; }
.regform .form-item span,
.dlform .form-item span{ position:absolute; left:0; top:0; display: block; width: 4em; text-align:right; height: 42px; line-height: 42px; }
#verifycodebox{ float: right; border:1px solid #ccc; background-color:#ffffff; }
#verifycodebox img{ display:block; }

.regform{ width: 430px; }
.regform .form-item{ position: relative; padding-left: 6em; }
.regform .form-item span{ width: 6em; }
.helper{ font-size: .7rem; color:#888888; margin-top: 5px; }
.regform .form-item p{ display: block; padding: 10px 0; }

.form-box-s1 .form-item{ position: relative; padding-left: 6em; }
.form-box-s1 .form-item span{ position:absolute; left:0; top:0; display: block; width: 6em; text-align:right; height: 42px; line-height: 42px; }
.form-box-s1 .form-item.noi{ padding-left: 0; }

.register{margin: 50px auto 0; width: 1058px;}
.register > div{float: left;width: 286px;height: 338px;background: #FFFFFF;box-shadow: 0 3px 15px 0 rgba(137,215,255,0.22);padding-top: 30px;text-align: center;position: relative;
	-webkit-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear;}
.register > div:hover{
	box-shadow: 0 3px 25px 0 rgba(29,165,234,0.25);
	-webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}
.register .re_middle{margin: 0 100px;}
.register > div span{font-size: 20px;color: #424242;letter-spacing: 1.25px;position: relative;}
.register > div span::before,.register > div span::after{content: "";position: absolute;width: 60px;height: 2px;background: #757575;top:50%;}
.register > div span::after{right: -80px;}
.register > div span::before{left: -80px;}
.register > div img{display: block;margin: 34px auto 45px;}
.register > div p{width: 220px;margin: 0 auto;font-size: 14px;color: #424242;}
.register > div .sbtn{width: 200px;position: absolute;bottom: 30px;left: 50%;margin-left: -100px;}
.register > div .sbtn{display: inline-block;height: 40px;border-radius: 3px;background: #1DA5EA;line-height: 40px;text-align: center;font-size: 16px;color: #ffffff;cursor: pointer;letter-spacing: 0.2em;}
.register > div .sbtn:hover{ background: #0085C9; }


.reg-notes{ padding-left: 100px; }
.reg-notes ul li{ float: left; width: 260px; }
.reg-notes ul li.nor{ width: 80px; }
.reg-notes-s2{ padding-left: 100px; }
.reg-notes-s2 ul li { margin-top: 20px; }

.reg-notes .norvip { line-height: 2; font-size:1rem; margin-bottom: 10px; }
.reg-notes .norvip img{ height: 23px; vertical-align: text-bottom; margin-right: 12px; }
.reg-notes-s2 p,
.reg-notes p { padding: 5px 0; line-height: 1.75; color: #757575; }
.btn-box{ padding: 0 120px; }

.register_step{ height: 60px; border-bottom:1px solid #ececec; margin-bottom: 20px; }
.register_step li{ float: left; padding: 0 10px; margin: 0 40px; height: 60px; line-height: 60px; position: relative; }
.register_step li.active{ color: #2BBB61; }
.register_step li.active::after{ content: ""; background:#2BBB61; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; }


.user-info { position: relative; }
.user-info .face { width: 150px; float: left; margin-right: 30px; }
.user-info .txt { line-height: 2; }
.user-info .txt .name { margin-bottom: 60px; font-size: 1rem; }


.list-s4 ul li{ padding: 20px; border: 1px solid #ececec; margin-bottom: 30px; }
.list-s4 ul li .thead { height: 42px; border-bottom: 1px solid #ececec; padding-bottom: 20px; margin-bottom: 20px; position: relative; }
.list-s4 ul li .thead p { position: absolute; top: 0; left: 10px; }
.list-s4 ul li .thead p:nth-child(2) { left: auto; right: 0; }
.list-s4 ul li .dinfo { position: relative; margin-left: 10px; line-height: 1.5; }
.list-s4 ul li .dinfo div i{ color: #888888; }
.list-s4 ul li .dinfo div{ padding-right: 180px; }
.list-s4 ul li .dinfo div p { margin-bottom: 15px; }
.list-s4 ul li .dinfo .actbox{ position: absolute; top: 0; right: 0; }
.list-s4 ul li .dinfo .actbox dd{ margin-bottom: 10px; width: 150px; }
.list-s4 ul li .dinfo .actbox p{ display: block; border:1px solid #cccccc; width:100%; height:38px; line-height: 38px; color:#bdbdbd; text-align: center; }
.list-s4 ul li .dinfo .actbox a { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; border: 1px solid #1DA5EA; background-color: #1DA5EA; color: #FFFFFF; }