小u列表css

@charset "utf-8";

#page {

    width: 3.75rem;

    margin: 0 auto;

}

/* 头部 */

header {

    height: 0.88rem;

    background: #FF6040;

    padding: 0.44rem 0.06rem 0 0.17rem;

    box-sizing: border-box;

 

    display: flex;

    align-items: center;

    justify-content: space-between;

}

#page header>span {

    font-size: 0.17rem;

    color: #fff;

}

header>a {

    font-size: 0.17rem;

    color: #fff;

    opacity: .8;

    margin-left: 0.4rem;

}

header>.more {

    width: 0.87rem;

    height: 0.32rem;

    background: rgba(255, 119, 51, 0.10);

    border: 1px solid rgba(255, 255, 255, 0.25);

    border-radius: 0.405rem;

    display: flex;

    align-items: center;

    justify-content: space-evenly;

}

header>.more .line {

    background: rgba(255, 255, 255, 0.25);

    width: 1px;

    height: 0.19rem;

}

header>.more span {

    font-size: 0.17rem;

    color: #fff;

    opacity: .8;

}

#page .sou {

    height: 0.75rem;

    padding-top: 0.15rem;

    box-sizing: border-box;

    background-image: linear-gradient(180deg, #FF6040 0%, #FF8A80 100%);

    box-shadow: 0 0.02rem 0.06rem 0 rgba(255, 149, 128, 0.50);

}

#page .sou .top {

    text-align: center;

    position: relative;

}

#page .sou input {

    width: 3.5rem;

    height: 0.25rem;

    background: #FFFFFF;

    border: 1px solid #E6E6E6;

    border-radius: 0.03rem;

    text-indent: 0.29rem;

    font-size: 0.14rem;

    color: #999999;

    line-height: 0.22rem;

}

#page .sou .fd {

    position: absolute;

    top: 0.01rem;

    left: 0.2rem;

    font-size: 0.16rem;

    color: #999999;

    font-weight: bold;

}

#page .bot {

    display: flex;

    justify-content: space-around;

    padding-top: 0.09rem;

    font-size: 0.14rem;

    color: #FFFFFF;

    text-align: center;

    line-height: 0.16rem;

}

#page .bot .ico span {

    font-size: 0.14rem;

}

#page .bot .a1 {

    font-size: 0.15rem;

}

#page .bot a {

    color: #FFF3F2;

    font-size: 0.14rem;

}

#page .bot a:last-child {

    width: 0.5rem;

    height: 0.25rem;

    background-image: linear-gradient(180deg, #FF7A68 0%, #FF8A80 100%);

    box-shadow: -0.06rem 0rem 0.05rem -0.05rem #E63D2E;

}

#page .sh {

    display: flex;

    justify-content: center;

    margin-top: 0.1rem;

}

#page .sh a {

    width: 3.55rem;

    height: 0.32rem;

    background: #FFF4F2;

    border-radius: 0.02rem;

    font-size: 0.16rem;

    color: #FF6040;

    border: 1px solid #FF6040;

    text-align: center;

    line-height: 0.32rem;

    font-weight: bold;

}

#page .tu1 ul {

    margin-top: 0.2rem;

}

#page .tu1 ul img {

    width: 1.08rem;

    height: 1.09rem;

}

#page .tu1 .w1 {

    width: 2.3rem;

    height: 0.2rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 0.16rem;

    color: #333333;

    line-height: 0.16rem;

}

#page .tu1 .w2 {

    width: 2.2rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 0.13rem;

    color: #999999;

    line-height: 0.14rem;

    margin-top: 0.05rem;

}

#page .tu1 ul {

    display: flex;

    flex-wrap: wrap;

}

#page .tu1 ul li:nth-child(2) {

    margin-left: 0.2rem;

}

#page .tu1 .w3 {

    margin-top: 0.14rem;

}

#page .tu1 .w3 span {

    font-size: 0.1rem;

    color: #FF6040;

    line-height: 0.16rem;

}

#page .tu1 .w3 b {

    font-size: 0.2rem;

}

#page .tu1 .w3 del {

    font-size: 0.1rem;

    color: #999999;

}

#page .tu1 .w3 .ww {

    font-size: 0.12rem;

    color: #999999;

}

#page .tu1 .w4 {

    width: 0.83rem;

    height: 0.16rem;

    background: #FF8066;

    color: white;

    line-height: 0.16rem;

    text-align: center;

}

#page .tu1 .w4 a {

    color: white;

}

#page .tu1 .w5 {

    font-size: 0.1rem;

    color: #999999;

    line-height: 0.1rem;

    margin-top: 0.11rem;

}