1 line
11 KiB
CSS
1 line
11 KiB
CSS
.mask{z-index:120;position:fixed;width:100%;left:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;height:60px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,.5);-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0 8px;box-sizing:border-box;display:none}.mask .logo{width:40px}.mask .logo img{width:100%}#download,.mask .slogan{color:#fff}#download{border:1px solid #fff;width:80px;text-align:center;border-radius:15px;line-height:30px}#download a{color:#fff}*{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body{font-family:PingFang SC;background:#2b3137;z-index:-1}body .max{margin:0 auto}body .max,body .max .title-one{width:100%}body .max .title-one img{width:100%;height:100%}body .max .rule-btn{width:1.33333rem;height:.8rem;position:absolute;left:.4rem;top:.26667rem}body .max .rule-btn img{width:100%;height:100%}body .max .cloth-box{width:100%;padding-bottom:2.4rem;margin:-2.2rem auto 0}body .max .cloth-box li{width:8.53333rem;height:5.6rem;position:relative;margin:.13333rem auto 0;display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;background:url(../img/index/li-card.bc705a9b.png) no-repeat 0 0/100% 100%}body .max .cloth-box li .h-title{position:absolute;margin:.4rem auto 0;letter-spacing:.053333rem;font-size:.37333rem;font-weight:700;color:#fea53c;line-height:.66667rem}body .max .cloth-box li .gift-img{width:1.94667rem;height:1.73333rem;position:absolute;box-sizing:border-box;left:1.16rem;top:1.65333rem;display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center}body .max .cloth-box li .gift-img img{box-sizing:border-box;padding:.13333rem;width:100%;height:100%;object-fit:cover}body .max .cloth-box li .gift-text{position:absolute;left:4.02667rem;top:1.53333rem}body .max .cloth-box li .gift-text p:first-child{font-size:.45333rem;font-weight:700;color:#00cf9e;line-height:.56rem;letter-spacing:.026667rem}body .max .cloth-box li .gift-text p:nth-child(2){font-size:.37333rem;font-weight:700;color:#ffa530;line-height:.56rem}body .max .cloth-box li .gift-text p:nth-child(3){text-decoration:line-through}body .max .cloth-box li .gift-text p:last-child,body .max .cloth-box li .gift-text p:nth-child(3){font-size:.34667rem;font-weight:500;color:#9c9c9c;line-height:.62667rem;opacity:.8}body .max .cloth-box li .buy-btn{width:4rem;height:1.09333rem;position:absolute;bottom:.37333rem;display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;background:url(../img/index/buy.fb8a087b.png) no-repeat 0 0/100% 100%}body .max .cloth-box li .buy-btn.gray{background:url(../img/index/buy-gray.5e29de62.png) no-repeat 0 0/100% 100%}body .max .buy-mask{width:8.21333rem;height:7.94667rem;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(../img/index/buy-bg.2e11f9ae.png) no-repeat 0 0/100% 100%;z-index:1001;display:none}body .max .buy-mask .b-box{padding:0 .693333rem;margin-top:.93333rem}body .max .buy-mask .b-box .b-title{color:#fea43c;line-height:.6rem;text-align:center;font-size:.48rem;font-weight:700;letter-spacing:.013333rem}body .max .buy-mask .b-box .b-title .giftName{font-size:.48rem;font-weight:700}body .max .buy-mask .b-box .b-number{padding:0 .906667rem;margin-top:.773333rem;display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box}body .max .buy-mask .b-box .b-number .input-box{margin-top:-.066667rem}body .max .buy-mask .b-box .b-number .input-box,body .max .buy-mask .b-box .b-number .input-box .remove-btn{display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;height:.64rem}body .max .buy-mask .b-box .b-number .input-box .remove-btn{width:.64rem;-webkit-box-pack:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;border-radius:.32rem 0 0 .32rem;background:rgba(212,244,255,.6)}body .max .buy-mask .b-box .b-number .input-box .remove-btn .remove-icon{opacity:.6;display:block;width:.26667rem;height:.05333rem;background:url(../img/index/remove-icon.7ad43850.png) no-repeat 0 0/100% 100%;background-size:100% 100%}body .max .buy-mask .b-box .b-number .input-box .b-input{width:1.173333rem;height:.64rem;background:#d4f4ff;text-align:center;font-size:.346667rem;font-weight:500;color:#8fa4b8;margin:0 .106667rem;border:0;outline:none}body .max .buy-mask .b-box .b-number .input-box .add-btn{width:.64rem;height:.64rem;display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;border-radius:0 .32rem .32rem 0;background:rgba(212,244,255,.6)}body .max .buy-mask .b-box .b-number .input-box .add-btn .add-icon{display:block;width:.26667rem;height:.26667rem;background:url(../img/index/add-icon.af2aba68.png) no-repeat;background-size:100% 100%}body .max .buy-mask .b-box .b-text{white-space:nowrap;font-size:.4rem;font-weight:500;color:#8ea4b7;line-height:.48rem;margin-bottom:.62667rem}body .max .buy-mask .b-box .b-text span:first-child{margin-right:.4rem}body .max .buy-mask .b-box .b-day{padding:0 .906667rem}body .max .buy-mask .b-box .b-day span:last-child,body .max .buy-mask .b-box .b-day span:nth-child(2){color:#00cf9e;letter-spacing:.013333rem}body .max .buy-mask .b-box .b-price{padding:0 .906667rem}body .max .buy-mask .b-box .b-price span:last-child,body .max .buy-mask .b-box .b-price span:nth-child(2){color:#ffa530;letter-spacing:.013333rem}body .max .buy-mask .b-box .b-btns{display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;margin-top:.73333rem}body .max .buy-mask .b-box .b-btns .close-btn{width:3.34667rem;height:1.16rem;background:url(../img/index/btn-cancel.63023828.png) no-repeat 0 0/100% 100%}body .max .buy-mask .b-box .b-btns .close-btn,body .max .buy-mask .b-box .b-btns .confirm-btn{display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center}body .max .buy-mask .b-box .b-btns .confirm-btn{width:3.48rem;height:1.42667rem;background:url(../img/index/btn-confirm.b38d785e.png) no-repeat 0 0/100% 100%;margin-top:-.02667rem}body .max .rule-mask{width:8.93333rem;height:8.66667rem;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1001;background:url(../img/index/buy-bg.2e11f9ae.png) no-repeat 0 0/100% 100%;border-radius:.213333rem;display:none}body .max .rule-mask .title{width:100%;text-align:center;font-size:.53333rem;color:#fea43c;margin-top:.93333rem;font-weight:700}body .max .rule-mask .content{width:6.98667rem;height:5.66667rem;margin:0 auto;margin-top:.4rem;overflow:auto}body .max .rule-mask .content::-webkit-scrollbar{display:none}body .max .rule-mask .content p{width:100%;height:13.333333rem}body .max .rule-mask .content p img{width:100%}body .max .rule-mask .cancel{width:.93333rem;height:.93333rem;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-1.46667rem}body .max .rule-mask .cancel img{width:100%;height:100%}body .max .statusMask{width:8.21333rem;height:6.8rem;border-radius:.213333rem;background:url(../img/index/buy-bg.2e11f9ae.png) no-repeat 0 0/100% 100%;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1001;display:none}body .max .statusMask .cancel{width:.93333rem;height:.93333rem;position:absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);bottom:-1.06667rem}body .max .statusMask .cancel img{width:100%;height:100%}body .max .statusMask .title{width:100%;text-align:center;font-size:.48rem;color:#fea43c;font-weight:700;margin-top:.786667rem}body .max .statusMask .avatar{width:1.86667rem;height:1.86667rem;margin:0 auto;margin-top:.666667rem}body .max .statusMask .avatar img{width:100%;height:100%}body .max .statusMask .tip{width:100%;text-align:center;font-size:.373333rem;color:#5f82a3}body .max .statusMask .in-btn,body .max .statusMask .recharge{display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;display:block;width:4rem;height:1.2rem;background:url(../img/index/btn.553d8357.png) no-repeat 0 0/100% 100%;background-size:100% 100%;font-size:.48rem;line-height:1.22667rem;text-align:center;margin:.533333rem auto 0;font-weight:700;padding-bottom:.13333rem;color:#fff}body .max .shade{width:100%;position:fixed;z-index:1000;left:0;top:0;height:100%;background:rgba(0,0,0,.7);display:none}body .max .mine{display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;width:100%;height:1.866667rem;position:fixed;left:0;bottom:0;background:-webkit-linear-gradient(bottom,#74a497,#3a5782);background:linear-gradient(0deg,#74a497,#3a5782);z-index:100}body .max .mine li{margin:0 .533333rem}body .max .mine li img{width:100%}body .max .mine li:first-child{display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center}body .max .mine li:first-child p:first-child{width:1.066667rem;height:1.066667rem;border-radius:50%;overflow:hidden;font-weight:500}body .max .mine li:first-child p:last-child{margin-left:.266667rem}body .max .mine li:first-child p:last-child span{display:block}body .max .mine li:first-child p:last-child span:first-child{line-height:.56rem;font-size:.4rem;color:#fff;font-weight:700}body .max .mine li:first-child p:last-child span:last-child{font-size:.32rem;font-weight:500;color:#8babc9}body .max .mine li:first-child p:last-child span:last-child b{color:#fff}body .max .mine li:last-child{width:2.68rem;height:1.18667rem}body .ajaxtiptext{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#fff;padding:.2rem .4rem;border-radius:.333333rem;letter-spacing:.013333rem;background:rgba(0,0,0,.8);-webkit-animation:ajaxani .3s forwards;animation:ajaxani .3s forwards;z-index:9999;white-space:nowrap} |