.backstory-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../img/backstory/bg.jpg") no-repeat center;
    background-size: cover;
}
.backstory-world{
    width: 37.875rem;
    position: absolute;
    left: 23.375rem;
    top: 20.375rem;
}
.backstory-since{
    width: 18.4375rem;
    position: absolute;
    bottom: 16.5rem;
    left: 30.5rem;
}
.backstory-more{
    width: 14.625rem;
    position: absolute;
    bottom: 8.375rem;
    right: 21.25rem;
}
.backLoading{
    height: 100%;
    overflow-y: auto;
    display: none;
}
.b1{
    position: absolute;
    z-index: 0;
    width: 100%;
    display: block;
}
.b2{
    position: absolute;
    z-index: 1;
    top: 40rem;
    left: 10rem;
    width: 48.75rem;
    height: 22.5rem;
}
.b3{
    position: absolute;
    z-index: 1;
    top: 80rem;
    left: 30.625rem;
    width: 39.75rem;
    /* background: firebrick; */
    height: 5.6875rem;
}
.inner-read-more{
    position: absolute;
    width: 2rem;
    left: 18.3125rem;
    top: 87.5rem;
}
.close-b{
    position: fixed;
    z-index: 11;
    top: 2rem;
    left: 4rem;
    width: 1.5625rem;
    height: 2.4375rem;
}
.b-it{
    position: absolute;
    left: 43.125rem;
    top: 90rem;
    width: 34.0625rem;
    /* word-break: hyphenate; */
    z-index: 10;
}
.b-t1{
    color: #f2f2f2;
    font-size: 2.0625rem;
}
.b-the{
    position: absolute;
    left: 55rem;
    top: 104rem;
    width: 33.8rem;
    /* word-break: hyphenate; */
    z-index: 10;
    height: 25rem;
}
.b-t2{
    color: rgba(255, 255, 255,.8);
    font-size: 1.375rem;
}
.b-play{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 9.25rem;
    height: 1.5625rem;
    cursor: pointer;
}
.b-baoyu{
    width: 80.75rem;
    height: 39.75rem;
    top: 140rem;
    position: absolute;
    z-index: 10;
    left: 20rem;
}
.b-strom{
    width: 35.5625rem;
    height: 11.1875rem;
    position: absolute;
    z-index: 10;
    top: 190rem;
    left: 20rem;
}
.b-this{
    width: 29.125rem;
    height: 25rem;
    position: absolute;
    top: 210rem;
    left: 20rem;
    z-index: 10;
}
.b-stromImg{
    width: 60.75rem;
    height: 49.95rem;
    top: 200rem;
    right: 0;
    position: absolute;
    z-index: 10;
}
.b-1996{
    /* width: 34.4375rem; */
    height: 18.8125rem;
    top: 250rem;
    right: 20rem;
    position: absolute;
    z-index: 10;
}
.b-everything{
    width: 39.75rem;
    height: 12.5rem;
    top: 275rem;
    right: 20rem;
    position: absolute;
    z-index: 10;
    text-align: right;
}
.b-yaobai{
    width: 72.625rem;
    height: 38.125rem;
    top: 290rem;
    left: 20rem;
    position: absolute;
    z-index: 10;
}
.b-1929{
    width: 38.625rem;
    height: 12.5625rem;
    top: 335rem;
    left: 20rem;
    position: absolute;
    z-index: 10;
}
.b-every{
    width: 48.375rem;
    word-wrap: normal;
    top: 350rem;
    left: 20rem;
    position: absolute;
    z-index: 10;
}
.b-jazz{
    width: 68.0625rem;
    height: 63.5625rem;
    top: 365rem;
    left: 0;
    position: absolute;
    z-index: 10;
}
.b-at{
    width: 29.75rem;
    height: 26.25rem;
    top: 370rem;
    right: 15rem;
    position: absolute;
    z-index: 10;
}
.b-t{
    position: absolute;
    bottom: 0;
    right: 0;
}
.b-la{
    width: 66.125rem;
    height: 18.9375rem;
    top: 415rem;
    left: 22rem;
    position: absolute;
    z-index: 10;
}
.b-laimg{
    width: 80.5625rem;
    height: 36.1875rem;
    top: 438rem;
    left: 20rem;
    position: absolute;
    z-index: 10;
}
.b-bet{
    width: 46.5625rem;
    top: 480rem;
    left: 40rem;
    position: absolute;
    z-index: 10; 
    word-wrap: normal;
}
.b-after{
    width: 50.375rem;
    height: 22.5rem;
    top: 488rem;
    left: 40rem;
    position: absolute;
    z-index: 10; 
    word-wrap: normal;
}
.b-right{
     position: absolute;
    /* left: 0; */
    right: 0;
    bottom: 0;
    width: 9.25rem;
    height: 1.5625rem;
    cursor: pointer;
}
.b-school{
    width: 57.5625rem;
    /* height: 18.5625rem; */
    top: 515rem;
    left: 20rem;
    position: absolute;
    z-index: 10; 
}
.b-schoolimg{
    width: 84.25rem;
    height: 42.4375rem;
    top: 538rem;
    left: 0;
    position: absolute;
    z-index: 10; 
}
.b-in{
    width: 34.375rem;
    height: 31.25rem;
    top: 545rem;
    right: 15rem;
    position: absolute;
    z-index: 10; 
    word-wrap: normal;
}
.b-b{
    width: 3.8125rem;
    margin-bottom: 2rem;
}
.b-case{
    width: 49.25rem;
    height: 5.6875rem;
    top: 590rem;
    left: 19rem;
    position: absolute;
    z-index: 10; 
}
.b-a{
    width: 33.5rem;
    word-wrap: normal;
    top: 600rem;
    left: 45rem;
    position: absolute;
    z-index: 10;
}
.b-there{
    width: 42.8125rem;
    height: 12.8125rem;
    top: 617rem;
    left: 54rem;
    position: absolute;
    z-index: 10;
}
.b-suitcaseimg{
    width: 79.1875rem;
    height: 44.6875rem;
    top: 633rem;
    left: 20rem;
    position: absolute;
    z-index: 10;
}
.b-spinning{
    width: 42.5rem;
    height: 11.125rem;
    top: 690rem;
    left: 20rem;
    position: absolute;
    z-index: 10;
}
.b-lake{
    width: 82.875rem;
    height: 45.5625rem;
    top: 706rem;
    right: 0;
    position: absolute;
    z-index: 10;
}
.b-win{
    width: 23.125rem;
    height: 24.375rem;
    top: 718rem;
    left: 20rem;
    position: absolute;
    z-index: 10;
}
.b-weier{
    position: fixed;
    bottom: 5rem;
    right: 4rem;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}
.weier-img{
    width: 9.6875rem;
    height: 9.6875rem;
}
.weier-voice{
    width: 4.375rem;
    height: 4.375rem;
    margin-right: 2rem;
}


/* 滚动槽 */
.backLoading::-webkit-scrollbar {
    width: 8px;
  }
  .backLoading::-webkit-scrollbar-track {
    border-radius: 3px;
    background: #666;
  }
  /* 滚动条滑块 */
  .backLoading::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #fff;
  }
  