@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: 30px "Lucida Grande", Helvetica, Arial, Verdana, "Microsoft YaHei", sans-serif; color: #fff; line-height: 1.5; background: #463823; 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: #fff;-webkit-text-size-adjust: auto; }
a:active { color:#C60 }
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; }


body { width: 750px; margin: 0 auto; }

body.body-hide{ background:#f7f7f7}
body.body-hide *,#downTip{ display:none!important}
body.body-hide #downTip{ display:block!important; width:100%}


.mod1{ background:url(https://img8.99.com/m.mykd/img/2015/08/18/hdzt/mod1-v1.jpg) no-repeat; height:720px; position:relative}
.mod2{ background:url(https://img8.99.com/m.mykd/img/2015/08/19/mod2.jpg) no-repeat; height:478px; position:relative}
.btn{ display:block; width:240px; height:75px; text-align:center; line-height:75px; background:url(https://img8.99.com/m.mykd/img/2015/08/18/hdzt/btn.png) no-repeat; margin:20px auto 20px; color:#f6eaa7}
.mod3{ background:url(https://img8.99.com/m.mykd/img/2015/08/18/hdzt/mod3.jpg) no-repeat; height:517px; position:relative}
.mod4{ background:url(https://img8.99.com/m.mykd/img/2015/08/18/hdzt/mod4.jpg) no-repeat; height:429px; position:relative}
.mod5{ background:url(https://img8.99.com/m.mykd/img/2015/08/18/hdzt/mod5.jpg) no-repeat; height:426px; position:relative}
.mod6{ background:url(https://img8.99.com/m.mykd/img/2015/08/18/hdzt/mod6.jpg) no-repeat; height:387px; position:relative}
.mod7{ background:url(https://img8.99.com/m.mykd/img/2015/08/18/hdzt/mod7.jpg) no-repeat; height:330px; position:relative}

#logo_bg{ width:200px}
#logo_bg img{ width:100%}
.time{ border:2px solid #595345; white-space:nowrap; color:
#403500; text-shadow:1px 1px 1px rgba(255,255,255,0.7); position:absolute; left:50%; bottom:190px; -webkit-transform:translateX(-50%); padding:3px 5px }
.btn-down{ display:block; width:230px; height:91px;  background:url(https://img8.99.com/m.mykd/img/2015/08/18/hdzt/btn-down.png) no-repeat; position:absolute; left:50%; margin-left:-115px; bottom:50px}

.mod2 a,.mod3 a{ float:left; width:50%; height:478px}
.mod3 a{ height:517px}
.mod4 a,.mod5 a,.mod6 a{ float:left; width:33.3%; height:517px}
.mod5 a{ height:426px}
.mod6 a{ height:387px}
.mod7 a{ display:block; height:330px}
.tc{ position:fixed; left:0; top:0; background:rgba(0,0,0,0.7); width:100%; height:100%; display:none; font-size:24px}
.tc-cont{ width:100%; border:5px solid #6f522c; padding:20px; -webkit-box-sizing:border-box; background:#533d21; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); max-height:95%; overflow-y:auto;-webkit-overflow-scrolling: touch; }
.tc-cont div{ display:none}
.tc strong{ color:red}
.tc-tab{ width:100%; margin:5px auto 5px; text-align:center;}
.tc-tab td{ border:1px solid; white-space:nowrap; padding:2px; font-size:20px}