html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: white;
    display: inline-block;
    width: 100%;
}

/*移动端样�*/
.mobile-main {
    width: 100vw;
    padding: 2.4vw 0 15vw;
    background: url("../imgs/background.png") no-repeat;
    background-size: cover;
}

.logo {
    width: 21.3vw;
    height: 21.3vw;
    margin: 0 auto 1.1vw;
    background: url("../imgs/logo.png") 0 0/100% 100%;
}

.swiper-container {
    width: 100vw;
    height: 116vw;
    /*margin-bottom: 2.7vw;*/
}

.swiper-slide > .banner-title {
    display: block;
    width: 100%;
}

.swiper-slide > .slide-pic {
    display: block;
    width: 85.6vw;
    height: 93.1vw;
    margin: auto;
}

.swiper-button-prev, .swiper-button-next {
    width: 4.3vw !important;
    height: 10.7vw !important;
    background-size: 100% 100% !important;
    outline: none;
}

.swiper-pagination-bullet {
    width: 2.1vw !important;
    height: 1.1vw !important;
    border-radius: 0.5vw !important;
}

.swiper-pagination-bullet-active {
    width: 4vw !important;
    background: #9ba5c0 !important;
    /*opacity: .2!important;*/
}

.public-content {
    width: 100vw;
    padding: 0 2.9vw;
}

.text {
    display: block;
    margin-top: -2vw;
    font-family: PingFangSC-Regular, sans-serif;
    color: rgba(0, 15, 35, 0.74);
    text-align: center;
    line-height: 4.8vw;
    font-size: 2.7vw;
}

.down-load {
    width: 61.1vw;
    height: 9.3vw;
    margin: 1.6vw auto;
    background-image: linear-gradient(132deg, #92C4F4 0%, #437CCF 100%);
    box-shadow: 0 0.5vw 1.1vw 0 rgba(12, 12, 117, 0.12);
    border-radius: 4.7vw;
    font-family: PingFangSC-Medium, sans-serif;
    font-size: 3.7vw;
    color: #fff;
    text-align: center;
    line-height: 9.3vw;
}

.slide-down {
    display: inline-block;
    width: 100%;
    margin-bottom: 1.1vw;
    font-family: PingFangSC-Medium, sans-serif;
    font-size: 3.7vw;
    color: #477fd0;
    text-align: center;
}

.arrow-down {
    display: block;
    width: 4.8vw;
    height: 4.8vw;
    margin: 0 auto 1.1vw;
    background: url("../imgs/icon-slide.png") 0 0/100% 100%;
}

.apple-logo {
    display: block;
    width: 7.5vw;
    height: 7.5vw;
    margin: 0 auto 6.1vw;
    background: url("../imgs/icon-apple.png") 0 0/100% 100%;
}

.ios-title {
    display: block;
    margin-bottom: 3.2vw;
    font-family: Helvetica, sans-serif;
    font-size: 6.4vw;
    text-align: center;
    background-image: linear-gradient(to right, #5aa0e5, #4b84d8);
    -webkit-background-clip: text;
    color: transparent;
}

.guide {
    display: block;
    font-family: PingFangSC-Medium, sans-serif;
    font-size: 3.2vw;
    color: rgba(0, 15, 35, 0.74);
    text-align: center;
    line-height: 4.8vw;
}

.pic-wrapper > img {
    display: block;
    width: 84.5vw;
    /*height: 121vw;*/
    margin: 3.7vw auto 0;
}

.hide {
    display: none;
}

.mobile-customer-service {
    position: fixed;
    top: 98vw;
    right: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10vw;
    height: 28vw;
    background-image: linear-gradient(132deg, #92C4F4 0%, #437CCF 100%);
    box-shadow: 0 0.5vw 1vw 0 rgba(12,12,117,0.12);
    border-radius: 1.6vw 0 0 1.6vw;
}
.mobile-customer-service span {
    display: inline-block;
    width: 5.3vw;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
}

/*PC端样�*/
.pc-main {
    position: relative;
    padding-top: 90px;
    background-image: linear-gradient(180deg, #102C3E 0%, #234554 22%, #2D5563 49%, #2C5366 66%, #27495E 85%, #1E3951 100%);
}

.corner-label {
    position: absolute;
    left: 0;
    top: 0;
    width: 156px;
    height: 152px;
    background: url("../imgs/corner-label.png") 0 0/100% 100%;
}

.qrcode-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 363px;
    margin: auto;
}

.qrcode {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    background-color: #fff;

}

.pc-logo {
    width: 183px;
    height: 157px;
    background: url("../imgs/pc-logo.png") 0 0/100% 100%;
}

.main-bg {
    width: 1180px;
    height: 810px;
    margin: auto;
    background: url("../imgs/main-bg.png") 0 0/100% 100%;
}

.customer-service {
    position: fixed;
    top: 200px;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50px;
    height: 162px;
    background-image: linear-gradient(180deg, #489EF7 1%, #563FE8 100%);
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.40);
    border-radius: 6px 0 0 6px;
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

.customer-service i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 10px 0 6px 0;
    background: url("../imgs/customer-icon.png") 0 0/100% 100%;
}

.customer-service span {
    display: inline-block;
    width: 20px;
}