youhuiquan/christmas/public/top10.css

* {
    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;
}