* { color: #fff; font-size: .11rem; box-sizing: border-box; font-family: 'PingFang SC','Microsoft YaHei',SourceHanSansCN-Normal,HiraginoSansGB,HiraginoSans-W3,"Helvetica Neue",Helvetica,STHeiTi,sans-serif; } html { margin: 0; padding: 0; width: 100%; height: 100%; } body { min-height: 100vh; margin: 0; padding: 0; border: .01rem solid transparent; background-color: #c10000; background-image: url("../img/topBack.jpg"); background-repeat: no-repeat; background-size: 100% 100%; text-align: center; } .title { width: 2.17rem; margin: 0 auto; margin-top: .7rem; display: block; } .down { display: inline-block; padding: 0 .08rem; height: .37rem; line-height: .37rem; background: linear-gradient(90deg,#F73924,#FF4E3A); border-radius: .13rem; margin-top: .09rem; letter-spacing:.01rem; } #count span { display: inline-block; width: .28rem; height: .28rem; line-height: .28rem; font-weight: bold; vertical-align: middle; color: #000000; margin: 0 .02rem; font-size: .18rem; border-radius: .05rem; background: linear-gradient(#C9C0C4,#FCFEFD); } .main { width: 3.2rem; margin: 0 auto; margin-top: .26rem; padding: .28rem 0; background: linear-gradient(#F73924,#FF4E3A); border-radius: .4rem; } table { width: 100%; border-spacing: 0; padding: 0 .2rem; background: #fff; } #newUser { padding-bottom: .3rem; } // #newUser:after { // content: ""; // width: .62rem; // height: .93rem; // background-image: url("../img/icon1.png"); // background-size: 100% 100%; // position: absolute; // top: 0; // right: 0; // } .main { padding: 0; border-radius: .15rem; border-collapse: collapse; overflow: hidden; position: relative; } tr { height: .48rem; } th { height: .48rem; background: linear-gradient(#F73924,#FF4E3A); } th:first-child { padding-left: .2rem; } th:last-child { padding-right: .2rem; } td:nth-last-child(2),td:nth-last-child(1) { color: #F13A4F; } td { height: .63rem; background: #fff; color: #292621; border-bottom: .01rem solid #F5F2ED; } td .head{ width: .4rem; height: .4rem; border-radius: 50%; } td .medal { width: .22rem; height: .3rem; } .num { color: #8A857C; font-size: .15rem; } td:first-child { padding-left: .2rem; } td:last-child { padding-right: .2rem; } .newFont { font-size: .13rem; color: #FFDEA7; margin-top: .2rem; margin-bottom: .15rem; } .radius { width: 3.2rem; display: inline-block; padding: 0 .1rem; background: #700707; border-radius: .19rem; color: #FFDEA7; font-size: .15rem; box-sizing: border-box; }