@charset "utf-8";
@import url('/static/js/layui/css/layui.css');
@import url('css/ui.css');
@import url('css/icons.css');

body {
	background-color: var(--gray-2);
	color: var(--gray-8);
}

a{
	color: var(--gray-8);
}
a:hover{
	color:#2196f3
}

#layoutLogin {
	width: 100%;
	height: 100vh;
}

/* 登录 */
#login {
	position: relative;
	z-index: 1;
	padding: 16px;
}

#login .login_type {
	border-radius: 0px 5px 0px 0px;
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	border-color: var(--blue-1) var(--blue-1) transparent transparent;
	border-style: solid;
	border-width: 38.5px;
	top: 0;
	right: 0;
	overflow: visible;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

#login .login_type i {
	top: -26px;
	left: -19px;
	width: 40px;
	height: 40px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	cursor: pointer;
	position: absolute;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	background-size: 78% 78%;
	background-position: 50%;
	background-repeat: no-repeat;
}

#login .login_type i:before {
	content: "";
	position: absolute;
	left: -6px;
	top: 1px;
	border-color: transparent transparent #fff #fff;
	border-style: solid;
	border-width: 20px;
}

#login .login_type .scan-icon i {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHBhdGggZmlsbD0iIzMzNzBGRiIgZD0iTTQuNjI4IDE3Ljk3aDEyLjQ1NFY1LjQ1Mkg0LjYyOFYxNy45N3pNLjEuOWgyMS41MXYyMS42MjJILjFWLjl6bTcuOTI1IDcuOTY2aDUuNjZ2NS42OWgtNS42NnYtNS42OXpNMi45MyAzMC4yMjd2Ny4yMjNoNy4xODV2LTcuMjIzSDIuOTN6TS4xIDI3LjM4MmgxMi40NTNWMzkuOUguMVYyNy4zODJ6bTI4Ljc0LTIyLjg3djcuMjIyaDcuMTg2VjQuNTFIMjguODR6TTI1LjI0OS45SDM5LjF2MTQuNDQ1SDI1LjI0OFYuOXptMy41OTMgMjguODl2Ny4yMjJoNy4xODVWMjkuNzlIMjguODR6bS0zLjU5My0yLjQwOEgzOVYzOS45SDI1LjI0OFYyNy4zODJ6bS04LjM4My0xLjQ0Nmg0LjUyOXY0LjU1MmgtNC41Mjl2LTQuNTUyem0wIDYuODI4aDQuNTI5djYuODI3aC00LjUyOXYtNi44Mjd6bTguMTQxLTEzLjY1Nmg0LjUyOXY0LjU1MmgtNC41Mjl2LTQuNTUyem02Ljc5MyAwaDYuNzkzdjQuNTUySDMxLjh2LTQuNTUyeiIvPjwvc3ZnPg==);
}

#login .login_type .account-icon i {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNCIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iIzMzNzBGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjYgMjl2M0g5di0zaDE3em02LjM4MS0yOUMzMy4yNzUgMCAzNCAuNzI4IDM0IDEuNjI1djIyLjc1YzAgLjg5Ny0uNzI1IDEuNjI1LTEuNjE5IDEuNjI1SDEuNjE5QTEuNjIyIDEuNjIyIDAgMDEwIDI0LjM3NVYxLjYyNUMwIC43MjguNzI1IDAgMS42MTkgMGgzMC43NjJ6bS0xLjYyIDIwSDMuMjM4djIuNzVoMjcuNTI0TDMwLjc2IDIwem0wLTE2Ljc1SDMuMjM5VjE3aDI3LjUyM1YzLjI1eiIvPjwvc3ZnPg==);
}

#login .tooltip-content {
	position: absolute;
	padding: 5px;
	right: 20px;
	white-space: nowrap;
	border-radius: 2px;
	background: #37f;
	color: #fff;
	font-size: 14px;
	-webkit-transform: translateY(-60%);
	transform: translateY(-60%);
	-webkit-box-shadow: 0 4px 10px 0 rgba(153, 187, 255, .4);
	box-shadow: 0 4px 10px 0 rgba(153, 187, 255, .4);
}

