@charset "utf-8";
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5,input{margin:0;padding:0; font-family:'Microsoft YaHei'}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a,a:hover,a:active,a:visited{border:none;text-decoration:none; outline:none;}
body{ font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; max-width:640px; margin:0px auto; background:#fff;}

.bh-index-search{ width:44px; height:44px; font-family:"hui-font"; line-height:42px; text-align:center; flex-shrink:0; display:block;}
.bh-index-search span{ color:#fff; font-size:22px; font-weight:600;}

.hui-swipe-indicator{ bottom:25px;}
.hui-fr{ float:none !important; text-align:center; width:100%; display:flex;align-items: center;justify-content:center;}
.hui-swipe-indicators{ float:none !important; height:10px; width:10px; background:#fff; border-radius:50%;}
.index-block-white{ width:100%; background:#fff; z-index:10; height:15px; position:absolute; left:0; bottom:0; border-top-left-radius:10px;border-top-right-radius:10px;}


.bh-index-nav{ width:100%; height:auto; overflow:hidden; background:#fff;}
.bh-index-nav li{ width:20%; height:auto; overflow:hidden; float:left; margin-bottom:10px;}
.bh-index-nav li a{ width:100%; display:block; height:auto; overflow:hidden;}
.bh-index-nav li a img{ display:block; margin:0 auto 5px auto;}
.bh-index-nav li a h3{ font-size:14px; font-weight:600; text-align:center;}

.index-hotsale-warp{ width:100%; height:auto; overflow:hidden; min-height:100px; background:#fff url(../images/hot-sale-bg.png) no-repeat center top; background-size:100% auto; border-radius:15px;}
.index-hot-title{ width:100%; height:auto; overflow:hidden;}
.index-hot-icon{ width:95px; height:36px; overflow:hidden; background:-webkit-gradient(linear,0% 0%, 100% 0%, from(#FF7E00), to(#FF5000), color-stop(1.0,#FF6600)); color:#fff; border-top-right-radius:20px;border-bottom-right-radius:20px; padding-left:10px; float:left; line-height:36px;}
.index-hot-icon img{ float:left; margin:7px 5px 0 0;}
.index-hot-icon b{ color:#fff; font-size:15px;}
.index-hot-title a{ width:70px; height:24px; background:#fff; border:0.5px solid #dc6970; color:#dc6970; border-radius:15px; overflow:hidden; display:block; float:right; text-align:center; line-height:26px; margin-right:10px; margin-top:6px; font-size:13px;}

.index-hot-prolist{ width:100%; height:auto; background:#fff; overflow:hidden; border-radius:15px; overflow:hidden; padding:10px 5px 15px 5px; box-sizing:border-box;}
.index-hot-prolist .hotitem{ padding:0px 5px; box-sizing:border-box;}
.index-pro-pic{ width:100%; height:auto; overflow:hidden; border-radius:10px; overflow:hidden; text-align:center; margin-bottom:5px;}
.index-pro-pic img{ display:block;}
.index-pro-name{ width:100%; height:20px; line-height:20px; font-size:13px; font-weight:600; color:#333; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-pro-price{ width:100%; height:20px; overflow:hidden; line-height:20px; color:#f00; font-weight:600; font-family:Arial; font-size:15px;}
/*特价*/
.index-tejia-warp{ width:100%; height:auto; height:auto; overflow:hidden; margin:10px auto;}
.index-tejia-warp li{ width:50%; height:auto; overflow:hidden; float:left; box-sizing:border-box;}
.index-tejia-area{ width:100%; height:178px; background:#fff; border-radius:10px; overflow:hidden;box-sizing:border-box;}
.index-tejia-title1,.index-tejia-title2{ width:60px; height:26px; line-height:26px; text-align:center; color:#fff; border-radius:15px; overflow:hidden; border-bottom-left-radius:0; font-size:13px; margin-left:8px; margin-top:8px;}
.index-tejia-title1{ background:-webkit-gradient(linear,100% 0%, 0% 0%, from(#4FC24B), to(#39B93C), color-stop(0.0,#29b231));}
.index-tejia-title2{ background:-webkit-gradient(linear,100% 0%, 0% 0%, from(#FFC310), to(#FFB40F), color-stop(0.0,#ffa40e));}
.index-tejia-list{ width:100%; height:auto; overflow:hidden; }
.index-tejia-list .index-tejia-item{ width:50%; height:auto; overflow:hidden; float:left; padding:8px 8px; box-sizing:border-box; position:relative;}
.index-tejia-list .index-tejia-item:first-child::after{ width:1px; height:100px; display:block; content:" "; position:absolute; right:0; top:0px; background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFFF), color-stop(0.5,#eeeeee));}
/*好货*/
.index-good-warp{ width:100%; height:125px; background:#fff; border-radius:15px; overflow:hidden; position:relative; padding-right:10px; box-sizing:border-box;}
.index-good-title{ position:absolute; left:10px;}
.index-good-title h2{ font-size:13px; font-weight:600; color:#000; margin-top:6px;}
.index-good-title h4{ font-weight:400; font-size:12px; color:#999; margin-top:2px;}
.index-good-title a{ width:60px; height:24px; line-height:22px; color:#ff7800; border-radius:15px; display:block; border:1px solid #ff7800; font-size:12px; text-align:center; margin-top:2px;}
.index-good-list{margin-top:10px; height:auto; overflow:hidden;}
.index-good-list .index-news-item{ width:20%; float:left; margin-left:2%; _display:inline;}
/*推荐产品列表*/
.index-pro-list{ width:100%; height:auto; overflow:hidden;}
.index-pro-list ul{ width:100%; height:auto; overflow:hidden; padding:0px 5px; box-sizing:border-box;}
.index-pro-list ul li{ width:50%; height:auto; overflow:hidden; float:left; padding:0px 5px; box-sizing:border-box; margin-bottom:10px;}
.index-pro-info{ width:100%; height:auto; overflow:hidden; padding:5px 10px 10px 10px; box-sizing:border-box; background:#fff;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
.index-pro-count{ width:100%; height:auto; overflow:hidden; margin-top:5px;}
.index-pro-count b{ color:#ff5000; font-size:16px; font-family:Arial;} 
.index-pro-count i{ float:right; color:#999; font-size:13px; margin-top:2px;}



.news-type-ul{ width:100%; height:auto; overflow:hidden; padding:10px 5px; box-sizing:border-box;}
.news-type-ul li{ width:25%; float:left; height:34px; padding:0px 5px; box-sizing:border-box;}
.news-type-ul li a{ width:100%; height:34px; line-height:34px; font-weight:600; font-size:12px; background:#f4f4f4; color:#333; display:block; border-radius:2px; overflow:hidden; text-align:center;}
.news-type-ul li a.hover{ color:#fff; background:#fd565e;}

.bh-new-title{ width:100%; text-align:center; line-height:26px; margin:10px auto 0 auto;}
.bh-new-date{ width:100%; text-align:center; line-height:20px; color:#999; text-align:center; font-size:12px;}
.bh-new-content{ line-height:24px; margin:10px auto;}
.bh-new-content img{max-width: 100%!important;}

.hui-search{ width:100%; height:32px; background-color:#fff; border-radius:20px; margin:6px 0 0 8px; line-height:32px; color:#666; font-size:14px; text-align:left;}
.hui-search span{ line-height:35px; color:#666; font-size:14px; }

.swiper-pagination-bullet-active{ background-color:#f37628;}

.ui-nav{ width:100%; height:auto; padding:10px; box-sizing:border-box; overflow:hidden; border-bottom:solid 0.5px #dcdcdc;}
.ui-nav li{ width:20%; height:90px; float:left; overflow:hidden;}
.ui-nav li img{ display:block; margin:0px auto;}
.ui-nav li span{ font-size:13px; color:#666; text-align:center; display:block; line-height:37px;}

.ui-product{ height:auto; width:100%; overflow:hidden;}
.ui-promain{ height:auto; width:100%; padding:5px; box-sizing:border-box; overflow:hidden;}
.ui-promain dl{ width:50%; float:left; box-sizing:border-box; overflow:hidden; padding:5px;}
.ui-promain dl dt{ width:100%; height:auto; overflow:hidden;}
.ui-promain dl dt img{ width:100%;}
.ui-promain dl dd.pname{ color:#666; font-size:12px; line-height:20px; overflow:hidden;}
.ui-promain dl dd.pprice{ height:26px; line-height:26px; color:#666; font-size:12px;}

.ui-product-stock{ width:100%; height:auto; padding:5px; box-sizing:border-box; overflow:hidden; }
.ui-product-stock h2{ color:#f67635; font-weight:500; line-height:30px; font-size:13px; padding-left:5px;}
.ui-product-stock dl{ float:left; width:20%; height:auto; overflow:hidden; padding:5px; box-sizing:border-box;}
.ui-product-stock dl img{ width:100%; height:auto; cursor:pointer;}