html, body { min-width: 1000px;}
.ai, .ai .ks-range {accent-color: #3f8491}/*定义浏览器控件颜色 浏览器根据深浅色自动调整*/
.ai-wrap { width: 100%; min-width: 1400px; max-width: 1920px; margin: 0 auto; }
.ai-header { width: 100%; height: 60px;  background: linear-gradient(#20837B, #207983); overflow: hidden;}
.ai-header, .ai-header a {color: #ace1e3; text-shadow: rgba(0,0,0, .5) 0 0 1px;}
.ai-logo { background:url("./logo-ai.png") no-repeat 50% 50%; background-size: auto 36px; color: #fff; width: 245px; height: 60px; line-height: 999px; overflow: hidden;}
.ai-navbar { height: 40px; line-height: 40px; margin: 10px 0 0 0; padding-left: 150px;}
.ai-navbar a {font-size: 16px; font-weight: bold; padding: 0 25px; float: left; border-radius: 100px; margin-right: 20px;}
.ai-navbar a:last-of-type { margin-right: 0}
.ai-navbar a:hover { background: rgba(255,255,255, .1);}
.ai-navbar a.a { background: linear-gradient(135deg, #62dbd3, #74f597); box-shadow: rgba(0,0,0, .18) 0 0 4px; color: #065d39; text-shadow: rgb(255 255 255) -1px -1px 0;}

.ai-header-userinfo > * {float: left; border-left: rgba(255,255,255, .1) 1px solid; display: block; height: 100%; padding: 0 10px;}

.ai-header > div:last-of-type { line-height: 60px;}
.ai-body > .ai-wrap { border: var(--bordercolor) 1px solid;}