@media screen and (min-width:320px) and (max-width:1200px) {
	.header,.pc{
		display: none;
	}
	.wap{
		display: block;
	}
	.page{
	    padding:.3rem 4%;
	    text-align:center;
	    
	}
	.page form{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.page a{
	    width:2.4rem;
		height:.7rem;
		line-height: .7rem;
	    border:1px solid rgba(229,229,229,1);
	    border-radius:2px;
		font-size: .24rem;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		    background-color: #203471;
		flex:1;
		padding:0;
		
	}
	.page span{
	   font-size: .24rem;
	   font-family: Microsoft YaHei;
	   font-weight: 400;
	   color: #999999;
	   flex:1;
	}
	
	.phoneheader {
		padding: 0 .3rem;
		height: 1.2rem;
		line-height: 1.2rem;
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
		box-shadow:0 0 3px #ccc;
		background:#fff;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		
	.wrap {
		width: 94%;
		margin: 0 auto;
	}
		
	.phoneheader .fr {
		position: absolute;
		right: .3rem;
	}
		
	.phoneheader .fl img {
		height: .7rem;
	}
		
	.phoneheader .fr span {
		font-size: .5rem;
		margin: 0 .1rem;
		color:#fff;
	}
		
	.phoneheader .fr img {
		width: .7rem;
		margin-left: .2rem;
	}
	
	.phoneheader a.out{
		    padding-right: 40px;
		    background: url(../image/ico4.png) no-repeat right 5px center;
		    height: .6rem;
		    display: inline-block;
		    line-height: .6rem;
			font-size: .28rem;
			margin-left: .4rem;
	}
	
		
	.mobile-container {
		position: fixed;
		top: 1.2rem;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		display: none;
		z-index: 99999;
	}
		
	.mobile_nav {
		position: fixed;
		top: 1.2rem;
		right: 0;
		left: auto;
		width: 100%;
		height:3rem;
		background: #fff;
		padding: .5rem .3rem;
		
	}
	.mobile_nav span.tel{
		width: 100%;
		height: .6rem;
		background: rgba(5, 60, 129, 0.1);
		display: block;
		
		border-radius: .2rem;
		text-align: center;
		font-size: .35rem;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #053C81;
		line-height: .6rem;
		
	}
		
	
		
	.mobile-container li {
		
		line-height: .8rem;
		text-align: left;
		
	}

	
		
	.mobile-container li a {
		font-size: .3rem;
		text-align: center;
		display: block;
	}
	
	.login{
		margin-top:1.2rem;
		background: url(../image/pbg1.png) no-repeat top center/cover;
		height:15rem;
	}
	.login .box{
		width: 90%;
		    left: 50%;
		    top: 48%;
			padding:.3rem;
			height: auto;
			transform: translate(-50%,-50%);
	}
	.login .box h2{
		font-size: .28rem;
		margin-bottom: .3rem;
	}
	
	.footer{
		position: relative;
		height: auto;
	}
	.footer p{
		font-size: .28rem;
		line-height: .5rem;
	}
	.pop1,.pop2{
		max-width: 90%;
	}
	.pop1 h2,.pop2 h2{
		font-size: .3rem;
		line-height: .8rem;
	}
	.pop1 .con,
	.pop2 .con{
		padding:.3rem;
	}
	.pop1 .con p{
		font-size: .28rem;
		margin-bottom: .2rem;
		line-height: .45rem;
	}
	.pop1 .check,
	.pop2 .check{
		padding:.3rem 0;
	}
	.container{
		margin-top:1.2rem;
		height: auto;
		
	}
	.suggest{
		min-height:calc(100vh - 100px);
	}
	.container .left,.container .right{
		width: 100%;
		height: auto;
	}
	.container .right .cons{
		height: auto;
		padding:.2rem;
	}
	.container .left .img span{
		font-size: .34rem;
		top:30%;
	}
	.container .left .img p{
		font-size: .24rem;
		bottom:25%;
	}
	.container .left .peo,
	.container .right,.suggest{
		padding:.5rem .3rem;
	}
	.suggest .cons,.suggest{
		padding:.5rem .3rem;
		height: auto;
	}
	.container .left .peo h2{
		font-size: .3rem;
		margin-bottom: .2rem;
	}
	.container .left .peo .tab{
		padding:.2rem;
		margin-bottom: .2rem;
	}
	
	/* 14px */
	.container .left .peo .tab p{
		font-size: .24rem;
		line-height: .4rem;
	}
	/* 16px */
	.suggest .cons .list span,.pop2 .form span{
		font-size: .26rem;
		width: 1.4rem;
		margin-right:.2rem;
	}
	.suggest .cons .list .blue,
	.suggest .cons .list select, .suggest .cons .list input[type="text"],.suggest .cons .list .rights{
		width: 66%;
		line-height: .6rem;
		height: .6rem;
	}
	.suggest .cons .list input[type="radio"]{
		margin-top:0;
	}
	.suggest .cons .list .rights{
		height: auto;
	}
	.suggest .cons .list textarea{
		width: 66%;
		height: 2.5rem;
	}
	.suggest .cons .list a,.suggest .cons button, .suggest .cons a.tj,.pop2 .form .list a{
		font-size: .24rem;
		line-height: .6rem;
		height: .6rem;
		width: 1.5rem;
	}
	.suggest .cons button, .suggest .cons a.tj{
		margin:.3rem auto 0 !important;
	}
	.zllist h2{
		font-size: .28rem;
		nargin-bottom:.3rem !important;
	}
	/* 20px */
	.container .titles h2{
		font-size: .32rem;
		height: .5rem;
		line-height: .5rem;
	}
	.container .titles{
		nargin-bottom:.3rem !important;
	}
	
	.container .titles a{
		font-size: .24rem;
		line-height: .6rem;
		height: .6rem;
		width: 1.6rem;
	}
	.container .right .cons .table{
		width: 100%;
		overflow: scroll;
	}
	.container .right .cons .table table{
		width: 15rem;
		overflow: scroll;
	}
	.suggest.upload .cons .list span{
		margin-top:0;
		width: 1.5rem;
	}
	.suggest .cons .list{
		margin-bottom: .2rem;
	}
	.suggest.upload .cons .list span.showFileName1, .suggest.upload .cons .list span.ts{
		display: block;
		text-align: left;
		
		margin:0;
	}
	.container .right .cons table{
		width: 100%;
	}
	.pop2 .form{
		padding:.5rem .3rem;
	}
	.zllist .list{
		padding:.3rem;
	}
	.zllist a.add{
		width: 100%;
		height: .8rem;
		line-height: .8rem;
		background: url(../image/add.png) no-repeat left 36% center/.5rem;
		font-size: .28rem;
		padding-left: 50%;
	}
		
	.suggest .zllist .list span{
		text-align: left;
	}
	.suggest .cons .zllist .list input,
	.suggest .cons .zllist .list input.long1,
	.suggest .cons .zllist .list input.long2{
		width:100%;
		max-width: 100%;
		display: block;
		margin-bottom: .2rem;
	}
		
	
}

@media screen and (min-width:1200px) and (max-width:1580px) {
	
	.header .logo span{
		font-size: 20px;
	}
	.header2 span.tel{
		width: 300px;
		font-size: 14px;
	}
	.header a,.header a.return{
		font-size: 16px;
	}
}

@media screen and (min-width:1200px) and (max-width:1400px) {
	
	.header .logo span{
		font-size: 18px;
		padding-left: 15px;
		margin-left: 15px;
	}
	.header2 span.tel{
		width: 280px;
		font-size: 14px;
	}
	.header a,.header a.return{
		font-size: 16px;
	}
	.login .box{
		right:3%;
	}
}

@media screen and (min-width:1200px) and (max-width:1300px) {
	
	.header .logo span{
		font-size: 16px;
		padding-left: 10px;
		margin-left: 10px;
	}
	.header2 span.tel{
		width: 280px;
		font-size: 14px;
	}
	.header a,.header a.return{
		font-size: 14px;
		
	}
	.header2 .wrap{
		width: 96%;
		max-width: 96%;
	}
}