*{
	padding: 0;
	margin: 0;
}
html,body{
	font-size: 13px;
	color: #666;
}
input{
	outline: none; 
}
a{
	color: #666;
	text-decoration: none;
}
.left {
	float:left;
}
.right {
	float: right;
}
.peg-guest-main {
	background-color: #F5F6F8;
	min-height: 100vh;
	padding-bottom: 120px;
	/* overflow-x: hidden; */
}
.peg-guest-title {
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	background-color: #5CAADB;
	color: #FFF;
	text-indent: 20px;
}

.peg-guest-banner {
	padding: 12px;
	width: 100%;
	border-bottom: 5px solid #ECEDEF;
	box-sizing: border-box;
	background-color: #F5F6F8;
}
.banner-content{
	width: 100%;
	
}
/* 陈键 2023-01-07 开始 */
/* 搜索部分 */
.jd_layout{
	 width: 100%;
	 height: auto;
	 margin: 0px auto;
	 background-color: #ccc;
}

/* 轮播图部分 */
.jd_banner{
 width: 100%;
 overflow: hidden;
 position: relative;
 /* border:10px solid red; */
}
.jd_bannerimg{
 width: 1000%;
 position: relative;
}
.jd_bannerimg > li{
 width: 10%;
 float: left; 
}
.jd_bannerimg>li img{
 width: 100%;
 /*1.设置为块元素
 2.可以将文本的字体大小设置为0
 3.vertical-align:bottom*/
 display: block;
}
/* 点标记 */
.jd_bannerIndicator{
 position: absolute;
 left: 50%;
 bottom: 5px;
 transform: translateX(-50%);
}
.jd_bannerIndicator li{
 width: 6px;
 height: 6px;
 float: left;
 border: 1px solid #fff;
 border-radius: 50%;
 /* opacity: 0.7; */
 margin: 0 3px;
 /* cursor: pointer; */
}
.jd_bannerIndicator li:first-of-type{
 margin-left: 0px;
}
.jd_bannerIndicator >li.active{
	background-color: #fff;
}
.peg-activity {
	padding:0 12px 12px 12px;
	border-bottom: 5px solid #ECEDEF;
}
.activity-link{
	width:100%;
}
.link-list{
	width:100%;
	padding:10px 0 0 0;
	text-align: center;
}
.link{
	padding:10px 10px 5px 10px;
	text-align: center;
}
.link img{
	width:40%;
}
.link-in{
	width:calc(80% + 20px);
	height:40px;
	border-radius: 3px;
	color:#ffffff;
	background:#2D6B3C;
	line-height: 40px;
	margin-left: calc(10% - 10px);
}
.peg-guest-banner img{
	width: 100%;
	height: 45vw;
	/* border-radius: 4px; */
}
/* 陈键 2023-01-07 结束 */
.banner-text {
	padding: 6px 0;
	line-height:20px;
	font-size:13px;
	color: #2D7DB3;
}
.peg-content {
	padding: 12px 0 12px 12px;
	width: 100%;
	box-sizing: border-box;
	height: auto;
	display: inline-block;
	background-color: #F5F6F8;
	border-bottom: 5px solid #ECEDEF;
}
.peg-bottom {
	position:fixed;
	z-index: 1;
	bottom:46px;
	left:0;
	height:70px; 
	padding: 12px 12px;
	width:100%;
	box-sizing: border-box;
	background-color: #FFF;
}
.bottom-content {
	width: 100%;
	border-radius:25px;
	background-color:#000;
	color:#fff;
	height:44px;
	font-size: 14px;
	line-height: 44px;
}
.bottom-content .price, .bottom-content .number, .bottom-content .order-button {
	color: #fff;
	height: 44px;
	line-height: 44px;
}
.number-button {
	background:none;
	border:none;
	line-height:44px;
	padding:0;
	color:#fff;
}
input[type=number].number-input {
	height: 44px;
	line-height: 44px;
	background: none;
	color: #fff;
	width: 30px;
	border: none;
}
input[type=number].number-input:focus {
	border: none;
}
.order-button {
	width: 80px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background-color: #018DD9;
	border-radius:0 25px 25px 0;
	cursor: pointer;
}

