Home Explore Help
Register Sign In
zouling
/
qianshanxm_ui
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
qianshanxm_ui
/
qianshandaikuan
/
static
/
css
/
style.css

style.css 10 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159 
  1. * {
    2. 

  2.   padding: 0;
    3. 

  3.   margin: 0;
    4. 

  4. }
    5. 

  5. 

  6. /* 首页 */
    7. 

  7. .dkbox{min-height: 100vh;background: url(../images/ibg.png) no-repeat center;width: 100%;background-size: 100% 100%;padding:0.88rem 0 0.4rem;position: relative;box-sizing: border-box;}
    8. 

  8. .dbody{min-height: 100vh;width: 100%;padding-top:0.88rem;position: relative;box-sizing: border-box;}
    9. 

  9. .dtop{position: fixed;left: 0;top: 0;right: 0;height: 0.88rem;padding: 0 1.12rem;box-sizing: border-box;z-index: 3;}
    10. 

  10. .dtop .back{width: 0.88rem;height: 0.88rem;display: flex;align-items: center;justify-content: center;position: absolute;left: 0.24rem;top: 0;}
    11. 

  11. .dtop .back img{width: 0.32rem;height: 0.24rem;}
    12. 

  12. .dtop .tit{line-height: 0.88rem;font-size: 0.32rem;color: #161616;font-weight: bold;text-align: center;}
    13. 

  13. .dtop.act {background: linear-gradient(0deg, #FE590D, #FE7B2B);}
    14. 

  14. .dtop.act  .tit{color: #ffffff;}
    15. 

  15. 

  16. .ditop{padding-top: 0.4rem;display: flex;align-items: flex-start;padding-left: 0.24rem;}
    17. 

  17. .ditop .limg{width: 4rem;height: 2.4rem;margin-right: 0.1rem;}
    18. 

  18. .ditop .rimg{width: 2.76rem;height: 2.28rem;}
    19. 

  19. 

  20. .diinf{margin: 0.8rem 0.2rem 0;background: url(../images/ibgc.png) no-repeat center;position: relative;background-size: 100% 100%;padding: 1.44rem 0 0.74rem;box-sizing: border-box;}
    21. 

  21. .diinf h1,.dicon h1{line-height: 0.88rem;text-align: center;position: absolute;left: 1.6rem;right: 1.6rem;top: 0;}
    22. 

  22. .diinf .list{padding: 0 .64rem;margin-bottom: 0.46rem;}
    23. 

  23. .diinf .list .btn{min-width: 1.94rem;height: 0.56rem;background: linear-gradient(90deg, #FE7E2E, #FE590D);
    24. 

  24. border-radius: 0.28rem;display: flex;justify-content: center;margin-right: 0.46rem;box-sizing: border-box;line-height: 0.56rem;
    25. 

  25. font-size: 0.32rem;color: #ffffff;font-weight: bold;}
    26. 

  26. .diinf .list .tit{font-size: 0.4rem;color: #FE590D;font-weight: bold;}
    27. 

  27. .diinf .list .tit span{font-size: 0.26rem;color: #303030;}
    28. 

  28. .diinf .ditxt img{width: 0.36rem;height: 0.44rem;margin-right: 0.3rem;}
    29. 

  29. 

  30. .dicon{margin: 0.24rem 0.2rem 0;background: url(../images/ibga.png) no-repeat center;position: relative;background-size: 100% 100%;padding: 1.44rem 0 0.9rem;box-sizing: border-box;}
    31. 

  31. .dicon .list{padding: 0 0.68rem 0 0.54rem;margin-bottom: 0.3rem;}
    32. 

  32. .dicon .tit{width: 0.44rem;height: 0.44rem;;background: linear-gradient(90deg, #FE7E2E, #FE590D);
    33. 

  33. border-radius: 50%;font-size: 0.32rem;color: #ffffff;text-align: center;line-height: 0.44rem;margin-right: 0.36rem;font-weight: bold;}
    34. 

  34. .dicon .txt{font-size: 0.3rem;font-weight: 500;color: #161616;line-height: 0.48rem;}
    35. 

  35. .dicon .dilook img{width: 0.26rem;height: 0.3rem;margin-left: 0.26rem;}
    36. 

  36. .dicon .dicontop img{width: 1.08rem;height: 0.24rem;}
    37. 

  37. .dicon .slist{padding: 0 0.72rem 0.18rem 0.54rem;position: relative;}
    38. 

  38. .dicon .slist .btn{width: 0.44rem;height: 0.44rem;border: 0.04rem solid #FE590D;border-radius: 50%;font-size: 0.32rem;box-sizing: border-box;color: #FE5A0E;font-weight: bold;line-height: 0.36rem;margin-right: 0.36rem;}
    39. 

  39. .dicon .slist::after{position: absolute;content: '';border-right: 0.04rem dashed #E6E6E6;left: 0.76rem;top: 0.74rem;bottom:0.3rem;}
    40. 

  40. /* .dicon .slist:last-child::after{display: none;} */
    41. 

  41. .dfbtn{margin: 0.48rem 0.68rem 0 0.62rem;background: url(../images/ibgb.png) no-repeat center;height: 0.98rem;background-size: 100% 100%;}
    42. 

  42. 

  43. 

  44. /* 额度要求 */
    45. 

  45. .edlist{padding: 0.46rem 0.56rem 0 0.48rem;}
    46. 

  46. .edlist p{text-indent: 2em;font-size: 0.26rem;color: #161616;line-height: 0.48rem;}
    47. 

  47. 

  48. 

  49. /* 填写申请额度 */
    50. 

  50. .tsqbox{padding: 0.8rem 0.48rem;}
    51. 

  51. .sqbtn{width: 100%;height: 1rem;background: #FE5A0E;
    52. 

  52. border-radius: 0.48rem;font-size: 0.32rem;font-weight: bold;
    53. 

  53. color: #FFFFFF;text-align: center;line-height: 1rem;margin-top: 1.2rem;}
    54. 

  54. .tsqbox .mimg{width: 0.38rem;height: 0.5rem;margin-right: 0.26rem;}
    55. 

  55. .tsqbox .rimg{width: 0.18rem;height: 0.3rem;margin-right: 0.4rem;}
    56. 

  56. .tsqbox input{border: none;font-size: 0.5rem;color: #161616;width: 4rem;outline: none;}
    57. 

  57. .tsqbox input::placeholder {font-weight: 400;color: #AAAAAA;font-weight: normal;}
    58. 

  58. 

  59. 

  60. 

  61. /* 查看进度 */
    62. 

  62. .jdbox .tit{padding: 0.28rem 0.32rem 0.18rem;font-size: 0.26rem;color: #666666;font-weight: bold;display: flex;align-items: center;}
    63. 

  63. .jdbox .tit span{color: #DF0303;}
    64. 

  64. .ibox{padding:0rem 0.48rem;}
    65. 

  65. .jdbox .el-form-item{margin-bottom: 0;border-bottom: 0.02rem solid #E6E6E6;padding: 0.14rem 0;display: flex;align-items: center;}
    66. 

  66. .jdbox .el-input__inner{border: none;font-size: 0.3rem;color: #161616;line-height: 0.8rem;}
    67. 

  67. .jdbox .el-form-item__content{display: flex;align-items: center;margin-left: 0 !important;flex: 1;line-height: 1;}
    68. 

  68. .jdbox .irimg{width: 0.16rem;height: 0.26rem;flex: 0 0 auto;}
    69. 

  69. .jdbox .el-form-item__label{font-weight: bold;font-size: 0.32rem;flex: 0 0 auto;;line-height: 0.5rem;}
    70. 

  70. .jdbox .el-form-item:last-of-type{border-bottom: none;}
    71. 

  71. .jdbox .el-form-item__error{left: auto;right: 0;bottom: -0.4rem;top: auto;z-index: 1;}
    72. 

  72. /* .jdbox .el-upload{background: url(../images/sfziconf.png) no-repeat center;width: 2rem ;height: 1.2rem;background-size: 100% 100%;position: relative;}
    73. 

  73. .jdbox .upload-jhz .el-upload{background: url(../images/sfziconj.png) no-repeat center;background-size: 100% 100%;}
    74. 

  74. .jdbox .upload-zxbg .el-upload{background: url(../images/sfziconzx.png) no-repeat center;background-size: 100% 100%;}
    75. 

  75. .jdbox .upload-rxm .el-upload{background: url(../images/sfziconz.png) no-repeat center;background-size: 100% 100%;}
    76. 

  76.  */
    77. 

  77. .jdbox .el-upload{z-index: 2;width: 2rem ;height: 1.2rem;position: relative;}
    78. 

  78. .jdbox  .upload{background: url(../images/sfziconf.png) no-repeat center;width: 2rem ;height: 1.2rem;background-size: 100% 100%;position: relative;}
    79. 

  79. .jdbox .upload-jhz .upload{background: url(../images/sfziconj.png) no-repeat center;background-size: 100% 100%;}
    80. 

  80. .jdbox .upload-zxbg .upload{background: url(../images/sfziconzx.png) no-repeat center;background-size: 100% 100%;}
    81. 

  81. .jdbox .upload-rxm .upload{background: url(../images/sfziconz.png) no-repeat center;background-size: 100% 100%;}
    82. 

  82. .jdbox  .upload .dislist img{z-index: 3;}
    83. 

  83. 

  84. /* .jdbox .el-upload__input{z-index: 2;width: 100%;height: 100%;display: block;opacity: 0;} */
    85. 

  85. /* vant */
    86. 

  86. .jdbox .van-uploader__upload{width: 2rem ;height: 1.2rem;background: url(../images/sfziconj.png) no-repeat center;background-size: 100% 100%;border: none;box-sizing: border-box;}
    87. 

  87. .jdbox .van-uploader__preview{width: 2rem ;height: 1.2rem;}
    88. 

  88. .jdbox .van-uploader__preview-image{width: 100%;height: 100%;}
    89. 

  89. .jdbox .van-uploader__upload-icon{display: none;}
    90. 

  90. .van-uploader__wrapper{display: flex;align-items: center;justify-content: space-between;}
    91. 

  91. 

  92. .jdbox .check .el-form-item{border-bottom: 0.02rem solid #E6E6E6;}
    93. 

  93. .jdbox .check:last-child .el-form-item{border-bottom:none;}
    94. 

  94. .jdbox .upload-demo{line-height: 1;}
    95. 

  95. .jdbox  .avatar {width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
    96. 

  96. .jdbox  .avatar img{width: 100%;height: 100%;display: block;}
    97. 

  97. .jdbox  .delimg{width: 0.24rem;height: 0.24rem;position: absolute;right: -0.12rem;top: -0.12rem;z-index: 2;}
    98. 

  98. .jdbtn{position: fixed;left: 0;right: 0;bottom: 0;z-index: 3;}
    99. 

  99. .jdbtn a{background: #FE5A0E;height: 1rem;}
    100. 

  100. .jdbtn div{background-color: #1FB9F7;height: 1rem;}
    101. 

  101. .inpbox{font-size: 0.3rem;color: #161616;padding: 0 15px;flex: 1;box-sizing: border-box;line-height: 40px;}
    102. 

  102. .subbox{height: 1rem;background: #FE5A0E;border-radius: 0.48rem;margin: 0.7rem 0.48rem 0;}
    103. 

  103. .doubt{font-size: 0.26rem;font-weight: 500;color: #FE5A0E;flex: 1 0 auto;justify-content: flex-end;margin-left: 0.2rem;}
    104. 

  104. .doubt img{width: 0.22rem;height: 0.22rem;margin-right: 0.12rem;}
    105. 

  105. 

  106. .dbody .el-dialog{width: 100%;margin: 0 !important;}
    107. 

  107. .dbody .el-dialog__wrapper{background-color: #000000;display: flex;align-items: center;}
    108. 

  108. .dbody .el-dialog__header{display: none;}
    109. 

  109. .dbody .el-dialog__body{padding: 0;}
    110. 

  110. .dbody .el-dialog__body img{max-height: 60vh;}
    111. 

  111. .moreup{flex: 1;}
    112. 

  112. .moreupa{display: flex;flex: 1;justify-content: space-between;flex-wrap: wrap;margin-bottom: 0.2rem;}
    113. 

  113. .moreup .list{position: relative;}
    114. 

  114. .moreup .list .avatar{width: 2rem ;height: 1.2rem;position: relative;margin-bottom: 0.2rem;}
    115. 

  115. /* [5,9,10,13,14,15,16,17,18,19,20,25] */
    116. 

  116. 

  117. /* 当前进度 */
    118. 

  118. .dqbox{padding: 0.72rem 0.48rem 0.48rem;}
    119. 

  119. .dqbox .dqlist{padding-bottom: 0.4rem;position: relative;}
    120. 

  120. .dqbox .dqlist .listl{width: 0.58rem;height: 0.58rem;background: url(../images/dqbg.png) no-repeat center;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;font-size: 0.3rem;font-weight: bold;
    121. 

  121. color: #FE5A0E;margin-right: 0.4rem;}
    122. 

  122. .dqbox .dqlist::after{content:"";width: 0.02rem;background-color: #E6E6E6;top: 0.74rem;bottom: 0.24rem;left: 0.28rem;position: absolute;}
    123. 

  123. .dqbox .listr .tit{font-size: 0.3rem;font-weight: 500;
    124. 

  124. color: #FE5A0E;line-height: 0.58rem;margin-bottom: 0.1rem;}
    125. 

  125. .dqbox .ltit{font-size: 0.28rem;font-weight: 500;color: #666666;line-height: 0.48rem;}
    126. 

  126. .dqbox .rtxt{font-size: 0.28rem;font-weight: 500;color: #666666;line-height: 0.48rem;}
    127. 

  127. .dqbox .rtxt.co1{color: #28C529;}
    128. 

  128. .dqbox .rtxt.co2{color: #F31D00;}
    129. 

  129. .dqbox .rtxt.co3{color: #1FB9F7;}
    130. 

  130. 

  131. 

  132. 

  133. /* 提交成功 */
    134. 

  134. .sucbox{padding: 1.3rem 0.48rem 1.6rem;display: flex;flex-direction: column;height: calc(100vh - 0.88rem);box-sizing: border-box;text-align: center;}
    135. 

  135. .sucimg{width: 2rem;height: 2rem;margin:0 auto 0.6rem;}
    136. 

  136. .sucbtn{font-size: 0.26rem;font-weight: 500;color: #AAAAAA;text-align: center;}
    137. 

  137. 

  138. 

  139. 

  140. /* 弹窗 */
    141. 

  141. .bgbox{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 5;}
    142. 

  142. .pickbox{position: fixed;left: 0;right: 0;z-index: 10;background: #ffffff;bottom: 0;transition: all 0.3s ease;
    143. 

  143. 		transform: translateY(100%);}
    144. 

  144. .pickbox.show{transform: translateY(0);}
    145. 

  145. .pickbox .top div{height: 1rem;line-height: 1rem;}
    146. 

  146. .pickbox .top .left{padding: 0 0.28rem;font-size: 0.32rem;color: #888888;}
    147. 

  147. .pickbox .top .cent{padding: 0 0.28rem;font-size: 0.32rem;color: #161616;text-align: center;flex: 1;}
    148. 

  148. .pickbox .top .right{padding: 0 0.28rem;font-size: 0.32rem;color: #007aff;}
    149. 

  149. .pickbox .box{max-height: 5.76rem;overflow-x: auto;}
    150. 

  150. .pickbox .box div{height: 0.96rem;line-height: 0.96rem;text-align: center;font-size: 0.3rem;color: #161616;text-overflow: ellipsis;border-top: 0.02rem solid #e5e5e5;
    151. 

  151. 		white-space: nowrap;overflow: hidden;box-sizing: border-box;}
    152. 

  152. .pickbox .box div:first-of-type{border-top: none;}
    153. 

  153. .pickbox .box div.act{color: #007aff;}
    154. 

  154. 

  155. .bgfixed{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 1);z-index: 5;}
    156. 

  156. 

  157. .bgfixed img{width: 100%;}
    158. 

  158. 

  159.