/*系统样式 重新定义*/
.aui-list .aui-list-item-title{font-size: 0.75rem !important;word-break:break-all;/*强制英文单词断行*/}
.aui-list .aui-list-item:after{content: ''; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #e2e2e2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
.aui-grid-label{display: block; font-size: 0.7rem; position: relative;  padding: 0.4rem 0;margin: 0.4rem 0.2rem;border-radius:5px;text-align: center;border: 1px solid #e2e2e2;}

.aui-grid-label span{display:block}
.aui-col-xs-4{}

/*港口TAB*/
.tab-ports-panel-item{ background-color:#fff; overflow:hidden}

/*城市索引*/
.letter{width:auto;position:fixed;top:7rem;right:5px;text-align:center;}
.biaoqian{background: rgba(0, 0, 0, 0.6);color: #FFFFFF;position: fixed;TOP: 40%;left: 41.5%;padding: 5% 0;width: 17%;text-align: center;border-radius: 20%;}
.dingwei{margin: 0;padding: 0;list-style: none;display: block;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;color: #212121;line-height: 1;padding: 0.4rem;font-size: 0.6rem;}
.iconfont{font-size: 0.6rem !important;}

/*按航线 例表*/
.aui-ports-list{width: 100%; padding:0.75rem }

/*港口列表页*/
.ports-list{}
.ports-list .aui-list-item-inner{ width:100%}
.ports-list .aui-list-item-text{ width:20%; }
.ports-list .aui-list-item-text:first-child{ width:45%; text-align:left; display:block}
.ports-list .aui-list-item-text:not(:first-child) { display:block; text-align:center; }

.ports-list .aui-list-item-text span{ display:block; clear:inherit; text-transform:lowercase;}
.ports-list .aui-list-item-text ins{display: inline-block;padding: 0.2em 0.25em; margin-left:0.875em;font-size: 0.4rem;color: #ffffff; background-color: #11bf79;line-height: 1;text-decoration: none;text-align: center;white-space:pre;vertical-align: middle;border-radius: 0.15em;position: relative;}

/*船期查询*/
.schedules-box{background-color:#fff; padding:0.65rem}
.schedules-box i{color:999}

/*船期查询 更多工具 图标栏 css */
.aui-schedules-line{position:relative; text-align:center; margin-bottom:0.65rem}
.aui-schedules-line h2{font-size:0.65rem; color:#bbbbbb; background:#fff; width:5rem; margin:0 auto; position: relative;}
.aui-schedules-line:after{content: ''; position: absolute; z-index: 0; bottom: 10px; left: 10px; width: 95%; height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}

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



.text-center {
    text-align: center;
}
#portname {
    padding: 1.5rem;
}

.text-center {
    text-align: center;
}

.white-bg {
    background: #fff;
}
#portinfo {
    font-size: 0.7rem;
    line-height: 2.5em;
}
#portname .cname {
    font-size: 1.2rem;
}
#portinfo ul {
    border-top: 1px solid #eee;
}
#portinfo ul li {
    border-bottom: 1px solid #eee;
}
#portinfo .name {
    color: #666;
    padding-left: 1em;
    display: inline-block;
    width: 10em;
    vertical-align: top;
}
#portinfo .value {
    display: inline-block;
    margin-left: 0em;
    line-height: 1.5em;
    padding: 0.6em;
    padding-left: 0.2em;
}
.white-bg {
    background: #fff;
}

#map {
    width: 100%;
    height: 300px;
    border: 0;
}
#map iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
#portdetail .name {
    color: #666;
    padding-left: 1em;
    display: inline-block;
    width: 7em;
    vertical-align: top;
    font-size: 0.7rem;
    line-height: 2.5em;
}
.port_desc {
    padding: 1rem 1.3rem;
    font-size: 0.7rem;
    line-height: 1.5em;
    max-width: 100%;
    overflow: hidden;
}
#countryports{
	margin:20px}
#countryports .title {
    margin-top: 0;
    margin-bottom: 1rem;
}


#relation .title {
    margin-top: 2rem;
    font-size: 0.8rem;
    text-align: center;
    font-weight: bold;
    line-height: 2em;
}
.layui-row a{
	display: block;
	height: 40px;
	line-height: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d6d6d6;
	border-right-color: #d6d6d6;
	border-bottom-color: #d6d6d6;
	border-left-color: #d6d6d6;
}
#morePorts{
	margin-top:20px;
	height:50px;
	line-height:50px;
	text-align:center;
	text-align:center;
	background-color:#FC0;
	border-radius:4px}