@charset "UTF-8";
/* 排序区 */
.order-list-box{background:#fff;}
.order-list-box .order-list li{padding:0 20px; float:left;margin:5px 0;}
#pageList,.search-pageList{
    text-align:right;
}
.search-pageList a{
    color:#999999;
}
.layui-laypage{
    position: relative;
}
.layui-colla-title{
    text-align: center;
}
.layui-colla-icon{
    position: relative !important;
    left: 0 !important;
}
.layui-collapse{
    width: 1226px;
    margin: 0 auto;
    border: none !important;
}
.layui-colla-content{
    border: none !important;
}
/* 新增search-form样式 */

.sType>div{
    float:left;
}
.sType > .tRight,
.sType > .tLeft{
    height:48px;
    line-height: 48px;
    width:110px;
}
.tLeft{
    width:130px;
    margin-left:-100%;
    overflow: hidden;
    white-space: nowrap;
}
.sType > .tRight{
    text-align: right;
    margin-left:-140px;
    width:120px;
    padding-right:20px;
    white-space: nowrap;
}
.tMiddle{
    width:100%;
}
.myTbody{
    /* height:50px; */
    height: 48px;
    margin: 0 140px 0 110px;
    overflow:hidden;
}
.myTbody li{
    float:left;
    margin-right:20px;
    line-height:20px;
    height:20px;
    padding-top:14px;
}
.myTbody li span,
.myTbody li i{
    vertical-align: text-bottom;
}
.tLeft span{
    margin-left:30px;
    color:#666;
}
.chooseBox .tLeft{
    margin:0;
    line-height:42px;
    float:left;
}

.sType{
    overflow: hidden;
    clear:both;
    line-height:35px;
    background-color:#F5F6F8;
}
.sType ~ .sType{
    border-top:1px solid #eee;
} 
.hideDiv ~ .sType{
    border:none;
}
.bMore,.bMoreC{
    cursor: pointer;
}
.sType .tbShow{
    height: auto;
    max-height:142px;
    overflow: auto;
}

.sType .tInfo{
    width:100%;
    text-align:center;
}

