.main{
	width: 10rem;
	/*max-width: 10rem;*/
	margin-top: -3.5859375rem;
	background: url(bj.png) 0 0 no-repeat;
	background-size: cover;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);             /* IE 9 */
	-webkit-transform: rotate(-90deg);      /* Safari and Chrome */
	-o-transform: rotate(-90deg);              /* Opera */
	-moz-transform: rotate(-90deg);         /* Firefox */
	margin-left: 3.34rem;
}
.header{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	/*margin-top: 0.390625rem;*/
}
.header-left{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-right: 3.8rem;
}
.header-left img{
	margin: 0;
}
.header-right{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.header .times{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.header p{
	width: 1.8rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: 0.234375rem;
	font-family: 'PingFang-SC-Regular';
}
.times h2{
	font-size: 0.625rem;
	color: #1e223b;
}
.times .timer{
	width: 1.8rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}
.times span{
	font-family: 'PingFang-SC-Regular';
	font-size: 0.208333rem;
	color: #383d5c;
	/*padding-left: 0.143229rem;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.content{
	background: url(room_inside.png) center 0 no-repeat;
	width: 9.739583rem;
	height: 7.44792rem;
	background-size: 100% 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin: 0 auto;
}
.content > h1{
	font-family: 'PingFang-SC-Medium';
	font-size: 0.546875rem;
	padding-top: 0.546875rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.content_detail{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	position: relative;
	width: 9.049479rem;
	margin: 0 auto;
}
.logo-illustration{
	/*width: 4.348958rem;*/
  	/*height: 4.348958rem;*/
	width: 4.388021rem;
	height: 4.8828125rem;
  	display: block;
  	position: absolute;
  	left: 0.651042rem;
  	top: 0.598958rem;
  	z-index: 99;
}
.air_quality{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.quality_detail{
	background: url('circular.png') 0 0 no-repeat;
	width: 3.502604rem;
	height: 3.489583rem;
	background-size: 100% 100%;
	margin: 1.302083rem 0  0 1.067708rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.quality_detail span{
	font-size: 0.260417rem;
	color: #666;
	font-family: 'PingFang-SC-Regular';
	padding: 0.16rem 0 0.16rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.quality_detail h1{
	font-size: 1.302083rem;
	color: #353535;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	/*padding-top: 0.16rem;*/
}
.humidity{
	height: 2.643229rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.humidity img{
	width: 0.494792rem;
	height: 0.546875rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.humidity h3{
	font-size: 0.234375rem;
	font-family: 'PingFang-SC-Regular';
	color: #666;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0.260417rem 0 0.169271rem 0;
}
.humidity span{
	font-family: 'PingFang-SC-Regular';
	font-size: 0.390625rem;
	color: #353535;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.air_item{
	width: 3.385417rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	border-left: 0.026042rem solid #d7d5cd;
	margin-top: 0.325521rem;
}
.Parting_line{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 3.059896rem;
	height: 0.026042rem;
	background-color: #d7d5cd;
	margin: 0 auto;
}
.Carbon_dioxide img{
	width: 0.611979rem;
	height: 0.403646rem;
}
.room_abroad{
	margin-top: -0.651042rem;
}
.temperature img{
	width: 0.390625rem;
	height: 0.572917rem;
}
.aqi img{
	width: 0.572917rem;
	height: 0.46875rem;
}
.room_inner{
	margin-top: -0.130208rem;
}
.quality_detail img{
	width: 1.354167rem;
	height: 0.651042rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    margin: 0 auto 0;
}
.moderate{
	background: url(moderate.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
.brand{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	/*padding-top: 0.260417rem;*/
	padding-bottom: 0.65104rem;
}
.youxiang{
	width: 2.773438rem;
	height: 0.572917rem;
	margin-right: 1.341146rem;
}
.yuexiang{
	width: 2.955729rem;
	height: 0.742188rem;
}
.brand .twocode{
	width: 0.83333rem;
	height: 0.83333rem;
	margin: 0 0.5rem 0 0.8rem;
}
.look_detail h2{
	font-size: 0.33854rem;
	font-family: 'PingFang-SC-Medium';
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #353535;
}
.look_detail p{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.look_detail p span{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 0.3125rem;
	font-family: 'PingFang-SC-Medium';
	color: #353535;
}
.look_detail p img{
	width: 0.274rem;
	height: 0.28646rem;
}

.brand img{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.look_detail{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/*#states{*/
	/*margin: 0.63802rem auto 0;*/
/*}*/