html,
body {
    height: 100%;
}

.wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

.bear-title img {
    width: 100%;
}

.bearList {
    padding: 151px 0 134px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.bearitem {
    padding: 51px 0 109px;
    margin: 0 19px;
    max-width: 376px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 36px 0px rgba(187, 192, 200, 0.2);
    border-radius: 14px;
}

.bearitem p {
    display: block;
    font-size: 18px;
    color: #666;
}

.bearitem img {
    padding: 20px 0 0;
    display: block;
}

/*.footer {*/
/*    width: 100%;*/
/*    height: 80px;*/
/*    background: rgba(31, 34, 42, 1);*/
/*    color: #FFFFFFFF;*/
/*    text-align: center;*/
/*    line-height: 80px;*/
/*    font-size: 14px;*/
/*    !* position: absolute;*/
/*    left: 0;*/
/*    bottom: 0; *!*/
/*}*/
.footer {
    width: 100%;
    height: 40px;
    background: rgba(31, 34, 42, 1);
    color: #FFFFFFFF;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    display: block;
}
@media only screen and (max-width: 375px) {
    .bearList {
        padding: 30px 0;
    }
    .bearitem {
        flex: 1;
        padding: 0;
        margin: 0;
        box-shadow: 0px 0px 36px 0px rgba(187, 192, 200, 0.2);
        border-radius: 14px;
    }
    .bearitem img {
        width: 40px;
    }
    .bearitem p {
        font-size: 14px;
    }
    .footer {
        position: fixed;
        bottom: 0;
        left: 0;
    }
    div.footer {
        position: fixed;
        bottom: 40px;
        left: 0;
    }
}