* { box-sizing: inherit; color: inherit; font: inherit; margin: 0; padding: 0; } html { box-sizing: border-box; color: #333; } body { background-color: #f5f5f5; font-size: 12px; } button { border: 0 none; } a { text-decoration: none; } .pay__info { background-color: #0387FE; color: #fff; height: 3.88rem; padding: 0.76rem 0.32rem; } .pay__text { display: block; font-size: 0.36rem; } .pay__price { display: block; font-size: 0.8rem; font-weight: bold; margin: 0.2rem 0; } .pay__product { display: block; font-size: 0.36rem; } .pay__tips { color: #666; display: block; font-size: 0.32rem; margin: 0.44rem 0 1.8rem; text-align: center; } .pay__btn { background-color: #18ad1a; border-radius: 0.08rem; color: #fff; display: block; font-size: 0.36rem; height: 0.84rem; line-height: 0.84rem; margin: 0.36rem auto 0; width: 6rem; } .pay__btn_default { background-color: #f8f8f8; border: 0.02rem solid #cacaca; color: #333; } .status { background-color: rgba(0, 0, 0, 0.5); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .status__inner { background-color: #fff; border-radius: 0.2rem; height: 4.32rem; left: 50%; margin: -2.16rem 0 0 -3.16rem; position: absolute; text-align: center; top: 50%; width: 6.32rem; } .status__icon { display: block; height: 1.28rem; margin: 0.66rem auto 0.28rem; width: 1.28rem; } .status__tips { color: #333; display: block; font-size: 0.28rem; font-weight: bold; text-align: center; } .status__btn { background-color: #557CFF; border-radius: 0.36rem; color: #fff; display: inline-block; font-size: 0.26rem; height: 0.7rem; line-height: 0.7rem; margin: 0.52rem auto 0; padding: 0 0.46rem; } .status__remark { color: #666; display: block; font-size: 0.26rem; margin-top: 0.6rem; }