.bottom-content .price{
	padding: 0  12px;
	cursor:pointer;
}
.bottom-content .price .total-price{
	font-size: 15px;
	line-height: 44px;
}
.bottom-content .price .old-price{
	font-size: 12px;
	text-decoration: line-through;
}

/* 陈键 2023-01-07 开始 */
.content-title{
	font-size: 15px;
	line-height: 36px;
	display: flex;
	padding-bottom: 10px;
}
.content-title .vertical-line{
	background: #018DD9;
	width:5px;
	height: 16px;
	margin-right: 5px;
	display: inline-block;
}
.content-title .vertical-title{
	display: inline-block;
	font-size: 15px;
	color: #018DD9;
}
/* 陈键 2023-01-07 结束 */
.content-list{
	width: 100%;
	box-sizing: border-box;
	height: auto;
}
.content-list .item-box{
	width: calc( 50% - 12px);
	margin-right: 12px;
	float: left;
}
.content-list .item-box img{
	width: 100%;
	height: calc(50vw - 18px);
	border-radius: 6px;
}
/* 陈键 2023-01-07 开始 */
.order-tips{
	color:#2D7DB3;
	font-size: 15px;
	transform: scale(0.9);
	width: 60px;
	display: inline-block;
	float: right;
	text-decoration: underline;
}
.content-list .title{
	font-size:15px;
	float: left;
	width: 100%;
	overflow: hidden;
	height:50px;
	line-height: 25px;
	padding: 2px 0;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.content-list .item-title{
	width: 100%;
	height: 24px;
	line-height: 24px;
}
.content-list .item-info {
	transform: scale(0.9);
	color: #999;
	text-indent: -9px;
	display: inline-block;
	width: 100%;
	height: 25px;
	padding-top: 3px;
	font-size: 15px;
}
/* 陈键 2023-01-07 结束 */
.content-list .item-bottom{
	line-height: 24px;
	height: 24px;
	margin-bottom: 12px;
}
.content-list .new-price{
	font-size: 16px;
	color: #f00;
}
.content-list .old-price{
	font-size: 12px;
	color: #999;
	text-decoration: line-through;
	
}
.content-list .item-order {
	font-size: 15px;
	float: right;
	background-color: #5CAADB;
	color: #fff;
	border: none;
	border-radius: 20px;
	padding: 4px 12px;
	transform: scale(0.8);
	margin-right: -10px;
	display: inline-block;
	cursor: pointer;
}
.content-info{
	transform: scale(0.9);
	color: #999;
	margin-left: -18px;
}
/* 陈键 2023-01-07 开始 */
.cat-title{
	width: calc(100% - 12px);
	background-color: #CAE1EF;
	color: #018DD9;
	border-radius: 4px;
	margin-bottom: 12px;
	margin-top: 12px;
	padding: 6px 12px;
	font-size:14px;
	box-sizing: border-box;
}
.cat-custom{
	margin-top: 0px;
}
/* 陈键 2023-01-07 结束 */
.cat-item{
	margin-bottom: 12px;
	/* display: flex; */
	width: 100%;
	height: 90px;
}
.cat-item .item-left{
	width: 90px;
	height: 90px;
	float: left;
}
.cat-item .item-left img{
	width: 100%;
	height: 100%;
	border-radius: 4px;
}
.cat-item .item-right{
	position: relative;
	float: right;
	width: calc(100% - 100px);
}
.expend-button{
	float: right;
	cursor:pointer;
}
/* 陈键 2023-01-07 开始 */
.expend-button img{
	width:20px;
	height: 20px;
	position: relative;
	top: -3px;
	right: -5px;
}
/* 陈键 2023-01-07 结束 */
.item-right .check-box{
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #5CAADB;
	height: 20px;
	line-height: 20px;
}
.item-right .check-box span{
	height: 20px;
	line-height: 20px;
	float: right;
	font-size: 14px
}
.cat-item-title{
	font-size: 15px;
	line-height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.cat-item-info{
	color: #999;
	line-height: 20px;
	height: 20px;
	font-size: 12px;
}
.cat-item-order-info{
	line-height: 20px;
	height: 20px;
}
.cat-item-price{
	height: 30px;
	line-height: 30px;
}

.item-right input[type="checkbox"]{
	/* -webkit-appearance: none; */
	border-color: 2px solid #5CAADB;
	height: 16px;
	width: 16px;
	margin-top: 2px;
	margin-right: 2px;
}
/* 陈键 2023-01-07 开始 */
.cat-order-button{
	color: #5CAADB;
	transform: scale(0.9);
	display: inline-block;
	height: 20px;
	width: 60px;
	margin-left: -5px;
	text-decoration: underline;
}
/* 陈键 2023-01-07 结束 */
.cat-item-price .new-price{
	font-size: 16px;
	color: #f00;
}
.cat-item-price .old-price{
	font-size: 12px;
	text-decoration: line-through;
	color: #999;
}
.bottom-content .price{
	width: calc(100% - 184px)
}
.bottom-content .number{
	width: 80px
}
.bottom-content .number-button{
	width: 20px;
	float: left;
	font-size: 20px;
	cursor:pointer;
}
.bottom-content .number-input{
	width: 30px;
	float: left;
	font-size: 15px;
	text-align: center;
}

.order-tips-content{
	bac
}
.tips-mask{
	position: fixed;
	z-index: 15;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5)
}
.tips-content{
	position: absolute;
	z-index: 1;
	width: 85vw;
	height: 80vh;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 12px;
	color: #666;
	background-color: rgba(255,255,255,1)
}
.tips-content .title{
	text-align: center;
	font-size: 14px;
}
.tips-content .close-btn{
	font-size: 24px;
	position: absolute;
	right: 6px;
	top: 6px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 20px;
	border: none;
}
.tips-content .content img{
	width: 100%;
	margin: 6px 0;
}
.tips-content .content a{
	text-decoration: none;
}
.none{
	display: none;
}


.select-mask{
	position: fixed;
	z-index: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5)
}

