@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;text-align: center;user-select: none;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.paging-menu, .paging-skip, .paging-hint{display: flex;flex-wrap: wrap;}
.paging-menu a{width: 42px;height: 42px;border: 1px solid #f4f4f4;margin: 5px;font-size: 15px;color: #888;transition: all .4s ease;font-weight: 700; border-radius: 15px;background-color: #fff;display: flex;align-items: center;justify-content: center;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #43c800;background-color: #43c800;color: #fff;}
.paging-skip{margin-left: 8px;align-items: center;}
.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #43c800;}
.paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #43c800;color: #fff;border-color: #43c800;}
.paging-hint span{color: #43c800;}
@media all and (max-width:1000px){.paging-menu a{margin: 4px;width: 34px;height: 34px;font-size: 12px;border-radius: 10px;}.paging-skip{width: 100%;margin-left: 0;justify-content: center;}}

/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #43c800;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #43c800;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: max(20px,0.4rem) max(15px,0.26rem);margin-top: max(12px,0.18rem);}
.search-link:first-child{margin-top: 0;}
.search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #43c800 !important;}
.search-link:hover h2{color: #43c800;}

/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}

/* 网站地图 */
.webmap{width: 100%;}
.webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: max(14px,0.24rem);}
.webmap-title::after{content: "";position: absolute;width: max(36px,0.6rem);left: 0;right: 0;margin: 0 auto;bottom: 0;height: max(2px,0.04rem);background: #43c800;}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -0.4rem 0 0 -0.4rem;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{width: calc(20% - 0.4rem);margin: 0.4rem 0 0 0.4rem;color: #333;}
.webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;}
.webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;}
.webmap-list>ul>li a:hover{color: #43c800;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: max(16px,0.2rem);width: 100%;padding-bottom: max(12px,0.2rem);line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: max(10px,0.2rem);}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: max(4px,0.06rem) 0;font-size: max(15px,0.18rem);}
.webmap-list>ul>li>.drop .drop a{padding-left: max(12px,0.18rem);font-size: max(14px,0.16rem);}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 0.14rem;}
@media all and (max-width: 1000px){
    .webmap-list>ul>li>.drop .drop a::before{top: 0.2rem;}
    .webmap-list>ul{margin: -14px 0 0;}.webmap-list>ul>li{width: 100%;margin: 14px 0 0;}.webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}

