html{height:100%;}
body{height:100%;background-color: #FEFEFE;margin:0;padding:0;}
*{font-size: 14px;font-family: 'Microsoft YaHei','Courier New', Courier, monospace;color:#333333;}
.root{width:1200px;margin:0 auto;padding:0;display:flex;flex-direction: column;}
.titlebar{padding:10px 12px;display: flex;flex-direction: row;background-color: #F9F9F9;border-left:1px solid #c5c6c7;border-bottom:1px solid #c5c6c7;border-right:1px solid #c5c6c7;}
.titlebar-logo{line-height:32px;}
.titlebar-title{font-weight:bold;font-size:1.2em;text-decoration: none;}

.container{display: flex;flex-direction: row;gap:0.5em;}
.nav{width:200px;background-color: #F9F9F9;border-right:1px solid #c5c6c7;border-left:1px solid #c5c6c7;border-bottom:1px solid #c5c6c7;flex-shrink: 0;}
.nav-item{margin:4px;padding:0 4px;display:flex;flex-direction: row;cursor:pointer;height:48px;line-height:48px;border:1px solid transparent;text-decoration: none;}
.nav-item:hover{border:1px solid #c5c6c7;background-color:#e6edff;border-radius: 4px;}
.nav-item-selected{border:1px solid #c5c6c7;background-color:#dbe5fb;border-radius: 4px;}
.iconfont{margin-right:1em;}
.content{background-color:#F9F9F9;flex-grow:1;}


.footer{display: flex;flex-direction: row; min-height: 48px;background-color:#fff;align-items: center;}
.beian{line-height: 2em;display: flex;flex-direction: row;gap: 2em;padding:0 1em}
.beian > div{display: flex;flex-direction: row;gap:0.5em;align-items: center;}
.beian *{color:#606060;}
.beian a{text-decoration: none;}
.beian a:hover{color:#516bff;}

.tongji{margin-left: auto;padding-right:1em;}
.tongji img {height:18px;border:none;outline: none;}
.contact{display: flex;flex-direction: row;gap:0.5em;}
.contact > div{display: flex;flex-direction: row;gap:0.5em;align-items: center;}

.sub-columns{list-style: none;padding:0;margin:0;display:flex;flex-direction: row;gap:1.5em;flex-wrap: wrap;}
.sub-columns li{flex-grow:0;flex-shrink: 0; padding:0.5em;width:30%;min-height:10em;border-radius: 0.4em;box-shadow: 3px 3px 6px #dad9d9 ; background: linear-gradient(45deg, rgba(249,249,249,0.5),30%, #FFFFFF,95%,rgba(249,249,249,0.5))}
.sub-columns li:hover{transform: scale(1.03);transition: all 0.2s;}
.sub-column-link{text-decoration: none;display:flex;flex-direction: column;height:100%;}
.s-column-icon{width:32px;height:32px;border:none;outline:none;}
.s-column-title{font-size:1.2em;font-weight: 700;color:#555555;padding:0.5em 0;border:none;margin:0.5em 0;}
.s-column-summary{font-size:0.9em;color:#555555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;}
.s-column-info{color:#555555;flex-grow:0;}
.s-column-usetimes{padding:0.2em 0.5em;border-radius: 1em;min-width:3em;background-color:#EFEFEF;display:block;float:right;text-align:center;color:#999999;font-size:8pt;font-weight:bold;}
.s-column-usetimes::after{content:"";clear:both;}

.content-root{padding:0.5em;min-height:600px; max-height:800px;overflow:scroll;overflow-x: hidden;overflow-y:auto;}
.content-root h1{margin:0.5em 0;padding:0.2em 0;border-bottom:2px solid; border-image:linear-gradient(to right, #3EA5C6, #B9E3EF) 1;display:flex;flex-direction: row;align-items: center;}
.content-root h1 > label{ color:#555555;font-size:1.5em;flex-grow:1;}
.content-inner{width:100%;}

.content-root-index{padding:0.5em 0;min-height:600px;}
.content-root-index h3{margin:0.5em 0;padding:0.2em 0;font-size:1.5em;border-bottom:2px solid; border-image:linear-gradient(to right, #3EA5C6, #B9E3EF) 1;display:flex;flex-direction: row;align-items: center;}