.activity[data-v-33b343de]{background:#c5e0f5;font-size:16px;padding:12px}[data-v-33b343de] .activity-homepage{background:linear-gradient(150deg,#fff 60%,#fff 0,#ecf6ff);border-radius:0 18px 18px 0;color:rgb(var(--primary-6));cursor:pointer;display:inline-block;font-size:14px;line-height:20px;margin-top:24px;padding:8px;position:absolute}[data-v-33b343de] .activity-banner{box-sizing:border-box;margin:0 auto;width:800px}[data-v-33b343de] .activity-banner>img{border-radius:20px;box-sizing:border-box;width:100%}[data-v-33b343de] .activity-container{background:linear-gradient(180deg,#e2f5ff 0,#d3e1f8);border-radius:20px;box-sizing:border-box;margin:32px auto 0;padding:10px;position:relative;width:800px}[data-v-33b343de] .activity-hair{left:50%;min-width:160px;position:absolute;top:0;transform:translate(-50%,-25%);width:25%;z-index:1}[data-v-33b343de] .activity-hair-title{color:#fff;font-size:20px;left:50%;line-height:20px;position:absolute;top:0;transform:translate(-50%,-25%);z-index:1}[data-v-33b343de] .activity-common-box{background:#fff;border-radius:10px;padding:48px 32px 32px;text-align:center}[data-v-33b343de] .activity-bottom-box,[data-v-33b343de] .activity-top-box{--circle-size:24px;--circle-size-double:48px;--circle-size-negtive:-24px;--dash-height:5px;--dash-width:30px;--dash-margin:15px;background:#fff;padding:16px;position:relative;text-align:center;z-index:0}[data-v-33b343de] .activity-bottom-box>.dash-line,[data-v-33b343de] .activity-top-box>.dash-line{background-image:linear-gradient(90deg,#e0eefc 0,#e0eefc 50%,#fff 0);background-repeat:repeat-x;background-size:var(--dash-width) var(--dash-height);height:var(--dash-height);left:var(--circle-size);margin-left:var(--dash-margin);margin-right:var(--dash-margin);position:absolute;right:var(--circle-size);z-index:1}[data-v-33b343de] .activity-bottom-box>.circle,[data-v-33b343de] .activity-top-box>.circle{background:#fff;height:var(--circle-size);left:var(--circle-size);position:absolute;right:var(--circle-size)}[data-v-33b343de] .activity-bottom-box>.circle:after,[data-v-33b343de] .activity-bottom-box>.circle:before,[data-v-33b343de] .activity-top-box>.circle:after,[data-v-33b343de] .activity-top-box>.circle:before{content:"";height:var(--circle-size);position:absolute;width:var(--circle-size)}[data-v-33b343de] .activity-top-box{border-radius:10px 10px 0 0;margin-bottom:var(--circle-size-double);padding-top:48px}[data-v-33b343de] .activity-top-box>.dash-line{bottom:var(--circle-size-negtive)}[data-v-33b343de] .activity-top-box>.circle{bottom:var(--circle-size-negtive)}[data-v-33b343de] .activity-top-box>.circle:before{background:radial-gradient(circle var(--circle-size) at 0 100%,transparent 99.99%,#fff 100%);left:var(--circle-size-negtive)}[data-v-33b343de] .activity-top-box>.circle:after{background:radial-gradient(circle var(--circle-size) at 100% 100%,transparent 99.99%,#fff 100%);right:var(--circle-size-negtive)}[data-v-33b343de] .activity-bottom-box{border-radius:0 0 10px 10px}[data-v-33b343de] .activity-bottom-box>.dash-line{top:var(--circle-size-negtive)}[data-v-33b343de] .activity-bottom-box>.circle{top:var(--circle-size-negtive)}[data-v-33b343de] .activity-bottom-box>.circle:before{background:radial-gradient(circle var(--circle-size) at 0 0,transparent 99.99%,#fff 100%);left:var(--circle-size-negtive)}[data-v-33b343de] .activity-bottom-box>.circle:after{background:radial-gradient(circle var(--circle-size) at 100% 0,transparent 99.99%,#fff 100%);right:var(--circle-size-negtive)}[data-v-33b343de] .activity-p{font-size:18px}[data-v-33b343de] .activity-btn{font-size:16px;letter-spacing:2px;margin-top:16px;max-width:70%;width:300px}[data-v-33b343de] .activity-rule+.activity-rule{margin-top:32px}[data-v-33b343de] .activity-rule-label{font-weight:700;text-align:right}[data-v-33b343de] .activity-rule-detail{padding-left:16px;text-align:justify}[data-v-33b343de] .activity-rule-detail p,[data-v-33b343de] .activity-rule-detail ul{margin:0}[data-v-33b343de] .activity-rule-detail li+li{margin-top:16px}[data-v-33b343de] .total-rank-title{background:linear-gradient(90deg,#def2ff,#dae7fa);border-radius:16px;color:rgb(var(--primary-6));font-weight:700;margin:0 auto 16px;max-width:240px;padding:12px 0}[data-v-33b343de] .total-rank-content>.arco-col{padding:8px 0}[data-v-33b343de] .total-rank-content>.arco-col:first-of-type{font-weight:700;text-align:left}[data-v-33b343de] .total-rank-content>.arco-col:nth-of-type(2){text-align:left}[data-v-33b343de] .total-rank-content>.arco-col:nth-of-type(3){font-weight:700;text-align:right}[data-v-33b343de] .total-rank-content:nth-of-type(2n){background:#f3f9ff}[data-v-33b343de] .total-rank-content:first-of-type>.arco-col:first-of-type{color:#ffb649}[data-v-33b343de] .total-rank-content:nth-of-type(2)>.arco-col:first-of-type{color:#a7a7a7}[data-v-33b343de] .total-rank-content:nth-of-type(3)>.arco-col:first-of-type{color:#eb7550}[data-v-33b343de] .total-rank-content:first-of-type>.arco-col:nth-of-type(3),[data-v-33b343de] .total-rank-content:nth-of-type(2)>.arco-col:nth-of-type(3),[data-v-33b343de] .total-rank-content:nth-of-type(3)>.arco-col:nth-of-type(3){color:#f2523d}@media screen and (max-width:992px){.activity[data-v-33b343de]{font-size:14px}[data-v-33b343de] .activity-homepage{left:-12px;margin-bottom:10px;margin-top:0;position:relative}[data-v-33b343de] .activity-banner{width:auto}[data-v-33b343de] .activity-container{margin-top:20px;width:auto}[data-v-33b343de] .activity-hair-title{font-size:16px}[data-v-33b343de] .activity-common-box{padding:32px 16px 16px}[data-v-33b343de] .activity-bottom-box,[data-v-33b343de] .activity-top-box{--circle-size:16px;--circle-size-double:32px;--circle-size-negtive:-16px;--dash-height:3px;--dash-width:20px;--dash-margin:10px}[data-v-33b343de] .activity-top-box{padding-top:32px}[data-v-33b343de] .activity-p{font-size:16px}[data-v-33b343de] .activity-rule+:deep(.activity-rule){margin-top:20px}[data-v-33b343de] .activity-rule-detail li+li{margin-top:8px}}