*{
	margin: 0;
	padding: 0;
	touch-action: auto;
}
body{
	line-height: auto;
	margin: 0 auto!important;
	min-width: 320px!important;
    max-width: 640px!important;
}

.mui-bar{
	height: .98rem;
	background-color: #fff;
}
body{
	background-color: #fff;
}
.mui-bar{
	padding: 0 !important;
}
  
.mui-off-canvas-left{
    z-index: 10000 !important;
}
    
/* input{  
	-webkit-user-select: auto !important;  
	user-select: auto  !important;   
}   */
 /*聊天*/

 .cs{
 	position: fixed;
 	width: 1.12rem;
 	height: 1.12rem;
 	right: .4rem;
 	bottom: .05rem;
 	z-index: 10;
 }
  .cs img{
  	width: 100%;
  	height: 100%;
  }
/*头部中间块*/
.new_title{

	width: 2.07rem;
	height: .56rem;
	position: absolute;
	left: 50%;
	margin-left: -1.03rem;
	top: .21rem;
}
.mui-pull-left{
	float: left;
	display: block;
	height: .4rem;
	width: .4rem;
	margin-left: .32rem;
	margin-top: .27rem;
}
.mui-bar{
	padding:0;
}



.new_font span{
	font-size: .36rem;
	font-family:PingFang-SC-Bold;
	font-weight:550;
	color:rgba(51,51,51,1);
	width: 4.2rem;
	height: .98rem;
	line-height: .98rem;
	position: absolute;
	left: 50%;
	margin-left: -2.1rem;
	top: 0rem;
	text-align: center;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}






.mui-off-canvas-left, .mui-off-canvas-right{
	width: 3.75rem !important;
}
/*搜索*/
.new_search{
	float: right;
	width: .42rem;
	height: .42rem;
	margin-right: .2rem;
	margin-top: .32rem;
}
.new_search img,.new_title img,.mui-pull-left > img,.x > img,.login_header > img{
	width: 100%;
	height: 100%;
}
.login_header > img{
	border-radius: 50%;
}
/*登录*/
.new_login{
	float: right;
	display: block;
	font-size: .3rem;
	height: 100%;
	line-height: .98rem;
	font-family:PingFang-SC-Medium;
	font-weight:500;
	color:rgba(153,153,153,1);
	margin-right: .24rem;
}

.login_header {
	float: right;
	width: .48rem;
	height: .48rem;
	position: relative;
	margin-top: .27rem;	
	margin-right: .29rem;
}
.login_header .list{

	display: none;
	width: 1.92rem;	
	padding: .2rem .36rem .2rem .32rem;
	position: absolute;
	left: -1.4rem;
	top: .7rem;
	background:rgba(255,255,255,1);
	box-shadow:2px 0px 8px rgba(7,0,2,0.15);
	z-index:9993;
}
.login_header .display{
	display: block;
}
.login_header .list a{
		display: block;
		width: 1.24rem;
		height: .6rem;
		line-height: .6rem;
		border-bottom: 1px solid #EEEEEE;
		font-size: .24rem;
		font-family:PingFang-SC-Regular;
		font-weight:400;
		color:rgba(55,55,55,1);
		text-align: center;
}
.login_header .list  .Sign_out{
	border-bottom: 0;
}
/*侧边栏*/
.mui-scroll{
		padding: .31rem .21rem 0 .21rem;
}
.x{
	width: .4rem;
	height: .39rem;
	display: block;
	margin-left: .1rem;
}

.mui-table-view{
	background-color: #333;	
}
.ul {
	padding-left: 0;
	margin-top: .85rem;
}
.ul  li{
	height: .78rem;
	line-height: .78rem;
	padding:0;
	padding-right: .43rem;
	text-align: right;
	border-bottom: 1px solid #666666;
	background-color: #333;
	list-style: none;
}
.ul li a{
	font-size: .26rem;
	margin: 0;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(204,204,204,1);
}
.ul .new_active a{
	color: #F39800;
}



/*城市的头部*/
.city_head {
	/*height: .98rem;*/
	/*background-color: red;*/
	/* width: 2rem;
	margin: 0 auto;
	text-align: center; */
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.city_head span{
	/*float: right;*/
	font-size: .36rem;
	font-family:PingFang-SC-Bold;
	font-weight:550;
	color:rgba(51,51,51,1);
	display: inline-block;
	height: .98rem;
	line-height: .98rem;
	position: relative;

}
.city_head span img{
	position: absolute;
	width: .3rem;
	height: .17rem;
	top: .44rem;
	right: -.35rem;
	float: right;
}
 .city_box{
	position: absolute;
	top: .98rem;
	width: 100%;
	left: 0;
	z-index: 22;
	background:rgba(248,248,248,1);
	overflow-y:scroll;
	display: none;
}
.city_box .citylist{
	width: 100%;    
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.city-item{
	width: 50%;
    height: .62rem;
    border-bottom: 1px solid #f1f1f1;
    box-sizing: border-box;
}
.city-item:nth-of-type(odd){
	    border-right: 1px solid #f1f1f1;
}
.city-item a{
	    display: block;
    width: 100%;
    height: .62rem;
    line-height: .62rem;
    font-size: .22rem;
    color: #4f4f4f;
    text-align: center;
}
.city-item .city_color{
	color:#FFA220;
}



@media screen and (max-width: 414px) {
   /*  .city_head img{
  		margin-top: .4rem;
  	}*/
}
@media screen and (max-width: 375px) {
 /*   .city_head img{
  		margin-top: .43rem;
  	}*/
}
@media screen and (max-width: 320px) {
  /*.city_head img{
  		margin-top: .47rem;
  }*/
}


.end-foot {
  position: absolute;
  left: 0;
  bottom: -.4rem;
  text-align: center;
  height: .4rem;
  width: 100%;
}
.end-foot span {
  font-size: 0.32rem;
  color: #999999;
}
.end-foot span:before {
  content: "—————";
  margin-right: 0.8rem;
}
.end-foot span:after {
  content: "—————";
  margin-left: 0.8rem;
}

.none{
  display: none;
}
.block{
  display: block !important;
}




.height{
	height: 100% !important;
}
.bar_head{
	z-index: 20;
}
#scrollToTop.up{
  width: 40px;
  height:40px;
  position: fixed;
  z-index: 15;
  right: 10px;
  bottom: 20px;
  display: inline-block;