/*reset*/
body, h1, h2, li, ul,article,aside,nav, div,span, p, footer, input, span, button,dl,dd,dt,section,header {
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: none;
    outline: none;
}
html {
    font-size: 100px;
    color:#000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-family: "Helvetica neue", Helvetica, Tahoma, "lantinghei sc", "Microsoft Yahei", sans-serif;
}
html, body {
    position: relative;
    background: #f8f8f8;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}
ul{ list-style:none;}
img{
    border: none;
}
/*去除苹果浏览器按钮默认ui处理*/
input[type="text"],
input[type="submit"],
 input[type="reset"],
 input[type="button"],
 button {
 -webkit-appearance: none;
 outline: none;
 }
.clearfix:after{ content:"."; display:block; height:0; clear:both; overflow:hidden;}
.clearfix{ zoom:1;}
.fl{ float: left; }
.fr{float: right;}





/*登陆*/
.login-bg{
    background: #fff;
}
.logo img{
    display: block;
    width: 3.36rem;
    height: auto;
    padding: 1.6rem 0;
    margin: 0 auto;
}
.form-box p{
    width: 5.5rem;
    height: .7rem;
    line-height: .7rem;
    border-bottom: 1px solid #999;
    position: relative;
    margin:0 auto .45rem;
    position: relative;
}
.form-box p input{
    border: 0;
    margin-left: .6rem;
    background: transparent;
    display: block;
    width: 4.2rem;
    height: .7rem;
    font-size: .24rem;
}
.clear-btn{
    background: url(../images/close.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0.2rem;
    top: 0.25rem;
    width: 0.27rem;
    height: 0.27rem;
}
.user-name{
    background: url(../images/user_name_icon.png) no-repeat left center;
    background-size: auto 60%;
}

.user-pwd{
    background: url(../images/pwd_icon.png) no-repeat left center;
    background-size: auto 60%;
}
.err_ti{
    position: absolute;
    bottom: -0.6rem;;
    right: 0;
    color: #DB6C29;
    font-size: .2rem;
    display: none;
}
.login-btn{
    display: block;
    border: 0;
    border-radius: .5rem;
    width: 5.5rem;
    height: 0.8rem;
    line-height: .8rem;
    margin:0.8rem auto 0;
    background: #ccc;
    text-align: center;
    color: #fff;
    font-size: .26rem;
}
.login-btn.on{
    background: #db6c29;
} 


/*设置*/
.news-tips{
    height: .8rem;
    line-height: .8rem;
    color: #898989;
    font-size: .24rem;
    background: #f8f8f8;
    padding-left: .4rem;

}
.tips-box{
    background: #fff;
    width: 100%;
    height: 2.6rem;
    text-align: center;
}
.status-pic{
    width: .68rem;
    height: .64rem;
}
.no-news{
    font-size: .24rem;
    color: #999;
}
.search-list{
    background: #fff;
    border-top: 1px solid #ccc;
}
.search-list li{
    border-bottom: 1px solid #ccc;
    height: .85rem;
    line-height: .85rem;
    color:#666;
    font-size: .26rem;
    padding-left: .8rem;
    position: relative;
}

.cb{
    background: url(../images/type_icon2.png) no-repeat .3rem center;
    background-size: auto 40%;
}
.gc{
    background: url(../images/type_icon3.png) no-repeat .3rem center;
    background-size: auto 40%;
}
.mk{
    background: url(../images/type_icon5.png) no-repeat .3rem center;
    background-size: auto 40%;
}
.gk{
    background: url(../images/type_icon6.png) no-repeat .3rem center;
    background-size: auto 40%;
}
.jhc{
    background: url(../images/type_icon4.png) no-repeat .3rem center;
    background-size: auto 40%;
}
.zt{
    background: url(../images/type_icon1.png) no-repeat .3rem center;
    background-size: auto 40%;
}
.open-btn{
    background: url(../images/close_btn.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .2rem;
    top: .2rem;
    width: .86rem;
    height: .52rem;
}
.open-btn.on{
    background: url(../images/open_btn.png) no-repeat;
    background-size: 100% 100%;
}
/*搜索*/
.yjm-search{ position:absolute; top:0px; left:0px; z-index:500; height:1.02rem; border-bottom:0.01rem solid #d6d6db; background:#efeff4; width:100%;}
.yjm-search-box{ margin:0.17rem; border:0.01rem solid #e7e7eb; background:#fff; height:0.67rem; line-height:0.67rem; border-radius:6px; position:relative; overflow:hidden;}
.yjm-search-inp{ height:0.67rem; line-height:0.67rem; display:block; width:100%; box-sizing:border-box; padding:0 0.55rem; 0 0.59rem; border:none; text-align:left; font-size:0.22rem; color:#222222;}
.yjm-search-ti{ position:absolute; left:0px; top:0px; height:0.67rem; width:0.59rem; background:url(../images/index_search.png) no-repeat center center; 
background-size:0.26rem 0.26rem;}
.yjm-search-close{ position:absolute; right:0px; top:0px; height:0.67rem; width:0.55rem; background:url(../images/close.png) no-repeat center center; 
background-size:0.27rem 0.27rem;}
.yjm-search-list{ position:absolute; top:1.03rem; left:0px; width:100%; box-sizing:border-box; padding:0 0.26rem; background:#fff; max-height:2.6rem; overflow-x:hidden; overflow-y:auto;}
.yjm-search-list ul{ border-top:none;}
.yjm-search-list ul li:last-child{ border-bottom:none;}
.yjm-search-nolist{ height:0.72rem; text-align:center; font-size:0.22rem; color:#cccccc; line-height:0.72rem;}
.yjm-search-loading { height:2.6rem; text-align:center; font-size:0.32rem; color:#cccccc; line-height:2.6rem; }
/*地图*/
.yjm-box{ padding-top:1.03rem; box-sizing:border-box; width:100%; height:100%;}
/*操作*/
.yjm-box-cz{ position:absolute; z-index:300; right:0.08rem;}
.yjm-box-cz-type{ top:1.37rem;}
.yjm-box-cz-all{ top:2.48rem;}
.yjm-box-cz-item{height:0.77rem; width:0.77rem;border-radius:6px; overflow:hidden;}
.yjm-box-cz-item-type{ background:#fff url(../images/ndex_tt01.png) no-repeat center center; 
background-size:0.38rem 0.38rem;box-shadow:0px 1px 3px 0px rgba(0,0,0,.4);}
.yjm-box-cz-item-type.sel{background:#fff url(../images/ndex_tt01_sel.png) no-repeat center center; 
background-size:0.38rem 0.38rem; box-shadow:0px 0px 10px 3px rgba(219,108,41,.4); }
.yjm-box-cz-item-all{ background:#fff url(../images/ndex_tt04.png) no-repeat center center; 
background-size:0.44rem 0.29rem;box-shadow:0px 1px 3px 0px rgba(0,0,0,.4);}
.yjm-box-cz-item-all.sel{background:#fff url(../images/ndex_tt04_sel.png) no-repeat center center; 
background-size:0.44rem 0.29rem; box-shadow:0px 0px 10px 3px rgba(219,108,41,.4); }
.yjm-box-cz-tab{position:absolute; z-index:300; right:0.94rem; top:0px;}
.yjm-box-cz-tab-type{ background:#fff;height:0.77rem; box-sizing:border-box; padding:0 0 0 0.1rem; width:5.29rem;border-radius:6px; overflow:hidden;box-shadow:0px 1px 3px 0px rgba(0,0,0,.4);}
.yjm-box-cz-tab-type span{ float:left; width:0.75rem; height: 0.4rem;line-height: 0.44rem; text-align:center; border:0.01rem solid #db6c29; background:#fff; margin-right:0.07rem; margin-top:0.18rem;
font-size:0.22rem; color:#333333; border-radius:2px; overflow:hidden;}
.yjm-box-cz-tab-type span.sel{ color:#fff;background:#db6c29 url(../images/index_type_sel.png) no-repeat right bottom;background-size:0.21rem 0.20rem;}
.yjm-box-cz-tab-all{height:0.77rem; box-sizing:border-box; padding:0 0 0 0.1rem; width:2rem;}
.yjm-box-cz-tab-all span{box-sizing: border-box;height:0.77rem; width:0.77rem; display:block;border-radius:6px; overflow:hidden; box-shadow:0px 1px 3px 0px rgba(0,0,0,.4);float: right;margin-left:0.18rem;background-repeat: no-repeat; background-position: center center;}
.yjm-box-cz-tab-all span.gz{ background-image:url(../images/follow3.png); background-size:0.35rem 0.35rem;background-color: #ffffff;}
.yjm-box-cz-tab-all span.qb{ background-image:url(../images/ndex_tt02_sel.png); background-size:0.36rem 0.36rem;background-color: #ffffff;}
.yjm-box-cz-tab-all span.gz.sel{ background-color: #db6c29; background-image:url(../images/follow4.png);}
.yjm-box-cz-tab-all span.qb.sel{ background-color: #db6c29; background-image:url(../images/ndex_tt02_b.png);}

.yjm-box-cz-map{top:3.59rem;}
.yjm-box-cz-item-map{background:#fff url(../images/ndex_tt03.png) no-repeat center center; 
background-size:0.38rem 0.33rem;box-shadow:0px 1px 3px 0px rgba(0,0,0,.4);}
.yjm-box-cz-item-map.sel{background:#fff url(../images/ndex_tt03_sel.png) no-repeat center center; 
background-size:0.38rem 0.33rem; box-shadow:0px 0px 10px 3px rgba(219,108,41,.4); }
.yjm-box-cz-tab-map{height:0.77rem; box-sizing:border-box; padding:0 0 0 0.1rem; width:2.6rem;}
.yjm-box-cz-tab-map span{ position: relative; box-sizing: border-box;float:right; width:1.06rem; height: 0.77rem;line-height: 0.77rem; border:0.01rem solid #bfbfbf;margin-left:0.18rem;border-radius:4px; overflow:hidden;}
.yjm-box-cz-tab-map span.sel{border:0.01rem solid #db6c29;}
.yjm-box-cz-tab-map span.defaultLayer{background:url(../images/ndex_ty1.png) no-repeat center center;background-size:100% 100%;}
.yjm-box-cz-tab-map span.satellLayer{background:url(../images/ndex_ty2.png) no-repeat center center;background-size:100% 100%;}
.yjm-box-cz-tab-map span i{display: none; }
.yjm-box-cz-tab-map span.sel i{ position: absolute; right: 0.01rem; bottom: 0.01rem; width: 0.315rem; height: 0.3rem;background:url(../images/index_type_sel.png) no-repeat center center;background-size:100% 100%; display: block;}
    /* 定义 图层切换控件 my-set 主题 */  
        .amap-ui-control-theme-my-set .amap-ui-control-layer {}
        .amap-ui-control-theme-my-set{ font-size: 0.2rem; z-index:300;}
        .amap-ui-control-theme-my-set.amap-ui-control-theme-my-set{top:2.59rem;right:0.08rem;}
        .amap-ui-control-theme-my-set .amap-ui-control-layer-expanded {color: #db6c29;} 
        .amap-ui-mobile.amap-ui-control-theme-my-set .amap-ui-control-layer-toggle {background:#fff;color: #898989;
        /*box-shadow:0px 0px 10px 3px rgba(219,108,41,.4); */box-shadow:0px 1px 3px 0px rgba(0,0,0,.4);border-radius:6px; overflow:hidden;height:0.77rem; width:0.77rem;}
        .amap-ui-control-layer-list{background:#fff; padding:0.1rem;border-radius:6px; overflow:hidden;}
        .amap-ui-mobile.amap-ui-control-theme-my-set .amap-ui-control-layer .iconfont{font-size: 0.38rem;}
    /* 定义放大缩小空间 my-zoomde 主题 */     
        .amap-ui-control-theme-my-zoomde.amap-ui-control-position-lt{ top:1.37rem; left:0.08rem;}
        .amap-ui-control-theme-my-zoomde.amap-ui-control-position-lt .amap-ui-control-zoom {width: 0.65rem;}
        .amap-ui-control-theme-my-zoomde.amap-ui-control-position-lt a.zoom-btn{ background-color:#fff; color:#db6c29;width: 0.65rem; line-height:0.65rem; height:0.65rem;font-size: 0.24rem;}
        .amap-ui-control-theme-my-zoomde.amap-ui-control-position-lt a.zoom-btn.disabled{color:#ccc;}
    
/*分享*/
.share-bg{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index:500;

}
.share-box{
    padding-top: .9rem;
}
.share-wrap{
    width: 80%;
    height: 7.2rem;
    background: #fff;
    border-radius: .2rem;
    margin: .25rem auto .35rem;
}
.share-close-btn{
    display: block;
    width: .58rem;
    height: .58rem;
    background: url(../images/close1.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;

}
.share-tip{
    font-size: .24rem;
    color: #fff;
    text-align: center;
}
.ship-pic{
    width: 100%;
    height: 2.3rem;
    border-radius: .2rem .2rem 0 0;
}
.share-news{
    padding:0 .25rem;
}
.share-news-tit{
    font-size: .26rem;
    color: #222;
    margin-bottom: .2rem;
}

.share-news-top{
    color: #333;
    font-size: .22rem;
    text-align: center;
}
.share-news-bottom{
    color: #666;
    font-size: .18rem; 
    text-align: center;
}
.share-news-top span,.share-news-bottom span{
    display: inline-block;
    width:33%;
    text-align: center;
}
.share-news-top .share-distance{
    width:30%;
    margin: 0 0.15%;
    border-bottom: 1px solid #222;
}
.share-news-bottom .share-time{
    width:30%;
    margin: 0 0.15%;
}

.share-news-item{
    color: #898989;
    font-size: .2rem;
    padding-left: .2rem;
    margin-top: .15rem;
}
.share-ewm-pic img{
    display: block;
    width: 1.56rem;
    height: 1.56rem;
    margin: .2rem auto;
}
.share-ewm-tip{
    color: #666;
    font-size: .18rem;
    text-align: center;
}
/*我的关注*/
.yjm-follow{
    position:absolute;
    bottom:0.0rem;
    width:100%;
    z-index:300; 
    background-color:#ffffff;
}
.yjm-follow-top{
    padding:0.16rem 0.0rem;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}
.yjm-follow-top-tu{
    display:block;
    width:0.22rem;
    height:0.22rem;
    margin:0 auto;
 
}
.yjm-follow-top-word{
    margin-top:0.13rem;
    text-align: center;
    font-size:.24rem;
    color:#999999;

} 
.yjm-follow-bottom-n{
    font-size:0.24rem;
    color:#cccccc;
    text-align: center;
    padding-top:0.5rem;
    padding-bottom:0.82rem;
}
.yjm-follow-bottom-y{ max-height:2.88rem; overflow-x:hidden; overflow-y:auto;}
.yjm-follow-bottom-y li{
   display:block;
}
.yjm-follow-bottom-y-one{
    padding:0 0.4rem 0 0.42rem; 
    border-bottom:1px solid #cccccc;
    height:0.96rem;
    line-height:0.96rem;
    overflow:hidden;
}
.yjm-follow-bottom-one-left{
     font-size:0.26rem;
    color:#333333;
    padding-left:0.52rem;  
    width: 50%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.yjm-follow-bottom-one-left.cb{
    background:url(../images/type_icon2.png) no-repeat left center;
    background-size: auto 40%;
}
.yjm-follow-bottom-one-left.gc{
    background:url(../images/type_icon3.png) no-repeat left center;
    background-size: auto 40%;
}
.yjm-follow-bottom-one-left.jhc{
    background:url(../images/type_icon4.png) no-repeat left center;
    background-size: auto 40%;
}
.yjm-follow-bottom-one-left.mk{
    background:url(../images/type_icon5.png) no-repeat left center;
    background-size: auto 40%;
}
.yjm-follow-bottom-one-left.gk{
    background:url(../images/type_icon6.png) no-repeat left center;
    background-size: auto 40%;
}
.yjm-follow-bottom-one-left.zt{
    background:url(../images/type_icon1.png) no-repeat left center;
    background-size: auto 40%;
}
.yjm-follow-bottom-one-right{
    
    
}
.yjm-follow-bottom-one-right-one{
    font-size:0.24rem;
    color:#db6c29;
    display:inline-block;
    vertical-align:top;
    

}
.yjm-follow-bottom-one-right-two{
    font-size:0.24rem;
    color:#ffffff;
    width:1.2rem;
    height:0.5rem;
    background-color:#db6c29;
    text-align:center;
    line-height: 0.5rem;
    display:inline-block;
    border-radius: 0.06rem;
    vertical-align:top;
    margin-top:0.22rem;
}


/*天气*/
.weather-box{
    width: 2.7rem;
    min-height: 1.4rem;
    padding: .1rem;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: .1rem;
    position: absolute;
    top: 1.96rem;
    box-shadow: 0 0 7px 1px #ccc;
    z-index: 400;
    letter-spacing: -1px;
}
.weather-box2{
    width: 3.2rem;
    letter-spacing: 0;
}

.weather-pic{
    position: absolute;
    left: -.3rem;
    top: -.3rem;
    width: .8rem;
    height: auto;
    border-radius: 50%;
}
.wea-state{
    color: #222;
    font-size: .2rem;
    margin-left: .5rem;
}
.wea-wd{
    color: #db6c29;
    font-size: .29rem;
}
.weather-list li{
    float: left;
    width: 50%;
    line-height: 0.32rem;
    overflow: hidden;
}
.weather-list li span{
    float: left;
}
.weather-tit{
    color: #999;
    font-size: .2rem;
}
.weather-num{
    color: #666;
    font-size: .2rem;
}

/*站台*/
.yjm-wbottom{
    position:absolute;
    bottom:0.0rem;
    width:100%;
    z-index:300; 
    background-color:#ffffff;
}
.yjm-wbottom-top{
    position:relative;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:0.1rem 0.0rem 0.0rem 0.3rem;
}
.yjm-wbottom-top-oword{
     font-size:0.30rem;
     margin-bottom:0.16rem; 
}
.yjm-wbottom-top-word-one{
    font-size:0.30rem;
    color:#222222;
    margin-right:0.4rem;
}
.yjm-wbottom-top-word-two{
    font-size:0.18rem;
    color:#999999;
}
.yjm-wbottom-top-tword{
    font-size:0.2rem;
    color:#666666;
    margin-bottom:0.16rem; 
}
.yjm-wbottom-bottom{
    padding:0.1rem 0.3rem 0.0rem 0.3rem;
}
.yjm-wbottom-bottom-oword{
    font-size:0.13rem;
    color:#666666;
    margin-bottom:0.0rem;
}
.yjm-wbottom-bottom-oword-te{
    font-size:0.18rem;
    color:#666666;
    float:left;
    width:50%;
   margin-top: .08rem;
   word-break: break-all;
}
.list-name{display: table-cell; white-space: nowrap;}
.yjm-wbottom-bottom-oword-te.yjm-wbottom-bottom-oword-one{width:100%;}
.yjm-wbottom-bottom-oword-tte{
    font-size:0.18rem;
    color:#333333;
    display: table-cell;
}
.yjm-wbottom-bottom-oword-tte-a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.yjm-wbottom-gz{
    position:absolute;
    z-index:1;
    width:1.2rem;
    top:-0.5rem;
    right:0.24rem;
}
.yjm-wbottom-top-follow{
    width:1.2rem;
    height:0.95rem;
    border-radius: 50%;
    border:1px solid #dc6e2c;
    font-size: 0.12rem;
    padding-top:0.2rem; 
    background-color:#fff; 
    
}
.yjm-wbottom-top-follow-word{
    text-align: center;
    font-size: 0.22rem;
    color:#db6c29;
    margin-top:0.05rem;
}
.yjm-wbottom-top-follow-tu{
    width:.38rem;
    display:block;
    height:.38rem;
    margin:0 auto;

}
.yjm-wbottom-top-follow-origin{
   background-color:#db6c29; 
}
.yjm-wbottom-top-follow-word-bai{
    color:#fff;
}
/*钢厂*/
.steel-mill-words{
    margin-right:0.8rem;
}
.yjm-wbottom-bottom-oword-one-last{
    margin-bottom:0.36rem;
}
/*轮船*/
.yjm-wbottom-chuanban{ margin-right:0.3rem; font-size:0.13rem; padding-bottom:0.0rem;}
.yjm-wbottom-chuanban-item{ width:40%; height:0.64rem; float:left; box-sizing:border-box;}
.yjm-wbottom-chuanban-left{ text-align:right; padding-right:0.15rem;}
.yjm-wbottom-chuanban-center{ text-align:center; width: 18%;}
.yjm-wbottom-chuanban-right{ text-align:left; padding-left:0.2rem;}
.yjm-wbottom-chuanban-item p{ height:0.32rem; font-size: .24rem;}
.yjm-wbottom-chuanban-left p.p1,.yjm-wbottom-chuanban-right p.p1{ font-size:0.24rem; color:#333333;text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;}
.yjm-wbottom-chuanban-center p.p1{ border-bottom:2px solid #999999;height: 0.35rem;}

.yjm-wbottom-btn{border-top:1px solid #cccccc; text-align:center;height:0.76rem; overflow:hidden;}
.yjm-wbottom-btn div{ width:25%; height:0.76rem; text-align:center; font-size:0.24rem; color:#898989; display:inline-block; vertical-align:top;}
.yjm-wbottom-btn div.sel{ color:#db6c29;}
.yjm-wbottom-btn .c1{background:url(../images/tab_c01.png) no-repeat center 0.1rem;background-size: 0.34rem 0.31rem;}
.yjm-wbottom-btn .c2{background:url(../images/tab_c02.png) no-repeat center 0.1rem;background-size: 0.34rem 0.31rem;}
.yjm-wbottom-btn .c3{background:url(../images/tab_c03.png) no-repeat center 0.1rem;background-size: 0.34rem 0.31rem;}
.yjm-wbottom-btn .c4{background:url(../images/tab_c04.png) no-repeat center 0.1rem;background-size: 0.34rem 0.31rem;}
.yjm-wbottom-btn .sel.c4{background:url(../images/tab_c04_sel.png) no-repeat center 0.1rem;background-size: 0.34rem 0.31rem;} 
.yjm-wbottom-btn div span{ height:0.38rem; line-height:0.38rem; padding-top:0.38rem; display:block;}