body{margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.banner,.page{width:100%}.banner{position:absolute;z-index:-100;left:0}.content{padding:1vw 15%}.top{position:relative;padding:0 0 1vw;color:#fff}.top .shopimg{position:absolute;width:11vw}.title h1{font-size:4vw;letter-spacing:.2rem;margin:1vw 0 0;padding-top:7vw}.title p{font-size:2vw;letter-spacing:6px;margin:10px 0}.downLoad{display:-ms-flexbox;display:flex;margin-bottom:6vw;font-size:1.3vw;width:50%;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:left}.downLoad .allcodes{position:relative;-ms-flex-align:center;margin-top:2vw;-ms-flex-preferred-size:50%;flex-basis:50%}.downLoad .allcodes,.downLoad .codes{display:-ms-flexbox;display:flex;align-items:center}.downLoad .codes{width:70%;padding:.1rem;background-color:#f7a35d;border-radius:10px;box-shadow:0 14px 40px rgba(0,138,154,.4);-ms-flex-align:center}.downLoad .codes:hover+img{opacity:1;z-index:100}.downLoad div img{width:15%;margin-right:10px}.downLoad .code{position:absolute;top:0;left:15vw;width:14vw;height:14vw;z-index:-100;opacity:0;transition:opacity 1s ease-out,z-index .01s ease-in-out}.feature{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:1vw 0;position:relative;top:-1vw;margin-bottom:3vw}.feature .shop{-ms-flex-negative:0;flex-shrink:0;padding-top:4%;background-color:#fff;border-radius:20px;box-shadow:0 14px 40px rgba(0,138,154,.2);-ms-flex-preferred-size:23%;flex-basis:23%;text-align:center;color:#333}.feature .shop p{margin:1.5vw 0 2vw;font-size:1.6vw}.feature .shop img{width:60%;padding:.2rem .2rem 0}.life{text-align:center;color:#333;font-size:2vw;margin-bottom:2vw}.detail{color:#fff;font-size:1vw}.more .introduce{padding:4.5vw 0 0 36vw;text-align:right}.introduce .title{font-size:1.6vw;margin-bottom:1.5vw}.introduce p{font-size:.9vw;line-height:2vw}.more,.price{height:33vw}.bg{position:absolute;left:0;z-index:-100;width:100%}.introduce .pic{margin-top:1.5vw;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.more .pic div{margin-left:1vw;text-align:center;-ms-flex-preferred-size:25%;flex-basis:25%}.price .introduce{padding-top:7vw;width:30vw}.price .title{margin-bottom:2vw}.price .pic{margin-top:5vw;-ms-flex-pack:start;justify-content:start}.pic img{width:50%}.price .pic div{margin-right:1vw;text-align:center;-ms-flex-preferred-size:25%;flex-basis:25%}.shopcode .title{margin:6vw 0 3vw;font-size:2vw;text-align:center}.shopcode .codes{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;font-size:20px;margin-bottom:2vw}.codes .code{-ms-flex-preferred-size:20%;flex-basis:20%;font-size:1vw}.code img{width:50%}.footer{background-color:#333;color:#fff;text-align:center;font-size:.9vw}.fttop{border-bottom:1px solid #666}.fttop .content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:2% 15%}.fttop .logo{padding:0 .2rem .2rem}.logo .shopimg{width:11vw}.fttop .icon{margin-top:20px;width:11vw;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.icon img{width:20%;height:30%}.fttop .contact{-ms-flex-item-align:start;align-self:flex-start;text-align:left}.contact .con1{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.contact a{color:#fff;text-decoration:none}.contact p:first-child{margin-right:75px}.fttop .about span{font-size:1.5vw}.about{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.about p:last-child{margin-bottom:0}.ftbt p{margin:10px 0 5px;font-size:13px}.ftbt .num{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.num img{margin-right:8px}body{background-color:#ebebec}.content1{padding:1vw 10% 1rem;font-size:.17rem}.content1 .detail1{padding:5%;background-color:#fff;line-height:30px;color:#333}.title1{text-align:center;margin-bottom:.5rem}h2{margin:.2rem 0}body,html{width:100%;height:100%}a,body,button,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,span,strong,table,td,textarea,th,tr,ul{margin:0;padding:0;-webkit-margin-before:0;-webkit-margin-after:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,img,li,ol,p,span,table,td,th,ul{border:0}@media screen and (min-device-width:768px){html{font-size:100px}}
/*# sourceMappingURL=app.eff76fb53b7cad9a4484b2d0ca1f8040.css.map */