* {box-sizing:border-box;word-wrap:break-word;word-break:break-all;}
html{
    padding: 0;margin: 0;
    font-size: 16px;
}
body {
    padding: 0;margin: 0;background-color: #ffffff;
}
img, p, div {margin: 0; padding: 0; }
img {border: 0;}

.header {
    float: left;
    position: absolute; top: 0; left: 0; width: 100%; z-index: 100;
    padding:0;
    overflow: hidden;
}
.header img{float: left; width: 100%;}
.video {
    width: 100%; height: 42vw; overflow: hidden;
}
.video video {
    float:left; width: 100%; height: 42vw; object-fit: cover; object-position: center center;
}
.image {float:left; width: 100%; overflow: hidden;}
.image img{float:left; width: 100%;}
.link-btn {
    position: fixed; z-index:10; width:100%;padding: 20px;
    display: flex;flex-flow: row nowrap;justify-content: flex-end;align-items: center;
    bottom: 0; right: 10px; overflow: hidden;
}

.link-btn .item {
    margin: 0 10px;
    width: 40px; height: 40px; background-color: rgba(0,0,0,.5);
    color: #ffffff; font-size: 16px; text-align: center;
    display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;
    border-radius: 50%;
    transition: all .25s;
    overflow: hidden;
}
.link-btn .item:hover,
.link-btn .selected {background-color: rgba(234, 100, 74, .8);transform:scale(1.2);}