/**
* Lianb Version3.0.1.1
* ==============================
* Copy 2014-2025
* Web: www.lianb.com.cn
* ==============================
* Author Zou QingYun
* Date 2023-10-14
 */

body{
	width:100%;
	min-height: calc(100vh);
	display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: column;
	flex-wrap: nowrap;
    justify-content:space-between;	
	align-items:stretch;
}
li {
	list-style:none;
}
button:hover {
    cursor: pointer;
}
.manage_top{
	display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: row;
    justify-content:space-around;
	align-items:center;
	width:100%;
	height:60px;
	background:#000088;
 	filter:alpha(opacity=80);  
    -moz-opacity:0.8;  
    -khtml-opacity: 0.8;  
    opacity: 0.8;
	position:fixed;	
}
.witp_top{
	display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: row;
    justify-content:space-around;
	align-items:center;
	width:100%;
	height:60px;
	background:#008080;
 	  
    
}
.logotext{
	width:auto;
	font-size:30px;
	color:#EEEE00;
	font-weight:bold;
}
#tel{
	height:70%;
	flex-grow:0;
}
.magtoptext{
	width:auto;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	padding:18px 0 0 0;
}
.magtoptext a:hover{
	text-decoration:underline;
	cursor:pointer;
}

#bottombody{
	display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: row;
	justify-content:space-between;
	align-items:flex-start;
	width:100vw;
	box-sizing: border-box;
	border-style: solid none none; 
	border-color: #003377;
	border-width: 3px;
	flex-grow:1;
}
#witpBottombody{
	width:100%;
	min-height:calc(100vh - 62px);	
	box-sizing: border-box; 
	border:3px solid #008080;
	border-left-style:none;
}
.butler_left_menu{
	display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	width:200px;
	min-height:100%;
	text-align:center;
	box-sizing: border-box; 
	background:#99BBFF;
	overflow:hidden;
	flex-grow:1;
	position:fixed;
	margin-top:58px;
}
.witp_left_menu{
	width:12%;
	min-height:calc(100vh - 68px);	
	height:auto;
	float:left;
	text-align:center;
	box-sizing: border-box; 
	background:#008080;
}
.title{
	width:100%;
	background:#003377;
	color:#FFF;
	border-radius:5px;
	cursor:pointer;
}
.ULlist{
	background:#99BBFF;
}
.wpULlist{
	background:#006699;
}
li:hover{
	cursor:pointer;
	color:#900;
	font-weight:bold;
	background:#FFF;	
}
.liOn{
	color:#900;
	font-weight:bold;
	background:#FFF;
	border:2px solid #ff0000;
	box-sizing: border-box;
}
.mngbodyRight{
	display: flex;
	flex-direction:column;
	margin-left:205px;
	justify-content:center;
	align-items:center;	
	flex-wrap:nowrap;
	flex-grow:1;
	align-self:stretch;
	box-sizing: border-box;
}
.queryFm{	
	font-size:16px;
	margin:auto;
	overflow:hidden;
	display:flex;
	flex-direction: column;
	width:95%;
	text-align:center;
	padding:40px 0 20px 0;
}
.queryFmOn{
	font-size:16px;
	margin:auto;
	display:block;
	text-align:center;
	display:flex;
	flex-direction: column;
}

.centerTable{
	display:inline-block;
	text-align:center;
	width:auto;	
	position:relative;
}
.tdLeft{
	text-align:right;
	font-weight:bold;
}
.tdRight{	
	text-align:left;
	padding-left:3px;	
}
.tdCenter{
	text-align:center;	
	color:#696969;	
	background:#F0FFFF;
	padding:0 3px;
}
.tishi{
	width:100%;
	background:#99BBFF;
}

