.center{
			max-width:640px;
			margin:0 auto;
			background:#f3f3f3;
		}
		.ad{width:100% }
		.ad img{width:100% }
		#cat_ids1{
			width:100%;
			float:left;
		}
		.showselect{display:none;width:80%;background:#ff9;padding:10px;
		margin:10px auto;line-height:25px;}
		.none{
			display:none!important;
		}
		.shengjishow{
			display:none;
		}
		.mySwiper{
		  width: 100%;
		  height: auto;
		}
		.mySwiper img{
			width:100%;
		}
		.ws-footer{
			text-align:center;
			color:#777777;
		}
		.mt-10{
			margin-top:10px;
		}
		.mb-10{
			margin-bottom:10px;
		}
		.mr-10{
			margin-right:10px;
		}
		.mr-5{
			margin-right:5px;
		}
		.notice{
			background:#dac49c;
			color:#333;
			padding:0 15px;
			font-size:10px;
			line-height:25px;
		}
		.notice span{
			background:#48342c;
			color:#dac49c;
			padding:3px 5px;
			font-size:8px;
			border-radius:3px;
			margin-right:5px;
		}
		.title{
			font-size:16px;
			font-weight:bold;
		}
		.stitle{
			font-size:14px;
			font-weight:600;
		}
		.page-grid{
			background:#fff;
			line-height:25px;
			padding:10px 10px;
		}
		.router-data{
		}
		.router-data .name{
			font-size:16px;
			font-weight:600;
			color: #734839;
		}
		.router-data .desc{
			font-size:12px;
			font-weight:100;
			color:#666;
		}
		.router-data .price{
			font-size:12px;
			font-weight:600;
			color:#f66;
		}
		.router-data .price span{
			font-size:22px;
		}
		.router-data .price em{
			font-size:10px;
			color:#aaa;
			font-weight:normal;
			font-style:normal;
		}
		.router-footer{
			position:fixed;
			z-index:99;
			bottom:0;
			width:96%;
			left:0;
			background:rgba(225,225,225,0.5);	
			padding:2% 2% 20px;
			backdrop-filter: blur(8px);
		}
		.router-footer .center{
			display:flex;
			width:100%;
			text-align:center;
			background:none;	
			line-height:45px;
		}
		.router-footer>.center a{
			color:#fff;
		}
		.router-footer>*{
			// font-weight:bold;
			color:#fff;
		}
		.router-footer .server{
			flex:1;
			background:#ff5722;	
			border-radius:50px 0 0 50px;
		}
		.router-footer .callbuybtn{
			background:#f44336;
			flex:2;
			border-radius: 0 50px 50px 0 ;
		}
		.router-select{
			display:flex;
			flex-direction:row;
			justify-content: space-between;
			align-items: center;
			align-self: center;
		}
		.router-select .title{
			min-width:75px
		}
		.router-select .select-name{
			font-weight:200px;
			display:flex;
			align-items: center;
		}
		body .orderpop{
			background:none;
			max-width:640px;
		}
		.pop-content{
			background:#fff;
			position:relative;
			overflow-x:Hidden;
			height:95%;
		}
		.pop-footer{
			bottom:0;
			max-width:640px;
			width:100%;
			left:50%;
			position:fixed;
			border-top:1px solid #eee;
			background:#fff;
			padding-bottom:20px;
			transform: translateX(-50%);
		}
		.pop-footer .priceshow{
			display:flex;
			justify-content: space-between;
			width:95%;
			padding:10px 0 ;
			align-self: center;
			margin:0 auto;
			align-items: center;
		}
		.pop-footer .priceshow .pricebox{
			min-width:110px;
			text-align:right;
			color:#f34;
		}
		.pop-footer .priceshow .price{
			font-weight:Bold;
		}
		.pop-footer .priceshow i{
			font-style:normal;
		}
		.pop-footer .requestorder{
			background:#f44336;
			border-radius:50px;
			line-height:55px;
			font-size:18px;
			color:#fff;
			text-align:center;
		}
		.tc-grid{
			display:flex;
			flex-direction:row;
			gap:10px;
			flex-wrap: wrap;
		}
		.tc-grid>*{
			flex:0 0 calc( ( 100% - 20px ) / 3 );
			border:1px solid #ddd;
			box-sizing: border-box;
			padding:15px 5px;
			border-radius:2px;
			align-items: center;
			justify-content: center;
			display: flex;
			transition:all 0.3s;
			font-size:14px;
			
		}
		.tc-grid.normal>*{
			flex:1;
			border:1px solid #ddd;
			box-sizing: border-box;
			padding:10px 5px;
			border-radius:50px;
			align-items: center;
			justify-content: center;
			display: flex;
			transition:all 0.3s;
			font-size:14px;
			
		}
		.tc-grid .tc-item.disabled{
			color:#d8d8d8;
			border-color:#e8e8e7;
			background:#eee;
		}
		.tc-grid .tc-item.active{
			color: #f76b61;
			background: #ffe9e8;
			border-color: #f76b61;
			border-radius:4px;
		}
		
		.tc-desc .tc-desc-item{
			color: #f76b61;
			background: #ffe9e8;
			border-color: #f76b61;
			border-radius: 4px;
			padding: 10px;
			margin-top: 10px;
			font-weight: bold;
			display:none;
		}
		
		.tc-grid.normal .tc-item.active{
			border-radius:50px;
			color: #f76b61;
			background: #ffe9e8;
			border-color: #f76b61;	
		}
		.tc-grid .tc-item .price{
			color:#f66;
			font-size:16px;
		}
		.all-top{
			position:sticky;
			top:0;
			z-index:9;
		}
		.pop-top{
			background:#c8ffca;
			color:#4caf50;
			text-align:Center;
			font-size:10px;
			line-height:35px;
			border-radius:15px 15px 0 0 ;
		}
		.pop-top .close{
			right: 10px;
			color:#666;
			position: absolute;
		}
		.banbendesc{
			color:#f44336;
			display:none;
		}
		.grid-address{
			background:#fff;
		}
		.grid-address .layui-padding-3{
			padding: 5px 0 15px;
			border-bottom: 1px solid #eaeaea;
			display: flex;
			justify-content: space-between;
			gap:15px;
		}
		.grid-addressshow{
			display: flex;
			gap:15px;
		}
		.grid-addressshow .stitle {
			min-width:70px;
		}
		.addressbox{
			padding-bottom:50px;
		}
		.router-detail{
			padding-bottom:120px;
		}
		.router-detail img{
			max-width:100%;
		}
	.readrule{
		font-size:12px !important;
		padding-left:15px;
		color:#16b777;
	}
	.readrule .layui-form-checkbox{
		margin:0 !important;
		padding-right:0 !important;
	}
	.readrule .layui-form-checkbox[lay-skin=primary]>div{
		margin:0 !important;
		padding-right:0 !important;
		font-size:12px !important;
		
	}
	body .rulepop{
		
	}
	
	
	body .orderpop #quyu .layui-input-inline {
		width:120px!important;
		float:left !important;
		
	}
	
	body .orderpop #quyu .layui-input-inline:first-child {
		margin-right:10px!important;
		
	}
	body .orderpop  .layui-textarea{
		min-height: 60px;
	}
	body .orderpop  .layui-form-label span{
		color:#f00;
	}