init.css 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. @charset "utf-8";
  2. html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,img,table,tr,th,td,form,input,textarea,button{margin:0;padding:0;}
  3. body,input,textarea,button,select{font-family:'Microsoft YaHei',SimSun,Arial,Helvetica,sans-serif;}
  4. body{width:100%;min-height:100%;font-size:14px;color:#4A4F58;background:#F5F5F5;}
  5. .clear{clear:both;*height:1%;zoom: 1;}
  6. .clear:after{content:'';display:table;clear:both;}
  7. ::-ms-clear,::-ms-reveal{display:none;}
  8. a{text-decoration:none;color:#4A4F58;}
  9. a:focus{text-decoration:none;outline:none;}
  10. a:hover{color:#E15616;}
  11. img{border:none;vertical-align:middle;max-width:100%;}
  12. button{border:none;outline:none;}
  13. input{outline:none;box-shadow:none;}
  14. pre{white-space:pre-wrap;}
  15. ul,li{list-style-position:inside;list-style: none;}
  16. header li,footer li{list-style:none;}
  17. [v-cloak]{display:none;}
  18. table{border-collapse: collapse;}
  19. table,td,th{border: 1px solid #EBECEF;}
  20. figure.image{margin:0 auto;padding:0;}
  21. .favicon.ico{background: url(/img/web.ico)}
  22. .fl{float: left;}
  23. .fr{float: right;}
  24. .shadow{box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
  25. .cartAlert{text-align:left;}
  26. /* checkbox */
  27. input[type=checkbox]{width:16px;height:16px;text-align:center;outline:none;cursor:copy;}
  28. input[type=checkbox]:focus{outline:none}
  29. input[type=checkbox]:after{width:100%;height:100%;top:0;content:" ";background-color:#FFF;color:#E15616;display:inline-block;visibility:visible;border:1px solid #b8bfca;border-radius:2px;}
  30. input[type=checkbox]:checked:after{content:"\2713";font-size:12px;background:#E15616;border: 1px solid #E15616;color:#FFF;}
  31. input[type=checkbox][disabled=disabled]:after{width:100%;height:100%;top:0;content:" ";background-color:#f1f0f5;color:#FFF;display:inline-block;visibility:visible;border-radius:2px;border:1px solid #B8BFCA}
  32. input[type=checkbox][disabled=disabled]{cursor:default;}
  33. ::-webkit-input-placeholder {
  34. color: #9AA5B5;
  35. }
  36. :-moz-placeholder {/* Firefox 18- */
  37. color: #9AA5B5;
  38. }
  39. ::-moz-placeholder{/* Firefox 19+ */
  40. color: #9AA5B5;
  41. }
  42. :-ms-input-placeholder {
  43. color: #9AA5B5;
  44. }
  45. /* 定义动画效果 */
  46. @-webkit-keyframes fadeInDown{
  47. from{opacity:0;-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}
  48. to{opacity:1;-webkit-transform:none;transform:none;}
  49. }
  50. @keyframes fadeInDown{
  51. from{opacity:0;-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}
  52. to{opacity:1;-webkit-transform:none;transform:none;}
  53. }
  54. /*公共吐司文字居中*/
  55. .jconfirm-box.jconfirm-hilight-shake.jconfirm-type-default.jconfirm-type-animated .dialog{text-align: center !important;font-size: 16px !important;}
  56. .jconfirm .jconfirm-box div.jconfirm-title-c{text-align: left !important;}