.maintitle:before{display: none}
.maintitle:after{display: none}
.pic .pc .inforclass{width:100%;margin:0.2rem 0;text-align: center;font-size: 0;}
.pic .pc .inforclass .cls{width: 1.5rem;height: 1.5rem;padding:0 0.23rem;display: inline-block;vertical-align: middle;overflow: hidden;}
.pic .pc .inforclass .cls mip-img{width: 1.04rem;height: 1.04rem;border:0.01rem solid #747474;border-radius: 50%;overflow: hidden;display: block;border:0.01rem solid #111111;}
.pic .pc .inforclass .cls p{font-size:0.16rem;color:#555353;line-height:0.46rem;text-align: center;}
.pic .pc .content{margin-top: 0.2rem;text-align: center;}
.pic .pc .content li{width:2.95rem;background-color:#fff;margin:0.2rem 0.02rem;display: inline-block;}
.pic .pc .content li mip-img{width:100%;height:2.21rem;}
.pic .pc .content li .tit{height:0.35rem;line-height: 0.35rem;margin-top: 0.02rem;font-size: 0.2rem;color: #474343;background: #e9e9e9;}

.pic .ipad .inforclass{width: 100%;position: relative;}
.pic .ipad .flowbox{width:90%;margin:0.2rem auto;text-align:center;font-size:0;white-space:nowrap;overflow-x:scroll;position: relative;}
.pic .ipad .inforclass.much:before{content:'<';position:absolute;top:50%;margin-top:-0.4rem;left:0.05rem;font-size:0.4rem;color:#000;}
.pic .ipad .inforclass.much:after{content:'>';position:absolute;top:50%;margin-top:-0.4rem;right:0.05rem;font-size:0.4rem;color:#000;}
.pic .ipad .inforclass .cls{width: 1.8rem;height: 1.8rem;padding:0 0.2rem;display: inline-block;vertical-align: middle;overflow: hidden;}
.pic .ipad .inforclass .cls mip-img{width: 1.36rem;height: 1.36rem;border:0.01rem solid #747474;border-radius: 50%;overflow: hidden;display: block;margin:0 auto;}
.pic .ipad .inforclass .cls p{font-size:0.2rem;color:#555353;line-height:0.46rem;text-align: center;}
.pic .ipad .content{margin-top: 0.2rem;text-align: center;}
.pic .ipad .content li{width:2.95rem;background-color:#fff;margin:0.2rem 0.02rem;display: inline-block;}
.pic .ipad .content li mip-img{width:100%;height:2.21rem;}
.pic .ipad .content li .tit{height:0.35rem;line-height: 0.35rem;margin-top: 0.02rem;font-size: 0.2rem;color: #474343;background: #e9e9e9;}

.pic .mobile .inforclass{width: 100%;position: relative;}
.pic .mobile .flowbox{width:90%;margin:0.2rem auto;text-align:center;font-size:0;white-space:nowrap;overflow-x:scroll;position: relative;}
.pic .mobile .inforclass.much:before{content:'<';position:absolute;top:50%;margin-top:-0.4rem;left:0.05rem;font-size:0.4rem;color:#000;}
.pic .mobile .inforclass.much:after{content:'>';position:absolute;top:50%;margin-top:-0.4rem;right:0.05rem;font-size:0.4rem;color:#000;}
.pic .mobile .inforclass .cls{width: 1.6rem;height: 1.8rem;display: inline-block;vertical-align: middle;overflow: hidden;}
.pic .mobile .inforclass .cls mip-img{width: 1.36rem;height: 1.36rem;border:0.01rem solid #747474;border-radius: 50%;overflow: hidden;display: block;margin:0 auto;}
.pic .mobile .inforclass .cls p{font-size:0.2rem;color:#555353;line-height:0.46rem;text-align: center;}
.pic .mobile .content{margin-top: 0.2rem;text-align: center;}
.pic .mobile .content li{width:2.85rem;background-color:#fff;margin:0.2rem 0.02rem;display: inline-block;}
.pic .mobile .content li mip-img{width:100%;height:2.21rem;}
.pic .mobile .content li .tit{height:0.35rem;line-height: 0.35rem;margin-top: 0.02rem;font-size: 0.2rem;color: #474343;background: #e9e9e9;}

@media screen and (min-width:1200px){
	html{font-size:100px!important;}
}
@media screen and (max-width:1200px) and (min-width:750px){
	.pc{display:none}
	.ipad{display:block;}
	.mobile{display:none}
}
@media screen and (max-width:1200px) and (min-width:1024px){
	html{font-size:100px!important;}
}
@media screen and (max-width:1023px) and (min-width:960px){
	html{font-size:90px!important;}
}
@media screen and (max-width:959px) and (min-width:800px){
	html{font-size:85px!important;}
}
@media screen and (max-width:799px) and (min-width:750px){
	html{font-size:75px!important;}
}
@media screen and (max-width:749px) and (min-width:320px){
	.pc{display:none}
	.ipad{display:none;}
	.mobile{display:block}
}
@media screen and (max-width:749px) and (min-width:640px){
	html{font-size:100px!important;}
}
@media screen and (max-width:639px) and (min-width:515px){
	html{font-size:85px!important;}
}
@media screen and (max-width:516px) and (min-width:414px){
	html{font-size:68px!important;}
}
@media screen and (max-width:413px) and (min-width:320px){
	html{font-size:53px!important;}
}
@media screen and (max-width:319px){
	html{font-size:42px!important;}
}