.shLeft,.shRight{
    width:50%;
    float:left;
}
.shLeft{
    text-align:left;
}
.shRight{
    text-align:right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.order-list-box .search {
    padding:0;
    background:none;
}
.order-list .layui-icon-ok{
    font-weight: bold;
}
.shRight{
    font-size:12px;
}
.shLeft>span{
    padding-left:10px;
}
.shRight>span{
    padding-right:20px;
}
.sInfo{
    margin-top:20px;
    background: #fff;
    border: 1px dashed #ee2a37;
    border-radius:40px;
    line-height:60px;
    padding:0 40px;
    font-size:16px;
}
.moreType{
    width:130px;
    float:right;
    border-top:1px dashed #DCDCDC;
    height:35px;
    line-height:35px;
    text-align:center;
    background:#fff;
    box-shadow:0 5px 5px 0 rgba(221, 221, 221, 0.5);
}
.multi .myTbody i{
    display: inline-block;
    color:#e11b10;
    border-radius: 4px;
}
.myTbody i{
    display: none;
    width:14px;
    height:14px;
    background-color: #fff;
    border: 1px solid #ccc;
    vertical-align: middle;
    margin-right:5px;
    line-height: 14px;
    font-size: 12px;
    text-align: center;
}
.multi .myTbody .layui-icon-ok{
    background-color:#e11b10;
    border-color:#e11b10;
    color:#fff;
}
.myTbody ul{
    overflow: hidden;
    padding-bottom:10px;
}
.sType a:hover,.order-list a:hover{
    text-decoration:none;
}
.multi a:hover i{
    border:1px solid #e11b10;
}
.order-list li{
    height:40px;
    line-height:40px;
}
.en-vation{
    color:#23B3F2;
    background:#D4F2FD;
}
.protection{
    color:#23C07B;
    background:#DBF5EA;
}
.Agreement{
    color:#FE5722;
    background:#FAE9E7;
}
.tMore i{
    display:inline-block;
    vertical-align: middle;
    margin-left:10px;
    width:21px;
    height: 21px;
    background:url(../img/info-more.png);
}
.tMore i{
    background:url(../img/info-more-d.png);
}
.tMore:hover>i
{
    background:url(../img/info-more-d-hover.png);
}
.tMore.active>i{
    background:url(../img/info-more-up.png);
}
.tMore.active:hover>i{
    background:url(../img/info-more-up-hover.png);
}
.bMorec,.tMore{
    color:#666;
}
.bMore.active > i{
    transform:rotate(180deg);
}
.tMore:hover
{
    color:#e11b10;
}

.icon-protection{
    display:inline-block;
    width:12px;
    height:12px;
    background:url(../img/protection.jpg);
}
/* 产品列表样式 */
.product-list-order{
    margin-right:-15px;
}
.product-list{
    float:left;
    width:20%;
    /* height:388px; */
    height: 380px;
    overflow: hidden;
}
.product-single{
    border:1px solid #eee;
    background:#fff;
    margin-right:15px;
    margin-top:15px;
    position:relative;
}
.product-pic{
    height: 200px;
    width: 200px;
    margin: 14px auto 0;
    position: relative;
}
.product-pic img{
    width:100%;
    height:100%;
}
.product-desc{
    padding:0 14px 21px 14px;
    overflow: hidden;
}

.pd-title{
    line-height: 17px;
    font-size: 14px;
    margin-top: 19px;
    height: 34px;
    overflow: hidden;
    transition: height 0.3s;
}

.pd-price{
    font-size: 18px;
    margin-top: 20px;
    line-height: 20px;
}
/* 通用样式 start*/
.boxShadow{
    background-color: #ffffff;
    box-shadow: 0 0 1px 0 rgba(221, 221, 221, 1);
}
.tred{
    color:red;
}
.text-warm{
    padding:0 3px;
}
.text-normal{
    color:#5190DD;
    padding:0 3px;
}

.slicer{
    padding:0 10px;
}
.boxT20{
    margin-top:20px;
}
.icon-norrow-l{
    width:0;
    height:0;
    display:inline-block;
    border-right:7px solid #999999;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    vertical-align: middle;
    margin:0 4px;
}
.layui-disabled .icon-norrow-l{
    border-right:7px solid #d2d2d2;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
}
/* 通用样式 end*/

.cContent>span,
.search-btn{
    display:inline-block;
    margin:6px 10px 0 0;
    height:28px;
    line-height:28px;
    border:1px solid #ddd;
    background-color:#fff;
    border-radius: 4px;
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left:10px;
    padding-right: 30px;
    position:relative;
}
.cContent>span{
    padding-left:15px;
    vertical-align: bottom;
}
/* .multi .myTbody{
    margin: 0 100px 0 130px;
}
.multi .tRight{
    width:80px;
    margin-left:-100px;
} */
.search-btn{
    padding:0 10px;
    margin:9px 5px;
    cursor: pointer;
    color:#999;
}
.bMore{
    visibility: hidden;
}
.bMoreShow{
    visibility: visible;
}
.no-more-btn .bMore{
    display: none;
}
.cContent>span:hover,
.search-btn:hover{
    border-color:#e11b10;
    color:#e11b10;
}
.cContent .close{
    margin-left:10px;
    margin-right:10px;
    font-size:14px;
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
}
.keyName{
    color:#999;
    padding-right:5px;
    margin-right:5px;
    border-right:1px solid #d5d5d5;
    max-width: 100px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.cContent{
    padding:0 20px 0 130px;
}
.cRight{
    width:100%;
}
.chooseBox{
    display: none;
    background:#F5F6F8;    
    padding:6px 0;
    border-bottom: 1px solid #eee;
    /* margin-bottom:10px; */
}
.chooseBox .choose-text{
    max-width: 115px;
    display: inline-block;
    height: 16px;
    line-height: 16px;
}
.chooseBox .keyName,
.chooseBox .choose-text{
    vertical-align: text-top;
}
.left,.right{
    float:left;
    width:50%;
}
.right{
    text-align:right;
    line-height:50px;
}
.right>:last-child{
    margin-right:25px;
}
.tMore{
    cursor:pointer;
}
.hideType{
    display:none;
}
.robot{
    width:36px;
    height:40px;
    display: inline-block;
    background-repeat:no-repeat;
    vertical-align: middle;
    background-size:contain;
}
.pd-title a{
    color:#000;
}

/*购物车样式*/
.layui-table .col-1{
    width:10%;
}
.layui-table .col-2{
    width:20%;
}
.layui-table .col-3{
    width:30%;
}
.layui-table .col-1-5{
    width:15%;
}
.layui-table .star-rate{
    color:#ff9800;
}
.moreType{
    display:none;
}
.breadStyle{
    color:#999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.breadStyle .active{
    color:#333;
}
.text-overflow-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.common-inline{
    display: inline-block;
    width: 50%;
}

.text-overflow-ellipsis-right{
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 48%;
    display: inline-block;
    text-align: right;
    box-sizing: border-box;
    line-height: 19px;
}

.breadcrumbs{
    color:#999;
}
.breadcrumbs span{
    margin:0 5px;
}
.breadcrumbs a:last-child{
    color:#333;
}
.breadcrumbs a:hover{
    color:#e11b10;
    text-decoration: none;
}
.pd-title em{
    /* font-weight: 700; */
    font-style:normal;
    color:#e11b10;
}

#addCartToShop .price{
    color: rgb(254, 108, 000);
    font-weight: bolder;
}
.number-input .del,
.number-input .add{
    background: #fff;
    width:25px;
    height:25px;
    display: inline-block;
    border:1px solid #eee;
    line-height:25px;
    text-align:center;
    cursor:pointer;
    vertical-align: middle;
}
.number-input input{
    height:27px;
    width:60px;
    padding-left:0;
    text-align:center;
    display: inline-block;
    vertical-align: middle;
}
#addCartToShop .number-input{
    padding-left:0;
    padding-right:0;
    text-align:center;
}

