html *,
html *:before,
html *:after {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
html,
body {
	font-family: "微软雅黑";
	overflow-x: hidden; padding: 0; margin: 0; height: 100%;
	background: #f3f7fd;color: #4b5661;
}

a{ text-decoration: none;}
i{ font-style: normal;}
b{ font-weight: normal;}
.height100{ height: 100% !important;}
.width100{ width: 100% !important;}

.left{ width: 260px !important; background: #fff; height: 100%; padding: 20px 0;}

.logo{width: 100%; margin: 0 auto 10px auto; display: block;}
.logo img{ width: auto; margin: 0 auto; display: table;}

.left_menu .el-menu{ border: none; padding: 0 10px 0 0;}
.left_menu .el-menu--inline li{background: #fff; border-left: 8px solid #fff; border-top-right-radius: 80px; border-bottom-right-radius: 80px; margin: 0 0 5px 0;}
.left_menu .el-menu--inline li:hover{ background: #f3f7fe; border-left: 8px solid #1764e8;}
.left_menu .el-menu--inline li:after{content: "\e65f"; display: none; font-weight: bold; font-family: "iconfont" !important; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 12px; color: #1764e8; z-index: 100;}
.left_menu .el-menu--inline li:hover::after{ display: block;}
.left_menu .el-menu--inline .active{ background: #f3f7fe; border-left: 8px solid #1764e8;}
.left_menu .el-menu--inline .active:after{content: "\e65f"; display: block; font-weight: bold; font-family: "iconfont" !important; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 12px; color: #1764e8; z-index: 100;}

.left_menu .el-submenu__title{margin: 0 20px 0 0; padding: 0 0 0 25px !important; display: flex; align-items: center; justify-content: flex-start; font-size: 15px; font-weight: bold !important; color: #4b5661;}
.left_menu .el-submenu__title img{ margin:0 5px 0 0;}
.left_menu .el-submenu__title:hover{ background: none !important;}
.left_title{ padding: 20px 20px 20px 25px; display: flex; align-items: center; justify-content: flex-start; font-size: 15px; font-weight: bold !important; color: #4b5661;}
.left_title img{ margin:0 5px 0 0;}
.left_title_active{ background: #f3f7fe; border-left: 8px solid #1764e8; padding: 20px 20px 20px 17px; display: flex; align-items: center; justify-content: flex-start; font-size: 15px; font-weight: bold !important; color: #4b5661;}
.left_title_active img{ margin:0 5px 0 0;}

.left_item_link{ font-size: 13px; padding: 0 0 0 8px; position: relative;}
.left_item_link:hover::after{border: none !important;}

.top{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #d7dde7; height: 38px; margin: 0 0 30px 0;}
.top_l{ display: flex;align-items: center; justify-content: flex-start;}
.top_l p{ font-size: 13px; margin: 0 10px 0 0; line-height: 38px;}
.top_l i{ text-align: center; font-size: 10px; margin: 0 10px 0 0;}
.top_l .active{ font-size: 16px; font-weight: bold;}

.top_r_user{color: #4b5661; line-height: 38px; padding: 0 0 10px 0; font-weight: bold; font-size: 15px; display: flex; align-items: center; justify-content: flex-start;}
.top_r_user a{display: block; margin: 0 10px 0 0; width: 30px; height:30px; line-height: 30px; border-radius: 10px; text-align: center; font-size: 16px; font-weight: bold; background: #d9e3ef; color: #767985;}
.top_r_user:hover a{background: #1764e8; color: #fff;}

.right{ padding: 20px 40px;}
.main{ height:calc(100% - 88px); background: #fff; border-radius: 10px; box-shadow: 0 0 15px #d7dde7;}

.main_sel{ display: flex; align-items: center; justify-content: space-between;}

.shaixuan{ padding: 20px 20px 0 20px; display: flex;align-items: flex-start; justify-content: flex-start; width: 70%;}
.shaixuan_item{ padding: 0 10px 0 0; }
.shaixuan_item .el-form-item__content{ display: flex; align-items: center; justify-content: flex-start;}

.sel_btn{ display: flex; align-items: center; justify-content: flex-end; padding: 0 20px 0 0;width:30%;}
.sel_btn_item{ display: flex;align-items: center; justify-content: flex-start; height: 40px; white-space: nowrap; line-height: 40px; margin: 0 0 0 5px; background: #e7effc; text-align: center; border-radius: 5px; padding:0 10px; color: #1764e8; font-size: 14px;}
.sel_btn_item i{ margin: 0 5px 0 0; font-size: 18px;}
.sel_btn_item:hover{ background: #1764e8; color: #fff;}

.table{ display: block;height:calc(100% - 110px) !important; margin: 0 20px; border-radius: 5px; overflow: hidden; border: 1px solid #d7dde7;}
.table_head{ background: #e7effc; height: 50px; display: flex; align-items: center; justify-content: space-between;}
.table_head_item{ width: 20%; text-align: center; font-size: 15px; font-weight: bold; color: #1764e8; line-height: 50px;} 

.table_body{ width: 100%; height:calc(100% - 50px) !important; overflow: auto;}
.table_body .el-submenu__title,.table_body .el-menu--inline{ padding: 0 !important;}
.table_body .el-submenu__icon-arrow{ display: none;}
.table_body .el-menu-item{ padding: 0 !important; }
.table_body .el-menu{ border-right: none !important;}
.banma:nth-child(2n){ background: #f8f9fb !important;}

.tree_title{ display: flex; align-items: center; justify-content: space-between;}
.tree_title_item{ display: flex; align-items: center; justify-content: center; width: 20%; text-align: center;}
.tree_title_item i{ display: block; margin: 0 5px 0 0; background: #e7effc !important; color: #1764e8; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 14px;}
.tree_title_item01{ display: flex; align-items: center; justify-content: center; width: 20%; text-align: center;}
.tree_title_item01 i{ display: block; background: #e7effc !important; color: #1764e8; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 14px;}
.zhedie01 i{  margin: 0 5px 0 40px;}
.tree_title_item001{ display: flex; align-items: center; justify-content: center; width: 20%; text-align: center;}

.table01{ display: block;height:calc(100% - 110px) !important; margin: 0 20px; border-radius: 5px; overflow: hidden; border: 1px solid #d7dde7;}
.table01 thead tr th{text-align: center !important; font-size: 15px; font-weight: bold; color: #1764e8;background: #e7effc !important;}
.table01 tbody tr td{text-align: center !important; }

.win{ display: table; width: 65%; margin: 0 auto; }
.el-dialog{z-index: 9999 !important;}
.win .el-form-item{ display: flex; align-items: center; justify-content: flex-end;}
.win .el-form-item__label{ width: 20%; padding: 0 10px 0 0; text-align: left; display: flex; align-items: center; justify-content: flex-start;}
.win .bi::before{ content: "*"; color: #fd4242; margin: 5px 5px 0 0;}
.win .el-form-item__content{ width: 75%;}
.win .el-form-item__content .el-input, .win .el-form-item__content .el-select{ width: 100%;}

.table02{display: block;  height:calc(100% - 300px) !important; margin: 0 20px; border-radius: 5px; overflow: auto; border: 1px solid #d7dde7;  }
.table02 table{width: 100%;border-collapse: collapse; height: 100%;}
.table02 thead{width:calc(100% - 1em) !important;position: sticky; top: 0;}
.table02 thead tr th{ border-right: 1px solid #d7dde7; text-align: center; font-size: 15px; height: 52px; line-height: 52px; font-weight: bold; color: #1764e8;background: #e7effc !important;}
.table02 tbody tr td{  text-align: center;border-right: 1px solid #d7dde7;border-bottom: 1px solid #d7dde7; height: 52px; font-size: 14px;}

.table_txt{ display: block; }
.table_txt p{ display: block; padding:0 10px;  text-align: left !important; font-size: 14px; line-height: 16px !important;}

.table_txt01{ display: block; padding: 10px; }
.table_txt01 p{ display: block; padding:0 10px;  text-align: left !important; font-size: 14px; line-height: 16px !important;}


.login{width:100%;height:100%;margin:0;overflow:hidden;display: flex;align-items: center;justify-content: space-between; background: #fff;}
.login_l{ width: 70%; height: 100%;display: block; overflow: hidden;position: relative; background: url(../images/loginbg.jpg) no-repeat center center;background-size: cover;}
.login_logo{ position: absolute;top:40%; left:50%;transform: translate(-50%,-50%);display: block;width: 65%;}
.login_logo img{ width: 100%;}
.login_title{ display: table;margin: 0 auto;}
.login_title img{ display: table;margin: 0 auto;}
.login_title b{ font-size: 30px;color: #0059d1;display: table;margin:0 auto 20px auto;text-transform: uppercase; }
.login_input{ width:30%; height:100%;position: relative;background: url(../images/p5_bg.jpg) no-repeat right bottom;background-size: auto; }

.login_input_item{ width: 60%; margin: 20px auto; display: block;}
.login_input form{  margin:0; padding:0 4vw;position: absolute;top:15%; left:50%;transform: translateX(-50%);width: 100%;}
.login_input_item input{ outline: none; height:50px; line-height:50px !important; width:96%; border:1px solid #e5e5e5; padding-left:10px;border-radius:5px;}
.anniu{background:#1764e8; text-align: center; color: #fff; border:none; line-height:50px;font-size: 15px; border-radius: 5px; display: block;width:100%; }
.anniu:hover{ background:#637088;}