body {
  background: #000;
}
.none{
  display: none;
}
.opacity{
  opacity: 1
}
.absolute {
  position: absolute;
  left: 0;
  top: 0;
}
.border{
  border: 1px solid blue;
}
.loading {
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: url('../images/p1.jpg') no-repeat 0 0;
  background-size: 100% 100%
}

.load_val {
  width: 100%;
}

.loading_line {
  width: 33.97%;
  height: 4px;
  top: 53.07%;
  left: 32.68%;
  background: #5b361b;
}

.loading_line_blank {
  width: 0%;
  height: 100%;
  background: #fd7700;
}


.cover{
  width: 100%;
  height: 100%;
  background: url("../images/p0.jpg");
  background-size: 100% 100%;
  z-index: 10000;
}
.cover-box {
  width: 37%;
  height: 6.5%;
  left: 31%;
  top: 89.5%;
}
.catalog,.bg2 {
  width: 100%;
  height: 100%;
  background: url("../images/loading.jpg");
  background-size: 100% 100%;
}
.bg2 .content{overflow: auto;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.catalog img{
  display: block;
  width: 100%;
  height: 100%;
}
#cImg {
  display: block;
  width: 92%;
  margin: 0 auto;
  margin-top: 4%;
}
.btn-group {
  margin: 8% auto 10%
}
.bg2 .right {
  width: 30%;
  margin:0 0 0 4%;
}
.bg2 .left {
  width: 30%;
  margin:0 0 0 31%;

}
.music_blk {
  z-index: 99999;
    position: fixed;
    top: 30px;
    right: 45px;
    
}
.music {
  width: 30px;
  height: 30px;
  background: url(../images/music_on.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
}