p {
    margin: 0
}

.m-t-20 {
    margin-top: .4rem
}

.chatBtn {
    position: fixed;
    bottom: 1.5rem;
    right: .2rem;
    width: 1rem
}

.download-btn-box {
    position: relative;
    height: 1.4rem
}

.download-btn-box .download-btn-item,
.logo-bottom {
    position: fixed;
    bottom: 0;
    max-width: 7.5rem
}

.logo-bottom {
    width: 100%;
    height: 1.4rem;
    box-sizing: border-box;
    z-index: 10;
    background: url("");
    background-size: 100% 100%
}

.logo-bottom .logo-left {
    height: .72rem
}

.logo-bottom .logo-right {
    height: .68rem
}

.logo-bottom .ios_download {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%
}

.logo-bottom .ios_download>div {
    width: 3.24rem;
    height: .88rem;
    background: url("");
    background-size: 100% 100%;
    font-weight: 600;
    font-size: .4rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.logo-bottom .android_download {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%
}

.logo-bottom .android_download>img {
    width: 2.82rem
}

.logo-bottom .android_download>div {
    width: 3.24rem;
    height: .88rem;
    background: url("");
    background-size: 100% 100%;
    font-weight: 600;
    font-size: .4rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.title-box {
    padding: .05rem .1rem;
    box-sizing: border-box
}

.title-box .title-item {
    width: 50%;
    box-sizing: border-box;
    padding: .05rem
}

.title-box .title-item img {
    display: block
}

.logo-top {
    position: absolute;
    padding: .15rem .2rem;
    background: rgba(10, 15, 58, .8);
    box-sizing: border-box;
    z-index: 10;
    top: 0;
    width: 100%
}

.logo-top .logo-left {
    height: .72rem
}

.logo-top .logo-right {
    height: .64rem
}

.pc-box {
    position: relative
}

.pc-box .qrcodeimg {
    height: 160px;
    position: absolute;
    left: 0;
    right: 0;
    top: -170px;
    text-align: center
}

.pc-box .qrcodeimg img {
    display: inline-block !important;
    text-align: center
}

.con-msg-con {
    padding: .2rem .2rem
}

.con-msg-con .con-msg {
    background-image: linear-gradient(270deg, #8433f7, #4d17ed);
    padding: .2rem;
    border-radius: 10px;
    text-align: left;
    color: #fff;
    font-size: .26rem
}

.con-msg-con .con-msg .weburl {
    color: #1dd8ff
}

.pubJoin-wrap-box {
    padding: 0 .2rem .2rem
}

.pubJoin-wrap-box .itemLive {
    padding: 0 0 0 0
}

.pubJoin-wrap {
    font-size: .26rem;
    text-align: left;
    position: relative;
    /* background: url("title_bg@3x.09efeafa.png"); */
    background-size: 100% 100%
}

.pubJoin-wrap .pubJoin-wrap-item {
    position: relative;
    padding: .2rem 0;
    border-radius: .16rem
}

.pubJoin-wrap .pubJoin-wrap-item .wrap-msg {
    color: #666;
    font-size: .24rem
}

.pubJoin-wrap .pubJoin-item {
    color: #fff;
    text-align: center
}

.pubJoin-wrap .pubJoin-item .left-img img {
    width: .8rem;
    height: auto
}

.pubJoin-wrap .pubJoin-item .item-title {
    color: #efb4ff
}

.pubJoin-wrap .pubJoin-item .item-trc {
    font-size: .26rem;
    max-width: 3.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666
}

.pubJoin-wrap .pubJoin-item .item-btn {
    background: #32224d;
    width: 1.6rem;
    text-align: center;
    height: .6rem;
    line-height: .6rem;
    font-size: .24rem;
    border-radius: .3rem
}

.page-first-top-warp {
    width: 100%;
    padding-bottom: 0;
    box-sizing: border-box
}

.page-first-top-warp .logoList {
    padding-top: .5rem
}

.page-first-top-warp .logoList .logoListimg {
    width: .96rem;
    height: 1.24rem;
    padding-right: .9rem
}

.page-first-top-warp .logoList .logoListimg:nth-child(4) {
    padding-right: 0
}

.page-first-top-warp .logo-img {
    height: .96rem;
    margin: 1.4rem auto 0
}

.page-first-top-warp .des {
    font-size: .28rem;
    width: 6.8rem;
    color: #fff;
    margin: 0 auto;
    padding: .6rem 0 0;
    margin-top: .24rem;
    text-align: center
}

.page-first-top-warp .download-btn {
    text-align: center;
    padding: .3rem .2rem;
    color: #fff;
    margin: 0 auto
}

.page-first-top-warp .download-btn img {
    width: 100%
}

.page-first-top-warp .company-text,
.page-first-top-warp .infostr {
    font-size: .28rem;
    padding: .2rem .3rem 0;
    color: #ffbbcf;
    text-align: left
}

.page-first-top-warp .company-text img,
.page-first-top-warp .infostr img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.page-first-top-warp .infostr1 {
    color: #fff;
    font-size: .28rem;
    padding: .2rem .3rem 0;
    text-align: left
}

.page-first-top-warp .download-btn1 {
    background: transparent;
    border: 1px solid #ff487d;
    color: #ff487d;
    margin-top: 25px
}

.page-first-top-warp .btn {
    width: 7.5rem;
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 1.3rem
}

.logoCukeBg1 .businessPackage {
    position: fixed;
    top: 2rem;
    right: .3rem;
    width: .8rem
}

.logoCukeBg1 .title {
    display: inline-block;
    vertical-align: middle;
    margin-left: .2rem;
    font-family: PingFangSC-Medium;
    font-size: .34rem;
    color: #664a17
}

.logoCukeBg1 .wrapper {
    height: 100%;
    width: 7.5rem;
    box-sizing: border-box;
    position: relative;
    margin: auto;
    color: #fff;
    font-size: .24rem
}

.logoCukeBg1 .wrapper .wrapper-header {
    box-sizing: border-box;
    padding: .2rem;
    width: 100%;
    position: absolute
}

.logoCukeBg1 .wrapper .wrapper-logo img {
    width: .8rem
}

.logoCukeBg1 .wrapper .wrapper-item {
    width: 1.4rem;
    white-space: nowrap;
}

.logoCukeBg1 .wrapper .wrapper-item img {
    width: .8rem
}

.installView {
    width: 80%;
    max-width: 6.8rem;
    border-radius: .16rem;
    background: transparent
}

.installView .appText {
    font-size: .28rem;
    padding: 0 .32rem .32rem;
    color: #fff;
    box-sizing: border-box;
    position: relative
}

.installView .appText .appTextBtn {
    background: #269eff;
    padding: .2rem 0;
    border-radius: .6rem;
    text-align: center
}

.installView .appText .qrcodeimg {
    height: 160px;
    position: absolute;
    left: 0;
    right: 0;
    top: -170px;
    text-align: center
}

.installView .appText .qrcodeimg img {
    display: inline-block !important;
    text-align: center
}

.installView .guideInfo {
    color: #23295e
}

.installView .guideInfo,
.wrapper1box {
    font-size: .28rem;
    padding: .32rem;
    box-sizing: border-box;
    text-align: left
}

.wrapper1box {
    background: #191f4f;
    color: #fff;
    position: relative
}

.wrapper1box .guideTitle {
    font-size: .24rem
}

.wrapper1box .guideText {
    font-size: .28rem;
    padding-bottom: .2rem
}

.wrapper2 {
    height: 100%;
    width: 100%;
    position: relative;
    font-size: .28rem;
    margin: auto;
    text-align: left
}

.wrapper2 .wrapper2-text {
    padding: .5rem .2rem 1.5rem
}

.wrapper2 .wrapper2-title {
    font-family: PingFangSC-Semibold;
    font-size: .36rem;
    color: #23295e;
    padding-bottom: .2rem
}

.wrapper1,
.wrapper2 .wrapper2-box {
    background: #fff
}

.wrapper1 {
    height: 100%;
    width: 100%;
    position: relative;
    font-size: .28rem;
    margin: auto
}

.wrapper1 .van-swipe__indicator {
    background: #d3d4df
}

.wrapper1 .van-swipe__indicator--active {
    background: #23295e
}

.wrapper1 .my-swipe {
    height: 100%
}

.wrapper1 .my-swipe .van-swipe-item,
.wrapper1 .my-swipe .van-swipe-item .swipe-con {
    width: 100%;
    height: 100%
}

.wrapper1 .my-swipe .van-swipe-item .swipe-con img {
    width: 100%
}

.homePage {
    min-height: 100vh;
    width: 7.5rem;
    margin: 0 auto;
    padding-bottom: 20px;
    /* background: url("urn:scrapbook:download:error:https://bp8qfnciv.xyz/img/1_bg.86682603.png") no-repeat 50%/cover; */
    box-shadow: 0 -2px 0 0 #fff1c7
}

.btn_a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center
}

.wxbox {
    height: 100vh;
    background: #333;
    position: relative
}

.wxbox .img {
    text-align: right
}

.wxbox img {
    margin-top: 20px;
    width: 75%;
    margin-right: 20px
}

.wxbox .bottomstc {
    position: absolute;
    color: #fff;
    bottom: 30px;
    padding: 0 30px;
    text-align: left;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px
}