.chain-task-wrap[data-v-468527f4] {
    opacity: 1;
    border-radius: var(--card-radius);
    background: var(--bg);
    border: 2px solid rgb(255, 255, 255);
    box-sizing: border-box;
    overflow: hidden
}

.mission-wrap .mission-wrap-content .top-info[data-v-1721e7a1] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-1721e7a1] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-1721e7a1] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-1721e7a1] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-1721e7a1] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .loading-time[data-v-1721e7a1] {
    background: var(--text-black);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .top-info .loading-time span[data-v-1721e7a1] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-1721e7a1] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-1721e7a1] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-1721e7a1] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-1721e7a1] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-1721e7a1] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-1721e7a1] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-1721e7a1] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-1721e7a1] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-1721e7a1] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-1721e7a1] {
    background: var(--bg-input);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-1721e7a1] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-1721e7a1] {
    width: 62px;
    height: 62px;
    border-radius: 10px;
    flex-shrink: 0;
    overflow: hidden
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-1721e7a1] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 72px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-1721e7a1] {
    font-size: 15px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-1721e7a1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-1721e7a1] {
    font-size: 13px;
    line-height: 15px;
    color: var(--text-gray6);
    margin-right: 5px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-1721e7a1] {
    font-size: 14px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-1721e7a1] {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-1721e7a1] {
    background: var(--btn-bg3);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-1721e7a1] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important
}

.van-tabs-customer[data-v-1721e7a1] {
    margin-bottom: 10px
}

.van-tabs-customer[data-v-1721e7a1] .van-tabs__nav {
    background: transparent !important
}

.van-tabs-customer[data-v-1721e7a1] .van-tab {
    color: #fff !important
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time[data-v-cefb31c9] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 40px;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--primary);
    margin: 0 auto 10px;
    color: var(--primary);
    overflow: hidden;
    border-radius: var(--card-radius)
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time span[data-v-cefb31c9] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--btn-text)
}

.mission-wrap21 .mission-wrap-content .top-info[data-v-cefb31c9] {
    background: var(--bg-card);
    border-radius: var(--card-radius);
    color: var(--btn-text);
    margin-bottom: var(--mg);
    padding: var(--mg);
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .data-content[data-v-cefb31c9] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col[data-v-cefb31c9] {
    width: calc(50% - 5px)
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .title[data-v-cefb31c9] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .value[data-v-cefb31c9] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info[data-v-cefb31c9] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .value[data-v-cefb31c9] {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text);
    font-weight: 500
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .desc[data-v-cefb31c9] {
    color: var(--text-gray)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-cefb31c9] {
    margin-left: auto
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-cefb31c9] {
    margin-top: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-cefb31c9] {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-cefb31c9] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-cefb31c9] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item[data-v-cefb31c9] {
    color: var(--text-gray6)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-cefb31c9] {
    color: var(--primary)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-cefb31c9]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card[data-v-cefb31c9] {
    background: var(--card-bg);
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner[data-v-cefb31c9] {
    display: flex
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-cefb31c9] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-cefb31c9] {
    border-radius: 5px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-cefb31c9] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-cefb31c9] {
    flex: 1;
    padding: 10px;
    border-radius: 5px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-cefb31c9] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-cefb31c9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-cefb31c9] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-cefb31c9] {
    font-size: 13px;
    text-align: right
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-cefb31c9] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-cefb31c9] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: #fff;
    border-radius: var(--btn-radius)
}

.mission-wrap21 .mission-wrap-content .nomore2[data-v-cefb31c9] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-296e0ab2] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    color: #fff
}

.loading-wrap .loader[data-v-296e0ab2] {
    width: 10em;
    height: 10em;
    display: flex;
    align-items: center;
    justify-content: center
}

.mission-wrap32 .mission-wrap-content .top-info .task_fresh[data-v-2417377b] {
    display: flex;
    margin: 20px 0 0;
    flex-direction: column-reverse;
    line-height: 20px
}

.mission-wrap32 .mission-wrap-content .top-info .time-span span[data-v-2417377b]:first-child {
    margin-left: 0
}

.mission-wrap32 .mission-wrap-content .top-info .time-span span[data-v-2417377b] {
    background: var(--primary);
    color: #fff;
    padding: 0 6px;
    text-align: center;
    font-size: 16px;
    margin-right: 3px;
    margin-left: 3px
}

.mission-wrap32 .mission-wrap-content .top-info .task-main[data-v-2417377b] {
    margin: 10px 10px 10px 0;
    line-height: 30px
}

.mission-wrap32 .mission-wrap-content .top-info .task-money .money[data-v-2417377b] {
    text-align: center;
    line-height: 100px;
    font-size: 26px;
    font-weight: 700
}

.mission-wrap32 .mission-wrap-content .top-info .task-money .prodiv[data-v-2417377b] {
    border-radius: 10px;
    padding: 0
}

.mission-wrap32 .mission-wrap-content .top-info .task-money .right[data-v-2417377b] {
    flex: 1;
    margin-left: 20px
}

.mission-wrap32 .mission-wrap-content .top-info .task-money .title[data-v-2417377b] {
    line-height: 20px;
    padding-left: 10px;
    margin-top: 10px;
    word-break: break-all
}

.mission-wrap32 .mission-wrap-content .top-info .task-money .right>div[data-v-2417377b] {
    background: var(--bg-card);
    min-height: 140px;
    text-align: left;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 15px
}

.mission-wrap32 .mission-wrap-content .top-info .vip-swap[data-v-2417377b] {
    color: var(--primary);
    font-size: 16px;
    margin-top: 8px;
    font-weight: 700;
    padding-right: 35px;
    line-height: 28px
}

.mission-wrap32 .mission-wrap-content .top-info .flex_v4[data-v-2417377b] {
    display: flex
}

.mission-wrap32 .mission-wrap-content .top-info .task-money .right>div[data-v-2417377b]:last-child {
    margin-bottom: 0
}

.mission-wrap32 .mission-wrap-content .top-info .task-money .bg[data-v-2417377b] {
    background-repeat: no-repeat;
    background-position: center;
    height: 310px;
    width: 178px;
    background-size: 100% 100%;
    position: relative
}

.mission-wrap32 .mission-wrap-content .top-info .task-money .proval[data-v-2417377b] {
    position: absolute;
    bottom: 12px;
    left: 11px;
    width: calc(100% - 22px);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    background: #119bdf
}

.mission-wrap32 .mission-wrap-content .top-info .task-money .bg img[data-v-2417377b] {
    width: 20px;
    height: 32px;
    margin: 120px 0 0 70px
}

.mission-wrap32 .mission-wrap-content .top-info .finish_div[data-v-2417377b] {
    background: var(--bg-card);
    margin: 10px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 18px;
    color: #fff
}

.mission-wrap32 .mission-wrap-content .top-info .finish_div .finish_btn[data-v-2417377b] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAABQVBMVEUAAAAAqlUrkHgoj3cpjnYpj3Ypj3Ypj3Ypj3YzmWYqjncoj3Ypj3YcjnEoj3YpkHYpj3cqj3cpjncA/wAokHcrlYApj3Uoj3gpj3Yoj3Yqjncpj3Ypj3aIwbP6/Pz////P5uAskHgwk3rx+Pb8/f0zlHxztqW52tLF4dphrJpBnIb9/v7g7+sqj3eSxrmJwbPi8O34+/s4l4Bfq5ix1s2w1sxaqJU0lX33+/rY6+Z9u6zH4tuNw7Z5uakrkHdvs6NKoIvy+PZCnIacy8Beq5jq9PL+//50tqZpsJ+629Oo0cfy+Pe/3taDvq/E4Nnn8u/T6OMxk3vK493j8e07mYLw9/VlrpxbqZaezMFwtKTX6uU6mIGjz8RxtaS729Oq08nQ5uHh7+xFnYju9vRHn4l+u6xYqJSu1ctssqF7uqvt9vRW7O78AAAAHHRSTlMAAzVymsLf7PkFT6vwCXlj5EnVAYUMsCDS6ayb46dxuwAAAjhJREFUSMedl2dD2zAQhmU7toNjnEUYyYFJCy0tZXawVwcdjDZAB9AWWlbh//+A2iY2su4UG78fT3oi5YbuzBghRdVyumHm86ah5zRVYanUZRVsiMkuWF2JWLdjAiHT6e6IKcUSSFQqdrhxuQIdVClLsGoPJKinSnG13iQOoLeGub7+ZA6gvw9xA2k4gAGBrKU6Lzgzdttqiv8X/U/eQ4n+jPmWi999OIAonkrlfmAlzKEiXhscciMNN8XVYjuvcX4+eHjHuSOj4nLpNuMdfOAjjnMf43UnqD+ijsZ48AleN/36tLD96TjHPZsg/GN5YB2bJ/kDpyjHFrxY2Mg6Mc1xM7MUaCtMxdbn/IEvgJTKNGx8yYOvaFBjDWSbm+e4BZqDBtORbZE/cGk50MqqsElnBgKHXUJrwiaDofCvU9zGa2GXyfIi+Ibght6Ku/IIbL7D3OZ7wKB41Q/EgcvYqyZyzkfMfSLCYaBwbCFuu0mAOkqAnd0xX58j7kuL4CBHpZyvvZDbPyDXNSrJPbXCN+frOv3DKlVWnr6FRfWd5ryyogoZ4Ec7gIc05xcy9XQAHHWofl+W5LE63gy4nzIueKyo5/FXwP1elYGO7EE+8bnTloxrP8hEC9j3uD/HMi5sAbjp/PW4s3MpFzUd1OYuXHf+UspBWdpYr9zxf3KOa6xiK7++WZRzsVaeeXjIPq5kH5Cyj2TZh0CWeexk2Qddlnm0DoYJq27HKbueYpi/vbGqNcLPh4bk8+E/lZYebC0YzJQAAAAASUVORK5CYII=) no-repeat left center;
    padding-left: 35px;
    background-size: 28px 28px;
    display: inline-block
}

.mission-wrap32 .mission-wrap-content .top-info .data-content[data-v-2417377b] {
    position: relative;
    z-index: 1;
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap32 .mission-wrap-content .top-info .data-content .col[data-v-2417377b] {
    width: calc(50% - 5px)
}

.mission-wrap32 .mission-wrap-content .top-info .data-content .col .title[data-v-2417377b] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap32 .mission-wrap-content .top-info .data-content .col .value[data-v-2417377b] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap32 .mission-wrap-content .top-info .loading-time[data-v-2417377b] {
    background: linear-gradient(to bottom, #323232 0%, #3f3f3f 40%, #1c1c1c 150%), linear-gradient(to top, rgba(255, 255, 255, .4) 0%, rgba(0, 0, 0, .25) 200%);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap32 .mission-wrap-content .top-info .loading-time span[data-v-2417377b] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap32 .mission-wrap-content .top-info .mission-chain-info[data-v-2417377b] {
    z-index: 1;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap32 .mission-wrap-content .top-info .mission-chain-info .value[data-v-2417377b] {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-white);
    font-weight: 500
}

.mission-wrap32 .mission-wrap-content .top-info .mission-chain-info .desc[data-v-2417377b] {
    color: #ccc
}

.mission-wrap32 .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-2417377b] {
    margin-left: auto
}

.mission-wrap32 .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-2417377b] {
    margin-top: 10px
}

.mission-wrap32 .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-2417377b] {
    margin: 10px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 10px
}

.mission-wrap32 .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-2417377b] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--btn-bg5)
}

.mission-wrap32 .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-2417377b] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap32 .mission-wrap-content .card-content[data-v-2417377b] {
    border-radius: var(--radius) var(--radius) 0 0;
    background: var(--bg);
    width: calc(100% + 32px);
    margin-left: -16px
}

.mission-wrap32 .mission-wrap-content .container-card .base-user-tab .tab-item[data-v-2417377b] {
    color: var(--text-gray6)
}

.mission-wrap32 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-2417377b] {
    color: #000
}

.mission-wrap32 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-2417377b]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap32 .mission-wrap-content .task-list .mission-card[data-v-2417377b] {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap32 .mission-wrap-content .task-list .mission-card .card-inner[data-v-2417377b] {
    display: flex
}

.mission-wrap32 .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-2417377b] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap32 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-2417377b] {
    border-radius: 5px
}

.mission-wrap32 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-2417377b] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap32 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-2417377b] {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap32 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-2417377b] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap32 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-2417377b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap32 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-2417377b] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap32 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-2417377b] {
    font-size: 13px;
    text-align: right
}

.mission-wrap32 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-2417377b] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap32 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-2417377b] {
    background: var(--bg);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    border-radius: var(--btn-radius)
}

.mission-wrap32 .mission-wrap-content .nomore2[data-v-2417377b] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.animate[data-v-2417377b] {
    animation: scale-2417377b 1s infinite
}

@keyframes scale-2417377b {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    to {
        transform: scale(1)
    }
}

.loading-wrap[data-v-2db839b0] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    color: #fff
}

.loading-wrap .loader[data-v-2db839b0] {
    width: 10em;
    height: 10em;
    display: flex;
    align-items: center;
    justify-content: center
}

.mission-wrap31 .mission-wrap-content .top-info .task_fresh[data-v-da0da516] {
    display: flex;
    margin: 20px 0 0;
    flex-direction: column-reverse;
    line-height: 20px
}

.mission-wrap31 .mission-wrap-content .top-info .time-span span[data-v-da0da516]:first-child {
    margin-left: 0
}

.mission-wrap31 .mission-wrap-content .top-info .time-span span[data-v-da0da516] {
    background: var(--primary);
    color: #fff;
    padding: 0 6px;
    text-align: center;
    font-size: 16px;
    margin-right: 3px;
    margin-left: 3px
}

.mission-wrap31 .mission-wrap-content .top-info .task-main[data-v-da0da516] {
    margin: 10px 10px 10px 0;
    line-height: 30px
}

.mission-wrap31 .mission-wrap-content .top-info .task-money .money[data-v-da0da516] {
    text-align: center;
    line-height: 100px;
    font-size: 26px;
    font-weight: 700
}

.mission-wrap31 .mission-wrap-content .top-info .task-money .prodiv[data-v-da0da516] {
    border-radius: 10px;
    padding: 0
}

.mission-wrap31 .mission-wrap-content .top-info .task-money .right[data-v-da0da516] {
    flex: 1;
    margin-left: 20px
}

.mission-wrap31 .mission-wrap-content .top-info .task-money .title[data-v-da0da516] {
    line-height: 20px;
    padding-left: 10px;
    margin-top: 10px;
    word-break: break-all
}

.mission-wrap31 .mission-wrap-content .top-info .task-money .right>div[data-v-da0da516] {
    background: #e9f6f3;
    min-height: 140px;
    text-align: left;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 15px
}

.mission-wrap31 .mission-wrap-content .top-info .vip-swap[data-v-da0da516] {
    color: var(--primary);
    font-size: 16px;
    margin-top: 8px;
    font-weight: 700;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAqCAYAAADrhujJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozOThBNEUzNTYwNERFRjExOThGQkI2NkI3RjVCRTc3MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0ODA1RDBFNzRENzExMUVGQjc0MEVDNThFRUFGMjkwRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0ODA1RDBFNjRENzExMUVGQjc0MEVDNThFRUFGMjkwRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJGNTA1MkRFNzA0REVGMTE5OEZCQjY2QjdGNUJFNzcxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM5OEE0RTM1NjA0REVGMTE5OEZCQjY2QjdGNUJFNzcxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+kroHXgAABcFJREFUeNrsWl9sU1UYP+fcP71ru64rg4VVZctGF8MfI7oYQRdQRJgyMWEq8MID+oBgog++aAgmJsaXvYjuQRM1kRn8gyHCECMkgBmKImpkQBU3iRvbGG03Vnrbe+85fqfNttuyP21379iYJ9na3nPOved3vu983+/3tZgxhmZjI2iWNjHbgcUfdCCfcpAw5KjXaPFOxIQChJkx6Z3HsQsiDr8WUp/sHWsMPFfUaMm+hOFfLQtdxyRytQHG66Z+Wae+JtUofxb6T8uk+zl+v/C28skD540hee31xLLPdDpHsnDzH3JJv90Pi78PFktHf66jIaotfZoyJ9bo3KeKHCfr4fJ+U39dTK/aotF5joRRtsrrONYAl9+1xNVTu1r0vMWgk001KpbAUvxj9VPmuMe8VMbEqvQR2M19Z2QjiM/KMw5jBbd9pw4XjeNrWsYFLd0jEE3+H7oTQrrFwe2mBVgDObVofVoGt4laidKFtlRLaGNlOar2+pBEhJRpqIEuRkLoi0sdaO9FDfWpZflsDc7RYNh24Bi8bHOgG+2pXT5qP9+Axb65yb/dNQjtONGKmoOlYGMhh2cYvSOuDK/YuJLRfxWujwRGrHfaDnzr3T2occXyrMfzDZKFU+jD8/OzCagKROy1OvWuGTEyQZS66ryOo074IEBKTRjM/QBD0jAWSt11XuU7OJbbmm0Bzt07F9BDrXHFg+jr9tYs3J74Vb28KWHMn0eZjFMRXsZRfdEmgrRnGNiaexyAJgZ1D7tQVFu0USCD6+Ftsy3MbXMg/33j8SALJxcghXrBomTk2IJjUw/RIK0CaZGA2MBrkWA+OgYrJDotVmyjrFsCVXnPbaisyCaLGBjrND9GGKe2AQ94fXnPrfAU2Zqu2ASBfVLAg5Cm8m3tA/23VERN6sbNf17Ke+7nl9qzGEWvwYnW8wOm2efqnJDYORdESwii87V87i+QSMQ24DwdvQiEJNfG59ycykaXuBLpOwSBKudnyKT3iK1n6FNgYTtyAM/H8jkZoDkdGxjVcrj/ZdDYfbmsCfR6QiSRt21lbjx/7g2WoSOXW5O5maepgLc4jasHI+HkmR6LqwMpESAvv++RW0MYG30Eq2cwiu/j+pwXHICFvWpQVxPX2xO7+IDhks7tCqnr/hiXIWRbc6v8ZI+i0dL91xM162xXTiSkKWLHDzLp2T4EACjq9pgeeCtu3OkZ072F7liBGGzsj9e+zj+PV4GZljU3zsgGE8sejumVh31Ky0J+LRJ/9D2n1La+UP6pxSF0RtNd+5rmln/53iX9vmkI9C3Lk1Y0sPAdGp37DoiVpJXD6uMnwOOeAKvuNo9ziB2tfKPC6poDU5LHLSMT+AYrlE8fhDP+sVM6F8SmmsQNvfoxECE16epc70iXpXpkSgmMdcATBrjrtoHE8q2K8M8jTulC27DgAEFCWcHq9BxA5mTcoWBGAk9VWJgnRVrqOiG4fWXO3YxJC3hp25wIbkouMxN4SoKacGmp3J59KWkGAx+3ZsZmC3D748r/wKd3MzL4pj7B0ZipwHmgw2kJLO17NYbF29LiGLFBICXDAU2jJat8yuGl/D28loJYecmc2TDSum8P4Fj9ViThqJm6Am8/5JFPNavGXcej2pLFI4ImognkRkvOQmg6Ag+ra88Wyj8ejRv+DUMunwSP0KbMscD0fsZI/dJui9vpISRDcb0CurptvAkgVv4FKfqC+UcClgOBm6tw7sL2YOYszfgr/Xl17Q7hcj1Y/oAsdEXNHEYWelS3fOa4Iv5dP1HBYdKuzoNLTF+40g7YlCmCwbyNvDKVAZ6XcTcUK0dqneLFZQyJC2Dzr2CcOAsB7SQ3Rt5xJNsKjP+jb9oBeHku33LmVnWJ6C7p1zf74yvfsCxWWFGBgZTitwt0Sn4WiiA/752qAJq1qzul83ui2uKdjIkE/MTiI455vaxXIqFdU5YyZ+sP/P4TYAD9mleXZ/IMcgAAAABJRU5ErkJggg==) no-repeat right;
    background-size: contain;
    display: inline-block;
    padding-right: 40px;
    line-height: 28px
}

.mission-wrap31 .mission-wrap-content .top-info .flex_v4[data-v-da0da516] {
    display: flex
}

.mission-wrap31 .mission-wrap-content .top-info .task-money .right>div[data-v-da0da516]:last-child {
    margin-bottom: 0
}

.mission-wrap31 .mission-wrap-content .top-info .task-money .bg[data-v-da0da516] {
    background-repeat: no-repeat;
    background-position: center;
    height: 310px;
    width: 178px;
    background-size: 100% 100%;
    position: relative
}

.mission-wrap31 .mission-wrap-content .top-info .task-money .proval[data-v-da0da516] {
    position: absolute;
    bottom: 12px;
    left: 11px;
    width: calc(100% - 22px);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    background: #119bdf
}

.mission-wrap31 .mission-wrap-content .top-info .task-money .bg img[data-v-da0da516] {
    width: 20px;
    height: 32px;
    margin: 120px 0 0 70px
}

.mission-wrap31 .mission-wrap-content .top-info .finish_div[data-v-da0da516] {
    background: #119bdf;
    margin: 10px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 18px;
    color: #fff
}

.mission-wrap31 .mission-wrap-content .top-info .finish_div .finish_btn[data-v-da0da516] {
    background-size: 28px 28px;
    display: inline-block
}

.mission-wrap31 .mission-wrap-content .top-info .data-content[data-v-da0da516] {
    position: relative;
    z-index: 1;
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap31 .mission-wrap-content .top-info .data-content .col[data-v-da0da516] {
    width: calc(50% - 5px)
}

.mission-wrap31 .mission-wrap-content .top-info .data-content .col .title[data-v-da0da516] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap31 .mission-wrap-content .top-info .data-content .col .value[data-v-da0da516] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap31 .mission-wrap-content .top-info .loading-time[data-v-da0da516] {
    background: linear-gradient(to bottom, #323232 0%, #3f3f3f 40%, #1c1c1c 150%), linear-gradient(to top, rgba(255, 255, 255, .4) 0%, rgba(0, 0, 0, .25) 200%);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap31 .mission-wrap-content .top-info .loading-time span[data-v-da0da516] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap31 .mission-wrap-content .top-info .mission-chain-info[data-v-da0da516] {
    z-index: 1;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap31 .mission-wrap-content .top-info .mission-chain-info .value[data-v-da0da516] {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-white);
    font-weight: 500
}

.mission-wrap31 .mission-wrap-content .top-info .mission-chain-info .desc[data-v-da0da516] {
    color: #ccc
}

.mission-wrap31 .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-da0da516] {
    margin-left: auto
}

.mission-wrap31 .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-da0da516] {
    margin-top: 10px
}

.mission-wrap31 .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-da0da516] {
    margin: 10px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 10px
}

.mission-wrap31 .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-da0da516] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--btn-bg5)
}

.mission-wrap31 .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-da0da516] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap31 .mission-wrap-content .card-content[data-v-da0da516] {
    border-radius: var(--radius) var(--radius) 0 0;
    background: var(--bg);
    width: calc(100% + 32px);
    margin-left: -16px
}

.mission-wrap31 .mission-wrap-content .container-card .base-user-tab .tab-item[data-v-da0da516] {
    color: var(--text-gray6)
}

.mission-wrap31 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-da0da516] {
    color: #000
}

.mission-wrap31 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-da0da516]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap31 .mission-wrap-content .task-list .mission-card[data-v-da0da516] {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap31 .mission-wrap-content .task-list .mission-card .card-inner[data-v-da0da516] {
    display: flex
}

.mission-wrap31 .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-da0da516] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap31 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-da0da516] {
    border-radius: 5px
}

.mission-wrap31 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-da0da516] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap31 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-da0da516] {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap31 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-da0da516] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap31 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-da0da516] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap31 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-da0da516] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap31 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-da0da516] {
    font-size: 13px;
    text-align: right
}

.mission-wrap31 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-da0da516] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap31 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-da0da516] {
    background: #a0d7f2;
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    border-radius: var(--btn-radius)
}

.mission-wrap31 .mission-wrap-content .nomore2[data-v-da0da516] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-602b8901] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    z-index: 100;
    pointer-events: none;
    background: #000;
    padding-bottom: 100px
}

.loading-wrap .loading-container[data-v-602b8901] {
    position: relative;
    height: 150px
}

.loading-wrap .loader[data-v-602b8901] {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.loading-wrap .loader .center[data-v-602b8901] {
    display: block;
    width: 40px;
    height: 40px;
    background: var(--primary);
    border-radius: 50%;
    animation: center-602b8901 3.2s ease-in-out infinite
}

.loading-wrap .loader .item[data-v-602b8901] {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 15px;
    left: 0;
    right: 0;
    margin: auto;
    background: var(--primary);
    border-radius: 50%;
    transform: rotate(calc(var(--item-num) * 45deg)) translate(40px) scale(1);
    animation: master-animation-602b8901 3.2s ease-in-out infinite calc(var(--item-num) * .2s);
    animation-fill-mode: backwards
}

@keyframes center-602b8901 {
    0%,
    10%,
    90%,
    to {
        transform: scale(.7)
    }
    45%,
    55% {
        transform: scale(1)
    }
}

@keyframes master-animation-602b8901 {
    0%,
    60%,
    to {
        transform: rotate(calc(var(--item-num) * 45deg)) translate(40px) scale(1)
    }
    10%,
    50% {
        transform: rotate(calc(var(--item-num) * 30deg)) translate(0) scale(1.5)
    }
}

.loading-wrap ul[data-v-602b8901] {
    margin: 0;
    padding: 0;
    display: flex
}

.loading-wrap ul li[data-v-602b8901] {
    list-style: none;
    color: #484848;
    font-family: arial;
    font-size: 20px;
    letter-spacing: 3px;
    animation: animate-602b8901 1.4s linear infinite
}

@keyframes animate-602b8901 {
    0% {
        color: #484848;
        text-shadow: none
    }
    90% {
        color: #f3f3f3;
        text-shadow: none
    }
    to {
        text-shadow: 0 0 7px #fff900, 0 0 50px #ff6c00
    }
}

.loading-wrap ul li[data-v-602b8901]:nth-child(1) {
    animation-delay: .2s
}

.loading-wrap ul li[data-v-602b8901]:nth-child(2) {
    animation-delay: .4s
}

.loading-wrap ul li[data-v-602b8901]:nth-child(3) {
    animation-delay: .6s
}

.loading-wrap ul li[data-v-602b8901]:nth-child(4) {
    animation-delay: .8s
}

.loading-wrap ul li[data-v-602b8901]:nth-child(5) {
    animation-delay: 1s
}

.loading-wrap ul li[data-v-602b8901]:nth-child(6) {
    animation-delay: 1.2s
}

.loading-wrap ul li[data-v-602b8901]:nth-child(7) {
    animation-delay: 1.4s
}

.loading-wrap ul li[data-v-602b8901]:nth-child(8) {
    animation-delay: 1.6s
}

.loading-wrap ul li[data-v-602b8901]:nth-child(9) {
    animation-delay: 1.8s
}

.loading-wrap ul li[data-v-602b8901]:nth-child(10) {
    animation-delay: 2s
}

.mission-pro-wrap .loading-time-part[data-v-e43e75b7] {
    display: flex;
    justify-content: flex-end
}

.mission-pro-wrap .loading-time-part .loading-time[data-v-e43e75b7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 40px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    margin-bottom: 10px;
    color: var(--text-black);
    overflow: hidden;
    border-radius: 50px;
    background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%)
}

