You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

34 lines
2.8 KiB

.nav{z-index: 4; position: fixed; top:0;left:0;width:100%;height:100rpx;line-height:100rpx;background:#fff;border-bottom:4rpx solid #F5F5F5}
.nav .ing-title{height:52rpx;line-height: 52rpx;padding:24rpx 0;display: flex;justify-content: start;border-bottom:2rpx solid #f5f5f5;}
.nav .ing-title .title-name{width:50%;text-align: center;font-size:34rpx;}
.nav .ing-title .title-hot{border-right:2rpx solid #f4f4f4;}
.nav .ing-title .title-hot image{width:32rpx;height:32rpx;transform:rotate(90deg);}
.content{width:94%;padding:0 3%;background:#fff;}
.content .content-title{height:64rpx;line-height:64rpx;padding:12rpx 0;}
.circle{width:100%;padding:24rpx 0;}
.circle .circle-list{width:100%;border-bottom:2rpx solid #F5F5F5;display: flex;padding:24rpx 0;}
.circle .circle-list .list-left{width:30%;display: flex;justify-content: start;}
.circle .circle-list .list-left view{margin-right:24rpx;}
.circle .circle-list .list-left view text{font-size: 48rpx;color:#FAECD8;line-height:112rpx;}
.circle .circle-list .list-left view image{width:36rpx;height:48rpx;margin-top:32rpx;}
.circle .circle-list .list-left .ava{width:112rpx;height:112rpx;border-radius:50%;}
.circle .circle-list .list-right{width:70%;display: flex;justify-content: space-between;}
.circle .circle-list .list-right .right-center{height:112rpx;display: flex;justify-content: center;flex-direction: column;}
.circle .circle-list .list-right .right-center .name{font-size:28rpx;}
.circle .circle-list .list-right .right-center .pop text{background: rgba(0,170,255,0.10);font-size: 16rpx;color: #409eff;padding:2rpx 12rpx;}
.circle .circle-list .list-right .right-ri{font-size: 24rpx;line-height:112rpx;}
.circle .team-list{width:100%;border-bottom:2rpx solid #F5F5F5;display: flex;padding:24rpx 0;}
.circle .team-list .list-left{width:30%;}
.circle .team-list .list-left image{width:176rpx;height:144rpx;border-radius:12rpx;}
.circle .team-list .list-right{width:70%;}
.circle .team-list .list-right .right-title{color:#F66A01;font-size:32rpx;height:44rpx;line-height:44rpx;}
.circle .team-list .list-right .right-title image{width:32rpx;height:32rpx;margin-left:8rpx;vertical-align: middle;}
.circle .team-list .list-right .right-timename{display: flex;justify-content: space-between;}
.circle .team-list .list-right .right-timename .right-time{text-align: center;}
.circle .team-list .list-right .right-timename .one{padding-top:22rpx;font-size:24rpx;color:#D2D2D2}
.circle .team-list .list-right .right-timename .two{padding-top:8rpx;font-size:28rpx;color:#717171}
.tewm{padding-bottom:130rpx;}
.bottom{width:100%;position: fixed;bottom:0;left:0;background:#fff;}
.bottom-circle{width:702rpx;height:96rpx;background: #F66A01;line-height:96rpx;color:#fff;text-align:center;border-radius: 12rpx;
box-shadow: 0px 4px 12px 0px rgba(255,108,1,0.34);font-size:28rpx;margin:24rpx auto}