*{
  margin: 0;
  padding: 0;
}

/* icon-star */
@font-face {
  font-family: "iconfont-start";
  src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALQAAsAAAAABnQAAAKCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBAIEGATYCJAMICwYABCAFhG0HLhuqBciuMSYydPaIlGhunzM513vZj3Wd5G8BwOIhHv5/7X/7zNxvKlE0myOeaJqs4i39jITC6kTRTH77v6YpoPB9Lx3BkawakUJ/kH/AuQxIopsR9VOK/SZcE0AGqFMUma/1v8r1wF4YAaw2dQ7/e1FgY9l5BfA0IoB2a5+twVM+z+X0JtCBXOMD5bgXrTEwwLjnA3QPjAIJuEwSbxi7wCXcJ1Cu24ra1s7RKXQl1rJA3A99G7q5gCSxdKlQXLM3tcebIqXZyyy8D78f/xRdMkU5q2r33rYHaz8bdtZeFHLFJwQJ6HARckwCiTisTWxrCMY1lCea+sG+yoOfDXy72KtFsL/OKq0EnVB6TzJXfqvpDG5rogFgetQbEANPCu3mMYwe5tpZ8w3fKtUb+99xUenH7zRyuzIuuqzt846/c435l9fB3OzSQwe8vCz19dNypsFrzW9MGw+P/16E7wYoPCVygRqCb7R5XVj63yWBr5MbQnk/FyjdrTP4PR1pAZDGuMJKZAkt4wOZgdO2lStHAZCn3v9YY9O9ZEKpphGuEl0pcqUGycROokiFRRQrtYpyE3YPV2jAGiKVYdwjQKj1jky1D8jV+iAT+4cizSYoVhsNlDuOhjMrDEfY32SyhTx0UgytPFOOQ/pR+TH5F4nNWUXInxNXYRhNzSimdykjnmNDFfmWBAqVl6e4Ax6jJMmx8PKIXNGCQIqRrqu6F2munULfJkZsgniQ4wYKuXIZ5Q8X/dLnjxHfhYSNW/pqkucIq4TTI5PG6EHuarNefffyTOWSzyKEghSWS6EdMIskEjlU1M+KEJfQBCNihRHdHqT6arX19enXHYFylikLuz6XHojNAAAA') format('woff2');
}
.iconstar::before{font-family:"iconfont-start" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e603"}
.star-wrap{margin-top:0.21875rem}
.star-wrap .star-item,.star-wrap .star-small-item{display:inline-block}
.star-wrap .star-item-base,.star-wrap .star-small-item-base{position:relative;color:#e9e9e9}
.star-wrap .star-item-active,.star-wrap .star-small-item-active{position:absolute;top:0;left:0;overflow:hidden}
.star-wrap .star-item::before{font-size:0.84375rem}
.star-wrap .star-small-item::before{font-size:0.75rem}
.star-wrap .star-item + .star-item,.star-wrap .star-small-item + .star-small-item{margin-left:0.1875rem}
.star-wrap .star-text{font-size:0.9375rem;margin-left:0.1875rem}
.wrap{margin:0 auto;max-width:445px;background-color:#000F5E;box-shadow:2px 3px 10px #999;background: url(../images/bg.webp);background-repeat: no-repeat;background-size: contain;}
.top-banner img{width:100%}
.slogen{font-family:SourceHanSansCN-Bold;color:#00209C;text-align:center;letter-spacing:0;line-height:1.4;font-size:1.375000rem;text-decoration:normal;font-style:oblique;font-weight:bold;margin-bottom:25px}
.intropic-box{width:100%;height:100%;text-align:center;padding-bottom:25px}
.image-list{flex:1;white-space:nowrap;overflow-x:auto;margin:0;padding:0;list-style:none;text-align:center}
.image-list li{position:relative;display:inline-block;flex-direction:column;margin:0;padding:0;list-style:none;vertical-align:top;width:30%}
.image-list li img{width:100%}
.image-site{pointer-events:none;display:block;font-size:0;padding:3px}
.company-msg{background-color:#eee;text-align:center;padding:15px 0px}
.sign-text li{list-style:none;display:inline-block;width:18%}
.company-msg h3,.company-msg li,.company-msg a,.company-msg p{height:1.21902174rem;line-height:1.21902174rem;text-align:center;font-weight:normal;font-family:PingFangSC-Regular;font-size:0.67934783rem;color:#858585;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;padding-left:5px}
.sign-text .sign-icon::before{display:block;width:10px;height:10px}
.sign-text .sign-1::before{position:absolute;left:0;top:35%;margin-top:-0.29249698rem;width:0.84994rem;height:0.84994rem;content:'';background-image:url(https://fe-resource.cdn.bcebos.com/mip/mip-sjh-merchant-info/sign-1.png);background-size:100% 100%}
.sign-text .sign-2::before{position:absolute;left:0;top:35%;margin-top:-0.29249698rem;width:0.84994rem;height:0.84994rem;content:'';background-image:url(https://fe-resource.cdn.bcebos.com/mip/mip-sjh-merchant-info/sign-2.png);background-size:100% 100%}
.sign-text .sign-3::before{position:absolute;left:0;top:35%;margin-top:-0.29249698rem;width:0.84994rem;height:0.84994rem;content:'';background-image:url(https://fe-resource.cdn.bcebos.com/mip/mip-sjh-merchant-info/sign-3.png);background-size:100% 100%}
.btn-box{width:94.5%;padding:0px 10px 0;position:fixed;bottom:10px;z-index:1}
.bottom-fixed-card{max-width:420px;border:0.5px solid #eee;transition:all 0.3s;height:13.45365338rem;border-radius:0.67934783rem;bottom:5px;background:#fff;box-shadow:0 15px 39px 0 rgba(0,0,0,0.25);margin-top:-20px;position:relative;text-align:center}
.bottom-fixed-card-icon-wrap{z-index:1;transition-property:left,top,transform,width,height;transition-duration:0.45s;width:100%;height:4.39673913rem;border-radius:0px;overflow-y:hidden;position:absolute;margin:0 auto;top:-2rem;text-align:center}
.first-screen .bottom-fixed-card-icon-wrap{left:50%;top:0;width:3.96286232rem;height:3.96286232rem;transform:translate(-50%,-50%)}
.bottom-fixed-card-info{position:absolute;display:flex;flex-wrap:wrap;flex-direction:column;transition:all 0.3s;top:35%;left:initial;transform:translateY(-50%);width:100%}
.first-screen .bottom-fixed-card-info{top:2.45320048rem;left:0;transform:translateY(0);width:100%}
.bottom-fixed-card-info .bottom-fixed-card-info-slogan{font-size:0.793544rem}
.bottom-fixed-card-btn{transition:all 0.3s;position:absolute;min-width:5.68010266rem;height:2.7173913rem;transform:translateY(-50%);top:55%;left:14.87016908rem}
.first-screen .bottom-fixed-card-btn{min-width:19.17270531rem;top:6.94444444rem;left:50%;transform:translateY(0)}
.bottom-fixed-card-company{display:flex;justify-content:center;position:absolute;bottom:0.71708937rem;width:100%;text-align:center;font-size:0.67934783rem;color:#999}
.bottom-fixed-card-version{color:#999;position:absolute;font-size:0.67934783rem;width:100%;text-align:center;bottom:1.8115942rem}
.transition-opacity{opacity:0;pointer-events:none;transition:opacity 0.3s}
.first-screen .transition-opacity{opacity:1;pointer-events:inherit}
.bottom-fixed-card-icon-wrap img{display:inline-block;width:3.396739rem}
.btn{width:19.35960145rem;height:2.54755435rem;margin-right:0.9375rem;margin-top:99px;margin:0 auto;transition:width 0.3s}
.bottom-fixed-card-btn{transition:all 0.3s;position:relative;min-width:5.68010266rem;height:2.7173913rem;transform:initial;left:initial}
.base-btn{overflow:hidden;background-color:#e6322e;width:100%;height:100%;padding:0 0.18870773rem;color:#fff;font-size:0.96240942rem;display:flex;justify-content:center;align-items:center;border-radius:999px;border-style:solid;border-width:1px;box-sizing:border-box;position:relative;font-weight:bold;display:flex;letter-spacing:0px;line-height:normal;font-style:normal;justify-content:center;background-color:rgb(230,50,46);border:none;color:rgb(255,255,255);border-radius:24px;font-size:0.9375rem}
.base-btn .active-bar{position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;transition:opacity 160ms cubic-bezier(0.38,0,0.25,1);pointer-events:none}
.breath-dynamic-effect{animation:scale-infinite-39f5fbfb 1.2s linear infinite}
.footer-container.light{margin-bottom:15.45365338rem}
.scrollDown{transition:all 0.3s;height:5.45365338rem;margin-top:-20px;position:relative;text-align:initial}
.scrollDown .bottom-fixed-card{transition:all 0.3s;position:relative;text-align:initial;position:relative;text-align:initial}
.scrollDown .bottom-fixed-card-icon-wrap{transition:all 0.45s;position:absolute;width:3.396739rem;height:3.39673913rem;left:0.8362409rem;top:0.85019rem}
.scrollDown .bottom-fixed-card-icon-wrap img{display:inline-block;width:3.396739rem}
.scrollDown .bottom-fixed-card-btn{transition:all 0.3s;position:absolute;min-width:5.68010266rem;height:2.7173913rem;transform:translateY(-50%);top:50%;right:0.87016908rem}
.scrollDown .bottom-fixed-card-info{top:50%;left:4.96286232rem;transform:translateY(-50%);width:60%}
.scrollDown .btn{width:6.55960145rem;margin-top:0}
.bottom-fixed-card-version{color:#999;position:absolute;font-size:0.67934783rem;width:100%;text-align:center;bottom:1.8115942rem}
.transition-opacity{opacity:1;pointer-events:none;transition:opacity 0.3s}
.scrollDown .transition-opacity{opacity:0}