form.wxss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. /* 输入框盒子 */
  2. .input_text_box {
  3. display: flex;
  4. align-items: center;
  5. justify-content: space-between;
  6. width: 100%;
  7. height: 70rpx;
  8. border-radius: 35rpx;
  9. background-color: #ffffff;
  10. opacity: .7;
  11. padding: 0 30rpx;
  12. margin-bottom: 40rpx;
  13. box-sizing: border-box;
  14. overflow: hidden;
  15. }
  16. /* 纯在title时使用 */
  17. .box_mar_bot {
  18. margin-bottom: 26rpx;
  19. }
  20. .input_text_box:last-child {
  21. margin-bottom: 0rpx;
  22. }
  23. /* 表单标题 */
  24. .input_text_title {
  25. font-size: 32rpx;
  26. color: #333333;
  27. margin: 0 0 16rpx 10rpx;
  28. }
  29. .input_text_title>text {
  30. color: #4BBECF;
  31. }
  32. /* 表单盒子 */
  33. .form_box {
  34. width: 100%;
  35. }
  36. /* 图标 */
  37. .input_text_img {
  38. width: 28rpx;
  39. height: 38rpx;
  40. z-index: 9;
  41. }
  42. /* 输入框 */
  43. .input_text_input {
  44. position: absolute;
  45. flex: 1;
  46. margin-left: 40rpx;
  47. }
  48. .input-class {
  49. width: 420rpx !important;
  50. }
  51. /* 商户 */
  52. .firm .input-class {
  53. width: 450rpx !important;
  54. }
  55. /* 文本域 */
  56. .textarea {
  57. height: 230rpx;
  58. }
  59. .textarea>textarea {
  60. margin-top: 100rpx;
  61. font-size: 28rpx;
  62. color: #323233;
  63. }
  64. /* 左侧无图标使用 */
  65. .marLeft {
  66. margin-left: 0rpx;
  67. }
  68. /* 获取验证码 */
  69. .input_text_code {
  70. position: relative;
  71. display: flex;
  72. align-items: center;
  73. width: 60rpx;
  74. height: 100%;
  75. text-align: center;
  76. font-size: 28rpx;
  77. font-weight: 600;
  78. color: #4CBECF;
  79. z-index: 99999;
  80. padding-left: 18rpx;
  81. padding-right: 30rpx;
  82. margin-right: -30rpx;
  83. }
  84. /* 隔断 | */
  85. .input_text_code::after {
  86. position: absolute;
  87. content: '';
  88. width: 2rpx;
  89. height: 40rpx;
  90. background-color: #979797;
  91. opacity: 0.2;
  92. top: 15rpx;
  93. left: 0rpx;
  94. }