.searchBox {
	width:100%;
	border-radius: 4px;
	position: relative;
	height:200px;
	margin-top:20px;
	background-color: #fff;
}
.searchBox .title{
	width:100%;
	height:40px;
	background-color: #004193;
	position: absolute;
	top:0px;
	left:0px;
	color:#fff;
	padding-left:20px;
	line-height: 40px;
	box-sizing: border-box; /* 设置盒模型为边框盒 */
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.selectedrow{
	width:260px;
	margin-left:15px
}
.selectedrow .selected-start{
	width:300px;
}
.searchbtn {
    background-color:#d32c36;
	height:45px;
	line-height: 45px;
	border-radius: 20px;
	width:280px;
	position: absolute;
	bottom:20px;
	right:460px;
	color:#fff;
	text-align: center;
	cursor: pointer;
	font-size: 16px;
}
.searchbtn:hover {
	opacity: .8;
}
.orderbtn{
	background-color:#d32c36;
	height:35px;
	line-height: 35px;
	border-radius: 4px;
	width:100px;
	position: absolute;
	bottom:85px;
	right:20px;
	color:#fff;
	text-align: center;
	cursor: pointer;
}
.orderbtn:hover {
	opacity: .8;
}
.tipContent{
	color: #FF5600;
	line-height: 35px;
	height: 35px;
	font-size: 14px;
	background-color: rgb(255, 238, 230);
	border: 1px solid rgb(255, 190, 145);
	border-radius: 4px;
	margin-top:10px;
	box-sizing: border-box; /* 设置盒模型为边框盒 */
	padding-left:15px;
}
.tableTitle{
	color: #fff;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	background-color:  #004193;
	margin-top:10px;
	position: relative;
}
.vesselInfo{
	width:100%;
	height:170px;
	background-color: #fff;
	margin:10px 0;
	position: relative;
	box-shadow: rgba(255, 255, 255, 0) 0px 0px 1px;
}
.voyage{
	position: absolute;
	top:10px;
	left:440px;
	color: rgb(17, 133, 44);
	width: 50px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background-color: rgba(175, 221, 179, 0.4);
	border-width: 1px;
	border-color: rgb(67, 176, 111);
	border-style: solid;
	border-radius: 4.5px;
	transition: unset;
	font-size: 12px;
	letter-spacing: 0px;
}
.payid{
	position: absolute;
	top:10px;
	left:500px;
	color: rgb(255, 124, 0);
	width: 50px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background-color: rgb(255, 246, 238);
	border-width: 1px;
	border-color: rgb(255, 207, 183);
	border-style: solid;
	border-radius: 4.5px;
	transition: unset;
	font-size: 12px;
	letter-spacing: 0px;
}
.tuoche{
	position: absolute;
	top:10px;
	left:550px;
	color: rgb(255, 124, 0);
	width: 450px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	/*background-color: rgb(255, 246, 238);*/
	/*border-width: 1px;*/
	/*border-color: rgb(255, 207, 183);*/
	/*border-style: solid;*/
	/*border-radius: 4.5px;*/
	transition: unset;
	font-size: 12px;
	letter-spacing: 0px;
}
.vesselContentJJ{
	position: absolute;
	top:8px;
	left:20px;
	width: 411px;
	height: 27px;
	background-image: url("../../images/new/jinjinv.png");
}
.vesselContentHas{
	position: absolute;
	top:8px;
	left:20px;
	width: 411px;
	height: 27px;
	background-image: url("../../images/new/haihuav.png");
}
.carrier{
	color:#fff;
	position: absolute;
	top:7px;
	left:21px;
	font-size: 14px;
}
.vesselContentJJ .lineC{
	/*color: rgb(0, 112, 255);*/
    color:rgb(26, 105, 218);
	position: absolute;
	top:7px;
	left:85px;
	font-size: 14px;
}
.vesselContentHas .lineC{
	/*color: rgb(0, 112, 255);*/
	color:rgb(255, 105, 0);
	position: absolute;
	top:7px;
	left:85px;
	font-size: 14px;
}
.daysC{
	position: absolute;
	top:80px;
	left:625px;
	font-size: 14px;
	color: rgb(26, 105, 218);
}
.startCod{
	position: absolute;
	top:70px;
	left:30px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	width:100px;
	text-align: right;
}
.endCod{
	position: absolute;
	top:70px;
	left:380px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	width:100px;
	text-align: left;
}
.startTim{
	position: absolute;
	top:100px;
	left:45px;
	font-size: 14px;
	color: #666;
	font-weight: bold;
}
.endTim{
	position: absolute;
	top:100px;
	left:350px;
	font-size: 14px;
	color: #666;
	font-weight: bold;
}
.vImage{
	position: absolute;
	top:60px;
	left:150px;
}
.cntrBox{
	position: absolute;
	top:50px;
	right:210px;
	width:240px;
	height:60px;
	background-color: rgb(250, 244, 242);
	border-radius: 4px;
}
.cntrType{
	position: absolute;
    color:#999;
	font-size: 12px;
}
.cntrPice{
	color: rgb(255, 105, 0);
	font-weight: bold;
	position: absolute;
	font-size: 16px;
}
.extraFee{
	width:100%;
	height:35px;
	position: absolute;
	bottom: 0px;
	left:0px;
	border-width: 1px;
	border-color: rgb(216, 216, 216);
	border-style: dashed none none;
	background-color: rgb(250, 250, 250);
}
.extraFee .info{
	position: absolute;
	color:#666;
	font-size: 12px;
	height:35px;
	line-height: 35px;
	left:50px;
}
.iconM{
	width:16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 10px;
	background-color: rgb(255, 105, 0);
	position: absolute;
	top:10px;
	left:20px;
	color: #fff;
	font-size: 12px;
}
.extraFee .more{
	/*color: rgb(0, 112, 255);*/
	color:rgb(26, 105, 218);
	position: absolute;
	top:6px;
	right:20px;
	cursor: pointer;
	text-decoration: none;
}
.extraFeeContent{
	background-color: rgb(250, 250, 250);
	padding:10px;
    margin-top:-10px;
}
.trTitle{
	height:40px;
	background-color: #f5f5f5;
	color:#666;
}
.trData{
	height:35px;
	background-color: #fff;
	color:#333;
}