#login.tooltip-content:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	right: -6px;
	top: 10px;
	background: #37f;
	position: absolute;
	border-color: #37f #37f transparent transparent;
	border-style: solid;
	border-width: 6px;
	-webkit-transform: rotate(45deg) translate(0);
	transform: rotate(45deg) translate(0);
}

#login #captcha {
	width: 160px;
	height: 36px;
}

#login #show_qrcode {
	width: 240px;
	margin: auto;
	padding: 20px 20px 0px;
}

#login #show_qrcode img {
	width: 200px;
	height: 200px;
	text-align: center;
}

/*后台框架 */
.layoutMain {
	display: flex;
	flex: 1;
	flex-direction: column;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0;
}

.layoutMain #header {
	z-index: 10;
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	height: 50px;
}

.layoutMain #header .account .btn:nth-last-child(2) {
	border-right: none;
}

.layoutMain.sun #header {
	background-color: #e3effd;
	border-bottom: 1px solid var(--gray-3);
}

.layoutMain.moon #header {
	background-color: var(--blue-6);
	border-bottom: 1px transparent;
}

.layoutMain #menu {
	z-index: 9;
	position: absolute;
	top: 50px;
	bottom: 0px;
	left: 0px;
	width: 180px;
	background-color: #f7f8fc;
	flex: none;
	border-right: 1px solid var(--gray-3);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
	flex-shrink: 1;
	overflow-x: hidden;
	overflow-y: auto;
	padding-top: 10px;
}

.layoutMain #menu:hover::-webkit-scrollbar {
	display: block;
}
.accordion{
	margin-top: 10px;
}
.accordion .accordion-body{max-height: inherit;}
.accordion .accordion-header{
	padding-left: 30px;
	background-color:inherit;
}
.accordion .accordion-header:hover {
    background-color: inherit;
}

.accordion .accordion-body .menu{
	background-color:inherit;
	padding: 0px 15px;
}
.accordion .menu .menu-item{
	line-height: 35px;
	position: relative;
	margin-bottom: 5px;
}
.accordion .menu .focus,.accordion .menu .menu-item a:hover{
	background: #c5e3fa;
	border-radius: 10px;
	color:#2196f3
}
.accordion .menu .menu-item:hover>a{
	color:#2196f3
}
.accordion .menu .menu-item .delete{
	position: absolute;
	top: 0px;
	right: 5px;
	display:block;
	width:14px;
	height:14px;
	opacity: 0;
	transition: opacity 0.3s ease;
	cursor: pointer;
}
.accordion .menu .menu-item:hover .delete{
	opacity: 1;
}

.accordion .menu .menu-item>a{
	padding-left: 15px;
	color: var(--gray-9)!important;
}
.accordion .menu .menu-item>a:hover,.menu .menu-item>a:focus{
	background: #c5e3fa;
	border-radius: 10px;
	color:#2196f3!important;
}
.accordion .menu .menu-item.layui-this,.accordion .menu .menu-item.layui-this>a{
	background: #c5e3fa;
	border-radius: 10px;
	color: #2196f3!important;
}

.accordion .menu .menu-item a i,.tab-menu .tab-menu-son a i,.change-app-btn .btn-container a i{
	margin-right: 5px;
}


.layoutMain #iframeBody,
.layoutMain #fulliframe {
	position: absolute;
	top: 50px;
	right: 0px;
	bottom: 0px;
	left: 180px;
}

.layoutMain #fulliframe {
	left: 0px !important;
}

.layoutMain #iframeBody iframe,
.layoutMain #fulliframe iframe {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/*样式切换*/
.layoutLogo {
	width: 178px;
	height: 51px;
	margin: 4px 0px;
}

.layoutMain.moon .layoutLogo {
	/* background: url(img/logolight.png) no-repeat center center */
	display: inline;
	vertical-align: middle;
}

.layoutMain.sun .layoutLogo {
	/* background: url(img/logo.png) no-repeat center center */
	display: inline;
	vertical-align: middle;
	font-size: 16px;
}

