@charset "utf-8";
* { zoom:1.000001; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform:translate3d(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, cmsArea, th, td { margin: 0; padding: 0; }
body { font: 28px "Lucida Grande", Helvetica, Arial, Verdana, "Microsoft YaHei", sans-serif; color: #fff; line-height: 1.3; background: #fff; 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, cmsArea { font-size: 100%; vertical-align: middle; outline: none; -webkit-appearance: auto; }
table { border-collapse: collapse; border-spacing: 0; }
cmsArea { 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%; overflow:hidden}
body { width: 640px;height: 100%; margin: 0 auto; overflow:hidden }

.mod{ width:640px; position:relative;height:100%;}
.swiper-container{ width:640px;height:100%; overflow:hidden}
.swiper-container .swiper-wrapper{ width:640px; height:100%;-webkit-transition:all 0.5s linear; }
.swiper-container .swiper-slide{ width:640px; overflow:hidden; height:100%; position:relative}

.sharp-bot{background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/sharp.png) no-repeat center center; width:640px; height:70px; position:absolute; left:0; bottom:0; z-index:100000; display:block;-webkit-animation:sharp-bot 0.5s linear infinite alternate;}

@-webkit-keyframes sharp-bot{
    0%{ bottom:16px;}
	100%{ bottom:0}
}


/*页面1*/
.p1{width:640px; height:100%; background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/bg-ind.jpg) no-repeat center 0; -webkit-background-size:cover}
.p1-cont{ width:640px; position:absolute; left:0; bottom:80px}
.btn-video{ background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/btn-video.png) no-repeat; width:117px; height:117px; display:block; margin:0 auto; display:none}
.p1-slogan{ background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/ind-slogan.png) center 0 no-repeat; height:286px}
.btn-down{ background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/btn-down.png) no-repeat; display:block; width:436px; height:99px; margin:20px auto 0}
.logo{ display:block; width:120px; height:120px; position:absolute; left:0; top:0;}

/*页面2*/
.p2{width:640px; height:100%; background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/bg2.jpg) no-repeat center center; -webkit-background-size:cover}

/*页面3*/
.p3{width:640px; height:100%; background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/bg3.jpg) no-repeat center 0; -webkit-background-size:cover}
.btn-view{ display:block; width:188px; height:46px; border-radius:30px; line-height:46px; padding-left:20px; background:rgba(255,234,140,0.7); color:#482918; position:absolute; right:-60px; top:70%; font-weight:bold}
@media screen and (max-height:480px){
 .p3{-webkit-background-size:640px 120%}
}
@media screen and (min-device-aspect-ratio:768/1024) {
 .p3{-webkit-background-size:640px 120%}
}
/*页面4*/
.p4{width:640px; height:100%; background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/bg4.jpg) no-repeat center 0; -webkit-background-size:cover}
.p4-cont{width:590px;margin:33% auto 0;}
.img-box{ width:590px; height:390px; overflow:hidden; position:relative;  border:1px solid #3a2e1b}
.img-box img{ width:100%}
#btn-left,#btn-right{ display:block; background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/btn-sharp.png) no-repeat; width:27px; height:66px; position:absolute; top:50%; margin-top:-33px}
#btn-left{ left:0}
#btn-right{ right:0; -webkit-transform:scaleX(-1)}
.detail{ width:572px; padding:10px; background:rgba(0,0,0,0.7); color:#d9c6a9; margin-top:16px; font-size:24px}
.detail h3{ color:#fcaa2a; font-size:36px}
.detail li{ float:left; width:50%; padding-bottom:5px}
.detail li:nth-of-type(3){ width:100%}
.detail-cont{ padding:40px 0 20px 150px; background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/gift.png) left center no-repeat;height:100px; overflow-y:auto;-webkit-overflow-scrolling: touch;}
@media screen and (max-height:480px){
 .p4-cont{ zoom:0.9}
}
@media screen and (min-device-aspect-ratio:768/1024) {
 .p4-cont{ zoom:0.75}
}
/*页面5*/
.p5{width:640px; height:100%; background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/bg5.jpg) no-repeat 0 0; -webkit-background-size:cover}
.list{ margin-top:33.3%}
.list li{ float:left; width:50%; padding:10px 0; text-align:center}
.list li img{ display:block;width:95%; margin:0 auto}
/*页面6*/
.p6{width:640px; height:100%; background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/bg6.jpg) no-repeat center 0; -webkit-background-size:cover}
.p6-slogan{ background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/slogan6.png) no-repeat center 0; height:193px; margin-top:40%}
.btns{ width:470px; margin:16px auto 0; font-size:24px}
.btns a{ display:block; width:470px; height:70px; background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/btn-p6.png) no-repeat; text-align:center; line-height:70px; color:#f6e59a; margin-bottom:30px}
.btns a:last-child{ background:rgba(168,148,105,0.8); color:#623d29}
@media screen and (max-height:480px){
 .list{-webkit-transform:scale(0.8)}
 .p6-slogan{ margin-top:35%}
 .btns a{ margin-bottom:10px}
}
@media screen and (min-device-aspect-ratio:768/1024) {
 .list{-webkit-transform:scale(0.8)}
 .p6-cont{ zoom:0.70}
}
/*页面7*/
.p7{width:640px; height:100%; background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/bg7.jpg) no-repeat center 0; -webkit-background-size:cover}
.p7-cont-t{ width:640px; position:absolute; left:0; top:0}
#logo_bg{ width:190px; margin:0 auto}
#logo_bg img{ width:100%}
.p7-slogan{ height:301px; background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/slogan7.png) 80px 0 no-repeat}
.p7-cont-b{ width:640px; position:absolute; left:0; bottom:100px}
.p7-step{ background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/p7-cont.png) center 0 no-repeat; height:90px; margin-bottom:50px}
.p7-step a:nth-of-type(1){ float:left;display:block; width:180px; height:90px}
.p7-step a:nth-of-type(2){ float:left;display:block; width:460px; height:90px}
.p7-kf{ width:233px; height:70px; margin:40px auto 0; background:url(https://img8.99.com/m.mykd/img/2015/08/18/zt/p7-kf.png) no-repeat}
.p7-kf a{ float:left; width:50%; height:70px;}
@media screen and (max-height:480px){
.p7-cont-b{ top:500px; bottom:auto}
}
@media screen and (min-device-aspect-ratio:768/1024) {
.p7-cont-b{ bottom:30px}
.p7-cont-b *{ zoom:0.8}
}
/*横竖屏提示*/
.tip{ background:#000; color:#fff; position:fixed; left:0; top:0;right:0; height:400%; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:start; display:box; box-pack:center; box-align:center; z-index:1000000; padding-top:20%; -webkit-box-sizing:border-box}

/*竖屏样式*/
@media screen and (orientation:portrait){
 .tip{ display:none} 
}


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