H5_module/promote/index/index.css

.top{position: fixed;top: 0;left: 0;right: 0;z-index: 50;text-align: center;}
.top-background{background: var(--mina);}
.top-nav{position: relative;}
.back{position: absolute;top: 50%;transform: translateY(-50%);left: 0;padding-left: 30rpx;}
.back image{width: 22rpx;height: 38rpx;}
.top-nav-title{font-size: 36rpx;color: #fff;font-weight: bold;}
.head{position: relative;}
.bg{width: 100%;height: 345rpx;}
.userinfo{padding: 0 30rpx 0 45rpx;position: absolute;z-index: 2;bottom: 60rpx;left: 0;right: 0;align-items: flex-end;}
.userimg{width: 42rpx;height: 42rpx;border-radius: 50%;border: 1rpx solid #fff;margin-right: 10rpx;}
.username{font-size: 36rpx;color: #fff;font-weight: bold;}
.dept{margin-top: 20rpx;}
.hhr-tag{position: relative;}
.hhr-tag image{width: 27rpx;height: 32rpx;position: relative;z-index: 3;}
.hhr-tag view{font-size: 20rpx;color: #fff;height: 30rpx;line-height: 30rpx;width: 100rpx;text-align: center;background: #333333;border-radius: 0 6rpx 6rpx 0;margin-left: -10rpx;padding-left: 20rpx;padding-right: 10rpx;}
.job{font-size: 20rpx;color: #fff;opacity: .9;margin-left: 20rpx;}
.job view{border: 1rpx dashed rgba(255,255,255,.6);margin-right: 10rpx;border-radius: 6rpx;padding: 1rpx 8rpx;}
.date{height: 50rpx;border: 1rpx solid #FFFFFF;border-radius: 6rpx;font-size: 24rpx;color: #fff;padding: 0 14rpx;line-height: 50rpx;}
.date view{display: inline-block;}
.bico{display: inline-block;width: 20rpx;height: 13rpx;margin-left: 10rpx;}
.box{background: #fff;margin: 30rpx;border-radius: 16rpx;padding: 30rpx 0 0;position: relative;}
.tit{font-size: 30rpx;color: #333;margin: 0 30rpx;line-height: 36rpx;}
.tit:before{content: '';display: block;width: 6rpx;height: 32rpx;background: #0091FE;border-radius: 3rpx;margin-right: 8rpx;}
.tit text{font-size: 24rpx;color: #999;margin-left: 12rpx;}
.qian{overflow: hidden;padding-bottom: 36rpx;transition: all 5s ease;}
.yugu{font-size: 24rpx;color: #333;margin: 25rpx 30rpx 45rpx;}
.yugu-money{font-size: 58rpx;font-weight: bold;margin-bottom: 10rpx;line-height: 66rpx;}
.yugu-text{line-height: 28rpx;}
.yugu-text image{width: 27rpx;height: 30rpx;margin-right: 9rpx;}
.tx-btn{width: 176rpx;height: 60rpx;background: #FFFFFF;border-radius: 30rpx;border: 2rpx solid #1A83FF;font-size: 26rpx;color: #0091FE;text-align: center;line-height: 60rpx;}
.m-datas{font-size: 24rpx;color: #999;padding: 0 30rpx;line-height: 28rpx;}
.m-datas .li{width: 33.33%;padding-bottom: 35rpx;}
.m-datas .li view{font-size: 36rpx;color: #333;margin-bottom: 15rpx;line-height: 40rpx;}
.m-datas .li view text{font-size: 20rpx;color: #585C67;font-weight: normal;line-height: 26rpx;}
.more-datas{border-top: 1rpx solid #E5E5E5;padding: 0 30rpx;}
.yeji-datas{border-bottom: 1rpx solid #EEEEEE;padding: 30rpx 0;}
.more-datas .yeji-datas:last-child{border-bottom: none;}
.yeji-datas .li{width: 50%;font-size: 40rpx;color: #333;font-weight: bold;}
.yeji-datas .li .ddflex{font-size: 24rpx;color: #999;font-weight: normal;padding: 15rpx 0;}
.yeji-datas .li image{width: 12rpx;height: 22rpx;margin-left: 14rpx;}
.colle{height: 36rpx;position: absolute;bottom: 0;left: 0;right: 0;background: #fff;padding-top: 30rpx;}
.colle-c{width: 68rpx;height: 36rpx;background: #F5F5F5;border-radius: 10rpx 10rpx 0 0;justify-content: center;margin: 0 auto;}
.colle-c image{width: 20rpx;height: 13rpx;margin: 0 auto;transition: all .3s ease;}
.colle-c.active image{transform: rotate(-180deg);transition: all .3s ease;}
.box-datas{padding: 0 30rpx 30rpx;}
.box-datas .li{width: 33.33%;text-align: center;font-size: 24rpx;color: #999;padding: 40rpx 0 15rpx;}
.box-datas .li view{font-size: 36rpx;color: #333;margin-bottom: 13rpx;}
.box-datas .li view text{font-size: 22rpx;color: #666;}
.data-box{padding: 30rpx 0 0;}
.data{border: none;color: #999;padding: 0;height: auto;}
.bico1{display: inline-block;width: 18rpx;height: 11rpx;margin-left: 10rpx;}
.statistics{height: 450rpx;margin: 15rpx 30rpx 0;}