shyaf-artist-platform-miniapp/pages/guanyuan/list/list.wxss

/* pages/guanyuan/list/list.wxss */
.bread-nav{
    border-bottom: 1rpx solid #ECEEF3;
    color: #161616;
    font-size: 32rpx;
    height: 100rpx;
    line-height: 100rpx;
    padding: 0 50rpx;
}
.bread-nav .split{
     color: #8D8D8D;
     padding: 0 30rpx;
}
.bread-nav .text-02{
    color: #8D8D8D;
}

.tab-box{
    padding: 10rpx 50rpx;
    margin-bottom: 10rpx;
    display: flex;

}

.tab-box .item{
    position: relative;
    color: #8D8D8D;
    font-size: 24rpx;
    height: 60rpx;
    line-height: 60rpx;
    padding: 0 15rpx;
    margin-right: 10rpx;
}

.tab-box .item.active{
    color: #161616;
}
.tab-box .item.active::after{
    position: absolute;
    bottom: 0;
    left: 15rpx;
    display: block;
    content:"";
    width:50rpx;
    height:4rpx;
    background:rgba(29,182,150,1);
}

.guanyuan-list{
    padding: 0 50rpx;
}

.guanyuan-list .item{
    background:rgba(255,255,255,1);
    box-shadow:0px 6rpx 26rpx 0px rgba(62,65,74,0.08);
    border-radius:8rpx;
    margin-bottom: 50rpx;
}

.guanyuan-list .item .text-wrap{
    padding:70rpx 50rpx 50rpx 50rpx
}

.guanyuan-list .item .icon-home{
    width: 32rpx;
    height: 32rpx;
}
.guanyuan-list .item .icon-gy{
    width: 32rpx;
    height: 42rpx;
}
.guanyuan-list .item .name{
    color: #111111;
    font-size: 28rpx;
    line-height: 1.6;
    padding: 16rpx 0;
}
.guanyuan-list .item .time{
    color: #8D8D8D;
    font-size: 24rpx;
}
.guanyuan-list .item .time .icon-time{
    display: inline-block;
    vertical-align: middle;
    width: 24rpx;
    height: 24rpx;
    margin-right: 10rpx;
}
.guanyuan-list .item .img-wrap{

}
.guanyuan-list .item .img-wrap>image{
    display: block;
    width: 100%;
}
.footer-tool{
    height:116rpx;
}
.footer-tool .footer-tool-content{
    position: fixed;
    width: 100%;
    left: 50%;
    transform: translate(-50%,0);
    bottom:0;
    height:116rpx;
    background:rgba(255,255,255,1);
    box-shadow:0px -6rpx 18rpx 0px rgba(127,129,138,0.15);
}

.apply-btn{
    position: fixed;
    left: 50%;
    transform: translate(-50%,0);
    bottom:20rpx;
    z-index: 10;
    width: 128rpx;
    height: 152rpx;
    display: block;
}
.apply-btn>image{
    position: relative;
    z-index: 1;
}
.apply-btn .text{
    position: absolute;
    color: #161616;
    font-size: 28rpx;
    z-index: 2;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.guanyuan-list .paragraph{
    margin-top: 10rpx;
    line-height:48rpx;
    font-size:24rpx;
    color:#111111;
    padding-bottom: 20rpx;
  }

.guanyuan-list .about-img{
    margin-bottom: 32rpx;
}

.guanyuan-list .guanyuan-list-title{
    text-align: center;
    padding: 30rpx 0;
}
.guanyuan-list .guanyuan-list-title .title-zh{
    height:40rpx;
    font-size:32rpx;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(17,17,17,1);
    line-height:40rpx;
}
.guanyuan-list .guanyuan-list-title .title-eg{
    height:34rpx;
    font-size:24rpx;
    font-family:PingFangSC-Ultralight,PingFang SC;
    font-weight:200;
    color:rgba(22,22,22,1);
    line-height:34rpx;
}