form.wxss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  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. .input-class-textarea {
  52. height: 230rpx !important;
  53. width: 420rpx !important;
  54. background-color: #ffffff;
  55. margin-top: -5rpx !important;
  56. }
  57. /* 商户 */
  58. .firm .input-class {
  59. width: 450rpx !important;
  60. }
  61. /* 左侧无图标使用 */
  62. .marLeft {
  63. margin-left: 0rpx;
  64. }
  65. /* 获取验证码 */
  66. .input_text_code {
  67. position: relative;
  68. display: flex;
  69. align-items: center;
  70. width: 60rpx;
  71. height: 100%;
  72. text-align: center;
  73. font-family: PingFangSC-Medium, PingFang SC;
  74. font-size: 28rpx;
  75. font-weight: 550;
  76. color: #4CBECF;
  77. z-index: 99999;
  78. padding-left: 18rpx;
  79. padding-right: 30rpx;
  80. margin-right: -30rpx;
  81. }
  82. /* 隔断 | */
  83. .input_text_code::after {
  84. position: absolute;
  85. content: '';
  86. width: 2rpx;
  87. height: 40rpx;
  88. background-color: #979797;
  89. opacity: 0.2;
  90. top: 15rpx;
  91. left: 0rpx;
  92. }