applic.wxss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  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-linear-gradient(bottom, #E73931 0%, #FF4F4F 100%);
  25. background: linear-gradient(0deg, #E73931 0%, #FF4F4F 100%);
  26. border-radius: 10rpx;
  27. margin: -250rpx auto 0;
  28. z-index: 1;
  29. position: relative;
  30. line-height: 66rpx;
  31. text-align: center;
  32. font-size: 30rpx;
  33. font-weight: 500;
  34. color: #FFFFFF;
  35. }
  36. .content .list-box {
  37. width: 685rpx;
  38. position: relative;
  39. background: #FFFFFF;
  40. border-radius: 29px;
  41. margin: -33rpx auto 0;
  42. font-size: 30rpx;
  43. font-weight: 400;
  44. color: #E63931;
  45. padding: 60rpx 0rpx 30rpx;
  46. }
  47. .content .list-box .list {
  48. display: -webkit-box;
  49. display: -webkit-flex;
  50. display: flex;
  51. -webkit-box-align: center;
  52. -webkit-align-items: center;
  53. align-items: center;
  54. width: 542rpx;
  55. height: 83rpx;
  56. border: 1px solid #E63931;
  57. margin: 0 auto 30rpx;
  58. padding: 0 40rpx;
  59. border-radius: 83rpx;
  60. }
  61. .content .list-box .list .uni-input {
  62. color: #FF9797;
  63. }
  64. .content .list-box .list .list-left {
  65. width: 150rpx;
  66. }
  67. .content .list-box .list .list-input {
  68. -webkit-box-flex: 1;
  69. -webkit-flex: 1;
  70. flex: 1;
  71. color: #FF9797;
  72. }
  73. .content .list-box .list .list-input .input-placeholder {
  74. color: #FF9797;
  75. }
  76. .content .sub {
  77. width: 660rpx;
  78. line-height: 100rpx;
  79. text-align: center;
  80. background: -webkit-linear-gradient(bottom, #C90F1B, #F14D33);
  81. background: linear-gradient(0deg, #C90F1B, #F14D33);
  82. border-radius: 50rpx;
  83. font-size: 36rpx;
  84. font-weight: 400;
  85. color: #FFFFFF;
  86. margin: 40rpx auto 0;
  87. }
  88. .content .sub.action {
  89. background-color: #999999;
  90. }