*{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;outline:none}
body{background-color:#f5f5fb}
.clear{clear:both}
.layui-table thead tr{background-color:#F8FCF9;color:#16BAAA}
.base .nav-left{position:fixed;top:0;left:0;height:100%;width:240px;transition:all .1s;z-index:100;background-color:#f5f5fb;/*overflow:hidden;*/ }
.base .nav-left .logo{text-align:center;line-height:70px;font-size:20px;font-weight:700;color:#16baaa;letter-spacing:.05em}
.base .nav-left .nav_div .nav{padding:12px 20px !important;letter-spacing:.05em;font-size:11px;color:#5a5454;font-weight:700}
.base .nav-left .nav_div .nav-list ul .a_active .active{color:#16baaa !important;font-weight:700}
.base .nav-left .nav_div .nav-list ul .nav-tab{list-style:none}
.base .nav-left .nav_div .nav-list ul .nav-tab .li-a{padding:12px 15px 12px 25px !important;text-decoration:none;display:block;padding:.65rem 1.5rem;font-size:16px;color:#5a5454}
.base .nav-left .nav_div .nav-list ul .nav-tab .li-a .bx{font-size:17px;vertical-align:text-top;margin-right:6px}
.base .nav-left .nav_div .nav-list ul .nav-tab .nav-box{max-height:0;overflow:hidden;transition:all .1s}
.base .nav-left .nav_div .nav-list ul .nav-show .nav-box{max-height:800px;height:auto !important;padding-bottom:12px}
.base .nav-left .nav_div .nav-list ul .nav-show .nav-box a{padding:8px 70px !important;text-decoration:none;display:block;padding:.65rem 1.5rem;font-size:16px;color:#5a5454;margin-left:0;height:auto !important}
.base .nav-left .nav_div .nav-list ul .nav-show .nav-box .active-li-a{color:#16baaa !important;font-weight:700}
.layui-icon-right.transformed{transform:rotateZ(90deg)}
.base .nav-left .nav_div .nav-list ul .nav-show .nav-box a:hover{color:#16baaa !important}
.base .nav-left .nav_div .nav-list .li-a{transition:all 0.1s;margin-left:0}
.base .nav-right{transition:all .1s;z-index:200}
.base .nav-top{flex:1;width:100%;padding:20px;z-index:200;box-sizing:border-box}
.user_alert{text-align:left;background-color:#fff;position:absolute;top:60px;right:20px;width:260px;border:1px solid #e5e6ec;border-radius:5px;padding:20px 30px;z-index:9999;box-shadow:0 0 15px 5px rgba(0,0,0,0.1);display:none}
.user_alert::before{border:8px solid transparent;border-bottom-color:#fff;content:"";right:9px;margin-left:15px;position:absolute;top:-20px;width:10px;height:10px}
.user_alert div.buts{margin-top:10px;padding-top:10px;border-top:1px solid #f5f5f5}
.user_alert::after{content:'';position:absolute;top:-10px;left:0;width:100%;height:10px}
.user_alert>.spanpp{height:28px;line-height:28px;font-size:14px;display:block}
.user_alert>.spanpp span{float:right;cursor:pointer}
.user_alert div.buts a{font-size:14px;display:inline-block;height:30px;line-height:30px;border:1px solid #eee;width:calc(100% / 3);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#f5f5f5;border-radius:6px;text-align:center;cursor:pointer;float:left}
.user_alert div.buts a:nth-child(2){width:calc(100% / 3 - 10px);margin:0 5px}
.user_alert>div p{padding:5px 10px;margin-top:10px;font-size:14px;background:#e9faf8;border-radius:2px;border:1px solid #90cdc6;position:relative;border-radius:3px;color:#555}
.user_alert>div p a{color:#00b278 !important;float:right}
.user_alert .sign-in-btn{display:inline-block;float:right}
.user_alert .giod p{padding:10px;margin:15px 0}
.base .content-page{z-index:200;flex:1;/*position:absolute;top:60px;left:240px;right:0;bottom:0;*/ transition:all .1s;margin:0 10px}
.block{position:relative;border-width:1px;border-style:solid;border-radius:2px;box-shadow:1px 1px 4px rgb(0 0 0 / 8%);background-color:#fff;color:#5f5f5f;border-color:#eee;padding:20px}
.boxtitle h3{color:#444;font-size:18px;padding:30px 0 10px 20px;font-weight:500;text-align:left;line-height:24px}
.item{padding:6px}
.item .title{display:block;border-radius:20px;background:#fff;padding:25px}
.nav-left .logo a{display:inline-block;background:url(../images/logo.png) no-repeat top left;background-size:auto 35px;height:35px;line-height:35px;padding-left:45px}
.item .title img,.item .title h4{float:left}
.item .title img{width:45px;height:45px;margin-right:15px}
.item .title h4{display:block;width:calc(100% - 60px);width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px);line-height:45px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.item .title p{display:block;clear:both;content:'';padding-top:15px;height:48px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#999}
.wrap{min-height:100px}
.mgt10{margin-top:10px}
.nav-top{height:80px}
.nav-top .menu{float:left;display:inline-block}
.nav-top .user{display:flex;float:right;font-size:16px;color:#16baaa !important;font-weight:700}
.nav-top .user .layui-btn{margin-left:5px}
.nav-top .user .layui-input,.nav-top .user .layui-input:focus{width:200px;height:30px;border-color:#16baaa !important;font-size:14px;font-weight:normal}
.nav-top .user .layui-input::-webkit-input-placeholder{font-size:12px;font-weight:normal}
.wrap .box{background-color:#fff;border-radius:10px;padding:5px 20px;font-size:14px;line-height:34px}
.wrap .box .title{position: relative;}
.wrap .box .title-plug{position: absolute;display: flex;right:10px;top:20px;}
@media screen and (max-width: 860px){
	.wrap .box .title-plug{
		position:inherit;
		left:0;
		right:0;
		top:10px;
	}
}
.wrap .box .title-plug > div {border:1px solid #eee;border-radius:5px;padding:0 15px;margin-left:10px;line-height: 24px;cursor: pointer;}
.wrap .box .title-plug > div i{color: red}
.title h1{padding:18px 20px;border-bottom:1px solid #ebeef5;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:18px}
.wrap .box>h2{text-align:center;font-size:50px;line-height:150px}
.wrap .box .content{padding:20px 10px}
.wrap .box .content h2,.wrap .box .content h3{padding:10px 20px;font-size:16px}
.wrap .box p{font-size:14px;line-height:28px}
.wrap .box .flinks{box-sizing:border-box;padding:20px 10px}
.wrap .box .flinks li{display:inline-block;padding:10px;font-size:14px;line-height:28px}
.content h3{color:#16BAAA}
.content pre{margin:20px 0;font:12px/20px courier new;background:#272822;padding:10px 15px;color:#f8f8d4;border:none;border-radius:5px}
.content ul li{width:20%;min-width:400px;float:left;padding:4px 5px;overflow:hidden;height:38px}
.content ul:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.tips{color:#16baaa;padding:15px;font-weight:bold}
#page,.pagination{text-align:center}
.pagination li{display:inline-block;height:32px;margin-right:5px;border-radius:2px}
.pagination li a,.pagination li span{float:left;display:block;height:28px;line-height:28px;padding:0 12px;font-size:14px;border:1px solid #ddd;color:#555;text-decoration:none}
.pagination li.active span,.pagination li a:hover{background:#393d49;color:#fff}
footer{flex:1;border-radius:10px;background-color:#fff;padding:20px;z-index:200;transition:all .1s;margin:10px 10px 0 10px;box-sizing:border-box}
footer .copyright,footer .links{text-align:center;padding:5px}
.CodeMirror{border:1px solid #16baaa;border-left:5px solid #16baaa;min-height:500px;line-height:16px;height:auto !important}
.CodeMirror-scroll{height:auto !important;min-height:500px}
body .layui-layer-content{border-radius:12px!important}
body .layui-layer-content iframe{border-radius:12px!important}
body .layui-layer{border-radius:12px!important}
.scroll-nav{position:fixed;right:.625rem;bottom:.625rem;z-index:1010;width:2rem }
.scroll-nav a{opacity:.9;width:2rem;min-height:2rem;border-radius:2px;text-align:center;background-color:#555;display:block;cursor:pointer;margin-top:.625rem;position:relative }
.scroll-nav a i{width:100%;line-height:2rem;vertical-align:middle;color:#ddd }
.scroll-nav a p{position:absolute;opacity:0;font-size:.75rem;padding:6px .875rem;right:-9999px;top:50%;transform:translateY(-50%);transition:opacity .5s ease;background:#333;color:#fff;border-radius:2px;white-space:nowrap }
.scroll-nav a:hover{background:#333 }
.scroll-nav a:hover i{color:#fff }
.scroll-nav a:hover p{opacity:.8;right:40px }
#go-top{display:none }