* {
    margin: 0;
    padding: 0;
}

html, body {
    font-family: 'Microsoft YaHei',"微软雅黑",Arial,sans-serif;
}

input,
textarea,
img {
    box-sizing: border-box;
}

li {
    list-style: none;
}

.main-container {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: 970px;
    margin: 0 auto;
    color: #333;
}

.clearfix:after {
    content: ".";
    visibility: hidden;
    height: 0;
    zoom: 1;
    display: block;
    clear: both;
}

.content-box-left {
    float: left;
    width: 705px;
    border: 1px solid #ddd;
    position: relative;
    /*height: 456px;*/
}

.content-box-right {
    float: right;
    width: 250px;
    /*height: 460px;*/
    border: 1px solid #ddd;
    position: relative;
}

.left-box-title {
    height: 30px;
    background: url(/gada/res/img/pic.png) no-repeat -1px 0;
    width: 270px;
    overflow: hidden;
}

.right-box-title {
    height: 30px;
    background: url(/gada/res/img/pic.png) no-repeat -288px 0;
    width: 200px;
    overflow: hidden;
}

.content-box-title {
    font-size: 22pt;
    color: #02B1F5;
    text-align: center;
    margin: 64px 0;
}

.cb-wrapper {
    width: 350px;
    margin: 0 auto;
}

.cb-wrapper-ul {
    /* width: 350px;
    margin: 0 auto; */
}

    .cb-wrapper-ul li {
        border-bottom: 1px solid #ddd;
        margin-bottom: 30px;
        padding: 2px 0;
        cursor: pointer;
    }

        .cb-wrapper-ul li label {
            color: #333;
        }

        .cb-wrapper-ul li input {
            border: none;
            line-height: 28px;
            text-align: right;
            width: 252px;
            margin: 0 2px;
            padding: 0 20px 0 10px;
        }

    .cb-wrapper-ul .li_1 input {
        line-height: 18px;
        background: url(/gada/res/img/arrow.png) no-repeat 230px -4px;
    }

    .cb-wrapper-ul .li_2 input {
        line-height: 18px;
        background: url(/gada/res/img/arrow.png) no-repeat 230px -4px;
    }

    .cb-wrapper-ul .li_3 input {
        line-height: 18px;
        background: url(/gada/res/img/arrow.png) no-repeat 230px -4px;
    }

    /*.cb-wrapper-ul li::after {
            background: url(/gada/res/img/arrow.png) no-repeat -4px 3px;
            height: 30px;
            width: 22px;
            content: " ";
            position: absolute;
        }*/

    .cb-wrapper-ul li:last-child input {
        width: 203px;
        padding: 0 6px;
        line-height: 20px;
    }

    .cb-wrapper-ul li:last-child::after {
        content: "万公里";
        width: 44px;
        color: #02B1F5;
        background: white;
        padding-top: 5px;
        height: 20px;
        margin-left: 3px;
    }

    .cb-wrapper-ul li::before {
        background: url(/gada/res/img/pic.png) no-repeat;
        margin-bottom: -10px;
        height: 30px;
        width: 30px;
        content: " ";
        display: inline-block;
    }

    .cb-wrapper-ul .li_1::before {
        background-position: 3px -44px;
    }

    .cb-wrapper-ul .li_2::before {
        background-position: -36px -44px;
    }

    .cb-wrapper-ul .li_3::before {
        background-position: -72px -44px;
    }

    .cb-wrapper-ul .li_4::before {
        background-position: -108px -44px;
    }

.cb-btn {
    border: none;
    color: white;
    background: #0294F5;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
    margin-bottom: 40px;
}

.cb-right-wrapper {
    padding: 14px 13px;
}

.cb-r-info {
    font-size: 12px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    padding: 6px;
}

.yy-info {
    font-size: 12px;
    color: #666;
}

.cb-right-ul li {
    margin-bottom: 8px;
    height: 32px;
    line-height: 32px;
}

    .cb-right-ul li:after {
        content: ' ';
        display: block;
        clear: both;
    }


.cb-right-ul label {
    width: 60px;
    display: inline-block;
}

.cb-right-ul input {
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    padding: 0 4px;
    width: 156px;
    margin-left: 4px;
    text-align: right;
    float: right;
}

.yy-area {
    position: relative;
}

    .yy-area input {
        line-height: 30px;
        height: 30px;
        cursor: pointer;
        padding-right: 30px;
        background: url(/gada/res/img/arrow.png) no-repeat 126px 2px;
    }


.yy-time {
    position: relative;
}

    .yy-time input {
        line-height: 30px;
        height: 30px;
        cursor: pointer;
        text-align: right;
        /*padding-right: 30px;*/
        /*background: url(/gada/res/img/pic.png) no-repeat -25px -45px;*/
    }