@charset "utf-8";
body{ background-color: #f6f9ff;}
a{ transition: 0.3s; cursor: pointer;}
.login{width: 100%;height: 100vh; display: flex;}
.login_left{width: 60%;height: 100%; background: url(../img/login_bg.jpg) no-repeat center;background-size: cover; position: relative;}
.logo{ width: 108px; position: absolute; left: 34px; top: 34px; }
.logo img{display: block;width: 100%;}
.logo_tx{color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: rgba(18,44,112,0.6); width: 100%; box-sizing: border-box; padding:50px 0; padding-bottom: 60px; display: flex; justify-content: center;}
.logo_tx span{ display: flex; margin: 0 40px; flex-direction: column;}
.logo_tx h1{font-size: 36px;}
.logo_tx h2{font-size: 60px;font-weight: bold; margin: 26px 0;}
.logo_tx h3{font-size: 36px;font-weight: 200;}
.login_right{width: 40%;height: 100%;background: #f6f9ff; position: relative;}
.user{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); margin-top: -40px;}
.user_tx h1{font-size: 30px;font-weight: bold; margin-top: 70px;}
.user_tx h2{font-size: 18px;color: #999; margin-top: 10px;}
.input_box{margin-top: 50px;}
.input_item{width: 386px;height: 48px; border: 1px #ddd solid; background: #fff; display: flex; align-items: center; justify-content: space-between; margin-top: 20px; font-size: 16px;}
.input_item.active{border: 1px #122c70 solid;}
.input_icon{display: flex; align-items: center; color: #999; font-size: 16px;}
.input_icon img{margin: 0 12px;}
.input_item input{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	display: block;
	width: calc(100% - 100px);
	height: 100%;
	box-sizing: border-box; padding-right: 20px;
	font-size: 16px;
}
.gouxuan{display: flex; align-items: center; margin-top: 20px; color: #999;}
.gouxuan em{width: 14px;height: 14px; border-radius: 3px; background: #153073; display: flex; align-items: center; justify-content: center;margin-right: 10px;}
.denglu{width: 388px;height: 52px; line-height: 52px;text-align: center; margin-top: 30px; background: linear-gradient(to right,#153073,#1e48b2); display: block; color: #fff; font-size: 16px;border-radius: 3px;}
.gouxuan label{ display: flex; align-items: center; margin-right: 10px;}
.gouxuan .num-li {display: none;}
.gouxuan .b-radio {display: inline-block;border: none;width: 14px;height: 14px;position: relative;border-radius: 3px;caret-color: transparent;background: url(../img/dh.png) center center #ccc no-repeat; background-size: 100%;}
.gouxuan .b-radio:before { content: '';font-size: 0;caret-color: transparent;width: 14px;height: 14px;border: none;position: absolute;border-radius:3px;display: none;background: url(../img/dh.png) center center #1c4789 no-repeat; background-size: 100%; color: #fff;}
.gouxuan .num-li:checked~.b-radio:before {display: block;}
.box_container{width: 100%;}

.rame{
	width: calc(100% - 60px);
	padding: 0;
	border: 0;
	box-shadow: 0 0 20px rgba(0,85,255,.2);
	border-radius: 10px;
	position: fixed;
	/* [disabled]left: 30px; */
	top: 30px;
	left:30px;
	z-index: 996;
}
.dllogo{ width: 198px; margin: 0 auto;}
.dllogo img{ width: 100%; display: block;}

header{width:100%;  height: 72px;background:#153073;display: flex;align-items: center; justify-content: space-between; }
.head_left{display: flex;align-items: center; color: #fff; margin-left: 20px;}
.head_left em{display: block;width: 72px;}
.head_left i{font-size: 28px; font-weight: bold;display: block;margin-left: 16px;}
.head_left em img{width: 100%; display: block;}
.head_right{display: flex;align-items: center; height: 100%;}
.quick_links{display: flex;align-items: center;}
.quick_links a{display: flex;align-items: center; color: #fff; position: relative; z-index: 3;}
.quick_links a img{display: block;}
.quick_links a i{ position: absolute; z-index: 4; border-radius: 50%; width: 18px; height: 18px; right: -9px; top: -9px; background-color: #ee7801; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 14px;}
.login_user{display: flex;align-items: center;margin-left: 40px; margin-right: 20px; height: 100%;}
.login_user em{display: block;width: 42px;height: 42px; position: relative;}
.login_user em img{display: block; width: 100%;height: 100%;border-radius: 50%; border: 2px solid #fff; box-sizing: border-box;}
.dian{ position: absolute; right: 0;top: 4px; width: 8px; height: 8px; border-radius: 100%;}
.dian.green{ background-color: #0ebf5d;}
.dian.red{ background-color:red;}
.login_user p{color: #fff; margin-left: 10px; margin-right: 10px;}
.login_user i{display: block;}
.navright{display: none;width:146px; background: #fff; box-sizing: border-box; padding:10px 20px; position: absolute; right: 0; top: 72px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.navright a{display: block; text-align: center; border-bottom: 1px #eee solid; height: 46px; line-height: 46px; transition: 0.3s; font-size: 15px;}
.navright a:last-child{border-bottom: 0;}
.navright a:hover{color: #ee7801;}


.home_nav{display: flex;flex-wrap: wrap; width: calc(100% - 60px); margin: 0 auto; height: calc(100vh - 172px); margin-top: 102px;}
.nav_item{width: calc(33.3333% - 20px); margin-right: 30px; height: 50%; position: relative; display: block;}
.nav_item:nth-child(3n){margin-right: 0;}
.nav_icon{width: 86px;height: 86px; border-radius: 50%; box-shadow: 0 0 20px rgba(0,0,0,.1); position: absolute; z-index: 2; left: 50%;transform: translateX(-50%); top: 40px; background: #fff; display: flex;align-items: center; justify-content: center;}
.nav_item:nth-child(1) .nav_icon{background: linear-gradient(to right,#5cd5bf,#1091d7);}
.nav_item:nth-child(2) .nav_icon{background: linear-gradient(to right,#fd9e97,#fc727d);}
.nav_item:nth-child(3) .nav_icon{background: linear-gradient(to right,#7c77fc,#5456fe);}
.nav_item:nth-child(4) .nav_icon{background: linear-gradient(to right,#feb164,#fd763b);}
.nav_item:nth-child(5) .nav_icon{background: linear-gradient(to right,#6d92ff,#4a78ff);}
.nav_item:nth-child(6) .nav_icon{background: linear-gradient(to right,#42cc7c,#00b04a);}
.tx_box{width: 100%;height: 70%; border-radius: 10px; background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.1); position: absolute; z-index: 1; left: 0; bottom: 30px; display: flex; justify-content: center; align-items: flex-end; align-content: flex-end;flex-wrap: wrap; text-align: center;}
.tx_box p{font-size: 24px;font-weight: bold; width: 100%;}
.tx_box span{display: block; margin-top: 20px; width: 100%;}
.tx_box span h1{font-size: 58px; font-weight: bold; line-height: 1;}
.tx_box span h2{font-size: 18px;}
.tx_box em{display: flex; align-items: center; justify-content: center; margin-top: 20px; margin-bottom: 20px;}
.tx_box em i::before{ content: "\e8fa";}
.nav_item:nth-child(1) .tx_box em{background: linear-gradient(to bottom,#5cd5bf,#1091d7);-webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.nav_item:nth-child(2) .tx_box em{background: linear-gradient(to bottom,#fd9e97,#fc727d);-webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.nav_item:nth-child(3) .tx_box em{background: linear-gradient(to bottom,#7c77fc,#5456fe);-webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.nav_item:nth-child(4) .tx_box em{background: linear-gradient(to bottom,#feb164,#fd763b);-webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.nav_item:nth-child(5) .tx_box em{background: linear-gradient(to bottom,#6d92ff,#4a78ff);-webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.nav_item:nth-child(6) .tx_box em{background: linear-gradient(to bottom,#42cc7c,#00b04a);-webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.copyright{text-align: center; color: #999; height: 100px; }

.wrap{width: calc(100% - 60px); margin: 0 auto; margin-top: 30px; display: flex; justify-content: flex-end;}

.left_nav{width: 200px;height: calc(100% - 162px);background:#153073; border-radius: 10px; overflow-y:hidden;position: relative; box-shadow: 0 0 20px rgba(0,85,255,.2); position: fixed; left: 30px; top: 132px;}
.menu_box::-webkit-scrollbar{width:0px; height:0;}
.entxt{width: 200px; margin: 0 auto;  margin-top: 30px;}
.menu_box{ width: 160px; margin: 0 auto; margin-top: 20px;height: calc(100% - 200px);overflow-y: auto;}
.menu_box a{color: #fff; display: block; width: 100%;text-align: center; font-size: 18px; transition: 0.3s; height: 46px;line-height: 46px; border-radius: 8px; overflow: hidden; margin-top: 10px;}
.menu_box>ul>li>a:hover{background: #fff; color: #ee7801;}
.navMenu>li>a.active{background: #fff; color: #ee7801;}
.sub-menu a:hover{color: #ee7801;}
.active{background: #fff; color: #ee7801;}

.navMenu>li>a{ display: block; overflow: hidden; padding-left: 0px; line-height: 40px; transition: all .3s; position: relative; text-decoration: none;}
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear:}
.sub-menu li a{ font-size: 16px; line-height: 30px; height: 30px;}

.links{height: auto;}
.links span{display: flex; justify-content: center;}
.links span a{display: block; width: 38px;height: 38px;border: 1px rgba(255,255,255,.4) solid; border-radius: 50%; overflow: hidden; text-align: center; line-height: 38px; color: #fff; margin: 0 6px; transition: 0.3s;}
.links span a:hover{border: 1px #fff solid;}
.links span a i{font-size: 16px;}
.links span a:nth-child(1) i::before{content: '\e749';}
.links span a:nth-child(2) i::before{content: '\e8b8';}
.links span a:nth-child(3) i::before{content: '\e856';}
.links p{color: #fff;text-align: center; margin-top: 10px;}

.rame_left{ width:100%; position: absolute; left: 0; bottom: 30px; padding: 0; border: 0; height: 72px!important; }

.wrap>.right_content{width: calc(100% - 230px);  margin-top: 102px; margin-bottom: 30px;height: calc(100vh - 162px);
	overflow-y: auto;}

.adds{width: 100%;height: 52px; box-sizing: border-box;background: #e7efff; border: 1px #b4ccff solid; border-radius: 10px; display:flex;align-items: center;}
.adds a{color: #153073; font-size: 20px; margin-left: 20px;}
.adds a::before{ content: "\e749";}
.adds i{color: #aaa; margin: 0 10px; font-size: 16px; line-height: 1;}
.adds p{font-size: 24px;color: #000;}

.reladd{height: 60px;line-height: 60px; font-size: 18px;font-weight: bold; color: #153073; display: flex; align-items: center;}
.reladd h1{ display: flex; align-items: center;}
.reladd em{display: flex;align-items: center; justify-content: center; width: 12px;height: 12px; border-radius: 50%;background: linear-gradient(to right,#3952f5,#0082f4); overflow: hidden; margin-right: 8px;}
.reladd em i{display: block; width: 6px;height: 6px;background: #fff; border-radius: 50%;}
.rel_content{width: 100%; box-sizing: border-box; padding:20px;background: #fff; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,.2); margin-bottom: 10px;}

.shaixuan{display: flex; justify-content: space-between; margin-top: 20px;}
.select{display: flex; flex-wrap: wrap;}
.select_item{display: flex; position: relative; margin-right: 20px; margin-bottom: 10px;}
.select_item_left{height: 36px; line-height: 36px; background: #edf0f3;border: 1px #ced4da solid; border-radius: 3px 0 0 3px;  padding: 0 8px;min-width: 70px;text-align: center;}
.down{height: 36px; line-height: 36px;border: 1px #ced4da solid; border-radius: 0px 3px 3px 0px; border-left: 0; padding: 0 10px; display: flex; align-items: center; min-width: 160px; justify-content: space-between;}
.down i{font-size: 12px;}
.down i::before{content: "\e65c";}

.open_nav{position: absolute; right: 0; width: 180px; top: 38px; border: 1px #ced4da solid; border-radius: 3px; display: none; background: #fff; max-height: 240px; overflow-y: auto; z-index: 999;}
.open_nav span{display: block; box-sizing: border-box; padding: 0 10px;height: 40px; line-height: 40px; transition: 0.3s; cursor: pointer;}
.open_nav span:hover{background: #edf0f3;}
.shuru{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	display: block;
	border: 1px #ced4da solid; border-radius: 0px 3px 3px 0px;
	border-left: 0;
	padding: 0 10px;
	width: 160px;
}
.xuanze{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	display: block;
	border: 1px #ced4da solid; border-radius: 0px 3px 3px 0px;
	border-left: 0;
	padding: 0 10px;
	width: 180px;
    padding-right: 20px;
	background: url(../img/xia.png) center right 10px no-repeat;
	background-size: 12px;
}
.ashuru{border-radius:0; width: 110px;}
.zhongjian{height: 36px; line-height: 36px;border: 1px #ced4da solid;border-left: 0; background: #edf0f3; width: 40px;text-align: center;}

.btns{display: flex;}
.btns a{display: block; width: 90px;height: 38px; line-height: 38px;text-align: center; border-radius: 3px; color: #fff; margin-left: 10px; transition: 0.3s;background: #5c94c5;}
.btns a:hover{background: #3376b0;}

.btns span{display: block; width: 90px;height: 38px; line-height: 38px;text-align: center; border-radius: 3px; color: #fff; margin-left: 10px; transition: 0.3s; cursor: pointer;}
.btns span.btn_lanse{background: #0181f4;}
.btns span.btn_lanse:hover{background: #0064be;}
.s_title{font-size: 18px; font-weight: bold;color: #153073; display: flex; align-items: center;}
.s_title span,.s_title i{ color: #666;}
.s_title i{ padding: 0 10px;}
.s_title span.on{color: #153073;}
.s_title span{ cursor: pointer;}

.xian_box{width: 100%;margin-bottom: 20px;}
/*xian_box.active{display: block;}*/
.xian_title{text-align: center; font-size: 18px; margin-top: 20px;}

.picbox{width: 100%; border: 1px #ced4da solid; box-sizing: border-box; border-top: 0;}
.pic_title{width: 100%;height: 40px; line-height: 40px;background: #edf0f3;border-bottom: 1px #ced4da solid; box-sizing: border-box;padding: 0 20px; font-size: 16px;font-weight: bold;}
.pics{display: flex; flex-wrap: wrap; box-sizing: border-box; padding: 20px; padding-top: 0;}
.pics span{display: block; width: calc(25% - 15px); margin-right: 20px; margin-top: 20px; overflow: hidden;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.pics span:nth-child(4n){margin-right: 0;}
.pics span img{width: 100%;height: 200px;}
.pics span p{text-align: center; height: 32px; line-height: 32px;}
.mtop10{ margin-top: 10px;}
.table_container{width: 100%; position: relative; margin-top: 20px;}
.table{width: 100%;table-layout: fixed;}
.table th{height: 40px; padding: 15px; box-sizing: border-box;text-align: center;border: 1px #ced4da solid; font-size: 16px; min-width: 60px;background: #edf0f3;}
.table td{text-align: center;border: 1px #ced4da solid; box-sizing: border-box; padding:10px; line-height: 24px;word-break: break-all;}
.table tr{background: #fff;}
.table tr:nth-child(2n){background: #fff;}

/*.table tr th:last-child,.table tr td:last-child{ width: 110px;}*/
/*.table.tow tr th:last-child,.table.tow tr td:last-child{ width: 200px;}*/
.table td>a{ color: #153073;}
.caozuo{ display: flex; justify-content: center; width: 100%;}
.caozuo a{width: 74px; height: 28px; line-height: 28px; color: #fff; background-color: #5c94c5; border-radius: 5px; text-align: center; margin: 0 5px;}
.caozuo a:hover{ background-color:#3376b0 ;}

.dis{ display: flex; justify-content: center; flex-wrap: wrap;}
.fenye{ display: flex; justify-content: flex-end; margin-top: 30px;}

.luru{ width: 100%; margin-top: 20px;border: 1px #ced4da solid; border-radius: 15px;overflow: hidden;}
.lrtable{width: 100%; font-size: 16px; background-color: #fff;}
.lrtable tr:nth-child(1){ background-color: #eaeaea;}
.lrtable tr th{padding: 0 20px; box-sizing: border-box; font-weight: normal; font-size: 16px;}
.lrtable tr td{border: 1px #ced4da solid; border-top: none; border-right: none; box-sizing: border-box; padding:0 20px;vertical-align: top; line-height: 24px;word-break: break-all; line-height: 24px;}
.lrtable tr td:nth-child(1){ border-left: none;}
.lrtable tr:last-child td{ border-bottom: none;}
.lrth{ width: 100%; display: flex; height: 64px; align-items: center; justify-content: space-between;}
.lrth h1{ font-weight: bold;font-size: 20px;}
.lrti{ color: #555; padding: 13px 0;}
.lrtable tr td select{  
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	display: block;
	border-left: 0;
    padding-right: 26px;
	background: url(../img/xia1.png) center right 10px no-repeat;
	background-size: 12px;
	height: 50px; line-height: 50px;}
.lrtable tr td input,.lrtable tr td select,.lrtable tr td textarea{ border: none; font-size: 16px;vertical-align:middle;display: block;}
.lrtable tr td input::-webkit-input-placeholder,.lrtable tr td textarea::-webkit-input-placeholder{color: #999;}
.lrtd1 input,.lrtd1 select,.lrtd1 textarea{ width: 100%; display: block; line-height: 50px; min-height: 50px;}
.lrtd1 textarea{ height: 50px;}
.lrtable tr td textarea{resize:none; line-height: 22px; box-sizing: border-box; padding: 13px 0;}
.lrtd1{ color: #000; display: flex; min-height: 50px; align-items: center;}
.lrtd1 i{width: 40px; text-align: center;}
.lrtd2,.lrtd4{ display: flex; width: 100%; justify-content: space-between; align-items: center; flex-flow: wrap;min-height: 50px;}
.lrtd4 input{width: 50%;}
.lrtd4 select,.lrtd4 i{ width: calc(50% - 20px);}
.lrtd4 i{ color: #999;}
.lrtd2 input{ width: calc(50% - 20px);  display: block;}
.lrtd2 select{  min-width: 50%;}
.lrtd2 i{ width: 40px;}
.anniu{ display: flex; font-weight: normal;}
.anniu a{height: 38px; line-height: 38px; color: #fff; background-color: #5c94c5; border-radius: 5px; text-align: center; margin-left: 15px;padding: 0 12px;}
.anniu a:hover{ background-color:#3376b0 ;}

.lrxz{ display: flex; align-items: center; flex-wrap: wrap; min-height: 50px;}
.lrxz p{display: flex; align-items: center; margin-right: 24px;}
.lrxz label{ display: flex; align-items: center; margin-right: 12px; cursor: pointer; position: relative;}
.xk label{ display: flex; align-items: center;cursor: pointer; width: 16px;}

.xk{ margin: 0 auto;width: 16px;}
.xk .b-radio{display: inline-block;border: none;width: 16px;height: 16px;position: relative;border-radius: 3px;caret-color: transparent; background-color: #fff; border: 1px solid #ced4da; box-sizing: border-box;}
.xk .b-radio:before { content: '';font-size: 0;caret-color: transparent;width: 16px;height: 16px;border: none;position: absolute;border-radius: 3px;display: none;background: url(../img/dh.png) center center #5c94c5 no-repeat; background-size: 100%; color: #fff;border: 1px solid #5c94c5; box-sizing: border-box;}
.num-li:checked~.b-radio:before {display: block;}
.b-radio{display: inline-block;border: none;width: 16px;height: 16px;position:relative;border-radius: 100%;caret-color: transparent;background: url(../img/dh.png) center center #ccc no-repeat; background-size: 60%;}
.b-radio:before { content: '';font-size: 0;caret-color: transparent;width: 16px;height: 16px;border: none;position: absolute;border-radius: 100%;display: none;background: url(../img/dh.png) center center #1c4789 no-repeat; background-size: 60%; color: #fff;}
.lrtijiao{ width: 100%; display: flex; margin-top: 40px; justify-content: flex-end;}
.tijiao{ color: #fff; font-size:24px; width: 196px; height: 55px; line-height: 55px; text-align: center; display: block; border-radius: 5px;}

.z_photo,.tubox{overflow: auto;clear: both; background-color: #fff; box-sizing: border-box;overflow: hidden; width: 100%; padding: 8px 0;}
.pj2{ width:100%;}
.pj2>div,.tubox li{ width: 80px; height: 80px; box-sizing:border-box;float: left; margin: 5px 0; margin-right: 20px;}
.pj2 img,.tubox li img{ width: 100%; height: 100%; display: block;}
.z_addImg{ position: relative; z-index: 4;}
.z_addImg p{ position: absolute; z-index: 6; width: 16px; height: 16px; right: 0; top: 0; background:url(../img/gb.png) center no-repeat rgba(0,0,0,0.4); background-size: 80%;}
.z_file{ background: url(../img/z_add.png) no-repeat; background-size: 100% 100%; }
.z_file input::-webkit-file-upload-button {width: 80px; height: 80px; border: none; position: absolute;outline: 0; opacity: 0; }
.z_file input#file {display: block;width: auto; border: 0; vertical-align: middle; font-size: 0;}

.lrfy{ width: 100%; display: flex; flex-direction: column; padding: 6px 0;}
.lrfybox{ width: 100%; display: flex;height: 36px; align-items: center; color: #000; justify-content: space-between;}
.lrfybox input{ height: 36px; line-height: 36px; width: 40%;}
.lrfybox i{ font-size: 17px; color:#999; width: 20px; height: 20px;border: 1px solid #999; line-height: 18px; text-align: center; display: block; border-radius: 3px; cursor: pointer; margin-left: 10px;}
.lrfybox i:hover{border: 1px solid #5d95c4;color:#5d95c4;}
.lrfybox span{ width: 20px; text-align: center; margin-right: 10px;}
.tuceng{position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:9995;width:100%;height:100%;display:none;}

.ddxq{ width: 100%;}
.ddxq table{ table-layout: fixed; width: 100%;}
.ddxq table tr td{ border: 1px solid #e9e9e9; background-color: #fafafa; height: 24px; padding: 10px 30px; line-height: 24px; font-size: 16px;}
.ddxq table tr td:nth-child(2n){ background-color: #fff;}

.num-li{display: none!important;}

.dibox{ width: 100%; margin-top: 30px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.dileft{ display: flex; align-items: center; flex-wrap: wrap;}
.dileft .gxtiao{display: flex; align-items: center; margin-right: 30px;}
.dileft .xk{ margin-right: 12px;content: '';font-size: 0;caret-color: transparent;width: 16px;height: 16px;border: none;border-radius: 3px;background: url(../img/dh.png) center center #5c94c5 no-repeat; background-size: 100%; color: #fff;border: 1px solid #5c94c5; box-sizing: border-box;}
.jisuan{ display: flex; align-items: center;}
.jisuan span{ margin-right: 12px;}
.jisuan span b{ font-size: 18px;}

.piaoduo{ width: 100%; display: flex; align-items: center; padding: 0 10px; box-sizing: border-box; justify-content: space-between;}
.phbox{ display: flex; flex-direction: column; padding-left: 20px; width: 100%; box-sizing: border-box; padding-right: 10px; margin-top: 10px;}
.phbox li,.phcon li{ display: flex; align-items: center; font-size: 14px; height: 38px;}
.phbox li .xk{margin:0; margin-right: 12px; }
.phcon{display: flex; flex-direction: column;width: 100%; box-sizing: border-box; margin-top: 10px;}
.tabtop tr td{ vertical-align: top;}
.phcon li{ display: flex; align-items: center; font-size: 14px; height: 38px; justify-content: center;}

.duiqi{ justify-content: space-between;}
.duiqi h1{ font-weight: bold;}
.duiqi .anniu{ font-size: 16px;}

 /*遮罩层弹窗*/
.z_mask{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;z-index: 9996;display: none; color:#000;}
.tcbox{ width:400px; margin:0 auto; box-sizing:border-box; margin-top:30px; padding-bottom:50px; display:flex; flex-direction: column; font-size:16px;}
.inputbox{ display:flex; width:100%;justify-content: space-between;align-items: center; height:44px; margin-top:10px;}
.inputbox label{ width:85px;text-align: left;}
.inputbox>p,.inputbox select{ border:1px solid #cecfcf; box-sizing:border-box; height:44px; padding-left:20px; padding-right:14px; width:310px; border-radius:5px;}
.inputbox select{ border:1px solid #cecfcf; box-sizing:border-box; height:44px; padding-left:20px; padding-right:20px;  width:310px; border-radius:5px;font-size:16px; background:none;}
.inputbox>p input{ border:none; height:100%; width:100%; box-sizing:border-box; font-size:16px; background:none;}
.inputbox span{width:310px;justify-content: space-between;align-items: center;height:44px; display:flex;}
.inputbox span p{ width:calc(50% - 5px)!important;display:flex;justify-content: space-between;align-items: center; height:100%;}
.inputbox span p input{ margin-right:10px;}
.tctit{ width:100%; background-color:#5d95c4; color:#fff; height:60px; line-height:60px;display:flex;}
.tctit h1{font-size:18px; padding-left:20px;}
.z_alert{width:620px; max-width: 90%;border-radius: 20px;background: #f6f9ff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); box-sizing: border-box; overflow:hidden; }
.tcanniu{width:376px;justify-content: space-between;align-items: center;height:48px; font-size:20px; margin:0 auto; margin-top:40px; display:flex;}
.tcanniu span{width: 170px; height: 48px; line-height: 48px; text-align: center; border-radius:5px; color: #fff; background-color: #666; cursor: pointer;}
.inputbox>p input::-webkit-input-placeholder{color: #999;}
.inputbox h2{ font-size:18px; width:100%; text-align:center;}

.xlhlist,.xlhlist table{ width:100%;}
.xlhlist th{ background:#fafafa; border-bottom:1px solid #e8e8e8;padding:8px 20px; font-size:16px;}
.xlhlist td{ border-bottom:1px solid #e8e8e8; padding:10px 20px; height:28px; line-height:28px;}
.xlhlist th:last-child{ text-align:center;}
.caozuo1{ width:100%; display:flex;justify-content:center;align-items: center; height:28px;}
.caozuo1 a,.caozuo1 span,.caozuo1 p{ height:100%; box-sizing:border-box; margin:0 5px; font-size:14px; border-radius:3px; cursor:pointer;transition: 0.3s;}
.caozuo1 a,.caozuo1 span{ border:1px solid #ccc; color:#666;padding:0 12px;}
.caozuo1 a:hover,.caozuo1 span:hover{ color:#153073;border:1px solid #153073;}
.caozuo1 p{ padding:0 12px; color:#fff; font-size:15px;}
input::-webkit-input-placeholder{color: #999;}

.borno input{ border: none; font-size: 16px;}

.quanxian{width: 100%; box-sizing: border-box; padding: 30px; font-size: 16px; font-weight: bold;}
.choose{display: flex; align-items: center; cursor: pointer;}
.choose label{display: block; cursor: pointer; font-weight: bold;margin-left: 5px;}
.limit input{

   outline:none;
   appearance:none;
   -moz-appearance:none;
   -webkit-appearance:none;
   -ms-appearance:none;
   padding: 0;
   margin: 0;
   border: none;
   width: 100%;
   height: 100%;
   background: #eee;
   display: block;
   width: 14px;
   height: 14px;
   box-sizing: border-box;
   margin-right: 5px;
   border: 1px #aaa solid;
   margin-top: 40px;

}
.limit input:checked{background: #2ca300;border: 1px #2ca300 solid;}

.navTree{float: left; width: 100%; position: relative; background: url(../img/line_v.png) repeat-y  10px 0; margin-top:10px;}

.nav1{display: flex; align-items: center; overflow: hidden; cursor: pointer; float: left; margin-left: 8px;margin-top: 30px;}
.nav1 label{display: block; cursor: pointer;margin-left: 5px; }
.nav1 span{display: block; width: 5px; height: 9px; background: url(../img/j.png) no-repeat; background-size: 100% 100%;}
.nav1 i{display: block; width: 10px; height: 1px; background: url(../img/line_w.png) repeat-x;}

.navDown{float: left; width: 100%; position: relative; background: url(../img/line_v.png) repeat-y  10px ; margin-top:2px; margin-left: 20px;}
.nav2{display: flex; align-items: center; overflow: hidden; cursor: pointer; float: left; margin-left: 8px;margin-top: 15px;}
.nav2 label{display: block; cursor: pointer; color: #555;margin-left: 5px; }
.nav2 span{display: block; width: 5px; height: 9px; background: url(../img/j.png) no-repeat; background-size: 100% 100%;}
.nav2 i{display: block; width: 10px; height: 1px; background: url(../img/line_w.png) repeat-x;}

.navDownLast{float: left; width: 100%; position: relative;margin-left: 15px;}
.nav3{display: flex; align-items: center; overflow: hidden; cursor: pointer; float: left; margin-left: 12px; margin-top: 15px; font-size: 14px;}
.nav3 label{display: block; cursor: pointer; color: #999; margin-left: 5px;}

.bdlist{ width: 100%; margin: 0 auto;  font-size: 16px; margin-top: 30px;}
.bdlistbox{ display: flex; margin-top: 20px; }
.bdlistbox h1{ line-height: 20px; padding: 10px 10px; width: 100px; text-align: right; margin-right: 20px;}
.bdright{ width: calc(100% - 140px); display: flex; flex-wrap: wrap;}
.bdright input.bdkuang{ width: 100%; height: 40px; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 3px; padding:0 20px; font-size: 16px;}
.bdright h2{ width: 100%; font-size: 14px; line-height: 18px; color: #999;}
.bdright .lrxz{ min-height: auto; height: 40px;}
.bdtu{ position: relative; width: 100px; height: 100px; z-index: 5;}
.bdtu img{ width: 100%; height: 100%;}
.bdsctu{ position: absolute; z-index: 6; left: 0; top: 0; width: 100px; height: 100px;  opacity: 0; font-size: 0;}
/* .conter th,.conter td{ text-align: center;} */

.minh{ min-height:calc(100vh - 284px);}
.cor1{ color: #e73018;}
.cor2{ color: #11ac56;}
.cor3{ color: #153073;}
.cor4{ color: #ee7801;}
.bj1{ background-color: #2ac870!important;}
.bj1:hover{ background-color: #0ebf5d!important;}
.bj2{ background-color: #2ac870!important;}
.bj2:hover{ background-color: #0ebf5d!important;}
.bj3{background: #f4881b!important;}
.bj3:hover{background: #ee7801!important;}
.bj4{ background-color: #153073!important;}
.bj4:hover{ background-color: #0b2360!important;}
.bj0{ background-color: #5d95c4!important;}
.bj0:hover{ background-color: #3376b0!important;}
.bj5{ background-color: #666!important;}
.bj5:hover{ background-color: #444!important;}
.bj6{ background-color: #ff616d!important;}
.bj6:hover{ background-color: #ea3543!important;}

.caozuo a.bj5{ cursor:not-allowed;}

@media only screen and (max-width:1700px) {
	.lrtable,.lrtable tr th,.lrtable tr td input,.lrtable tr td select,.lrtable tr td textarea{font-size: 15px;}
}
@media only screen and (max-width:1600px) {
	.table tr td{ font-size: 12px;}
	.table tr th{ font-size: 13px;}
	.lrtable,.lrtable tr th,.lrtable tr td input,.lrtable tr td select,.lrtable tr td textarea{font-size: 14px;}
@media only screen and (max-width:1400px) {
	.lrti{ font-size: 12px;}
}
@media only screen and (max-width:1200px) {
	.login_right{ width: 50%;}
	.logo_tx h2{ font-size: 50px;}
	.lrtable,.lrtable tr th,.lrtable tr td input,.lrtable tr td select,.lrtable tr td textarea{font-size: 12px;}
}