<template>
	<div class="content-height">
		<div class="myorder-content">
			<div class="contain-page">
				<div class="content-top">
					<topCrumbs :firstCrumbs="firstCrumbs" :secondCrumbs="secondCrumbs"></topCrumbs>
					<div id="YQContainer"></div>
				</div>
			</div>
		</div>
	</div>
</template>
<script>
import topCrumbs from '@/components/business/topCrumbs'
export default {
	data() {
		return {
			firstCrumbs:'物流',
			secondCrumbs:'物流轨迹查询',
		}
	},
	components: {
		topCrumbs
	},
	mounted(){
		YQV5.trackMulti({
			YQ_ContainerId:"YQContainer",
			YQ_Height:560,
			YQ_Lang:"zh-CN"
		});
	},
}
</script>
<style lang="less" scoped>
.content-right{
	.content-top{
		background: #FFFFFF;
		.container-o-box{
			.default{
				margin: 0;
				width: 100%;
			}
			.com-block {
				border: 1px solid #ccc;
				width: 100%;
				background-color: #fff;
				box-shadow: 0 0 0 0;
			}
		}
		.pull-right {
			float: right!important;
		}
		.m-bottom10{
			margin-bottom: 10px !important
		}
		.border4 {
			border: 1px solid #ccc !important;
			clear: both;
		}
		.tab-content>.active {
				display: block;
				visibility: visible;
		}
		.p-top10 {
				padding-top: 10px!important;
		}
		.p30{
			padding:38px 10px;
		}
		.btn-determine {
				font-size: 13px;
				border-color: #367EE2;
				color: #fff;
				background-color: #367EE2;
		}
		.btn-gray {
				border-color: #d0d3d6;
				font-size: 13px;
				color: #434649;
				background-color: #f2f2f2;
		}
		.m-left8 {
			margin-left: 8px !important;
		}
	}
}
</style>