#gc-detail-supplier-btn{
    color: rgb(61,181,107);
    cursor:default;
    background:none;
}
#gc-detail-supplier-btn:hover{
    background:none;
}
#addCartToShop .layui-btn-disabled{
    cursor:default;
}
.robot-left,.robot-right{
    display: inline-block;
    vertical-align: middle;
}
.robot-right{
    line-height:32px;
    padding:10px 0;
}
#renamedShopId .layui-form-select dl{
    right:0;
    text-align: left;
}
.search-pageList .layui-laypage .layui-laypage-skip{
    background:none;
}
.layui-layer-content .layui-table td,
.layui-layer-content .layui-table th,
.layui-table td,
.layui-table th{
    padding:9px 5px;
}
.no-border{
    border:0;
}
.no-border-important{
    border: none !important;
}
.product-pic .noImg{
    width:auto;
    height:auto;
}
.noImgDiv{
    display: inline-block;
    width:100%;
    height:100%;
    background: #fcfcfc url(../img/noimg.svg) no-repeat center;
}
.search-banner{
    margin-left: -360px;
}
.search-banner img{
    width:1920px;
    height:140px;
}
.search-banner-box{
    overflow:hidden;
}
#searchBannerView{
    width: 1920px;
    margin-left: -360px;
    height: 140px;
}
#searchBannerView img{
    width:100%;
}
#searchSaleView {
    height: 100%;
}
.list-top-left{
    float:left;
    width:20%;
    height: 100%;
}
.list-top-middle{
    float:left;
    width:63%;
}
.list-top-right{
    float:right;
    width:17%;
    text-align: right;
    line-height: 50px;
    color:#666;
}
.mt6{
    margin-top:6px;
}
/*列表页采购按钮布局*/
.mask-box{
    display: none;
    position:absolute;
}
.mask-bottom{
    left:0;
    right:0;
    bottom:0;
}
.mask-top{
    top:0;
    right:0;
}
/*商品卡片样式*/
.pd-shop-name{
    height:14px;
    line-height: 14px;
    margin-top: 17px;
    font-size: 12px;
    color:#666;
}
.pd-shop-name a{
    color:#666;
}
.pd-shop-name .icondianpu_huaban1{
    font-size:14px;
}
.product-single:hover > .product-pic .mask-box{
    display: block;
}
.collect:hover{
    background:rgba(133, 133, 133, 0.4);
}
.collect{
    float:right;
    width: 30px;
    height: 30px;
    line-height: 32px;
    border-radius: 5px;
    vertical-align: middle;
    text-align: center;
    cursor:pointer;
    font-size:18px;
}

