notice.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. @charset "utf-8";
  2. /* CSS Document */
  3. /*================================主体定位======================================*/
  4. #wrapper{position:absolute; top:2.75rem; left:0; bottom:6rem; width:100%; z-index:1; overflow:hidden;}
  5. #scroller {position: absolute;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);width: 100%;-webkit-transform: translateZ(0);
  6. -moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;
  7. -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;
  8. -moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
  9. #scroller {transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);}
  10. #footer{position:absolute; bottom:0; left:0;width:100%; z-index:2;overflow:hidden;}
  11. /*===========================================帮助及公告===============================================*/
  12. nav{width:100%; text-align:center; padding:0; background-color:#f4f4f4; margin-top:.5rem;}
  13. .tab-munes{display:inline-block; overflow:hidden; text-align:center; margin:0 auto;}
  14. .tab-munes li {display:inline-block; text-align:center; float:left; width:6.25rem; height:1.5rem; line-height:1.5rem; font-size:.75rem; color:#186ea7; border:1px #186ea7 solid;
  15. border-radius:0 .25rem .25rem 0; -moz-border-radius:0 .25rem .25rem 0; -webkit-border-radius:0 .25rem .25rem 0; cursor:pointer;}
  16. .tab-munes li a{display:inline-block; width:100%; color:#186ea7; line-height:1.5rem;}
  17. .tab-munes li:first-child{border-right:0 none; border-radius:.25rem 0 0 .25rem; -moz-border-radius:.25rem 0 0 .25rem; -webkit-border-radius:.25rem 0 0 .25rem; }
  18. .tab-munes .select a,.tab-munes .select{background-color:#186ea7; color:#fff;}
  19. /*列表*/
  20. .help-notice{padding:0 .5rem; background-color:#fff; border-bottom:1px #e5e5e5 solid; overflow:hidden;}
  21. .help-notice ul{overflow:hidden;}
  22. .help-notice li{display:inline-block; width:100%; float:left; line-height:1.875rem; height:1.875rem; padding-top:.75rem; white-space:nowrap; text-overflow: ellipsis;overflow: hidden;
  23. border-bottom:1px #e5e5e5 solid;}
  24. .help-notice li span{color:#ef9d91; padding:0 .25rem;}
  25. .help-notice li a{color:#666;}
  26. .help-notice li:last-child{border:0 none;}
  27. .help-notice .hide{display:none;}
  28. .help-notice .load{height:3rem; line-height:3rem; text-align:center; padding:0;}
  29. .help-notice .load a{display:inline-block; padding:0 .5rem; height:1.75rem; line-height:1.75rem; border:1px #e5e5e5 solid; border-radius:.25rem; font-size:.75rem;}
  30. .help-notice .load a:hover{background-color:#186ea7; border-color:#186ea7; color:#fff;}
  31. /*文章内容*/
  32. .help-notice h1{font-size:1rem; color:#ef9d91; border-bottom:1px #e5e5e5 solid; height:2rem; line-height:2rem;}
  33. .help-notice .info{font-size:.875rem; color:#666; line-height:1.75rem; padding:1rem .5rem 2rem .5rem; min-height:18rem;}