.bg { position: relative; width: 100%; min-height: 100%; background-color: #f3f3f3; } .radish-top { width: 100%; height: 360rpx; background-image: url('http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/user/djquan.jpg'); background-size: 100%; } .radish-top__title { padding: 95rpx 0 0; font-size: 34rpx; color: #FFF; text-align: center; text-shadow: 1px 1px 1px #bb954d; } .radish-top__count { font-size: 70rpx; color: #fff; text-align: center; text-shadow: 1px 1px 1px #e6231d; } .radish-top__btn { position: absolute; top: 190rpx; left: 150rpx; width: 196rpx; height: 60rpx; border: 2rpx solid #fff; margin: 48rpx auto 0; text-align: center; line-height: 60rpx; border-radius: 8rpx; font-size: 28rpx; color: #fff; } .radish-top__btn1 { position: absolute; top: 210rpx; width: 206rpx; height: 60rpx; border: 2rpx solid #eb4d20; margin: 48rpx auto 0; text-align: center; line-height: 60rpx; border-radius: 45px; font-size: 32rpx; color: #fff; right: calc(50% - 103rpx); background: linear-gradient(to right,#eb712c,#e71f1c); } .radish-main { background-color: #fff; } .radish-main__title { height: 50rpx; line-height: 50rpx; color: #bbbbbb; background-color: #f3f3f3; text-align: center; font-size: 24rpx; } .radish-main__line { margin: 0 20rpx; height: 100rpx; border-bottom: 1rpx solid #eeeeee; } .radish-main__left { float: left; width: 450rpx; } .radish-main__text { float: left; padding-top: 16rpx; font-size: 28rpx; color: #4c4c4c; width: 450rpx; } .radish-main__time { float: left; font-size: 18rpx; color: #bbbbbb; padding-top: 5rpx; } .radish-main__count { float: right; width: 260rpx; font-size: 28rpx; line-height: 100rpx; text-align: right; color: #eab86a; } .proxyapply-list{} .proxyapply-list ul{ list-style: none; display: block; } .proxyapply-list ul li{display: block;} .proxyapply-list ul li span{ width: 33.33%; display: inline-block; padding: 15rpx; box-sizing: border-box; font-size: 28rpx; line-height: 60rpx; } .proxyapply-list ul li span.title{ color: #999; border-bottom: 1px solid #ddd; } .proxyapply-list ul li span:nth-child(1){ width: 35%; } .proxyapply-list ul li span:nth-child(2){ width: 50%; } .proxyapply-list ul li span:nth-child(3){ width: 15%; } .proxyapply-list ul li span image{ width: 50rpx; height: 50rpx; display: inline-block; vertical-align: middle; border-radius: 50%; margin: 5rpx; }