.fontBold{
	text-align:left;
	font-weight:bold;
	margin-bottom:60px;
}
.hide{
	display:none
}
.resultsDIV{
	margin:10px;
	border-top:3px #900 solid;
}
.resultsDIV table{
	width:100%;
}
.resultsDIV td{
	width:auto;
	text-align:center;
	word-break:keep-all; 
	white-space:nowrap;
	padding:0 3px;
}
.resultsDIV th{
	background:#EEE;
	word-break:keep-all; 
	white-space:nowrap;
	padding:0 3px;
}
.PolicyTables{
	display:block;
	text-align:center;
	border-collapse:collapse;	
	width:100%;
	height:100%;
	border:0;
	table-layout:fixed;
}
table.PolicyTables td{
	width:150px;
	height:25px;
	border:1px solid #999;
	overflow:hidden;
}
table.PolicyTables td input{
	width:100%;
	border: 0px;
	outline:none;
	cursor: pointer;
	overflow:hidden;
}
table.PolicyTables td select{
	width:100%;
	height:100%;
	border: 0px;
	outline:none;
	cursor: pointer;
}
table.PolicyTables textarea{
	width:100%;
	height:150px;
	border: 0px;
	outline:none;
	overflow:scroll;
	cursor:pointer;
	padding:3px;
}
.declare{
	color: #EE0000;
	font-size:14px;
	text-align:left;
}
.centerH2{
	text-align:center;
	color:#900;
	margin:30px 0 20px 0;;
}
.titleH3{
	color:#900;
}
.titleh4{
	color:#000000;
}
.productsBox{
	width:100%;
	display: -moz-box;  /* Firefox */ 
	display: -ms-flexbox;    /* IE10 */ 
	display: -webkit-box;    /* Safari */  
	display: -webkit-flex;    /* Chrome, WebKit */ 
	display: box;  
	display: flexbox;  
	display: flex;
    flex-direction: column;
	flex-wrap: nowrap;
	justify-content:center;
	align-items:center;
	margin-top:25px;
}
#productsBox_queryFm{
	display: -moz-box;  /* Firefox */ 
	display: -ms-flexbox;    /* IE10 */ 
	display: -webkit-box;    /* Safari */  
	display: -webkit-flex;    /* Chrome, WebKit */ 
	display: box;  
	display: flexbox;  
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.productShow{	
	width:100%;
	height:auto;	
	margin:20px 0;
	display: -moz-box;  /* Firefox */ 
	display: -ms-flexbox;    /* IE10 */ 
	display: -webkit-box;    /* Safari */  
	display: -webkit-flex;    /* Chrome, WebKit */ 
	display: box;  
	display: flexbox;  
	display: flex;
    flex-direction: row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;	
}

.leftImg{
	width:200px;
	height:100%;
	display: -moz-box;  /* Firefox */ 
	display: -ms-flexbox;    /* IE10 */ 
	display: -webkit-box;    /* Safari */  
	display: -webkit-flex;    /* Chrome, WebKit */ 
	display: box;  
	flex-direction: row;
	justify-content: center;
	align-items:center;
	overflow:hidden;
}
.leftImg img{
	flex-shrink:1;
	width:100%;
}

.rightContent{
	margin-left:1%;
	font-family:��������;
	font:14px;
	color:#666;
	height:auto;
	float:left;	
	height:auto;
	text-align:left;
	flex-grow:1;
}

.red{
	color:#EA0000;
}
.orange{
	color:#FF5809;
}
.black{
	color:#000000;
}

.jiacu{
	font-weight:bold;
}
a:hover{
	cursor:pointer;
}
.hrClass{
    height:2px;
	width:100%;
	margin:5px auto;
	border:none;
	border-top:2px solid #FF5809;
}
.selectShowTable{
	width:100%;
}
.selectShowTable td{
	width:20%;
}

