/*.main{background-color: #f2f2f2;}*/
.main .content{width: 1200px;margin: 0 auto;padding-top: 30px;}
.main .content .title span:nth-of-type(1){width: 4px;height:25px;background-color:#005bac;display: inline-block;position: relative;top:5px;}
.main .content .title span:nth-of-type(2){font-size: 24px;margin-left: 15px;}
.main .content .title a{width: 100px;height: 30px;font-size:18px;display: inline-block;background-color: #005bac;float: right;
color: white;padding-left: 15px;}
.main .content .top{width: 100%;height: 218px;padding: 20px;background-color: #ffffff;margin-top: 20px;}
.main .content .top .fenlie span:first-of-type{font-size: 16px;}
.main .content .top .fenlie a{margin-right:20px;}
.main .content .top .fenlie a.active{padding:2px 3px;display: inline-block;background-color: #005bac;color: white; }
.main .content .top .fenlie{margin-bottom: 10px;}
.main .content .top .zaizhong input{width: 80px;height: 30px;border-radius: 5px;border: 1px solid #cccccc;padding-left: 10px;}
.main .content .top .zaizhong select{width: 80px;height: 30px;border-radius: 5px;border: 1px solid #cccccc}
.main .content .top .zaizhong .dun{position: relative;left: -20px;}
.main .content .top .zaizhong .money{position: relative;left: -35px;}
.main .content .top .zaizhong .span1{font-size: 16px;}
.main .content .top .zaizhong .span2{font-size: 16px;}
.main .content .top .zaizhong .span3{font-size: 16px;}
.main .content .top .zaizhong .zhi{margin-left:-15px;margin-right: 10px;}
.main .content .top .zaizhong .zhi1{margin-right: 10px;}
.main .content .top .zaizhong a{width: 60px;height: 30px;background-color: #005bac;color: white;display:inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size:16px;
    padding-left:13px;
    padding-top:3px;
    margin-left: 30px;
}
.main .content .center{width: 100%;height:64px;padding: 20px;background-color: #ffffff;margin-top: 20px;margin-bottom: 20px;}
.main .content .center .fenlie span:first-of-type{font-size: 16px;}
.main .content .center .fenlie a{margin-right:20px;}
.main .content .center .fenlie a.active{padding:2px 3px;display: inline-block;background-color: #005bac;color: white; }
.main .content .bottom .chuan{width: 100%;height: 170px;background-color: white;margin-bottom: 20px;}
.main .content .bottom .chuan .tu{display: inline-block;}
.main .content .bottom .chuan .tu img{position: relative;top:-67px;}
.main .content .bottom .chuan .sanhuo{display: inline-block;margin-left: 20px;margin-top:5px;}
.main .content .bottom .chuan .money{display: inline-block;font-size: 28px;color: red;position: relative;left:180px;top:-50px;}
.main .content .bottom .chuan .chakan{display: inline-block;position: relative;left: 300px;top:-60px;}
.main .content .bottom .chuan .sanhuo p:first-of-type{font-size: 20px;}
.main .content .bottom .chuan .sanhuo .leixing{margin-top: 10px;margin-bottom: 5px;}
.main .content .bottom .chuan .sanhuo .leixing span{color: #888888;}
.main .content .bottom .chuan .sanhuo .leixing span:nth-of-type(2){margin-left: 15px;}
.main .content .bottom .chuan .sanhuo .leixing span:nth-of-type(3){margin-left: 15px;}
.main .content .bottom .chuan .biaoqian a{display: inline-block;padding: 3px 4px;border: 1px solid #005bac;color: #005bac;
    border-radius: 5px;font-size: 12px;margin-left: 10px;}
.main .content .bottom .chuan .biaoqian a:first-of-type{margin-left: 0px;}
.main .content .bottom .chuan .biaoqian{margin-top:5px;}
.main .content .bottom .chuan .chakan a{display: inline-block;width: 120px;height: 40px;background-color: #005bac;font-size: 20px;color: white;padding-left:20px;padding-top: 3px;}
.main .fenye{width: 560px;margin: 0 auto;margin-top: 40px;height: 50px;}
.main .fenye a{color: #333333;}
.main .fenye .a1{padding: 5px 8px;border: 1px solid #cccccc;}
.main .fenye .a2{padding: 5px 8px;border: 1px solid #cccccc; }
.main .fenye .a3{padding: 5px 10px;border: 1px solid #cccccc;margin: 0 5px;}
.main .fenye .a4{padding: 5px 12px;border: 1px solid #cccccc;}
.main .fenye a.active{background-color: #005bac;color: white !important;}
.starttimef{width: 80px;height: 30px;border-radius: 5px;border: 1px solid #cccccc;padding-left: 10px;}
.shiping {
    width: 200px;
    height: 115px;
    position: fixed;
    top: 70%;
    right: 0;
    z-index: 99;
}

.ceng {
    width: 200px;
    height: 115px;
    background-color: #FFFFFF;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    filter: alpha(opacity:0);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity:0;

}

.shiping video {
    position: absolute;
    top: 0;
    z-index: 1;
}




#jxy img {
    /*display: inline-block;*/
    position: fixed;
    right: 0.8%;
    top: 17%;
}

#fhdb img {
    border-radius: 8px;
    position: fixed;
    right: 0.8%;
    top: 39.5%;
}

#dh {
    position: fixed;
    right: 0.8%;
    top: 32%;
    display: block;
    width: 63px;
    height: 63px;
    background: #007AFF;
    border-radius: 8px;
    /* margin: 5px 10px;*/
    text-align: center;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

#dh img {
    width: 30px;
    margin: 8px 0 5px 0;
}

.divphone {
    /*position: fixed;
right: 6%;
top: 33%;*/
    display: none;
    border: 1px solid #007AFF;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #007AFF;
    font-size: 20px;
    float: left;
    margin-top: 15px;
    margin-left: -190px;
    border-radius: 3px;
    background-color: #fff;

}


#wx {
    border-radius: 8px;
    position: fixed;
    right: 0.8%;
    top: 24.5%;

    display: block;
    width: 63px;
    height: 63px;
    background: #007AFF;
    border-radius: 8px;
    /*margin: 5px 10px;*/
    text-align: center;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

.divimg {
    display: none;
    width: 120px;
    height: 120px;
    float: left;
    margin-left: -130px;
}

.imgcode {
    width: 118px;
    height: 118px;
    border: 2px solid #dfdfdf;
    margin: 0;
}

.wxtp {
    width: 30px;
    margin: 7px 5px;
}

#daohang {
    clear: both;
    position: fixed;
    z-index: 999;

}

.xw_title {
    color: #666;
    line-height: 52px;
    float: left;
}

.xwjj {
    border-bottom: 1px solid #e5e5e5;
}
.t-d-serve,
.t-d-news,
.t-d-dating {
    position: relative;
}

.t-d-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 90%;
    z-index: 999;
    padding: 5px 10px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: center;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    width: 100%;
}

.t-d-serve:hover .t-d-menu,
.t-d-news:hover .t-d-menu,
.t-d-dating:hover .t-d-menu {
    display: block
}

.t-d-menu a {
    height: 30px !important;
    line-height: 30px !important;
    color: #333;
}

header {
    width: 100%;
    height: 40px;
    background-color: #d9d9d9;
}

header .content {
    width: 1200px;
    margin: 0 auto;
    line-height: 40px;
}

header .content .login {
    display: inline-block;
    float: right;
}

header .content .login .denglu {
    margin-right: 10px;
}

header .content .login .denglu,
header .content .login .zhuce {
    margin-left: 5px;
}
.article-list .media .media-left a {
    display: block;
    width: 120px;
}
.tabs-wrapper .tabs-group {
position: relative;
}
.tabs-wrapper .tabs-group .title {
float: left;
padding: 10px 0;
width: 80px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
}
.tabs-wrapper .tabs-group .content {
list-style: none;
padding: 0;
margin: 0 0 0 60px;
}
.tabs-wrapper .tabs-group .content > li {
float: left;
padding: 5px 12px;
}
.tabs-wrapper .tabs-group .content > li > a {
display: block;
padding: 5px 10px;
border: none;
-webkit-border-radius: 4px;
-webkit-background-clip: padding-box;
-moz-border-radius: 4px;
-moz-background-clip: padding;
border-radius: 4px;
background-clip: padding-box;
color: #828a92;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tabs-wrapper .tabs-group .content > li.active > a,
.tabs-wrapper .tabs-group .content > li:focus > a,
.tabs-wrapper .tabs-group .content > li:hover > a {
color: #007bff;
}
.panel-default{
    border: #000 !important;;
}

@media (min-width: 991px) {
    .article-list .article-item {
        max-height: 160px;
        overflow: hidden;
    }

    .article-list .article-item .article-title {
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
}


/*船舶交易***样式*/
.content .top{text-align: center;line-height: 60px;position: relative;bottom: 35px;right: 10px;display: inline-block;float: right;}
.content .top .mores{color:#ffffff;}
.content .top .m-l-3{margin-top: -2px;}


.sale-jp {
    margin: 0 auto;
    width: 1200px;
    padding: 13px 15px;
    overflow: auto;
    background-color: #eaeaea;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.sale-jp .jp-content{
    margin: 16px 5px 0 5px;
    /*padding: 0 8px;*/
    border: solid 1px #6f6f6f;
    /*width: 33.3333333%;*/
    width: 24%;
    background-color: #FFFFFF;
}
.sale-jp .jp-content img{
    width: 100%;
    height: 100%;
}
.jp_img{height: 260px;}
.jp_img .status{position: relative;top: -260px;padding: 5px 10px;background-color:#6086dd;display: inline-block;font-size: 18px;color: #FFFFFF;border-radius: 0px 0px 18px 0px;text-align: center; }
.jp_info{color: #000000;}
.jp_info .info{padding-left: 10px;}
.jp_img .time{position: relative;top: -69px;background-color:#6086dd;color: #FFFFFF;padding: 5px 10px;font-size: 16px;font-weight: bold;}
.jp_info .title{font-size: 22px;font-weight: bolder;padding: 10px 0;}
.jp_info .start-title{font-size: 16px;color: #7b7b7b;}
.jp_info .start{font-size: 22px;font-weight: bolder;color: #000000;}
.jp_info .unit{color: #000000;font-weight: bolder;}
.jp_info .shiptype{border: 1px solid #b8b8b8;padding: 5px 10px;margin:20px 0;display: inline-block;}
.jp_info .nums{display: flex;background-color: #f0f0f0;padding: 5px 10px;text-align: center;}
.jp_info .nums .enroll{flex: 1;border-right: 1px solid #a2a2a2;}
.jp_info .nums .wg{flex: 1;}
/*船舶交易***样式*/





















