.aui-flex-pic:after{content: ''; position: absolute; bottom: -10px; left: -8px; width: 15px; height: 15px; background: #f0f0f0; border-radius: 100%; z-index: 10;}
.aui-flex-pic:before{content: ''; position: absolute; bottom: -10px; right: -8px; width: 15px; height: 15px; background: #f0f0f0; border-radius: 100%; z-index: 10;}


/*筛选*/
.pro-type{
	z-index:99999;
	position:fixed;top:50px;width: 100%; min-height: 2.2rem; padding: 0.5rem 0.5rem; background-color: #fff; color: #666666; margin-bottom:0.75rem}
.pro-type .section{float: left; width:25%; display:block; border-right: 1px solid #D9D9D9; box-sizing: border-box; text-align: center;}
.pro-type .section:last-child{ border:none}
.pro-type .section span{font-size: 0.65rem;}

.all-pro{height: 1.5rem; line-height: 1.5rem; color: #666666; font-size: 0.48rem; text-indent: 0.58rem;}
.all-pro span{color: #ff7400;}

/*排序*/
.mask-ul{
	z-index: 999999;
	width: 100%;
	height: auto;
	background-color: #fff;
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	text-align: center;
	font-size: 0.56rem;
	color: #666666;
	overflow: hidden;
	padding-bottom: 20px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;
}

.mask-ul li{
	width: 23%;
	background-color: #fff;
	line-height: 1.8rem;
	border: 1px solid #D9D9D9;
	float: left;
	border-radius:4px;
	margin:1%;
}

.mask-ul li.active{
	background-color:#059659;
	color:#fff}

/*排序*/
.mask-ul-sort{z-index: 1000; width: 100%; height: 40rem; background-color: rgba(0, 0, 0, 0.5); display: none; position: absolute; left: 0; top:4.3rem; text-align: center; font-size: 0.56rem; color: #666666;}
.mask-ul-sort li{width: 100%; background-color: #fff; line-height: 1.8rem; border:none;border-bottom: 1px solid #D9D9D9;}
.mask-ul-sort li i{ margin-left:0.6rem}
.mask-ul-sort li:not(:first-of-type){width: 50%; float:left}

.mask-div{z-index: 1000; width: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top:4.3rem; bottom: 0; display: none;}
.mask-div .mask-top{background-color: #fff; border-bottom: 1px solid #D9D9D9;}
.mask-div .title{font-size: 0.52rem; color: #666666; line-height: 1.36rem; text-indent: 0.54rem; text-align: left;}
.mask-div ul{margin-left: 0.48rem;}


/*线路*/
.mask-div li{float: left; width:23%;font-size: 0.48rem; color: #666666; line-height: 1.2rem;border: 1px solid #D9D9D9; border-radius: 0.1rem; margin-right: 0.4rem; margin-bottom: 0.52rem;}
.mask-div li:nth-child(4n) {margin-right: 0rem;}
.mask-div li.active{background: #059659; border:1px solid #059659; color: #fff !important;}

.mask-div .mask-mid{background-color: #fff; border-bottom: 1px solid #D9D9D9;}
.mask-div .mask-mid ul{margin-left: 0.48rem;}
.mask-div .mask-mid li{float: left; width:30%;font-size: 0.48rem; color: #666666; line-height: 1.2rem; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 0.5rem; border: 1px solid #D9D9D9; border-radius: 0.1rem; margin-right: 0.6rem; margin-bottom: 0.52rem;}

.mask-div .mask-down{background-color: #fff; border-bottom: 1px solid #D9D9D9;}
.mask-div .mask-down ul{margin-left: 0.48rem;}
.mask-div .mask-mid li{float: left; width:30%;font-size: 0.48rem; color: #666666; line-height: 1.2rem; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 0.5rem;margin-right: 0.6rem; margin-bottom: 0.52rem;}

.mask-div .mask-btn{height: 2rem; font-size: 0.64rem; line-height: 2rem; border-bottom: 1px dashed #9e9e9e; text-align: center;}
.mask-div .mask-btn span:first-of-type{width: 50%; float: left; background-color: #fff; color: #666666;}
.mask-div .mask-btn span{float: right; width: 50%; background-color: #059659; color: #fff;}
#wrap{position: absolute; left: 0; top: 3.66rem; bottom: 2rem; width: 100%; overflow: hidden;}
#wrap #scroller{width: 100%; position: absolute; left: 0; top: 0;}
.active{background-color: #059659; border:1px solid #059659; color: #fff !important;}
#pullDown, #pullUp,.pulldown-tips{height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.6rem;}
#pullUp{position: absolute; bottom: -1rem; left: 0; width: 100%;}
.pulldown-tips{position: absolute; top: -0.8rem; left: 0; width: 100%; font-size: 0.6rem;}
.pullUp-tips{position: absolute; bottom: -0.8rem; left: 0; width: 100%; font-size: 0.6rem; text-align: center;}

/*卡片列表布局*/
.aui-card-list-header{/*border-radius:5px 5px 0px 0px;*/background: #11bf79; color: #fff; box-sizing: border-box;padding: 0 0.6rem;line-height:1.8rem;min-height: 1.8rem;font-size: 0.6rem;}
.aui-card-list-content > img {float: left;width: 0.7rem;height: 3.05rem;}
.aui-card-list-text{display: block; width:90%; text-align: left; color: #333; font-size: 0.85rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: 0.2rem; padding-left:0.375rem }
.aui-card-list-text small{color: #757575;font-size: 0.6rem;}
.aui-card-list-text .red{color: #f11d1c;}
.aui-card-list-text p{font-size: 0.75rem; color: #535353;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.aui-card-list-content button{border: none; padding: 0 0.5rem}

/*海运价格*/
.aui-card-list-fcl-price{border-top: 1px dashed #D9D9D9; padding: 0.5rem 0 0 0; position: relative; overflow: hidden; }
.aui-card-list-fcl-price .aui-price-grid,.aui-card-fcl-price .aui-price-grid{position: relative; float: left; width: 25%; box-sizing: border-box; margin-bottom: 15px; text-align: center;border-right: 1px solid #D9D9D9;}
.aui-card-list-fcl-price .aui-price-grid:nth-child(4n),.aui-card-fcl-price .aui-price-grid:nth-child(4n){border-right:none}
.aui-card-list-fcl-price .aui-price-grid:not(:nth-child(4n)):before,.aui-card-fcl-price .aui-price-grid:not(:nth-child(4n)):before{content: ''; position: absolute; z-index: 0; top: 0; right: 0; height: 100%; border-right: 1px solid #D9D9D9; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}

/*空运价格*/
.aui-card-list-air-price{border-top: 1px dashed #D9D9D9; padding: 0.5rem 0 0 0; position: relative; overflow: hidden;}
.aui-card-list-air-price .aui-price-grid,.aui-card-air-price .aui-price-grid{position: relative; float: left; width: 20%; box-sizing: border-box; margin-bottom: 15px; text-align: center;border-right: 1px solid #D9D9D9;}
.aui-card-list-air-price .aui-price-grid:nth-child(5n),.aui-card-air-price .aui-price-grid:nth-child(5n){border-right:none}
.aui-card-list-air-price .aui-price-grid:not(:nth-child(5n)):before,.aui-card-air-price .aui-price-grid:not(:nth-child(5n)):before{content: ''; position: absolute; z-index: 0; top: 0; right: 0; height: 100%; border-right: 1px solid #D9D9D9; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}


.aui-price-grid-text{display: block; text-align: center; color: #333; font-size: 0.85rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: 0.2rem;}
.aui-price-grid-text h2{font-size: 0.95rem; margin-bottom: 0.2rem; color:#fb7414;}
.aui-price-grid-text .red{color: #f11d1c;}
.aui-price-grid-text p{font-size: 0.65rem; color: #999;}

.aui-card-list-footer{/*border-radius:0px 0px 5px 5px;*/background: #ddd;line-height:1.4rem;min-height: 1.4rem;}

/*详情动态图*/
canvas{background-color:#fff;}

/*海运详情*/
.fcl-header .aui-list-header{ background-color:#fff;padding: 0.75rem; overflow:hidden}
.fcl-header .aui-list-header > img {float: left;height: 4.75rem;padding-top: 0.3rem;}
.fcl-header .aui-list-header .aui-list-header-text{display: block; text-align: left; color: #333; font-size: 1.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  padding-left:0.375rem }
.fcl-header .aui-list-header .aui-list-header-text small{
	color: #757575;
	font-size: 0.6rem;
	display:inline-table;
	height:40px
}
.fcl-header .aui-list-header .aui-list-header-text p{ color: #535353;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height:1rem; overflow:hidden}
.fcl-header .aui-list-header .aui-list-header-text p b{
	font-size:20px;
	display:block}
.aui-card-fcl-price{ background-color:#fff; padding: 0.5rem 0 0 0; position: relative; overflow: hidden;}

.fcl-info .aui-list-item-title{font-size: 0.6rem;color: #757575; }
.fcl-info .aui-list-item-text{font-size: 0.7rem; width:80%;}

.aui-grid .aui-list-item .aui-list-item-inner{ width:100%}
.aui-grid .aui-list-item .aui-list-item-text{ width:17%}
.aui-list-item-price{font-size: 0.95rem; color:#fb7414;}
.aui-list-item-label, .aui-list-item-text{color: #757575;font-size: 0.7rem;}
.aui-list-item-input,.aui-list-item-input input,.aui-list-item-input textarea{color: #757575;font-size: 0.7rem;}

/*计算附加费*/
.aui-grid-count .aui-list .aui-list-item .aui-list-item-inner{ width:100%}
.aui-grid-count .aui-list .aui-list-item .aui-list-item-text{ width:50%}

/*freight_cal_total*/
.freight_cal_total{padding: 0.75rem 0;}
.freight_cal_total span{ color:#F30}
.freight_export{margin:0 0 0.75rem;}

.aui-reserve-footer{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; right: 0; bottom: 0; left: 0; height: 55px; background: #0a1b2b; z-index: 100;}
.aui-reserve-footer-one{height: inherit; -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 12px 0 10px;}
.aui-reserve-footer-two{-webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; height: 100%; background: #ff4049; color: #fff;}
.aui-reserve-footer-inner{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 15px; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
/*海运详情 结束*/

/*空运详情*/
.air-header .aui-list-header{ background-color:#fff;padding: 0.75rem; overflow:hidden}
.air-header .aui-list-header > img {float: left;height: 4.75rem;padding-top: 0.3rem;}
.air-header .aui-list-header .aui-list-header-text{display: block; text-align: left; color: #333; font-size: 1.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  padding-left:0.375rem }
.air-header .aui-list-header .aui-list-header-text small{color: #757575;font-size: 0.6rem;}
.air-header .aui-list-header .aui-list-header-text p{font-size:1rem; color: #535353;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height:1.6rem; overflow:hidden}
.aui-card-air-price{ background-color:#fff; padding: 0.5rem 0 0 0; position: relative; overflow: hidden;}

.air-info .aui-list-item-title{font-size: 0.6rem;color: #757575; }
.air-info .aui-list-item-text{font-size: 0.7rem; width:80%;}

.aui-grid .air-localfee .aui-list-item-inner{ width:100%}
.aui-grid .air-localfee .aui-list-item-text{ width:20%; }
.aui-grid .air-localfee .aui-list-item-text:first-child{ width:25%; text-align:left}
.aui-grid .air-localfee .aui-list-item-text:not(:first-child) { display:block; text-align:center; }

.aui-list-item-price{font-size: 0.95rem; color:#fb7414;}
.aui-list-item-label, .aui-list-item-text{color: #757575;font-size: 0.7rem;}
.aui-list-item-input,.aui-list-item-input input,.aui-list-item-input textarea{color: #757575;font-size: 0.7rem;}


/*计算附加费*/
.aui-grid-count .aui-list .aui-list-item .aui-list-item-inner{ width:100%}
.aui-grid-count .aui-list .aui-list-item .aui-list-item-text{ width:50%}

/*freight_cal_total*/
.freight_cal_total{padding: 0.75rem 0;}
.freight_cal_total span{ color:#F30}
.freight_export{margin:0 0 0.75rem;}

.aui-reserve-footer{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; right: 0; bottom: 0; left: 0; height: 55px; background: #0a1b2b; z-index: 100;}
.aui-reserve-footer-one{height: inherit; -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 12px 0 10px;}
.aui-reserve-footer-two{-webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; height: 100%; background: #ff4049; color: #fff;}
.aui-reserve-footer-inner{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 15px; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}

/*空运详情 结束*/



/*订单提交吸底*/

.aui-footer-bar{width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; background-color: rgba(255, 255, 255, 0.96); box-shadow: 0 -2px 15px #dedede;left:0px;
bottom:0px}
.aui-footer-bar-fixed{position: fixed; bottom: 0; left: 0; z-index: 49;}
.aui-footer-bar .aui-footer-btn{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; background: #4499ff; height: 3rem; font-size: 1rem; font-weight: bold;}
.aui-footer-bar .aui-order-price{background: #fff; color: #4499ff; position: relative;}
.aui-order-price-text{position: absolute; left: 1rem; font-size: 1.3rem;}
.aui-order-price-text em{font-size: 0.8rem;}
.aui-order-price-info{position: absolute; right: 0; color: #999999; font-size: 0.75rem; font-weight: normal; padding-right: 1.5rem;}
.aui-flex-box h4{color: #4499ff; font-weight: normal; margin-top: -16px;}
.aui-insurance h2{font-weight: normal; color: #333; font-size: 0.85rem;}
.aui-insurance p{color: #999999; font-size: 0.75rem;}
.aui-hotel-people .b-line:after{left: 1rem;}

/*运费计算*/
.aui-footer{width: 100%; position: relative; z-index: 100; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 7px 5px 7px 5px; background: #ffffff;}
.aui-tabBar-item{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background:#65bf67; border-radius:2px; height:44px; line-height:44px;}
.aui-tabBar-item a{ color:#fff; font-size:0.95rem;}

/* 下拉式抽屉 */
.m-actionsheet{text-align: center; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000; background-color: #EFEFF4; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s;}
.mask-black{background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 998; bottom: 0; right: 0; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.actionsheet-action{display: block; margin-top: .15rem; font-size: 0.28rem; color: #555; height: 1rem; line-height: 1rem; background-color: #FFF;}
.m-actionsheet{text-align: center; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10005; background-color: #ffffff; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s;}
.actionsheet-toggle{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
.actionsheet-item{display: block; position: relative; font-size: 0.85rem; color: #555; height: 2rem; line-height: 2rem; background-color: #FFF;}

/*分享*/
.aui-coll-cancel a{height: 45px; line-height: 45px; font-size: 12px; background: #f9f9f9; display: block; text-align: center; width: 100%;}
.aui-coll-share-img{width: 38px; height: 38px; margin: 0 auto;}
.aui-coll-share-img img{width: 100%; height: auto; display: block; border: none;}
.aui-coll-share-box{position: relative; overflow: hidden; padding: 20px 0;}
.aui-coll-share-item{position: relative; float: left; padding: 8px 10px; width: 33.333%; box-sizing: border-box; font-size: 12px; height: 85px;}
.aui-coll-share-text{padding-top: 7px;}
.smibsf{
	padding:20px;
	background-color:#fff;}
.smibsf ul textarea{
	height:100px;
	padding:10px;
	background-color:#f3f3f4}
.smibsf ul.title{
	font-size:16px;
	height:50px;
	line-height:40px}
.smibsf ul input{
	margin-top:4px;
	text-indent:20px;
	background-color:#f3f3f4}
.smibsf ul button{
	background-color:#11bf79;
	color:#fff;
	height:40px;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
	display:block}
	
.smibsf ul button.confirm{
	background-color:#11bf79;
	color:#fff;
}
.smibsf ul button.hide{
	background-color: #f3f3f4;
	color: #333;
}
	