:root {
  --primary-color:#1890ff;
  --bg-color: #1e90ff;
  --logo-bg-color: #444c63;
}
body{color:#8392a5;height:100%;line-height:24px;font:14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif}
*{box-sizing:border-box}
*:before,*:after{box-sizing:border-box}
.icon{width:16px;height:16px;vertical-align:-0.15em;fill:currentColor;overflow:hidden}
.quote{padding:0 15px;line-height:20px;margin:5px 0;border-left:3px solid #38434e}
.clear{clear:both;*zoom:1}
.clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}
.show{display:block}
.hide{display:none}
.fl{float:left}
.fr{float:right}
.txt-green{color:green}
.txt-blue{color:blue}
.txt-red{color:red}
.txt-gray{color:#C0C0C0}
.txt-orange{color:orange}
.txt-darkcyan{color:darkcyan}

/* 首页开始 */
.baiyi-index{height:100vh;position:relative;padding-left:200px;overflow:hidden;transition:padding-left 0.3s;}
.baiyi-index-side::-webkit-scrollbar{width:0px;margin-right:2px}
.baiyi-index-side::-webkit-scrollbar-track-piece{background-color:#F5F5F5;border-left:1px solid #D2D2D2}
.baiyi-index-side::-webkit-scrollbar-thumb{background:#CBCBCB;width:10px}
.baiyi-index-side{background:#444c63;width:200px;height:100vh;position:absolute;left:0;overflow:auto;padding-bottom:60px}
.baiyi-index-logo{width:100%;color:#fff;height:50px;line-height:50px;font-size:19px;position:relative;background:var(--logo-bg-color);overflow:hidden;display: flex;}
.baiyi-index-logo .img{width:40px;height:40px;margin-top:5px;background:url(../img/logo.svg) 5px no-repeat;background-size:75%;float:left;display:inline-block}
.baiyi-index-logo .name{float:left;display:inline-block}
.baiyi-index-logo .ver{height:18px;line-height:18px;position:relative;display:inline-block;padding:0 6px;font-size:12px;text-align:center;background-color:#eee;color:#666;border-radius:2px;float:left;margin-top:15px;margin-left:3px}
.baiyi-index-side-nav>section{display: none;}
.baiyi-index-side-nav-name{padding:10px;color:#fff;background:#57617b;line-height: 1;display: flex;align-items: center;}
.baiyi-index-side-nav-name i{padding-right:5px;}
.baiyi-index-side-nav-name a{color:#fff}
.baiyi-index-side-nav-menu ul{display:none}
.baiyi-index-side-nav-menu > ul{display:block}
.baiyi-index-side-nav-menu a{position:relative;display:block;padding:10px 8px;color:#c6d1e2;border-left:2px solid transparent;border-right:2px solid transparent}
.baiyi-index-side-nav-menu a:hover,.baiyi-index-side-nav-menu a.on{color:#F90;background:#606982}
.baiyi-index-side-nav-menu i{padding-right:5px;color:#8f94a1}
.baiyi-index-side-nav-menu .on i, .baiyi-index-side-nav-menu a:hover i{color:#F90}
.baiyi-index-side-nav-menu .icon{width:16px;height:16px}
.baiyi-index-side-nav-menu .name{vertical-align:middle}
.baiyi-index-side-nav-menu .up .arrow,.baiyi-index-side-nav-menu .down .arrow,.baiyi-index-side-nav-menu .on > .arrow{position:absolute;right:18px;top:20px}
.baiyi-index-side-nav-menu .up .arrow::before,.baiyi-index-side-nav-menu .down .arrow::before{content:'';position:absolute;left:50%;top:50%;width:12px;transform:translate(-50%,-50%);border-top:2px solid}
.baiyi-index-side-nav-menu .up .arrow::after{content:'';position:absolute;left:50%;top:50%;height:12px;transform:translate(-50%,-50%);border-left:2px solid}
.baiyi-index-side-nav-level-2 .place{width:10px;display:inline-block}
.baiyi-index-side-nav-level-3 .place{width:20px;display:inline-block}
.baiyi-index-side-nav-level-4 .place{width:40px;display:inline-block}
.baiyi-index-side-nav-level-5 .place{width:50px;display:inline-block}
.baiyi-index-side-nav-level-6 .place{width:50px;display:inline-block}
.baiyi-index-side-nav-level-7 .place{width:50px;display:inline-block}
.baiyi-index-side-nav-level-8 .place{width:50px;display:inline-block}
.baiyi-index-side-nav-level-9 .place{width:50px;display:inline-block}
.baiyi-index-side-nav-level-10 .place{width:50px;display:inline-block}
.baiyi-index-side-nav-level-2{background:#333b54}
.baiyi-index-side-nav-level-3{background:#2c3552}
.baiyi-index-side-nav-level-4{background:#242e4a}
.baiyi-index-side-nav-level-5{background:#1a243e}
.baiyi-index-side-nav-level-6{background:#1a232b}
.baiyi-index-main{float:left;width:100%;height:100vh;position:relative;background:#f2f2f2}
.baiyi-index-header{background:#fff;height:50px;line-height:50px;border-bottom:1px solid #e2e2e2;color:#333}
.baiyi-index-footer{display: none;background:rgba(255,255,255,0.9);height:50px;color:#333;position: fixed;bottom: 0;left: 0;width: 100%;}
.baiyi-index-footer ul{display: flex;display: flex;justify-content: space-around;}
.baiyi-index-footer ul li{width: 50px;height: 50px;text-align: center;}
.baiyi-index-footer ul a{height: 50px;width: 50px;display: flex;justify-content: center;}
.baiyi-index-footer ul span{display: flex;flex-direction: column;justify-content: center;}
.baiyi-index-footer ul li i{margin-top: 5px;}
.baiyi-index-footer ul li em{font-style: inherit;}
.baiyi-index-top-nav{float:left}
.baiyi-index-top-nav li{float:left;margin:0 2px}
.baiyi-index-top-nav li a{display:inline-block;padding:0 12px}
.baiyi-index-top-nav .on span,.baiyi-index-top-nav a:hover span{padding-bottom:8px;border-bottom:2px solid #333;transition:all 0.25s linear 0.01s}
.baiyi-index-top-nav i{display: none;}
.baiyi-index-top-nav em{font-style: inherit;}
.baiyi-index-top-user{float:right;position:relative}
.baiyi-index-top-user > li{float:left;position:relative}
.baiyi-index-top-user > li > a{display:inline-block;padding:0 10px}
.baiyi-index-top-user > li > ul{display:none;background:#fff;position:absolute;width:110px;line-height:35px;right:-20px;top:45px;z-index:9;box-shadow:0 2px 3px rgba(0,0,0,.1);text-align:center;border-bottom:1px solid #e2e2e2;padding-bottom:10px}
.baiyi-index-top-user > li:hover ul{display:block}
.baiyi-index-tool{background:#57617b;color:#fff;padding:15px;position:absolute;right:-280px;width:280px;height:calc(100vh - 50px);transition:right 0.3s}
.baiyi-index-tool .tit{position:relative;height:42px;line-height:42px;color:#fff;font-size:16px}
.baiyi-index-tool ul{overflow:hidden;margin:-5px -5px 20px}
.baiyi-index-tool li{width:50%;float:left;padding:5px;text-align:center}
.baiyi-index-tool li a{border:1px solid #7884a0;display:block;padding:10px 5px}
.baiyi-index-tool .info{line-height:24px}
.baiyi-index-tool a{color:#fff}

@media (max-width:766px){
	.baiyi-panel{margin: 0;}
 	.baiyi-index-header {display: none;}
	.baiyi-index-footer {display: block;}
}
/* 首页结束 */

/* 登录开始 */
.baiyi-login{height:100vh;background:#f2f2f2;display: flex;align-items: center;justify-content: center;}
.baiyi-login-panel{background:#fff;width:480px;max-width: 100%;padding:60px 90px;border-radius:3px;position: relative;}
.baiyi-login-logo{color:#666;font-size:28px;text-align: center;margin-bottom:60px;}
.baiyi-login-item{margin-bottom:15px;position:relative}
.baiyi-login-item img{cursor: pointer;position: absolute;top: 1px;right: 1px; padding:6px; background: #fff;}
.baiyi-login-input{font-size:16px;padding:15px;width:100%;border:1px solid #D7D7D7;border-radius:3px;color:var(--primary-color)}
.baiyi-login-input:focus{border:1px solid var(--primary-color)}
.baiyi-login-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset !important}
.baiyi-login-auto{color:#666;font-size:12px}
.baiyi-login-auto input{vertical-align:text-top;margin-right:5px}
.baiyi-login-forgot{float:right;color:#666}
.baiyi-login-button{margin-top:20px;margin-bottom:60px;border-radius:3px;color:#ffffff;background:var(--primary-color);border:none;cursor:pointer;width:100%;height:50px;line-height:50px;font-size:16px}
.baiyi-login-button:hover{opacity:.9}
.baiyi-login-copyright{width:100%;text-align:center;}
.baiyi-login-copyright a{color:#ccc}
.baiyi-login-ietip{height:100%;width:100%;position:absolute;top:0;left:0;font-size:22px;line-height:500px;z-index:12;text-align:center;background:#566985}
.baiyi-login-ietip a{color:#fff}
.baiyi-login-waves{position:absolute;width:100%;height:15vh;bottom:0;min-height:100px;max-height:150px}
.baiyi-login-parallax > use{animation:baiyi-login-move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}
.baiyi-login-parallax > use:nth-child(1){animation-delay:-2s;animation-duration:7s}
.baiyi-login-parallax > use:nth-child(2){animation-delay:-3s;animation-duration:10s}
.baiyi-login-parallax > use:nth-child(3){animation-delay:-4s;animation-duration:13s}
.baiyi-login-parallax > use:nth-child(4){animation-delay:-5s;animation-duration:20s}
@keyframes baiyi-login-move-forever
{
    0%{transform:translate3d(-90px,0,0)}
    100%{transform:translate3d(85px,0,0)}
}
@media (max-width:766px){
    .baiyi-login-panel{background:transparent;padding:60px 20px;}
}
/* 登录结束 */

/* 布局面板开始 */
.baiyi-panel{margin: 10px;border-radius:2px;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.baiyi-panel-header{font-size:14px;min-height:42px;padding:10px 15px;display: flex;align-items: center;border-radius:2px 2px 0 0;border-bottom:1px solid #f6f6f6;}
.baiyi-panel-title{color:#333;}
.baiyi-panel-extra{margin-left: auto;}
.baiyi-panel-header:after,.e-panel-footer:after{content:"";display:block;clear:both}
.baiyi-panel-body{padding:15px}
.baiyi-panel-footer{padding:10px 15px;display: flex;}

@media (max-width:766px){
	.baiyi-panel{margin: 0;border-radius:0;box-shadow:none}
}
/* 布局面板结束 */

/* 列表卡片布局开始 */
.baiyi-list{display:flex;flex-wrap:wrap;background:#e6e9ee;margin:-15px -25px}
.baiyi-list-item{width:25%;display:flex;align-items:center;justify-content:space-between;padding:10px;color:rgba(0,0,0,.85)}
.baiyi-card:hover{border-color:transparent;box-shadow:0 1px 2px -2px rgb(0 0 0 / 16%),0 3px 6px 0 rgb(0 0 0 / 12%),0 5px 12px 4px rgb(0 0 0 / 9%)}
.baiyi-card{cursor:pointer;transition:box-shadow .3s,border-color .3s;line-height:1.5715;position:relative;background:#fff;border-radius:2px;border:1px solid rgba(0,0,0,.06);width:100%;height:100%}
.baiyi-card-body{padding:24px}
.baiyi-card-meta{display:flex;margin:-4px 0}
.baiyi-card-meta-avatar{padding-right:16px}
.baiyi-card-meta-detail{overflow:hidden}
.baiyi-card-meta-detail > div:not(:last-child){margin-bottom:8px}
.baiyi-card-meta-title{overflow:hidden;color:rgba(0,0,0,.85);font-weight:500;font-size:16px;white-space:nowrap;text-overflow:ellipsis}
.baiyi-card-meta-description{color:rgba(0,0,0,.45)}
.baiyi-card-avatar{width:48px;height:48px;border-radius:48px;line-height:48px;text-align:center;color:#fff;background:#2196f3;font-size:28px;overflow: hidden;}
.baiyi-card-meta-avatar{padding-right:16px}
.baiyi-card-actions{display:flex;background:#fff;border-top:1px solid rgba(0,0,0,.06)}
.baiyi-card-actions > li{margin:12px 0;color:rgba(0,0,0,.45);text-align:center}
.baiyi-card-actions > li > span{position:relative;display:block;min-width:32px;font-size:14px;line-height:1.5715;cursor:pointer}
.baiyi-card-actions > li > span:hover{color:var(--primary-color);transition:color .3s}
.baiyi-card-actions > li:not(:last-child){border-right:1px solid rgba(0,0,0,.06)}
.baiyi-card-add{width:100%;height:100%;min-height: 130px;color:rgba(0,0,0,.45);background-color:#fff;border-color:#d9d9d9;display:block;display:flex;justify-content:center;align-items:center}
.baiyi-card-add:hover{color:var(--primary-color);transition:color .3s}
/* 列表卡片布局结束 */

/* 表格开始 */
.baiyi-table-top{display: flex;margin-bottom: 15px;justify-content: space-between;}
.baiyi-table-bottom{display: flex;margin-top: 15px;justify-content: space-between;}
.baiyi-table{width:100%;border:1px solid #ebeef5}
.baiyi-table > thead > tr > th{border-top:0;vertical-align:bottom;font-weight:normal;color:#999;font-size: 16px;padding:10px 12px;border-bottom:1px solid #ebeef5;border-right:1px solid #dddddd;background-color:#fdfdfd;text-align:left;line-height:20px}
.baiyi-table > tbody > tr > td{line-height:24px;border-top:1px solid #ddd;padding:8px 12px;border-bottom:1px solid #ebeef5;vertical-align:middle}
.baiyi-table > tbody + tbody{border-top:2px solid #ddd}
.baiyi-table > tbody > tr:hover{background-color:#f2f2f2}
.baiyi-table-sort,.baiyi-table-sort-desc,.baiyi-table-sort-asc{background-repeat:no-repeat;background-position:center right;cursor:pointer}
.baiyi-table-sort{background-image:url("data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==")}
.baiyi-table-sort-desc{background-image:url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7")}
.baiyi-table-sort-asc{background-image:url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7")}
.baiyi-table input[type="checkbox"]{width:16px;height:16px;cursor:pointer;-webkit-appearance:none;border:1px solid #ddd;border-radius:2px}
.baiyi-table input[type="checkbox"]:checked{border:1px solid #ddd;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA5klEQVQ4T8WSO27CQBRF7+3TjNdge2WBKB7T2TXQ4igNjMNnZ9hrYCKlSMdFtmRkBCEgCl43mneO3o94MPggj+cIgrJ6FWR8Ehd3VxC4eiBqJeHz20bZXYIGBrWWsPFJ+AZSNwuMq1NS8xa20bAbfisw5TYH8OOTeHlpKz144W006ud0ghnBHOJwZ8NNPyFwdQaqkHAGN3nHFoyr1iQGEkfehovm8whDHz6JmyrP4mQGxlVzEinEHNALiLGuwCcVdGpTbguCWfsmJrv3aHrtWi9uIfiqxtrr19t49t+p37zGv0TPFxwAXd9hEfoc5BMAAAAASUVORK5CYII=")}
.baiyi-table-nodata{padding:20px 10px;text-align:center;font-size:14px;color: var(--primary-color);}
/* 表格结束 */

/* 选项卡开始 */
.baiyi-panel>.baiyi-tab {margin: 0;}
.baiyi-panel-body .baiyi-tab {margin:0px -15px;}
.baiyi-tab {position: relative;margin:-10px -15px;}
.baiyi-tab li {display: inline-block;margin:0 15px;cursor: pointer;line-height: 42px;position: relative;}
.baiyi-tab li a {display: block;width: 100%;height: 100%;}
.baiyi-tab .active,.baiyi-tab .active a {color: var(--primary-color);}
.baiyi-tab li.active:after{content:"";display:block;position: absolute;left: 0;top: 41px;height: 2px;width: 100%; background-color: var(--primary-color);pointer-events: none;}
.baiyi-tab-content > section{display: none;}
.baiyi-tab-content > section:first-child{display: block;}
.baiyi-tab2 {position: relative;margin:0px -15px 15px -15px;}
.baiyi-tab2 li {display: inline-block;margin:0 15px;cursor: pointer;line-height: 42px;position: relative;}
.baiyi-tab2 li a {display: block;width: 100%;height: 100%;}
.baiyi-tab2 .active,.baiyi-tab2 .active a {color: var(--primary-color);}
.baiyi-tab2 li.active:after{content:"";display:block;position: absolute;left: 0;top: 41px;height: 2px;width: 100%; background-color: var(--primary-color);pointer-events: none;}
.baiyi-tab2-content > section{display: none;}
.baiyi-tab2-content > section:first-child{display: block;}
/* 选项卡结束 */

/* 分页开始 */
.baiyi-pagination a{height:32px;line-height:32px;display:inline-block;border:solid 1px #ededed;margin-left:-1px;padding:0 12px;border-radius: 2px }
.baiyi-pagination a:hover{color:#fff;border:1px solid var(--primary-color);background-color:var(--primary-color)}
.baiyi-pagination .page-on{color:#fff;border:1px solid var(--primary-color);background-color:var(--primary-color)}
.baiyi-pagination .page-info{margin-left:0}
.baiyi-pagination .page-input{height:32px;border:solid 1px #ededed;width:65px;border-right:none;text-align:center;vertical-align:top}
.baiyi-pagination .page-button{height:32px;border:solid 1px #ededed;width:35px;background:#fff;cursor:pointer;vertical-align:top}
/* 分页结束 */

/* 搜索框开始 */
.baiyi-search{display: flex;align-items: center;}
.baiyi-search-input, .baiyi-search-select{color:#666;height:32px;padding:0 8px;font-size:14px;line-height:1;border:1px solid #d9d9d9;margin-left:-1px ;}
.baiyi-search-button{overflow: hidden;text-indent: -100px;position: relative; color:#666;height:32px;width: 32px; font-size:14px;line-height:1;border:1px solid #d9d9d9;margin-left:-1px ;}
.baiyi-search-button:before {position: absolute;font-family: layui-icon!important;content: "\e615";font-size: 18px;width: 30px;left: 0;text-indent: 0;background-color: transparent;}
/* 搜索框结束 */

/* 按钮开始 */
.baiyi-button-add,
.baiyi-button-edit,
.baiyi-button-del,
.baiyi-button-link,
.baiyi-button-submit,
.baiyi-button-primary,
.baiyi-button-default{height: 32px;line-height: 32px;display: inline-block; padding: 0 15px;position: relative;cursor: pointer;vertical-align: middle;border: none;border-radius:2px;}
.baiyi-button-add{color: #fff;background: var(--primary-color);}
.baiyi-button-add:active{color: #fff;background: #096dd9;}
.baiyi-button-add:hover, .baiyi-button-add:focus {color: #fff;background: #40a9ff;}
.baiyi-button-add::before{}
.baiyi-button-edit{color: #fff;background: #607d8b;}
.baiyi-button-edit:active{color: #fff;background: #607d8b;}
.baiyi-button-edit:hover, .baiyi-button-edit:focus {color: #fff;background: #607d8b;}
.baiyi-button-edit::before{}
.baiyi-button-del{color: #fff;background: #f44336;}
.baiyi-button-del:active{color: #fff;background: #f44336;}
.baiyi-button-del:hover, .baiyi-button-del:focus {color: #fff;background: #40a9ff;}
.baiyi-button-del::before{}
.baiyi-button-link{color: var(--primary-color);background:transparent ;}
.baiyi-button-link:active{color: var(--primary-color);}
.baiyi-button-link:hover, .baiyi-button-link:focus {color: #000; }
.baiyi-button-link::before{}
.baiyi-button-submit{color: #fff;background: var(--primary-color);}
.baiyi-button-submit:active{color: #fff;background: #096dd9;}
.baiyi-button-submit:hover, .baiyi-button-submit:focus {color: #fff;background: #40a9ff;}
.baiyi-button-submit::before{}
.baiyi-button-default{background:transparent ;border:1px solid #d9d9d9;}
.baiyi-button-default:active{color: var(--primary-color);border:1px solid var(--primary-color);}
.baiyi-button-default:hover, .baiyi-button-default:focus {color: var(--primary-color); border:1px solid var(--primary-color);}
.baiyi-button-default::before{}
.baiyi-button-primary{color: #fff;background:var(--primary-color) ; }
.baiyi-button-primary:active{color: #fff;}
.baiyi-button-primary:hover, .baiyi-button-primary:focus {color: #fff; }
.baiyi-button-primary::before{}
.baiyi-filter{overflow:hidden}
.baiyi-filter + .baiyi-filter{margin-top:10px}
.baiyi-filter .title{font-size:12px;float:left;display:block;position:relative;z-index:0;border:1px solid #fff;background:#fff;color:#000;height:30px;padding:0 10px;line-height:30px}
.baiyi-filter .btns span{color:#999;padding:0 1px}
.baiyi-filter .btns{font-size:12px;float:left;display:block;position:relative;margin-left:-1px;z-index:0;border:1px solid #ddd;background:#fff;color:#000;padding:0 18px;height:30px;line-height:30px}
.baiyi-filter .btns:hover,.baiyi-filter .on{z-index:1;border-color:var(--primary-color);background:var(--primary-color);color:#ffffff}

.baiyi-table-add,
.baiyi-table-edit,
.baiyi-table-del,
.baiyi-table-link,
.baiyi-table-submit,
.baiyi-table-primary,
.baiyi-table-default {color: var(--primary-color);display: inline-block; margin-right: 8px; position: relative;cursor: pointer;vertical-align: middle;border: none;}
.baiyi-table-add{}
.baiyi-table-add:active{color: #03a9f4;}
.baiyi-table-add:hover, .baiyi-table-add:focus {color: #03a9f4;}
.baiyi-table-add::before{}
.baiyi-table-edit{}
.baiyi-table-edit:active{color: #03a9f4 }
.baiyi-table-edit:hover, .baiyi-table-edit:focus {color: #03a9f4 }
.baiyi-table-edit::before{}
.baiyi-table-del{color: #e91e63;}
.baiyi-table-del:active{color: #ff5722;}
.baiyi-table-del:hover, .baiyi-table-del:focus {color: #ff5722;}
.baiyi-table-del::before{}
.baiyi-table-link{color: var(--primary-color);background:transparent ;}
.baiyi-table-link:active{color: var(--primary-color);}
.baiyi-table-link:hover, .baiyi-table-link:focus {color: #03a9f4 }
.baiyi-table-link::before{}
.baiyi-table-submit{color: #fff;}
.baiyi-table-submit:active{color: #fff;}
.baiyi-table-submit:hover, .baiyi-table-submit:focus {color: #fff;}
.baiyi-table-submit::before{}
.baiyi-table-default{color: #333;background:transparent ;border:1px solid #d9d9d9;}
.baiyi-table-default:active{color: #000;}
.baiyi-table-default:hover, .baiyi-table-default:focus {color: #000; }
.baiyi-table-default::before{}
.baiyi-table-primary{color: #333;}
.baiyi-table-primary:active{color: #000;}
.baiyi-table-primary:hover, .baiyi-table-primary:focus {color: #000; }
.baiyi-table-primary::before{}

.baiyi-loop-ul>li {position: relative;min-width: 24%;float: left;border: 1px solid #eee;margin:10px 10px 10px 0;padding:10px;border:1px solid #eee;background:#f9f9f9}
.baiyi-loop-ul .baiyi-loop-del{right: 0;top: 0;position: absolute;z-index: 9;display: none;padding: 3px 10px;font-size: 12px;}
.baiyi-loop-ul>li:hover .baiyi-loop-del, tr:hover .baiyi-loop-del{display:block;}
.baiyi-loop-del,.baiyi-hide-del {position: absolute;top: 0;right: 0;display: none;}
/* 按钮结束 */

/* 下拉组件开始 */
.baiyi-dropup{position:relative;display:inline-block}
.baiyi-dropup i{font-size:12px}
.baiyi-dropup .baiyi-dropup-menu{position:absolute;bottom:38px;left:0;z-index:99999;display:none;min-width:105px;padding:10px 0;background-color:#fff;border:1px solid #ccc;border-radius:2px}
.baiyi-dropup .baiyi-dropup-menu a{display:block;width:100%;padding:8px 10px;clear:both;font-weight:400;}
.baiyi-dropup .baiyi-dropup-menu a:hover{color:#fff;text-decoration:none;background-color:var(--primary-color);}
.baiyi-dropup .baiyi-dropup-menu .line{height: 1px;width: 100%;display: block;background: #eee;margin:2px 0;}
/* 下拉组件结束 */
 
/* 表单结构开始 */
.baiyi-form{position:relative}
.baiyi-form-item{margin-bottom:15px;position:relative;display:flex;justify-content:flex-start;align-items: flex-start;}
.baiyi-form-item .baiyi-form-label{padding-right:15px;line-height:38px;width:20%;min-width:110px;display: flex;align-items: center;justify-content: flex-end;}
.baiyi-form-item .baiyi-form-label .required:before {display: inline-block;margin-right: 4px;color: #ff4d4f;font-size: 14px;font-family: SimSun,sans-serif;line-height: 1;content: "*";}
.baiyi-form-item .baiyi-form-label .tip {display: inline-block; width: 14px;height: 14px;background: url(../img/tip.svg);background-size: 100%; cursor: help;margin-left: 4px;}
.baiyi-form-item .baiyi-form-control{position:relative;line-height:38px;width:100%;max-width: 800px;}

/* 小窗口下表单竖排 */
.mini .baiyi-form-item{flex-direction:column;padding-right:0px}
.mini .baiyi-form-item .baiyi-form-label{padding:0;width:auto;line-height:32px;justify-content: left;}

@media (max-width:766px){
    .baiyi-form-item{flex-direction:column;padding-right:0px}
    .baiyi-form-item .baiyi-form-label{padding:0;width:auto;line-height:32px;justify-content: left;}
}
/* 表单结构结束 */

/* 输入表单开始 */
.baiyi-input{height:38px;line-height:1.3;border:1px solid #ddd;background-color:#fff;border-radius:2px;display:block;width:100%;padding:0 10px;}
.baiyi-textarea{line-height:1.6;border:1px solid #ddd;background-color:#fff;border-radius:2px;position:relative;min-height:100px;padding:6px 10px;resize:vertical;display:block;width:100%;}

.baiyi-select{height:38px;line-height:1.3;border:1px solid #ddd;background-color:#fff;border-radius:2px;padding:0 10px}
.baiyi-input:focus,.baiyi-select:focus,.baiyi-textarea:focus{border-color:var(--primary-color)}
.baiyi-input:disabled,.baiyi-select:disabled,.baiyi-textarea:disabled{cursor: not-allowed;border-color: #eee;color: #d2d2d2;}
.baiyi-input::-webkit-input-placeholder,.baiyi-textarea::-webkit-input-placeholder,.baiyi-select::-webkit-input-placeholder{color:#BDCADA}

/* 标题输入开始 */
.baiyi-input-title{position: relative;}
.baiyi-input-title-color{cursor:pointer;position:absolute;top:0;right:0;height:38px;width:38px;line-height:38px;text-align: center;}
.baiyi-input-title-color-ico{font-style:inherit;font-size:20px;color:#ccc}
.baiyi-input-title-color-picker{display:none;position:absolute;z-index:10000;width:180px;right:28px;top:7px}
.baiyi-input-title-color-picker li{font-size:14px;text-align:center;width:22px;height:22px;line-height:22px;margin:1px;display:inline-block;cursor:pointer;float:left;border-radius:100%}
/* 颜色输入开始 */
.baiyi-input-color{width: 225px;position: relative;}
.baiyi-input-color .baiyi-input-color-button{right: 0;top: 0;position: absolute;}
.baiyi-input-color .layui-colorpicker{width:38px;height:38px}
/* 地图输入开始 */
.baiyi-input-map{width: 280px;position: relative;}
.baiyi-input-map-button{position:absolute;top:3px;right:3px;display:inline-block;height:32px;line-height:32px;background:#1c97f5;color:#fff;text-align:center;border-radius:2px;padding:0 15px}
.baiyi-input-map-button:hover{background:#40a9ff;cursor:pointer}
/* 相关内容开始 */
.baiyi-input-related{position: relative;}
.baiyi-input-related-button{ display:inline-block;height:38px;line-height:38px;background:#1c97f5;color:#fff;text-align:center;border-radius:2px;padding:0 15px}
.baiyi-input-related-button:hover{background:#40a9ff;cursor:pointer}
.baiyi-input-related .baiyi-input{width: auto;display: inline-block;border: none;}
.baiyi-input-related-list{position: relative;border-top: 1px solid #eee;margin-top: 10px;}
.baiyi-input-related-list li{display: block;padding: 0 10px;border: 1px solid #eee;border-top: 0;position: relative;}
.baiyi-input-related-list li .baiyi-button-del{position: absolute;right: 6px;top: 6px;padding: 3px 10px;font-size: 12px;}
/* 单图上传开始 */
.baiyi-input-image{width:150px;height:120px;background:#f8f8f8;position:relative;border-radius:2px;background-size:contain;background-position:center center;background-repeat:no-repeat;border:1px solid #ddd;overflow:hidden;text-align:center}
.baiyi-input-image-button{width:100%;height:100%}
.baiyi-input-image-button img{max-width:100%;max-height:100%}
.baiyi-input-image-button .progressnum{width:40px;height:40px;border-radius:40px;text-align:center;line-height:40px;font-size:12px;color:#fff;position:absolute;left:50%;margin-left:-20px;top:50%;margin-top:-20px;background:rgba(17,89,164,0.5)}
.baiyi-input-image-button::after{position:absolute;background:rgba(0,0,0,.6);content:"";left:0;right:0;top:0;bottom:0;opacity:0;transition:all .3s}
.baiyi-input-image:hover .baiyi-input-image-button::after{opacity:1}
.baiyi-input-image svg.upicon{position:absolute;height:100%;width:100%;padding:20px}
.baiyi-input-image svg.delete,.baiyi-input-image svg.look,.baiyi-input-image svg.upload,.baiyi-input-image svg.input,.baiyi-input-image .progressnum{display:none}
.baiyi-input-image svg.delete,.baiyi-input-image svg.look,.baiyi-input-image svg.upload,.baiyi-input-image svg.input{display:block;position:absolute;height:30px;top:50%;margin-top:-15px;left:50%;color:#fff;z-index:10;transition:all .3s;cursor:pointer}
.baiyi-input-image svg.delete,.baiyi-input-image svg.input{left:-30px}
.baiyi-input-image svg.upload,.baiyi-input-image svg.look{left:105%}
.baiyi-input-image:hover svg.delete{left:6%}
.baiyi-input-image:hover svg.input{left:28%}
.baiyi-input-image:hover svg.upload{left:55%}
.baiyi-input-image:hover svg.look{left:78%}
/* 单文件上传开始 */
.baiyi-input-file{}
.baiyi-input-file-button{position:absolute;top:0;right:0;display:inline-block;height:38px;line-height:38px;background:#1c97f5;color:#fff;text-align:center;border-radius:2px;padding:0 15px}
.baiyi-input-file-button:hover{background:#40a9ff;cursor:pointer}
.baiyi-input-file svg.down{background:#fff;position:absolute;top:1px;right:86px;display:inline-block;padding:5px;cursor:pointer}
/* 多图上传开始 */
.baiyi-input-images{}
.baiyi-input-images-button{display:inline-block;height:38px;line-height:38px;background:#1c97f5;color:#fff;text-align:center;border-radius:2px;padding:0 15px}
.baiyi-input-images-button:hover{background:#40a9ff;cursor:pointer}
.baiyi-input-images li{float:left;width:250px;position:relative;margin:10px 10px 10px 0;padding:10px;border:1px solid #eee;background:#f9f9f9}
.baiyi-input-images li input,.baiyi-input-images li textarea{margin-top: 10px;}
.baiyi-input-images-thumb{width:100%;height:160px;background:#f8f8f8;position:relative;border-radius:2px;background-size:contain;background-position:center center;background-repeat:no-repeat;border:1px solid #ddd;overflow:hidden;text-align:center}
.baiyi-input-images-thumb-button{width:100%;height:100%}
.baiyi-input-images-thumb-button img{max-width:100%;max-height:100%}
.baiyi-input-images-thumb-button .progressnum{width:40px;height:40px;border-radius:40px;text-align:center;line-height:40px;font-size:12px;color:#fff;position:absolute;left:50%;margin-left:-20px;top:50%;margin-top:-20px;background:rgba(17,89,164,0.5)}
.baiyi-input-images-thumb-button::after{position:absolute;background:rgba(0,0,0,.6);content:"";left:0;right:0;top:0;bottom:0;opacity:0;transition:all .3s}
.baiyi-input-images-thumb:hover .baiyi-input-images-thumb-button::after{opacity:1}
.baiyi-input-images-thumb svg.upicon{position:absolute;height:100%;width:100%;padding:20px}
.baiyi-input-images-thumb svg.delete,.baiyi-input-images-thumb svg.look,.baiyi-input-images-thumb svg.upload,.baiyi-input-images-thumb svg.input,.baiyi-input-images-thumb svg.drag,.baiyi-input-images-thumb .progressnum{display:none}
.baiyi-input-images-thumb svg.delete,.baiyi-input-images-thumb svg.look,.baiyi-input-images-thumb svg.upload,.baiyi-input-images-thumb svg.input,.baiyi-input-images-thumb svg.drag{display:block;position:absolute;height:30px;top:50%;margin-top:-15px;left:50%;color:#fff;z-index:10;transition:all .3s;cursor:pointer}
.baiyi-input-images-thumb svg.delete,.baiyi-input-images-thumb svg.input{left:-30px}
.baiyi-input-images-thumb svg.upload,.baiyi-input-images-thumb svg.look,.baiyi-input-images-thumb svg.drag{left:105%}
.baiyi-input-images-thumb:hover svg.delete{left:6%}
.baiyi-input-images-thumb:hover svg.input{left:28%}
.baiyi-input-images-thumb:hover svg.drag{left:55%}
.baiyi-input-images-thumb:hover svg.upload{left:55%}
.baiyi-input-images-thumb:hover svg.look{left:78%}
/* 多文件上传开始 */
.baiyi-input-files{}
.baiyi-input-files-button{display:inline-block;height:38px;line-height:38px;background:#1c97f5;color:#fff;text-align:center;border-radius:2px;padding:0 15px}
.baiyi-input-files-button:hover{background:#40a9ff;cursor:pointer}
.baiyi-input-files li{position:relative;margin-top: 10px;display: flex;justify-content: flex-start;align-items: center;user-select:none}
.baiyi-input-files li .baiyi-input:first-child{margin-right: 10px;min-width: 450px}
.baiyi-input-files svg.delete,.baiyi-input-files svg.down,.baiyi-input-files svg.drag { background:#fff;position:absolute;top:1px;right:1px;display:inline-block;padding:7px;cursor:pointer }
.baiyi-input-files svg.delete { right:30px; }
.baiyi-input-files svg.down { right:60px; }
/* favicon上传开始 */
.baiyi-input-upload-favicon{height:24px;width:24px;cursor:pointer;position:absolute;top:7px;left:7px}
/* 循环输入开始 */
.baiyi-input-loop ul{ }
.baiyi-input-loop li {position: relative;width: 250px;float: left;border: 1px solid #eee;margin:10px 10px 0 0; padding:0 10px;border:1px solid #eee;background:#f9f9f9;overflow: hidden;}
.baiyi-input-loop svg.loopdelete,.baiyi-input-loop svg.loopdrag{right: 0;top: -30px;position: absolute;z-index: 9;display: block;padding: 5px;transition:all .3s;cursor:pointer}
.baiyi-input-loop svg.loopdelete{right: 25px;}
.baiyi-input-loop:hover svg.loopdelete,.baiyi-input-loop:hover svg.loopdrag{top:0px;transition:all .3s}
.baiyi-input-loop .baiyi-input-image {width: 100%;}
.baiyi-input-loop .baiyi-form-item{flex-direction:column;padding-right:0px}
.baiyi-input-loop .baiyi-form-item .baiyi-form-label{padding:0;width:auto;line-height:32px;justify-content: left;}
/* 权重和日期输入开始 */
.baiyi-input-weight{min-width:220px}
.baiyi-input-date{min-width:220px}
.baiyi-input-date-now{position:absolute;top:0;right:12px;color:#ccc;height:38px;line-height:38px}
.baiyi-input-date-now:hover{color:var(--primary-color);}
/* 排序输入框开始 */
.baiyi-sort-input{line-height: 20px;margin: 0;padding: 0;outline: none;border: 1px solid #d9d9d9;background-color: #ffffff;font-size: 12px;width: 28px;text-align: center;border-radius: 2px;}
/* 输入表单结束 */


/* tag标签开始 */
.baiyi-tag{display:inline-block}
.baiyi-tag span{display:inline-block;background: #f2f4f5;border: 1px solid #f0f0f0;border-radius: 2px; height:20px;line-height:20px;padding:0 5px;font-size:10px;margin-right:7px;position:relative}
.baiyi-tag .baiyi-tag-grey{color: #fff;background-color: #607D8B}
.baiyi-tag i {display:none;cursor:pointer;font-style:inherit;width:16px;text-align:center;position:absolute;right:0;top:0;border-radius:0 2px 2px 0;background-color:#ff4c50}
.baiyi-tag span:hover i{display:block}
/* tag标签结束*/

/* 样式覆盖开始 */
.layui-table {color: unset;}
.layui-form-radio>i{margin-right: 4px;font-size: 16px;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {color: var(--primary-color);}
.layui-form-checked span, .layui-form-checked:hover span {}
.layui-form-checked i, .layui-form-checked:hover i {color: var(--primary-color);}
.layui-form-checked[lay-skin=primary] i{background-color: var(--primary-color);}
.layui-form-checkbox i{height:30px}
.layui-form-select dl{z-index:9999999}
.layui-form-switch {margin-top: 0;}
.layui-form-radio{margin:0 10px 0 0}
.layui-layer-wrap{max-width:100%}
.layui-form-onswitch {border-color: var(--primary-color);background-color: var(--primary-color);}
.layui-form-checked span{background-color: var(--primary-color);}
.layui-form-select dl dd.layui-this {color: var(--primary-color);}
.layui-form-checkbox[lay-skin=primary]:hover i {border-color: var(--primary-color);}
.layui-form-checked[lay-skin=primary] i {border-color: var(--primary-color)!important;}
/* 样式覆盖结束*/

/* 主页开始 */
.my-table{width:100%}
.my-table td{border:1px solid #eee;line-height:2;padding:7px 15px}
.my-user{overflow:hidden;}
.my-user .user-avatar{width:100px;height:100px;overflow:hidden;margin:10px;float:left;color:#03A9F4}
.my-user .user-avatar img{width:100px;height:100px;cursor:pointer}
.my-user .user-info{float:left;margin:10px;}
.my-user .user-info p{font-size:14px;color:#666}
.my-user .user-name{font-size:16px;color:#333}
/* 主页结束*/
 
.baiyi-user-avatar{width:30px;height:30px;}
.treeTable-empty{width:20px;display:inline-block}
.treeTable-icon{cursor:pointer}
.treeTable-icon .layui-icon-triangle-d:before{content:"\e623"}
.treeTable-icon.open .layui-icon-triangle-d:before{content:"\e625";background-color:transparent}
.badge{display:block}
.badge span{position:relative;display:inline-block;padding:2px 6px;font-size:12px;text-align:center;border-radius:2px;height:18px;line-height:18px;margin-right:2px;border:1px solid #ccc}
.badge i{font-size:14px;width:100%;height:18px;line-height:18px;background-color:#666;text-align:center;float:left;border-radius:2px;color:#fff;letter-spacing:2px;cursor:pointer;position:absolute;top:0;right:0;opacity:0;filter:"alpha(opacity=0)";transition:opacity .25s linear;font-style:normal}
.badge span:hover{background-color:#16a085;color:white}
.badge span:hover > i{opacity:1;-webkit-filter:none;filter:none}
.list-img{float:left;margin-right:15px}
.list-txt{padding-left:200px}
.list-img img{width:180px}
.list-mini-img{float:left;margin-right:15px}
.list-mini-txt{padding-left:100px}
.list-mini-img img{width:80px}
.list-title{font-size:16px}
.list-key,.list-des{font-size:12px;color:#999;float:left;margin-right:15px}
.list-info{color:#999;font-size:12px;bottom:12px;position:absolute}
.list-attr,.list-status,.list-tag{display:inline-block}
.list-attr span,.list-status span,.list-tag span{display:inline-block;background-color:#009688;color:#ffffff;border-radius:3px;height:16px;line-height:16px;padding:0 5px;font-size:11px;margin-right:7px;position:relative}
.list-status span{background-color:#607D8B}
.list-tag span{background-color:#9E9E9E}
.list-attr span:hover i,.list-status span:hover i,.list-tags span:hover i{display:block}
.list-attr i,.list-status i,.list-tag i{display:none;cursor:pointer;font-style:inherit;width:16px;text-align:center;position:absolute;right:0;top:0;border-radius:0 3px 3px 0;background-color:#f20}
.op{position:absolute;bottom:50px;right:10px;display:none}
.tron,.tron:hover{cursor:pointer;background-color:#38434e !important;color:#fff !important}
.tron a{color:#fff}
.baiyi-list-img{width:60px}
.baiyi-list-img-big{max-width:600px}
.baiyi-app-ico{vertical-align: middle;overflow: hidden;padding: 12px;color: #fff;background: #95b9d7;border-radius: 4px;line-height: 1;display: inline-block;}
.baiyi-app-ico span{vertical-align: middle;overflow: hidden;height: 18px;width: 18px;font-size: 18px;border-radius: 4px;display: inline-block;}
.baiyi-msg{padding:50px 80px;margin:200px auto auto;font-size:28px;line-height:1.8;text-align:center;z-index:12;border-radius:6px;color:#ffffff;background:#38434e;display:table;position:relative}
#dialog{min-width:600px;min-height: 500px;max-height: 80vh;}
#dialog::-webkit-scrollbar{width:5px;margin-right:2px}
#dialog::-webkit-scrollbar-track-piece{background-color:#F5F5F5;border-left:1px solid #D2D2D2}
#dialog::-webkit-scrollbar-thumb{background:#CBCBCB;width:10px}


@media (max-width:766px){
    body{background:#fff}
    .baiyi-index-mobile{margin:0}
    .baiyi-wrap{padding:0}
    .baiyi-panel-body{overflow:auto;width:100%}
    .baiyi-table{min-width:1000px}
    .baiyi-button-submit{width:100%;padding:10px}
    .baiyi-panel{width:100% !important}
    #dialog{min-width:100%;width:100%;height:calc(100% - 42px) !important}
    #dialog #form{padding-right:0}
    .layui-layer-page{width:100%;height:100%}
    .baiyi-panel-header .fl{float:inherit;margin-bottom:15px}
    .baiyi-panel-header .fr{float:inherit}
    .baiyi-search{margin-left:0}
    .baiyi-form-button{height:30px}
    .baiyi-form-button .baiyi-form-control{z-index:99999;clear:both;position:fixed;left:0;bottom:0;width:100%;margin-bottom:0}
    .baiyi-input-select{width:100%}
    .baiyi-input-title{width:100%;position:relative}
    .baiyi-input-upload{width:100%;position:relative}
    .baiyi-form-items{display:inherit}
}