body {
    overflow-x: hidden;
}

#mainBox {
    width: 100%;
    margin-bottom: 100px;
}

#mainBox .marT5 {
    margin-top: 5px !important;
}

#mainBox .marT0 {
    margin-top: 0px !important;
}

#mainBox .marT30 {
    margin-top: 30px !important;
}

#mainBox .padT30 {
    padding-top: 30px !important;
}

#mainBox .centerBox {
    width: 1200px;
    margin: 0 auto;
}

#mainBox .banner {
    position: relative;
    padding-bottom: 48px;
}

#mainBox .banner>img {
    width: 100%;
    height: 226px;
}

#mainBox .banner>.text {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 163px;
    height: 62px;
    background: url(/static/v2/img/memberPage/bannerText.png) no-repeat;
    background-size: 100% 100%;
}

#mainBox .joinMember {
    padding: 0 12px;
    position: relative;
    margin: -48px auto 0;
    width: 1200px;
    height: 96px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
    border-radius: 4px 4px 4px 4px;
    z-index: 10;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#mainBox .joinMember>img {
    display: block;
    width: 60px;
    height: 60px;
}

#mainBox .joinMember>.conDiv {
    padding: 18px 12px;
    font-family: Source Han Sans;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

#mainBox .padB12 {
    padding-bottom: 12px !important;
}

#mainBox .joinMember>.conDiv .vInteg {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#mainBox .joinMember>.conDiv .vInteg>p {
    font-family: Source Han sans-serif;
    font-size: 14px;
    color: #333333;
    line-height: 20px;

}

#mainBox .joinMember>.conDiv .vInteg>p>span {
    display: inline-block;
    margin: 0 4px;
    font-family: Agency FB, Agency FB;
    font-weight: bold;
    font-size: 22px;
    color: #333333;
    line-height: 25px;
}

#mainBox .joinMember>.conDiv .spCenter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: Source Han sans-serif;
    font-size: 12px;
    color: #333333;
    line-height: 17px;
    position: relative;
}

#mainBox .joinMember>.conDiv .spCenter .openBtn {
    margin-left: 50px;
    padding: 6px 12px;
    background: linear-gradient(231deg, #F54550 0%, #F87557 47%, #FCAC5F 100%);
    border-radius: 16px 16px 16px 16px;
    font-family: Source Han Sans;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;

}

#mainBox .joinMember>.conDiv .spCenter>span {
    color: #F86855;
}

#mainBox .joinMember>.conDiv .spCenter .barBox {
    font-family: Source Han sans-serif;
    font-size: 12px;
    color: #666666;
    line-height: 17px;
    padding-bottom: 4px;
}

#mainBox .joinMember>.conDiv .spCenter .barBox .Integrals {
    font-family: Source Han sans-serif;
    font-size: 12px;
    color: #666666;
    line-height: 17px;
    display: flex;
    justify-content: space-between;
}

#mainBox .joinMember>.conDiv .spCenter .barBox span {
    color: #F86855;
}

#mainBox .joinMember>.conDiv .spCenter .barBox .barOut {
    margin-top: 2px;
    width: 263px;
    height: 8px;
    background: #FFFFFF;
    box-shadow: 0px 2px 2px 1px rgba(247, 106, 87, 0.23);
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #FFE7B7;
}

#mainBox .joinMember>.conDiv .spCenter .barBox .barOut .barIn {
    width: 0;
    height: 6px;
    background: linear-gradient(180deg, #F54550 0%, #F87557 47%, #FCAC5F 100%);
    box-shadow: 0px 2px 2px 1px rgba(249, 134, 89, 0.51), inset 0px 1px 2px 1px rgba(255, 255, 255, 0.8);
    border-radius: 5px 5px 5px 5px;
}

#mainBox .joinMember .rimg {
    position: absolute;
    right: -10px;
    top: -20px;
    width: 718px;
    height: 144px;

}

#mainBox .centerBox .btitle {
    margin-top: 80px;
    font-family: Source Han Sans;
    font-weight: 600;
    font-size: 28px;
    color: #333333;
    text-align: center;
}