.mission-pro-wrap .loading-time-part .loading-time span[data-v-e43e75b7] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--text-black)
}

.mission-pro-wrap .task-list .mission-card[data-v-e43e75b7] {
    background: var(--bg-card);
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-pro-wrap .task-list .mission-card .card-inner[data-v-e43e75b7] {
    display: flex
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show[data-v-e43e75b7] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show .product-img[data-v-e43e75b7] {
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap[data-v-e43e75b7] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-e43e75b7] {
    flex: 1;
    padding: 10px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .9)
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-e43e75b7] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em;
    color: var(--text-black)
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-e43e75b7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-e43e75b7] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-e43e75b7] {
    font-size: 13px;
    text-align: right
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-e43e75b7] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-e43e75b7] {
    background: var(--golden-gradient);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--text-black);
    border-radius: var(--btn-radius)
}

.mission-pro-wrap .nomore2[data-v-e43e75b7] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap[data-v-3f42dc79] {
    padding: calc(45px + var(--mg)) var(--mg) 60px
}

.mission-wrap .mission-wrap-content .loading-time-part[data-v-3f42dc79] {
    display: flex;
    justify-content: flex-end
}

.mission-wrap .mission-wrap-content .loading-time-part .loading-time[data-v-3f42dc79] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 40px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    margin-bottom: 10px;
    color: var(--text-black);
    overflow: hidden;
    border-radius: 50px;
    background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%)
}

.mission-wrap .mission-wrap-content .loading-time-part .loading-time span[data-v-3f42dc79] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--text-black)
}

.mission-wrap .mission-wrap-content .top-info[data-v-3f42dc79] {
    background: var(--bg-card);
    border-radius: var(--card-radius);
    color: var(--btn-text);
    margin-bottom: var(--mg);
    padding: var(--mg);
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-3f42dc79] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-3f42dc79] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-3f42dc79] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-3f42dc79] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-3f42dc79] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-3f42dc79] {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-3f42dc79] {
    color: var(--text-gray)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-3f42dc79] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-3f42dc79] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-3f42dc79] {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-3f42dc79] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-3f42dc79] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .container-card[data-v-3f42dc79] {
    background: transparent;
    padding-left: 0;
    padding-right: 0
}

.mission-wrap .mission-wrap-content .container-card .base-user-tab .tab-item[data-v-3f42dc79] {
    color: var(--text-gray6)
}

.mission-wrap .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-3f42dc79] {
    color: var(--primary)
}

.mission-wrap .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-3f42dc79]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-3f42dc79] {
    background: var(--bg-card);
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-3f42dc79] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-3f42dc79] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-3f42dc79] {
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-3f42dc79] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-3f42dc79] {
    flex: 1;
    padding: 10px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .9)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-3f42dc79] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em;
    color: var(--text-black)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-3f42dc79] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-3f42dc79] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-3f42dc79] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-3f42dc79] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-3f42dc79] {
    background: var(--golden-gradient);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--text-black);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-3f42dc79] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-ae5db9a0] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    z-index: 100;
    pointer-events: none;
    background: var(--hole);
    --size: 25;
    --speed: 5;
    --trans: linear;
    --hole: #121212;
    --start: var(--primary);
    --line: #46433f;
    --ini: from 90deg at;
    --end: 0 25%, #fff0 0 100%;
    --cube-bg: conic-gradient(var(--ini) 97.5% 97.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 95% 95%, var(--line) var(--end)), conic-gradient(var(--ini) 92.5% 92.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 90% 90%, var(--line) var(--end)), conic-gradient(var(--ini) 87.5% 87.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 85% 85%, var(--line) var(--end)), conic-gradient(var(--ini) 82.5% 82.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 80% 80%, var(--line) var(--end)), conic-gradient(var(--ini) 77.5% 77.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 75% 75%, var(--line) var(--end)), conic-gradient(var(--ini) 72.5% 72.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 70% 70%, var(--line) var(--end)), conic-gradient(var(--ini) 67.5% 67.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 65% 65%, var(--line) var(--end)), conic-gradient(var(--ini) 62.5% 62.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 60% 60%, var(--line) var(--end)), conic-gradient(var(--ini) 57.5% 57.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 55% 55%, var(--line) var(--end)), conic-gradient(var(--ini) 52.5% 52.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 50% 50%, var(--start) var(--end)), conic-gradient(var(--ini) 47.5% 47.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 45% 45%, var(--line) var(--end)), conic-gradient(var(--ini) 42.5% 42.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 40% 40%, var(--line) var(--end)), conic-gradient(var(--ini) 37.5% 37.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 35% 35%, var(--line) var(--end)), conic-gradient(var(--ini) 32.5% 32.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 30% 30%, var(--line) var(--end)), conic-gradient(var(--ini) 27.5% 27.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 25% 25%, var(--line) var(--end)), conic-gradient(var(--ini) 22.5% 22.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 20% 20%, var(--line) var(--end)), conic-gradient(var(--ini) 17.5% 17.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 15% 15%, var(--line) var(--end)), conic-gradient(var(--ini) 12.5% 12.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 10% 10%, var(--line) var(--end)), conic-gradient(var(--ini) 7.5% 7.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 5% 5%, var(--line) var(--end)), conic-gradient(var(--ini) 2.5% 2.5%, var(--hole) var(--end)), conic-gradient(var(--ini) 0% 0%, var(--start) var(--end))
}

.loading-wrap .loading-container[data-v-ae5db9a0] {
    position: relative;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0
}

.loading-wrap .cube[data-v-ae5db9a0] {
    width: calc(var(--size) * 1vmin);
    height: calc(var(--size) * 1vmin);
    background: var(--cube-bg), var(--hole);
    background-size: 200% 200%;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    transform: rotateX(45deg) rotate(45deg) translateZ(calc(var(--size) * 1vmin / 2));
    transform-style: preserve-3d;
    animation: move-top-ae5db9a0 calc(var(--speed) * 1s) var(--trans) 0s infinite
}

.loading-wrap .cube[data-v-ae5db9a0]:before,
.loading-wrap .cube[data-v-ae5db9a0]:after {
    content: "";
    background: var(--cube-bg), var(--hole);
    background-size: 200% 200%;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    transform: rotate(180deg) rotateY(-90deg) translateY(calc(var(--size) * 1vmin));
    transform-origin: right bottom;
    animation: move-side-ae5db9a0 calc(var(--speed) * 1s) var(--trans) calc(var(--speed) * -.95s) infinite;
    opacity: .65
}

.loading-wrap .cube[data-v-ae5db9a0]:after {
    transform: rotate(180deg) rotateY(-90deg) rotateX(-90deg) translateY(calc(var(--size) * 1vmin));
    opacity: .35
}

@keyframes move-top-ae5db9a0 {
    to {
        background-position: 100% 100%
    }
}

@keyframes move-side-ae5db9a0 {
    to {
        background-position: 0% 0%
    }
}

.loading-wrap .loading-text[data-v-ae5db9a0] {
    margin: auto;
    text-align: center;
    font-size: 20px;
    width: 100%;
    height: 30px
}

.loading-wrap .loading-text span[data-v-ae5db9a0] {
    display: inline-block;
    margin: 0 5px;
    color: #fff;
    font-family: Quattrocento Sans, sans-serif
}

.loading-wrap .loading-text span[data-v-ae5db9a0]:nth-child(1) {
    filter: blur(0px);
    animation: blur-text-ae5db9a0 1.5s 0s infinite linear alternate
}

.loading-wrap .loading-text span[data-v-ae5db9a0]:nth-child(2) {
    filter: blur(0px);
    animation: blur-text-ae5db9a0 1.5s .2s infinite linear alternate
}

.loading-wrap .loading-text span[data-v-ae5db9a0]:nth-child(3) {
    filter: blur(0px);
    animation: blur-text-ae5db9a0 1.5s .4s infinite linear alternate
}

.loading-wrap .loading-text span[data-v-ae5db9a0]:nth-child(4) {
    filter: blur(0px);
    animation: blur-text-ae5db9a0 1.5s .6s infinite linear alternate
}

.loading-wrap .loading-text span[data-v-ae5db9a0]:nth-child(5) {
    filter: blur(0px);
    animation: blur-text-ae5db9a0 1.5s .8s infinite linear alternate
}

.loading-wrap .loading-text span[data-v-ae5db9a0]:nth-child(6) {
    filter: blur(0px);
    animation: blur-text-ae5db9a0 1.5s 1s infinite linear alternate
}

.loading-wrap .loading-text span[data-v-ae5db9a0]:nth-child(7) {
    filter: blur(0px);
    animation: blur-text-ae5db9a0 1.5s 1.2s infinite linear alternate
}

@keyframes blur-text-ae5db9a0 {
    0% {
        filter: blur(0px)
    }
    to {
        filter: blur(4px)
    }
}

.mission-pro-wrap .loading-time-part .loading-time[data-v-88911572] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 40px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    margin: 0 auto 10px;
    color: var(--text-black);
    overflow: hidden;
    border-radius: var(--card-radius);
    background-color: #74ebd5;
    background-image: linear-gradient(90deg, #74ebd5 0%, #9face6 100%)
}

.mission-pro-wrap .loading-time-part .loading-time span[data-v-88911572] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--text-black)
}

.mission-pro-wrap .task-list .mission-card[data-v-88911572] {
    background: var(--bg-card);
    color: var(--btn-text);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-pro-wrap .task-list .mission-card .card-inner[data-v-88911572] {
    display: flex
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show[data-v-88911572] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show .product-img[data-v-88911572] {
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap[data-v-88911572] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-88911572] {
    flex: 1;
    padding: 10px;
    border-radius: 5px;
    background: rgba(0, 0, 0, .05)
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-88911572] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-88911572] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-88911572] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-88911572] {
    font-size: 13px;
    text-align: right
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-88911572] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-88911572] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius)
}

.mission-pro-wrap .nomore2[data-v-88911572] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time[data-v-eb34fe53] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 40px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    margin: 0 auto 10px;
    color: var(--text-black);
    overflow: hidden;
    border-radius: var(--card-radius);
    background-color: #74ebd5;
    background-image: linear-gradient(90deg, #74ebd5 0%, #9face6 100%)
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time span[data-v-eb34fe53] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--text-black)
}

.mission-wrap21 .mission-wrap-content .top-info[data-v-eb34fe53] {
    background: var(--bg-card);
    border-radius: var(--card-radius);
    color: var(--btn-text);
    margin-bottom: var(--mg);
    padding: var(--mg);
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .data-content[data-v-eb34fe53] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col[data-v-eb34fe53] {
    width: calc(50% - 5px)
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .title[data-v-eb34fe53] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .value[data-v-eb34fe53] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info[data-v-eb34fe53] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .value[data-v-eb34fe53] {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text);
    font-weight: 500
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .desc[data-v-eb34fe53] {
    color: var(--text-gray)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-eb34fe53] {
    margin-left: auto
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-eb34fe53] {
    margin-top: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-eb34fe53] {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-eb34fe53] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-eb34fe53] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap21 .mission-wrap-content .container-card[data-v-eb34fe53] {
    background: transparent;
    padding-left: 0;
    padding-right: 0
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item[data-v-eb34fe53] {
    color: var(--text-gray6)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-eb34fe53] {
    color: var(--primary)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-eb34fe53]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card[data-v-eb34fe53] {
    background: var(--bg-card);
    color: var(--btn-text);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner[data-v-eb34fe53] {
    display: flex
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-eb34fe53] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-eb34fe53] {
    border-radius: 5px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-eb34fe53] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-eb34fe53] {
    flex: 1;
    padding: 10px;
    border-radius: 5px;
    background: rgba(0, 0, 0, .05)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-eb34fe53] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-eb34fe53] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-eb34fe53] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-eb34fe53] {
    font-size: 13px;
    text-align: right
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-eb34fe53] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-eb34fe53] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius)
}

.mission-wrap21 .mission-wrap-content .nomore2[data-v-eb34fe53] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-9fcaaae3] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    background: #000;
    z-index: 100;
    pointer-events: none
}

.loading-wrap .loading-window[data-v-9fcaaae3] {
    margin-bottom: 100px
}

.loading-wrap .loading-part img[data-v-9fcaaae3] {
    width: 400px
}

.loading-wrap .loading-text[data-v-9fcaaae3] {
    font-weight: 700;
    font-size: 20px;
    position: relative;
    margin: -50px auto 0;
    width: 50%;
    height: 1.5;
    display: flex;
    justify-content: center;
    text-align: center;
    letter-spacing: 5px
}

.loading-wrap span[data-v-9fcaaae3] {
    display: inline-block
}

.loading-wrap .l[data-v-9fcaaae3] {
    animation: blue-9fcaaae3 3s infinite
}

.loading-wrap .o[data-v-9fcaaae3] {
    animation: blue-9fcaaae3 3s infinite;
    animation-delay: .5s
}

.loading-wrap .a[data-v-9fcaaae3] {
    animation: blue-9fcaaae3 3s infinite;
    animation-delay: 1s
}

.loading-wrap .d[data-v-9fcaaae3] {
    animation: blue-9fcaaae3 3s infinite;
    animation-delay: 1.5s
}

.loading-wrap .i[data-v-9fcaaae3] {
    animation: blue-9fcaaae3 3s infinite;
    animation-delay: 2s
}

.loading-wrap .n[data-v-9fcaaae3] {
    animation: blue-9fcaaae3 3s infinite;
    animation-delay: 2.5s
}

.loading-wrap .g[data-v-9fcaaae3] {
    animation: blue-9fcaaae3 3s infinite;
    animation-delay: 3s
}

@keyframes blue-9fcaaae3 {
    0% {
        transform: translateY(0);
        color: #000
    }
    50% {
        color: #f7ece1;
        transform: translateY(-10px)
    }
    to {
        transform: translateY(0);
        color: #000
    }
}

@media (max-width: 1060px) {
    .loading-wrap div[data-v-9fcaaae3] {
        font-size: 30px
    }
}

@media (max-width: 530px) {
    .loading-wrap div[data-v-9fcaaae3] {
        font-size: 10px
    }
}

.mission-pro-wrap .loading-time-part[data-v-6be8c6c6] {
    display: flex;
    justify-content: flex-end
}

.mission-pro-wrap .loading-time-part .loading-time[data-v-6be8c6c6] {
    margin-bottom: 10px;
    display: inline-flex;
    align-items: center;
    position: relative;
    line-height: 35px;
    box-sizing: border-box;
    font-size: 20px;
    padding: 0 16px;
    text-align: center;
    background-color: transparent;
    color: var(--text-white);
    overflow: hidden;
    border-radius: 60px;
    background: var(--text-black);
    box-shadow: var(--box-shadow)
}

.mission-pro-wrap .loading-time-part .loading-time span[data-v-6be8c6c6] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--text-white)
}

.mission-pro-wrap .task-list .mission-card[data-v-6be8c6c6] {
    background: var(--card-bg);
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-pro-wrap .task-list .mission-card .card-inner[data-v-6be8c6c6] {
    display: flex
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show[data-v-6be8c6c6] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show .product-img[data-v-6be8c6c6] {
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap[data-v-6be8c6c6] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-6be8c6c6] {
    flex: 1;
    padding: 10px;
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-6be8c6c6] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-6be8c6c6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-6be8c6c6] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-6be8c6c6] {
    font-size: 13px;
    text-align: right
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-6be8c6c6] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-6be8c6c6] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius)
}

.mission-pro-wrap .nomore2[data-v-6be8c6c6] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap28[data-v-baf868ef] {
    position: relative;
    z-index: 1
}

.mission-wrap28 .mission-wrap-content .loading-time-part[data-v-baf868ef] {
    display: flex;
    justify-content: flex-end
}

.mission-wrap28 .mission-wrap-content .loading-time-part .loading-time[data-v-baf868ef] {
    margin-bottom: 10px;
    display: inline-flex;
    align-items: center;
    position: relative;
    line-height: 35px;
    box-sizing: border-box;
    font-size: 20px;
    padding: 0 16px;
    text-align: center;
    background-color: transparent;
    color: var(--text-white);
    overflow: hidden;
    border-radius: 60px;
    background: var(--text-black);
    box-shadow: var(--box-shadow)
}

.mission-wrap28 .mission-wrap-content .loading-time-part .loading-time span[data-v-baf868ef] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--text-white)
}

.mission-wrap28 .mission-wrap-content .top-info[data-v-baf868ef] {
    background: var(--bg-card);
    border-radius: var(--card-radius);
    color: var(--btn-text);
    margin-bottom: var(--mg);
    padding: var(--mg);
    position: relative;
    box-shadow: var(--box-shadow)
}

.mission-wrap28 .mission-wrap-content .top-info .data-content[data-v-baf868ef] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap28 .mission-wrap-content .top-info .data-content .col[data-v-baf868ef] {
    width: calc(50% - 5px)
}

.mission-wrap28 .mission-wrap-content .top-info .data-content .col .title[data-v-baf868ef] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap28 .mission-wrap-content .top-info .data-content .col .value[data-v-baf868ef] {
    margin-top: 3px;
    font-size: 18px
}

.mission-wrap28 .mission-wrap-content .top-info .mission-chain-info[data-v-baf868ef] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap28 .mission-wrap-content .top-info .mission-chain-info .value[data-v-baf868ef] {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text);
    font-weight: 500
}

.mission-wrap28 .mission-wrap-content .top-info .mission-chain-info .desc[data-v-baf868ef] {
    color: var(--text-gray)
}

.mission-wrap28 .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-baf868ef] {
    margin-left: auto
}

.mission-wrap28 .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-baf868ef] {
    margin-top: 10px
}

.mission-wrap28 .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-baf868ef] {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 10px
}

.mission-wrap28 .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-baf868ef] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap28 .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-baf868ef] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap28 .mission-wrap-content .container-card .base-user-tab .tab-item[data-v-baf868ef] {
    color: var(--text-gray6)
}

.mission-wrap28 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-baf868ef] {
    color: var(--primary)
}

.mission-wrap28 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-baf868ef]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap28 .mission-wrap-content .task-list .mission-card[data-v-baf868ef] {
    background: var(--card-bg);
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap28 .mission-wrap-content .task-list .mission-card .card-inner[data-v-baf868ef] {
    display: flex
}

.mission-wrap28 .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-baf868ef] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap28 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-baf868ef] {
    border-radius: 5px
}

.mission-wrap28 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-baf868ef] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap28 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-baf868ef] {
    flex: 1;
    padding: 10px;
    border-radius: 5px
}

.mission-wrap28 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-baf868ef] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap28 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-baf868ef] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap28 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-baf868ef] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap28 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-baf868ef] {
    font-size: 13px;
    text-align: right
}

.mission-wrap28 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-baf868ef] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap28 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-baf868ef] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius)
}

.mission-wrap28 .mission-wrap-content .nomore2[data-v-baf868ef] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-64bf2056] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    background: radial-gradient(#222922, #000500);
    z-index: 100;
    pointer-events: none
}

.loading-wrap .loading-part[data-v-64bf2056] {
    width: 50px;
    height: 50px;
    background-color: transparent;
    box-shadow: -50px -50px 0 var(--primary), 50px -50px 0 var(--primary), -50px 50px 0 var(--primary), 50px 50px 0 var(--primary);
    animation: 2s cycle-64bf2056 infinite cubic-bezier(.71, .13, .32, .96);
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 100px)
}

@keyframes cycle-64bf2056 {
    0% {
        box-shadow: -50px -50px 0 var(--primary), 50px -50px 0 var(--primary), -50px 50px 0 var(--primary), 50px 50px 0 var(--primary);
        transform: rotate(0)
    }
    50% {
        box-shadow: 0 -50px 0 var(--primary), 50px 0 0 var(--primary), -50px 0 0 var(--primary), 0 50px 0 var(--primary);
        transform: rotate(45deg)
    }
    to {
        box-shadow: 50px -50px 0 var(--primary), 50px 50px 0 var(--primary), -50px -50px 0 var(--primary), -50px 50px 0 var(--primary);
        transform: rotate(90deg)
    }
}

.loading-wrap .loading-text[data-v-64bf2056] {
    position: relative;
    display: flex;
    margin-top: 100px
}

.loading-wrap .loading-text span[data-v-64bf2056] {
    color: var(--primary-light);
    margin: 0 12px;
    font-size: 26px;
    font-weight: 700;
    animation: animate-64bf2056 1.9s linear infinite;
    font-family: courier
}

.loading-wrap .loading-text span[data-v-64bf2056]:nth-child(1) {
    animation-delay: 0s
}

.loading-wrap .loading-text span[data-v-64bf2056]:nth-child(2) {
    animation-delay: .2s
}

.loading-wrap .loading-text span[data-v-64bf2056]:nth-child(3) {
    animation-delay: .4s
}

.loading-wrap .loading-text span[data-v-64bf2056]:nth-child(4) {
    animation-delay: .6s
}

.loading-wrap .loading-text span[data-v-64bf2056]:nth-child(5) {
    animation-delay: .8s
}

.loading-wrap .loading-text span[data-v-64bf2056]:nth-child(6) {
    animation-delay: 1s
}

.loading-wrap .loading-text span[data-v-64bf2056]:nth-child(7) {
    animation-delay: 1.2s
}

.loading-wrap .loading-text span[data-v-64bf2056]:nth-child(8) {
    animation-delay: 1.4s
}

@keyframes animate-64bf2056 {
    0% {
        text-shadow: 0 0 10px rgb(1, 1, 1);
        transform: scale(1)
    }
    40% {
        text-shadow: 0 10px 20px rgb(1, 1, 1);
        transform: scale(1.4)
    }
    80%,
    to {
        text-shadow: 0 0 10px rgb(1, 1, 1);
        transform: scale(1)
    }
}

.mission-pro-wrap .loading-time-part[data-v-52626e8f] {
    display: flex;
    justify-content: flex-end
}

.mission-pro-wrap .loading-time-part .loading-time[data-v-52626e8f] {
    margin-bottom: 10px;
    display: inline-flex;
    align-items: center;
    position: relative;
    line-height: 35px;
    box-sizing: border-box;
    font-size: 20px;
    padding: 0 16px;
    text-align: center;
    background-color: transparent;
    color: var(--text-white);
    overflow: hidden;
    border-radius: 60px;
    background: var(--text-black);
    box-shadow: var(--box-shadow)
}

.mission-pro-wrap .loading-time-part .loading-time span[data-v-52626e8f] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--text-white)
}

.mission-pro-wrap .task-list .mission-card[data-v-52626e8f] {
    background: var(--card-bg);
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-pro-wrap .task-list .mission-card .card-inner[data-v-52626e8f] {
    display: flex
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show[data-v-52626e8f] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show .product-img[data-v-52626e8f] {
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap[data-v-52626e8f] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-52626e8f] {
    flex: 1;
    padding: 10px;
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-52626e8f] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-52626e8f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-52626e8f] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-52626e8f] {
    font-size: 13px;
    text-align: right
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-52626e8f] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-52626e8f] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius)
}

.mission-pro-wrap .nomore2[data-v-52626e8f] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap27[data-v-736d4d8a] {
    position: relative;
    z-index: 1
}

.mission-wrap27 .mission-wrap-content .loading-time-part[data-v-736d4d8a] {
    display: flex;
    justify-content: flex-end
}

.mission-wrap27 .mission-wrap-content .loading-time-part .loading-time[data-v-736d4d8a] {
    margin-bottom: 10px;
    display: inline-flex;
    align-items: center;
    position: relative;
    line-height: 35px;
    box-sizing: border-box;
    font-size: 20px;
    padding: 0 16px;
    text-align: center;
    background-color: transparent;
    color: var(--text-white);
    overflow: hidden;
    border-radius: 60px;
    background: var(--text-black);
    box-shadow: var(--box-shadow)
}

.mission-wrap27 .mission-wrap-content .loading-time-part .loading-time span[data-v-736d4d8a] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--text-white)
}

.mission-wrap27 .mission-wrap-content .top-info[data-v-736d4d8a] {
    background: var(--bg-card);
    border-radius: var(--card-radius);
    color: var(--btn-text);
    margin-bottom: var(--mg);
    padding: var(--mg);
    position: relative;
    box-shadow: var(--box-shadow)
}

.mission-wrap27 .mission-wrap-content .top-info .data-content[data-v-736d4d8a] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap27 .mission-wrap-content .top-info .data-content .col[data-v-736d4d8a] {
    width: calc(50% - 5px)
}

.mission-wrap27 .mission-wrap-content .top-info .data-content .col .title[data-v-736d4d8a] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap27 .mission-wrap-content .top-info .data-content .col .value[data-v-736d4d8a] {
    margin-top: 3px;
    font-size: 18px
}

.mission-wrap27 .mission-wrap-content .top-info .mission-chain-info[data-v-736d4d8a] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap27 .mission-wrap-content .top-info .mission-chain-info .value[data-v-736d4d8a] {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text);
    font-weight: 500
}

.mission-wrap27 .mission-wrap-content .top-info .mission-chain-info .desc[data-v-736d4d8a] {
    color: var(--text-gray)
}

.mission-wrap27 .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-736d4d8a] {
    margin-left: auto
}

.mission-wrap27 .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-736d4d8a] {
    margin-top: 10px
}

.mission-wrap27 .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-736d4d8a] {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 10px
}

.mission-wrap27 .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-736d4d8a] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap27 .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-736d4d8a] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap27 .mission-wrap-content .container-card .base-user-tab[data-v-736d4d8a] {
    box-shadow: var(--box-shadow)
}

.mission-wrap27 .mission-wrap-content .container-card .base-user-tab .tab-item[data-v-736d4d8a] {
    color: var(--text-gray6)
}

.mission-wrap27 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-736d4d8a] {
    color: var(--primary)
}

