@import "../sass/mixins";

$maincolor : #ff6b1a;

.v-mod-footer{
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 11;
    background: rgba(0,0,0,0.9);
    padding: px2rem(20);
    display: flex;
    &.tp2{
        .footer-fl{
            background: url(../../img/icon-logo2.png) no-repeat;
            background-size: 100%;
        }
    }
    .footer-fl{
        width: px2rem(88);
        height: px2rem(88);
        background: url(../../img/icon-logo.png) no-repeat;
        background-size: 100%;
    }
    .footer-fm{
        flex: 1;
        text-align: left;
        padding-left: px2rem(16);
        h3{
            font-size: px2rem(32);
            color: $maincolor;
            line-height: px2rem(50);
        }
        p{
            font-size: px2rem(24);
            color: #ff8542;
        }
    }
    .footer-fr{
        display: flex;
        align-items: center;
        .btn-open{
            display: block;
            width: px2rem(127);
            height: px2rem(60);
            background: url(../../img/btn-open2.png) no-repeat;
            background-size: 100%;
            margin-right: px2rem(30);
        }
        .btn-close{
            display: block;
            width: px2rem(40);
            height: px2rem(40);
            background: url(../../img/btn-close2.png) no-repeat;
            background-size: 100%;   
        }
    }
}