page{
	padding-bottom: 1upx;
}
/* #ifdef H5*/
.hd-v{
	width: 100%;
	padding-top: 40upx;
	background: url(@/static/img/bg.png) no-repeat;
	background-size: 100% 100%;
}
/* #endif */
/* #ifdef APP-PLUS*/
.hd-v{
	width: 100%;
	padding-top: calc( var(--status-bar-height) + 40upx);
	background: url(@/static/img/bg.png) no-repeat;
	background-size: 100% 100%;
}
/* #endif */
.tabs{
	width: 90%;
	margin: 0 5% 40upx;
	display: inline-block;
}
.tabs view:nth-child(1){
	float: left;
	display: flex;
	align-items: center;
	height: 50upx;
	font-weight: 700;
	color: var(--c0);
}
.tabs .igs{
	float: right;
	display: flex;
}
.tabs .igs view{
	width: 50upx;
	height: 50upx;
	margin-left: 20upx;
}
.tabs .igs image{
	width: 100%;
	height: 100%;
}
.banner{
	width: 675upx;
	height: 304upx;
	margin: 0 auto;
	border-radius: 20upx;
}
.swiper{
	border-radius: 20upx;
	height: 100%;
}
.swiper .uni-swiper-wrapper{
	border-radius: 20upx !important;
}
.swiper image{
	width: 100%;
	height: 304rpx;
	border-radius: 20upx;
	object-fit: cover;
}

