@charset "utf-8";
[v-cloak]{
    display: none;
}
*,i.iconfont{
    font-size:0.42rem;
}
/*@media screen and (min-width: 998px) {
    body {
        display: none;
    }
}*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#999;
    font-size:0.42rem;
}

input:-moz-placeholder,textarea:-moz-placeholder{
　　color:#999;
　　font-size:0.42rem;
}

input::-moz-placeholder,textarea::-moz-placeholder{
　　color:#999;
　　font-size:0.42rem;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
　　color:#999;
　　font-size:0.42rem;
}
body {
    background: #f1f1f1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.bigBox {
    position: relative;
    overflow: hidden;
}

/*Location indicator加载动画 */
.loadBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .6);
    display: none;
}

.location_indicator {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    margin-left: -15px;
}

.location_indicator:before, .location_indicator:after {
    position: absolute;
    content: "";
}

.location_indicator:before {
    width: 20px;
    height: 20px;
    border-radius: 100% 100% 100% 0;
    box-shadow: 0px 0px 0px 2px rgba(102, 204, 255, 1);
    -webkit-animation: mapping 1s linear infinite;
    -moz-animation: mapping 1s linear infinite;
    animation: mapping 1s linear infinite;
    -webkit-transform: rotate(-46deg);
    -moz-transform: rotate(-46deg);
    transform: rotate(-46deg);
}

.location_indicator:after {
    width: 30px;
    height: 10px;
    border-radius: 100%;
    background-color: rgba(102, 204, 255, 1);
    left: -5px;
    top: 25px;
    z-index: -1;
}

@-webkit-keyframes mapping {
    0% {
        top: 0;
    }

    50% {
        top: -5px;
    }

    100% {
        top: 0;
    }
}

@-moz-keyframes mapping {
    0% {
        top: 0;
    }

    50% {
        top: -5px;
    }

    100% {
        top: 0;
    }
}

@keyframes mapping {
    0% {
        top: 0;
    }

    50% {
        top: -5px;
    }

    100% {
        top: 0;
    }
}

/*==searchbox=======================*/
.searchBox {
    position: fixed;
    top: 0.33rem;
    left: 0.33rem;
    z-index: 90;
    width: 9.34rem;
}
.searchBox .search-back{
    width:100%;
    height:1.11rem;
    background:#fff;
    border-radius: 3px;
}
.searchBox .searchinput {
    height: 1.11rem;
    line-height:1.11rem;
    width: 7.68rem;
    padding-left:0.35rem;
    border:0;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, .9);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:0.42rem;
}
.search-icon{
    position: absolute;
    right:0;
    width:1rem;
    height:0.57rem;
    line-height:0.57rem;
    text-align:center;
    border-left:1px solid #dbdbdb;
    top:0.27rem;
}
.search-icon i{
    color:#b5b5b5;
    font-size:0.57rem;
}
.search-shutup{
    display: none;
    position: absolute;
    right:1rem;
    width:0.66rem;
    height:0.57rem;
    line-height:0.57rem;
    text-align:center;
    top:0.27rem;
}
.search-shutup i{
    color:#dcdcdc;
    font-size:0.44rem;
}
.searchBox .historyBox {
    padding: 0px 0.35rem;
    margin-top: 0.26rem;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 1);
    display: none;
}

.searchBox .historyBox ul {
    display: none;
}

.searchBox .historyBox ul li {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}
.searchBox .historyBox ul li .div-i{
    position: absolute;
    right:0;
    top:0;
    height: 1.11rem;
    line-height: 1.11rem;
}
.searchBox .historyBox ul li .div-i i{
    color:#dadada;
}
.searchBox .historyBox ul li a {
    width:95%;
    display: block;
    height: 1.11rem;
    line-height: 1.11rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#787878;
}
.searchBox .historyBox ul li a span{
    color:#1863c9;
    margin-right:5px;
}
.searchBox .historyBox ul li:after {
    display: block;
    content: '';
    clear: both;
    zoom: 1;
}

#ul_search_history_item li:last-child {
    text-align: center;
    border-bottom: 0;
    height: 1.11rem;
    line-height: 1.11rem;
}
#ul_search_history_item li:last-child .div-i{
    display:none;
}
#ul_search_item li:last-child {
    border-bottom: 0;
}

.searchBox .historyBox ul li:last-child .clearHistory {
    width: 100%;
    height: 100%;
    border: 0;
    background-color: rgba(255, 255, 255, .0);
    color:#999999;
}

.searchBox .historyBox .name {
    float: left;
    line-height: 30px;
}

.searchBox .historyBox .fa {
    float: right;
    color: #999;
    line-height: 30px;
}

/*==shiplist=======================*/
.showBoxBtn{
    position: fixed;
    top:1.78rem;
    z-index: 80;
    right:0.33rem;
}
.chuanduiBox {
    position: fixed;
    top: 3.22rem;
    right:0.33rem;
    z-index: 80;
}
.messageBoxBtn{
    position: fixed;
    top: 4.66rem;
    right:0.33rem;
    z-index: 80;
}
.tfBoxBtn{
    position: fixed;
    top: 6.1rem;
    right:0.33rem;
    z-index: 80;
}
.dwboxBut{
    position: fixed;
    left:0.33rem;
    bottom:0.33rem;
    height:1rem;
    width:1rem;
    line-height:1rem;
    text-align:center;
    background:#fff;
    z-index: 80;
    border-radius: 3px;
    color:#5e6377;
}
.dwboxBut i{
    font-size:0.6rem;
}
.clboxBut{
    padding-top:0.05rem;
    bottom:1.66rem;
}
.clboxBut img{
    width:0.46rem;
    height:auto;
}
input.right-but{
    padding-top:0.5rem;
    line-height:0.5rem;
    height: 1.11rem;
    width: 1rem;
    color: #666;
    border:0;
    font-size:0.34rem;
}
.showBoxBtn input.right-but {
    background:url("../images/shiptrack-icon1.png") no-repeat center 0.1rem #fff;
    background-size: auto 0.44rem;
}
.chuanduiBox input.right-but {
    background:url("../images/shiptrack-icon2.png") no-repeat center 0.1rem #fff;
    background-size: auto 0.44rem;
}
.messageBoxBtn input.right-but {
    background:url("../images/shiptrack-icon3.png") no-repeat center 0.1rem #fff;
    background-size: auto 0.44rem;
}
.tfBoxBtn input.right-but {
    background:url("../images/shiptrack-icon4.png") no-repeat center 0.1rem #fff;
    background-size: auto 0.44rem;
}
.tfBoxBtn input.active{
    background:url("../images/shiptrack-icon5.png") no-repeat center 0.1rem #0980e4;
    background-size: auto 0.44rem;
    color:#fff;
}
.seamapBox{
    background:rgba(0,0,0,0.4);
    position: fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:100;
    display: none;
}
.seamapUl{
    background:#fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position: absolute;
    bottom:0;
    height:3.25rem;
    left:0.33rem;
    right:0.33rem;
    padding:0.556rem 0 0 0.33rem;
}
.seamapUl li{
    width:2.33rem;
    float:left;
    margin-right:0.83rem;
}
.seamapUl li:last-child{
    margin-right:0;
}
.seamapUl li.active .map-img{
    border:1px solid #176feb;
}
.map-img{
    overflow: hidden;
    border-radius: 6px;
    position: relative;
}
.map-img img{
    width:100%;
    height:auto;
    display: block;
}
.duihaoBox{
    display:none;
    position: absolute;
    right:-1px;
    bottom: -1px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    width:0.45rem;
    height:0.45rem;
    text-align:center;
    line-height:0.45rem;
    background:#176feb;
}
.duihaoBox i{
    color:#fff;
    font-size:0.3rem;
}
.seamapUl li.active .duihaoBox{
    display:block;
}
.map-tit{
    height:1rem;
    line-height:1rem;
    text-align:center;
}
.seamapUl li.active .map-tit{
    color:#1861c8;
}
.chuanduiBox .chdBtn_soa {
    height: 34px;
    width: 54px;
    background-color: #fff;
    color: #003399;
    border: 1px solid #ccc;
}

