/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
.shopbrand { padding-top:8px; padding-bottom:80px; }
.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: #000;font-size: 12px;font-weight: 500;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; 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; }

.shopbrand .list_box { padding:0 12px; }


.productTopBox {
    /* width: 100%; */
    overflow: hidden;
    padding:0 12px;
}
.productTopBox .now_title {position:relative;padding-top: 12px; font-size:22px;letter-spacing:-0.035em; color:#000; font-weight:700;width: auto;text-align: left;margin-bottom: 18px;}
.productTopBox .now_title:after {content: ''; position:absolute;top: 0;left: 2px;width: 15px;font-size: 16px;background: #000;height: 3px;}

.keyword_box {
    padding: 18px 0;
    padding-left: 12px;
    background: #f7f7f7;
    position: relative;
}
.keyword_box>p {padding: 0 0 10px;font-size: 16px; color:#000; font-weight:700; letter-spacing:-0.035em;}
.keyword_box ul {
    font-size: 0;
    white-space: nowrap;
    position: relative;
    overflow-x: scroll;
    overflow-y:hidden;
    padding-right: 55px;
}

.keyword_box ul { -ms-overflow-style: none; scrollbar-width:none; } 
.keyword_box ul::-webkit-scrollbar{ display:none; }


.keyword_box ul.open {white-space: normal;padding-right: 0;}

.keyword_box ul li { cursor:pointer;padding: 0 10px;height: 32px;line-height: 32px; text-align:center;font-size: 12px; color:#8930dc;font-weight: 500;border: 1px solid #8930dc; box-sizing:border-box;-webkit-box-sizing:border-box;margin-right: 6px;width: fit-content;display: inline-block;letter-spacing: -0.5px;}
.keyword_box ul.open li { margin-bottom:6px; }
.keyword_box ul li:last-child{margin-right:42px;}


.keyword_plus.up .keyword_inner {
    background: none;
}


.class-list {
    margin-bottom: 0;
}

.class-list ul {
    font-size: 0;
}

.class-list ul li {
    margin-right: 20px;
    margin-bottom: 18px;
    display: inline-block;
}

.class-list ul li a {
    font-size: 14px;
    color: #888;
    font-weight: 400;
}

.class-list ul li.on a {
    color: #8930dc;
}

.array_li_box {padding: 23px 12px 14px;overflow: hidden;}
.array_li_box em {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    line-height: 25px;
}
.array_li_box em span { font-size:15px }

.list_arrayRight select {
     width: 78px;
     height: 25px;
     border: none;
     display:
     block;
     background: #fff url('/design/duolab/PC/select_sel.svg') no-repeat 100% 50%;
     background-size: 10px auto;
     appearance:
     none;
     -moz-appearance:none;
     -webkit-appearance:none;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:
     border-box;
     font-size: 11px;
     font-weight: 500;
     color: #000;
     line-height: 22px;
     outline:
     none;
     padding-left: 0;
     border-bottom: 2px solid #000;
}

.keyword_plus {
    height: 37px;
    width: 42px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    top: 41px;
    right: 0;
    font-size:0;
}



.keyword_plus.plus { background:none; transform:rotate(45deg);top: 6px; right:7px;}
.keyword_plus.plus .keyword_left { background:none; }
.keyword_plus .keyword_left {
    height: 100%;
    width: 10px;
    background: linear-gradient(to left, rgba(247,247,247,.9) 0%, rgba(247,247,247,.9) 100%);
}

.keyword_left.show_hide { background:none; }

.keyword_plus>div {
    display: inline-block;
    vertical-align: top;
}

.keyword_inner {
    height: 100%;
    width: 32px;
    background: #f7f7f7;
    text-align: left;
    box-sizing: border-box;
    padding-left: 3px;
}

.keyword_inner img {width: 8px;padding: 5px;background: #8930dc;}
.keyword_plus.plus .keyword_inner img { width:13px; }

.shopbrand .more .more-title img {
    vertical-align: middle;
    width: 9px;
    margin-top: -4px;
    margin-left: 3px;
}
/* BASIC css end */


/* BASIC css end */


/* BASIC css end */