/* 预约量房 */
.reserve{height: 1016px;padding-top: 60px;background-color: #cadae5;}
.reserve .title{height: 193px;}
.reserve .title ul li{width: 532px;height: 193px;margin: 0 4px;float: left;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 5px;color: #fff;text-align: center;}
.reserve .title ul li:nth-child(1){background-image: url(../img/reserve.png);}
.reserve .title ul li:nth-child(2){background-image: url(../img/reserve2.png);}
.reserve .title ul li:nth-child(3){background-image: url(../img/reserve3.png);}
.reserve .title ul li h3{font-size: 36px;padding-top: 49px;}
.reserve .title ul li h3 i{font-size: 72px;font-weight: bold;}
.reserve .title ul li h4{font-size: 30px;line-height: 50px;}

.reserve .content{height: 594px;background-color: #f4f6f7;margin-top: 62px;padding: 31px;}
.reserve .content h3{font-size: 36px;color: #435cc3;font-weight:bold ;line-height: 50px;text-align: center;}
.reserve .content h4{font-size: 24px;color: #435cc3;line-height: 40px;text-align: center;}
.reserve .content .sign ul{padding-top: 50px;}
.reserve .content .sign ul li{width: 443px; height: 60px;float: left;margin: 0 8px;}
.reserve .content .sign ul li:nth-child(3){width: 623px;height: 60px;}
.reserve .content .sign ul li i{width: 113px;line-height: 60px; display: block;background-color: #435cc3;font-size: 18px;color: #fff;float: left;text-align: center;}
.reserve .content .sign ul li input{width: 330px;height: 60px; display: block;float: left;border: 1px solid #cdcdcd;}
.reserve .content .sign ul li:nth-child(3) input{width: 510px;height: 60px;}
.reserve .content h5{font-size: 24px;color: #414141;line-height: 5;}
.reserve .content .type ul{height: 60px;}
.reserve .content .type ul li{width: 297px;line-height: 60px; background-color:#fff;font-size: 18px;text-align: center;float: left;margin: 0 7px;border: 1px solid #cdcdcd;border-radius: 5px;position: relative;}
.reserve .content .type ul li:hover,.reserve .content .type ul li.on{border: 2px solid #435cc3;}
.reserve .content .type ul li:hover::after,.reserve .content .type ul li.on::after{content: '';width: 35px;height: 33px;background-image: url(../img/type.png);position: absolute;bottom: 0;right: 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
.reserve .content .type .box{padding: 10px 0 0 10px;}
.reserve .content .type .box div{display: inline-block;}
.reserve .content .type .box div:nth-child(1){width: 200px;line-height: 50px;}
.reserve .content .type .box input{width: 200px;line-height: 50px;}
.reserve .content .type .box div:nth-child(2){width: 93px;height: 50px;}
.reserve .content .type .box img{width: 93px;height: 50px;}
.reserve .content  button{width: 296px;line-height: 60px;background: linear-gradient(to right, #a904fd, #1b34ce);border-radius: 5px;border: none;font-size: 24px;color: #fff;font-weight: bold;margin: 55px auto 0 auto;display: block;}

@media (max-width:1680px) {
    /* 预约量房 */

    .reserve .title ul li{width: 465px;margin: 0 3px;}

    .reserve .content{padding: 27px;}
    .reserve .content .sign ul li{width: 387px;margin: 0 7px;}
    .reserve .content .sign ul li:nth-child(3){width: 545px;}
    .reserve .content .sign ul li i{width: 98px;}
    .reserve .content .sign ul li input{width: 288px;}
    .reserve .content .sign ul li:nth-child(3) input{width: 446px;}

    .reserve .content .type ul li{width: 259px;margin: 0 6px;}
    .reserve .content  button{width: 259px;}

}
@media (max-width:1560px) {
    /* 预约量房 */

    .reserve .title ul li{width: 431px;margin: 0 2px;}

    .reserve .content{padding: 25px;}
    .reserve .content .sign ul li{width: 359px;margin: 0 6px;}
    .reserve .content .sign ul li:nth-child(3){width: 506px;}
    .reserve .content .sign ul li i{width: 91px;}
    .reserve .content .sign ul li input{width: 267px;}
    .reserve .content .sign ul li:nth-child(3) input{width: 414px;}

    .reserve .content .type ul li{width: 240px;margin: 0 5px;}
    .reserve .content  button{width: 240px;}

}
@media (max-width:1440px) {
    /* 预约量房 */

    .reserve .title ul li{width: 397px;margin: 0 1px;}

    .reserve .content{padding: 23px;}
    .reserve .content .sign ul li{width: 331px;margin: 0 5px;}
    .reserve .content .sign ul li:nth-child(3){width: 467px;}
    .reserve .content .sign ul li i{width: 77px;}
    .reserve .content .sign ul li input{width: 227px;}
    .reserve .content .sign ul li:nth-child(3) input{width:382px;}

    .reserve .content .type ul li{width: 204px;margin: 0 3px;}
    .reserve .content  button{width: 204px;}

}
@media (max-width:1366px) {
    /* 预约量房 */

    .reserve .title ul li{width: 376px;margin: 0 1px;}

    .reserve .content{padding: 21px;}
    .reserve .content .sign ul li{width: 313px;margin: 0 4px;}
    .reserve .content .sign ul li:nth-child(3){width: 443px;}
    .reserve .content .sign ul li i{width: 73px;}
    .reserve .content .sign ul li input{width: 215px;}
    .reserve .content .sign ul li:nth-child(3) input{width:362px;}

    .reserve .content .type ul li{width: 193px;margin: 0 2px;}
    .reserve .content  button{width: 193px;}

}
@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* 预约量房 */
    .reserve{height: auto;padding-top: 0.6rem;background-color: #cadae5;}
    .reserve .title{height: 6.6rem;}
    .reserve .title ul li{width:7.2rem;height: 2rem;margin: 0.1rem auto;float: left;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 0.05rem;color: #fff;text-align: center;}
    .reserve .title ul li:nth-child(1){background-image: url(../img/reserve.png);}
    .reserve .title ul li:nth-child(2){background-image: url(../img/reserve2.png);}
    .reserve .title ul li:nth-child(3){background-image: url(../img/reserve3.png);}
    .reserve .title ul li h3{font-size: 0.4rem;padding-top: 0.49rem;}
    .reserve .title ul li h3 i{font-size: 0.78rem;font-weight: bold;}
    .reserve .title ul li h4{font-size: 0.34rem;line-height: 0.5rem;}

    .reserve .content{height: auto;background-color: #f4f6f7;margin-top: 0.62rem;padding: 0.31rem;}
    .reserve .content h3{font-size: 0.4rem;color: #435cc3;font-weight:bold ;line-height: 0.5rem;text-align: center;}
    .reserve .content h4{font-size: 0.28rem;color: #435cc3;line-height: 0.4rem;text-align: center;}
    .reserve .content .sign ul{padding-top: 0.5rem;}
    .reserve .content .sign ul li{width: 6.5rem; height: 1rem;float: left;margin: 0.1rem 0;}
    .reserve .content .sign ul li:nth-child(3){width: 6.5rem; height: 1rem;}
    .reserve .content .sign ul li i{width: 1rem;line-height: 1rem; display: block;background-color: #435cc3;font-size: 0.22rem;color: #fff;float: left;text-align: center;}
    .reserve .content .sign ul li input{width: 5.5rem;height: 1rem; display: block;float: left;border: 1px solid #cdcdcd;}
    .reserve .content .sign ul li:nth-child(3) input{width: 5.5rem;height: 1rem;}
    .reserve .content h5{font-size: 0.28rem;color: #414141;line-height: 5;}
    .reserve .content .type{height: 3.8rem;}
    .reserve .content .type ul{height: 3.8rem;width: 6.5rem;}
    .reserve .content .type ul li{width: 3rem;line-height: 1rem; background-color:#fff;font-size: 0.22rem;text-align: center;float: left;margin:0.1rem;border: 0.01rem solid #cdcdcd;border-radius:0.05rem;position: relative;}
    .reserve .content .type ul li:hover,.reserve .content .type ul li.on{border: 0.02rem solid #435cc3;}
    .reserve .content .type ul li:hover::after,.reserve .content .type ul li.on::after{content: '';width: 0.35rem;height: 0.33rem;background-image: url(../img/type.png);position: absolute;bottom: 0;right: 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
    .reserve .content .type .box{padding: 0.1rem 0 0 0.1rem;}
    .reserve .content .type .box div{display: inline-block;}
    .reserve .content .type .box div:nth-child(1){width: 2rem;line-height: 0.5rem;}
    .reserve .content .type .box input{width: 2rem;line-height: 0.5rem;}
    .reserve .content .type .box div:nth-child(2){width: 0.93rem;height: 0.5rem;}
    .reserve .content .type .box img{width: 0.93rem;height: 0.5rem;}
    .reserve .content  button{width: 4rem;line-height: 1rem;background: linear-gradient(to right, #a904fd, #1b34ce);border-radius: 0.05rem;border: none;font-size: 0.28rem;color: #fff;font-weight: bold;margin: 1rem auto 0 auto;display: block;}

}