.derive{width:100%;min-height:100%;padding-bottom:1rem}.derive .page-buyout-buttons{width:100%;height:1.2rem;background-color:#3b3a46;position:fixed;bottom:0;left:0;z-index:99;padding:.24rem .3rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.derive .page-buyout-buttons .left{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}.derive .page-buyout-buttons .left samp{font-size:.36rem;font-family:DINAlternate-Bold,DINAlternate;font-weight:700;color:#fff;line-height:.38rem}.derive .page-buyout-buttons .left p{height:.46rem;font-size:.46rem;font-family:DINAlternate-Bold,DINAlternate;font-weight:700;color:#fff;line-height:.46rem}.derive .page-buyout-buttons .btn-item{height:.9rem;background:-webkit-linear-gradient(right,#ff5b2c,#ff3f3f);background:linear-gradient(270deg,#ff5b2c,#ff3f3f);border-radius:.45rem;font-size:.3rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:.9rem;padding:0 .6rem}.derive .page-buyout-buttons .start-time{width:2.4rem;height:.9rem;background:#4a4857;border-radius:.45rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.derive .page-buyout-buttons .start-time .label{font-size:.3rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:hsla(0,0%,100%,.6)}.derive .page-buyout-buttons .start-time .countDownDay{margin-top:.08rem}.derive .page-buyout-buttons .start-time .countDownDay .countDownDay-wrap{margin-left:0;height:.24rem}.derive .page-buyout-buttons .start-time .countDownDay .countDownDay-wrap .day,.derive .page-buyout-buttons .start-time .countDownDay .countDownDay-wrap .symbol,.derive .page-buyout-buttons .start-time .countDownDay .countDownDay-wrap .symbol-day,.derive .page-buyout-buttons .start-time .countDownDay .countDownDay-wrap .time{font-size:.24rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:hsla(0,0%,100%,.6)}.derive .page-buyout-buttons .endBtn-item{height:.9rem;background:#4a4857;border-radius:.45rem;font-size:.3rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:hsla(0,0%,100%,.6);line-height:.9rem;padding:0 .6rem}.derive .dialog_buy{z-index:999}.derive .dialog_buy,.derive .dialog_buy .dialog_mask{width:100%;height:calc(100vh - var(--vh-offset, 0px));position:fixed;top:0;left:0}.derive .dialog_buy .dialog_mask{z-index:99;background-color:rgba(0,0,0,.5)}.derive .dialog_buy .dialog_body{width:100%;position:fixed;bottom:0;left:0;z-index:100;background:#3a3848;border-radius:.3rem .3rem 0 0}.derive .dialog_buy .dialog_body .title{width:100%;height:1.1rem;font-size:.3rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:1.1rem;text-align:center;border-bottom:.02rem solid #474557}.derive .dialog_buy .dialog_body .btn_wrap{width:100%;border-top:.02rem solid #474557;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:.3rem .3rem}.derive .dialog_buy .dialog_body .btn_wrap .btn{width:100%;height:.9rem;background:-webkit-linear-gradient(right,#ff5b2c,#ff3f3f);background:linear-gradient(270deg,#ff5b2c,#ff3f3f);border-radius:.45rem;font-size:.3rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:.9rem;text-align:center}.derive .dialog_buy .dialog_body .con{width:100%;padding:.3rem}.derive .dialog_buy .dialog_body .con .item{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:.8rem;font-size:.26rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:.4rem}.derive .dialog_buy .dialog_body .con .item,.derive .dialog_buy .dialog_body .con .item .quantity_wrap{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.derive .dialog_buy .dialog_body .con .item .quantity_wrap{border-radius:.07rem;position:relative}.derive .dialog_buy .dialog_body .con .item .quantity_wrap .add{width:.4rem;height:.4rem;border-radius:.07rem 0 0 .07rem;border:.02rem solid #838094;position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex}.derive .dialog_buy .dialog_body .con .item .quantity_wrap .add img{height:100%}.derive .dialog_buy .dialog_body .con .item .quantity_wrap .num{min-width:1.5rem;height:.4rem;font-size:.24rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;padding:0 .5rem;border:.02rem solid #838094;border-radius:.07rem;text-align:center}.derive .dialog_buy .dialog_body .con .item .quantity_wrap .subtract{width:.4rem;height:.4rem;border-radius:0 .07rem .07rem 0;border:.02rem solid #838094;position:absolute;top:0;right:0;display:-webkit-box;display:-webkit-flex;display:flex}.derive .dialog_buy .dialog_body .con .item .quantity_wrap .subtract img{height:100%}.derive .dialog_buy .dialog_body .con .item .txt{color:#ff4f4f}