.zx-img-placeholder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.zx-img img {
    display: block;
    width: 100%;
    pointer-events: none
}

@font-face {
    font-family: "iconfont";
    src: url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAAsAAAAABtwAAALbAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqBRIFMATYCJAMMCwgABCAFhG0HOBsUBhHVk2tkn5B0jh22foAsTTOkhAhkdd2o8eSbdgQmbSzpw9p5ttqRwwMiTeufrignII+8TATf73235577X2pTiSpVZWJLG98boDACi+pCg5FgFINQ3Yjn85zrbxPYm41Ga/C4sojQouNrrcLDE7y2LL4GKOCiFwBbm3YNYyIUS3IefJf/kV+McCF0uLrBaZBFkSeC/WI3wzGztwZYYAyXW/X7hffYVWeO0fohQktQGkKS98BJHbrOiFmUlRExgDl0QPU/h0ublgUyP1AucwxqUy/AOKCAxl5kBXKCfsPYTQQOYTuBXjN4xH5jc6BbBfoF4nVMR9Gdc6qqFekWmpqpVbyn7vK2BHjHfx//ocaJopPA0INXWgLbv/yr/LdHEVwI6uwOEqugEne1wQspLDylV1jbExtVKHN52pYzQ34D/+FRBNEA6f1gUQsVfoGZqUiVfddbJWhQsQYuANy4I0P29vcPs0e7v7jS2lHa9+Qwp6c7P+4N4p8JepZW8cT7hKvT+PxmgnZzyu7gy1aaCWae7fq6PTavX/NnziCN0klRGnsbF6Wt03S6Lil68w301F66dTadsuwkx3EX8QD0zO/kEmjPkt/7N37cYRKs4GfO7e2Vfql0K/Rm/UxWz4oacoAqq8/EzNicFm9MX1DptkULsI56jpdO3HA4dJtIoegyDanbLLJiV6Gjzzo0um1BrxXG7D5jclLUHiwrKxCGzaEY9A3SsB2yYh/QMekPjeHYQq+z0JJ95gONF4xK0IL+QTQ0OqSRi8i8oV96xVkOJ7yQ5+iBMiuKkRZH5DlGzG9fiThwTAM0ym7Y9wQTU0IjWRCZ6jx3dR/KDA2rywqjErSgfxANjY7Wlkvp+zf0S6+4pWxA/UKeY+NQZkUPZCsce5Xdyy3z21ciDhzTAI2ixx4GCab6TgmNZGGEf6pzrZrrK8zWFw/ftw56V2DdXJfIqPK0fBc17o6mW60AAA==") format("woff2")
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: inherit;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-gouxuan:before {
    content: "\e631"
}

.icon-Tick:before {
    content: "\e619"
}

.common-privacy-container {
    text-align: center;
    padding: .3125rem 0;
    font-size: .75rem
}

.common-privacy-tips {
    padding: .625rem 0;
    width: 19.4375rem;
    margin: 0 auto
}

.common-privacy-tips img {
    width: 100%
}

.common-privacy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .3125rem 0
}

.common-privacy-label {
    width: .8125rem;
    height: .8125rem;
    border: 1px solid #f8c003;
    border-radius: .8125rem;
    margin-right: .375rem;
    color: #f8c003
}

.common-privacy-label i {
    display: block;
    text-align: center;
    font-size: .75rem;
    line-height: .8125rem
}

.common-privacy-text {
    font-size: .75rem;
    color: #fff;
    text-align: center;
    line-height: 1.125rem
}

.common-privacy-text a {
    color: #f8c003
}

.zxcs-index-query {
    font-size: .875rem;
    text-align: center;
    padding: .3125rem 0 1.5rem;
    color: #452526
}

.zxcs-index-query span {
    color: #ffeec0
}

.zxcs-index-query-text {
    color: #ffeec0;
    text-decoration: underline;
    margin-left: 1.25rem
}

.star-promotion {
    padding: 1.4063rem .9375rem
}

.star-promotion-wrap {
    margin: 0 auto;
    border: 1px solid #ffeddf;
    border-radius: .5625rem;
    overflow: hidden
}

.star-promotion-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.75rem;
    border-radius: .5625rem .5625rem 0 0;
    background-color: #b83b35
}

.star-promotion-title img {
    width: 11.0938rem
}

.star-promotion-body {
    padding: 1.25rem 0 1.5625rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fef8f3
}

.star-promotion-body img {
    width: 18.4375rem
}

.index-page {
    background: #273152;
    overflow: hidden
}

.index-page .order-btn {
    width: 80%;
    margin: 0 auto .625rem
}

.index-page .order-btn img {
    pointer-events: none;
    -webkit-animation: btnAnimate 1.5s linear infinite;
    animation: btnAnimate 1.5s linear infinite
}

.fixed-button .pop-btn {
    padding: .3125rem;
    background: rgba(0, 0, 0, .3)
}

.fixed-button .pop-btn img {
    width: 80%;
    margin: 0 auto;
    display: block;
    pointer-events: none;
    -webkit-animation: btnAnimate 1.5s linear infinite;
    animation: btnAnimate 1.5s linear infinite
}

.tf-scroll-data {
    width: 20.625rem;
    margin: 0 .625rem
}

.index-banner {
    position: relative;
    margin-bottom: .625rem;
    overflow: hidden
}

.index-banner-circle {
    width: 24.875rem;
    height: 24.875rem;
    position: absolute;
    top: 4.875rem;
    /*right: -11.875rem*/
}

.index-banner-circle-1 {
    z-index: 3;
    width: 9.5rem;
    height: 9.5rem;
    -webkit-animation: circleAnimate1 15s linear infinite;
    animation: circleAnimate1 15s linear infinite
}

.index-banner-circle-3 {
    z-index: 4;
    width: 5.5rem;
    height: 5.5rem;
    /*-webkit-animation: circleAnimate1 15s linear infinite;*/
    /*animation: circleAnimate1 15s linear infinite;*/

}

.index-banner-circle-1, .index-banner-circle-2,.index-banner-circle-3 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.index-banner-circle-2 {
    z-index: 2;
    width: 16.875rem;
    height: 16.875rem;
    -webkit-animation: circleAnimate2 15s linear infinite;
    animation: circleAnimate2 15s linear infinite
}

@-webkit-keyframes circleAnimate1 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@keyframes circleAnimate1 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@-webkit-keyframes circleAnimate2 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(-1turn);
        transform: translate(-50%, -50%) rotate(-1turn)
    }
}

@keyframes circleAnimate2 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(-1turn);
        transform: translate(-50%, -50%) rotate(-1turn)
    }
}