body { background-color: #f5f5f5;}

#slider .mui-slider-group .mui-slider-item {height: 60vw;}
#slider .mui-slider-group .mui-slider-item > a { position: static;height: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;}

.tips{height: 100%;width: 100%;background-color: rgba(0,0,0,0.3);z-index: 1000;position:fixed;display: none}
.tips img{width:50%;float: right}

.part { background-color: #fff; margin-bottom: 10px;}
.part .store-name { padding: 0 15px; text-align: left; font-size: 21px; color: #000; font-weight: bold;line-height: 42px;}
.part .store-address{padding:0 15px;font-size: 15px;line-height: 33px;color: #868686;}
.part .store-certVerify{padding: 0 15px;font-size: 15px;line-height: 33px;color:#2D88F2;}
.part .store-certVerify img{width: 15px;height: 17px;margin-right: 3px;}
.part .store-hot{padding: 0 15px;font-size: 15px;line-height: 33px;color: #868686}
.part .store-hot img{width: 13px;height: 13px;}
.part .store-hot span{color: #EC5561}
.part.store{position: relative;}
.part.store .store-collect{position: absolute;top: 7px;right: 15px;}
.part.store .store-collect .collect-btn{width: 35px;height: 35px;border:1px solid #B1B1B1;border-radius: 5px;box-sizing: border-box; display: flex; justify-content: center; align-items: center;  }
.part.store .store-collect .collect-btn:nth-child(2){margin: 0 10px;}
.part.store .store-collect .collect-btn img{width: 22px;height: 22px;}
.mui-popover-middle .popover-dialog{width: 55%}
.qr-code{margin-top: 30px;}
.qr-code span{font-size: 12px;line-height: 34px;background-color: #2D88F2;color: #fff;padding: 10px;border-radius: 5px;}


.part.basic{display: flex;padding:10px 15px;align-items: center; justify-content: space-between;}
.part.basic a{text-align: center;}
.part.basic a>img{width: 37px;height: 37px;}
.part.basic a>div{font-size: 13px;line-height: 17px;color: #000}

.contact-title{font-size: 18px;line-height: 36px;padding:0 27px;border-bottom: 1px solid #D0D0D0}
.contact-sx{padding:0 27px;font-size: 14px;line-height: 50px;border-bottom: 1px solid #D0D0D0}
.contact-sx span{padding-left:30px; color: #000}
.contact-tel{padding:0 27px;font-size: 14px;line-height: 50px;border-bottom: 1px solid #D0D0D0}
.contact-tel span{padding-left:30px;color: #000}
.contact-wx{padding:0 27px;font-size: 14px;line-height: 50px;border-bottom: 1px solid #D0D0D0}
.contact-wx span{padding-left:30px;color: #000}

.part .part-title {padding-left:13px;height: 44px; line-height: 44px; border-bottom: 1px solid #eee; font-size: 16px; color: #000; font-weight: 500; position: relative; text-align: left;}
.part .part-title .more { position: absolute; right: 13px; font-size: 12px; color: #2D88F2;}
.part .part-footer { border-top: 1px solid #eee;}
.part .part-footer .more-btn { height: 40px; line-height: 40px; text-align: center; display: block; color: #f04e45; font-size: 14px;}

.part .hot-goods-scroll { position: relative; height: 170px; margin-bottom: 20px;}
.part .hot-goods-scroll .mui-scroll { width: auto;}
.part .hot-goods-scroll .hot-goods-list { white-space: nowrap; padding: 13px 8px 0;}
.part .hot-goods-scroll .hot-goods-list li { width: 125px; display: inline-block; margin: 0 5px;}
.part .hot-goods-scroll .hot-goods-list li .goods-pic { width: 125px; height: 125px; text-align: center; border-radius: 6px; overflow: hidden; background-color: #f9f9f9; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.part .hot-goods-scroll .hot-goods-list li .goods-pic.blur{-webkit-filter : blur(4px); filter : blur(4px)}
.part .hot-goods-scroll .hot-goods-list li .goods-pic img { max-width: 100%; max-height: 100%;}
.part .hot-goods-scroll .hot-goods-list li .goods-name { font-size: 12px; color: #696969; margin-top: 10px;}

.part .btn-wrap { padding-bottom: 20px;}
.part .validate-btn { width: 210px; height: 30px; line-height: 30px; text-align: center; display: inline-block; color: #fff; font-size: 14px; border-radius: 30px; background:#2D88F2; outline: none;}
.part .older{ width: 210px; height: 30px; line-height: 30px; text-align: center; display: inline-block; color: #fff; font-size: 14px; border-radius: 30px; background: #2D88F2; outline: none;}

.news-item { padding: 15px 13px; position: relative;}
.news-item:after { content: ''; left: 13px; right: 0; bottom: 0; height: 1px; background-color: #eee; position: absolute;}
.news-item:last-child:after { display: none;}
.news-item .news-address { margin: 10px 0 13px; color: #586c94;}
.news-item .news-address a { color: #586c94;}
.news-item .other .time { flex: 1; -webkit-box-flex: 1; -webkit-flex: 1;}
.news-item .other img { width: 19px; height: 19px; margin-right: 5px;}
.news-item .other .f-right { margin-left: 24px;}
.news-item .pic-list { padding-top: 10px;}
.news-item .mui-avg-space { margin-right: -3px; margin-left: -3px;}
.news-item .mui-avg-space > li { padding: 3px;}
.news-item .pic-box { width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; background-color: #f9f9f9; background-position: center center; background-repeat: no-repeat; background-size: cover;}

.store-intro { padding: 15px 25px; color: #696969; font-size: 14px;}
.store-intro p { color: #696969; margin: 0;}
.store-intro img { width: 100%; vertical-align: top; margin: 10px 0;}

.card-wrap { padding: 0 13px 30px 13px;}
.card-wrap .card { width: 100%; height: 140px; background: url("../images/store/card-bg.png") no-repeat; background-size: 100% 100%; box-shadow: 0 0 8px rgba(0,0,0,0.2); border-radius: 8px; overflow: hidden;}
.card-wrap .card .xcx-qrcode { width: 86px; height: 86px; margin: 0 15px 0 40px;}
.card-wrap .card .card-info { flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; padding-right: 20px; line-height: 1.2; min-width: 0;}
.card-wrap .card .card-name { font-weight: bold; margin-bottom: 8px;}
.card-wrap .card .card-address { color: #696969; margin-bottom: 13px;}
.card-wrap .card .card-btn { width: 145px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #f04e45; color: #f04e45; font-size: 14px; border-radius: 34px; margin: 0 auto; display: inline-block;}

.mui-bar-tab { background-color: #fff; box-shadow: none;}
.mui-bar-tab .mui-tab-item { width: 20%;}
.mui-bar-tab .mui-tab-item.item-btn { width: 40%;}
.mui-bar-tab .nav-img { width: 20px; height: 20px; margin-bottom: 5px;}
.mui-bar-tab .nav-a { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; flex-direction: column; -webkit-flex-direction: column; -webkit-box-orient: vertical; font-size: 12px; color: #696969; line-height: 1;}
.mui-bar-tab .chat-btn { height: 30px; line-height: 30px; padding: 0 32px; background: -webkit-linear-gradient(left, #fe786f , #fc675c); background: linear-gradient(left, #fe786f , #fc675c); display: inline-block; color: #fff; border-radius: 30px;}
.mui-bar-tab .collect-btn .collect-img { display: block; background: url("../images/store/collect-icon.png") no-repeat center center; background-size: cover;}
.mui-bar-tab .collect-btn.active { color: #f3594c;}
.mui-bar-tab .collect-btn.active .collect-img { background-image: url("../images/store/collected-icon.png");}

.hot-goods-list li.lock-goods .goods-before{ position: relative;    width: 125px; height: 125px; text-align: center; border-radius: 6px; overflow: hidden;}

.hot-goods-list li.lock-goods .goods-pic { position: relative;}
.hot-goods-list li.lock-goods .goods-before:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;background-color: rgba(0,0,0,0.5);}
.hot-goods-list li.lock-goods .goods-before:after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;background-image: url("../images/goods/lock.png"); background-repeat: no-repeat; background-position: center center; background-size: 50px 50px;}

.top-line{position: fixed;bottom: 20px;right: 20px;z-index: 100;width: 55px;height: 55px;font-size: 12px;border-radius: 50px;background: linear-gradient(#5DB5E1, #2D88F2);text-align: center;box-shadow: 0 5px 10px rgba(49, 140, 240, 0.4)}
.top-line img{margin-top:6px;}
.top-line div{color: #fff;font-size:12px;line-height: 10px;}


.store-card{position: relative;}
.store-card .store-banner{padding: 0 15px;}
.store-card .store-qrcode{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding-left:50px;padding-right: 45px;}
.store-card .store-qrcode .qrcode-img{border: 3px solid #338EF0;box-sizing: border-box;border-radius: 15px;overflow: hidden;}
.store-card .store-qrcode .qrcode-img img{vertical-align: top;border-radius: 15px;}

.store-introduction{margin-left: 15px;}
.store_name{font-size: 18px;line-height: 32px;color: #000;font-weight: bold}
.store_address{font-size: 12px;line-height: 17px;color: #000;margin-top: 10px}