/* BASIC css start */
#MS_product {font-size:0; padding:0 3px; text-align:left;}
.item-list .item_img img {max-width:100%}
.shopbrand h2 {text-align:center; font-size: 1.25em; font-weight:bold; padding-top:10px;}
.shopbrand .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .list_group {padding:12px 1%; text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width:16px; height: auto;}

.shopbrand .coupon-benefit {position:relative; margin:-12px 0 10px 0;} 
.shopbrand .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.shopbrand .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.shopbrand .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }


/*
.class-list {display: table;width: 100%;background: #f9f9f9;}
.class-list ul {text-align: center;margin: 6px 10px;overflow: hidden;}
.class-list ul li {width: 25%;float: left;}
.class-list ul li:nth-last-child(1) { margin-right: 0px; }
.class-list ul li a {display: block;font-size: 13px;color: #464646;height: 35px;line-height: 35px;text-align: center;border-radius: 3px;}
.class-list ul li a:hover { background: #d7d7d7 }
.class-list ul li a.active {color: #000;font-weight: bold;}

.class-list {width: 100%;  box-sizing:border-box; }
.class-list ul {margin: 6px 10px;}
.class-list ul:after {content:""; display:block; clear:both}
.class-list ul li {width: calc(33.33% - 5px);float: left;border:1px solid #ccc;margin-right:4px;margin-bottom:4px;} 
.class-list ul li:nth-child(3n) {margin-right:0}
.class-list ul li a {display: block;font-size: 13px;color: #464646;height: 35px; text-align: center; line-height: 1.2;  display: flex; justify-content: center; align-items: center;}
.class-list ul li a.active {background:rgb(43,51,69 ); color:#fff}
*/

