﻿/*
作用：专区页面改版
作者：hyma
日期：2020.5.22
*/

/*首页*/
body{
    background: #f4f4f4;
}



/*商品分类、导航*/
.nav_wrap{
    border-bottom: none;
}
.nav_wrap .nav .categorys {
    padding-left: 26px;
    width: 174px;
    background: #004d53;
}
.nav_wrap .nav .categorys .cate_h1{
    color:#A2B3A9;
}
.nav_wrap .nav .nav_list{
    width: 1000px;
    background: #005f65;
}
.nav_wrap .nav .nav_list li a.a-link{
    color: #A2B3A9;
}
.nav_wrap .nav .nav_list li a.a-link:hover{
    color: #fff;
}
.nav_wrap .nav .nav_list li.nav_link_selected a.a-link{
    color: #fff;
}
.nav_wrap ul.nav_list.fl.nav_new li.nav_link_selected a.a-link:hover{
    color: #fff;
}
/*导航下拉*/
.nav_wrap .nav_list li .topcityList{
    left: -472px;
    box-shadow: 2px 2px 10px #ccc;
}
/*全部商品分类*/
/*首页、共享专区*/
.all_sort_box{
    background: #fff;
    width: 200px;
    height: 444px;
    /*overflow: hidden;*/
    position: absolute;
    left: 0;
    top:48px;
}
.all_sort{
    position: relative;
    height: 444px;
}
.all_sort .one_class{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.all_sort .one_class .line{
    border-bottom: 1px dashed #ebebeb;
    width: 160px;
    margin-left: 20px;
    height: 10px;
    margin-bottom: 4px;
}
.all_sort .one_class:last-child .line{
    border-bottom:none;
}
.all_sort .one_class dt{
    width: 180px;
    padding: 0 0 0 20px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    color: #005f65;
}
.all_sort .one_class dd{
    line-height: 22px;
    color: #333;
}
.all_sort .one_class dd li{
    width: 180px;
    height: 23px;
    line-height: 23px;
    float: left;
    padding: 0 0 0 20px;
    cursor: pointer;
}
.all_sort .one_class dd li .one_class_title{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.all_sort .one_class dd li:hover{
    background:#004d53;
}
.all_sort .one_class dd li:hover .one_class_title::after{
    content: '';
    display: inline-block;
    width: 18px;
    height: 23px;
    background: url(../../../../images/v1.1/revision/right2.png) no-repeat center;
    background-size: 18px;
    float: right;
    margin-right: 10px;
}
.all_sort .one_class dd li .one_class_title a{
    display: inline-block;
}
.all_sort .one_class dd li .one_class_title span{
    padding: 0 2px;
}
.all_sort .one_class dd li .one_class_title span:last-child{
    display: none;
}
.all_sort .one_class dd li:hover .one_class_title,
.all_sort .one_class dd li:hover .one_class_title a{
    color: #fff;
}

/*全部商品子分类*/

.all_sort .all_sort_con{
    width: 750px;
    height: 444px;
    overflow-y: auto;
    position: absolute;
    left: 200px;
    top: 0;
    background: #ffffff;
    box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    padding: 20px;
    box-sizing: border-box;
    display: none;
}
.all_sort .all_sort_con .one_class_con{
    height: auto;
    padding-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
    border-bottom: 1px dashed #EAEAEF;
}
.all_sort .all_sort_con .one_class_con:last-child{
    border-bottom: none;
}
.all_sort .all_sort_con h5{
    font-size: 14px;
    color: #333333;
    padding: 0;
    margin: 0 0 10px 0;
    line-height: 20px;
    font-weight: bold;
}
.all_sort .all_sort_con dt{
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    width: 100px;
    float: left;
    line-height: 22px;
    padding: 5px 0;
}
.all_sort .all_sort_con dd{
    width:590px ;
    float: left;
    padding: 5px 0;
}
.all_sort .all_sort_con dt::after{
    content: '';
    display: inline-block;
    width: 18px;
    height: 23px;
    background: url(../../../../images/v1.1/revision/right1.png) no-repeat center;
    background-size: 18px;
    float: right;
    margin-right: 10px;
}
.all_sort .all_sort_con dd a{
    color: #666666;
    font-size: 12px;
    line-height: 22px;
    display: inline-block;
    margin: 0 5px;
}
.all_sort .all_sort_con dd a:hover{
    color: #005f64;
}
/*一级、二级专区*/
.all_sort .one_class dd.one_two{
    margin-top: 15px;
}
.all_sort .one_class dd.one_two li{
    height: 30px;
    line-height: 30px;
    width: 170px;
    padding-left: 30px;
}
.all_sort .one_class dd.one_two li .one_class_title::after{
    content: '';
    display: inline-block;
    width: 18px;
    height: 30px;
    background: url(../../../../images/v1.1/revision/right3.png) no-repeat center;
    background-size: 18px;
    float: right;
    margin-right: 20px;
}
.all_sort .one_class dd.one_two li:hover .one_class_title::after{
    height: 30px;
    background: url(../../../../images/v1.1/revision/right2.png) no-repeat center;
    background-size: 18px;
    margin-right: 20px;
}
.all_sort .feedback{
    text-align: center;
    position: absolute;
    bottom: 0;
    height: 26px;
    line-height: 26px;
    width: 100%;
    background-color: #F4FAFA;
}
.all_sort .feedback a{
    display: inline-block;
    padding-left: 20px;
    color: #004D53;
    background: url(../../../../images/v1.1/revision/feedback_ico.png) center left no-repeat;
}
/*banner*/
.floor0_wrap{
    width: 1200px;
    height: 464px;
    margin: 0 auto;
}
.banner_con{
    width: 750px;
    height: 444px;
    left: 200px;
    top: 10px;
}
.index_carousel{
    height: 444px;
}
.index_carousel .index_carousel_inner .item{
    height: 444px;
}
.index_carousel .index_carousel_inner .item .img-wrap{
    height: 444px;
}
.carousel-indicators{
    width: 750px;
    left: 50%;
    margin-left: -375px;
}
/*信息公开*/
.floor0_right{
    width: 240px;
    margin-left: 360px;
    top:10px;
}
.floor0_right .free_wrap{
    width: 200px;
    height: 424px;
    background: #fff;
    padding: 10px 20px;
}
.floor0_right .free_wrap .title{
    width: 200px;
    height: 25px;
    line-height: 25px;
    background: #f4fafa;
    border-radius: 13px;
    text-align: center;
    font-style: italic;
    color: #333;
    font-size: 15px;
    font-weight: bold;
}
.floor0_right .free_wrap .title span{
    color: #086b68;
}
.floor0_right .free_wrap .sub_title{
    margin-top: 20px;
    height: 18px;
    line-height: 18px;
    color: #333;
}
.floor0_right .free_wrap .sub_title span{
    font-weight: bold;
}
.floor0_right .free_wrap .sub_title span em{
    color: #086b68;
}
.floor0_right .free_wrap .sub_title a{
    color: #4e9680;
    float: right;
}
.floor0_right .free_wrap .sub_title a:hover{
    color: #005f64;
}
.floor0_right .free_wrap .sub_title a::after{
    content: '';
    width: 6px;
    height: 10px;
    display: inline-block;
    margin-left: 5px;
    background: url("../../../../images/v1.1/revision/arrow_more.png") no-repeat;
}
.floor0_right .free_wrap .news{
    border-bottom: 1px dashed #ebebeb;
    margin-top: 10px;
    padding-bottom: 10px;
    height: 96px;
    overflow: hidden;
}
.floor0_right .free_wrap .news_one{
    height: 264px;
    margin-top: 15px;
}
.floor0_right .free_wrap .news li{
    width: 200px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.floor0_right .free_wrap .news li a{
    color: #8a8a8a;
}
.floor0_right .free_wrap .news li a:hover{
    color: #005f64;
}
.floor0_right .free_wrap .sum_money{
    font-size: 11px;
    line-height: 16px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ebebeb;
}
.floor0_right .free_wrap .sum_money a{
    color: #5d8f8c;
}
.floor0_right .free_wrap .sum_money a::before{
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("../../../../images/v1.1/revision/sum_money.png") no-repeat;
    margin-right: 5px;
    float: left;
}
.floor0_right .free_wrap .sum_money a:hover{
    color: #005f64;
}

.floor0_right .free_wrap .quick_link{
    height: auto;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ebebeb;
}
.floor0_right .free_wrap .quick_link li{
    width: 50%;
    float: left;
    text-align: center;
    padding-top: 15px;
}
.floor0_right .free_wrap .quick_link li a{
    color: #666666;
}
.floor0_right .free_wrap .quick_link li em{
    width: 38px;
    height: 38px;
    display: inline-block;
    background: url("../../../../images/v1.1/revision/news_ico1.png") no-repeat;
}
.floor0_right .free_wrap .quick_link li .em2{
    background: url("../../../../images/v1.1/revision/news_ico2.png") no-repeat;
}
.floor0_right .free_wrap .quick_link li .em3{
    background: url("../../../../images/v1.1/revision/news_ico3.png") no-repeat;
}
.floor0_right .free_wrap .quick_link li .em4{
    background: url("../../../../images/v1.1/revision/news_ico4.png") no-repeat;
}
.floor0_right .free_wrap .quick_link li span{
    display: block;
}
.floor0_right .free_wrap .sum_goods{
    color: #656565;
    margin-top: 15px;
    line-height: 20px;
    text-align: center;
}
.floor0_right .free_wrap .sum_goods p{
    display: inline-block;
}
.floor0_right .free_wrap .sum_goods p::before{
    content: '';
    width: 14px;
    height: 15px;
    display: inline-block;
    background: url("../../../../images/v1.1/revision/news_ico5.png") no-repeat;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}
/*首页楼层*/
.floor_box{
    background: #fff;
    margin-bottom: 20px;
    padding-bottom: 40px;
}
.floor_box .floor_mk{
    padding-top: 40px;
}
.floor_box .floor_title{
    text-align: center;
    padding-bottom: 20px;
    position: relative;
}
.floor_box .floor_title span{
    width: 170px;
    height: 42px;
    overflow: hidden;
    line-height: 100px;
    display: inline-block;
}
.floor_box .floor_title span.floor_ico1{
    background: url("../../../../images/v1.1/revision/floor_ico1.png") no-repeat;
}
.floor_box .floor_title span.floor_ico2{
    background: url("../../../../images/v1.1/revision/floor_ico2.png") no-repeat;
}
.floor_box .floor_title span.floor_ico3{
    background: url("../../../../images/v1.1/revision/floor_ico3.png") no-repeat;
}
.floor_box .floor_title span.floor_ico4{
    width: 200px;
    background: url("../../../../images/v1.1/revision/floor_ico4.png") no-repeat;
}
.floor_box .floor_title span.floor_ico5{
    width: 245px;
    background: url("../../../../images/v1.1/revision/floor_ico5.png") no-repeat;
}
.floor_box .floor_title a{
    position: absolute;
    right: 0;
    top: 20px;
    line-height: 20px;
}
.floor_box .floor_title a::after{
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("../../../../images/v1.1/revision/change_ico.png") no-repeat;
    float: right;
    margin: 2px 0 0 5px;
}

.floor_box .floor_con .product_wrap{
    width: 1200px;
    height: 600px;
    overflow: hidden;
    border: 1px solid #eeeeee;
    box-sizing: content-box;
}
.floor_box .floor_con .product_wrap li{
    box-sizing: border-box;
    width: 200px;
    height: 300px;
    border-right: 1px dashed #eeeeee;
    border-bottom: 1px dashed #eeeeee;
    position: relative;
}
.floor_box .floor_con .product_wrap li:nth-child(7),
.floor_box .floor_con .product_wrap li:nth-child(8),
.floor_box .floor_con .product_wrap li:nth-child(9),
.floor_box .floor_con .product_wrap li:nth-child(10),
.floor_box .floor_con .product_wrap li:nth-child(11),
.floor_box .floor_con .product_wrap li:nth-child(12){
    border-bottom: none;
}
.floor_box .floor_con .product_wrap li:nth-child(6),
.floor_box .floor_con .product_wrap li:nth-child(12){
    border-right: none;
}
.floor_box .floor_con .product_wrap li a.pro_img{
    margin: 20px 0;
}
.floor_box .floor_con .product_wrap li p.pro_title_new{
    padding: 0 20px;
    height: 40px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 200px;
    margin-top: 10px;
    text-align: left;
    box-sizing: border-box;
}
.floor_box .floor_con .product_wrap li p.pro_title_new a{
    color: #5e5e5e;
}
.floor_box .floor_con .product_wrap li p.pro_title_new a:hover{
    color: #005f64;
}
.floor_box .floor_con .product_wrap li p.colorf40{
    text-align: left;
    padding: 0 20px;
    color: #ff0000;
    margin-top: 10px;
}
.floor_box .floor_con .product_wrap li p .pro_price{
    font-size: 12px;
}

.floor_box .floor_con .product_wrap .top_box{
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 99;
}
.floor_box .floor_con .product_wrap .top_box span{
    width: 52px;
    height: 22px;
    overflow: hidden;
    line-height: 100px;
    display: inline-block;
}
.floor_box .floor_con .product_wrap .top_box .top1{
    background: url("../../../../images/v1.1/revision/top1.png") no-repeat;
}
.floor_box .floor_con .product_wrap .top_box .top2{
    background: url("../../../../images/v1.1/revision/top2.png") no-repeat;
}
.floor_box .floor_con .product_wrap .top_box .top3{
    background: url("../../../../images/v1.1/revision/top3.png") no-repeat;
}
/*一级专区*/
/*订单公开栏*/
.floor_box .disclose_order{
    padding:0;
}
.floor_box .disclose_order .order_title{
    height: 44px;
    line-height: 44px;
    padding: 0;
    background: url("../../../../images/v1.1/revision/table_title_bg.png") no-repeat;
    border-bottom:none;
}
.floor_box .disclose_order .w1{
    width: 250px;
 }
.floor_box .disclose_order .w2{
    display: none;
}
.floor_box .disclose_order .w3{
    width: 350px;
}
.floor_box .disclose_order .order_list li{
    border-bottom:1px dashed #ebebeb;
}
/*成交供应商一览*/
.floor_box .floor_hp{
    margin-top:0;
}
.floor_box .floor_hp .hot_logo_item{
    padding: 0;
}
.floor_box .floor_hp .hot_logo_item .hot_logo{
    margin: 0 auto;
}
.floor_box .floor_hp .hot_logo_item li{
    padding: 0 18px;
    background: none;
}

.floor_box .floor_hp .hot_logo_item .hot_logo .prev{
    width: 24px;
    height: 24px;
    top: 30px;
    background: url("../../../../images/v1.1/revision/arrow_pre.png") no-repeat;
    background-size:24px;
}
.floor_box .floor_hp .hot_logo_item .hot_logo .prev:hover{
    background: url("../../../../images/v1.1/index/left2.png") no-repeat;
    background-size:24px;
}
.floor_box .floor_hp .hot_logo_item .hot_logo .prev:active{
    background: url("../../../../images/v1.1/index/left3.png") no-repeat;
    background-size:24px;
}
.floor_box .floor_hp .hot_logo_item .hot_logo .next{
    width: 24px;
    height: 24px;
    top: 30px;
    background: url("../../../../images/v1.1/revision/arrow_next.png") no-repeat;
    background-size:24px;
}
.floor_box .floor_hp .hot_logo_item .hot_logo .next:hover{
    background: url("../../../../images/v1.1/index/right2.png") no-repeat;
    background-size:24px;
}
.floor_box .floor_hp .hot_logo_item .hot_logo .next:active{
    background: url("../../../../images/v1.1/index/right3.png") no-repeat;
    background-size:24px;
}
.floor_box .floor_title a.title_new{
    position: inherit;
    top: inherit;
    right: inherit;
    line-height: inherit;
}
.floor_box .floor_title a.title_new::after{
    display: none;
}
/*二级专区*/
.floor0_right .free_wrap_two{
    width: 240px;
    height: 444px;
    padding: 0;
    background: none;
}
.floor0_right .free_wrap_two .fee_wrap{
    width: 200px;
    height: 224px;
    background: #fff;
    float: left;
    padding: 0 20px;
}
.floor0_right .free_wrap_two .fee_wrap .fee_body{
    height: 160px;
    overflow: hidden;
}
/*二级专区商品公开查询 hymar*/
.query_entry{
    width: 100%;
    height: 70px;
    margin: 10px 0;
    background: #fff;
    float: left;
}
.query_entry a{
    width: 239px;
    height: 70px;
    display: inline-block;
    background: url("../../../../images/Sporadic/query_entry.png") no-repeat;
}


.floor0_right .fee_title,.floor0_right .fee_title2{ font-size:14px; padding-top:20px; margin:0;}
.floor0_right .fee_title span { float:left; display:block; width:106px; height:30px; background: url(../../../../images/Sporadic/indexnew-icon.png) -145px -71px no-repeat}
.floor0_right .fee_title a{ float:right; color:#8a8a8a; font-size:12px; margin-top:5px;}
.floor0_right .fee_title .more{ width: 21px;height: 15px; background:url(../../../../images/Sporadic/indexnew-icon.png) -197px -7px no-repeat; display: inline-block;}
.floor0_right .fee_title a.more:hover{width: 21px;height: 15px; }
.floor0_right .fee_title2 { padding-left:0; background:#f0f0f0; }
.floor0_right .fee_title2 a { float:left; text-align:center; width:50%; display:block; margin-left:-1px; border-left:1px solid #d8d8d8;  }
.floor0_right .fee_title2 a.selected { background:#fff;  border-bottom:1px solid #fff; color:#f40;}
.floor0_right .fee_body{ padding:0;}
.floor0_right .notice_ad{ float:left; width:240px; height:130px; position: relative;background: url(../../../../images/Sporadic/prodcount.jpg)}
.floor0_right .notice_ad .sitename { position: absolute; top:58px; left: 20px; }
.floor0_right .notice_ad .sitename .p1 {color:#fff; font-size: 14px;}
.floor0_right .notice_ad .sitename .p2 {color:#cac9ff; font-size: 12px;}
.floor0_right .notice_ad .num { font-size:36px; color:#fff; position: absolute; top:52px; left: 114px; }
.floor0_right .notice_list{ background-color:#fff; height:250px; overflow:hidden;  }
.floor0_right .notice_list a{ text-align: left; width:200px;display:block;color:#383b3a; overflow:hidden; height:20px; margin-top:10px; font-size:14px;}
.floor0_right .notice_list a:hover { color:#4accb0;}
.floor0_right .fee_body .code_img{ float:left; display:inline-block;}
.floor0_right .fee_body .download-link{ float:left; width:111px; height:82px; display:inline-block; margin-left:10px;text-align:center; color:#999;}
.floor0_right .fee_body .download-link .link-txt{ margin-top:20px; line-height:22px; float:left; margin-left:3px;}
.floor0_right .fee_body .download-link a{ display:inline-block; width:57px; height:50px; background: url(../../../../images/ico/mob-systym-icon.jpg) no-repeat; margin-bottom:10px; }
.floor0_right .fee_body.nobdr{ border-bottom:none;}
.floor0_right .fee_body .download-link a.andr-link{ background-position:-57px 0px;}

/*
共享专区banner*/
.banner_new{
    height: 420px;
}
.banner_new .banner_con{
    width: 1000px;
    height: 400px;
}
.banner_new .index_carousel{
    height: 400px;
}
.banner_new .index_carousel .index_carousel_inner .item{
    height: 400px;
}
.banner_new .index_carousel .control-wrap{
    margin-left: -720px;
}
.banner_new .index_carousel .control-wrap .control-content{
    top:200px;
}
.banner_new .index_carousel .control-wrap .carousel-control.right{
    left: 950px;
}
.share_box{
    height: 400px;
    overflow: hidden;
}
.share_box .all_sort{
    height: 400px;
}
.share_box .all_sort .share_class{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}
.share_box .all_sort .share_class .line{
    border-bottom: 1px dashed #ebebeb;
    width: 160px;
    margin: 20px 0 4px 20px;
    height: 10px;
}
.share_box .all_sort .share_class:last-child .line{
    border-bottom:none;
}
.share_box .all_sort .share_class dt{
    width: 180px;
    padding: 0 0 0 20px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    color: #005f65;
    margin-bottom: 10px;
}
.share_box .all_sort .share_class dd{
    line-height: 22px;
    color: #333;
}
.share_box .all_sort .share_class dd li{
    width: 180px;
    height: 23px;
    line-height: 23px;
    float: left;
    padding: 0 0 0 20px;
    cursor: pointer;
}
.share_box .all_sort .share_class dd li .one_class_title a{
    display: inline-block;
}
.share_box .all_sort .share_class dd li .one_class_title span{
    padding: 0 2px;
}
.share_box .all_sort .share_class dd li .one_class_title span:last-child{
    display: none;
}








