index.less 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. @import '../../../../styles/base.less';
  2. page{
  3. font-size: 30rpx;
  4. color: #333;
  5. line-height: 1.5;
  6. background: white;
  7. height: 100%;
  8. }
  9. .container {
  10. background-color: #fff;
  11. align-items: stretch;
  12. overflow-x: hidden;
  13. width: 100%;
  14. padding: 100rpx 40rpx 0;
  15. }
  16. .input_wrapper {
  17. display: flex;
  18. align-items: center;
  19. margin: 20rpx 0;
  20. margin-bottom: 40rpx;
  21. }
  22. .code {
  23. display: flex;
  24. align-items: center;
  25. margin: 20rpx 0;
  26. margin-bottom: 40rpx;
  27. justify-content: space-between;
  28. }
  29. .input_wrapper text {
  30. width: 150rpx;
  31. text-align: right;
  32. }
  33. .input_wrapper input {
  34. background-color: #f2f2f2;
  35. /* border: 1rpx #f1f1f1 solid; */
  36. }
  37. .code input {
  38. background-color: #f2f2f2;
  39. width: 60%;
  40. /* border: 1rpx #f1f1f1 solid; */
  41. }
  42. .input_wrapper input {
  43. background-color: #f2f2f2;
  44. /* border: 1rpx #f1f1f1 solid; */
  45. }
  46. .code .get_code {
  47. background-color: #009de1;
  48. color: #fff;
  49. height: 76rpx;
  50. border-radius: 10rpx;
  51. width: 30%;
  52. text-align: center;
  53. line-height: 80rpx;
  54. }
  55. .van-count-down {
  56. color: #fff!important;
  57. line-height: 80rpx!important;
  58. }
  59. .input_wrapper input ::placeholder {
  60. font-size: 36rpx;
  61. font-family: Arial, Helvetica, sans-serif;
  62. font-weight: 600;
  63. width: 150rpx;
  64. text-align: right;
  65. }
  66. input {
  67. width: 100%;
  68. height: 60rpx;
  69. line-height: 60rpx;
  70. padding: 10rpx;
  71. border: 2px solid #fafafa;
  72. border-radius: 10rpx;
  73. }
  74. .desc{
  75. width: 100%;
  76. height: 80rpx;
  77. margin-top: 40rpx;
  78. font-size: 28rpx;
  79. color: #999;
  80. text-align: center;
  81. }
  82. .btn-login{
  83. margin: 40rpx auto;
  84. display: flex;
  85. justify-content: center;
  86. height: 80rpx;
  87. width: 100%;
  88. background: #009de1;
  89. border-radius: 20rpx;
  90. color: #fff;
  91. align-items: center;
  92. cursor: pointer;
  93. font-size: 40rpx;
  94. /* font-weight: 700; */
  95. }
  96. .bottom{
  97. display: flex;
  98. align-items: center;
  99. justify-content: space-between;
  100. /* position: absolute;
  101. bottom:40rpx;
  102. border-right: 4rpx solid red; */
  103. }