@charset "utf-8";
@import url('css/ui.css');
@import url('css/icons.css');
body{background-color:var(--gray-2);color: var(--gray-8);}
#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-y:hidden;position:absolute;top: 0px;right: 0px;bottom:0px;left: 0;z-index:10}
.layoutMain #header{z-index:10;position:absolute;top: 0px;right: 0px;left: 0px;height: 60px;padding: 0 8px;}
.layoutMain #header .account .btn:nth-last-child(2){border-right: none;}
.layoutMain.sun #header{background-color:var(--color-white);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:60px;bottom: 0px;left: 0px;width: 160px;background:var(--color-white);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}
.layoutMain #menu:hover::-webkit-scrollbar{display:block;}
.layoutMain #iframeBody,.layoutMain #fulliframe{position:absolute;top:60px;right: 0px;bottom:0px;left:160px;}
.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}
.layoutMain.sun .layoutLogo{background: url(img/logo.png) no-repeat center center}
.layoutMain .haderbar{z-index:10;cursor:pointer;line-height:10px;overflow: hidden;background-color:var(--color-white);color:var(--blue-6);border:1px solid var(--gray-3);    position: fixed;cursor:pointer;top:60px;left:50%;margin-left:-30px;border-radius: 0px 0px 5px 5px;width:60px;height:10px;border-width: 0px 1px 1px 1px;display:inline-flex;align-items:center;justify-content:center}
.layoutMain .haderbar:hover{box-shadow: 0 2px 6px 0 rgb(0 0 0 / 0.08)}
/* 判断是否显示左侧菜单 */
.layoutMain.show{left:70px;}
.layoutBar{display: none;width:70px;background-image: linear-gradient(179deg,var(--color-white),var(--gray-1) 100%);position: fixed;height: 100%;top: 0;left:0px;z-index:11;border-right: 1px solid var(--gray-3);box-shadow: 0 2px 5px 0 rgb(0 0 0 / 8%);}
.layoutBar.show{display: block!important;}
.layoutBar .layoutConsole{position: relative;height:60px;padding:8px;text-align: center;border-bottom: 1px solid var(--gray-3);}
.layoutBar .layoutNav ul{width: 100%;}
.layoutBar .layoutNav li{border-radius:2px;cursor:pointer;text-align: center;padding:8px 0px;color:var(--gray-8);line-height:1.5;}
.layoutBar .layoutNav li .icon{font-size:20px}
.layoutBar .layoutNav li:hover,.layoutBar .layoutNav li.focus{background:var(--gray-2);}
/* 切换应用 */
.apps{position:absolute;top:34px;z-index:99999;background-color: var(--color-white);border:1px var(--gray-2) solid;padding:16px;width:35rem;}
.apps-btn{z-index:99999;position: relative;}
.apps-btn.btn-group .btn:nth-child(3){border-right: none;}
.apps-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{display: flex; justify-content: center;}
.ui-img .card.card-sm .card-image,.ui-img-botton .card.card-sm .card-image{height: 110px;padding:0px;}
@media(max-width:1280px){}
@media(max-width:960px){}
@media (max-width:700px){}