@media screen and (max-width: 960px) {.qrcode-warp {position:fixed!important;left:0!important;bottom:0!important;}}
.flex {display:flex;}
.flex-center {display:flex;align-items:center;}
.desktop {color:#fff;background-color:#fff;}
.desktop .fixed-bg {position:absolute;left:0;top:0;width:100%;height:100%;/*background-image:url('./../image/desktop/bg.jpg');*/    background-size:cover;}
.desktop .fixed-main {position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:99;}
.desktop .fixed-main .layout-right {margin-right:80vh;margin-bottom:-15vh;}
.desktop .section {background-size:cover;background-position:center;text-align:center;overflow:hidden;}
.desktop .layout {display:flex;justify-content:center;align-items:center;}
.desktop .layout.col {flex-direction:column;}
.desktop .layout-bottom {margin-top:4vh;}
.desktop .app-info {}
.desktop .brand .logo {width:12vh;height:12vh;margin-right:2.2vh;}
.desktop .brand .app-name {font-size:3.3vh;margin-bottom:1vh;}
.desktop .brand .app-slogn {font-size:2.8vh;}
.desktop .subject {margin-top:3vh;margin-bottom:3vh;color:#fff;font-size:3vh;text-align:left;transition:0.2s opacity;width:auto;height:5vh;position:relative;}
.desktop .qrcode-warp {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;padding:5px 10px;}
.desktop .qrcode-warp .qrcode {width:25vh;height:25vh;padding:1.5vh;margin-bottom:15px;box-sizing:border-box;border-radius:2vh;background-color:#fff;display:flex;justify-content:center;align-items:center;position:relative;}
.desktop .qrcode-warp img {width:100%;height:100%;}
.desktop .qrcode-warp .qrcode .qrcode-logo {width:15%;height:15%;padding:3px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;}
.desktop .qrcode-warp.animation {animation-name:shadow;animation-duration:0.5s;animation-iteration-count:2;}
.desktop .section .app {height:100vh;/*transition:0.55s transform ease-in-out 0.30s;*/    /*transform:translateY(400px);*/    position:relative;display:flex;align-items:flex-end;margin-left:20vh;}
.desktop .section .app img.main-img {height:90vh;margin-bottom:-17%;}
.desktop .section .app .section-title {position:absolute;left:73%;top:34%;width:49vh;}
.desktop .section.active .app .section-title {animation:0.7s sectionTile 0.2s both;transform-origin:left bottom;}
.desktop .section.section2 .app .section-title {position:absolute;left:73%;top:37%;width:49vh;}
.desktop .section.section3 .app .section-title {position:absolute;left:78%;top:41%;width:49vh;}
/* ---------- section2 --------- */.desktop .section.section2 .app img.main-img {height:85vh;margin-bottom:-18%;}
/* ---------- section3 --------- */.desktop .section.section3 .app img.main-img {height:85vh;margin-bottom:-18%;}
/* ---------- section4 --------- */.desktop .section.section4 .app img.main-img {height:75vh;margin-bottom:0;}
.desktop .section.section4.active .app img.main-img {animation:0.4s scale 0.3s both;}
.desktop .section1 {background:url("../images/section-1-bg.jpg") center/cover;}
.desktop .section2 {background:url("../images/section-2-bg.jpg") center/cover;}
.desktop .section3 {background:url("../images/section-3-bg.jpg") center/cover;}
.desktop .section4 {background:url("../images/section-4-bg.jpg") center/cover;}
/* 动画 */@keyframes shadow {0% {box-shadow:0 0 10px rgb(249,61,115);}
50% {box-shadow:0 0 30px rgb(249,61,115);}
100% {box-shadow:0 0 10px rgb(249,61,115);}
}
@keyframes sectionTile {0% {transform:rotate(10deg) scale(0);}
40% {transform:rotate(10deg) scale(1);}
100% {transform:rotate(0deg) scale(1);}
}
@keyframes scale {0% {transform:scale(0);}
100% {transform:scale(1);}
}
@keyframes fadeIn {from {opacity:0}
to {opacity:1}
}
@keyframes fadeScaleIn {from {transform:scale(0);opacity:0}
to {transform:scale(1);opacity:1}
}
@keyframes rotation1 {from {transform:rotate(15deg)}
to {transform:rotate(0deg)}
}
.rotation.rotation1 {transform:rotate(15deg);transform-origin:bottom;}
.rotation.rotation2 {transform:rotate(-9deg);transform-origin:bottom;}
.rotation.rotation3 {transform:rotate(15deg);transform-origin:bottom;}
/* cover fullpage */#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;background:#fff;font-size:0;text-indent:-1000px;width:9px;height:9px;margin:0 !important;border:1px solid transparent;}
#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 {background:#fb729e;border-color:#fff;}
#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 {height:45px;width:9px;margin:-6px 0 0 -6px;border-radius:11px;}
.desktop .qrcode-warp span{color: #666;}
.fixed-bottom-buttons{display: flex;justify-content: center;margin-top: 15px;}
.download-btn{background-color: #fb729e;color: #fff;padding: 12px 25px;border-radius: 20px;text-decoration: none;margin: 0 20px;font-size: 18px;}
#fp-nav ul li,.fp-slidesNav ul li {margin:14px;}