* {
    padding: 0;
    margin: 0;
    list-style: none;
}

@font-face {
    font-family: 'PingFang';
    src: url('../js/pingfang.ttf');
}

body,
html {
    width: 100%;
    height: 100%;
    /* font: 12px/1.5; */
    overflow: auto;
}

body::-webkit-scrollbar {
    display: none;
}

.centermain::-webkit-scrollbar {
    display: none;
}

.a::-webkit-scrollbar {
    display: none;
}

#app {
    width: 100%;
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
}
img{
    display: block;
}
.max {
width: 7.5rem;
max-width: 7.5rem;
margin: 0 auto;
}
.max .banner img{
    width: 7.5rem;
}
.max .zyjkimg2,.zyjkimg4,.zyjkimg7,.zyjkimg6,.zyjkimg8 {
    position: relative;
    background-repeat: no-repeat;
    background-size: 98%;
    width: 7.5rem;
}
.max .zyjkimg2{
    background-image: url(../image/set2.png) ;
    margin-bottom: .4rem;
    height: 4.27rem;
}
.max .zyjkimg2>div{
    display: flex;
    position: absolute;
    bottom: .22rem;
    left: .3rem;
}
.max .zyjkimg2 .btn1{
    width: 1.3rem;
    height: .3rem;
    margin: 0px .5rem;
}
.max .zyjkimg3 img{
    width: 7.5rem;
}
.max .zyjkimg4{
    background-image: url(../image/set4.png) ;
    height: 4.76rem;
    background-position: -.1rem 0 ;
    margin-top: .15rem;
    margin-bottom: .56rem;
}
.max .zyjkimg4>div{
    width: 48%;
    height: 100%;
    box-sizing: border-box  ;
    padding-top: 1.1rem;
    padding-left: 38%;
}
.max .zyjkimg4 .btn2{
    
    width: .55rem;
    height: .15rem;
    margin: .12rem 0;
}
.zyjkimg5 img{
    width: 7.5rem;
    margin-bottom: .27rem;
}
.zyjkimg6 {
    background-image: url(../image/set6.png) ;
    background-size: 91%;
    background-position: .3rem 0rem;
    background-repeat: no-repeat;
    height:3.5rem;
    width: 7.5rem;
}
.zyjkimg6>div{
    position: absolute;
    bottom: .34rem;
    width: 100%;
    display: flex;

}
.zyjkimg6 .btn4{
    width: 15rem;
    height: .3rem;
    margin: 0px .4rem;
}
.zyjkimg7{
    background-image: url(../image/set7.png) ;
    background-size: 91%;
    background-position: .3rem 0rem;
    height: 2.48rem;
    width: 7.5rem;
}
.zyjkimg7>div{
    width: 7rem;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
}
.zyjkimg7 .btn3{
    position: absolute;
    top: 1.7rem;
    left: 2.4rem;
    width: 2rem;
    height: .5rem;
}

.zyjkimg8{
    background-image: url(../image/set8.png) ;
    height: 3.56rem;
    width: 7.5rem;
    margin-bottom: .2rem;
}
.zyjkimg8>div{
    position: absolute;
    bottom: .65rem;
    width: 100%;
    height: .3rem;
    display: flex;

}
.zyjkimg9 img{
    width: 6.68rem;
    margin: 0 auto;
    margin-bottom: .36rem;
}
.zyjkimg10 img{
    width: 6.25rem;
    margin: 0 auto;
    margin-bottom: .57rem;
}
.zyjkimg11 img{
    width: 7.1rem;
    margin: 0 auto;
    margin-bottom: .39rem;
}
.zyjkimg12 img{
    width: 7.5rem;
}