.mission-wrap27 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-736d4d8a]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap27 .mission-wrap-content .task-list .mission-card[data-v-736d4d8a] {
    background: var(--card-bg);
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap27 .mission-wrap-content .task-list .mission-card .card-inner[data-v-736d4d8a] {
    display: flex
}

.mission-wrap27 .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-736d4d8a] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap27 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-736d4d8a] {
    border-radius: 5px
}

.mission-wrap27 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-736d4d8a] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap27 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-736d4d8a] {
    flex: 1;
    padding: 10px;
    border-radius: 5px
}

.mission-wrap27 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-736d4d8a] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap27 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-736d4d8a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap27 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-736d4d8a] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap27 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-736d4d8a] {
    font-size: 13px;
    text-align: right
}

.mission-wrap27 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-736d4d8a] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap27 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-736d4d8a] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius)
}

.mission-wrap27 .mission-wrap-content .nomore2[data-v-736d4d8a] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-f057b751] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    background: radial-gradient(#222922, #000500);
    z-index: 100;
    pointer-events: none
}

.loading-wrap .loading-win[data-v-f057b751] {
    position: relative;
    width: 80px;
    height: 60px;
    margin: 0 auto 100px
}

.loading-wrap .loading-win .lines[data-v-f057b751] {
    width: 80px;
    height: 40px;
    position: absolute
}

.loading-wrap .loading-win .lines .line[data-v-f057b751] {
    width: 80px;
    height: 10px;
    background-color: var(--primary-light);
    position: absolute;
    clip: rect(0, 0, 20px, 0)
}

.loading-wrap .loading-win .lines .line.line-1[data-v-f057b751] {
    top: 0;
    animation: slide-f057b751 2s ease 0s infinite
}

.loading-wrap .loading-win .lines .line.line-2[data-v-f057b751] {
    top: 15px;
    animation: slide-f057b751 2s ease .25s infinite
}

.loading-wrap .loading-win .lines .line.line-3[data-v-f057b751] {
    top: 30px;
    animation: slide-f057b751 2s ease .5s infinite
}

.loading-wrap .loading-win .loading-text[data-v-f057b751] {
    position: absolute;
    top: 50px;
    text-align: center;
    width: 100%;
    color: var(--primary-light);
    font-size: 13px;
    font-family: sans-serif;
    letter-spacing: 3px;
    line-height: 10px;
    height: 10px;
    animation: fade-f057b751 1s ease 0s infinite
}

@keyframes slide-f057b751 {
    0% {
        clip: rect(0, 0, 20px, 0)
    }
    30% {
        clip: rect(0, 80px, 20px, 0)
    }
    50% {
        clip: rect(0, 80px, 20px, 0)
    }
    80% {
        clip: rect(0, 80px, 20px, 80px)
    }
    to {
        clip: rect(0, 80px, 20px, 80px)
    }
}

@keyframes fade-f057b751 {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.mission-pro-wrap .loading-time-part .loading-time[data-v-562681ae] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 40px;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    margin: 0 auto 10px;
    color: var(--text-black);
    overflow: hidden;
    border-radius: var(--card-radius);
    background-color: #74ebd5;
    background-image: linear-gradient(90deg, #74ebd5 0%, #9face6 100%)
}

.mission-pro-wrap .loading-time-part .loading-time span[data-v-562681ae] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--text-black)
}

.mission-pro-wrap .task-list .mission-card[data-v-562681ae] {
    background: var(--card-bg);
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-pro-wrap .task-list .mission-card .card-inner[data-v-562681ae] {
    display: flex
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show[data-v-562681ae] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show .product-img[data-v-562681ae] {
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap[data-v-562681ae] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-562681ae] {
    flex: 1;
    padding: 10px;
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-562681ae] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-562681ae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-562681ae] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-562681ae] {
    font-size: 13px;
    text-align: right
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-562681ae] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-562681ae] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius)
}

.mission-pro-wrap .nomore2[data-v-562681ae] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time[data-v-4fd664f8] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 40px;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    margin: 0 auto 10px;
    color: var(--text-black);
    overflow: hidden;
    border-radius: var(--card-radius);
    background-color: #74ebd5;
    background-image: linear-gradient(90deg, #74ebd5 0%, #9face6 100%)
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time span[data-v-4fd664f8] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--text-black)
}

.mission-wrap21 .mission-wrap-content .top-info[data-v-4fd664f8] {
    background: var(--bg-card);
    border-radius: var(--card-radius);
    color: var(--btn-text);
    margin-bottom: var(--mg);
    padding: var(--mg);
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .data-content[data-v-4fd664f8] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col[data-v-4fd664f8] {
    width: calc(50% - 5px)
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .title[data-v-4fd664f8] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .value[data-v-4fd664f8] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info[data-v-4fd664f8] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .value[data-v-4fd664f8] {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text);
    font-weight: 500
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .desc[data-v-4fd664f8] {
    color: var(--text-gray)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-4fd664f8] {
    margin-left: auto
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-4fd664f8] {
    margin-top: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-4fd664f8] {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-4fd664f8] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-4fd664f8] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item[data-v-4fd664f8] {
    color: var(--text-gray6)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-4fd664f8] {
    color: var(--primary)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-4fd664f8]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card[data-v-4fd664f8] {
    background: var(--card-bg);
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner[data-v-4fd664f8] {
    display: flex
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-4fd664f8] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-4fd664f8] {
    border-radius: 5px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-4fd664f8] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-4fd664f8] {
    flex: 1;
    padding: 10px;
    border-radius: 5px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-4fd664f8] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-4fd664f8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-4fd664f8] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-4fd664f8] {
    font-size: 13px;
    text-align: right
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-4fd664f8] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-4fd664f8] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius)
}

.mission-wrap21 .mission-wrap-content .nomore2[data-v-4fd664f8] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-f331c2a6] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    background: radial-gradient(#222922, #000500);
    z-index: 100;
    pointer-events: none
}

.loading-wrap .loading-window[data-v-f331c2a6] {
    position: relative;
    width: 80px;
    height: 60px;
    margin-bottom: 120px
}

.loading-wrap .loading-window .wrapper[data-v-f331c2a6] {
    width: 200px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.loading-wrap .loading-window .circle[data-v-f331c2a6] {
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    left: 15%;
    transform-origin: 50%;
    animation: circle-f331c2a6 .5s alternate infinite ease
}

@keyframes circle-f331c2a6 {
    0% {
        top: 60px;
        height: 5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7)
    }
    40% {
        height: 20px;
        border-radius: 50%;
        transform: scaleX(1)
    }
    to {
        top: 0%
    }
}

.loading-wrap .loading-window .circle[data-v-f331c2a6]:nth-child(2) {
    left: 45%;
    animation-delay: .2s
}

.loading-wrap .loading-window .circle[data-v-f331c2a6]:nth-child(3) {
    left: auto;
    right: 15%;
    animation-delay: .3s
}

.loading-wrap .loading-window .shadow[data-v-f331c2a6] {
    width: 20px;
    height: 4px;
    border-radius: 50%;
    background-color: #00000080;
    position: absolute;
    top: 62px;
    transform-origin: 50%;
    z-index: -1;
    left: 15%;
    filter: blur(1px);
    animation: shadow-f331c2a6 .5s alternate infinite ease
}

@keyframes shadow-f331c2a6 {
    0% {
        transform: scaleX(1.5)
    }
    40% {
        transform: scaleX(1);
        opacity: .7
    }
    to {
        transform: scaleX(.2);
        opacity: .4
    }
}

.loading-wrap .loading-window .shadow[data-v-f331c2a6]:nth-child(4) {
    left: 45%;
    animation-delay: .2s
}

.loading-wrap .loading-window .shadow[data-v-f331c2a6]:nth-child(5) {
    left: auto;
    right: 15%;
    animation-delay: .3s
}

.loading-wrap .loading-window .wrapper span[data-v-f331c2a6] {
    position: absolute;
    top: 100px;
    font-size: 20px;
    letter-spacing: 12px;
    color: #fff;
    left: 15%
}

.mission-pro-wrap .loading-time-part .loading-time[data-v-2eff52c5] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 40px;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    margin: 0 auto 10px;
    color: var(--text-black);
    overflow: hidden;
    border-radius: 60px;
    background-color: #74ebd5;
    background-image: linear-gradient(90deg, #74ebd5 0%, #9face6 100%)
}

.mission-pro-wrap .loading-time-part .loading-time span[data-v-2eff52c5] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--text-black)
}

.mission-pro-wrap .task-list .mission-card[data-v-2eff52c5] {
    background: var(--card-bg);
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-pro-wrap .task-list .mission-card .card-inner[data-v-2eff52c5] {
    display: flex
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show[data-v-2eff52c5] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show .product-img[data-v-2eff52c5] {
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap[data-v-2eff52c5] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-2eff52c5] {
    flex: 1;
    padding: 10px;
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-2eff52c5] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-2eff52c5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-2eff52c5] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-2eff52c5] {
    font-size: 13px;
    text-align: right
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-2eff52c5] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-2eff52c5] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius)
}

.mission-pro-wrap .nomore2[data-v-2eff52c5] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time[data-v-fcbd4c34] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 40px;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    margin: 0 auto 10px;
    color: var(--text-black);
    overflow: hidden;
    border-radius: 60px;
    background-color: #74ebd5;
    background-image: linear-gradient(90deg, #74ebd5 0%, #9face6 100%)
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time span[data-v-fcbd4c34] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--text-black)
}

.mission-wrap21 .mission-wrap-content .top-info[data-v-fcbd4c34] {
    background: var(--bg-card);
    border-radius: var(--card-radius);
    color: var(--btn-text);
    margin-bottom: var(--mg);
    padding: var(--mg);
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .data-content[data-v-fcbd4c34] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col[data-v-fcbd4c34] {
    width: calc(50% - 5px)
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .title[data-v-fcbd4c34] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .value[data-v-fcbd4c34] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info[data-v-fcbd4c34] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .value[data-v-fcbd4c34] {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text);
    font-weight: 500
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .desc[data-v-fcbd4c34] {
    color: var(--text-gray)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-fcbd4c34] {
    margin-left: auto
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-fcbd4c34] {
    margin-top: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-fcbd4c34] {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-fcbd4c34] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-fcbd4c34] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item[data-v-fcbd4c34] {
    color: var(--text-gray6)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-fcbd4c34] {
    color: var(--primary)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-fcbd4c34]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card[data-v-fcbd4c34] {
    background: var(--card-bg);
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner[data-v-fcbd4c34] {
    display: flex
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-fcbd4c34] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-fcbd4c34] {
    border-radius: 5px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-fcbd4c34] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-fcbd4c34] {
    flex: 1;
    padding: 10px;
    border-radius: 5px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-fcbd4c34] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-fcbd4c34] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-fcbd4c34] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-fcbd4c34] {
    font-size: 13px;
    text-align: right
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-fcbd4c34] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-fcbd4c34] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius)
}

.mission-wrap21 .mission-wrap-content .nomore2[data-v-fcbd4c34] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-26c50c7a] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    background: #fff;
    z-index: 100;
    pointer-events: none
}

.loading-wrap .loading-window[data-v-26c50c7a] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 80px
}

.loading-wrap .loading-window .boxes[data-v-26c50c7a] {
    --size: 32px;
    --duration: .8s;
    height: calc(var(--size) * 2);
    width: calc(var(--size) * 3);
    position: relative;
    transform-style: preserve-3d;
    transform-origin: 50% 50%;
    margin-top: calc(var(--size) * 1.5 * -1);
    transform: rotateX(60deg) rotate(45deg) rotateY(0) translateZ(0)
}

.loading-wrap .loading-window .boxes .box[data-v-26c50c7a] {
    width: var(--size);
    height: var(--size);
    top: 0;
    left: 0;
    position: absolute;
    transform-style: preserve-3d
}

.loading-wrap .loading-window .boxes .box[data-v-26c50c7a]:nth-child(1) {
    transform: translate(100%);
    animation: box1-26c50c7a var(--duration) linear infinite
}

.loading-wrap .loading-window .boxes .box[data-v-26c50c7a]:nth-child(2) {
    transform: translateY(100%);
    animation: box2-26c50c7a var(--duration) linear infinite
}

.loading-wrap .loading-window .boxes .box[data-v-26c50c7a]:nth-child(3) {
    transform: translate(100%, 100%);
    animation: box3-26c50c7a var(--duration) linear infinite
}

.loading-wrap .loading-window .boxes .box[data-v-26c50c7a]:nth-child(4) {
    transform: translate(200%);
    animation: box4-26c50c7a var(--duration) linear infinite
}

.loading-wrap .loading-window .boxes .box>div[data-v-26c50c7a] {
    --background: #5c8df6;
    --top: auto;
    --right: auto;
    --bottom: auto;
    --left: auto;
    --translateZ: calc(var(--size) / 2);
    --rotateY: 0deg;
    --rotateX: 0deg;
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--background);
    top: var(--top);
    right: var(--right);
    bottom: var(--bottom);
    left: var(--left);
    transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))
}

.loading-wrap .loading-window .boxes .box>div[data-v-26c50c7a]:nth-child(1) {
    --top: 0;
    --left: 0
}

.loading-wrap .loading-window .boxes .box>div[data-v-26c50c7a]:nth-child(2) {
    --background: #145af2;
    --right: 0;
    --rotateY: 90deg
}

.loading-wrap .loading-window .boxes .box>div[data-v-26c50c7a]:nth-child(3) {
    --background: #447cf5;
    --rotateX: -90deg
}

.loading-wrap .loading-window .boxes .box>div[data-v-26c50c7a]:nth-child(4) {
    --background: #dbe3f4;
    --top: 0;
    --left: 0;
    --translateZ: calc(var(--size) * 3 * -1)
}

@keyframes box1-26c50c7a {
    0%,
    50% {
        transform: translate(100%)
    }
    to {
        transform: translate(200%)
    }
}

@keyframes box2-26c50c7a {
    0% {
        transform: translateY(100%)
    }
    50% {
        transform: translate(0)
    }
    to {
        transform: translate(100%)
    }
}

@keyframes box3-26c50c7a {
    0%,
    50% {
        transform: translate(100%, 100%)
    }
    to {
        transform: translateY(100%)
    }
}

@keyframes box4-26c50c7a {
    0% {
        transform: translate(200%)
    }
    50% {
        transform: translate(200%, 100%)
    }
    to {
        transform: translate(100%, 100%)
    }
}

.loading-wrap .loading-window .loading-text[data-v-26c50c7a] {
    position: absolute;
    top: 130px;
    text-align: center;
    width: 100%;
    color: var(--text-black);
    font-size: 20px;
    font-family: sans-serif;
    letter-spacing: 3px;
    line-height: 20px;
    height: 20px;
    animation: fade 1s ease 0s infinite
}

.mission-pro-wrap .loading-time-part[data-v-2731591e] {
    background: var(--bg)
}

.mission-pro-wrap .loading-time-part .loading-time[data-v-2731591e] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 40px;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--btn-text);
    margin: 0 auto 10px;
    color: var(--btn-text);
    overflow: hidden
}

.mission-pro-wrap .loading-time-part .loading-time span[data-v-2731591e] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--btn-text)
}

.mission-pro-wrap .task-list .mission-card[data-v-2731591e] {
    background: var(--card-bg);
    border: 1px solid var(--text-black);
    color: var(--text-black);
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-pro-wrap .task-list .mission-card .card-inner[data-v-2731591e] {
    display: flex
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show[data-v-2731591e] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show .product-img[data-v-2731591e] {
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap[data-v-2731591e] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-2731591e] {
    flex: 1
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-2731591e] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-2731591e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-2731591e] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-2731591e] {
    font-size: 13px;
    text-align: right
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-2731591e] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-2731591e] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius);
    border: 1px solid var(--btn-text)
}

.mission-pro-wrap .nomore2[data-v-2731591e] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap21 .mission-wrap-content .loading-time-part[data-v-cf1fdd7a] {
    background: var(--bg)
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time[data-v-cf1fdd7a] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 40px;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--btn-text);
    margin: 0 auto 10px;
    color: var(--btn-text);
    overflow: hidden
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time span[data-v-cf1fdd7a] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--btn-text)
}

.mission-wrap21 .mission-wrap-content .top-info[data-v-cf1fdd7a] {
    background: var(--bg);
    border: 1px solid var(--btn-text);
    border-radius: var(--card-radius);
    color: var(--btn-text);
    margin-bottom: var(--mg);
    padding: var(--mg);
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .data-content[data-v-cf1fdd7a] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col[data-v-cf1fdd7a] {
    width: calc(50% - 5px)
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .title[data-v-cf1fdd7a] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .value[data-v-cf1fdd7a] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info[data-v-cf1fdd7a] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .value[data-v-cf1fdd7a] {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text);
    font-weight: 500
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .desc[data-v-cf1fdd7a] {
    color: var(--text-gray)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-cf1fdd7a] {
    margin-left: auto
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-cf1fdd7a] {
    margin-top: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-cf1fdd7a] {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-cf1fdd7a] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-cf1fdd7a] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item[data-v-cf1fdd7a] {
    color: var(--text-gray6)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-cf1fdd7a] {
    color: var(--primary)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-cf1fdd7a]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card[data-v-cf1fdd7a] {
    background: var(--card-bg);
    border: 1px solid var(--text-black);
    color: var(--text-black);
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner[data-v-cf1fdd7a] {
    display: flex
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-cf1fdd7a] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-cf1fdd7a] {
    border-radius: 5px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-cf1fdd7a] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-cf1fdd7a] {
    flex: 1
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-cf1fdd7a] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-cf1fdd7a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-cf1fdd7a] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-cf1fdd7a] {
    font-size: 13px;
    text-align: right
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-cf1fdd7a] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-cf1fdd7a] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius);
    border: 1px solid var(--btn-text)
}

.mission-wrap21 .mission-wrap-content .nomore2[data-v-cf1fdd7a] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-1b5d7bb9] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    background: radial-gradient(#222922, #000500);
    z-index: 100;
    pointer-events: none
}

.loading-wrap .loading-window[data-v-1b5d7bb9] {
    position: relative;
    width: 150px;
    height: 150px;
    margin-bottom: 70px;
    --triangle-size: 150px;
    --triange-speed: 2s;
    --triangle-speed-basis: 2s / 5
}

@keyframes grow-and-fade-1b5d7bb9 {
    0% {
        opacity: 0;
        transform: scale(.1) translatez(0)
    }
    40% {
        opacity: 1
    }
    60% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(1) translatez(0)
    }
}

@keyframes pulsing-fade-1b5d7bb9 {
    0% {
        opacity: 0
    }
    20% {
        opacity: 0
    }
    40% {
        opacity: .8
    }
    60% {
        opacity: 0
    }
}

.loading-wrap .loading-window .triangle[data-v-1b5d7bb9] {
    animation: grow-and-fade-1b5d7bb9 var(--triange-speed) linear infinite;
    height: var(--triangle-size);
    left: 0;
    opacity: 0;
    width: var(--triangle-size);
    position: absolute;
    top: 0%;
    transform: translatez(0);
    transform-origin: 50% 60%;
    will-change: opacity, transform
}

.loading-wrap .loading-window .triangle-wrapper[data-v-1b5d7bb9] {
    height: var(--triangle-size);
    position: relative;
    width: var(--triangle-size)
}

.loading-wrap .loading-window .triangle-loading[data-v-1b5d7bb9] {
    animation: pulsing-fade-1b5d7bb9 6s ease infinite;
    color: #fff;
    font-family: Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 300;
    left: 50%;
    letter-spacing: 8px;
    margin-left: 4px;
    margin-top: 10px;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: translate3d(-50%, -50%, 0);
    text-transform: uppercase
}

.loading-wrap .loading-window .triangle-svg[data-v-1b5d7bb9] {
    margin-top: -20px;
    opacity: .5;
    overflow: visible
}

.loading-wrap .loading-window .triangle-polygon[data-v-1b5d7bb9] {
    stroke-width: 5px
}

.loading-wrap .loading-window .triangle-1[data-v-1b5d7bb9] {
    animation-delay: calc(var(triangle-speed-basis) * 0)
}

.loading-wrap .loading-window .triangle-1[data-v-1b5d7bb9],
.loading-wrap .loading-window .triangle-polygon[data-v-1b5d7bb9] {
    stroke: var(--btn-bg)
}

.loading-wrap .loading-window .triangle-2[data-v-1b5d7bb9] {
    animation-delay: calc(var(triangle-speed-basis) * 1)
}

.loading-wrap .loading-window .triangle-2 .triangle-polygon[data-v-1b5d7bb9] {
    stroke: var(--btn-bg2)
}

.loading-wrap .loading-window .triangle-3[data-v-1b5d7bb9] {
    animation-delay: calc(var(triangle-speed-basis) * 2)
}

.loading-wrap .loading-window .triangle-3 .triangle-polygon[data-v-1b5d7bb9] {
    stroke: var(--primary)
}

.loading-wrap .loading-window .triangle-4[data-v-1b5d7bb9] {
    animation-delay: calc(var(triangle-speed-basis) * 3)
}

.loading-wrap .loading-window .triangle-4 .triangle-polygon[data-v-1b5d7bb9] {
    stroke: var(--primary-light)
}

.loading-wrap .loading-window .triangle-5[data-v-1b5d7bb9] {
    animation-delay: calc(var(triangle-speed-basis) * 4)
}

.loading-wrap .loading-window .triangle-5 .triangle-polygon[data-v-1b5d7bb9] {
    stroke: #fff
}

.mission-pro-wrap .loading-time-part .loading-time[data-v-4a5dd33c] {
    font-family: Good Time, Helvetica Neue, Helvetica, sans-serif;
    position: relative;
    display: inline-block;
    padding: 5px 40px;
    line-height: 20px;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--primary);
    margin: 0 auto 5px;
    color: var(--btn-bg);
    overflow: hidden
}

.mission-pro-wrap .loading-time-part .loading-time[data-v-4a5dd33c] * {
    font-family: Good Time, Helvetica Neue, Helvetica, sans-serif
}

.mission-pro-wrap .loading-time-part .loading-time[data-v-4a5dd33c]:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -40%;
    left: 0;
    border-radius: 0 0 50% 50%;
    background: var(--primary);
    opacity: .8;
    filter: blur(10px)
}

.mission-pro-wrap .loading-time-part .loading-time div[data-v-4a5dd33c] {
    color: var(--btn-text);
    font-size: 14px;
    font-weight: 400;
    position: relative
}

.mission-pro-wrap .task-list .mission-card[data-v-4a5dd33c] {
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg);
    background: rgba(0, 0, 0, .05)
}

.mission-pro-wrap .task-list .mission-card .card-inner[data-v-4a5dd33c] {
    display: flex
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show[data-v-4a5dd33c] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show .product-img[data-v-4a5dd33c] {
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap[data-v-4a5dd33c] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-4a5dd33c] {
    flex: 1;
    padding: 10px;
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-4a5dd33c] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-4a5dd33c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-4a5dd33c] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-4a5dd33c] {
    font-size: 13px;
    text-align: right
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-4a5dd33c] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-4a5dd33c] {
    background: linear-gradient(220.55deg, var(--btn-bg) 0%, var(--btn-bg2) 100%);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius)
}

.mission-pro-wrap .nomore2[data-v-4a5dd33c] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time[data-v-4f098687] {
    font-family: Good Time, Helvetica Neue, Helvetica, sans-serif;
    position: relative;
    display: inline-block;
    padding: 5px 40px;
    line-height: 20px;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--primary);
    margin: 0 auto 5px;
    color: var(--btn-bg);
    overflow: hidden
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time[data-v-4f098687] * {
    font-family: Good Time, Helvetica Neue, Helvetica, sans-serif
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time[data-v-4f098687]:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -40%;
    left: 0;
    border-radius: 0 0 50% 50%;
    background: var(--primary);
    opacity: .8;
    filter: blur(10px)
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time div[data-v-4f098687] {
    color: var(--btn-text);
    font-size: 14px;
    font-weight: 400;
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info[data-v-4f098687] {
    background: var(--bg-card);
    border-radius: var(--card-radius);
    color: var(--btn-text);
    margin-bottom: var(--mg);
    padding: var(--mg);
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .data-content[data-v-4f098687] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col[data-v-4f098687] {
    width: calc(50% - 5px)
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .title[data-v-4f098687] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .value[data-v-4f098687] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info[data-v-4f098687] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .value[data-v-4f098687] {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text);
    font-weight: 500
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .desc[data-v-4f098687] {
    color: var(--text-gray)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-4f098687] {
    margin-left: auto
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-4f098687] {
    margin-top: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-4f098687] {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-4f098687] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-4f098687] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item[data-v-4f098687] {
    color: var(--text-gray6)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-4f098687] {
    color: var(--primary)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-4f098687]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card[data-v-4f098687] {
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg);
    background: rgba(0, 0, 0, .05)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner[data-v-4f098687] {
    display: flex
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-4f098687] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-4f098687] {
    border-radius: 5px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-4f098687] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-4f098687] {
    flex: 1;
    padding: 10px;
    border-radius: 5px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-4f098687] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-4f098687] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-4f098687] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-4f098687] {
    font-size: 13px;
    text-align: right
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-4f098687] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-4f098687] {
    background: linear-gradient(220.55deg, var(--btn-bg) 0%, var(--btn-bg2) 100%);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius)
}

.mission-wrap21 .mission-wrap-content .nomore2[data-v-4f098687] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-46ba3b71] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    background: #fff;
    z-index: 100;
    pointer-events: none
}

.loading-wrap .loader[data-v-46ba3b71] {
    height: 20px;
    width: 250px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.loading-wrap .loader--dot[data-v-46ba3b71] {
    animation-name: loader-46ba3b71;
    animation-timing-function: ease-in-out;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background-color: #000;
    position: absolute;
    border: 2px solid white
}

.loading-wrap .loader--dot[data-v-46ba3b71]:first-child {
    background-color: #8cc759;
    animation-delay: .5s
}

.loading-wrap .loader--dot[data-v-46ba3b71]:nth-child(2) {
    background-color: #8c6daf;
    animation-delay: .4s
}

.loading-wrap .loader--dot[data-v-46ba3b71]:nth-child(3) {
    background-color: #ef5d74;
    animation-delay: .3s
}

.loading-wrap .loader--dot[data-v-46ba3b71]:nth-child(4) {
    background-color: #f9a74b;
    animation-delay: .2s
}

.loading-wrap .loader--dot[data-v-46ba3b71]:nth-child(5) {
    background-color: #60beeb;
    animation-delay: .1s
}

.loading-wrap .loader--dot[data-v-46ba3b71]:nth-child(6) {
    background-color: #fbef5a;
    animation-delay: 0s
}

.loading-wrap .loader--text[data-v-46ba3b71] {
    position: absolute;
    top: 200%;
    left: 0;
    right: 0;
    width: 4rem;
    font-size: 20px;
    margin: auto;
    color: #000
}

.loading-wrap .loader--text[data-v-46ba3b71]:after {
    content: "Loading";
    font-weight: 700;
    animation-name: loading-text-46ba3b71;
    animation-duration: 3s;
    animation-iteration-count: infinite
}

@keyframes loader-46ba3b71 {
    15% {
        transform: translate(0)
    }
    45% {
        transform: translate(230px)
    }
    65% {
        transform: translate(230px)
    }
    95% {
        transform: translate(0)
    }
}

@keyframes loading-text-46ba3b71 {
    0% {
        content: "Loading"
    }
    25% {
        content: "Loading."
    }
    50% {
        content: "Loading.."
    }
    75% {
        content: "Loading..."
    }
}

.mission-pro-wrap .loading-time-part .loading-time[data-v-c840d2de] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 40px;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--primary);
    margin: 0 auto 10px;
    color: var(--primary);
    overflow: hidden;
    border-radius: var(--card-radius)
}

