html, body {
    margin: 0;
    padding: 0;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "銉°偆銉偑", "Lucida Grande", Verdana, sans-serif;
    font-size: 12px;
}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {
    margin: 0;
    padding: 0;
    font-size: 100%
}
ol,ul,li {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-inline-start:0;
}

caption,th {
    text-align: left
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400
}
.clearfix{ clear: both;}
.clearfix:after {
    content: "";
    clear: both;
    display: block;
    height: 1px;
}
#viewport{max-width: 750px; margin:0 auto}
header{display:block;}
a{-webkit-tap-highlight-color:rgba(0,0,0,.2);text-decoration:none;}
a{color:#313131;}
.badge{display:block;min-width:12px;height:12px;padding:4px;background-color:#bf0000;border-radius:16px;color:#fff;font-size:12px;line-height:12px;text-align:center;position:absolute;right:0;top:3px;}

.header_left_logo{display:block;width:135px;height:36px;margin:10px 0 0 10px;background-image:url(/Public/Images/logo.png?v=4);background-size:135px 36px;background-repeat:no-repeat;background-position:left top;display:inline-block;}
.header_right_item{display:block;width:52px;height:52px;margin-left:2px;position:relative;text-align:center;}
.header_right_item_icon{position:absolute;}
.header_right_item_icon.menu_login{left:16px;top:9px;}
.header_right_item_icon.menu_cart{left:11px;top:10px;}
#site_header{background:#fff;width:100%;height:50px;}
#site_header .header_wrap{display:table;position:relative;width:100%;}
#site_header .drw{width:46px;}
#site_header .drw .badge{height:2px!important;min-width:2px!important;background-color: #ff3259!important;}
#site_header .drw .menu_menu{position:absolute;top:11px;left:10px;width:30px;height:23px;background-position:0 -325px;}
#site_header .user {
    width: 46px;
}
#site_header .user .header_left_item {
    position: absolute;
    top: 11px;
    left: 0px;
    width: 46px;
    height: 23px;
    background-position: 0 -350px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
}
#site_header .user i {
    position: absolute;
    display: block;
    /* width: 10px; */
    /* height: 10px; */
    min-width: 20px;
    text-align: center;
    background: #ff0000;
    border-radius: 100%;
    top: 4px;
    left: 24px;
    color: #fff;
}

#site_header .box,#site_header .head_logo{display:table-cell;position:relative;vertical-align:top;}
#site_header .box.cart{width:46px;}
#site_header .box.mypage{width:40px; text-align: center;}
#site_header .box.mypage a{ display: inline-block; width: 100%; height: 100%;}
.header_left_logo{margin:8px auto 0;display:block;}
.header_right_item{margin-left:0;height:50px;width:46px;}
.header_right_item .badge{right:2px;}
.header_right_item_icon.menu_cart,.header_right_item_icon.menu_login{top:13px;}
.header_right_item_icon.menu_cart{left:2px;}
.header_right_item_icon.menu_login{left:13px;}
.sprite-dr-icon{background-image:url(common.png?v=4);background-size:30px auto;}
.sprite-dr-icon.menu_cart{width:30px;height:23px;background-position:0 -25px;display:inline-block;}
.sprite-dr-icon.menu_login{width:30px;height:23px;background-position:0 -501px;display:inline-block;}
.sprite-dr-icon.menu_menu{width:30px;height:23px;background-position:0 -325px;display:inline-block;}
.email .sprite-dr-icon.menu_login{width:30px;height:23px;background-position:0 -548px;display:inline-block;}


#contents #site_header.view_fix{position:fixed;left:0;top:0;z-index:100;}
.dn{display:none;}

#gSexType .postype li{width:20%;float:left;text-align:center;height:80px;}
#gSexType .postype li a{color:#333;line-height:39px;}
#gSexType .postype li .img{display:block;max-width:70%;height:40px;margin:0 auto;overflow:hidden;}

.lefts{float:left;}
.rights{float:right;}

.head-nav ul {
    display: flex;
    background: #82c8d4;
}

