.footer {
    padding-top: 72px;
}

.footer-content hr {
    margin: 0;
}

#block-yuyuetiyanbannertu:nth-child(1) {
    display: none;
}

.pageBox{background:#000;}

.yuyue {
    width             : 100%;
    min-width         : 1200px;
    height            : 940px;
    background        : #000;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    padding-top       : 71px;
    display           : flex;
    flex-direction    : row;
    justify-content   : flex-start;
}

.yuyue-info {
    margin-left: calc((100% - 1200px)/2);
    width      : 566px;
    height     : 100%;
}

#block-yuyuetiyanbannertu {
    width : 50%;
    height: 100%;
}

#block-yuyuetiyanbannertu>img {
    width : 100%;
    height: 100%;
}

.yuyue-form {
    background        : #000;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    width             : 530px;
    height            : 100%;
    padding           : 40px 20px 70px 20px;
    padding-left      : 0px;
    color             : #fff;
}

.form_xinxi {
    width: 100%;
}

.form_xinxi>div {
    width            : 100%;
    height           : 39px;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    margin           : 21px 0;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-box-pack : justify;
    -ms-flex-pack    : justify;
    justify-content  : space-between;
}

.serviceType p{
    color:#c79836;
    width:200px;
}

.serviceType .serviceType-list{
    display:flex;
}

.serviceType .serviceType-list li{
    padding:0 15px;
    cursor: pointer;
}

.serviceType .serviceType-list li span{
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:5px;
    border:1px solid #fff;
    margin-right:15px;
}

.serviceType .serviceType-list li.checked span{
    border:1px solid #c79836;
    background-color:#c79836;
}

.mendian-info {
    width             : 398px;
    height            : 39px;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    border            : 2px solid #706f6f;
    border-radius     : 5px;
    padding-left      : 20px;
    padding-right     : 30px;
    line-height       : 35px;
    font-size         : 16px;
}

.mendian-info p {
    float: left;
}

.mendian-info i {
    float     : right;
    width     : 17px;
    height    : 39px;
    background: url("../img/yuyue/fresh.png") no-repeat center center;
    cursor    : pointer;
}

/* 日期选择 */
#mydatepicker2 {
    width             : 398px;
    height            : 39px;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    border            : 2px solid #706f6f;
    border-radius     : 3px;
    padding-left      : 20px;
    padding-right     : 30px;
    line-height       : 35px;
    font-size         : 16px;
    background        : transparent;
    outline           : 0;
    color             : #fff;
}

#mydatepicker2::-webkit-input-placeholder {
    color: #fff;
}

#mydatepicker2:-ms-input-placeholder {
    color: #fff;
}

#mydatepicker2::-ms-input-placeholder {
    color: #fff;
}

#mydatepicker2::placeholder {
    color: #fff;
}

::-webkit-input-placeholder {
    color: #fff;
}

/* 用户姓名用户电话输入框 */
.userName>input,
.userPhone>input,
.carModel>input,
.carNum>input {
    width             : 398px;
    height            : 39px;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    border            : 0;
    border-bottom     : 2px solid #706f6f;
    padding-left      : 20px;
    padding-right     : 30px;
    line-height       : 37px;
    font-size         : 16px;
    background        : transparent;
    outline           : 0;
    color             : #fff;
}

/* 验证码输入框 */
.vire-info {
    width           : 398px;
    height          : 39px;
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
}

.vire-info input {
    width             : 234px;
    height            : 39px;
    border            : 2px solid #706f6f;
    outline           : 0;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    padding-left      : 20px;
    background        : transparent;
    line-height       : 35px;
    border-radius     : 5px;
    color             : #fff;
}

.vire-info input::-webkit-input-placeholder {
    color: #fff;
}

.vire-info input::-o-input-placeholder {
    color: #fff;
}

.vire-info input::-moz-input-placeholder {
    color: #fff;
}

.vire-info input::-webkit-input-placeholder {
    color: #fff;
}

.vire-info input:-ms-input-placeholder {
    color: #fff;
}

