.c-o{
    overflow: hidden;
}

.o-t-w{  /*替换已有的*/
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.m-t-12{
    margin-top: 12px;
}

.all-back-w{
    width: 100%;
    background-color: rgb(245,246,250);
}

/* 顶部菜单 start */
.header-top{
    position: relative;
    height: 30px;
    line-height:30px;
    width: 1200px!important;
    margin: 0 auto;
    vertical-align: middle;
    /*border: 1px red solid;  !*debug*!*/
    /*font-size: 16px;*/
}
.header-top > .header-top-main{
    position: relative;
    height: 30px;
    line-height:30px;
    margin: 0px 80px;
    vertical-align: middle;
    font-size: 12px;
}
.header-top > .header-top-main >.header-top-left{
    float: left;
    width: 220px;
}
.header-top > .header-top-main >.header-top-rigth{
    position: relative;
    float: right;
    font-size: 12px;
}
/* 顶部菜单 end */

/* 顶部 start */
.middle-main{
    height: 120px;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    /*border: 1px yellowgreen solid; !*debug*!*/
}
.middle-main-fa{
    margin: 2px auto;
    /*width:1190px;*/
    margin-left: 105px;
    height: 116px;
    display: block;
    vertical-align: middle;
    /*border: 3px rebeccapurple solid; !*debug*!*/
}
.middle-main .middle-main-img{
    float: left;
    position: relative;
    height: 100px!important;
    /*width:320px;*/
    margin-top: 5px;
    vertical-align: middle;
    /*background-color: #0c5460;*/
}
.middle-main .middle-main-img img{
    margin-top: 10px;
    height: 80px;
    width: 295px;  /* 图片比例 320:100 */
}

.middle-main .middle-main-search{
    float: right;
    width:500px;
    margin-left: 100px;
    margin-top: 40px;
}
.form-group1{margin-bottom:15px}
/* 顶部 end */

/* 商品分类 start */
.header-bar{
    position: relative;
    height: 45px;
    line-height:45px;
    width: 1366px!important;
    margin: 0 auto;
    background-color: rgb(245,246,250);
    vertical-align: middle;
}
.header-bar > .header-bar-type{
    position: relative;
    display: flex;
    height: 45px;
    line-height:45px;
    margin-left: 180px;
}
.header-bar .header-bar-type .fobt{
    position: relative;
    width: 280px !important;
    min-width: 280px; /*暂时加上*/
    height: 45px;
    background-color: #0c5460;
    color: white;
    z-index: 999;/*不加,轮播覆盖*/
}
/* 整个商品 导航 */
.fobt:hover{
    cursor: pointer;
}
.header-bar .fobt > .product-type{
    display: none;
    top: 0px;
    margin-top: -2px;
    height: 300px;
    width: 280px !important;
    background-color: rgb(0,0,0); /*transparent rgba(0,0,0, 0.2)*/
    /*opacity: 0.8;*/
}
.header-bar .fobt .product-item .product-title a{
    /*font-size: 14px;*/
    color: white;
}
.header-bar .fobt .product-item .product-title{
    margin: 0px 20px;
}
.header-bar .fobt .product-type .product-item:hover,.header-bar .fobt .product-type a:active{
    background-color: #860309;
}
/* 商品的详细分类 */
.product-item .product-type-detail{
    display: none;
    position: absolute;
    margin-left: 280px!important;
    top: 0px;
    z-index: 999;
    margin-top: 45px; /* 按行高 */
    background-color: white;
    height: 350px;
    width: 510px;
}
.product-item .product-type-detail .detail-item{
    color: #0C0C0C;
    margin-left: 20px;
}
.header-bar > .header-bar-type >.fobt > span{
    margin-left: 20px;
    font-size: 16px;
}
.header-bar > .header-bar-type >.fobt::after{
    position: absolute;
    content: url("/back/static/xq/images/justent.png");
    font-family: "Material Design Icons";
    font-size: 24px;
    z-index: 99999;
    top: 0px;
    left: 0px;
    margin-left: 245px; /* 若前面没有元素去掉 (按前一个元素的宽度) */
    color: #000000;
    width: 38px;
    height: 38px;
    text-align: center;
    cursor: text;
}
.header-bar > .header-bar-type > .header-bar-mtl{
    display: inline-block;
    white-space: nowrap;
    position: relative;
    width: 405px;
    margin-left: 0px;
    font-size: 0px;
}
.header-bar > .header-bar-type > .header-bar-mtl > a{
    display: inline-block;
    width: 135px;
    height: 100%;
    text-align: center;
    font-size: 16px;
}
a.active,
.header-bar > .header-bar-type > .header-bar-mtl > a:hover{
    background-color: #0c5460;
    color: white;
    cursor: pointer;
}
/* 商品分类 end */

/* 默认的搜索框 */
.lyear-search {
    position: relative;
    z-index: 0;
    display: inline-flex;
}
/*方式一*/
.lyear-search > .input-group > .lyear-search-select{
    width: 85px!important;
    border-top-left-radius: 19px;
    border-bottom-left-radius: 19px;
}
.lyear-search input {
    width: 320px;
    min-width: 320px;
    padding-left: 35px;
    -webkit-transition: .5s;
    transition: .5s;
}
.lyear-search::before {
    position: absolute;
    content: "\f349";
    font-family: "Material Design Icons";
    font-size: 24px;
    z-index: 99;
    top: 3px;
    left: 0px;
    /*margin-left: 85px; !* 若前面没有元素去掉 (按前一个元素的宽度) *!*/
    color: rgba(77,82,89,0.4);
    width: 38px;
    height: 38px;
    text-align: center;
    cursor: text;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lyear-search.lyear-search-rounder input {
    /*border-radius: 19px*/
}
.lyear-search.lyear-search-rounder .btn:last-child {
    border-top-right-radius: 19px;
    border-bottom-right-radius: 19px;
}
.lyear-search.lyear-search-rounder input:focus {
    border: 1px solid gold;
}

/*商品推荐 start*/
.c-public{
    position: relative;
    width: 1350px!important;
    margin: 1px auto;
    min-width: 1350px;
    background-color: rgb(246,246,246);
    height: 600px;
    padding-top: 35px;
    padding-bottom: 35px;
    /*border: #0C0C0C 1px solid;*/
}

.c-public-htype{
    height: 530px;
    margin: 0px 80px;
    /*border: 2px solid red;*/
}

.c-f-p{
    position: relative;
    float: left;
    /*border: #0C0C0C 1px solid;*/
}

.c-goods-title{
    padding: 18px 0;
    overflow: hidden;
}

.h2-d{
    padding-left: 35px;
    background: url(../images/tuijian.png);
    background-repeat: no-repeat;
    background-position-y: 6px;
    font-size: 24px;
    float: left;
    height: 33px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #262626;
    line-height: 38px;
}

.p-p-d{
    width: 165px!important;
    padding-left: 45px;
    background: url(../images/tuijian.png);
    background-repeat: no-repeat;
    background-position-x: 6px;
    background-position-y: 6px;
    font-size: 24px;
    /*float: left;*/
    height: 33px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #262626;
    line-height: 38px;
}

.c-goods-l{
    width: 1000px;
    height: 230px;
    /*border: 1px solid darkmagenta;*/
    background-color: #ffffff;
    position: relative;
}

.c-left-ctype{
    float: left;
    width: 180px;
    background-color: #f0f0f0;
    height:230px;
    /*border: 1px solid rebeccapurple;*/
}

.c-left-ctype h4{
    text-align: center;
    line-height: 35px;
    font-size: 22px;
}

.c-left-ctype button{
    width: 80px;
    height: 35px;
    margin: 10px 0px;
}

.c-left-ctype button:hover{
    color: #0000cc;
}

.c-center-ctype{
    float: left;
    width: 820px;
    height: 230px;
    background-color: rgb(246,246,246);
    /*border: 1px solid firebrick;*/
}

.c-center-ctype ul{
    position: relative;
    /*margin: 0px 2px;*/
    display: inline;
    height: 230px;
    width: 800px;
}

.c-li-items{
    display: inline-block;
    width: 200px;
    height: 230px;
    border: 1px solid darkgray;
}

.c-li-items:hover{
    border: 1px solid red;
}

.c-li-items img{
    height: 150px;
    width: 200px;
}

.c-li-content{
    position: relative;
    line-height: 20px;
    margin: 0px 5px;
}
.c-li-content .fcont-bold{
    font-size: 14px;
    color: #3f3f3f;
    font-weight: bold;
}
.c-li-content .fcont-bold:hover{
    color: #0000cc;
}
.c-li-content p{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.c-li-content-p{
    color: red;
    font-size: 18px;
}

.c-li-content .lcont{
    font-size: 12px;
    color: #9b9b9b;
}

.lcont p {
    margin-left: 15px;
}

/*品牌优选 start*/
.c-goods-selected{
    position: relative;
    float: left;
    width: 180px;
    height: 530px;
}

.c-goods-selected .c-selected-cont{
    padding: 18px 0;
    overflow: hidden;
    /*border: 1px solid black;*/
}

.c-p-t{
    padding-bottom: 10px;
}

.picMarquee-top{ margin:0 auto;height: 500px; width:180px; overflow:hidden; position:relative;}
.picMarquee-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-top .hd .prev,.picMarquee-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
    cursor:pointer; background:url("../images/arrow.png") 0 -100px no-repeat;}
.picMarquee-top .hd .next{ background-position:0 -140px;  }
/*.picMarquee-top .hd .prevStop{ background-position:-60px -100px;  }*/
/*.picMarquee-top .hd .nextStop{ background-position:-60px -140px;  }*/
/*.picMarquee-top .bd{ padding:10px;   }*/
/*.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }*/
/*.picMarquee-top .bd ul li{ text-align:center; zoom:1; }*/
/*.picMarquee-top .bd ul li .pic{ text-align:center; }*/
.picMarquee-top .bd ul li .pic img{margin: 10px auto; width:175px!important; height:95px; display:block; /*padding:2px;*/ border:1px solid #ccc; }
.picMarquee-top .bd ul li .pic a:hover img{ border-color:#999;  }

/*品牌优选 end*/
/*招标采购 start*/
.xcv{
    white-space : normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;

    display: -moz-box;
    -moz-line-clamp: 2;
    /*! autoprefixer: off */
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
/*招标采购 end*/