.mission-pro-wrap .loading-time-part .loading-time span[data-v-c840d2de] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--btn-text)
}

.mission-pro-wrap .task-list .mission-card[data-v-c840d2de] {
    background: var(--card-bg);
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-pro-wrap .task-list .mission-card .card-inner[data-v-c840d2de] {
    display: flex
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show[data-v-c840d2de] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show .product-img[data-v-c840d2de] {
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap[data-v-c840d2de] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-c840d2de] {
    flex: 1;
    padding: 10px;
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-c840d2de] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-c840d2de] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-c840d2de] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-c840d2de] {
    font-size: 13px;
    text-align: right
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-c840d2de] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-c840d2de] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius)
}

.mission-pro-wrap .nomore2[data-v-c840d2de] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time[data-v-72d6fc69] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 40px;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--primary);
    margin: 0 auto 10px;
    color: var(--primary);
    overflow: hidden;
    border-radius: var(--card-radius)
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time span[data-v-72d6fc69] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--btn-text)
}

.mission-wrap21 .mission-wrap-content .top-info[data-v-72d6fc69] {
    background: var(--bg-card);
    border-radius: var(--card-radius);
    color: var(--btn-text);
    margin-bottom: var(--mg);
    padding: var(--mg);
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .data-content[data-v-72d6fc69] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col[data-v-72d6fc69] {
    width: calc(50% - 5px)
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .title[data-v-72d6fc69] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .value[data-v-72d6fc69] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info[data-v-72d6fc69] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .value[data-v-72d6fc69] {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text);
    font-weight: 500
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .desc[data-v-72d6fc69] {
    color: var(--text-gray)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-72d6fc69] {
    margin-left: auto
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-72d6fc69] {
    margin-top: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-72d6fc69] {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-72d6fc69] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-72d6fc69] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item[data-v-72d6fc69] {
    color: var(--text-gray6)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-72d6fc69] {
    color: var(--primary)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-72d6fc69]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card[data-v-72d6fc69] {
    background: var(--card-bg);
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner[data-v-72d6fc69] {
    display: flex
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-72d6fc69] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-72d6fc69] {
    border-radius: 5px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-72d6fc69] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-72d6fc69] {
    flex: 1;
    padding: 10px;
    border-radius: 5px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-72d6fc69] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-72d6fc69] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-72d6fc69] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-72d6fc69] {
    font-size: 13px;
    text-align: right
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-72d6fc69] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-72d6fc69] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius)
}

.mission-wrap21 .mission-wrap-content .nomore2[data-v-72d6fc69] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-pro-wrap .loading-time-part .loading-time[data-v-108d4dc7] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 40px;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--primary);
    margin: 0 auto 10px;
    color: var(--primary);
    overflow: hidden;
    border-radius: var(--card-radius)
}

.mission-pro-wrap .loading-time-part .loading-time span[data-v-108d4dc7] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--btn-text)
}

.mission-pro-wrap .task-list .mission-card[data-v-108d4dc7] {
    background: var(--card-bg);
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-pro-wrap .task-list .mission-card .card-inner[data-v-108d4dc7] {
    display: flex
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show[data-v-108d4dc7] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-show .product-img[data-v-108d4dc7] {
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap[data-v-108d4dc7] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-108d4dc7] {
    flex: 1;
    padding: 10px;
    border-radius: 5px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-108d4dc7] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-108d4dc7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-108d4dc7] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-108d4dc7] {
    font-size: 13px;
    text-align: right
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-108d4dc7] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-pro-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-108d4dc7] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: #fff;
    border-radius: var(--btn-radius)
}

.mission-pro-wrap .nomore2[data-v-108d4dc7] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time[data-v-4b2d9039] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 40px;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--primary);
    margin: 0 auto 10px;
    color: var(--primary);
    overflow: hidden;
    border-radius: var(--card-radius)
}

.mission-wrap21 .mission-wrap-content .loading-time-part .loading-time span[data-v-4b2d9039] {
    font-size: 15px;
    padding: 0 5px;
    color: var(--btn-text)
}

.mission-wrap21 .mission-wrap-content .top-info[data-v-4b2d9039] {
    background: var(--bg-card);
    border-radius: var(--card-radius);
    color: var(--btn-text);
    margin-bottom: var(--mg);
    padding: var(--mg);
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .data-content[data-v-4b2d9039] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col[data-v-4b2d9039] {
    width: calc(50% - 5px)
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .title[data-v-4b2d9039] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .top-info .data-content .col .value[data-v-4b2d9039] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info[data-v-4b2d9039] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .value[data-v-4b2d9039] {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text);
    font-weight: 500
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .desc[data-v-4b2d9039] {
    color: var(--text-gray)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-4b2d9039] {
    margin-left: auto
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-4b2d9039] {
    margin-top: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-4b2d9039] {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 10px
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-4b2d9039] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap21 .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-4b2d9039] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item[data-v-4b2d9039] {
    color: var(--text-gray6)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-4b2d9039] {
    color: var(--primary)
}

.mission-wrap21 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-4b2d9039]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card[data-v-4b2d9039] {
    background: var(--card-bg);
    color: var(--text-black);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner[data-v-4b2d9039] {
    display: flex
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-4b2d9039] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-4b2d9039] {
    border-radius: 5px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-4b2d9039] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-4b2d9039] {
    flex: 1;
    padding: 10px;
    border-radius: 5px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-4b2d9039] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-4b2d9039] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-4b2d9039] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-4b2d9039] {
    font-size: 13px;
    text-align: right
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-4b2d9039] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap21 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-4b2d9039] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text);
    border-radius: var(--btn-radius)
}

.mission-wrap21 .mission-wrap-content .nomore2[data-v-4b2d9039] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-4b3b489f] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background: linear-gradient(to bottom, #323232 0%, #3f3f3f 40%, #1c1c1c 150%), linear-gradient(to top, rgba(255, 255, 255, .4) 0%, rgba(0, 0, 0, .25) 200%);
    background-blend-mode: multiply;
    padding-bottom: 50px
}

.loading-wrap .container[data-v-4b3b489f] {
    --dim: 150px;
    --degree: 0deg;
    --radius: calc(var(--dim) / 2 * .5);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.loading-wrap .circle[data-v-4b3b489f] {
    height: var(--dim);
    width: var(--dim);
    border-radius: calc(var(--dim) / 2);
    background-color: #4158d0;
    background-image: linear-gradient(45deg, #4158d0 0%, #c850c0 46%, #ffcc70 100%);
    opacity: .25;
    position: absolute;
    animation: anim-4b3b489f 2s ease-in-out;
    animation-iteration-count: infinite
}

@keyframes anim-4b3b489f {
    0%,
    to {
        transform: translate(0)
    }
    50% {
        transform: translate(calc(cos(var(--degree)) * var(--radius)), calc(sin(var(--degree)) * var(--radius)))
    }
}

.loading-wrap .container .circle[data-v-4b3b489f]:nth-child(1) {
    --degree: 0deg
}

.loading-wrap .container .circle[data-v-4b3b489f]:nth-child(2) {
    --degree: 45deg
}

.loading-wrap .container .circle[data-v-4b3b489f]:nth-child(3) {
    --degree: 90deg
}

.loading-wrap .container .circle[data-v-4b3b489f]:nth-child(4) {
    --degree: 135deg
}

.loading-wrap .container .circle[data-v-4b3b489f]:nth-child(5) {
    --degree: 180deg
}

.loading-wrap .container .circle[data-v-4b3b489f]:nth-child(6) {
    --degree: 225deg
}

.loading-wrap .container .circle[data-v-4b3b489f]:nth-child(7) {
    --degree: 270deg
}

.loading-wrap .container .circle[data-v-4b3b489f]:nth-child(8) {
    --degree: 315deg
}

.loading-wrap .text[data-v-4b3b489f] {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    z-index: 10;
    text-transform: uppercase
}

.loading-wrap .text span[data-v-4b3b489f]:nth-child(1) {
    animation: dots-animation1-4b3b489f 2s;
    animation-iteration-count: infinite
}

.loading-wrap .text span[data-v-4b3b489f]:nth-child(2) {
    animation: dots-animation2-4b3b489f 2s;
    animation-iteration-count: infinite
}

.loading-wrap .text span[data-v-4b3b489f]:nth-child(3) {
    animation: dots-animation3-4b3b489f 2s;
    animation-iteration-count: infinite
}

@keyframes dots-animation1-4b3b489f {
    0% {
        opacity: 0
    }
    25% {
        opacity: 0
    }
    26% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes dots-animation2-4b3b489f {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    51% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes dots-animation3-4b3b489f {
    0% {
        opacity: 0
    }
    75% {
        opacity: 0
    }
    76% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

.mission-wrap .mission-wrap-content .top-info[data-v-c82a45a6] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-c82a45a6] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-c82a45a6] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-c82a45a6] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-c82a45a6] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-c82a45a6] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-c82a45a6] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-c82a45a6] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-c82a45a6] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-c82a45a6] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-c82a45a6] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-c82a45a6] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-c82a45a6] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-c82a45a6] {
    background: var(--text-black);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-c82a45a6] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-c82a45a6] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-c82a45a6] {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-c82a45a6] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-c82a45a6] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-c82a45a6] {
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-c82a45a6] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-c82a45a6] {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-c82a45a6] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-c82a45a6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-c82a45a6] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-c82a45a6] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-c82a45a6] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-c82a45a6] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-c82a45a6] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap .container-card .base-user-tab .tab-item[data-v-c82a45a6] {
    color: var(--text-gray6)
}

.mission-wrap .container-card .base-user-tab .tab-item.active[data-v-c82a45a6] {
    color: var(--primary)
}

.mission-wrap .container-card .base-user-tab .tab-item.active[data-v-c82a45a6]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap20 {
    position: relative;
    z-index: 1
}

.mission-wrap20 .mission-wrap-content .top-info {
    border-radius: var(--card-radius);
    color: var(--text-white);
    margin-bottom: var(--mg);
    position: relative
}

.mission-wrap20 .mission-wrap-content .top-info:after {
    content: "";
    position: absolute;
    right: -87px;
    top: -32px;
    background: url(/assets/mission-e980e07f.png) center no-repeat;
    background-size: 100% 100%;
    width: 368px;
    height: 250px;
    transform: scale(.5);
    animation: floatUp 4s infinite, floatDown 4s infinite 4s
}

.mission-wrap20 .mission-wrap-content .top-info .cont {
    position: relative;
    z-index: 1;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    padding: var(--mg);
    border-radius: var(--card-radius);
    display: inline-flex
}

.mission-wrap20 .mission-wrap-content .top-info .cont.isChainTask {
    width: 100%
}

.mission-wrap20 .mission-wrap-content .top-info .loading-time {
    position: relative;
    z-index: 1;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px;
    background: #000
}

.mission-wrap20 .mission-wrap-content .top-info .loading-time span {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap20 .mission-wrap-content .top-info:before {
    content: "";
    position: absolute;
    top: -61px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 110px);
    background: var(--primary)
}

.mission-wrap20 .mission-wrap-content .top-info .data-content {
    position: relative
}

.mission-wrap20 .mission-wrap-content .top-info .data-content .col .title {
    font-size: 13px;
    line-height: 15px;
    text-align: center
}

.mission-wrap20 .mission-wrap-content .top-info .data-content .col .value {
    margin-top: 3px;
    font-size: 17px;
    text-align: center
}

.mission-wrap20 .mission-wrap-content .top-info .mission-chain-info {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap20 .mission-wrap-content .top-info .mission-chain-info .value {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-white);
    font-weight: 500
}

.mission-wrap20 .mission-wrap-content .top-info .mission-chain-info .desc {
    color: #ccc
}

.mission-wrap20 .mission-wrap-content .top-info .mission-chain-info .ml-auto {
    margin-left: auto
}

.mission-wrap20 .mission-wrap-content .top-info .mission-chain-info .mt-10 {
    margin-top: 10px
}

.mission-wrap20 .mission-wrap-content .top-info .mission-chain-info .grid-3 {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 10px 0
}

.mission-wrap20 .mission-wrap-content .top-info .mission-chain-info .recharge {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap20 .mission-wrap-content .top-info .mission-chain-info .btnOk {
    position: relative;
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    overflow: hidden
}

.mission-wrap20 .mission-wrap-content .top-info .mission-chain-info .btnOk:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite
}

.mission-wrap20 .mission-wrap-content .base-user-tab {
    box-shadow: var(--box-shadow);
    border-radius: 8px
}

.mission-wrap20 .mission-wrap-content .container-card {
    background: var(--text-white);
    box-shadow: var(--box-shadow)
}

.mission-wrap20 .mission-wrap-content .container-card .base-user-tab .tab-item {
    color: var(--text-gray6)
}

.mission-wrap20 .mission-wrap-content .container-card .base-user-tab .tab-item.active {
    color: var(--primary)
}

.mission-wrap20 .mission-wrap-content .container-card .base-user-tab .tab-item.active:after {
    content: "";
    background: var(--primary)
}

.mission-wrap20 .mission-wrap-content .task-list .mission-card {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap20 .mission-wrap-content .task-list .mission-card .card-inner {
    display: flex
}

.mission-wrap20 .mission-wrap-content .task-list .mission-card .card-inner .product-show {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap20 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img {
    border-radius: 5px
}

.mission-wrap20 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap20 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap20 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap20 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap20 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap20 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price {
    font-size: 13px;
    text-align: right
}

.mission-wrap20 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap20 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap20 .mission-wrap-content .nomore2 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-0ce8665b] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background: #000;
    padding-bottom: 50px
}

.loading-wrap .loader[data-v-0ce8665b] {
    width: 60px
}

.loading-wrap .loader-wheel[data-v-0ce8665b] {
    animation: spin-0ce8665b 1s infinite linear;
    border: 2px solid rgba(30, 30, 30, .5);
    border-left: 4px solid #fff;
    border-radius: 50%;
    height: 50px;
    margin-bottom: 10px;
    width: 50px
}

.loading-wrap .loader-text[data-v-0ce8665b] {
    color: #fff;
    font-family: arial, sans-serif
}

.loading-wrap .loader-text[data-v-0ce8665b]:after {
    content: "Loading";
    animation: load-0ce8665b 2s linear infinite
}

@keyframes spin-0ce8665b {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes load-0ce8665b {
    0% {
        content: "Loading"
    }
    33% {
        content: "Loading."
    }
    67% {
        content: "Loading.."
    }
    to {
        content: "Loading..."
    }
}

.mission-wrap .mission-wrap-content .top-info[data-v-95f84c5a] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-95f84c5a] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-95f84c5a] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-95f84c5a] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-95f84c5a] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-95f84c5a] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-95f84c5a] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-95f84c5a] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-95f84c5a] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-95f84c5a] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-95f84c5a] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-95f84c5a] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-95f84c5a] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-95f84c5a] {
    background: var(--text-black);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-95f84c5a] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-95f84c5a] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-95f84c5a] {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-95f84c5a] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-95f84c5a] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-95f84c5a] {
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-95f84c5a] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-95f84c5a] {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-95f84c5a] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-95f84c5a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-95f84c5a] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-95f84c5a] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-95f84c5a] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-95f84c5a] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-95f84c5a] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap .container-card .base-user-tab .tab-item[data-v-95f84c5a] {
    color: var(--text-gray6)
}

.mission-wrap .container-card .base-user-tab .tab-item.active[data-v-95f84c5a] {
    color: var(--primary)
}

.mission-wrap .container-card .base-user-tab .tab-item.active[data-v-95f84c5a]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap19 {
    position: relative;
    z-index: 1
}

.mission-wrap19 .mission-wrap-content .top-info {
    border-radius: var(--card-radius);
    color: var(--text-white);
    position: relative;
    padding-bottom: 10px
}

.mission-wrap19 .mission-wrap-content .top-info:after {
    content: "";
    position: absolute;
    right: -105px;
    top: -73px;
    background: url(/assets/task-faa90b02.png) center no-repeat;
    background-size: 100% 100%;
    width: 383px;
    height: 280px;
    transform: scale(.45)
}

.mission-wrap19 .mission-wrap-content .top-info .cont {
    position: relative;
    z-index: 1;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    padding: var(--mg);
    border-radius: 8px 20px;
    display: inline-flex
}

.mission-wrap19 .mission-wrap-content .top-info .cont.isChainTask {
    width: 100%
}

.mission-wrap19 .mission-wrap-content .top-info .loading-time {
    position: relative;
    z-index: 1;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px 20px;
    background: rgba(0, 0, 0, .1)
}

.mission-wrap19 .mission-wrap-content .top-info .loading-time span {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap19 .mission-wrap-content .top-info:before {
    content: "";
    position: absolute;
    top: -70px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 70px);
    background: var(--primary)
}

.mission-wrap19 .mission-wrap-content .top-info .data-content {
    position: relative
}

.mission-wrap19 .mission-wrap-content .top-info .data-content .col .title {
    font-size: 13px;
    line-height: 15px;
    text-align: center
}

.mission-wrap19 .mission-wrap-content .top-info .data-content .col .value {
    margin-top: 3px;
    font-size: 17px;
    text-align: center
}

.mission-wrap19 .mission-wrap-content .top-info .mission-chain-info {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap19 .mission-wrap-content .top-info .mission-chain-info .value {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-white);
    font-weight: 500
}

.mission-wrap19 .mission-wrap-content .top-info .mission-chain-info .desc {
    color: #ccc
}

.mission-wrap19 .mission-wrap-content .top-info .mission-chain-info .ml-auto {
    margin-left: auto
}

.mission-wrap19 .mission-wrap-content .top-info .mission-chain-info .mt-10 {
    margin-top: 10px
}

.mission-wrap19 .mission-wrap-content .top-info .mission-chain-info .grid-3 {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 10px 0
}

.mission-wrap19 .mission-wrap-content .top-info .mission-chain-info .recharge {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap19 .mission-wrap-content .top-info .mission-chain-info .btnOk {
    position: relative;
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    overflow: hidden
}

.mission-wrap19 .mission-wrap-content .top-info .mission-chain-info .btnOk:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite
}

.mission-wrap19 .mission-wrap-content .container-card {
    background: transparent;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

.mission-wrap19 .mission-wrap-content .container-card .base-user-tab .tab-item {
    color: var(--text-gray6)
}

.mission-wrap19 .mission-wrap-content .container-card .base-user-tab .tab-item.active {
    color: var(--primary)
}

.mission-wrap19 .mission-wrap-content .container-card .base-user-tab .tab-item.active:after {
    content: "";
    background: var(--primary)
}

.mission-wrap19 .mission-wrap-content .task-list .mission-card {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap19 .mission-wrap-content .task-list .mission-card .card-inner {
    display: flex
}

.mission-wrap19 .mission-wrap-content .task-list .mission-card .card-inner .product-show {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap19 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img {
    border-radius: 5px
}

.mission-wrap19 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap19 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap19 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap19 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap19 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap19 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price {
    font-size: 13px;
    text-align: right
}

.mission-wrap19 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap19 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap19 .mission-wrap-content .nomore2 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-8e3da5a4] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background: #fff;
    padding-bottom: 50px
}

.loading-wrap #loading[data-v-8e3da5a4] {
    position: absolute;
    left: calc(50% - 100px);
    top: calc(50% - 25px);
    z-index: 9999
}

.loading-wrap .uil-ripple[data-v-8e3da5a4] {
    position: absolute;
    left: calc(50% - 90px);
    top: calc(50% - 90px);
    opacity: .5;
    z-index: 999
}

.loading-wrap .ld-l[data-v-8e3da5a4] {
    opacity: 0;
    animation: ld-in-8e3da5a4 3s 0s ease infinite
}

.loading-wrap .ld-o[data-v-8e3da5a4] {
    opacity: 0;
    animation: ld-in-8e3da5a4 3s .1s ease infinite
}

.loading-wrap .ld-a[data-v-8e3da5a4] {
    opacity: 0;
    animation: ld-in-8e3da5a4 3s .2s ease infinite
}

.loading-wrap .ld-d[data-v-8e3da5a4] {
    opacity: 0;
    animation: ld-in-8e3da5a4 3s .3s ease infinite
}

.loading-wrap .ld-i[data-v-8e3da5a4] {
    opacity: 0;
    animation: ld-in-8e3da5a4 3s .4s ease infinite
}

.loading-wrap .ld-n[data-v-8e3da5a4] {
    opacity: 0;
    animation: ld-in-8e3da5a4 3s .5s ease infinite
}

.loading-wrap .ld-g[data-v-8e3da5a4] {
    opacity: 0;
    animation: ld-in-8e3da5a4 3s .6s ease infinite
}

@keyframes ld-in-8e3da5a4 {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    30% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.mission-wrap .mission-wrap-content .top-info[data-v-5e38f4e1] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-5e38f4e1] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-5e38f4e1] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-5e38f4e1] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-5e38f4e1] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-5e38f4e1] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-5e38f4e1] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-5e38f4e1] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-5e38f4e1] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-5e38f4e1] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-5e38f4e1] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-5e38f4e1] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-5e38f4e1] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-5e38f4e1] {
    background: var(--text-black);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-5e38f4e1] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-5e38f4e1] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-5e38f4e1] {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-5e38f4e1] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-5e38f4e1] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-5e38f4e1] {
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-5e38f4e1] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-5e38f4e1] {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-5e38f4e1] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-5e38f4e1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-5e38f4e1] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-5e38f4e1] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-5e38f4e1] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-5e38f4e1] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-5e38f4e1] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap .container-card .base-user-tab .tab-item[data-v-5e38f4e1] {
    color: var(--text-gray6)
}

.mission-wrap .container-card .base-user-tab .tab-item.active[data-v-5e38f4e1] {
    color: var(--primary)
}

.mission-wrap .container-card .base-user-tab .tab-item.active[data-v-5e38f4e1]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap18 {
    position: relative;
    z-index: 1
}

.mission-wrap18 .mission-wrap-content .top-info {
    border-radius: var(--card-radius);
    color: var(--text-white);
    margin-bottom: var(--mg);
    position: relative
}

.mission-wrap18 .mission-wrap-content .top-info:after {
    content: "";
    position: absolute;
    right: -67px;
    top: -52px;
    background: url(/assets/mission-6c2d7c1f.png) center no-repeat;
    background-size: 100% 100%;
    width: 260px;
    height: 287px;
    transform: scale(.6);
    animation: floatUp 4s infinite, floatDown 4s infinite 4s
}

@keyframes floatUp {
    0% {
        transform: scale(.6) translateY(0)
    }
    50% {
        transform: scale(.6) translateY(-5px)
    }
    to {
        transform: scale(.6) translateY(0)
    }
}

@keyframes floatDown {
    0% {
        transform: scale(.6) translateY(0)
    }
    50% {
        transform: scale(.6) translateY(5px)
    }
    to {
        transform: scale(.6) translateY(0)
    }
}

.mission-wrap18 .mission-wrap-content .top-info .cont {
    position: relative;
    z-index: 1;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    padding: var(--mg);
    border-radius: var(--card-radius);
    display: inline-flex
}

.mission-wrap18 .mission-wrap-content .top-info .cont.isChainTask {
    width: 100%
}

.mission-wrap18 .mission-wrap-content .top-info .loading-time {
    position: relative;
    z-index: 1;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px;
    background: rgba(0, 0, 0, .1)
}

.mission-wrap18 .mission-wrap-content .top-info .loading-time span {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap18 .mission-wrap-content .top-info:before {
    content: "";
    position: absolute;
    top: -61px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 140px);
    background: var(--primary)
}

.mission-wrap18 .mission-wrap-content .top-info .data-content {
    position: relative
}

.mission-wrap18 .mission-wrap-content .top-info .data-content .col .title {
    font-size: 13px;
    line-height: 15px;
    text-align: center
}

.mission-wrap18 .mission-wrap-content .top-info .data-content .col .value {
    margin-top: 3px;
    font-size: 17px;
    text-align: center
}

.mission-wrap18 .mission-wrap-content .top-info .mission-chain-info {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap18 .mission-wrap-content .top-info .mission-chain-info .value {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-white);
    font-weight: 500
}

.mission-wrap18 .mission-wrap-content .top-info .mission-chain-info .desc {
    color: #ccc
}

.mission-wrap18 .mission-wrap-content .top-info .mission-chain-info .ml-auto {
    margin-left: auto
}

.mission-wrap18 .mission-wrap-content .top-info .mission-chain-info .mt-10 {
    margin-top: 10px
}

.mission-wrap18 .mission-wrap-content .top-info .mission-chain-info .grid-3 {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 10px 0
}

.mission-wrap18 .mission-wrap-content .top-info .mission-chain-info .recharge {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap18 .mission-wrap-content .top-info .mission-chain-info .btnOk {
    position: relative;
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    overflow: hidden
}

.mission-wrap18 .mission-wrap-content .top-info .mission-chain-info .btnOk:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite
}

.mission-wrap18 .mission-wrap-content .container-card {
    background: var(--text-white);
    box-shadow: var(--box-shadow)
}

.mission-wrap18 .mission-wrap-content .container-card .base-user-tab .tab-item {
    color: var(--text-gray6)
}

.mission-wrap18 .mission-wrap-content .container-card .base-user-tab .tab-item.active {
    color: var(--primary)
}

.mission-wrap18 .mission-wrap-content .container-card .base-user-tab .tab-item.active:after {
    content: "";
    background: var(--primary)
}

