body{
    max-width:unset;
    overflow:auto;
}
body *{max-width:unset;}

.logo,
.copyright{position:fixed;}
.copyright{
    top:unset;
    bottom:0.1rem;
    width:4rem;
    height:0.35rem;
}
.mouse{
    position:absolute;
    top:6.67rem;
    left:13.98rem;
    width:0.75rem;
    height:2.17rem;
    background:url('../images/mouse.png') no-repeat 50%;
    background-size:100% 100%;
}
.map{
    z-index:99;
    position:fixed;
    top:0.1rem;
    right:0.5rem;
    width:6.05rem;
    height:1.6rem;
    background:url('../images/map.png') no-repeat 50%;
    background-size:100% 100%;
}
.map a{
    position:absolute;
    width:0.08rem;
    height:0.08rem;
    background-color:#c00;
    border:0.02rem #fff solid;
    border-radius:50%;
}
.map a.on {
    border:0.02rem #ff0 solid;
    animation: dot 1s infinite ease-in-out;
}
@keyframes dot{
    0%{
        box-shadow:0 0 10px 2px rgba(250,250,0,.8);
    }
    50%{
        box-shadow:0 0 10px 2px rgba(250,250,0,.3);
    }
    100%{
        box-shadow:0 0 10px 2px rgba(250,250,0,.8);
    }
}
.map a i{position:absolute; top:0.1rem; left:0.1rem; font-size:0.1rem; white-space:nowrap;}

.map a:nth-of-type(1){top:0.86rem; left:5.31rem; width:0.16rem; height:0.16rem; background-color:#6D9CF0;}
.map a:nth-of-type(2){top:1.2rem; left:5.01rem; background-color:#6D9CF0;}
.map a:nth-of-type(3){top:1.17rem; left:4.87rem;}
.map a:nth-of-type(4){top:1.22rem; left:4.61rem;}
.map a:nth-of-type(5){top:1.2rem; left:4.44rem; background-color:#6D9CF0;}
.map a:nth-of-type(6){top:1.2rem; left:4.26rem;}
.map a:nth-of-type(7){top:1.21rem; left:4.06rem;}
.map a:nth-of-type(8){top:1.24rem; left:3.63rem;}
.map a:nth-of-type(9){top:1.34rem; left:3.16rem; background-color:#6D9CF0;}
.map a:nth-of-type(10){top:1.18rem; left:2.79rem; background-color:#6D9CF0;}
.map a:nth-of-type(11){top:1.26rem; left:2.4rem; background-color:#6D9CF0;}
.map a:nth-of-type(12){top:1.34rem; left:1.91rem;background-color:#6D9CF0;}
.map a:nth-of-type(13){top:1.33rem; left:0.62rem; width:0.16rem; height:0.16rem; }
.map a:nth-of-type(14){top:0.75rem; left:2.92rem; background-color:#6D9CF0;}
.map a:nth-of-type(15){top:0.48rem; left:3.44rem;}
.map a:nth-of-type(16){top:0.57rem; left:3.91rem;}
.map a:nth-of-type(17){top:0.62rem; left:4.16rem;}
.map a:nth-of-type(18){top:0.59rem; left:4.64rem;}
.map a:nth-of-type(19){top:0.42rem; left:4.72rem;}
.map a:nth-of-type(20){top:0.05rem; left:4.82rem;}

/* 翻页按钮 */
.btn_prev,
.btn_next{
    z-index:100;
    position:fixed;
    top:50%;
    transform:translateY(-50%);
    left:0.3rem;
    width:0.6rem;
    height:0.99rem;
    background-image:url('../images/btn_prev_2.png');
	background-repeat:no-repeat;
    background-size:100% 100%;
    
    cursor:pointer;
}
.btn_next{left:unset; right:0.3rem; background-image:url('../images/btn_next_2.png');}

#pageContain {
    position: relative;
    height: 100vmin;
    background-image: url('../images/006-bg.jpg'), url('../images/006-bg-2.jpg');
    background-repeat: no-repeat;
    background-position: left center, right center;
    background-size: 60rem 100%, calc(100% - 60rem) 100%;
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
}
.page{
    position:relative;
    width:20rem;
    flex: 0 0 20rem;

    /* border:1px #c00 solid; */
}

.vr{
    position:absolute;
    top:2.3rem;
    left:10.45rem;
    width:6.23rem;
    height:3.11rem;
    background:url('../images/vr-bg.png') no-repeat 50%;
    background-size:100% 100%;
}
.vr i{
    position:absolute;
    width:100%;
    height:100%;
    background:url('../images/vr.png') no-repeat 50%;
    background-size:100% 100%;
    pointer-events:none;
}
.vr img{
    position:absolute;
    top:0;
    left:0.65rem;
    width:4.92rem;
    height:2.52rem;
    object-fit:cover;
    -webkit-mask:url('../images/vr-mask.png') no-repeat 50% / 100% 100%;
	mask:url('../images/vr-mask.png') no-repeat 50% / 100% 100%;
    
}

.vlog{
	position:absolute;
	top:5.75rem;
	left:9.75rem;
	width:3.34rem;
	height:2.77rem;
}
.vlog i{
    position:absolute;
    width:100%;
    height:100%;
    background:url('../images/vlog.png') no-repeat 50%;
    background-size:100% 100%;
    pointer-events:none;
}
.vlog img{
    position:absolute;
    bottom:0;
    left:0;
    width:2.55rem;
    height:2.55rem;
    object-fit:cover;
    background-color:#103162;
    border-radius:50%;
    border:2px #FCDE93 solid;
    padding:0.15rem;
}

.site{
    position:absolute;
    top:2.5rem;
    left:1.6rem;
    width:7rem;
    height:7rem;
    background-repeat:no-repeat;
    background-size:5.37rem;
}
.site img{
    position:absolute;
    top:4rem;
    left:2rem;
    width:4.25rem;
    height:2.7rem;
    object-fit:cover;
    border-radius:0.1rem;
    border:2px #FCDE93 solid;
}
.site dt{
    position:absolute;
    top:1.05rem;
    right:0;
    width:6.4rem;
    height:3.6rem;
    background-color:rgba(16,49,98,0.7);
    border-radius:0.1rem;
    padding:0.3rem;

    font-size:0.22rem;
    text-align:justify;
}

/* 移动端自适应 */
@media screen and (max-width:1024px){

}