.select-box{
	position: absolute;
	bottom: 116px;
	width: 100%;
	left: 0;
	padding: 12px;
	border-radius: 6px 6px 0 0;
	max-height: calc(100% - 300px);
	overflow: scroll;
	background-color: rgba(255,255,255,1)
}

.select-box .select-list .select-item-left{
	width: 56px;
	height: 56px;
	float: left;
}

.select-box .select-list .select-item-left img{
	width: 100%;
	height: 100%;
}
.select-box .box-title{
	box-sizing: border-box;
	font-size: 16px;
	line-height: 24px;
	border-radius: 6px;
}
.select-box .select-item{
	width: 100%;
	height: 56px;
	margin: 6px 0 12px 0;
	
}
.select-box .select-item-right{
	padding: 0 12px;
	width: calc(100% - 56px);
	box-sizing: border-box;
	float: right;
	position: relative;
	
}
.select-box .select-item-title{
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 32px;
}
.select-box  .select-item-price{
	height: 24px;
}

.select-box  .select-item-price .new-price{
	font-size: 16px;
}
.select-box  .select-item-price .old-price{
	text-decoration: line-through;
}

.select-box .select-delete{
	position: absolute;
	right: 24px;
	bottom: 0px;
	width: 21px;
	height: 23px;
	cursor:pointer;
}
.select-box .select-delete img{
	position: absolute;
	width: 100%;
	height: 100%;
}
.float-div .tel-float{
	box-sizing: border-box;
}
.tips-content .content{
	padding-top: 10px;
	height: calc(100% - 40px);
	overflow-y: scroll;
}