.goodsBox {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
}

.comListUl::after {
    content: '';
    clear: both;
    display: block;
}

.comListUl li {
    float: left;
    position: relative;
    width: 230px;
    /* padding: 15px 15px 10px 15px; */
    margin-right: 10px;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid #eee;
    display: flex;
    flex-direction: column;
}

.comListUl li:hover {
    box-shadow: 0px 0px 6px 0px rgba(1, 2, 16, 0.1);
}

.comListUl li > a {
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
}

.comListUl li > a > img {
    width: 200px;
    height: 200px;
}

.comListUl li:nth-child(5n) {
    margin-right: 0;
}

.listPriceBox {
    padding-top: 6px;
    height: 30px;
}

.listPriceBox > .price {
    color: #FF0036;
    font-size: 18px;
    font-weight: bold;
}

.listPriceBox > .price > b {
    font-size: 14px;
    font-weight: bold;
}

.listPriceBox .delNum {
    font-size: 18px;
    font-weight: bold;
    color: #7C7080;
    text-decoration: line-through;
}

.listPriceBox > span:nth-child(2) {
    margin-left: 10px;
    color: #666666;
    font-size: 14px;
    text-decoration: line-through;
}


.comName {
    color: #333333 !important;
    height: 21px;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.comListUl li > p {
    color: #666666;
    font-size: 12px;
    margin-top: 9px;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.iconDiv {
    height: 20px;
    position: relative;
    margin-top: 0px !important;

}

.iconDiv div {
    z-index: 99;
    position: absolute;
    width: 232px;
    left: -16px;
    top: 24px;
    min-height: 30px;
    background: #fff;
    color: #7B7B7B;
    height: auto !important;
    /* text-align: center; */
    padding: 5px 12px;
    font-size: 12px;
    display: none;
    border: 1px solid #D8D8D8;
}

.iconDiv span:last-of-type {
    margin-right: 0;
}

.comIcon {
    width: 30px;
    height: 16px;
    cursor: pointer;
    margin-right: 1px;
    text-align: center;
    line-height: 16px;
    border-radius: 2px;
    color: #fff;
    position: relative;
}

.comIcon::after {
    content: '';
    display: none;
    background: url('../images/triangle.png');
    position: absolute;
    top: 15px;
    z-index: 105;
    left: 7px;
    width: 12px;
    height: 10px;
}

/* 常购 */
.purchIcon {

    color: #3dbb2b;
    border: 1px solid #3dbb2b;
}

.purchIcon:hover:after {
    display: block;
}

.purchIcon:hover ~ .purchDiv {
    display: block;
}

.seckillIcon {
    background: #D84454;
}

.seckillIcon:hover:after {
    display: block;
}

.seckillIcon:hover ~ .seckillDiv {
    display: block;
}

/* 院线 */
.cineIcon {
    color: #25C058;
    border: 1px solid #25C058;
}

.cineIcon:hover:after {
    display: block;
}

.cineIcon:hover ~ .cineDiv {
    display: block;
}

/* 特价 */
.specIcon {
    background: #EB573E;
}

.specIcon:hover:after {
    display: block;
}

.specIcon:hover ~ .specDiv {
    display: block;
}

/* 买赠 */
.giftsIcon {
    background: #F7BB42;
}

.giftsIcon:hover:after {
    display: block;
}

.giftsIcon:hover ~ .giftsDiv {
    display: block;
}

/* 换购 */
.changIcon {
    background: #8BC151;

}

.changIcon:hover:after {
    display: block;
}

.changIcon:hover ~ .changDiv {
    display: block;
}

/* 阶梯 */
.laddIcon {
    background: #37BC9A;
}

.laddIcon:hover:after {
    display: block;
}

.laddIcon:hover ~ .laddDiv {
    display: block;
}


/* 套餐 */
.mealIcon {
    background: #4B89DD;
}

.mealIcon:hover:after {
    display: block;
}

.mealIcon:hover ~ .mealDiv {
    display: block;
}

.comHeigh {
    height: 45px !important;
}

/* 满减 */
.mjIcon {
    background: #8555F3;
}

.mjIcon:hover:after {
    display: block;
}

.mjIcon:hover ~ .mjDiv {
    display: block;
}

/* 折扣*/
.zkIcon {
    background: #FB4C96;
}

.zkIcon:hover:after {
    display: block;
}

.zkIcon:hover ~ .zkDiv {
    display: block;
}

/* 半价 */
.bjIcon {
    background: #B34FE9;
}

.bjIcon:hover:after {
    display: block;
}

.bjIcon:hover ~ .bjDiv {
    display: block;
}


.borderBox {
    position: absolute;
    width: 230px;
    height: 215px;
    top: -1px;
    left: -1px;
}

.borderBox > a {
    /* width: 230px;
    height: 215px;
    display: block;
    position: relative; */
    width: 224px;
    height: 214px;
    display: block;
    left: 3px;
    position: relative;
}

.borderBox > a > img {
    /* width: 230px;
    height: 215px; */
    width: 224px;
    height: 214px;
}

.borderLeft {
    position: absolute;
    overflow: hidden;
    padding-left: 5px;
    left: 4px;
    bottom: 3px;
    width: 76px;
    height: 50px;
}

.borderRight {
    position: absolute;
    width: 120px;
    height: 32px;
    right: 5px;
    bottom: 4px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.borderRight > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 32px;
}

.borderRight > div > span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.borderTitle {
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 26px;
    line-height: 50px;
}

.borderBoxDes {
    text-align: center;
    font-size: 20px;
    line-height: 50px;
}

.borderDesc {
    font-size: 18px;
    line-height: 18px;
}

.disPrice {
    margin-top: 8px;
}

.dazhehuodong {
    position: absolute;
    top: 173px;
    left: 0;
    width: 100%;
    height: 42px;
    background: url('../images/dazhe_cx.png') no-repeat;
    background-size: 100% 100%;
    color: #FFFF00;
    line-height: 56px;
    padding-left: 4px;
    font-size: 13px;
}

.outStock {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 99;
    width: 200px;
    height: 200px;
}


.priceBabel {
    width: 86px;
    height: 57px !important;
    position: absolute;
    left: 0;
    top: 149px;
    background-image: url('../images/1600750115445.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 6px;
}

.comListUl li > p > span:nth-child(2) {
    right: 0;
    position: absolute;
    text-align: left;
    width: 80px;
}


.goodsCart {
    margin-top: 8px;
    height: 26px;
}

.goodsCartLeft {
    width: 95px;
    height: 26px;
    float: left;
    position: relative;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    user-select: none;
}

.goodsCartLeft span {
    height: 24px;
    width: 25px;
    text-align: center;
    display: block;
    outline: none;
    margin: 1;

    font-size: 20px;
    border: 1px solid transparent;
    cursor: pointer;

}

.goodsCartLeft span:nth-child(1) {
    float: left;
    color: #D3D3D3;
    line-height: 19px;
}

.goodsCartLeft span:nth-child(3) {
    float: right;
    color: #3dbb2b;
    line-height: 19px;
}

.goodsCartLeft input {
    width: 38px;
    height: 24px;
    box-sizing: border-box;
    float: left;
    text-align: center;
    overflow: hidden;
    outline: none;
    padding: 0 3px !important;
    word-break: normal;
    border: none !important;
    border-right: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-radius: 0 !important;
}

.goodsCartRight {
    width: 80px;
    height: 26px;
    float: right;
    background-color: #6BAFFE;
    background: #3dbb2b;
    border-radius: 13px;
    text-align: center;
    line-height: 26px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

.goodsCartRightPuer {
    width: 80px;
    height: 26px;
    float: right;
    background-color: #6BAFFE;
    background: #3dbb2b;
    border-radius: 13px;
    text-align: center;
    line-height: 26px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}


.comListUl li:hover > .goods-collect {
    display: inline-block;
}

.goods-collect {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 199;
    display: none;
    cursor: pointer;
}

.goodsLateTime {
    color: #FF0036;
}

/* 优惠标签样式 */
.comListUl .slabel {
    height: 40px;
}

.comListUl .slabel .Collage,
.comListUl .slabel .coupons,
.comListUl .slabel .coupons,
.comListUl .slabel .buygive,
.comListUl .slabel .special,
.comListUl .slabel .shopcoupons,
.comListUl .slabel .timestop,
.comListUl .slabel .labelminus {
    font-size: 11px;
    display: inline-block;
    color: #FFFFFF;
    white-space: nowrap;
    padding: 1px 8px;
    border-radius: 5px;
    margin-right: 3px;
    margin-top: 1px;

}

.comListUl .slabel .Collage {
    background-color: #f6605f;
}

.comListUl .slabel .coupons {
    background-color: #8abf4b;
}

.comListUl .slabel .buygive {
    background-color: #2f2fdd;
}

.comListUl .slabel .shopcoupons {
    background-color: #f9bc30;
    padding: 1px 2px;
}

.comListUl .slabel .special {
    background-color: #ff717f;
}

.comListUl .slabel .timestop {
    background-color: #ff586b;
}

.comListUl .slabel .labelminus {
    background-color: #8a52fd;
}

/* 原价 */
.delInfo {
    font-size: 10px;
    color: #666666;
    margin-left: 5px;
}

/* 加入购物车 */
.u-flyer {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    position: fixed;
    z-index: 9999;
}

/* 活动样式 */
.listTop_zbg {
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden;
}

.listTop_zbg .listTop_zbg_img {
    width: 100%;
    height: 100%;
}

.listTop_zbg .toDeail {
    position: absolute;
    top: 6px;
    left: 9px;
    width: 200px;
    height: 155px;
}

.listTop_zbg .toDeail img {
    width: 200px;
    height: 200px;
}

/* 买赠 */
.listTop_ztitle {
    font-size: 12px;
    letter-spacing: 2px;
    color: #FFF7EC;
    position: absolute;
    top: 3px;
    left: 15px;
    font-weight: bold;
    transform: scale(1.4);
    font-family: cursive;
}

.listTop_zcon {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    width: 100% !important;
    height: 42px;
}

.con_zleft_t {
    color: #FFFFFF;
    font-size: 26px;
    text-align: center;
    font-family: cursive;
    font-weight: bold;
    line-height: 42px;
}

.sp_t {
    align-items: center;
    white-space: nowrap;
    width: 20%;
    height: auto;
}

.con_zright {
    font-family: cursive;
    margin: 7px 15px;
    font-size: 15px;
}

.con_zright_tx {
    color: #FFFFFF;
    font-weight: bold;
}

.overzright {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 34px;
    width: 155px;
}

/* 买赠2 */
.BuyGift .listTop_zcon {
    background-image: url('../images/by_gift_img2.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 54px;
    background-size: cover;
    justify-content: space-around;
}

.BuyGift .con_zright {
    transform: translate(12px, 18px);
    margin: 0;
}

.BuyGift .sp_t {
    height: 58px;
    line-height: 64px;
}

/* 拼团 */
.specices {
    background-size: cover;
    background-repeat: no-repeat;
}

.specices .listTop_zcon {
    bottom: 0;
    left: 0;
    width: 85px;
    height: 57px;
    background-image: url('../images/collage_img2.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.specices .con_zleft {
    width: 85px !important;
    font-size: 20px;
    font-family: cursive;
    font-weight: bold;
    text-align: center;
    line-height: 0 !important;

}

.specices .sp_t {
    width: 75% !important;
    font-size: 17px;

}

.specices .con_zleft_co {
    font-size: 25px;
    color: #FFFFFF;
    font-family: cursive;
    font-weight: bold;
    white-space: nowrap;
    width: 75% !important;

}

.specices .con_zleft_c {
    margin-left: 4px;
    font-weight: bold;
}

.specices .con_zright {
    white-space: nowrap;
    line-height: 83px;
    font-weight: bold;
    color: #FEFBF8;
    text-align: center;
    font-size: 18px !important;
    margin: 10px 0 !important;
}

/* 活动价 */
.spe_price .listTop_zcon {
    bottom: 0;
    left: 0;
    height: 65px;
    background-image: url('../images/special_price_img2.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.spe_price .con_zleft {
    width: 50% !important;
    font-size: 20px;
    font-family: cursive;
    font-weight: bold;
    text-align: center;
    line-height: 0 !important;
    background-image: linear-gradient(#FE7938, #E7180E);
    border-radius: 50%;

}

.spe_price .sp_t {
    width: 97% !important;
    font-size: 16px;

}

.spe_price .con_zleft_co {
    font-size: 18px;
    color: #FFFFFF;
    font-family: cursive;
    font-weight: bold;
    white-space: nowrap;

}

.spe_price .con_zleft_c {
    margin-left: 4px;
    font-weight: bold;
}

.spe_price .con_zright {
    white-space: nowrap;
    line-height: 83px;
    font-weight: bold;
    color: #FEFBF8;
    text-align: center;
    font-size: 18px !important;
    margin: 10px 0 !important;
}

.listBottom {
    padding: 15px 15px 10px 15px;
    height: 360px;
}

.listBottom .bottom_p {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    height: 20px;
}

.listBottom p > span {
    display: inline;
    white-space: nowrap;
    word-break: break-all;
}

.product_name {
    width: 90%;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product_name_span {
    width: 35%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block !important;
}

.tHeight {
    height: 20px;
}

.topBanner {
    background-size: cover !important;
    background-position: center !important;
}

/* 搜索 */
.yearHeadNav {
    width: 100%;
    height: 70px;
    background-color: #FFFFFF;
    background-size: cover;
    background-position: center;
}

.ContTop {
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto;
    height: 60px;
    padding: 15px 0 15px 0;
}

.yearSearch {
    height: 40px;
    margin-left: 0;
    border: 1px solid #666666;
    width: 590px;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.yearSearch input {
    outline: none;
    width: 85%;
    height: 100%;
    float: left;
    color: #333333;
    background: rgba(255, 255, 255, 0);
    padding-left: 10px;
    font-size: 18px;
    line-height: 38px;
}

.yearSearch input::placeholder {
    font-size: 18px;
    line-height: 38px;
}

.yearSerBtn {
    width: 44px;
    height: 100%;
    cursor: pointer;
    text-align: center;
    line-height: 41px;
    font-size: 16px;
    border-left: 1px solid #333333;
}

.yearSerBtn img {
    width: 24px;
    height: 24px;
    margin: 7px 17px;
}

/* 分页样式 */
.page .page-r ul {
    text-align: center;
    list-style: none;
    margin: 0 0 0 20%;
    height: 30px;
    box-sizing: border-box;
    padding: 0;
    width: 900px;
}

.page .page-r ul li {
    border-radius: 0;
}

.page .page-r ul li a {
    padding: 0 5px;
    border-radius: 0;
    border-radius: 0;
    background-color: #EFEFEF;
}

.page-number {
    padding: 0 !important;
    background-color: #FFFFFF !important;
}

.page .page-r ul li a.active {
    background-color: #FFFFFF;
    color: #3dbb2b;
}

.pageNum_active {
    border: none !important;
}

/* 特惠专区栏目 */

.yearNavtop {
    width: 100%;
    height: 86px;
    text-align: center;
}

.nav-top {
    display: block;
    margin: 0 auto;
    width: 1200px;
    height: 100%;
}

.nav-top-item {
    float: left;
    font-size: 24px;
    cursor: pointer;
    height: 100%;
    line-height: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: none repeat scroll 0% 0% rgb(253, 179, 5);
    width: 194px;
}

.nav-top-item a {
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    margin-top: -13px;
}

.nav-top-active {
    background: none repeat scroll 0% 0% rgb(255, 251, 224);
}

.nav-top-active a {
    color: #ea3426
}

.nav-top-item a p {
    width: 157px;
    height: 86px;
}
/* 预购专区左右移动开始 */
.disScroll{
  width: 89.5%;
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.navScrollBox{
  /* width: 1360px; */
  width: 1288px;
  overflow: hidden;
  position: relative;
  height: 100%;
  margin:0 auto;
}
.navScrollBox .nav-top{
    width: auto !important;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
}
.navArrow {
  width: 40px;
  height: 40px;
  overflow: hidden;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 0 20px;
}
.navLeft{
  background-position: 10% 50%;
}
.navRight{
  background-position: 90% 50%;
}
/* 预购专区左右移动结束 */