index.css 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. ::-webkit-scrollbar-track{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);}
  2. ::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}
  3. ::-webkit-scrollbar{width: 16px;height: 16px;}
  4. ::-webkit-scrollbar-track,
  5. ::-webkit-scrollbar-thumb{border-radius: 999px;border: 5px solid transparent;}
  6. ::-webkit-scrollbar-track{box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;}
  7. ::-webkit-scrollbar-thumb{min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;}
  8. ::-webkit-scrollbar-corner{background: transparent;}
  9. html,body{min-height:100%;font-size:12px;font-family: ΢ÈíÑźÚ,ËÎÌå,Arial,Helvetica,Verdana,sans-serif;margin:0px;}
  10. .wrapper{min-height:100%;position:relative;overflow:hidden}
  11. .wrapper:before,.wrapper:after{content:" ";display:table}
  12. .wrapper:after{clear:both}
  13. .content-wrapper,.right-side{min-height:100%;background-color:#ecf0f5;z-index:800}
  14. body.hold-transition .content-wrapper,body.hold-transition .right-side,body.hold-transition .main-footer,body.hold-transition .main-sidebar,body.hold-transition .left-side,body.hold-transition .main-header>.navbar,body.hold-transition .main-header .logo{-webkit-transition:none;-o-transition:none;transition:none}
  15. a{color:#475059}
  16. a:hover,a:active,a:focus{outline:none;text-decoration:none;color:#72afd2}
  17. ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd{padding:0;margin:0}
  18. ul{list-style:none}
  19. .main-header{position:relative;z-index:1030;background-color: #2e99d4;}
  20. .main-header>.navbar{-webkit-transition:margin-left .3s ease-in-out;-o-transition:margin-left .3s ease-in-out;transition:margin-left .3s ease-in-out;margin-bottom:0;margin-left:230px;border:none;min-height:70px;border-radius:0}
  21. .main-header .navbar-custom-menu,.main-header .navbar-right{float:right;color:#fff;margin-top: 10px;}
  22. .main-header .navbar .nav>li.user>a>.fa,.main-header .navbar .nav>li.user>a>.glyphicon,.main-header .navbar .nav>li.user>a>.ion{margin-right:5px}
  23. .main-header .navbar .nav>li>a>.label{position:absolute;top:9px;right:7px;text-align:center;font-size:9px;padding:2px 3px;line-height:.9;color:#fff;}
  24. .main-header .logo{-webkit-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out;display:block;float:left;font-size:30px;line-height:65px;width:600px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:0 35px;font-weight:300;overflow:hidden}
  25. .main-header .logo .logo-lg{display:block;font-weight: bold;font-size: 22px;padding-left: 4px;color: #fff;text-shadow: 3px 3px 7px #000;}
  26. .content-header{position:relative;padding:15px 15px 0 15px}
  27. .content-header>h1{margin:0;font-size:24px}
  28. .content-header>h1>small{font-size:15px;display:inline-block;padding-left:4px;font-weight:300}
  29. .content-header>.breadcrumb{float:right;background:transparent;margin-top:0;margin-bottom:0;font-size:12px;padding:7px 5px;position:absolute;top:15px;right:10px;border-radius:2px}
  30. .content-header>.breadcrumb>li>a{color:#444;text-decoration:none;display:inline-block}
  31. .content-header>.breadcrumb>li>a>.fa,.content-header>.breadcrumb>li>a>.glyphicon,.content-header>.breadcrumb>li>a>.ion{margin-right:5px}
  32. .content-header>.breadcrumb>li+li:before{content:'>\00a0'}
  33. .navbar-toggle{color:#fff;border:0;margin:0;padding:15px 15px}
  34. @media (max-width:991px){.navbar-custom-menu .navbar-nav>li{float:left;}
  35. .main-header .logo,.main-header .navbar{width:100%;float:none}
  36. .main-header .navbar{margin:0}
  37. .main-header .navbar-custom-menu{float:right}}@media (max-width:991px){.navbar-collapse.pull-left{float:none !important}
  38. .navbar-collapse.pull-left+.navbar-custom-menu{display:block;position:absolute;top:0;right:40px}}.main-sidebar,.left-side{position:absolute;top:0;left:0;padding-top:50px;min-height:100%;width:230px;z-index:810;-webkit-transition:-webkit-transform .3s ease-in-out,width .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,width .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,width .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out}
  39. .footer{color:#fff;background-color: #2e99d4;padding: 0px 5px;height: 26px;line-height:26px;}
  40. .footer i:hover{opacity:0.5;cursor:pointer;}
  41. .sidebar-menu-overlay{display: none;z-index: 10000;width: 100%;height: 100%;background: #fff;filter: alpha(opacity=1);-moz-opacity: 0.01;opacity: 0.01;position: absolute;top: 0px;left: 0px;}
  42. .sidebar-menu{display:none;z-index: 10001;height:450px;width:380px;position:absolute;top:113px;left:2px;background-color: #f7feff;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.270588) 0px 0px 10px 1px;}
  43. .sidebar-menu em{display: block;width: 0;height: 0;border-width: 0 8px 8px;border-style: solid;border-color: transparent transparent #2c3e50;position: absolute;top: -8px;left: 25px;margin-left: -10px;}
  44. .sidebar-menu-left{width:160px;height:100%;float:left;background-color:#2c3e50;border-top-left-radius: 5px;border-bottom-left-radius: 5px;overflow:hidden;}
  45. .sidebar-menu-left .head{margin-top:25px;width:60px;height:60px;margin-left:auto;margin-right:auto;border: 2px solid #fff;border-radius: 5px;color:#fff;text-align:center;}
  46. .sidebar-menu-left .head i{color:#fff;font-size: 45px;line-height:60px;vertical-align:middle;}
  47. .sidebar-menu-left ul{margin:0px;padding:0px;margin-top:20px;}
  48. .sidebar-menu-left ul>li{position: relative;}
  49. .sidebar-menu-left ul>li em{display:none;}
  50. .sidebar-menu-left ul>li.active{background-color:#253443;}
  51. .sidebar-menu-left ul>li.active em{display: block;width: 0;height: 0;border-top: 8px solid transparent;border-right: 8px solid #f7feff;border-bottom: 8px solid transparent;position: absolute;top:15px;left:154px;}
  52. .sidebar-menu-left ul>li:hover{background-color:#253443;}
  53. .sidebar-menu-left ul>li>a{color:#fff;height:40px;line-height:26px;display: block;overflow:hidden;padding:8px 15px 8px 20px;border-left:0 solid transparent;}
  54. .sidebar-menu-left ul>li>a:hover{border-left-color:#1ABC9C}
  55. .sidebar-menu-left ul>li>a>i{width:16px;}
  56. .sidebar-menu-left ul>li>a>span{margin-left:15px;}
  57. .sidebar-menu-right{width:220px;height:100%;float:left;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
  58. .sidebar-menu-right ul{margin:0px;padding:0px;margin-top:10px;}
  59. .sidebar-menu-right ul>li>a{color:#000;height:40px;line-height:26px;display: block;overflow:hidden;padding:8px 15px 8px 20px;border-left:0 solid transparent;}
  60. .sidebar-menu-right ul>li>a.active{background-color:#dfe5e6;}
  61. .sidebar-menu-right ul>li>a:hover{background-color:#dfe5e6;}
  62. .sidebar-menu-right ul>li>a>i{width:16px;}
  63. .sidebar-menu-right ul>li>a>i.pull-right{vertical-align:middle;margin-top:6px;}
  64. .sidebar-menu-right ul>li>a>span{margin-left:15px;}
  65. .sidebar-menu-right ul>li>ul{margin-top:0px;display:none;}
  66. .sidebar-menu-right ul>li>ul>li>a{padding-left:50px;}
  67. .user-menu .dropdown-menu em{display: block;width: 0;height: 0;border-width: 0 8px 8px;border-style: solid;border-color: transparent transparent #fff;position: absolute;top: -8px;left: 50%;margin-left: -8px;}
  68. .user-menu .dropdown-menu{border-color:#eee;}
  69. .user-menu .dropdown-menu>li>a{color:#777;font-size:12px;}
  70. .user-menu .dropdown-menu>li>a>.glyphicon,.dropdown-menu>li>a>.fa,.dropdown-menu>li>a>.ion{margin-right:10px}
  71. .user-menu .dropdown-menu>li>a:hover{background-color:#e1e3e9;color:#333}
  72. .user-menu .dropdown-menu>.divider{background-color:#eee}
  73. @media (max-width:991px){.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover{background-color:#f9f9f9}}.navbar-nav>.user-menu .user-image{float:left;width:40px;height:40px;border-radius:50%;margin-right:15px;margin-top:-4px}
  74. @media (max-width:767px){.navbar-nav>.user-menu .user-image{float:none;margin-right:0;margin-top:-8px;line-height:10px}}.open:not(.dropup)>.animated-dropdown-menu{backface-visibility:visible !important;-webkit-animation:flipInX .7s both;-o-animation:flipInX .7s both;animation:flipInX .7s both}
  75. .navbar-custom-menu .navbar-nav>li>a{color:#fff!important;line-height: 30px;background-color:#2e99d4}
  76. .navbar-custom-menu .navbar-nav>li>a:hover{background-color:#2e99d4}
  77. .content-wrapper{margin-left: 0px;background-color:#f7feff;}
  78. .content-wrapper .content-tabs{position:relative;height:33px;line-height:35px;background-color: #2e99d4;font-size:12px;}
  79. .content-wrapper .content-tabs .roll-nav,.page-tabs-list{position:absolute;width:40px;height:33px;text-align:center;color:#475059;z-index:2;top:0}
  80. .content-wrapper .content-tabs .roll-left{right:60px;}
  81. .content-wrapper .content-tabs .roll-right{right:0;}
  82. .content-wrapper .content-tabs button{background:#2e99d4;border:0;height:33px;line-height:33px;width:33px;outline:0;color:#fff;}
  83. .content-wrapper .content-tabs button i{color: #fff;}
  84. .content-wrapper .content-tabs button i:hover{opacity:0.5;}
  85. .content-wrapper .content-tabs nav.page-tabs{margin-left:55px;width:100000px;height:33px;overflow:hidden}
  86. .content-wrapper .content-tabs nav.page-tabs .page-tabs-content{float:left}
  87. .content-wrapper .content-tabs .page-tabs a{display:block;float:left;border-right:solid 0px #ddd;padding:0 15px;padding-right:8px;text-decoration:none;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;}
  88. .content-wrapper .content-tabs .page-tabs a:first-child{padding-right:15px;}
  89. .content-wrapper .content-tabs .page-tabs a.active{background: #eff3f4;color: #2e99d4;border-right: solid 1px #2e99d4;font-weight:bold;}
  90. .content-wrapper .content-tabs .page-tabs a i{margin-top:-10px;right: 0px;position: relative;color: #2e99d4;}
  91. .content-wrapper .content-tabs .page-tabs a i:hover{color:#fff !important;}
  92. .content-wrapper .content-tabs .page-tabs a.active i:hover{color:#c00 !important;}
  93. .content-wrapper .content-tabs .roll-right.tabRight{right:30px}
  94. .content-wrapper .content-tabs .roll-right.btn-group{right:40px;width:80px;padding:0}
  95. .content-wrapper .content-tabs .roll-right.btn-group button{width:80px}
  96. .content-wrapper .content-tabs .roll-right.tabExit{background:#fff;height:33px;width:40px;outline:0}
  97. .content-wrapper .content-tabs .dropdown-menu{border:solid 1px #ccc;border-top-left-radius:0px;border-top-right-radius:0px;right:-1px;}
  98. .content-wrapper .content-tabs .start_menu i{height: 33px;position: absolute;left: 15px;top:3px;font-size: 25px;color: #fff;cursor:pointer;}
  99. .content-wrapper .content-tabs .start_menu i:hover{opacity:0.5;}
  100. .content-wrapper .content-tabs .start_menu i:active{opacity:0.5;}
  101. .content-tabs-sub{padding: 0px 5px;height: 30px;line-height:30px;background-color: #eff3f4;box-shadow: rgba(0, 0, 0, 0.270588) 0px 0px 5px 1px;}
  102. .content-tabs-sub .notice{padding-top:1px;padding-left:10px;color:#969696;}
  103. .content-tabs-sub .notice i{margin-right:10px;vertical-align:middle;margin-top:-2px;color:#969696;font-size:14px;}
  104. .content-tabs-sub .notice span{color:#3f3f3f;}
  105. .slidebox-slider{margin-top:20px;height:30px;line-height:30px;text-align:center;width: 100%;}
  106. .slidebox-slider ul{position: absolute;list-style:none;margin:0px;padding:0px;}
  107. .slidebox-slider li{float:left;width:35px;height:23px;line-height:23px;border:solid 1px #475059;border-right:none;background-color:#000;opacity:0.3;cursor:pointer;}
  108. .slidebox-slider li:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px;}
  109. .slidebox-slider li:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px;border-right:solid 1px #ccc;}
  110. .slidebox-slider li:first-child i{margin-left:3px;}
  111. .slidebox-slider li:last-child i{margin-left:-3px;}
  112. .slidebox-slider li i{color:#fff;opacity:0.3;font-size:13px;vertical-align:middle;}
  113. .slidebox-slider li.active i{opacity:initial;}
  114. .slidebox-slider li:hover i{opacity:initial;}
  115. .slidebox{overflow:hidden;position: absolute;}
  116. .slidebox ul{list-style:none;margin-top:0px;padding:0px;float: left;overflow:hidden;}
  117. .slidebox ul>li{float: left;width:130px;padding:10px;padding-top:20px;margin:15px;margin-top:5px;border-radius: 10px;}
  118. .slidebox ul>li:hover{background-color:#dfe5e6;}
  119. .slidebox ul > li a{text-decoration:none;}
  120. .slidebox ul > li a:hover{color:#475059;}
  121. .slidebox ul>li .icon{margin-left:auto;margin-right:auto;cursor:pointer;width: 80px;height: 80px;border-radius: 10px;text-align:center;}
  122. .slidebox ul>li .icon i{text-align: center;font-size: 45px;color: #fff;line-height: 80px;}
  123. .slidebox ul>li .icon-text{margin-left:auto;margin-right:auto;margin-top:8px;height:20px;text-align:center;background-color:#dfe5e6;width: 80px;border-radius:20px;}
  124. .slidebox ul>li .icon-text span{display:block;height:20px;line-height:22px;}
  125. .layui-layer-iframe{border:none;border-top-left-radius:0px;border-top-right-radius:0px;}
  126. .layui-layer-iframe .layui-layer-setwin{top: 8px;}
  127. .layui-layer-iframe .layui-layer-btn{padding:0px;padding-top:5px;padding-right:2px;height:38px;text-align: right;border: 0px solid #ccc;border-top:none;background-color: #f7feff;}
  128. .layui-layer-iframe .layui-layer-title{background-color: #2e99d4;color: #fff;border-top-left-radius:0px;border-top-right-radius:0px;}
  129. .message-group li i {padding-right:15px !important;}