.vire-info input::-ms-input-placeholder {
    color: #fff;
}

.vire-info input::placeholder {
    color: #fff;
}

.vire-info a {
    display    : block;
    width      : 151px;
    height     : 39px;
    line-height: 35px;
    color      : #000;
    border     : 2px solid #fff;
    background : #fff;
    text-align : center;
    font       : 16px;
}

.vire-info a:hover {
    background : transparent;
    color      : #c79836;
    border     : 0;
    border     : 1px solid #c79836;
    line-height: 38px;
}

input.error::-webkit-input-placeholder {
    color      : #c98730;
    font-weight: 700;
}

input.error:-ms-input-placeholder {
    color      : #c98730;
    font-weight: 700;
}

input.error::-ms-input-placeholder {
    color      : #c98730;
    font-weight: 700;
}

input.error::placeholder {
    color      : #c98730;
    font-weight: 700;
}

input.error::-webkit-input-placeholder {
    color: #c98730;
}

input.error::-o-input-placeholder {
    color: #c98730;
}

input.error::-moz-input-placeholder {
    color: #c98730;
}

div.tijiao {
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    width             : 100%;
    height            : 39px;
    line-height       : 46px;
    background        : #fff;
    color             : #000;
    text-align        : center;
    margin-top        : 72px;
    cursor            : pointer;
    -webkit-transition: .3s;
    transition        : .3s;
}

div.tijiao:hover {
    background : transparent;
    color      : #c79836;
    border     : 0;
    border     : 1px solid #c79836;
    line-height: 38px;
}

.yuyue>img {
    display: none;
    width  : 100%;
}

/* 预约信息 */
.yuyueMsg {
    width             : 484px;
    /* height         : 640px; */
    padding-bottom    : 30px;
    background        : #fff;
    position          : fixed;
    bottom            : -640px;
    left              : 50%;
    -webkit-transform : translate(-50%, 50%);
    transform         : translate(-50%, 50%);
    z-index           : 10001;
    color             : #000;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    padding           : 58px 59px 59px 59px;
    -webkit-transition: .5s;
    transition        : .5s;
}

.yuyueMsg>button {
    width     : 40px;
    height    : 40px;
    font-size : 40px;
    border    : 0;
    outline   : 0;
    background: transparent;
    position  : absolute;
    top       : -10px;
    right     : 0;
    color     : #000;
}

.yuyueMsg>h1 {
    font-size: 26px;
}

.yuyueMsg>hr {
    width : 62px;
    margin: 28px 0;
    background: #000;
}

.msg {
    width: 100%;
}

.msg>ul {
    width: 100%;
}

.msg>ul>li {
    width           : 100%;
    /* height       : 57px; */
    line-height     : 57px;
    border-bottom   : 1px solid #000;
    margin-top      : 30px;
}

.yuyueBtn {
    width           : 100%;
    height          : 41px;
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    margin-top      : 63px;
}

.yuyueBtn>.querenyuyue,
.yuyueBtn>.canclyuyue {
    width      : 172px;
    height     : 41px;
    line-height: 41px;
    color      : #fff;
    text-align : center;
    cursor     : pointer;
}

.yuyueBtn>.querenyuyue {
    background: #c79836;
}

.yuyueBtn>.canclyuyue {
    background: #000;
}

/* 预约成功弹出框 */
.yuyueSuccess,
.yuyueError {
    width                : 484px;
    height               : 222px;
    position             : fixed;
    bottom               : -222px;
    left                 : 50%;
    -webkit-transform    : translate(-50%, 50%);
    transform            : translate(-50%, 50%);
    background           : #fff;
    -webkit-transition   : .5s;
    transition           : .5s;
    z-index              : 10001;
    color                : #000;
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column;
    -webkit-box-pack     : center;
    -ms-flex-pack        : center;
    justify-content      : center;
    -webkit-box-align    : center;
    -ms-flex-align       : center;
    align-items          : center;
}