.head-nav ul li {
    flex: 1;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.head-nav ul li a {
    color: #fff;
}

.head-nav ul li:after {
    content: '';
    width: 1px;
    height: 5vw;
    background: #fff;
    position: absolute;
    right: 0;
    top: 1.5vw;
}

.head-nav ul li:last-child:after {
    display: none
}

#guan{position: relative;z-index: 99;background: #f2f2f2; width: 100%; top: 0px; height: 41px; overflow: hidden;}
#guan img{ width: 100%;}

#viewport.open {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.sprite-dr-icon.fab-icon-close{width:40px;height:40px;background-position:0 -95px;display:inline-block; background-repeat: no-repeat; background-color: #000;background-size: 100%;}
.fab-typo-light-gray{color:#aaa;}
.fab-typo-xsmall{font-size:85%;}

.user-infomation{line-height:1.4;background:#fff;}
.user-infomation .user-infomation__name-area{background:#2e2e2e;position:relative;color:#fff;}
.user-infomation .user-infomation__href{display:flex;flex-direction:column;justify-content:center;padding:0 40px 0 20px;font-size:15px;color:#fff;text-decoration:none;min-height:60px;}
.user-infomation .user-infomation__user-name{display:flex;}
.user-infomation .user-infomation__human-icon{width:auto;height:21px;font-size:21px;margin-right:10px;line-height:1;}
.user-infomation .user-infomation__non-login{background:#fafafa;}
.user-infomation .user-infomation__non-login .user-infomation__non-login-link{display:flex;align-items:center;padding:0 3em 0 1.5em;height:60px;background:#fff;border-bottom:1px solid #ebebeb;position:relative;line-height:1;text-decoration:none;color:#3a3a3a;}
.user-infomation .user-infomation__non-login .user-infomation__non-login-link::after{color:#ccc;font-size:120%;font-family:icon;content:'\e689';position:absolute;right:21px;top:50%;transform:translate(0,-50%);}
.user-infomation .user-infomation__non-login .user-infomation__non-login-link.no_border{border-bottom:none;}

#viewport #globalnav .global_menu{position:fixed;left:-86vw;top:0;overflow-x:hidden;overflow-y:scroll;width:86vw;min-height:100%;height:100%;z-index:113;-webkit-overflow-scrolling:touch;-webkit-transition:left .4s cubic-bezier(.19,1,.22,1) 0s;transition:left .4s cubic-bezier(.19,1,.22,1) 0s;}
#viewport.open #globalnav .global_menu{display:block;left:0;box-sizing:border-box;background:#fff;-webkit-transition:left .4s cubic-bezier(.19,1,.22,1) 0s;transition:left .4s cubic-bezier(.19,1,.22,1) 0s;}
#viewport.open .globalnav_overlay{width:100vw;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;z-index:111;animation:fadeIn .6s;}
#viewport .globalnav_overlay .menu_close{display:none;}
#viewport.open .globalnav_overlay .menu_close{display:block;position:absolute;left:86vw;top:0;height:40px;line-height:40px;background: #000;}
#viewport.open .globalnav_overlay .menu_close .fab-icon-close{font-size:150%;color:#fff;}
.global_menu_recentitems{display:none;}
.global_menu_recentitems.is-visible{display:block;}
.global_menu_recentitems_ttl{flex:100%;padding:1.1em 1.7em;font-size:85%;background:#f0f1f4;}
.global_menu_recentitems_box{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:5% 6.2% 0;}
.global_menu_recentitems_block{flex:0 0 29.5%;display:block;margin-bottom:5.5%;}
.global_menu_recentitems_block:nth-of-type(3n+2){margin:0 5.7% 5.7%;}
.global_menu_recentitems_inner{position:relative;height:0;padding-top:100%;}
.global_menu_recentitems_inner>p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:.9em;text-align:center;text-decoration:underline;display:inline-block;}
.global_menu_recentitems_inner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:contain;width:100%;height:100%;border:1px solid #efefef;border-radius:1px;}
.global_menu_recentitems_more{display:none;}
.global_menu_recentitems_more:nth-of-type(6){display:block;}
.global_menu_recentitems_more .global_menu_recentitems_inner{background:0 0;}
.global_menu{min-height:100%;}
.global_menu_contents{background:#fff;padding-bottom:7em;}
.global_menu .menu_ttl{padding:0px 1.7em;font-size:85%;background:#f0f1f4; height: 40px; line-height: 40px;}
.global_menu .menu_section a{color:#202020!important;text-decoration:none;display:block;padding:.7em 3em .7em 1.5em;background:#fff;border-bottom:1px solid #ebebeb;position:relative;}
.global_menu a span.label-badge{display:inline-block;font-size:12px;margin:0 0 0 5px;border-radius:50%;width:5px;height:5px;background-color:#ff3259;vertical-align:middle;}
.global_menu  .menu_section__link::after{position:absolute;right:21px;top:36%;background-image:url(arrow-right.png);background-size:6px 9px;width:30px;height:23px;display:inline-block; content: ""; background-repeat: no-repeat;}
.global_menu .menu_section.news p{line-height:1.7;}

.sons{ position: relative; font-weight: bold;}
.sons:after{position:absolute;right:7px;top:23%;background-image:url(jia.svg);background-size:20px auto;width:20px;height:20px;display:inline-block; content: ""; background-repeat: no-repeat;}
.sons.actove:after{position:absolute;right:7px;top:23%;background-image:url(jian.svg);background-size:20px auto;width:20px;height:20px;display:inline-block; content: ""; background-repeat: no-repeat;}

.menu_section .heart{text-indent:18px;}
.menu_section .heart::before{position:absolute;left:15px;top:23%;background-image:url(heart.svg);background-size:20px auto;width:20px;height:20px;display:inline-block; content: ""; background-repeat: no-repeat;}


.menu_section .tops{ text-indent: 30px;}
.menu_section .tops span{border-radius: 2px; text-indent: 0;position:absolute;left:15px;top:23%;background:#FFE8E6; color:#E51C02;height:20px;width:30px; line-height: 20px; font-size: 10px; text-align: center; display:inline-block;}


.global_menu_contents_inner ul.menu{
    font-size: 14px;
    width: 100%;
    height:40px;
    line-height:40px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    overflow: hidden;
    font-weight: 700;
}
.global_menu_contents_inner ul.menu li { float: left;}
.global_menu_contents_inner ul.menu li a{    
        background: #fff;
        color: #767676;
        text-decoration: none;
        display: block;
        width: 100%;
        height: 40px; 
        line-height: 40px;
        padding: 0 12px;
        position: relative;
    }
    .global_menu_contents_inner ul.menu li a.on{    color: #222;}
    .global_menu_contents_inner ul.menu li a.on::after{
        display: inline-block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2.5px;
        background: #222;
        content: '';}

    .global_menu_contents_inner .contab{ display: none;}
    .global_menu_contents_inner .contab.on{ display: block;}
    .nav_category>ul{border-top:1px solid #f1f1f3;}
    .nav_category>ul li.fi{width:25%;height:auto;display:inline-block;background-color:#fff;box-sizing:border-box;border-right:1px solid #f1f1f3;}
    .nav_category>ul li:nth-child(4n+4){border-right:0;}
    .nav_category>ul li span{display:inline-block;width:100%;min-height:70px;border-bottom:1px solid #f1f1f3;text-align:center;word-break:break-all;vertical-align:top; font-size: 13px;}
    .nav_category>ul li span .ico{width:30px;height:30px;vertical-align:middle;text-indent:-9999px;overflow:initial;margin-top:5px;display:inline-block; margin-bottom: 10px;}
    .nav_category>ul li ul{display:none;}
    .nav_category>ul li.active span{background: #f0f0f0;}
    .nav_category>ul li.active ul{position:absolute;display:block;height:auto; background: #f0f0f0;}
    .nav_category>ul li.active ul li{width:49%;position: relative;border-right: 1px solid #e7e7e8;font-size: 12px; height:35px;display:inline-block;vertical-align:top;padding:10px 15px;word-break:break-all;box-sizing:border-box;border-bottom:1px solid #e7e7e8; overflow: hidden;}
    .nav_category>ul li.active ul li:nth-last-child(1){border-bottom:0;}
    .nav_category>ul li.active ul li:nth-child(2n+2) {
        border-right: 0
    }
    .nav_category>ul>li.active>ul>li:active{background-color:#f3f3f4;}
    .nav_category .menu_section__link::after {
        right: -16px!important;
    }
    .global_menu .menu_section__link.noso::after{ right: -7px;}
    .brands .recommend_category{padding: 10px;}
    .recommend_category{padding: 10px 5%;}

    .brands .recommend_category .genre_name{ height: 40px; line-height: 20px; overflow: hidden;}
    input::-webkit-input-placeholder {
        color: #ccc;
    }
    input::-moz-input-placeholder {
        color: #ccc;
    }
    input::-ms-input-placeholder {
        color: #ccc;
    }

    .go-back {
        position: relative;
        height: 25px;
        width: 100%;
        background: #fff;
        z-index: 9;
    }

    .go-back p, .go-back h1{
        text-align: center;
        line-height:25px;
        font-size:14px;
        font-weight: 600;
    }

    ul.recommend_category{border-top:none}
    .recommend_category li {
        display: inline-block;
        width: 32%;
        text-align: center;
        vertical-align: top;
        position: relative;
        margin: 0;
    }
    .recommend_category.fours li {
        display: inline-block;
        width: 25%!important;
        text-align: center;
        vertical-align: top;
        position: relative;
        margin: 0;
    }
    .recommend_category a {
        display: block;
        font-size: 12px;
    }
    .recommend_category a img {
        border-radius: 50%;
        height: 50px;
    }
    .brands .recommend_category a img {
        border-radius: 50%;
        height: 80px;
    }
    .brands  .recommend_category.fours a img {
        border-radius: 50%;
        height: 60px;
    }
    .recommend_category.fours a img {
        border-radius: 50%;
        height: 45px;
    }

    .recommend_category.fours  li:nth-child(1) .list_product_img_block::after {
        background-color: rgba(254,63,81,.9);
        content: "1";
    }
    .recommend_category.fours  li:nth-child(2) .list_product_img_block::after {
        background-color: rgba(39,151,255,.9);
        content: "2";
    }
    .recommend_category.fours  li:nth-child(3) .list_product_img_block::after {
        background-color: rgba(254,94,173,.9);
        content: "3";
    }
    .recommend_category.fours  li:nth-child(4) .list_product_img_block::after {
        background-color: rgba(0,196,214,.9);
        content: "4";
    }
    .recommend_category.fours  li:nth-child(5) .list_product_img_block::after {
        background-color: rgba(102,188,39,.9);
        content: "5";
    }
    .recommend_category.fours  li:nth-child(6) .list_product_img_block::after {
        background-color: rgba(255,144,0,.9);
        content: "6";
    }
    .recommend_category.fours li:nth-child(7) .list_product_img_block::after {
        background: #000;
        content: "7";
    }
    .recommend_category.fours li:nth-child(8) .list_product_img_block::after {
        background: #000;
        content: "8";
    }
    .recommend_category.fours li:nth-child(9) .list_product_img_block::after {
        background: #000;
        content: "9";
    }
    .recommend_category.fours li:nth-child(10) .list_product_img_block::after {
        background: #000;
        content: "10";
    }
    .recommend_category.fours li:nth-child(11) .list_product_img_block::after {
        background: #000;
        content: "11";
    }
        .recommend_category.fours li:nth-child(12) .list_product_img_block::after {
        background: #000;
        content: "12";
    }
    .recommend_category .list_product_img_block::after {
        counter-increment: section;
        content: counter(section);
        background: #313131;
        border-radius: 50%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        color: #fff;
        position: absolute;
        text-align: center;
        font-size: 10px;
        height: 15px;
        left: 10px;
        line-height: 15px;
        top:-1px;
        width: 15px;
        z-index: 2;
        border-width: 0;
    }

.adds{ height: 87px; overflow: hidden;}
.adds a{ display: inline-block;}

.ranking,
.navbarGenderGroup {
    padding: 10px;
}
.mod_recommend_v2 {
    position: relative;
    overflow: hidden;
    background: #fff;
}
.mod_recommend_v2 ul{ margin: 0; padding: 0;}
.mod_recommend_v2 .list {
    list-style: none;
    margin: 0;
    padding: 0 1px 0 0;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mod_recommend_v2.brand .list li{    background: #fff;
    position: relative;
    float: left;
    width: 49.9%;
    margin-bottom: 1px;
    padding: 10px 3px 0;
    box-sizing: border-box;
    border-radius: 10px;}
.mod_recommend_v2 .list li {
    background: #fff;
    position: relative;
    float: left;
    width: 33.333%;
    margin-bottom: 1px;
    padding: 10px 3px 0;
    box-sizing: border-box;
    border-radius: 10px;
}
.mod_recommend_v2 .list li:nth-child(2n) {
    float: right;
    margin-right: -1px;
}
.mod_recommend_v2 .list .cover {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    height: 0;
}
.mod_recommend_v2 .list .cover img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.mod_recommend_v2 .list .rec_name {
    margin: 12px 0 4px;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    height: 54px;
    overflow: hidden;
}

.mod_recommend_v2 .mod_tag {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
}
.mod_recommend_v2 .mod_tag .tag_img, .mod_recommend_v2 .mod_tag img {
    display: block;
    height: 100%;
}
.mod_recommend_v2 .list .flex_wrap {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
}
.mod_recommend_v2 .list .flex_wrap .price_info {
    width: 100%;
    overflow: hidden;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
}
.mod_recommend_v2 .list .flex_wrap.price {
    display: inline-block;
    font-size: 12px;
    color: #e93b3d;
    margin-right: 3px;
    line-height: 20px;
}
.mod_recommend_v2 .list .flex_wrap.price em {
    font-size: 14px;
    font-style: normal;
}
.tags_name{
    position: absolute;
    bottom: 0;
    background-color: rgba(237,41,62,.9);
    display: inline-block;
    padding:2px 3px;
    color: #fff;
    text-align: center;
    font-size: 10px;
}
.tags_name font{ transform-origin: 0 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);}
.sales .tags_name{
    background: rgba(255,0,51,0.8)!important;
}
.flex_wrap .price {
    color: #e93b3d;
}
.h2_title { padding: 10px; margin-top: 15px;}
.h2_title h2{ text-align: center;  font-size: 14px; display: inline-block; height: 30px; line-height: 30px; border-bottom: 1px solid #e9e9e9;  width:100%;}
.h2_title  p{ font-size: 12px; text-align: center;}
.brands .h2_title h2{ border-bottom: none;}


h2.heading,h1.heading  {
    border-bottom: 2px solid #e9e9e9;
    font-size: 14px;
    color: #2d2d2d;
    font-weight:bold;
    padding:8px 10px;
    height: auto;
    margin-bottom: 15px;
    position: relative;
}
.heading a{
    float: right;
    color: #23abdd!important;
    font-weight: bold;
    padding-right:10px;
}
.heading a:after {
    content: "";
    border-bottom: 1px solid #23abdd;
    border-right: 1px solid #23abdd;
    position: absolute;
    right:10px;
    width: 6px;
    height: 6px;
    top: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.btn-wrap,.reviews,.news,.ems,.foots,.kws,.topicslist,.product {
    margin: 10px 0;
    padding: 0 5px;
}
.hotkwy{ padding: 10px;}
.hotkwy li{    font-size: 12px;
    background: #f2f2f2;
    padding: 3px 8px;
    margin: 0 5px 0px 0;
    white-space: nowrap;
    float: left;
border-radius: 5px;}
.hotkwy li:first-child{ background: none;}
.bd10{border-bottom: 10px solid #f3f3f3;}
.btns {
    background: #fff;
    border: 1px solid #2DAC9A;
    border-radius: 38px;
    color: #2DAC9A;
    display: block;
    position: relative;
    text-align: center;
}
.btn-go:after {
    background-size: contain;
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 17px;
    margin: 0 0 4px 5px;
    vertical-align: middle;
    width: 17px;
}
.ranking .btn-go:after {

    background-size: contain;
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 17px;
    margin: 0 0 4px 5px;
    vertical-align: middle;
    width: 17px;
}
.btn-large {
    font-size: 1.4rem;
    font-size: 14px;
    padding: 5px 0;
}
.c-star.size1 {
    display: inline-block;
    background-image: url("star.png");
    background-size: 64px 87px;
    width: 64px;
    height: 12px;
  }
  .c-star {font-size:14px; float: right; margin-right:0px!important;}
  .c-star.size1.star0 {
    background-position: 0 0
  }
  
  .c-star.size1.star1 {
    background-position: 0 -15px
  }
  
  .c-star.size1.star2 {
    background-position: 0 -30px
  }
  
  .c-star.size1.star3 {
    background-position: 0 -45px
  }
  
  .c-star.size1.star4 {
    background-position: 0 -60px
  }
  
  .c-star.size1.star5 {
    background-position: 0 -75px
  }

.content_body .news_contents li {
    width: 98%;
	margin: 0 auto;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}
.news_contents li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.news_contents li img {
    width: 90px;
    max-height: 90px!important;
}
.news_contents li .news_text {
    position: relative;
    width: calc(100% - 104px);
	margin: 0 auto;
}
.p-news_start_time {
    font-size: 11px;
    color: #666;
}
.user_name {
    font-weight: bold;
    font-size: 12px;
}
.news_contents li .news_text .news_title {
    font-size: 12px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
	color: #333;
}


.ems {
    padding-bottom: 10px;
    margin:10px auto;
}
.titleitem {
    border-bottom: 1px solid #e9e9e9;
    font-size: 12px;
    font-weight: bold;
    color: #272727;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-bottom: 8px;
    background: #e9e9e9;
}
.ems .item {
    border-bottom: 1px dotted #e9e9e9;
    margin: 3px 4px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding: 0 20px;
}
.ems .help-list li{padding: 0 20px;}
.ems .item span.sp2{ float: right;}
.ems a{ color:#02b;}

.rankings{border-left: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;}
.ranking h2{ line-height: 20px; font-size: 14px; font-weight: bold; margin-bottom:20px;}
.scrollFixed {
    overflow: hidden;
}


#copyright{border-top:1px solid rgb(49, 49, 49);font-size:8px;line-height:1.5em;padding:9px 10px;text-align:center;margin-top:20px;}
#copyright a{color:rgb(255, 255, 255);}
.footer{background-color:rgb(34, 34, 34);color:rgb(255, 255, 255);margin-top:20px;}
.footerTextNav{font-size:13px;line-height:2.2em;}
.footerTextNav p.footerSectionTitle{background-color:rgb(48, 48, 48);font-size:10px;margin-bottom:14px;padding-left:14px;}
.footerTextNav p.footerSectionTitle.mt14{margin-top:14px;}
.footerTextNav ul{background:rgb(0, 0, 0);}
.footerTextNav ul li{display:inline-block;width:60%;text-align:left;line-height:2.8em;vertical-align:middle;float:left;}
.footerTextNav ul li:nth-child(2n+1){width:40%;}
.footerTextNav ul li:nth-child(2n+1) a{margin-left:9%;}
.footerTextNav ul.box_sns{width:80%;margin:26px auto;}
.footerTextNav ul.box_sns li{width:20%;}
.footerTextNav ul.box_sns li a{display:inline-block;vertical-align:middle;}
.footerTextNav ul.box_sns li .sprites_icon.icon_instagram{width:34px;height:35px;background-position:0px 0px;}
.footerTextNav ul.box_sns li .sprites_icon.icon_facebook{width:34px;height:35px;background-position:0px -38px;}
.footerTextNav ul.box_sns li .sprites_icon.icon_line{width:34px;height:32px;background-position:0px -76px;margin-top:-2px;}
.footerTextNav ul.box_sns li .sprites_icon.icon_twitter{width:34px;height:28px;background-position:0px -111px;margin-left:8%;}
.footerTextNav ul.box_sns li .sprites_icon.icon_pinterest{width:34px;height:28px;background-position:0px -141px;}
.footerTextNav .footerTextNav_item{color:rgb(255, 255, 255);}
.review_cnt{color: #02b;}
.fab-u-1-2{width:50%;}
.fab-g{letter-spacing:-.31em;text-rendering:optimizespeed;font-family:Arial,"銉掋儵銈儙瑙掋偞 ProN W3","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,verdana,'Trebuchet MS',Helvetica,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;}
.fab-design-mg--5{margin:.5em;}
.fab-design-liquidimg{width:100%;height:auto;display:block;}
.top__banner-txtarea{margin:.5em .5em 1em 0;padding:0 .1em;}
.fab-design-mg--t10{margin-top:.8em;}
.fab-design-txtcenter{text-align:left;height:40px;line-height:20px;overflow:hidden;letter-spacing:normal;color:#fff;}
#toTop a{ width: 30px; height: 30px; border-radius: 50%; background: #d0d6d9;    display: inline-block;border: 1px solid #d0d6d9;}
      .cate-season-kw-sp__inner  li  {
        font-size: 12px;
        background: #f2f2f2;
        padding:3px 8px;
        margin: 0 5px 8px 0;
        white-space: nowrap;
        float: left;
        border-radius: 20px;
    }
    .firstData ul li {
        float: left;
        width: 48%;
        height: 160px;
        margin-right: 4%;
    }
    @media screen and (min-width:1025px) {
        .firstData ul li {
            float: left;
            width: 48%;
            height:245px;
            margin-right: 4%;
        }
        .view_fix{ position: relative!important;}
        .slideNav{ width: 750px!important;}
        .slideNav .nav_tab{ width: 100%;}
        .nav_tab li{ width: 24%!important;}
        .slideNav-nav-fixed{ top: 0px!important;}
        .detail_cart{ width: 750px!important; left: auto!important; padding-left: 0px!important; padding-right: 0px!important;}
        .backpic-slider .swiper-container,.pro-gallery img{ height:auto!important;}
        #viewport #globalnav .global_menu{ width: 320px!important;}
        #viewport.open .globalnav_overlay{background: rgba(0,0,0,0)!important;}
    }
    .firstData ul li:nth-child(2n+2){ margin-right: 0;}
    .firstData ul li a {
        font-size: 12px;
    }
    .firstData ul li img {
        width: 100%;
        min-height: 100px;
    }
    .firstData ul li span {
        width: 100%;
        display: block !important;
        margin: 5px 0 0px;
        height: 40px;
        line-height: 20px;
        overflow: hidden;
    }
 .view_fix {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100;
    }

    .slideNav {
        width: 100%;
        height: 35px;
        background:#fff;
        text-align: center;
        position: fixed;
        z-index: 109;
        display: none;
    }
    .nav_tab {
        display:flex;
        line-height: 35px;
    }
    .nav_tab li:first-child {
        padding-left: 0;
    }
    .nav_tab li {
        display: inline-block;
        width: 100%;
        font-size: 13px;
        font-family: Hiragino Sans GB;
        font-weight: normal;
        color: #666666;
        position: relative;
    }
    .nav_tab li.active a {
        color: #000000;
        position: relative;
    }
    .nav_tab li.active::after {
        content: "";
        display: block;
        width: 18px;
        height: 2px;
        background: #000000;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -10px);
    }

	.historys  li{ 
	background: #fff;
    position: relative;
    float: left;
    width: 33.333%;
    margin-bottom: 1px;
    padding: 10px 5px 0;
    box-sizing: border-box;
	border-radius: 10px;

}
.historys  li .cover {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    height: 0;
}

.historys  li  .cover img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.historys  li  .rec_name {
    margin: 12px 0 4px;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.historys  li  .flex_wrap .price {
    display: inline-block;
    font-size: 12px;
    color: #e93b3d;
    margin-right: 3px;
    line-height: 20px;
}
.fab-button--primary:link, .fab-button--primary:visited, a.fab-button--primary:link, a.fab-button--primary:visited {
    background-color: #bf0000;
    color: #fff;
    text-decoration: none;
}
.fab-button {
    padding: 15px 0;
    font-size: 120%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.fab-button {
    display: inline-block;
    zoom: 1;
    line-height: 1;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "銉掋儵銈儙瑙掋偞 ProN W3","Hiragino Kaku Gothic ProN","Hiragino Sans","銉°偆銉偑",Meiryo,Osaka,"锛汲 锛般偞銈枫儍銈�","MS PGothic",sans-serif;
}
.formControlFind {
    position: relative;
}
.formControlSearch {
    height: 34px;
    overflow: hidden;
    border: 1px solid #d2d2d2;
}
.formSubmit {
    display: table-cell;
    border-radius: 0 3px 3px 0;
    padding: 0;
    width: 44px;
    height: 100%;
    border-color: #d2d2d2;
    background-color: #d2d2d2;
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: -3px;
    background-image: url(search.png);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: 10px;
    border: none;
}
.search-keywords a {
    margin: 5px 5px 0 0px;
    display: inline-block;
    color: #666;
    background: #f5f5f5;
    border-radius: 3px;
    padding: 5px 5px 4px;
    font-size: 12px;
    line-height: 1;
    text-decoration: none;
    font-weight: 500;
    font-size: 11px;
}
.spriteImg {
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: cover;
    background-position-x: 33.33%;
    border-radius: 50%;
}
#squaredNav{ padding-bottom:5px;}
    #squaredNav.swiper-pagination-line {
        text-align: center;
        height: .5rem;
    }
  #squared a {
        display: block;
        text-align: center;
        position: relative;
        padding: .3em .2em;
    }
    #squareds a {
        display: block;
        text-align: center;
        position: relative;
        padding: .3em 0;
        font-size: 11px!important;
    }
    
    #squared a p{font-size: 11px; display: block; height: 12px; line-height: 12px; overflow: hidden;}
    .channel-floor-quicklink a i {
        display: inline-block;
        width: 30px;
        height: 30px;
    }

    #squaredNav.swiper-pagination-line .swiper-pagination-bullet-active,.swiper-pagination-lines .swiper-pagination-bullet-active{
        background-color: #d6184d;
    }
    #squaredNav.swiper-pagination-line .swiper-pagination-bullet{
        width: .4rem;
        height: .1rem;
        margin: 0 .1rem;
        display: inline-block;
        border-radius: .1rem;
        border: 0 none;
        position: relative;
        top: -0.55rem;
        text-align: center;
    }
    .swiper-pagination-lines  .swiper-pagination-bullet{ width: 8px;
        height: 2px;
        margin: 0 .1rem;
        display: inline-block;
        border-radius: .1rem;
        border: 0 none;
        position: relative;
        top: -0.55rem;
        text-align: center;}
.swiper-pagination-lines{ text-align: center; position: relative; top: 8px;}
.pro-gallery.backpic-slider{ margin-top: 5px;}
.backpic-slider .swiper-container {
    height:auto;
    min-height: 135px;
    margin: 0;
    padding: 0;
}
#sliderNav{ text-align: center;}
#sliderNav .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2;
    margin: 0 5px;
}
#sliderNav .swiper-pagination-bullet-active {
    background: #313131 !important;
    opacity: 1;
}

.pro-gallery img {
    width: 100%;
    height:auto;
    min-height: 135px;
}
.pro-gallery.backpic-slider {
    background-size: 100% 7.6rem;
    background-position: top;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.pro-gallery.backpic-slider .swiper-container {
    overflow: visible
}

.backpic-slider.pro-gallery .swiper-pagination-white {
    text-align: right;
    right: 1rem;
    left: auto;
    width: auto;
    position: absolute;
    bottom: .2em;
    z-index: 1;
}

.backpic-slider .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: auto 100%
}

.backpic-slider.shadow .swiper-slide:before {
    content: "";
    height: .5rem;
    border-radius: 2rem;
    position: absolute;
    top: 6.85rem;
    left: 1rem;
    right: 1rem;
    box-shadow: 0 .15rem .75rem 0 rgba(0,0,0,.14);
    z-index: -1
}

.pro-gallery .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff!important;
}
.pro-gallery .swiper-pagination-white .swiper-pagination-bullet {
    width: 5px;
    height:5px;
    background: none;
    border:1px solid #fff;
    opacity: 1;
    margin: 0 4px;
}
.price em {
    font-style: normal;
}
.mcat{
    position: relative;
    background: #f7f7f7;
    height: 29px;
    padding: 0 5px;
    font-size: 12px;
    font-family: '銉°偆銉偑' , 'Meiryo' , '锛汲 锛般偞銈枫儍銈�' , 'MS PGothic' , 'sans-serif';
}
.mcat li{ line-height: 29px; height: 29px; overflow: hidden; }


#pages {
    clear: both;
    padding: 10px 0px;
    text-align: center;
}
#pages a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 2px;
    color: #333333;
    padding: 0 5px;
    border: 1px solid #ccc;
    min-width: 20px;
}
#pages span {
    display: inline-block;
    margin-right: 2px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 5px;
    border: 1px solid #ccc;
    background: #ECECEC;
    color: #333333;
    font-weight: bold;
    min-width: 20px;
}
.brobtn p {
    border-bottom: 1px dotted #ccc;
    display: block;
    margin-top: 5px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    clear: both;
}
.special_offer_list.nbd ul li{padding: 0 10px 0;padding-bottom:0!important}
.special_offer_list{ 
    border-bottom: 10px solid #f3f3f3;
    border-top: 10px solid #f3f3f3;
}
.special_offer_list ul li {
    font-size: 14px;
    font-family: Yu Gothic;
    font-weight: 500;
    color: #444444;
    padding:10px 10px 0;
}
.special_offer_list ul li a{ display: inline-block; width: 100%; height: 100%;}
.special_offer_list ul li:last-child {
    padding-bottom: 10px;
}
.special_offer_list ul li span,.h2_titles h2 span {
    font-size: 12px;
    line-height: 12px;
    font-family: Microsoft YaHei UI;
    font-weight: 300;
    color: #E51C02;
    margin-right: 6px;
    background: #FFE8E6;
    border-radius: 2px;
    padding: 1px 5px;
}
.special_offer_list ul li i {
    display: inline-block;
    background: url(arrow-right.png) no-repeat center center;
    width:7px;
    height:10px;
    background-size: 100% 100%;
    float: right;
    margin-top:5px;
}

.good-arrts {
    clear: both;
    padding: 10px;
    display: flex;
}
.good-arrts a:nth-child(1) {
    background: #82c8d4;
}
.good-arrts a {
    line-height: 28px;
    width: 32%;
    text-align: center;
    font-size: 13px;
    color: #fff;
    border-radius: 5px;
}
.good-arrts a:nth-child(2) {
    background: #ff7683;
    margin: 0 2%;
    
}
.good-arrts a:nth-child(3) {
    background: #2dac9a;
}

.product-instruction h2 {
    color: #333;
    font-weight: 700;
    padding:5px 0;
    border-bottom: 1px solid #f5f5f5;
    font-size:14px;
}
.product-instruction img{ max-width: 100%;}

.product-instruction .brandName{ line-height: 40px;}


.pd10{padding-top:10px;}
.tag_list{ padding-bottom: 10px;}
.tag_list a{    float: left;
    background: #f0f0f0;
    border-radius: 2px;
    padding: 5px 6px 5px;
    margin: 5px 5px 0 0;
    color: #808080;
    font-size:12px;
    line-height: 1.555555555555556;}

    button { border: none;}
   .detail_cart button.cart_like::before, .detail_cart button.cart_get::before {
        content: "";
        position: absolute;
        top: 20px;
        left: 15px;
        width: 14px;
        height: 14px;
        background-image: url(detail.png);
        background-size: 2323.809523809524% 2240.4761904761904%;
        background-position: 87.90149892933619% 93.88209121245829%;
    }
     .detail_cart button.cart_like, .detail_cart button.cart_share {
        position: relative;
        width: 63px;
        margin-left: 7px;
        text-indent: -9999px;
        background-color: #f1f1f3;
        border-radius: 3px;
        font-size: 16px;
        color: #737375;
        text-align: center;
        flex: none;
        margin-right: 0;
    }

    .detail_cart {
        position: fixed;
        z-index: 99;
        bottom: 0;
        left: 0;
        display: flex;
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        padding: 10px 10px calc(10px + env(safe-area-inset-bottom));
        background-color: #fff;
        border-top: 1px rgba(25,25,26,.1) solid;
        opacity: 0;
    }
    .detail_cart.on{ opacity: 1;}
   .detail_cart button.cart_like::before {
        top: 50%;
        left: 50%;
        display: block;
        width: 26px;
        height: 26px;
        transform: translate(-50%,-50%);
        background-size: 1251.2820512820513% 1206.4102564102564%;
        background-position: 10.46770601336303% 86.90614136732329%;
    }
    .detail_cart button.cart_get::before {
        top: 21px;
        left: 20%;
        
        display: block;
        width: 26px;
        height: 26px;
        background-size: 1251.2820512820513% 1206.4102564102564%;
        background-position: 0px -253px;
    }
    .detail_cart button {
        height: 50px;
    }
    .detail_cart button.cart_share {
        position: relative;
        width: 120px;
        margin-right: 0px;
        text-indent:0;
        background-color: #31aa99;
        border-radius: 3px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        flex: none;
        padding: 1px;
    }

    .detail_cart button.cart_get {
        display: block;
        background-color: #d6184d;
        border-radius: 3px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        flex: 1 1 auto;
        text-indent: 20px;
    }
    .nbd{ border: none;}
    .guestbook_list dl {border:1px solid #E9E9EB;margin:8px auto;padding:5px;}
    .guestbook_list dl dt {border-bottom:1px dashed #E9E9EB;line-height:26px;color:#314E8C}
    .guestbook_list dl dt span {float:right;line-height:26px;}
    .guestbook_list dl dd.g_content {padding:5px;line-height:26px;}
    .guestbook_list dl .star { position: relative;top:5px;} 


    .openelementBtn {
        background: #fff;
        padding:5px 0;
        font-size:14px;
        font-weight:bold;
        color: #333;
        overflow: hidden;
    }
    .openelementBtn .reviews-btn {
        float: right;
        height:24px;
        line-height:24px;
        background: #bf0000;
        color: #fff;
        padding: 0 8px;
        border-radius: 5px;
    }
    .itemdetail-recommend-button {
        border-top: solid 1px #eee;
    }
    .itemdetail-recommend-button a {
        text-align: center;
        text-decoration: none;
        padding: 15px 0px;
        display: block;
    }
    .itemdetail-recommend-button a i{display: inline-block;
        background: url(arrow-right.png) no-repeat center center;
        width:6px;
        height:10px;
        background-size: 100% 100%;
    margin-left:5px;}

    .sale_or  .ad_li:nth-child(1) .cover::after {
        background: #d0c256;
        content:"1";
    }
    .sale_or  .ad_li:nth-child(2) .cover::after {
        background: #999;
        content:"2";
    }
    .sale_or  .ad_li:nth-child(3) .cover::after {
        background: #8d6929;
        content:"3";
    }
    .sale_or  .ad_li:nth-child(4) .cover::after {
        content:"4";
    }
    .sale_or  .ad_li:nth-child(5) .cover::after {
        content:"5";
    }
    .sale_or  .ad_li:nth-child(6) .cover::after {
        content:"6";
    }


    .sale_or .cover::after {
        content:"";
        border-width: 0;
        border-radius: 50%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        color: #fff;
        position: absolute;
        text-align: center;
        font-size: 10px;
        height: 18px;
        left: 5px;
        line-height: 18px;
        top: 5px;
        width: 18px;
        z-index: 2;
        background-color: #000;
    }
    .catrink  .ad_li:nth-child(1) .cover::after {
        background: url(icon_ranking_no1.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .catrink  .ad_li:nth-child(2) .cover::after {
        background: url(icon_ranking_no2.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .catrink  .ad_li:nth-child(3) .cover::after {
        background: url(icon_ranking_no3.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .catrink .cover::after {
        content:"";
        border-radius: 50%;
        position: absolute;
        height: 25px;
        left: 5px;
        top: 0px;
        width: 40px;
        z-index: 2;
    }
    .mod_recommend_v2 li.new .cover::after,.mod_recommend_v2 li.rec .cover::after,.mod_recommend_v2 li.sale .cover::after,.mod_recommend_v2 li.hot .cover::after {
        content:"";
        border-radius:0;
        position: absolute;
        height: 14px;
        line-height: 14px;
        left: 0px;
        top: 0px;
        z-index: 2;
        padding: 2px;
        color: #fff;
    }

    .mod_recommend_v2 .ad_li.new .cover::after {
        background: #1BBF7F;
        content:"鏂板搧";
    }
    .mod_recommend_v2 .ad_li.rec .cover::after {
        background: #fa1169;
        content:"澹层倢";
    }
    .mod_recommend_v2 .ad_li.sale .cover::after {
        background: #fa1169;
        content:"浜烘皸";
    }
    .mod_recommend_v2 .ad_li.hot .cover::after {
        background: rgba(255, 0, 51, 0.9);
        content:"鐑崠";
    }
    .form-widht{width: 100%; clear: both; min-height:45px;}

    .form-widht  label {
        display: inline-block;
        width: 100%;
     }

    .form-widht  .form-input {
        display: block;
        width: 100%;
        height: 25px;
        padding:3px;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.5;
        text-indent: 10px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .form-widht  .form-input.w50{width: 45%; float: left;}
    .form-widht  .form-input.w50:nth-child(2){ margin-right: 4%;}
    .form-widht .form-input.w100{width:97%;}
    .form-widht  .custom-select {
        display: inline-block;
        width: 100%;
        height: 30px;
        padding:3px;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        vertical-align: middle;
        background: #fff url(ud.svg) no-repeat right .75rem center/8px 10px;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }


.smcate a {    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    align-items: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.16);
    font-size: 13px;
    padding: 8px 14px 8px 10px;
margin: 5px;}

i.arrs {
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
  }
  
  .rise {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  
  .leses {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
  
  .ups {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
  
  .downs {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  
#ems1{ height: 200px;}
.help-list li {
    border-bottom: 1px dashed #eee;
    padding: 3px 0;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    
}
.help-list li  a{ 
    display: inline-block;
    width: calc(100% - 85px);
}
.help-list .time {
    float: right;
    display: inline-block;
    width: 85px;
    text-align: right;
}
#recommends span{    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 0 4px;
    background: #fff;
    border: 1px solid #444;
    cursor: pointer;}
#recommends span.swiper-pagination-bullet-active{
    box-shadow: none;
        background: #444;}

   
        #tabs {
            overflow: hidden;
            width: 100%;
            margin: 0;
            padding: 0;
            list-style: none;
            display: flex;
            border-top: 1px solid #ddd;
        }
        #tabs li {
            width: 100%;
            margin: 0 .5em 0 0;
        }
        #tabs a {
            position: relative;
            background: #ddd;
            padding:5px 8px;
            display: inline-block;
            text-align: center;
            width: 100%;
            text-decoration: none;
            color: #444;
        }
        #tabs li#current a{ background: #fff;}

        #content {
            position: relative;
            min-height: auto;
            padding: 5px;
            border: 1px solid #ddd;
        }
        #content ul.subcategory{ height:160px; overflow: hidden;}
        #content ul.subcategory.on{ height: auto; overflow: hidden;}
        .subcategory li a, .subcategory a, .subcategory a {
            padding: 1px 4px;
            border: 1px solid #d0d0d0;
            background: none;
            border-radius: 10px;
            margin: 0 5px 5px 0;
            display:inline-block;
        }

        .a-cardui-expand-control-footer{    cursor: pointer;
            -webkit-tap-highlight-color: transparent;    margin: -13px -15px -15px -15px;
            padding: 13px 15px 15px 15px;
            box-sizing: border-box;
        position: relative;
    color: #23abdd!important;}

        .a-css-icon-draw.a-css-icon-expand {
            transform: rotate(
        45deg
        );
            -webkit-transform: rotate(
        45deg
        );
            bottom: 2px;
        }
        .a-expander-icon {
            display: inline-block;
            position: relative;
        }
        .a-cardui-expand-control-footer .a-css-icon-draw {
            border: solid #23abdd;
            border-width: 0 2px 2px 0;
        }
        .a-css-icon-draw.a-css-icon-collapse {
            transform: rotate(
        -135deg
        );
            -webkit-transform: rotate(
        -135deg
        );
            bottom: -4px;
        }
        .a-css-icon-draw {
            display: inline-block;
            padding: 4.5px;
            position: absolute;
        }
        .a-see-more {
            font-weight: 400;
            display: inline-block;
            margin-left: 21px;
        }
        .a-reactive-container-gradient {
            transition: height .4s cubic-bezier(.4,0,.6,1);
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            height:65px;
            background: -webkit-linear-gradient(rgba(255,255,255,0.6),#FFF);
            background: linear-gradient(rgba(255,255,255,0.6),#FFF);
        }
        .fixse{ display: flex;}
        .fixse a img{ width: 30px;}
        .ranking .form-widht{ width:100%; float: left;}
        .list-page-nav{width: 100%;
            height: 30px;
            display: -moz-box;
            display: -webkit-box;
            display: box;
            line-height: 30px;
        }
        .list-page-nav a {
            -moz-box-flex: 1;
            -webkit-box-flex: 1;
            box-flex: 1;
            text-align: center;
            display: block;
            color: #474747;
            text-decoration: none;
            position: relative;
        }
        .list-page-nav a i{
            display: inline-block;
            padding: 4.5px;
            position: absolute;
            background-image: url(arr.png);
            background-repeat: no-repeat;
            background-size:10px;
            margin-left: 5px;
            top: 10px;
            width: 22px;
            height: 22px;
        }
        .list-page-nav a.curr  i.desc{
            background-image: url(desc.png);
            background-repeat: no-repeat;
            background-size:10px;
            margin-left: 5px;
            top: 10px;
        }
        .list-page-nav a.curr  i.asc{
            background-image: url(asc.png);
            background-repeat: no-repeat;
            background-size:10px;
            margin-left: 5px;
            top: 10px;
        }
        .list-page-nav a.curr {
            color: #ff0030;
        }
        .list-page-nav a.curr i{
           
            width: 22px;
            height: 22px;
        }

        #basicInfo .swiper-button-next, #basicInfo .swiper-button-prev {
            position: absolute;
            top: 50%;
            width: 13px;
            height: 22px;
            margin-top: -22px;
            z-index: 10;
            cursor: pointer;
            -moz-background-size: 27px 44px;
            -webkit-background-size: 27px 44px;
            background-size: 27px 22px;
            background-position: center;
            background-repeat: no-repeat;
        }
        #accordion .as {
            display: inline-block;
            float: left;
            margin-right: 10px;
            width: 100px;
        }
        #accordion .as img {
            width: auto\9;
            height: auto;
            max-width: 100%;
            vertical-align: middle;
            border: 0;
            -ms-interpolation-mode: bicubic;
        }
        #accordion .info1 {
            display: inline-block;
            float: right;
            float: right;
            width: calc(100% - 112px);
        }

        .commlist  #conte{ width: 100%; display: block; clear: both;min-height: 40px;}
        .commlist  .bt{ width: 100%; display: block; clear: both;}
        .commlist  .bt .star{ position: relative; top: 6px;}
        .commlist  .bt .mores{text-align: right; display:inline-block; width: 100%;}
        .commlist  .bt .pudate{text-align: right; display:inline-block; width: 100%;}
        .clearfix{ width: 100%; clear: both;}
        .commlist .panel-info {border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px;}
        .commlist .panel-info a { display: block; width: 100%; font-size: 12px; font-weight: normal; color: #000;}
        .commlist .panel-info span { margin-right: 20px }
        .commlist .panel-body {border:1px solid #ddd; padding: 15px; margin:15px 0}
        
        .commlist .panel-info  .pudate{ float: left;font-size: 11px;}
        .commlist .panel-info  .mores{ float: right;font-size: 11px;}
        .mobile  .morecontent{ height: auto!important;}
        
        .commlist .panel-info a.ti{ display:inline-block; height: 20px; line-height: 20px; overflow: hidden; margin-bottom: 0px;}
        .commlist  .imglist a { display: initial;}
        .commlist  .imglist a img ,.guestbook_list img {
            max-height: 75px;
            min-width: 75px;
            border-radius: 5px;
        }

        .mobile #conte{ font-size: 11px; height: 40px; line-height: 20px; overflow: hidden;}
        .mores {
            padding-right: 10px;
            position: relative;
            float: right;
        }
        .mores:after {
            border-bottom: 1px solid #aaa;
            border-right: 1px solid #aaa;
            content: '';
            height: 7px;
            margin-left: 2px;
            margin-top: 4px;
            position: absolute;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 7px;
        }
        .open1:after {
            border-left: 1px solid #aaa;
            border-top: 1px solid #aaa;
            border-bottom: none!important;
            border-right: none!important;
            content: '';
            height: 7px;
            margin-top: 6px;
            top: 4px!important;
            position: absolute;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 7px;
        }


        .shop_mod_sortbar .layout_switch {
            display: block;
            position: absolute;
            width: 40px;
            height: 40px;
            top: 2px;
            right: 8.5px;
        }

        .layout_switch:after, .shop_mod_sortbar .layout_switch:before {
            content: "";
            position: absolute;
            top: 5px;
        }
        .layout_switch:after {
            display: block;
            left: 10px;
            width: 20px;
            height: 20px;
            background-size: 100%;
        }
        .layout_switch.list:after {
            background-image: url(list.png);
        }
        .layout_switch.grid:after {
            background-image: url(grid.png);
        }
        .product .mod_recommend_v2.list   ul.list li{ width: 100%!important;    border-bottom: 1px solid #ddd; border-radius: 0; padding-bottom: 10px;}

        .product .mod_recommend_v2.list   ul.list .cover {
            position: relative;
            overflow: hidden;
            padding-top: 0;
            height: 100%;
            display: inline-block;
            float: left;
            margin-right: 10px;
            width: 100px;
        }
        .product .mod_recommend_v2.list   ul.list .info {
            display: inline-block;
            float: right;
            width: calc(100% - 112px);
        }
        .topicslist { overflow: hidden; padding: 0!important;}
        #otherInfo{padding: 10px;}
        #otherInfo h3{position:relative;padding:10px 45px 10px 0;border-bottom:1px solid #efefef;font-size:12px;line-height:1.5;}
        #otherInfo h3 i{right:5px;height:26px;color:#888;font-size:26px;position:absolute;top:0;bottom:0;margin:auto 0;font-family:zozofont;line-height:1;}
        #otherInfo h3 i:after{border-bottom:1px solid #aaa;border-right:1px solid #aaa;content:'';height:7px;margin-top:10px;position:absolute;top:2px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:7px; right: 5px;}
        #otherInfo section{padding:5px;background-color:#efefef;display:none;border-radius:2px;}
        .open1:after{border-left:1px solid #aaa;border-top:1px solid #aaa;border-bottom:none!important;border-right:none!important;content:'';height:7px;margin-top:6px;top:4px!important;position:absolute;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:7px;}

        .cmt_tag.cmt_tag_new span {
            margin: 0 10px 10px 0;
            background: #fcedeb;
            border-radius: 15px;
            padding: 0 5px;
            height: 25px;
            line-height: 25px;
            font-size: 11px;
            color: #262626;
            display: inline-block;
            border: 1px solid #fcedeb;
        }
        .cmt_tag.cmt_tag_new span.selected {
            position: relative;
            color: #f2270c;
            border: 1px solid #f2270c;
        }

        .review{width: calc(100% - 10px);overflow: hidden; padding: 5px;}

       .review_cont {
            display: flex;
            height: 100%;
            flex-direction: column;
            width: calc(100% - 120px);
            float: right;
        }
        .review_cont .review_flex {
            display: flex;
            height: 100%;
            padding: 15px 0;
            flex-direction: column;
            justify-content: space-between;
        }
        .review_cont .review_average_list .review_average_item:first-child {
            margin-top: 0;
            line-height: 16px;
            justify-content: center;
            display: flex;
            align-items: center;
        }
        .review_average_score {
            min-width: 25px;
            font-size: 15px;
            color: #737375;
        }
        .review_average_item_total {
            display: inline-block;
            width: 130px;
            height: 11px;
            margin: 0 15px;
            background-color: #e2e3e7;
        }
        
        .review_average_item_graph {
            position: relative;
            display: inline-block;
            height: 11px;
            text-indent: -9999px;
            background-color: #ff6251;
        }
        .review_cont .review_average_list .review_average_item {
            margin-top: 7px;
            line-height: 16px;
            justify-content: center;
        }
        .review_cont .review_flex>li {
            display: flex;
            align-items: center;
        }
        .review_cont .review_average_list .review_average_percent {
            width: 30px;
            font-weight:normal;
            color: #19191a;
        }
        .K9wGie {
            box-sizing: border-box;
            display: inline-block;
            padding: 10px;
            text-align: center;
            vertical-align: top;
            width: 120px;
            float: left;
        }
        .BHMmbe {
            color: #333;
            font-size: 30px;
            font-weight: 100;
            line-height: 64px;
        }

        .input-radius {
            float: left;
            width: 96%;
            padding: 5px;
            height: 25px;
            border-radius: 23px;
            margin: 0;
        }
        .commonInput_inputText {
            border: 1px solid #ddd;
            background-color: #fff;
            font-size: 12px;
        }
        .input-radius-btn {
            height: 6vw!important;
            width: 11.73vw!important;
            background: none;
            color: #666;
            border: none;
            position: absolute;
            top: 7px;
            right: 5px;
            margin: 0;
            border-left: 1px solid #ddd;
        }
        .userCouponbox {
            padding: 0px 8px;
        }
        #contents h2.info { display: flex; padding: 0;}
        #contents h2.info a{ display:block;width: 100%; text-align: center; line-height: 40px; height: 40px;}
        #contents h2.info a:nth-child(1){background: #dea2b3;}
        #contents h2.info a:nth-child(2){background: #9fd2cc;}
        #contents h2.info a.on{ border-right: 1px solid #f5f5f5;color: #fff;}
        #contents .items{ display: none;}
        #contents .items.on{ display: block;}
        .brandinfo a{ display: inline-block; width: 100%; height: 30px; line-height: 30px; background: #ccc; margin-bottom: 15px; color: #000; text-decoration: underline; text-indent: 10px;}

       
        .order_ok_message h3{ font-weight: bold; margin-top: 20px;}
        #breadCrumb a{color: #23abdd;}
        .newsconte a {color: #02b;}
        .card_add-btn{ position:absolute;
            width:30px;
            height:30px;
            border-radius: 50%;
            border: 0.0133rem solid #fff;
            right:5px;
            bottom: 5px;
            background-image:url("../image/cart5.svg");
            background-size:25px 25px;
            background-repeat: no-repeat;
            background-position: 3px 3px;
        }