body{color: #666;background-color: #e6e9ee;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;}
/* 基本布局*/

.baiyi-wrap{padding: 15px;}
.baiyi-panel{border-radius: 2px;background-color: #fff;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);}
.baiyi-panel-title{height: 42px;line-height: 42px;padding: 0 15px;border-bottom: 1px solid #f6f6f6;color: #333;border-radius: 2px 2px 0 0;font-size: 14px;}
.baiyi-panel-header{padding: 10px 15px 0 15px;}
.baiyi-panel-header:after, .baiyi-panel-footer:after{content: "";display: block;clear: both;}
.baiyi-panel-body{padding: 15px;}
.baiyi-panel-footer{padding: 0px 15px 15px 15px;}
.quote{padding: 0 15px;line-height: 20px;margin: 5px 0;border-left: 3px solid #38434e;}

.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;}

/** 表单 **/
.baiyi-form-row{margin-bottom: 15px;clear: both;position: relative;}
.baiyi-form-row:after{content: "";display: block;clear: both;}
.baiyi-form-row-label{float: left;display: block;padding: 6px 15px 6px 0px;width: 110px;font-weight: 400;text-align: right;}
.baiyi-form-row-content{position: relative;margin-left: 110px;min-height: 36px;line-height: 31px;}
.baiyi-form-rows {display: flex;justify-content: space-between;flex-wrap: wrap;}
.baiyi-form-row-tip{color: #666;display: block;}
.baiyi-form-row-content-right{color: #989090;line-height: 36px;position: absolute;top: 1px;right: 1px;background: #eee;padding: 0 10px;}
.mini .baiyi-form-row-label{float: inherit;display: block;padding: 6px 15px 6px 0px;width: auto;font-weight: 400;text-align: left;}
.mini .baiyi-form-row-content{position: relative;margin-left: 0;min-height: 36px;line-height: 31px;}

/**输入**/
.baiyi-input{height: 38px;line-height: 1.3;border: 1px solid #ddd;background-color: #fff;border-radius: 2px;display: block;width: 100%;padding-left: 10px;}
.baiyi-select{height: 38px;line-height: 1.3;border: 1px solid #ddd;background-color: #fff;border-radius: 2px;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%;padding-left: 10px;}
.baiyi-input-upload-favicon{height: 24px;width: 24px;cursor: pointer;position: absolute;top: 7px;left: 7px;}
.baiyi-input:focus, .baiyi-select:focus,.baiyi-textarea:focus{border-color: #C9C9C9;}
.baiyi-input::-webkit-input-placeholder, .baiyi-textarea::-webkit-input-placeholder, .baiyi-select::-webkit-input-placeholder{color: #BDCADA;}
.baiyi-input-upload-button {position:absolute;top:0;right:0;display:inline-block;height:38px;line-height:38px;background:#00a2d4;color:#fff;text-align:center;border-radius:2px;padding:0 15px;}
.baiyi-input-upload-button:hover {background:#0595c1;cursor:pointer;}
.baiyi-input-upload-down {position:absolute;top:0;right:100px;color:#ccc;height:38px;line-height:38px;padding-right:12px;}
.baiyi-input-upload-down:hover {color:#f20;}
.baiyi-input-upload-preview {display:inline-block;position:relative;max-height:120px;}
.baiyi-input-upload-preview img {max-width:100%;max-height:120px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAIAAABL1vtsAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAA+SURBVDhPY7x06RIDXqCrq4tfARN+aWJkR41AhNJoWFA1LBj///+PPwlevnx5NIETk0tBakZTJ1VTJxWCEwD89wieTNBWigAAAABJRU5ErkJggg==);}
.baiyi-input-upload-preview:hover .baiyi-input-upload-del {display:block;}
.baiyi-input-upload-del {cursor:pointer;display:none;width:100%;height:26px;line-height:26px;right:0;bottom:0;position:absolute;text-align:center;background:rgba(0,0,0,0.7);color:#fff;transition:all 0.3s linear;font-size:14px;}
.baiyi-input-uploads .baiyi-input-upload-button {position: initial}
.baiyi-input-uploads ul{margin-top: 5px;}
.baiyi-input-uploads li{float: left;width: 250px;position: relative;margin: 0px 10px 10px 0;margin-bottom: 20px;padding: 10px;border: 1px solid #ddd;background: #f9f9f9;}
.baiyi-input-uploads .img-thumb{height: 200px;line-height: 200px;margin-bottom: 10px;position: relative;text-align:center;}
.baiyi-input-uploads li:hover .baiyi-input-upload-del{display: block;}
.baiyi-input-uploads img{max-width: 100%;max-height: 100%;}
.baiyi-input-uploads .baiyi-input,.baiyi-textarea{margin-bottom: 10px; }
.baiyi-input-date-now{position: absolute;top: 0px;right: 12px;color: #ccc;height: 38px;line-height: 38px;}
.baiyi-input-date-now:hover{color: #f20;}
.baiyi-input-title-color{cursor: pointer;position: absolute;top: 0px;right: 12px;height: 38px;line-height: 38px;}
.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: 20px;top: 7px;}
.baiyi-input-title-color-picker li{font-size: 12px;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 .baiyi-input{width: 200px;float: left;}
.baiyi-input-color .baiyi-input-color-button{left: -38px;}
.baiyi-input-color .layui-colorpicker {width: 38px;height: 38px;}
.baiyi-input-map .baiyi-input{width: 200px;float: left;}
.baiyi-input-map .baiyi-input-map-button{left: -38px;font-size: 36px;display: inline-block;width: 38px;height: 38px;text-align: center;cursor: pointer;position: relative;}
.baiyi-input-map .baiyi-input-map-button i {font-size: 24px}
.baiyi-input-map .baiyi-input-map-button i:hover {color: #f20}
.baiyi-input-related .baiyi-input-related-button{font-size: 36px;display: inline-block;width: 100%;height: 38px;text-align: center;cursor: pointer;position: absolute;top: 0px;}
.baiyi-input-related .baiyi-input-related-button i {font-size: 24px}
.baiyi-input-related .baiyi-input-related-button i:hover {color: #f20}
.baiyi-sort-input{line-height: 18px;margin: 0px;padding: 0;outline: none;border: 1px solid #ddd;border-color: #888 #ddd #ddd #888;background-color: #F5F6FA;font-size: 12px;width: 28px;text-align: center;}
/* 搜索 */
.baiyi-search{margin-left: 20px;}
.baiyi-search-input{height: 30px;padding: 0px 8px;font-size: 12px;line-height: 1.5;border: 1px solid #ccc;vertical-align: top;}
.baiyi-search-select{color: #999;height: 30px;padding: 0px 4px;font-size: 12px;line-height: 1.5;border: 1px solid #ccc;vertical-align: top;}
.baiyi-advanced-search{display: none;text-align: center;padding: 20px 10px;background: #009688;margin: 10px;}
.baiyi-advanced-search .baiyi-search-input{border: 1px solid #009688;}


 /*通用样式*//* 按钮样式*/
.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-button{display: inline-block;vertical-align: middle;font-size: 12px;line-height: 1.5;border-radius: 2px;padding: 5px 12px;cursor: pointer;}

.baiyi-button-default{color: #333 !important;border: 1px solid #c5c5c5;background-color: #f1f1f1;}
.baiyi-button-default:hover{color: #000;}
.baiyi-button-default:active{opacity: 1;filter: alpha(opacity=100)}

.baiyi-button-edit{color: #fff !important;border: 1px solid #30b19b;background-color: #30b19b;}
.baiyi-button-edit:hover{color: #fff;border: 1px solid #108ee9;background-color: #108ee9;}

.baiyi-button-del{color: #fff !important;border: 1px solid #315d7d;background-color: #315d7d;}
.baiyi-button-del:hover{color: #fff;border: 1px solid #f97318;background-color: #f97318;}


.baiyi-button-add{color: #fff !important;border: 1px solid #ff6700;background-color: #ff6700;}
.baiyi-button-add:hover{color: #fff;border: 1px solid #f97318;background-color: #f97318;}

.baiyi-button-submit{color: #fff !important;border: 1px solid #ff6700;background-color: #ff6700;}
.baiyi-button-submit:hover{opacity: .8;filter: alpha(opacity=80);}
.baiyi-button-submit:active{opacity: 1;filter: alpha(opacity=100)}

.baiyi-button-search{color: #fff !important;border: 1px solid #ff6700;background-color: #ff6700; }
.baiyi-button-search:hover{color: #000;}
.baiyi-button-search:active{opacity: 1;filter: alpha(opacity=100)}
.baiyi-table .baiyi-button{padding: 3px 12px;}


.baiyi-pagination a{height: 30px;line-height: 30px;display: inline-block;border: solid 1px #ededed;margin-left: -1px;padding: 0px 11px;color: #666;}
.baiyi-pagination a:hover{color: #fff;border: 1px solid #ff7b22;background-color: #ff7b22;}
.baiyi-pagination .page-on{color: #fff;border: 1px solid #ff6700;background-color: #ff6700;}
.baiyi-pagination .page-info{margin-left: 0px;}
.baiyi-pagination .page-input{height: 30px;border: solid 1px #ededed;width: 65px;border-right: none;text-align: center;vertical-align: top;}
.baiyi-pagination .page-button{height: 30px;border: solid 1px #ededed;width: 35px;background: #fff;cursor: pointer;vertical-align: top;}

.baiyi-dropup {position:relative;display:inline-block;}
.baiyi-dropup i {font-size:12px;}
.baiyi-dropup .baiyi-dropdown-menu {position:absolute;bottom:40px;left:0;z-index:99999;display:none;min-width:120px;padding:10px 0;color:#212529;background-color:#fff;border:1px solid #ccc;border-radius:5px;}
.baiyi-dropup .baiyi-dropdown-menu a {display:block;width:100%;padding:10px;clear:both;font-weight:400;color:#212529;}
.baiyi-dropup .baiyi-dropdown-menu a:hover {color:#16181b;text-decoration:none;background-color:#f5f5f5;}

.baiyi-user-avatar{width: 30px;height: 30px;border-radius: 15px;}
.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: 2 6px;font-size: 12px;text-align: center;border-radius: 2px;height: 18px;line-height: 18px;margin-right: 2px;position: relative;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: 0px 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-tab{margin: 0!important;}
.layui-tab-content{padding: 15px!important;}
.layui-form-radio{margin: 0px 10px 0px 0px;}
.layui-layer-wrap{max-width: 100%;}

#dialog{min-width: 500px;}
#dialog #form{padding-right: 60px}
#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}

.layui-form-checkbox i {height: 30px;}

/** 百易cms 首页结束 **/
.my-table {width:100%;}
.my-table td {border:1px solid #eee;line-height:2;padding:7px 15px;}
.my-sysinfo {text-align:center;}
.my-sysinfo td {padding:20px 0;color:#454c63;}
.my-sysinfo .info, .my-sysinfo .info a{font-size:16px;color:#009688;}
.my-clock {font-family:Arial,Helvetica,sans-serif;font-size:70px;letter-spacing:10px;height:76px;line-height:76px;margin:20px auto;width:360px;color: #03A9F4;}
.my-clock span,.my-clock b {float:left;font-weight:normal;}
.my-shortcut a{color: #03A9F4;}
.my-shortcut li {text-align:center;line-height: 1.7}
.my-shortcut li span {display:block;color:#666;font-size:14px;margin-bottom:1px;}
.my-shortcut .fa-2x  {width: 25px;height: 25px; font-size: 25px;}
.my-backlog .my-backlog-body {display:block;padding:17px 15px;background-color:#03A9F4;color:#fff;border-radius:2px;text-align: center; background-image: linear-gradient(50deg, #03A9F4,#2196F3);}
.my-backlog .my-backlog-body h3{font-size: 14px;}
.my-backlog .my-backlog-body p{font-size: 16px;font-weight:700;}
.my-user {overflow:hidden;padding:20px;}
.my-user .user-avatar {width:100px;height:100px;overflow:hidden;margin:10px;float:left;color: #03A9F4}
.my-user .user-avatar img {border-radius:50%;width:100px;height:100px;cursor:pointer;}
.my-user .user-info {float:left;margin:10px;line-height:34px;}
.my-user .user-info p {font-size:14px;color:#666;}
.my-user .user-name {font-size:16px;color:#333;}

/** 表格 **/
.baiyi-table{width: 100%;border: 1px solid #e1e6eb;}
.baiyi-table>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;}
.baiyi-table>tbody>tr>td{line-height: 24px;border-top: 1px solid #ddd;padding: 8px 12px;border-bottom: 1px solid #e1e6eb;vertical-align: middle;}
.baiyi-table>tbody+tbody{border-top: 2px solid #ddd;}
.baiyi-table>tbody>tr:hover{background-color: #f5f5f5;}
.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{display: none;padding: 20px 10px;text-align: center;font-size: 14px;border: 1px solid #dddddd;color: #006eff;}


/** 首页 **/
.baiyi-index{margin: -15px;position: relative;padding-left: 200px;overflow: hidden;height: 100vh;transition: padding-left 0.3s;}
.baiyi-index-side::-webkit-scrollbar{width: 5px;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: 22px;position: relative;background:#ff6700; overflow: hidden;}
.baiyi-index-logo .img{width: 40px;height: 40px;margin-top: 5px;background:url(../img/logo.png) 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-menu {display: none;}
.baiyi-index-menu-name{padding: 10px 14px 10px 10px;color: #fff;background: #57617b;overflow: hidden;}
.baiyi-index-menu-name a{color: #fff;}
.baiyi-index-menu-content ul {display: none;}
.baiyi-index-menu-content>ul{display: block;}
.baiyi-index-menu-content a{position: relative;display: block;padding: 10px 8px;color: #c6d1e2;border-left: 2px solid transparent;border-right: 2px solid transparent;}
.baiyi-index-menu-content .fa{padding-right: 10px;}
.baiyi-index-menu-content a:hover, .baiyi-index-menu-content a.on{color: #F90;background: #606982;}
.baiyi-index-menu-content i{padding-right: 8px;color: #8f94a1;}
.baiyi-index-menu-content .icon{width: 16px;height: 16px;}
.baiyi-index-menu-content .name{vertical-align: middle;}
.baiyi-index-menu-content .up .arrow, .baiyi-index-menu-content .down .arrow, .baiyi-index-menu-content .on>.arrow{position: absolute;right: 18px;top: 20px;}
.baiyi-index-menu-content .up .arrow::before, .baiyi-index-menu-content .down .arrow::before{content: '';position: absolute;left: 50%;top: 50%;width: 12px;transform: translate(-50%, -50%);border-top: 2px solid;}
.baiyi-index-menu-content .up .arrow::after{content: '';position: absolute;left: 50%;top: 50%;height: 12px;transform: translate(-50%, -50%);border-left: 2px solid;}
.baiyi-index-menu-ul-2 .place{width: 10px;display: inline-block;}
.baiyi-index-menu-ul-3 .place{width: 20px;display: inline-block;}
.baiyi-index-menu-ul-4 .place{width: 40px;display: inline-block;}
.baiyi-index-menu-ul-5 .place{width: 50px;display: inline-block;}
.baiyi-index-menu-ul-6 .place{width: 50px;display: inline-block;}
.baiyi-index-menu-ul-7 .place{width: 50px;display: inline-block;}
.baiyi-index-menu-ul-8 .place{width: 50px;display: inline-block;}
.baiyi-index-menu-ul-9 .place{width: 50px;display: inline-block;}
.baiyi-index-menu-ul-10 .place{width: 50px;display: inline-block;}
.baiyi-index-menu-ul-2{background: #333b54}
.baiyi-index-menu-ul-3{background: #2c3552;}
.baiyi-index-menu-ul-4{background: #242e4a;}
.baiyi-index-menu-ul-5{background: #1a243e;}
.baiyi-index-menu-ul-6{background: #1a232b;}
.baiyi-index-main{float: left;width: 100%;height: 100vh;position: relative;background: #e6e9ee;}
.baiyi-index-header{background: #fff;height: 50px;line-height: 50px;border-bottom: 1px solid #e2e2e2;color: #333;}
.baiyi-index-side-toggle {float: left;width: 18px;height: 50px;font-size: 18px;margin-left: 15px;cursor: pointer;}
.baiyi-index-nav {float: left;}
.baiyi-index-nav li {float: left;margin: 0px 2px;}
.baiyi-index-nav li a {display: inline-block;padding: 0 12px;}
.baiyi-index-nav .on span, .baiyi-index-nav a:hover span {padding-bottom: 8px;border-bottom: 2px solid #333;transition: all 0.25s linear 0.01s;}
.baiyi-index-user {float: right;position: relative;}
.baiyi-index-user>li {float: left;position: relative;}
.baiyi-index-user>li>a {display: inline-block;padding: 0 10px;}
.baiyi-index-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-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{margin: -5px;overflow: hidden;margin-bottom: 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;}
 
 
/** 登录 **/
.baiyi-login-page{margin:-15px;height:100vh;background:#fff;overflow: hidden;}
.baiyi-login-panel{background:#fff;width:100%;margin-top: 10%;}
.baiyi-login-logo{text-align:center;color:#566985;line-height:3.5;border-bottom:1px solid #eee;font-size:25px;font-weight:400;text-shadow:#c7c5ca 2px 2px 5px;}
.baiyi-login-form{padding:50px 0px;width:320px;margin:auto;}
.baiyi-login-row{margin-bottom:20px;position:relative;}
.baiyi-login-row img{cursor:pointer;position:absolute;top:7px;right:10px;}
.baiyi-login-icon{width:18px;height:18px;display:inline-block;position:absolute;top:15px;left:16px;color:#a5aeb8;font-size: 18px;}
.baiyi-login-input{font-size:16px;padding:15px 15px 15px 48px;vertical-align:middle;width:100%;border:1px solid #D7D7D7;border-radius:2px;box-sizing:border-box;}
.baiyi-login-auto{color:#666;font-size:12px;}
.baiyi-login-auto input{vertical-align:text-top;margin-right:5px;}
.baiyi-login-button{margin-top:20px;border-radius:2px;color:#ffffff;background:#00a3ee;border:none;cursor:pointer;width:100%;height:50px;line-height:50px;font-size:18px;}
.baiyi-login-button:hover{opacity: .9;}
.baiyi-login-copyright{margin-top:20px;width:100%;text-align:center;}
.baiyi-login-copyright a{color:#999;}
.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-msg {
    padding: 50px 80px;
    margin: auto;
    margin-top: 200px;
    font-size: 28px;
    line-height: 1.8;
    text-align: center;
    z-index: 12;
    border-radius: 6px;
    color: #ffffff;
    background: #38434e;
    display: table;
    position: relative;
}