﻿ .ajax-loading {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.2);
    transition: all ease-in-out .5s;
    top: 0;
    left: 0;
    display: none;
}

  .ajax-loading p {
        width: 100px;
        height: 100px;
        padding-top: 60px;
        background: url(http://img01.baifome.com/Areas/Mobile/Templates/Default/images/progress.gif) no-repeat center;
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0.8);
        color: #fff;
        font-size: 16px;
    }

body {
background: #fff;
}

.merlist {
width: 100%;
height: 100%;
background: #fff;
overflow-y: scroll;
position: relative;
top: 0;
z-index: 90;
padding-bottom:50px;
}

.merlist .merOne {
    overflow: hidden;
}

.merlist .merOne li {
    float: left;
    width: 92vw;
    margin: 10px 4vw 0;
}

.merlist .merOne img {
    width: 92vw;
    height: 30vw;
}

.merlist .merOne li:nth-child(5) {
    margin-bottom: 15px;
}

.merTwo .cancel {
position: absolute;
}

.merTwo dt {
height: 40px;
line-height: 40px;
padding-left: 6vw;
background: #fafafa;
font-size: 14px;
}

.merTwo dd {
height: 50px;
line-height: 50px;
background: #fff;
padding-left: 6vw;
border-bottom: #f0f0f0 1px solid;
font-size: 14px;
}

.merTwo {
background: #fff;
width: 100%;
position: fixed;
height: 100%;
overflow: auto;
z-index: 110;
padding-right: 5vw;
}

.merTwo li {
    width: 5vw;
    height: 14px;
    line-height: 14px;
    text-align: center;
}

.merTwo ul {
    position: fixed;
    top: 150px;
    right: 0;
    display: none;
}

.merTwo li a {
    font-size: 12px;
    color: #035DE9;
}

.cover {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 86px;
	z-index: 888;
	background-color: rgba(0, 0, 0, 0.3);
	left: 0;
	display: none;
}

.screen_sh {
	position: fixed;
	top: 0;
    
	background: #fff;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	display: none;
	z-index: 999;
}

.screen_sh .isSubmit {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    border-top: #f0f0f0 1px solid;
}

.screen_sh .isSubmit div {
    width: 44vw;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
    margin: 10px 0 10px 4vw;
    font-size: 14px;
}

.screen_sh .isSubmit #resetSearch {
    border: 1px solid #979797;
}

.screen_sh .isSubmit #filterSearch {
    background: #035DE9;
    color: #fff;
}

.screen_sh .screen_shop .a-key span {
    font-weight: bold;
    font-size: 14px;
    line-height: 45px;
    padding-left: 10px;
    background-color: #fff;
    display: block;
}

.screen_sh .screen_shop {
    padding: 0 6vw;
}

.screen_sh .screen_shop li {
    float: left;
    width: 28vw;
    height: 28px;
    display: inline-block;
    background-color: #fafafa;
    text-align: center;
    line-height: 28px;
    margin-right: 2vw;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.screen_sh .screen_shop .on {
       background: #035de9;
    color: white;
}

.screen_sh .screen_shop li:nth-child(3n) {
    margin-right: 0;
}

.screen_sh .screen_shop .a-key {
    border-bottom: #f0f0f0 solid 1px;
}

.shoplist {
padding: 15px 2vw;
}

.shoplist li {
    width: 44vw;
    float: left;
    margin: 0 2vw 10px;
}

.shoplist a {
    display: block;
    text-align: center;
}
.shoplist .shopLogo{ 
	text-align:center;
	margin-top: 20px;
	width:25vw;
	height:25vw;
}

.shoplist .shopLogo img{
    width: 100%;
    height: 100%;
	margin:0 9.5vw;
    border-radius: 50%;
}
.shoplist .shopName {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shoplist .shopPosition img {
    width: 2.8vw;
    height: 3.8vw;
    vertical-align: bottom;
    overflow: hidden;
}

.shoplist .shopPosition {
	 height: 5.5vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shoplist .shopPosition span {
    margin-left: 2vw;
    color: #999;
    font-size: 14px;
}

.shoplist .shopContent {
height:32px;
margin-top: 14px;
color: #999;
font-size: 13px;
line-height: 16px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