.mission-wrap18 .mission-wrap-content .task-list .mission-card {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap18 .mission-wrap-content .task-list .mission-card .card-inner {
    display: flex
}

.mission-wrap18 .mission-wrap-content .task-list .mission-card .card-inner .product-show {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap18 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img {
    border-radius: 5px
}

.mission-wrap18 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap18 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap18 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap18 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap18 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap18 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price {
    font-size: 13px;
    text-align: right
}

.mission-wrap18 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap18 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap18 .mission-wrap-content .nomore2 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-005e4e89] {
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background: #262626;
    padding-bottom: 50px
}

.loading-wrap .ring[data-v-005e4e89] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    background: transparent;
    border: 3px solid #3c3c3c;
    border-radius: 50%;
    text-align: center;
    line-height: 150px;
    font-family: sans-serif;
    font-size: 20px;
    color: #fff000;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-shadow: 0 0 10px #fff000;
    box-shadow: 0 0 20px #00000080
}

.loading-wrap .ring[data-v-005e4e89]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top: 3px solid #fff000;
    border-right: 3px solid #fff000;
    border-radius: 50%;
    animation: animateC-005e4e89 2s linear infinite
}

.loading-wrap span[data-v-005e4e89] {
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    left: 50%;
    width: 50%;
    height: 4px;
    background: transparent;
    transform-origin: left;
    animation: animate-005e4e89 2s linear infinite
}

.loading-wrap span[data-v-005e4e89]:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff000;
    top: -6px;
    right: -8px;
    box-shadow: 0 0 20px #fff000
}

@keyframes animateC-005e4e89 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes animate-005e4e89 {
    0% {
        transform: rotate(45deg)
    }
    to {
        transform: rotate(405deg)
    }
}

.mission-wrap .mission-wrap-content .top-info[data-v-3b409c49] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-3b409c49] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-3b409c49] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-3b409c49] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-3b409c49] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-3b409c49] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-3b409c49] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-3b409c49] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-3b409c49] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-3b409c49] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-3b409c49] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-3b409c49] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-3b409c49] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-3b409c49] {
    background: var(--text-black);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-3b409c49] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-3b409c49] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-3b409c49] {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-3b409c49] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-3b409c49] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-3b409c49] {
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-3b409c49] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-3b409c49] {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-3b409c49] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-3b409c49] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-3b409c49] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-3b409c49] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-3b409c49] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-3b409c49] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-3b409c49] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap17 {
    position: relative;
    z-index: 1
}

.mission-wrap17 .mission-wrap-content .top-info {
    border-radius: var(--card-radius);
    color: var(--text-white);
    margin-bottom: var(--mg);
    position: relative
}

.mission-wrap17 .mission-wrap-content .top-info .cont {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #fff1ad, #fff5d2);
    padding: var(--mg);
    border-radius: var(--card-radius);
    color: var(--text-black);
    overflow: hidden
}

.mission-wrap17 .mission-wrap-content .top-info .cont .icon {
    position: absolute;
    top: -20px;
    right: -20px;
    transform: rotate(-40deg);
    color: #ffed9a;
    font-size: 180px
}

.mission-wrap17 .mission-wrap-content .top-info .loading-time {
    position: relative;
    z-index: 1;
    background: #000;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px
}

.mission-wrap17 .mission-wrap-content .top-info .loading-time span {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap17 .mission-wrap-content .top-info .data-content {
    position: relative;
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap17 .mission-wrap-content .top-info .data-content .col {
    width: calc(50% - 5px)
}

.mission-wrap17 .mission-wrap-content .top-info .data-content .col .title {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap17 .mission-wrap-content .top-info .data-content .col .value {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap17 .mission-wrap-content .top-info .mission-chain-info {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap17 .mission-wrap-content .top-info .mission-chain-info .value {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap17 .mission-wrap-content .top-info .mission-chain-info .desc {
    color: var(--text-black)
}

.mission-wrap17 .mission-wrap-content .top-info .mission-chain-info .ml-auto {
    margin-left: auto
}

.mission-wrap17 .mission-wrap-content .top-info .mission-chain-info .mt-10 {
    margin-top: 10px
}

.mission-wrap17 .mission-wrap-content .top-info .mission-chain-info .grid-3 {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 10px 0
}

.mission-wrap17 .mission-wrap-content .top-info .mission-chain-info .recharge {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap17 .mission-wrap-content .top-info .mission-chain-info .btnOk {
    position: relative;
    border-radius: var(--btn-radius);
    color: var(--text-white);
    background: var(--text-black);
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    overflow: hidden
}

.mission-wrap17 .mission-wrap-content .top-info .mission-chain-info .btnOk:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite
}

.mission-wrap17 .mission-wrap-content .base-list .loading-icon,
.mission-wrap17 .mission-wrap-content .base-list .no-more,
.mission-wrap17 .mission-wrap-content .base-list .base-list-nodata,
.mission-wrap17 .mission-wrap-content .base-list .load-more {
    color: var(--btn-text)
}

.mission-wrap17 .mission-wrap-content .container-card {
    background: var(--text-white);
    box-shadow: var(--box-shadow)
}

.mission-wrap17 .mission-wrap-content .task-list .mission-card {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap17 .mission-wrap-content .task-list .mission-card .card-inner {
    display: flex
}

.mission-wrap17 .mission-wrap-content .task-list .mission-card .card-inner .product-show {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap17 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img {
    border-radius: 5px
}

.mission-wrap17 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap17 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap17 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap17 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap17 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap17 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price {
    font-size: 13px;
    text-align: right
}

.mission-wrap17 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap17 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap17 .mission-wrap-content .nomore2 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-b4b32f0e] {
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    font-family: Source Sans Pro, sans-serif;
    background: linear-gradient(135deg, rgb(153, 210, 228) 0%, rgb(255, 212, 218) 100%)
}

.loading-wrap .wrap[data-v-b4b32f0e] {
    position: relative;
    width: 0;
    height: 0;
    margin: -130px 0 0 -40px
}

.loading-wrap .loader[data-v-b4b32f0e] {
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 10;
    width: 50px;
    height: 50px;
    border: 15px solid;
    border-radius: 50%;
    border-top-color: #2c2c2c00;
    border-right-color: #37373700;
    border-bottom-color: #42424200;
    border-left-color: #21212100;
    animation: loadEr-b4b32f0e 3s infinite
}

@keyframes loadEr-b4b32f0e {
    0% {
        border-top-color: #2c2c2c00;
        border-right-color: #37373700;
        border-bottom-color: #42424200;
        border-left-color: #21212100
    }
    10.4% {
        border-top-color: #2c2c2c80;
        border-right-color: #37373700;
        border-bottom-color: #42424200;
        border-left-color: #21212100
    }
    20.8% {
        border-top-color: #2c2c2c00;
        border-right-color: #37373700;
        border-bottom-color: #42424200;
        border-left-color: #21212100
    }
    31.2% {
        border-top-color: #2c2c2c00;
        border-right-color: #37373780;
        border-bottom-color: #42424200;
        border-left-color: #21212100
    }
    41.6% {
        border-top-color: #2c2c2c00;
        border-right-color: #37373700;
        border-bottom-color: #42424200;
        border-left-color: #21212100;
        transform: rotate(40deg)
    }
    52% {
        border-top-color: #2c2c2c00;
        border-right-color: #37373700;
        border-bottom-color: #42424280;
        border-left-color: #21212100
    }
    62.4% {
        border-top-color: #2c2c2c00;
        border-right-color: #37373700;
        border-bottom-color: #42424200;
        border-left-color: #21212100
    }
    72.8% {
        border-top-color: #2c2c2c00;
        border-right-color: #37373700;
        border-bottom-color: #42424200;
        border-left-color: #21212180
    }
}

.loading-wrap .loaderbefore[data-v-b4b32f0e] {
    width: 50px;
    height: 50px;
    border: 15px solid #ddd;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 9
}

.loading-wrap .circular[data-v-b4b32f0e] {
    position: absolute;
    top: -15px;
    left: -15px;
    width: 70px;
    height: 70px;
    border: 20px solid;
    border-radius: 50%;
    border-top-color: #333;
    border-left-color: #fff;
    border-bottom-color: #333;
    border-right-color: #fff;
    opacity: .2;
    animation: poof-b4b32f0e 5s infinite
}

@keyframes poof-b4b32f0e {
    0% {
        transform: scale(1) rotate(0);
        opacity: .2
    }
    50% {
        transform: scale(4) rotate(360deg);
        opacity: 0
    }
}

.loading-wrap .another[data-v-b4b32f0e] {
    opacity: .1;
    transform: rotate(90deg);
    animation: poofity-b4b32f0e 5s infinite;
    animation-delay: 1s
}

@keyframes poofity-b4b32f0e {
    0% {
        transform: scale(1) rotate(90deg);
        opacity: .1
    }
    50% {
        transform: scale(4) rotate(-360deg);
        opacity: 0
    }
}

.loading-wrap .text[data-v-b4b32f0e] {
    position: absolute;
    top: 95px;
    left: -26px;
    width: 100%;
    font-size: 20px;
    font-family: Arial;
    text-transform: uppercase;
    color: #888;
    animation: opaa-b4b32f0e 10s infinite
}

@keyframes opaa-b4b32f0e {
    0% {
        opacity: 1
    }
    10% {
        opacity: .5
    }
    15% {
        opacity: 1
    }
    30% {
        opacity: 1
    }
    65% {
        opacity: .3
    }
    90% {
        opacity: .8
    }
}

.mission-wrap .mission-wrap-content .top-info[data-v-05385250] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-05385250] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-05385250] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-05385250] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-05385250] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-05385250] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-05385250] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-05385250] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-05385250] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-05385250] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-05385250] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-05385250] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-05385250] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-05385250] {
    background: var(--text-black);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-05385250] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-05385250] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-05385250] {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-05385250] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-05385250] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-05385250],
.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner img[data-v-05385250] {
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-05385250] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-05385250] {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-05385250] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-05385250] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-05385250] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-05385250] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-05385250] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-05385250] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--text-white);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-05385250] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap .container-card[data-v-05385250] {
    position: relative;
    z-index: 1;
    background: var(--bg);
    padding: 16px
}

.mission-wrap .container-card .base-user-tab .tab-item[data-v-05385250] {
    color: var(--text-gray6)
}

.mission-wrap .container-card .base-user-tab .tab-item.active[data-v-05385250] {
    color: var(--primary)
}

.mission-wrap16 {
    position: relative;
    z-index: 1
}

.mission-wrap16 .mission-wrap-content .top-info {
    border-radius: var(--card-radius);
    color: var(--text-white);
    position: relative
}

.mission-wrap16 .mission-wrap-content .top-info .cont {
    position: relative;
    z-index: 1;
    width: calc(100% + 32px);
    background: var(--primary);
    margin-left: -16px;
    padding: var(--mg);
    padding-bottom: 42px
}

.mission-wrap16 .mission-wrap-content .top-info .loading-time {
    position: relative;
    z-index: 1;
    background: #000;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px
}

.mission-wrap16 .mission-wrap-content .top-info .loading-time span {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap16 .mission-wrap-content .top-info .data-content {
    position: relative;
    display: flex;
    text-align: center;
    justify-content: space-between;
    color: var(--btn-text2)
}

.mission-wrap16 .mission-wrap-content .top-info .data-content .col {
    width: calc(50% - 5px)
}

.mission-wrap16 .mission-wrap-content .top-info .data-content .col .title {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap16 .mission-wrap-content .top-info .data-content .col .value {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap16 .mission-wrap-content .top-info .mission-chain-info {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap16 .mission-wrap-content .top-info .mission-chain-info .value {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text2);
    font-weight: 500
}

.mission-wrap16 .mission-wrap-content .top-info .mission-chain-info .desc {
    color: var(--btn-text2)
}

.mission-wrap16 .mission-wrap-content .top-info .mission-chain-info .ml-auto {
    margin-left: auto
}

.mission-wrap16 .mission-wrap-content .top-info .mission-chain-info .mt-10 {
    margin-top: 10px
}

.mission-wrap16 .mission-wrap-content .top-info .mission-chain-info .grid-3 {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 10px 0
}

.mission-wrap16 .mission-wrap-content .top-info .mission-chain-info .recharge {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap16 .mission-wrap-content .top-info .mission-chain-info .btnOk {
    position: relative;
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    overflow: hidden
}

.mission-wrap16 .mission-wrap-content .top-info .mission-chain-info .btnOk:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite
}

.mission-wrap16 .mission-wrap-content .base-list .loading-icon,
.mission-wrap16 .mission-wrap-content .base-list .no-more,
.mission-wrap16 .mission-wrap-content .base-list .base-list-nodata,
.mission-wrap16 .mission-wrap-content .base-list .load-more {
    color: var(--primary)
}

.mission-wrap16 .mission-wrap-content .container-card {
    position: relative;
    z-index: 1;
    background: var(--bg);
    padding: 16px;
    margin: -24px -16px 0
}

.mission-wrap16 .mission-wrap-content .container-card .base-user-tab .tab-item {
    color: var(--text-gray6)
}

.mission-wrap16 .mission-wrap-content .container-card .base-user-tab .tab-item.active {
    color: var(--primary)
}

.mission-wrap16 .mission-wrap-content .base-user-tab {
    padding-top: 0
}

.mission-wrap16 .mission-wrap-content .task-list .mission-card {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap16 .mission-wrap-content .task-list .mission-card .card-inner {
    display: flex
}

.mission-wrap16 .mission-wrap-content .task-list .mission-card .card-inner .product-show {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap16 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img,
.mission-wrap16 .mission-wrap-content .task-list .mission-card .card-inner img {
    border-radius: 5px
}

.mission-wrap16 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap16 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap16 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap16 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap16 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap16 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price {
    font-size: 13px;
    text-align: right
}

.mission-wrap16 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap16 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--text-white);
    border-radius: var(--btn-radius)
}

.mission-wrap16 .mission-wrap-content .nomore2 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-50119f37] {
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    font-family: Source Sans Pro, sans-serif;
    background: #fff
}

.loading-wrap .loader[data-v-50119f37] {
    position: relative;
    margin: auto;
    width: 350px;
    color: #fff;
    font-family: Roboto Condensed, sans-serif;
    font-size: 250%;
    background: linear-gradient(180deg, #222 0, #444 100%);
    box-shadow: inset 0 5px 20px #000;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, .3)
}

.loading-wrap .loader[data-v-50119f37]:after {
    content: "";
    display: table;
    clear: both
}

.loading-wrap span[data-v-50119f37] {
    float: left;
    height: 100px;
    line-height: 120px;
    width: 50px;
    text-align: center
}

.loading-wrap .loader>span[data-v-50119f37] {
    border-left: 1px solid #444;
    border-right: 1px solid #222
}

.loading-wrap .covers[data-v-50119f37] {
    position: absolute;
    height: 100%;
    width: 100%
}

.loading-wrap .covers span[data-v-50119f37] {
    background: linear-gradient(180deg, white 0, #ddd 100%);
    animation: up-50119f37 2s infinite
}

@keyframes up-50119f37 {
    0% {
        margin-bottom: 0
    }
    16% {
        margin-bottom: 100%;
        height: 20px
    }
    50% {
        margin-bottom: 0
    }
    to {
        margin-bottom: 0
    }
}

.loading-wrap .covers span[data-v-50119f37]:nth-child(2) {
    animation-delay: .142857s
}

.loading-wrap .covers span[data-v-50119f37]:nth-child(3) {
    animation-delay: .285714s
}

.loading-wrap .covers span[data-v-50119f37]:nth-child(4) {
    animation-delay: .428571s
}

.loading-wrap .covers span[data-v-50119f37]:nth-child(5) {
    animation-delay: .571428s
}

.loading-wrap .covers span[data-v-50119f37]:nth-child(6) {
    animation-delay: .714285s
}

.loading-wrap .covers span[data-v-50119f37]:nth-child(7) {
    animation-delay: .857142s
}

.mission-wrap .mission-wrap-content .top-info[data-v-424cabd0] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-424cabd0] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-424cabd0] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-424cabd0] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-424cabd0] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-424cabd0] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-424cabd0] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-424cabd0] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-424cabd0] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-424cabd0] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-424cabd0] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-424cabd0] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-424cabd0] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-424cabd0] {
    background: var(--text-black);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-424cabd0] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-424cabd0] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-424cabd0] {
    background: var(--bg-card);
    border-radius: var(--card-radius);
    margin-top: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-424cabd0] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-424cabd0] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-424cabd0] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-424cabd0] {
    position: relative;
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.8em;
    padding: 6px 0;
    border-radius: 4px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-424cabd0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-424cabd0] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 5px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-424cabd0] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-424cabd0] {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-424cabd0] {
    background: var(--text-black);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--text-white);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-424cabd0] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap .container-card .base-user-tab .tab-item[data-v-424cabd0] {
    color: var(--text-gray6)
}

.mission-wrap .container-card .base-user-tab .tab-item.active[data-v-424cabd0] {
    color: var(--primary)
}

.mission-wrap .container-card .base-user-tab .tab-item.active[data-v-424cabd0]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap[data-v-4f73eb24] {
    position: relative;
    z-index: 1
}

.mission-wrap.c-1[data-v-4f73eb24]:after {
    content: "";
    position: absolute;
    top: -100px;
    left: -16px;
    background: var(--primary);
    width: calc(100% + 32px);
    height: 100px
}

.mission-wrap .top-info[data-v-4f73eb24] {
    color: var(--btn-text);
    position: relative;
    padding: var(--mg) var(--mg) 31px;
    margin-left: -16px;
    width: calc(100% + 32px)
}

.mission-wrap .top-info[data-v-4f73eb24]:before {
    content: "";
    position: absolute;
    top: -100px;
    left: 0;
    background: var(--bg-card);
    width: 100%;
    height: calc(100% + 100px)
}

.mission-wrap .top-info .data-content[data-v-4f73eb24] {
    position: relative;
    z-index: 2;
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .top-info .data-content .col[data-v-4f73eb24] {
    width: calc(50% - 5px)
}

.mission-wrap .top-info .data-content .col .title[data-v-4f73eb24] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .top-info .data-content .col .value[data-v-4f73eb24] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .top-info .loading-time[data-v-4f73eb24] {
    position: relative;
    color: var(--btn-text);
    display: inline-flex;
    font-size: 18px;
    margin-bottom: 24px;
    padding: 8px 24px
}

.mission-wrap .top-info .loading-time span[data-v-4f73eb24] {
    font-size: 14px;
    padding: 0 10px
}

.mission-wrap .top-info .mission-chain-info[data-v-4f73eb24] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .top-info .mission-chain-info .value[data-v-4f73eb24] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text);
    font-weight: 500
}

.mission-wrap .top-info .mission-chain-info .desc[data-v-4f73eb24] {
    color: var(--hint-text)
}

.mission-wrap .top-info .mission-chain-info .ml-auto[data-v-4f73eb24] {
    margin-left: auto
}

.mission-wrap .top-info .mission-chain-info .mt-10[data-v-4f73eb24] {
    margin-top: 10px
}

.mission-wrap .top-info .mission-chain-info .grid-3[data-v-4f73eb24] {
    margin: 15px 10px 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .top-info .mission-chain-info .recharge[data-v-4f73eb24] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .top-info .mission-chain-info .btnOk[data-v-4f73eb24] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap .container-card[data-v-4f73eb24] {
    border: none;
    border-top: none;
    padding: 0 0 16px;
    background: transparent
}

.mission-wrap .task-list .mission-card[data-v-4f73eb24]:first-child {
    margin-top: 0
}

.mission-wrap .task-list .mission-card[data-v-4f73eb24] {
    background: var(--bg-card);
    border-radius: var(--card-radius);
    margin-top: var(--mg);
    padding: var(--mg)
}

.mission-wrap .task-list .mission-card .card-inner[data-v-4f73eb24] {
    display: flex
}

.mission-wrap .task-list .mission-card .card-inner .product-show[data-v-4f73eb24] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .task-list .mission-card .card-inner .product-info-wrap[data-v-4f73eb24] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-4f73eb24] {
    position: relative;
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.8em;
    padding: 6px 0;
    border-radius: 4px
}

.mission-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-4f73eb24] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-4f73eb24] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 5px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-4f73eb24] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-4f73eb24] {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px
}

.mission-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-4f73eb24] {
    background: var(--text-black);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--text-white);
    border-radius: var(--btn-radius)
}

.mission-wrap .nomore2[data-v-4f73eb24] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-feecbcc7] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background: linear-gradient(60deg, #29323c 0%, #485563 100%);
    color: #fff
}

.loading-wrap .loader[data-v-feecbcc7] {
    width: 10em;
    height: 10em;
    font-size: 25px;
    box-sizing: border-box;
    border-top: .3em solid hotpink;
    border-radius: 50%;
    position: relative;
    animation: rotating-feecbcc7 2s ease-in-out infinite;
    --direction: 1
}

.loading-wrap .loader[data-v-feecbcc7]:before,
.loading-wrap .loader[data-v-feecbcc7]:after {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    box-sizing: border-box;
    top: -.2em
}

.loading-wrap .loader[data-v-feecbcc7]:before {
    border-top: .3em solid dodgerblue;
    transform: rotate(120deg)
}

.loading-wrap .loader[data-v-feecbcc7]:after {
    border-top: .3em solid gold;
    transform: rotate(240deg)
}

.loading-wrap .loader span[data-v-feecbcc7] {
    position: absolute;
    color: #fff;
    width: inherit;
    height: inherit;
    text-align: center;
    line-height: 10em;
    font-family: sans-serif;
    animation: rotating-feecbcc7 2s linear infinite;
    --direction: -1
}

@keyframes rotating-feecbcc7 {
    50% {
        transform: rotate(calc(180deg * var(--direction)))
    }
    to {
        transform: rotate(calc(360deg * var(--direction)))
    }
}

.mission-wrap .mission-wrap-content .top-info[data-v-ed145eef] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-ed145eef] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-ed145eef] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-ed145eef] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-ed145eef] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-ed145eef] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-ed145eef] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-ed145eef] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-ed145eef] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-ed145eef] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-ed145eef] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-ed145eef] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-ed145eef] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-ed145eef] {
    background: var(--text-black);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-ed145eef] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-ed145eef] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-ed145eef] {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg);
    border: 1px solid var(--border-color2)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-ed145eef] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-ed145eef] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-ed145eef] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-ed145eef] {
    background: #e8e8e8;
    padding: 6px 6px 6px 8px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-ed145eef] {
    position: relative;
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 3em;
    border-radius: 4px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-ed145eef] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-ed145eef] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 5px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-ed145eef] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-ed145eef] {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-ed145eef] {
    background: var(--btn-bg3);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-ed145eef] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap .container-card .base-user-tab .tab-item[data-v-ed145eef] {
    color: var(--text-gray6)
}

.mission-wrap .container-card .base-user-tab .tab-item.active[data-v-ed145eef] {
    color: var(--primary)
}

.mission-wrap .container-card .base-user-tab .tab-item.active[data-v-ed145eef]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap14 .mission-wrap-content .top-info[data-v-dfc99466] {
    border-radius: var(--card-radius);
    color: var(--text-white);
    margin-bottom: var(--mg);
    position: relative;
    padding-bottom: 48px
}

.mission-wrap14 .mission-wrap-content .top-info[data-v-dfc99466]:after {
    content: "";
    position: absolute;
    top: -100px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 100px);
    background: var(--primary)
}

.mission-wrap14 .mission-wrap-content .top-info .data-content[data-v-dfc99466] {
    position: relative;
    z-index: 1;
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap14 .mission-wrap-content .top-info .data-content .col[data-v-dfc99466] {
    width: calc(50% - 5px)
}

.mission-wrap14 .mission-wrap-content .top-info .data-content .col .title[data-v-dfc99466] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap14 .mission-wrap-content .top-info .data-content .col .value[data-v-dfc99466] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap14 .mission-wrap-content .top-info .loading-time[data-v-dfc99466] {
    background: linear-gradient(to bottom, #323232 0%, #3f3f3f 40%, #1c1c1c 150%), linear-gradient(to top, rgba(255, 255, 255, .4) 0%, rgba(0, 0, 0, .25) 200%);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap14 .mission-wrap-content .top-info .loading-time span[data-v-dfc99466] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap14 .mission-wrap-content .top-info .mission-chain-info[data-v-dfc99466] {
    z-index: 1;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap14 .mission-wrap-content .top-info .mission-chain-info .value[data-v-dfc99466] {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-white);
    font-weight: 500
}

.mission-wrap14 .mission-wrap-content .top-info .mission-chain-info .desc[data-v-dfc99466] {
    color: #ccc
}

.mission-wrap14 .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-dfc99466] {
    margin-left: auto
}

.mission-wrap14 .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-dfc99466] {
    margin-top: 10px
}

.mission-wrap14 .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-dfc99466] {
    margin: 10px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 10px
}

.mission-wrap14 .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-dfc99466] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--btn-bg5)
}

.mission-wrap14 .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-dfc99466] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap14 .mission-wrap-content .card-content[data-v-dfc99466] {
    margin-top: -34px;
    border-radius: var(--radius) var(--radius) 0 0;
    background: var(--bg);
    width: calc(100% + 32px);
    margin-left: -16px
}

.mission-wrap14 .mission-wrap-content .container-card .base-user-tab .tab-item[data-v-dfc99466] {
    color: var(--text-gray6)
}

.mission-wrap14 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-dfc99466] {
    color: var(--primary)
}

.mission-wrap14 .mission-wrap-content .container-card .base-user-tab .tab-item.active[data-v-dfc99466]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap14 .mission-wrap-content .task-list .mission-card[data-v-dfc99466] {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap14 .mission-wrap-content .task-list .mission-card .card-inner[data-v-dfc99466] {
    display: flex
}

.mission-wrap14 .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-dfc99466] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap14 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-dfc99466] {
    border-radius: 5px
}

.mission-wrap14 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-dfc99466] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap14 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-dfc99466] {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap14 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-dfc99466] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap14 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-dfc99466] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap14 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-dfc99466] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap14 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-dfc99466] {
    font-size: 13px;
    text-align: right
}

.mission-wrap14 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-dfc99466] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap14 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-dfc99466] {
    background: var(--text-black);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap14 .mission-wrap-content .nomore2[data-v-dfc99466] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-f6114a7c] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background: #f3efe8
}

.loading-wrap .loading[data-v-f6114a7c] {
    font-family: Arial Black, Arial Bold, Gadget, sans-serif;
    text-transform: uppercase;
    width: 150px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    transform: translateY(-50%)
}

.loading-wrap .loading span[data-v-f6114a7c] {
    position: relative;
    z-index: 999;
    color: #fff
}