.pd-button{
    height:28px;
    font-size:12px;
    background-color: #fff;
}
.pd-button > div{
    box-sizing: border-box;
}
.pd-button > .pd-left{
    float: left;
    width: 73px;
}
.pd-button > .pd-mid{
    float: left;
    width: 64px;
}
.pd-button > .pd-right{
    float: left;
    width: 63px;
}
.pd-button .btn-right{
    background-color: #fff;
    color:#e11b10;
}
.pd-button .btn-mid,
.pd-button .btn-left,
.pd-button .btn-right{
    line-height: 26px;
    text-align: center;
    cursor: pointer;
}

.listPage > div {
    margin:0;
    margin-left:10px;
}
.text-strong{
    padding:0 3px;
}
/* 定义颜色 */
.current > .asc > .layui-table-sort-asc{
    border-bottom-color: #e11b10;
}
.current > :not(.asc) > .layui-table-sort-desc{
    border-top-color: #e11b10;
}
.pd-button .btn-mid,
.pd-button .btn-left,
.pd-button .btn-right{
    border:1px solid #e11b10;
}
.pd-button .btn-right{
    border-left: 0;
}
.btn-left{
    background-color:#e11b10;
    color:#fff;
}
.collect{
    color:#fff;
    background:rgba(133, 133, 133, 0.2);
}
.has-collect{
    background:rgba(255, 27, 16, 0.05);
    color:#e11b10;
}
.has-collect:hover{
    background:rgba(255, 27, 16, 0.1);
}
.product-single:hover,
.selected i{
    border-color:#e11b10;
}
.current,
.sType a:hover,.order-list a:hover,
.text-strong,
.selected a,
.cContent>span,
.pd-price{
    color:#e11b10;
}
.number-input .del:hover,
.number-input .add:hover{
    color:#e11b10;
    border:1px solid #e11b10;
}
/*新增样式*/
.cContent > .clearChooseBtn{
    cursor: pointer;
    line-height: 28px;
}
.half-div{
    float:left;
    width:50%;
}
.store-item{
    line-height: 86px;
    height:86px;
    padding:0 20px;
}
.store-item > .store-logo{
    float:left;
}
.store-item > .store-btn{
    float:right;
}
.store-item > .store-logo{
    width:70px;
    margin-right:20px;
}
.store-logo-img{
    max-width: 70px;
    max-height: 70px;
}
.store-btn-span{
    border-radius: 50px;
    border: 1px solid #e11b10;
    color:#e11b10;
    padding:7px 20px;
}
.mr8{
    margin-right:8px;
}
.ml8{
    margin-left:8px;
}
/*筛选条件样式*/
.bMore > i {
    transition:all 0.3s;
    font-size:12px;
    display: inline-block;
}
.multi .search-btn{
    display: none;
}
.multi .myTbody{
    height: auto;
    max-height:142px;
    overflow: auto;
}
.mt15{
    margin-top:15px;
}
.multi-btn-box{
    margin-bottom:8px;
    display: none;
}
.multi-btn-box .layui-btn{
    height:32px;
    line-height: 32px;
}
.multi .multi-btn-box{
    display: block;
}
.cid-bread{
    font-size:14px;
    /*font-weight:bold;*/
}
a > .cid-bread{
    font-weight:bold;
}
.store-box-bg.store-bg-short:before{
    border-width: 0 0 96px 592px;
}
.layui-form-label{
    color:#666;
}
.box-border{
    height: 50px;
    padding: 3px 0;
    box-sizing: content-box;
    padding-right: 20px;
}
.search .layui-icon-ok:before{
    display: inline-block;
    transform: scale(0.8);
    font-weight: bold;
}
.search .layui-btn{
    border-radius: 4px;
    border:0;
}
.search .layui-btn-primary{
    border:1px solid #eee;
}
.search .layui-btn-disabled{
    background-color: #ccc;
    color:#fff;
}
.lite-sort{
    width: 12px;
}
#product-box .layui-input,
#product-box .layui-select,
#product-box .layui-textarea{
    height:32px;
    line-height: 32px;    
}
#selectShop{
    vertical-align:unset;
}
.listPage{
    display: inline-block;
}

