apply.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. /* promote/apply/apply.wxss */
  2. page{background: #f8f8fa;}
  3. .info_ban{width: 100%;}
  4. .ifelse{background: #fff;border-radius: 14rpx;margin: 25rpx 30rpx 0;padding: 45rpx 35rpx 65rpx;}
  5. .tits{font-size: 32rpx;color: #333;font-weight: bold;margin-bottom: 25rpx;}
  6. .iftit,.leiji{font-size: 26rpx;color: #333;}
  7. .iftit image{width: 18rpx;height: 20rpx;margin-right: 9rpx;}
  8. .iftit text,.leiji text{color: #FF4444;margin: 0 3rpx;}
  9. .leiji{margin-top: 80rpx;text-align: center;}
  10. .percent{width: 536rpx;height: 16rpx;background: #E9E9E9;border-radius: 9rpx;position: relative;margin: 35rpx auto 0;}
  11. .percent view{position: absolute;left: 0;top: 0;bottom: 0;border-radius: 9rpx;background: #FF4444;}
  12. .box{background: #fff;border-radius: 14rpx;margin: 30rpx;padding: 45rpx 35rpx 0;}
  13. .tit{font-size: 34rpx;color: #333;font-weight: bold;}
  14. .form{margin-top: 40rpx;}
  15. .form .li{border-bottom: 1rpx solid #E9E9E9;height: 100rpx;}
  16. .form .li:last-child{border-bottom: none;}
  17. .label{font-size: 28rpx;color: #333;width: 140rpx;}
  18. .label-spe{width: 235rpx;}
  19. .ipt{font-size: 28rpx;color: #333;padding: 20rpx 0;}
  20. .placeholder{color: #999;}
  21. .sex .lis{margin-right: 100rpx;}
  22. .sex .lis:last-child{margin-right: 0;}
  23. .radio{width: 30rpx;height: 30rpx;margin-right: 15rpx;}
  24. .sex-ico{width: 30rpx;height: 30rpx;}
  25. .rico{width: 14rpx;height: 24rpx;margin-left: 17rpx;}
  26. .item{flex: 1;-webkit-flex: 1;font-size: 28rpx;color: #999;overflow: hidden;}
  27. .item.active{color: #333;}
  28. .phone-btn{font-size: 28rpx;color: #999;text-align: left;width: 100%;padding: 20rpx 0 !important;}
  29. .bot{padding: 60rpx 30rpx 80rpx;z-index: 50;}
  30. .agree{font-size: 24rpx;color: #333;margin: 0 0 20rpx;padding-left: 37rpx;}
  31. .agree navigator{color: #367BD7;}
  32. .agree image{width: 30rpx;height: 30rpx;margin-right: 10rpx;}
  33. .btn{height: 80rpx;background: var(--mina);border-radius: 40rpx;font-size: 30rpx;color: #fff;text-align: center;line-height: 80rpx;}
  34. /* .topimg{padding: 20rpx 20rpx 0;}
  35. .topimg image{width: 100%;}
  36. .cen{padding: 120rpx 40rpx 0;font-size: 30rpx;color: #999;line-height: 44rpx; }
  37. .cen2{padding: 40rpx 30rpx 0;font-size: 30rpx;color: #999;line-height: 44rpx; }
  38. .cen image{width: 219rpx;height: 147rpx;margin: 0 auto;}
  39. .tiaojian{text-align: center;margin: 45rpx 0 15rpx;}
  40. .info text{color: #FE0419;}
  41. .btn{height:100rpx !important;border-radius:50rpx !important;line-height: 100rpx !important;font-size: 36rpx;color: #fff;text-align: center;margin-top: 170rpx;position: fixed;left: 40rpx;right: 40rpx;bottom: 115rpx;z-index: 20;}
  42. .gray{background:#999;}
  43. .form{background: #fff;border-radius: 10rpx;padding: 0 30rpx;}
  44. .ipt{width: 100%;font-size: 30rpx;color: #333;padding: 23rpx 0;height: 54rpx;line-height: 54rpx;border-bottom: 2rpx solid #F4F4F4;}
  45. .phone{align-items: center;padding: 23rpx 0;}
  46. .phone-btn{width: 180rpx !important;height: 54rpx !important;line-height: 54rpx !important;border-radius: 10rpx !important;font-size: 24rpx;color: #F5F6F7;align-items: center;justify-content: center;background: #2AA147;}
  47. .phone-btn image{width: 39rpx;height: 31rpx;margin: 0;margin-right: 5rpx;}
  48. .tip{position: fixed;left: 40rpx;right: 40rpx;text-align: center;font-size: 26rpx;color: #999;bottom: 60rpx;}
  49. .sex{color:rgb(128,128,128) ; display: flex; justify-content: space-between;}
  50. .show{display:none;}
  51. .picker{display: flex;justify-content: space-between;}
  52. radio .wx-radio-input{border-radius:50%;width:30rpx;height:30rpx;}
  53. input{ text-align: right; color: black;}
  54. radio{margin-left: 20rpx; color: black;} */