dwweb-h5/2018专题/1806全景图专题-H5/scss/entry.scss

@import 'reset.scss';
@import './base/mixin.scss';

html,body{
    height: 100%;
    overflow: hidden;
}
body{
    background: url('../img/m-entry-bg.jpg') center center no-repeat;
    background-size: cover;
}

.entry-video{
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.aim-glass{
    position: absolute;
    top: 50%;
    left: 50%;
    height: px2rem(800);
    width: px2rem(800);
    margin-left: -px2rem(400);
    margin-top: -px2rem(400);
    background: url('../img/index-aim.png') center center no-repeat;
    background-size: 100%;
}

.hunter-logo{
    position: absolute;
    top: px2rem(20);
    left: px2rem(20);
    width: px2rem(421);
    height: auto;
}

.vr-logo{
    position: absolute;
    bottom: px2rem(20);
    right: px2rem(180);
    width: px2rem(171);
}

.xinshijie-logo{
    position: absolute;
    bottom: px2rem(20);
    right: px2rem(20);
    width: px2rem(124);
}

.entry-text{
    position: absolute;
    z-index: 1;
    bottom: px2rem(82);
    width: px2rem(423);
    margin-left: -px2rem(225);
    left: 50%;
}

.bgm-logo{
    position: absolute;
    top: px2rem(36);
    right: px2rem(36);
    width: px2rem(57);
    height: px2rem(57);
    background: url('../img/bgm-icon.png') bottom center no-repeat;
    background-size: 100%;
}