@charset "utf-8"; @import url(../base/base.css); @import url(../base/iconfont.css); @import url(../base/ui.css); /*公用*/ html, body {background: #e9ecf3;overflow: inherit;} body,button,input,select,textarea{font-family: "Source Sans Pro","Helvetica Neue", Helvetica, Arial,sans-serif, "Microsoft YaHei";font-size: 14px;color: #58666e;line-height: 1.42857143;} a{color:#4c5161} a:hover{color:#2486ff} i{margin-right: 5px} .mt5{margin-top: 5px} /*布局*/ #header{position:relative;z-index:1;height:60px;background-color: #3080fe!important;box-shadow: 0 1px 4px rgba(0,21,41,.08);} #header .logo{height:60px;width:180px;color: #FFF;background: url('./logo.png') no-repeat center center;float: left;display: block;} #nav{position:fixed;top:60px;bottom:0px;left:0px;width:180px;overflow-y:auto;overflow-x:hidden;background:#FFF;border-right: 1px #EEF0F6 solid;} #nav::-webkit-scrollbar {width: 10px;height: 10px;} #nav::-webkit-scrollbar-thumb {border-radius: 5px;background: rgba(0,0,0,0.2);} #nav::-webkit-scrollbar-track {border-radius: 0;background: rgba(0,0,0,0.1);} #main{position:fixed;top:60px;bottom:0px;right:0px;left:180px;overflow:hidden;} /*顶部导航*/ #header li{float:left;display: block;height:60px;line-height:50px;padding:5px 15px;overflow:hidden;cursor:pointer;color:#FFF;} #header a{color: #FFF} #header li:hover,#header li.focus{background: #1e74fb;} #header .spacer{float:right;line-height:20px;} /*左侧菜单*/ #nav dl{width:100%;} #nav .iconfont {padding-right: 5px;} #nav dt{line-height:50px;padding:0px 10px;font-size:16px;cursor:pointer;font-size: 14px;cursor: pointer;font-weight: 600;} #nav dt:hover{background: #EBEBEB; transition: all .4s;} #nav dt i.icon-arrowdown{float:right} #nav dd{width:100;line-height:40px;font-size:14px;border-left:4px #FFF solid} #nav dd a{color:#333;display: block;padding-left:20px;} #nav dd:hover,#nav dd.focus{background: #f2f6f9;color:#3399ff;border-left:4px #3399ff solid} #nav dd a:hover,#nav dd.focus a{color:#3399ff} /*嵌入框架*/ #iframe{width: 100%;height: 100%;overflow:hidden;} /*弹出层*/ #layer {display:none;background: #fff;width:150px;border-radius: 5px;box-shadow: 0 2px 8px rgba(0,0,0,.15);} #layer > .item {padding: 10px 20px;} #layer > .item:hover{background-color: #EDEDED;border-radius: 5px;} #layer > .item.divider{border-bottom:1px solid #e8e8e8;}