body{
   background: #aa1100;
}
.con{
  
    background-size: cover;
    min-height: 100vh;
    max-width: 600px;
    margin: 0 auto;

}
.con{
    display: block;
}
img{
    width: 100%;
    max-width: 600px;
    margin-top: -1px;
    display: block;
}
.down{
    width: 65%;
    margin: 35px auto;
}
.quanmin{
    width: 92%;
    margin: 35px auto;
}
.four{
    margin: 35px auto;
    width: 80%;
    margin-bottom: 0;
}
.four img{
    float: left;
    width: 48%;
    margin-bottom: 25px;
    margin-right: 4%;
}
.four img:nth-child(2n){
    margin-right: 0;
}
.nine{
    width: 96%;
    margin: 35px auto;
    margin-top: 0;
}
.daili{
    width: 98%;
    margin: 15px auto;
}
.wangye{
    width: 96%;
    margin: 15px auto;
}
.thr{
    width: 88%;
    margin: 15px auto;
}
.bontome{
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 600px;
    width: 100%;
}
.kefu{
    position: fixed;
    right: 0%;
    top: 37%;
    width: 20%;
    max-width: 146px;
}
.song{
    margin: 35px auto;
    width: 98%;
    margin-bottom: 0;
}
a{
    display: block;
}
#deviceInfo{
    display: none;
}
.mgm4{
    position: relative;
}
.mgm4 a{
    position: absolute;
}
.mgm4 .tiyan1{
    height: 28%;
    width: 23%;
    top: 10%;
    left: 3%;

}
.mgm4 .tiyan2{
    height: 28%;
    width: 23%;
    top: 10%;
    left: 27%;
}

.mgm4 .tiyan3{
    height: 28%;
    width: 23%;
    top: 10%;
    left: 51%;
}

.mgm4 .tiyan4{
    height: 28%;
    width: 23%;
    top: 10%;
    left: 74%;
}

.mgm4 .tiyan5{
    height: 28%;
    width: 23%;
    top: 40%;
    left: 3%;
}

.mgm4 .tiyan6{
    height: 28%;
    width: 23%;
    top: 40%;
    left: 27%;
}
.mgm4 .tiyan7{
    height: 28%;
    width: 23%;
    top: 40%;
    left: 51%;
}
.mgm4 .tiyan8{
    height: 28%;
    width: 23%;
    top: 40%;
    left: 74%;
}

.mgm4 .tiyan9{
    height: 28%;
    width: 23%;
    top: 70%;
    left: 3%;
}

.mgm4 .tiyan10{
    height: 28%;
    width: 23%;
    top: 70%;
    left: 27%;
}
.mgm4 .tiyan11{
    height: 28%;
    width: 23%;
    top: 70%;
    left: 51%;
}
.mgm4 .tiyan12{
    height: 28%;
    width: 23%;
    top: 70%;
    left: 74%;
}
#kefu{
    position: fixed;
    right: 0;
    top: 20%;
    width: 25%;
    max-width: 120px;
}