body,html{overflow-x:hidden;color:#333;font-size:12px;font-family:"Microsoft Yahei";-webkit-overflow-scrolling:touch;}
body{position:relative;margin:0 auto!important;background-color:#2D2D2D;font-size:.24rem;}
blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,ol,p,pre,select,table,td,textarea,th,ul{margin:0;padding:0;outline:0;}
h1,h2,h3,h4,h5,h6{font-weight:700;font-size:100%;line-height:1.2;}
dl,ol,ul{list-style-type:none;}
fieldset,img{border:none;}
table{border-collapse:collapse;table-layout:fixed;empty-cells:show;}
caption,th{text-align:left;font-weight:400;}
address,caption,cite,code,dfn,th{font-weight:400;font-style:normal;}
button,input,select,textarea{outline:0;border:none;vertical-align:baseline;font-size:100%;}
textarea{vertical-align:top;}
img{vertical-align:middle;}
em,i{font-style:normal;}
ins{text-decoration:underline;}
del{text-decoration:line-through;}
q:after,q:before{content:"";}
hr{margin:4px 0;border:none;border-top:1px solid #ccc;border-bottom:1px solid #fff;}
a{text-decoration:none;}
a:active{opacity:.7;}
.flex{display:flex;}
.flex-center{display:flex;align-items:center;}
.site-navTitle{margin:0 auto;width:100%;height:36px;background-color:#1e1e1e}
.site-navTitle h1{display:block;width:100%;color:#444;text-align:center;font-size:18px;line-height:36px}
.desktop{color:#fff;width:100%;}
.desktop .fixed-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;}
.desktop .fixed-main{position:absolute;top:0px;left:0;z-index:99;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.desktop .fixed-main .layout-right{margin-right:80vh;margin-bottom:-15vh;animation:.2s fadeScaleIn .1s both;}
.desktop .section{overflow:hidden;background-position:center;background-size:cover;text-align:center;}
.desktop .layout{display:flex;justify-content:center;align-items:center;}
.desktop .layout.col{flex-direction:column;}
.desktop .layout-bottom{margin-top:4vh;}
.desktop .brand{margin-left:10px;width:auto;}
.desktop .brand .app-name{margin-bottom:1vh;font-size:3.3vh;}
.desktop .brand .app-slogn{font-size:2.8vh;}
.desktop .subject,.desktop .mail{position:relative;margin:1vh 0px 0vh 10px;width:auto;height:5vh;color:#fff;text-align:left;font-size:3vh;transition:.2s opacity;}
.desktop .mail{margin:0vh 0px 0vh 10px;font-size:2vh;}
.desktop .qrcode-warp{position:relative;z-index:5;width:250px;left:0;padding:1.5vh;border-radius:2vh;background-color: rgb(255,255,255,60%);margin-bottom:15px;color:#333;text-align:center;font-size:13px;line-height:25px;margin-left:10px}
.desktop .qrcode-warp .qrcode{position:relative;display:flex;box-sizing:border-box;justify-content:center;align-items:center;display:block;}
.desktop .qrcode-warp canvas,.desktop .qrcode-warp img{width:100%;height:100%;border-radius:1vh;margin:0px auto 10px}
.desktop .qrcode-warp .qrcode .qrcode-logo{position:absolute;top:50%;left:50%;padding:3px;width:15%;height:15%;background-color:#fff;transform:translate(-50%,-50%);}
.desktop .qrcode-warp.animation{animation-name:shadow;animation-duration:.5s;animation-iteration-count:2;}
.desktop .linelist{width:100%;max-width:400px;margin:0 auto;color:#fff;float:left;}
.desktop .linelist h3{text-indent:20px;display:block;overflow:hidden;height:35px;text-align:left;font-size:18px;line-height:35px}
.desktop .linelist h3 span{margin-left:10px;font-weight:400;font-size:12px}
.desktop .linelist ul{width:100%;text-align:center;margin:10px auto;padding:0}
.desktop .linelist li{float:left;margin:5px 10px;width:20%;text-align:center;line-height:32px;height:32px;}
.desktop .linelist li a{float:left;padding:0;width:100%;white-space:nowrap;border-radius:16px;background-color: rgb(0,0,0,10%);font-size:16px;color:#fff;}
.desktop .linelist li a.gw{color:#FFDF53;background-color: rgb(255,255,255,20%);}
.desktop .linelist li a:hover{background-color: rgb(255,255,255,20%);}
.desktop .linelist li a.ios{background-color: rgb(57,154,252,50%);}
.desktop .linelist li a.and{background-color: rgb(83,191,3,50%);}
.desktop .section .app{position:relative;display:flex;margin-left:20vh;height:100vh;align-items:flex-end;}
.desktop .section .app img.main-img{margin-bottom:-15%;height:90vh;}
.desktop .section .app .section-title{position:absolute;top:34%;left:63%;width:49vh;}
.desktop .section.active .app .section-title{transform-origin:left bottom;animation:.9s sectionTile .4s both;}
.desktop .section.active .app img.main-img{animation:.8s bounceInTop .3s both;}
.desktop .section.section2 .app img.main-img{margin-bottom:-18%;height:85vh;}
.desktop .section.section3 .app img.main-img{margin-bottom:-18%;height:85vh;}
.desktop .section.section4 .app img.main-img{margin-bottom:0;height:75vh;}
.desktop .section.section4.active .app img.main-img{animation:.4s scale .3s both;}
.desktop .section1{background:url(section-1-bg.jpg) center/cover;}
.desktop .section2{background:url(section-2-bg.jpg) center/cover;}
.desktop .section3{background:url(section-3-bg.jpg) center/cover;}
.desktop .section4{background:url(section-4-bg.jpg) center/cover;}
@keyframes shadow{0%{box-shadow:0 0 10px #f93d73;}
50%{box-shadow:0 0 30px #f93d73;}
100%{box-shadow:0 0 10px #f93d73;}
}
@keyframes sectionTile{0%{transform:rotate(10deg) scale(0);}
40%{transform:rotate(10deg) scale(1);}
100%{transform:rotate(0) scale(1);}
}
@keyframes scale{0%{transform:scale(0);}
100%{transform:scale(1);}
}
@keyframes fadeIn{from{opacity:0;}
to{opacity:1;}
}
@keyframes fadeScaleIn{from{opacity:0;transform:scale(0);}
to{opacity:1;transform:scale(1);}
}
@keyframes rotation1{from{transform:rotate(15deg);}
to{transform:rotate(0);}
}
@keyframes bounceInTop{
0%{opacity:0;transform:translate3d(0,100%,0)}
50%{opacity:.5;transform:translate3d(0,0,0)}
100%{opacity:1;transform:none}
}
.rotation.rotation1{transform:rotate(15deg);transform-origin:bottom;}
.rotation.rotation2{transform:rotate(-9deg);transform-origin:bottom;}
.rotation.rotation3{transform:rotate(15deg);transform-origin:bottom;}
#fp-nav.fp-right{right:10px;}
#fp-nav ul li,.fp-slidesNav ul li{height:auto;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{position:relative;display:block;margin:0!important;width:9px;height:9px;border:1px solid transparent;background-color: rgb(255,255,255,60%);text-indent:-1000px;font-size:0;}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{border-color:#fff;background:#f90;}
#fp-nav ul li a span.fp-sr-only,.fp-slidesNav ul li a span.fp-sr-only{position:absolute;}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{margin:-6px 0 0 -6px;width:9px;height:45px;border-radius:11px;}
#fp-nav ul li,.fp-slidesNav ul li{margin:14px;}
.layui-layer.layui-layer-dialog,.layui-layer.layui-layer-page{border-radius:20px;}
.layui-layer .layui-layer-content p{width:100%;float:left;display:block;margin:10px 0px 0px;padding:0px;height:24px;line-height:24px;font-size:12px;color:#2EA14D;background:url(safety.png?v2022) no-repeat left center;background-size:20px;text-indent:25px;overflow:hidden;}
.layui-layer .layui-layer-btn{text-align:left;}.layui-layer-btn a{font-size:14px;}