body, div, iframe, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, table, th, td, 
form, input, button, select, textarea {margin: 0;padding: 0;font-style: normal;font-size: 100%;font-family: inherit;}
ol, ul {list-style: none;}
img {border: 0;}
a:link,a:visited {color:#c39b5e;text-decoration:none;}
a:hover {text-decoration:none;}
body {font-size: 16px;color:#a7a7a7;font-family: Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif;background:#000000;overflow-y: auto;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border:0; }
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal;}
li{list-style-type:none;}
img{vertical-align:top;}
.cr {clear:both;height:0px;overflow:hidden;}
.fl {float:left;}
.fr {float:right;}
i,em {font-style: normal;}
.mt10 {margin-top:10px;}
.mt16 {margin-top: 16px;}
.hide,.ins {display:none}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.clearfix{*zoom:1;}
.cr {clear: both;height: 0px;overflow: hidden;}
#main {width:1200px;margin:0 auto;}
.header {height: 110px; background-color: #141414; border-bottom:3px solid #141414;position: relative;}
.logo {width: 18.75%;float: left; height: 100%;}
.logo a,.logo a:visited {width:100%;height:100%;overflow:hidden;display:block;background:url(../img/logo.png) no-repeat center center;background-size: 80% auto;position: relative;text-indent: -9999em;}
.menu {height: 100%;}
.menu li {width: 6.25%; float: left; height: 100%;text-align: center;}
.menu li.login {float: none;float: right;position: relative;}
.menu li.login img {width: 46px;height: 46px;border-radius: 100%;margin-bottom: 4px;}
.menu li.login em {display: block;}
.logo a:hover:after,.menu li:hover,.menu li.on,.menudiv a:hover {border-bottom: 4px solid #c39b5e; box-sizing:border-box; color: #fff; cursor: pointer;}
.logo a:hover:after {content: '';display:block;position: absolute;bottom: 0;left: 0;width: 100%;}
.menu > li > a {color: #a7a7a7;display: block;padding: 21% 0 0% 0;}
.menu li i {height: 46px;display: block;}
.ico_1 {background: url(../img/menu.png) no-repeat center;background-size: auto 98%;}
.ico_2 {background: url(../img/ico_2.png) no-repeat center;background-size: auto 98%;}
.ico_3 {background: url(../img/ico_3.png) no-repeat center;background-size: auto 98%;}
.ico_4 {background: url(../img/ico_4.png) no-repeat center;background-size: auto 98%;}
.ico_5 {background: url(../img/ico_5.png) no-repeat center;background-size: auto 98%;}
.ico_6 {background: url(../img/ico_6.png) no-repeat center;background-size: auto 98%;}
.ico_7 {background: url(../img/ico_7.png) no-repeat center;background-size: auto 98%;}
.ico_8 {background: url(../img/ico_8.png) no-repeat center;background-size: auto 98%;}
.ico_9 {background: url(../img/search.png) no-repeat center;background-size: auto 98%;}
.ico_10 {background: url(../img/login.png) no-repeat center;background-size: auto 98%;}

.menu li.login .userface {position: relative;}
.menu li.login .userface .user_vip{position: absolute; right: 20px; top: 20px;width: 22px; height: 21px;background: url(../img/uservip.png) no-repeat;}
.menu li.login .userface .user_vip,.menu li.login .userface .user_vip1 {background-position:0 0}
.menu li.login .userface .user_vip2 {background-position: -22px 0}
.menu li.login .userface .user_vip3 {background-position: -44px 0}

.tuser {position: absolute;top:106px;right: 0px;width:100%;-moz-box-shadow:2px 2px 7px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 7px rgba(0,0,0,0.2); box-shadow:2px 2px 7px rgba(0,0,0,0.2);display: none;background: #333;border-bottom: 3px solid #c39b5e;z-index: 9999;}
.tuser dd {height: 30px;border-bottom: 1px solid #444;width: auto;padding: 8px 0 0px 14px;color: #a7a7a7; text-align: left;}
.tuser dd a {display: block;line-height: 20px;height: 20px;color: #a7a7a7;}
.tuser dd:hover {background: #292929;}

.search,.menudiv {height: 5.79vw; background-color: #2e2e2e;  position: absolute; width: 100%; top: 113px; z-index: 5;display: none;}
.search form {padding-left: 18.75%;width: 50%;padding-top: .8%;}
.search form div {float: left;width: 87.5%; background-color: #1B1B1B; height: 4.2vw;}
.search form input.form-contro {width: 100%; padding: 0 0 0 3%; border: 0px none; height: 100%; color: #c39b5e; outline: none;background: none;}
.search form .sbtn {float: left;width: 12.5%; height: 4.2vw;position: relative;}
.search form .sbtn input {background: #1B1B1B url(../img/search_blue.png) no-repeat center;background-size:auto 2.5vw ;color: #fff;text-align: center;cursor: pointer;border: none;height: 100%;width: 100%;}
.search form .sbtn:hover:after {content: '';display: block;border-bottom: 0.47em solid #c39b5e; box-sizing:border-box;cursor: pointer;position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;}
.menudiv {font-size: 16px;line-height: 5.39vw;padding-left: 18.75%;}
.menudiv a {color: #a7a7a7;display: inline-block;margin: 0 1em;}

.opacity_bg{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px"); background:#000;opacity:0.5;filter:alpha(opacity=30); display:none; z-index:198;}
.pupop,.opacity_bg{position:fixed;_position:absolute;pointer-events:auto}

/*
.tbox {width: 580px;height: 350px;border-radius: 5px;}
.tbox a {-webkit-transition:all 0s;transition:all 0s;}
.tbox .close{ font-family: "宋体"; position: absolute;right: 18px;top:16px; font-size:20px; line-height: 20px;-webkit-transition:all .2s;transition:all .2s;cursor: pointer;}
.tbox .close:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
#logo {display: block;width: 300px;height: 50px;margin: 0 auto;background: url(../img/logo-black.png) no-repeat center;background-size: auto 100%;overflow: hidden;zoom: 1;margin-top: 40px;}
#tips {width: 270px;height: 30px;margin: 0 auto;overflow: hidden;zoom: 1;margin-top: 12px;}
.hline {width: 50px;height: 15px;border-bottom: 1px solid #EDEDED;overflow: hidden;zoom: 1;}
.tiptext {width: 170px;height: 30px;line-height: 30px;text-align: center;color: #999999;font-size: 14px;}
*/

.tbox {width:900px;display:none;z-index:9999;top:50%; left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:550px;background:#F8E18F;-webkit-overflow-scrolling:touch;}
.tboxbg {background: #110F14;border-radius:12px;overflow: hidden;}
.tbox a {-webkit-transition:all 0s;transition:all 0s;}
.tbox .close{position: absolute;right: 18px;top:16px; font-size:20px; line-height: 60px;height: 20px;-webkit-transition:all .2s;transition:all .2s;cursor: pointer;overflow: hidden;background: url(../img/close.png) no-repeat center;}
.tbox .close:hover{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.tbox #logo {display: block;width: 340px;height: 50px;margin: 0 auto;background: url(../img/blacklogo.jpg) no-repeat center;overflow: hidden;zoom: 1;margin-top: 40px;}
.tbox .tvd {float: left;width: 400px;height: 550px;overflow: hidden;}
.tbox .bd {float: right;width: 340px;height: 520px;padding: 30px 40px 0;color: #F8E18F;}
.tbox .bd-tit {height: 70px;text-align: center;position: relative;line-height: 70px;overflow: hidden;}
.tbox .bd-tit::before {content: "";border-bottom: 1px solid #F8E18F;position: absolute;top:50%;left: 0;width: 100%;}
.tbox .bd-tit p {display: inline-block;padding: 0 15px;background: #110F14;position: relative;z-index: 1;font-size: 16px;color: #F8E18F;}
.tbox ul {height: 200px;padding: 30px 0px 20px;}
.tbox .t-help {line-height: 30px;text-align: center;}
.tbox .t-help b {display: block;font-size: 18px}


.tbox ul li {float: left;width: 50%;}
.tbox ul li.qqdl a {width: 138px;display: block;text-align: center;}
.tbox ul li.qqdl em {width: 138px;height: 138px;display: block;border: 1px solid #F8E18F;position: relative;border-radius: 5px;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.tbox ul li.qqdl em::after {content: "";width: 72px;height: 80px;background: url(../img/qqico.png) no-repeat;overflow: hidden;display: block;top:50%; left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position: absolute;}
.tbox ul li.qqdl a:hover em {background: #F8E18F;}
.tbox ul li.qqdl a:hover em::after {background-position: -72px 0}
.tbox ul li.qqdl p {line-height: 40px;color: #F8E18F;}
.tbox ul li.wxdl {text-align: center;}
.tbox .wxdlqrcode {width: 138px;height: 138px;background: url(../img/loading.gif) no-repeat center;margin: 0 auto 10px;border: 1px solid #E8E8E8;border-radius: 5px;}
.tbox .wxdlqrcode img {width: 100%;height: 100%;}
.tbox ul li.wxdl p {line-height: 20px;text-align: center;}
.tbox ul li.wxdl b {display: block;padding-top: 6px;font-size: 12px}


/*
#qq_register {border-radius: 2px;display: block;width: 270px;height: 50px;line-height: 50px;margin: 0 auto;overflow: hidden;zoom: 1;margin-top: 29px;font-size: 18px;color: #fff;background: #00B7D6 url(../img/reglogin.png) no-repeat 47px 0px;text-decoration: none;text-indent: 98px;}
#qq_register:hover {background: #1F9BD9 url(../img/reglogin.png) no-repeat 47px -51px;text-decoration: none;}

#weixin_register {border-radius: 2px;display: block;width: 270px;height: 50px;line-height: 50px;margin: 0 auto;overflow: hidden;zoom: 1;margin-top: 15px;font-size: 18px;color: #fff;background: #3ebb2b url(../img/reglogin.png) no-repeat 44px -102px;text-decoration: none;text-indent: 95px;}
*/

.dis {display: block;}
.banner {height: 60px;padding: 10px 0;}
.pta {padding-top: 0;}
.footer {clear: both;color: #a7a7a7; text-align: center;padding: 20px 0;}
.footer p {line-height: 30px;}
.link {text-align: center;padding:0 0 20px 0;line-height: 30px;font-size: 14px;color: #666;}
.link a {color: #666;}
.link a:hover {color: #999;}
.bangzhu {background:#141414;min-height:600px;font-size:16px;line-height:40px;padding:20px;}


.piclist .col  {width: 73.7%; margin: 0px 0 0 0; float: left;}
.piclist .side {width: 24.1%; margin: 0px 0 0 2.2%; float: left}
.item {}
.item li {float: left;position: relative;  width: 32.7%;margin: 30px 0 0 0.5%;}
.item li img {width: 100%;height: auto;}
.item li p {display: none;}

/*
.sitem li {margin-top: 30px;height: 100%;overflow: hidden;}
.sitem li em,.sitem li a {display: block;width: 31.65%;float: left; margin: 0 1.6% 0 0;}
.sitem li em {height: 100%;display: block;}
.sitem li img {width: 100%;height: auto;}
.sitem li p {display: none;}
*/
.sitem li {width: 31.65%;float: left; margin: 30px 1.6% 0 0;}
.sitem li img {width: 100%;height: auto;}
.sitem li p {display: none;}

.title {padding: 0 10px;overflow: hidden;line-height: 58px;}
.title h2 {float:left;font-weight:400;color:#E12726;font-size: 16px;border-top:3px solid #E12726;height: 58px;font-weight: 600;}
.title p {float: left;padding-top: 3px;}
.title p a {margin-left: 20px;color: #aaa;}
.title p a:hover {color: #E12726;text-decoration: underline;}
.title ul {float: left;padding: 13px 0 0 20px;}
.title ul li {float: left;padding-left: 4px;line-height: 32px;height: 32px;}
.title ul li a {display: block;background: #fff;padding: 0 10px;border-radius: 32px;color: #333;}
.title ul li.on a {color: #fff;background: #E12726;}
.title span {float:right;color:#aaa;padding-top: 3px;}
.title span a {color:#888;}
.title span a:hover {color: #E12726;}

/* back-top */
#gotop {position:fixed; right:0px; width:40px; bottom:10px; z-index:999;height: 164px;}
#gotop a{width: 40px;height: 40px;display: block;margin-top: 1px;cursor:pointer;background: #E12726 url(../img/gotop.png) no-repeat center 10px;}

#gotop a.btn-top {background-position: center -98px;display:none;}
#gotop a.btn-top:hover {background-color: #ccc;}
#btn-top {display: none;}


.pages {background-color: #2e2e2e; border-bottom: 0.17vw solid #c39b5e;text-align: -moz-center;text-align: center;margin-top: 30px;height: 2.4vw;position: relative;}
.pages a,.pages b,.pages span,.pages input {color: #a7a7a7;display: inline-block;height: 2.4vw;min-width:1.8vw;font-size: 1vw;box-sizing:border-box;line-height: 2.4vw;padding:0 1vw;vertical-align: top;}
.pages a.prev,.pages a.next {width: 15.9vw;opacity: .6;}
.pages a.prev em,.pages a.next em {width: 1.8vw;height: 1.8vw;display: block;margin: .3vw auto;}
.pages a.prev em {background: url(../img/previous.png) no-repeat;background-size: cover;}
.pages a.next em {background: url(../img/next.png) no-repeat;background-size: cover;}
.pages a:hover,.pages b {border-bottom: 0.37em solid #c39b5e;   opacity: 1.0;color: #fff;font-weight: 400;}
.pages a.no {opacity: .2;border: 0;}
.pages span {padding: 0.2vw 0 0 0;min-width: auto;}
.pages span.page-s {padding-top: 0;}

.pages input {text-align: center;width: 3vw;padding: 0;color: #fff;line-height: 1.8vw;height: 1.8vw;margin: .3vw 5px 0;border:1px solid #1b1b1b;background: #2e2e2e;}

.loaction {height:36px;line-height: 36px;}


.view-wallpaper {padding: 10px 0 0;text-align: center;position: relative;}
.view-wallpaper img {display: block;width: 100%;}
.btn {position: absolute;top:20px;right: 0px;width: 6.25%;}
.btn a {display: block;background: url(../img/back.png) no-repeat center 0;background-size:auto 40px;padding-top: 40px;opacity: 0.6;-webkit-filter: drop-shadow(1px 1px 1px grey); text-shadow: 1px 1px 1px gray;color: #fff;margin-bottom: 20px;}
.btn a span {display: block;line-height: 30px;}
.btn a:hover {opacity: 1;}
.btn a.down {background: url(../img/download.png) no-repeat center 0;background-size:auto 40px;}
.wallpaper-hd,.wallpaper-bar {text-align: center;background: #2e2e2e;padding: 30px 0;}
.wallpaper-hd {font-size: 22px}
.wallpaper-bar {padding-top: 0px;}
.wallpaper-bar ul {padding: 0 10%;}
.wallpaper-bar ul li {float: left;width: 20%;text-align: center;}
.wallpaper-bar ul li b {font-weight: 400;line-height: 40px;}
.wallpaper-bar ul li p {line-height: 30px;}
.wallpaper-bar ul li p a:hover{text-decoration:underline;}
.wallpaper-list .item  li {width: 24%;margin: .8% 0.5% 0 0.5%;}

.nologin {padding:100px 0 100px;font-size: 20px}

/*会员*/
.member {background: #060606;min-height: 600px;}
.member-hd {height: 50px;line-height: 50px;padding: 0 20px;overflow: hidden;}
.member-hd p {float: left;font-size: 30px;color: #b98c52;}
.member-hd span {float: right;font-size: 16px;display: block;height: 25px;line-height: 25px;padding: 15px 0 0 ;}
.member-hd span img { vertical-align: top;}
.viprecord{width:100%;border-width: 1px;border-color: #EDEDED;border-collapse: collapse;}
.viprecord td{height:30px;line-height:30px;text-align:center;font-size:14px}
.viprecord thead td{background-color:#F3FEF1;color:#198307;border-bottom:1px solid #87DC78}
.viprecord tbody td{height:40px;line-height:40px;color:#666;}
.viprecord .sh-show-null{color:#999;font-size:40px;margin-left:30px;font-weight:bold;height: 100px;}
.sh-show-null a{color:#009900;text-decoration:none;}
.sh-show-null a:hover{text-decoration:none}

.viptps {height:260px;margin-top:-130px}
.vipcon {color:#090;font-size:28px;line-height:250px;text-align:center}
.vipcon a {color:#f00}

.paypage {padding: 40px 0 20px;min-height: 600px;}
.paypage .col {width: 820px;float: left;}
.biuaskclass li {display: inline-block;margin-right: 30px;}
.biuaskclass li a {position: relative;display: inline-block;width: 210px;border-radius: 6px;border: solid 2px #a7a7a7;padding: 20px 0;text-align: center;cursor: pointer;}
.biuaskclass li h3 {font-size: 24px;color: #c39b5e;margin-bottom: 20px;}
.biuaskclass li p span{font-size: 14px;color: #ff4733;}
.biuaskclass li p span b {font-size: 20px}
.biuaskclass li p em {font-size: 16px;color: #999;margin-left: 16px;text-decoration: line-through;}
.biuaskclass li i {display: none;width: 12px;height: 12px;background: url(../img/opaysel.gif) no-repeat;position: absolute;bottom: 0px;right: 0;}
.biuaskclass li a.on {border: 2px solid #E4393C;}
.biuaskclass li a.on i {display: block;}
.paycolask {float: left;width: 736px;border-right: 1px solid #f0f0f0;}
.opay {height: 54px;overflow: hidden;}
.opay li {float: left;height: 54px;margin-right: 20px;}
.opay li a, .opay li a:visited {display: block;line-height: 44px;height: 44px;width: 140px;overflow: hidden;position: relative;text-align: center;border: 2px solid #a7a7a7;}
.opay li a.on {border: 2px solid #E4393C;padding: 0;background: url(../img/opaysel.gif) no-repeat right bottom}
.opay li img {display: inline-block;vertical-align: middle;margin: 0 auto;max-width: 100%;max-height: 100%;position: relative;top: 0px;}
.pbtn {padding: 20px 20px  0 0;text-align: center;}
.btn-topay {display: inline-block;height: 40px;line-height: 40px;background: #c39b5e;border: 0 none;border-radius: 2px;color: #fff;font-weight: bold;cursor: pointer;width: 100%;max-width: 308px;}
.btn-topay:hover {opacity: 0.8;}

.paypage h2 {font-size: 24px;font-weight: bold;color: #c39b5e;padding-bottom: 40px;border-right:0;}
.paypage dl {margin-bottom: 40px;float: left;width: 790px;}
.paypage dl dt {font-size: 18px;color: #a7a7a7;margin-bottom: 20px;}
.paypage dl dt,.paypage .sides h4 {font-size: 18px;color: #666;margin-bottom: 20px;}

.paypage .sides {float: right;width: 300px;}
.paypage .sides li {margin-bottom: 20px;line-height: 28px;color: #666;padding-left: 1.5em;position: relative;}
.paypage .sides li:before {content: '';width: 6px;height: 6px;border-radius: 100%;background: #1F40C5;display: inline-block;position: absolute;top:12px;left: 0;}
.paypage .sides li a {color: #c39b5e;}


@media only screen and (min-width: 2560px) {
	.logo {width: 15%; }
	.menu li,.btn {width: 5%; }
	

}

@media only screen and (max-width: 1919px) {
	.logo {width: 23.07%; }
	.menu li,.btn {width: 7.69%; }
	.search form {padding-left: 10%;width: 80%;}
	
}

@media only screen and (max-width: 1679px) {
	.logo {width: 30%; }
	.menu li,.btn {width: 7%; }
	
	.menu li.login {float: left;}
	.search form {padding-left: 15%;width: 70%;}
	
}

@media only screen and (max-width: 1000px) {
	.logo {width: 12.5%; }
	.logo a,.logo a:visited {background-size: 100% auto;}
	.menu li,.btn {width: 12.5%; height: 11.56vw;}
	.menu li.m2,.menu li.m3,.menu li.m4 {display: none;}
	.item li {width: 49.46%;margin: 30px 0 0 0.5%;}
	.item li:nth-child(3n),
	.item li.last,.sitem .last {display: none;}
	.sitem {padding-top: 0;}
	.sitem li{width: 47.9%;}	
	.search {height: 11.5vw;}
	.search form {margin-top: 1.2%;padding-left: 2.5%;width: 95%;}
	.search form div,.search form .btn {height: 8.4vw;}	
	.search form .btn input {background-size:auto 4.5vw;}
	.wallpaper-bar ul {padding: 0 5%;}
    .wallpaper-list .item li {width: 24%;margin: .8% 0.5% 0 0.5%;}
    .wallpaper-list .item li.last {display: block;}
}
@media only screen and (max-width: 500px) {
	.wallpaper-bar ul {padding: 0 0%;}
}