html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {margin: 0;padding: 0;}h1, h2, h3, h4, h5, h6{font-weight:normal;}ul,ol {list-style: none;}input, textarea {outline: none;}img {border: none;vertical-align: middle;}a {text-decoration: none;}::-webkit-input-placeholder {color: #c1c1c1;}::-moz-placeholder {color: #c1c1c1;}:-ms-input-placeholder {color: #c1c1c1;}.layout-left {position: absolute;left: 0px;top: 0px;width: 200px;height: calc(100%);background-color: #F7F7F7;}.layout-right {position: absolute;left: 200px;top: 0px;bottom: 0px;right: 0px;min-width: 450px;width: auto;}.layout-left-name {height: 60px;padding: 5px;border-bottom: 2px solid #3379b7;}.layout-left-name .logo{width: 60px;line-height: 60px;text-align: center;float: left;}.layout-left-name .logo img {width: 50px;height: 50px;user-select: none;-webkit-user-drag: none;}.layout-left-name .title{display: inline-block;width: calc(100% - 65px);padding-top: 12px;padding-left: 5px;}.layout-left-name .title p {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}.layout-left-name .title .title-up {font-size: 16px;font-weight: bolder;color: #3379b7;}.layout-left-name .title .title-down{font-size: 12px;color: #888888;}.layout-left-nav {padding: 5px;font-size: 16px;}.layout-left-nav .nav-ul {color: #888888;}.layout-left-nav .nav-ul li {background: url(../img/icon-1.png) no-repeat 18px 10px;background-size: 20px;padding-left: 40px;height: 42px;line-height: 42px;border-bottom: 1px solid #dcdcdc;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}.layout-left-nav .nav-ul li:hover {cursor: pointer;color: #3379b7;background-color: #dcdcdc;border-bottom: 1px solid #dcdcdc;}.layout-left-nav .nav-ul .nav-li-selected {color: #3379b7;background-color: #dcdcdc;border-bottom: 1px solid #dcdcdc;}.layout-right-search {height: 60px;padding: 5px;line-height: 60px;}.layout-right-search .search-item {padding: 0px 0px 5px 0px;margin: 0px 10px 0px 10px;border-bottom: 1px solid #dcdcdc;box-shadow: #cccccc 0px 10px 10px -10px;-webkit-box-shadow: #cccccc 0px 10px 10px -10px;-moz-box-shadow: #cccccc 0px 10px 10px -10px;}.layout-right-search .search-item input {width: 320px;height: 36px;padding: 5px;border: 1px solid #dcdcdc;}.layout-right-search .search-item button {width: 80px;height: 36px;border: none;outline: none;color: white;cursor: pointer;background-color: #2368d7;}.layout-right-search .search-item button:hover {background-color: #4e6ef2;}.layout-right-content {height: calc(100vh - 70px);overflow-y: scroll;}.layout-right-content .content-item {padding: 15px;}.layout-right-content .content-item .item-field {margin: 0px 0px 50px 0px;border: 1px solid #dcdcdc;}.layout-right-content .content-item .item-field legend {font-size: 14px;padding: 5px 10px;border: 1px solid #dcdcdc;color: #2368d7;-webkit-box-shadow: #cccccc 0px 1px 1px;-moz-box-shadow: #cccccc 0px 1px 1px;box-shadow: #cccccc 0px 1px 1px;}.layout-right-content .content-item .item-field .field-div {padding: 15px;}.layout-right-content .content-item .item-none {color: #fd5e57;background-color: lightyellow;padding: 15px;margin-bottom: 600px;}.sys-item {display: inline-block;border: 1px solid #dcdcdc;height: 90px;min-width: 80px;max-width: 320px;width: calc(20% - 22px);padding: 5px;margin: 0px 10px 5px 0px;}.sys-item:hover {-webkit-box-shadow: #ccc 0px 5px 5px;-moz-box-shadow: #ccc 0px 5px 5px;box-shadow: #ccc 0px 5px 5px;}.sys-item .item-logo {width: 80px;line-height: 90px;height: 100%;float: left;text-align: center;}.sys-item .item-logo img {width: 50px;height: 50px;user-select: none;-webkit-user-drag: none;}.sys-item .item-words {display: inline-block;float: right;width: calc(100% - 85px);height: 100%;}.sys-item .item-words .name {height: 16px;font-size: 16px;font-weight: bold;color: #3379b7;padding: 5px 0px 10px 0px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}.sys-item .item-words .desc {font-size: 12px;color: #888888;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}.layout-right-content .content-footer{height: 50px;padding: 30px 15px;}.layout-right-content .content-footer section {font-size: 14px;color: #888888;padding: 7px 10px;border-top: 1px solid #dcdcdc;}.layout-right-content .content-footer section a {color: #3379b7;font-weight: bold;}.layout-right-content .content-footer .split {margin: 0px 10px;}.layout-right-content .content-footer .github {width: 125px;height: 20px;margin-bottom: -5px;}.footer-hidden {display: none;}