base.css 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. /*! normalize.css*/
  2. html{font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
  3. /*! reset.css */
  4. a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0}
  5. iframe{display:block}
  6. ol,ul{list-style:none}
  7. h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
  8. input:required{border:none;box-shadow:none}
  9. input:valid{background-color:transparent;box-shadow:none}
  10. input:invalid{background-color:transparent;box-shadow:none}:focus{-moz-outline-style:none;outline:0}
  11. input[type="radio"]:disabled,
  12. input[type="checkbox"]:disabled{ cursor: not-allowed !important; }
  13. .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
  14. .hide{display:none!important}
  15. .show{display:block!important}
  16. .clear{clear: both;}
  17. /*! common.css */
  18. html{background:#ffffff}
  19. body{font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑",STHeiti,"华文细黑",sans-serif;color:#666;font-size:14px}
  20. a{color:#0AB2F3;cursor:pointer;text-decoration:none}
  21. a:hover{color:#3bc7ff}
  22. .wrapper{min-width:1120px;}
  23. .container{width:1200px;margin-left:auto;margin-right:auto}
  24. .container:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
  25. html,body{height: 100%;min-width:1120px;}
  26. html.scroll,body{height: 100%;}
  27. .wrapper{ min-height: 100%; padding: 61px 0 60px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
  28. input::-ms-clear{display:none;}
  29. select::-ms-expand { display: none; }
  30. body>iframe{ display: none; }
  31. /* 非衬线字体 */
  32. .f-f0 {
  33. font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
  34. }
  35. /* 衬线字体 */
  36. .f-f1 {
  37. font-family: "Arial","Hiragino Sans GB", "SimSun",\5b8b\4f53, "Georgia", "serif";
  38. }
  39. .f-pr{position:relative;}
  40. .f-pa{position:absolute;;}
  41. /* clear float */
  42. .f-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
  43. .f-cb{zoom:1;}
  44. .fl{ float: left;}
  45. .fr{ float: right;}
  46. .important:before{content: "*"; color: #e21616; padding: 0 2px 0 0;}
  47. .c-theme{ color: #0AB2F3!important; }
  48. .c-success{ color: #70d02f!important; }
  49. .c-fail{ color: #e21616!important; }
  50. .c-warn{ color: #ff9c00!important; }
  51. .c-tips{ color: #cccccc!important; }
  52. .c-price{ color: #ff7e00!important; }
  53. .c-imp{ color: #fc2626!important; }
  54. .ft12{font-size:12px}
  55. .ft14{font-size:14px}
  56. .ft16{font-size:16px}
  57. .ft18{font-size:18px}
  58. .ft24{font-size:24px}
  59. .ft36{font-size:36px}
  60. .ft50{font-size:50px}
  61. .mt0{margin-top:0px!important;}
  62. .mt5{margin-top:5px!important;}
  63. .mt10{margin-top:10px!important;}
  64. .mt15{margin-top:15px!important;}
  65. .mt20{margin-top:20px!important;}
  66. .mt30{margin-top:30px!important;}
  67. .mt50{margin-top:50px!important;}
  68. .mt80{margin-top:80px!important;}
  69. .mr0{margin-right:0px!important;}
  70. .mr5{margin-right:5px!important;}
  71. .mr10{margin-right:10px!important;}
  72. .mr15{margin-right:15px!important;}
  73. .mr20{margin-right:20px!important;}
  74. .mr30{margin-right:30px!important;}
  75. .mr50{margin-right:50px!important;}
  76. .mb0{margin-bottom:0px!important;}
  77. .mb5{margin-bottom:5px!important;}
  78. .mb10{margin-bottom:10px!important;}
  79. .mb15{margin-bottom:15px!important;}
  80. .mb20{margin-bottom:20px!important;}
  81. .mb30{margin-bottom:30px!important;}
  82. .mb40{margin-bottom:40px!important;}
  83. .mb50{margin-bottom:50px!important;}
  84. .ml0{margin-left:0px!important;}
  85. .ml5{margin-left:5px!important;}
  86. .ml10{margin-left:10px!important;}
  87. .ml15{margin-left:15px!important;}
  88. .ml20{margin-left:20px!important;}
  89. .ml30{margin-left:30px!important;}
  90. .ml50{margin-left:50px!important;}
  91. .ml140{margin-left:140px!important;}
  92. .pt0{padding-top:0px!important;}
  93. .pt5{padding-top:5px!important;}
  94. .pt10{padding-top:10px!important;}
  95. .pt15{padding-top:15px!important;}
  96. .pt20{padding-top:20px!important;}
  97. .pt30{padding-top:30px!important;}
  98. .pt50{padding-top:50px!important;}
  99. .pr0{padding-right:0px!important;}
  100. .pr5{padding-right:5px!important;}
  101. .pr10{padding-right:10px!important;}
  102. .pr15{padding-right:15px!important;}
  103. .pr20{padding-right:20px!important;}
  104. .pr30{padding-right:30px!important;}
  105. .pr50{padding-right:50px!important;}
  106. .pb0{padding-bottom:0px!important;}
  107. .pb5{padding-bottom:5px!important;}
  108. .pb10{padding-bottom:10px!important;}
  109. .pb15{padding-bottom:15px!important;}
  110. .pb20{padding-bottom:20px!important;}
  111. .pb30{padding-bottom:30px!important;}
  112. .pb50{padding-bottom:50px!important;}
  113. .pl0{padding-left:0px!important;}
  114. .pl5{padding-left:5px!important;}
  115. .pl10{padding-left:10px!important;}
  116. .pl15{padding-left:15px!important;}
  117. .pl20{padding-left:20px!important;}
  118. .pl30{padding-left:30px!important;}
  119. .pl50{padding-left:50px!important;}
  120. .pd20{ padding: 20px!important; }
  121. .pd30{ padding: 30px!important; }
  122. .text-l{ text-align: left!important; }
  123. .text-c{ text-align: center!important; }
  124. .text-r{ text-align: right!important; }