.yuyueError {
    height            : 358px;
    bottom            : -358px;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    padding           : 51px 66px;
    text-align        : center;
    -webkit-box-pack  : justify;
    -ms-flex-pack     : justify;
    justify-content   : space-between;
}

.yuyueError>.errBtn {
    width           : 100%;
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    height          : 41px;
}

.yuyueError>.errBtn>button {
    width     : 172px;
    height    : 41px;
    border    : 0;
    outline   : 0;
    color     : #fff;
    background: #c79836;
    font-size : 16px;
    padding   : 0;
}

.yuyueError>.errBtn>button.cancleTo {
    background: #000;
}

.yuyueSuccess>button,
.yuyueError>button {
    width     : 40px;
    height    : 40px;
    position  : absolute;
    top       : 0px;
    right     : 0;
    color     : #000;
    font-size : 40px;
    border    : 0;
    outline   : 0;
    background: transparent;
}

.yuyueSuccess>p,
.yuyueError>p {
    font-weight: 900;
    padding-top: 38px;
    font-size  : 26px;
}

.yuyueError>p {
    padding-top: 0;
}

@media (max-width:992px) {
    body {
        background: #000;
    }

    .web-footer {
        padding-top: .72rem;
        background : #000;
    }

    .footer-content hr {
        margin: 0;
    }

    .form-desc>.desc-title {
        font-size: .26rem;
    }

    .form-desc>hr {
        margin       : 0;
        margin-top   : .28rem;
        margin-bottom: .30rem;
        max-width    : .62rem;
    }

    .yuyue {
        width             : 100%;
        min-width         : 6.67rem;
        height            : auto;
        background        : #000;
        -webkit-box-sizing: border-box;
        box-sizing        : border-box;
        padding-top       : .71rem;
        display           : block;
    }

    #block-yuyuetiyanbannertu {
        width: 100%;
    }

    #block-yuyuetiyanbannertu:nth-child(1) {
        display: block;
    }

    #block-yuyuetiyanbannertu:last-child {
        display: none;
    }

    .yuyue>img {
        display: block;
        width  : 100%;
    }

    .yuyue-info {
        width : 6.67rem;
        height: 100%;
        margin: 0 auto;
    }

    .yuyue-form {
        background        : #000;
        -webkit-box-sizing: border-box;
        box-sizing        : border-box;
        width             : 6.67rem;
        height            : 100%;
        padding           : .46rem .20rem .70rem .20rem;
    }

    .form_xinxi {
        width    : 100%;
        font-size: .18rem;
    }

    .form_xinxi>div {
        width            : 100%;
        height           : .39rem;
        display          : -webkit-box;
        display          : -ms-flexbox;
        display          : flex;
        margin           : .21rem 0;
        -webkit-box-align: center;
        -ms-flex-align   : center;
        align-items      : center;
        -webkit-box-pack : justify;
        -ms-flex-pack    : justify;
        justify-content  : space-between;
    }

    .serviceType p {
        width: auto;
    }

    .serviceType .serviceType-list li {
        padding: 0 5px;
    }

    .serviceType .serviceType-list li span{
        margin-right: 5px;
    }

    .mendian-info {
        width             : 5.14rem;
        height            : .39rem;
        -webkit-box-sizing: border-box;
        box-sizing        : border-box;
        border            : .02rem solid #706f6f;
        border-radius     : .05rem;
        padding-left      : .20rem;
        padding-right     : .30rem;
        line-height       : .35rem;
        font-size         : .16rem;
    }

    .mendian-info p {
        float: left;
    }

    .mendian-info i {
        float            : right;
        width            : .17rem;
        height           : .17rem;
        background       : url("../img/yuyue/fresh.png") no-repeat center center;
        background-size  : cover;
        position         : relative;
        top              : 50%;
        transform        : translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform   : translateY(-50%);
        -ms-transform    : translateY(-50%);
        -o-transform     : translateY(-50%);
    }

    /* 日期选择 */
    #mydatepicker2 {
        width             : 5.14rem;
        height            : .39rem;
        -webkit-box-sizing: border-box;
        box-sizing        : border-box;
        border            : .02rem solid #706f6f;
        border-radius     : .03rem;
        padding-left      : .20rem;
        padding-right     : .30rem;
        line-height       : .35rem;
        font-size         : .16rem;
        background        : transparent;
        outline           : 0;
        color             : #fff;
    }

    #mydatepicker2::-webkit-input-placeholder {
        color: #fff;
    }

    #mydatepicker2:-ms-input-placeholder {
        color: #fff;
    }

    #mydatepicker2::-ms-input-placeholder {
        color: #fff;
    }

    #mydatepicker2::placeholder {
        color: #fff;
    }

    ::-webkit-input-placeholder {
        color    : #fff;
        font-size: .16rem;
    }

    /* 用户姓名用户电话输入框 */
    .userName>input,
    .userPhone>input,
    .carModel>input,
    .carNum>input {
        width                : 5.14rem;
        height               : .39rem;
        -webkit-box-sizing   : border-box;
        box-sizing           : border-box;
        border               : 0;
        border-bottom        : .02rem solid #706f6f;
        padding-left         : .20rem;
        padding-right        : .30rem;
        line-height          : .37rem;
        font-size            : .16rem;
        background           : transparent;
        outline              : 0;
        color                : #fff;
        border-radius        : 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius   : 0 !important;
        -ms-border-radius    : 0 !important;
        -o-border-radius     : 0 !important;
    }

    /* 验证码输入框 */
    .vire-info {
        width           : 5.14rem;
        height          : .39rem;
        display         : -webkit-box;
        display         : -ms-flexbox;
        display         : flex;
        -webkit-box-pack: justify;
        -ms-flex-pack   : justify;
        justify-content : space-between;
        color           : #fff;
        font-size       : .18rem;
    }

    .vire-info input {
        width             : 3.49rem;
        height            : .39rem;
        border            : .02rem solid #706f6f;
        outline           : 0;
        -webkit-box-sizing: border-box;
        box-sizing        : border-box;
        padding-left      : .20rem;
        background        : transparent;
        line-height       : .35rem;
        border-radius     : .05rem;
        color             : #fff;
        font-size         : .18rem;
    }

    .vire-info input ::-webkit-input-placeholder {
        font-size: .18rem;
        color    : #fff;
    }

    .vire-info input :-ms-input-placeholder {
        font-size: .18rem;
        color    : #fff;
    }

    .vire-info input ::-ms-input-placeholder {
        font-size: .18rem;
        color    : #fff;
    }

    .vire-info input ::placeholder {
        font-size: .18rem;
        color    : #fff;
    }

    .vire-info input ::-webkit-input-placeholder {
        font-size: .18rem;
        color    : #fff;
    }

    .vire-info input ::-o-input-placeholder {
        font-size: .18rem;
        color    : #fff;
    }

    .vire-info input ::-moz-input-placeholder {
        font-size: .18rem;
        color    : #fff;
    }

    .vire-info a {
        display    : block;
        width      : 1.51rem;
        height     : .39rem;
        line-height: .35rem;
        color      : #c79836;
        border     : .02rem solid #c79836;
        background : transparent;
        text-align : center;
        font-size  : .18rem;
    }

    .vire-info a:hover {
        background : transparent;
        color      : #c79836;
        border     : 0;
        border     : .01rem solid #c79836;
        line-height: .38rem;
    }

    div.tijiao {
        -webkit-box-pack: center;
        -ms-flex-pack   : center;
        justify-content : center;
        width           : 100%;
        height          : .54rem;
        line-height     : .54rem;
        background      : #fff;
        color           : #000;
        text-align      : center;
        margin-top      : .72rem;
    }

    /* 预约信息 */
    .yuyueMsg {
        width: 4.84rem;
        /*height: 6.40rem;
        */background: #fff;
        position: fixed;
        bottom: -20rem;
        left: 50%;
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
        z-index: 10001;
        color: #000;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: .58rem .59rem .3rem .59rem;
        -webkit-transition: .5s;
        transition: .5s;
        -moz-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        -o-transform: translate(-50%, 50%);
}

    .yuyueMsg>button {
        width     : .40rem;
        height    : .40rem;
        font-size : .40rem;
        border    : 0;
        outline   : 0;
        background: transparent;
        position  : absolute;
        top       : -.10rem;
        right     : 0;
        color     : #000;
    }

    .yuyueMsg>h1 {
        font-size: .26rem;
    }

    .yuyueMsg>hr {
        width : .62rem;
        margin: .28rem 0;
    }

    .msg {
        width    : 100%;
        font-size: .18rem;
    }

    .msg>ul {
        width: 100%;
    }

    .msg>ul>li {
        width           : 100%;
        /* height       : .57rem; */
        line-height     : .57rem;
        border-bottom   : .01rem solid #000;
        margin-top      : .30rem;
    }

    .yuyueBtn {
        width           : 100%;
        height          : .41rem;
        display         : -webkit-box;
        display         : -ms-flexbox;
        display         : flex;
        -webkit-box-pack: justify;
        -ms-flex-pack   : justify;
        justify-content : space-between;
        margin-top      : .63rem;
    }

    .yuyueBtn>.querenyuyue,
    .yuyueBtn>.canclyuyue {
        width      : 1.72rem;
        height     : .41rem;
        line-height: .41rem;
        color      : #fff;
        text-align : center;
        cursor     : pointer;
    }

    .yuyueBtn>.querenyuyue {
        background: #c79836;
    }

    .yuyueBtn>.canclyuyue {
        background: #000;
    }

    /* 预约成功弹出框 */
    .yuyueSuccess,
    .yuyueError {
        width                : 4.84rem;
        height               : 2.22rem;
        position             : fixed;
        bottom               : -2.22rem;
        left                 : 50%;
        -webkit-transform    : translate(-50%, 50%);
        transform            : translate(-50%, 50%);
        background           : #fff;
        -webkit-transition   : .5s;
        transition           : .5s;
        z-index              : 10001;
        color                : #000;
        display              : -webkit-box;
        display              : -ms-flexbox;
        display              : flex;
        -webkit-box-orient   : vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction   : column;
        flex-direction       : column;
        -webkit-box-pack     : center;
        -ms-flex-pack        : center;
        justify-content      : center;
        -webkit-box-align    : center;
        -ms-flex-align       : center;
        align-items          : center;
    }

    .yuyueError {
        height            : 3.58rem;
        bottom            : -3.58rem;
        -webkit-box-sizing: border-box;
        box-sizing        : border-box;
        padding           : .51rem .66rem;
        text-align        : center;
        -webkit-box-pack  : justify;
        -ms-flex-pack     : justify;
        justify-content   : space-between;
    }

    .yuyueError>.errBtn {
        width           : 100%;
        display         : -webkit-box;
        display         : -ms-flexbox;
        display         : flex;
        -webkit-box-pack: justify;
        -ms-flex-pack   : justify;
        justify-content : space-between;
        height          : .41rem;
    }

    .yuyueError>.errBtn>button {
        width     : 1.72rem;
        height    : .41rem;
        border    : 0;
        outline   : 0;
        color     : #fff;
        background: #c79836;
        font-size : .16rem;
        padding   : 0;
    }

    .yuyueError>.errBtn>button.cancleTo {
        background: #000;
    }

    .yuyueSuccess>button,
    .yuyueError>button {
        width     : .40rem;
        height    : .40rem;
        position  : absolute;
        top       : -.10rem;
        right     : 0;
        color     : #000;
        font-size : .40rem;
        border    : 0;
        outline   : 0;
        background: transparent;
    }

    .yuyueSuccess>img,
    .yuyueError>img {
        width: .5rem;
    }

    .yuyueSuccess>p,
    .yuyueError>p {
        font-weight: 900;
        padding-top: .38rem;
        font-size  : .26rem;
    }

    .yuyueError>span {
        font-size: .16rem;
    }

    .yuyueError>p {
        padding: 0;
    }
}