* {
    box-sizing: border-box;
}

.body {
    min-height: 100vh;
    background: #F7F7F7;
    position: relative;
    padding-top: .4rem;
    box-sizing: border-box;

    .imgBoxx {
        height: 9.98rem;
        width: 7.1rem;
        background: url(../assets/bgImg.png) center center no-repeat;
        background-size: 100% 100%;
        position: relative;
    }

    .btn {
        position: fixed;
        bottom: .8rem;
        left: 50%;
        width: 3.2rem;
        margin-left: -1.6rem;
        line-height: .8rem;
        border: .02rem solid #dfba79;
        text-align: center;
        color: #CF9D4A;
        font-size: .26rem;
        border-radius: .4rem;
    }

    .name {
        width: 1.92rem;
        position: absolute;
        top: 4.09rem;
        left: 3.1rem;
        border-bottom: 1px solid #104162;
        font-size: .28rem;
        font-weight: bold;
        color: #c78826;
        text-align: center;
        line-height: .4rem;
    }

    .year {
        font-size: .24rem;
        font-weight: bold;
        color: #c78826;
        line-height: .33rem;
        position: absolute;
        top: 4.63rem;
        left: 3rem;
        border-bottom: 1px solid #104162;
        text-align: center;
        width: .9rem;
    }

    .enYear {
        font-size: .18rem;
        color: #707172;
        line-height: .25rem;
        position: absolute;
        top: 5.84rem;
        left: 3.64rem;
        border-bottom: 1px solid #707172;
        text-align: center;
        width: .66rem;
    }

    .none {
        display: none;
    }
}

img {
    height: 3508px;
    width: 2481px;
    display: block;
}

#myCanvas {
    height: 3508px;
    width: 2481px;
}