.pd-button .btn-left:hover{
    background-color:#e74940;
    border-color: #e74940;
}
.pd-button .btn-left:active{
    background-color:#be2017;
    border-color: #be2017;
}
.pd-button .btn-right:hover{
    background-color:#fdf2f1;
}
body .pd-button .btn-left.layui-disabled{
    background-color:#ccc;
    color:#fff !important;
    border:1px solid #ccc;
}
body .pd-button .btn-right.layui-disabled{
    background-color: #fff;
    color:#666;
    border:1px solid #ccc;
}

.store-info-view .store-logo{
    margin-left:12px;
}
.store-item-info{
    line-height: 70px;
}
[lay-event]{
    cursor: pointer;
}
/**
吸顶的搜索组件
 */
.top-search-div{
    position:fixed;
    top:0;
    background-color: #fff;
    z-index: 999;
    width: 100%;
    box-shadow: 0 5px 10px 0 rgb(51,51,51,0.1);
    display: none;
}

.category-bread{
    display: inline-block;
    position: relative;
}
.category-bread > .category-bread-title,
.menu-item > .menu-item-first{
    display: inline-block;
    padding:0 10px;
    height: 25px;
    border: 1px solid #eee;
    border-radius: 2px;
    position:relative;
    background-color: #fff;
    z-index: 3;
    line-height:25px;
    vertical-align: middle;
}
.category-bread-title > span{
    display: inline-block;
    vertical-align: middle;
    max-width: 122px;
}

.category-bread-list{
    position: absolute;
    display: none;
    width: 734px;
    background: #fff;
    left: 0;
    margin-top:-1px;
    border: 1px solid #eee;
    padding: 0 0 16px 16px;
    z-index: 2;
    border-radius: 0 2px 2px 2px;
    color: #666;
}
.category-bread-list > span{
    cursor: pointer;
    margin-top:15px;
    margin-right:30px;
    width: 120px;
    float: left;
}
.category-bread-list > span:nth-child(5n){
    margin-right:0;
}
.category-bread-list > span:hover,
.category-bread-list > .active{
    color: #e11b10;
}
.category-bread:hover > .category-bread-title{
    border-bottom-color:transparent;
    border-radius: 2px 2px 0 0;
}
.category-bread-title .layui-icon-down,
.menu-item-first .layui-icon-down{
    display: inline-block;
    transition: all 0.3s;
    font-size: 12px;
    color:#666;
}
.category-bread:hover > .category-bread-title .layui-icon-down,
.item-active > .layui-icon-down{
    transform: rotate(180deg);    
    -webkit-transform: rotate(180deg);
}
.category-bread:hover > .category-bread-list{
    display: block;
}
#cidListView{
    border-bottom: 1px solid #eee;
}
/* .cid-list-view .myTbody > ul {
    margin-left:20px;
} */
.cid-list-view .myTbody li{
    margin-right: 40px;
}
.myTbody li span{
    max-width: 180px;
    display: inline-block;
}
.menu-item > .menu-item-first{
    margin-top: 12px;
    z-index: 0;
    cursor: pointer;
}
.menu-item > .item-active{
    border-bottom-color:transparent;
    z-index: 2;
}
.search-child-list{
    border:1px solid #eee;
    min-height: 50px;
    position: absolute;
    width: 1200px;
    background-color: #fff;
    display: none;
    z-index: 1;
}
.search-child-list .bMore{
    display: inline-block;
}
.search-child-list .multi .bMore{
    display: none;
}
.search-list-box{
    overflow: hidden;
}
.search-list-box > div > .sType{
    margin-top:-1px;
}
.sType .tLeft{
    color:#666;
}
.sType .category-name{
    max-width: 70px;
    display: inline-block;
    vertical-align: middle;
}