.loading-wrap .loading[data-v-f6114a7c]:before {
    content: "";
    background: #61bdb6;
    width: 128px;
    height: 36px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: 2s loadingBefore-f6114a7c infinite ease-in-out
}

@keyframes loadingBefore-f6114a7c {
    0% {
        transform: translate(-14px)
    }
    50% {
        transform: translate(14px)
    }
    to {
        transform: translate(-14px)
    }
}

.loading-wrap .loading[data-v-f6114a7c]:after {
    content: "";
    background: #ff3600;
    width: 14px;
    height: 60px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: .5;
    animation: 2s loadingAfter-f6114a7c infinite ease-in-out
}

@keyframes loadingAfter-f6114a7c {
    0% {
        transform: translate(-50px)
    }
    50% {
        transform: translate(50px)
    }
    to {
        transform: translate(-50px)
    }
}

.mission-wrap .mission-wrap-content .top-info[data-v-5a194715] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-5a194715] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-5a194715] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-5a194715] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-5a194715] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-5a194715] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-5a194715] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-5a194715] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-5a194715] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-5a194715] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-5a194715] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-5a194715] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-5a194715] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-5a194715] {
    background: var(--text-black);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-5a194715] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-5a194715] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-5a194715] {
    background: var(--bg-input);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-5a194715] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-5a194715] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-5a194715] {
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-5a194715] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-5a194715] {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-5a194715] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-5a194715] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-5a194715] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-5a194715] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-5a194715] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-5a194715] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: 30px
}

.mission-wrap .mission-wrap-content .nomore2[data-v-5a194715] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap .container-card[data-v-5a194715] {
    box-shadow: none;
    border-radius: var(--radius)
}

.mission-wrap .container-card .base-user-tab .tab-item[data-v-5a194715] {
    color: var(--text-gray6)
}

.mission-wrap .container-card .base-user-tab .tab-item.active[data-v-5a194715] {
    color: var(--primary)
}

.mission-wrap .container-card .base-user-tab .tab-item.active[data-v-5a194715]:after {
    content: "";
    background: var(--primary)
}

.mission-wrap13 .mission-wrap-content .top-flag {
    background: url(/assets/card2-cb76090d.png) center no-repeat;
    background-size: 100% 100%;
    width: calc(100% + 32px);
    margin-left: -16px;
    height: 250px;
    margin-top: -100px
}

.mission-wrap13 .mission-wrap-content .top-info {
    background: var(--text-white);
    border-radius: var(--radius);
    color: var(--text-black);
    margin-bottom: 12px;
    padding: var(--mg);
    position: relative;
    margin-top: -70px
}

.mission-wrap13 .mission-wrap-content .top-info .data-content {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap13 .mission-wrap-content .top-info .data-content .col {
    width: calc(50% - 5px)
}

.mission-wrap13 .mission-wrap-content .top-info .data-content .col .title {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap13 .mission-wrap-content .top-info .data-content .col .value {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap13 .mission-wrap-content .top-info .loading-time {
    background: linear-gradient(to bottom, #323232 0%, #3f3f3f 40%, #1c1c1c 150%), linear-gradient(to top, rgba(255, 255, 255, .4) 0%, rgba(0, 0, 0, .25) 200%);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap13 .mission-wrap-content .top-info .loading-time span {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap13 .mission-wrap-content .top-info .mission-chain-info {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap13 .mission-wrap-content .top-info .mission-chain-info .value {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap13 .mission-wrap-content .top-info .mission-chain-info .desc {
    color: #999
}

.mission-wrap13 .mission-wrap-content .top-info .mission-chain-info .ml-auto {
    margin-left: auto
}

.mission-wrap13 .mission-wrap-content .top-info .mission-chain-info .mt-10 {
    margin-top: 10px
}

.mission-wrap13 .mission-wrap-content .top-info .mission-chain-info .grid-3 {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 10px
}

.mission-wrap13 .mission-wrap-content .top-info .mission-chain-info .recharge {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--btn-bg5)
}

.mission-wrap13 .mission-wrap-content .top-info .mission-chain-info .btnOk {
    border-radius: 30px;
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap13 .mission-wrap-content .container-card {
    box-shadow: none;
    border-radius: var(--radius)
}

.mission-wrap13 .mission-wrap-content .container-card .base-user-tab .tab-item {
    color: var(--text-gray6)
}

.mission-wrap13 .mission-wrap-content .container-card .base-user-tab .tab-item.active {
    color: var(--primary)
}

.mission-wrap13 .mission-wrap-content .container-card .base-user-tab .tab-item.active:after {
    content: "";
    background: var(--primary)
}

.mission-wrap13 .mission-wrap-content .task-list .mission-card {
    background: var(--bg-input);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap13 .mission-wrap-content .task-list .mission-card .card-inner {
    display: flex
}

.mission-wrap13 .mission-wrap-content .task-list .mission-card .card-inner .product-show {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap13 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img {
    border-radius: 5px
}

.mission-wrap13 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap13 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap13 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap13 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap13 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap13 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price {
    font-size: 13px;
    text-align: right
}

.mission-wrap13 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap13 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: 30px
}

.mission-wrap13 .mission-wrap-content .nomore2 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap13 .normal-tab {
    width: 100%;
    justify-content: space-around;
    margin-bottom: 10px
}

.loading-wrap[data-v-e36ba7d1] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background: #000;
    padding-bottom: 50px;
    --loader-size: 150px;
    --text-color: #cecece;
    --color-one: #2979ff;
    --color-two: #ff1744;
    --color-three: #ffff8d;
    --color-four: #b2ff59;
    --light-size: 3px
}

.loading-wrap .Loader[data-v-e36ba7d1] {
    position: relative;
    width: var(--loader-size, 150px);
    min-width: 110px;
    overflow: visible;
    margin: 20px;
    border-radius: 50%;
    box-shadow: inset 0 0 8px #fff6, 0 0 25px #fffc
}

.loading-wrap .Loader[data-v-e36ba7d1]:after {
    content: attr(data-text);
    color: var(--text-color, #cecece);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 5px
}

.loading-wrap .Loader[data-v-e36ba7d1]:before {
    content: "";
    float: left;
    padding-top: 100%
}

.loading-wrap .Loader__Circle[data-v-e36ba7d1] {
    display: block;
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .8;
    mix-blend-mode: screen;
    filter: brightness(120%);
    animation-name: SpinAround-e36ba7d1;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-timing-function: linear
}

.loading-wrap .Loader__Circle[data-v-e36ba7d1]:nth-of-type(1) {
    box-shadow: inset 1px 0 0 1px var(--color-one, #2979ff), var(--light-size, 4px) 0 0 var(--light-size, 4px) var(--color-one, #2979ff);
    animation-direction: reverse;
    transform-origin: 49.6% 49.8%
}

.loading-wrap .Loader__Circle[data-v-e36ba7d1]:nth-of-type(2) {
    box-shadow: inset 1px 0 0 1px var(--color-two, #ff1744), var(--light-size, 4px) 0 0 var(--light-size, 4px) var(--color-two, #ff1744);
    transform-origin: 49.5% 49.8%
}

.loading-wrap .Loader__Circle[data-v-e36ba7d1]:nth-of-type(3) {
    box-shadow: inset 1px 0 0 1px var(--color-three, #ffff8d), 0 var(--light-size, 4px) 0 var(--light-size, 4px) var(--color-three, #ffff8d);
    transform-origin: 49.8% 49.8%
}

.loading-wrap .Loader__Circle[data-v-e36ba7d1]:nth-of-type(4) {
    box-shadow: inset 1px 0 0 1px var(--color-four, #b2ff59), 0 var(--light-size, 4px) 0 var(--light-size, 4px) var(--color-four, #b2ff59);
    transform-origin: 49.7% 49.7%
}

@keyframes SpinAround-e36ba7d1 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(-360deg)
    }
}

.mission-wrap .mission-wrap-content .top-info[data-v-544101fb] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-544101fb] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-544101fb] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-544101fb] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-544101fb] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-544101fb] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-544101fb] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-544101fb] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-544101fb] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-544101fb] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-544101fb] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-544101fb] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-544101fb] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-544101fb] {
    background: var(--text-black);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-544101fb] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-544101fb] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-544101fb] {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg);
    border: 1px solid var(--border-color2)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-544101fb] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-544101fb] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-544101fb] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-544101fb] {
    position: relative;
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 3em;
    padding: 6px 6px 6px 8px;
    background: #e8e8e8;
    border-radius: 4px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-544101fb]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 4px;
    height: calc(100% - 12px);
    border-radius: 12px;
    background: var(--primary)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-544101fb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-544101fb] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 5px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-544101fb] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-544101fb] {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-544101fb] {
    background: var(--btn-bg3);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-544101fb] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap .container-card[data-v-544101fb] {
    background: var(--bg-card3);
    box-shadow: var(--card-shadow)
}

.mission-wrap .container-card .base-user-tab .tab-item[data-v-544101fb] {
    color: var(--text-gray6)
}

.mission-wrap .container-card .base-user-tab .tab-item.active[data-v-544101fb] {
    color: var(--primary)
}

.mission-wrap .container-card .base-user-tab .tab-item.active[data-v-544101fb]:after {
    content: "";
    background: var(--bg-line)
}

.mission-wrap12 {
    position: relative;
    z-index: 1
}

.mission-wrap12 .mission-wrap-content .top-info {
    border-radius: var(--card-radius);
    color: var(--text-white);
    margin-bottom: var(--mg);
    position: relative
}

.mission-wrap12 .mission-wrap-content .top-info .cont {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    padding: var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap12 .mission-wrap-content .top-info .loading-time {
    position: relative;
    z-index: 1;
    background: #000;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px
}

.mission-wrap12 .mission-wrap-content .top-info .loading-time span {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap12 .mission-wrap-content .top-info .data-content {
    position: relative;
    display: flex;
    text-align: center;
    justify-content: space-between;
    color: var(--btn-text2)
}

.mission-wrap12 .mission-wrap-content .top-info .data-content .col {
    width: calc(50% - 5px)
}

.mission-wrap12 .mission-wrap-content .top-info .data-content .col .title {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap12 .mission-wrap-content .top-info .data-content .col .value {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap12 .mission-wrap-content .top-info .mission-chain-info {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap12 .mission-wrap-content .top-info .mission-chain-info .value {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text2);
    font-weight: 500
}

.mission-wrap12 .mission-wrap-content .top-info .mission-chain-info .desc {
    color: var(--btn-text2)
}

.mission-wrap12 .mission-wrap-content .top-info .mission-chain-info .ml-auto {
    margin-left: auto
}

.mission-wrap12 .mission-wrap-content .top-info .mission-chain-info .mt-10 {
    margin-top: 10px
}

.mission-wrap12 .mission-wrap-content .top-info .mission-chain-info .grid-3 {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 10px 0
}

.mission-wrap12 .mission-wrap-content .top-info .mission-chain-info .recharge {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap12 .mission-wrap-content .top-info .mission-chain-info .btnOk {
    position: relative;
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    overflow: hidden
}

.mission-wrap12 .mission-wrap-content .top-info .mission-chain-info .btnOk:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite
}

.mission-wrap12 .mission-wrap-content .base-list .loading-icon,
.mission-wrap12 .mission-wrap-content .base-list .no-more,
.mission-wrap12 .mission-wrap-content .base-list .base-list-nodata,
.mission-wrap12 .mission-wrap-content .base-list .load-more {
    color: var(--primary)
}

.mission-wrap12 .mission-wrap-content .container-card {
    background: var(--bg-card3);
    box-shadow: var(--card-shadow)
}

.mission-wrap12 .mission-wrap-content .container-card .base-user-tab .tab-item {
    color: var(--text-gray6)
}

.mission-wrap12 .mission-wrap-content .container-card .base-user-tab .tab-item.active {
    color: var(--primary)
}

.mission-wrap12 .mission-wrap-content .container-card .base-user-tab .tab-item.active:after {
    content: "";
    background: var(--bg-line)
}

.mission-wrap12 .mission-wrap-content .base-user-tab {
    padding-top: 0
}

.mission-wrap12 .mission-wrap-content .task-list .mission-card {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg);
    box-shadow: var(--inner-shadow)
}

.mission-wrap12 .mission-wrap-content .task-list .mission-card .card-inner {
    display: flex
}

.mission-wrap12 .mission-wrap-content .task-list .mission-card .card-inner .product-show {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap12 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img,
.mission-wrap12 .mission-wrap-content .task-list .mission-card .card-inner img {
    border-radius: 5px
}

.mission-wrap12 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap12 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap12 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap12 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap12 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap12 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price {
    font-size: 13px;
    text-align: right
}

.mission-wrap12 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap12 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--text-white);
    border-radius: var(--btn-radius)
}

.mission-wrap12 .mission-wrap-content .nomore2 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-60423673] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%)
}

.loading-wrap .loading[data-v-60423673] {
    margin-bottom: 50px
}

.loading-wrap .loading-text[data-v-60423673] {
    text-align: center;
    font-size: 20px;
    color: var(#000)
}

@keyframes square-animation-60423673 {
    0% {
        left: 0;
        top: 0
    }
    10.5% {
        left: 0;
        top: 0
    }
    12.5% {
        left: 32px;
        top: 0
    }
    23% {
        left: 32px;
        top: 0
    }
    25% {
        left: 64px;
        top: 0
    }
    35.5% {
        left: 64px;
        top: 0
    }
    37.5% {
        left: 64px;
        top: 32px
    }
    48% {
        left: 64px;
        top: 32px
    }
    50% {
        left: 32px;
        top: 32px
    }
    60.5% {
        left: 32px;
        top: 32px
    }
    62.5% {
        left: 32px;
        top: 64px
    }
    73% {
        left: 32px;
        top: 64px
    }
    75% {
        left: 0;
        top: 64px
    }
    85.5% {
        left: 0;
        top: 64px
    }
    87.5% {
        left: 0;
        top: 32px
    }
    98% {
        left: 0;
        top: 32px
    }
    to {
        left: 0;
        top: 0
    }
}

@keyframes hue-rotate-60423673 {
    0% {
        filter: hue-rotate(0deg)
    }
    to {
        filter: hue-rotate(360deg)
    }
}

.loading-wrap .loading[data-v-60423673] {
    position: relative;
    width: 96px;
    height: 96px;
    transform: rotate(45deg);
    animation: hue-rotate-60423673 10s linear infinite both
}

.loading-wrap .loading__square[data-v-60423673] {
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    margin: 2px;
    border-radius: 2px;
    background: var(--primary);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    animation: square-animation-60423673 10s ease-in-out infinite both
}

.loading-wrap .loading__square[data-v-60423673]:nth-of-type(0) {
    animation-delay: 0s
}

.loading-wrap .loading__square[data-v-60423673]:nth-of-type(1) {
    animation-delay: -1.4285714286s
}

.loading-wrap .loading__square[data-v-60423673]:nth-of-type(2) {
    animation-delay: -2.8571428571s
}

.loading-wrap .loading__square[data-v-60423673]:nth-of-type(3) {
    animation-delay: -4.2857142857s
}

.loading-wrap .loading__square[data-v-60423673]:nth-of-type(4) {
    animation-delay: -5.7142857143s
}

.loading-wrap .loading__square[data-v-60423673]:nth-of-type(5) {
    animation-delay: -7.1428571429s
}

.loading-wrap .loading__square[data-v-60423673]:nth-of-type(6) {
    animation-delay: -8.5714285714s
}

.loading-wrap .loading__square[data-v-60423673]:nth-of-type(7) {
    animation-delay: -10s
}

.loading-wrap[data-v-887ace21] {
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background: #000;
    font-family: Source Sans Pro, sans-serif;
    background-color: #323133
}

.loading-wrap[data-v-887ace21]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: repeating-linear-gradient(0deg, #111 0px, #111 1px, transparent 2px, transparent 5px);
    background-size: 100% 5px;
    animation: lines-887ace21 2s ease-out infinite;
    opacity: .3;
    mix-blend-mode: color-burn;
    pointer-events: none
}

.loading-wrap .text[data-v-887ace21],
.loading-wrap .text[data-v-887ace21]>* {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.loading-wrap .text[data-v-887ace21]>* {
    font-size: 50px;
    animation: giggle-887ace21 1s ease infinite;
    mix-blend-mode: difference;
    border: none
}

.loading-wrap .text .r[data-v-887ace21] {
    color: red;
    left: -.5px
}

.loading-wrap .text .g[data-v-887ace21] {
    color: #0f0;
    animation-delay: -.67s
}

.loading-wrap .text .b[data-v-887ace21] {
    color: #00f;
    animation-delay: -.33s;
    left: .5px
}

@keyframes giggle-887ace21 {
    0%,
    to {
        transform: translate(-50%, -50%) translateY(-2px)
    }
    50% {
        transform: translate(-50%, -50%) translateY(2px)
    }
}

@keyframes lines-887ace21 {
    0% {
        background-position: 0px 0px
    }
    to {
        background-position: 0px 25px
    }
}

.mission-wrap .mission-wrap-content .top-info[data-v-4606ad17] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-4606ad17] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-4606ad17] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-4606ad17] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-4606ad17] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-4606ad17] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-4606ad17] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-4606ad17] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-4606ad17] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-4606ad17] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-4606ad17] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-4606ad17] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-4606ad17] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-4606ad17] {
    background: var(--text-black);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-4606ad17] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-4606ad17] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-4606ad17] {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg);
    border: 1px solid var(--border-color2)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-4606ad17] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-4606ad17] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-4606ad17] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-4606ad17] {
    position: relative;
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 3em;
    padding: 6px 6px 6px 8px;
    background: #e8e8e8;
    border-radius: 4px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-4606ad17]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 4px;
    height: calc(100% - 12px);
    border-radius: 12px;
    background: var(--primary)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-4606ad17] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-4606ad17] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 5px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-4606ad17] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-4606ad17] {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-4606ad17] {
    background: var(--btn-bg3);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-4606ad17] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap .container-card[data-v-4606ad17] {
    border: 1px solid var(--border-color);
    border-top: none;
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 0 0 16px;
    background: var(--bg)
}

.mission-wrap .container-card.scale-x[data-v-4606ad17] {
    border-radius: var(--radius) 0 var(--radius) var(--radius)
}

.mission-wrap.c-2 .top-info[data-v-1079c5ad]:before {
    content: "";
    position: absolute;
    top: -100px;
    left: 0;
    background: url(/assets/2-login-1b5211af.png) center no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: calc(100% + 100px)
}

.mission-wrap .top-info[data-v-1079c5ad] {
    color: var(--btn-text3);
    position: relative;
    padding: var(--mg) var(--mg) 31px;
    margin-left: -16px;
    width: calc(100% + 32px)
}

.mission-wrap .top-info[data-v-1079c5ad]:before {
    content: "";
    position: absolute;
    top: -100px;
    left: 0;
    background: var(--bg-1);
    width: 100%;
    height: calc(100% + 100px)
}

.mission-wrap .top-info .data-content[data-v-1079c5ad] {
    position: relative;
    z-index: 2;
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .top-info .data-content .col[data-v-1079c5ad] {
    width: calc(50% - 5px)
}

.mission-wrap .top-info .data-content .col .title[data-v-1079c5ad] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .top-info .data-content .col .value[data-v-1079c5ad] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .top-info .loading-time[data-v-1079c5ad] {
    position: relative;
    color: var(--btn-text3);
    display: inline-flex;
    font-size: 18px;
    margin-bottom: 24px;
    padding: 8px 24px
}

.mission-wrap .top-info .loading-time span[data-v-1079c5ad] {
    font-size: 14px;
    padding: 0 10px
}

.mission-wrap .top-info .mission-chain-info[data-v-1079c5ad] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .top-info .mission-chain-info .value[data-v-1079c5ad] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text3);
    font-weight: 500
}

.mission-wrap .top-info .mission-chain-info .desc[data-v-1079c5ad] {
    color: var(--hint-text)
}

.mission-wrap .top-info .mission-chain-info .ml-auto[data-v-1079c5ad] {
    margin-left: auto
}

.mission-wrap .top-info .mission-chain-info .mt-10[data-v-1079c5ad] {
    margin-top: 10px
}

.mission-wrap .top-info .mission-chain-info .grid-3[data-v-1079c5ad] {
    margin: 15px 10px 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .top-info .mission-chain-info .recharge[data-v-1079c5ad] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .top-info .mission-chain-info .btnOk[data-v-1079c5ad] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap .container-card[data-v-1079c5ad] {
    border: 1px solid var(--border-color);
    border-top: none;
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 0 0 16px;
    background: var(--bg)
}

.mission-wrap .container-card.scale-x[data-v-1079c5ad] {
    border-radius: var(--radius) 0 var(--radius) var(--radius)
}

.mission-wrap .task-list .mission-card[data-v-1079c5ad]:first-child {
    margin-top: 0
}

.mission-wrap .task-list .mission-card[data-v-1079c5ad] {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg);
    border: 1px solid var(--border-color2)
}

.mission-wrap .task-list .mission-card .card-inner[data-v-1079c5ad] {
    display: flex
}

.mission-wrap .task-list .mission-card .card-inner .product-show[data-v-1079c5ad] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .task-list .mission-card .card-inner .product-info-wrap[data-v-1079c5ad] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-1079c5ad] {
    position: relative;
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 3em;
    padding: 6px 6px 6px 8px;
    background: #e8e8e8;
    border-radius: 4px
}

.mission-wrap .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-1079c5ad]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 4px;
    height: calc(100% - 12px);
    border-radius: 12px;
    background: var(--primary)
}

.mission-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-1079c5ad] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-1079c5ad] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 5px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-1079c5ad] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-1079c5ad] {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px
}

.mission-wrap .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-1079c5ad] {
    background: var(--btn-bg3);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .nomore2[data-v-1079c5ad] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-fd302536] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background: #000;
    padding-bottom: 50px
}

.loading-wrap h1[data-v-fd302536] {
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
    color: var(--primary);
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 2px
}

.loading-wrap .spinner span[data-v-fd302536] {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    width: 4rem;
    height: 4rem;
    border: .1em solid var(--primary);
    animation: 3s infinite spin-fd302536 ease
}

.loading-wrap .spinner span[data-v-fd302536]:nth-child(1) {
    animation-delay: 0s
}

.loading-wrap .spinner span[data-v-fd302536]:nth-child(2) {
    animation-delay: .1s
}

.loading-wrap .spinner span[data-v-fd302536]:nth-child(3) {
    animation-delay: .2s
}

.loading-wrap .spinner span[data-v-fd302536]:nth-child(4) {
    animation-delay: .3s
}

.loading-wrap .spinner span[data-v-fd302536]:nth-child(5) {
    animation-delay: .4s
}

@keyframes spin-fd302536 {
    0% {
        transform: translate(-50%, -50%) rotate(0) scale(0);
        border-radius: 0%;
        border-color: var(--primary)
    }
    50% {
        transform: translate(-50%, -50%) rotate(180deg) scale(2.5);
        border-radius: 50%;
        border-color: #e91e63
    }
    70% {
        transform: translate(-50%, -50%) rotate(180deg) scale(2.5);
        border-radius: 50%;
        border-color: var(--primary)
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg) scale(0);
        border-radius: 0%;
        border-color: var(--primary)
    }
}

.mission-wrap .mission-wrap-content .top-info[data-v-23f7038c] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-23f7038c] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-23f7038c] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-23f7038c] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-23f7038c] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-23f7038c] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-23f7038c] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-23f7038c] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-23f7038c] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-23f7038c] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-23f7038c] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-23f7038c] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-23f7038c] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-23f7038c] {
    position: relative;
    z-index: 1;
    background: #000;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-23f7038c] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-23f7038c] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-23f7038c] {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-23f7038c] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-23f7038c] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-23f7038c] {
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-23f7038c] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-23f7038c] {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-23f7038c] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-23f7038c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-23f7038c] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-23f7038c] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-23f7038c] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-23f7038c] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-23f7038c] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap10 {
    position: relative;
    z-index: 1
}

.mission-wrap10 .mission-wrap-content .top-info {
    border-radius: var(--card-radius);
    color: var(--text-white);
    margin-bottom: var(--mg);
    position: relative
}

.mission-wrap10 .mission-wrap-content .top-info .cont {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #fff1ad, #fff5d2);
    padding: var(--mg);
    border-radius: var(--card-radius);
    color: var(--text-black);
    overflow: hidden
}

.mission-wrap10 .mission-wrap-content .top-info .cont .icon {
    position: absolute;
    top: -20px;
    right: -20px;
    transform: rotate(-40deg);
    color: #ffed9a;
    font-size: 180px
}

.mission-wrap10 .mission-wrap-content .top-info .loading-time {
    position: relative;
    z-index: 1;
    background: #000;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px
}

.mission-wrap10 .mission-wrap-content .top-info .loading-time span {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap10 .mission-wrap-content .top-info .data-content {
    position: relative;
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap10 .mission-wrap-content .top-info .data-content .col {
    width: calc(50% - 5px)
}

.mission-wrap10 .mission-wrap-content .top-info .data-content .col .title {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap10 .mission-wrap-content .top-info .data-content .col .value {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap10 .mission-wrap-content .top-info .mission-chain-info {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap10 .mission-wrap-content .top-info .mission-chain-info .value {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap10 .mission-wrap-content .top-info .mission-chain-info .desc {
    color: var(--text-black)
}

.mission-wrap10 .mission-wrap-content .top-info .mission-chain-info .ml-auto {
    margin-left: auto
}

.mission-wrap10 .mission-wrap-content .top-info .mission-chain-info .mt-10 {
    margin-top: 10px
}

.mission-wrap10 .mission-wrap-content .top-info .mission-chain-info .grid-3 {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 10px 0
}

.mission-wrap10 .mission-wrap-content .top-info .mission-chain-info .recharge {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap10 .mission-wrap-content .top-info .mission-chain-info .btnOk {
    position: relative;
    border-radius: var(--btn-radius);
    color: var(--text-white);
    background: var(--text-black);
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    overflow: hidden
}

.mission-wrap10 .mission-wrap-content .top-info .mission-chain-info .btnOk:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite
}

.mission-wrap10 .mission-wrap-content .base-list .loading-icon,
.mission-wrap10 .mission-wrap-content .base-list .no-more,
.mission-wrap10 .mission-wrap-content .base-list .base-list-nodata,
.mission-wrap10 .mission-wrap-content .base-list .load-more {
    color: var(--btn-text)
}

.mission-wrap10 .mission-wrap-content .container-card {
    background: var(--text-white);
    box-shadow: var(--box-shadow);
    border-radius: 0 0 var(--card-radius) var(--card-radius);
    margin-top: -10px
}

.mission-wrap10 .mission-wrap-content .container-card .base-user-tab .tab-item {
    color: var(--text-gray6)
}

.mission-wrap10 .mission-wrap-content .container-card .base-user-tab .tab-item.active {
    color: var(--primary)
}

.mission-wrap10 .mission-wrap-content .container-card .base-user-tab .tab-item.active:after {
    content: "";
    background: var(--primary)
}

.mission-wrap10 .mission-wrap-content .task-list .mission-card {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap10 .mission-wrap-content .task-list .mission-card .card-inner {
    display: flex
}

.mission-wrap10 .mission-wrap-content .task-list .mission-card .card-inner .product-show {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap10 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img {
    border-radius: 5px
}

.mission-wrap10 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap10 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap10 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap10 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap10 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap10 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price {
    font-size: 13px;
    text-align: right
}

.mission-wrap10 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap10 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap10 .mission-wrap-content .nomore2 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap10 .normal-tab {
    height: 44px;
    overflow: hidden;
    border-radius: 10px
}

.mission-wrap .mission-wrap-content .top-info[data-v-32383199] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-32383199] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-32383199] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-32383199] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-32383199] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-32383199] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-32383199] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-32383199] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-32383199] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-32383199] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-32383199] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-32383199] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-32383199] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-32383199] {
    position: relative;
    z-index: 1;
    background: #000;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-32383199] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-32383199] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-32383199] {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-32383199] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-32383199] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-32383199] {
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-32383199] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-32383199] {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-32383199] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-32383199] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-32383199] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-32383199] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-32383199] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-32383199] {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-32383199] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap9 {
    position: relative;
    z-index: 1
}

