@charset "UTF-8";
/*! Project:m103707, Create:ylp 2020.08.17 16:26, Update:ylp 2020.08.18 17:15 */ 

a{color:#fff;text-decoration:none}
a:hover,a:visited{text-decoration:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
::-webkit-input-placeholder{color:#fff;font-size:.13rem}
body,html{width:100%;height:100%}
body{max-width:768px;margin:0 auto;font-size:.13rem;color:#fff}
img{width:100%}
.m-platform .m-tabs a{font-size:0;line-height:0;overflow:hidden}
input,select{-webkit-appearance:none;outline:0}
#g-pop{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:100}
.g-wrap{position:relative}
.g-wrap:nth-child(1){width:3.75rem;height:9.5rem;background-image:url(../images/bg-01.jpg);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.g-wrap:nth-child(2){width:3.75rem;height:7.25rem;background-image:url(../images/bg-02.jpg);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.g-wrap:nth-child(3){width:3.75rem;height:7.75rem;background-image:url(../images/bg-03.jpg);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.g-wrap:nth-child(4){width:3.75rem;height:6.445rem;background-image:url(../images/bg-04.jpg);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.g-footer{position:absolute;left:0;bottom:0;width:100%}
.g-footer .m-links{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.g-footer .m-links a{display:block;margin:0 .05rem}
.g-footer .m-links a:nth-child(1){width:.72rem}
.g-footer .m-links a:nth-child(2){width:1.17rem}
.g-pop{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}
.g-pop--video{width:100%;height:2.15rem}
.g-pop--video iframe{width:100%;height:100%}
.g-pop--rule{width:3.275rem;height:2.94rem;background:url(../images/msg.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;font-size:.1rem;line-height:2}
.g-pop--rule .m-cont{max-height:2.6rem;margin:.15rem;color:#bfcae2;overflow-y:auto}
.g-pop--rule .u-tit{font-size:.15rem;font-weight:400;line-height:2.8}
.g-pop--tips{width:3.65rem;height:1.115rem;background-image:url(../images/toastbg.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%;text-align:center;font-size:.11rem;line-height:1.115rem}
.g-pop--download{width:3.275rem;height:2.35rem;background:url(../images/msg.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}
.g-pop--download .m-cont{width:2.55rem;margin:.15rem auto 0;color:#bfcae2;text-align:center;line-height:2}
.g-pop--download .u-tit{font-size:.17rem;line-height:3;color:#ffd155}
.g-pop--download .m-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:2.75rem;margin:.25rem auto}
.g-pop--download .m-links .u-btn{display:block;margin:0 .1rem}
.g-pop--download .m-links .u-btn--google{width:1.28rem;height:.38rem;background-image:url(../images/btn-google.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.g-pop--download .m-links .u-btn--onestore{width:1.215rem;height:.375rem;background-image:url(../images/btn-onestore.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.g-pop--download .m-links .u-btn--ios{width:1.275rem;height:.375rem;background-image:url(../images/btn-app.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.g-pop--swiper{width:100%;height:2.16rem}
.g-pop--swiper .m-list{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%}
.g-pop .u-close{position:absolute;right:.05rem;top:-.3rem;width:.3rem;height:.235rem;background-image:url(../images/btn-close.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.m-fireworks{width:100%;height:100%}
.m-fireworks .fire{position:absolute;left:0;top:0;width:100%;height:100%}
.m-fireworks img{position:relative}
.m-platform{position:absolute;left:0;top:4.84rem;width:3.75rem;height:3.625rem;background-image:url(../images/boxbg.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.m-platform::before{position:absolute;left:50%;top:-.725rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);content:" ";width:2.095rem;height:.785rem;background-image:url(../images/dec-but.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.m-platform .m-tabs{width:3.395rem;height:.66rem;background-image:url(../images/btn-tab.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%;margin:-.06rem auto 0}
.m-platform .m-tabs a{float:left;width:50%;height:100%;-webkit-background-size:auto 100%;background-size:auto 100%}
.m-platform .m-tabs a:nth-child(1).on{background-image:url(../images/btn-tab-on.png);background-position:left 0}
.m-platform .m-tabs a:nth-child(2).on{background-image:url(../images/btn-tab-on.png);background-position:right 0}
.m-platform .m-tabsCont{width:2.85rem;margin:.1rem auto}
.m-platform .m-tabsCont .m-info{width:100%;padding-top:.15rem;margin:.1rem auto;background:url(../images/line.png) no-repeat center 0;-webkit-background-size:100% auto;background-size:100% auto}
.m-platform .m-tabsCont .m-info .u-check{float:left;width:.17rem;height:.17rem;background-image:url(../images/checkbox.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.m-platform .m-tabsCont .m-info .u-check input{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.m-platform .m-tabsCont .m-info .u-check--on{background-image:url(../images/checkbox-on.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.m-platform .m-tabsCont .m-info label{display:block;margin-left:.25rem}
.m-platform .m-tabsCont .m-info .m-links{margin:.1rem 0 0 .25rem}
.m-platform .m-tabsCont .u-btn{display:block;width:2.74rem;height:1.02rem;background-image:url(../images/btn-yy.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%;margin:0 auto}
.m-phone{position:relative;width:100%;height:.35rem;border:.01rem #f5d29d solid;background:#d8a559}
.m-phone .u-and{position:absolute;left:.425rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-weight:700}
.m-phone .u-sel{width:.55rem;height:100%;padding:0 0 0 .075rem;background:#c1934c;border:0 none;color:#fff;font-size:.13rem;-webkit-border-radius:0;border-radius:0}
.m-phone .u-inp{width:2.2rem;height:100%;border:0 none;background:0 0;text-align:center;color:#fff}
.m-btns{position:absolute;left:50%;top:6.71rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:3.5rem;height:.7rem}
.m-btns .u-btn{float:left;width:.875rem;height:100%}
.m-btns .u-btn--youtube{background-image:url(../images/btn_youtube.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.m-btns .u-btn--facebook{background-image:url(../images/btn_fb.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.m-btns .u-btn--cafe{background-image:url(../images/btn_cafe.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.m-btns .u-btn--tikTok{background-image:url(../images/btn_tiktok.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.m-copyRight{width:100%;padding:.05rem 0 .15rem;text-align:center;color:#3e70a4;font-size:.1rem;letter-spacing:.01rem}
.logo{position:absolute;left:50%;top:.1rem;margin-left:-1.85rem;width:1.275rem}
.logo-4399{position:absolute;left:50%;top:.075rem;margin-left:-1.575rem;width:.75rem;z-index:5}
.logo-onestore {position: absolute; top:.2rem; right: .12rem; width: 1.35rem; z-index:5;}
.btn-play{position:absolute;left:50%;top:3.475rem;margin-left:-.285rem;width:.57rem;height:.57rem;background-image:url(../images/btn-play.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.btn-play .u-circle{display:block;width:.57rem;height:.57rem;background-image:url(../images/circle.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%;-webkit-animation:btnplay 1s linear infinite;animation:btnplay 1s linear infinite}
.btn-phone{position:absolute;left:50%;bottom:.05rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2.335rem;height:.73rem;background-image:url(../images/btn-01.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.btn-bbs{position:absolute;left:50%;top:4.075rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2.965rem;height:.73rem;background-image:url(../images/btn-02.png);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:100% 100%;background-size:100% 100%}
.swiper-container{position:absolute;top:1rem;width:100%;height:1.55rem;overflow:hidden}
.swiper-slide{width:2.7rem}
.swiper-button-next,.swiper-button-prev{width:.35rem;height:.355rem;-webkit-background-size:100% auto;background-size:100% auto}
.swiper-button-next::after,.swiper-button-prev::after{content:" "}
.swiper-button-prev{background-image:url(../images/btn-prev.png)}
.swiper-button-next{background-image:url(../images/btn-next.png)}
canvas{display:block}
@-webkit-keyframes btnplay{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
}
@keyframes btnplay{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
}