.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

/*标题-颜色选择器*/
.colorSelector { background: #28c192; width: 70px; height: 28px; line-height: 28px; text-align: center; color: #333; cursor: pointer; }
/*标题*/
.customStyleTitle { width: 100%; margin-top: 10px; }
.styleTitle0 { padding: 8px 0; background-color: #28c192; }
    .styleTitle0 .cusTitleP { color: white; font-weight: bold; padding-left: 10px; }
.styleTitle1 .cusTitleP { padding: 8px 10px; font-weight: bold; border-bottom: 2px solid #f94358; display: inline-block; }
.styleTitle2 { text-align: center; width: 100%; height: 20px; color: #000; font-size: 14px; line-height: 20px; position: relative; padding: 4px 0; }
    /*.styleTitle2:after { content: ""; width: 100%; height: 1px; background-color: red; position: absolute; bottom: 50%; z-index: 1; left: 0; }*/
    .styleTitle2 .cusTitleP { z-index: 2; position: relative; padding: 0 10px; display: inline-block; background: #fff; }
.styleTitle3 .cusTitleP { font-weight: bold; padding: 8px 10px; /*border-left: 2px solid #f94358;*/ }

/*商品*/
.customStyleGoodspic { width: 100%; margin-top: 10px; overflow: hidden; }
    .customStyleGoodspic ul { width: 100%; }

/*搜索*/
.customStyleSearch { width: 100%; /*height: 36px;*/ background: #F1F1F1; margin: 10px auto; overflow: hidden; position: relative; display: flex; padding: 10px 0; box-sizing: content-box; }
    .customStyleSearch .customInput { width: 95%; height: 36px; border: 0px; padding-left: 10%; margin: 0 auto; font-size: 14px; border-radius: 20px; background: #fff; box-sizing: border-box; }
    .customStyleSearch input::-webkit-input-placeholder { /* WebKit browsers */ color: #CACACA; }
    .customStyleSearch input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #CACACA; }
    .customStyleSearch input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #CACACA; }
    .customStyleSearch input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #CACACA; }
    .customStyleSearch button { width: 20px; height: 18px; background: url(//img.hmeshop.cn/hmeshopV3/Admin/Shop/PublicMob/images/hui3.png) no-repeat; background-size: 100% 100%; border: 0px; position: absolute; left: 5%; top: 20px; }

/*文本导航*/
.customStyleTxtNav { width: 98%; overflow: hidden; margin: 10px auto; }
    .customStyleTxtNav ul li { height: 28px; line-height: 28px; background: #f9f9f9; position: relative; border: 1px solid #ededed; padding-left: 10px; }
    .customStyleTxtNav .arrow { width: 7px; height: 7px; border-top: 2px solid #b8b7b7; border-right: 2px solid #b8b7b7; transform: rotate(45deg); position: absolute; top: 10px; right: 10px; }

/*分割线*/
.customStyleLine { background: #fff; display: flex; width: 100%; height: 36px; align-items: center; }
    .customStyleLine .customLine { width: 100%; height: 1px; border-bottom: 1px dashed #ddd; }

/*辅助空白*/
.customBlank { width: 100%; height: 10px; }

/*顶部菜单*/
.customStyleTopNav { width: 100%; height: 50px; overflow: hidden; }
    .customStyleTopNav .topNav { width: 100%; display: block; }
    .customStyleTopNav ul li { float: left; text-align: center; overflow: hidden; }
        .customStyleTopNav ul li a { height: 50px; display: block; margin-right: 1px; overflow: hidden; display: block; }
            .customStyleTopNav ul li a img { height: 50px; display: inline-block; }
    .customStyleTopNav .topNav .tab4 { width: 25%; }
    .customStyleTopNav .topNav .tab3 { width: 33%; }
    .customStyleTopNav .topNav .tab2 { width: 50%; }
    .customStyleTopNav .topNav .tab1 { width: 100%; }

/*橱窗*/
.customStyleShowcase { width: 100%; overflow: hidden; margin: 0 auto !important; }
    .customStyleShowcase ul { margin: 0 auto; display: block; text-align: center; }
.showcaseUl:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }

.customStyleShowcase ul li { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .customStyleShowcase ul li span a { width: 100%; vertical-align: middle; }
        .customStyleShowcase ul li span a img { display: block; width: 100%; height: 100%; }

/*橱窗1*/
.customStyleShowcase ul .showCase3 { padding-bottom: 2px; }
    .customStyleShowcase ul .showCase3 span a img { border: 1px solid #ddd; }
.customStyleShowcase ul .bigShowcase { width: 50%; height: 305px; padding-right: 5px; margin-left: 5px; }
.customStyleShowcase ul .smallShowcase {     width: calc(100% - 50% - 10px);    height: 148px;    padding-left: 5px;    margin-bottom: 10px; }
    .customStyleShowcase ul .smallShowcase:last-child { margin-bottom: 0; }

/*橱窗2*/
.customStyleShowcase ul .leftBigImg { width: 40%; height: 153px; border-right: 1px solid #e7e5ea; border-top: 1px solid #e7e5ea; }
.customStyleShowcase ul .topMidImg { width: 60%; height: 76px; border-top: 1px solid #e7e5ea; }
.customStyleShowcase ul .bottomSmallImg { width: 30%; height: 76px; border-right: 1px solid #e7e5ea; border-top: 1px solid #e7e5ea; }
    .customStyleShowcase ul .bottomSmallImg:last-child { border-right: 0; }

/*橱窗3*/
.customStyleShowcase ul .leftArrange { width: 40%; height: 76px; border-top: 1px solid #e7e5ea; border-right: 1px solid #e7e5ea; }
.customStyleShowcase ul .rightArrange { width: 30%; height: 76px; border-top: 1px solid #e7e5ea; border-right: 1px solid #e7e5ea; }

/*橱窗4*/
.customStyleShowcase ul .gridImg { width: 50%; height: 76px; border-right: 1px solid #e7e5ea; border-top: 1px solid #e7e5ea; }

/*橱窗5*/
.customStyleShowcase ul .topGridImg { width: 50%; height: 76px; border-top: 1px solid #e7e5ea; border-right: 1px solid #e7e5ea; }
.customStyleShowcase ul .bottomGridImg { width: 25%; height: 76px; border-top: 1px solid #e7e5ea; border-right: 1px solid #e7e5ea; }

/*图片导航*/
.customStyleImgNav { width: 100%; margin: 0 auto; overflow: hidden; }
    .customStyleImgNav ul li { float: left; width: 25%; text-align: center; }
        .customStyleImgNav ul li span { width: 100%; }
            .customStyleImgNav ul li span a img { width: 100%; }
    .customStyleImgNav .customStyleImgNavName { height: 20px; line-height: 20px; color: #646464;display:inherit; }
    .customStyleImgNav ul li.imgNavLi4 { width: 25%; }
    .customStyleImgNav ul li.imgNavLi3 { width: 33%; }
    .customStyleImgNav ul li.imgNavLi2 { width: 50%; }
    .customStyleImgNav ul li.imgNavLi1 { width: 100%; }
    .customStyleImgNav ul li span a .imgLi4 { height: 60px;width:60px; }
    .customStyleImgNav ul li span a .imgLi3 { height: 105.59px; }
    .customStyleImgNav ul li span a .imgLi2 { height: 160px; }
    .customStyleImgNav ul li span a .imgLi1 { height: 320px; }

/*图片导航*/
.customStyleImgAd { width: 100%; margin: 0 auto; }
.imgAdUl:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }

.customStyleImgAdCarousel { width: 100%; margin: 0 auto; overflow: hidden; position: relative; }
    .customStyleImgAdCarousel ul { margin: 0 auto; display: block; text-align: center; }
        .customStyleImgAdCarousel ul li { float: left; width: 100%; position: relative; }
.indicatorDots { width: 100%; text-align: center; position: absolute; left: 0px; bottom: 1px; }
    .indicatorDots .cur { background: #be0000; }
    .indicatorDots div { width: 6px; height: 6px; border-radius: 50%; background: #898989; display: inline-block; margin: 0 2px; }

.customStyleImgAdSeparate { margin: 0 auto; }
    .customStyleImgAdSeparate ul li:last-child { margin-bottom: 0 !important; }

/*商品*/
.customStyleGoodSpic { width: 100%; margin-top: 10px; overflow: hidden; }
    .customStyleGoodSpic .goodSpicUl { width: 100%; }
        .customStyleGoodSpic .goodSpicUl:after { display: block; clear: both; height: 0; content: '.'; visibility: hidden; }

    /*商品-小图*/
    .customStyleGoodSpic ul .smallGoods { float: left; width: 50%; padding: 5px 3px; display: inline-block; position: relative; vertical-align: top; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.smallGoods_wrapper { padding: 5px; border: 1px solid #E9E9E9; }
    .smallGoods_wrapper a { overflow: hidden; display: block; }
.customStyleGoodSpic ul li.smallGoods a img { height: 132px !important; }
.customStyleGoodSpic ul li img { display: block; padding: 0; margin: 0 auto; border: 0; width: auto; }
.customStyleGoodSpic ul .smallGoods span { height: 26px; line-height: 26px; overflow: hidden; }
.customStyleGoodSpic ul .smallGoods .goodsPlace { width: 100%; color: #FF5F00; position: relative; right: 0; bottom: 0; font-size: 14px; display: flex; }
    .customStyleGoodSpic ul .smallGoods .goodsPlace .originalPrice { color: #929292; font-size: 12px; }
    .customStyleGoodSpic ul .smallGoods .goodsPlace i { width: 20px; height: 20px; background: url(//img.hmeshop.cn/hmeshopV3/Admin/Shop/PublicMob/images/icon_addcart.png) no-repeat; background-size: 20px; position: absolute; right: 0; top: 3px; }


/*商品-大图*/
.customStyleGoodSpic ul .bigGoods { display: block; width: 98%; padding: 5px; margin: 0 auto 2.5%; overflow: hidden; position: relative; border: 1px solid #E9E9E9; box-sizing: border-box; }
    .customStyleGoodSpic ul .bigGoods img { width: 100%; display: block; margin: 0 auto; }
    .customStyleGoodSpic ul .bigGoods .membersBigGoods { width: 100%; height: auto; line-height: 26px; position: relative; overflow: hidden; }
        .customStyleGoodSpic ul .bigGoods .membersBigGoods a { width: 100%; color: #333; font-size: 14px; display: inline-block; padding-left: 2%; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
        .customStyleGoodSpic ul .bigGoods .membersBigGoods span { float: left; color: #e6282c; font-size: 16px; display: inline-block; padding: 0 10px; }
        .customStyleGoodSpic ul .bigGoods .membersBigGoods i { width: 20px; height: 20px; background: url(//img.hmeshop.cn/hmeshopV3/Admin/Shop/PublicMob/images/icon_addcart.png) no-repeat; background-size: 20px; position: absolute; right: 5px; bottom: 2px; }
        .customStyleGoodSpic ul .bigGoods .membersBigGoods .originalPrice { float: none; color: #929292; font-size: 12px; display: inline-block; padding: 0 10px; }

/*商品-一大一小*/
.smallGoods .smallGoods_wrapper .smallGoods_Title { height: 22px; line-height: 22px; color: #666; font-size: 14px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.smallGoods .smallGoods_wrapper .b_SmallPirce { font-size: 16px; color: #e6282c; margin-right: 5px; display: inline-block; }
    .smallGoods .smallGoods_wrapper .b_SmallPirce .btnAddToCart { width: 20px; height: 20px; background: url(//img.hmeshop.cn/hmeshopV3/Admin/Shop/PublicMob/images/icon_addcart.png) no-repeat; background-size: 100%; position: absolute; right: 0px; bottom: 0px; }
.smallGoods .smallGoods_wrapper .originalPrice { color: #6a6a6a; display: inline-block; text-decoration: line-through; }

/*商品-列表*/
.customStyleList { width: 100%; }
    .customStyleList ul li { padding: 5px 0; margin-bottom: 8px; border: 1px solid #E9E9E9; position: relative; display: flex; }
.customStyleList_right { padding-left: 10px; width: 66%; }
    .customStyleList_right a { display: block; height: 36px; overflow: hidden; color: #666; margin-top: 10px; font-size: 14px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .customStyleList_right p { color: #e6282c; font-size: 16px; line-height: 30px; position: relative; }
        .customStyleList_right p .btnAddToCart { width: 20px; height: 20px; background: url(//img.hmeshop.cn/hmeshopV3/Admin/Shop/PublicMob/images/icon_addcart.png) no-repeat; background-size: 100%; position: absolute; right: 0px; bottom: 0px; }
/*直播*/
.customStyleGoodSpic ul .smalllive {
    float: left;
    width: 33%;
    padding: 5px 3px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 100px;
}

.customStyleGoodSpic ul li img {
    height: 75px;
}