applic.wxss 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .content {
  12. line-height: 1;
  13. background-color: #FFE1E1;
  14. padding-bottom: 40rpx;
  15. }
  16. .content .bgi-box {
  17. width: 750rpx;
  18. }
  19. .content .bgi-box .bgi-img {
  20. width: 750rpx;
  21. }
  22. .content .center-box {
  23. width: 405rpx;
  24. background: -webkit-gradient(linear, left bottom, left top, from(#E73931), to(#FF4F4F));
  25. background: -webkit-linear-gradient(bottom, #E73931 0%, #FF4F4F 100%);
  26. background: linear-gradient(0deg, #E73931 0%, #FF4F4F 100%);
  27. -webkit-border-radius: 10rpx;
  28. border-radius: 10rpx;
  29. margin: -250rpx auto 0;
  30. z-index: 1;
  31. position: relative;
  32. line-height: 66rpx;
  33. text-align: center;
  34. font-size: 30rpx;
  35. font-weight: 500;
  36. color: #FFFFFF;
  37. }
  38. .content .list-box {
  39. width: 685rpx;
  40. position: relative;
  41. background: #FFFFFF;
  42. -webkit-border-radius: 29px;
  43. border-radius: 29px;
  44. margin: -33rpx auto 0;
  45. font-size: 30rpx;
  46. font-weight: 400;
  47. color: #E63931;
  48. padding: 60rpx 0rpx 30rpx;
  49. }
  50. .content .list-box .list {
  51. display: -webkit-box;
  52. display: -webkit-flex;
  53. display: flex;
  54. -webkit-box-align: center;
  55. -webkit-align-items: center;
  56. align-items: center;
  57. width: 542rpx;
  58. height: 83rpx;
  59. border: 1px solid #E63931;
  60. margin: 0 auto 30rpx;
  61. padding: 0 40rpx;
  62. -webkit-border-radius: 83rpx;
  63. border-radius: 83rpx;
  64. }
  65. .content .list-box .list .uni-input {
  66. color: #FF9797;
  67. }
  68. .content .list-box .list .list-left {
  69. width: 150rpx;
  70. }
  71. .content .list-box .list .list-input {
  72. -webkit-box-flex: 1;
  73. -webkit-flex: 1;
  74. flex: 1;
  75. color: #FF9797;
  76. }
  77. .content .list-box .list .list-input .input-placeholder {
  78. color: #FF9797;
  79. }
  80. .content .sub {
  81. width: 660rpx;
  82. line-height: 100rpx;
  83. text-align: center;
  84. background: -webkit-gradient(linear, left bottom, left top, from(#C90F1B), to(#F14D33));
  85. background: -webkit-linear-gradient(bottom, #C90F1B, #F14D33);
  86. background: linear-gradient(0deg, #C90F1B, #F14D33);
  87. -webkit-border-radius: 50rpx;
  88. border-radius: 50rpx;
  89. font-size: 36rpx;
  90. font-weight: 400;
  91. color: #FFFFFF;
  92. margin: 40rpx auto 0;
  93. }
  94. .content .sub.action {
  95. background-color: #999999;
  96. }