common.css 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. @charset "utf-8";*{margin:0;padding:0}
  2. body,html{background:#000;font-family:melbourneregular,Arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:14px;color:#3E3E3E;width: 100%;overflow-x: hidden;}
  3. input,textarea{word-wrap:break-word;word-break:break-all;font-size:14px}
  4. a{text-decoration:none;color:#3E3E3E}
  5. a:hover{color:#033d86}
  6. img{display:block;border:none}
  7. li,ul{list-style:none}
  8. button,input[type=button],input[type=submit],input[type=reset]{-webkit-appearance:none;font-size:12px}
  9. ::selection{background:#0f0f22;color:#fff}
  10. textarea{-webkit-appearance:none}
  11. .animate{transition:all .5s cubic-bezier(.25,0,0,1);-webkit-transition:all .5s cubic-bezier(.25,0,0,1)}
  12. .fl{float:left}
  13. .fr{float:right}
  14. .loading{width:100%;height:10px;position:fixed;left:0;top:calc(50% - 5px)}
  15. .loading:before{width:100%;height:1px;background:#3E3E3E;opacity:.5;position:absolute;left:0;top:50%;content:''}
  16. .loading span{width:100%;height:2px;position:absolute;left:0;top:4px;display:block;background:#e5bf8e}
  17. .loading b{display:block;width:100px;height:30px;line-height:30px;position:absolute;left:50%;margin-left:-50px;top:-30px;text-align:center;font-size:24px}
  18. .loading.active{opacity:0;visibility:hidden}
  19. .lightBox{width:100%;height:100%;position:fixed;left:0;top:100%;background:rgba(0,0,0,.8);z-index:1000;transition:all .5s cubic-bezier(.23,1,.32,1)}
  20. .tipsMsg{width:60%;height:auto;position:fixed;left:20%;background:rgba(225,0,0,.8);line-height:30px;color:#FFF;font-size:1.2rem;text-align:center;bottom:-45px;border-radius:30px;-webkit-transition-duration:.5s;transition-duration:.5s}
  21. .tipsMsg.active{bottom:10px}
  22. .toast{width:120px;height:120px;position:fixed;left:50%;top:50%;background:rgba(0,0,0,.7);margin-left:-60px;margin-top:-60px;z-index:500;border-radius:5px;opacity:0;visibility:hidden;-webkit-transition:.3s}
  23. .toast.active{opacity:1;visibility:visible}
  24. .toast:after{width:50px;height:50px;position:absolute;left:50%;margin-left:-25px;top:20px;background:url(../../images/common/tips_icon.png) no-repeat;background-size:auto 50px;content:''}
  25. .toast.warn:after{background-position:-50px 0}
  26. .toast span{display:block;width:100%;text-align:center;position:absolute;color:#FFF;font-size:1.2rem;top:80px}
  27. .backTop{position:fixed;z-index:99;right:50px;bottom:-100px;width:50px;height:50px;background:#FFF url(../../images/common/backTop.png) 0 0 no-repeat;box-shadow:0 0 20px rgba(0,0,0,.2);cursor:pointer}
  28. .backTop:hover{background:#c80406 url(../../images/common/backTop.png) 0 -50px no-repeat}
  29. .backTop.active{bottom:50px}
  30. .width1200{width:1200px;margin: 0 auto;position: relative;}
  31. ::-webkit-scrollbar{width:8px;height:10px;border-radius:4px}
  32. ::-webkit-scrollbar-button{background-color:rgba(0,0,0,0);display:none}
  33. ::-webkit-scrollbar-track{background:0 0;border-radius:4px}
  34. ::-webkit-scrollbar-thumb{background:#c80406;border-radius:4px}
  35. ::-webkit-scrollbar-corner{background:#82AFFF;border-radius:4px}
  36. ::-webkit-scrollbar-resizer{background:#FF0BEE;border-radius:4px}