.layoutMain.showBox .layoutLogo span {
	display:inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	background: #c5e3fa;
	border-radius: 50%;
	cursor: pointer;
}
.layoutMain.showBox .layoutLogo span .icon{
	margin-right: 0;
}
.layoutMain .rightBtn {
	margin-top: 3px;
}

.layoutMain .rightBtn>a {
	color: var(--gray-9);
	display: inline-block;
	margin: 0 10px;
}

.layoutMain .rightBtn>a:hover {
	
}

.layoutMain .sider {
	z-index: 20;
	position: fixed !important;
	cursor: pointer;
	top: 55px;
	left: 50%;
	margin-left: -30px;
	border-radius: 0px 0px 5px 5px;
	width: 60px;
	height: 15px;
	text-align: center;
	line-height: 10px;
	overflow: hidden;
}

.layoutMain .sider:hover {
	box-shadow: 0 2px 6px 0 rgb(0 0 0 / 0.08)
}

.layoutMain.moon .sider {
	background-color: var(--blue-6);
	color: var(--color-white);
}

.layoutMain.sun .sider {
	background-color: var(--color-white);
	color: var(--blue-6);
	border: 1px solid var(--gray-3);
	border-width: 0px 1px 1px 1px;
	top: 59px
}

.layoutMain .sider_header {
	top: -55px !important;
}

.layoutMain .sider_frame {
	top: 5px !important
}

.layoutMain .sider_hide {
	top: 0px !important
}

/* 判断是否显示左侧菜单 */
.layoutMain.show {
	left: 70px;
}

/* 判断是否显示左侧菜单 */
.layoutMain.showBox {
	left: 0px;
}

.layoutBar {
	display: none;
	width: 70px;
	background-color: #e3effd;
	position: fixed;
	height: 100%;
	top: 0;
	left: -70px;
	z-index: 6;
}

.layoutBar.show {
	display: block !important;
}

.layoutBar .layoutConsole {
	position: relative;
	height: 70px;
	padding: 10px;
	text-align: center;
}

.layoutBar .layoutNav ul {
	width: 100%;
}

.layoutBar .layoutNav li {
	font-size: 12px;
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
	padding: 2px 0px;
	margin-bottom: 8px;
	color: var(--black-9);
	line-height: 1.5;
	font-weight: bold;
}
.layoutBar .layoutNav li a{
	color: var(--gray-8);
}

.layoutBar .layoutNav li .icon {
	font-size: 20px
}

.layoutBar .layoutNav li .navback{
	margin: 0 auto;
	width: 70%;
	height: 50px;
	padding-bottom: 2px;
	border-radius: 15px;
	text-align: center;
}
.layoutBar .layoutNav li .navback .icon{margin-right:0}
.layoutBar .layoutNav li.focus .navback,
.layoutBar .layoutNav li .navback:hover {
	background: #c5e3fa;
	/* color: #2196f3 */
}

.layoutBar .layoutNav li.focus .navback .icon,.tab-menu .tab-menu-son.focus a {
	color: #2196f3
}

/* 切换应用 */
.change-app {
	position: absolute;
	top: 34px;
	z-index: 99999;
	background-color: var(--color-white);
	border: 1px var(--gray-2) solid;
	padding: 16px;
	width: 35rem;
}

.change-app-btn {
	z-index: 99999;
	position: relative;
	display: flex;
	justify-content: flex-end;
}

.change-app-btn .btn-container {
  display: flex;
  align-items: center;
}

.change-app-btn .btn-container a{
  padding:3px 10px;
  color: var(--gray-9);
  margin: 0 5px;
}
.change-app-btn .btn-container a:hover{
  border-radius:20px;
  background-color: #c5e3fa;
  color: #2196f3;
}

.change-app-btn.btn-group .btn:nth-child(3) {
	border-right: none;
}