#touLifeInsName{
	color:#FF0000;
	font-size:22px;
	font-weight:bold;
}
.payTable{
	width:100%;
	table-layout: fixed;
	margin:auto;
	text-align:center;
}
.payTable th{
	background:#99BBFF;
	color:#900;
}
.payTable tr{
	height:auto;
}
.payTable td{
	width:auto;
}
.payLifeTable{
	width:90%;
	table-layout: fixed;
	margin:auto;
	text-align:center;
}
.payLifeTable th{
	background:#99BBFF;
	color:#900;
}
.payLifeTable tr{
	height:22px;
}
.payLifeTable td{
	width:auto;
}
.paySheetShowAmount{
	width:85%;
	margin:5px auto 5px auto;
	border:3px solid #DDD;
	padding:5px;
	text-align:left;
}
.paySheetPayDiv{
	width:30%;
	float:right;
}
.myOrderTable{
	width:100%;
	table-layout: fixed;
	margin:auto;
	text-align:center;
	background:#e5e5e5;
	border-radius:5px 5px 0 0;
}
.payOrderA{	
	font-size:13px;
	font-weight:bolder;
	color:#1db69a;
}
.payOrderB{	
	font-size:13px;
	font-weight:bolder;
	color:#1db69a;
}
.page{
	width:90%;
	text-align:right;
	font-size:14px;
	font-family:΢���ź�;

}
.page a{
	display:inline-block;
	padding:0 12px;
	border:1px solid #e6e6e6;
	border-radius:2px;
	color:#333;
	text-decoration:none;
	margin-right:12px;
}
.page a:hover,.page .onthis{
	background:#1db69a;
	color:#fff;
	border:1px solid #1db69a;
}
.span{
	color:#666;
	margin-right:12px;
}
.topTag{
	width:100%;
	color:#FFFFFF;
	font-size:16px;
	font-family:΢���ź�;
	font-weight:bold;
	background:#1db69a;
	border-radius:5px 5px 0 0;
	margin-top:15px;
	padding-top:5px;
	text-align:left;
}
.topTagFlexDiv{
	display: flex;
	flex-direction: row ;
	width:100%;
	justify-content:space-around;
	height:30px;
}
.topTag span{
	padding:0 3px;
}
.topTag span:hover{
	color:#CC0000;
	background:#FFF;
	cursor:pointer;
	border-radius:3px 3px 0 0;
	padding:0 3px;
}
.onSpan{
	color:#CC0000;
	background:#FFF;
	cursor:pointer;
	border-radius:3px 3px 0 0;
	padding:0 3px;
}
.zengDa{
	font-weight:bolder;
}
#HideAgree{
	display:none;
	padding:8px;
	border:2px solid #99BBFF;
	border-radius: 5px;
	width:45%;
	height:auto;
	max-height:50%;
	background:#FFFFFF;
	color:#1db69a;
	position:fixed;
	overflow-x:hidden;
    overflow-y:auto;
	z-index:9;
}
.helpImgPng{
	vertical-align:middle;
	width:20px;
	height:20px;
	cursor: pointer;
}
.orderTag{
	display: flex;
	flex-direction: column;
	justify-content:space-around;
	width:100%;
	font-size:1em;
	font-family:΢���ź�;
	background-color:rgba(221,221,221,0.5);
}
.P0_31Table{
	display: flex;
	flex-direction:column;
	width:95%;
	margin:auto;
	font-family:YouYuan;
}
.P0_31Table span{
	cursor: pointer;
}
#goodsTypeDiv{
	border-top:1px dashed #1db69a;
}
#filter_jiaYiGuZhu{
	border-top:1px dashed #1db69a;
}
#seatsTypeDiv{
	border-top:1px dashed #1db69a;
}
#filter_chaoPei{
	border-top:1px dashed #1db69a;
}
#filter_huoXian{
	border-top:1px dashed #1db69a;
}
#goodsAmountDiv{
	border-top:1px dashed #1db69a;
}
.P0_31Table_2{
	display: flex;
	flex-direction:row;
	justify-content:space-around;
}
.vehTypeDiv{
	display: flex;
	flex-direction:row;
	width:100%;
	justify-content:space-around;
	border-top:1px dashed #1db69a;
}
.goodsTypeDiv{
	display: flex;
	flex-direction:row;
	width:100%;
	justify-content:space-around;
}
.goodsAmountDiv{
	display: flex;
	flex-direction:row;
	width:80%;
	justify-content:space-around;
}
.chaoPeiFilterDiv{
	display: flex;
	flex-direction:row;
	width:90%;
	justify-content:space-around;
}
.huoXianFilterDiv{
	display: flex;
	flex-direction:row;
	width:90%;
	justify-content:space-around;
}
.markNameDiv{
	display: flex;
	flex-direction:row;
	width:100%;
	justify-content:space-around;
	border-top:1px dashed #1db69a;
}
.seatsTypeDiv{
	width:100%;
}
.seatsSpanDiv{
	display: flex;
	flex-direction:row;
	width:60%;
	justify-content:space-around;
}
.orderTag span{
	cursor: pointer;
}
.orderOn{
	color:red;
	font-weight:bold;
}

#flashMsg{
	cursor: pointer;
}
.msgDiv{
	width:86%;
	margin:auto;
}
.msgDiv th{
	background:#1db69a;
	color:#FFFFFF;
}
.msgShowDiv{
	border-radius:3px;
	width:90%;
	font-size:14px;
	background:#F5F5F5;
	color:#696969;
	padding:10px 5px;
	text-align:left;
}
.spanWidth{
	display:inline-block;
	width:48%;
	height:28px;
	text-align:center;
	background:#CCC;
	border-bottom:2px solid #999;
	border-top:2px solid #CCC;
	box-sizing:border-box;
}
.spanWidthOn{
	display:inline-block;
	width:48%;
	height:28px;
	text-align:center;	
	color:red;
	background:#FFFFFF;
	font-weight:bold;
	border:2px solid #999;
	border-bottom:none;
	box-sizing:border-box;
}
.es-list{
	display:block;
	position:absolute;
	padding:0;margin:0;
	border:1px solid #d1d1d1;
	display:none;z-index:1000;
	background:#fff;
	max-height:200px;
	overflow-y:auto;
	-moz-box-shadow:0 2px 3px #ccc;
	-webkit-box-shadow:0 2px 3px #ccc;
	box-shadow:0 2px 3px #ccc
}
.es-list li{
	display:block;
	padding:2px 3px;margin:0
}
.es-list li.selected{background:#f3f3f3}
#showVekInsDiv{
	margin:auto;
	width:90%;
	padding:2px;
	text-align:left;
}
#showVekInsDiv img{
	max-width: 100%;
	height: auto;
}
#oneMoreSheet{
	display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: column;
    justify-content:space-around;
	align-items:center;
	width:auto;
	height:calc(20vh);
}
#oneMoreBtnDiv{
	display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: flex-start;
    justify-content:space-around;
	align-items:center;
	width:40%;
}

