/*图片轮播*/
.demobox { width: 1200px; min-width: 1200px; height: 640px; overflow: hidden; margin: 0 auto; z-index: 1000; position: absolute; top: 75px; }
.demo{ width: 1200px; height: 650px; margin: 0 auto; }
.demo img { border:2px #352315 solid; }
.imgList { width:1104px; left:42px; position: absolute; }/* 中间图片列表居中 */
.left-btn,.right-btn{ opacity: .8; z-index: 9999; }/* 左右按钮透明度 */
.left-btn:hover,.right-btn:hover{ opacity: 1; z-index: 999;}
.left-btn { background: url(btn-prev.png) no-repeat 0px 0px; }
.right-btn { background: url(btn-next.png) no-repeat 0px 0px; }

/*装备轮播*/
.slide3D{ position:relative; padding-top:130px; }
#slide { margin: 0 auto; width: 752px;height: 600px;position: relative;}
#slide li {position: absolute;width:760px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; -webkit-box-align: flex-start; -webkit-align-items: flex-start; background:#fff; overflow:hidden; box-shadow: 0 0 10px #000; background: #352315; text-align: center;}
#slide li img {width: 99.3%;height: 99%; margin: 2px 0 0 3px; }
.arrow { /* display: none;*/}
.arrow .prev,.arrow .next { position: absolute; width: 50px; height: 120px;  top: 32%; z-index: 9; opacity: 0.8; cursor: pointer; }
.arrow .prev { left: -220px; background: url(btn-prev.png) no-repeat; }
.arrow .next { right: -220px; background: url(btn-next.png) no-repeat; }
.arrow .prev:hover,.arrow .next:hover {  opacity: 1;}

/*背景音乐*/
#musicbox {opacity: 0.6; }
#musicbox a {
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #CCCCCC;
    border-radius: 60px;
    font-size: 26px;
    margin-top: 20px;
    background-image: url(../images/music.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#musicbox a.play { animation: rotates 3s linear infinite;}
#musicbox a img { width: 100%; height: 100%; }
@keyframes rotates {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}