index.wxss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. page {
  2. height: 100%;
  3. }
  4. .login {
  5. height: 100%;
  6. position: relative;
  7. text-align: center;
  8. }
  9. .logo_head {
  10. width: 120rpx;
  11. height: 120rpx;
  12. margin: 0 auto;
  13. margin-top: 30rpx;
  14. }
  15. .logo_title {
  16. font-size: 48rpx;
  17. color: #20a0ff;
  18. margin: 30rpx 0 15rpx;
  19. }
  20. .login_prompt {
  21. height:80rpx;
  22. font-size:24rpx;
  23. color:#666666;
  24. }
  25. .login_from {
  26. width: 80%;
  27. margin: 0 auto;
  28. }
  29. .from {
  30. margin: 60rpx 0 60rpx 0;
  31. }
  32. .from_title {
  33. font-size: 36rpx;
  34. text-align: left;
  35. display: inline-block;
  36. float: left;
  37. width: 20%;
  38. height: 88rpx;
  39. line-height: 88rpx;
  40. }
  41. .from_body {
  42. padding: 15rpx 0;
  43. margin: 0 0 15rpx 0;
  44. border-bottom: 1rpx solid #eee;
  45. }
  46. .form_body input {
  47. width: 80%;
  48. height: 88rpx;
  49. line-height: 88rpx;
  50. font-size: 30rpx;
  51. text-align: left;
  52. border-bottom: 1px solid #ddd;
  53. }
  54. .login_from button {
  55. border: 1px solid #20a0ff;
  56. color: #fff;
  57. background: #20a0ff;
  58. width:600rpx;
  59. height: 80rpx;
  60. line-height: 80rpx;
  61. margin-top: 80rpx;
  62. }
  63. .pay_check {
  64. margin: 30rpx auto 20rpx;
  65. }
  66. .pay_check checkbox-group {
  67. display: inline;
  68. }
  69. /* checkbox未选中时样式 */
  70. .pay_check checkbox .wx-checkbox-input{
  71. border-radius: 3rpx;
  72. height: 26rpx;
  73. width: 26rpx;
  74. /* 自定义样式.... */
  75. }
  76. /* checkbox选中时样式 */
  77. .pay_check checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
  78. background-color: #6b223e;
  79. color: #fff;
  80. /* 自定义样式.... */
  81. }
  82. .pay_check .text {
  83. font-size: 22rpx;
  84. color: #999;
  85. }
  86. .pay_check .text.a {
  87. color: #576b95;
  88. }