/* home */
.shop-info{ width: 100%; }
.shop-info img{ width: 100%; height: auto; }
.home-hot-goods{ padding: .7rem .3rem; background: #fff; box-sizing: border-box; }
.home-hot-title{ height: .49rem; margin-bottom: .3rem; background: url(../images/hot-title.png) no-repeat center top; background-size: auto 100%; }
.home-hot-type{ margin-bottom: .1rem; text-align: center; }
.home-hot-type-item{ display: inline-block; width: 1rem; padding-top: 1rem; font-size: .2rem; line-height: .4rem; text-align: center; color: #af8a4a; cursor: pointer; }
.home-hot-type-item1{ background: url(../images/home/hot-icon1.png) no-repeat center top; background-size: .7rem .7rem; }
.home-hot-type-item1.hover{ background: url(../images/home/hot-icon1-1.png) no-repeat center top; background-size: .7rem .7rem; }
.home-hot-type-item2{ background: url(../images/home/hot-icon2.png) no-repeat center top; background-size: .7rem .7rem; }
.home-hot-type-item2.hover{ background: url(../images/home/hot-icon2-1.png) no-repeat center top; background-size: .7rem .7rem; }
.home-hot-type-item3{ background: url(../images/home/hot-icon3.png) no-repeat center top; background-size: .7rem .7rem; }
.home-hot-type-item3.hover{ background: url(../images/home/hot-icon3-1.png) no-repeat center top; background-size: .7rem .7rem; }
.home-hot-type-item4{ background: url(../images/home/hot-icon7.png) no-repeat center top; background-size: .7rem .7rem; }
.home-hot-type-item4.hover{ background: url(../images/home/hot-icon7-1.png) no-repeat center top; background-size: .7rem .7rem; }
.home-hot-type-item5{ background: url(../images/home/hot-icon6.png) no-repeat center top; background-size: .7rem .7rem; }
.home-hot-type-item5.hover{ background: url(../images/home/hot-icon6-1.png) no-repeat center top; background-size: .7rem .7rem; }
.home-hot-view{ width: 100%; height: 3rem; overflow: hidden; }
.home-hot-swiper{ width: 100%; height: 100%; }

.home-hot-goods-name{ font-size: .18rem; line-height: .4rem; text-align: center; color: #222222; margin-top: .2rem; }
.home-hot-list-swiper .swiper-slide{ text-align: center; }
.home-hot-goods-img{ display: inline-block; vertical-align: middle; width: 100%; height: 2.4rem; padding: 0 .4rem; line-height: 2.4rem; text-align: center; box-sizing: border-box; }
.home-hot-list-swiper .swiper-slide img{ vertical-align: middle; max-width: 100%; max-height: 100%; }
/* .home-hot-list-swiper .swiper-button-next.swiper-button-disabled, .home-hot-list-swiper .swiper-button-prev.swiper-button-disabled{ opacity: 0; } */
.home-hot-list-swiper .swiper-button-prev{ left: 0px; width: .17rem; height: .32rem; margin-top: -.32rem; background: url(../images/home/hot-left.png) no-repeat left center; background-size: 100% 100%; }
.home-hot-list-swiper .swiper-button-next{ right: 0px; width: .17rem; height: .32rem; margin-top: -.32rem; background: url(../images/home/hot-right.png) no-repeat left center; background-size: 100% 100%; }

.home-information{ padding: .6rem .3rem; height: 1.64rem; box-sizing: border-box; }
.home-information-title{ float: left; width: .58rem; height: .44rem; margin-right: .4rem; background: url(../images/information.png) no-repeat left top; background-size: .58rem .44rem; }
.home-information-content{ float: left; width: 5.4rem; height: .44rem; overflow: hidden; }
.home-information-more{ float: right; width: .44rem; height: .44rem; background: url(../images/more.png) no-repeat center center; background-size: .38rem .38rem; cursor: pointer; }
.home-information-item{ line-height: .44rem; font-size: .18rem; color: #222222; }
.home-information-item span{ display: block; height: .44rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-information-item i{ float: right; margin-left: .1rem; font-size: .16rem; font-style: normal; color: #af8a4a; }

.home-menu{margin-top:.6rem;}
.home-menu-title{ height: .49rem; margin-bottom: .37rem; background: url(../images/menu.png) no-repeat center top; background-size: auto 100%; }
.home-menu-list{ margin: 0 .3rem; font-size: 0px; overflow: hidden; }
.home-menu-item{ float: left; width: 3.4rem; margin-bottom: .2rem; }
.home-menu-item:nth-child(even) { float: right; }
.home-menu-item img{ width: 100%; height: 100%; }
.home-menu-item-other a{ display: block; height: 50%; }

.home-map-info{ width: 100%; height: 3.82rem; overflow: hidden; }
.home-map-info img{ width: 100%; height: 100%; }


/* menu */
.menu-wrapper{ padding: .9rem .3rem 0; overflow: hidden; box-sizing: border-box; }
.menu-list{ font-size: 0px; width:100%; padding-bottom: .6rem; display: flex; justify-content: space-between;flex-wrap:wrap; margin: 0 auto;}
.menu-item{ display: inline-block; vertical-align: top; width: 3.37rem; margin-bottom: .5rem; }
.menu-item-img{ width: 3.37rem; height: 2.45rem; margin-bottom: .3rem; }
.menu-item-title{ font-size: .32rem; color: #000000; }
.menu-item-text{ margin-top: .15rem; font-size: .24rem; color: #929292; line-height: .36rem; }
.menu-list-title{ width: 100%; height: .61rem; margin-bottom: .45rem; }
.menu-list-title img{ width: 100%; height: 100%; }

/* hotgoods */
.hotgoods-wrapper{ padding-top: .75rem;width: 7.5rem; margin: 0 auto; }
.hotgoods-item{ text-align: center; margin-bottom: .5rem; }
.hotgoods-item img{ width: 100%; height: auto; }

/* banner */
.banner-wrapper{ text-align: center; padding-top: .9rem;}
.banner-wrapper img{ max-width: 100%; margin-bottom: .9rem; }
.banner-wrapper img.banner-wrapper-no{ margin-bottom: 0px; }

/* story */
.story-wrapper{ padding-top: .9rem; }
.story-item{ margin-bottom: .9rem; text-align: center; }
.story-item img{ width: 100%; height: auto; }

/* product */
.product-wrapper{ padding-top: .9rem; }
.product-item{ margin-bottom: .9rem; text-align: center; }
.product-item img{ width: 100%; height: auto; }

/* system */
.system-wrapper{ padding-top: .9rem; }
.system-item{ margin-bottom: .9rem; text-align: center; }
.system-item-bg{ padding: 1rem 0px .1rem; background: #d61f2c; }
.system-item img{ width: 100%; height: auto; }

/* member */
.member-wrapper{ position: relative; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.member-header-bg{ width: 100%; height: 100%; }
.member-content{ position: absolute; top: 50%; left: 0; z-index: 2; width: 100%; height: 10.32rem; transform: translateY(-50%); }

/* article */
.article-wrapper{ padding: 1rem .3rem; box-sizing: border-box; }
.article-item{ margin-bottom: .5rem; }
.article-item, .article-item a{ font-size: 0px; }
.article-datetime{ display: block; }
.article-img{ display: inline-block; vertical-align: top; width: 3rem; height: 1.7rem; }
.article-img img{ width: 100%; height: 100%; }
.article-info{ display: inline-block; vertical-align: top; padding-left:0.3rem; width: 4.3rem; }
.article-date{ font-size: 24px; color: #000000; }
.article-year{ margin-left: .2rem; font-size: 16px; color: #929292; }
.article-title{ font-size: .3rem; color: #000000; word-break: break-all; word-wrap: break-word; }
.article-text{ font-size: .24rem; line-height: .36rem; color: #929292; margin-top: .1rem; word-break: break-all; word-wrap: break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
-webkit-line-clamp:3;}
.article-more{ font-size: .3rem; color: #fff; line-height: .6rem; background: #d61f2c; margin-top: .5rem; text-align: center; }

/* article-pages */
.article-pages{ height: 30px; text-align: center; font-size: 0px; }
/* .article-page-item{ display: inline-block; vertical-align: top; width: 30px; margin-right: 15px; line-height: 30px; text-align: center; font-size: 18px; color: #fff; background: #d61f2c; }
.article-page-item.current{ background: #fff; color: #000000; }
.article-pages span{ line-height: 30px; font-size: 20px; color: #000000; } */
/* 修改page */
.article-pages a{ display: inline-block; vertical-align: top; min-width: 20px; padding:0 5px; margin-right: 15px; line-height: 30px; text-align: center; font-size: 18px; color: #fff; background: #d61f2c; }
.article-pages span{ background: #fff; color: #000000; width: 30px; margin-right: 15px; font-size: 18px;}
.article-pages p{ line-height: 30px; font-size: 20px; color: #000000; display: inline-block;}

/* article-detail */
.article-detail{ margin-bottom: .5rem; }
.article-detail-title{ font-size: .32rem; color: #000000; text-align: center; margin-bottom: .5rem; word-break: break-all; word-wrap: break-word; }
.article-detail-text{ font-size: .24rem; color: #333; word-break: break-all; word-wrap: break-word; }
.article-detail-text p{margin-bottom:.2rem;}
.article-detail-text img{max-width: 100%;}
.article-jump{ height: .26rem; }
.article-prev{ float: left; line-height: .26rem; font-size: .24rem; color: #000000; padding-left: .36rem; background: url(../images/article-lt.png) no-repeat left center; background-size: .26rem .26rem; }
.article-next{ float: right; line-height: .26rem; font-size: .24rem; color: #000000; padding-right: .36rem; background: url(../images/article-gt.png) no-repeat right center; background-size: .26rem .26rem; }


/* business */
.business-wrapper{ padding-top: .9rem; }
.business-item{ margin-bottom: .9rem; text-align: center; }
.business-item img{ width: 100%; height: auto; }

/* join */
.join-wrapper{ padding-top: .9rem; }
.join-item{ margin-bottom: .9rem; text-align: center; }
.join-item img{ width: 100%; height: auto; }

.join-welfare{ display: none; padding: 1rem .26rem; background: #d61f2c; }
.join-welfare-list{ font-size: 0px; text-align: center; }
.join-welfare-item{ display: inline-block; vertical-align: top; margin-right: .6rem; width: .8rem; }
.join-welfare-list .join-welfare-item:last-child{ margin-right: 0px; }
.join-welfare-item img{ width: auto; height: .95rem; }
.join-welfare-item p{ margin-top: .3rem; font-size: .28rem; color: #ffffff; }

.join-info{ padding: 0 0 .5rem; }
.join-group-title{ padding: .5rem 0; font-size: .6rem; color: #000000; text-align: center; }
.join-group-box{ overflow: hidden; width: 7rem; margin: 0 auto; }
.join-group{ width: 7rem; font-size: 0px; }
.join-group-item{ margin-bottom: .5rem; border: 1px solid #d61f2c; box-sizing: border-box; }

.join-group-item-title{ line-height: .8rem; font-size: .4rem; color: #fff; background: #d61f2c; padding-left: .3rem; }
.join-group-item-content{ padding: 0 .3rem .3rem; color: #000000; font-size: .28rem; line-height: .44rem; word-break: break-all; word-wrap: break-word; }
.join-group-item-btn{ padding: 0 .2rem .2rem 0; text-align: right; }
.join-group-item-btn a{ display: inline-block; vertical-align: top; padding: 0 .4rem; border-radius: .5rem; line-height: 1rem; font-size: .36rem; color: #fff; background: #d61f2c; }
.join-group-item-content h6{ font-size: .32rem; margin: .3rem 0 0; padding: 0px; }

/* join-form */
.join-form{ padding: 0 .5rem; }
.join-row{ font-size: 0px; margin-bottom: .3rem; }
.join-col{ display: inline-block; vertical-align: top; margin-right: .6rem; }
.join-form-name{ font-size: .48rem; color: #222222; margin-bottom: .2rem; }
.join-form-name span{ color: #d61f2c; }

.join-label{ font-size: .4rem; color: #222222; margin-bottom: .2rem; }



.join-input-radio{ display: none; width: .48rem; height: .48rem; vertical-align: middle; background: #fff; border: 1px solid #222222; margin: -.1rem .06rem 0 .1rem; }
.join-input-text{ width: 5.5rem; border: 1px solid #222222; line-height: .6rem; border-radius: .1rem; font-size: .4rem; color: #222222; padding: 0 .2rem; }
.join-input-select{ width: 5.5rem; border: 1px solid #222222; height: .6rem; border-radius: .1rem; font-size: .4rem; color: #222222; padding: 0 .2rem; }
.join-label-radio .join-input-text{ width: 3.2rem; }



.join-label-radio span{ padding-left: .8rem; background: url(../images/icon-radio.png) no-repeat left center; background-size: .48rem .48rem; margin-right: .1rem; }
.join-label-radio span.checked{ background: url(../images/icon-radio-ok.png) no-repeat left center; background-size: .48rem .48rem; }
.join-label-radio label{ display: inline-block; margin-right: .4rem; margin-bottom: .2rem; }
.join-label-select-item{ display: inline-block; vertical-align: top; margin-right: .1rem; margin-bottom: .2rem; }
.join-label.join-label-radio, .join-label.join-label-select{ margin-bottom: 0px; }
.join-label-datetime{ cursor: default; padding-left: .8rem; background: url(../images/icon-date.png) no-repeat .2rem center; background-size: auto .4rem; }

.join-form-prompt{ font-size: .24rem; color: #d61f2c; }
.join-form-submit{ display: inline-block; vertical-align: top; font-size: .36rem; width: 3rem; line-height: 1rem; border-radius: .5rem; text-align: center; color: #fff; background: #d61f2c; cursor: pointer; }

/* store */
.store-nav{ display: flex; justify-content: space-around; align-items: center; height: .6rem; background: #d61f2c; }
.store-nav-item{ position: relative; max-width: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: .3rem; font-size: .24rem; color: #fff; background: url(../images/icon-ft-down.png) no-repeat center right; background-size: .22rem .13rem; }
.store-nav-item select{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

.store-list{ padding: .3rem .6rem; }
.store-item{ position: relative; padding: .3rem .7rem .3rem 0; border-bottom: 1px solid #b5b5b5; }
.store-way{ position: absolute; top: .3rem; right: .3rem; width: .6rem; height: .6rem; background: url(../images/store/way.png) no-repeat center center; background-size: 100% 100%; }
.store-name{ font-size: .3rem; color: #5d5d5d; }
.store-addr{ font-size: .24rem; color: #5a5a5a; padding-left: .24rem; background: url(../images/icon-addr.png) no-repeat left center; background-size: .17rem .24rem; }
.store-more{ font-size: .3rem; color: #fff; line-height: .6rem; background: #d61f2c; margin: .5rem .6rem; text-align: center; }
.store-detail-list{ padding: 0 .3rem; }
.store-map-nav{ display: flex; align-items: flex-end; margin-top: .2rem; border-bottom: .08rem solid #e5e5e5; }
.store-map-nav span{ font-size: .26rem; color: #5a5a5a; border-bottom: 2px solid #d61f2c; }
.store-map-wrapper{ padding: .3rem; }
.store-map{ width: 6.9rem; height: 8rem; overflow: hidden; }