/*
 * Author: clovis(706706)
 * Version: 0.1.0
 * Compile Date: 2022-07-11 12:34
*/ 
/***********************reset***********************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, span, object, iframe { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
body { font-family: "Microsoft Yahei"; font-size: 14px; color: #9a5115; min-width: 1200px; }
a { text-decoration: none; color: #9a5115; }
.clearfix:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.clearfix { zoom: 1; }
.dn { display: none }
.fl { float: left; }
.fr { float: right; }
.txt-hidden { text-indent: -999999px; overflow: hidden; line-height: 1; }
.wrapper { width: 1200px; margin: 0 auto; position: relative; }
#altContent { position: absolute; top: -13px; height: 928px; width: 1080px; z-index: 1; }
.full { background: url(../images/full-bg.jpg) center 0 no-repeat; height: 1030px; }
.main { background: url(../images/main.jpg) center 0 no-repeat; height: 1030px; }
.nav { height: 90px; line-height: 70px;padding-left: 62px; }
.nav li { float: left; text-align: center; margin-left: 20px; }
.nav li a { font-size: 16px; text-decoration: none; color: #ffe400; }
.nav li a:hover { color: #F3EFD5; }
.nav li.on { width: 130px; height: 94px; font-weight: bold; }
.nav-icon {width: 8px; height: 13px;  display: inline-block; margin-left: 20px;background-repeat: no-repeat;}

.main-cont { position: relative; width: 1200px; height: 275px; margin: 0 auto; padding-top: 540px;}
.stars-area{ width:1200px; height:275px; position: relative;}
.vipbox{ position: absolute; font-size: 0;}
.stars {left: 55px; top:0px; width: 250px; height: 211px; background: url(../images/stars.png) no-repeat;}
.aggregation {left: 340px; top: 60px; width: 250px; height:220px; background: url(../images/aggregation.png) no-repeat;}
.mobilization {left: 638px; top: 60px; width: 250px; height: 219px; background: url(../images/mobilization.png) no-repeat;}
.special-envoy {left: 920px; top: 0px; width: 250px; height: 215px; background: url(../images/special-envoy.png) no-repeat;}
.stars.on,.stars:hover {position: absolute; left: 25px; top: 0px; width: 313px; height: 265px; background: url(../images/big-stars.png) no-repeat;}
.aggregation.on,.aggregation:hover {position: absolute; left: 315px; top: 60px; width: 315px; height: 265px; background: url(../images/big-aggregation.png) no-repeat}
.mobilization.on,.mobilization:hover {position: absolute; left: 610px; top: 60px; width: 313px; height: 265px; background: url(../images/big-mobilization.png) no-repeat;}
.special-envoy.on,.special-envoy:hover {position: absolute; left: 895px; top: 0px; width: 313px; height: 265px; background: url(../images/big-special-envoy.png) no-repeat;}

.vip-info { position: absolute; top: 320px; left: 50%; margin-left: -245px; width: 490px; height: 350px; display: none; text-align: center; }
.vip-info-title { color: #fce26d; font-size: 82px; text-indent: -9999px;}
.vip-stars {width: 365px; height: 97px;background-repeat: no-repeat; margin: 0px auto;}
.vip-aggregation {width: 395px; height: 76px;background-repeat: no-repeat; margin: 0px auto;}
.vip-server {color: #fff; font-size: 25px; width: 303px; height: 60px;  text-align: center; line-height: 41px; margin: 0 auto; background-repeat: no-repeat;}
.apply-time, .examine-time { color: #fff; font-size: 18px; display: block; text-align: center; margin-top: 3px; }
.stars-time{display:none;}
.show { display: block; }
.activity-end {width: 207px; height: 81px;  position: absolute; top: 130px; left: 165px; display: none;background-repeat: no-repeat;}
.star-studded {width: 243px; height: 60px;  color: #fff; font-size: 38px; text-align: center; line-height: 41px; margin: 0 auto;background-repeat: no-repeat;}
.experience { color: #fff; font-size: 22px; text-align: center; }
.vip-mobilization {width: 391px; height: 76px; padding-bottom: 5px;background-repeat: no-repeat; margin: 0px auto;}
.vip-special-envoy {width: 388px; height: 81px;background-repeat: no-repeat; margin: 0px auto;}
.hot {width: 243px; height: 60px;  text-align: center; line-height: 70px; margin: 0 auto; color: #fff; font-size: 38px;background-repeat: no-repeat;}

.footer { color: #272323; text-align: center; line-height: 15px; padding-top: 25px; font-size:12px; }
.footer a { color: #272323; text-decoration: none; }
.footer a:hover{text-decoration:underline;}
.nav-icon{background-position:-387px 0px}
.vip-stars{background-position:-30px -1551px}
.vip-aggregation{background-position:0px -1668px}
.vip-server{background-position:-92px -1764px}
.activity-end{background-position:-188px -1844px}
.star-studded{background-position:-152px -1945px}
.vip-mobilization{background-position:-4px -2025px}
.vip-special-envoy{background-position:-7px -2121px}
.hot{background-position:-152px -2222px}
.nav-icon,.vip-stars,.vip-aggregation,.vip-server,.activity-end,.star-studded,.vip-mobilization,.vip-special-envoy,.hot{background-image: url(../images/style_z.png)}