1234567891011121314151617181920212223242526272829303132333435363738394041 |
- @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;}
|