/* BASIC css start */
.shopbrand h2 {text-align:center; font-size: 1.25em; font-weight:bold; padding-top:10px; color: #333;}
.shopbrand .MK_product_list {background-color:#fff; border-bottom:0px solid #fff; border-top: 0px solid #fff; max-width: 100%;}
.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:0px solid #fff; 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: 23px; height: auto;}
a {-webkit-tap-highlight-color:transparent;}









.prd_figures {
    position: relative;
    width: 95%;
    margin-left: 2.5%;
}

.icon_area_m {
    position: absolute;
    top: 5px ;
    right: 5px ;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 0px;
    overflow: hidden;
}

.icon_area_m img {
    width: 100%;
}








.side_btn {
    position: fixed;
    top: 430px;
    right: 10px;
    width: 40px;
    height: 204px;
    z-index: 9999;
    transition: all linear 0.2s;
    text-align: center;
    cursor: pointer;
    -webkit-tap-highlight-color:transparent;
}


.side_btn a{
    display:inline-block;
    margin-bottom:10px;
}



.event_btn {
    position: fixed;
    top: 590px;
    left: 5;
    width: 80px;
    z-index: 9999;
    transition: all linear 0.2s;
    text-align: center;
    cursor: pointer;
    -webkit-tap-highlight-color:transparent;
}









.class-list {

    width: 100%;
        height: 36px;
	padding: 0px 0;
	text-align: center;
        background-color: #fff;
            -webkit-tap-highlight-color:transparent;
}
.class-list dt {
	font-size: 11px; line-height: 30px; color: #777; font-weight: 700;
}
.class-list dd {
	width: 100%;
    margin: 0 auto;
    margin-bottom: -30px;
}
.class-list dd a {
	display: inline-block;
	font-size: 11px; line-height: 1.5; color: #777; font-weight: 400;
	text-decoration: none;
	margin: 10px 3px 40px;
}
.class-list dd a:hover {
	color: #000;
}
.class-list dd a.selected {
	color: #eb5728; font-weight: 700;
}
.class-list dd span {
	margin: 0 0 0 5px;
	font-size: 0; line-height: 1.5; color: #acacac; font-weight: 400;
}









.hk_slide {
position: relative;
width: 100%;
height: auto;
}


.swiper-container {
   width: 100%;
   height: auto;
  overflow: hidden;
 }
.swiper-wrapper {
  width: 100%;
}

.swiper-slide {
   display: inline-block;
   height: auto;
}












.icon_under {margin-left:-6px; width: 180px; height: 30px; display:inline-block; overflow: hidden; margin-top: 5px; text-align: left; border: 0px solid #eee;}
.icon_under img {
width: 45px !important;
height: 15px !important;
margin-right:1px;
}



.icon_under_best {width: 118px; height: 20px; display:inline-block; overflow: hidden; margin-top: 10px; text-align: center;}
.icon_under_best img {
width: 45px !important;
height: 15px !important;
margin:1px;
}





.side_btn img {
border-radius: 30px;
box-shadow: 0 0px 3px 0 #555;
}
















.side_bar_area {position:fixed; bottom: 60px; right:10px; z-index: 9997; opacity: 0.8;}
.side_bar 
    {position:relative;
    cursor: pointer;
    -webkit-tap-highlight-color:transparent;
    width: 35px;
    height: 175px;}
.side_bar img {border-radius: 30px; box-shadow: 0 0px 3px 0 #555;}






.cate_zone {
    width:100%;
    height: auto;
    margin: 10px 0 0 0;
    clear:both;
    display:inline-block;
}

.cate_title_right {
    margin-top: 30px;
    width:100%;
    height: auto;
    padding: 5px 0 5px 0;
    display: inline-block;
    text-align: center;
    position: relative;
}




.cate_title_right>span {
    font-weight: 700;
    font-size: 16px;
    width: 100%;
    margin: 10px 0 10px 0;
}


.cate_title_right>a {
    position: absolute;
    bottom: 0px;
    right: 5%;
    float: right;
    font-size: 10px;
    color: #999;
    margin: 5px 0 5px 0;
}



.cate_prd {
    width:90%;
    height: auto;
    margin-left:5%;
    margin-bottom: 0px;
    overflow:hidden;
    overflow-x:auto; 
    white-space: nowrap;
    float: left;
    border-top: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
    -webkit-tap-highlight-color:transparent;
    -webkit-overflow-scrolling;
}

.cate_prd_area {
    width: 40%;
    border-left: 0px solid #ccc;
    border-right: 0px solid #eee;
    margin: 10px 0 10px 0;
    display: inline-block;
    position: relative;
}

.cate_prd_thumb {
    width: 95%;
    height: auto;
    margin-left: 0%;
    margin-bottom: 5px;
    display: inline-block;
    overflow: hidden;
    
}
.cate_prd_thumb img{
    width:100%;
}

.cate_prd_info {
    max-width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    margin-left: 2%;
}


.cate-prd_info>span{
    font-weight: 700;
    font-size: 8px;
    max-width: 100%;
    margin: 5px 0 5px 0;
}
.cate-prd_info>p{
    font-weight: 200;
    font-size: 7px;
    max-width: 100%;
    color: #aaaaaa;
    margin: 5px 0 5px 0;
}




.cate_prd_area .ranking {position: absolute; top:-3px; left:2px; font-size: 12px;}

.cate_prd_area .ranking .fa-square {position: relative; color: #000; opacity:0.8;}

.cate_prd_area .numRanking {position: absolute; top: 7px; left: 9px; color: #fff; font-size: 0.4em;}








.cate_thum_area {
    width: 90%;
    float: left;
    overflow:hidden;
    overflow-x:auto; 
    white-space: nowrap;
    margin: 12px 5% 10px ;
    text-align: center;
    height: auto;
    -webkit-tap-highlight-color:transparent;
    -webkit-overflow-scrolling;
    border-bottom: 0px solid #ccc;
    -ms-overflow-style: none;
    scrollbar-width:none
}

.cate_thum_area a {
    display: inline-block;
    width: 17.25%;
    text-align: center;
    padding-bottom:15px;
}

.cate_thum_area a li {
    display: inline-block;
    width: 70%;
    height: auto;
    border: 0px solid #ddd;
    border-radius: 80px;
    overflow: hidden;
}

.cate_thum_area a img {
    width: 100%;
}


.cate_thum_area a p {
    font-size: 12px;
    font-weight: 500;
}









::-webkit-scrollbar{ display: none; }

.abcd span {display:inline-block; width:8px; height:8px; border:1px solid #eee; margin-right: -2px;}
/* BASIC css end */