body{ background: #f1f1f1;}
.container-my-store{ position: relative; max-width: 750px; padding: 15px; margin-top: 44px;}
.line-clamp-1{ -webkit-line-clamp: 1; display: -webkit-box; word-break:break-all; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow : hidden;}
.line-clamp-2{ -webkit-line-clamp: 2; display: -webkit-box; word-break:break-all; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow : hidden;}

.mystore-top-bg{ z-index: 1; position: absolute; top:0; right: 0; width: 203px; height: 125px; background: url('../img/mystore_top_bg.png') no-repeat;}
.mystore-top .user-pic{ float: left; width: 70px; height: 70px; margin-right: 15px;}
.mystore-top .left{ position: relative; z-index: 2; width: calc(100% - 115px); padding-top: 10px;}
.mystore-top .left .line-clamp-1{ margin-bottom: 3px; font-size: 16px;}
.mystore-top .btn-level{ display: inline-block; height: 24px; line-height: 24px; padding: 0 15px; border-radius: 12px; text-align: center; color: #666; background: #e6e6e6;}
.mystore-top .user-desc{ position: relative; padding: 0 10px; margin-top: 10px; color: #333; border-radius: 5px; background: #f2dcc9;}
.mystore-top .user-desc p{ height: 32px; line-height: 32px;}
.mystore-top .user-desc i{ font-style: normal; color: #eb4848; font-weight: bold;}
.mystore-top .user-desc span{ font-size: 12px; color: #666;}
.mystore-top .user-desc img{ position: absolute; width: 90px; margin-left: 5px; top: 5px;}
.mystore-top .store-desc{ display: flex; padding: 10px; justify-content: space-between; font-size: 12px; color: #777;}
.mystore-top .store-desc span{ padding-left: 18px; background: url('../img/store/store_desc.png') no-repeat left center; background-size: 15px;}

.home-top-bg{ z-index: -1; position: absolute; top:0; right: 0;  width: 100%; height: 180px; background: url('../img/store/top_bg.png') no-repeat;}
.home-top{ position: relative; width: 100%; height: 165px;}
.home-top .mystore-top-title{ position: absolute; bottom: 130px; width: 100%; text-align: center; font-size: 18px; font-weight: bold; color: #000;}
.home-top .mystore-top-content{ position: absolute; bottom: 0; width: 100%; height: 115px; padding: 15px; border-radius: 10px 10px 0 0; background: rgba(255, 255, 255, 0.50);}
.home-top .mystore-top-content p{ color: #666;}
.home-top .mystore-top-content .desc{ margin-bottom: 10px;}
.home-top .mystore-top-content .desc img{ width: 40px; margin: -6px 8px 0 0;}
.home-top .user-pic{ float: left; width: 54px; height: 54px; border-radius: 50%; margin-right: 10px;}
.home-top .left{ position: relative; z-index: 2; width: calc(100% - 184px); padding-top: 6px;}
.home-top .left .line-clamp-1{ margin-bottom: 2px; font-size: 16px; color: #444;}
.home-top .right{ display: flex; width: 120px; justify-content: space-between;}
.home-top .right p{ width: 30px; text-align: center;}
.home-top .right p img{ width: 28px; margin: 2px 0;}
.home-top .right p a{ color: #666;}

.mystore-main .main-news li{ width: 100%; margin-top: 10px;}
.mystore-main .main-news li a{ display: block; width: 100%; color: #444;}
.mystore-main .main-news.news-1 li a img{ width: 100%; margin-bottom: 5px; border-radius: 10px;}
.mystore-main .main-news.news-1 li a p{ float: left; max-width: calc(100% - 19px);}
.mystore-main .main-news.news-1 li a img.hot{ float: left; width: 16px; margin-left: 3px;}
.mystore-main .main-news.news-2 li a .left{ width: calc(100% - 55px);}
.mystore-main .main-news.news-2 li a .right{ width: 40px;}
.mystore-main .main-news.news-2 li a img{ width: 100%; border-radius: 5px;}

/*--super_search--*/
.super-search-nav{ display: flex; flex-wrap: wrap; padding: 10px 10px 0; margin-bottom: 10px; border-radius: 10px; background: #fff;}
.super-search-nav li{ width: 20%; text-align: center; padding-bottom: 15px;}
.super-search-nav li img{ width: 30px; height: 30px; margin-bottom: 3px;}
.super-search-nav li a{ color: #333; font-family: 'BMXY'; font-size: 12px; font-weight: bold;}

.mystore-main{ width: 100%; padding: 10px; margin-bottom: 15px; border-radius: 5px; background: #fff; overflow: hidden;}
.mystore-main a.more{ display: block; width: 100%; padding: 10px 0; margin: 0 auto; border-top: solid 1px #eee; color: #999; text-align: center;}
.mystore-main a.btn{ display: block;}
.mystore-main .main-title{ height: 16px; line-height: 15px; margin: 5px 0 0; border-left: solid 3px #ff3333; text-indent: 8px; font-size: 15px; font-weight: bold; color: #000;}
.mystore-main .list-title{ height: 34px; line-height: 34px; font-size: 15px; color: #000; font-weight: bold;}
.mystore-main .list-title span{ margin-left: 10px; font-size: 12px; color: #666; font-weight: normal;}
.mystore-main .list-title .wechat-share-btn{ float: right; padding: 0 15px; border: solid 1px #eb4848; border-radius: 18px; font-size: 13px; font-weight: normal; color: #eb4848;}
.mystore-main .list-title a.right{ font-size: 14px; color: #888;}
.mystore-main .list-banner{ margin: 10px -10px;}
.mystore-main .list-banner img{ width: 100%;}
.mystore-main .list-main{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px 0;}
.mystore-main .list-main::after { content: ""; width: 33.33%;} 
.mystore-main .list-main li{ width: 33.33%; margin-bottom: 10px;}
.mystore-main .list-main li img{ max-width: 100%; width: 27vw; height: 27vw; margin-bottom: 5px;}
.mystore-main .list-main li p{ min-height: 22px; line-height: 22px; font-size: 12px;}
.mystore-main .list-main li p.line-clamp-2{ height: 44px; line-height: 20px;}
.mystore-main .list-main li .refer-money{  color: #eb4848;}

.mystore-main .list-main li.col-one{ width: 100%; padding-bottom: 5px; border-bottom: solid 1px #eee;}
.mystore-main .list-main li.col-one img{ margin-right: 10px;}
.product-info{ padding-top: 5px;}
.product-info .refer-money{ float: left; margin-top: 10px; }
.product-info .btn-buy{ float: right; width: 80px; margin-top: 5px; border-radius: 17px;}

/*--store-menu--*/
.store-menu { display: flex; padding-left: 5px;}
.store-menu .union-tab{ display: block; white-space: nowrap; height: 44px; line-height: 44px; overflow: scroll hidden;}
.store-menu .union-tab::-webkit-scrollbar { width: 0; height: 0;}
.store-menu .union-tab li{ display: inline-block; padding: 0 20px 0 2px; text-align: left;}
.store-menu .union-tab li a{ display: inline-block; height: 38px; font-size: 15px; color: #444; font-weight: bold;}
.store-menu .union-tab li.active a{ border-bottom: 1px solid #eb4848; color: #eb4848;}
.store-menu .no-border li.active a{ border-bottom: 0;}
/*--store-product--*/
.store-product{ float: left; width: 100%;}
.store-product li{ float: left; position: relative; width: 100%;padding: 10px 15px;margin-top: 10px;border-radius: 10px;background: #fff;}
.store-product .tg-main-left {position: relative;float: left;display: flex;flex-direction: column;justify-content:center;width: 26.5%;height: 24.5vw;max-height: 190px;overflow: hidden;}
.store-product .tg-main-left img {width: 100%; border-radius: 5px;}
.store-product .tg-main-right {float: right;width: 70%;font-size: 14px;color: #333;}
.tg-main-right p {height: 38px;}
.tg-main-right p a{color: #333;}
.new-store-product li{ padding: 10px 0 0; border-top: solid 1px #eee; border-radius: 0;}
.new-store-product li .price-box{ position: absolute; bottom: 3px;}
.new-store-product li .btn-buy{ position: absolute; right: 3px; bottom: 3px; display: block; height: 30px; line-height: 30px; padding: 0 10px; border-radius: 15px; color: #fff; background: #ff3333;}

.mystore-bottom{ margin-bottom: 130px; padding-top: 20px; text-align: center;}
.mystore-bottom a{ font-size: 16px; color: #888;}
.my-store-share{ display: block; position: fixed; bottom: 80px; max-width: 720px; width: calc(100% - 30px); text-align: center;}
.my-store-share img { height: 44px;}
/*.home-share{ display: block; position: fixed; bottom: 80px; max-width: 720px; width: calc(100% - 30px); text-align: center;}
.home-share .wechat-share-btn{ display: inline-block; height: 34px; line-height: 34px; padding: 0 25px; border-radius: 17px; color: #fff; background: #ff3333;}
.home-share .wechat-share-btn img{ width: 17px; margin: -3px 5px 0 0;}*/

/*vip.product*/
.new-product-index{ margin: -14px -15px 0;}
.search{ padding:15px 20px; background: #fff;}
.search .form-control{ border-color: #ff3333; border-top-left-radius: 17px; border-bottom-left-radius: 17px;}
.search .btn{ border-color: #ff3333; border-top-right-radius: 17px; border-bottom-right-radius: 17px; color: #fff; background: #ff3333;}

.x-scroll{ background: #fff; overflow-x: scroll; position: sticky;top: 0;left: 0;z-index: 9999;}
.x-scroll::-webkit-scrollbar { width: 0 !important; height: 0;}
.new-cats{ float: left; min-height: 150px; padding: 0 5px;}
.new-cats li{ float: left; width: 95vw; max-width: 750px; padding: 5px 0;}
.new-cats li a{ float: left; width: 20%; margin-top: 15px; text-align: center; color: #666;}
.new-cats li a img { width: 22px; margin-bottom: 5px;}
.new-cats li a p { display: -webkit-box; width: 100%; color: #666; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}

/*article*/
.article-card{ position: relative; margin: 10px 0; padding: 15px; border-radius: 10px; background: #f5f5f5; color: #666;}
.article-card .user-pic{ float: left; width: 54px; height: 54px; border-radius: 50%; margin-right: 10px;}
.article-card .left{ position: relative; z-index: 2; width: calc(100% - 144px); padding-top: 6px;}
.article-card .left .line-clamp-1{ margin-bottom: 2px; font-size: 16px; color: #444;}
.article-card .right{ display: flex; width: 80px; justify-content: space-between;}
.article-card .right p{ width: 30px; text-align: center;}
.article-card .right p img{ width: 28px; margin: 3px 0;}
.article-card .right p a{ color: #666;}

.view-recommend .news-title{ margin: 15px 0 5px;}
.view-recommend .news-title span{ font-size: 15px;}

.view-bottom-nav{ z-index: 100; position: fixed; bottom: 0; left: 0; width: 100%;}
.view-bottom-nav ul{ display: flex; width: 100%;}
.view-bottom-nav li{ flex: 1;}
.view-bottom-nav li a{ display: block; width: 100%; height: 44px; line-height: 44px; font-size: 16px; text-align: center; color: #fff; background: #f9a24c;}
.view-bottom-nav li a.red{ background: #ff3333;}

/*users.index*/
.header-logo{ float: left; width: 36px; margin-top: 6px;}
.index-search{ float: left; width: calc(100% - 40px); padding: 7px 0 7px 15px;}
.index-search input.form-control{ float: left; width: calc(100% - 40px); height: 30px; border-color: #ff3333; border-radius: 17px; text-indent: 18px; background: url('../img/union/search_bg.png') 10px 7px no-repeat #fff; background-size: 15px 15px;}
.index-search input.form-control::placeholder{ color: #999;}
.index-search .btn{ float: right; height: 30px; line-height: 30px; padding: 0; border-color: #ff3333; color: #fff; font-size: 15px; background: #ff3333;}

/*vip.item_store*/
.store-share-nav{ position: fixed; z-index: 99; top: 44px; display: grid; width: 100%; height: 44px; grid-template-columns: repeat(2, calc(50% - 5px)); text-align: center; background: #fff;}
.store-share-nav li a{ display: inline-block; height: 44px; line-height: 44px; font-size: 15px; color: #666;}
.store-share-nav li.current a{ border-bottom: solid 2px #f33; color: #f33;}

.item-store-search select.form-control, .item-store-search input.form-control{  border: solid 1px #fff; box-shadow: none;}
.item-store-search input::-webkit-input-placeholder { color: #999;}
.item-store-search .input-group .btn-default{ border-color: #fff;}

.my-store li{ width: 100%; margin-top: 10px; border-radius: 10px; background: #fff;}
.my-store li .title{ width: 100%; height: 40px; line-height: 40px; padding: 0 10px; background: url('../img/store/title_bg_1.png'); background-size: 100%;}
.my-store li .title .gray img{ width: 16px; height: 16px; margin: -3px 0 0 5px;}
.my-store li .title .gray i{ display: none;}
.my-store li:nth-child(2n) .title{ background: url('../img/store/title_bg_2.png'); background-size: 100%;}
.my-store li .title a.right{ color: #666;}
.my-store li .top{ display: flex; padding: 10px;}
.my-store li img{ width: 60px; height: 60px; margin-right: 10px;}
.my-store li .center{ width: calc(100% - 70px);}
.my-store li .center a{ color: #444;}
.my-store li .center p{ width: 100%; word-break:break-all;}
.my-store li .center p .right{ font-size: 15px; font-family: '宋体'; color: #888;}
.my-store li .tg-btn{ top: 10px; width: 60px; border-radius: 13px;}
.my-store li .address{ color: #888;}
.my-store li .copy-btn{ width: 80px; height: 30px; line-height: 30px; margin-top: 5px; border: solid 1px #f33; border-radius: 15px; color: #f33; background: #fff;}
.my-store li .bottom{ width: 100%; height: 40px; border-top: solid 1px #eee; text-align: center;}
.my-store li .add { display: inline-block; width: 22px; height: 22px; margin-top: 8px; margin-bottom: -5px; background: url(../img/nav_add.png); background-size: 100%;}
.my-store li .remove{ background: url('../img/nav_checked.png'); background-size: 100%;}
.my-store li .poster-btn{ width: 80px; height: 30px; line-height: 30px; margin: 5px 0 0 10px; border: solid 1px #f33; border-radius: 15px; color: #f33; background: #fff;}
.my-store li .poster-btn i{ display: none;}

.item-store .product-list-nav{ display: flex; width: 100%; overflow: hidden;}
.item-store .product-list-nav li{ flex: 1; text-align: center;}
.item-store .product-list-nav li a{ width: 100%; height: 44px; line-height: 44px; color: #333;}
.item-store .product-list-nav li.current a{ color: #f33;}

.item-store .w100p li{ display: flex; border-bottom: solid 1px #eee;}
.item-store .w100p li:last-child{ border-bottom: 0;}
.item-store .w100p li img{ width: 60px; height: 60px;}
.item-store .w100p li .center{ width: calc(100% - 160px); padding-left: 10px;}
.item-store .w100p li .tg-btn{ top: 10px; width: 60px; border-radius: 13px;}
.item-store .w100p li .address{ color: #888;}
.item-store .w100p li .add { position: absolute; right: 15px; bottom: 10px; width: 22px; height: 22px; background: url(../img/nav_add.png); background-size: 100%;}
.item-store .w100p li .remove{ background: url('../img/nav_checked.png'); background-size: 100%;}

/*文章底部导航*/
.poster-nav{ position: fixed; bottom: 0; left: 0; display: flex; width: 100%; height: 55px; padding: 8px 0; background: #fff;}
.poster-nav li{ flex: 1;}
.poster-nav li a{ display: inline-block; width: 100%; text-align: center; color: #333;}
.poster-nav li a span { display: block; width: 20px; margin: 0 auto 1px;}
.poster-nav li.current a{ color: #f33;}
/* juhe.index */
.juhe_nav{
  margin-left: -15px;
 margin-top: -14px;
 position: sticky;
 top: 0;
 left: 0;
 z-index: 9999;
}
.juhe_nav ul{ width: 375px;display: flex;flex-flow: column wrap; overflow-x: scroll; height: 43px;line-height: 40px;padding-left: 10px;background-color: #fff;}
.juhe_nav ul li{ margin-right: 20px;text-align: center;}
.juhe_nav ul li a{ color: #333;}

.juhe_nav ul li.current a{display: block; border-bottom: solid 2px #f33; color: #f33;}
::-webkit-scrollbar{display: none;}
/* 列表 */
.juhe_list{
    margin-top: 10px;
    margin-bottom: 80px;
}
.juhe_list li{

  margin: 0 auto;
  margin-bottom: 20px;
}
.juhe_list li a{
    display: block;

}
.juhe_list li a p{
    color: #000;
    font-size: 16px;
    width: 320px;
    margin: 0 auto 5px;
}
.juhe_list li a img{
    display: block;
    max-width: 345px;
      margin: 0 auto;
    height: auto;
    margin-bottom: 10px;
    
}
.juhe_list li >div{
  padding-left: 10px;
}
.juhe_list li >div span{
  margin-right: 10px;
  color: #999;
}