@charset "utf-8";
*{ zoom:1.000001;-webkit-tap-highlight-color: rgba(0,0,0,0);  }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body {font: 24px "Lucida Grande", Helvetica, Arial, Verdana, "Microsoft YaHei", sans-serif; color:#e1d6bf; line-height: 1.3; background: #191919; min-width:320px; margin: 0 auto; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
address, cite, dfn, em, var, i { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
form { display: inline; }
small { font-size: 12px; }
ul, ol { list-style: none; }
a { text-decoration: none; color: #e1d6bf; font-size:24px }
a:active { color: #ffde00; }
img { vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none; -webkit-appearance: auto; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { resize: none; }
.l { float: left; display: inline; }
.r { float: right; display: inline; }
.radius_4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.hidden { line-height: 99999px; overflow: hidden }
.clearfix:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both }
.relative{ position:relative}
header, footer, article, section, nav, menu, hgroup { display: block; clear: all; }



html{ width:100%; height:100%; }
body{ width:640px; margin:0 auto; position:relative;}
html,body{ zoom:1}



.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-slide{float:left;}

.box{ width:640px; height:590px; padding-top:270px; overflow:hidden}



.rule_box{ width:580px;background:url(https://img8.99.com/m.mykd/2014/09/hdzt/ruler.png) no-repeat; -webkit-background-size:580px 100%; background-size:580px 100%;  line-height:30px; margin:0 auto; padding-top:5px; padding-bottom:10px }
.rule_box h2{ width:105px; height:28px; display:block; background:#685439; color:#eacda5; position:relative; left:-12px; line-height:28px; text-align:center;  margin-top:10px;}
.rule_box .time{ margin-top:-25px; line-height:25px; margin-left:105px;}
.rule_box .txt{ padding:10px 10px 0;}
.rule_box .txt p{ color:#e1d6bf;}

.yel{ color:#f5c765!important}




.tab-item{ height:0; overflow:hidden}

.tab-ti{ padding:0 0 10px; text-align:center}
.tab-ti ul{ display:inline-block}


.playerCount{text-align:center; padding:40px 0 10px;}
.playerCount span { display: inline-block; width: 20px; height: 20px; background:#3e2b14; border-radius: 10px; margin:0 5px  }
.playerCount span.swiper-active-switch { background: #bd8423; }
/*#playerCount-qzd  span{ background: #bd8423; }*/

.tab-ti li{ float:left; padding:0 5px}
.tab-ti li .icon{ float:left; width:110px; height:110px; background:#161616; border-radius:50%;}
.tab-ti li img{ width:100px; height:100px; border:2px solid #424242; border-radius:50%; float:left; margin:3px 0 0 3px; cursor:pointer}
.tab-ti li.on .icon{ background:#3e2b14}
.tab-ti li.on img{ border-color:#c58a24}
.tab-ti li.on .playerCount{ display:block}




.loading{ background:rgba(0,0,0,1); position:absolute; left:0; top:0; right:0; bottom:0; z-index:100000; color:#fff; display:block; text-align:center; padding-top:30%; -webkit-box-sizing:border-box; box-sizing:border-box}

.loading span{ display:inline-block; position:relative; width:80px; height:80px; border-radius:50%;
background: -webkit-linear-gradient(top,#ccc,#000);
background: -webkit-gradient(linear,center top,center bottom,from(#ccc), to(#000)); margin-right:5px;
-webkit-animation:loading 0.2s linear infinite;animation:loading 0.2s linear infinite;
	}
	
@-webkit-keyframes  loading{
	0%{  -webkit-transform:rotate(0deg)}
	100%{ -webkit-transform:rotate(360deg)}
	}
	
@keyframes loading{
	0%{ transform:rotate(0deg)}
	100%{transform:translateX(360deg);}
	}

.loading span:after{content:""; display:block; width:60px; height:60px; background:#000; border-radius:50%; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px}




/*.xzdyqz{ background:url(https://img8.99.com/m.mykd/2014/09/hdzt/xzdycz.jpg) no-repeat}
.hdlswjs{ background:url(https://img8.99.com/m.mykd/2014/09/hdzt/hdlswjs.jpg) no-repeat}
.lsboss{ background:url(https://img8.99.com/m.mykd/2014/09/hdzt/lsboss.jpg) no-repeat}
.qfcjw{ background:url(https://img8.99.com/m.mykd/2014/09/hdzt/qfcjw.jpg) no-repeat}
.rctzfb{ background:url(https://img8.99.com/m.mykd/2014/09/hdzt/rctzfb.jpg) no-repeat}
.scczjbfl{ background:url(https://img8.99.com/m.mykd/2014/09/hdzt/scczjbfl.jpg) no-repeat}
.sjboss{ background:url(https://img8.99.com/m.mykd/2014/09/hdzt/sjboss.jpg) no-repeat}
.smhg{ background:url(https://img8.99.com/m.mykd/2014/09/hdzt/smhg.jpg) no-repeat}
.xfycs{ background:url(https://img8.99.com/m.mykd/2014/09/hdzt/xfycs.jpg) no-repeat}
.ygboss{ background:url(https://img8.99.com/m.mykd/2014/09/hdzt/ygboss.jpg) no-repeat}
.xmpb{ background:url(https://img8.99.com/m.mykd/2014/09/hdzt/xmpb.jpg) no-repeat}*/



.tab-cont{ height:860px}

.main{background:url(https://img8.99.com/mykd/img/2015/01/13/main.jpg) no-repeat; position:relative}
.icon-top{ height:90px; position:absolute; left:10px; top:20px; padding-left:100px}
.icon-top img{ position:absolute; left:0px; top:5px}
.icon-top strong{ display:block;font-size:28px; padding-top:10px}
#btn{ display:block; width:180px; height:60px; background:url(https://img8.99.com/m.mykd/2014/09/hdzt/btn.png) no-repeat; position:absolute; line-height:99999px; overflow:hidden; right:10px; top:36px}

.btn-main{ display:block; position:absolute; top:90px; left:0; right:0; bottom:0}