﻿@charset "UTF-8";

.call-us-page {
    background: #fff;
}

    .call-us-page .container {
        padding:0;
    }

    .call-us-page .row1 {
        width: 100%;
        height: auto;
        margin: 0;
        margin-bottom: 1rem;
    }

    .call-us-page .info {
        width:64%;
        padding: .6rem 0;
        text-align: center;
        float:left;
        padding-top:0;
    }

        .call-us-page .info > h1 {
            margin-bottom: .5rem;
            font-size: 1rem;
            color: #2d282f;
        }

        .call-us-page .form > form, .call-us-page .info > p {
            font-size: .16rem;
            color: #2d282f;
            -webkit-appearance: none;
            -moz-appearance:none;
        }

        .call-us-page .info > p {
            margin-bottom: .05rem;
            -webkit-appearance: none;
            -moz-appearance: none;
        }

        .call-us-page .info .qr {
            width:100%;
            height:auto;
            display:table;
            margin: 0 0 .3rem 0;
        }

        .call-us-page .info .qr img{
            float:left;
            width:auto;
            height:1rem;
        }

            .call-us-page .info .qr .qr_info {
                float: left;
                font-size:.2rem;
                margin-left:.2rem;
                line-height:.35rem;
            }

    .call-us-page .contact_right {
        width:35%;
        float:right;
    }

    .call-us-page .contact_right img{
        width: 100%;
        height:auto;
    }


    .call-us-page .form {
        padding-top: 0;
        padding-bottom: 2rem;
    }

@media (min-width:768px) {
    .call-us-page .info {
        text-align: left;
    }

    .call-us-page .form {
        text-align: left;
        padding-top: 3rem;
    }
}

.call-us-page .form > form > div {
    height: .8rem;
}

    .call-us-page .form > form > div > input[type=text] {
        width: 100%;
        height: .4rem;
        border: none;
        outline: 0;
        border-bottom: 1px solid #d4d4d4;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .call-us-page .form > form > div.code input[type=text] {
        width: 40%;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .call-us-page .form > form > div > img {
        width: 1rem;
        height: .35rem;
    }

    .call-us-page .form > form > div > button {
        margin-top: .3rem;
        width: 1.3rem;
        height: .4rem;
        text-align: center;
        font-size: .18rem;
        -webkit-border-radius: .06rem;
        border-radius: .06rem;
        color: #fff;
        background: #f0a683;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

@media (max-width:767px) {
    .call-us-page .info > h1 {
        display:none;
    }
    .call-us-page .info {
        width: 96%;
        padding: .6rem 0;
        text-align: center;
        float: none;
        margin:0 auto;
    }

        .call-us-page .info .qr img {
            float: none;
            width: auto;
            height: auto;
        }

        .call-us-page .info .qr .qr_info {
            float: none;
            font-size: .35rem;
            margin: .5rem 0;
            line-height: .65rem;
            text-align:center;

        }

    .call-us-page .contact_right {
        width: 96%;
        height:auto;
        float: none;
        margin:0 auto;
    }

    .call-us-page .form > form, .call-us-page .info > p {
        font-size: 0.3rem;
        color: #2d282f;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .call-us-page .form > form > div {
        height: .8rem;
        margin: .2rem 0;
    }

        .call-us-page .form > form > div > button {
            margin-top: .3rem;
            width: 2rem;
            height: .8rem;
            text-align: center;
            font-size: .36rem;
            -webkit-border-radius: .06rem;
            border-radius: .06rem;
            color: #fff;
            background: #f0a683;
            -webkit-appearance: none;
            -moz-appearance: none;
        }
}
