xiaohuazhu/css/extend.css

* {
    font-size: .14rem;
    font-family: PingFang SC,Microsoft YaHei,SourceHanSansCN-Normal,HiraginoSansGB,HiraginoSans-W3,Helvetica Neue,Helvetica,STHeiTi,sans-serif;
}
body {
    height: 100%;
    background: #fff;
}
.banner {
    height: 1.3rem;
}
.banner img {
    width:100%;
    height:100%;
}
ul {
    padding: 0 .1rem;
    margin-top: .16rem;
}

li {
    border-bottom: .04rem solid #F7F7F7;
    width: 100%;
    height: 1.26rem;
    padding: 0 .15rem;
    margin-bottom: 0rem;
    background: #fff;
    box-sizing: border-box;
}
li:last-child {
    border: none;
}
.icon {
    width: .4rem;
    height: .4rem;
    border-radius: .08rem;
    float: left;
}
.word {
    height: .4rem;
    margin-left: .12rem;
    float: left;
    position: relative;
}
.name {
    text-align: left;
    color: #444;
    margin-bottom: .03rem;
}
.smallTitle {
    display: inline-block;
    height: .14rem;
    line-height: .14rem;
    padding: 0 .03rem;
    color: #fff;
    border-radius: .02rem;
    font-size: .1rem;
    background: #FF6060;
    vertical-align: bottom;
    border: .01rem solid #ff6060;
    box-sizing: border-box;
}
.descri {
    margin-top: .1rem;
    font-size: .12rem;
    color: #999999;
    text-align: left;
}
.apply {
    float: right;
    text-align: center;
    margin-top: .07rem;
}
.top {
    box-sizing: border-box;
    height: .63rem;
    padding-top: .15rem;
}
.apply {
    width: .84rem;
    height: .25rem;
    line-height: .27rem;
    border-radius: .03rem;
    color: #333;
    font-size: .14rem;
    border: none;
    background: #FFC302;
    box-shadow: 0 .02rem .05rem rgba(255,138,0,.54);
}
.bottom {
    padding-top: .1rem;
}
.limit,
.term  {
    text-align: left;
    float: left; 
    color: #FF6700;
    font-size: .13rem;
}

.limit {
    width: 30%;
}
.right {
    float: right;
    color: #999999;
    font-size: .12rem;
}
.head {
    margin-bottom: .05rem;
    color: #666666;
    font-size: .12rem;
}