.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-top{ padding: 45rpx; background: #FFF; } .proxyapply-img{ width: 35%; display: inline-block; vertical-align: middle; padding: 15rpx; box-sizing: border-box; } .proxyapply-img image{ width: 180rpx; height: 180rpx; border-radius: 50%; } .proxyapply-right{ display: inline-block; vertical-align: middle; width: 65%; } .proxyapply-right .topname{ display: block; width: 100%; font-size: 40rpx; margin: 15rpx 0; } .proxyapply-yeji{ float: left; width: 50%; } .proxyapply-yeji small{ font-size: 25rpx; display: block; color: #666; } .applyproxy-button{ margin: 35rpx 0 20rpx; background: #eab86a; text-align: center; color: #FFF; padding: 15rpx; border-radius: 5px; } .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; } .listnodata{ text-align: center; padding: 25rpx; color: #999; } .nameText { width: 330rpx; height: 90rpx; line-height: 90rpx; color: #4c4c4c; float: left; text-align: left; padding-right: 20rpx; } .newAddress-line { height: 90rpx; line-height: 90rpx; background-color: #fff; font-size: 28rpx; border-bottom: 1px solid #eeeeee; overflow:hidden; } .newAddress-title { float: left; margin-left: 20rpx; color: #4c4c4c; width:80px; }