safe.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .section { background-color:#fff;}
  2. .section-header { padding: 15px 20px; height: 20px; border-bottom: 1px solid #e1e1e1; font-size: 14px; color:#222;}
  3. .header-shadow { -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.15);
  4. box-shadow: 0 1px 5px rgba(0,0,0,.15);}
  5. .section-con-wrap { overflow:hidden; position:relative}
  6. .jiekou-left { display: inline; float: left; width: 440px; border-right: 1px solid #e1e1e1; background-color: #fafafa;}
  7. .jiekou-left .section-con { width: 400px; overflow: auto; position: relative;}
  8. .jiekou-left1 { display: inline; float: left; width: 240px; border-right: 1px solid #e1e1e1; background-color: #fafafa;}
  9. .jiekou-left1 .section-con { width: 200px; overflow: auto; position: relative;}
  10. .jiekou-left1 .entra { position: absolute; left: 0; top:50%; margin-top: -43px;}
  11. .jiekou1-data { margin-left: 240px; border-left: 1px solid #e1e1e1;}
  12. .jk-entra { display: inline; float: left; width: 105px; height: 139px; margin-top: 25px; background:url(../images/safe/jk-entrance.jpg) no-repeat;}
  13. .jiekou-left .entra { position: absolute; left: 0; top:50%; margin-top: -43px;}
  14. .sub-1 { display: inline; float: left; margin-left: 80px; width:60px; zoom:1;}
  15. .sub-1 li { width: 64px; margin-bottom: 45px; padding-left: 22px; cursor: pointer; position: relative; _position:static; _height: 1%;}
  16. .sub-1 li.last { margin-bottom: 0;}
  17. .sub { position: absolute; left: 100px; top:0; width: 76px; display: none;}
  18. .sub li { height: 50px; margin-bottom: 30px; width: 64px;}
  19. .sub li.last { margin-bottom: 0;}
  20. .sub .jk-item { display: inline-block; width: 30px; height: 50px; padding:0 10px; margin-right: 10px; line-height: 1.2; background:url(../images/safe/jk-icon.png) 0 -60px no-repeat; text-align: center; color:#fff; vertical-align: middle; overflow: hidden; cursor: pointer; *display: inline; *zoom:1;}
  21. .sub-tit { display: inline-block; width: 60px; text-align: center; vertical-align: middle; *display: inline; *zoom:1;}
  22. .icon-weixin, .icon-alipay, .icon-baidu, .icon-entra { display: inline-block; width: 60px; height: 60px; background:url(../images/safe/jk-icon.png) no-repeat; *display: inline; *zoom:1;}
  23. .icon-weixin { background-position: 0 0;}
  24. .icon-alipay { background-position: -60px 0;}
  25. .icon-baidu { background-position: -120px 0;}
  26. .icon-entra { background-position: -180px 0;}
  27. .sub-line-h { position: absolute; top:33px; top:32px\0; left: -10px; width:10px; height: 1px; font-size:0; background-color:#e1e1e1; overflow: hidden;}
  28. .sub-line-v { position: absolute; top:34px; bottom:52px; width:1px; height: auto; font-size:0; background-color:#e1e1e1; overflow: hidden;}
  29. .jk-item-line { position: absolute; left: 0; top: 33px; display: inline-block; width: 17px; height: 1px; background-color:#e1e1e1; font-size:0; overflow: hidden; *display: inline; *zoom:1;}
  30. .sub-2 { position: absolute; left: 103px; top:5px; width: 76px; display: none;}
  31. .sub-2 .jk-item { padding:0 5px; width: 40px;}
  32. .sub-2 .sub-line-h { top:25px; top:24px\0;}
  33. .sub-2 .sub-line-v { top:25px; bottom:25px;}
  34. .sub-2 .jk-item-line { top: 25px;}
  35. .sub-2 .jk-item em { display: inline-block; vertical-align: middle; *display: inline; *zoom:1;}
  36. .sub-2 .jk-item em.s { height: 50px; width: 0;}
  37. .sub-2 .jk-item-disabled { background-position: -50px -60px;}
  38. .jiekou-data { margin-left: 440px; border-left: 1px solid #e1e1e1;}
  39. /*数据-业务统计*/
  40. .tb .total td { padding:17px 0; font-size:14px;}
  41. .table-form td { padding:5px 0;}
  42. .table-form td.t { text-align: left; padding:5px 10px;}
  43. .querybar { padding:15px 0;}
  44. .querybar label { line-height: 30px; color:#222;}