.nvs{
	width: 90%;
	margin: 40upx auto;
	display: flex;
	background: var(--c0);
	padding: 36upx 0;
	border-radius: 20upx;
}
.nvs view{
	flex: 1;
}
.nvs image{
	width: 80upx;
	height: 86upx;
	display: block;
	margin: 0 auto 10upx;
}
.nvs text{
	display: block;
	text-align: center;
	color: var(--c6);
	font-size: var(--f24);
}
.mssgv{
	width: 90%;
	height: 140upx;
	border-radius: 12upx;
	background: rgba(171,216,227,0.1500);
	margin: 0 auto;
}
.mssgv-v{
	padding: 20upx;
	height: 100upx;
	position: relative;
	display: flex;
	align-items: center;
}
.mssgv-v-1{
	width: 130upx;
	height: 120upx;
	text-align: center;
	/* line-height: 50upx; */
	border-right: 1px solid #d9d7d7;
	border-opacity: 0.33;
	float: left;
}
.mssgv-v-1 text{
	display: block;
	font-weight: 700;
	margin-top: 12upx;
}
.mssgv-v-2{
	padding: 0 20upx;
	font-size: var(--f24);
	height: 140upx;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.mssgv-v-2 view{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--c3);
}
.mssgv-v-2 view:nth-child(2){
	display: flex;
	margin-top: 14upx;
	color: var(--c9);

}
.mssgv-v-2 image{
	width: 40upx;
	height: 40upx;
	margin: -2upx 10upx 0 0;
}
.actions{
	width: 90%;
	margin: 40upx auto;
}
.actions .title{
	display: flex;
	font-size: var(--f30);
	color: var(--c2);
	font-weight: 700;
	margin-bottom: 40upx;
	width: 220upx;
	border-bottom: 1px solid #ACACAC;
	padding: 10upx 0;
	position: relative;
}
.actions .title::after{
	content: '';
	width: 60%;
	height: 2px;
	background: #396FFF;
	position: absolute;
	left: 0;
	bottom: -1px;
	border-radius: 50%;
}
.actions .title image{
	width: 44upx;
	height: 44upx;
	margin: 0upx 10upx 0 0;
}
.act-list{
	width: 100%;
}
.act-list .item{
	width: 100%;
	margin-bottom: 30upx;
	background: url(@/static/img/list.png) no-repeat;
	background-size: 100% 100%;
	border-radius: 12upx;
}
.act-list .item-til{
	margin: 0 auto;
	padding: 20upx;
	display: flex;
	flex-direction: column;
	color: var(--c3);
	font-size: var(--f26);
	border-bottom: 1px solid #DFDFDF;
	align-items: center;
	position: relative;
}
.act-list .item-til .full-width image{
	width: 42upx;
	height: 40upx;
	margin: 6upx 10upx 0 0;
}
.act-list .item-til .full-width .marks{
	position: absolute;
	right: 20upx;
	font-size: var(--f26);
	color: var(--c3);
}
.act-list .item-til .full-width .orderNo{
	width: 320upx;
}
.item-body{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	padding: 20upx 0;
}
.item-body-v{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--f30);
	font-weight: 700;
	color: var(--c3);
	flex: 1;
}
.item-body-v-2{
	width: 150upx;
	height: 150upx;
	text-align: center;
}
.item-body-v-2 image{
	width: 120upx;
	margin-top: -60upx;
}
.item-body-v-2 view{
	text-align: left;
	padding-left: 16upx;
	margin-top: 46upx;
	font-size: 22upx;
	color: var(--c3);
	font-weight: 700;
}
.item-times{
	display: flex;
	padding: 0 30upx 20upx 30upx;
	font-size: var(--f26);
	color: var(--c9);
}
.item-times image{
	width: 42upx;
	height: 42upx;
	margin-right: 10upx;
	margin-top: -2upx;
}
.bom{
	position: fixed;
	right: 10upx;
	bottom: 2%;
	z-index: 99;
}
.bom view{
	width: 120upx;
	height: 120upx;
	position: relative;
	margin-bottom: 10upx;
}
.bom image{
	width: 100%;
	height: 100%;
	display: block;
}
.bom text{
	position: absolute;
	width: 100%;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 18upx;
	font-size: var(--f24);
	color: var(--c0);
}
.ad-conten{
	width: 580upx;
	border-radius: 16upx;
	background-image: url(../../static/img/index_pbg.png);
	background-repeat: no-repeat;
	background-size: 100%;
	padding-top: 182upx;
	padding-bottom: 20upx;
}
.type-1{
	background-image: url(../../static/img/bg2.png);
	padding-top: 2upx !important;
}
.ad-bg{
	width: 60upx;
	height: 60upx;
	margin-top: -154upx;
	margin-right: 14upx;
	float: right;
}
.ad-bg1{
	width: 30upx;
	height: 30upx;
	margin-top: 14upx;
	margin-right: 14upx;
	float: right;
	z-index: 99;
}
.ad-title{
	width: 100%;
	text-align: center;
	font-size: 40upx;
	font-weight: 600;
}
.transport-title{
	margin-top: 20upx;
	margin-left: 44upx;
	color: #143050;
	font-weight: 600;
	font-size: 16px;
	font-family: 'PingFang-SC-Bold';
	position: relative;
}
.transport-title::after{
	content: '';
	position: absolute;
	left: -20upx;
	top: 3px;
	width: 2.5px;
	height: 16.5px;
	border-radius: 8upx;
	background-color: #2A6cd9;
}
.type-bg{
	width: 400upx;
	height: 150upx;
	margin-top: 12upx;
	margin-left: 110upx;
}
.ad-name{
	width: 100%;
	padding: 6upx 0;
	background-color:#f7fbfc;
	text-align: center;
	color: #297CE7;
	font-size: 30upx;
	margin: 20upx 0;
}
.ad-list{
	width: 100%;
	padding: 10upx 0;
	text-align: center;
	color: #666666;
	font-size: 28upx;
}
.ad-blue{
	color: #297CE7;
	margin-left: 12upx;
}
.ad-tel{
	width: 100%;
	display: flex;
	padding: 30upx 0;
	align-items: center;
	justify-content: center;
	font-size: 26upx;
	color: #999999;
}
.ad-tel text:last-child{
	color: #333 !important;
	font-size: 30upx !important;
	font-weight: bold;
	margin-left: 8upx;
}
.ad-tel image{
	width: 36upx;
	height: 36upx;
	margin-right: 24upx;
}
.ad-btns{
	width: 90%;
	margin: 10rpx auto;
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.ad-btn{
	width: 90%;
	color: #fff;
	text-align: center;
	padding: 40upx 0;
	background-image: url(../../static/img/btn_bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.ad-btn view{
	margin-top: -20upx;
	font-size: 36upx;
}
.ad-info{
	width: 92%;
	margin: 20upx auto;
	height: 200upx;
	overflow: auto;
}
.notice{
	flex: 1;
}
.noData{
	text-align: center;
	padding: 20upx 0;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.noData text{
	margin-top: 20upx;
	color: #999999;
}
.noData image{
	width: 320upx;
}
.index_msg{
	position: relative;
}
.msg_dian{
	position: absolute;
	top:4upx;
	right: 8upx;
	width: 10upx !important;
	height: 10upx !important;
	border-radius: 50%;
	background-color: #FF0000;
}
.order_dian{
	color: #fff;
	font-size: 17upx;
	position: absolute;
	top:4upx;
	right: 44upx;
	width: 20upx !important;
	height: 18upx !important;
	border-radius: 50%;
	background-color: #FF0000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.progress{
	width: 80%;
	margin: 20upx auto;
}
.transport-info{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 20upx;
	padding: 30upx;
	justify-content: space-between;
}
.transport-info view{
	color: #333;
	font-weight: 600;
	font-family: 'PingFang-SC-Bold';
	border-radius: 8upx;
	width: 40%;
	height: 145upx;
	padding: 20upx;
	font-size: 28upx;
	background-size: 100% 100%;
}
.type1{
	background-image: url(../../static/img/type-3.png);
}
.type2{
	background-image: url(../../static/img/type-4.png);
}
.type3{
	background-image: url(../../static/img/type-5.png);
}
.type4{
	background-image: url(../../static/img/type-2.png);
}
.order-tabs{
	width: 90%;
	margin: 20upx auto 40upx;
	display: flex;
}
.order-tabs .order-tabs-v1{
	width: 40%;
}
.order-tabs .order-tabs-v1 view{
	width: 90%;
	height: 100upx;
	background-color: var(--c0);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12upx;
}
.order-tabs .sn{
	width: 40upx;
	height: 40upx;
	margin-right: 10upx;
}
.order-tabs .order-tabs-v2{
	width: 100%;
	background-color: var(--c0);
	border-radius: 12upx;
}
.order-tabs .order-tabs-v2 .order-tabs-v2s{
	display: flex;
	align-items: center;
	position: relative;
	height: 100upx;
}
.order-tabs-v2 .search{
	width: 40upx;
	height: 40upx;
	margin: 0upx 20upx;
}
.order-tabs-v2 input{
	width: 70%;
	font-size: var(--f24);
}
.order-tabs-v2 .order-tabs-v2s view{
	position: absolute;
	right: 20upx;
	color: var(--c427);
	border: 1px solid var(--c427);
	padding: 8upx 36upx;
	border-radius: 30upx;
}
.order-control-status{
	width: 86%;
	display: flex;
	align-items: center;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 6px;
	padding: 2%;
	margin-bottom: 12upx;
}
.v-picker{
	position: relative;
	font-weight: 500;
	font-size: var(--f26);
	margin-left: 20upx;
	border: 1px solid var(--cdf);
	padding: 20upx;
	width: 62%;
	border-radius: 12upx;
}
.control-item{
	position: relative;
	width:50%;
}
.control-status{
	border: 1px solid var(--cdf);
	padding:12upx 8px;
	font-size: 26upx;
	border-radius: 4px;
	font-weight: normal;
	margin-left: 12px;
}
.rgt{
	width: 32upx;
	height: 36upx;
	margin-left: 10upx;
	margin-top: 4upx;
}
.control-item .rgt{
	top: 16upx;
	position: absolute;
	right: 6px;
	margin: 0;
}
.full-width{
	width: 100%;
	display: flex;
	color: var(--c3);
	font-size: var(--f26);
	align-items: center;
	position: relative;
	float: right;
}
.tidan-no{
	width: 100%;
}
.tidanNo{
	margin-left: 54upx;
}