.myOrderTitleDiv{
	display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction:row;
 	justify-content:space-around;
	background:#1db69a;
	align-items:baseline;
	border-radius: 5px 5px 0 0;
}
.btnFindclass{
	width:50px;
	height:25px;
	background-color:#FFF;
	color:#BB0000;
	font-size:14px;
	font-weight:bold;
	border-color:#FFF;
	cursor:pointer;
}
.findInput{
	height: 25px;
	width: 150px;
	line-height:25px;
	padding:0 2px;
	font-size:14px;
}

.memberInput{
	width:90%;
	text-align:center;
	margin:15px auto 0 auto;
}
.waitDiv{
	position:fixed;
	top:0;
	left:0;
	display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction:row;
	justify-content:center;
	align-items:center;
	z-index:100;
	width:100vw;
	height:100vh;
	background:rgba(255, 255, 255, 0.8);
}
.loadingGifDiv{
	width:auto;
	height:auto;
}
.loadingImg{
	display:block;
	width:75px;
	align-self:center;
}
/* 车辆信息相关样式 */
.vehicle-item {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    position: relative;
	width:100%;
	background:#006699;
}

.vehicle-item:nth-child(even) {
    background-color: #f5f5f5;
}

.vehicle-header {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.vehicle-detail-form {
	position: relative;
}

.vehicle-detail-form table {
    font-size: 14px;
}

.vehicle-detail-form td {
    padding: 4px 8px;
    vertical-align: middle;
}

/* 车辆列表容器样式 */
#vehicleListContainer {
    scrollbar-width: thin;
    scrollbar-color: #ccc #f5f5f5;
}

#vehicleListContainer::-webkit-scrollbar {
    width: 8px;
}

#vehicleListContainer::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 4px;
}

#vehicleListContainer::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
}

/* 按钮样式增强 */
.addVehicleBtn {
    margin-left:20px;
	background:#4CAF50;
	color:white;
	border:none;
	padding:5px 10px;
	border-radius:3px;
}
.vehicle-display-index{
	display: inline-block;
	width:40px;
	color:#FF8800;
}
.vehicle-display-plate{
	display: inline-block;
	width:120px;
}
.edit-vehicle-btn:hover {
    background-color: #0b7dda;
}
.delete-vehicle-btn {
	width:50px;
	padding:1px 10px;
	box-sizing: border-box;
	border-radius: 3px;
}
.delete-vehicle-btn:hover {
    background-color: #e66565;
}

.save-vehicle-btn {
	background:#4CAF50;
	color:white;
	border:none;
	padding:4px 15px;
	border-radius:3px;
	cursor:pointer;
}
.save-vehicle-btn:hover {
	cursor:pointer;
}
.cancel-edit-btn {
	color:white;
	border:none;
	padding:4px 15px;
	border-radius:3px;
	cursor:pointer;
	margin-left:10px;
    background-color: #8a8a8a;
}
.cancel-edit-btn:hover {	
	cursor:pointer;
}
.flexTd{
	width:100%;
    margin-top:25px;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
}
/* 状态提示样式 */
.vehicle-count {
    font-weight: bold;
    color: #FF8800;
}

.vehicle-limit-warning {
    color: #f44336;
    font-size: 12px;
    margin-left: 10px;
}
#vehTouMutil-3{
	position: relative;
}						
						
.creatOderTbody{
	width:100%;
	margin:auto;
}
.addVehTbody{
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	z-index: 99 !important;
	max-width: 90vw !important;
	max-height: 90vh !important;
	overflow: auto !important;
	background: #DDD !important;
	border: 2px solid #cccccc !important;
	border-radius: 10px !important;
	padding: 20px !important;
	box-shadow: 0 5px 20px rgba(0,0,0,0.3) !important;
	box-sizing: border-box;
}
.vehicleTemplateTitle{
	width:100%;
	text-align:right;
	padding-right:20px;
}
.close{
	margin-bottom: 10px;
}
.close:hover{
	cursor:pointer;
}
.vehicle-plate-input{
	width:100px;
	padding:5px;
	border:1px solid #ddd;
	border-radius:3px;
	text-transform:uppercase;
}
.vehicle-vin-input{
	width:250px;
	padding:5px;
	border:1px solid #ddd;
	border-radius:3px;
	text-transform:uppercase;
}
.vehicle-type-input{
	width:200px;
	padding:5px;
	border:1px solid #ddd;
	border-radius:3px;
}
.no-vehicles{
	color:#F10000
}