@charset "utf-8";
html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {background:#FFF;color:#4a4f5a;font: 400 14px/1.5 "微软雅黑",Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
article,aside,footer,header,nav,section,audio,canvas,video,img {display: block;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
button{outline:0;border:none;}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
textarea {resize: none;}
iframe,img {border:0;}
img{display:block;width:100%;}
ul,ol {list-style:none;}
input,select,textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
input {-webkit-appearance: none;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}

/*动画*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

/*正文开始*/
body{background:url(/images/phoneshop/ydkt-h5/bg01.png) no-repeat 0 0;background-size:100% 100%;}
html,body{position: relative;height: 100%}

.swiper-container {width: 100%;height: 100%;overflow:hidden;max-width:720px;margin:0 auto}
.swiper-slide {width: 100%;height: 100%}
.swiper-slide .slide-in {width: 100%;height: 100%;position:relative;overflow:hidden}
.swiper-slide section{display:block;}
.swiper-slide section img{width:96%;height:auto;margin:0 auto}

.slide1 .sec01{position:absolute;right:0rem;top:.3rem;width:2.84rem;}
.slide1 .sec02{position:absolute;left:0;top:1.2rem}
.slide1 .sec03{position:absolute;left:0;top:-1rem}
.slide1 .sec04{position:absolute;left:50%;top:9.5rem;width:5.6rem;margin:0 0 0 -2.8rem}
.slide1 .sec04 div a.ao,.slide1 .sec04 div a.at{display:block;width:3.76rem;left:50%;margin:0 0 0 -1.88rem}
.slide1 .sec04 div a.ao{top:1.24rem;}
.slide1 .sec04 div a.at{top:2.54rem}

.android_select,.ios_select{display:none; width:5.6rem; height:1.6rem;background:#fff5cf;padding:0 .3rem;border-radius:4%/12%;z-index:999;top:0.64rem; left: -0.3rem;}
.android_select:before,.ios_select:before{content:"";width:0;height:0;border:.4rem solid transparent;left:50%;bottom:-.7rem;margin-left:-.4rem;position:absolute;border-top:.4rem solid #fff5cf;}
.android_select a,.ios_select a{display:block;width:2.6rem;height:.8rem;font-size:.32rem;color:#fff;text-align:center;line-height:.8rem;border-radius:.12rem;background:orange;box-shadow:2px 2px 6px #ddd; margin-top: 0.4rem;}
.ios_select{top:-0.64rem;}

.slide2 .sec01{position:absolute;right:0rem;top:.3rem;width:2.84rem;}
.slide2 .sec02{position:absolute;left:0;top:1.6rem}
.slide2 .sec03{position:absolute;left:0;top:-1.3rem}

.slide3 .sec01{position:absolute;right:0rem;top:.3rem;width:2.84rem;}
.slide3 .sec02{position:absolute;left:0;top:2.1rem}
.slide3 .sec03{position:absolute;left:0;top:-0.8rem}

.slide4 .sec01{position:absolute;right:0rem;top:.3rem;width:2.84rem;}
.slide4 .sec02{position:absolute;left:0;top:2.1rem}
.slide4 .sec03{position:absolute;left:0;top:-0.8rem}

.slide5 .sec01{position:absolute;right:0rem;top:.3rem;width:2.84rem;}
.slide5 .sec02{position:absolute;left:0;top:-0.6rem}
.slide5 .sec03{position:absolute;left:0;top:-1.2rem}
.slide5 .sec04{position:absolute;left:0;top:-1.7rem}

.slide6 .sec01{position:absolute;right:0rem;top:.5rem;width:2.84rem;}
.slide6 .sec02{position:absolute;left:0;top:-0.7rem}

.icon_xia{width:0.62rem;position:fixed;bottom:1rem;left:50%;margin:0 0 0 -0.31rem;z-index:10;
    -webkit-animation: icon_xia_ani .8s linear infinite alternate;
    animation: icon_xia_ani .8s linear infinite alternate;
}

@-webkit-keyframes icon_xia_ani {
    0%{
        bottom:1.1rem;
    }
    100%{
        bottom:1rem;
    }
}
@keyframes icon_xia_ani {
    0%{
        bottom:1.1rem;
    }
    100%{
        bottom:1rem;
    }
}

.bIsWeixin{ display:none}
.bIsWeixin .bg{ width:100%; height:100%; background:#000; position:absolute; left:0; top:0; opacity:0.4; filter: Alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; z-index:11;}
.bIsWeixin img{ width:60%; position:absolute; top:1%; right:5%; z-index:12;}