.mission-wrap9 .mission-wrap-content .top-info {
    border-radius: var(--card-radius);
    color: var(--text-white);
    margin-bottom: var(--mg);
    position: relative
}

.mission-wrap9 .mission-wrap-content .top-info .cont {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    padding: var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap9 .mission-wrap-content .top-info .loading-time {
    position: relative;
    z-index: 1;
    background: #000;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px
}

.mission-wrap9 .mission-wrap-content .top-info .loading-time span {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap9 .mission-wrap-content .top-info:before {
    content: "";
    position: absolute;
    top: -61px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 140px);
    background: var(--primary)
}

.mission-wrap9 .mission-wrap-content .top-info .data-content {
    position: relative;
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap9 .mission-wrap-content .top-info .data-content .col {
    width: calc(50% - 5px)
}

.mission-wrap9 .mission-wrap-content .top-info .data-content .col .title {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap9 .mission-wrap-content .top-info .data-content .col .value {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap9 .mission-wrap-content .top-info .mission-chain-info {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap9 .mission-wrap-content .top-info .mission-chain-info .value {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-white);
    font-weight: 500
}

.mission-wrap9 .mission-wrap-content .top-info .mission-chain-info .desc {
    color: #ccc
}

.mission-wrap9 .mission-wrap-content .top-info .mission-chain-info .ml-auto {
    margin-left: auto
}

.mission-wrap9 .mission-wrap-content .top-info .mission-chain-info .mt-10 {
    margin-top: 10px
}

.mission-wrap9 .mission-wrap-content .top-info .mission-chain-info .grid-3 {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 10px 0
}

.mission-wrap9 .mission-wrap-content .top-info .mission-chain-info .recharge {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap9 .mission-wrap-content .top-info .mission-chain-info .btnOk {
    position: relative;
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    overflow: hidden
}

.mission-wrap9 .mission-wrap-content .top-info .mission-chain-info .btnOk:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite
}

.mission-wrap9 .mission-wrap-content .container-card {
    background: var(--text-white);
    box-shadow: var(--box-shadow)
}

.mission-wrap9 .mission-wrap-content .container-card .base-user-tab .tab-item {
    color: var(--text-gray6)
}

.mission-wrap9 .mission-wrap-content .container-card .base-user-tab .tab-item.active {
    color: var(--primary)
}

.mission-wrap9 .mission-wrap-content .container-card .base-user-tab .tab-item.active:after {
    content: "";
    background: var(--primary)
}

.mission-wrap9 .mission-wrap-content .task-list .mission-card {
    background: var(--bg-card);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap9 .mission-wrap-content .task-list .mission-card .card-inner {
    display: flex
}

.mission-wrap9 .mission-wrap-content .task-list .mission-card .card-inner .product-show {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap9 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img {
    border-radius: 5px
}

.mission-wrap9 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap9 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap9 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap9 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap9 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap9 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price {
    font-size: 13px;
    text-align: right
}

.mission-wrap9 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap9 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete {
    background: var(--primary);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap9 .mission-wrap-content .nomore2 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-5f3bb25f] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%)
}

.loading-wrap .spinner-box[data-v-5f3bb25f] {
    margin-bottom: 60px
}

.loading-wrap .configure-border-1[data-v-5f3bb25f] {
    width: 115px;
    height: 115px;
    padding: 3px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fb5b53;
    animation: configure-clockwise-5f3bb25f 3s ease-in-out 0s infinite alternate
}

.loading-wrap .configure-border-2[data-v-5f3bb25f] {
    width: 115px;
    height: 115px;
    padding: 3px;
    left: -115px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(63, 249, 220);
    transform: rotate(45deg);
    animation: configure-xclockwise-5f3bb25f 3s ease-in-out 0s infinite alternate
}

.loading-wrap .configure-core[data-v-5f3bb25f] {
    width: 100%;
    height: 100%;
    background-color: #1d2630
}

@keyframes configure-clockwise-5f3bb25f {
    0% {
        transform: rotate(0)
    }
    25% {
        transform: rotate(90deg)
    }
    50% {
        transform: rotate(180deg)
    }
    75% {
        transform: rotate(270deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes configure-xclockwise-5f3bb25f {
    0% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(-45deg)
    }
    50% {
        transform: rotate(-135deg)
    }
    75% {
        transform: rotate(-225deg)
    }
    to {
        transform: rotate(-315deg)
    }
}

.loading-wrap .loading-text[data-v-5f3bb25f] {
    text-align: center;
    font-size: 20px;
    color: var(#000)
}

.mission-wrap .mission-wrap-content .top-info[data-v-82e8e4c7] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-82e8e4c7] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-82e8e4c7] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-82e8e4c7] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-82e8e4c7] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-82e8e4c7] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-82e8e4c7] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-82e8e4c7] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-82e8e4c7] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-82e8e4c7] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-82e8e4c7] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-82e8e4c7] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-82e8e4c7] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-82e8e4c7] {
    position: relative;
    z-index: 1;
    background: #000;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-82e8e4c7] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-82e8e4c7] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-82e8e4c7] {
    background: var(--btn-bg4);
    border-radius: var(--card-radius);
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-82e8e4c7] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-82e8e4c7] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-82e8e4c7] {
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-82e8e4c7] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-82e8e4c7] {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-82e8e4c7] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-82e8e4c7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-82e8e4c7] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-82e8e4c7] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-82e8e4c7] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-82e8e4c7] {
    background: var(--btn-bg);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--text-white);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-82e8e4c7] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap8 {
    position: relative;
    z-index: 1
}

.mission-wrap8 .mission-wrap-content .top-info {
    border-radius: var(--card-radius);
    color: var(--btn-text);
    margin-bottom: var(--mg);
    position: relative;
    background: var(--bg-card);
    border: 1px solid var(--btn-text)
}

.mission-wrap8 .mission-wrap-content .top-info:before {
    content: "";
    position: absolute;
    bottom: -6px;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--card-radius);
    background: var(--bg-weight);
    border: 1px solid var(--btn-text);
    z-index: -1
}

.mission-wrap8 .mission-wrap-content .top-info .cont {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap8 .mission-wrap-content .top-info .loading-time {
    position: relative;
    z-index: 1;
    background: #000;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin: var(--mg) var(--mg) 0;
    padding: 3px var(--mg);
    border-radius: 8px
}

.mission-wrap8 .mission-wrap-content .top-info .loading-time span {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap8 .mission-wrap-content .top-info .data-content {
    position: relative;
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap8 .mission-wrap-content .top-info .data-content .col {
    width: calc(50% - 5px)
}

.mission-wrap8 .mission-wrap-content .top-info .data-content .col .title {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap8 .mission-wrap-content .top-info .data-content .col .value {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap8 .mission-wrap-content .top-info .mission-chain-info {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap8 .mission-wrap-content .top-info .mission-chain-info .value {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text);
    font-weight: 500
}

.mission-wrap8 .mission-wrap-content .top-info .mission-chain-info .desc {
    color: var(--text-gray6)
}

.mission-wrap8 .mission-wrap-content .top-info .mission-chain-info .ml-auto {
    margin-left: auto
}

.mission-wrap8 .mission-wrap-content .top-info .mission-chain-info .mt-10 {
    margin-top: 10px
}

.mission-wrap8 .mission-wrap-content .top-info .mission-chain-info .grid-3 {
    margin: 0 10px 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding: 10px 0
}

.mission-wrap8 .mission-wrap-content .top-info .mission-chain-info .recharge {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text5);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--btn-bg5)
}

.mission-wrap8 .mission-wrap-content .top-info .mission-chain-info .btnOk {
    position: relative;
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    border: 1px solid var(--btn-text);
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    animation: shake 2.5s .15s linear infinite
}

.mission-wrap8 .mission-wrap-content .container-card {
    margin-right: 0
}

.mission-wrap8 .mission-wrap-content .container-card:before {
    content: "";
    right: 0;
    bottom: -6px
}

.mission-wrap8 .mission-wrap-content .container-card .base-user-tab .tab-item.active {
    color: var(--primary)
}

.mission-wrap8 .mission-wrap-content .container-card .base-user-tab .tab-item.active:after {
    content: "";
    background: var(--primary)
}

.mission-wrap8 .mission-wrap-content .task-list .mission-card {
    background: var(--btn-bg4);
    border-radius: var(--card-radius);
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap8 .mission-wrap-content .task-list .mission-card .card-inner {
    display: flex
}

.mission-wrap8 .mission-wrap-content .task-list .mission-card .card-inner .product-show {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap8 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img {
    border-radius: 5px
}

.mission-wrap8 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap8 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap8 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap8 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap8 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap8 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price {
    font-size: 13px;
    text-align: right
}

.mission-wrap8 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap8 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete {
    background: var(--btn-bg);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--text-white);
    border-radius: var(--btn-radius)
}

.mission-wrap8 .mission-wrap-content .nomore2 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-76d46bdb] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%)
}

.loading-wrap .container[data-v-76d46bdb] {
    margin-top: -100px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    margin-bottom: 20px
}

.loading-wrap .container .line[data-v-76d46bdb] {
    position: absolute;
    top: 50%;
    margin-left: 10px;
    width: 200px;
    height: 4px;
    background: var(--primary);
    animation: spin-76d46bdb 1.5s infinite ease
}

.loading-wrap .container .line[data-v-76d46bdb]:nth-of-type(2) {
    animation-delay: .1s
}

.loading-wrap .container .line[data-v-76d46bdb]:nth-of-type(3) {
    animation-delay: .2s
}

.loading-wrap .container .line[data-v-76d46bdb]:nth-of-type(4) {
    animation-delay: .3s
}

@keyframes spin-76d46bdb {
    to {
        transform: rotate(360deg)
    }
}

.loading-wrap .loading-text[data-v-76d46bdb] {
    text-align: center;
    font-size: 20px;
    color: var(#000)
}

.mission-wrap .mission-wrap-content .top-info[data-v-f916c1f9] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-f916c1f9] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-f916c1f9] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-f916c1f9] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-f916c1f9] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-f916c1f9] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-f916c1f9] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-f916c1f9] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-f916c1f9] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-f916c1f9] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-f916c1f9] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-f916c1f9] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-f916c1f9] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-f916c1f9] {
    position: relative;
    z-index: 1;
    background: #000;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-f916c1f9] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-f916c1f9] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-f916c1f9] {
    background: var(--btn-bg4);
    border-radius: var(--card-radius);
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-f916c1f9] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-f916c1f9] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-f916c1f9] {
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-f916c1f9] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-f916c1f9] {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-f916c1f9] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-f916c1f9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-f916c1f9] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-f916c1f9] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-f916c1f9] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-f916c1f9] {
    background: var(--btn-bg);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--text-white);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-f916c1f9] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap7 .mission-wrap-content .top-info {
    border-radius: var(--card-radius);
    color: var(--text-white);
    margin-bottom: var(--mg);
    position: relative
}

.mission-wrap7 .mission-wrap-content .top-info .cont {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    padding: var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap7 .mission-wrap-content .top-info .loading-time {
    position: relative;
    z-index: 1;
    background: #000;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px
}

.mission-wrap7 .mission-wrap-content .top-info .loading-time span {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap7 .mission-wrap-content .top-info:before {
    content: "";
    position: absolute;
    top: -61px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 140px);
    background: var(--primary)
}

.mission-wrap7 .mission-wrap-content .top-info .data-content {
    position: relative;
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap7 .mission-wrap-content .top-info .data-content .col {
    width: calc(50% - 5px)
}

.mission-wrap7 .mission-wrap-content .top-info .data-content .col .title {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap7 .mission-wrap-content .top-info .data-content .col .value {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap7 .mission-wrap-content .top-info .mission-chain-info {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap7 .mission-wrap-content .top-info .mission-chain-info .value {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-white);
    font-weight: 500
}

.mission-wrap7 .mission-wrap-content .top-info .mission-chain-info .desc {
    color: #ccc
}

.mission-wrap7 .mission-wrap-content .top-info .mission-chain-info .ml-auto {
    margin-left: auto
}

.mission-wrap7 .mission-wrap-content .top-info .mission-chain-info .mt-10 {
    margin-top: 10px
}

.mission-wrap7 .mission-wrap-content .top-info .mission-chain-info .grid-3 {
    margin: 0 10px 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding: 10px 0
}

.mission-wrap7 .mission-wrap-content .top-info .mission-chain-info .recharge {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text5);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--btn-bg5)
}

.mission-wrap7 .mission-wrap-content .top-info .mission-chain-info .btnOk {
    position: relative;
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    animation: shake 2.5s .15s linear infinite
}

@keyframes shake {
    10% {
        transform: rotate(10deg)
    }
    15% {
        transform: rotate(-8deg)
    }
    20% {
        transform: rotate(3deg)
    }
    30% {
        transform: rotate(-3deg)
    }
    40%,
    to {
        transform: rotate(0)
    }
}

.mission-wrap7 .mission-wrap-content .container-card {
    border: 1px solid var(--border-color)
}

.mission-wrap7 .mission-wrap-content .container-card .base-user-tab .tab-item {
    color: var(--text-gray6)
}

.mission-wrap7 .mission-wrap-content .container-card .base-user-tab .tab-item.active {
    color: var(--primary)
}

.mission-wrap7 .mission-wrap-content .container-card .base-user-tab .tab-item.active:after {
    content: "";
    background: var(--primary)
}

.mission-wrap7 .mission-wrap-content .task-list .mission-card {
    background: var(--btn-bg4);
    border-radius: var(--card-radius);
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap7 .mission-wrap-content .task-list .mission-card .card-inner {
    display: flex
}

.mission-wrap7 .mission-wrap-content .task-list .mission-card .card-inner .product-show {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap7 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img {
    border-radius: 5px
}

.mission-wrap7 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap7 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap7 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap7 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap7 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap7 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price {
    font-size: 13px;
    text-align: right
}

.mission-wrap7 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap7 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete {
    background: var(--btn-bg);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--text-white);
    border-radius: var(--btn-radius)
}

.mission-wrap7 .mission-wrap-content .nomore2 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-b78def24] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background: linear-gradient(to bottom, #d5dee7 0%, #e8ebf2 50%, #e2e7ed 100%), linear-gradient(to bottom, rgba(0, 0, 0, .02) 50%, rgba(255, 255, 255, .02) 61%, rgba(0, 0, 0, .02) 73%), linear-gradient(33deg, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    background-blend-mode: normal, color-burn
}

.loading-wrap h1[data-v-b78def24] {
    color: #000000b3;
    position: relative;
    text-align: center;
    font-size: 30px;
    width: 100%;
    top: calc(50% - 80px);
    left: 0
}

.loading-wrap .loader[data-v-b78def24] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    filter: hue-rotate(0deg);
    background: linear-gradient(45deg, #0f8, #08f);
    animation: hue-b78def24 10s infinite linear
}

.loading-wrap .loader .b1[data-v-b78def24] {
    left: 42%
}

.loading-wrap .loader .b2[data-v-b78def24] {
    left: 50%;
    animation-delay: .1s
}

.loading-wrap .loader .b3[data-v-b78def24] {
    left: 58%;
    animation-delay: .2s
}

.loading-wrap .loader .b1[data-v-b78def24],
.loading-wrap .loader .b2[data-v-b78def24],
.loading-wrap .loader .b3[data-v-b78def24] {
    width: 10px;
    height: 30px;
    background-color: #fffc;
    position: absolute;
    top: 50%;
    transform: rotate(0);
    animation-name: spinify-b78def24;
    animation-duration: 1.6s;
    animation-iteration-count: infinite
}

@keyframes spinify-b78def24 {
    0% {
        transform: translate(0)
    }
    33% {
        transform: translateY(24px);
        border-radius: 100%;
        width: 10px;
        height: 10px
    }
    66% {
        transform: translateY(-16px)
    }
    88% {
        transform: translateY(4px)
    }
    to {
        transform: translate(0)
    }
}

@keyframes hue-b78def24 {
    0% {
        filter: hue-rotate(0deg)
    }
    to {
        filter: hue-rotate(360deg)
    }
}

.mission-wrap .mission-wrap-content .top-info[data-v-9a0bd412] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-9a0bd412] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-9a0bd412] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-9a0bd412] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-9a0bd412] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-9a0bd412] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-9a0bd412] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-9a0bd412] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-9a0bd412] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-9a0bd412] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-9a0bd412] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-9a0bd412] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-9a0bd412] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-9a0bd412] {
    position: relative;
    z-index: 1;
    background: #000;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-9a0bd412] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-9a0bd412] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-9a0bd412] {
    background: var(--bg-input);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg);
    color: var(--btn-text5)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-9a0bd412] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-9a0bd412] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-9a0bd412] {
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-9a0bd412] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-9a0bd412] {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-9a0bd412] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-9a0bd412] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-9a0bd412] {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-9a0bd412] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-9a0bd412] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-9a0bd412] {
    background: var(--btn-bg);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text3);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-9a0bd412] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap6 {
    position: relative;
    z-index: 1
}

.mission-wrap6.no-4 .mission-chain-info .recharge {
    background: var(--primary) !important;
    color: var(--btn-text3) !important
}

.mission-wrap6 .mission-wrap-content .top-info {
    border-radius: var(--card-radius);
    color: var(--text-white);
    margin-bottom: var(--mg);
    position: relative
}

.mission-wrap6 .mission-wrap-content .top-info .cont {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    padding: var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap6 .mission-wrap-content .top-info:before {
    opacity: .3;
    content: "";
    position: absolute;
    right: -113px;
    bottom: -87px;
    background: url(/assets/money-e40704f6.png) no-repeat;
    background-size: 100% 100%;
    width: 378px;
    height: 310px;
    transform: scale(.4)
}

.mission-wrap6 .mission-wrap-content .top-info .loading-time {
    position: relative;
    z-index: 1;
    background: #000;
    color: var(--text-white);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 8px var(--mg);
    border-radius: 20px
}

.mission-wrap6 .mission-wrap-content .top-info .loading-time span {
    font-size: 13px;
    padding: 0 10px
}

.mission-wrap6 .mission-wrap-content .top-info .data-content {
    position: relative;
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap6 .mission-wrap-content .top-info .data-content .col {
    width: calc(50% - 5px)
}

.mission-wrap6 .mission-wrap-content .top-info .data-content .col .title {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap6 .mission-wrap-content .top-info .data-content .col .value {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap6 .mission-wrap-content .top-info .mission-chain-info {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap6 .mission-wrap-content .top-info .mission-chain-info .value {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--btn-text2);
    font-weight: 500
}

.mission-wrap6 .mission-wrap-content .top-info .mission-chain-info .desc {
    color: var(--text-gray)
}

.mission-wrap6 .mission-wrap-content .top-info .mission-chain-info .ml-auto {
    margin-left: auto
}

.mission-wrap6 .mission-wrap-content .top-info .mission-chain-info .mt-10 {
    margin-top: 10px
}

.mission-wrap6 .mission-wrap-content .top-info .mission-chain-info .grid-3 {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 10px 0
}

.mission-wrap6 .mission-wrap-content .top-info .mission-chain-info .recharge {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--text-white);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--text-black)
}

.mission-wrap6 .mission-wrap-content .top-info .mission-chain-info .btnOk {
    position: relative;
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    overflow: hidden
}

.mission-wrap6 .mission-wrap-content .top-info .mission-chain-info .btnOk:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite
}

.mission-wrap6 .mission-wrap-content .container-card .base-user-tab .tab-item {
    color: var(--text-gray)
}

.mission-wrap6 .mission-wrap-content .container-card .base-user-tab .tab-item.active {
    color: var(--primary)
}

.mission-wrap6 .mission-wrap-content .container-card .base-user-tab .tab-item.active:after {
    content: "";
    background: var(--nav-line)
}

.mission-wrap6 .mission-wrap-content .task-list .mission-card {
    background: var(--bg-input);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg);
    color: var(--btn-text5)
}

.mission-wrap6 .mission-wrap-content .task-list .mission-card .card-inner {
    display: flex
}

.mission-wrap6 .mission-wrap-content .task-list .mission-card .card-inner .product-show {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap6 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img {
    border-radius: 5px
}

.mission-wrap6 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap6 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap6 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap6 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap6 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label {
    font-size: 13px;
    color: var(--text-gray);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap6 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price {
    font-size: 13px;
    text-align: right
}

.mission-wrap6 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap6 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete {
    background: var(--btn-bg);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text3);
    border-radius: var(--btn-radius)
}

.mission-wrap6 .mission-wrap-content .nomore2 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap6 .normal-tab {
    width: 100%;
    justify-content: space-around
}

.mission-wrap6 .normal-tab .tab-item {
    color: var(--text-gray)
}

.mission-wrap6 .normal-tab .tab-item.active {
    color: var(--primary)
}

.mission-wrap6 .normal-tab .tab-item.active:after {
    background: var(--primary)
}

.mission-wrap .mission-wrap-content .top-info[data-v-5c479841] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-5c479841] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-5c479841] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-5c479841] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-5c479841] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-5c479841] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-5c479841] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-5c479841] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-5c479841] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-5c479841] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-5c479841] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-5c479841] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-5c479841] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-5c479841] {
    position: relative;
    z-index: 1;
    background: #000;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-5c479841] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-5c479841] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-5c479841] {
    background: var(--btn-bg3);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-5c479841] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-5c479841] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img[data-v-5c479841] {
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-5c479841] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info[data-v-5c479841] {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-5c479841] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-5c479841] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-5c479841] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-5c479841] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-5c479841] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-5c479841] {
    background: var(--btn-bg);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-5c479841] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap5 .mission-wrap-content .top-info {
    border-radius: var(--card-radius);
    color: var(--text-white);
    margin-bottom: var(--mg);
    position: relative
}

