body{background: #fff; color:#333;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}
.box10{float:right;width:calc(100% - 215px)}
.box2{float:left;width:200px}
.box9{float:left;width:calc(100% - 25% - 20px)}
.box3{float:right;width:25%}
.box8{float:left;width:calc(100% - 415px)}
.box4{float:right;width:400px}
.box6{float:right;width:50%}
.box7{float:left;width:calc(100% - 30%)}
.box5{float:right;width:30%}
.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}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.cur{cursor:pointer}
.txt-green{color:green}
.txt-blue{color:blue}
.txt-red{color:red}
.txt-gray{color:#C0C0C0}
.txt-orange{color:orange}
.txt-darkcyan{color:darkcyan}

/*=S 布局面板 */
.baiyi-wrap{padding: 10px;}
 /*=E 布局面板 */


/*=S 选项卡切换*/
 
.baiyi-tab-sub {position: relative;border-bottom: 1px solid #ddd;height: 32px;margin-left: 110px;border-left: 1px solid #dfe4ed;}
.baiyi-tab-sub li {display: inline-block;float: left;line-height: 30px;padding:0 25px;cursor: pointer;border: 1px solid #dfe4ed;border-bottom: none;border-left: none;}
.baiyi-tab-sub li a {display: block;width: 100%;height: 100%;line-height: 30px;}
.baiyi-tab-sub .on,.baiyi-tab-sub .on a {color: #409EFF;border-bottom: 1px solid  #fff;}
.baiyi-tab-sub-line {display: block;position: absolute;left: 0;top: 29px;height: 1px;background-color: #ff6700;pointer-events: none;}
.baiyi-tab-sub-content{margin-top: 20px}
.baiyi-tab-sub-content>section{display: none;}
.baiyi-tab-sub-content>section:first-child{display: block;}
/*=E 选项卡切换 */

/*=S 按钮样式*/
.baiyi-button,
.baiyi-button-view,
.baiyi-button-add,
.baiyi-button-edit,
.baiyi-button-del,
.baiyi-button-submit,
.baiyi-button-search{
    line-height: 1.5715;
    position: relative;display: inline-block;
    font-weight: 400;
    border: 1px solid transparent;
    box-shadow: 0 2px #00000004;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    user-select: none;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 2px;
}
.baiyi-table .baiyi-button,
.baiyi-table .baiyi-button-view,
.baiyi-table .baiyi-button-add,
.baiyi-table .baiyi-button-edit,
.baiyi-table .baiyi-button-del,
.baiyi-table .baiyi-button-submit,
.baiyi-table .baiyi-button-search,
.layui-table .baiyi-button,
.layui-table .baiyi-button-view,
.layui-table .baiyi-button-add,
.layui-table .baiyi-button-edit,
.layui-table .baiyi-button-del,
.layui-table .baiyi-button-submit,
.layui-table .baiyi-button-search{padding:3px 10px;font-size: 12px;}

.baiyi-button{color: #000000d9;background: #fff;border-color: #d9d9d9;text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px #0000000b;}
.baiyi-button:active {color: #096dd9;background: #fff;border-color: #096dd9;}
.baiyi-button:hover, .baiyi-button:focus {color: #40a9ff;background: #fff;border-color: #40a9ff;}

.baiyi-button-view{color: #fff;background: #00bcd4;border-color: #00bcd4;text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px #0000000b;}
.baiyi-button-view:active{color: #fff;background: #096dd9;border-color: #096dd9;}
.baiyi-button-view:hover, .baiyi-button-view:focus {color: #fff;background: #40a9ff;border-color: #40a9ff;}

.baiyi-button-add{color: #fff;background: #ff5722;border-color: #ff5722;text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px #0000000b;}
.baiyi-button-add:active{color: #fff;background: #096dd9;border-color: #096dd9;}
.baiyi-button-add:hover, .baiyi-button-add:focus {color: #fff;background: #40a9ff;border-color: #40a9ff;}

.baiyi-button-edit{color: #fff;background: #1890ff;border-color: #1890ff;text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px #0000000b;}
.baiyi-button-edit:active{color: #fff;background: #096dd9;border-color: #096dd9;}
.baiyi-button-edit:hover, .baiyi-button-edit:focus {color: #fff;background: #40a9ff;border-color: #40a9ff;}

.baiyi-button-del{color: #fff;background: #ff4d4f;border-color: #ff4d4f;text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px #0000000b;}
.baiyi-button-del:active{color: #fff;background: #d9363e;border-color: #d9363e;}
.baiyi-button-del:hover, .baiyi-button-del:focus {color: #fff;background: #ff7875;border-color: #ff7875;}

.baiyi-button-submit{color: #fff;background: #1890ff;border-color: #1890ff;text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px #0000000b;}
.baiyi-button-submit:active{color: #fff;background: #096dd9;border-color: #096dd9;}
.baiyi-button-submit:hover, .baiyi-button-submit:focus {color: #fff;background: #40a9ff;border-color: #40a9ff;}

.baiyi-button-search{color: #000000d9;background: #fff;border-color: #d9d9d9;}
.baiyi-button-search:active{color: #096dd9;background: #fff;border-color: #096dd9;}
.baiyi-button-search:hover, .baiyi-button-submit:focus {color: #40a9ff;background: #fff;border-color: #40a9ff;}

.btn-group{overflow:hidden}
.btn-group + .btn-group{margin-top:10px}
.btn-group .btns span{color:#999;padding:0 1px}
.btn-group .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}
.btn-group .btns:hover,.btn-group .on{z-index:1;border-color:#006eff;background:#fff;color:#006eff}
.btn-group .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-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;}

/*=E 按钮样式 */

/*=S 下拉组件 */
.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:#16181b;text-decoration:none;background-color:#f5f5f5}
.baiyi-dropup .baiyi-dropup-menu .line{height: 1px;width: 100%;display: block;background: #eee;margin:2px 0;}
/*=E 下拉组件 */

/*=S 样式覆盖*/
.layui-form-radio>i{margin-right: 4px;font-size: 16px;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {color: #1890ff;}
.layui-form-checked span, .layui-form-checked:hover span {background-color: #1890ff;}.layui-form-checked i, .layui-form-checked:hover i {color: #1890ff;}
.layui-form-checkbox i{height:30px}
.layui-form-select dl{z-index:9999999}
/*=E 样式覆盖*/


/*=S 样式覆盖*/
.layui-form-radio>i{margin-right: 4px;font-size: 16px;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {color: #1890ff;}
.layui-form-checked span, .layui-form-checked:hover span {background-color: #1890ff;}.layui-form-checked i, .layui-form-checked:hover i {color: #1890ff;}
.layui-form-checkbox i{height:30px}
.layui-form-select dl{z-index:9999999}
/*=E 样式覆盖*/

/*=S 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}
/*=E tag标签*/

/*=S 分页*/
.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 #1890ff;background-color:#1890ff}
.baiyi-pagination .page-on{color:#fff;border:1px solid #1890ff;background-color:#1890ff}
.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}
/*=E 分页*/




.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}
.listtable{width:100%;border:1px solid #e1e6eb}
.listtable > thead > tr > th{border-top:0;vertical-align:bottom;font-weight:normal;color:#999;padding:8px 12px;border-bottom:1px solid #e1e6eb;border-right:1px solid #dddddd;background-color:#fdfdfd;text-align:left;line-height:20px}
.listtable > tbody > tr > td{line-height:24px;border-top:1px solid #ddd;padding:15px 12px;border-bottom:1px solid #eee;vertical-align:top;position:relative}
.listtable > tbody + tbody{border-top:2px solid #ddd}
.listtable > tbody > tr:hover{background-color:#f5f5f5}
.listtable > tbody > tr:hover .op{display:block}
.listtable-sort,.listtable-sort-desc,.listtable-sort-asc{background-repeat:no-repeat;background-position:center right;cursor:pointer}
.listtable-sort{background-image:url("data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==")}
.listtable-sort-desc{background-image:url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7")}
.listtable-sort-asc{background-image:url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7")}
.listtable input[type="checkbox"]{width:16px;height:16px;cursor:pointer;-webkit-appearance:none;border:1px solid #ddd;border-radius:2px}
.listtable input[type="checkbox"]:checked{border:1px solid #ddd;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA5klEQVQ4T8WSO27CQBRF7+3TjNdge2WBKB7T2TXQ4igNjMNnZ9hrYCKlSMdFtmRkBCEgCl43mneO3o94MPggj+cIgrJ6FWR8Ehd3VxC4eiBqJeHz20bZXYIGBrWWsPFJ+AZSNwuMq1NS8xa20bAbfisw5TYH8OOTeHlpKz144W006ud0ghnBHOJwZ8NNPyFwdQaqkHAGN3nHFoyr1iQGEkfehovm8whDHz6JmyrP4mQGxlVzEinEHNALiLGuwCcVdGpTbguCWfsmJrv3aHrtWi9uIfiqxtrr19t49t+p37zGv0TPFxwAXd9hEfoc5BMAAAAASUVORK5CYII=")}
.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}
.layui-form-switch {margin-top: 0;}

.layui-form-radio{margin:0 10px 0 0}
.layui-layer-wrap{max-width:100%}
#dialog{min-width:600px;min-height: 500px;}
#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}
.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-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}
@media (max-width:766px){
	body{background:#fff}
 	.baiyi-index-mobile{margin:0}
	.baiyi-wrap{padding:0;margin: 0;}

	.baiyi-panel-body{overflow:auto;width:100%;    min-height: 90vh;}
	.baiyi-table{min-width:100%}
	.box9{float:left;width:100%}
	.box3{float:left;width:100%}
	.baiyi-button-submit{width:100%;padding:10px}
 	.baiyi-panel{width:100% !important;margin: 0;}
	#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}
}
@media (min-width:767px){}
@media (max-width:766px){}