.aui-btn-on{width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 0.65rem; background: #f4f4f4;}

/* TAB css */
.tab-nav{height: 50px; line-height: 50px; display: block; position: relative; background: #fff; z-index: 1; width: 100%; margin: 0 auto;}
.tab-nav-item{height: 50px; line-height: 50px; position: relative; text-align: center; color: #585858; font-size: 0.9rem; display: block; float: left; width: 33.333%;}
.tab-nav-item.aui-active{background-color: #51bd03; }
.tab-nav-item.aui-active a{color: #11bf79; font-size: 0.85rem; font-weight: bold;}
.tab-nav-item a{display: inherit; font-size: 0.85rem; color: #363636;}
.tab-nav-item.aui-active:before{content: ''; width: 50%; height: 3px; position: absolute; left: 50%; bottom: 0; margin-left: -25%; z-index: 4; background-color: #11bf79;}

.tab-panel{position: relative; overflow: hidden;background-color:#fff}
.tab-panel .tab-panel-item{width: 100%;}
.tab-panel .tab-panel-item.tab-active ~ .tab-panel-item{}
.tab-panel .tab-panel-item.tab-active{position: relative;}
.tab-panel .tab-panel-item .aui-content-padde{}

.aui-palace{padding: 0.5rem 0.8rem; position: relative; overflow: hidden;}
.aui-palace-grid{position: relative; float: left; padding: 12px 10px 12px 10px; width: 33.333%; box-sizing: border-box; text-align: center;}
.aui-palace-clear .aui-palace-grid{text-align: left; width: 25%; font-size: 15px; padding-left: 12px;}
.aui-tab-btn-submit button{border: none;}

/* 图标栏 css */
.aui-layout{position:relative; overflow:hidden; padding:20px 0; background-color:#fff}
.aui-layout-item{width: 25%; float: left; position: relative; z-index: 0; padding: 0.32rem 0; font-size: 0.85rem; text-align: center; color: #71777d;}
.aui-layout-icon{width:45px; height:45px; margin:0 auto;}
.aui-layout-icon img{width:45px; height:45px; display:block; border:none;}
.aui-layout-text{color:#2b333b; font-size:0.75rem; padding-top:0.5rem;}

/*汇航服务*/
.aui-servsr-box .aui-slide-list{padding-left: 0px; overflow: hidden; height: 10.85rem; background: #fff; padding-bottom: 10px;}
.aui-servsr-box .aui-slide-item-list{width: auto; white-space: nowrap; overflow: auto; height: 10.8rem; font-size: 0; padding-right: 15px; margin-left: 0; padding-left: 3px;}
.aui-servsr-box .aui-slide-item-item{display: inline-block; margin-left: 12px; vertical-align: top; width: 33%; background: #f5f5f5;}

.aui-servsr-box .aui-slide-item-it{font-size: 0.8rem; color: #333;}
.aui-servsr-box .aui-slide-item-ci img{width: 100%;  height: 6rem; display: block;}
.aui-servsr-box .aui-slide-item-ci h4{font-size: 0.8rem; text-align: center;}
.aui-servsr-box .aui-slide-item-it h4{font-size: 0.8rem; text-align: center; color: #33afff;}
.aui-servsr-box .aui-slide-item-it p{font-size: 0.65rem;}
.aui-servsr-box .aui-slide-item-it h4 i{background: #3cb2ff; color: #fff; border-radius: 100%; display: inline-block; width: 15px; height: 15px;}
.aui-servsr-box .aui-slide-item-item p{white-space: initial; padding: 5px 10px 10px 10px;}

/*卡片列表布局*/
.aui-flex-pic:after{content: ''; position: absolute; bottom: -10px; left: -8px; width: 15px; height: 15px; background: #fff; border-radius: 100%; z-index: 10;}
.aui-flex-pic:before{content: ''; position: absolute; bottom: -10px; right: -8px; width: 15px; height: 15px; background: #fff; border-radius: 100%; z-index: 10;}

.aui-card-list{margin:15px;background: #f8f8f8;}
.aui-card-list-header{border-radius:5px 5px 0px 0px;background: #11bf79; color: #fff; box-sizing: border-box;padding: 0 1.6rem;line-height:1.2rem;min-height: 1.2rem;font-size: 0.6rem;}
.aui-card-list-content > img {float: left;width: 0.7rem;height: 3.05rem;}
.aui-card-list-text{display: block; text-align: left; color: #333; font-size: 0.75rem; 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-fcl-price{border-top: 1px dashed #D9D9D9; padding: 0.2rem 0 0 0; position: relative; overflow: hidden;border-radius:0px 5px 5px 5px;}
.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-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.85rem; 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;}


/*热门港口*/
.aui-class-content{position: relative; overflow: hidden; background: #fff;}
.aui-class-link{position: relative; float: left; padding: 4px 1px 4px 1px; width: 16%; box-sizing: border-box; display: inline-block; text-align: center; font-size: 0.65rem; color: #757575; border:1px solid #D9D9D9; border-radius:3px; margin:0 2% 2% 2%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; word-wrap: break-word; word-break: break-all;}
.aui-class-link:hover{background-color:#11bf79; color:#fff} 

/**/
.aui-lark-list{background: #fff;}
.aui-flex-box h2{font-size:0.75rem; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom:1.8rem;}
.aui-flex-box h3{width:100%; font-size:0.65rem; color:#999; font-weight:normal;}
.aui-flex-box h3 em{font-style:normal; float:right;font-size:0.65rem;}
.aui-flex-box h3 em i{font-style:normal; color:#666; font-weight:normal; font-size:0.6rem;}
.aui-lark-img{width:100px; height:auto; margin-right:0.8rem;}
.aui-lark-img img{width:100px; height: auto; display:block; border:none; border-radius:5px;}
.aui-lark-list .b-line:after{margin:0 15px; width:atuo; overflow:hidden }

/*历史运价查询*/
.aui-historical-content{}
.aui-historical-head{}

/*Article-list*/
.article-list{}
.article-list .aui-list-item-title{font-size:0.75rem; line-height: 1.8;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height:2.8rem}
.article-list .aui-list-item-text{ font-size:0.65rem}
.article-list .aui-info{ font-size:0.65rem}
.article-list .aui-info i{ margin-right:0.3rem; color:#999; }