.switch {width: 95px;height: 30px;top: 3px;}
/* last-mc-product*/
.recently {background: #fff; width: 100%;display: inline-block; position: relative; height:160px; margin-bottom: 20px;display: flex;align-items: center;background: #fcebf5; background: linear-gradient(90deg, #fcebf5 0%, #bfd7fd 100%);background-size: 100%;}
.recently .rec-font{font-size: 33px;    width: 574px;text-align: center;text-indent: 94px;}
.recently .rec-icon {background: url(../../image/44/recently-1.png) no-repeat 0px 0px;width:103px; height: 53px; background-size: 61px;}
.recently .rec-pro{display: flex;}
.recently .rec-pro img{height: 118px;border-radius: 5px;}
.recently .rec-pro .rec-price{padding-left: 12px;padding-left: 20px;padding-top: 16px;}
.recently .rec-pro .rec-price .rec-special{color: #ff0000;font-size: 23px;font-weight: bold; padding-right: 12px;}
.recently .rec-pro .rec-price .rec-old{font-size: 15px;color: #666;text-decoration: line-through;    padding: 8px 0px;}
@media screen and (max-width:768px){
.recently{background: #fff;height: auto; display: inline-block; margin-top: -6px;}
.recently .rec-font { font-size: 25px;width: 100%;text-align: center; text-indent: 0; padding-top: 19px;}
.recently .rec-pro {display: flex; padding: 20px 12px 12px 62px;}
.recently .rec-icon { width: 39px;height: 30px; background-size: 31px;  position: absolute;  top: 52px; left: 15px;}
}

.c-flex{flex-wrap: wrap;margin-top: 22px;} 
.c-flex .warp-left{flex:1;min-height: 500px;}
.c-flex .warp-left .list-title-w{display:flex;justify-content: space-between;padding:12px 0px}
.c-flex .warp-left .list-title-w .list-title{font-size:1.6rem;font-weight:bold;}
.c-flex .warp-left .list-title-w .list-title:after{content: "";width:0px; height:0px; border-bottom:5px solid transparent;border-top:5px solid transparent;border-left:5px solid #000;font-size:0px;line-height:0px;display: inline-block;margin-left: 13px;position: relative;top: -2px;opacity: 0.7;}
.c-flex .warp-left .list-title-w .btn-group{display:flex;}
.c-flex .warp-left .list-title-w .btn-group p{ padding: 6px 10px;}

/* boxlist */
.boxlist{display:grid;grid-template-columns: repeat(4, 1fr);grid-auto-rows auto;grid-column-gap:40px;grid-row-gap: 40px;margin: auto}
.boxlist .box-li{box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);background:#fff;padding:12px}
.boxlist .box-li .box-item{position:relative;text-align:center;overflow: hidden;background: #f6f6f6;}
.boxlist .box-li .box-item:before {content:'';background:linear-gradient(45deg,rgba(103,178,111,0.6),rgba(76,162,205,0.6));height:100%;width:100%;opacity:0;filter:blur(10px);transform:scale(1) rotate(180deg);position:absolute;left:0;top:0;z-index:1;transition:all 0.4s ease-in-out;}
.boxlist .box-li:hover .box-item:before {box-shadow:0 0 10px 2px #555;opacity:1;filter:blur(0);transform:scale(0.92,0.9) rotate(0);}
.boxlist .box-li .box-info .item-title{padding:5px 0px;font-weight: 600;height: 67px;overflow: hidden;}
.boxlist .box-li .box-info .p-sort{padding:4px 0px; color: #969696;}

.boxlist .box-li .box-info .original-price{text-decoration: line-through;}
.boxlist .box-li .box-info .present-price{font-weight:bold;font-size:1.2rem}
.boxlist .box-li img{width: 100%;transition:all 0.5s ease-in-out;height: 100%;}
.boxlist .box-li:hover img {transform:scale(1.9) rotate(45deg);}
.boxlist .box-li a{display:block;height: 100%;transition:all 0.5s linear;  word-break: break-all;}

.boxlist .box-li  .box-content {color:#fff;text-align:center;width:100%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(3);position:absolute;top:50%;left:50%;z-index:1;transition:all 0.5s ease;}
.boxlist .box-li:hover .box-content {opacity:1;transform:translateX(-50%) translateY(-50%) scale(1);}
.boxlist .box-li .stock {font-size:1.1rem;text-transform:capitalize;}
.boxlist .box-li .title {font-size:1.1rem;letter-spacing:1px;text-transform:uppercase;margin:10px;color:#fff}
.boxlist .box-li .box-icon {padding:0;margin:0;list-style:none;filter:blur(10px);transform:scale(0);position:absolute;left: 50%;bottom:29px;z-index:2;transition:all 0.5s ease 0.2s;margin-left:-44px;}
.boxlist .box-li:hover .box-icon {transform:scale(1);filter:blur(0);}
.boxlist .box-li .box-icon li {display:inline-block;}
.boxlist .box-li .box-icon li .glyphicon-heart{left:-1px}
.boxlist .box-li .box-icon li .glyphicon{ top: 3px;}
.boxlist .box-li .box-icon li a {color:#fff;background:rgba(000,000,000,0.6);font-size:18px;text-align:center;line-height: 35px;height: 35px;width: 35px;margin:0 3px;display:block;position:relative;transition:all 0.3s;border-radius: 34px;cursor: pointer;}
.boxlist .box-li .box-icon li .active{background: #f66a78;}

.boxlist .box-li .off{background:#f66a78;border-radius: 40px;color:#fff;height: 40px;left: 12px;position: absolute;top: 12px;width: 40px;text-align:center;line-height: 40px;font-weight: bold;transition:all 0.5s ease-in-out;opacity:0.9;z-index:1}
.boxlist .box-li:hover .off{opacity:0}
.c-flex .web-n-more{text-align:center;width: 282px;margin: 36px auto;height: 50px;position:relative}
.c-flex .web-n-more a{box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);background:#fff;display: block;height: 50px;line-height: 50px;text-transform: capitalize;font-size: 1rem;}

.product-subtab {display: flex;}
.product-subtab .pr-title{padding: 5px 0;color: #666;}
.product-subtab  .stock_type{background: #ddd; line-height: 29px;padding: 0px 25px; border-radius: 31px; margin-left: 15px;height: 32px;cursor: pointer;}
.product-subtab  .hover{background:var(--btn-black);color: #fff;cursor: default;}


@media screen and (max-width:768px){
.boxlist{grid-template-columns: repeat(2, 1fr);grid-column-gap: 10px;grid-row-gap:10px;width: 99%;margin: auto}
}
.boxlist .box-li .riming{position:absolute;bottom:23px;left:3px;width:100%;color: #fff;}
.boxlist .box-li .riming ul{width:140px;margin:auto}
.boxlist .box-li .riming li{background:#970000c7;width:30px;font-weight:bold;height: 30px;border-radius: 5px;line-height: 30px;text-align: center;}
.boxlist .box-li .riming .st_text li{ background:none;width:30px;height: 30px;}
.boxlist .box-li .riming-text{position:absolute;bottom:7px;left:3px;width:100%;}
.boxlist .box-li .riming-text ul{width:140px;margin:auto}
.boxlist .box-li .riming-text li{font-size:10px;color:#fff;text-align: center;width:30px;text-transform:capitalize;}


.warp-right{width:300px;margin-left:30px;position:relative}
.warp-right .position-fixed-active{position:fixed;width: 300px;top:0px;}
.warp-right .position-fixed-active .box-r:first-child{margin-top: 0px;}
.warp-right .box-r {margin-top:60px}
.box-r .box-r-title{font-weight:bold;font-size: 1.2rem;text-transform: capitalize;}

/* price range */
.price-range{ padding:10px 0px}
.price-range .drag-form{display:flex}
.price-range .drag-form .form-control{display:inline-block;font-weight:bold;}
.price-range .drag-form .btn{margin-left: 11px;}
.price-range .drag-form span{padding: 4px 8px;color:#666}
.price-range .drag-slider{height:40px; margin:5px auto; }
.price-range .ui-slider { position:relative; text-align:left;}
.price-range .ui-slider .ui-slider-handle {position:absolute;width: 10px;height: 10px;cursor: default;background: #000;border-radius: 50px;}
.price-range .ui-slider .ui-slider-range {position:absolute;z-index:1;display:block;border:0;background:#000;}
.price-range .ui-slider-horizontal {height: 22px;border-bottom: 2px solid #d2d2d2;}
.price-range .ui-slider-horizontal .ui-slider-handle {top: 16px;margin-left:0;}
.price-range .ui-slider-horizontal .ui-slider-range {top: 20px;height: 2px;}
.price-range .ui-slider-horizontal .ui-slider-range-min {left:0; }
.price-range .ui-slider-horizontal .ui-slider-range-max {right:0; }


.recomm-pro .box-item img{width:80px;   }
.recomm-pro .box-li{display:flex;padding:22px 0px;border-bottom:1px dotted #c7c7c7;align-items: center;}
.recomm-pro .box-li:last-child{border:0px}
.recomm-pro .box-li .box-info{padding-left:12px;}
.recomm-pro .box-li .box-info .present-price{font-size: 0.9rem;padding-top:12px;font-weight:bold;}
.recomm-pro .box-li .item-title{font-size:0.9rem;    max-height: 70px;overflow: hidden;}
	
@media (min-width: 1920px){
  .boxlist{grid-template-columns: repeat(5, 1fr);}
  .entity-flex .boxlist{grid-template-columns: repeat(4, 1fr);}
}
@media (min-width: 1527px){
   .c-flex{width:1527px}
}
	
@media (max-width:1024px){
 .boxlist{grid-template-columns: repeat(3, 1fr);grid-auto-rows auto;grid-column-gap:20px;grid-row-gap:20px;}

}
@media (max-width:768px){
.c-flex { display: block;}
.warp-right{display:none;}
.boxlist{grid-template-columns: repeat(2, 1fr);}
.c-flex .web-n-more{width:100%}
}	

@media (max-width:1440px){
.c-flex {margin: 0px 60px}
}


/* pro-type */
.pro-type .high-type{font-size: 0.9rem;font-weight:bold;padding-top: 18px;position:relative;padding-bottom: 9px;border-bottom: 1px solid #000;margin-bottom: 7px;}
.pro-type li {position:relative}
.pro-type li a{display:block;padding:3px 0px;padding-left: 13px;}
.pro-type li em{position:absolute;right:0px;color:#666}
.pro-type li a:before{content: "";position:absolute;left: 1px;width: 5px;height: 5px;border-radius:50px;background: #b5b5b5;top: 11px;}
.pro-type .active{font-weight:bold}
.pro-type .active a:before{background:#000}
.pro-type .active em{color:#000}