system_payment.less 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. /*// 主题色*/
  2. @theme-color1:#5775b5;
  3. @theme-color2:#389ee1;
  4. @theme-colorred:#e47470;
  5. /*字体主色调*/
  6. @font-color1:#435561;
  7. @font-color3:#999999;
  8. /*线条主色调*/
  9. @border-color1:#e5e4e9;
  10. @border-color2:#cfcfcf;
  11. @border-cut-color:#eceff4;
  12. /*按钮主色调*/
  13. @btn-color1:#e47470;
  14. @btn-color2:#0099cc;
  15. /*底纹色*/
  16. @bj-color:#f7f7f7;
  17. @bjtit-color:#f5f6fa;
  18. .paymentlist{
  19. }
  20. .paymentlist em{
  21. font-size: 21px;
  22. }
  23. .redtit{
  24. width: 100%;
  25. padding:15px 10px;
  26. position: relative;
  27. }
  28. .redtit>span{
  29. padding-left: 5px;
  30. border-left: 3px solid @theme-colorred;
  31. font-size: 17px;
  32. color: #000;
  33. }
  34. .paymentlist input[type=checkbox], input[type=radio]{
  35. margin-right: 5px;
  36. }
  37. .paymentlist .right{
  38. text-align: right;
  39. }
  40. .paymenttab{
  41. padding: 10px;
  42. }
  43. .rechargetab{
  44. width: 100%;
  45. height: 42px;
  46. border-bottom: 1px solid @border-color1;
  47. }
  48. .rechargetab .tab{
  49. width: 100%;
  50. }
  51. .rechargetab .tab li{
  52. float: left;
  53. display: inline-block;
  54. padding:0 15px;
  55. position: relative;
  56. line-height: 40px;
  57. border:1px solid @border-color1;
  58. border-bottom: 0;
  59. margin-left: -1px;
  60. background-color: @bj-color;
  61. }
  62. .rechargetab .tab li.active{
  63. margin-bottom: -1px;
  64. background-color: #fff;
  65. border-top:2px solid @theme-color2;
  66. }
  67. .rechargetabcontent .list .input-wrap{
  68. width: 180px;
  69. margin-right: 5px;
  70. display: inline-block;
  71. }
  72. .rechargetabcontent .list {
  73. padding-left: 90px;
  74. }
  75. .rechargetabcontent .list label{
  76. width: 80px;
  77. position: absolute;
  78. left: 0;
  79. top: 0;
  80. line-height: 42px;
  81. text-align: center;
  82. font-weight: normal;
  83. }
  84. .rechargetabcontent .tabcontent{
  85. }
  86. .rechargestyle{
  87. width: 1000px;
  88. padding-top: 20px;
  89. }
  90. .rechargestyle .rechargebox{
  91. width: 190px;
  92. height: 40px;
  93. border:1px solid @border-color1;
  94. float: left;
  95. margin-right: 15px;
  96. margin-bottom: 10px;
  97. text-align: center;
  98. line-height: 40px;
  99. cursor: pointer;
  100. }
  101. .rechargestyle .rechargebox.active{
  102. border:1px solid @theme-color2;
  103. }
  104. .warmtip{
  105. width: 100%;
  106. padding:10px;
  107. border:1px solid @border-color1;
  108. background: @bj-color;
  109. }
  110. .warmtip h1{
  111. font-size: 14px;
  112. font-weight: normal;
  113. line-height: 25px;
  114. }
  115. .warmtip ul{
  116. margin: 0;
  117. line-height: 22px;
  118. }
  119. .warmtip ul li{
  120. }
  121. .warmtip ul .f_redcolor{
  122. color: #ff0000
  123. }
  124. .yezf{
  125. padding: 10px;
  126. }
  127. .detaillist>div{
  128. display: inline-block;
  129. }
  130. .yezf .detaillist{
  131. position: relative;
  132. line-height: 30px;
  133. }
  134. .yezf .detaillist em{
  135. color: @theme-colorred;
  136. padding-right: 5px;
  137. font-size: 22px;
  138. }
  139. .yezf .detaillist label{
  140. line-height: 37px;
  141. text-align: left;
  142. font-weight: normal;
  143. }
  144. .useyepay {
  145. margin-right: 15px;
  146. }
  147. .useyepay .input-wrap{
  148. display: inline-block;
  149. width: 80px;
  150. height: 37px;
  151. }
  152. .useyepay input[type=checkbox], input[type=radio]{
  153. margin-right: 5px;
  154. }
  155. .submitbox{
  156. padding:15px 10px;
  157. text-align: right;
  158. padding-bottom: 80px;
  159. }
  160. .submitbox .btn.fit{
  161. width: 160px;
  162. }
  163. .submitbox .con{
  164. display: inline-block;
  165. float: right;
  166. padding-right: 15px;
  167. padding-top: 15px;
  168. }
  169. .submitbox .con span{
  170. color: @theme-colorred;
  171. }
  172. .submitbox .con span em{
  173. font-size: 18px;
  174. }