.head {
 	border-bottom: 1px solid #F0F0F0;
 	height: 2.5rem;position: relative;
 	} 
 	body{
 		margin: 0;
 	}
.title {
	height: 2.5rem;
	text-align: center;
	border-bottom: 1px solid #F0F0F0;
	position: relative;
}

.title span {
	width: 32%;
	height: 60%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0.5rem;
	margin-left: 37%;
	font-size: 1rem;
}

.title .fanhui {
	width: 1rem;
	height: 40%;
	float: none;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 0.7rem;
	margin-left: 2%;
}

    .title .zhuye {
        width: 2rem;
        height: 60%;
        position: absolute;
        right: 0;
        top: 0;
        /*margin-top: 0.4rem;*/
        /*margin-right: 1.5%;*/
    }
/*我的订单   MyOrder.html*/
.tab_center {
    width: 100%;
    height: 3rem;
    background-color: #fff;
    margin-top: 1rem;
    border-bottom: 4px solid #f0fafb;
}
.tab_menu {
    width: 100%;
    cursor: pointer;
    background-color: #eefaf7;
    list-style-type: none;
    padding-left: 0px;
}
#tab .tab_menu li {
    float: left;
    width: 25%;
    line-height: 3rem;
    height: 3rem;
    margin-left: 12.5%;
    text-align: center;
    background-color: #eefaf7;
    border-bottom: 4px solid #f0fafb;
}
.hit {
    border-bottom: 4px solid #ffc300 !important;
    position: relative;
    z-index: 9999;
    color: #ffc300;
}
.unfinishOrder{
	display: none;
}

.day {
    width: 100%;
    height: 1.7rem;
    z-index: 999;
    margin-top: -3rem;
    background-color: #fff;
    background-color: #f0fafb;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #00a0eb;
}
.orderlist, .Torderlist {
    float: left;
    width: 100%;
    border-bottom: 1px solid #edfcf7;
}
.orderlist a:link,.orderlist a:visited,.orderlist a:hover,.orderlist a:active{
	text-decoration:none;
	color: #000000;
}
.orderlist_left{
	width: 60%;
	height: 3rem;
	padding-left: 2rem;
	line-height: 3rem;
	float: left;

}
.orderlist_right{
	width: 10%;
	height: 3rem;
	float: right;
	padding-right: 2rem;
}
.orderlist_right img{
	width: 1rem;
	float: right;
	margin-top: 1rem;
	height: 1rem;
	position: relative;
}
/*今日订单列表  TodayOrderList.html*/
.title_gray{
	    height: 2rem;
    line-height: 2rem;
    position: relative;
}
.red{
	color: red;
}
.Torderlist a:link,.Torderlist a:visited,.Torderlist a:hover,.Torderlist a:active{
	text-decoration:none;
	color: #000000;
}
.Torderlist_left{
	width: 100%;
	float: left;
    background-color:#fff;
    position:relative;
}
.left_top{
	height: 2rem;
	line-height: 2rem;
    font-size:13px;
    padding-left:10%;
}
.left_bottom{
	height: 2rem;
	line-height: 2rem;
    font-size:13px;
}
.Torderlist_right{
	width: 10%;
	float: right;
	
	padding-right: 1rem;
}
.Torderlist_right img{
	width: 1rem;
	float: right;
	margin-top: 2rem;
	height: 1rem;
	position: relative;
}
/*今日订单列表  TodayOrderIms.html*/
.OrderTime{
	/*float: left;
	font-size: 0.8rem;
	position:absolute;
    left:10%;*/
    margin-left: 10%;
}
.OrderAccount{
	float: right;
	font-size: 0.8rem;
	position:absolute;
    left:63%;
}
.orderims{
	    /*background-color: #ADADAD;
		position: fixed;
		z-index: 5000;
		width: 80%;
		max-width: 300px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-color: #fff;
		text-align: center;*/
					
	}
.orderIms_detial{
	width: 100%;
	background-color: #E64340;
}
.up_harbour{
	float: left;
}
.down_harbour{
	float: right;
}
.Ticket_center {
	border-bottom: 1px solid #eeeeee;
	font-size: 0.9rem;
	clear: both;
        	}
        	.Ticket_left{
        		/*height: 9rem;*/
                padding-bottom:1rem;
        	}
        	.Ticket_right{
        		float: right;
        		width: 30%;
        		padding-top:1rem;
        		height: 9rem;

        	}
        
        	.Ticket_left_top{
        		height: 4rem;
        		width: 100%;	
        	}
        	.Ticket_left_top ul li{
        		float: left;
        		list-style: none;

        	}
        	.Ticket_left_center{
        		line-height:1.5rem;
        		height: 1.5rem;
        		width: 100%;

        	}
        	.Ticket_left_under{
        		height: 1rem;
        		font-size: 0.8em;
        		float: left;
        	}
        	 .ShipCatgCD{
            	width:30%;
            	height: 2rem;
            	position: fix;
            }
            .ShipCatgCD img{
            	width: 100%;
            	margin: 0 auto;
            	position: relative;
            }
        	.harbup,.harbdown{
        		padding-top:3vh;
        	}
        	.shiptype{
        		font-size: 0.8em;
        		text-align: center;
        	}
        	.price span{
        		font-size:1.3rem;
        		color: red;
        		text-align: left;
        	}
        	.price{
        		width: 70%;
        		padding-top: 1rem;
        		float: left;

        	}
        	.child{
        		font-size: 0.8rem;
        	}
        	.arrow{
        		float: right;
        		width: 30%;
        		height: 50%;
        		padding-top: 2rem;
        		position: relative;
        	}
        	.arrow img{
        		width: 2rem;
        		height:80%;
        	}
        	a
			{
				-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
				-webkit-user-select: none;
				-moz-user-focus: none;
				-moz-user-select: none;
				color: #101010;
			}
            @media only screen and (min-width: 0px) and (max-width: 320px) {
		.title .fanhui {
	width: 1rem;
	height: 40%;
	float: none;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 1rem;
	margin-left: 2%;
}

.title .zhuye {
	width: 2rem;
	height: 60%;
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 0.7rem;
	margin-right: 1.5%;
}
		}