/*内容*/

.content {
    background-color: #f3f3f3;
    padding: 5px 0;
}


/* 头部 */

.header {
    background-color: #ffffff;
}


/* 搜索框 */

.header-search {
    margin: auto 15px auto 10px;
    padding: 2px 0 6px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.header-search-left {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header-search-left>img {
    width: 22px;
    height: 22px;
    background-color: #7f8aef;
}

.header-search-left>div {
    margin-left: 5px;
}

.header-search-right {
    width: 28px;
    height: 28px;
    /*background-color: #f3f3f3;*/
    border-radius: 50%;
}

.weui-search-bar__box {
    border-radius: 50px;
    background: #F3F3F3;
    border: solid 1px #E5E5E5;
    width: 88%;
}

.weui-search-bar {
    background: #fff;
    padding: 0;
    height: 48px;
}

.weui-search-bar__form {
    margin: 7px auto auto 5px;
}

.weui-search-bar__form:after {
    border: none;
    border-radius: 0;
}

.weui-search-bar__input::-webkit-input-placeholder {
    color: #757575;
}

.weui-search-bar__cancel-btn {
    display: block;
    position: absolute;
    margin-left: 10px;
    line-height: 28px;
    color: #5d5d5d;
    white-space: nowrap;
    right: 0;
    z-index: 10;
    top: 1px;
}

.weui-search-bar:after {
    border-bottom: none;
}


/* 搜索框end */


/* 选项卡 */

.header-tabs {
    display: flex;
    flex-direction: row;
    font-size: 15px;
    color: #999999;
    margin-left: 10px;
}

.header-tabsCurrent {
    color: #000000;
}

.header-tabsCurrent>img {
    display: block !important;
}

.header-tabs-item {
    position: relative;
    top: 0;
    width: 20%;
    text-align: center;
    padding: 8px 0 6px;
}

.header-tabs-item>img {
    display: none;
    position: absolute;
    left: 25%;
    bottom: 5%;
    width: 20px;
    height: 20px;
}

.header-tabs-item>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.header-tabs-item-filter {
    width: 15px;
    height: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
}

.header-tabs-item-filter>img {
    width: 100%;
    height: 100%;
    border: none;
    background-color: #7f8aef;
}

.header-tabs-item-filterImage {
    width: 15px;
    height: 15px;
    background-color: transparent!important;
}


/* 选项卡end */


/*筛选*/

.mask-filter {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
}

.filter {
    position: fixed;
    top: 0;
    right: 0;
    width: 70vw;
    height: 100%;
    background: #ffffff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 99;
}

.filter-content {
    overflow: auto;
    max-height: 80%;
    width: 90%;
    margin: 20px 0 20px 20px;
}

.filter-content-title {
    padding: 8px 0;
    font-size: 13px;
    color: #000000;
}

.filter-content-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    max-height: 43vh;
    overflow: auto;
}

.filter-content-item>div {
    min-width: 21%;
    font-size: 11px;
    color: #666666;
    background-color: #F5F5F5;
    border-radius: 4px;
    padding: 4px 10px;
    margin: 5px 5px 5px 0;
    text-align: center;
    border: 1px solid #F5F5F5;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}

.filterBtn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    width: 85%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filterBtn>div:first-child {
    flex: 1;
    padding: 5px 0;
    text-align: center;
    border: 1px solid #FF5252;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    color: #FF5252;
}

.filterBtn>div:last-child {
    flex: 1;
    padding: 5px 0;
    text-align: center;
    border: 1px solid #FF5252;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    background-color: #FF5252;
    color: #ffffff;
}


/*筛选end*/


/* 头部end*/


/* 商家列表 */


/* 列表 */

.shopping60-list1 {
    margin: 5px 10px 10px;
    padding: 7px 0;
    /*display: flex;*/
    /*flex-direction: row;*/
    /*align-items: center;*/
    /*justify-content: flex-start;*/
    border-radius: 5px;
    background-color: #ffffff;
}

.shopping60-list-info {
    width: 95%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: auto;
    padding-bottom: 14px;
}

.shopping60-list-distance {
    padding: 2px 0;
    margin-right: 10px;
    color: #5c5c5c;
    font-size: 11px;
}

.shopping60-list-info-left {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 70px;
    height: 70px;
    border: 1px solid #e8e8e8;
}

.shopping60-list-info-left>img {
    width: 100%;
    height: 100%;
}

.shopping60-list-info-left>div {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.35);
    color: #ffffff;
    font-size: 12px;
    text-align: center;
}

.shopping60-list-info-right {
    position: relative;
    flex: 1;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.shopping60-list-info-right-top {
    font-size: 15px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.shopping60-list-info-right-score {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.shopping60-list-info-right-score>span {
    height: 10px;
    width: 15px;
    background: url('/offline_shopping/web/static/images/204@2x.png');
    background-size: 15px;
    /*background-size: 100%;*/
    /*background-repeat: no-repeat;*/
}

.shopping60-list-info-right-score>label {
    font-size: 10px;
    color: rgb(255, 0, 0);
    margin-left: 5px;
}

.shopping60-list-info-right-phone {
    width: 100%;
    display: flex;
    justify-content: space-between;
    
}

.shopping60-list-info-right-phone-icon{
   position: absolute;
    right: 10px;
    background-color: #f4f4f5;
    color: #909399;
    border: 1px solid #c8c9cc;
    bottom: 10px;
    display: flex;
    align-items: center;
}


.shopping60-list-info-right-phone-icon>span {
    display: inline-block;
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: black;
}
.shopping60-list-info-right-phone-icon>div {
    background-color: #1cd66c;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0px 5px;
}
.shopping60-list-info-right-phone-icon>div>img {
    width: 20px;
    height: 20px;
    
    /*margin-right: 10px;*/
}
.nameP {
	/*width: 100%;*/
	padding: 0 10px;
}
.name {
	font-family: PingFang SC;
	font-weight: 500;
	font-size: 12px;
	color: #999999;
	display: flex;
	margin-top: 13px;
}
.name>div {
	/*width: 30%;*/
}
.name>span {
		display: -webkit-box;
		/* Safari */
		-webkit-line-clamp: 1;
		/* Safari and Chrome */
		-webkit-box-orient: vertical;
		/* Safari and Chrome */
		overflow: hidden;
}
.yysj {
	display: flex;
	justify-content: space-between;
	font-family: PingFang SC;
	font-weight: 500;
	font-size: 12px;
	color: #999999;
	margin-top: 5px;
	
}
.yysj>div {
	/*width: 25%;*/
}
.yysj>div>span {
	display: -webkit-box;
	/* Safari */
	-webkit-line-clamp: 1;
	/* Safari and Chrome */
	-webkit-box-orient: vertical;
	/* Safari and Chrome */
	overflow: hidden;
}
.yysj>div>img {
	/*width: 16px;*/
	height: 16px;
	padding: 0 10px;
}

.shopping60-list-info-right-grayColor {
    /*width: 70%;*/
    font-size: 10px;
    color: #959595;
}

.shopping60-list-info-right-discount>span {
    border: 1px solid #fe7575;
    color: #fe7575;
    padding: 1px 6px;
    border-radius: 2px;
    font-size: 10px;
    margin-right: 4px;
}

.shopping60-list-info-right-discount-color {
    color: #fff !important;
    background-image: linear-gradient(to left, #FF7D47, #FF5555);
}


/* 列表end */

/* 切换列表 */
.shopping60-goods-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
    justify-content: space-between;
}

.shopping60-goods {
    margin-top: 10px;
    border-radius: 5px;
    width: 49%;
    background-color: #fff;
}

.shopping60-goods-pic {
    width: 100%;
    /* width: 173px; */
    /* height: 173px; */
    padding-top: 100%;
    position: relative;
}

.shopping60-goods-pic>img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.shopping60-goods-info {
    padding: 10px 7px;
}

.shopping60-goods-info-title {
    width: 100%;
    font-size: 16px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
}

.shopping60-goods-info-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shopping60-goods-info-detail-score {
    display: flex;
    align-items: center;
    margin-top: 3px;     
}

.shopping60-goods-info-detail-score>span {
    height: 9px;
    width: 15px;
    background: url('/offline_shopping/web/static/images/204@2x.png');
    background-size: 12px;
}

.shopping60-goods-info-detail-score>label {
    margin-left: 5px;
    margin-top: 1px;    
    font-size: 11px;
    color: #FF0000;
}

.shopping60-goods-info-detail-distant>img {
    width: 12px;
    height: 12px;
    vertical-align: middle;
}

.shopping60-goods-info-detail-distant>span {
    width: 9px;
    height: 12px;
    font-size: 11px;
    color: #999999;
}
/* 切换列表end */

/* 商家列表end */


/* 商品列表 */


/* 列表 */

.shopping61-list {
    padding-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.shopping61-list-item {
    overflow: hidden;
   
    background-color: #fff;
    border-radius: 5px;
}
.shopping61-list-item-1{
    width: 92%;
    margin: 0 0 10px 4%;
}

.shopping61-list-item-2{
    width: 45%;
    margin: 0 0 10px 3.5%;
}

.shopping61-list-item-top {
    position: relative;
    top: 0;
}

.shopping61-list-item-top>img {
    width: 100%;
    /*height: 45%;*/
    height: 170px;
}

.shopping61-list-item-top-distance {
    position: absolute;
    min-width: 49px;
    padding: 0 5px;
    height: 18px;
    line-height: 18px;
    background-color: rgba(102, 102, 102, .5);
    bottom: 14px;
    left: 10px;
    color: #fff;
    font-size: 9px;
    border-radius: 3px;
}

.shopping61-list-item-bottom {
    margin: 0 5px;
    padding-bottom: 5px;
    /* display: flex;
      flex-direction: row; */
}

.shopping61-list-item-bottom-title {
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shopping61-list-item-bottom-sales {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.shopping61-list-item-bottom-sales>div:first-child {
    font-size: 14px;
    color: #ff525f;
}

.shopping61-list-item-bottom-sales>div:last-child {
    font-size: 10px;
    color: #9a9a9a;
}

.shopping61-list-item-bottom-operating {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    color: #616161;
    font-size: 12px;
}

.shopping61-list-item-bottom-operating>img {
    width: 15px;
    height: 15px;
}


/* 列表end */

.tags {
    border: 1px solid #fe7575;
    color: #fe7575;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 10px;
    margin-right: 4px;
}

/* 商品列表end */

/*商家列表模块02*/
.u-flex {
	display: flex;
}

.head02 {
	padding: 10px;
	background: #FFFFFF;
	border-radius: 10px;
}

.head02-title {
	font-size: 17px;
	font-weight: bold;
	color: #333333;
}

.head02-content {
	font-size: 12px;
}

.head02-buttom {
	font-size: 14px;
	color: white;
	padding: 1px 10px;
	display: inline-block;
	background: #FF611B;
	border: 1px solid #FF611B;
	border-radius: 5px;
}

.head02-bg{
    width: 100%;
    height: 150px;
    border-radius: 10px;
}

.rating-content {
	color: #FF611B;
}

.rating-content-font {
	margin-left: 5px;
	padding-top: 3px;
}

.rating-content span {
	display: inline-block;
	position: relative;
	font-weight: 900;
    font-size: 14px;
}

.rating-content[data-rating="0.5"] span:nth-child(n+1),
.rating-content[data-rating="1.5"] span:nth-child(n+2),
.rating-content[data-rating="2.5"] span:nth-child(n+3),
.rating-content[data-rating="3.5"] span:nth-child(n+4),
.rating-content[data-rating="4.5"] span:last-child {
	color: #FFF;
}

.rating-content[data-rating="0.5"] span:nth-child(n+1):before,
.rating-content[data-rating="1.5"] span:nth-child(n+2):before,
.rating-content[data-rating="2.5"] span:nth-child(n+3):before,
.rating-content[data-rating="3.5"] span:nth-child(n+4):before,
.rating-content[data-rating="4.5"] span:last-child:before {
	content: "\2605";
	display: block;
	position: absolute;
	width: 50%;
	pointer-events: none;
	overflow: hidden;
	color: #FF611B;
}

.rating-content[data-rating="0.5"] span:nth-child(n+2),
.rating-content[data-rating="1.0"] span:nth-child(n+2),
.rating-content[data-rating="1.5"] span:nth-child(n+3),
.rating-content[data-rating="2.0"] span:nth-child(n+3),
.rating-content[data-rating="2.5"] span:nth-child(n+4),
.rating-content[data-rating="3.0"] span:nth-child(n+4),
.rating-content[data-rating="3.5"] span:nth-child(n+5),
.rating-content[data-rating="4.0"] span:nth-child(n+5) {
	display: none;
}

.head02-content-font {
	color: #444444;
	margin-left: 20px;
}

.u-p-b-10{
    padding: 0px 0px 10px 0px;
}

.line{
    /*height: 1px;*/
    /*background: #eee;*/
    margin: 10px 0px 10px 0px;
    border-bottom: 1px solid #eee;
}

.head02-tags-item{
    display: inline-block;
    border: 1px solid #fe7575;
    color: #FF611B;
    margin-right: 4px;
    font-size: 10px;
	padding: 1px 5px;
	border-radius: 5px;
}

.head02-tags-items{
    font-size: 10px;
	color: white;
	padding: 1px 5px;
	display: inline-block;
	background: #FF611B;
	border: 1px solid #FF611B;
	border-radius: 5px;
}

.head02-tags-more{
    margin-left: 20px;
    color: #FF611B;
}
/*商家列表模块02*/