.flex,.flex-col,.flex-baseline,.flex-top,.flex-middle,.flex-bottom,.flex-center,.flex-right,.flex-between,.flex-around{display:flex}.flex-col{flex-direction:column}.flex-baseline{align-items:baseline}.flex-top{align-items:flex-start}.flex-bottom{align-items:flex-end}.flex-main-end{justify-content:flex-end}.flex-middle{align-items:center}.flex-center{justify-content:center}.flex-right{justify-content:flex-end}.flex-around{justify-content:space-around}.flex-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.mt30{margin-top:30px}.mt5{margin-top:5px}.mt6{margin-top:6px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt18{margin-top:18px}.mt20{margin-top:20px}.mt22{margin-top:22px}.mt24{margin-top:24px}.mt25{margin-top:25px}.mt40{margin-top:40px}body{background:#fff}.container{padding-bottom:200px;min-height:500px}.container *{box-sizing:border-box}.container button{cursor:pointer}.container .top-box-{height:110px;margin-bottom:50px}.container .top-box{border-bottom:1px solid #f5f5f5;height:110px;width:100%;background:#fff;position:fixed;top:70px;transition:.5s all;z-index:2}.container .top-box >div{height:110px;width:1000px;margin:0 auto}.container .top-box .tab{border-bottom:none}.container .top-box .tab li{font-size:26px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#8c8e90;line-height:37px;margin-left:0;margin-right:60px;transition:.5s all;position:relative}.container .top-box .tab li .beta{transition:.5s all;width:35px;height:19px;background:#ffe14d;border-radius:3px;position:absolute;top:-6px;right:-25px;font-size:12px;text-align:center;font-weight:600;color:#212429;line-height:19px}.container .top-box .tab .active{font-weight:600;color:#212429}.container .top-box .right{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#212429;line-height:20px}.container .top-box .right li{text-indent:22px;cursor:pointer}.container .top-box .right li:first-child{margin-right:35px;background:url("/img/shop/address.png") left no-repeat;background-size:contain}.container .top-box .right li:last-child{background:url("/img/shop/note.png") left no-repeat;background-size:contain}.container .top-box .right li.rule{background:url("/img/shop/rule.png") left no-repeat;background-size:contain}.container .main{width:1000px;margin:0 auto}.container .sidebar{position:fixed;top:230px;width:180px;transition:.5s all}.container .sidebar .cate{margin-bottom:90px}.container .sidebar .cate li{height:40px;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#616367;line-height:40px;cursor:pointer;margin-bottom:16px}.container .sidebar .cate .active{font-weight:600;color:#212429;border-bottom:2px solid #616367}.container .sidebar .total{height:146px;padding:25px;background:url("/img/shop/integral_bg@2x.png") center no-repeat;background-size:contain}.container .sidebar .total .title{font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#212429;line-height:22px}.container .sidebar .total .desc{font-size:11px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#616367;line-height:16px}.container .sidebar .total .num{font-size:24px;font-family:Manrope-ExtraBold,Manrope;font-weight:800;color:#3e301a;line-height:31px}.container .list{margin-left:260px;width:740px;flex-wrap:wrap}.container .list a:not(:nth-of-type(3n)){margin-right:25px}.container .list a:not(:nth-of-type(-n+3)){margin-top:80px}.container .list .item{width:230px;text-align:center}.container .list .item .cover{width:230px;height:230px;border-radius:6px;overflow:hidden;position:relative}.container .list .item .cover img{width:100%;height:100%;object-fit:cover}.container .list .item .cover .type{position:absolute;left:10px;top:10px;padding:0 4px;font-size:12px;font-weight:500;color:#fff;line-height:19px;height:19px;background:linear-gradient(135deg,#f53 0%,#fe7f9d 100%);border-radius:3px}.container .list .item .title{margin-top:30px;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#212429;line-height:22px;text-align:center}.container .list .item .desc{text-align:center;margin-top:10px}.container .list .item .price{font-size:16px;font-family:Manrope-ExtraBold,Manrope;font-weight:800;color:#feb333;line-height:21px}.container .list .item .fraction{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#616367;line-height:17px}.container .list .item button{margin-top:25px;width:128px;height:50px;border-radius:10em;line-height:50px;text-align:center;font-family:PingFangSC-Semibold,PingFang SC;font-size:16px;font-weight:600}.container .list .item .exchange{background:#ffe14d;color:#212429}.container .list .item .sellout{background:#f9f9fa;color:#d3d3d4}.container .list .item .wx-buy{margin-top:15px;font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#8c8e90;line-height:18px}.container .sign{width:740px;height:254px;background:linear-gradient(180deg,#fff 0%,#f9f9fa 100%);padding:40px 40px 0}.container .sign >div{padding:30px 40px;height:214px;background:linear-gradient(225deg,#fff3ed 0%,#fff3b8 100%);border-radius:8px 8px 0 0}.container .sign >div .title{font-size:20px;font-weight:600;color:#333;line-height:28px}.container .sign >div .desc{font-size:13px;font-weight:400;color:#616367;line-height:18px}.container .sign >div .desc .gift{cursor:pointer;width:72px;height:24px;line-height:24px;background:#ffe14d;border-radius:14px;font-size:13px;font-family:Manrope-ExtraBold,Manrope;font-weight:800;color:#e08118;position:relative;text-align:right;padding-right:10px}.container .sign >div .desc .gift::before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';width:25px;height:25px;background:url("/img/shop/gift.png") center/contain no-repeat}.container .sign >div .continuation{font-size:13px;font-family:Manrope-ExtraBold,Manrope;font-weight:800;color:#f53;line-height:17px}.container .sign >div button{width:96px;height:50px;background:#ffe14d;border-radius:25px;font-size:16px;font-weight:600;color:#212429;line-height:22px;margin-left:10px}.container .sign >div .signed{background:#ffebcc}.container .sign >div .week >div:not(:first-of-type) .day::after{content:'';position:absolute;left:-52px;top:16px;width:52px;height:6px;background:#ffebcc}.container .sign >div .week >div:not(:first-of-type) .arrow::after{content:'';position:absolute;left:-52px;top:16px;width:52px;height:6px;background:#ffd773}.container .sign >div .week .day{position:relative;width:38px;height:38px;background:#ffe66b;border-radius:100%;font-size:12px;font-family:Manrope-ExtraBold,Manrope;font-weight:800;color:#212429;line-height:38px;text-align:center}.container .sign >div .week .today{color:#ffed97;background:linear-gradient(135deg,#ff6565 0%,#ffa94e 100%)}.container .sign >div .week .is-sign{background:#ffe66b url("/img/shop/is_sign.png") no-repeat center/16px 11px}.container .sign >div .week .text1{font-size:12px;font-weight:500;color:#212429;line-height:17px;text-align:center;margin-top:8px}.container .sign >div .week .text2{font-size:12px;font-weight:500;color:#8c8e90;line-height:17px;text-align:center;margin-top:8px}.container .task-list{padding:35px 40px 0;background:#fff}.container .task-list .sub{font-size:22px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#333;line-height:30px}.container .task-list li{height:93px}.container .task-list li:not(:last-child){border-bottom:1px solid #f6f6f7}.container .task-list li .title{font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#000;line-height:22px}.container .task-list li .desc{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#616367;line-height:17px}.container .task-list li button{width:64px;height:32px;background:#ffe14d;border-radius:10em;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#212429}.container button:disabled{background:#f9f9fa !important;color:#d3d3d4 !important}.tpl-exchange .sub,.tpl-integralnote .sub{padding:30px 40px;font-size:20px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#212429;line-height:28px;border-bottom:1px solid #f6f6f7}.tpl-exchange dl,.tpl-integralnote dl{padding-left:40px}.tpl-exchange dl dt,.tpl-integralnote dl dt{width:78px;height:32px;border-radius:16px;border:1px solid #f6f6f7;margin-right:12px;line-height:32px;text-align:center;cursor:pointer}.tpl-exchange dl .active,.tpl-integralnote dl .active{background:#ffe14d;border:1px solid #ffe14d}.tpl-exchange ul,.tpl-integralnote ul{padding:0 40px;height:465px;overflow-y:auto}.tpl-exchange ul li,.tpl-integralnote ul li{border-bottom:1px solid #f6f6f7;padding:25px 0}.tpl-exchange ul li img,.tpl-integralnote ul li img{width:70px;height:70px;border-radius:4px;margin-right:16px;object-fit:contain}.tpl-exchange ul li .title,.tpl-integralnote ul li .title{max-width:600px;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#000;line-height:22px}.tpl-exchange ul li button,.tpl-integralnote ul li button{margin-top:16px;width:78px;height:32px;border-radius:16px;border:1px solid #f6f6f7;font-size:14px;font-weight:500;color:#616367}.tpl-exchange ul li .time,.tpl-integralnote ul li .time{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#8c8e90;line-height:17px}.tpl-exchange ul li .number,.tpl-integralnote ul li .number{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#212429;line-height:20px}.tpl-exchange ul li .copy,.tpl-integralnote ul li .copy{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#feb333;line-height:20px}.tpl-exchange ul li .right-num,.tpl-integralnote ul li .right-num{font-size:20px;font-family:Manrope-ExtraBold,Manrope;font-weight:800;color:#feb333;line-height:26px}.tpl-exchange .sub{border-bottom:none}.tpl-rule .sub{padding:30px 40px;font-size:20px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#212429;line-height:28px;border-bottom:1px solid #f6f6f7}.tpl-rule .content{padding:0 40px;height:469px;font-size:15px;font-weight:400;color:#616367;line-height:28px;overflow-y:auto;box-sizing:border-box}.tpl-rule .content a{font-size:15px;font-weight:400;color:#feb333;line-height:28px}.tpl-rule .content h2{font-size:18px;font-weight:600;color:#212429;line-height:28px;margin-top:40px;margin-bottom:10px}.tpl-rule .content h3{font-size:16px}