#mainBox .centerBox .btitle>p {
    margin-top: 10px;
    font-family: Source Han sans-serif;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    text-align: center;
    font-weight: normal;
}

#mainBox .centerBox .btitle>p>span {
    color: #F86855;
}

#mainBox .centerBox .equityOut {
    margin-top: 48px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

#mainBox .centerBox .equityOut .eCard {
    width: 224px;
    height: 90px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.1);
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #E9E9E9;
    padding: 12px 12px 0;
    font-family: Source Han Sans;
    font-weight: 600;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    position: relative;
}

#mainBox .centerBox .equityOut .eCard::after {
    position: absolute;
    right: 12px;
    top: 12px;
    display: inline-block;
    content: "";
    width: 40px;
    height: 40px;
    background: url(/static/v2/img/memberPage/iconSet.png) no-repeat;
    background-size: 100% 100%;
}

#mainBox .centerBox .equityOut .eCard:nth-of-type(1)::after {
    background: url(/static/v2/img/memberPage/iconSet1.png) no-repeat;
    background-size: 100% 100%;
}

#mainBox .centerBox .equityOut .eCard:nth-of-type(2)::after {
    background: url(/static/v2/img/memberPage/iconSet2.png) no-repeat;
    background-size: 100% 100%;
}

#mainBox .centerBox .equityOut .eCard:nth-of-type(3)::after {
    background: url(/static/v2/img/memberPage/iconSet3.png) no-repeat;
    background-size: 100% 100%;
}

#mainBox .centerBox .equityOut .eCard:nth-of-type(4)::after {
    background: url(/static/v2/img/memberPage/iconSet4.png) no-repeat;
    background-size: 100% 100%;
}

#mainBox .centerBox .equityOut .eCard:nth-of-type(5)::after {
    background: url(/static/v2/img/memberPage/iconSet5.png) no-repeat;
    background-size: 100% 100%;
}

#mainBox .centerBox .equityOut .eCard:nth-of-type(6)::after {
    background: url(/static/v2/img/memberPage/iconSet6.png) no-repeat;
    background-size: 100% 100%;
}

#mainBox .centerBox .equityOut .eCard:nth-of-type(7)::after {
    background: url(/static/v2/img/memberPage/iconSet7.png) no-repeat;
    background-size: 100% 100%;
}

#mainBox .centerBox .equityOut .eCard:nth-of-type(n+8)::after {
    background: url(/static/v2/img/memberPage/iconSet8.png) no-repeat;
    background-size: 100% 100%;
}

#mainBox .centerBox .equityOut .grey {
    background: #E3E3E3;
    color: #666666;
}

#mainBox .centerBox .equityOut .grey::after {
    background: url(/static/v2/img/memberPage/iconLock.png) no-repeat;
    background-size: 100% 100%;
}

#mainBox .centerBox .equityOut .eCard>p {
    margin-top: 9px;
    font-family: Source Han sans-serif;
    font-size: 11px;
    color: #666666;
    line-height: 16px;
}


#mainBox .centerBox .equityOut .eCard .jbtn {
    margin-top: 5px;
    display: inline-flex;
    height: 22px;
    background: linear-gradient(227deg, #F54550 0%, #F87557 47%, #FCAC5F 100%);
    border-radius: 11px 11px 11px 11px;
    padding: 0 12px;
    font-family: Source Han sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #FFFFFF;
    line-height: 22px;
}

#mainBox .centerBox .bgcolor {
    position: relative;
    padding-bottom: 50px;
}

#mainBox .centerBox .bgcolor::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    content: '';
    width: 100vw;
    background-color: #FCFDFF;
    z-index: -10;
}

#mainBox .centerBox .tableStyle {
    margin-top: 48px;
    border: 1px solid #B7F7FF;
}

#mainBox .centerBox .tableStyle thead {
    width: 1200px;
    height: 118px;
    background: linear-gradient(135deg, #E5FFFE 0%, #F7FFE8 48%, #F5FDEB 64%, #E9F4FC 100%);
    border-radius: 4px 4px 0px 0px;
}