.typhoonBtn {
    height: 34px;
    width: 54px;
    background-color: #fff;
    color: #003399;
    border: 1px solid #ccc;
}

 .shipBox,.shipMessageBox,.shipGroups,.historicalBox {
    display:none;
    overflow: auto;
    position: fixed;
    top: 0;
    left:0;
    bottom:0;
    right: 0;
    background-color: #eeeeee;
    z-index:92;
}
 .shipMessageBox{
     background:#fff;
 }
.shipGroups .shipTeamTit span{
    float:right;
    margin-right:0.33rem;
}
 .shipMessageUl{
     border-top:1px solid #eee;
     padding:0 0.33rem;
 }
.shipMessageUl li{
    height: 1.24rem;
    line-height:1.24rem;
    border-bottom: 1px solid #e9e9e9;
}
.shipGroupsUl{
    padding-top:0.33rem;
}
.shipGroupsUl ul{
    background:#fff;
    padding:0 0.33rem;
}
.shipGroupsUl li{
    height: 1.24rem;
    line-height:1.24rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.shipGroupsUl li.shipGroups-li1{
    border-bottom: 1px solid #e5e5e5;
}
.shipGroupsUl li span{
    margin-left:0.6rem;
}
.shipGroupsUl li input{
    width:6.5rem;
    height: 1.24rem;
    line-height:1.24rem;
    border:0;
    padding:0;
}
.shipGroupsUl li i{
    float:right;
}
.shipNum{
    text-align:right;
    height:0.67rem;
    line-height:0.67rem;
    margin:0 0.33rem;
    font-size:0.34rem;
    color:#999;
}
.shipGroupsIntrc{
    height:1.12rem;
    line-height:1.12rem;
    margin:0 0.33rem;
    color:#666;
}
.shipGroupsMenu{
    margin-left:0.33rem;
}
.shipGroupsMenu a{
    display: block;
    width:2.88rem;
    margin-right:0.33rem;
    float:left;
    background:#fff;
    border-radius: 6px;
    border:1px solid #e5e5e5;
    text-align:center;
    height:0.92rem;
    line-height:0.92rem;
    font-size:0.38rem;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding:0 0.3rem;
    margin-bottom:0.33rem;
}
a:link{ text-decoration: none;}
.shipGroupsMenu a.active{
    background:#0980e4;
    color:#fff;
    border:0;
}
.shipGroupsMenu a:nth-child(3n){
    margin-right:0;
}
.shipTeamTit{
    background:#fff;
    height:1.26rem;
    line-height:1.26rem;
    text-align:center;
}
.goBack{
    position: absolute;
    left:0.33rem;
    top:0;
    line-height:1.26rem;
}
.goBack i{
    font-size:0.42rem;
    color:#000;
    font-weight:600;
}
.shipteam-tit0{
    height:1.26rem;
    line-height:1.26rem;
    margin:0.33rem;
    margin-bottom:0;
    background:#fff;
    border-radius: 3px;
    padding:0 0.33rem;
    overflow:hidden;
}
.shipteam-tit1{
    background: #286ed0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.ship-tit-img{
    width:0.556rem;
    height:0.556rem;
    border-radius: 50%;
    background:#eee;
    float:left;
    margin-top:0.355rem;
    padding-top:0.125rem;
}
.shipteam-tit1 .ship-tit-nav{
    color:#fff;
}
.ship-tit-img .img-back{
    width:0.3rem;
    margin:0 auto;
    height:0.3rem;
    border-radius: 50%;
}
.shipteam-tit0 span{
    float:right;
}
.shipteam-tit1 span i{
    color:#fff;
}
.shipteam-tit1 span i.iconup-jt{
    font-size:0.34rem;
}
.shipBoxUl ul{
    border-top:2px solid #0980e4;
    padding:0.26rem 0;
}
.shipBoxUl{
    background:url("../images/ship-team-back.png") no-repeat right bottom #286ed0;
    background-size:4.02rem auto;
    margin:0 0.33rem;
    padding: 0 0.33rem;
    display:none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    max-height:4.07rem;
    overflow:auto;
    width:9.34rem;
}
.ship-tit-nav{
    float:left;
    margin-left:0.33rem;
}
.shipBoxUl ul li {
    display: block;
    height: 0.89rem;
    line-height:0.89rem;
}

.shipBoxUl ul li:after {
    display: block;
    content: '';
    clear: both;
    zoom: 1;
}

.shipBoxUl ul li:last-child {
    border-bottom: 0;
    /*    height: 36px;
        text-align: center;*/
}

.shipBoxUl ul li:last-child .addShip {
    width: 100%;
    height: 100%;
    border: 0;
    background-color: rgba(255, 255, 255, .0);
}

.shipBoxUl .fa-bell-slash-o {
    width: 15%;
    text-align: left;
    float: left;
    color: #999;
    line-height: 36px;
}

.shipBoxUl .fa-bell-o {
    width: 15%;
    text-align: left;
    float: left;
    color: #00a0e9;
    line-height: 36px;
}

.shipBoxUl .name,.shipMessageUl li a {
    display: block;
    width: 6.57rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    font-size:0.38rem;
    color:#fff;
}
.shipMessageUl li a{
    color:#333;
}
.shipBoxUl li span,.shipMessageUl li span{
    float:right;
    font-size:0.4rem;
}
.shipBoxUl li span i{
    color:rgba(255,255,255,0.9);
    margin-left:0.4rem;
    font-size:0.4rem;
}
.shipMessageUl li span i{
    margin-left:0.5rem;
    color:#c9c9c9;
}
.shipMessageUl li span i.iconxiaoxi{
    color:#276dcd;
    font-size:0.46rem;
}
.shipBoxUl .fa-times-circle-o {
    width: 20%;
    text-align: center;
    float: right;
    color: #999;
    line-height: 36px;
}
/*========================*/
.searchList{
    position: fixed;
    z-index: 999;
    width:200px;
    height:450px;
    top:110px;
    left:10px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #ccc;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px;
    display: none;
}

.searchList ul li {
    display: block;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.searchList .shipBox ul li:after {
    display: block;
    content: '';
    clear: both;
    zoom: 1;
}
/*=====map====================*/
.myMap {
    width: 100%;
    height: 100%;
}

/*===mapstyle======================*/
.mapChooseStyle {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 99;
    width: 100%;
}

.mapChooseStyle .mapStyleBox {
    text-align: right;
    margin-bottom: 10px;
    margin-right: 6px;
}

.presentusername {
    float: left;
    color: #fff;
    font-weight: 600;
    opacity: 0.6;
    margin-left: 6px;
}

.mapChooseStyle .mapStyleBox .mapStyle {
    height: 28px;
    width: 46px;
    border: 1px solid #999;
    background-color: #fff;
    color: #444;
    margin-left: 4px;
}

.mapChooseStyle .mapStyleBox .active {
    background-color: rgba(0, 53, 153, .7);
    border-color: rgba(0, 53, 153, .7);
    color: #fff;
}

.mapChooseStyle .foot {
    width: 100%;
    border-top: 1px solid #ccc;
}

.mapChooseStyle .foot .footbtn {
    display: block;
    width: 33.3333333333333%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    float: left;
    background-color: rgba(255, 255, 255, .8);
    border-right: 1px solid #ccc;
}

.mapChooseStyle .foot .footbtn:last-child {
    border-right: 0;
}

.mapChooseStyle .foot .footbtn .fa {
    margin-right: 6px;
}

/*=======ship message==================*/
.shipMessBox {
    width: 100%;
    max-width: 414px;
    padding:0 0.33rem;
}

.shipMessBox .shipMessContenBox {

}

/*.shipMessContenBox:before {
    width: 0px;
    height: 0px;
    border: 8px solid;
    border-color: #fff transparent transparent transparent;
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
}*/

.shipMessBox .shipMessContenBox .title {
    line-height: 0.667rem;
    height:0.81rem;
    font-size: 12px;
}

.shipMessBox .shipMessContenBox .title .shipmess {
    height: 0.667rem;
    line-height:0.666rem;
    width:0.667rem;
    border-radius: 50%;
    margin-left: 0.6em;
    float: right;
    border:1px solid #e8e8e8;
    display:block;
    text-align: center;
}

.shipMessBox .shipMessContenBox .title .shipmess .fa {
    float: none;
    color: #cbcbcb;
    font-size: 0.4rem;
    vertical-align: middle;
}

.shipMessBox .shipMessContenBox .fa {
    font-size: 18px;
    color: #ff6666;
    float: right;
}

.shipMessBox .shipMessContenBox ul li {
    font-size: 0.38rem;
    float: left;
    line-height: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:none;
    color:#666;
}
.shipMessBox .shipMessContenBox ul li.li-block{
    display:block;
}
.shipMessBox .shipMessContenBox ul li span {
    font-size: 0.38rem;
    line-height: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#666;
}

.shipMessBox .shipMessContenBox .leftli {
    width: 50%;
}

.shipMessBox .shipMessContenBox .rightli {
    width: 50%;
}

.shipMessBox .shipMessContenBox .last {
    width: 100%;
}

/*船轨迹按钮*/
.GJ_BtnBox {
    padding:0.44rem 0;
}

.GJ_BtnContent {
    margin: 0px 0.33rem;
}

.GJ_BtnContent input[type=button] {
    height: 0.83rem;
    border: 0;
    background-color: #0980e4;
    color: #fff;
}

.GJ_BtnContent .halfBtn {
    display: inline;
    width: 3.89rem;
    font-size:0.38rem;
}

.GJ_BtnContent .wholeBtn {
    height: 36px;
    width: 80%;
}

/*轨迹信息弹窗*/
.path_info {
    width: 155px;
    padding: 4px 6px;
    position: relative;
    z-index: 999;
    background-color: rgba(255, 255, 255, .7);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    margin-top: 60px;
}

.path_info:before {
    width: 0px;
    height: 0px;
    border: 8px solid;
    border-color: #fff transparent transparent transparent;
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
}

.path_info li strong {
    margin-left: 3px;
    font-size: 12px;
}

.path_info li span {
    font-size: 12px;
}

.time_info_window {
    width:100px;
    text-align: center;
    padding: 2px 4px;
    font-size:0.34rem;
    background-color: rgba(255, 255, 255, .7);
    white-space: nowrap;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.time_typhoon_info_window {
    width:80px;
    text-align: center;
    padding: 4px 6px;
    background-color: rgba(255, 255, 255, .7);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}
/*.time_info_window:before {*/
    /*width: 0px;*/
    /*height: 0px;*/
    /*border: 8px solid;*/
    /*border-color: #fff transparent transparent transparent;*/
    /*content: '';*/
    /*position: absolute;*/
    /*top: 100%;*/
    /*left: 50%;*/
    /*margin-left: -6px;*/
/*}*/

/*时间选择部分*/
.timecontent,.historical-voyage {
    padding: 0.33rem;
    background-color: #fff;
    position: fixed;
    z-index: 91;
    left: 0.33rem;
    right:0.33rem;
    bottom: 0.33rem;
    height:4rem;
    display: none;
    border-radius: 3px;
}
.historical-voyage{
    height:4.69rem;
}
.shipName-gj{
    padding-bottom:0.44rem;
    font-size:0.38rem;
}
.timecontent .time1,.timecontent .time2,.his-search-box .time1,.his-search-box .time2{
    float:left;
}
.timecontent .time2,.his-search-box .time2{
    line-height:0.85rem;
    margin:0 4px;
    color:#eaeceb;
}
.timecontent .appDateTime,.his-search-box .historDate{
    width: 3.27rem;
    height: 0.85rem;
    line-height:0.85rem;
    border: 1px solid #eee;
    border-radius: 5px;
    background-color: #f5f5f5;
    text-align:center;
}

.timecontent .fixDay,.his-search-box .fixDay{
    margin-top: 20px;
    text-align: center;
}

.timecontent .fixDay .fixTime,.his-search-box .fixDay .fixTime{
    display: inline;
    width: 23%;
    height: 36px;
    border: 1px solid #999;
    background-color: #fff;
}

.timecontent .btnBox {
    float:right;
}

.timecontent .btnBox .fixTime1 {
    width: 1.33rem;
    height: 0.85rem;
    line-height:0.85rem;
    border: 0;
    background-color: #0980e4;
    color: #fff;
    border-radius: 5px;
    float: left;
}

.timecontent .fixTime2,.historical-voyage .fixTime2,.typhoonBack{
    position: absolute;
    width: 1.28rem;
    height: 1rem;
    border: 0;
    background-color: #fff;
    color: #999999;
    left:0;
    top:-1.33rem;
}
.timecontent-nav{
    margin-top:0.41rem;
    border-top:1px solid #e9e9e9;
    padding-top:0.36rem;
    font-size:0.38rem;
    display: flex;
    justify-content: space-between;
}
.timecontent-nav i{
    margin-right:0.1rem;
    color:#286ece;
}
.timecontent-nav span,.timecontent-nav a{
    margin-left:0.05rem;
    font-size:0.38rem;
}
.timecontent-nav span{

}
.timecontent-nav a{
    color:#0b71ff;
    text-decoration: underline;
}
.ship-speed-box{
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom: 0;
    z-index:1000;
    display: none;
    background:rgba(0,0,0,0.5);
}
.ship-speed{
    padding:0.2rem 0;
    background-color: #fff;
    position: fixed;
    z-index: 999;
    left: 0.33rem;
    right:0.33rem;
    bottom: -8rem;
    border-radius: 6px;
}
.ss-shutup{
    position: absolute;
    top:0.15rem;
    right:0.15rem;
}
.ss-shutup i{
    color:#dc1111;
}
.hv-ports{
    height:2.1rem;
    text-align:center;
}
.hv-ports-nav{
    width:3.35rem;
}
.hv-ports-top{
    font-size:0.5rem;
    font-weight:700;
    line-height:0.9rem;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hv-ports-time{
    font-size:0.38rem;
    margin-top:0.2rem;
    line-height:0.42rem;
    color:#999;
}
.hv-icon{
    background:url("../images/hh-icon.jpg") no-repeat center bottom;
    background-size:1.67rem;
    height:1.35rem;
    width:1.98rem;
    text-align: center;
    line-height:1rem;
}
.historical-voyage .timecontent-nav{
    margin-top:0;
}
.ship-voy-more{
    position: absolute;
    right:0.33rem;
    top:0.38rem;
}
.ship-voy-more i{
    font-size:0.5rem;
    color:#b4b4b4;
}
/*无此船信息弹窗*/
.nullContent {
    width: 80%;
    height: 0.6rem;
    text-align: center;
    position: fixed;
    top: 40%;
    left: 50%;
    z-index: 999;
    margin-left: -40%;
    margin-top: -0.5rem;
    display: none;
}
.nullContent span{
    background-color: rgba(0, 0, 0, .5);
    line-height: 0.6rem;
    padding:0.1rem 0.2rem;
    color:#fff;
    border-radius: 3px;
    font-size:0.38rem;
}

/*登录====*/
.logBG_Box {
    width: 100%;
    height: 100%;
    background: url('../images/log_bg.jpg') no-repeat right bottom;
    background-size: cover;
    /*-ms-filter: blur(5px);
    -moz-filter: blur(5px);
    -webkit-filter: blur(5px);
    filter: blur(5px);*/
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
}

.logBox {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
}

.logBox .logo {
    text-align: center;
    margin-top: 10%;
}

.logBox .logo img {
    width: 50%;
}

.logBox .log_content_box {
    width: 8.9rem;
    height:8.9rem;
    margin: 2rem auto 0 auto;
    padding: 0.66rem 0.83rem;
    background-color: rgba(255, 255, 255, 1);
    -moz-border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    border-radius: 0.3rem;
    overflow: hidden;
}
.log_logo213{
    width: 1.44rem;
    height:1.44rem;
}
.log_logo213 img{
    width:100%;
    height:100%;
    display:block;
}
.log_content_box .log_mess {
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: 0.52rem;
    font-weight:700;
}
/*[data-dpr="2"] .log_content_box .log_mess{
     font-size: 20px;
}
[data-dpr="3"] .log_content_box .log_mess{
    font-size: 22px;
}*/

.log_content_box .log_content .inputLi {
    height: 1.33rem;
    position: relative;
}

.log_content_box .title {
    position: absolute;
    bottom: 2px;
    left: 4px;
    line-height: 1.33rem;
    z-index: 99;
}
.log_content_box .title i{
    font-size: 0.42rem;
    color:#666;
    font-weight:500;
}
/*[data-dpr="2"] .log_content_box .title i {
    font-size: 16px;
}
[data-dpr="3"] .log_content_box .title i {
    font-size: 18px;
}*/
.log_content_box .log_input {
    width: 100%;
    height: 1.33rem;
    line-height: 1.33rem;
    position: absolute;
    z-index: 90;
    bottom: 2px;
    left: 0;
    padding-left: 2em;
    border: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-shadow: inset 0px 1.33rem #fff;
    background:#fff;
    border-bottom: 1px solid #e2e2e2;
}
/*[data-dpr="2"] .log_content_box .log_input{
    font-size: 16px;
}
[data-dpr="3"] .log_content_box .log_input{
    font-size: 18px;
}*/
.log_content_box .log_input_btn {
    width: 100%;
    height: 1.11rem;
    line-height: 1.11rem;
    border: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #0880e4;
    color: #fff;
    text-align: center;
    margin-top: 0.69rem;
    border-radius: 6px;
}
/*[data-dpr="2"] .log_content_box .log_input_btn{
    font-size:16px;
}
[data-dpr="3"] .log_content_box .log_input_btn{
    font-size:18px;
}*/
.login-botbox{
    position: relative;
}
.login-bot1{
    height:0.32rem;
    width:7.88rem;
    background:rgba(255,255,255,0.5);
    margin:0 auto;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}
.login-bot2{
    height:0.53rem;
    width:7.1rem;
    background:rgba(255,255,255,0.5);
    margin:0 auto;
    position: absolute;
    top:0;
    left:1.45rem;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}
.log_content_box .hold-num{
    position: absolute;
    right:0;
    bottom:2px;
    height: 1.33rem;
    line-height: 1.33rem;
    font-size:0.34rem;
    color:#0f55b7;
    z-index:91;
}
/*[data-dpr="2"] .log_content_box .hold-num{
    font-size:14px;
}
[data-dpr="3"] .log_content_box .hold-num{
    font-size:16px;
}*/
.enroll213{
    position: absolute;
    bottom:0.83rem;
    text-align:center;
    line-height:1rem;
    font-size:0.34rem;
    width:100%;
    color:#fff;
}
.enroll213 span{
    color:#e8ea58;
    font-size:0.34rem;
}
.beianhao {
    width: 100%;
    position: relative;
}

.beianhao p{
    position: absolute;
    width: 100%;
    z-index: 90;
    left: 0;
    bottom: 10px;
    text-align: center;
    color: #888;
}

    /*注册*/
.register_content_box {
    width: 96%;
    margin: 20px auto 0 auto;
    background-color: rgba(255, 255, 255, .7);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: auto;
}

.register_content_box .log_mess {
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    text-align: center;
    background-color: #dce7f0;
    border-bottom: 1px solid #999;
}

.register_content_box .log_content {
    padding: 0 15px 15px 15px;
}

.register_content_box .log_content .inputLi {
    height: 54px;
    position: relative;
    border-bottom: 1px solid #b7bcc1;
}

.register_content_box .log_content .inputLi .imgSpan {
    display: block;
    position: absolute;
    z-index: 99;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 40px;
    background-color: #e1e1e1;
    border: 1px solid #999;
}

.register_content_box .log_content .inputLi .imgSpan img {
    width: 100%;
    height: 100%;
}

.register_content_box .log_content .inputLi .telnumbtn {
    width: 100px;
    height: 40px;
    position: absolute;
    z-index: 99;
    bottom: 0;
    right: 0;
    padding: 0 10px;
    line-height: 1;
    background-color: #00a0e9;
    color: #fff;
    border: 0;
}

.register_content_box .log_content .inputLi .title {
    position: absolute;
    bottom: 2px;
    left: 0;
    line-height: 40px;
    font-size: 14px;
    z-index: 99;
}

.register_content_box .log_content .inputLi .log_input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: absolute;
    z-index: 90;
    bottom: 2px;
    left: 0;
    padding-left: 50px;
    border: 0;
    font-size: 15px;
    background-color: rgba(255, 255, 255, 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.register_content_box .log_input_btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #00a0e9;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}

.register_content_box .log_content .inputLi .num_input_btn {
    padding-right: 100px;
}

.register_content_box .log_content .return_log {
    text-align: center;
    font-size: 12px;
    color: #888;
    margin-top: 16px;
}

/*分享提示*/
.arrow_box {
    position: fixed;
    z-index: 9999;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.arrow {
    width: 100px;
    height: 75px;
    position: fixed;
    right: 0;
    top: -20px;
    display: block;
    margin: 10px 10px;
}

.arrow:before {
    position: absolute;
    right: 0;
    top: 0;
    border: 20px solid;
    content: '';
    border-color: transparent transparent #fff transparent;
}

.arrow .curve {
    height: 65px;
    width: 61px;
    top: 39px;
    right: 0px;
    position: absolute;
    overflow: hidden;
}

.arrow .curve:before {
    -moz-border-radius: 2000px;
    -webkit-border-radius: 2000px;
    border-radius: 2000px;
    border: 15px solid #fff;
    height: 80px;
    width: 120px;
    content: '';
    position: absolute;
    top: -66px;
    left: -100px;
}

.arrow_box .messremind {
    width: 190px;
    padding: 10px;
    font-size: 15px;
    color: #fff;
    border: 1px dashed #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: fixed;
    top: 35px;
    right: 80px;
}

/*关闭弹窗按钮*/
.closeHolBox {
    font-size: 26px;
    color: #ff0000;
    position: fixed;
    top: 16%;
    right: 5%;
    margin-right: 2px;
}

/*数据分析*/
.holeBox {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
}

.holeBox .dateShare {
    width: 90%;
    height: 62%;
    background-color: #fff !important;
    position: fixed;
    top: 16%;
    left: 5%;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
}

/*搜箱===================================================*/
.jzhxBG_Box {
    width: 100%;
    height: 100%;
    background: url('../images/log_bg.jpg') no-repeat center center;
    background-size: cover;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
}
.logo-tit{
    height:1.8rem;
    line-height:1.8rem;
    font-size:0.5rem;
    color:#fff;
}
.logo-tit img{
    width:1.8rem;
    height:1.8rem;
    margin-right:0.33rem;
    float:left;
}
.shipcontenterBox {
    position: fixed;
    top: 1.67rem;
    left: 0.33rem;
    right:0.33rem;
    z-index: 99;
}

.shipcontenterBox .logo {

}

.shipcontenterBox .logo p {
    color:#fff;
    padding:0.53rem 0;
}


.shipcontenterBox .contentBox {

}

.shipcontenterBox .contentBox .shipcontent_select {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: rgba(255, 255, 255, .8);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.shipcontenterBox .contentBox .shipcontent_select .fa {
    margin-right: 10px;
}

.shipcontenterBox .contentBox .messremind {
    font-size: 12px;
    text-align: center;
    color: #777;
}

.shipcontenterBox .contentBox .remindmess {
    font-size: 14px;
    color: #cc0000;
    text-align: center;
}

.shipcontenterBox .contentBox .inputBox {
    margin-bottom:0.33rem;
    width: 100%;
    height: 1.12rem;
    position: relative;
}
.shipcontenterBox .contentBox .w50input{
    width:4.38rem;
}
.dgbox{
    width:0.56rem;
    text-align:center;
    line-height:1.12rem;
    color:#fff;
}
.shipcontenterBox .contentBox .inputBox .title {
    width: 2.19rem;
    line-height: 1.12rem;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    padding-left: 0.33rem;
    color:#999999;
}
.shipcontenterBox .contentBox .w50input .title {
    width:1.4rem;
}
.shipcontenterBox .contentBox .inputBox .jzhxinput {
    width: 100%;
    height: 40px;
    position: absolute;
    z-index: 90;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .8);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding-left: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 0;
}

.shipcontenterBox .contentBox .jzhxbutton {
    width: 100%;
    height: 1.12rem;
    line-height: 1.12rem;
    text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #edcb69;
    color: #333;
}

/*港口弹窗*/
.selectShow {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    padding: 12px;
    overflow: hidden;
    display: none;
}

.selectShow .searchLi {
    width: 100%;
    height: 40px;
    position: relative;
}

.selectShow .searchLi .searchinput {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 100%;
    line-height: 40px;
    text-align: left;
    border: 0;
    padding-left: 25px;
    white-space: nowrap;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.selectShow .searchLi .fa {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 40px;
    margin-left: 4px;
    font-size: 16px;
    color: #999;
}

.selectShow ul {
    height: 80%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: auto;
    margin-top: 4px;

}

.selectShow ul li {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 6px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.selectShow ul li:last-child {
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

/*集装箱港口列表*/
.contenterPortsList ul li {
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    padding: 0 10px;
    border-bottom: 1px solid #ddd;
}

.contenterPortsList .btn_d {
    padding: 0 12px;
    text-align: center;
    margin-top: 20px;
}

.contenterPortsList .btn_d .PortsListShowBtn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #0168b7;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
}

.contenterPortsList ul li::after {
    display: block;
    content: '';
    clear: both;
    zoom: 1;
}

.contenterPortsList ul li .portsName {
    display: block;
    width: 50%;
    line-height: 40px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contenterPortsList ul li .time {
    display: block;
    width: 50%;
    line-height: 40px;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

/*提单号弹窗*/


/*--------contenterPortsListShow Vue -------------- */
.info-enter-active {
    animation: info-in .6s;
}

.info-leave-active {
    animation: info-out .2s
}

@keyframes info-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes info-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.contenterPortsListShow ul li {
    display: block;
    line-height: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.contenterPortsListShow ul li span{
    display:block;
}
.contenterPortsListShow ul li .title{
    width:2.08rem;
    float:left;
    color:#666;
}
.contenterPortsListShow ul li .mess{
    width:6.14rem;
    float:left;
}
    /*预到港查询*/
.shipcontenterBox .contentBox .inputBox .ydg_input {
    width: 100%;
    height: 1.12rem;
    position: absolute;
    z-index: 90;
    top: 0;
    left: 0;
    background-color: #f5f5f5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding-left: 2.19rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 0;
}
.shipcontenterBox .contentBox .w50input .title{
    width:1.41rem;
}
.shipcontenterBox .contentBox .w50input .ydg_input{
    padding-left: 1.41rem;
}
    /*预到港查询-船列表弹窗*/
.portShipList,.shipInfoList {
    width: 100%;
    bottom:0;
    position: fixed;
    z-index: 99;
    top: 0;
    /*left: 100%;*/
    background:#eee;
    display:none;
}

.portShipList .portShip1,.contenterPortsListShow {
    left:0;
    right:0;
    background:url("../images/portship-back.jpg") no-repeat left top;
    background-size:100% auto;
    position: absolute;
    top:1.26rem;
    bottom:0;
}

.portShipList .portShip1 .action_btn {
    width: 46px;
    height: 46px;
    text-align: center;
    background-color: rgba(0, 102, 204, .6);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: absolute;
    top: 20px;
    right: 5px;
}

.portShipList .portShip1 .action_btn .fa {
    font-size: 28px;
    line-height: 46px;
    color: #fff;
}

.portShipList .portShip1 .con-ul,.contenterPortsListShow .con-ul {
    position: absolute;
    top:1.11rem;
    bottom:0.33rem;
    left:0.33rem;
    right:0.33rem;
    background:#fff;
    border-radius: 6px;
    padding: 0 0.55rem;
}
.portShipList .portShip1 .con-ul ul{
    position: absolute;
    left:0.55rem;
    right:0.55rem;
    top:0.4rem;
    bottom:0.4rem;
    overflow: auto;
}
.contenterPortsListShow .con-ul ul{
    position: absolute;
    left:0.55rem;
    right:0.55rem;
    top:0.3rem;
    bottom:0.4rem;
    overflow: auto;
}
.portShipList .portShip1 .shiplist li {
    height: 1.44rem;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom:0.27rem;
}
.portShipList .portShip1 .shiplist li:last-child{
    margin-bottom:0;
}
.portShipList .portShip1 .shiplist li::after {
    display: block;
    content: '';
    clear: both;
    zoom: 1;
}
.portShipList .portShip1 .shiplist li p{
    line-height:0.462rem;
    font-size:0.34rem;
    color:#ababab;
}
.portShipList .portShip1 .shiplist li p.shipName {
    line-height: 0.574rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:0.42rem;
    color:#333;
}
.shipLeftName{
    width:5.1rem;
    margin-right:0.08rem;
}
.shipRightTime{
    width:2.74rem;
}
.shipGo-icon{
    line-height:1.56rem;
    width:0.32rem;
}
.shipGo-icon i{
    color:#e9e9e9;
}
.portShipList .portShip1 .remindmess {
    line-height: 36px;
    text-align: center;
}

/**--------------- .portShipList Vue--------------- **/
.bounce-enter-active {
    animation: bounce-in .5s;
}

.bounce-leave-active {
    animation: bounce-out .5s;
}

@keyframes bounce-in {
    0% {
        left: 100%;
    }
    100% {
        left: 0;
    }
}

@keyframes bounce-out {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

/*关于我们*/
.mobile_aboutUs_bg {
    width: 100%;
    height: 100%;
    background: url(../images/log_bg1.jpg) no-repeat top left #0f55b7;
    background-size: 100% auto;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
}

.mobile_aboutUs {
    width: 100%;
    height: 100%;
    padding: 0.33rem;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    overflow: auto;
}
.mobile-photo{
    padding-top:4rem;
    line-height:0.8rem;
    text-align:right;
    color:#fff;font-size:0.42rem;
}
.mobile-wz{
    line-height:0.6rem;
    text-align:right;
    color:#fff;font-size:0.42rem;
}
.mobile_aboutUs .words {
    text-indent: 2em;
    color: #fff;
    padding-top:0.6rem;
    color:#fff;
    font-size:0.34rem;
    line-height:0.54rem;
    text-align: justify;
}

.mobile_aboutUs p .name {
    font-size: 16px;
    color: #fff;
}

.mobile_aboutUs .tel_num {
    text-indent: 0;
    text-align: center;
    color: #000;
    margin-top: 10px;
    margin-bottom: 40px;
}

.mobile_aboutUs .tel_num .num {
    color: #660000;
    font-size: 20px;
    text-decoration: underline;
}

.mobile_aboutUs .tel_num .fa {
    font-size: 18px;
    color: #660000;
    margin-right: 8px;
}

/*========船资料页面===================================*/
.shipMessHtmlBox {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: 0px 0 30px 0;
    overflow: auto;
}

.shipMessHtmlBox .box_style {
    border: 1px solid #ddd;
    border-bottom: 0;
    background-color: #fff;
    padding: 0 10px;
}

.shipMessHtmlBox .box_style:last-child {
    border-bottom: 1px solid #ddd;
}

.shipMessHtmlBox .box_style .title {
    width: 100%;
    height:1.2rem;
    line-height:1.2rem;
}
.shipMessHtmlBox .box_style .title i{
    float:right;
}
.shipMessHtmlBox .box_style .title .fa {
    margin-right: 10px;
    margin-top: 11px;
}

.shipMessHtmlBox .box_style .tt_mess {
    padding: 10px 0px;
    border-top: 1px solid #ddd;
    display: none;
}

.shipMessHtmlBox .box_style .tt_mess li {
    width: 100%;
    height: 0.8rem;
    line-height: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #888;
}

.shipMessHtmlBox .box_style .tt_mess li span {
    color: #333;
}

.shipMessHtmlBox .box_style .tt_mess li.shipimg {
    width: 100%;
    height: 120px;
    border: 1px solid #ddd;
    background: url('../images/noimg.jpg') no-repeat center center;
    background-size: 100% 100%;
    margin-bottom: 6px;
}

.shipMessHtmlBox .box_style .tt_mess li.shipimg img {
    width: 100%;
    height: 100%;
}

.shipMessHtmlBox .box_style .title .triangle_ratate {
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 17px;
}

/*船舶档案 不跳页*/
#ship_info {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    /*background-color: #fff;*/
}

#backBtn {
    width: 42px;
    height: 42px;
    position: fixed;
    right: 10px;
    top: 20px;
    text-align: center;
    background-color: rgba(0, 102, 204, .7);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/*购买弹窗*/
.FixOutBox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

.FixOutBox .FixBgBox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9990;
    width: 100%;
    height: 100%;
    background-color: #333;
    opacity: .8;
    -moz-filter: opacity(80);
    -webkit-filter: opacity(80);
    filter: opacity(80);
}

.FixOutBox .FixContentBox {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: 300px;
    height: 216px;
    margin-top: -108px;
    margin-left: -150px;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 12px;
}

.FixOutBox .FixContentBox .fa {
    position: absolute;
    top: -5px;
    right: -2px;
    z-index: 9999;
    color: #ff3333;
    font-size: 28px;
}

.FixOutBox .FixContentBox .shipName {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #ddd;
}

.FixOutBox .FixContentBox .forfree {
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #999;
    text-decoration: underline;
}

.FixOutBox .FixContentBox .cost {
    width: 100%;
    text-align: center;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.FixOutBox .FixContentBox .cost .num {
    color: #ff5e00;
    font-size: 24px;
    margin-right: 4px;
}

.FixOutBox .FixContentBox .messremind {
    width: 100%;
    text-align: center;
    line-height: 24px;
    color: #999;
    font-size: 12px;
}

.FixOutBox .FixContentBox .btn {
    width: 200px;
    height: 35px;
    line-height: 35px;
    margin: 6px auto 0 auto;
    text-align: center;
    background-color: #0168b7;
    color: #fff;
    font-weight: 600;
}

/*录入*/
.lurudiv {
    padding: 10px;
    overflow: auto;
}

.lurudiv ul li {
    width: 100%;
}

.lurudiv ul li.title {
    line-height: 24px;
    margin-top: 6px;
    color: #666;
}

.lurudiv .normalinput {
    width: 100%;
    height: 36px;
    padding: 0 4px;
    line-height: 36px;
    border: 1px solid #ddd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
}

.lurudiv .textarea {
    width: 100%;
    height: 126px;
    resize: none;
    border: 1px solid #ddd;
    padding: 4px;
    overflow: hidden;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
}

.lurudiv .yzhmLi {
    height: 36px;
    position: relative;
    padding-right: 125px;
}

.lurudiv .yzhmLi .yzhminput {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ddd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
}

.lurudiv .yzhmLi .telnumbtn {
    width: 130px;
    height: 36px;
    background-color: #00a0e9;
    color: #fff;
    border: 0;
    font-size: 12px;
    padding: 0 10px;
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
}

.lurudiv .yzhmLi .imgSpan {
    width: 130px;
    height: 36px;
    background-color: #00a0e9;
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
}

.lurudiv .yzhmLi .imgSpan img {
    width: 130px;
    height: 36px;
    border: 0;
}

.lurudiv .submit {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    background-color: #00a0e9;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 40px;
}

.lurudiv .selectedplaceholder {
    color: #ccc;
}

.lurudiv .placeholder::-webkit-input-placeholder {
    color: #ccc;
}

.lurudiv .placeholder::-moz-placeholder {
    color: #ccc;
}

.lurudiv .placeholder:-moz-placeholder {
    color: #ccc;
}

.lurudiv .placeholder:-ms-input-placeholder {
    color: #ccc;
}

/*申请活动*/
.sumitremindbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.sumitremindbox .remindmess {
    width: 100%;
    height: 160px;
    position: fixed;
    top: 50%;
    left: 0;
    margin-top: -90px;
    text-align: center;
}

.sumitremindbox .remindmess p {
    font-size: 15px;
    font-size-adjust: initial;
}

/*活动详情*/
.huodongdiv .hdbanner {
    width: 100%;
    /*height: 110px;
    background: url('../images/huodongbanner.jpg') no-repeat center center;
    background-size: 100% 100%;*/
}

.huodongdiv .hdbanner img {
    width: 100%;
}

.huodongdiv .applyBTN {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin: 0 auto 15px auto;
    background-color: #841e2d;
    color: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.huodongdiv .hudongContent {
    width: 100%;
    padding: 0 10px 40px 10px;
}

.hudongContent li {
    margin-bottom: 10px;
}

.hudongContent .p1 {
    text-indent: 2em;
}

.hudongContent .p2 {
    padding: 6px 12px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 2px dashed #993300;
    background-color: rgba(255, 255, 255, .6);
}

.hudongContent li .style1 {
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Adobe Heiti Std';
    color: #f8ecd4;
}

.hudongContent li .imgdiv {
    width: 100%;
}

.hudongContent li .imgdiv img {
    width: 100%;
}

.hudongContent .messLi {
    border-top: 1px dashed #f8ecd4;
    padding-top: 10px;
}

#selectJob {
    width: 100%;
    background-color: #fff;
}

/*活动价格*/
.hudongContent .messLi .pricediv {
    border: 2px dashed #993300;
    background-color: rgba(255, 255, 255, .6);
}

.hudongContent .messLi .pricediv .pricebtn {
    display: block;
    width: 200px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    margin: 0 auto;
}

.hudongContent .messLi .pricediv .pricetable {
    border: 1px dashed #993300;
    border-bottom: 0;
    border-right: 0;
    width: 90%;
    margin: 0 auto 16px auto;
    display: none;
}

.pricediv .pricetable tr td {
    text-align: center;
    vertical-align: middle;
    border: 1px dashed #993300;
    border-top: 0;
    border-left: 0;
}

.pricediv .pricetable tr:first-child td {
    font-weight: 600;
    line-height: 32px;
}

.pricediv .pricetable tr td:first-child {
    font-weight: 600;
    line-height: 32px;
}

[v-cloak] {
    display: none;
}
/*修改船名长度*/
.shipname{
    padding: 2px 4px;
    font-size: 12px;
    background-color: rgba(255,255,255,.8);
    position: relative;
}
.shipname::before{
    width: 0px;
    height: 0px;
    border: 4px solid;
    content: '';
    border-color: #fff transparent transparent transparent;
    position: absolute;
    left:50%;
    bottom: -8px;
    margin-left: -4px;
}

/*船舶信息*/
.shipInfoBox{
    position: fixed;
    left:0.33rem;
    right:0.33rem;
    background:#fff;
    bottom:0.33rem;
    border-radius: 3px;
    z-index:88;
}
.shipTopIcon{
    height:0.48rem;
    text-align: center;
}
.shipTopIcon i{
    font-size:0.42rem;
    color:#cbcbcb;
}
#shipTopIcon1 i{
    font-size:0.48rem;
}
.shipDoIcon{
    position: absolute;
    right:0.33rem;
    top:0.48rem;
    text-align:right;
}
.shipDoIcon span,.shipDoIcon a{
    display:block;
    margin-left:0.3rem;
    float:left;
}
.shipDoIcon i{
    font-size:0.66rem;
    color:#cccccc;
}
.shipDoIcon i.active{
    color:#1761c4;
}
.shipDoIcon i.iconxiaoxilingdang{
    font-size:0.6rem;
}
.shipDoIcon i.iconshoucang1{
    font-size:0.6rem;
}
.shipDoIcon i.active{
    color:#1761c4;
}
/*.shipDoIcon i.iconshoucang1{
    color:#1761c4;
    font-size:0.6rem;
}*/
.historicalBox .shipTeamTit{
    border-bottom:1px solid #eee;
}
.historicalBox .shipTeamTit span{
    margin:0 0.4rem;
    display: inline-block;
    color:#666;
}
.historicalBox .shipTeamTit span.active{
    font-weight:700;
    position: relative;
    color:#333;
}
.historicalBox .shipTeamTit span.active:after{
    content: "";
    height:0.08rem;
    border-radius: 50%;
    width:0.88rem;
    background:#0a80e4;
    display:block;
    position: absolute;
    bottom:0;
    left:50%;
    margin-left:-0.44rem;
}
.his-search-box{
    height:1.42rem;
    background:#fff;
    padding:0.29rem 0.33rem 0 0.33rem;
}
.his-search-box .historDate{
    width:3.6rem;
}
a.magnifier{
    display: block;
    width:1.3rem;
    background:#0980e4;
    height:0.85rem;
    line-height:0.85rem;
    text-align:center;
    border-radius: 6px;
}
a.magnifier i{
    font-size:0.46rem;
    color:#fff;
}
.his-ship-list{
    padding: 0 0.33rem;
}
.his-ship-list li{
    background:#fff;
    border-radius: 6px;
    margin-top:0.22rem;
    padding:0.4rem 0.33rem 0.46rem 0.33rem;
}
.hv-ports-zt{
    font-size:0.38rem;
    color:#999;
    padding-top:0.2rem;
}
.his-ship-list li .hv-ports{
    height:2.6rem;
}
.his-ship-list li .timecontent-nav{
    margin-top:0;
}
.his-ports-list{
    margin-top:0.22rem;
    background:#fff;
}
.his-ports-list li{
    background:url("../images/lj-ports2.jpg") no-repeat 0.33rem top;
    background-size:0.389rem auto;
    padding:0 0.33rem 0 1.05rem;
}
.his-ports-top{
    height:2.05rem;
    border-bottom:1px solid #e9e9e9;
}
.his-ports-tit{
    padding-top:0.5rem;
    line-height:0.62rem;
}
.his-ports-tit span{
    float:right;
    color:#9a9a9a;
    font-size:0.38rem;
}
.his-ports-zt{
    line-height:0.5rem;
    color:#276dcd;
    font-size:0.38rem;
}
.his-ports-list li:first-child{
    background:url("../images/lj-ports1.jpg") no-repeat 0.33rem 0.63rem;
    background-size:0.389rem auto;
}
.his-ports-list li:last-child{
    background:url("../images/lj-ports3.jpg") no-repeat 0.33rem top;
    background-size:0.389rem auto;
}
.his-ports-list li:last-child .his-ports-top{
    border:0;
}
.backbody{
    background:rgba(0,0,0,0.3);
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:none;
    z-index:99;
}
.dw-box{
    position: fixed;
    left: 0.33rem;
    right: 0.33rem;
    background: #fff;
    bottom: 0.33rem;
    border-radius: 3px;
    z-index: 88;
    padding:0 0.33rem 0.43rem 0.33rem;
    display:none;
}
.clboxBut span{
    display:none;
    color:#0781e4;
    font-size:0.34rem;
}
.shipName-gj span.right-nav{
    color:#999999;
    font-size:0.38rem;
    margin-left:0.85rem;
    position: relative;
}
.shipName-gj span.active::after{
    content: '';
    position: absolute;
    width:100%;
    display: block;
    height:2px;
    background:#0a80e4;
    bottom:-0.1rem;
    left:0;
}
.dw-box .shipName-gj{
    line-height:1.2rem;
    padding-bottom:0;
}
.positionBox{
    margin-bottom:0.33rem;
}
.positionBox input{
    height:0.833rem;
    border:0;
}
input.position-input{
    line-height:0.83rem;
    border:1px solid #eee;
    background:#f5f5f5;
    width:3.11rem;
    border-radius: 3px;
    text-align:center;
}
input.n-menu,input.s-menu{
    width:0.694rem;
    background:#f5f5f5;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
input.s-menu{
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.positionBox span{
    margin:0 0.16rem;
}
.positionBox input.active{
    background:#0980e4;
    color:#fff;
}
.position-menu{
    padding-top:0.1rem;
    text-align: center;
}
.position-menu input{
    border:0;
    height:0.833rem;
    width:1.34rem;
    margin:0 0.32rem;
    font-size:0.38rem;
}
.position-menu input.active{
    background:#0980e4;
    color:#fff;
}
.tooltip{
    text-shadow: #fff 2px 0 1px, #fff 0 2px 1px, #fff -2px 0 1px, #fff 0 -2px 1px;
}
.no-data{
    width:2.71rem;
    margin:0 auto;
    padding-top:3.16rem;
    display:none;
}
.no-data img{
    width:100%;
    height:auto;
}
.his-ports-list li.active-first{
    background: url(../images/lj-ports0.jpg) no-repeat 0.33rem 0.63rem;
    background-size: 0.389rem auto;
}
.ports-list-box{
    display: none;
    background:#f5f5f5;
    position: absolute;
    z-index:91;
    top:1.12rem;
    margin-top:-6px;
    padding:0 0.33rem;
    overflow:auto;
    max-height:8rem;
}
.ports-list-box li{
    width:8.68rem;
    line-height:1rem;
    border-bottom:1px solid #e1e1e1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#contentBox{
    z-index:100;
}
.typhoonBox{
    position: fixed;
    left:0.33rem;
    right:0.33rem;
    bottom:0.33rem;
    z-index:91;
    display:none;
}
.typhoon-title{
    background:#fff;
    height:1rem;
    line-height:1rem;
    display: inline-block;
    border-radius: 3px;
    color:#e5e5e5;
}
.typhoon-title span{
    margin:0 0.33rem;
    display: inline-block;
    font-size:0.38rem;
    color:#999;
}
.typhoon-title span.typhoon-active{
    color:#0980e4;
    position: relative;
    font-weight:700;
}
.typhoon-title span.typhoon-active::after{
    content: '';
    width:100%;
    position: absolute;
    height:2px;
    display:block;
    background:#0980e4;
    bottom:0;
}
.typhoon-nav-box{
    background:#fff;
    border-radius: 3px;
    padding:0.33rem;
    margin-top:0.33rem;
}
.typhoon-nav-box input{
    height:0.85rem;
    line-height:0.85rem;
    border:0;
    font-size:0.38rem;
}
.typhoon-nav-box input.typhoon-input{
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    background:#f5f5f5;
    width:6.97rem;
    text-align:center;
    display:block;
}
.typhoon-nav-box input.typhoon-but{
    background:#0980e4;
    color:#fff;
    width:1.36rem;
}
.typhoon-data{
    margin-top:0.33rem;
    border-top:1px solid #eeeeee;
}
.ul-typhoon li{
    display:block;
    width:2.16rem;
    margin-top:0.31rem;
    padding-left:0.58rem;
    font-size:0.34rem;
    position: relative;
    line-height:0.34rem;
}
.ul-typhoon li::after{
    position: absolute;
    content: '';
    width:0.34rem;
    height:0.34rem;
    display:block;
    border:1px solid #e6e6e6;
    background:#f5f5f5;
    left:0;
    top:0;
    border-radius: 2px;
}
.ul-typhoon li.active::after{
    border:1px solid #0980e4;
    background:#0980e4;
}
.ul-typhoon{
    max-height:3.1rem;
    overflow: auto;
}
.no-typhoon{
    padding-top:0.33rem;
    line-height:0.42rem;
    color:#9a9a9a;
    font-size:0.34rem;
}
.typhoon-tit{
    line-height:0.6rem;
    font-size:0.38rem;
}
.typhoon-key{
    padding-bottom:0.25rem;
}
.typhoon-key span{
    display:block;
    width:3rem;
    float:left;
    margin-top:0.25rem;
    padding-left:1.2rem;
    font-size:0.38rem;
    position: relative;
    color:#666;
}
.typhoon-key span::after{
    content: '';
    position: absolute;
    height:2px;
    width:1.1rem;
    left:0;
    display:block;
    top:0.2rem;
    background:#ff3c4d;
}
.typhoon-key span:nth-child(2)::after{
    background:#fdbe00;
}
.typhoon-key span:nth-child(3)::after{
    background:#23bc01;
}
.typhoon-key span:nth-child(4)::after{
    background:#04faf7;
}
.typhoon-key span:nth-child(5)::after{
    background:#ff00fe;
}
.typhoon-dj span{
    display:block;
    width:3rem;
    float:left;
    margin-top:0.25rem;
    padding-left:0.5rem;
    font-size:0.38rem;
    position: relative;
    color:#666;
}
.typhoon-dj span::after{
    content: '';
    position: absolute;
    height:0.28rem;
    width:0.28rem;
    left:0;
    display:block;
    top:0.12rem;
    background:#02ff02;
    border-radius: 50%;
}
.typhoon-dj span:nth-child(2)::after{
    background:#0164ff;
}
.typhoon-dj span:nth-child(3)::after{
    background:#fffb04;
}
.typhoon-dj span:nth-child(4)::after{
    background:#ffac06;
}
.typhoon-dj span:nth-child(5)::after{
    background:#f171f9;
}
.typhoon-dj span:nth-child(6)::after{
    background:#fe0103;
}
#anchor-pane {
    width: 40px;
    height: 40px;
    position: relative;
}
#flick-pane1 {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 0;
    border-top: 2px solid #ff0000;
    border-left: 2px solid #ff0000;
}

#flick-pane2 {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 0;
    border-top: 2px solid #ff0000;
    border-right: 2px solid #ff0000;
}

#flick-pane3 {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid #ff0000;
    border-left: 2px solid #ff0000;
}

#flick-pane4 {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    border-bottom: 2px solid #ff0000;
    border-right: 2px solid #ff0000;
}
.typhoonBack{
    top:0;
    right:0;
    left:auto;
    font-size:0.38rem;
}
.shipGroupColor{
    width:0.34rem;
    height:0.34rem;
    margin-top:0.5rem;
    margin-left:0.2rem;
    border:1px solid rgba(255,255,255,0.5);
}
.typhoon-input-box .eddYear{

}
.typhoon-input-box span{
    display:block;
    width:0.85rem;
    text-align: center;
    line-height:0.85rem;
    background:#d8d8d8;
}
.typhoon-input-box span i{
    color:#787878;
    font-size:0.38rem;
}
#loginBox .telnumbtn{
    color:#0f55b7;
    position:absolute;
    right:0;
    top:0.34rem;
    z-index:91;
    border:0;
    background:none;
    font-size:0.38rem;
}
.typhoonPoint{
    display:none;
    width:6px;
    height:6px;
    background:#f30;
    position:absolute;
    right:2px;
    top:2px;
    border-radius: 50%;
}
#btn_add_company i{
    font-size:0.6rem;
}