*{margin: 0; padding: 0; box-sizing: border-box; }
@media (min-width: 1401px) {

    .block{width: 100%; height: 100vh; display: flex;}
    .block .left,.block .right{flex: 0.5; width: 100%; height: 100%;}
    .block .left{background-image:url(https://kingdomcomerpg-1308616072.cos.ap-chengdu.myqcloud.com/fm26/images/left-bg.png); background-size: cover;}
    .block .right{background-color: #090f1d; position: relative; background-image: url(https://kingdomcomerpg-1308616072.cos.ap-chengdu.myqcloud.com/fm26/images/right-bg.png); background-size: 100% auto; background-repeat: no-repeat; padding-top: 6vw;}

    .block .right .logo{ width: 21.3vw; margin: 0 auto; display: block;}
    .block .right .btn{ width: 13.5vw; margin: 0 auto; display: block; margin-top:5vh}
    .block .right .date-font{ width: 7.25vw; margin: 0 auto; display: block; margin-top: 33px;}

    .block .right iframe{ width: 32.8vw; height: 17.7vw; margin: 0 auto; display: block; margin-top: 3.3vw; border: none; border-radius: 8px; }

    .block .right .steam-logo{ width: 4.67vw; margin: 0 auto; display: block; margin-top: 22px;}
}

@media (max-width: 1400px) {

    .block{width: 100%; height: 100vh; display: flex;}
    .block .left{display: none;}
    .block .right{flex: 1; width: 100%; height: 100%;}
    .block .right{background-color: #090f1d; position: relative; background-image: url(https://kingdomcomerpg-1308616072.cos.ap-chengdu.myqcloud.com/fm26/images/right-bg.png); background-size: 100% auto; background-repeat: no-repeat; padding-top: 6vw;}

    .block .right .logo{ width: 50vw; margin: 0 auto; display: block;}
    .block .right .btn{ width: 30vw; margin: 0 auto; display: block; margin-top:5vh}
    .block .right .date-font{ width: 15vw; margin: 0 auto; display: block; margin-top: 33px;}

    .block .right iframe{ width: 66.8vw; height: 37.7vw; margin: 0 auto; display: block; margin-top: 10vw; border: none; border-radius: 8px; }

    .block .right .steam-logo{ width: 10vw; margin: 0 auto; display: block; margin-top: 22px;}
}