#mainBox .centerBox .tableStyle thead td:nth-child(1) {
    font-family: Source Han Sans;
    font-weight: 600;
    font-size: 16px !important;
    color: #33666D !important;
}

#mainBox .centerBox .tableStyle thead td:nth-child(n+2) {
    font-family: Source Han Sans;
    font-weight: 600;
    font-size: 14px;
    color: #33666D;
    line-height: 20px;
    text-align: center;
}

#mainBox .centerBox .tableStyle thead td:nth-child(n+2)>img {
    width: 60px;
    height: 60px;
}



#mainBox .centerBox .tableStyle thead td:nth-child(n+2)>p {
    margin-top: 4px;
    font-family: Source Han sans-serif;
    font-size: 12px;
    color: #33666D;
    line-height: 17px;
    font-weight: normal;
}

#mainBox .centerBox .tableStyle thead td:nth-child(n+2)>.p1 {
    margin-top: 0;
    font-family: Source Han Sans;
    font-weight: 600;
    font-size: 14px;
    color: #33666D;
    line-height: 20px;
    text-align: center;
}

#mainBox .centerBox .tableStyle tr {
    height: 44px;
}

#mainBox .centerBox .tableStyle tr td {
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-family: Source Han sans-serif;
    font-size: 14px;
    color: #333333;
}

#mainBox .centerBox .tableStyle tr td:nth-child(1) {
    font-family: Source Han Sans;
    font-weight: 600;
    font-size: 14px;
    color: #333333;
}

#mainBox .centerBox .tableStyle td {
    width: 200px;
}

#mainBox .centerBox .tableStyle .check td:nth-of-type(n+2) {
    background: url(/static/v2/img/memberPage/iconCheck.png) no-repeat;
    background-position: center;
    background-size: 20px 20px;
}

#mainBox .centerBox .tableStyle .lock td:nth-of-type(n+2) {
    padding-left: 20px;
    background: url(/static/v2/img/memberPage/iconLock2.png) no-repeat;
    background-position: left 58px center;
    background-size: 16px 16px;
    font-family: Source Han sans-serif;
    font-size: 14px;
    color: #999999;
}

#mainBox .centerBox .questionBox {
    margin-top: 50px;
    padding: 30px 42px 30px 65px;
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
    border-radius: 4px 4px 4px 4px;
}

#mainBox .centerBox .questionBox .qaText {
    font-family: Source Han Sans;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    position: relative;

}

#mainBox .centerBox .questionBox .qaText:nth-of-type(n+2) {
    margin-top: 50px;
}

#mainBox .centerBox .questionBox .qaText::before {
    position: absolute;
    left: -35px;
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    background: url(/static/v2/img/memberPage/iconQuery.png) no-repeat;
    background-size: 100% 100%;
}

#mainBox .centerBox .questionBox .qaText>p {
    margin-top: 16px;
    font-family: Source Han sans-serif;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    position: relative;
}

#mainBox .centerBox .questionBox .qaText>p::before {
    position: absolute;
    left: -35px;
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    background: url(/static/v2/img/memberPage/iconLamp.png) no-repeat;
    background-size: 100% 100%;
}

#mainBox .fixedBox {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 70px;
    background: linear-gradient(254deg, #D8FFFC 0%, #F7FFE8 48%, #E5FEFC 100%);
    z-index: 100;
}

#mainBox .fixedBox .center {
    width: 1200px;
    margin: 0 auto;
    height: 70px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-family: Source Han sans-serif;
    font-size: 18px;
    color: #333333;

}

#mainBox .fixedBox .center .nowBtn {
    margin-left: 30px;
    background: linear-gradient(224deg, #F54550 0%, #F87557 47%, #FCAC5F 100%);
    border-radius: 30px 30px 30px 30px;
    padding: 14px 45px;
    font-family: Source Han Sans;
    font-weight: 600;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 30px;
}