:root{
    --on_color:#3366ff;
}
.container{width:1200px;margin:0 auto;box-sizing: border-box;padding:0 15px;}
header{width:100%;font-size:14px;}
header .info {min-height:46px;line-height:46px;background:#f2f2f2;}
header .info  .container{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
header .info .left .hi{color:#636564;}
header .info .left .login a{color:#3994f1;}
header .info .left .register a{color:#999999;}
header .info .right{display:flex;align-items:center;}
header .info .right ul{float:left;}
header .info .right li{float:left;margin-right:20px;}
header .info .right img{width:27px;height:27px;align-items:center;}
header .info .right .tel{margin-left:8px;font-size:16px;color:#c2c2c2;}
header .info .right .tel .number{color:#1f63e5;font-weight:700;}
header nav{height:84px;background:#fff;}
header nav .logo{height:57px;}
header nav .container > div{display: flex;align-items: center;}
header nav ul{font-size:16px;display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-end;}
header nav li:not(:first-child){margin-left:40px;}
header nav li .active{color:#2369e6;font-weight:700;}
header nav .container{display: flex;align-items: center;justify-content: space-between;padding:10px 15px}
header nav button{width:113px;height:50px;border:1px solid #236be7;white-space:nowrap;background-color:#fff;border-radius:10px;display: flex;align-items: center;cursor: pointer;justify-content: center;margin-left: 20px;color: #236be7;font-size: 16px;}
header nav button img{width:18px;height:18px;margin-right: 5px;}


.header2{pointer-events: none;transform:scale(0);opacity: 0;z-index: 101;position: relative;}
.header2 .header2_bu{width: 100%;height: 0;}
.header2 .top{position: fixed;width: 100%;z-index: 103;background-color: #fff;box-shadow: 0 0 3px rgba(0,0,0,0.3);}
.header2 .top .w1200{display: flex;height: 60px;align-items: center;justify-content: space-between;padding:0 15px;}
.header2 .top .logo{width: calc(100% - 150px);}
.header2 .top .logo img{max-height: 50px;}
.header2 .top .nav_btn{width: 48px;height: 48px;box-sizing: border-box;padding: 8px;display: flex;flex-direction: column;justify-content: center;align-items: center;cursor: pointer;}
.header2 .top .nav_btn span{display: block;width: 26px;height: 2px;margin-bottom: 7px;border-radius: 1px;background-color: var(--on_color);transform-origin:left;transition: all .5s;}
.header2 .top .nav_btn span:last-child{margin-bottom: 0;}
.header2 .nav_zzc{position: fixed;width: 100%;height: calc(100vh - 60px);top:60px;left: 0;z-index: 101;background-color: var(--on_color);cursor: pointer;pointer-events: none;opacity: 0;}
.header2 .phone_nav{width: 360px;height: calc(100vh - 60px);position: fixed;top:60px;left: 0;z-index: 102;background: white;box-sizing: border-box;padding: 0 10px;overflow-y: auto;opacity: 0;pointer-events: none;}
.header2 .phone_nav::-webkit-scrollbar{display: none;}
.header2 .phone_nav .top{display: flex;height: 60px;align-items: center;}
.header2 .phone_nav .top img{max-height: 60px;max-width: calc(100% - 60px);}
.header2 .phone_nav .nav .list{padding: 15px 0;border-bottom: 1px solid rgba(94,94,94,.2);}
.header2 .phone_nav .nav .list .fu{display: flex;align-items: center;justify-content: space-between;}
.header2 .phone_nav .nav .list .fu .cn{font-weight: bolder;font-size: 18px;}
.header2 .phone_nav .nav .list .fu.on a{color: var(--on_color);}
.header2 .phone_nav .nav .list .nav_zi{margin-top: 10px;padding-left: 10px;box-sizing: border-box;}
.header2 .phone_nav .nav .list .nav_zi p{padding: 7px 0;}
.header2 .phone_nav .nav .list .nav_zi p a .en{font-size: 12px;}
.header2 .phone_nav .nav .list .nav_zi p .on{color: var(--on_color);}
.header2 .lang span{margin: 0 5px;}
.header2.on .nav_btn span:first-child{transform:translate3d(0,0,0) rotate(45deg);}
.header2.on .nav_btn span:nth-child(2){opacity: 0;}
.header2.on .nav_btn span:last-child{transform:translate3d(0,0,0) rotate(-45deg);}
.header2 .nav_other{display: flex;align-items: center;flex-wrap: wrap;}
.header2 .nav_other p{width: calc(100% / 4);font-size: 14px;}
.header2 .tel{display: flex;align-items: center;flex-wrap: wrap;font-size: 16px;color: #c2c2c2;margin-top: 15px;}
.header2 .tel .number{color: #1f63e5;font-weight: bold;}

.header2.on .phone_nav{box-shadow: 4px 0 12px 0 rgba(0,0,0,.25);pointer-events: unset;opacity: 1;}
.header2.on .nav_zzc{pointer-events: unset;opacity: 0.5;}

.pagination span{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.pagination span a{cursor: pointer;}
.pagination span a:hover{background-color: rgba(0,0,0,0.4);}

.dialog{background-color: #fff;}

.lists .head{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.lists .head .sort{display: flex;align-items: center;justify-content: center;line-height: 16px;}
.sortese4,.right_close{display: none;}
.footer-bar{display: none;}
.footer-bar-bu{display: block;width: 100%;height: 40px;}
.footer-bar-list{display: flex;width: 100%;height: 40px;align-items: center;justify-content: space-around;position: fixed;z-index: 100;bottom: 0;left: 0;background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,0.4);}
.footer-bar-list a{display: block;padding:0 5px;line-height: 20px;}

.filter-btn-con{display: none;}

.filter-btn-bu{height: 150px;width: 100%;}
.filter-btn-c{height: 50px;width: 100%;background: #fff;position: fixed;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;z-index: 100;box-shadow: 0 0 4px rgba(0,0,0,0.4);}
.filter-btn{width: 150px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 3px;background: var(--on_color);color: #fff;}

@media only screen and (max-width: 1410px) and (min-width: 1200px){

}

@media only screen and (min-width: 1200px){
    .banner .container .right{display: block!important;}
}

@media only screen and (max-width: 1199px){
    .found, .two, .merchant, .cooperation, header{display: none;}

    .header2{pointer-events: unset;transform:scale(1);opacity: 1;}
    .header2 .header2_bu{height: 60px;}

    .right_close{display: flex;align-items: center;justify-content: center;height: 56px;width: 56px;position: absolute;top: 0;left: 0;z-index: 1;}
    .banner .container .right .search input{padding-left: 46px;}
    .sortese4{display: block;}
    .banner{min-height: unset;}
    .banner .container .right{position: fixed;right: 0;top: 0;height: 100%;width: 100%;z-index: 102;overflow: auto;box-shadow: 0 0 4px rgba(0,0,0,0.4);border-radius: 0;display: none;}
    .banner .container .right .search .sale{display: none;}
    .banner .container .right .search .goSearch{right: 10px;}
    .hotel-filter-list{flex-wrap: wrap;}
    .banner .container .right .content{padding: 0 15px;}
    .banner .container .right .lister{flex-direction: column;}
    .banner .container .right .lister.list3 > div:nth-child(1){font-size: 16px;}
    .banner .container .right .lister.list3 > div{width: 100% !important;}
    .banner .container .right .lister.list3 > div:nth-child(2) > div{width: 120px!important;}
    .hotel-filter-list .tit{width: 100% !important;font-size: 16px;}
    .hotel-filter-list .con{width: 100%;padding:0;}

    .banner .container{padding: 10px;min-height: unset;}
    .banner .container .left{width: 100%;border-radius: 10px;overflow: hidden;}
    .banner .container .left .top{display: none;}
    .banner .container .left .middle{background-size: cover;}
    .banner .container .left .bottom li{border: 0;}
    .banner .container .left .bottom li:not(:first-child){display: none;}

    .lists .list{padding: 10px;border-radius: 10px;margin-bottom: 10px;display: flex;flex-direction: column;}
    .lists .list .left{width: 100%;margin-top: 0;}
    .lists .list .left ul{display: flex;flex-wrap: wrap;justify-content: space-around;height: auto;}
    .lists .list .left li{border: 0;padding: 5px;width: calc(100% / 6);box-sizing: border-box;display: flex;align-items: center;justify-content: center;flex-direction: column-reverse;font-size: 12px;line-height: 20px;white-space: nowrap;}
    .lists .list .left li:first-child div:last-child{font-size: 18px;}
    .lists .list .left li:nth-child(7),.lists .list .left li:nth-child(6){display: none;}
    .lists .list .left li div:last-child{font-size: 14px;}
    .lists .list .left span{color: #333;}
    .lists .list .right{display: flex;align-items: center;justify-content: space-between;width: 100%;box-sizing: border-box;margin: 5px 0 0;}
    .lists .list .right div{text-align: left;font-size: 14px;}
    .lists .list .right div a{display: block;margin-left: 10px;}
    .lists .list .right div a img{height: 32px;}
    .lists .list .right div:last-child{width: auto!important;display: flex;align-items: center;}
    .lists .head{margin-bottom: 10px;border: 0;border-radius: 10px;display: flex;align-items: center;flex-wrap: wrap;height: auto;}
    .lists .head .sort{width: auto;border: 0;padding: 0 10px;}
    .lists .footer{margin: 10px 0;border-radius: 10px;padding: 10px;}

    footer .right{padding: 0;}
    footer .top .left{width: 100%;}
    footer .top .left *{max-width: 100%;}
    footer .right *{max-width: 100%;}
    footer .list li:first-child{padding: 10px;}
    footer .list li{box-sizing: border-box;width: calc(100% / 3);padding: 10px;border: none;}
    .footer-bar{display: block;}

    .filter-btn-con{display: block;}

}

@media only screen and (max-width: 1199px) and (min-width: 992px){
    .container{width: 992px;}

}

@media only screen and (max-width: 991px){
    .container{width: 768px;}
}

@media only screen and (max-width: 991px) and (min-width: 769px){


}

@media only screen and (max-width: 768px){
    .container{width: 100%;}
    .loginBox .container>div{width: 100%;height: auto;min-height: 515px;padding: 15px;}
    .loginBox .container>div form>div{width: 100%;}
    .loginBox .container>div form>div input{width: calc(100% - 100px);}
}

@media only screen and (max-width: 480px){
    .header2 .top .w1200{padding:0 5px;}
    .header2 .top .logo img{max-height: 40px;}
    .header2 .phone_nav{width: 100%;}
    .container{padding: 0 10px;}
    .lists .head .sort{padding: 0 5px;}
}