|
@@ -178,465 +178,460 @@
|
|
|
</div>
|
|
|
</body>
|
|
|
<style>
|
|
|
- *{
|
|
|
- padding: 0;
|
|
|
- margin: 0;
|
|
|
- }
|
|
|
- body{
|
|
|
- font: 16px/1.231 "Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Arial,Lantinghei SC,Hiragino Sans GB,sans-serif,Times New Roman;
|
|
|
- }
|
|
|
-
|
|
|
- .wrapper{
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- /*模板样式*/
|
|
|
- .zy-h5-main{
|
|
|
- position: relative;
|
|
|
- overflow: hidden;
|
|
|
- background: #19b064 url(${active.staticMouldTheme.basePath}/img/tit1.png) no-repeat center top;
|
|
|
- background-size: 100% auto;
|
|
|
- }
|
|
|
- .zy-h5-bgimg{
|
|
|
- width: 60%;
|
|
|
- margin: 0 0 40px;
|
|
|
- }
|
|
|
- .zy-h5-title{
|
|
|
- text-align:center;
|
|
|
- width: 100%;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- .img-title-box{
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- text-shadow: 1px 1px 1px #666;
|
|
|
- font-weight: 900;
|
|
|
- }
|
|
|
- .img-title-box span{
|
|
|
- font-size: 3em;
|
|
|
- color: #FFFFFF;
|
|
|
- font-family: 'webfont';
|
|
|
- }
|
|
|
- .store-name{
|
|
|
- font-size: 1em;
|
|
|
- color: #19b064;
|
|
|
- background: #FFFFFF;
|
|
|
- max-width: 90%;
|
|
|
- margin: 1em auto;
|
|
|
- border-radius: 1em;
|
|
|
- border: 0.2em solid #699b48;
|
|
|
- padding: 0.2em;
|
|
|
- box-shadow: 1px 1px 1px #31954b;
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
- .store-name span{
|
|
|
- border-radius: 0.5em;
|
|
|
- border: 1px dashed #19B064;
|
|
|
- display: block;
|
|
|
- font-size: 1.2em;
|
|
|
- line-height: 2.2em;
|
|
|
- text-align: center;
|
|
|
- padding: 0 0.3em;
|
|
|
- }
|
|
|
- .active-time{
|
|
|
- color: #FFFFFF;
|
|
|
- padding: 0.3em;
|
|
|
- font-size: 1em;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .zy-h5-main-active{
|
|
|
- background: #19b064 url(${active.staticMouldTheme.basePath}/img/tit2.png) no-repeat center bottom;
|
|
|
- background-size: 100% auto;
|
|
|
- }
|
|
|
- .zy-h5-active{
|
|
|
- width:100%;
|
|
|
- color: #fff;
|
|
|
- position:relative;
|
|
|
- padding: 2em 0 8em;
|
|
|
- background: url(${active.staticMouldTheme.basePath}/img/qche.jpg) no-repeat right 3em;
|
|
|
- background-size: 38% auto;
|
|
|
- }
|
|
|
- .img-hdnr{
|
|
|
- position: relative;
|
|
|
- width: 42%;
|
|
|
- background-color: #e8d031;
|
|
|
- border-radius: 0 1.5em 1.5em 0;
|
|
|
- padding:0 1em 0 0.6em;
|
|
|
- box-shadow: 1px 1px 1px #31954b;
|
|
|
- }
|
|
|
- .img-hdnr > div{
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- padding: 0.3em 0;
|
|
|
- }
|
|
|
- .hdnr-text{
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- width: 100%;
|
|
|
- padding-top:0.1em;
|
|
|
- font-weight:900;
|
|
|
- }
|
|
|
- .a-text-1{
|
|
|
- font-size:0.6em;
|
|
|
- color: #666;
|
|
|
- text-decoration: line-through;
|
|
|
- }
|
|
|
- .a-text-2{
|
|
|
- font-size:1.1em;
|
|
|
- text-align: right;
|
|
|
- color: #000;
|
|
|
- }
|
|
|
- .b-text{
|
|
|
- font-weight:900;
|
|
|
- color: #000;
|
|
|
- }
|
|
|
- .b-text span{
|
|
|
- font-size:2em;
|
|
|
- color: #19B064;
|
|
|
- }
|
|
|
- .active-content {
|
|
|
- padding: 1em 0;
|
|
|
- }
|
|
|
- .ac-list{
|
|
|
- font-size: 1em;
|
|
|
- flex-grow:1;
|
|
|
- width: 75%;
|
|
|
- margin-top: 1em;
|
|
|
- }
|
|
|
- .ac-list .active-item{
|
|
|
- border: 1px solid #FFFFFF;
|
|
|
- font-size: 1.1em;
|
|
|
- padding: 0.5em;
|
|
|
- border-left: 0;
|
|
|
- margin: 0.6em 0;
|
|
|
- color: #FFFFFF;
|
|
|
- border-radius: 0 2em 2em 0;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .ac-list .active-name{
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- font-size: 1.2em;
|
|
|
- color: #FFFFFF;
|
|
|
- justify-content: center;
|
|
|
- margin-bottom: 1em;
|
|
|
- }
|
|
|
- .ac-list .active-name img{
|
|
|
- width: 1em;
|
|
|
- height: 1em;
|
|
|
- margin: 0 0.3em;
|
|
|
- }
|
|
|
- .active-desc{
|
|
|
- padding: 1em;
|
|
|
- line-height: 1.8em;
|
|
|
- color: #FFFFFF;
|
|
|
- font-size: 0.8em;
|
|
|
- }
|
|
|
- .zy-h5-gz{
|
|
|
- padding: 0.5em;
|
|
|
- border-top: 0.6em solid #ededed;
|
|
|
- }
|
|
|
- .zy-h5-gz > div:first-child{
|
|
|
- font-size: 0.8em;
|
|
|
- }
|
|
|
- .zy-headPhoto-list{
|
|
|
- padding: 0.5em 0.2em;
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
- .zy-headPhoto-list > div{
|
|
|
- width: 35px;
|
|
|
- height: 35px;
|
|
|
- overflow:hidden;
|
|
|
- border-radius: 10em;
|
|
|
- margin: 0.2em;
|
|
|
- float: left;
|
|
|
- }
|
|
|
- .zy-headPhoto-list > div img{
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
- /*门店信息样式*/
|
|
|
- .zy-h5-store-info{
|
|
|
- background: #fff;
|
|
|
- }
|
|
|
- #close-store{
|
|
|
- padding: 5px 0;
|
|
|
- }
|
|
|
- .store-info-title{
|
|
|
- font-weight: bold;
|
|
|
- font-size: 1.2em;
|
|
|
- text-align: center;
|
|
|
- padding: 0.5em 0;
|
|
|
- }
|
|
|
- .store-info-open{
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .zy-h5-store-info > .store-info-cont{
|
|
|
- padding: 0.5em;
|
|
|
- font-size: 1em;
|
|
|
- }
|
|
|
- .mask{
|
|
|
- height: 100%;
|
|
|
- width: 100%;
|
|
|
- position: fixed;
|
|
|
- z-index: 40;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- background: rgba(0,0,0,0.5);
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .store-info-list{
|
|
|
- position: fixed;
|
|
|
- z-index: 50;
|
|
|
- left: 0;
|
|
|
- bottom: -1000em;
|
|
|
- background-color: #FFFFFF;
|
|
|
- max-height: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- box-shadow: 0em 0em 1em #333;
|
|
|
- width: 100%;
|
|
|
- height: 70%;
|
|
|
- }
|
|
|
- .zy-h5-store-info .arrow-up{
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- width: 30px;
|
|
|
- }
|
|
|
- .arrow-down{
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- width: 30px;
|
|
|
- }
|
|
|
- .close-btns{
|
|
|
- position: absolute;
|
|
|
- right: 1em;
|
|
|
- top: 1em;
|
|
|
- color: #b10c1a;
|
|
|
- font-size: 0.8em;
|
|
|
- }
|
|
|
- .store-info-card{
|
|
|
- flex-grow: 1;
|
|
|
- overflow: auto;
|
|
|
- padding: 0 1.5em 3.5em;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- .store-info-pic{
|
|
|
- display: block;
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- .store-info-names{
|
|
|
- padding: 0.5em 1em;
|
|
|
- background: #19b064;
|
|
|
- color: #fff;
|
|
|
- border-radius: 0.3em;
|
|
|
- box-shadow: 1px 1px 4px #999;
|
|
|
- position: relative;
|
|
|
- font-size: 0.9em;
|
|
|
- }
|
|
|
-
|
|
|
- .store-info-box{
|
|
|
- padding: 0.5em 0;
|
|
|
- border-bottom: 0.1em solid #666;
|
|
|
- display: flex;
|
|
|
- background: #c8f9e0;
|
|
|
- color: #333;
|
|
|
- font-size: 0.8em;
|
|
|
- justify-content: space-between;
|
|
|
- }
|
|
|
- .address,.distanct{
|
|
|
- flex: 1;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- .distanct{
|
|
|
- justify-content: flex-end;
|
|
|
- }
|
|
|
- .store-info-s{
|
|
|
- margin:0 1em 1em;
|
|
|
- padding: 0.5em 1em;
|
|
|
- background: #c8f9e0;
|
|
|
- border-radius: 0 0 0.2em 0.2em;
|
|
|
- }
|
|
|
- .store-info-box a{
|
|
|
- color: #483803;
|
|
|
- text-decoration: none;
|
|
|
- }
|
|
|
+ *{
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+ body{
|
|
|
+ font: 16px/1.231 "Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Arial,Lantinghei SC,Hiragino Sans GB,sans-serif,Times New Roman;
|
|
|
+ }
|
|
|
|
|
|
- .zy-h5-store-info >.qg-cont{
|
|
|
- padding: 0.5em;
|
|
|
- border-top: 0.6em solid #ededed;
|
|
|
- }
|
|
|
- .zy-h5-store-info .header-con{
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- background: #f8f8f8;
|
|
|
- border-radius: 0.5em;
|
|
|
- }
|
|
|
- .zy-h5-store-info .header-con > p{
|
|
|
- font-size: 1.2em;
|
|
|
- margin: 0;
|
|
|
- padding: 10px 0 8px;
|
|
|
- }
|
|
|
- .zy-h5-store-info .header-con > p:first-child{
|
|
|
- font-weight: bold;
|
|
|
- position: relative;
|
|
|
- padding-left: 10px;
|
|
|
- }
|
|
|
- .zy-h5-store-info .header-con > p:first-child span{
|
|
|
- color: red;
|
|
|
- }
|
|
|
-
|
|
|
- .kh-list{
|
|
|
- padding:0 0.5em;
|
|
|
- }
|
|
|
- .kh-list-tr{
|
|
|
- display: flex;
|
|
|
- align-items:center;
|
|
|
- justify-content: center;
|
|
|
- border-bottom: 0.1em solid #eee;
|
|
|
- }
|
|
|
- .kh-list-td{
|
|
|
- width: 50%;
|
|
|
- padding: 0.8em 0.5em;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .kh-list-tr-head{
|
|
|
- font-weight:bold;
|
|
|
- }
|
|
|
- .tel{
|
|
|
- font-style: initial;
|
|
|
- margin-right: 0.5em;
|
|
|
- }
|
|
|
- /*底部栏样式*/
|
|
|
- .zy-h5-fx-bar{
|
|
|
- height: 7em;
|
|
|
- }
|
|
|
- .zy-h5-bf-bar{
|
|
|
- width: 100%;
|
|
|
- padding:0.5em;
|
|
|
- background: #fff;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- position: fixed;
|
|
|
- left: 0;
|
|
|
- bottom: 0;
|
|
|
- border-top: 1px solid #eee;
|
|
|
- z-index: 1000;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
- .zy-h5-bf-bar > span{
|
|
|
- flex-grow: 1;
|
|
|
- padding: 0.8em 0.6em;
|
|
|
- font-size: 1em;
|
|
|
- line-height: 1em;
|
|
|
- width: 12em;
|
|
|
- margin: 0 1.2em;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- min-width: 76px;
|
|
|
- }
|
|
|
- .zy-h5-bf-bar > span span{
|
|
|
- margin-right: 0.5em;
|
|
|
- }
|
|
|
- .zy-h5-yuyue {
|
|
|
- color: #fff;
|
|
|
- background: #19b064;
|
|
|
- border-radius: 100px;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .zy-h5-share {
|
|
|
- color: #fff;
|
|
|
- background: #8BC34A;
|
|
|
- border-radius: 100px;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- /*预约弹框样式*/
|
|
|
- .zy-h5-fix-z{
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- position: fixed;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- background: rgba(0,0,0,0.5);
|
|
|
- display: none;
|
|
|
- z-index: 5000;
|
|
|
- }
|
|
|
- .zy-h5-modal{
|
|
|
- background: #fff;
|
|
|
- border-radius: 5px;
|
|
|
- overflow: hidden;
|
|
|
- position: fixed;
|
|
|
- z-index: 10000;
|
|
|
- width: 80%;
|
|
|
- top: 30%;
|
|
|
- left: 50%;
|
|
|
- margin-left: -40.3%;
|
|
|
- border: 1px solid #eee;
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .zy-h5-modal-title{
|
|
|
- padding: 10px;
|
|
|
- text-align: center;
|
|
|
- border-bottom: 1px solid #EEEEEE;
|
|
|
- }
|
|
|
- .zy-h5-modal-content{
|
|
|
- padding: 15px;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .zy-h5-modal-form{
|
|
|
- margin: 10px 0 30px;
|
|
|
- }
|
|
|
- .zy-h5-modal-form input{
|
|
|
- padding: 10px;
|
|
|
- border: 1px solid #eee;
|
|
|
- width: 90%;
|
|
|
- box-sizing: border-box;
|
|
|
- font-size: 13px;
|
|
|
- line-height: 1.5em;
|
|
|
- }
|
|
|
- .zy-h5-modal-content p button{
|
|
|
- border-radius: 10px;
|
|
|
- padding: 7px 25px;
|
|
|
- margin: 0 18px;
|
|
|
- font-size: 1em;
|
|
|
- }
|
|
|
- .zy-h5-modal-submit{
|
|
|
- background: #f16c0c;
|
|
|
- color: #fff;
|
|
|
- border: 1px solid #f16c0c;
|
|
|
- }
|
|
|
- .zy-h5-modal-cansel{
|
|
|
- background: #ffffff;
|
|
|
- color: #666;
|
|
|
- border: 1px solid #eee;
|
|
|
- }
|
|
|
- /* 加载中 */
|
|
|
- #foo{
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- position: fixed;
|
|
|
- left: 50%;
|
|
|
- top: 50%;
|
|
|
- margin: -25px 0 0 -25px;
|
|
|
- z-index: 5001;
|
|
|
- }
|
|
|
- .spinner{
|
|
|
- left: 25px!important;
|
|
|
- top: 25px!important;
|
|
|
- }
|
|
|
-
|
|
|
- @media screen and (max-width: 375px) {
|
|
|
- body{font-size: 14px}
|
|
|
- }
|
|
|
- @media screen and (max-width: 320px) {
|
|
|
- body{font-size: 12px}
|
|
|
- }
|
|
|
+ .wrapper{
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ /*模板样式*/
|
|
|
+ .zy-h5-main{
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ background: #19b064 url(${active.staticMouldTheme.basePath}/img/tit1.png) no-repeat center top;
|
|
|
+ background-size: 100% auto;
|
|
|
+ }
|
|
|
+ .zy-h5-bgimg{
|
|
|
+ width: 60%;
|
|
|
+ margin: 0 0 20px;
|
|
|
+ }
|
|
|
+ .zy-h5-title{
|
|
|
+ text-align:center;
|
|
|
+ width: 100%;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .img-title-box{
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ text-shadow: 1px 1px 1px #666;
|
|
|
+ font-weight: 900;
|
|
|
+ }
|
|
|
+ .img-title-box span{
|
|
|
+ font-size: 2.9em;
|
|
|
+ color: #FFFFFF;
|
|
|
+ font-family: 'webfont';
|
|
|
+ }
|
|
|
+ .store-name{
|
|
|
+ font-size: 0.8em;
|
|
|
+ color: #19b064;
|
|
|
+ background: #FFFFFF;
|
|
|
+ max-width: 90%;
|
|
|
+ margin: 1em auto 0.5em;
|
|
|
+ border-radius: 1em;
|
|
|
+ padding: 0.2em;
|
|
|
+ box-shadow: 1px 1px 3px #257138;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .store-name span{
|
|
|
+ border-radius: 0.8em;
|
|
|
+ border: 1px dashed #19B064;
|
|
|
+ display: block;
|
|
|
+ font-size: 1.2em;
|
|
|
+ line-height: 2.2em;
|
|
|
+ text-align: center;
|
|
|
+ padding: 0 0.3em;
|
|
|
+ }
|
|
|
+ .active-time{
|
|
|
+ color: #FFFFFF;
|
|
|
+ padding: 0.3em;
|
|
|
+ font-size: 1em;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .zy-h5-main-active{
|
|
|
+ background: #19b064 url(${active.staticMouldTheme.basePath}/img/tit2.png) no-repeat center bottom;
|
|
|
+ background-size: 100% auto;
|
|
|
+ }
|
|
|
+ .zy-h5-active{
|
|
|
+ width:100%;
|
|
|
+ color: #fff;
|
|
|
+ position:relative;
|
|
|
+ padding: 2em 0 10em;
|
|
|
+ }
|
|
|
+ .img-hdnr{
|
|
|
+ position: relative;
|
|
|
+ width: 55%;
|
|
|
+ background-color: #e8d031;
|
|
|
+ border-radius: 0 2em 2em 0;
|
|
|
+ padding:0 1em 0 0.6em;
|
|
|
+ box-shadow: 1px 1px 1px #31954b;
|
|
|
+ }
|
|
|
+ .img-hdnr > div{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ padding: 0.5em 0;
|
|
|
+ }
|
|
|
+ .hdnr-text{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ width: 100%;
|
|
|
+ padding-top:0.1em;
|
|
|
+ font-weight:900;
|
|
|
+ }
|
|
|
+ .a-text-1{
|
|
|
+ font-size:0.6em;
|
|
|
+ color: #666;
|
|
|
+ text-decoration: line-through;
|
|
|
+ }
|
|
|
+ .a-text-2{
|
|
|
+ font-size:1.1em;
|
|
|
+ text-align: right;
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ .b-text{
|
|
|
+ font-weight:900;
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ .b-text span{
|
|
|
+ font-size:2.2em;
|
|
|
+ color: #19B064;
|
|
|
+ }
|
|
|
+ .active-content {
|
|
|
+ padding: 1em 0;
|
|
|
+ }
|
|
|
+ .ac-list{
|
|
|
+ font-size: 1em;
|
|
|
+ flex-grow:1;
|
|
|
+ width: 75%;
|
|
|
+ margin-top: 1em;
|
|
|
+ }
|
|
|
+ .ac-list .active-item{
|
|
|
+ border: 1px solid #FFFFFF;
|
|
|
+ font-size: 1em;
|
|
|
+ padding: 0.3em;
|
|
|
+ border-left: 0;
|
|
|
+ margin: 0.6em 0;
|
|
|
+ color: #FFFFFF;
|
|
|
+ border-radius: 0 2em 2em 0;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .ac-list .active-name{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 1.2em;
|
|
|
+ color: #FFFFFF;
|
|
|
+ justify-content: center;
|
|
|
+ margin-bottom: 0.6em;
|
|
|
+ }
|
|
|
+ .ac-list .active-name img{
|
|
|
+ width: 1em;
|
|
|
+ height: 1em;
|
|
|
+ margin: 0 0.3em;
|
|
|
+ }
|
|
|
+ .active-desc{
|
|
|
+ padding: 0.4em 2em;
|
|
|
+ line-height: 1.8em;
|
|
|
+ color: #FFFFFF;
|
|
|
+ font-size: 0.8em;
|
|
|
+ }
|
|
|
+ .zy-h5-gz{
|
|
|
+ padding: 0.5em;
|
|
|
+ border-top: 0.6em solid #ededed;
|
|
|
+ }
|
|
|
+ .zy-h5-gz > div:first-child{
|
|
|
+ font-size: 0.8em;
|
|
|
+ }
|
|
|
+ .zy-headPhoto-list{
|
|
|
+ padding: 0.5em 0.2em;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .zy-headPhoto-list > div{
|
|
|
+ width: 35px;
|
|
|
+ height: 35px;
|
|
|
+ overflow:hidden;
|
|
|
+ border-radius: 10em;
|
|
|
+ margin: 0.2em;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .zy-headPhoto-list > div img{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ /*门店信息样式*/
|
|
|
+ .zy-h5-store-info{
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ #close-store{
|
|
|
+ padding: 5px 0;
|
|
|
+ }
|
|
|
+ .store-info-title{
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 1.2em;
|
|
|
+ text-align: center;
|
|
|
+ padding: 0.5em 0;
|
|
|
+ }
|
|
|
+ .store-info-open{
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .zy-h5-store-info > .store-info-cont{
|
|
|
+ padding: 0.5em;
|
|
|
+ font-size: 1em;
|
|
|
+ }
|
|
|
+ .mask{
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ position: fixed;
|
|
|
+ z-index: 40;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ background: rgba(0,0,0,0.5);
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .store-info-list{
|
|
|
+ position: fixed;
|
|
|
+ z-index: 50;
|
|
|
+ left: 0;
|
|
|
+ bottom: -1000em;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ max-height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ box-shadow: 0em 0em 1em #333;
|
|
|
+ }
|
|
|
+ .zy-h5-store-info .arrow-up{
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 30px;
|
|
|
+ }
|
|
|
+ .arrow-down{
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 30px;
|
|
|
+ }
|
|
|
+ .close-btns{
|
|
|
+ position: absolute;
|
|
|
+ right: 1em;
|
|
|
+ top: 1em;
|
|
|
+ color: #b10c1a;
|
|
|
+ font-size: 0.8em;
|
|
|
+ }
|
|
|
+ .store-info-card{
|
|
|
+ flex-grow: 1;
|
|
|
+ overflow: auto;
|
|
|
+ padding: 0 1.5em 3.5em;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .store-info-pic{
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .store-info-names{
|
|
|
+ padding: 0.5em 1em;
|
|
|
+ background: #19b064;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 0.3em;
|
|
|
+ box-shadow: 1px 1px 4px #999;
|
|
|
+ position: relative;
|
|
|
+ font-size: 0.9em;
|
|
|
+ }
|
|
|
+
|
|
|
+ .store-info-box{
|
|
|
+ padding: 0.5em 0;
|
|
|
+ border-bottom: 0.1em solid #666;
|
|
|
+ display: flex;
|
|
|
+ background: #c8f9e0;
|
|
|
+ color: #333;
|
|
|
+ font-size: 0.8em;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ .address,.distanct{
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .distanct{
|
|
|
+ justify-content: flex-end;
|
|
|
+ }
|
|
|
+ .store-info-s{
|
|
|
+ margin:0 1em 1em;
|
|
|
+ padding: 0.5em 1em;
|
|
|
+ background: #c8f9e0;
|
|
|
+ border-radius: 0 0 0.2em 0.2em;
|
|
|
+ }
|
|
|
+ .store-info-box a{
|
|
|
+ color: #483803;
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .zy-h5-store-info >.qg-cont{
|
|
|
+ padding: 0.5em;
|
|
|
+ border-top: 0.6em solid #ededed;
|
|
|
+ }
|
|
|
+ .zy-h5-store-info .header-con{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ background: #f8f8f8;
|
|
|
+ border-radius: 0.5em;
|
|
|
+ }
|
|
|
+ .zy-h5-store-info .header-con > p{
|
|
|
+ font-size: 1.2em;
|
|
|
+ margin: 0;
|
|
|
+ padding: 10px 0 8px;
|
|
|
+ }
|
|
|
+ .zy-h5-store-info .header-con > p:first-child{
|
|
|
+ font-weight: bold;
|
|
|
+ position: relative;
|
|
|
+ padding-left: 10px;
|
|
|
+ }
|
|
|
+ .zy-h5-store-info .header-con > p:first-child span{
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
+
|
|
|
+ .kh-list{
|
|
|
+ padding:0 0.5em;
|
|
|
+ }
|
|
|
+ .kh-list-tr{
|
|
|
+ display: flex;
|
|
|
+ align-items:center;
|
|
|
+ justify-content: center;
|
|
|
+ border-bottom: 0.1em solid #eee;
|
|
|
+ }
|
|
|
+ .kh-list-td{
|
|
|
+ width: 50%;
|
|
|
+ padding: 0.8em 0.5em;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .kh-list-tr-head{
|
|
|
+ font-weight:bold;
|
|
|
+ }
|
|
|
+ .tel{
|
|
|
+ font-style: initial;
|
|
|
+ margin-right: 0.5em;
|
|
|
+ }
|
|
|
+ /*底部栏样式*/
|
|
|
+ .zy-h5-fx-bar{
|
|
|
+ height: 7em;
|
|
|
+ }
|
|
|
+ .zy-h5-bf-bar{
|
|
|
+ width: 100%;
|
|
|
+ padding:0.5em;
|
|
|
+ background: #fff;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ position: fixed;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ border-top: 1px solid #eee;
|
|
|
+ z-index: 1000;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ .zy-h5-bf-bar > span{
|
|
|
+ flex-grow: 1;
|
|
|
+ padding: 0.8em 0.6em;
|
|
|
+ font-size: 1em;
|
|
|
+ line-height: 1em;
|
|
|
+ width: 12em;
|
|
|
+ margin: 0 1.2em;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ min-width: 76px;
|
|
|
+ }
|
|
|
+ .zy-h5-bf-bar > span span{
|
|
|
+ margin-right: 0.5em;
|
|
|
+ }
|
|
|
+ .zy-h5-yuyue {
|
|
|
+ color: #fff;
|
|
|
+ background: #19b064;
|
|
|
+ border-radius: 100px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .zy-h5-share {
|
|
|
+ color: #fff;
|
|
|
+ background: #8BC34A;
|
|
|
+ border-radius: 100px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ /*预约弹框样式*/
|
|
|
+ .zy-h5-fix-z{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ background: rgba(0,0,0,0.5);
|
|
|
+ display: none;
|
|
|
+ z-index: 5000;
|
|
|
+ }
|
|
|
+ .zy-h5-modal{
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ overflow: hidden;
|
|
|
+ position: fixed;
|
|
|
+ z-index: 10000;
|
|
|
+ width: 80%;
|
|
|
+ top: 30%;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -40.3%;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .zy-h5-modal-title{
|
|
|
+ padding: 10px;
|
|
|
+ text-align: center;
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+ }
|
|
|
+ .zy-h5-modal-content{
|
|
|
+ padding: 15px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .zy-h5-modal-form{
|
|
|
+ margin: 10px 0 30px;
|
|
|
+ }
|
|
|
+ .zy-h5-modal-form input{
|
|
|
+ padding: 10px;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ width: 90%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-size: 13px;
|
|
|
+ line-height: 1.5em;
|
|
|
+ }
|
|
|
+ .zy-h5-modal-content p button{
|
|
|
+ border-radius: 10px;
|
|
|
+ padding: 7px 25px;
|
|
|
+ margin: 0 18px;
|
|
|
+ font-size: 1em;
|
|
|
+ }
|
|
|
+ .zy-h5-modal-submit{
|
|
|
+ background: #f16c0c;
|
|
|
+ color: #fff;
|
|
|
+ border: 1px solid #f16c0c;
|
|
|
+ }
|
|
|
+ .zy-h5-modal-cansel{
|
|
|
+ background: #ffffff;
|
|
|
+ color: #666;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ }
|
|
|
+ /* 加载中 */
|
|
|
+ #foo{
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ position: fixed;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ margin: -25px 0 0 -25px;
|
|
|
+ z-index: 5001;
|
|
|
+ }
|
|
|
+ .spinner{
|
|
|
+ left: 25px!important;
|
|
|
+ top: 25px!important;
|
|
|
+ }
|
|
|
+
|
|
|
+ @media screen and (max-width: 375px) {
|
|
|
+ body{font-size: 14px}
|
|
|
+ }
|
|
|
+ @media screen and (max-width: 320px) {
|
|
|
+ body{font-size: 12px}
|
|
|
+ }
|
|
|
</style>
|
|
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js" charset="utf-8"></script>
|
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|