.class-list {width: 100%;  box-sizing:border-box; border-bottom: 1px solid #ddd; }
.class-list ul {margin: 6px 10px;}
.class-list ul li {display:inline-block; margin-right:10px; font-size:14px; height:25px; position:relative; margin-bottom:10px; }
.class-list ul li .active:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#000;  }
.class-list ul li:last-child {margin-right:0; }

.class-list {width: 100%;  box-sizing:border-box; }

.cateTit {padding: 20px 0px 20px;font-weight: 600;  font-size: 17px; text-align: center;}

.cateTopSlide { width: 100%; height: 100%; }
.cateTopSlide .swiper-slide {width: 50%;/* padding: 0 2px; */}
.cateTopSlide .swiper-slide .PHPS_pick_prdLink img {width:100%}
.cateTopSlide .swiper-slide .MK-product-icons img {}
.cateTopSlide .swiper-slide .list_shoppingInfo {padding: 6px 5px 0;text-align: left;}
.cateTopSlide .swiper-slide:nth-last-child(1) { margin:0; }

.cateTopSlide .cate_pagination { margin: 20px 0; height: 8px; text-align: center; }
.cateTopSlide .cate_pagination .swiper-pagination-bullet { margin: 0 5px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #959595; }
.cateTopSlide .cate_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; }
.cateTopSlide_wrap {margin-top: 0px;padding: 8px 3px 40px;position:relative;}
.cateTopSlide_wrap .item-list {margin-bottom:0}

.cateTopSlide .list_shoppingInfo { position: relative;  }
.cateTopSlide .list_shoppingInfo .listReview { position: absolute; top:0px ; right:5px; }
.cateTopSlide .list_shoppingInfo strong { font-size: 14px; color:#000; }
.cateTopSlide .list_shoppingInfo .listTag { margin-top: 7px; font-size: 11px; color: #999; }
.cateTopSlide .list_shoppingInfo .listDiscount { display:none; font-size: 12px; color: #999; }
.cateTopSlide li{padding: 0 2px;text-align: right;}
.list_arrayRight a {display:inline-block;width: 30px;height: 30px;line-height: 30px;/* border: 1px solid #ddd; */}

.cateTopSlide .listInfoTop .best{position: absolute;text-align: center;line-height: 11px;bottom: 4px;left: 5px;z-index: 2;color: #fff;}
.cateTopSlide .listInfoTop .bglist::after { z-index:1; content: ''; width: 3rem; height: 3rem; background-color: #aa957e; clip-path: polygon(0% 0%, 100% 100%, 100% 0%); position: absolute; transform: rotate(180deg); bottom: 0; left: 0; }

.cateTopSlide .listInfoTop .best em{ font-size: 10px;  display: block;color: #fff;}
.cateTopSlide .listInfoTop .best number{    font-size: 11px;  font-weight: bold;}
.cateTopSlide .listInfoTop .likeIt {position:absolute;top: 13px;right: 10px;z-index:10;}
.cateTopSlide .listInfoTop .likeIt .likeIcon {display:block;width: 20px;height: 17px;background:url(//roompacker.cdn.smart-img.com/html/phps/m/common/sp_likeit.png) 0 0 no-repeat;background-size: 20px auto;}
.cateTopSlide .listInfoTop .likeIt .on .likeIcon { background-position:0 -17px }
.cateTopSlide .listInfoTop .likeIt img{width:20px}
.cateTopSlide .cate-scrollbar {margin: 30px 10px 0;height:2px !important;background:#ececed !important;}
.cateTopSlide .cate-scrollbar .swiper-scrollbar-drag{background: #000000;}

#header.slideDown .animated {animation-name:none!important;}
#header.slideUp .animated {animation-name:none!important;}

.item-list .item_img a {padding-bottom: 128.7%;}
.list_array .list_arrayRight select {font-size:12px; }


.chgViewTypeLink{opacity:0.35;}
.chgViewTypeLink.on{opacity:1;}

.moreArea .moreLink {width: 135px;border-radius: 100px;height:35px;line-height: 36px;border:0px none;font-weight:normal;display: block;margin: 0 auto;border: 1px solid #2b3244;color:#2b3244;}


.subTi {font-size:18px; font-weight:bold; color:#000; margin:20px 0 24px; padding:0 10px; box-sizing:border-box }
.hasTop .subTi {margin:50px 0 24px;}
.topArea {margin-bottom:80px; }
.topArea img {width:100%}
.topArea .top .txt {padding:16px 10px 52px; box-sizing:border-box; }
.topArea .top .txt h3 {color:#000; font-size:28px; font-weight:bold; line-height:1.5 }
.topArea .top .txt h4 { margin-top:10px; color:#7b7b7b; font-size:20px; line-height:1.5 }
.topArea .top .txt p {margin-top:8px; color:#000; font-size:14px; word-wrap:break-word; word-break:keep-all; line-height:1.3  }
.topArea .btm {display:flex;align-items: flex-start;justify-content: space-between;}
.topArea .btm .img {width:calc(50% - 1px); position:relative; }
.topArea .btm .img span {position:absolute; bottom:10px; left:10px; font-size:12px; color:#fff; font-weight:bold;}

.videoArea {margin-top:60px; box-sizing:border-box; }
.videoArea .video_box { width: 100%; position: relative; padding-bottom: 177%; box-sizing: border-box;}
.videoArea .video_box .video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; }

.hasTop .bestArea .cateTopSlide_wrap {margin-bottom:40px;}
.bestArea .cateTopSlide_wrap {background:#f6f6f6;  margin-bottom:32px;padding:40px 10px; }
.bestArea .swiper-wrapper { counter-reset: slide-counter; box-sizing:border-box; }
.bestArea .swiper-slide { counter-increment: slide-counter; position: relative; width:33.333%}
.bestArea .swiper-slide::before { content: counter(slide-counter); position: absolute; top: 8px; left: 8px; width: 22px; height: 22px; background: #fff; color: #000; font-size:16px; font-weight: bold; display: flex; align-items: center; justify-content: center; z-index: 10;}
.bestArea .cateTopSlide .cate-scrollbar {display:none; }


/* BASIC css end */