* {
    box-sizing: border-box;
}
p,h1,h2,h3,h4,ul{
    margin: 0;
}
.pr{
    position: relative;
}
.ft-12{
    font-size: 12rem !important;
}
.ai-c {
    align-items: center;
}
.ai-start {
    align-items: flex-start;
}
.ai-end{
    align-items: flex-end;
}
.jc-end {
    justify-content: flex-end;
}
.jc-between {
    justify-content: space-between;
}
.jc-start {
    justify-content: flex-start;
}
.jc-center {
    justify-content: center;
}
.up {
    color: #cc3d3d !important;
}
.down {
    color: #11ad7a !important;
}
.top-0{
    top: 0 !important;
}
.mt-0{
    margin-top: 0px !important;
}
.mt-12{
    margin-top: 12px;
}
.mt-16{
    margin-top: 16px;
}
.mt-44{
    margin-top: 44px;
}
.mt-56{
    margin-top: 56px;
}
.mt-115{
    margin-top: -115px !important;
}
.mb-8{
    margin-bottom: 8px;
}
.mb-12{
    margin-bottom: 12px;
}
.mb-24{
    margin-bottom: 24px !important;
}
.mb-32{
    margin-bottom: 32px;
}
.mb-44{
    margin-bottom: 44px;
}
.mb-72{
    margin-bottom: 72px;
}
.pt-250{
    padding-top: 250px;
}
.ft-16{
    font-size: 16px !important;
}
/*四个字色*/
.first-level-font {
    color: #04091a;
}
.second-level-font {
    color: #565d73;
}
.third-level-font {
    color: #8d93a6;
}
.fouth-level-font {
    color: #c2c5cc;
}
.strategy-activity{
    background-color: var(--color-bg-1);
}
.strategy-activity-h5{
    margin-top: 72px;
}
.strategy-activity-h5::before{
    content: '';
    position: fixed;
    z-index: -1;
    top: 59px;
    right: 0;
    left: 0;
    bottom: 0;
    background: url('/images/strategy/background-content-h5.png') center 0 no-repeat;
    background-size: cover;
    background-color: var(--color-bg-1);
}
.strategy-activity-banner{
    /* height: 510px; */
}
.strategy-activity-banner-h5{
    position: relative;
    background: linear-gradient(0deg, #FCFDFF 0%, #DEEFFF 100%);
    min-height: 187px;
}
.strategy-activity-banner > img{
    width: 100%;
    object-fit: cover;
}
.strategy-activity-banner-h5 > img{
    width: 100%;
    object-fit: cover;
    position: relative;
    top: 16px;
    right: 16px;
    /* height: 184px; */
}
.activity-tab-content{
    position: sticky;
    width: 100%;
    top: 64px;
    margin: 0 auto;
    height: 116rem;
    z-index: 10;
    display: flex;
    justify-content: center;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}
.activity-tab-content-h5{
    position: sticky;
    top: 71px;
    margin: 0 auto;
    z-index: 10;
    height: 58px;
    filter: drop-shadow(0px 4px 24px rgba(23, 56, 153, 0.08));
}
#strategy-activity-tab{
    position: absolute;
    top: 0;
    width: 916rem;
    height: 116rem;
    background-size: 100%;
}
#strategy-activity-tab-h5{
    width: 100%;
    position: absolute;
    top: 0px;
    background-size: 100%;
    background-color: #fff;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    height: 58px;
}
#strategy-activity-tab-h5 img{
    width: 32px;
    margin-top: -11px;
}
.strategy-activity-tab{
    background: url(/images/strategy/background-tab.png) no-repeat;
}
.strategy-activity-tab-dark{
    background: url(/images/strategy/background-tab-theme.png) no-repeat;
}
.activity-common-tab{
    margin-bottom: 0px;
    height: 70rem;
    padding: 10rem 62rem 0;
}
.activity-common-tab-li {
    width: 32%;
    position: relative;
    height: 70rem;
    color: var( --color-text-4);
    font-weight: 600;
    cursor: pointer;
    font-size: 14rem;
    line-height: 14px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.activity-common-tab-li-h5 {
    position: relative;
    color: var( --color-text-4);
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}
.activity-common-tab-li p{
    margin-bottom: 8rem;
    font-weight: 600;
    font-size: 16rem;
}
.activity-common-tab-li-h5 p{
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 12px;
}
.activity-common-tab-li h2{
    font-weight: 600;
    font-size: 16rem;
    line-height: 150%;
    color: var( --color-text-4);
}
.activity-common-tab-li-h5 h2{
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: var( --color-text-4);
}
.activity-common-tab-li-active,.activity-common-tab-li-active>h2 {
    color: var(--color-text-1);
}
.activity-common-tab-li-active-h5,.activity-common-tab-li-active-h5>h2 {
    color: var(--color-text-1);
}
.activity-common-tab-li-active::before {
    content: "";
    width: 100%;
    height: 8px;
    background-color: var(--color-funct-1);
    bottom: -13rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}
.activity-common-tab-li-active-h5::before {
    content: "";
    width: 100%;
    height: 4px;
    background-color: var(--color-funct-1);
    bottom: -7px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}
.strategy-activity-banner-text{
    position: absolute;
    top: 229px;
    left: 240rem;
}
.strategy-activity-banner-text-h5{
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 32px 0 32px 16px;
    margin-top: -138px;
}
.strategy-activity-banner-text-h5-en{
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 32px 0 32px 16px;
    margin-top: -115px;
}
.strategy-activity-banner-text h1{
    font-weight: 700;
    font-size: 56px;
    line-height: 150%;
    margin-bottom: 24px;
    background: linear-gradient(88.37deg, #134AEE 1.13%, #17E5A1 72.51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.banner-max-width-common{
    max-width: 580rem;
}
.banner-max-width{
    max-width: 430rem;
}
.strategy-activity-banner-text-h5 h1{
    width: 50%;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 12px;
    background: linear-gradient(88.37deg, #134AEE 1.13%, #17E5A1 72.51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.strategy-activity-banner-text p{
    font-weight: 400;
    font-size: 20rem;
    line-height: 150%;
    color: var(--color-text-3);
}
.strategy-activity-banner-text-h5 p{
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: var(--color-text-3);
    width: 50%;
}
.strategy-activity-content{
    height: fit-content;
    background: url('/images/strategy/background-content.png') no-repeat fixed;
    background-size: 100%;
    padding:160px var(--layout-padding);
    margin-top: -116rem;
}
.strategy-activity-content-h5{
    height: fit-content;
    /* background: url('/images/strategy/background-content-h5.png') no-repeat fixed; */
    /* background-size: 100%; */
    padding: 32px 16px 0;
    /* background-position: bottom; */
}
/* .strategy-activity-content-h5::before{
    content: '';
    position: fixed;
    z-index: -1;
    top: 100px;
    right: 0;
    left: 0;
    bottom: 0;
    background: url('/images/strategy/background-content-h5.png') center 0 no-repeat;
    background-size: cover;
    background-color: transparent;
} */
.activity-common-tab-h5 .activity-divider {
   margin: 0 16px;
}
.activity-common-tab-h5{
    width: 100%;
    box-sizing: border-box;
    overflow: scroll;
    white-space: nowrap;
    padding: 0 16px;
    height: 100%;
}
.activity-common-tab-h5::-webkit-scrollbar {
    display: none;
}
.activity-divider {
    width: 2px;
    background-color: var(--color-divider-2);
    height: 24px;
    margin: 0;
    border-left: none;
}
.active-content-left{
    width: 50%;
}
.active-content-left-h5{
    width: 100%;
}
.active-content-left h3{
    font-weight: 500;
    font-size: 24rem;
    line-height: 150%;
}
.active-content-left-h5 h3{
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
}

.active-content-left p{
    font-weight: 400;
    font-size: 16rem;
    line-height: 180%;
}
.active-content-left-h5 p{
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    word-break: break-all;
}
.link-title{
    color: var(--color-text-3);
}
.active-content-left .link-title{
    font-weight: 400;
    font-size: 14rem;
    line-height: 150%;
}
.active-content-left-h5 .lin-title{
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
}
.strategy-activity-content a,.strategy-activity-content-h5 a{
    color: var(--color-brand-1);
}
.active-content-right{
    width: 40%;
    height: 492rem;
    background: var(--color-card-2);
    border-radius: 24px;
}
.active-content-right-h5{
    width: 100%;
    /* height: 340px; */
    background: var(--color-card-2);
    border-radius: 24px;
    padding-bottom: 24px;
}
.active-content-right-h5 .right-content{
    background: url('/images/strategy/background-light-h5.png') no-repeat;
    height: 100%;
    background-size: 100%;
}
.right-content{
    background: url('/images/strategy/background-light.png') no-repeat;
    height: 100%;
}
.coupon-content{
    background: url(/images/strategy/coupon.png) no-repeat;
    height: 130rem;
    width: 420rem;
    margin: 0 auto;
    margin-top: 100rem;
    margin-bottom: 74rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    background-size: 100%;
    filter: drop-shadow(0px 4px 16px rgba(23, 56, 153, 0.06));
}
.coupon-content-h5{
    background: url(/images/strategy/coupon-h5.png) no-repeat;
    background-size: 100%;
    height: 113px;
    width: 335px;
    margin: 0 auto;
    margin-top: 64px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    padding-right: 14px;
}
.modal-coupon-content{
    background: url(/images/strategy/coupon.png) no-repeat;
    height: 130rem;
    /* width: 420rem; */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    position: relative;
}
.modal-coupon-content-h5{
    background: url(/images/strategy/coupon-h5.png) no-repeat;
    height: 103px;
    /* width: 420rem; */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    position: relative;
}
.coupon-content-used,.modal-coupon-content-used{
    background: url(/images/strategy/used-coupon.png) no-repeat;
    background-size: 100%;
}
.coupon-content-used-h5,.modal-coupon-content-used-h5{
    background: url(/images/strategy/used-coupon-h5.png) no-repeat;
    background-size: 100%;
    padding-right: 14px;
}
.coupon-content p, .modal-coupon-content p{
    width: 278rem;
    /*暗黑和亮色一样所以直接写死*/
    color: #04091a;
    font-weight: 600;
    font-size: 16rem;
}
.coupon-content-h5 p{
    width: 220px;
    /*暗黑和亮色一样所以直接写死*/
    color: #04091a;
    font-weight: 600;
    font-size: 12px;
}
.modal-coupon-content-h5 p{
    width: 180px;
    /*暗黑和亮色一样所以直接写死*/
    color: #04091a;
    font-weight: 600;
    font-size: 12px;
}
.coupon-content-used p, .modal-coupon-content-used p{
    /*暗黑和亮色一样所以直接写死*/
    color: #8D93A6;
}
.coupon-content-used-h5 p, .modal-coupon-content-used-h5 p{
    /*暗黑和亮色一样所以直接写死*/
    color: #8D93A6;
}
.coupon-content .coupon-content-time, .modal-coupon-content .coupon-content-time{
    font-weight: 400;
    font-size: 14rem;
    color: var(--color-text-3);
    margin-top: 12rem;
}
.coupon-content-h5 .coupon-content-time, .modal-coupon-content-h5 .coupon-content-time{
    font-weight: 400;
    font-size: 12px;
    color: var(--color-text-3);
    margin-top: 8px;
}
.coupon-button{
    padding: 16rem 93rem;
    height: 52rem;
    background: var(--color-funct-1);
    color: #FFFFFF;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    font-weight: 600;
    font-size: 20rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.coupon-button-h5{
    padding: 12px 32px;
    background: var(--color-funct-1);
    color: #FFFFFF;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    font-weight: 600;
    font-size: 20px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.coupon-button-used{
    font-weight: 600;
    font-size: 20rem;
    color: var(--color-text-2);
    text-align: center;
}
.active-right-title{
    height: 90px;
    background: var(--color-brand-1);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    line-height: 90px;
    text-align: center;
}
.active-right-title-h5{
    height: 57px;
    background: var(--color-brand-1);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    line-height: 57px;
    text-align: center;
}
.active-right-title h4{
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
}
.active-right-title-h5 h4{
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
}
.content-faq{
    margin-top: 72px;
}
.content-faq img{
    width: 308rem;
}
.content-faq-h5 img{
    display: flex;
    width: 230px;
    margin: 0 auto;
    margin-top: 30px;
}
.faq-title{
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 36rem;
    color: var(--color-funct-1);
}
.faq-title-h5{
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 24px;
    color: var(--color-funct-1);
}
.faq-contain{
    margin-left: 150rem;
    width: 976rem;
}
.faq-content li{
    margin-top: 8px;
    cursor: pointer;
}
.faq-content .faq-content-title{
    /* height: 84px; */
    background: var(--color-card-2);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.faq-content .faq-content-title:hover::before {
    content: "";
    width: 4px;
    height: 36px;
    background-color: var(--color-funct-1);
    position: absolute;
}
.faq-content .faq-content-question{
    width: 100%;
    /* height: 86px; */
    /* margin: 0 24px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
}
.card-bg .faq-content-question{
    border-bottom: 1px solid var(--color-divider-1);
}
.faq-content-question .iconshouqi,.faq-content-question .iconzhankai{
    color: #ADB5CC;
}
.faq-question-title{
    font-size: 16rem;
    line-height: 150%;
    font-weight: 500;
}
.faq-question-title-h5{
    font-size: 16px;
    line-height: 150%;
    font-weight: 500;
}
.faq-content .faq-content-contain{
    padding: 24px;
    background: var(--color-card-3);
    font-size: 14rem;
    color: var(--color-text-3);
}
.faq-content .faq-content-contain-h5{
    padding: 24px;
    background: var(--color-card-3);
    font-size: 14px;
    color: var(--color-text-3);
}
.active-notice{
    margin-top: 72px;
}
.active-notice-h5{
    padding-bottom: 64px;
}
.active-notice h4{
    font-weight: 500;
    font-size: 24rem;
    line-height: 150%;
    margin-bottom: 16rem;
}
.active-notice-h5 h4{
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 16px;
}
.active-notice p{
    font-weight: 400;
    font-size: 14rem;
}
.active-notice-h5 p{
    font-weight: 400;
    font-size: 14px;
}
#footer-view{
    background: url('/images/strategy/background-footer.png') no-repeat;
    background-position: bottom center; 
}
.activity-time{
    color: var(--color-funct-1);
    font-weight: 600;
    font-size: 24rem !important;
    line-height: 150%;
}
.activity-time-h5{
    color: var(--color-funct-1);
    font-weight: 600;
    font-size: 20px !important;
    line-height: 150%;
}
.activity-content-button{
    border: 1px solid var(--color-brand-1);
    color: var(--color-brand-1);
    font-weight: 600;
    font-size: 16rem;
    border-radius: 4px;
    padding: 12rem 27rem;
    width: fit-content;
    cursor: pointer;
}
.activity-content-button-h5{
    width: 100%;
    text-align: center;
    border: 1px solid var(--color-brand-1);
    color: var(--color-brand-1);
    font-weight: 600;
    font-size: 16px;
    border-radius: 4px;
    padding: 12px 27px;
    cursor: pointer;
}
.scd-right-tab{
   background-color: var(--color-card-2);
   width: 38%;
   height: fit-content;
   border-radius: 24rem;
}
.scd-right-tab-h5{
    background-color: var(--color-card-2);
    width: 100%;
    height: fit-content;
    border-radius: 24px;
 }
.scd-right-content{
    background: url('/images/strategy/background-card.png') no-repeat;
    width: 100%;
    height: 100%;
    background-size: 100%;
    padding: 44rem 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.scd-right-content-h5{
    background: url('/images/strategy/background-card.png') no-repeat;
    width: 100%;
    height: 100%;
    background-size: 100%;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.scd-right-content h4{
    font-weight: 600;
    font-size: 28rem;
    line-height: 150%;
    margin-bottom: 54rem;
    color: var(--color-text-1);
    padding: 0 110rem;
    text-align: center;
}
.scd-right-content-h5 h4{
    font-weight: 600;
    font-size: 28px;
    line-height: 150%;
    margin-bottom: 48px;
    color: var(--color-text-1);
    padding: 0 66px;
    text-align: center;
}
.bg-brand{
    background-color: var(--color-brand-1);
}
.brand-text{
    display: block;
    color: var(--color-brand-1);
}
.coupon-content-icon{
    position: absolute;
    bottom: 8rem;
    padding: 6rem 8rem;
    background: rgba(23, 230, 161, 0.12);
    color: var(--color-funct-1);
    font-weight: 400;
    font-size: 12rem;
    border-top-left-radius: 16rem;
    border-bottom-left-radius: 16rem;
}
.coupon-content-h5 .coupon-content-icon{
    bottom: 4px;
    padding-right: 14px;
}
.coupon-content-used .coupon-content-icon,.coupon-content-used-h5 .coupon-content-icon{
    background: #F8F9FB;
    color: var(--color-text-3);
}
.modal-coupon-content-h5 .coupon-content-icon{
    bottom: 4px;
}
.common-modal .ant-modal-header {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: var(--color-text-1);
    padding: 32px 40px 16px;
    border-radius: 16px 16px 0 0;
    border-bottom: none;
}
.common-modal .ant-modal-close-x {
    width: 60px;
    height: 68px;
    line-height: 68px;
}
.common-modal .ant-modal-body {
    padding: 0 40px !important;
}
.common-modal .ant-modal-content {
    border-radius: 16px;
}
.ant-modal-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24rem;
    line-height: 150%;
    color: var(--color-text-1);
}
/*提示弹窗样式*/
.common-modal .ant-modal-footer {
    width: 100%;
    text-align: center;
    border: none;
    margin: 0 auto;
}
.common-modal .ant-modal-footer > button {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: var(--color-brand-1);
    border-radius: 8px;
    color: #ffffff;
    border: none;
    cursor: pointer;
    margin: 30px 0 14px;
    font-size: 16px;
    font-weight: 600;
}
.tip-modal .ant-modal-header {
    padding: 24px 40px 16px;
}
.tip-modal .ant-modal-body {
    padding: 0px 40px !important;
}
.tip-modal-content {
    color: var(--color-text-3) !important;
}
.card-bg{
    background: var(--color-card-3) !important;
}
.card-bg::before{
    content: "";
    width: 4px;
    height: 36px;
    background-color: var(--color-funct-1);
    position: absolute;
}
.new-img{
    position: absolute;
    top:0;
    right:0;
    width: 54rem;
    background-size: 100%;
}
#header-phone-nav {
    position: fixed;
    top: 0;
    background-color: #fff;
}
footer.my-footer{
    border: none;
}
.scroll-background{
    width: 100%;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    height: 90rem;
    display: flex;
    justify-content: center;
}
.no-background{
    background: none !important;
}
.activity-tab-modal{
    position: absolute;
    right: 0;
    width: 40px;
    height: 58rem;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 12.5%, #FFFFFF 100%); 
}
.activity-tab-bottom-modal{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 140px;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}
.footer-view{
    /* background: url(/images/strategy/background-footer-h5.png) no-repeat; */
    background-position: bottom center;
    background-color: var(--color-bg-1) !important;
    padding-top: 38rem;
}