.change-app-shade {
	z-index: 9999;
	position: fixed;
	background-color: rgb(0, 0, 0);
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 内容区 */
.docs-brand {
	padding: 10px 16px 0px 16px;
}

.docs-content {
	margin: 16px;
	display: flex;
	flex: auto;
	flex-direction: column;
	box-sizing: border-box;
}

/* 登录首页 */
.login-header {
	flex: 0 0 auto;
	height: 70px;
	padding: 0 32px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	background: var(--color-white);
}

.login-footer {
	padding: 20px;
	position: absolute;
	bottom: 0;
	left: 0px;
	right: 0;
}

/* UI样式重定义 */
.card-footer .pagination {
	float: right;
}

.ui-img .card.card-sm .card-image,
.ui-img-botton .card.card-sm .card-image {
	height: 110px;
	padding: 0px;
}

.layoutBar .leftBottomAvatar{
	position: absolute;
	bottom: 10px;
	text-align: center;
	width: 100%;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
}
.layoutBar .leftBottomAvatar img{
	overflow: hidden;
}
.actAjax{cursor: pointer;}
.app-use-list{padding:0 30px;}
.app-use-list .app-use-col{
	padding:10px 10px;
	border-radius:5px;
	margin:10px 0px 0;
	position: relative;
}
.app-use-list .app-use-col:hover{
	background-color:#c5e3fa;
}

.app-use-list .app-use-col span{
	display:inline-block;
	width:30px;
	height: 30px;
	background-color:#2196f3;
	color: #fff;
	line-height:30px;
	border-radius:50%;
	text-align:center;
	margin-right:8px;
}

.app-use-list .app-use-col a{
	color: var(--gray-8);
}

.app-use-list .app-use-col .delete{
	position: absolute;
	top: 13px;
	right: 12px;
	display:block;
	width:14px;
	height:14px;
	opacity: 0;
	transition: opacity 0.3s ease;
	cursor: pointer;
}
.app-use-list .app-use-col:hover .delete{
	opacity: 1;
}

.tab-menu .tab-menu-son{
	height: 50px;
	line-height: 50px;
}
.tab-menu .tab-menu-son a{
	padding:9px 12px;
	border-radius:10px;
	margin:0 5px;
}
.tab-menu .tab-menu-son.layui-this a,.tab-menu .tab-menu-son a:hover{
	background:#c5e3fa;
	color:#2196f3;
}

.tab-menu.cols.col-oneline{
	overflow: hidden;
	margin-left:10px;
}


/**tab选项卡 */
.layuimini-tab {
    margin: 0px;
    overflow: hidden;
    height: 100% !important;
}

.layuimini-tab .layui-tab-content {
    height: calc(100% - 37px) !important;
}

.layuimini-tab .layui-tab-content .layui-tab-item {
    height: 100%;
}

.layuimini-tab .layui-tab-content {
    padding: 0px;
}

.layuimini-tab .layui-tab-title {
    border: none;
    border: 1px solid whitesmoke;
    background-color: white;
}

.layuimini-tab .layui-tab-title li {
    border-right: 1px solid whitesmoke;
    color: dimgray;
}

.layuimini-tab .layui-tab-title .layui-tab-bar {
    display: none;
}

.layuimini-tab .layui-tab-title .layui-this:after {
    display: none;
}

.layuimini-tab .layui-tab-title .layuimini-tab-active {
    display: inline-block;
    background-color: lightgray;
    width: 9px;
    height: 9px;
    border-radius: 30px;
    margin-right: 5px;
}

.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
    background: #2196f3;
}

.layuimini-tab > .layui-tab-title, .layuimini-tab > .close-box {
    height: 35px !important;
}

.layuimini-tab > .layui-tab-title li, .layuimini-tab > .close-box li {
    line-height: 35px !important;
}

.layuimini-tab .layui-tab-title span {
    color: #acafb1;
}

.layuimini-tab .layui-tab-title .layui-this span {
    color: dimgray;
}

.layuimini-tab .layui-tab-title .layui-tab-close {
    font-size: 12px !important;
    width: 14px !important;
    height: 14px !important;
    line-height: 16px !important;
}

.layuimini-tab .layui-tab-title .layui-tab-close:hover {
    border-radius: 4em;
    background: #ff5722;
}

.layuimini-tab .layui-tab-title .disable-close + .layui-tab-close {
    display: none;
}

.layuimini-tab .layui-tab-title .able-close + .layui-tab-close {
    display: inline-block;
}

