/*基础*/
*, body {margin: 0px;padding: 0px; font: 14px "MIcrosoft YaHei";}
ul, li {list-style-type: none;}
button,input {border: none;}
input {outline: none;font-size: 14px;}
a {text-decoration: none;}
::-webkit-scrollbar {width: 12px;height: 12px;background-color: transparent;}
::-webkit-scrollbar-track {background-color: #eee;}
::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #ddd;}
::-webkit-scrollbar-button {height: 0;}
::-webkit-scrollbar-corner {background-color: #eee;}
::-ms-clear, ::-ms-reveal{display: none;}

.clear {clear: both;}
/*复制*/
.page_copy { -moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;  user-select: none;}

/*登陆*/
.login-body{ width:100vh;height:100vh;align-items: center;justify-content: center;display: flex;box-sizing: border-box;}
.login-container {display: flex;width:100vh;height:100vh;justify-content: center;}
.left-body { width:100%; align-items: center;justify-content: center;display: flex;box-sizing: border-box;min-width: 75%;}
.right-body {width: 100%;box-sizing: border-box;}
.login-form {color: #fff;}
.login-form .title {text-align: center;position: relative;width: 100%;margin-bottom: 40px;font-size: 20px;font-weight: bold;line-height: 20px;}
/*.login-form .title:after {content: '';height: 2px;background: #E80112;width: 87px;display: block;position: absolute;bottom: -20px;left: calc((100% - 87px) / 2)}*/
.login-form .field-title {font-size: 14px;margin-bottom: 10px;margin-top: 10px;padding-left: 20px;}
.login-form .txt {outline: none;height: 30px;background: #2A282B;line-height: 30px;width: 280px;color: #fff;border: 1px solid #2A282B;border-radius: 40px;padding-left: 15px;transition: .1s all linear;}
.login-form .txt:focus {border-color: #959396;}
.login-btn {background: #E80112;color: #fff;width: 100%;height: 30px;line-height: 30px;border-radius: 30px;font-size: 14px;cursor: pointer;transition: .2s all linear;}
.login-btn:active {opacity: .8;}
.remember-pwd { margin: 30px 0px;font-size: 14px;margin-left: 20px;display: flex;align-items: center;cursor: pointer;user-select: none;}
.remember-pwd input {display: none;}
.remember-pwd:before {content: '';width: 14px;height: 14px;background: #fff;border-radius: 2px;margin-right: 10px;}
.left-body .checked:before {content: '';width: 14px;height: 14px;background: url('/Skin/images/ck_checked.png') no-repeat; background-size: cover; margin-right: 10px; display: inline-block;}
.login-split-line {height: 2px;background: #464646; width: 100%;margin: 10% 0px 10% 0px;}
.login-logo {margin-bottom: 10%;}
.login-logo img {margin: 0 auto;display: block;}
.login-copyright {text-align: center;color: #5D5F60;}

/*新登录*/
.banner {display: block;overflow: hidden; position: relative;width: 100%;margin: 0 auto;height: calc(100vh);background-color: #000;}
.banner video { height: auto;width: auto;min-width: 100%;min-height: 100%;}
.container {position: absolute;margin: 0 auto;width: 100vw;height:100vh;top: 0;min-width:1346px;}
.container .head_top{width: 70%;position: absolute;top:0px;z-index: 99;text-align: center;margin:0 15%;}
.container .head_top .login-logo-new{position: absolute;top: 30px;z-index: 99;}
.container .head_top .login-logo-new img{width:180px;}
.container .login_from{width: 70%;margin:0 15%;position: absolute;top: 50%;z-index: 99;margin-top: -200px;height:400px;}
.container .login_from .login_l{width:50%;float:left;line-height:400px;}
.container .login_from .login_l img{width:420px;}
.container .login_from .login_r{width:50%;float:left;line-height:400px;position:relative;}
.container .login_from .login_r .login-form{width:280px;background: #fff;border-radius: 10px;opacity: 0.9;padding:30px 40px;color:#333;position: absolute;right:0;}
.container .login_from .login_r .login-form .title{font-size:18px;font-weight:bold;}
.container .login_from .layui-form-item .layui-btn{background-color: #3C91FC;font-size: 16px;}
.layui-input-prefix .layui-icon, .layui-input-split .layui-icon, .layui-input-suffix .layui-icon {line-height: 38px;}
.layui-form-item{margin-bottom: 25px!important;}
.container .foot_bottom{width: 100%;position: absolute;bottom: 30px;z-index: 99;text-align: center;color: #fff;}



/*弹窗*/
.dialog {position: fixed;left: 0px;top: 0px;right: 0px;z-index:9999;}
.dialog .mask{position: fixed;left:0px;top:0px;background:#000;opacity:.7;width:100%;height:100%;}

.dialog .toast-box{background:#fff;position:fixed;width:380px;height:220px;border-radius:5px;left:calc((100% - 380px)/2);top:calc((100% - 260px)/2);}
.dialog .toast-box .toast-fbar{height:70px;line-height:70px;text-align: center;position: absolute;width:100%;bottom:0px;border-top:1px solid #F0F2F7;}
.dialog .toast-box .icon-res{width:58px;height:58px;margin:24px auto 16px;}
.dialog .toast-box .icon-succ{background:url('/Skin/images/icon_succ.png') no-repeat;background-size:cover;}
.dialog .toast-box .icon-error{background:url('/Skin/images/icon_error.png') no-repeat;background-size:cover;}
.dialog .toast-box .icon-question-png{background:url('/Skin/images/icon_question.png') no-repeat;background-size:cover;}
.dialog .toast-box .tip-msg{color:#343e5c;font-size:16px;text-align: center;}
.dialog .toast-box .toast-fbar .confirm-btn{width:130px;line-height:40px;border-radius:40px;cursor: pointer;user-select: none;background:#1fc086;color:#fff;text-align: center;transition:.3s all linear;display: inline-block;}
.dialog .toast-box .toast-fbar .cancel-btn{width:130px;line-height:40px;border-radius:40px;cursor: pointer;user-select: none;background:#828282;color:#fff;text-align: center;transition:.3s all linear;display: inline-block;margin-left:19px;}
.dialog .toast-box .toast-fbar .confirm-btn:active{opacity:.7;}


.dialog i{font-size:60px;color: #c52121;position:fixed;left:calc((100% - 80px)/2);top:calc((100% - 80px)/2);}

/*框架页*/
.qy-layout-body {height: 100vh;min-width:1346px;position:relative;}
.qy-header {height: 50px;background: #fff;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #fff;}
.logo-box {min-width: 180px;height: 100%;text-align: center;position: relative;cursor:pointer;}
.header-right {display: flex;justify-content: space-between;align-items: center;width: 100%;line-height: 34px;}
.header-sub-right {display: flex;align-items: center;height: 50px;min-width:420px;}
.header-right:before {content: '';background: #CDCCCC;height: 20px;display: inline-block;width: 1px;left: 0px;top: 0px;}
.header-right {position: relative;}
.header-sub-left {display: flex;align-items: center;width: 100%;margin-left: 24px;}
.plateform-title {color: #3E425A;font-size: 14px;font-weight: bold;position: relative;padding-right: 24px;margin-right: 24px;}
.plateform-title:after {content: '';background: #CDCCCC;height: 20px;display: inline-block;width: 1px;position: absolute;right: 0px;top: 0px;}
.cur-time {text-align: center;line-height: 15px;min-width: 100px;}
.welcome-str .cur-username,.welcome-str .user-pos {color: #3953E0;margin: 0px 5px;}
.cur-time span {display: block;font-size: 12px;}
.qy-header .theme-bar {width:50px;height: 100%;background: url('/Skin/images/theme_bar.png') no-repeat;margin-left: 22px;background-size: 16px 16px;background-position: center;position: relative;cursor: pointer;}
.qy-header .cur-user-box {position: relative;margin-left: 22px;display: flex;align-items: center;cursor: pointer;min-width: 165px;height: 50px;}
.cur-user-box .has-ddl .msg-boxs {left: 0px;}
.cur-user-box .has-ddl .msg-boxs:before {top: -5px;left: 125px;}
.qy-header .cur-user-box:hover .has-ddl .msg-boxs { display: inline-block;}
.qy-header .cur-user-box:before {content: '';background: #CDCCCC;height: 20px;display: inline-block;width: 1px;margin-right: 35px;left: 0px;top: 0px;}
.qy-header .cur-user-box:after {content: '';height: 10px;width: 10px;background: url('/Skin/images/icon_ddl_bar.png') no-repeat;background-size: cover;margin-left: 10px;}
.qy-header .cur-user-box .name {display: flex;align-items: center;line-height: 60px;}
.qy-header .cur-user-box .name:before {content: '';width: 19px;height: 19px;background: url('/Skin/images/user_icon.png') no-repeat;display: inline-block;margin-right: 10px;}
.has-ddl .msg-boxs:before { content: '';position: absolute;display: block;top: -5px;left: 120px;z-index: 3;width: 12px;height: 6px;background: url('/Skin/images/cir.png') no-repeat;background-size: cover;}
.has-ddl .msg-boxs {position: absolute;left: -105px;z-index: 2;width: 156px;top: 45px;display: none;}
.has-ddl .msg-boxs dl {border: 1px solid #E4E7EF;background: #fff;border-radius: 5px;overflow: hidden;box-shadow: 0 4px 6px -1px rgb(8 8 8 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);}
.theme-clrs dd a:before {content: '';width: 12px;height: 12px;border-radius: 12px;display: inline-block; margin-right: 10px;}
.theme-clrs dd a {display: flex;align-items: center;}
.qy-layout-side {background: #222222;color: #fff;width: 180px;height: calc(100% - 51px);overflow-y: auto;}
/*滚动条整体部分,必须要设置*/
.qy-layout-side::-webkit-scrollbar {width: 12px;height: 12px;background-color: transparent;}
/*滚动条的轨道*/
.qy-layout-side::-webkit-scrollbar-track {background-color: transparent;}
/*滚动条的滑块按钮*/
.qy-layout-side::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #fff;}
/*滚动条的上下两端的按钮*/
.qy-layout-side::-webkit-scrollbar-button {height: 0;}
/* 两个滚动条的交汇处 */
.qy-layout-side::-webkit-scrollbar-corner {background-color: transparent;}
.qy-layout-side .menu {height: calc(100% - 51px);}
.qy-layout-side .menu li {position: relative;}
.qy-layout-side .menu li.active a .iconfont, .qy-layout-side .menu li.active em {color: #e80112;}
.qy-layout-side .menu li > a {position: relative;width: 100%; padding-left: 10px;box-sizing: border-box;cursor: pointer;height: 40px;border-right: 5px solid #2D2D2D;line-height: 40px;user-select: none;font-size: 15px;color: #8E8E8E;display: flex;align-items: center;}
.qy-layout-side .menu li > a:hover {background: #2D2D2D;color: #fff;}
.qy-layout-side .menu li > a .iconfont {margin-right: 15px;font-size: 18px;color: #7d7d7d;}
.qy-layout-side .menu li > a:hover .iconfont {color: #8A8A8A;}
.qy-layout-side .menu li dl {display: none;}
.qy-layout-side .menu li dl dd a {font-size: 14px;padding-left: 40px;box-sizing: border-box;cursor: pointer;line-height: 40px;display: inline-block;width: 100%;color: #757575;user-select: none;}
.qy-layout-side .menu li.active > a {border-right: 5px solid red;}
.qy-layout-side .menu li dl dd a:hover {background: #303030;color: #fff;}
.qy-layout-side .menu li dl dd a.menu-page-active {background: #303030;color: #fff;}
.qy-layout-side .menu li > a:after {width: 10px;height: 6px;background: url('/Skin/images/collapse.png') no-repeat;display: inline-block;content: '';position: absolute;right: 15px;top: 47%;transform: rotate(180deg);transition: .2s all linear;}
.qy-layout-side .menu li > a.collapseed {color: #e80112;}
.qy-layout-side .menu li > a.collapseed:after {transform: rotate(0deg);}
.qy-layout-side .menu,
.qy-layout-side .menu li {list-style-type: none;}
.qy-layout-side .menu li > a .icon {width: 21px;height: 21px;display: inline-block;margin-right: 18px;}
.qy-layout-side .menu li > a em {font-style: normal;}

.mini-collapse .qy-layout-side .menu li:hover > a {background: #2c2c2c;}
.qy-theme-white .qy-header {background: #fff;border-bottom: 1px solid #F1F3F7;}
.qy-theme-white .qy-layout-side {background: #fff;}
.qy-theme-white .qy-layout-side .menu li {color: #3C4059;border-bottom: 1px solid #F0F2F7;}
.qy-theme-white .qy-layout-side .menu li:last-child {border-bottom: none;}
.qy-theme-white .qy-layout-side .menu li dl dd a:hover, .qy-theme-white .qy-layout-side .menu li dl dd a.menu-page-active {background: #F1F2F7;}
.qy-theme-white .qy-layout-side .menu li dl dd a.menu-page-active {color: #3C4059;}
.qy-theme-white .qy-layout-side .menu li a:hover {background: #F1F2F7;color: #3C4059;}
.qy-theme-white .qy-layout-side .menu li a:hover .iconfont {color: #E80112;}.qy-theme-white .qy-layout-side .menu li.active em {color: #3C4059;}
.qy-theme-white .qy-layout-side .menu li > a:after {background: url('/Skin/images/collapse_shense.png') no-repeat;}
.qy-layout-side .menu li dl dd a.has-child:after { width: 10px; height: 6px; background: url(/Skin/images/collapse.png) no-repeat; display: inline-block; content: ''; position: absolute;right: 20px; top: 47%; transform: rotate(180deg);transition: .2s all linear;}
.qy-layout-side .menu li dl dd a.has-child {position: relative;}
.qy-theme-white .qy-layout-page-body {top: 51px;height: calc(100% - 51px);}
.qy-theme-light-blur .qy-header {background: #DEEBFC;border-bottom: 1px solid #C7DAF3;}
.qy-theme-light-blur .qy-layout-side {background: #EBF3FD;}
.qy-theme-light-blur .qy-layout-side .menu li {color: #3C4059;border-bottom: 1px solid #DBEAFD;}
.qy-theme-light-blur .qy-layout-side .menu li:last-child {border-bottom: none;}
.qy-theme-light-blur .qy-layout-side .menu li dl dd a:hover {background: #fff;}
.qy-theme-light-blur .qy-layout-side .menu li > a:after {background: url('/Skin/images/collapse_shense.png') no-repeat;}
.qy-theme-light-blur .qy-layout-page-body {top: 51px;height: calc(100% - 51px);}
.qy-theme-light-blur .qy-layout-side .menu li > a:hover {background: #F0F2F7;color: #3A405B;}
.qy-theme-light-blur .qy-layout-side .menu li > a:hover .iconfont {color: #E80112;}
.qy-theme-light-blur .qy-layout-side .menu li dl dd a:hover {background: #F0F2F7;color: #3A405B;}
.qy-theme-light-blur .qy-layout-side .menu li dl dd a.menu-page-active {background: #F0F2F7;color: #3A405B;}
.qy-theme-light-blur .qy-layout-side .menu li dl {background: #fff;}
.qy-theme-light-blur .qy-layout-side .menu li.active em {color: #3C4059;}
.qy-theme-leavender .qy-header {background: #DEDFFD;border-bottom: 1px solid #D2D3F1;}
.qy-theme-leavender .qy-layout-side {background: #EBECFD;}
.qy-theme-leavender .qy-layout-side .menu li {color: #3C4059;border-bottom: 1px solid #E1E3FF;}
.qy-theme-leavender .qy-layout-side .menu li:last-child {border-bottom: none;}
.qy-theme-leavender .qy-layout-side .menu li dl dd a:hover { background: #fff;}
.qy-theme-leavender .qy-layout-side .menu li dl dd a.menu-page-active {background: #F0F2F7;color: #3A405B;}
.qy-theme-leavender .qy-layout-side .menu li > a:after {background: url('/Skin/images/collapse_shense.png') no-repeat;}
.qy-theme-leavender .qy-layout-side .menu li dl {background: #fff;}
.qy-theme-leavender .qy-layout-side .menu li > a:hover {background: #fff;color: #3A405B;}
.qy-theme-leavender .qy-layout-side .menu li > a:hover .iconfont {color: #E80112;}
.qy-theme-leavender .qy-layout-side .menu li dl dd a:hover { background: #F0F2F7;color: #3A405B;}
.qy-theme-leavender .qy-layout-side .menu li.active em {color: #3C4059;}
.qy-theme-leavender .qy-layout-side .menu li > a {color: #3A405B;}
.qy-theme-leavender .qy-layout-page-body {top: 51px;height: calc(100% - 51px);}
.qy-theme-tender-powder .qy-header {background: #F9DAD8;border-bottom: 1px solid #EECDCC;}
.qy-theme-tender-powder .qy-layout-side {background: #FBE8E8;}
.qy-theme-tender-powder .qy-layout-side .menu li {color: #3C4059;border-bottom: 1px solid #FEDADA;}
.qy-theme-tender-powder .qy-layout-side .menu li:last-child { border-bottom: none;}
.qy-theme-tender-powder .qy-layout-side .menu li dl dd a:hover { background: #fff;}
.qy-theme-tender-powder .qy-layout-page-body {top: 51px;height: calc(100% - 51px);}
.qy-theme-tender-powder .qy-layout-side .menu li dl {background: #fff;}
.qy-theme-tender-powder .qy-layout-side .menu li > a:hover {background: #fff;color: #3A405B;}
.qy-theme-tender-powder .qy-layout-side .menu li > a:hover .iconfont {color: #E80112;}
.qy-theme-tender-powder .qy-layout-side .menu li dl dd a:hover {background: #F0F2F7;color: #3A405B;}
.qy-theme-tender-powder .qy-layout-side .menu li.active em {color: #3C4059;}
.qy-theme-tender-powder .qy-layout-side .menu li > a {color: #3A405B;}
.qy-theme-tender-powder .qy-layout-side .menu li > a:after {background: url('/Skin/images/collapse_shense.png') no-repeat; }
.qy-theme-tender-powder .qy-layout-side .menu li dl dd a.menu-page-active {background: #F0F2F7;color: #3A405B;}
.qy-theme-yolk .qy-header {background: #FEE7BD;border-bottom: 1px solid #F0D9B2;}
.qy-theme-yolk .qy-layout-side {background: #FFF1D7;}
.qy-theme-yolk .qy-layout-side .menu li { color: #3C4059;border-bottom: 1px solid #FFE9C0;}
.qy-theme-yolk .qy-layout-side .menu li:last-child {border-bottom: none;}
.qy-theme-yolk .qy-layout-side .menu li dl dd a:hover {background: #fff;}
.qy-theme-yolk .qy-layout-side .menu li dl { background: #fff;}
.qy-theme-yolk .qy-layout-side .menu li > a:hover {background: #fff;color: #3A405B;}
.qy-theme-yolk .qy-layout-side .menu li > a:hover .iconfont {color: #E80112;}
.qy-theme-yolk .qy-layout-side .menu li dl dd a:hover {background: #F0F2F7;color: #3A405B;}
.qy-theme-yolk .qy-layout-side .menu li.active em { color: #3C4059;}
.qy-theme-yolk .qy-layout-side .menu li > a {color: #3A405B;}
.qy-theme-yolk .qy-layout-side .menu li > a:after {background: url('/Skin/images/collapse_shense.png') no-repeat;}
.qy-theme-yolk .qy-layout-side .menu li dl dd a.menu-page-active {background: #F0F2F7;color: #3A405B;}
.qy-theme-yolk .qy-layout-page-body { top: 51px;height: calc(100% - 51px);}




.mini-collapse .qy-layout-side { width: 60px;}
.mini-collapse .qy-layout-page-body {width: calc(100% - 60px);}
.mini-collapse .qy-layout-side .menu li a .iconfont {font-size: 21px;}
.mini-collapse .qy-layout-side .menu li > a {border-right: none;padding-left: 20px;}
.mini-collapse .qy-layout-side .menu li > a em {display: none;}
.mini-collapse .qy-layout-side .menu li > a:after {display: none;}
.mini-collapse .qy-layout-side .menu li dl {position: fixed;left: 60px;background: #fff;z-index: 1;border-top: 1px solid #3E425A;border-right: 1px solid #3E425A;border-bottom: 1px solid #3E425A;}
.mini-collapse .qy-layout-side .menu li:hover dl {display: inline-block !important;}
.mini-collapse .qy-layout-side .menu li dl dd a {padding-left: 25px;padding-right: 25px;line-height: 40px;}
.mini-collapse .qy-layout-side .menu li dl {background: #2c2c2c;}
.mini-collapse .qy-layout-side .menu li dl dd:hover a {background: #000;color: #fff;}


.theme-default-clr a:before {background: #7D7D7D;}
.theme-dark-clr a:before {background: #3E425A;}
.theme-white-clr a:before {background: #fff;border: 1px solid #BCBCBC;}
.theme-light-blur-clr a:before {background: #7ECEF4;}
.theme-light-clr a:before {background: #7ECEF4;}
.theme-leavender-clr a:before {background: #601986;}
.theme-tender-powder-clr a:before {background: #F29C9F;}
.theme-yolk-clr a:before {background: #FEE7BD;}

::-webkit-scrollbar {width: 12px;height: 12px;background-color: transparent;}
::-webkit-scrollbar-track {background-color: #eee;}
::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #ddd;}
::-webkit-scrollbar-button {height: 0;}
::-webkit-scrollbar-corner {background-color: #eee;}
.layout-page-tab {height: 40px;display: flex;align-items: center;background: #fff;border-radius: 5px;padding: 5px;box-sizing: border-box;position: relative;white-space: nowrap;min-width: 1156px;}
.icon-collapse-menu-side {min-width: 20px;height: 14px;background: url('/Skin/images/icon_collapse_side.png') no-repeat;display: inline-block;vertical-align: middle;margin-left: 10px;cursor: pointer;}
.icon-home-page {min-width: 19px;height: 19px;background: url('/Skin/images/icon_page_home.png') no-repeat;display: inline-block;vertical-align: middle;margin: 0px 20px;cursor: pointer;}
.tab-pages {overflow: hidden;width: 80%;}
.tab-pages ul {overflow: hidden;transition: .2s all linear;padding-right: 100px;}
.layout-page-tab ul,.layout-page-tab ul li {list-style-type: none;}
.layout-page-tab ul li {display: inline-block;margin-right: 10px;margin-top: 5px;border-radius: 32px;overflow: hidden;background: #F5F6FA;padding: 5px 12px;}
.layout-page-tab ul li a {font-size: 14px;cursor: pointer;color: #3E425A;box-sizing: border-box;user-select: none;}
.layout-page-tab ul li.cur-tab-page {background: #3B55E6;}
.layout-page-tab ul li.cur-tab-page a {color: #fff;}
.tab-page-close {width: 10px;height: 10px;background: url('/Skin/images/icon_cus_close.png') no-repeat;display: inline-block;margin-left: 10px;cursor: pointer;}
.layout-page-tab ul li.cur-tab-page .tab-page-close {background: url('/Skin/images/icon_active_close.png') no-repeat;}
.layout-page-container {width: 100%;height: calc(100% - 45px);background: #fff;box-sizing: border-box;border-radius: 5px;margin-top: 5px;min-width: 1156px;}
.layout-page-tab ul {height: 40px;}
.layout-page-tab-control {height:100%;box-shadow: -10px 0px 10px #fff;top:0px;position: absolute;right: 0px;z-index: 1;background: #fff;display: flex;align-items: center;min-width: 310px;}
.layout-page-container .page-item {height: 100%;display: none;}
.layout-page-container .page-item iframe {width: 100%;height: 100%;}
.layout-page-container .page-item iframe * {padding: 10px;box-sizing: border-box;}
.layout-page-container .page-item.active {display: block;}
.pos-bar {position: absolute;right: 20px;padding-left: 20px;height:40px;top:0px;}
.pos-bar:before{
    content:'';
    display: inline-block;
    vertical-align: middle;
    width:1px;
    background:#CDCCCC;
    height:22px;
    position: relative;
    top:-15px;
    left:-20px;
}
.close-all-btn {background: #FF3F4F;color: #fff;line-height: 26px;border-radius: 26px;padding: 0px 12px;user-select: none;cursor: pointer;}
.close-all-btn .tab-page-close {background: url('/Skin/images/icon_active_close.png') no-repeat;}
.icon-refresh-page {width: 18px;height:40px;background: url('/Skin/images/icon_refresh.png') no-repeat;display: inline-block;background-size: 18px 18px;background-position: center;margin-left: 20px;cursor: pointer;}
.icon-more-pages {width: 21px;height:40px;background: url('/Skin/images/icon_ddl_page.png') no-repeat;display: inline-block;background-size: 21px ;background-position: center;cursor: pointer;position: relative;}
/* .icon-more-pages:hover .more-page-list {display: inline-block;} */
.more-page-list {position: absolute;background: #fff;left: -85px;top: 45px;border: 1px solid #E4E7EF;border-radius: 5px;display: none;}
/*滚动条整体部分,必须要设置*/
.more-page-list dl::-webkit-scrollbar {width: 12px;height: 12px;background-color: transparent;}
/*滚动条的轨道*/
.more-page-list dl::-webkit-scrollbar-track {background-color: transparent;}
/*滚动条的滑块按钮*/
.more-page-list dl::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #8B8F9E;}
/*滚动条的上下两端的按钮*/
.more-page-list dl::-webkit-scrollbar-button {height: 0;}
/* 两个滚动条的交汇处 */
.more-page-list dl::-webkit-scrollbar-corner {background-color: transparent;}
.more-page-list dl {max-height: 294px;overflow-y: auto;}
.more-page-list:before {content: '';position: absolute;display: block;top: -5px;left: 90px;z-index: 3;width: 12px;height: 6px;background: url('/Skin/images/cir.png') no-repeat;background-size: cover;}
.more-page-list dd {line-height: 42px;cursor: pointer;user-select: none;box-sizing: border-box;padding: 0px 40px;width:100%;}
.more-page-list dd a{
    display: inline-block;
    width:100%;
    line-height:42px;
}
.more-page-list dd:hover {background: #F0F2F7;}
.more-page-list dd.active{
    background: #F0F2F7;
}
.qy-layout-page-body {position: absolute;top: 51px;background: #F5F6FA;right: 0px;height: calc(100% - 51px);width: calc(100% - 180px);padding: 5px;box-sizing: border-box;}
.win-box {background: #fff;position: fixed;left: 2%;top: 2%;width: 96%;height: 96%;border-radius: 5px;overflow: hidden;}
.win-box .win-box-title{height: 36px;background: #eee;line-height: 36px;font-size: 14px;font-weight: bold;color: #3a405b;padding-left: 5px;display: flex;justify-content: space-between;}
.win-box .header {height: 36px;background: #eee;line-height: 36px;font-size: 16px;font-weight: bold;color: #3a405b;padding-left: 5px;display: flex;justify-content: space-between;}
.win-box .header .op-bar {display: flex;align-items: center;}
.win-box .header .op-bar > span {width: 24px;height: 24px;border-radius: 24px;cursor: pointer;cursor: pointer;transition: .2s all linear;background-color: #fff;margin-right: 20px;}
.win-box .header .op-bar > span:active {background-color: #f9f9f9;}
.win-box .header .op-bar > span.resize-ishidden {display: none;}
.win-box .header .op-bar .resize-old {background-image: url('/Skin/images/resize_win_old.png');background-repeat: no-repeat;background-position: center;}
.win-box .header .op-bar .resize-bar {background-image: url('/Skin/images/resize_win.png');background-repeat: no-repeat;background-position: center;}
.win-box .header .op-bar .win-close {background-image: url('/Skin/images/win_close.png');background-repeat: no-repeat;background-position: center;}

.layout-form input {height: 32px;line-height: 32px;outline: none;border-radius: 5px;border: 1px solid #E4E7EF;padding: 0px 10px;box-sizing: border-box;transition: .2s all linear;width: 100%;}
.layout-form .qy-upload-control input {height: 30px;line-height: 30px;outline: none;border-radius: 5px;padding: 0px 10px;box-sizing: border-box;transition: .2s all linear;width: 100%;}
.layout-form textarea {height: 40px;outline: none;border-radius: 5px;border: 1px solid #E4E7EF;padding: 0px 10px;box-sizing: border-box;transition: .2s all linear;width:  calc(100% - 2px);min-height: 120px;resize: none;}
.layout-form .form-item {padding: 5px;}
.layout-form .form-item .label {font-size: 14px;color: #3a405b;display: block;line-height: 35px;padding-left:5px;width:  calc(100% - 22px);}
.layout-form .form-item .label .tip-error {font-size: 14px;color: #FF3F4F;font-style: normal;font-weight: bold;margin-left: 10px;}
.layout-form input:focus, .layout-form textarea:focus {border: 1px solid red;}
.layout-form .qy-tree-con{    background: #FAFAFA; height: calc(100vh - 71px);padding: 10px;}





.layout-form .disable {border: none;background-color:transparent;}
.layout-form .disable:focus{border: none;}
.form-flex-inline .item-0 {width: calc(25% - 12px);float:left;}
.form-flex-inline .item-1 {width: calc(20% - 12px);float:left;}
.form-flex-inline .item-2 {width: calc(25% - 12px);float:left;}
.form-flex-inline .item-3 {width: calc(33.3333% - 12px);float:left;}
.form-flex-inline .item-4 {width: calc(50% - 12px);float:left;}
.form-flex-inline .item-5 {width: calc(100% - 12px);float:left;}
.form-flex-inline .item-6 {width: calc(75% - 12px);float:left;}

.form-flex-inline .item-16 {width: calc(16.6% - 12px);float:left;}

.form-flex-inline .line {border-bottom: 1px solid #E4E7EF;margin:15px 0;}

.form-flex-inline .form-item .a-box{line-height: 30px; background-color:#ff0000;padding: 5px 10px;color:#fff;border-radius: 5px;}

.layout-pd-5 {padding: 5px;}
.qy-input { min-width: 200px;height: 30px;padding: 0px 10px;box-sizing: border-box;border: 1px solid #E4E7EF;border-radius: 5px;color: #3A405B;transition: .2s all linear;display: inline-block;margin: 0px 10px 5px 0;}
.layout-form .qy-ddl-input {display: inline-block;position: relative;cursor: pointer;width:100%}
.tree-grid-body-1 .qy-ddl-input {display: inline-block;position: relative;cursor: pointer;margin:0 10px 10px 0 ;}
.tree-grid-body-2 .qy-ddl-input {display: inline-block;position: relative;cursor: pointer;}
.qy-ddl-input input {padding: 0px 10px;box-sizing: border-box;border: none;border-radius: 5px;cursor: pointer;border: 1px solid #E4E7EF;height: 32px;transition: .2s all linear;padding-right: 36px;}
.qy-input:focus {border: 1px solid red;}
.qy-ddl-input input:focus {border-color: #E4E7EF;}
.qy-ddl-input .cir-bar {min-width: 30px;min-height: 30px;border-left: 1px solid #E4E7EF;display: inline-block;background: url('/Skin/images/icon_ddl_bar.png') no-repeat;background-position: center;vertical-align: middle;cursor: pointer;position: absolute;right: 0px;top: 1px;}
.qy-ddl-input .ddl-items {position: absolute;background: #fff;border: 1px solid #E4E7EF;border-top: none;width: 100%;z-index: 4;border-radius: 5px;max-height:240px;overflow-y: auto;border-top-left-radius: 0px;border-top-right-radius: 0px;display: none;box-sizing: border-box;}
.qy-ddl-input .ddl-items > span {font-size: 14px;display: block;line-height: 32px;padding: 0px 10px;box-sizing: border-box;transition: .2s all linear;user-select: none;display: flex;align-items: center;}
.qy-ddl-input .ddl-items > span.s-hidden {display: none;}
.qy-ddl-input .ddl-items .hidden {display: none;}
.qy-ddl-input .ddl-items > span .iconfont {margin-right: 10px;color: #B9BED1;font-size: 18px;}
.qy-ddl-input .ddl-items > span:hover {background: #eee;}
.qy-ddl-input .ddl-items > span.active {background: #eee;}
.qy-ddl-input .ddl-items select {display: none;}
.qy-single-search {width: 30px;height: 28px;background: url('/Skin/images/icon_search_bar.png') no-repeat;background-position: center;background-color: #00E2AA;border-radius: 5px;cursor: pointer;transition: .3s all linear;margin-left: 10px;margin-bottom: 10px;}
.qy-single-search:active {opacity: .5;}
.qy-btn {line-height: 30px;height: 30px;padding: 0px 10px;display: inline-block;cursor: pointer;border-radius: 5px;transition: .3s all linear;user-select: none; margin-left: 0; margin-right: 10px;}
.collect-btn {
    display: none;
    width: 16px;
    height: 16px;
    background-image: url(/Skin/images/icon-collect-1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
}
    .collect-btn.on {
        background-image: url(/Skin/images/icon-collect-2.png);
    }

.qy-btn:active {opacity: .7;}
.qy-button-1 {background: #3FCCFD;color: #fff;}
.qy-button-2 {background: #3B5998;color: #fff;}
.qy-button-3 {background: #DF4B38;color: #fff;}
.qy-button-4 {background: #D6D6D6;color: #3E425A;}
.qy-button-5 {background: #BD081C;color: #fff;}
.qy-button-6 {background: #4BE1AB;color: #fff;}
.qy-button-7 {background: #FF3F4F;color: #fff;}



.layui-table-header .layui-table thead tr, .layui-table thead tr {background: #3A405B !important;color: #fff;line-height: 40px;height: 40px;}
.layui-table thead tr th {text-align: center;}
.layui-table tbody tr td {text-align: center;}
.layui-table tbody tr td.cus-op-row-td {text-align: left;}
.layui-table-header .layui-table thead tr th .layui-table-cell {font-weight: bold;}
.layui-table-main .layui-table tbody tr {height: 40px;line-height: 40px;}
.layui-table-total table tbody tr {height: 51px;line-height: 51px;background: #fff;}
.layui-table-view .layui-form-checkbox[lay-skin=primary] i, .layui-form-checkbox[lay-skin=primary] {min-width: 20px;min-height: 20px;}
.layui-form-checkbox[lay-skin=primary] i {border-color: #E4E7EF;}
.layui-form-checked i:before {display: none;}
.layui-form-checked[lay-skin=primary] i {background-image: url('/Skin/images/icon_table_check.png');background-repeat: no-repeat;background-size: cover;border-color: #fff !important;}
.layui-table-view {border-radius: 5px;overflow: hidden;}
.layui-table-total table tbody tr td {font-weight: bold;color: #1c1e23;}
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage-curr {width: 44px;line-height: 44px !important;height: 44px !important;padding: 0px !important;text-align: center;}
.layui-laypage .layui-laypage-curr .layui-laypage-em {background: #E80112 !important;}
.layui-table-page {height: 56px !important;}
.layui-table-page > div {height: 44px !important;}
.layui-laypage-em {border-radius: 0px;}
.layui-laypage a, .layui-laypage span {color: #3A405B;}
.layui-table-page .layui-laypage input {width: 44px !important;}
.layui-table-page .layui-laypage button, .layui-table-page .layui-laypage input, .layui-laypage-skip, .layui-laypage-limits {line-height: 44px !important;height: 44px !important;}

.win-body {padding: 5px;box-sizing: border-box;overflow-y: auto;height: calc(100% - 38px);}
.ddl-search-box input {border: none;height: 30px;line-height: 30px;}
.ddl-search-box input:focus {border: none;}
.ddl-search-box {position: relative;height: 30px;margin: 11px;border: 1px solid #E4E7EF;border-radius: 40px;overflow: hidden;}
.ddl-search-box .cir-search-bar {width: 30px;height: 30px;background: url('/Skin/images/icon_ddl_search.png') no-repeat;background-size: 12px 12px;display: inline-block;background-position: center;position: absolute;cursor: pointer;transition: .3s all linear;right: 0px;top: 0px;}
.ddl-search-box .cir-search-bar:active {opacity: .7;background-color: #eee;}
.ddl-rdo span:before {content: '';width: 16px;height: 16px;border-radius: 18px;display: inline-block;margin-right: 10px;vertical-align: sub;border: 1px solid #E4E8F0;}
.ddl-rdo span {position: relative;}
.ddl-rdo span.active {background: #fff !important;}
.ddl-rdo span:hover {background: rgb(249 249 249) !important;}
.ddl-rdo span.active:after {content: '';width: 8px;height: 8px;border-radius: 8px;display: inline-block;margin-right: 10px;vertical-align: sub;background: #4BE1AB;position: absolute;left: 15px;top: 12px;}
.ddl-ckbox span:before {content: '';width: 16px;height: 16px;border-radius: 3px;display: inline-block;margin-right: 10px;vertical-align: sub;border: 1px solid #E4E8F0;}
.ddl-ckbox span {position: relative;}
.ddl-ckbox span.active {background: #fff !important;}
.ddl-ckbox span:hover {background: rgb(249 249 249) !important;}
.ddl-ckbox span.active:before {background-color: #4BE1AB;border-color: #4BE1AB;background-image: url(/Skin/images/icon_ddl_checked.png);background-repeat: no-repeat;background-size: 10px 7px;background-position: center;}
.qy-ddl-disabled, .qy-ddl-disabled .main-item input, .qy-ddl-disabled .main-item .cir-bar {cursor: not-allowed !important;}
.qy-ddl-disabled .main-item input:focus {border-color: #E4E7EF;}
.qy-rdo-group span {cursor: pointer;user-select: none;position: relative;margin-right: 19px;display: inline-block;}
.qy-rdo-group span:before {content: '';width: 18px;height: 18px;border-radius: 18px;display: inline-block;margin-right: 10px;vertical-align: sub;border: 1px solid #E4E8F0;}
.qy-rdo-group span.active:after {content: '';width: 8px;height: 8px;border-radius: 8px;display: inline-block;margin-right: 10px;vertical-align: sub;background: #4BE1AB;position: absolute;left: 6px;top: 6px;}
.qy-rdo-group span.disabled {cursor: not-allowed;}
.qy-rdo-group span.disabled:before {background: #F4F5F9 !important;}
.qy-rdo-group span.disabled:after {content: '';width: 8px;height: 8px;border-radius: 8px;display: inline-block;margin-right: 10px;vertical-align: sub;background: #C0C7DA;position: absolute;left: 6px;top: 6px;}
.qy-ckbox-group {display: flex;flex-wrap: wrap;}
.qy-ckbox-group span {cursor: pointer;user-select: none;position: relative;margin-right: 19px;margin-bottom: 15px;}
.qy-ckbox-group span input[type=checkbox], .qy-single-rdo .control input[type=checkbox], .qy-rdo-group span input[type=radio] {display: none;}
.qy-ckbox-group span:before {content: '';width: 18px;height: 18px;border-radius: 3px;display: inline-block;margin-right: 10px;vertical-align: sub;border: 1px solid #E4E8F0;}
.qy-ckbox-group span.active:before {background-color: #4BE1AB;border-color: #4BE1AB;background-image: url('/Skin/images/icon_ddl_checked.png');background-repeat: no-repeat;background-size: 10px 7px;background-position: center;}
.qy-ckbox-group span.disabled {cursor: not-allowed;}
.qy-ckbox-group span.disabled:before {background-color: #F4F5F9 !important;background-image: url('/Skin/images/icon_ddl_disabled.png');background-image: url('/Skin/images/icon_ddl_disabled.png');background-repeat: no-repeat;background-size: 10px 7px;background-position: center;}


.qy-simple-table .qy-ckbox-group span {cursor: pointer;user-select: none;position: relative;margin-right: 10px;margin-bottom: 0px;}
.qy-simple-table .qy-ckbox-group span input[type=checkbox], .qy-single-rdo .control input[type=checkbox], .qy-rdo-group span input[type=radio] {display: none;}
.qy-simple-table .qy-ckbox-group span:before {content: '';width: 18px;height: 18px;border-radius: 3px;display: inline-block;margin-right: 10px;vertical-align: sub;border: 1px solid #E4E8F0;}
.qy-simple-table .qy-ckbox-group span.active:before {background-color: #4BE1AB;border-color: #4BE1AB;background-image: url('/Skin/images/icon_ddl_checked.png');background-repeat: no-repeat;background-size: 10px 7px;background-position: center;}
.qy-simple-table .qy-ckbox-group span.disabled {cursor: not-allowed;}
.qy-simple-table .qy-ckbox-group span.disabled:before {background-color: #F4F5F9 !important;background-image: url('/Skin/images/icon_ddl_disabled.png');background-image: url('/Skin/images/icon_ddl_disabled.png');background-repeat: no-repeat;background-size: 10px 7px;background-position: center;}


.qy-date-picker {background: url('/Skin/images/icon_calender.png') no-repeat;background-size: 16px 18px;background-position: 98%;}
.ddl-clr-box span .i-clr {width: 12px;height: 12px;border-radius: 12px;display: inline-block;margin-right: 10px;}
.qy-upload-control {border: 1px solid #E4E7EF;border-radius: 5px;position: relative;width:calc(100% - 2px);}
.qy-upload-control .btns {position: absolute;right: -5px;top: 1px;height: 30px;align-items: center;}
.qy-upload-control input {border: none;cursor: default;}
.qy-upload-control input:focus {border: none;}
.qy-upload-control .btns a {height: 28px;line-height: 28px;color: #fff;text-align: center;border-radius: 5px;transition: .2s all linear;margin-right: 10px;user-select: none;cursor: pointer;padding:2px 10px;}
.qy-upload-control .btns a:active {opacity: .7;}
.qy-upload-control .btns .upload {background: #4BE1AB;}
.qy-upload-control .btns .remove {background: #FE5339;}
.qy-upload-control .btns .view {background: #58CEF5;}


/*多图上传*/
.Thumblist { display: inline;}
.padding5 {padding:4px;}
.Thumblistbg {border: 1px solid #f7f7f7;background: #f7f7f7; width: 200px; height: 150px; line-height:150px; text-align: center;  overflow: hidden; position: relative; background: url(/Skin//images/img-bg.jpg) no-repeat #fff;margin: 4px 4px; }
.Thumblistbg .Thumbbtn { display: block;  background: #313541; width: 110px; height: 30px; line-height: 30px; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; position: absolute; left: 50%; margin-left: -55px; top: 50%; margin-top: -15px; z-index: 1; cursor: pointer;}
.Thumblistbg .Thumbbtn i {float: left; display: block; background: url(/Skin/images/ico_fabu_other.png) no-repeat 0 -131px; width: 16px; height: 16px; margin: 10px 0 0 15px;}

.Thumb_li { border: 1px solid #f7f7f7; background: #f7f7f7; float: left;  width: 200px; height: 150px;line-height:150px;   text-align: center; overflow: hidden; position: relative;margin: 4px 4px; }
.Thumb_li img { width: 100%; vertical-align:middle;}
.Thumb_li .bg { display: none; background-color:rgba(0,0,0,0.5);} 
.Thumb_li .bg a { display: block; width: 109px; height: 31px; background: #f23e47; text-align: center; line-height: 31px; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; position: absolute; left: 50%; margin-left: -54px; top: 50%; margin-top: -15px;}
.Thumb_li .bg a:hover { opacity: 0.8;}

/*多文件上传*/
.File_bg {  border: 1px solid #f7f7f7;width: 110px; height: 30px; line-height:30px; text-align: center;  overflow: hidden; position: relative; margin: 4px 4px; }
.File_btn { display: block;  background: #313541; width: 110px; height: 30px; line-height: 30px; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; position: absolute; left: 50%; margin-left: -55px; top: 50%; margin-top: -15px; z-index: 1; cursor: pointer;}
.File_btn i {float: left; display: block; background: url(/Skin/images/ico_fabu_other.png) no-repeat 0 -131px; width: 16px; height: 16px; margin: 10px 0 0 15px;}
.File_li { border: 1px solid #f7f7f7; background: #f7f7f7; float: left;  width: 220px; height: 30px;line-height:30px;   overflow: hidden; position: relative;margin: 4px 4px; }
.File_li .bg { display: none; text-align:center;} 

.File_li .bg .File_look { padding: 3px 20px; background: #008000; text-align: center; line-height: 30px; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;opacity: 0.8;margin-right:15px;}
.File_li .bg .File_delete { padding: 3px 20px; background: #f23e47; text-align: center; line-height: 30px; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;opacity: 0.8;}


.File_li .bg a:hover { opacity: 0.8;}
.File_li .upload_file {  text-align:left;padding:0 4px; }





.qy-single-rdo {position: relative;height: 30px;display: flex;align-items: center;}
.qy-single-rdo .control {background: #E4E7EF;height: 30px;width: 60px;border-radius: 5px;cursor: pointer;display: inline-block;position: relative;transition: .2s all linear;}
.qy-single-rdo .control.yes:before {content: '';width: 20px;height: 20px;border-radius: 3px;background-color: #4BE1AB;background-image: url('/Skin/images/icon_ddl_checked.png');background-repeat: no-repeat;background-size: 10px 7px;background-position: center;top: 5px;right: 5px;position: absolute;}
.qy-single-rdo .control.no:before {content: '';width: 20px;height: 20px;border-radius: 3px;background-color: #FE5339;background-image: url('/Skin/images/icon_single_no.png');background-repeat: no-repeat;background-size: 9px 9px;background-position: center;position: absolute;left: 5px;top: 5px;}
.win-fbar {display: flex;align-items: center;justify-content: center;position: fixed;bottom: 0px;left: 0px;width: 100%;background: #fff;height: 30px;border-top: 1px solid #E4E7EF;padding:5px 0;}
.win-fbar a {text-align: center;width:110px;line-height: 30px;border-radius: 5px;color: #fff;cursor: pointer;user-select: none;transition: .2s all linear;margin-left: 20px;}
.win-fbar a:active {opacity: .7;}
.win-fbar a:hover {color: #fff;}
.win-fbar .confirm {background: #24BA7E;}
.win-fbar .cancel {background: #787878;margin-left: 18px;}
.win-has-fbar-body {max-height: calc(100% - 70px - 95px);}

.tree-grid-wrapper {display: flex; width:230px; height:100%;float: left;position: absolute;padding: 5px 0;}
.page-body-bt .tree-grid-wrapper {display: flex; width:230px; height: calc(100vh - 51px);float: left;position: absolute;padding: 5px 0;}
.left-tree{ margin-right:10px;width:220px;min-width:220px;}

.qy-tree {width: 210px;padding-bottom:10px;}
.qy-tree li {margin-bottom: 15px;cursor: pointer;}
.qy-tree li a {cursor: pointer;color: #3A405B;user-select: none;overflow:hidden;height:20px;}
.qy-tree li .on a {font-weight: 600;color: #df4b38;}
.qy-tree li dl {margin-top: 10px;}
.qy-tree li dl>dl{margin-left:20px;}
.qy-tree li dt{margin-top:10px;overflow: hidden;height: 20px;}
.qy-tree li dd {margin-top: 10px;}
.qy-tree li .tre-parent>.icon {background: url('/Skin/images/icon_tree_parent.png') no-repeat;background-position: left;background-size: 16px 20px;width:16px;height:20px;display: inline-block;vertical-align: middle;margin-right:10px;margin-top:-5px;}
.qy-tree .tre-leaf .icon{cursor: pointer;background:url('../images/icon_tree_leaf.png') no-repeat !important;background-position: left;padding-left:10px;background-size:16px 20px;margin-right:0px !important;width:16px;height:20px;display: inline-block;vertical-align: middle;margin-right:10px;margin-top:-5px;}
.qy-tree .tre-parent.collapse .icon{background:url('../images/icon_tree_collapsed.png') no-repeat;}
.qy-tree-panel {border-radius: 5px;overflow-x:hidden;height: 100%;}
.qy-tree-panel .tit {background: #000;color: #fff;text-align: center;line-height: 40px;}
.qy-tree-con {background: #FAFAFA;height: calc(100% - 60px);padding: 10px;overflow-y: auto; overflow-x: hidden;}

.tree-grid-echarts-1 {width: 100%;position: relative;}
.tree-grid-echarts-2 {width:calc(100% - 230px);position: relative;float: right;}
.page-body-bt .tree-grid-echarts-1 {width: 100%;position: relative;}
.page-body-bt .tree-grid-echarts-2 {width:calc(100% - 230px);position: relative;float: right;}
.tree-grid-body-1 {width:100%;position: relative;
    top: 0px;
    left: 0px;
}
.tree-grid-body-2 {width:calc(100% - 230px);position: relative;float: right;}
.page-body-bt .tree-grid-body-1 {width:100%;position: relative;}
.page-body-bt .tree-grid-body-2 {width:calc(100% - 230px);position: relative;float: right;margin-bottom:61px;}

.table-1 {width:100%;float: left;}
.table-2 {width:50%;float: left;}
.table-3 {width:33.33%;float: left;}


.no-fixed-fbar {position: absolute;left: 16px;}
.layui-table-view .layui-table {width: 100% !important;}
.static-layui-table tr th {border: none;}
.static-layui-table tr td {border-left: none;border-right: none;}
.static-layui-table tr td:first-child {border-left: 1px solid #eee;}
.static-layui-table tr td:last-child {border-right: 1px solid #eee;}
.layui-table tr.selected {background: #fff9f9;}
.win-no-fbar-body .win-fbar {position: absolute;}
.main-page-body {height: calc(100% - 60px);padding: 5px;box-sizing: border-box;}

.layui-table[lay-skin=line] thead th {border: 1px solid #343952 !important;}
.qy-header .notice-bar {width: 18px;height: 100%;background: url('/Skin/images/notice_bar_icon.png') no-repeat;margin-left: 42px;background-size: 18px 20px;background-position: center;position: relative;cursor: pointer;}
.notice-bar .notice-num {position: absolute;font-style: normal;font-size: 10px;background: #FF3F4F;color: #fff;height: 13px;line-height: 13px;padding: 2px 5px;border-radius: 13px;top: 5px;right: -20px;}
.has-ddl dl dd a {line-height: 42px;display: inline-block;padding-left: 24px;cursor: pointer;user-select: none;box-sizing: border-box;width: 100%;text-decoration: none;color: #919194;}
.has-ddl dl dd a:hover {background: #F0F2F7;}
/* .has-ddl:hover .msg-boxs {display: inline-block;} */
.welcome-str {color: #3E425A;}
.tab-page-paging {display: flex;align-items: center;margin-right: 10px;}
.tab-page-paging span {min-width: 35px;min-height: 29px;display: inline-block;cursor: pointer;}
.tab-page-paging-prev {background: url('/Skin/images/icon_tab_page_prev.png') no-repeat;}
.tab-page-paging-next {background: url('/Skin/images/icon_tab_page_next.png') no-repeat;}
/* 欢迎页 */
.welcome-box{background: url('/Skin/images/logo.png') no-repeat; background-size: 158px; background-position: center;height:calc(100vh - 10px);opacity:0.3;}
.qy-panel {margin: 5px;}
.qy-panel .tit {font-size: 18px;font-weight: bold;color: #3A405B;margin-bottom: 15px;}
.st-box {width: 222px;color: #fff;padding: 16px;box-sizing: border-box;border-radius: 5px;margin-right: 20px;margin-bottom: 20px;}
.st-box > div .iconfont {float: right;font-size: 50px;}
.st-box i {font-style: normal;}
.st-box .num {font-size: 40px;margin-right: 5px;}


.qy-panel .st-content {display: flex;flex-wrap: wrap;}
.st-box .st-tit {margin-top: 10px;}
.qc-etr-btn {width: 222px;line-height: 60px;border-radius: 5px;text-align: center;display: inline-block;margin-bottom: 20px;cursor: pointer;user-select: none;transition: .2s all linear;font-size: 15px;margin-right: 20px;}
.qc-etr-btn:active {opacity: .8;}

.qc-etr-clr {color: #fff;}


.quick-entrance-wrapper {border-top: 1px solid #E4E7EF;padding-top: 30px;padding-bottom: 20px;}
.quick-entrance {display: flex;flex-wrap: wrap;}
.qy-row {display: flex;align-items: center;flex-wrap: wrap;margin-bottom:5px;}


.qy-layout-box-1 {
    border: 1px solid #E4E7EF;
    height: 300px;
    border-radius: 5px;
    width: 100%;
    margin: 0 10px 10px 10px
}
.qy-layout-box-2 {border: 1px solid #E4E7EF;height: 300px;border-radius: 5px;width: calc(50% - 24px);margin:0 10px 10px 10px }
.qy-layout-box-3 {border: 1px solid #E4E7EF;height: 300px;border-radius: 5px;width: calc(33.3333% - 22px);margin:0 10px 10px 10px }

/*汇丰源*/
.qy-layout-box-2 .tit {padding:10px;font-size:16px; font-weight:600; border-bottom : 1px solid #E4E7EF;}
.qy-layout-box-2 .tit span{float:right;}
.qy-layout-box-2 .tit span:hover{color:#FF3F4F;}
.qy-layout-box-2 .list{padding:5px;width:calc(100% - 10px); height:18px; overflow :hidden;}
.qy-layout-box-2 .list .title{color:#3E425A;width:84%;overflow:hidden;display: inline-block;}
.qy-layout-box-2 .list .title:hover{color:#FF3F4F;}
.qy-layout-box-2 .list .time{color:#3E425A;width:15%;float:right;text-align:right;}
.qy-layout-box-2 .list .time:hover{color:#FF3F4F;}
/*汇丰源*/


.qy-cell-calc-control {height: 38px;border: 1px solid #E4E7EF;border-radius: 5px;display: flex;}
.qy-cell-calc-control .row-cell-num{height: 38px;}
.qy-cell-calc-control input {border: none;}
.qy-cell-calc-control input:focus {border: none;}
.qy-cell-calc-control .m-op-bar {min-width: 37px;width: 37px;height: 100%;border-left: 1px solid #E4E7EF;}
.qy-cell-calc-control .m-op-bar .mopbtn {display: block;height: 18px;cursor: pointer;}
.qy-cell-calc-control .m-op-bar .mopbtn:active {background-color: #eee;}
.qy-cell-calc-control .m-op-bar .mop-plus-btn {border-bottom: 1px solid #E4E7EF;background: url('/Skin/images/icon_plus_btn.png') no-repeat;background-size: 8px 8px;background-position: center;}
.qy-cell-calc-control .m-op-bar .mop-reduce-btn {background: url('/Skin/images/icon_reduce_btn.png') no-repeat;background-size: 8px 8px;background-position: center;}
.qy-dialog iframe {width: 100%;height:calc(100% - 10px);}
.qy-simple-table {width: 100%;max-width: 100%;}
.qy-simple-table thead tr {height: 40px;background: #3A405B;color: #fff;}
.qy-simple-table tbody tr {height: 35px!important;border-bottom: 1px solid #E4E7EF;}
.qy-simple-table tbody tr:hover {background: #f5f5f5;}
.qy-simple-table tbody tr.qy-total-row:hover{background:#fff;}
.qy-simple-table tbody tr td {padding: 5px 10px;box-sizing: border-box;white-space: nowrap;color: #333;}
.qy-simple-table tbody tr.selected {background: #D9D9D9 !important;}



.cus-op-row-td {
    text-align: left !important;
}
.qy-simple-table tbody tr.z-row:last-child, .total-op-row, .qy-simple-table tbody tr.qy-total-row {border-bottom: 0px !important;}
.grid-ck-box {width: 18px;height: 18px;background: #fff;border-radius: 5px;display: inline-block;cursor: pointer;}
.qy-simple-table tr td .grid-ck-box {border: 1px solid #E4E7EF;}
.grid-ck-box input {display: none;}
.grid-cell-ckall.checked {background: url(/Skin/images/icon_table_check.png) no-repeat;border: none;background-size: cover;}
.qy-simple-table tr td .grid-ck-box.checked {background: url(/Skin/images/icon_table_check.png) no-repeat;border: none;background-size: cover;}
.qy-table-plugin {position: relative;overflow: auto;border: 1px solid #dad8d8;width: calc(100% - 2px);border-radius: 5px;box-sizing: border-box;}
.qy-fixed-column-table {box-shadow: #c5c1c1 0px 0px 7px;z-index: 2;background: #fff;position: absolute;top: 0px;left: 0px;}
table {border-collapse: collapse;border-spacing: 0px;}

.qy-simple-table thead tr th {white-space: nowrap;border: 1px solid #5a5a5a5a;padding: 5px 10px;position:sticky;top:-1px;background: #3A405B;}
.qy-total-row-1 {background: #fff;}
.qy-total-row-2 {background: #fff;}
.qy-total-row-1 td { background: #fff;position: sticky; bottom: 33px;}
.qy-total-row-2 td {background: #fff; position: sticky;bottom: -1px;}


.layui-table-tool-temp {
    padding-right: 0px!important;
}

.layui-table-tool-self{display:none}
.qy-fixed-head {
    z-index: 0;
    width: calc(100% - 2px);
    position: absolute;
    top: 0px;
    left: 0px;
}

.qy-fixed-head thead tr {height: 40px;background: #3A405B;color: #fff;}
.qy-fixed-head thead tr th {white-space: nowrap;border: 1px solid #5a5a5a5a;text-align:left;padding: 5px 10px;}




.qy-fixed-top-left-head {color: #fff;z-index: 3;background: #3A405B;position: absolute;top: 0px;left: 0px;}
.qy-total-row td {font-weight: bold;color: #1c1e23;}

/*分页*/
.qy-paging .AspNetPager1 {width:70%; height:40px; line-height: 40px;box-sizing: border-box;margin: 10px 0px; float:left;}
.qy-paging .AspNetPager1 a {padding:5px 15px;border: 1px solid #F0F2F7;background-color: #fff;color: #464B65;border-radius: 5px;cursor: pointer;transition: .2s all linear;}

.qy-paging .AspNetPager1 > a:first-child:before {content: '';display: inline-block;width: 10px;background-image: url(/Skin/images/icon_pg_home.png);height: 14px;margin-right: 14px;vertical-align: middle;}
.qy-paging .AspNetPager1 a:hover {background: #fbfbfb;}
.qy-paging .AspNetPager1 a:last-child {border-radius: 5px;cursor: pointer;transition: .2s all linear;}
.qy-paging .AspNetPager1 > a:last-child:after {content: '';display: inline-block;width: 10px;background-image: url(/Skin/images/icon_pg_last.png);height: 14px;margin-left: 14px;vertical-align: middle;}
.qy-paging .AspNetPager1 .cpb {padding:5px 15px;border: 1px solid #E80112;background: #E80112;color: #fff;border-radius: 5px;font-weight:bold;}
.qy-paging .paging-tip {font-size: 14px;line-height: 30px;color: #3a405b;float:right;   margin: 5px ;display: flex;}

.qy-paging  .AspNetPager1_btn {padding:5px 15px;border: 1px solid #F0F2F7;background-color: #fff;color: #464B65;border-radius: 5px;cursor: pointer;transition: .2s all linear;}
.qy-paging  .AspNetPager1_input {border-bottom: 1px solid #F0F2F7;height: 30px;width:40px!important;text-align:center;margin-right:10px;}

.qy-paging #AspNetPager1 {width:70%; height:30px; line-height: 30px;box-sizing: border-box;margin: 5px 0px; float:left;}
.qy-paging #AspNetPager1 a {padding:5px 15px;border: 1px solid #F0F2F7;background-color: #fff;color: #464B65;border-radius: 5px;cursor: pointer;transition: .2s all linear;}
.qy-paging #AspNetPager1 > a:first-child:before {content: '';display: inline-block;width: 10px;background-image: url(/Skin/images/icon_pg_home.png);height: 14px;margin-right: 14px;vertical-align: middle;}
.qy-paging #AspNetPager1 a:hover {background: #fbfbfb;}
.qy-paging #AspNetPager1 a:last-child {border-radius: 5px;cursor: pointer;transition: .2s all linear;}
.qy-paging #AspNetPager1 > a:last-child:after {content: '';display: inline-block;width: 10px;background-image: url(/Skin/images/icon_pg_last.png);height: 14px;margin-left: 14px;vertical-align: middle;}
.qy-paging #AspNetPager1 .cpb {padding:5px 15px;border: 1px solid #E80112;background: #E80112;color: #fff;border-radius: 5px;font-weight:bold;}
.win-bar-new .qy-paging {display: inline-block; width: 100%;}
.win-bar-new {display: inline-block; height: auto; text-align: center;}

.qy-paging .paging-tip { margin: 10px 10px 0px 0px; line-height: 40px;}

.ddl-page-sizes {border-bottom: 1px solid #F0F2F7;position: relative;width: 60px;height: 30px;margin-left: 10px;margin-right: 10px;}
.ddl-page-sizes .cur-size {background: url(/Skin/images/icon_ddl_bar.png) no-repeat;background-position: left;display: inline-block;width: 100%;line-height: 30px;height: 100%;text-align: right;cursor: pointer;line-height: 40px;}
.ddl-page-sizes .sizes {position: absolute;background: #fff;bottom:30px;left: 0px;width: 60px;border: 1px solid #F0F2F7;border-bottom: none;display: none;}
.ddl-page-sizes .sizes li {display: block;line-height: 30px;cursor: pointer;padding-left:10px;}
.ddl-page-sizes .sizes li:hover {background: #F0F2F7;}
.ddl-page-sizes .sizes li.active {background: #F0F2F7;}
.ddl-page-sizes:hover .sizes {display: inline-block;}

/*固定列表*/
.qy-table-plugin thead tr > .fixed-column:first-child {position: sticky;left: 0;background: #3A405B;color: #fff;}
.qy-table-plugin tbody tr > .fixed-column:first-child {position: sticky;left: 0;background: #fff;}
.qy-table-plugin thead tr > .fixed-column:last-child {position: sticky;right: 0;background: #3A405B;color: #fff;}
.qy-table-plugin tbody tr > .fixed-column:last-child {position: sticky;right: 0;background: #fff;}
.ddl-page-sizes select{display: none;}
.qy-layout-side .menu li dl>dd>dl dd a{padding-left:60px;box-sizing: border-box;}

/*tab*/
.list-tab { width: 100%;height:30px; border-bottom: 1px solid #E4E7EF; margin-bottom: 5px;}
.list-tab ul li {height: 28px; line-height: 28px; float: left; margin: 0 10px 0 0; padding: 0 10px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; text-align: center;}
.list-tab ul li.cur ,.super-tab ul li:hover { border-top: 2px solid #3B55E6; border-left: 1px solid #E4E7EF; border-right: 1px solid #E4E7EF; position: relative; top: 1px;background: #fff;border-radius: 5px 5px 0 0;}
.list-tab ul li a { display: block;color: #455765;    height: 30px; line-height: 30px;}
.list-tab ul li.cur a { color: #455765;}

.is-top-sel {border-top:1px solid #E4E7EF !important; border-top-left-radius:5px !important;border-top-right-radius:5px !important; border-bottom:none !important; border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important;}

/*列表头部跟随底部*/
.head_box { position: fixed; top: 0px; left: 0px;  right: 0px; background: #fff;  z-index: 1; padding:5px 10px 0 10px;}
/*列表头不固定*/
.head_box_1 {position:relative;  z-index: 1; }

/*列表分页跟随底部*/
.fx-paging { position: fixed; bottom: 0px;left: 0px; right: 10px; background: #fff; z-index: 1;}

.no-wtb-str {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}


.layui-table-header .layui-table thead tr th .layui-table-cell span a {cursor:pointer;color:#fff;}

.table_list thead tr th { cursor: pointer; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
.table_list th.sorted.ascending:after { content: "  \2191";}
.table_list th.sorted.descending:after {content: " \2193";}


.message{position:absolute;bottom:55px;border: 1px solid #D9D9D9;width:240px;background-color: #16ed6c6b;right:10px;}
.message p{padding:20px}
.message p .icon-bell{padding-right:10px}

.main-print{position:absolute; top:50%;left:50%;margin-left:-30px; margin-top:-15px;  width:60px;height:30px;line-height:30px; text-align:center;}