html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

img {display: inline-block;}
body {
    font-size:16px;
    /* background: url(../images/max_bg.jpg?v=1) center center no-repeat;
    background-attachment: fixed;
    background-size: 100%; */
    /* padding-bottom:100px */
}
.header {position: relative;z-index:3;}
.header .left {position: absolute;top:0;left:0;padding:30px;}
.header .left span {margin: 0 0.20rem;}
.header .left a {display: inline-block;height:32px;position: relative;}
.header .btn img:last-child {display: none;}
.header .btn:hover img:last-child,.header .btn.on img:last-child {display: inline-block;}
.header .btn:hover img:first-child,.header .btn.on img:first-child {display: none;}
.header .logo {position: absolute;top:0;right:0;}
.header .logo img {width: 3.40rem;height:1.62rem;}
.header-inner .news-header-pic {padding-top:118px;}

.header-inner {width: 1400px;margin: 0 auto;}
.off img:last-child {display: none;}
.off img:first-child {margin-top:-10px;}
.off img:nth-child(2) {display: none;}

.music_btn img {position: absolute;}

.music_btn.on img {
    /* 旋转 */
    /* 设置旋转中心点为元素的中心点 */
    /* transform-origin: center center;
    -webkit-animation: music 3s linear infinite;
    animation: music 3s linear infinite; */
}

.download-tag img {width: 0.86rem;height:0.32rem;}
#yuyue-dialog .download-btn img {width: 2.66rem;height:0.71rem;}
.btn-tese img {width: 0.55rem;height:0.32rem;}
.btn-yuyue img {width: 0.83rem;height:0.32rem;}
.btn-acc img {width: 1.12rem;height:0.32rem;}
.btn-news img {width: 0.59rem;height:0.32rem;}
.btn-h img {width: 0.56rem;height:0.32rem;}
.nav-line-img img {
    width: 0.16rem;
    height: 0.26rem;
}

@-webkit-keyframes music {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.clear::after {
    content: '';
    display: block;
    clear: both;

}

@media screen and (max-width: 768px) {
    html, body {
        width: 100%;
        height: auto;
        overflow: auto;
    }
    
   .logo {display: none!important;}
   .header-inner {width: 100%;}
   .header .left {display: flex;}
   .news-header-pic img {max-width: 100%;}
   body {
    background-size: auto;
   }

   .btn-h img,.btn-news img,.nav-line-img img,.btn-tese img, .download-tag img {width: auto;height: auto;}
 
   
 
}
