body{color: #1b1a22;font: 16px/1.5 "Microsoft Yahei";}
/*header*/.header{background: url(../images/header.jpg) no-repeat center top;height: 580px;}
.logo{position: absolute;top: 0px;left: 0px;}
.logo img{width: 157px;}
.header h2{display: none;}
.nav{position: absolute;z-index: 2;padding-top: 20px;float: left;margin-left: 160px;}
.nav a{float: left;width: 139px;color: #000;font-size: 16px;text-align: center;}
.nav a:hover{color: #ff8a16;text-decoration: none;}
.nav a span{display: block;color: #616161;font-size: 12px;font-variant: small-caps;text-transform: lowercase;line-height: 1em;}
/*subnav*/.sitenav{position: relative;}
.subnav{display: none;background: url(../images/subnav-bg.png) no-repeat center top;width: 844px;height: 338px;position: absolute;z-index: 1;top: 20px;left: 160px;padding: 50px 0 23px;}
.snav{display: inline;float: left;margin-left: 0px;}
.snav li{display: inline-block;width: 140px;float: left;text-align: center;}
.snav li a{display: block;color: #121111;margin-bottom: 2px;padding: 0 10px;font-size: 12px;line-height: 20px;background: none;}
.snav li a:hover{text-decoration: none;/* background:#3f4c72;*/color: #ea6900;}
/*main*/.main{background: url(../images/main.jpg) no-repeat top center;}
/*download*/.btn-download{float: left;width: 327px;height: 183px;background-repeat: no-repeat;}
.btn-download:hover{background-repeat: no-repeat;}
.btn-recharge{float: left;width: 162px;height: 88px;/* margin-left: 1px;*/border-right: 1px solid #9b6912;color: #380b00;font-size: 18px;font-weight: bold;text-shadow: 1px 1px 0px #b4801c;text-align: center;line-height: 90px;background-repeat: no-repeat;}
.btn-recharge:hover{background-repeat: no-repeat;}
.btn-recharge span, .btn-list-01 a span, .download-btn-cz span{display: inline-block;width: 14px;height: 19px;vertical-align: middle;margin-right: 10px;background-repeat: no-repeat;}
.btn-reg{width: 161px;margin-left: 0;border-right: none;border-left: 1px solid #6f4a12;}
.btn-reg span{width: 17px;height: 18px;background-repeat: no-repeat;}
/*slide pagination*/.pagination{position: absolute;z-index: 20;left: 50%;margin-left: -50px;bottom: 35px;}
.swiper-pagination-switch{display: inline-block;width: 18px;height: 18px;border-radius: 18px;margin-right: 5px;cursor: pointer;background-repeat: no-repeat;}
.swiper-visible-switch{background-repeat: no-repeat;}
.swiper-active-switch{background-repeat: no-repeat;}
/*btn-list-01*/.btn-list-01{float: left;margin-top: 10px;}
.btn-list-01 a{float: left;width: 163px;height: 90px;color: #000;font-size: 18px;text-align: left;line-height: 92px;background-repeat: no-repeat;}
.btn-list-01 a:hover{background-repeat: no-repeat;}
.btn-list-01 a span{margin-left: 20px;}
.btn-list-01 .a-01 span{width: 21px;height: 21px;background-repeat: no-repeat;}
.btn-list-01 .a-02 span{width: 14px;height: 14px;background-repeat: no-repeat;}
.btn-list-01 .a-03 span{width: 20px;height: 19px;background-repeat: no-repeat;}
.btn-list-01 .a-04 span{width: 13px;height: 19px;background-repeat: no-repeat;}
.btn-list-01 .a-05 span{width: 17px;height: 20px;background-repeat: no-repeat;}
.btn-list-01 .a-06 span{width: 20px;height: 16px;background-repeat: no-repeat;}
.btn-list-01 .a-07 span{width: 20px;height: 16px;background-repeat: no-repeat;}
/*btn-list-02*/.btn-list-02 a{position: relative;width: 164px;height: 135px;text-align: center;line-height: 40px;background-repeat: no-repeat;}
.btn-list-02 a .share-cont{position:absolute;display: none;top: -10px;left: -170px;z-index: 2;width: 170px;height: 170px;background:#ddb44b;color: #000;font-size: 16px;}
.btn-list-02 a .share-cont img{padding-top: 20px;text-align:center;}
.btn-list-02 a .share-cont p{width: 145px;height: 145px;margin-left: 10px;margin-top: 12px;background:#fff;line-height: 20px;}
.btn-list-02 a .share-cont i{display: inline-block;padding-top: 20px;font-style:normal;background:none;color:#ba4f00;font-size:14px;}
.btn-list-02 a:hover{color: #fff;background-repeat: no-repeat;}
.btn-list-02 a span{margin-left: 0px;margin-top: 30px;}
.btn-list-02 .a-01 span{width: 37px;height: 30px;background-repeat: no-repeat;}
.btn-list-02 .a-02 span{width: 38px;height: 31px;background-repeat: no-repeat;}
.btn-list-02 .a-03 span{width: 31px;height: 31px;background-repeat: no-repeat;}
.btn-list-02 .a-04 span{width: 30px;height: 31px;background-repeat: no-repeat;}
.btn-list-02 .a-01:hover span{background-repeat: no-repeat;}
.btn-list-02 .a-02:hover span{background-repeat: no-repeat;}
.btn-list-02 .a-03:hover span{background-repeat: no-repeat;}
.btn-list-02 .a-04:hover span{background-repeat: no-repeat;}
/*sprite*/.btn-list-02 .a-02{z-index:2;}
.btn-download{background-position:0px 0px}
.btn-download:hover{background-position:0px -204px}
.btn-recharge{background-position:-163px -408px}
.btn-recharge:hover{background-position:-163px -516px}
.btn-recharge span, .btn-list-01 a span, .download-btn-cz span{background-position:-313px -624px}
.btn-reg span{background-position:-310px -663px}
.btn-list-01 a{background-position:-164px -701px}
.btn-list-01 a:hover{background-position:-164px -813px}
.btn-list-01 .a-01 span{background-position:-306px -925px}
.btn-list-01 .a-02 span{background-position:-313px -966px}
.btn-list-01 .a-03 span{background-position:-307px -1000px}
.btn-list-01 .a-04 span{background-position:-314px -1039px}
.btn-list-01 .a-05 span{background-position:-310px -1078px}
.btn-list-01 .a-06 span{background-position:-307px -1118px}
.btn-list-01 .a-07 span{background-position:-309px -1154px}
.swiper-pagination-switch{background-position:-309px -1189px}
.swiper-visible-switch{background-position:-309px -1227px}
.swiper-active-switch{background-position:-309px -1227px}
.btn-list-02 a{background-position:-163px -1265px}
.btn-list-02 a:hover{background-position:-163px -1422px}
.btn-list-02 .a-01 span{background-position:-290px -1579px}
.btn-list-02 .a-02 span{background-position:-289px -1629px}
.btn-list-02 .a-03 span{background-position:-296px -1680px}
.btn-list-02 .a-04 span{background-position:-297px -1731px}
.btn-list-02 .a-01:hover span{background-position:-290px -1782px}
.btn-list-02 .a-02:hover span{background-position:-289px -1832px}
.btn-list-02 .a-03:hover span{background-position:-296px -1883px}
.btn-list-02 .a-04:hover span{background-position:-297px -1934px}
.container .tab a i{background-position:-317px -1985px}
.container .tab .active i{background-position:-317px -2015px}
.download-steps a{background-position:-77px -2045px}
.download-steps a:hover{background-position:-77px -2112px}
.download-btn-cz{background-position:-1px -2179px}
.download-btn-cz:hover{background-position:-1px -2289px}
.download-btn-cz span{background-position:-302px -2399px}
.download-container h4 span{background-position:-307px -2450px}
.download-container .dl-table-01 .dl-doubt{background-position:-309px -2488px}
.btn-list-04 a{background-position:-185px -2526px}
.btn-list-04 a:hover{background-position:-185px -2598px}
.btn-list-05 a{background-position:-185px -2670px}
.btn-list-05 a:hover{background-position:-185px -2742px}
.btn-list-06 a span{background-position:-313px -2814px}
.btn-list-07 a{background-position:-35px -2844px}
.btn-list-07 a:hover{background-position:-35px -2916px}
.download-container .use-explain-03 span{background-position:-299px -2988px}
.btn-download,.btn-download:hover,.btn-recharge,.btn-recharge:hover,.btn-recharge span, .btn-list-01 a span, .download-btn-cz span,.btn-reg span,.btn-list-01 a,.btn-list-01 a:hover,.btn-list-01 .a-01 span,.btn-list-01 .a-02 span,.btn-list-01 .a-03 span,.btn-list-01 .a-04 span,.btn-list-01 .a-05 span,.btn-list-01 .a-06 span,.btn-list-01 .a-07 span,.swiper-pagination-switch,.swiper-visible-switch,.swiper-active-switch,.btn-list-02 a,.btn-list-02 a:hover,.btn-list-02 .a-01 span,.btn-list-02 .a-02 span,.btn-list-02 .a-03 span,.btn-list-02 .a-04 span,.btn-list-02 .a-01:hover span,.btn-list-02 .a-02:hover span,.btn-list-02 .a-03:hover span,.btn-list-02 .a-04:hover span{background-image: url(../images/style_z.png)}
.container .tab a i,.container .tab .active i,.download-steps a,.download-steps a:hover,.download-btn-cz,.download-btn-cz:hover,.download-btn-cz span,.download-container h4 span,.download-container .dl-table-01 .dl-doubt,.btn-list-04 a,.btn-list-04 a:hover,.btn-list-05 a,.btn-list-05 a:hover,.btn-list-06 a span,.btn-list-07 a,.btn-list-07 a:hover,.download-container .use-explain-03 span{background-image: url(../images/style_z.png)}
/* 瓜分天石皮肤*/.nav a{float: left;width: 139px;color: #fff;font-size: 16px;text-align: center;}
.nav a span{color: #afafaf;}
.subnav{top: 45px;}
.header{background: url(h../images/header-v7.jpg) no-repeat center top;height: 580px;}
.main{background: url(../images/main-v3.jpg) no-repeat top center;}
/* 战士翻身皮肤*/.nav a{float: left;width: 139px;color: #fff;font-size: 16px;text-align: center;}
.nav a span{color: #afafaf;}
.subnav{top: 45px;}
.header{background: url(../images/header-v8.jpg) no-repeat center top;height: 580px;}
.main{background: url(../images/main-v4.jpg) no-repeat top center;}