page{
		background-color: #fff;
		height: 100%;
	}
	.uni-page-head{
		display: none;
	}
	#index{
		
		.Swiper{
			display: none;
		}
		#imgBox{
			position: fixed;
			top: 0;
			// left: 0;
			width: 750rpx;
			background-color: #fff;
			z-index: 11;
		}
		.boxList{
			margin-top: 600rpx;
		}
		.notice_an{
			transition: height linear .1s;
			height:0rpx;
		}
	}
	.indexHide{
		height: 100%;
		overflow: hidden;
	}
	.index{
		height: 100%;
		.popupBox{
			.maskName {
			  width: 100%;
			  position: fixed;
			  top: 0;
			  left: 0;
			  z-index: 999;
			  height: 100%;
			  background: rgba(0,0,0,0.5);
			  overflow: hidden;
			}
			.newFormName {
			  background: #FFFFFF;
			  padding: 10rpx;
			  position: absolute;
			  z-index: 9999;
			  top: 0;
			  margin: 10rpx;
			  left: 0;
			  width: 90%;
			  border-radius: 20rpx;
			}
			.newForm {
			  background: #FFFFFF;
			  padding: 10rpx;
			  position: fixed;
			  z-index: 999;
			  top: 50%;
			  margin: 10rpx;
			  left: 50%;
			  transform: translate(-50%,-50%);
			  width: 80%;
			  border-radius: 20rpx;
			  .alertContent{
				  position: relative;
				  height: 340rpx;
				  text-align: center;
				  .title{
					  font-size: 32rpx;
					  margin-top: 30rpx;
				  }
				  .content{
					  padding: 60rpx 30rpx;
				  }
				  .btn{
					  position: absolute;
					  bottom: 0;
					  left: 0;
					  width: 100%;
					  height: 100rpx;
					  line-height: 100rpx;
					  text{
						display: inline-block;
						width: 50%;
						font-size: 30rpx;
						text-align: center;
					  }
				  }
			  }
			}
			.nweflex {
			  padding: 5rpx 10rpx;
			  background: #007AFF;
			  color: #FFFFFF;
			  width: 25%;
			  text-align: center;
			  position: absolute;
			  right: 0;
			  top: 0;
			}
			.mask {
		  width: 100%;
		  position: absolute;
		  top: 0;
		  left: 0;
		  z-index: 99;
		  height: calc(100vh - 44px);
		  background: rgba(0,0,0,0.5);
		  overflow: hidden;
		  }
		}
		// /deep/ .u-mask{
		// 	height: 50%;
		// 	top: auto!important;
		// }
		.u-drawer-content-visible{
			border-top: 1rpx solid #bbb;
		}
		.top{
			position: fixed;
			right: 30rpx;
			bottom: 120rpx;
			text-align: right;
			image{
				height: 60rpx;
				width: 60rpx;
				margin-right: 6rpx;
			}
			.img{
				margin-bottom: 20rpx;
				image{
					float: none;
					width: 68rpx;
					height: 68rpx;
					margin-right: 0rpx;
				}
			}
			z-index:5;
		}
		.share{
			position: fixed;
			right: 30rpx;
			bottom: 360rpx;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			width: 100rpx;
			background-color: $uni-color-BGC;
			font-size: 30rpx;
			color: #fff;
			border-radius: 50%;
			z-index: 111;
		}
		.pay{
			background-color: #fff;
			position: fixed;
			left: 30rpx;
			bottom:100rpx ;
			width: 260rpx;
			height: 260rpx;
			box-sizing: border-box;
			z-index: 8;
			image{
				width: 100%;
				height: 100%;
				float: left;
			}
			.payCon{
				border-radius: 30rpx;
				position: absolute;
				height: 100%;
				width: 100%;
				box-sizing: border-box;
				padding-top: 140rpx;
				text-align: center;
				font-size: 26rpx;
				color: $uni-color-BGC;
				.close-view{
					position: absolute;
					top: 20rpx;
					right: 30rpx;
					font-size: 24rpx;
					z-index: 10;
					color: #fff;
				}
			}
		}
		.Swiper{
			position: relative;
			.wrap {
				// padding: 40px;
				// height: 332rpx;
			}
			.cooperation{
				position: absolute;	
				top: 24rpx;
				right: 30rpx;
				padding: 8rpx 10rpx;
				font-size: 20rpx;
				text-align: center;
				border: 2rpx solid $uni-color-BGC;
				border-radius: 8rpx;
				color: #fff;
			}
			.complaintImg{
				position: absolute;
				top: 24rpx;
				right: 30rpx;
				width: 50rpx;
				.img{
					width: 50rpx;
					height: 50rpx;
					text-align: center;
					line-height: 50rpx;
					border-radius: 50%;
					background-color: #fff;
					image{
						width: 32rpx;
						height: 37rpx;
						margin-top: 8rpx;
					}
				}
				text{
					display: inline-block;
					width: 100%;
					text-align: center;
					font-size: 20rpx;
					color: #fff;
				}
			}
		}
		
		.tap{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			margin-top: 24rpx;
			.li{
				position: relative;
				width: 150rpx;
				text-align: center;
				image{
					width: 100rpx;
					height: 100rpx;
				}
				.orderNum{
					position: absolute;
					right: 30rpx;
					top: 0rpx;
					width: 40rpx;
					height: 40rpx;
					text-align: center;
					line-height: 40rpx;
					color: #fff;
					font-size: 26rpx;
					border-radius: 50%;
					background-color: $uni-color-BGC;
				}
				text{
					display: inline-block;
					width: 100%;
					font-size: 28rpx;
					color: #716F6F;
				}
			}
		}
		
		.search{
			position: relative;
			padding: 0 30rpx;
			margin-top: 20rpx;
			padding-bottom: 10rpx;
			.searchInput{
					display: flex;
					justify-content: space-between;
					// flex-wrap: wrap;
					//     align-content: flex-start;
					// width: 580rpx;
					height: 64rpx;
					position: relative;
					box-sizing: border-box;
					border: 2rpx solid #E5E5E5;
					border-radius: 50rpx;
					overflow: hidden;
					.searchType{
						box-sizing: border-box;
						flex: 1;
						height: 64rpx;
						line-height: 60rpx;
						position: relative;
						font-size: 28rpx;
						padding-left: 30rpx;
						image{
							position: absolute;
							left: 90rpx;
							top: 50%;
							transform: translateY(-50%);
							width: 18rpx;
							height: 18rpx;
						}
					}
					.input{
						flex: 3;
						position: relative;
						image{
							position: absolute;
							left: 4rpx;
							top: 50%;
							transform: translateY(-50%);
							width: 40rpx;
							height: 40rpx;
						}
						input{
							box-sizing: border-box;
							// padding-left: 60rpx;
							height: 64rpx;
							font-size: 28rpx;
						}
					}
					.btn{
						flex: 1;
						text-align: center;
						line-height: 60rpx;
						background: $uni-color-BGC;
						font-size: 28rpx;
						color: #fff;
					}
					.searchType::after{
						content: '';
						position: absolute;
						top: 12rpx;
						left: 124rpx;
						width: 1rpx;
						height: 39rpx;
						background: #484848;
						opacity: 0.38;
					}
			}
			.check{
				position: absolute;
				right: 160rpx;
				height: 38rpx;
				z-index: 10;
				line-height: 35rpx;
				top: 6rpx;
				display: flex;
				justify-content: space-around;
				font-size: 26rpx;
				color: #2A2A2A;
				/deep/ .u-checkbox__icon-wrap--checked{
					    background-color: $uni-color-BGC;
						font-size: 28rpx;
				}
			}
		}
		
		.search2{
			.searchInput{
				width: 100%;
				.searchType{
					image{
						top:22rpx;
						transform: rotate(180deg);
					}
				}
				.inputsMes{
					width: 480rpx;
					.u-placeholder-line{
						height: 24rpx!important;
					}
				}
				.phone-num-input-box{
					width: 480rpx;
					input{
						border-right: 1rpx solid #B5B5B5;
						height: 30rpx;
						min-height: 30rpx;
						padding-left: 6rpx;
						font-size: 26rpx;
						margin-left: 0!important;
					}
					input:last-child{
						border-right: 0;
					}
					input:nth-child(4),
					input:nth-child(5),
					input:nth-child(6),
					input:nth-child(7){
						background-color: #FCECEE;
					}
				}
			}
		}
		.inputsMes{
			position: relative;
			.hide{
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				z-index: 11;
				box-sizing: border-box;
				// padding:0 8rpx;
				display: flex;
				text{
					display: inline-block;
					flex: 1;
					height: 100%;
				}
			}
			/deep/.u-box{
				position: relative!important;
				border: 0!important;
				height: 32rpx!important;
				margin:14rpx 0  0rpx!important;
			}
			/deep/.u-char-box{
				.u-input{
					width: 100%;
					left: 0;
				}
			}
			/deep/.u-char-flex::before{
				content: '';
				position: absolute;
				height: 33rpx;
				width: 170rpx;
				left:134rpx;
				top: 14rpx;
				background-color: #fcebed;
				
			}
			/deep/.u-char-flex::after{
				content: '';
				position: absolute;
				width: 20rpx;
				height: 100%;
				background-color: #fff;
				right: 2rpx;
				top: 0;
			}
			/deep/.u-box::after{
				content: '';
				position: absolute;
				height: 30rpx;
				width: 1rpx;
				background-color: #B5B5B5;
				right: 0;
				top: 50%;
				transform: translateY(-50%);
			}
		}
		.inputsMes.active{
				/deep/.u-char-flex::before{
					width: 165rpx;
					left: 137rpx;
				}
		}
		.notice_an{
			position: relative;
			height: 80rpx;
			overflow: hidden;
			.noticeHide{
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				z-index: 11;
			}
		}
		.notice_bg{
			position: relative;
			margin:12rpx 30rpx;
			// padding: 16rpx 24rpx;
			background: $uni-color-BGC;
			border-radius: 24rpx;
			display: flex;
			align-items: center;
			height: 60rpx;
			overflow: hidden;
			.icon{
				width: 31rpx;
				height: 31rpx;
				margin-left: 62rpx;
				margin-right: 24rpx;
			}
			.bar-swiper{
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #fff;
				height: 80rpx;
				display: flex;
				align-items: center;
				flex: 1;
				margin-left: 12rpx;
			}
			.swiper-item {
				display: flex;
				align-items: center;
				overflow: hidden;
			}
			.circle{
				min-width: 10rpx;
				width: 10rpx;
				height: 10rpx;
				border-radius: 50%;
				background-color: rgba(34, 34, 34, 0.5);
				margin-right: 10rpx;
			}
			.item_box{
				font-size: 28rpx;
				word-break: break-all;  /* break-all(允许在单词内换行。) */
				text-overflow: ellipsis;  /* 超出部分省略号 */
				display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
				-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
				-webkit-line-clamp: 1; /** 显示的行数 **/
			}
		}
		.line{
			position: relative;
			width: 690rpx;
			margin: 30rpx auto;
			border-top:1rpx solid #ccc;
			text{
				padding: 0 30rpx;
				background-color: #fff;
				position: absolute;
				font-size: 22rpx;
				top:-14rpx;
				left: 50%;
				transform: translateX(-50%);
			}
		}
		.popup{
			// padding-top: 20rpx;
			// padding-bottom: 20rpx;
			border-bottom: 1px solid #ccc;
			padding:20rpx 0;
			margin:0 20rpx;
			.popupTap{
				display: flex;
				justify-content: space-between;
				view{
					width: 25%;
					box-sizing: border-box;
					text-align: center;
					height: 41rpx;
					line-height: 41rpx;
					font-size: 28rpx;
					border-right: 1rpx solid #C9C9C9;
					image{
						position: relative;
						top: 50%;
						transform: translateY(-50%);
						width: 24rpx;
						height: 14rpx;
						margin-left: 10rpx;
						vertical-align: text-top;
					}
				}
				view:nth-child(4){
					border: 0;
				}
			}
			
		}
			.boxList{
				margin: 0 30rpx;
				
				margin-top: 24rpx;
				.box:nth-child(2n){
					border-right: 0;
				}
				.box{
					position: relative;
					padding: 30rpx 20rpx;
					display: inline-block;
					width: 50%;
					box-sizing: border-box;
					border-bottom: 1px solid #ccc;
					border-right: 1px solid #ccc;
					.hui{
						position: absolute;
						width: 100%;
						height: 100%;
						background-color: rgba(255, 255, 255, 0.6);
						image{
							position: absolute;
							width: 140rpx;
							height: 140rpx;
							right: 10rpx;
							top:-20rpx;
						}
					}
					.mask{
						position: absolute;
						width: 140rpx;
						height: 140rpx;
						right: -10rpx;
						top:10rpx;
					}
					.number{
						font-size: 34rpx;
						color: #4F4F4F;
						font-weight: 700;
						display: flex;
						justify-content:space-between;
						/deep/ .active{
							color: $uni-color-BGC;
						}
						.Pretty{
							float: right;
							width: 36rpx;
							height: 32rpx;
							line-height: 32rpx;
							text-align: center;
							background: $uni-color-BGC;
							font-size: 26rpx;
							color: #fff;
							font-weight: 400;
							border-radius: 10rpx 0 10rpx 0;
							margin-top: 4rpx;
						}
					}
					.money{
						font-size: 28rpx;
						color: #F19350;
						margin-top: 16rpx;
						.empty{
							float: right;
							color: #7B7B7B;
							text-decoration: line-through;
						}
					}
					.source{
						margin-top: 10rpx;
						font-size: 25rpx;
						color: #7B7B7B;
						text{
							float: right;
							width: 190rpx;
							text-align: right;
							display: inline-block;
							  white-space: nowrap; 
							  overflow: hidden;
							  text-overflow:ellipsis;
						}
					}
				}
			}
		.cityAll{
			width: 662rpx;
			height: 100%;
			display: flex;
			justify-self: space-between;
			padding-bottom:74rpx !important;
			.city_l,.city_r{
				width: 50%;
				.scrollOne{
					width: 100%;
					    overflow-y: scroll!important;
				}
				.scrollTwo{
					width: 100%;
					overflow-y: scroll!important;
					.li{
						border-bottom: 1px solid #E9E9E9;
						font-size: 24rpx;
					}
					
				}
				/deep/ .cityAll{width: 100%;}
			}
			.city_l{
				background-color: #ececec;
				.li{
					font-size: 24rpx;
				}
			}
			scroll-view{
				width: 50%;
				height: 100%;
				box-sizing: border-box;
				.li{
					height: 100rpx;
					width: 100%;
					text-align: center;
					line-height: 100rpx;
					box-sizing: border-box;
				}
				.li.active{
					color: $uni-color-BGC;
					background-color: #fff;
				}
			}
		}
		.codeClass{
			position: relative;
			padding-bottom: 100rpx;
			height: 100%;
			.network{
				width: 600rpx;
				margin: 24rpx;
			}
			.radioType{
				/deep/ .u-radio__label{
				border: 1px solid $uni-color-BGC!important;	
					color: $uni-color-BGC;
				}
				
			}
			.title{
				height: 66rpx;
				line-height: 66rpx;
				text-align: center;
				background-color: #ECECEC;
				color: #111;
				font-size: 30rpx;
				font-weight: 700;
			}
			
			/deep/.u-radio{
				box-sizing: border-box;
				margin: 10rpx;
				background-color: #F8F8F8;
				text-align: center;
			}
			/deep/.u-radio__icon-wrap--circle{
				// display: none;
			}
			/deep/ .u-radio-group{
				padding: 10rpx;
			}
			/deep/ .u-radio__label{
				box-sizing: border-box;
				margin: 0;
				height: 60rpx;
				line-height: 60rpx;
				width: 264rpx;
				color: #111;
				font-size: 24rpx!important;
				border: 1rpx solid transparent;
				margin: 0!important;
			}
			/deep/ .u-radio__icon-wrap{
				display: none!important;
			}
			.radioType /deep/ .u-radio__label{
				
			}
			.network.price{
				/deep/ .u-radio__label{
					width: 170rpx;
				}
				.Range{
					margin: 24rpx auto 0;
					box-sizing: border-box;
					overflow: hidden;
					text-align: center;
					// padding: 0 80rpx;
					// height: 53rpx;
					line-height: 53rpx;
					display: flex;
					flex-wrap: wrap;
					align-content: flex-start;
					justify-content: center;
					color: #D0D0D0;
					input{
						width: 100rpx;
						padding: 0 24rpx;
						height: 50rpx;
						min-height: 50rpx;
						background: none;
						font-size: 22rpx;
						border: 1px solid #d0d0d0;
						color: $uni-color-BGC;
					}
					text{
						margin: 0 10rpx;
					}
				}
				.Range:nth-child(1){
					margin-right: 24rpx;
				}
			}
			
			.exclude{
				/deep/.u-checkbox__icon-wrap{
					display: none;
				}
				/deep/ .u-checkbox__label{
					box-sizing: border-box;
					text-align: center;
					margin: 0;
					width: 180rpx;
					height: 60rpx;
					line-height: 60rpx;
					color: #111;
					font-size: 24rpx;
					border: 1rpx solid transparent;
				}
				/deep/ .u-checkbox{
					box-sizing: border-box;
					margin: 10rpx;
					background-color: #F8F8F8;
					text-align: center;
				}
				.radioType{
					/deep/ .u-checkbox__label{
					border: 1px solid $uni-color-BGC!important;	
						color: $uni-color-BGC;
					}
				}
			}
			
			.btn{
				position: fixed;
				bottom:0;
				overflow: hidden;
				width: 100%;
				view{
					float: left;
					width: 50%;
					box-sizing: border-box;
					height: 76rpx;
					line-height: 76rpx;
					text-align: center;
					font-size: 30rpx;
					background-color: #ECECEC;
				}
				.confirm{
					background-color: #C53A47;
					color: #fff;
				}
			}
		}
		
		.sortClass{
			text{	
				width: 600rpx;
				display: block;
				height: 76rpx;
				line-height: 76rpx;
				font-size: 24rpx;
				text-align: center;
				border-bottom:1rpx solid #EFEFEF;
			}
			.active{
				color: #BD4959;
			}
		}
		.wrap {
				// padding: 26rpx;
			}
		.agreement{
			width: 600rpx;
			max-height: 930rpx;
			padding:0 30rpx;
			// box-sizing: border-box;
			.copyText{
				margin: 60rpx 0;
				text-align: center;
				font-size: 36rpx;
				// font-weight: 700;
			}
			.label2{
				float: right;
				width: 21rpx;
				height: 21rpx;
				margin-top:28rpx;
			}
			.title{
				font-size: 30rpx;
				font-weight: 700;
				margin:20rpx 0;
				text-align: center;
			}
			/deep/ .u-drawer__scroll-view{
				position: relative;
			}
			.btn{
				padding: 20rpx;
				border-radius: 10rpx;
				text-align: center;
				border:1rpx solid #d8d8d8;
				font-size: 28rpx;
				width: 100%;
				margin-bottom: 10rpx;
				background-color: $uni-color-BGC;
				color: #fff;
			}
		}
			
	}