/* 场景采购模块 start */
.scene-purchase-container {
	position: relative;
	margin-top: 8px;
	height: 60px;
	box-sizing: border-box;
	background: -webkit-linear-gradient(to right,#FFFBFC, #FFF0F0);
	background: linear-gradient(to right, #FFFBFC, #FFF0F0);
	border: 1px solid rgba(225,27,16, .4);
	border-radius: 8px;
	padding: 0 33px 0 147px;
    overflow: hidden;
}
.scene-purchase-container .scene-title {
	position: absolute;
	left: 0;
	top: 0;
	background: url('../img/scene-hall/scene-title.svg') no-repeat 50%/100%;
	width: 147px;
	height: 60px;
}
.scene-purchase-container ul {
	position: absolute;
    top: 50%;
    margin-top: -18px;
}
.scene-purchase-container li {
	display: inline-block;
}
.scene-purchase-container li a {
	position: relative;
	display: inline-block;
	background: #fff;
	width: 120px;
	height: 36px;
	border-radius: 8px;
	margin-right: 30px;
	padding: 10px 16px;
	box-sizing: border-box;
}
.scene-purchase-container li a:hover > *{
    color: #e11b10;
}
.scene-purchase-container li a:hover > .pci-more {
    border-color: rgba(225,27,16,0.14) !important;
}
.scene-purchase-container li a span {
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

.scene-purchase-container li a .pci-more{
	position: absolute;
	right: 16px;
    width: 20px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    border-radius: 0 8px 8px 0;
    background-color: #fff;
    text-align: center;
    border:1px solid #E5E5E5;
    font-weight: bold;
}
.scene-purchase-container li a .pci-more .iconfont{
	font-size: 12px;
	transform: scale(0.6);
	display: inline-block;
	vertical-align: baseline;
}
.scene-purchase-container li a .pci-more .icongengduo-min{
    transform: none;
    display: inline;
    vertical-align: baseline;
}
/* 场景采购模块 end */
.search-price{
    float:left;
    position:relative;
}
.search-price .price-input{
    width:90px;
    display: inline-block;
    vertical-align: middle;
}
.search-price .price-submit{
    margin-left:10px;
    display: none;
}
.search-price.price-hover > .price-submit{
    display: inline-block;
}
.text-ccc{
    color:#ccc;
}

/* 列表页推荐场景馆卡片样式 start*/
.product-single .scene-top-msg{
    position:absolute;
    top:0;
    left:0;
    width: 64px;
    height: 22px;
    background: rgba(225,27,16,0.08);
    color: #e11b10;
    border-radius: 0 0 6px 0;
    font-size: 12px;
    line-height:22px;
    text-align: center;
}
.product-single .scene-title{
    margin: 51px 0 0;
    font-size:20px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
}
.product-single .scene-pic{
    width: 100%;
    height: 203px;
}
.product-single .scene-pic img{
    width: 100%;
    height: 100%;
}
.product-single .scene-btn{
    display: inline-block;
    background-color: #e11b10;
    height: 36px;
    width: 118px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    color: #fff;
    margin: 24px 0 24px;
    cursor: pointer;
}
.store-single .scene-title{
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin-top:46px;
}
.store-single .scene-pic{
    margin-top:53px;
}
.store-single .scene-btn{
    margin: 18px 0 21px;
}
/* 列表页推荐场景馆卡片样式 end*/
#layoutTopView{
    border-bottom: 1px solid #eee;
}
.listPage .layui-laypage{
    padding: 0;
}
.lite-hint .iconzhushi2{
    font-size: 14px;
}
.btn-mid .icon-paixupaihang{
    font-size: 12px;
}
.city-picker-span .title{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.sub-order-list{
    border-top:0;
    height: 36px;
    line-height: 36px;
}
.sub-order-list li{
    padding: 0 10px;
}