@charset "utf-8";
@import url('css/ui.css');
@import url('css/icons.css');
/* @import url(./base/ui.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;}
.layoutMain #header{z-index:10;position:absolute;top: 0px;right: 0px;left: 0px;height: 60px;padding: 0 16px;}
.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: 180px;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: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}
.layoutMain.sun .layoutLogo{background: url(img/logo.png) no-repeat center center}
.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;}
.layoutBar{display: none;width:70px;background-color: var(--gray-8);position: fixed;height: 100%;top: 0;left:-70px;z-index:6;}
.layoutBar.show{display: block!important;}
.layoutBar .layoutConsole{position: relative;height:70px;padding:10px;}
.layoutBar .layoutNav ul{width: 100%;}
.layoutBar .layoutNav li{border-radius:2px;cursor:pointer;text-align: center;padding:4px 0px;margin-bottom:8px;color:var(--color-white);line-height:1.5;}
.layoutBar .layoutNav li .icon{font-size:20px}
.layoutBar .layoutNav li:hover,.layoutBar .layoutNav li.focus{background:var(--gray-7);}
/* 切换应用 */
.change-app{position:absolute;top:43px;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;}
.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;}
@media(max-width:1280px){}
@media(max-width:960px){}
@media (max-width:700px){}
/*表单编辑*/
.formtable{color:#333;font-size: 14px;width: 100%;}
.formtable th,.formtable td{padding:5px!important;vertical-align: middle;line-height:30px;}
.formtable th{text-align:right;width: 120px;min-width: 80px;color: #666;}
.formtable label{padding: 0px 5px;}
.formtable .submit{width: 100px;}
/*表单样式*/
input.input,input.radio,select.select,textarea.textarea{border-radius: 2px;box-sizing:border-box;border:1px solid #c4c6cf;vertical-align:middle;padding:5px;color:#333;}
input.input,select.select{height: 30px;line-height:20px;}
input.checkbox,input.radio{height:16px;width:20px;line-height:16px;}
textarea.textarea{margin-right:5px;}
textarea.readonly,select.readonly,input.readonly{background-color:#F5F5F5;color: #999;}
textarea[readonly],select[readonly],input[readonly],
textarea[disabled],select[disabled],input[disabled]{cursor:no-drop;background-color:#fff;color: #000;}
textarea[readonly]:hover,select[readonly]:hover,input[readonly]:hover,
textarea[disabled]:hover,select[disabled]:hover,input[disabled]:hover{border: 1px #c4c6cf solid}
input:hover,select:hover,textarea:hover{border: 1px #3399FF solid}
input.input-mini{height:25px!important;}
.input-group{padding:0px 2px;}
.input-group > input.input,.input-group > input.radio,.input-group > select.select,.input-group > textarea.textarea{margin-right: -1px;float: left;}
.input-group > input:hover,.input-group > select:hover,.input-group > textarea:hover{border:1px solid #c4c6cf;}
.input-group .button{float: left;border-radius: 0px;}
.input-group .button:hover,.input-group.button:focus {border-color:none;}
.ext-select{color:#333;float: left;height:30px;line-height:30px;padding:0px 10px;border: 1px #c4c6cf solid;}
.input_start{border-width: 1px 0px 1px 1px!important}
.input_end{border-width: 1px 1px 1px 0px!important}
/* 图片展示 2*/
.img-review{box-sizing:border-box;width: 120px;height:auto;padding: 5px;min-height:40px;margin-right:5px;border-radius:3px;border: 1px dashed #d0d0d0;position:relative;vertical-align: middle;display: table-cell;float: left;overflow: hidden;text-align: center;}
.img-review img{width: 100%;min-height:30px;overflow: hidden;object-fit:cover;vertical-align: middle;}
.current{border:2px dotted #FF0000;}
.box-view,.img-review{background:#FFFFFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAYAAABE4bxTAAAEBElEQVRYR82XXWgcVRTH/2eGNgTUEqHZvWcmgYBQjOmDdvWh9qEKqaA+mAetCMa2atEKikQU9KEV9KUqiKLS+pFqUbBFKH6htdKCFQRTxNBIBIMNO3PuSkx8kRB1mSM3zMJks8lO3A14YdjZO+fe87vnnnPuuYT/WaO18szOzl4xPz9/XZ5xHR0dk93d3ZU8sjWZNQGJyHsA7l2LAgDHmXk475jcQNbaYVV9N534XE4FO50cEd1njHGLadpyA4nINwB2VKvVG3p7e79vOjMAa+2dqnoCwAVmLuUZkwtIRLYBGFPVU0EQDOWZuCYjImcBOEsNM/PxZmPzAh0BsD9Jkt1hGLoV526VSmVfkiRv57XSMiBr7WZVHQRwdfr0p79g5lwLyNJOTExs7Orq+ivt+5WILqrqBICLRHTaGDOTlV+iwFp7AMAzqsp1JvgNwMfMvL/eNGNjYxuY+SrXLyK/lEqlf+plRORNALcBMEuUEwmA540xrzcMexGZBXAlgNOqOk5E477v/1goFMbrlcRx/CQR7QYwAGBj+v1vt3JV/TAIgsP1Y6anp/t93x/wPG9AVbcS0R1pFPYZYy4tvtcGlcvlnb7vnyWiQ8aYZ1dzEhE5D+DGdDJn/pMAnONvy1j3W2besdo81tqDqnooq3PNQNZaZ4FrAPwB4EFm/iirVETctrrHAV5i5r6VoFoGEpF7ALwPYDJJkr1hGH4nIrd4nrdFVc8YY37KhPuXAHYR0VPGmGXb5+RaApqamtrU2dn5A4A+IrrLGHMyiqIRz/NeBPAFEY3UAfWq6qdEtFVVdwVB8FW9pVoCKpfLt/q+/5mqjgZBsC+O40Ei+sDzvLuLxeLXjbZFRN4A8BCAx5n55bYCichzLiV4nvdosVh8VUTeApA0SgU1xVEU7fE8bxTAEWZ2YEtaSxbKHAFDzHxKRE4Q0TFjzOcrOW2lUrk9SZJPAJxj5pvaDfS0S2JE9Eg2kTUJ64dV1SW9V5j5sbYCRVF0s+d5zlcarnYFH6qdgQfCMHT+1L4tm5mZubxarU66xJeG/LEmyXOxQnAyvu8PFgqFM20FyuaNZglvbm5u08LCgnPmISJ6xxhzfyP4lpy6NqG1Nk6PhwsAjjLz0ayyOI63E9ELALYD+J2ZN69bps5AjarqnvT/n6paIaKIiEqqepnrTyNwbxOnb/0sqymI4/gBF3EA3Lm2Ie13pceEqr4WBIHLU6u2tmxZvQZXD4VhuMX1R1H0c6N66D9tmbW2P63kXmLmJ5qtrh3fRcSdgyPZ3LakYkxvFtcCyHWraAPU9S4rEFFvrZRdApQWaQfTW0Ib9K0+hatIVfUwM7uSZrE1LNod2LrTAOjp6Vl24VzzLWK9Qf8FHa5SPUwZ4VMAAAAASUVORK5CYII=') no-repeat center center;}