@media only screen and (max-width: 320px) {
	#moreQuestion{
		width: 30%;
		margin-left: 10%;
	}
	#moreQuestion img{
		margin-left: 0;
		margin-right: 0;
	}
	#btnRefresh{
		width: 30%;
		margin-left: 10%;
	}
	#btnRefresh img{
		margin-right: 1rem;
	}
	.today .to_price span {
	    font-size: 12px;
	    margin-left: 0.2rem;
	}
	.today .to_pro ul li a{
		font-size:12px;
		margin-left:0.4rem;
	}
	.today .to_history a{
		font-size:12px;
	}
	.online .mui-media-body p{
		width:8rem;
		margin-top:0.2rem;
	}
	.online .red{
		width:4.5rem;
		height:2rem;
		line-height: 2rem;
		position: absolute;
		right:3%;
		top:34%;
	}
	.online .online_bottom div {
	    margin-top: 1rem;
	    /*margin-left: 1.5rem;*/
	    /*margin-right: 1.5rem;*/
	}
	.QA_bottom .qa_bottom div{
		margin-left:1rem;
		margin-right:1rem;
	}
	.forum .forum_bottom div {
	    font-size: 13px;
	}
	.forum .forum_bottom p span{
		font-size:12px;
	}
	.feedback ul{
		margin-left:13%;
	}
	.QA .qa_bottom div {
	    margin-left: 6%;
	    margin-right: 6%;
	}
	.recommend button{
		width: 5.3rem;
	}
	.btn_list button{
		width: 5.3rem;
	}
	.re_item .mui-segmented-control.mui-scroll-wrapper .mui-control-item {
	    padding: 15px 27px;
	}
	.mui-p{
		font-size:12px;
	}
	.mui-table-cell .mui-h5{
		font-size:13px;
	}
	.nav_2 .n_cen a {
	    font-size: 0.9rem;
	    color: #333;
	    padding: 2% 4.5%;
	    border: 1px solid #e5e5e5;
	    background: #fff;
	    border-radius: 25px;
	}
	.add .add_cen .information {
	    font-size: 0.75rem;
	}
	.province select {
	    width: 28.2%;
	    font-size: 12px;
	    padding: 12px 0px;
	}
	.provinces select {
	    width: 18%;
	    font-size: 1rem;
	    padding: 12px 0px;
	}
	.atlas .atlas_item a {  
	    height: 15rem;
	}
	.screen_mask .sc_btn button {
	    padding: 8px 14px;
	}
	.en_nav .mui-segmented-control.mui-scroll-wrapper .mui-control-item {
	    padding: 0 18px;
	}
	.banner .mui-slider-indicator .mui-indicator{
		height: 47px;
	}
	.atlas .atlas_item a {
	    min-height: 15rem;
	}
	.btn_list button {
	    /* width: 5.5rem; */
	    margin-right: 0.3rem;
	}
	.add_list button {
	    width: 5.5rem;
	    margin-right: 0.3rem;
	}
	.search{
		width:60%;
		height:3.5rem;
		margin-left:4rem;
		position: relative;
	}
	.searchs{
		width:60%;
		height:3.5rem;
		margin-left:4rem;
		position: relative;
		left: 30px;
	}	
}
@media only screen and (min-width: 768px) {
	.b_nav a img {
	    width: 55%;
	    margin-top: 0.7rem;
	}
	.atlas .atlas_item a {
	    min-height: 30rem;
	}
	.certificate {
	    min-height: 22rem;
	}
	.footer .left p img {
	    width: 30%;
	    margin-top: 1rem;
	}
	.banner .mui-slider-indicator .mui-indicator{
		height: 112px;
	}
	.mask .frame {
	    height: 12.8rem;
	}
	.mask img {
	    width: 52%;
	    margin-left: 15rem;
	    margin-top: 5rem;
	}
	.online .online_bottom div {	   
	    margin-left: 20%;
	}
	.today .to_price {
	    width: 40%;
	}
	.today .to_pro{
		width: 25%;
	}
	.to_price_img{
		width: 13%;
		margin-left: 2.6rem;
		margin-right: 1rem;
		margin-top: 0.9rem;
	}
	.forum .forum_bottom .ask {    
	    top: 5px;
	}
	.fum_span{
		margin-right: 27%;
	}
	.nav_2 .n_cen a {
	    padding: 1.5% 5%;
	}
	.ask_img{
		width: 3%;
	}
	.c_mask img {
	    width: 60%;
	    margin-left: 7rem;
	    margin-top: 1rem;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
	.b_nav a img {
	    width: 55%;
	    margin-top: 0.7rem;
	}
	.certificate {
	    min-height: 29rem;
	}
	.atlas .atlas_item a {
	    min-height: 38rem;
	}
	.footer .left p img {
	    margin-top: 0.3rem;
	}
	.banner .mui-slider-indicator .mui-indicator{
		height: 150px;
	}
	.mask .frame {
	    height: 16.6rem;
	}
	.mask img {
	    width: 52%;
	    margin-left: 21rem;
	    margin-top: 5rem;
	}
	.province select {
	    width: 30%;
	}
	.c_mask img {
	    width: 60%;
	    margin-left: 14rem;
	    margin-top: 1rem;
	}
}