/* 内页公共 */
.pagesBan{overflow: hidden;}
.pagesBan-con{width: 50%;align-items: center;padding-left: var(--widDb);padding-right: 1.3rem;}
.pagesBan-con::after{animation: w200 1.2s ease both; content: "";position: absolute;left: 0;top: 0;width: 200%;height: 100%;background: linear-gradient(to right,#37a500,#adc60d);}
.pagesBan-con .text-box{position: relative;z-index: 4;}
.pagesBan-con .logo-box{z-index: 2; position: absolute;left: 50%;top: 50%;width: 100%;height: 108%;transform: translate(-50%,-50%);display: flex;justify-content: center;}
.pagesBan-con .logo{height: 100%;animation: banIcon 1.5s .7s ease both;}
.pagesBan-con .logo-box img{height: 100%;}
.pagesBan-img{width: 100%;}

.cate-item{display:flex;width:calc( 100% / 3);justify-content: center;flex-direction: column;align-items: center;margin-bottom:30px;}
.cate-item .img{width:1.2rem;height:1.2rem;}


.pro-geek .pro-geek-item{width:25%;}
.pro-geek .pro-geek-item .img{padding:20px;}
.pro-geek .pro-geek-item .text .price{margin-right:7px;}
.pro-geek .pro-geek-item .text .oldprice{color:#c9c9c9;}
.pro-geek .pro-geek-item .text .oldprice::after{position:absolute;content:'';width:100%;height:1px;background-color: #c9c9c9;top:8px;left:0;}
.pro-geek .pro-geek-item .btn-content{position:absolute;left:0;top:30%;width:100%;display:flex;flex-direction: column;align-items: center;opacity: 0;}
.pro-geek .pro-geek-item .btn-content .btn{display:block;width:2rem;height:.42rem;text-align: center;line-height:.42rem;border-radius:5px;}
.pro-geek .pro-geek-item .btn-content .btn.quick-btn{background-color: #fff;color:#000;}
.pro-geek .pro-geek-item .btn-content .btn.cart-btn{background-color: #000;color:white;margin-top:20px;}
.pro-geek .pro-geek-item:hover .btn-content{opacity: 1;}
.pro-geek .pro-geek-item:hover .img img{transform: scale(1.04);}
.more-btn{display:block;width:2rem;height:.42rem;line-height:.42rem;text-align: center;border-radius: 5px;background-color: #FF66A9;color:white;cursor:pointer}

.sorting-content .contain{justify-content: space-between;align-items: center;}
.sorting-content .sort{width:1.75rem;}
.sorting-content .sort i{position:absolute;right:10px;top:50%;transform: rotate(-90deg) translateY(-50%);font-size:14px;}
.select-list{border-top:1px solid #e6e6e6;}

/* pro-info轮播 */
.pro-big-pic{width:60%;position:sticky;top:10px;height:100%;}
.pro-content-right{width:40%;padding-left:60px;}
.old-price{color:#c9c9c9;}
.pro-content-right .save{background-color: #F14A4A;color:white;font-size:.3rem;font-weight:700;padding:5px 14px;border-radius:8px;margin-left:.3rem;}
.pro-content-right .price{border-bottom:1px solid #ddd;}
.pro-content-right .zhekou{color:#FF107C;border-bottom:1px solid #ddd;}
.pro-content-right .ship{border-bottom:1px solid #ddd;}
.pro-content-right .taste-item{display:inline-block;padding:0 10px;height:.4rem;text-align:center;line-height:.4rem;background-color: #000;color:white;margin-right:10px;}
.pro-content-right .quantity-item{display:inline-block;padding:0 10px;height:.4rem;text-align:center;line-height:.4rem;background-color: #000;color:white;margin-right:10px;}
.pro-content-right .btn .addCart{display:block;width:100%;color:#000;height:.48rem;border:1px solid #000;text-align:center;line-height:.48rem;border-radius: 4px;font-weight:400;}
.pro-content-right .btn .checkout{display:block;width:100%;color:white;height:.48rem;text-align:center;line-height:.48rem;border-radius: 4px;font-weight:400;background-color: #000;margin-top:20px;}

.pro-content-right .qty .qty-content{display:flex;flex-wrap: wrap;}
.pro-content-right .qty .btn-num{width:36px;height:36px;background-color: #f2f2f2;text-align:center;line-height:36px;font-size:16px;}
.pro-content-right .qty .quantity{text-align:center;width:.6rem;}

.pro-service .title{background-color: rgba(49,176,121,0.2);padding:16px 12px;align-items: center;justify-content: space-between;}
.pro-service .title .title-left{align-items: center;}
.pro-service .title .icon{transform: rotate(-90deg);cursor: pointer;color:#31b079;}
.pro-service .title .icon.active{transform: rotate(90deg);}
.pro-service .title .text{margin-left:5px;}
 
    
    
   
.pro-service .service-content{background-color: rgba(49,176,121,0.05);color: #292929;font-size: 12px;padding: 16px 36px;border:1px solid rgba(49,176,121,0.2);}
.pro-service .service-content .desc{display:none;}
.pro-service .service-content .service-list{width:calc( 25% - 20px ); margin-right:20px;}
.pro-service .service-content .img{background-color: #f6f6f7;padding:10px;}
.pro-service .service-content .img img{width:50px;margin-right:10px;margin-bottom:10px;}
.pro-desc .text{border-bottom:1px solid #ddd;padding:20px 0;}
.pro-desc .text::after{position:absolute;content:'';width:90px;height:2px; background-color: #000;left:0;bottom:0;}


.full-form{width:4.8rem;margin:0 auto;}
.full-form .input-item{margin-bottom:20px;}
.full-form .input-item.submit{background-color: #000;color:white;text-align: center;line-height:48px;border-radius:5px;cursor:pointer}
.login-btn{margin-left:30px;}
.full-form .login-info p{justify-content: space-between;}
.full-form .register-btn button{width:4.8rem;background-color: #000;color:white;text-align: center;line-height:48px;border-radius:5px;cursor:pointer}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}

@media all and (max-width:1590px){
    /* 1440 × (700)  */
    
}

@media all and (max-width:1430px){
    /* 1360 */
}

@media all and (max-width:1350px){
    /* 1280 */
}

@media all and (max-width:1270px){
    /* 1152 × (700) */
    
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .pagesBan-img img{height: 150px;}
    .pagesBan-con{padding-right: 10px;}
    .pagesBan-con .title{font-size: 16px;}
    .pagesBan-con .text{font-size: 12px;}
    
    
    .pro-big-pic{width:100%;position:relative}
    .pro-content-right{width:100%;padding-left:0;margin-top:30px;}
    .pro-content-right .taste-item{height:1rem;line-height:1rem;}
    .pro-content-right .quantity-item{height:1rem;line-height:1rem;}
    .pro-content-right .btn .addCart{height:1rem;line-height:1rem}
    .pro-content-right .btn .checkout{height:1rem;line-height:1rem;}
    
    .full-form{width:11.8rem;}
    .full-form .register-btn button{width:11.8rem}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
}