article,aside,blockquote,body,button,code,dd,dialog,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}li,ol,ul{list-style:none}em,i{font-style:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}img{border:0;max-width:100%}img,input{vertical-align:middle}a:focus,input:focus{outline:0}a{color:#353d44;text-decoration:none}a:active{opacity:.7}*{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box}html{-webkit-text-size-adjust:none;overflow-y:scroll}body{min-width:320px;line-height:1.5;color:#353d44;font-family:Arial,Helvetica,STHeiTi,sans-serif}.w{margin:0 auto;max-width:15rem}.layout{margin:.2rem;-webkit-box-sizing:border-box}.pdlayout{padding:.2rem .6rem}.fix:after{display:block;content:'';clear:both;visibility:hidden}.cl{clear:both}.fl{float:left}.fr{float:right}.block{display:block}.dib{display:inline-block}.hide{display:none}.mt20{margin-top:.4rem!important}.mt10{margin-top:.2rem!important}.f12,.f14,.f16,.f18,.f20{font-size:.58rem}.fhalf{font-size:.4rem}.scale{-webkit-transform:scale(.8)}.font{font-size:.58rem}.f30{font-size:.6rem}.tr{text-align:right}.tc{text-align:center}.pa{position:absolute}.pr{position:relative}.gray6{color:#666}.gray9{color:#999}.vm{position:absolute;top:50%;-webkit-transform:translateY(-50%)}.hm{position:absolute;left:50%;-webkit-transform:translateX(-50%)}.bold{font-weight:700}.of{overflow:hidden;word-wrap:break-word;word-break:break-all;white-space:nowrap;text-overflow:ellipsis}.wb{word-wrap:break-word;word-break:break-all;text-overflow:ellipsis}.snPrice{color:#E21D1D}.snPrice em{padding-left:2px}img.liprice{height:20px!important;width:auto!important}.p{margin:5px 0}.overtouch{overflow-y:auto;-webkit-overflow-scrolling:touch}.sn-icon:after{position:absolute;top:-6px;right:-8px;bottom:-6px;left:-8px;content:' '}.input-reset{-webkit-appearance:none;-webkit-border-radius:0}.wbox{display:-webkit-flex!important;display:-webkit-box}.wbox-flex{-webkit-flex:1!important;-webkit-box-flex:1;word-wrap:break-word;word-break:break-all}.bbox,div,p{-webkit-box-sizing:border-box}.sn-iconbtn:after{position:absolute;top:-6px;right:-8px;bottom:-6px;left:-8px;content:' '}.sn-block{background:#FFF}.border-t{border-top:1px solid #DCDCDC}.border-b{border-bottom:1px solid #DCDCDC}.border-tb{border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC}.sn-txt-muted{color:#909090}.sn-txt-assertive{color:#E21D1D}.sn-txt-positive{color:#eda200}.sn-txt-tips{color:#CACACA}.sn-tag{display:inline-block;padding:0 .2rem;border-radius:2px;color:#fff;font-size:.4rem}.sn-tag-a{background:#eb3b17}.sn-tag-b{background:#ee3852}.sn-tag-c{background:#fc2f4d}.sn-tag-d{background:#5552AD}.sn-tag-e{background:#eda200}.sn-tag-f{background:#ccc}.dashed{height:1px;font-size:0;overflow:hidden;border-top:1px dashed #DCDCDC}.arrow{padding-right:.1rem}.arrow:after{content:"";display:inline-block;width:.28rem;height:.28rem;border-style:solid;border-color:#7D7D7D;border-width:1px 0 0 1px;-webkit-transform:rotateZ(135deg)}html{font-size:50px}body{font-size:24px}@media screen and (min-width:320px){html{font-size:21.333333333333332px}body{font-size:12px}}@media screen and (min-width:360px){html{font-size:24px}body{font-size:12px}}@media screen and (min-width:375px){html{font-size:25px}body{font-size:12px}}@media screen and (min-width:384px){html{font-size:25.6px}body{font-size:14px}}@media screen and (min-width:400px){html{font-size:26.666666666666668px}body{font-size:14px}}@media screen and (min-width:414px){html{font-size:27.6px}body{font-size:14px}}@media screen and (min-width:424px){html{font-size:28.266666666666667px}body{font-size:14px}}@media screen and (min-width:480px){html{font-size:32px}body{font-size:15.36px}}@media screen and (min-width:540px){html{font-size:36px}body{font-size:17.28px}}@media screen and (min-width:720px){html{font-size:48px}body{font-size:23.04px}}@media screen and (min-width:750px){html{font-size:50px}body{font-size:24px}}a,div,img,section{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.wrapper,body,html{position:relative;width:100%;height:100%;background:#e6e3e1}#slide{overflow:hidden;position:relative;width:100%;height:100%}.slidePage{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-transition:all 1s ease}.slideMain{position:relative;overflow:hidden;width:100%;height:100%;margin:auto}.slidePage .page{position:absolute;top:93%;left:45%;width:1.1rem;height:.72rem;overflow:hidden;opacity:.6}.slidePage .page img{width:90%;-webkit-animation:slide .6s ease infinite alternate;-moz-animation:slide .6s ease infinite alternate;-o-animation:slide .6s ease infinite alternate;animation:slide .6s ease infinite alternate}@-webkit-keyframes slide{0%{-webkit-transform:translateY(-6px)}100%{-webkit-transform:translateY(0px)}}.slideQueue .slidePage{-webkit-transform:translateY(-100%)}.slideQueue .in{-webkit-transform:translateY(0)}.slideQueue .in~.slidePage{-webkit-transform:translateY(100%)}.in,.in~.slidePage,.slidePage{-webkit-transform:translate3d(0,0,0)}.in~.slidePage{-webkit-transform:translate3d(0,100%,0)}#page01 .content,#page02 .content,#page03 .content,#page04 .content{position:relative;width:100%;height:100%;z-index:100;overflow:hidden;will-change:transform;-webkit-will-change:-webkit-transform;}#page02,#page04{background-color:#fff}#page01 .bow1,#page01 .bow2,#page01 .bow3,#page01 .bow4,#page02 .bow1,#page02 .bow2,#page02 .bow3,#page03 .bow1,#page03 .bow2,#page03 .bow3,#page04 .bow1,#page04 .bow2,#page04 .bow3,#page04 .bow4{position:absolute;width:100%;text-align:center}#page01 .bow1{top:2.64rem}#page01 .bow2{top:6rem}#page01 .bow3{top:8.6rem}#page01 .bow4{top:13.4rem}#page01 .bow1 img{width:3.06rem;height:2.98rem}#page01 .bow2 img{width:3.06rem;height:1.02rem}#page01 .bow3 img{width:8.38rem;height:1.62rem}#page01 .bow4 .downapp img{width:7rem;height:2.18rem}#page01 .bow4 .downapp a{display:block}#page01 .bow4{display:-webkit-box;-webkit-box-pack:center}#page01 .bg-ani{display:-webkit-box;position:absolute;top:0;background:url('../images/bg1920x768.jpg') no-repeat;background-size:auto 100%;width:450%;height:100%;-webkit-animation:moving 77s ease;-webkit-animation-delay:2s;-webkit-animation-fill-mode:forwards}#page02 .bow1,#page03 .bow1{top:2.2rem}#page02 .bow2,#page03 .bow2{top:4.08rem}#page02 .bow3,#page03 .bow3{top:5.7rem}#page02 .bow1 img,#page02 .bow2 img,#page03 .bow1 img,#page03 .bow2 img{width:8.38rem;height:1.62rem}#page02 .bow3 img{width:15rem;height:12.12rem}#page03 .bow3 img{width:15.12rem;height:12.12rem}#page04 .bow1{top:2.4rem}#page04 .bow2{top:4.28rem}#page04 .bow3{top:5.9rem}#page04 .bow1 img,#page04 .bow2 img{width:10.86rem;height:1.62rem}#page04 .bow3 img{width:15rem;height:10.56rem}#page01 .on .bow1{-webkit-transform:scale(0);-webkit-animation:page01_bow1 .4s ease .2s;-webkit-animation-fill-mode:forwards}#page01 .on .bow2{-webkit-transform:scale(0);-webkit-animation:page01_bow1 .8s ease .2s;-webkit-animation-fill-mode:forwards}#page01 .on .bow3{-webkit-transform:scale(0);-webkit-animation:page01_bow1 1.2s ease .2s;-webkit-animation-fill-mode:forwards}#page01 .on .bow4{opacity:0;-webkit-animation:page01_bow4 .8s ease 1.2s;-webkit-animation-fill-mode:forwards}#page02 .on .bow1,#page03 .on .bow1,#page04 .on .bow1{left:15rem;-webkit-animation:page02-bow1 .8s ease-in-out .2s;-webkit-animation-fill-mode:forwards}#page02 .on .bow2,#page03 .on .bow2,#page04 .on .bow2{right:15rem;-webkit-animation:page02-bow2 .8s ease-in-out .2s;-webkit-animation-fill-mode:forwards}#page02 .on .bow3,#page03 .on .bow3,#page04 .on .bow3{opacity:0;-webkit-animation:page02-bow3 1s ease-in-out 1s;-webkit-animation-fill-mode:forwards}@-webkit-keyframes page01_bow4{0%{right:15rem;opacity:0}100%{right:0;opacity:1}}@-webkit-keyframes page01_bow1{0%{-webkit-transform:scale(0);opacity:0}50%{-webkit-transform:scale(1.4);opacity:.5}100%{-webkit-transform:scale(1);opacity:1}}@-webkit-keyframes page02-bow1{0%{left:15rem;opacity:0}100%{left:0;opacity:1}}@-webkit-keyframes page02-bow2{0%{right:15rem;opacity:0}100%{right:0;opacity:1}}@-webkit-keyframes page02-bow3{0%{opacity:0}100%{opacity:1}}


@keyframes moving
{
	from {left:0px;}
	to {left:-350%;}
}

@-webkit-keyframes moving /*Safari and Chrome*/
{
	from {left:0px;}
	to {left:-350%;}
}

#page01 .beian {
    position: absolute;
    width: 100%;
    bottom: 0;
    font-size: .1rem;
    line-height: 1.5;
    text-align: center;
    color: #fff;
}

#page01 .beian a {
    color: #fff;
}