reset.less 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  1. /*####################
  2. ######################
  3. ######################
  4. ######################
  5. ######################
  6. 字体主色调:#435561 #388ac2
  7. 辅助色:#999999
  8. 线条主色调
  9. 边框:#e5e4e9
  10. 辅助色:#cfcfcf 分割线:#eceff4
  11. 按钮色:#e47470 、 0099cc
  12. 底纹色:#f7f7f7
  13. 标题底纹:#f5f6fa
  14. ###################
  15. #####################
  16. ####################
  17. #######*/
  18. /*// 主题色*/
  19. @theme-color1:#5775b5;
  20. /*字体主色调*/
  21. @font-color1:#435561;
  22. @font-color2:#5775b5;
  23. @font-color3:#999999;
  24. /*线条主色调*/
  25. @border-color1:#e5e4e9;
  26. @border-color2:#cfcfcf;
  27. @border-cut-color:#eceff4;
  28. /*按钮主色调*/
  29. @btn-color1:#e47470;
  30. @btn-color2:#0099cc;
  31. /*底纹色*/
  32. @bj-color:#f7f7f7;
  33. @bjtit-color:#f5f6fa;
  34. body{font-family:Microsoft YaHei,Helvitica,Verdana,Arial,san-serif,Helvetica,STHeiTi,sans-serif!important;font-size: 14px; color:#435561;padding: 0;margin: 0;}
  35. ul,li,dl,dd,p,h1,h2,h3,h4,h5,h6{ list-style-type: none;padding:0;margin:0;font-weight:normal;}
  36. i,em{ font-style:normal}
  37. button{border:none}
  38. a {
  39. color: #435561;
  40. text-decoration: none;
  41. }
  42. @font-face {font-family: "iconfont";
  43. src: url('../images/iconfont/iconfont.eot'); /* IE9*/
  44. src: url('../images/iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  45. url('../images/iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
  46. url('../images/iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  47. url('../images/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
  48. }
  49. .iconfont {
  50. font-family:"iconfont" !important;
  51. font-size:16px;
  52. font-style:normal;
  53. -webkit-font-smoothing: antialiased;
  54. -webkit-text-stroke-width: 0.2px;
  55. -moz-osx-font-smoothing: grayscale;
  56. }
  57. /*瘦型字体*/
  58. .small_font{ position:relative;}
  59. .small_font::before {
  60. content: attr(data-attr);
  61. position: absolute;
  62. font-weight: bolder;
  63. left: 2%;
  64. top: 2%;
  65. border-radius: 50%;
  66. text-align: center;
  67. letter-spacing: -1px;
  68. font-weight: 100;
  69. font-size:1.338rem;
  70. color: #fc7d54;
  71. position: absolute;
  72. width: 96%;
  73. height: 96%;
  74. background-color: #fff;
  75. }
  76. /*全局链接样式*/
  77. a{color:#435561;text-decoration:none;}
  78. a:hover{text-decoration:none;}
  79. hr{border:none;border-top:1px solid #eaeaea;}
  80. /*关于字体类型*/
  81. .wr{ font-family:微软雅黑!important;}
  82. /*页面留白*/
  83. .blank0{height:0px;clear:both;overflow:hidden;visibility:visible;}
  84. .blank1{height:1px;clear:both;overflow:hidden;visibility:visible;}
  85. .blank10{height:0.5rem;clear:both;overflow:hidden;visibility:visible;}
  86. .blank012{height:0.12rem;clear:both;overflow:hidden;visibility:visible;}
  87. .blank022{height:0.22rem;clear:both;overflow:hidden;visibility:visible;}
  88. .blank024{height:0.24rem;clear:both;overflow:hidden;visibility:visible;}
  89. .blank039{height:0.39rem;clear:both;overflow:hidden;visibility:visible;}
  90. .blank050{height:0.50rem;clear:both;overflow:hidden;visibility:visible;}
  91. .blank055{height:0.55rem;clear:both;overflow:hidden;visibility:visible;}
  92. .blank056{height:0.56rem;clear:both;overflow:hidden;visibility:visible;}
  93. .blank124{height:1.24rem;clear:both;overflow:hidden;visibility:visible;}
  94. .blank070{height:0.70rem;clear:both;overflow:hidden;visibility:visible;}
  95. /*英文强制换行*/
  96. .word{word-break:break-all!important;}
  97. /*禁止换行*/
  98. .nowrap{white-space:nowrap!important;}
  99. /*单行超出部分省略*/
  100. .text-overflow {
  101. display:block;/*内联对象需加*/
  102. word-break:keep-all;/* 不换行 */
  103. white-space:nowrap;/* 不换行 */
  104. overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
  105. text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
  106. }
  107. /*多行溢出*/
  108. .text-overflow_2{
  109. overflow : hidden;
  110. text-overflow: ellipsis;
  111. display: -webkit-box;
  112. -webkit-line-clamp: 2;
  113. -webkit-box-orient: vertical;}
  114. /*关于布局*/
  115. .w_b{ display: -webkit-box;display: -moz-box;display: -ms-flexbox;}
  116. .w_b_s{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;-ms-box-sizing: border-box;}
  117. .w_b_f_1{display: block;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;}
  118. .flex{display: flex;flex-flow:row;display: -webkit-flex;display: -moz-flex;}
  119. .flex-1{flex:1;-webkit-flex:1;-moz-flex:1;}
  120. .flex-2{flex:2;-webkit-flex:2;-moz-flex:2;}
  121. .table_block{table-layout: fixed;}
  122. .table_cell{ position: relative;display: table-cell;width: 1%;color: #929292;text-align: center;vertical-align: middle;}
  123. /*浮动,定位*/
  124. .pr{position:relative!important;}
  125. .ps{position:absolute!important;}
  126. .pf{ position:fixed;}
  127. .f_l{float:left!important;}
  128. .f_r{float:right!important;}
  129. .clear_both{ clear:both;}
  130. .z1{ z-index:1!important;}
  131. .z2{ z-index:2!important;}
  132. /*关于鼠标手势*/
  133. .pointer{ cursor:pointer!important;}
  134. /*文字缩进*/
  135. .t_i_5{ text-indent:-5px!important;}
  136. /*透明度*/
  137. .opacity1{
  138. filter:alpha(opacity=10);
  139. -moz-opacity:0.1;
  140. -khtml-opacity: 0.1;
  141. opacity: 0.1;
  142. }
  143. .opacity2{
  144. filter:alpha(opacity=20);
  145. -moz-opacity:0.2;
  146. -khtml-opacity: 0.2;
  147. opacity: 0.2;
  148. }
  149. .opacity3{
  150. filter:alpha(opacity=30);
  151. -moz-opacity:0.3;
  152. -khtml-opacity: 0.3;
  153. opacity: 0.3;
  154. }
  155. .opacity4{
  156. filter:alpha(opacity=40);
  157. -moz-opacity:0.4;
  158. -khtml-opacity: 0.4;
  159. opacity: 0.4;
  160. }
  161. .opacity5{
  162. filter:alpha(opacity=50);
  163. -moz-opacity:0.5;
  164. -khtml-opacity: 0.5;
  165. opacity: 0.5;
  166. }
  167. .opacity6{
  168. filter:alpha(opacity=60);
  169. -moz-opacity:0.6;
  170. -khtml-opacity: 0.6;
  171. opacity: 0.6;
  172. }
  173. .opacity_8{
  174. filter:alpha(opacity=80);
  175. -moz-opacity:0.8;
  176. -khtml-opacity: 0.8;
  177. opacity: 0.8;
  178. }
  179. .rgba_05{background: rgba(124, 124, 124, 0.5);}
  180. /*滚动条处理*/
  181. .w_o_s{-webkit-overflow-scrolling : touch;}
  182. /*自动高对齐*/
  183. .clearfix:after{
  184. content:"."; display:block; height:0; clear:both;
  185. visibility:hidden;
  186. }
  187. *html .clearfix{
  188. height:1%;
  189. }
  190. *+html .clearfix{
  191. height:1%;
  192. }
  193. .cf {
  194. zoom: 1
  195. }
  196. /*暂无数据*/
  197. .no_data{ background:#fff; padding:1rem; text-align:center; color:#333; font-size:0.66rem; line-height:1rem; margin:0.825rem 0;}