.mission-wrap5 .mission-wrap-content .top-info .cont {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    padding: var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap5 .mission-wrap-content .top-info .loading-time {
    position: relative;
    z-index: 1;
    background: #000;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: 8px
}

.mission-wrap5 .mission-wrap-content .top-info .loading-time span {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap5 .mission-wrap-content .top-info:before {
    content: "";
    position: absolute;
    top: -61px;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100% + 140px);
    background: var(--primary);
    border-radius: 0 0 50% 50%/5%;
    pointer-events: none
}

.mission-wrap5 .mission-wrap-content .top-info .data-content {
    position: relative;
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap5 .mission-wrap-content .top-info .data-content .col {
    width: calc(50% - 5px)
}

.mission-wrap5 .mission-wrap-content .top-info .data-content .col .title {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap5 .mission-wrap-content .top-info .data-content .col .value {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap5 .mission-wrap-content .top-info .mission-chain-info {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap5 .mission-wrap-content .top-info .mission-chain-info .value {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-white);
    font-weight: 500
}

.mission-wrap5 .mission-wrap-content .top-info .mission-chain-info .desc {
    color: #ccc
}

.mission-wrap5 .mission-wrap-content .top-info .mission-chain-info .ml-auto {
    margin-left: auto
}

.mission-wrap5 .mission-wrap-content .top-info .mission-chain-info .mt-10 {
    margin-top: 10px
}

.mission-wrap5 .mission-wrap-content .top-info .mission-chain-info .grid-3 {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 10px 0
}

.mission-wrap5 .mission-wrap-content .top-info .mission-chain-info .recharge {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--btn-bg5)
}

.mission-wrap5 .mission-wrap-content .top-info .mission-chain-info .btnOk {
    position: relative;
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    overflow: hidden
}

.mission-wrap5 .mission-wrap-content .top-info .mission-chain-info .btnOk:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -180px;
    left: -50px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite
}

@keyframes shiny-btn1 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0
    }
    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: .5
    }
    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1
    }
    to {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

.mission-wrap5 .mission-wrap-content .container-card .base-user-tab .tab-item {
    color: var(--text-gray6)
}

.mission-wrap5 .mission-wrap-content .container-card .base-user-tab .tab-item.active {
    color: var(--primary)
}

.mission-wrap5 .mission-wrap-content .container-card .base-user-tab .tab-item.active:after {
    content: "";
    background: var(--primary)
}

.mission-wrap5 .mission-wrap-content .task-list .mission-card {
    background: var(--btn-bg3);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap5 .mission-wrap-content .task-list .mission-card .card-inner {
    display: flex
}

.mission-wrap5 .mission-wrap-content .task-list .mission-card .card-inner .product-show {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap5 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img {
    border-radius: 5px
}

.mission-wrap5 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap5 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap5 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap5 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap5 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap5 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price {
    font-size: 13px;
    text-align: right
}

.mission-wrap5 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap5 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete {
    background: var(--btn-bg);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap5 .mission-wrap-content .nomore2 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap5 .normal-tab {
    width: 100%;
    justify-content: space-around
}

.mission-wrap5 .normal-tab .tab-item {
    color: var(--text-gray6)
}

.mission-wrap5 .normal-tab .tab-item.active {
    color: var(--primary)
}

.mission-wrap5 .normal-tab .tab-item.active:after {
    background: var(--primary)
}

.loading-wrap[data-v-c8b76c43] {
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background: rgb(153, 210, 228);
    background: linear-gradient(135deg, rgb(153, 210, 228) 0%, rgb(255, 212, 218) 100%)
}

@keyframes mainAnimation-c8b76c43 {
    0% {
        width: 50px;
        transform: translate(0) translateY(0) rotate(0)
    }
    20% {
        width: 50px;
        transform: translate(0) translateY(0) rotate(0)
    }
    40% {
        width: 150px;
        transform: translate(-50px) translateY(0) rotate(0)
    }
    60% {
        width: 150px;
        transform-origin: bottom right;
        transform: translate(-150px) translateY(0) rotate(90deg)
    }
    80% {
        width: 50px;
        transform: translate(-25px) translateY(0) rotate(90deg)
    }
    to {
        width: 50px;
        transform: translate(-50px) translateY(0) rotate(90deg)
    }
}

@keyframes secundaryAnimation-c8b76c43 {
    0% {
        transform: translate(0) translateY(0) rotate(0)
    }
    20% {
        transform: translate(0) translateY(0) rotate(180deg)
    }
    40% {
        transform: translate(0) translateY(0) rotate(180deg)
    }
    60% {
        transform: translate(0) translateY(0) rotate(0)
    }
    80% {
        transform: translate(0) translateY(0) rotate(0)
    }
    to {
        transform: translate(0) translateY(0) rotate(180deg)
    }
}

@keyframes shadowAnimation-c8b76c43 {
    0% {
        width: 150px;
        transform: translate(-25px) translateY(0) rotate(0)
    }
    20% {
        width: 75px;
        transform: translate(37.5px) translateY(0) rotate(0)
    }
    40% {
        width: 200px;
        transform: translate(-25px) translateY(0) rotate(0)
    }
    60% {
        width: 75px;
        transform: translate(37.5px) translateY(0) rotate(0)
    }
    80% {
        width: 75px;
        transform: translate(37.5px) translateY(0) rotate(0)
    }
    to {
        width: 150px;
        transform: translate(-25px) translateY(0) rotate(0)
    }
}

@keyframes float-c8b76c43 {
    0% {
        top: 50%
    }
    50% {
        top: 51%
    }
    to {
        top: 50%
    }
}

.loading-wrap html[data-v-c8b76c43],
.loading-wrap body[data-v-c8b76c43] {
    height: 100%
}

.loading-wrap body[data-v-c8b76c43] {
    position: relative;
    background: rgb(153, 210, 228);
    background: linear-gradient(135deg, rgb(153, 210, 228) 0%, rgb(255, 212, 218) 100%)
}

.loading-wrap .loader[data-v-c8b76c43] {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    background-color: #fff5a5;
    transform: translate(0) translateY(0) rotate(0);
    animation: mainAnimation-c8b76c43 2.6s ease 0s infinite forwards;
    z-index: 2
}

.loading-wrap .loader[data-v-c8b76c43]:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: -50px;
    background-color: #fff5a5;
    transform-origin: top right;
    transform: translate(0) translateY(0) rotate(0);
    animation: secundaryAnimation-c8b76c43 2.6s ease 0s infinite forwards
}

.loading-wrap .shadow[data-v-c8b76c43] {
    position: absolute;
    width: 100px;
    height: 10px;
    top: 50%;
    left: 50%;
    margin-top: 50px;
    margin-left: -75px;
    border-radius: 50%;
    background-color: #95a5a6;
    transform: translate(0) translateY(0) rotate(0);
    animation: shadowAnimation-c8b76c43 2.6s ease 0s infinite forwards, float-c8b76c43 5s ease-in-out 0s infinite forwards;
    filter: blur(5px);
    z-index: 1
}

.loading-wrap .logo[data-v-c8b76c43] {
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 42px;
    height: 42px;
    padding: 12px 5px;
    margin-left: -21px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 50%;
    transition: transform .5s cubic-bezier(.68, -.55, .265, 1.55)
}

.loading-wrap .logo[data-v-c8b76c43]:hover {
    transform: scale(1.4)
}

.loading-wrap .logo img[data-v-c8b76c43] {
    width: 100%;
    height: auto;
    margin: 0 auto
}

.mission-wrap .mission-wrap-content .top-info[data-v-114c5f23] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-114c5f23] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-114c5f23] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-114c5f23] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-114c5f23] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-114c5f23] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-114c5f23] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-114c5f23] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-114c5f23] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-114c5f23] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-114c5f23] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-114c5f23] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-114c5f23] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-114c5f23] {
    background: var(--text-black);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-114c5f23] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-114c5f23] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-114c5f23] {
    background: var(--bg-input);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg);
    border: 1px solid var(--border-color2)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-114c5f23] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-114c5f23] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-114c5f23] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-114c5f23] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-114c5f23] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-114c5f23] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 5px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-114c5f23] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-114c5f23] {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-114c5f23] {
    background: var(--btn-bg3);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-114c5f23] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap .mission-wrap-content .top-info[data-v-0e2cd7d3] {
    border-radius: var(--card-radius);
    color: var(--text-white);
    position: relative;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    padding: var(--mg) var(--mg) 31px;
    margin: -8px var(--mg) -20px;
    z-index: 2
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-0e2cd7d3] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-0e2cd7d3] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-0e2cd7d3] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-0e2cd7d3] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .loading-time[data-v-0e2cd7d3] {
    background: var(--bg-weight);
    border: 1px solid var(--border-color);
    color: var(--btn-text2);
    display: inline-flex;
    flex-direction: column;
    font-size: 18px;
    margin-bottom: var(--mg);
    padding: 8px 24px;
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .top-info .loading-time span[data-v-0e2cd7d3] {
    font-size: 14px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-0e2cd7d3] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-0e2cd7d3] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-white);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-0e2cd7d3] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-0e2cd7d3] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-0e2cd7d3] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-0e2cd7d3] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-0e2cd7d3] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-0e2cd7d3] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .container-card[data-v-0e2cd7d3] {
    margin-top: -18px;
    border: 1px solid var(--border-color);
    border-top: none;
    border-radius: 0 var(--radius) var(--radius) var(--radius);
    background: var(--bg)
}

.mission-wrap .mission-wrap-content .container-card.scale-x[data-v-0e2cd7d3] {
    border-radius: var(--radius) 0 var(--radius) var(--radius)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-0e2cd7d3] {
    background: var(--bg-input);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg);
    border: 1px solid var(--border-color2)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-0e2cd7d3] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-0e2cd7d3] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-0e2cd7d3] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-0e2cd7d3] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-0e2cd7d3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-0e2cd7d3] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 5px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-0e2cd7d3] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-0e2cd7d3] {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-0e2cd7d3] {
    background: var(--btn-bg3);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-0e2cd7d3] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap .normal-tab[data-v-0e2cd7d3] {
    height: auto !important;
    border-radius: 16px;
    overflow: hidden;
    width: 90%;
    margin: 10px auto 20px
}

.loading-wrap[data-v-1355d6fb] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background: #000;
    color: #fff
}

.loading-wrap .loader[data-v-1355d6fb] {
    width: 150px;
    height: 150px;
    line-height: 150px;
    margin: 0 auto 100px;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    z-index: 0;
    text-transform: uppercase
}

.loading-wrap .loader[data-v-1355d6fb]:before,
.loading-wrap .loader[data-v-1355d6fb]:after {
    opacity: 0;
    box-sizing: border-box;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 5px solid #fff;
    box-shadow: 0 0 50px #fff, inset 0 0 50px #fff
}

.loading-wrap .loader[data-v-1355d6fb]:after {
    z-index: 1;
    animation: gogoloader-1355d6fb 2s infinite 1s
}

.loading-wrap .loader[data-v-1355d6fb]:before {
    z-index: 2;
    animation: gogoloader-1355d6fb 2s infinite
}

@keyframes gogoloader-1355d6fb {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.loading-wrap[data-v-d01e6cd9] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    background: linear-gradient(to bottom, #d5dee7 0%, #e8ebf2 50%, #e2e7ed 100%), linear-gradient(to bottom, rgba(0, 0, 0, .02) 50%, rgba(255, 255, 255, .02) 61%, rgba(0, 0, 0, .02) 73%), linear-gradient(33deg, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);
    background-blend-mode: normal, color-burn
}

.loading-wrap .container[data-v-d01e6cd9] {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -20px
}

.loading-wrap .dash[data-v-d01e6cd9] {
    margin: 0 15px;
    width: 35px;
    height: 15px;
    border-radius: 8px;
    background: #ff2cbd;
    box-shadow: 0 0 10px #fecdff
}

.loading-wrap .uno[data-v-d01e6cd9] {
    margin-right: -18px;
    transform-origin: center left;
    animation: spin-d01e6cd9 3s linear infinite
}

.loading-wrap .dos[data-v-d01e6cd9] {
    transform-origin: center right;
    animation: spin2-d01e6cd9 3s linear infinite;
    animation-delay: .2s
}

.loading-wrap .tres[data-v-d01e6cd9] {
    transform-origin: center right;
    animation: spin3-d01e6cd9 3s linear infinite;
    animation-delay: .3s
}

.loading-wrap .cuatro[data-v-d01e6cd9] {
    transform-origin: center right;
    animation: spin4-d01e6cd9 3s linear infinite;
    animation-delay: .4s
}

.loading-wrap .loading-text[data-v-d01e6cd9] {
    margin-top: 40px;
    font-size: 20px
}

@keyframes spin-d01e6cd9 {
    0% {
        transform: rotate(0)
    }
    25% {
        transform: rotate(360deg)
    }
    30% {
        transform: rotate(370deg)
    }
    35% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes spin2-d01e6cd9 {
    0% {
        transform: rotate(0)
    }
    20% {
        transform: rotate(0)
    }
    30% {
        transform: rotate(-180deg)
    }
    35% {
        transform: rotate(-190deg)
    }
    40% {
        transform: rotate(-180deg)
    }
    78% {
        transform: rotate(-180deg)
    }
    95% {
        transform: rotate(-360deg)
    }
    98% {
        transform: rotate(-370deg)
    }
    to {
        transform: rotate(-360deg)
    }
}

@keyframes spin3-d01e6cd9 {
    0% {
        transform: rotate(0)
    }
    27% {
        transform: rotate(0)
    }
    40% {
        transform: rotate(180deg)
    }
    45% {
        transform: rotate(190deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62% {
        transform: rotate(180deg)
    }
    75% {
        transform: rotate(360deg)
    }
    80% {
        transform: rotate(370deg)
    }
    85% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes spin4-d01e6cd9 {
    0% {
        transform: rotate(0)
    }
    38% {
        transform: rotate(0)
    }
    60% {
        transform: rotate(-360deg)
    }
    65% {
        transform: rotate(-370deg)
    }
    75% {
        transform: rotate(-360deg)
    }
    to {
        transform: rotate(-360deg)
    }
}

.mission-wrap .mission-wrap-content .top-info[data-v-9ac758ea] {
    background: rgba(0, 0, 0, .1);
    border-radius: var(--card-radius);
    color: var(--text-white);
    padding: var(--mg);
    position: relative
}

.mission-wrap .mission-wrap-content .loading-time[data-v-9ac758ea] {
    background: linear-gradient(to bottom, #323232 0%, #3f3f3f 40%, #1c1c1c 150%), linear-gradient(to top, rgba(255, 255, 255, .4) 0%, rgba(0, 0, 0, .25) 200%);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    padding: 3px var(--mg);
    border-radius: var(--card-radius);
    margin-bottom: 0 !important
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-9ac758ea] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-9ac758ea] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-9ac758ea] {
    background: var(--bg-input);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-9ac758ea] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-9ac758ea] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-9ac758ea] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-9ac758ea] {
    font-size: 15px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-9ac758ea] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-9ac758ea] {
    font-size: 13px;
    line-height: 15px;
    color: var(--text-gray6);
    margin-right: 5px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-9ac758ea] {
    font-size: 14px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-9ac758ea] {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-9ac758ea] {
    background: var(--btn-bg3);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-9ac758ea] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap3 .mission-wrap-content .top-info {
    background: rgba(0, 0, 0, .1);
    border-radius: var(--card-radius);
    color: var(--text-white);
    margin-bottom: var(--mg);
    padding: var(--mg);
    position: relative
}

.mission-wrap3 .mission-wrap-content .top-info .data-content {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap3 .mission-wrap-content .top-info .data-content .col {
    width: calc(50% - 5px)
}

.mission-wrap3 .mission-wrap-content .top-info .data-content .col .title {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap3 .mission-wrap-content .top-info .data-content .col .value {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap3 .mission-wrap-content .top-info .loading-time {
    background: linear-gradient(to bottom, #323232 0%, #3f3f3f 40%, #1c1c1c 150%), linear-gradient(to top, rgba(255, 255, 255, .4) 0%, rgba(0, 0, 0, .25) 200%);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap3 .mission-wrap-content .top-info .loading-time span {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap3 .mission-wrap-content .top-info .mission-chain-info {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap3 .mission-wrap-content .top-info .mission-chain-info .value {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-white);
    font-weight: 500
}

.mission-wrap3 .mission-wrap-content .top-info .mission-chain-info .desc {
    color: #ccc
}

.mission-wrap3 .mission-wrap-content .top-info .mission-chain-info .ml-auto {
    margin-left: auto
}

.mission-wrap3 .mission-wrap-content .top-info .mission-chain-info .mt-10 {
    margin-top: 10px
}

.mission-wrap3 .mission-wrap-content .top-info .mission-chain-info .grid-3 {
    margin: 10px 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 10px
}

.mission-wrap3 .mission-wrap-content .top-info .mission-chain-info .recharge {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--btn-bg5)
}

.mission-wrap3 .mission-wrap-content .top-info .mission-chain-info .btnOk {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap3 .mission-wrap-content .container-card .base-user-tab .tab-item {
    color: var(--text-gray6)
}

.mission-wrap3 .mission-wrap-content .container-card .base-user-tab .tab-item.active {
    color: var(--primary)
}

.mission-wrap3 .mission-wrap-content .container-card .base-user-tab .tab-item.active:after {
    content: "";
    background: var(--primary)
}

.mission-wrap3 .mission-wrap-content .task-list .mission-card {
    background: var(--bg-input);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg) 12px var(--mg)
}

.mission-wrap3 .mission-wrap-content .task-list .mission-card .card-inner {
    display: flex
}

.mission-wrap3 .mission-wrap-content .task-list .mission-card .card-inner .product-show {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap3 .mission-wrap-content .task-list .mission-card .card-inner .product-show .product-img {
    border-radius: 5px
}

.mission-wrap3 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap3 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info {
    flex: 1;
    background: rgba(0, 0, 0, .05);
    padding: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 5px
}

.mission-wrap3 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap3 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap3 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 3px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap3 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price {
    font-size: 13px;
    text-align: right
}

.mission-wrap3 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0
}

.mission-wrap3 .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete {
    background: linear-gradient(90deg, var(--btn-bg3), var(--btn-bg));
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap3 .mission-wrap-content .nomore2 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap .mission-wrap-content .top-info[data-v-fcf0a3d2] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-fcf0a3d2] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-fcf0a3d2] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-fcf0a3d2] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-fcf0a3d2] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-fcf0a3d2] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-fcf0a3d2] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-fcf0a3d2] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-fcf0a3d2] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-fcf0a3d2] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-fcf0a3d2] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-fcf0a3d2] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-fcf0a3d2] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-fcf0a3d2] {
    background: var(--text-black);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-fcf0a3d2] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-fcf0a3d2] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-fcf0a3d2] {
    background: var(--bg-input);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-fcf0a3d2] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-fcf0a3d2] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-fcf0a3d2] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-fcf0a3d2] {
    font-size: 15px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-fcf0a3d2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-fcf0a3d2] {
    font-size: 13px;
    line-height: 15px;
    color: var(--text-gray6);
    margin-right: 5px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-fcf0a3d2] {
    font-size: 14px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-fcf0a3d2] {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-fcf0a3d2] {
    background: var(--btn-bg3);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-fcf0a3d2] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap .mission-wrap-content .top-info[data-v-2cfa854f] {
    background: rgba(0, 0, 0, .1);
    border-radius: var(--card-radius);
    color: var(--text-white);
    margin-bottom: var(--mg);
    padding: var(--mg);
    position: relative
}

.mission-wrap .mission-wrap-content .top-info[data-v-2cfa854f]:before {
    content: "";
    position: absolute;
    bottom: 50px;
    right: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAABLBAMAAACik+XhAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAAB3RSTlMADBAFCRMXmHWySQAAAsFJREFUWMPll0122zAMhOPIybpS6eyl99S1arle+0ftAfQefQPy/kcohLEM+Icp4S6jpewvgxkCYPzyJZ596Y7/Q5flMHRP0ouyZL5/Di/rmvHh+EwBy4Zo4P0T/GvD6o74vrcbWDcEn+WPdr5qUL0jfNP3RgMF0RWrs3tr/Yu2EfOM97bktPxEF52h/l+EV2Ut2dncr0bi5eRZvsjH/TgVX52jh7wheO8bekppHCo+3/zrjKP6DYovspPzns3X2ny+99/e+zn74Wy+y+dbxqVxNjCfn5xvW5bXfddlyi8IH0el3h/Ze6b828nTM+Gz/MbS9lsfJHo34aa2XREtJ4/sDUcX44SP4DF0BnoZ2Tumxj50r6QekH0l2WXj2xgu1ZeC5yb/B96l75xp351iDOFGfcjGixiv5d1cfW5yEdnrfXmXXJFq2QmXxpHqOw2XLnF3vsco5uua+Vv1In15b6OYV+pH/eXD2VEKD0EfHYrX1/dcUpdSD5Id41pqzd38+DjeGYd33fZKiDzRa2mm24PTR1ff4cXImWCSivu2kexEfRB8MfIaTMzxCdXDPPblnr6qrgHgDua7hHlpey5UXwP81jkyn6ye1cW8wlteo/zyEb9Gdqx+WRk7+fPoR65eaM2fJLu5erG4ZJwTSezA5Q+d3Q3+NmfiZBJv/R8kO5jX14AX86kVuPFBn/x3+eQjzNXzFuv6x1tnFZT5b6ov6D08uU+X2E8186plOVWof77EipZxmg+nZyJo88CTBcD87qopT3Ly//iHeVlNvLveB5dIZWUkDeyJ7q7xiBPFKAJPP/hc44Hx8yyk8eQmDjgRqFtg3AOXLWzHF5H5y8qw/laEup/N74z4B3lHeE/90Fxgl+AO2DNulpe2t//ERPUwb01OzzLhxuRkljHzRusyy8TLFjI/B257ETcbqJq6e/lCz1/XNz1gWwO7LAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    width: 123px;
    height: 75px
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-2cfa854f] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-2cfa854f] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-2cfa854f] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-2cfa854f] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .loading-time[data-v-2cfa854f] {
    background: linear-gradient(to bottom, #323232 0%, #3f3f3f 40%, #1c1c1c 150%), linear-gradient(to top, rgba(255, 255, 255, .4) 0%, rgba(0, 0, 0, .25) 200%);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .top-info .loading-time span[data-v-2cfa854f] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-2cfa854f] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-2cfa854f] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-white);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-2cfa854f] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-2cfa854f] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-2cfa854f] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-2cfa854f] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-2cfa854f] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius);
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-2cfa854f] {
    border-radius: var(--btn-radius);
    color: var(--text-black);
    background: var(--golden-gradient);
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .container-card[data-v-2cfa854f] {
    margin-top: -18px;
    border: 1px solid var(--border-color);
    border-top: none;
    border-radius: 0 var(--radius) var(--radius) var(--radius)
}

.mission-wrap .mission-wrap-content .container-card.scale-x[data-v-2cfa854f] {
    border-radius: var(--radius) 0 var(--radius) var(--radius)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-2cfa854f] {
    background: var(--bg-input);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-2cfa854f] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-2cfa854f] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-2cfa854f] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-2cfa854f] {
    font-size: 14px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-2cfa854f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-2cfa854f] {
    font-size: 13px;
    color: var(--text-gray6);
    margin-right: 5px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-2cfa854f] {
    font-size: 13px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-2cfa854f] {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-2cfa854f] {
    background: var(--btn-bg3);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    color: var(--btn-text2);
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-2cfa854f] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.loading-wrap[data-v-e840987e] {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100%;
    background: radial-gradient(#222922, #000500)
}

.loading-wrap .Loader[data-v-e840987e] {
    position: relative;
    width: var(--loader-size, 150px);
    min-width: 110px;
    overflow: visible;
    margin: 20px;
    border-radius: 50%;
    box-shadow: inset 0 0 8px #fff6, 0 0 25px #fffc
}

.loading-wrap .Loader[data-v-e840987e]:after {
    content: attr(data-text);
    color: var(--text-color, #cecece);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: calc(70% + .1vw);
    text-transform: uppercase;
    letter-spacing: 5px
}

.loading-wrap .Loader[data-v-e840987e]:before {
    content: "";
    float: left;
    padding-top: 100%
}

.loading-wrap .Loader__Circle[data-v-e840987e] {
    display: block;
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .8;
    mix-blend-mode: screen;
    filter: brightness(120%);
    animation-name: SpinAround-e840987e;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-timing-function: linear
}

.loading-wrap .Loader__Circle[data-v-e840987e]:nth-of-type(1) {
    box-shadow: inset 1px 0 0 1px var(--color-one, #2979ff), var(--light-size, 4px) 0 0 var(--light-size, 4px) var(--color-one, #2979ff);
    animation-direction: reverse;
    transform-origin: 49.6% 49.8%
}

.loading-wrap .Loader__Circle[data-v-e840987e]:nth-of-type(2) {
    box-shadow: inset 1px 0 0 1px var(--color-two, #ff1744), var(--light-size, 4px) 0 0 var(--light-size, 4px) var(--color-two, #ff1744);
    transform-origin: 49.5% 49.8%
}

.loading-wrap .Loader__Circle[data-v-e840987e]:nth-of-type(3) {
    box-shadow: inset 1px 0 0 1px var(--color-three, #ffff8d), 0 var(--light-size, 4px) 0 var(--light-size, 4px) var(--color-three, #ffff8d);
    transform-origin: 49.8% 49.8%
}

.loading-wrap .Loader__Circle[data-v-e840987e]:nth-of-type(4) {
    box-shadow: inset 1px 0 0 1px var(--color-four, #b2ff59), 0 var(--light-size, 4px) 0 var(--light-size, 4px) var(--color-four, #b2ff59);
    transform-origin: 49.7% 49.7%
}

@keyframes SpinAround-e840987e {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(-360deg)
    }
}

.mission-wrap .mission-wrap-content .top-info[data-v-eba89206] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-eba89206] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-eba89206] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-eba89206] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-eba89206] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-eba89206] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-eba89206] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-eba89206] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-eba89206] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-eba89206] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-eba89206] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-eba89206] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-eba89206] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .loading-time[data-v-eba89206] {
    background: var(--text-black);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .loading-time span[data-v-eba89206] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-eba89206] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-eba89206] {
    background: var(--bg-input);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-eba89206] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-eba89206] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-eba89206] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-eba89206] {
    font-size: 15px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-eba89206] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-eba89206] {
    font-size: 13px;
    line-height: 15px;
    color: var(--text-gray6);
    margin-right: 5px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-eba89206] {
    font-size: 14px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-eba89206] {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-eba89206] {
    background: var(--btn-bg3);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-eba89206] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}

.mission-wrap .mission-wrap-content .top-info[data-v-7f399f52] {
    background-image: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
    border-radius: var(--card-radius);
    color: var(--text-black);
    margin-bottom: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .top-info .data-content[data-v-7f399f52] {
    display: flex;
    text-align: center;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .top-info .data-content .col[data-v-7f399f52] {
    width: calc(50% - 5px)
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .title[data-v-7f399f52] {
    font-size: 13px;
    line-height: 15px
}

.mission-wrap .mission-wrap-content .top-info .data-content .col .value[data-v-7f399f52] {
    margin-top: 3px;
    font-size: 17px
}

.mission-wrap .mission-wrap-content .top-info .loading-time[data-v-7f399f52] {
    background: var(--text-black);
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    margin-bottom: var(--mg);
    padding: 3px var(--mg);
    border-radius: var(--card-radius)
}

.mission-wrap .mission-wrap-content .top-info .loading-time span[data-v-7f399f52] {
    font-size: 12px;
    padding: 0 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info[data-v-7f399f52] {
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .value[data-v-7f399f52] {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--text-black);
    font-weight: 500
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .desc[data-v-7f399f52] {
    color: #ccc
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .ml-auto[data-v-7f399f52] {
    margin-left: auto
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .mt-10[data-v-7f399f52] {
    margin-top: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .grid-3[data-v-7f399f52] {
    margin: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .recharge[data-v-7f399f52] {
    padding: 0 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: var(--btn-text);
    border-radius: 40px;
    cursor: pointer;
    background: var(--btn-bg3)
}

.mission-wrap .mission-wrap-content .top-info .mission-chain-info .btnOk[data-v-7f399f52] {
    border-radius: var(--btn-radius);
    color: var(--btn-text);
    background: var(--btn-bg3);
    text-align: center;
    cursor: pointer
}

.mission-wrap .mission-wrap-content .sticky-bg[data-v-7f399f52] {
    z-index: 2;
    background: var(--bg-tab)
}

.mission-wrap .mission-wrap-content .task-list .mission-card[data-v-7f399f52] {
    background: var(--bg-input);
    border-radius: 12px;
    margin-top: var(--mg);
    padding: var(--mg)
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner[data-v-7f399f52] {
    display: flex
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-show[data-v-7f399f52] {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    flex-shrink: 0
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap[data-v-7f399f52] {
    margin-left: 10px;
    display: flex;
    width: 100%;
    max-width: calc(100% - 120px);
    flex-direction: column;
    justify-content: space-between
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-info .product-name[data-v-7f399f52] {
    font-size: 15px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price[data-v-7f399f52] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .label[data-v-7f399f52] {
    font-size: 13px;
    line-height: 15px;
    color: var(--text-gray6);
    margin-right: 5px;
    flex-shrink: 0;
    max-width: 47%
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .product-price .price[data-v-7f399f52] {
    font-size: 14px;
    text-align: right
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area[data-v-7f399f52] {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px
}

.mission-wrap .mission-wrap-content .task-list .mission-card .card-inner .product-info-wrap .action-area .toComplete[data-v-7f399f52] {
    background: var(--btn-bg3);
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    border-radius: var(--btn-radius)
}

.mission-wrap .mission-wrap-content .nomore2[data-v-7f399f52] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: 43px !important;
    margin-top: 100px
}