.layuimini-tab .layui-tab-control > li {
    position: absolute;
    top: 0px;
    height: 35px;
    line-height: 35px;
    width: 35px;
    text-align: center;
    background-color: white;
    border-top: whitesmoke 1px solid;
    border-bottom: whitesmoke 1px solid;
}

.layuimini-tab .layuimini-tab-roll-left {
    left: 0px;
    border-right: whitesmoke 1px solid;
    border-left: whitesmoke 1px solid;
}

.layuimini-tab .layuimini-tab-roll-right {
    right: 35px;
    border-left: 1px solid whitesmoke;
}

.layuimini-tab .layui-tab-tool {
    right: 0px;
    border-left: 1px solid whitesmoke;
}

.layuimini-tab .layui-tab-control .layui-tab-tool,
.layuimini-tab .layui-tab-control .layuimini-tab-roll-left,
.layuimini-tab .layui-tab-control .layuimini-tab-roll-right {
    display: none;
}

.layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-left,
.layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-right {
    display: block;
}

.layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-right {
    right: 0px;
    border-right: 1px solid whitesmoke;
}

.layuimini-tab.layui-tab-roll .layui-tab-title {
    padding-left: 35px;
    padding-right: 35px;
}


.layuimini-tab.layui-tab-tool .layui-tab-control .layui-tab-tool {
    display: block;
}

.layuimini-tab.layui-tab-tool .layui-tab-title {
    padding-left: 0px;
    padding-right: 35px;
}


.layuimini-tab.layui-tab-rollTool .layui-tab-title {
    padding-left: 35px;
    padding-right: 80px;
}

.layuimini-tab.layui-tab-rollTool .layui-tab-control .layuimini-tab-roll-left,
.layuimini-tab.layui-tab-rollTool .layui-tab-control .layuimini-tab-roll-right,
.layuimini-tab.layui-tab-rollTool .layui-tab-control .layui-tab-tool {
    display: block;
}

.layuimini-tab .layui-tab-tool .layui-nav {
    position: absolute;
    height: 43px !important;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background: 0 0;
}

.layuimini-tab .layui-tab-tool .layui-nav-item {
    height: 35px;
}

.layuimini-tab .layui-tab-tool .layui-nav-bar {
    display: none;
}

.layuimini-tab .layui-tab-tool .layui-nav-child {
    left: auto;
    top: 45px;
    right: 3px;
    width: 120px;
    border: 1px solid whitesmoke;
}

.layuimini-tab .layui-tab-tool .layui-this a {
    background: #c5e3fa;
    color: #2196f3;
}

.layuimini-tab-loading {
    position: absolute;
    display: none;
    width: 100%;
    height: calc(100% - 37px);
    top: 37px;
    z-index: 19;
    background-color: #fff
}

.layuimini-tab-loading.close {
    animation: close 1s;
    -webkit-animation: close 1s;
    animation-fill-mode: forwards;
}

.layuimini-tab-mousedown {
    display: none;
    width: 80px;
    position: absolute;
    top: 0px !important;
    left: 0px !important;
}

.accordion-body .parentCss{
	color:var(--gray-9)!important;
	font-weight: 600;
}
.accordion-body .parentCss:after {
    content: "\e602";
	font-family: layui-icon!important;
	font-size: 14px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	float:right
}
.accordion-body .parentCss:hover{background:inherit!important;color:var(--gray-9)!important;}
.accordion-body .layui-nav-child .icon{display:none}

.accordion-body .layui-nav-child {
	background-color:inherit!important;
	padding-left:28px;
}
.accordion-body .layui-nav-child a{
	color:var(--gray-9)!important;
	border-radius: 2px;
	padding-left: 10px!important;
	display: block;
}
.accordion-body .layui-nav-child .menu-item{
	margin-bottom:0!important;
	
}
.rolelist.ztree li a{
	padding: 5px!important;
}
.rulelist.ztree li a{
	padding: 1px 3px 5px 0!important;
}
@media(max-width:1280px) {}

@media(max-width:960px) {}

@media (max-width:700px) {}