.bg { width: 10rem; margin: 0 auto; position: relative; } .top-text { margin-top: 0.6rem; color: #fff; text-align: center; font-size: 0.45rem; margin-bottom: 0.1rem; } .top-num { text-align: center; font-size: 0.55rem; font-weight: 700; color: #fff; } .top-box { overflow: hidden; width: 8.88rem; height: 2.42rem; background: url(../images/n-banner.png) no-repeat; background-size: 100% 100%; margin: 0 auto; } .content { width: 9.3rem; margin: 0 auto; margin-top: 0.9rem; } .content li { position: relative; height: 2.1rem; width: 4.2rem; border-radius: 0.1rem; border: 1px solid #E8E8E8; box-sizing: border-box; float: left; margin-left: 0.2rem; margin-right: 0.2rem; margin-bottom: 0.4rem; } .content .li-click { background: url("../images/select.png") no-repeat; background-size: 100% 100%; border: 1px solid #fff; } .diamond-p { text-align: center; font-size: 0.35rem; margin-top: 0.55rem; } .diamond-p img { vertical-align: middle; margin-top: -0.1rem; width: 0.4rem; } .money-p { text-align: center; font-size: 0.45rem; font-weight: 500; margin-top: 0.1rem; } .hot { position: absolute; width: 0.87rem; top: -0.3rem; left: -0.3rem; } .pay-box { width: 8.75rem; margin: 0 auto; margin-top: 0.3rem; } .pay-box .pay-tips { font-size: 0.32rem; color: #333333; } .pay-ul { margin-top: 0.25rem; } .pay-ul li { width: 2.68rem; height: 1rem; float: left; border-radius: 0.1rem; margin-right: 0.3rem; border: 1px solid #E8E8E8; text-align: center; line-height: 1rem; font-size: 0.4rem; } .pay-ul li img { width: 0.5rem; vertical-align: middle; margin-top: -0.07rem; } .pay-ul .pay-click { background: url("../images/pay-click.png") no-repeat; background-size: 100% 100%; border: 1px solid #fff; } .taobao-Pay { width: 8.75rem; margin: 0 auto; height: 0.85rem; line-height: 0.85rem; font-size: 0.32rem; margin-top: 0.3rem; border-radius: 0.1rem; border: 0.02rem solid #E8E8E8; } .taobao-Pay img { height: 0.35rem; vertical-align: middle; margin-top: -0.05rem; } .pay-btn { height: 1.25rem; width: 7.55rem; margin-left: 1.23rem; color: #713900; font-size: 0.4rem; margin-top: 0.4rem; background: linear-gradient(to right, #FCEAAE, #FBCB69); box-shadow: 0rem 0.1rem 0.1rem #FFDFCD; border-radius: 1rem; } .b-tips { width: 7.5rem; margin: 0 auto; font-size: 0.3rem; margin-top: 0.7rem; text-align: center; line-height: 0.5rem; } .b-tips img { width: 1.55rem; vertical-align: middle; margin-top: -0.07rem; } .recording { color: #713900; position: absolute; right: 0.2rem; top: 0.2rem; font-size: 0.32rem; }