body{width: 100%;height: 100%;background: url('../img/pc_bg_1.jpg') no-repeat;background-color: #DCDCDC;padding: 2%;}
.pc_box{position: relative;}
.wap_box{display: none;}
.pc_box .pc_bg{width: 100%;display: block;}
.pc_btns{width: 45%;position: absolute;height: 20%;bottom: 5%;left: 4.8%;}
.pc_btns-left{width: 25%;margin-right: 2%;height: 100%;}
.pc_btns-left img{width: 100%;height: 100%;}
.pc_btns-right{width: 73%;background-color: #c6c6c6;border-radius: 20px;height: 100%;padding: 2%;}
.pc_btns-right-top{height: 60%;} 
.pc_btns-right-top img{width: 48%;height: 100%;}
.pc_btns-right-bottom{padding: 0% 3%;}
.pc_btns-right-bottom img{width: 100%;margin-top: 3%;}

@media screen and (max-width:1023px) {
	body{padding: 0px;}
	.pc_box{display: none;}
	.wap_box{display: block;padding: 0px .15rem;}
	.wap_1{margin-top: .1rem;}
	.wap_2{margin-top: .5rem;}
	.wap_1 img,.wap_2 img{width: 100%;}
	.wap_3{height: 2.4rem;border-radius: 10px;background-color: #c6c6c6;margin-top: .4rem;padding: .1rem .5rem;}
	.wap_3_top{height: 1.4rem;}
	.wap_3_top img{width: 48%;height: 100%;}
	.wap_3_bottom{margin-top: .25rem;padding: 0px .2rem;}
	.wap_3_bottom img{width: 100%;}
	.wap_4{margin-top: .3rem;}
	.wap_4 img{width: 100%;}
}