/* pages/apply/index.wxss */ .inComeUnit{ border:1rpx solid #ddd; width:90%; margin:0 auto; } .top{ display: flex; width: 94%; margin: 0 auto; background-color: #ffffff; border-radius: 10rpx; margin-top: 3vw; overflow: hidden; } .top view{ padding: 40rpx 15rpx; align-items: center; justify-content: center; position: relative; } .top image{ position: absolute; width: 94%; } .top-title{ flex: 1; text-align: center; } .top-tit{ color: #fff; } .rules:before{ content:'*'; color:red; } main-title{ background-image: linear-gradient(to right, #2C8E68 , #B3DB62); color: #ffffff; font-size: 18rpx; padding: 10rpx 0; text-align: center; } .main-box{ background: #ffffff; padding: 20rpx; width: 94%; margin: 10rpx auto; border-radius: 10rpx; box-shadow: 0px 5rpx 5rpx rgba(0, 0, 0, 0.16); } .main-box block{ float: right; } .title{ padding: 10rpx calc(3% + 20px); color : #07c160; margin-top:30rpx; font-size:30rpx; } .table-box{ display: flex; flex-direction: row; } .table-box text{ line-height: 55rpx; } .work_plan{ padding: 40rpx 32.5rpx 30rpx; display: flex; justify-content:space-between } .work_plan .menu_item{ height: 60rpx; width: 180rpx; background-color: #fff; box-shadow: 0rpx 0rpx 9rpx rgba(0,0,0,.2); border-radius: 60rpx; line-height: 60rpx; text-align: center; font-size: 32rpx; position: relative; margin-right: 16rpx; padding:0 10rpx; display: inline-block; } .work_plan .menu_item.active{ background-color: #5bae78; color: #fff; } .remind{ height: 30rpx; background: #e90101; color: #fff; font-size: 26rpx; position: absolute; line-height: 30rpx; padding:0 10rpx; border-radius: 50%; top: -10rpx; right: -10rpx; }