/* CSS Document */ /*Reset start*/ body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, legend, button, p,th,td{border:0;font-size:100%;margin:0;outline:0;padding:0;box-sizing: border-box;} h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;} fieldset, img{border:none;} img{vertical-align:top; border:0} a{ text-decoration:none; outline:none; color:#000;} a:hover{ color:#666;} a:focus{outline:none; color:#000;} a:hover,a:visited,a:active,a:link{text-decoration: none;} ol, ul{list-style:none outside none; padding:0; margin:0} /*table{border-collapse:collapse;border-spacing:0;}*/ sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} var{ font-style:normal;} var{ padding-left:3px;} input,select{ outline:none;} body,button,input,select,textarea{font:12px/1.5; padding:0; margin:0; font-style:normal;} ::-webkit-input-placeholder{ color: inherit; } :-moz-placeholder{ color: inherit; } ::-moz-placeholder{ color: inherit; } :-ms-input-placeholder{ color: inherit; } .clearfix:after {content:"\20"; display:block; height:0; clear:both; visibility:hidden; } .clearfix{display:inline-block; } .clearfix{display:block;} .clearbox{border-top:transparent 0px solid;clear:both;font-size:0;margin-top:0px;visibility:hidden; overflow:hidden;height:0;} .pay-new-way ul li{ float:left; margin-right:20px;} .pay-new-way ul div.countdown{ clear:both; padding-top:20px;} .visible-m{ display: none; } .hidden-m{ display: block; } .base-wrapper{ width: 1550px; margin: 0 auto; } .container{font-family: '微软雅黑', Arial, Helvetica, sans-serif;font-size: 18px;} .header{border-bottom:1px solid #f7f7f7; position: fixed; top: 0; left: 0; right: 0; z-index: 10;} .header:before{ content: ""; width: 100%; height: 0; background: #9E804D; display: block; position: absolute; z-index: -1; transition: height 1s;} .header.active:before{ height: 100%; } .header.active{ border: none; } .header-main{width:85%;margin:0 auto;} .header-main .header-pc{color:#f7f7f7;height:90px;line-height:90px;} .header-main .header-pc a{color:#f7f7f7;} .header-main .header-logo{width:16%;float:left;} .header-main .header-logo img{width:400px;vertical-align:middle; height:39px} .header-main .nav-main{width:52%;float:left;text-align:right;font-size:20px;} .header-main .nav-main span{display:inline-block;margin:0 20px;padding:0 20px;} .header-main .nav-main span.active{border-bottom:1px solid;} .header-main .header-right{width:32%;float:right;} .header-main .header-right > div{display:inline-block;margin-left:4%;} .header-main .header-right .login-cont{background:url(../image/header-icon1.png) 0 center no-repeat;padding-left:35px;font-size:14px;} .header-main .header-right .login-cont span{cursor:pointer;} .header-main .header-right .logout-cont{font-size:14px;} .header-main .header-right .language-cont{font-size:14px;position:relative;padding:0 20px 0 35px;background:url(../image/header-icon2.png) 0 center no-repeat;cursor:pointer;} .header-main .header-right .language-cont.en{ background-image: url(http://jeuronghotels.com/zhonggeng_assets/images/header-icon2_2.png); } .header-main .header-right .book-btn{border:1px solid;font-size:14px;width:100px;height:40px;line-height:40px;text-align:center;vertical-align:middle;cursor:pointer;} .footer{background:#373737;} .footer-pc{padding:40px 0;font-size:14px;color:#666;} .footer-pc a{ color: #666; } .footer-pc .footer-top{ padding-top: 10px;} .footer-pc .footer-top .footer-item{float:left;width:70%;} .footer-pc .footer-top .link-list{text-align:justify;margin-left:10%;border-bottom:1px solid;padding-bottom:20px;} .footer-pc .footer-top .link-list:after{ content: ""; display: inline-block; width: 100%; } .footer-pc .footer-top .link-item{ display: inline-block; font-size:14px} .footer-pc .footer-top .link-item a{color:#666;} .footer-pc .footer-top .codes{ text-align: left; width:30%; box-sizing: border-box; padding-left: 20px;} .footer-pc .footer-top .code-item{width: 110px; overflow:hidden;display:inline-block;margin-left: 50px; } .footer-pc .footer-top .code-item .img-cont img{width:100%;display:block;} .footer-pc .footer-top .code-item .text-cont{display: none; width: 25px; height: 20px; background-position: center center; background-repeat: no-repeat;} .footer-pc .footer-top .code-item .text-cont.wx{ background-image: url(../image/wx-icon1.png); } .footer-pc .footer-top .code-item .text-cont.wb{ background-image: url(../image/wb-icon1.png); } .footer-pc .footer-top .code-item:hover .text-cont.wx{ background-image: url(../image/wx-icon2.png); } .footer-pc .footer-top .code-item:hover .text-cont.wb{ background-image: url(../image/wb-icon2.png); } .footer-pc .footer-top .info{padding-left:100px;line-height:30px;box-sizing:border-box;} .footer-pc .footer-top .info > div{padding-left:35px;} .footer-pc .footer-top .info a{ color: #666;} .footer-pc .footer-top .tel{background:url(../image/footer-icon1.png) 0 center no-repeat;margin-bottom:20px;} .footer-pc .footer-top .email{background:url(../image/footer-icon2.png) 0 center no-repeat;margin-bottom:20px;} .footer-pc .footer-top .addr{background:url(../image/footer-icon3.png) 3px center no-repeat;} .footer-pc .footer-bottom{margin-left: 7%; text-align:left; position: absolute; margin-top: -20px;} .page-container{margin:50px 0;} .page-container .page-wrapper{text-align:center;line-height:40px;} .page-container .page-wrapper li{ display: inline-block; } .page-container .page-wrapper a,.page-container .page-wrapper span{display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;vertical-align:middle;margin:0 5px;color:#fff;font-size:14px;} .page-container .page-wrapper span{color:#180f24;} .page-container .page-wrapper a{background:#333;} .page-container .page-wrapper a.active,.page-container .page-wrapper a:hover{background:#a88651;} .img-cont img{width:100%;display:block;} .base-banner{position:relative;} .swiper-banner .text-cont{display: none; position:absolute;width:28%;top:50%;left:12.5%;transform:translate(0,-50%);} .swiper-banner .text-cont img{display:block;width:100%;} .swiper-banner .swiper-btn{ display: none; width:35px;height:65px;position:absolute;top:50%;margin-top:-33px;background-repeat:no-repeat;background-image:url(../image/banner-arrow.png);cursor:pointer;z-index:2;} .swiper-banner .swiper-btn.prev{left:50px;background-position:left center;} .swiper-banner .swiper-btn.next{right:50px;background-position:right center;} .search-container{display: none; overflow: hidden; position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 0 15px 0; background: rgba(171,140,87,.9);z-index: 2; } .searchPop-container .search-container{ display: block; } .search-container .search-wrapper{width:80%;margin:0 auto;position:relative;} .search-container .search-wrapper .input-list{margin-right:200px;width:auto;text-align:justify; font-size: 0;} .search-container .search-wrapper .input-list:after{content:"";width:100%;height:0;display:inline-block;} .search-container .search-wrapper .input-list .input-item{width:28%;display:inline-block;padding-right:30px;border-bottom:1px solid #fff;background-repeat:no-repeat;background-position:right center;} .search-container .search-wrapper .input-list .input-item.icon1{background-image:url(../image/search-icon1.png);} .search-container .search-wrapper .input-list .input-item.icon2{background-image:url(../image/search-icon2.png);} .search-container .search-wrapper .input-list .input-item.icon3{background-image:url(../image/search-icon3.png);} .search-container .search-wrapper .input-list .input-item input{background:none;border:none;width:100%;height:40px;line-height:40px;font-size:16px;color:#fff;} .search-container .search-wrapper .btn-cont{width:150px;height:40px;position:absolute;top:0;right:0;border:1px solid #fff;line-height:40px;text-align:center;font-size:16px;color:#fff;cursor:pointer;} .searchPop-container{position:fixed;top:0;bottom:0;left:0;right:0;z-index:20;background:#393939; display: none;} .searchPop-container .pop-close{width:22px;height:22px;background:url(../image/close-btn1.png) no-repeat;position:absolute;top:175px;right:40px;z-index:2;} .searchPop-container .searchPop-wrapper{width:80%;margin:0 auto;padding-top:175px;} .searchPop-container .search-container{bottom:auto;top:0;moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;} .searchPop-container .search-container .more-cont{width:100%;text-align:center;margin-top:10px;} .searchPop-container .search-container .more-cont .more{width:130px;height:30px;line-height:30px;display:inline-block;position:relative;cursor:pointer;color:#fff;font-size:16px;} .searchPop-container .search-container .more-cont .more:after{content:"<";margin-left:8px;transform:rotate(-90deg);display:inline-block;} .searchPop-container .search-container .active .more-cont .more:after{ transform: rotate(90deg) } .searchPop-container .search-container .number-list{display:none;font-size:0;} .searchPop-container .search-container .active .number-list{display:block;margin-right:200px;width:auto;text-align:justify;margin-top:15px;font-size:0;} .searchPop-container .search-container .active .input-list{margin-right:0;} .searchPop-container .search-container .active .btn-cont{top:60px;} .searchPop-container .search-container .number-list:after{content:"";width:100%;height:0;display:inline-block;} .searchPop-container .search-container .number-list .room-num,.searchPop-container .search-container .number-list .people-num{display:inline-block;border-bottom:1px solid #fff;font-size:16px;color:#fff;vertical-align:top;} .searchPop-container .search-container .number-list .room-num{width:28%;background:url(../image/search-icon4.png) right center no-repeat;line-height:40px;} .searchPop-container .search-container .number-list .people-num{width:64%;overflow:hidden;line-height:40px;} .searchPop-container .search-container .number-list .num-item{display:inline-block;margin-right:12%;} .searchPop-container .search-container .number-list .num-diff,.searchPop-container .search-container .number-list .num-add{width:22px;height:22px;border:1px solid #fff;text-align:center;line-height:22px;cursor:pointer;vertical-align:middle;} .searchPop-container .search-container .number-list .num-diff{font-size:22px;line-height:18px;} .searchPop-container .search-container .number-list .people-big,.searchPop-container .search-container .number-list .people-small{float:left;width:50%;font-size:16px;} .searchPop-wrapper .city-container{overflow:hidden;display:none;} .searchPop-wrapper .city-container ul li{width:33.33%;float:left;padding-right:100px;position:relative;} .searchPop-wrapper .city-container ul li.border{padding-left:100px;} .searchPop-wrapper .city-container ul li.border:before{content:"";position:absolute;top:20px;left:0;bottom:20px;width:1px;background:#786d58;} .searchPop-wrapper .city-container .city-name{font-size:22px;color:#ab8c58;font-weight:bold;margin-bottom:20px;} .searchPop-wrapper .city-container .hotel-list{border-bottom:1px solid #786d58;padding-bottom:20px;} .searchPop-wrapper .city-container .hotel-list .hotel-name{font-size:14px;color:#fff;font-weight:bold;height:35px;line-height:35px;cursor:pointer;} .searchPop-wrapper .city-container .hotel-list .hotel-name:hover{background:#b7a077;} .searchPop-wrapper .date-container{width:90%;margin:0 auto;} /* 重写日历控件样式 */ .searchPop-wrapper .daterangepicker{position:static;border:none;} .searchPop-wrapper .daterangepicker .drp-calendar{max-width:50%;width:50%;} .searchPop-wrapper .daterangepicker .calendar-table{background-color:#404040;border:none;border-radius:0;} .searchPop-wrapper .daterangepicker .calendar-table th,.searchPop-wrapper .daterangepicker .calendar-table td,.daterangepicker td.start-date.end-date{border-radius:0;} .searchPop-wrapper .daterangepicker .calendar-table th,.searchPop-wrapper .daterangepicker .calendar-table td{height:50px;line-height:50px;color:#fff;border:none;font-size:14px;} .searchPop-wrapper .daterangepicker th.month{font-size:22px;height:45px;line-height:45px;color:#ab8c58;} .searchPop-wrapper .daterangepicker .calendar-table .next span,.searchPop-wrapper .daterangepicker .calendar-table .prev span{border-color:#fff;} .searchPop-wrapper .daterangepicker td.off,.searchPop-wrapper .daterangepicker td.off.in-range,.searchPop-wrapper .daterangepicker td.off.start-date,.searchPop-wrapper .daterangepicker td.off.end-date{background-color:#404040;} .searchPop-wrapper .daterangepicker.ltr .drp-calendar.right{padding-left:20px;} .searchPop-wrapper .daterangepicker.ltr .drp-calendar.left{padding-right:20px;} .searchPop-wrapper .daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{padding:5px;border-color:#ab8c58;vertical-align:middle;} .searchPop-wrapper .daterangepicker td.available:hover,.searchPop-wrapper .daterangepicker th.available:hover{background:none;color:#fff;} .searchPop-wrapper .daterangepicker .calendar-table table thead tr:last-of-type{border-top:1px solid;border-bottom:1px solid;color:#999;} .searchPop-wrapper .daterangepicker td.off{color:#999;text-decoration:none;} .searchPop-wrapper .daterangepicker td.off:hover{color:#999;} .searchPop-wrapper .daterangepicker td.active,.searchPop-wrapper .daterangepicker td.active:hover,.searchPop-wrapper .daterangepicker td.in-range,.searchPop-wrapper .daterangepicker td.available:hover{background-color:#b7a077;} .home-container{ overflow: hidden; background: #fff;} .base-section{ background: #fff; padding: 60px 0; margin: 0 -25px;} .base-section .base-main{ position: relative; width: 85%; margin: 0 auto;} .base-section .border-bg{width:84%;border:1px solid #efefef;top:0;left:8%;bottom:0;position:absolute; display: none;} .home-container .hotel-info{padding-top:40px;padding-bottom:90px;position:relative;} .base-title{text-align:center;position:relative;color:#ab8c57;} .base-title .title-icon{ display: none;} .base-title .title-cn{font-size:32px;position:relative;display:inline-block; margin-top: 12px;} .base-title .title-en{font-size:24px;opacity:.2;margin-top:-20px;} .base-title .title-border{display: none;} .base-section .hotel-info .info-main{margin-top:50px;background:#f7f7f7;} .base-section .hotel-info .info-main .info-text{width:40%;float:left;padding:4% 4% 0 4%;} .base-section .hotel-info .info-main .info-text .title-cn{font-size:24px;color:#666;margin-top:-40px;} .base-section .hotel-info .info-main .info-text .title-en{font-size:20px;color:#e8e8e8;margin-top:15px;} .base-section .hotel-info .info-main .info-text .border{width:60px;height:1px;background:#9e9e9e;margin-top:30px;} .base-section .hotel-info .info-main .info-text p{line-height:36px;color:#333;margin-top:40px;} .base-section .hotel-info .info-main .info-text .btn-cont{width:155px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#333;border:1px solid;margin-top:10%;} .base-section .hotel-info .info-main .info-img{width:60%;float:right;} .base-section .hotel-info .info-main .info-img img{width:100%;display:block;} .home-container .home-hotel-swiper .text-cont{position:absolute;top:0;left:0;right:0;bottom:0;padding-top:5%;text-align:center;} .home-container .home-hotel-swiper .text-cont .base-title .title-cn{background:no-repeat;color:#fff;} .home-container .home-hotel-swiper .text-cont .base-title .title-en{color:#fff;} .home-container .home-hotel-swiper .text-cont .info-text{ width: 80%; margin:30px auto 0;line-height:2;color:#fff;} .home-container .home-hotel-swiper .text-cont .info-text .icon{display:none;width:25px;height:19px;background-repeat:no-repeat;position:absolute;} .home-container .home-hotel-swiper .text-cont .info-text .icon.icon1{background-image:url(../image/home-icon1.png);margin-left:-70px; background-size: cover;} .home-container .home-hotel-swiper .text-cont .info-text .icon.icon2{background-image:url(../image/home-icon2.png);margin-left:40px; background-size: cover;} .home-container .home-hotel-swiper .text-cont .logo-cont{width:28%;margin:60px auto 0;} .home-container .home-hotel-swiper .text-cont .logo-cont img{width:100%;display:block;} .home-container .home-hotel-swiper .text-cont .detail-btn{display: block; width:155px;height:50px;text-align:center;line-height:50px;margin:6% auto 0;font-size:16px;color:#fff;border:1px solid;cursor:pointer;} .home-container .swiper-btn,.base-swiper .swiper-btn{position:absolute;width:70px;height:70px;background:rgba(0,0,0,.6);z-index:2;cursor:pointer;bottom:12%;right:150px;} .home-container .home-hotel-swiper .swiper-btn.prev{right:240px;} .home-container .swiper-btn.prev:after,.base-swiper .swiper-btn.prev:after{width:25px;height:25px;border:2px solid #fff;border-top:none;border-right:none;content:"";transform:rotate(45deg);display:block;top:50%;left:50%;margin-top:20px;margin-left:28px;} .home-container .swiper-btn.next:after,.base-swiper .swiper-btn.next:after{width:25px;height:25px;border:2px solid #fff;border-top:none;border-left:none;content:"";transform:rotate(-45deg);display:block;margin-top:20px;margin-left:15px;} .home-container .brand-info { padding: 40px 0; position: relative; } .home-container .brand-info .swiper-container { margin-top: 40px; } .home-container .brand-info .info-main { background: #f7f7f7; } .home-container .brand-info .info-img { width: 60%; float: left; position: absolute; height: 100%; overflow: hidden;} .home-container .brand-info .info-img img { display: block; height: 100%; transform: translate(-50%,0); position: absolute; left: 50%;} .home-container .brand-info .info-text { width: 40%; float: right; padding: 5% 4%; } .home-container .brand-info .info-text .title-cn { font-size: 24px; color: #666; margin-top: -40px; } .home-container .brand-info .info-text .title-en { font-size: 20px; color: #e8e8e8; margin-top: 15px; } .home-container .brand-info .info-text .border { width: 60px; height: 1px; background: #9e9e9e; margin-top: 30px; } .home-container .brand-info .info-text p { line-height: 36px; color: #333; margin-top: 40px; } .home-container .brand-info .info-text .btn-cont { width: 155px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #333; border: 1px solid; margin-top: 65px; } .home-container .brand-info .swiper-btn { top: 50%; margin-top: -35px; } .home-container .brand-info .swiper-btn.prev { right: auto; left: 0; } .home-container .brand-info .swiper-btn.next { right: 40%; } .home-container .brand-info .info-type { margin: 40px auto 0; width: 72%; overflow: hidden; } .home-container .brand-info .info-type .type-item { float: left; width: 33.33%; overflow: hidden; cursor: pointer; opacity: .6;} .home-container .brand-info .info-type .type-item.active{ opacity: 1; } .home-container .brand-info .info-type .type-item .img-cont { width: 40%; float: left; } .home-container .brand-info .info-type .type-item .text-cont { width: 60%; float: left; padding-left: 10px; padding-top: 2px; } .home-container .brand-info .info-type .type-item .text-cont .title-cn { font-size: 24px; color: #666; } .home-container .brand-info .info-type .type-item .text-cont .title-en { font-size: 12px; color: #666; margin-top: 5px; } .base-section .base-main.b-left:after { right: auto; left: 8%; } .home-container .hotel-offer { padding-top: 50px; background: url(../image/home-bg1.jpg); } .home-container .hotel-offer .offer-main { width: 85%; margin: 0 auto; } .home-container .hotel-offer .offer-list { padding-top: 35px; margin: 0 -20px; } .home-container .hotel-offer .offer-list .offer-item { width: 33.33%; padding: 0 20px; float: left; position: relative; } .home-container .hotel-offer .offer-list .offer-item .img-cont { overflow: hidden; } .home-container .hotel-offer .offer-list .offer-item .img-cont img { transition: all 1s; } .home-container .hotel-offer .offer-list .offer-item .text-cont { z-index: 2; top: 20px; left: 40px; right: 40px; position: absolute; bottom: 0; } .home-container .hotel-offer .offer-list .offer-item .text-cont:before { content: ""; height: 100%; display: block; border: 1px solid #f7f7f7; border-bottom: none; } .home-container .hotel-offer .base-title .title-border:before,.home-container .hotel-offer .base-title .title-border:after { background: #ccc; } .home-container .hotel-offer .offer-list .offer-item .text-cont .text-main { color: #333; text-align: center; border: 1px solid #f7f7f7; border-top: none; padding: 50px 0; background: #fff; position: absolute; margin-top: -1px; width: 100%;} .home-container .hotel-offer .offer-list .offer-item .text-cont .text-main .t-border { width: 30%; margin: 0 auto; height: 1px; background: #ab8d58; } .home-container .hotel-offer .offer-list .offer-item .text-cont .text-main .t-title { font-size: 24px; margin-top: 20px; } .home-container .hotel-offer .offer-list .offer-item .text-cont .text-main p { line-height: 2; margin: 20px auto 0; width: 80%; } .home-container .hotel-offer .offer-list .offer-item .text-cont .text-main .t-btn { width: 155px; height: 50px; border: 1px solid; text-align: center; line-height: 50px; font-size: 16px; margin: 40px auto 0; cursor: pointer; } .home-container .hotel-offer .offer-list .offer-item:hover .text-cont .text-main { background: #ab8d58; color: #fff; } .home-container .hotel-offer .offer-list .offer-item:hover .text-cont .text-main .t-border { background: #fff; } .home-container .hotel-offer .offer-list .offer-item:hover .text-cont .text-main .t-btn{ color: #fff; } .home-container .hotel-offer .offer-list .offer-item:hover img { transform: scale(1.2); } .hotel-offer-more .more-btn { width: 150px; height: 50px; text-align: center; line-height: 50px; font-size: 16px; color: #333; border: 1px solid; margin: 0 auto; cursor: pointer; margin-top: 400px; margin-bottom: 100px; } .book-home-container .book-home-cont{position:relative;margin-top:60px;} .book-home-container .home-hotel-swiper{padding:100px 60px;} .book-home-container .book-home-more{margin-top:60px;} .book-home-container .book-home-more .more-btn{display:block;margin:0 auto;width:155px;height:45px;line-height:45px;text-align:center;font-size:16px;color:#333;cursor:pointer;border:1px solid;margin-bottom:100px;} .brand-container{ overflow: hidden; background: #fff;} .brand-container .hotel-info{ padding-top: 40px; position: relative; padding-bottom: 90px; } .brand-container .brand-infomation .info-main{ position: relative;} .brand-container .brand-infomation .info-main img{width:100%;display:block;} .brand-container .brand-infomation .info-main .text-cont{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;padding-top:5%;} .brand-container .brand-infomation .info-main .text-cont .info-swiper{width:64%;margin:0 auto;} .brand-container .brand-infomation .info-main .text-cont .base-title .title-cn,.brand-container .brand-infomation .info-main .text-cont .base-title .title-en{color:#f7f7f7;} .brand-container .brand-infomation .info-main .text-cont .info-text{margin-top:30px;text-align:center;color:#ffffff;line-height:36px;} .brand-container .brand-infomation .info-main .text-cont .info-text .icon{display:none;width:25px;height:19px;background-repeat:no-repeat;} .brand-container .brand-infomation .info-main .text-cont .info-text .icon.icon1{background-image:url(../image/home-icon1.png);margin-right: 20px; background-size: cover;} .brand-container .brand-infomation .info-main .text-cont .info-text .icon.icon2{background-image:url(../image/home-icon2.png);margin-left:30px; background-size: cover;} .brand-container .brand-infomation .info-main .text-cont .info-img{margin-top:40px;} .brand-container .brand-infomation .swiper-btn{bottom:35%;} .brand-container .brand-infomation .swiper-btn.prev{left:0;} .brand-container .brand-infomation .swiper-btn.next{right:0;} .brand-container .brand-infomation .info-main .text-cont .title-item{width:150px;position:absolute;bottom:35%;color:#ccc;cursor:pointer;} .brand-container .brand-infomation .info-main .text-cont .title-item .title-cn{font-size:24px;} .brand-container .brand-infomation .info-main .text-cont .title-item .title-en{font-size:12px;} .brand-container .brand-infomation .info-main .text-cont .title-item:nth-of-type(1){left:8%;} .brand-container .brand-infomation .info-main .text-cont .title-item:nth-of-type(2){right:8%;text-align:right;} .brand-container .brand-infomation .info-main .text-cont .title-item:nth-of-type(3){display:none;} .brand-container .brand-join{padding:100px 0;} .brand-container .brand-join .info-text{float:right;} .brand-container .brand-join .hotel-info .info-main .info-img{float:left;} .brand-container .brand-join .hotel-info{padding-bottom:50px;} .brand-container .brand-join .join-btn-cont{margin-top:40px;text-align:center;} .brand-container .brand-join .join-btn-cont .join-btn{display:inline-block;width:160px;height:60px;text-align:center;line-height:60px;font-size:16px;color:#333;margin:0 30px;border:1px solid;cursor:pointer;} .brand-container .brand-join .join-btn-cont .join-btn.write{background:#a88854;color:#fff;border:none;} /* 酒店详情 */ .hotel-info-container{ position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); padding: 20px 0; z-index: 2;} .hotel-info-container .info-wrapper{width:85%;margin:0 auto;text-align:justify; margin-bottom: -20px;} .hotel-info-container .info-wrapper:after{content:"";display:inline-block;width:100%;height:0;} .hotel-info-container .info-wrapper .info-item{display:inline-block;vertical-align:middle;} .hotel-info-container .info-wrapper .info-item a{ color: #f7f7f7;} .hotel-info-container .info-wrapper .h-name,.hotel-info-container .info-wrapper .h-star,.hotel-info-container .info-wrapper .h-remark{float:left;color:#f7f7f7;} .hotel-info-container .info-wrapper .h-star,.hotel-info-container .info-wrapper .h-remark{line-height:50px;} .hotel-info-container .info-wrapper .h-name{margin-right:40px; line-height: 50px;} .hotel-info-container .info-wrapper .h-name .name-cn{font-size:32px;} .hotel-info-container .info-wrapper .h-name .name-en{font-size:24px;opacity:.2;margin-top:-22px;display: none;} .hotel-info-container .info-wrapper .h-star i{display:inline-block;width:25px;height:25px;background:url(../image/star.png) no-repeat; background-size: cover; margin-right:10px;vertical-align:middle;} .hotel-info-container .info-wrapper .h-remark{font-size:20px;margin-left:20px;} .hotel-info-container .info-wrapper .h-addr,.hotel-info-container .info-wrapper .h-tel{font-size:20px;padding-left:30px;background-repeat:no-repeat;background-position:0 center;color:#a88651; } .hotel-info-container .info-wrapper span{background: -webkit-linear-gradient(90deg, #c9a163, #ffdca6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .hotel-info-container .info-wrapper .h-addr{background-image:url(../image/addr.png);} .hotel-info-container .info-wrapper .h-tel{background-image:url(../image/tel.png);} .hotel-detail-container{padding-top:80px;padding-bottom:60px;background:#fff;} .hotel-detail-container .links-container{width:84%;margin:0 auto;overflow:hidden; text-align: center;} .hotel-detail-container .links-container .links-item{ display: inline-block; } .hotel-detail-container .links-container .links-item a{display:block;height:50px;border-left:1px solid;color:#333;font-size:20px;padding: 0 50px;cursor:pointer;} .hotel-detail-container .links-container .links-item.active a{color:#a48958;} .hotel-detail-container .links-container .links-item:first-of-type a{ border-left: none; } .hotel-detail-container .hotel-about-container{padding-top:80px;} .hotel-detail-container .hotel-about-container .about-text{width:80%;margin:0 auto;} .hotel-detail-container .hotel-about-container .about-text p{margin-top:50px;width:85%;margin:40px auto;text-align:center;line-height:2;} .hotel-detail-container p .icon{display:none;width:25px;height:19px;background-repeat:no-repeat;position:absolute;} .hotel-detail-container p .icon.icon1{background-image:url(../image/detail-icon1.png);margin-left:-40px; background-size: cover;} .hotel-detail-container p .icon.icon2{background-image:url(../image/detail-icon2.png);margin-left:20px; background-size: cover;} .hotel-detail-container .hotel-about-container .about-img{width:90%;margin:0 auto;} .hotel-detail-container .hotel-about-container .about-img img{width:100%;display:block;} .hotel-detail-container .hotel-about-container .about-swiper{margin-top:80px;} .hotel-detail-container .hotel-about-container .about-swiper .img-cont{position:relative;} .hotel-detail-container .hotel-about-container .about-swiper .img-cont:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;background:rgba(0,0,0,.5);} .hotel-detail-container .hotel-about-container .about-swiper .text-cont{position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;padding-top:8%;} .hotel-detail-container .hotel-about-container .about-swiper .text-cont .text-main{width:80%;margin:0 auto;} .hotel-detail-container .hotel-about-container .about-swiper .text-cont .text-main .base-title{color:#f7f7f7;} .hotel-detail-container .hotel-about-container .about-swiper .text-cont .text-main p{margin-top:50px;color:#f7f7f7;text-align:center;line-height:2;} .hotel-detail-container .hotel-location{padding-top:70px;} .hotel-detail-container .hotel-location .location-text{width:80%;margin:0 auto;} .hotel-detail-container .hotel-location .location-text p{width:80%;margin:40px auto;line-height:2;text-align:center;} .hotel-detail-container .hotel-location .location-img{width:90%;margin:0 auto;} .hotel-detail-container .hotel-location .location-img img{display:block;width:100%; cursor: pointer;} .hotel-detail-container .hotel-about-container .about-swiper p .icon{ display: none; } .hotel-detail-container .hotel-about-container .about-swiper p .icon.icon1{background-image:url(../image/home-icon1.png);} .hotel-detail-container .hotel-about-container .about-swiper p .icon.icon2{background-image:url(../image/home-icon2.png);} .hotel-detail-container .hotel-about-container .swiper-pagination-bullet{ cursor: pointer; width: 100px; border: 2px solid #fff; height: 2px; background: transparent; border-radius: 0; opacity: 1; } .hotel-detail-container .hotel-about-container .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff; } .hotel-detail-container .hotel-about-container .swiper-container-horizontal>.swiper-pagination-bullets{bottom:8%;} .hotel-detail-container .hotel-comments{ padding-top: 70px; } .hotel-detail-container .hotel-comments .comments-title{width:80%;margin:0 auto;} .hotel-detail-container .hotel-comments .comments-list{width:90%;margin:40px auto 0;border:1px dashed #d4d4d4;box-sizing:border-box;padding:50px 130px;} .hotel-detail-container .hotel-comments .comments-list ul li{border-bottom:1px dashed #d4d4d4;margin-bottom:40px;padding-bottom:40px;} .hotel-detail-container .hotel-comments .comments-list ul li .img-cont{width:40px;height:40px;border-radius:20px;overflow:hidden;float:left;} .hotel-detail-container .hotel-comments .comments-list ul li .img-cont img{width:100%;} .hotel-detail-container .hotel-comments .comments-list ul li .text-cont{padding-left:80px;font-size:18px;} .hotel-detail-container .hotel-comments .comments-list ul li .text-cont .comment{color:#868686;} .hotel-detail-container .hotel-comments .comments-list ul li .text-cont .comment .c-top{overflow:hidden;margin-bottom:5px;} .hotel-detail-container .hotel-comments .comments-list ul li .text-cont .comment .c-left{float:left;} .hotel-detail-container .hotel-comments .comments-list ul li .text-cont .comment .c-right{float:right;} .hotel-detail-container .hotel-comments .comments-list ul li .text-cont .comment .c-right span{display:inline-block;margin-left:20px;} .hotel-detail-container .hotel-comments .comments-list ul li .text-cont .comment .c-right span.del{cursor:pointer;color:#294b9c;} .hotel-detail-container .hotel-comments .comments-list ul li .text-cont .comment p{color:#333;line-height:1.5;} .hotel-detail-container .hotel-comments .comments-list ul li .text-cont .reply{padding:15px;overflow:hidden;margin-top:16px;} .hotel-detail-container .hotel-comments .comments-list ul li .text-cont .reply .r-img{width:50px;height:50px;overflow:hidden;float:left;} .hotel-detail-container .hotel-comments .comments-list ul li .text-cont .reply .r-img img{display:block;width:100%;} .hotel-detail-container .hotel-comments .comments-list ul li .text-cont .reply .r-text{padding-left:60px;color:#9a9a9a;line-height:1.3;padding-top:3px;} .hotel-detail-container .food-container{padding-top:80px;} .hotel-detail-container .food-container .food-wrapper .food-text{text-align:center;border:1px solid #efefef;padding:45px 10%;margin-top:20px;color:#333;line-height:2;} .hotel-detail-container .food-container .food-wrapper .food-text .blod{font-weight:bold;margin-bottom:10px;} .hotel-detail-container .food-container .food-wrapper .list-container{margin-top:65px;overflow:hidden;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper{margin:0 -10px;overflow:hidden;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .left-item{width:66.66%;padding:0 10px;float:left;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .right-item{width:33.33%;padding:0 10px;float:right;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item3{ width: 100%;clear: both; margin-top: 20px; } .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main{position:relative;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .img-cont{position:relative;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .img-cont:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont{position:absolute;top:30px;left:30px;right:30px;bottom:30px;border:1px solid;color:#fff;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main{position:absolute;top:50%;left:0;right:0;transform:translate(0,-50%);text-align:center; display: none;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main a{ color: #fff; } .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main.text1{padding:0 8% 0 6%;text-align:left;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main.text2{ display: block;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-childs{margin:12px -10px 0;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-childs .item-child{width:50%;padding:0 10px;float:left;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .title-cn{font-size:24px;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .title-en{color:#999;margin-top:5px;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .border{display:inline-block;width:60px;height:1px;background:#9e9e9e;margin:30px 0;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .text{padding-left:40px;background-repeat:no-repeat;background-position:0 8px;line-height:2;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .icon1{background-image:url(../image/detail-foodIcon1.png);} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .icon2{background-image:url(../image/detail-foodIcon2.png);} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .icon3{background-image:url(../image/detail-foodIcon3.png);} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .text-btn{width:155px;height:45px;line-height:45px;text-align:center;border:1px solid;margin:0 auto;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-childs .text-cont .text-main .icon3{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;} .hotel-detail-container .device-container{padding-top:80px;} .hotel-detail-container .device-container .device-info{margin-top:50px;background:#f7f7f7;} .hotel-detail-container .device-container .device-info .info-left{width:40%;float:left;padding:3% 4% 0 4%;position:relative;} .hotel-detail-container .device-container .device-info .info-left .title-cn{font-size:24px;color:#666;} .hotel-detail-container .device-container .device-info .info-left .title-en{font-size:20px;color:#e8e8e8;margin-top:20px;} .hotel-detail-container .device-container .device-info .info-left .border{width:60px;height:1px;background:#999;margin-top:25px;} .hotel-detail-container .device-container .device-info .info-left p{line-height:2;color:#333;margin-top:20px;} .hotel-detail-container .device-container .device-info .info-right{width:60%;float:right;} .hotel-detail-container .device-container .device-info .info-right img{display:block;width:100%;} .hotel-detail-container .device-container .device-list{margin-top:100px;position:relative;} .hotel-detail-container .device-container .device-list .list-bg{width:100%;position:absolute;padding:15% 0;background:url(../image/home-bg1.jpg);top:0;} .hotel-detail-container .device-container .device-list .device-wrapper{position:relative;padding-top:60px;overflow:hidden;} .hotel-detail-container .device-container .device-list .list-container{overflow:hidden;margin:0 -10px;} .hotel-detail-container .device-container .device-list .list-container .list-item{float:left;padding:0 10px;margin-bottom:20px;position:relative;color:#fff;} .hotel-detail-container .device-container .device-list .list-container .list-item img{width:100%;display:block;} .hotel-detail-container .device-container .device-list .list-container .item1{width:59.38%;} .hotel-detail-container .device-container .device-list .list-container .item2{width:40.62%;} .hotel-detail-container .device-container .device-list .list-container .item3{width:100%;} .hotel-detail-container .device-container .device-list .list-container .list-item .item-main .img-cont{position:relative;} .hotel-detail-container .device-container .device-list .list-container .list-item .item-main .img-cont:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);} .hotel-detail-container .device-container .device-list .list-container .list-item .item-main .text-cont{position:absolute;top:30px;left:30px;right:30px;bottom:30px;border:1px solid;color:#fff;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main{position:absolute;top:50%;left:0;right:0;transform:translate(0,-50%);text-align:center; display: none;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main.text1{padding:0 8% 0 6%;text-align:left;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main.text2{ display: block;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .title-cn{font-size:24px;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .title-en{color:#999;margin-top:5px;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .border{display:inline-block;width:60px;height:1px;background:#9e9e9e;margin:30px 0;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .text{padding-left:40px;background-repeat:no-repeat;background-position:0 8px;line-height:2;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .icon1{background-image:url(../image/detail-foodIcon1.png);} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .icon2{background-image:url(../image/detail-foodIcon2.png);} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .icon3{background-image:url(../image/detail-foodIcon3.png); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .text-btn{width:155px;height:45px;line-height:45px;text-align:center;border:1px solid;margin:0 auto; cursor: pointer;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .text-btn a{ color: #fff; display: block; } .hotel-detail-container .meeting-container .meeting-info{margin-top:50px;background:#f7f7f7;} .hotel-detail-container .meeting-container .meeting-info .info-left{width:40%;float:left;padding:3% 4% 0 4%;position:relative;} .hotel-detail-container .meeting-container .meeting-info .info-left .title-cn{font-size:24px;color:#666;position:absolute;} .hotel-detail-container .meeting-container .meeting-info .info-left .title-en{font-size:20px;color:#e8e8e8;margin-top:20px;} .hotel-detail-container .meeting-container .meeting-info .info-left .border{width:60px;height:1px;background:#999;margin-top:25px;} .hotel-detail-container .meeting-container .meeting-info .info-left p{line-height:2;color:#333;margin-top:20px;} .hotel-detail-container .meeting-container .meeting-info .info-right{width:60%;float:right;} .hotel-detail-container .meeting-container .meeting-info .info-right img{display:block;width:100%;} .hotel-detail-container .meeting-container .meeting-info.reverse .info-left{ float: right; } .hotel-detail-container .meeting-container .meeting-info.reverse .info-right{ float: left; } .hotel-detail-container .meeting-container .meeting-info.reverse .room-right .swiper-btn{right:auto;left:80px;} .hotel-detail-container .meeting-container .meeting-info.reverse .swiper-btn.prev{left:0px;right:auto;} .hotel-detail-container .meeting-container .meeting-info.reverse .swiper-btn.next{ left: 80px; } .hotel-detail-container .meeting-container .meeting-info .btn-cont{ width: 155px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #a88652; border: 1px solid; margin-top: 50px; } .hotel-detail-container .meeting-container .info-swiper{ margin-top: 40px; } .hotel-detail-container .meeting-container .info-swiper .swiper-btn.next{ right: 0; } .hotel-detail-container .meeting-container .info-swiper .swiper-btn.prev{ right: 90px; } .hotel-detail-container .meeting-container .info-swiper img{ width: 100%; display: block; } .hotel-detail-container .meeting-container .meeting-new-info{ padding-top: 40px; text-align: center;} .hotel-detail-container .meeting-container .meeting-new-info .info-text{ font-size: 18px; color: #2a2522; line-height: 2; } .hotel-detail-container .meeting-container .meeting-new-info .info-list{ margin-top: 60px; overflow: hidden; } .hotel-detail-container .meeting-container .meeting-new-info .info-list .info-item{ float: left; position: relative; } .hotel-detail-container .meeting-container .meeting-new-info .info-list .info-item:after{ content: ""; width: 1px; height: 50px; background: #d7d7d7; position: absolute; right: 0; top: 50%; margin-top: -25px; } .hotel-detail-container .meeting-container .meeting-new-info .info-list .info-item:last-of-type:after{ display: none; } .hotel-detail-container .meeting-container .meeting-new-info .info-list .info-item p{ font-size: 18px; color: #2a2522; margin: 15px 0; } .hotel-detail-container .meeting-container .meeting-new-info .info-list .info-item p span{ font-size: 48px; } .hotel-detail-container .meeting-container .meeting-new-info .info-list.three .info-item{ width: 33.33%; } .hotel-detail-container .meeting-container .meeting-new-info .info-list.four .info-item{ width: 25%; } .hotel-detail-container .meeting-container .meeting-new-info .info-list.five .info-item{ width: 20%; } .hotel-detail-container .meeting-container .meeting-create{margin-top:100px;padding:50px 0;background:url(../image/home-bg1.jpg);} .hotel-detail-container .meeting-container .meeting-create .info-text{ width: 80%; margin:30px auto 0;line-height:2;color:#666; text-align: center;} .hotel-detail-container .meeting-container .meeting-create .info-text .icon{display:none;width:25px;height:19px;background-repeat:no-repeat;position:absolute;} .hotel-detail-container .meeting-container .meeting-create .info-text .icon.icon1{background-image:url(../image/detail-icon1.png);margin-left:-70px; background-size: cover;} .hotel-detail-container .meeting-container .meeting-create .info-text .icon.icon2{background-image:url(../image/detail-icon2.png);margin-left:40px; background-size: cover;} .hotel-detail-container .meeting-container .meeting-create .create-swiper{margin:60px -20px;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-wrapper{align-items:center;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide{width:33.33%;padding:0 20px;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide .img-cont{position:relative;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide .img-cont:before{content:"";background:rgba(0,0,0,.45);position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;display:block;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide .img-cont:after{content:"";position:absolute;top:20px;left:20px;right:20px;bottom:20px;z-index:2;display:block;border:1px solid #fff;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide .text-cont{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;text-align:center;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide .text-cont .t-title{position:absolute;top:50%;transform:translateY(-50%);font-size:24px;color:#ffffff;width:100%;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide .text-cont p{display:none;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide .btn-cont{display:none;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide.swiper-slide-active .img-cont:before{background:no-repeat;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide.swiper-slide-active .text-cont{position:static;background:#fff;padding:30px 0 20px;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide.swiper-slide-active .text-cont .t-title{color:#666;position:static;transform:translateY(0);line-height:1.5;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide.swiper-slide-active .text-cont p{display:block;text-align:center;font-size:18px;color:#666;line-height:2;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide.swiper-slide-active .btn-cont{text-align:center;border-top:1px solid #ccc;line-height:50px;font-size:16px;color:#a88652;display:block;background:#fff;cursor:pointer;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-btn{ background: none; top: 50%; bottom: auto; transform: translateY(-50%); cursor: pointer; z-index: 4; } .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-btn.prev{left:40px;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-btn.next{right:40px;} .hotel-detail-container .meeting-container .meeting-wrapper{ padding-top: 80px; } .hotel-detail-container .hotel-offer { padding-top: 50px; background: url(../image/home-bg1.jpg); margin-bottom: 320px; margin-top: 80px;} .hotel-detail-container .hotel-offer .offer-main { width: 85%; margin: 0 auto; } .hotel-detail-container .hotel-offer .offer-list { padding-top: 35px; margin: 0 -20px; } .hotel-detail-container .hotel-offer .offer-list .offer-item { width: 33.33%; padding: 0 20px; float: left; position: relative; } .hotel-detail-container .hotel-offer .offer-list .offer-item .img-cont { overflow: hidden; } .hotel-detail-container .hotel-offer .offer-list .offer-item .img-cont img { transition: all 1s; } .hotel-detail-container .hotel-offer .offer-list .offer-item .text-cont { z-index: 2; top: 20px; left: 40px; right: 40px; position: absolute; bottom: 0; } .hotel-detail-container .hotel-offer .offer-list .offer-item .text-cont:before { content: ""; height: 100%; display: block; border: 1px solid #f7f7f7; border-bottom: none; } .hotel-detail-container .hotel-offer .base-title .title-border:before,.hotel-detail-container .hotel-offer .base-title .title-border:after { background: #ccc; } .hotel-detail-container .hotel-offer .offer-list .offer-item .text-cont .text-main { color: #333; text-align: center; border: 1px solid #f7f7f7; border-top: none; padding: 50px 0; background: #fff; position: absolute; margin-top: -1px; width: 100%;} .hotel-detail-container .hotel-offer .offer-list .offer-item .text-cont .text-main .t-border { width: 30%; margin: 0 auto; height: 1px; background: #ab8d58; } .hotel-detail-container .hotel-offer .offer-list .offer-item .text-cont .text-main .t-title { font-size: 24px; margin-top: 20px; } .hotel-detail-container .hotel-offer .offer-list .offer-item .text-cont .text-main p { line-height: 2; margin: 20px auto 0; width: 80%; } .hotel-detail-container .hotel-offer .offer-list .offer-item .text-cont .text-main .t-btn { width: 155px; height: 50px; border: 1px solid; text-align: center; line-height: 50px; font-size: 16px; margin: 40px auto 0; cursor: pointer; } .hotel-detail-container .hotel-offer .offer-list .offer-item:hover .text-cont .text-main { background: #ab8d58; color: #fff; } .hotel-detail-container .hotel-offer .offer-list .offer-item:hover .text-cont .text-main .t-border { background: #fff; } .hotel-detail-container .hotel-offer .offer-list .offer-item:hover img { transform: scale(1.2); } .meeting-create-pop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:22;display: none;} .meeting-create-pop .mask{width:100%;height:100%;background:rgba(0,0,0,.7);} .meeting-create-pop .pop-wrapper{width:1550px;position:absolute;top:50px;bottom:50px;background:#fff;left:50%;transform:translateX(-50%);} .meeting-create-pop .pop-wrapper .pop-close{width:25px;height:25px;background:url(../image/meeting-close.png);position:absolute;top:20px;right:20px;cursor: pointer;} .meeting-create-pop .pop-wrapper .pop-main{height:100%;overflow-y:auto;padding:75px 0;} .meeting-create-pop .pop-wrapper .base-title .title-border{width:100%;left:0;} .meeting-create-pop .pop-wrapper .pop-main .intro-title{padding-top:40px;text-align:center;} .meeting-create-pop .pop-wrapper .pop-main .intro-title .title-cn{font-size:24px;color:#666;position:relative;width:100%;} .meeting-create-pop .pop-wrapper .pop-main .intro-title .title-en{font-size:20px;color:#e8e8e8;margin-top:-18px;} .meeting-create-pop .pop-wrapper .pop-main .intro-title p{line-height:2;margin:15px auto;width:80%;} .meeting-create-pop .pop-wrapper .pop-main .form-list{margin:60px auto 0;font-size:0;width:85%;text-align:justify;} .meeting-create-pop .pop-wrapper .pop-main .form-list:after{content:"";display:inline-block;width:100%;height:0;} .meeting-create-pop .pop-wrapper .pop-main .form-item{display:inline-block;width:46%;padding-top:1px;font-size:18px;color:#666;line-height:45px;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item{margin-top:15px;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .name{float:left;width:33%;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .name span{color:#ca0813;margin-left:20px;vertical-align:sub;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .input{float:right;width:67%;border:1px solid #dcdcdc;box-sizing:border-box;position:relative;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .input.error{ border-color: red; } .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .input.noborder{border:none;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .input > *{box-sizing:border-box;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .input input[type='text']{height:45px;width:100%;border:none;font-size:18px;padding-left:20px;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .input textarea{height:110px;width:100%;border:none;resize:none;display:block;padding-left:20px;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .input.remark textarea{height:230px;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .input input[type='checkbox']{width:16px;height:16px;border-color:#cacaca;border-radius:0;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .select:after{content:"";display:block;width:0;height:0;border:10px solid transparent;border-top-color:#adadad;position:absolute;right:20px;top:50%;margin-top:-5px;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .date:after{content:"";display:block;width:20px;height:20px;background:url(../image/meeting-icon1.png) no-repeat;position:absolute;right:20px;top:50%;margin-top:-10px;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .select .i-text{height:45px;padding-left:20px;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .select-main{position:absolute;width:100%;z-index:2;background:#fff;border:1px solid #dcdcdc;margin-top:2px;display:none;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .select-main .option{padding-left:20px;cursor:pointer;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .select-main .option:hover{background:#ccc;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-title{margin-top:20px;color:#b18754;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .i-radio{display:inline-block;width:100px;height:45px;cursor:pointer;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .i-radio span{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #9d9d9d;margin-right:10px;vertical-align:-2px;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .i-radio.active span:after{content:"";width:11px;height:11px;border-radius:50%;background:#a88652;display:block;margin:2px;} .meeting-create-pop .pop-wrapper .pop-main .btns-cont{margin-top:60px;text-align:center;} .meeting-create-pop .pop-wrapper .pop-main .btns-cont .form-btn{width:155px;height:50px;line-height:50px;font-size:16px;border:1px solid;margin:0 50px;display:inline-block;cursor:pointer;} .meeting-create-pop .pop-wrapper .pop-main .btns-cont .form-btn.submit{background:#a88652;color:#fff;} .meeting-create-pop .pop-wrapper .pop-main .btns-cont .form-btn.reset{color:#a88652;} .room-container .search-container{width: 90%; margin: 40px auto; box-shadow: 0 0 5px #e1e1e1; background: none; position: static; moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;} .room-container .search-container .search-wrapper{ width: 90%; } .room-container .search-container .more-cont{width:100%;text-align:center;margin-top:10px;} .room-container .search-container .more-cont .more{width:130px;height:30px;line-height:30px;display:inline-block;position:relative;cursor:pointer;color:#885f3c;font-size:16px;} .room-container .search-container .more-cont .more:after{content:"<";margin-left:8px;transform:rotate(-90deg);display:inline-block;} .room-container .search-container .active .more-cont .more:after{ transform: rotate(90deg) } .room-container .search-container .number-list{display:none;font-size:0;} .room-container .search-container .active .number-list{display:block;margin-right:200px;width:auto;text-align:justify;margin-top:15px;font-size:0;} .room-container .search-container .active .input-list{margin-right:0;} .room-container .search-container .active .btn-cont{top:60px;} .room-container .search-container .number-list:after{content:"";width:100%;height:0;display:inline-block;} .room-container .search-container .number-list .room-num,.room-container .search-container .number-list .people-num{display:inline-block;border-bottom:1px solid #666;font-size:16px;color:#666;vertical-align:top;} .room-container .search-container .number-list .room-num{width:28%;background:url(../image/detail-roomIcon4.png) right center no-repeat;line-height:40px;} .room-container .search-container .number-list .people-num{width:64%;overflow:hidden;line-height:40px;} .room-container .search-container .number-list .num-item{display:inline-block;margin-right:12%;} .room-container .search-container .number-list .num-diff,.room-container .search-container .number-list .num-add{width:22px;height:22px;text-align:center;line-height:22px;cursor:pointer;vertical-align:middle;background: #a88651; color: #f7f7f7;} .room-container .search-container .number-list .num-diff{font-size:22px;line-height:18px;} .room-container .search-container .number-list .people-big,.room-container .search-container .number-list .people-small{float:left;width:50%;font-size:16px;} .room-container .search-container .search-wrapper .input-list .input-item input{ color: #666; } .room-container .search-container .search-wrapper .input-list .input-item{ border-color: #666; } .room-container .search-container .search-wrapper .input-list .input-item.icon1{ background-image: url(../image/detail-roomIcon1.png); } .room-container .search-container .search-wrapper .input-list .input-item.icon2{ background-image: url(../image/detail-roomIcon2.png); } .room-container .search-container .search-wrapper .input-list .input-item.icon3{ background-image: url(../image/detail-roomIcon3.png); } .room-container .search-container .search-wrapper .btn-cont{ background: #a88651; color: #f7f7f7; } .room-container .room-list{overflow:hidden;padding-top:40px;} .room-container .room-list ul li{margin-bottom:30px;position:relative;overflow:hidden;} .room-container .room-list ul li .room-item{overflow:hidden;} .room-container .room-list ul li .room-item .item-left{float:left;width:30%;} .room-container .room-list ul li .room-item .item-right{float:right;width:70%;box-sizing:border-box;padding-left:4%;overflow:hidden;} .room-container .room-list ul li .room-item .item-right .r-left{float:left;padding-top:10px; width: 650px;} .room-container .room-list ul li .room-item .item-right .r-left .title{font-size:24px;color:#666;} .room-container .room-list ul li .room-item .item-right .r-left .text{margin-top:20px;font-size:18px;color:#333; height: 120px;} .room-container .room-list ul li .room-item .item-right .r-left .text .t-item{margin-right:40px;display:inline-block;} .room-container .room-list ul li .room-item .item-right .r-left .text .t-item span{font-weight:bold;} .room-container .room-list ul li .room-item .item-right .r-left .a-btn{margin-top:10px;color:#373737;font-size:14px;cursor: pointer;} .room-container .room-list ul li .room-item .item-right .r-right{float:right;color:#a88651;padding-top:10px;font-size:14px;text-align:right;} .room-container .room-list ul li .room-item .item-right .r-right .price span{font-size:26px;} .room-container .room-list ul li .room-item .item-right .r-right .p-btn{width:140px;height:38px;line-height:38px;border:1px solid;text-align:center;margin-top:50px;box-sizing:border-box;padding-right:30px;position:relative;cursor:pointer;} .room-container .room-list ul li .room-item .item-right .r-right .p-btn:after{content:"";width:8px;height:8px;border:2px solid;border-top:none;border-right:none;font-size:20px;position:absolute;margin-left:10px;transform:rotate(-45deg);margin-top:11px;} .room-container .room-list ul li .room-item .item-right .r-right .p-btn.active:after{transform:rotate(135deg);margin-top:15px;} .room-container .room-item .info-main{background:#fff;position:absolute;width:103%; top:40px; bottom: 40px; z-index:1;margin-left:35px;padding:40px 25px 0; font-size: 16px;} .room-container .room-item .info-main .title-cn{font-size:24px;color:#666;} .room-container .room-item .info-main .title-en{font-size:20px;color:#e8e8e8;margin-top:-16px;z-index:-1;position:absolute;} .room-container .room-item .info-main .border{width:60px;height:1px;background:#999;margin:30px 0;} .room-container .room-item .info-main .main-text{ height: 215px; overflow-y: auto; } .room-container .room-item .info-main p{color:#333;line-height:1.8;margin-bottom:15px;} .room-container .room-item .info-main p span{margin:0 30px;} .room-container .room-item .info-main p i{display:inline-block;width:30px;height:30px;vertical-align:middle;background-repeat:no-repeat;} .room-container .room-item .info-main p i.icon1{background-image:url(../image/detail-roomIcon8.png);} .room-container .room-item .info-main p i.icon2{background-image:url(../image/detail-roomIcon9.png);} .room-container .room-item .info-main p i.icon3{background-image:url(../image/detail-roomIcon10.png);} .room-container .room-item .info-main p i.icon4{background-image:url(../image/detail-roomIcon11.png);} .room-container .room-item .info-main p i.icon5{background-image:url(../image/detail-roomIcon5.png);} .room-container .room-item .info-main p i.icon6{background-image:url(../image/detail-roomIcon6.png);} .room-container .room-item .info-main p i.icon7{background-image:url(../image/detail-roomIcon7.png);} .room-container .room-item .info-main p i.icon8{background-image:url(../image/detail-roomIcon12.png);} .room-container .room-item .info-main .info-price{ color: #970000; font-size: 18px; margin-top: 20px; } .room-container .room-item .info-main .info-price span{ font-size: 30px; } .room-container .room-item img{width:100%;display:block;} .room-container .room-item .room-btn{ width: 150px; height: 35px; margin-top: 5px; } .room-container .room-item .room-btn .btn-cont{height: 35px;line-height: 35px; text-align: center; color:#fff;background: #a88651; position:relative;overflow:hidden;cursor:pointer;} .room-container .room-item .room-btn .btn-cont:after{content:"<";transform:rotate(-90deg);margin-left:10px;display:inline-block;vertical-align:0px;} .room-container .room-item .room-btn .btn-cont.active:after{transform:rotate(90deg);} .room-container .room-item .room-right .swiper-btn{bottom:30px;right:0;} .room-container .room-item .room-right .swiper-btn.prev{right:80px;} .room-container .room-list .info-list{position:relative;z-index:3;margin:20px 3px 30px;padding:10px 0;background:#fff;display:none;} .room-container .room-list .info-list .info-item{text-align:justify;border-top:1px dashed #e6e6e6; padding: 15px 0 0;} .room-container .room-list .info-list .info-item:last-child{border-bottom:1px dashed #e6e6e6;} .room-container .room-list .info-list .info-item:after{content:"";display:inline-block;width:100%;height:0;} .room-container .room-list .info-list .info-item span{display:inline-block;font-size:18px;line-height:70px; color: #a88651;} .room-container .room-list .info-list .info-item span.bold{font-weight:bold;} .room-container .room-list .info-list .info-item span.span1{width:20%;} .room-container .room-list .info-list .info-item span.span2{width:8%;text-align:center;} .room-container .room-list .info-list .info-item span.span3{width:110px;} .room-container .room-list .info-list .info-item span.bf{ color: #333333; } .room-container .room-list .info-list .info-item .big{color:#a88651;font-size:22px;} .room-container .room-list .info-list .info-item .price{color:#a88651;font-size:22px;text-align:left;width:80%;} .room-container .room-list .info-list span.book-btn{width:110px;border:1px solid #a88651;display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;} .room-container .room-list .info-list .book-btn .b-top{display:block; height: 30px; background: #a88651; color: #fff; line-height: 30px; font-size: 14px; } .room-container .room-list .info-list .book-btn .b-bottom{display:block; height: 30px; color: #a88651; line-height: 30px; font-size: 14px;} .room-container .room-list ul li.reverse:after{right:auto;left:9%;} .room-container .room-list ul li.reverse .room-item .room-left{ right: 0;} .room-container .room-list ul li.reverse .room-item .room-right{float:left;} .room-container .room-list ul li.reverse .room-item .info-main{margin-left:-70px;} .room-container .room-list ul li.reverse .room-right .swiper-btn{right:auto;left:80px;} .room-container .room-list ul li.reverse .swiper-btn.prev{left:0px;right:auto;} .offer-container{ padding-top: 20px; } .offer-container .offer-wrapper{ width: 84%; margin: 0 auto; } .offer-container .offer-wrapper .tab-container{position:relative;overflow:hidden;} .offer-container .offer-wrapper .tab-container .tab-arrow{position:absolute;border:20px solid transparent;border-bottom-color:#a88652;left:38%;top:0;margin-top:-15px;width:0;height:0;} .offer-container .offer-wrapper .tab-container .tab-arrow:after{content:"";border:19px solid transparent;border-bottom-color:#fff;position:absolute;top:0;left:0;margin-top:-17px;margin-left:-19px;} .offer-container .offer-wrapper .tab-container .tab-wrapper{border:1px solid #a88652;margin-top:25px;padding:25px 0 25px 6%;} .offer-container .offer-wrapper .tab-container .tab-wrapper .tab-item{display:inline-block;color:#333;margin:0 6%;cursor:pointer;} .offer-container .offer-wrapper .tab-container .tab-wrapper .tab-item.active{color:#a88652;text-decoration:underline;} .offer-container .offer-wrapper .offer-list{overflow:hidden;margin-top:50px;} .offer-container .offer-wrapper .offer-list ul{margin:0 -10px;} .offer-container .offer-wrapper .offer-list ul li{float:left;width:33.33%;padding:0 10px;margin-bottom:20px;position:relative;} .offer-container .offer-wrapper .offer-list ul li .text-cont{margin:0 20px;text-align:center;padding-top:40px;padding-bottom:60px;color:#333;position:relative;z-index:2;} .offer-container .offer-wrapper .offer-list .text-cont .border{width:108px;height:1px;background:#a88652;margin:0 auto; display: none;} .offer-container .offer-wrapper .offer-list .text-cont .title{font-size:24px;} .offer-container .offer-wrapper .offer-list .text-cont p{line-height:2;margin-top:15px;} .offer-container .offer-wrapper .offer-list .text-cont .btn{width:150px;height:45px;border:1px solid;text-align:center;line-height:45px;margin:40px auto 0;display:block;cursor:pointer;} .offer-container .offer-wrapper .offer-list .text-cont .btn:hover{ background: #a88652; color: #fff; } /* 法律声明 */ .law-container{ padding-top: 1px; padding-bottom: 60px; background: #F4F5F6;} .law-container .law-wrapper{ width: 1100px; margin: 0 auto; } .law-container .law-title{width:186px;min-height:286px;background:#fff;margin:-140px auto 0;font-size:36px;color:#9E804D;text-align:center;padding:40px 65px;position:relative;} .law-container .law-title:before{content:"";left:40px;bottom:40px;width:2px;height:125px;background:#9E804D;position:absolute;} .law-container .law-title:after{content:"";right:40px;top:40px;width:2px;height:125px;background:#9E804D;position:absolute;} .law-container .law-text{background:#fff;margin-top:40px;padding:46px 100px;} .law-container .law-text .text-title{font-size:18px;color:#9E804D;line-height:35px;} .law-container .law-text p{font-size:16px;color:#171717;text-align:justify;line-height:35px;text-indent:2em;} .law-container .law-text table{margin-top:40px;border-collapse:collapse;border:1px solid #dae3e9;width:100%;} .law-container .law-text table td{border:1px solid #dae3e9;height:30px;line-height:35px;font-size:14px;text-align:center;color:#353535;width:16%; box-sizing: border-box; padding: 0 10px;} .law-container .law-text table thead td{font-size:15px;font-weight:bold;} /* 新闻详情 */ .news-detail-container{padding-top:160px;} .news-detail-container .news-detail-wrapper{width:1100px;margin:0 auto;} .news-detail-container .news-detail-wrapper .news-time{font-size:17px;color:#000;line-height:35px;} .news-detail-container .news-detail-wrapper .news-time span{display:inline-block;width:18px;height:18px;border-radius:9px;margin-right:5px;border:1px solid;line-height:16px;font-size:14px;font-weight:bold;text-align:center;vertical-align:2px; cursor: pointer;} .news-detail-container .news-detail-wrapper .news-title{font-size:36px;color:#2C324B;margin-top: 20px; margin-bottom: 30px;} .news-detail-container .news-detail-wrapper img{display:block;width:100%;} .news-detail-container .news-detail-wrapper .news-text{font-size:16px;color:#353535;text-align:justify;line-height:35px;padding:100px 100px 40px;} .news-detail-container .news-detail-wrapper .news-text p{margin-bottom:40px;} /* 新闻列表*/ .news-container{padding-top:160px;} .news-container .news-title{font-size:36px;color:#2C324B;margin-top: 20px; margin-bottom: 30px;} .news-container .news-list{ margin-top: 40px; } .news-container .news-list ul{ overflow: hidden; } .news-container .news-list ul li{margin-bottom:20px;} .news-container .news-list ul li a{display:block;overflow: hidden;} .news-container .news-list ul li .img-cont{float:left;width:211px;} .news-container .news-list ul li .img-cont img{display:block;width:100%;} .news-container .news-list ul li .text-cont{padding-left:240px;padding-top:10px;} .news-container .news-list ul li span{display:block;} .news-container .news-list ul li .text-cont .title{font-size:18px;color:#2C324B; margin-top: 10px;} .news-container .news-list ul li .text-cont .date{font-size:18px;color:#717171;line-height:28px;} .news-container .news-list ul li .text-cont p{font-size:16px;color:#333333;line-height:28px;padding-right:40px;margin-top: 10px;} /* 预订流程页面 */ .book-container{overflow:hidden;padding-top:50px;} .book-container .step-container{font-size:0;width:84%;margin:0 auto;} .book-container .step-container .step-item{display:inline-block;width:33.33%;background:#ccc;text-align:center;height:76px;line-height:76px;font-size:20px;color:#333;position: relative;} .book-container .step-container .step-item.right-arrow:after{content: ""; display: block; width: 0; height: 0; border-top-width: 38px; border-bottom-width: 38px;border-color: #fff; border-style: solid; position: absolute; top: 0; border-left-width: 19px; border-right-width: 0; border-left-color: #ccc; right: 0;} .book-container .step-container .step-item.left-arrow:before{ content: ""; display: block; width: 0; height: 0; border-top-width: 38px; border-bottom-width: 38px;border-color: #ccc; border-style: solid; position: absolute; top: 0; border-left-width: 19px; border-right-width: 0; border-left-color: #fff; left: 0; } .book-container .step-container .step-item.active.right-arrow:after{ border-left-color: #aa874d; } .book-container .step-container .step-item.active.left-arrow:before{ border-color: #aa874d; border-left-color: #fff;} .book-container .step-container .step-item.active{ background: #aa874d; color: #fff; } .book-container .book-wrapper{ width: 84%; margin: 0 auto; padding-top: 50px; overflow: hidden;} .book-container .book-wrapper .book-left{float:left;width:38%;} .book-container .book-wrapper .book-left .hotel-info{border-bottom:1px solid #dad7d7;padding-bottom:20px;} .book-container .book-wrapper .book-left .room-info{padding:1px 0 25px;border-bottom:1px solid #dad7d7;} .book-container .book-wrapper .book-left .remark{border-bottom:1px solid #dad7d7;padding-bottom:20px;} .book-container .book-wrapper .book-left .room-info p,.book-container .book-wrapper .book-left .remark p{font-size:18px;color:#333;line-height:35px;} .book-container .book-wrapper .book-left .room-info .title-en{margin-bottom:20px;} .book-container .book-wrapper .book-left .remark .title-cn{margin-bottom:20px;} .book-container .book-wrapper .book-left .room-info p span{margin:0 10px;} .book-container .book-wrapper .book-left .title-cn{margin-top:40px;font-size:24px;color:#666;position:relative;} .book-container .book-wrapper .book-left .title-en{font-size:20px;color:#e8e8e8;margin-top:-15px;} .book-container .book-wrapper .book-left .tel{padding-left:30px;font-size:18px;color:#666;line-height:35px;background:url(../image/footer-icon1.png) 0 center no-repeat;margin-top:15px;} .book-container .book-wrapper .book-left .addr{padding-left:30px;font-size:18px;color:#dad7d7;background:url(../image/footer-icon3.png) 0 center no-repeat;line-height:35px;margin-top:5px;} .book-container .book-wrapper .book-right{padding-bottom: 50px; float:right;width:62%;box-sizing:border-box;padding-left:70px;color:#666;font-size:18px;} .book-container .book-wrapper .book-right .title-cn{font-size:24px;} .book-container .book-wrapper .book-right .book-info{border-bottom:1px dashed #dad7d7;padding-bottom:20px;} .book-container .book-wrapper .book-right .book-texts{text-align:justify;padding-top:20px;} .book-container .book-wrapper .book-right .book-texts:after{content:"";display:inline-block;width:100%;height:0;} .book-container .book-wrapper .book-right .book-texts .b-text{display:inline-block;} .book-container .book-wrapper .book-right .book-texts .margin{margin-left:30px;} .book-container .book-wrapper .book-right .book-texts .big{font-size:24px;} .book-container .book-wrapper .book-right .book-price{margin-top:10px;} .book-container .book-wrapper .book-right .book-price .top-text{color:#333;} .book-container .book-wrapper .book-right .book-price .top-text span{font-size:22px;color:#a88651;} .book-container .book-wrapper .book-right .book-price .p-bottom{overflow:hidden;margin-top:30px;} .book-container .book-wrapper .book-right .book-price .p-bottom .p-text{float:left;} .book-container .book-wrapper .book-right .book-price .p-bottom .to-login{color:#a88651;display:inline-block;} .book-container .book-wrapper .book-right .book-price .p-bottom .p-num{float:right;} .book-container .book-wrapper .book-right .book-price .p-bottom .p-num span{font-size:26px;color:#a88651;margin-left:60px;} .book-container .book-wrapper .book-right .guest-info{padding-top:40px;border-bottom:1px dashed #dad7d7;padding-bottom:40px;} .book-container .book-wrapper .book-right .guest-info .guest-item{overflow:hidden;margin-top:25px;line-height:35px;} .book-container .book-wrapper .book-right .guest-info .guest-item .item-left{float:left;width:45%; margin-right: 5%;} .book-container .book-wrapper .book-right .guest-info .guest-item .item-left .name,.book-container .book-wrapper .book-right .guest-info .guest-item .item-left .input{display:inline-block;} .item-left .input input{width:90%} .book-container .book-wrapper .book-right .guest-info .guest-item .item-left .input{border-bottom:1px solid #b3b3b3;width:auto;margin-left:10px;} .book-container .book-wrapper .book-right .guest-info .guest-item .item-left .input span{ font-size: 14px; position: absolute; color: red; } .book-container .book-wrapper .book-right .guest-info .guest-item .item-left .input.noborder{border:none;margin-right:-50px; vertical-align: middle;} .book-container .book-wrapper .book-right .guest-info .guest-item .item-left .input.noborder span{ position: static; color: inherit; font-size: inherit; } .book-container .book-wrapper .book-right .guest-info .guest-item .item-left .input input{border:none;font-size:18px;} .book-container .book-wrapper .book-right .guest-info .guest-item .item-left .input .radio-hide{ height: 0; overflow: hidden; } .book-container .book-wrapper .book-right .guest-info .guest-item .item-left .input .radio{display:inline-block;font-size:14px;cursor:pointer;margin-right:30px;margin-left:15px;} .book-container .book-wrapper .book-right .guest-info .guest-item .item-left .input .radio span{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #9d9d9d;margin-right:10px;vertical-align:-2px;} .book-container .book-wrapper .book-right .guest-info .guest-item .item-left .input .radio.active span:after{content:"";width:11px;height:11px;border-radius:50%;background:#a88652;display:block;margin:2px;} .book-container .book-wrapper .book-right .guest-info .guest-item .item-right{float:right;width:60%;box-sizing:border-box;width: 100%; font-size: 16px; color:#999; margin-top: 20px;} .book-container .book-wrapper .book-right .guest-info .guest-item .item-right span{color:#ca0813;margin-right:10px;} .book-container .book-wrapper .book-right .guest-info .guest-item .item-right .code{width:148px;} .book-container .book-wrapper .book-right .guest-info .guest-item .item-right .code img{display:block;width:100%;} .book-container .book-wrapper .book-right .guest-info .guest-item .item-right .send-code{cursor:pointer;display:inline-block;} .book-container .book-wrapper .book-right .need-info{padding-top:40px;border-bottom:1px dashed #dad7d7;padding-bottom:40px;} .book-container .book-wrapper .book-right .need-info .title-cn{margin-bottom:20px;} .book-container .book-wrapper .book-right .need-info p{color:#999;line-height:35px;} .book-container .book-wrapper .book-right .need-info .textarea{border:1px solid #ccc;} .book-container .book-wrapper .book-right .need-info .textarea textarea{display:block;height:165px;border:none;box-sizing:border-box;padding:15px 25px;width:100%;resize:none;font-size:18px;} .book-container .book-wrapper .book-right .price-info{padding-top:40px;border-bottom:1px dashed #dad7d7;padding-bottom:40px;} .book-container .book-wrapper .book-right .price-info .price-main{text-align:right;margin-top:10px;} .book-container .book-wrapper .book-right .price-info .price-item{display:inline-block;color:#666;} .book-container .book-wrapper .book-right .price-info .price-item span{display:inline-block;text-align:left;width:90px;} .book-container .book-wrapper .book-right .price-info .price-item span.p-right{width: 170px;text-align: right;} .book-container .book-wrapper .book-right .price-info .price-item span.big{font-size:26px;color:#a88651;} .book-container .book-wrapper .book-right .price-info .price-item label span{ text-align: right; } .book-container .book-wrapper .book-right .price-info .price-item label span input{ width: 25px; height: 25px; vertical-align: middle; } .book-container .book-wrapper .book-right .price-info .price-item span.icon{ width: 20px; height: 20px; background: url(../image/rule-icon1.png) no-repeat; display: inline-block; background-size: cover; vertical-align: middle;} .book-container .book-wrapper .book-right .totel-info{border:none;} .book-container .book-wrapper .book-right .totel-info .totel-btn{margin-top:40px;display:inline-block;width:155px;height:50px;text-align:center;line-height:50px;color:#fff;background:#a88651;font-size:16px;cursor:pointer;} .book-container .book-wrapper .book-right .price-info .rule-pop{ position: relative; } .book-container .book-wrapper .book-right .price-info .rule-pop .rule-pop-main{position:absolute;width:480px;box-shadow:0 0 2px #ccc;background:#fff;text-align:left;padding:0 30px 20px;box-sizing:border-box;font-size:16px;line-height:1.5;right:10px;top:40px;display:none;} .book-container .book-wrapper .book-right .price-info .rule-pop:hover .rule-pop-main{display:block;} .book-container .book-wrapper .book-right .price-info .rule-pop .rule-pop-main .arrow{position:absolute;width:20px;height:20px;background:#fff;box-shadow:0 0 2px #ccc;top:0;right:0;margin-right:160px;transform:rotate(45deg);margin-top:-11px;} .book-container .book-wrapper .book-right .price-info .rule-pop .rule-pop-main .text-main{ overflow: hidden; position: relative;z-index: 2;background: #fff;} .book-container .book-wrapper .book-right .price-info .rule-pop .rule-pop-main .text-main .title{ margin-top: 20px; } .book-container .book-wrapper .book-right .pay-info{padding-top:50px;} .book-container .book-wrapper .book-right .pay-info .p-order{color:#aa874d;padding-bottom:20px;border-bottom:1px dashed #dad7d7;} .book-container .book-wrapper .book-right .pay-info .p-order .o-title{font-size:30px;background:url(../image/book-payIcon1.png) 0 center no-repeat;padding-left:55px;} .book-container .book-wrapper .book-right .pay-info .p-order p{padding-left:55px;font-size:20px;margin-top:20px;} .book-container .book-wrapper .book-right .pay-info .p-price{padding:10px 0;overflow:hidden;border-bottom:1px dashed #dad7d7;line-height:50px;} .book-container .book-wrapper .book-right .pay-info .p-price .pp-left{float:left;font-size:18px;color:#666;vertical-align:bottom;} .book-container .book-wrapper .book-right .pay-info .p-price .pp-right{float:right;font-size:26px;color:#a88651;} .book-container .book-wrapper .book-right .pay-info .p-count{padding:20px 0;font-size:18px;color:#666;border-bottom:1px dashed #dad7d7;} .book-container .book-wrapper .book-right .pay-info .p-count span{color:#aa874d;} .book-container .book-wrapper .book-right .pay-info .p-type{padding-top:40px;padding-bottom:30px;border-bottom:1px dashed #dad7d7;} .book-container .book-wrapper .book-right .pay-info .p-type .t-title{font-size:24px;color:#666;} .book-container .book-wrapper .book-right .pay-info .p-type .t-radios{margin-top:40px;} .book-container .book-wrapper .book-right .pay-info .p-type .t-radios .radio{display:inline-block;margin-right:50px;cursor:pointer;} .book-container .book-wrapper .book-right .pay-info .p-type .t-remark{margin-top:40px;font-size:18px;color:#666;} .book-container .book-wrapper .book-right .pay-info .p-type .t-remark p{line-height:1.5;} .book-container .book-wrapper .book-right .pay-info .p-type .t-radios .radio span{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #9d9d9d;margin-right:10px;vertical-align:22px;} .book-container .book-wrapper .book-right .pay-info .p-type .t-radios .radio.active span:after{content:"";width:11px;height:11px;border-radius:50%;background:#a88652;display:block;margin:2px;} .book-container .book-wrapper .book-right .pay-info .p-type .t-radios .img-cont{display:inline-block;width:176px;margin-left:10px;} .book-container .book-wrapper .book-right .pay-info .p-btn{margin-top:40px;text-align:right;} .book-container .book-wrapper .book-right .pay-info .p-btn .btn{display:inline-block;width:155px;height:50px;text-align:center;line-height:50px;font-size:16px;color:#fff;background:#a88651;cursor:pointer;} .book-container .book-wrapper .book-right .success-info{padding-top:30px;text-align:center;} .book-container .book-wrapper .book-right .success-info .s-top{border-bottom:1px dashed #dad7d7;padding-bottom:30px;} .book-container .book-wrapper .book-right .success-info .s-top .icon{width:80px;height:80px;background:url(../image/book-successIcon1.png) no-repeat;margin:0 auto;} .book-container .book-wrapper .book-right .success-info .s-top .s-title{font-size:36px;margin-top:30px;color:#aa874d;} .book-container .book-wrapper .book-right .success-info .s-remark{margin-top:40px;font-size:18px;color:#666;} .book-container .book-wrapper .book-right .success-info .s-remark span{color:#aa874d;font-size:24px;} .book-container .book-wrapper .book-right .success-info .s-remark a{color:#aa874d;text-decoration:underline;} .book-container .book-wrapper .book-right .success-info .s-remark p{line-height:1.5;} .book-container .book-wrapper .book-right .success-info .s-bottom{padding-top:50px;} .book-container .book-wrapper .book-right .success-info .s-bottom .to-detail{display:block;width:155px;height:50px;line-height:50px;background:#aa874d;color:#fff;font-size:16px;margin:0 auto;} .events-container{padding:80px 0 60px;font-size:16px;overflow: hidden;} .events-container input{font-size:16px;} .events-container .events-wrapper{width:1200px;margin:0 auto; } .events-container .events-top{line-height:50px;} .events-container .events-top .top-left{position: relative; float:left;width:220px;margin-right:20px;box-shadow:0 0 5px 0 rgba(186,186,186,0.50);border-radius:6px 8px 8px 8px;} .events-container .events-top .top-left .select-text{height:50px;background:url(../image/event-icon3.png) right 15px center no-repeat;padding-left:15px;} .events-container .events-top .top-left .select-main{border:1px solid #ccc;display:none; position: absolute; width: 100%;background: #fff; z-index: 2;} .events-container .events-top .top-left .select-main .select-option{padding-left:15px;height:50px;} .events-container .events-top .top-left .select-main .select-option:hover{background:#ccc;} .events-container .events-top .top-left.e-date{padding-left:15px;} .events-container .events-top .top-left.e-date input{border:none;width:100%;height:50px;background:url(../image/event-icon1.png) right 15px center no-repeat;cursor:pointer;} .events-container .events-top .top-right{float:right;width:240px;border:1px solid #979797;border-radius:6px;padding-left:15px;position:relative;} .events-container .events-top .top-right input{border:none;width:100%;} .events-container .events-top .top-right .search-btn{width:50px;height:50px;cursor:pointer;background:url(../image/event-icon2.png) center center no-repeat;position:absolute;right:0;top:0;} .events-container .events-list{margin-top:55px;} .events-container .events-list ul{margin:0 -20px;} .events-container .events-list ul li{float:left;box-sizing:border-box;width:33.33%;padding:0 20px; margin-bottom: 20px;} .events-container .events-list ul li a,.events-container .events-list ul li span{display:block;} .events-container .events-list ul li img{width:100%;display:block;} .events-container .events-list ul li .text-cont{padding:20px 0; text-align: center;} .events-container .events-list ul li .text-cont .title{font-size:18px;color:#2C324B;} .events-container .events-list ul li .text-cont .date{font-size:14px;color:#717171;line-height:28px;display: none;} .events-container .events-list ul li .text-cont p{height: 55px; overflow: hidden; font-size:16px;color:#333333;line-height:28px; margin-top: 10px;} .events-container .events-list ul li .text-cont .btn-cont{margin: 20px auto 0; width:120px;height:35px;line-height:35px;border:1px solid;cursor:pointer;text-align:center;position:relative;} .events-container .events-list ul li .text-cont .btn-cont a{display:block;height:100%;position:relative;color:#333;} .events-container .events-list ul li .text-cont .btn-cont:before{position:absolute;content:"";width:0;height:100%;background:#9e8c5c;color:#fff;left:0;top:0;z-index:0;transition:all 0.5s;} .events-container .events-list ul li .text-cont .btn-cont:hover{color:#fff;} .events-container .events-list ul li .text-cont .btn-cont:hover a{color:#fff;} .events-container .events-list ul li .text-cont .btn-cont:hover:before{width:100%;} .events-container .events-detail{padding-top:80px;} .events-container .events-detail .detail-top .img-cont{width:55%;float:left;} .events-container .events-detail .detail-top .img-cont .swiper-btn.prev{right:80px;} .events-container .events-detail .detail-top .img-cont .swiper-btn.next{ right: 0px; } .events-container .events-detail .detail-top .img-cont img{width:100%;display:block;} .events-container .events-detail .detail-top .text-cont{width:45%;float:right;box-sizing:border-box;padding-left:80px;font-size:16px;color:#000;line-height:2.5;} .events-container .events-detail .detail-top .text-cont a{ display: inline-block; width: 260px; height: 50px; text-align: center;line-height: 50px; background: #947544; color: #fff; font-size: 16px; } .events-container .events-detail .detail-info{border-top:1px solid #979797;margin-top:60px;padding:40px 0; display: none;} .events-container .events-detail .detail-info .title{font-size:24px;} .events-container .events-detail .detail-info p{font-size:14px;color:#3A3A3A;margin-top:20px;} .events-container.events-bg{background:#F4F5F6;padding:0;} .events-container .events-list .list-title{font-size:24px;margin-bottom:40px;} .events-container .events-detail .goback{ margin-bottom: 30px; font-size: 30px; color: #947544; padding-left: 70px; background: url(../image/back.png) 0 center no-repeat; cursor: pointer;} /* 联系我们 */ .contant-container{padding-top:160px;} .contant-container .hotel-list{overflow:hidden;} .contant-container .hotel-list ul{margin:0 -28px;overflow:hidden;} .contant-container .hotel-list ul li{width:50%;box-sizing:border-box;padding:0 28px;float:left;border-bottom:1px solid #979797;} .contant-container .hotel-list ul li img{width:100%;display:block;} .contant-container .hotel-list ul li .img-cont{position:relative;} .contant-container .hotel-list ul li .text{position:absolute;width:100%;height:100%;text-align:center;font-size:36px;color:#FFFFFF;top:0;left:0;} .contant-container .hotel-list ul li .text:after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle;} .contant-container .hotel-list ul li .text span{vertical-align:middle;display:inline-block;} .contant-container .hotel-list ul li .text-cont{padding-top:20px;padding-bottom:40px;line-height:2;} .contant-container .hotel-list ul li .text-cont .addr{font-size:24px;color:#000000;} .contant-container .hotel-list ul li .text-cont .tel{background:url(../image/contant-icon1.png) 0 center no-repeat;font-size:14px;color:#3A3A3A;padding-left:30px;} .contant-container .hotel-list ul li .text-cont .tel2{background:url(../image/contant-icon2.png) 0 center no-repeat;font-size:14px;color:#3A3A3A;padding-left:30px;} .contant-container .hotel-list ul li .text-cont .email{background:url(../image/contant-icon3.png) 0 center no-repeat;font-size:14px;color:#3A3A3A;padding-left:30px;} .contant-container .message-cont{margin:80px auto 40px;width:740px;line-height:2;} .contant-container .message-cont .m-title{font-size:24px;color:#000000;text-align:center;} .contant-container .message-cont .m-remark{font-size:16px;color:#3A3A3A;text-align:center;} .contant-container .message-cont .m-from{margin-top:40px;} .contant-container .message-cont .m-from .name{font-size:16px;color:#000000;} .contant-container .message-cont .m-from .input-cont{border:1px solid #D0D0D0;margin-bottom:20px;} .contant-container .message-cont .m-from input,.contant-container .message-cont .m-from textarea{border:none;width:100%;resize:none;padding:0 20px;box-sizing:border-box;} .contant-container .message-cont .m-from input{height:40px;line-height:40px;font-size:16px;} .contant-container .message-cont .m-from textarea{height:200px;line-height:40px;font-size:16px;} .contant-container .message-cont .m-from .from-btn{background:#9E804D;width:265px;height:50px;line-height:50px;font-size:16px;color:#FFFFFF;text-align:center;margin:40px auto 0;cursor:pointer;} /* 聚享会 */ .member-container .member-join{overflow:hidden;background:#AC8B58;} .member-container .member-join .join-item{width:50%;float:left;} .member-container .member-join .join-item img{display:block;width:100%;} .member-container .member-join .join-item.join-right{text-align:center;padding-top:2%;line-height:2;} .member-container .member-join .join-item.join-right .icon{width:20%;margin:0 auto;} .member-container .member-join .join-item.join-right .title{font-size:24px;color:#FFFFFF;text-align:center;} .member-container .member-join .join-item.join-right p{font-size:16px;color:#FFFFFF;text-align:center;} .member-container .member-join .join-item.join-right .btn-cont{width:175px;background:#6A4B1E;border-radius:2px;margin:35px auto;} .member-container .member-join .join-item.join-right .btn-cont a{display:block;font-size:18px;color:#FFFFFF;height:40px;line-height:40px;} .member-container .member-bg{padding:20px 20px 0;background:linear-gradient(-27deg,#c9caca,#d9b76b,#e6e5d8,#a88651);} .member-container .member-bg .bg-main{background:#fff;padding-top:80px;} .member-container .about-wrapper{width:1100px;margin:0 auto;} .member-container .about-wrapper .about-top .title{border:1px solid #AC8B58;border-bottom:none;padding:40px 0 60px;text-align:center;} .member-container .about-wrapper .about-top .icon{width:138px;height:40px;background:url(../image/member-icon2.png) no-repeat;margin:0 auto;} .member-container .about-wrapper .about-top .text{display:inline-block;padding:0 20px;background:#fff;font-size:30px;color:#AC8B58;} .member-container .about-wrapper .about-top .border{height:1px;background:#AC8B58;margin-top:-20px;} .member-container .about-wrapper .about-top .info-main{overflow:hidden;background:#F4F5F6;} .member-container .about-wrapper .about-top .info-main .info-left{float:left;width:38%;padding:70px 45px;box-sizing:border-box;} .member-container .about-wrapper .about-top .info-main .info-left p{font-size:14px;color:#6D6D6D;line-height:27px;} .member-container .about-wrapper .about-top .info-main .info-left .btn-cont{background:#AC8B58;border-radius:2px;width:175px;height:40px;margin-top:40px;} .member-container .about-wrapper .about-top .info-main .info-left .btn-cont a{display:block;line-height:40px;text-align:center;font-size:18px;color:#FFFFFF;} .member-container .about-wrapper .about-top .info-main .info-right{float:right;width:62%;} .member-container .about-wrapper .about-top .info-main .info-right img{display:block;width:100%;} .member-container .about-wrapper .about-bottom{margin-top:80px;overflow:hidden;padding-bottom:100px;} .member-container .about-wrapper .about-bottom ul{margin:0 -15px;overflow:hidden;} .member-container .about-wrapper .about-bottom ul li{width:33.33%;float:left;box-sizing:border-box;padding:0 15px;} .member-container .about-wrapper .about-bottom ul li img{display:block;width:100%;} /* 聚龙尊享 */ .member-container .member-type{margin-top:-80px;} .member-container .member-type ul{overflow:hidden;} .member-container .member-type ul li{float:left;width:50%;text-align:center;background:#AC8B58;color:#FFFFFF;} .member-container .member-type ul li .img-cont{float:left;width:50%;position:relative;} .member-container .member-type ul li .text-cont{float:right;width:50%;padding-top:8%;} .member-container .member-type ul li .img-cont:after{content:"";display:block;position:absolute;top:50%;right:0;border:15px solid transparent;border-right-color:#AC8B58;} .member-container .member-type ul li.platinum .img-cont:after{border-right-color:transparent;border-left-color:#fff;right:auto;left:0;} .member-container .member-type ul li.black .img-cont:after{display:none;} .member-container .member-type ul li.reverse .img-cont{float:right;} .member-container .member-type ul li.reverse .text-cont{float:left;} .member-container .member-type ul li.platinum{background:#fff;color:#AC8B58;} .member-container .member-type ul li.black{background:#282829;} .member-container .member-type ul li .text-cont .border{width:24%;margin:0 auto;border-top:1px solid;} .member-container .member-type ul li .text-cont .title_cn{font-size:24px;margin-top:10px;} .member-container .member-type ul li .text-cont .title_en{font-size:24px;margin-top:5px;margin-bottom:15px;} .member-container .member-type ul li .text-cont p{margin-top:30px;font-size:16px;line-height:2;text-align:center;padding:0 10%;} .member-container .member-detail{padding-top:30px;padding-bottom:60px;background:#f2f3f5;} .member-container .member-detail .detail-wrapper{width:1100px;margin:0 auto;} .member-container .member-detail .detail-wrapper .title{font-size:24px;color:#000000;text-align:center;} .member-container .member-detail .detail-wrapper .img-cont{ margin-top: 20px; } .member-container .member-detail .detail-wrapper table{margin-top:40px;border-collapse:collapse;border:1px solid #dae3e9;width:100%;} .member-container .member-detail .detail-wrapper table td{border:1px solid #dae3e9;height:30px;line-height:35px;font-size:14px;text-align:center;color:#353535;width:16%; box-sizing: border-box; padding: 0 10px;} .member-container .member-detail .detail-wrapper table thead td{font-size:15px;font-weight:bold;} .member-container .member-detail .detail-wrapper table td .circle{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;background:#8F8F8F;} .member-container .member-detail .detail-wrapper table td .circle.no{background:transparent;border:1px solid #8F8F8F;} .member-container .member-detail .detail-wrapper .more-detail{margin-top:10px;text-align:right;} .member-container .member-detail .detail-wrapper .more-detail a{font-size:14px;color:#4F4F4F;text-decoration:underline;} .hyqy-mobi-pop{ display: none; position: fixed; top: 0; left: 0;bottom: 0; right: 0;z-index: 222; background: rgba(0,0,0,.6); } .hyqy-mobi-pop .big-img{ height: 100%; overflow-x: auto; } .hyqy-mobi-pop img{ height: 100%; } .hyqy-mobi-pop .close{ width: 22px; height: 22px; background: url(../image/hyqy-close.png) no-repeat; background-size: cover; position: absolute; top: 20px; right: 20px; z-index: 10; } /* 积分兑换 */ .score-container{overflow:hidden;} .score-container .score-wrapper{width:1100px;margin:0 auto;} .score-container .score-wrapper .score-title{height:100px;border:1px solid #AC8B58;text-align:center;} .score-container .score-wrapper .score-title .icon{width:138px;height:40px;background:url(../image/member-icon2.png) no-repeat;margin:40px auto 0;} .score-container .score-wrapper .score-title .text{font-size:30px;color:#AC8B58;display:inline-block;background:#fff;padding:0 20px;} .score-container .score-wrapper .score-info{margin:60px 0;} .score-container .score-wrapper .score-info .img-cont{width:62%;float:left;} .score-container .score-wrapper .score-info .img-cont img{width:100%;display:block;} .score-container .score-wrapper .score-info .text-cont{width:38%;float:right;padding:80px 40px 0;font-size:14px;color:#6D6D6D;text-align:center;line-height:27px;} .score-container .score-wrapper .score-info .btn-cont{display:block;width:175px;height:40px;border:1px solid;font-size:18px;color:#AC8B58;line-height:40px;margin:80px auto 0;cursor:pointer;} .score-container.score-rule{background:#F4F5F6;padding:60px 0 80px;} .score-container.score-rule .rule-title{font-size:24px;color:#000000;margin-bottom:30px;} .score-container.score-rule .rule-ltitle{font-size:16px;color:#474747;line-height:1.5;} .score-container.score-rule p{font-size:14px;color:#000000;line-height:2;margin-bottom:30px;} .scorePop-container{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2222;display:none;} .scorePop-container .mask{width:100%;height:100%;background:rgba(0,0,0,.6);} .scorePop-container .scorePop-wrapper{width:1000px;height:540px;background:#FFFFFF;box-shadow:0 0 22px 0 rgba(159,159,159,0.50);position:absolute;top:50%;left:50%;margin-left:-500px;margin-top:-270px;} .scorePop-container .scorePop-wrapper .close{width:30px;height:30px;background:url(../image/close.png) no-repeat;position:absolute;top:30px;right:30px;cursor:pointer;} .scorePop-container .scorePop-wrapper .score-main{padding:30px 50px;} .scorePop-container .scorePop-wrapper .score-main .title{font-size:24px;color:#000000;text-align:center;margin-bottom:60px;} .scorePop-container .scorePop-wrapper .score-main .score-left{float:left;width:415px;line-height:28px;} .scorePop-container .scorePop-wrapper .score-main .score-left .ltitle{font-size:16px;color:#474747;} .scorePop-container .scorePop-wrapper .score-main .score-left p{font-size:14px;color:#000000;margin-bottom:30px;} .scorePop-container .scorePop-wrapper .score-main .score-right{float:right;width:360px;padding-top:30px;} .scorePop-container .scorePop-wrapper .score-main .score-right .input-cont{margin-bottom:30px;line-height:35px;} .scorePop-container .scorePop-wrapper .score-main .score-right .name{display:inline-block;font-size:18px;color:#000000;width:90px;} .scorePop-container .scorePop-wrapper .score-main .score-right .input{display:inline-block;width:265px;border-bottom:1px solid #979797;position:relative;} .scorePop-container .scorePop-wrapper .score-main .score-right .input .select-text{height:35px;display:inline-block;width:100%;background:url(../image/event-icon3.png) right 15px center no-repeat;padding-left:15px;vertical-align:bottom;} .scorePop-container .scorePop-wrapper .score-main .score-right .input input{border:none;height:35px;width:100%;font-size:18px;} .scorePop-container .scorePop-wrapper .score-main .score-right .input .select-main{border:1px solid #ccc;display:none;position:absolute;width:100%;background:#fff;z-index:2} .scorePop-container .scorePop-wrapper .score-main .score-right .input .select-main .select-option{padding-left:15px;height:35px;} .scorePop-container .scorePop-wrapper .score-main .score-right .input .select-main .select-option:hover{background:#ccc;} .scorePop-container .scorePop-wrapper .score-main .score-right .input.e-date{padding-left:15px;} .scorePop-container .scorePop-wrapper .score-main .score-right .input.e-date input{border:none;width:100%;height:35px;background:url(../image/event-icon1.png) right 15px center no-repeat;cursor:pointer;background-size:20px auto;} .scorePop-container .scorePop-wrapper .score-main .score-right .btn-cont{display:block;height:50px;line-height:50px;text-align:center;font-size:16px;color:#FFFFFF;background:#9E804D;margin-top:40px;} /* 登录 */ .login-container{position:fixed;top:0;left:0;bottom:0;right:0;display: none;} .login-container .login-bg{height:100%;overflow:hidden;} .login-container .login-bg img{display:block;width:100%;position:absolute;top:50%;left:50%;display:block;min-width:100%;min-height:100%;transform:translate(-50%,-50%);} .login-container .login-main{position:absolute;width:600px;height:570px;background:#fff;top:50%;left:50%;margin-top:-285px;margin-left:-300px;} .login-container .login-main .form-main{width:400px;margin:0 auto;padding-top:30px;} .login-container .login-main .form-main .title{font-size:24px;color:#000000;text-align:center;margin-bottom:30px;} .login-container .login-main .form-main .name{font-size:14px;color:#474747;line-height:25px;} .login-container .login-main .form-main .input-cont{margin-bottom:10px;} .login-container .login-main .form-main .border{border:1px solid #979797;padding-left:40px;background-repeat:no-repeat;background-position:5px center;} .login-container .login-main .form-main .input-cont.icon1{background-image:url(../image/login-icon1.png);} .login-container .login-main .form-main .input-cont.icon2{background-image:url(../image/login-icon2.png);} .login-container .login-main .form-main .input-cont.icon3{background-image:url(../image/login-icon3.png);} .login-container .login-main .form-main .input-cont input{border:none;width:100%;height:40px;line-height:40px;font-size:16px;} .login-container .login-main .form-main .input-cont .i-radio{display:inline-block;width:100px;height:45px;cursor:pointer; line-height: 45px;} .login-container .login-main .form-main .input-cont .i-radio span{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #9d9d9d;margin-right:10px;vertical-align:-2px;} .login-container .login-main .form-main .input-cont .i-radio input{ width: 0; height: 0;overflow: hidden; } .login-container .login-main .form-main .input-cont .i-radio.active span:after{content:"";width:11px;height:11px;border-radius:50%;background:#a88652;display:block;margin:2px;} .login-container .login-main .form-main .input-cont .from-name{ display: inline-block; margin-right: 40px; } .login-container .login-main .form-main .hide-radio{ height: 0; overflow: hidden; } .login-container .login-main .form-main .input-cont .code-input{display:inline-block;width:180px;} .login-container .login-main .form-main .input-cont .code-img{width:100px;display:inline-block;height:40px;line-height:40px;} .login-container .login-main .form-main .input-cont .code-img img{display:inline-block;width:100%;vertical-align:middle;} .login-container .login-main .form-main .input-cont .code-change{font-size:14px;color:#4D4D4D;display:inline-block;text-decoration:underline;margin-left:10px;} .login-container .login-main .form-main .input-cont .send-btn{ width: 180px; height: 40px; line-height: 40px; background: #E0E0E0; text-align: center;font-size: 14px; color: #4D4D4D; cursor: pointer; display: inline-block; margin-left: 35px; } .login-container .login-main .form-main .btn-cont{cursor: pointer; margin-top:10px;height:45px;line-height:45px;text-align:center;background:#9E804D;color:#fff;font-size:16px;margin-bottom:10px;} .login-container .login-main .form-main .login-code{float:left;font-size:14px;color:#4D4D4D;cursor:pointer;} .login-container .login-main .form-main .forgot{display:block;float:right;font-size:14px;color:#4D4D4D;} .login-container .login-main .form-main .join-in{margin-top:50px;text-align:center;} .login-container .login-main .form-main .join-in a{font-size:16px;color:#9E804D;} .login-container .login-main .form-main .regist_remark{ font-size: 14px; } .login-container .login-main .form-main .regist_remark a{ color: #9E804D; } .login-container .login-main .form-main .regist_remark input{ width: 15px; height: 15px; margin-right: 5px; vertical-align: middle;} .login-container .get-password{ height: 340px; margin-top: -170px; } .login-container .get-password .form-main .btn-cont{ margin-top: 20px; } .login-container .get-password .form-main .border{ padding-left: 15px; } /* 会员中心 */ .member-container{overflow:hidden;} .member-container .member-banner{margin-top:76px;} .member-container .member-banner img{display:block;width:100%;} .member-container .member-wrapper{width:1100px;margin:-115px auto 60px;z-index:2;position:relative;} .member-container .member-wrapper .member-base .base-info{height:190px;background-image:linear-gradient(90deg,#AD8749 0%,#FBDFAD 100%);} .member-container .member-wrapper .member-base .info-left{float:left;width:490px;margin-top:35px;line-height:1.5;} .member-container .member-wrapper .member-base .info-left .img-cont{width:150px;float:left;overflow:hidden;margin-left:40px;margin-top: 20px;} .member-container .member-wrapper .member-base .info-left .img-cont img{display:block;width:100%;} .member-container .member-wrapper .member-base .info-left .text-cont{float:left;margin-left:20px;margin-top:30px;border-right:2px solid #9E804D;width:278px;padding-bottom:10px;} .member-container .member-wrapper .member-base .info-left .text-cont .name{font-size:24px;color:#5D441C;} .member-container .member-wrapper .member-base .info-left .text-cont .number{font-size:18px;color:#936D31;} .member-container .member-wrapper .member-base .info-right{float:right;width:605px;text-align:center;overflow:hidden;} .member-container .member-wrapper .member-base .info-right .card-type{margin-top:90px;} .member-container .member-wrapper .member-base .info-right .card-type span{display:inline-block;font-size:14px;} .member-container .member-wrapper .member-base .info-right .card-type .text{color:#936D31;} .member-container .member-wrapper .member-base .info-right .card-type .border{width:100px;height:4px;background:#9E804D;border-radius:6px;vertical-align:middle;} .member-container .member-wrapper .member-base .info-right .card-type .card-name{position:absolute;padding:3px 8px;background:#BC9F63;border-radius:4px;color:#936D31;margin-top:-52px;margin-left:-24px;} .member-container .member-wrapper .member-base .info-right .card-type .card-name:after{content:"";border:5px solid transparent;border-top-color:#BC9F63;position:absolute;margin-left:-19px;margin-top:22px;} .member-container .member-wrapper .member-base .info-right .card-type .active .card-name{color:#fff;} .member-container .member-wrapper .member-base .info-right .card-remark{margin-top:20px;background:url(../image/base-icon1.png) 0 center no-repeat;padding-left:30px;font-size:16px;color:#5D441C;display:inline-block;} .member-container .member-wrapper .member-base .base-tab{background:#fff;box-shadow:0 0 5px 0 rgba(186,186,186,0.50);border-radius:0px 0px 8px 8px;} .member-container .member-wrapper .member-base .base-tab .tab-item{float:left;width:25%;line-height:60px;text-align:center;cursor:pointer;} .member-container .member-wrapper .member-base .base-tab .tab-item .item-text{display:inline-block;padding-left:25px;font-size:16px;color:#0C0C0C;background-position:0 center;background-repeat:no-repeat;position:relative;} .member-container .member-wrapper .member-base .base-tab .tab-item .item-text span{display:block;position:absolute;width:15px;height:15px;border-radius:50%;text-align:center;line-height:15px;background:#F10000;font-size:14px;color:#FFFFFF;top:0;right:0;margin-top:10px;margin-right:-10px;} .member-container .member-wrapper .member-base .base-tab .tab-item.active .item-text{color:#9E804D;border-bottom:4px solid;} .member-container .member-wrapper .member-base .base-tab .tab-item .item-text.icon1{background-image:url(../image/tab-icon1.png);} .member-container .member-wrapper .member-base .base-tab .tab-item .item-text.icon2{background-image:url(../image/tab-icon2.png);} .member-container .member-wrapper .member-base .base-tab .tab-item .item-text.icon3{background-image:url(../image/tab-icon3.png);} .member-container .member-wrapper .member-base .base-tab .tab-item .item-text.icon4{background-image:url(../image/tab-icon4.png);} .member-container .member-wrapper .member-base .base-tab .tab-item.active .item-text.icon1{background-image:url(../image/tab-icon1_.png);} .member-container .member-wrapper .member-base .base-tab .tab-item.active .item-text.icon2{background-image:url(../image/tab-icon2_.png);} .member-container .member-wrapper .member-base .base-tab .tab-item.active .item-text.icon3{background-image:url(../image/tab-icon3_.png);} .member-container .member-wrapper .member-base .base-tab .tab-item.active .item-text.icon4{background-image:url(../image/tab-icon4_.png);} .member-container .member-wrapper .user-info{padding-top:20px;} .member-container .member-wrapper .user-info .user-top,.member-container .member-wrapper .user-info .user-bottom{background:#FFFFFF;box-shadow:0 0 5px 0 rgba(186,186,186,0.50);border-radius:8px 8px 8px 8px;overflow:hidden;padding:10px 20px;} .member-container .member-wrapper .user-info .user-left{float:left;} .member-container .member-wrapper .user-info .user-right{float:right;} .member-container .member-wrapper .user-info .user-top span{display:inline-block;margin-left: 20px;} .member-container .member-wrapper .user-info .user-top .name{font-size:20px;color:#0C0C0C;} .member-container .member-wrapper .user-info .user-top .icon{ width: 25px; height: 25px; vertical-align: middle; background-position: center center; background-repeat: no-repeat; margin-left: 10px;} .member-container .member-wrapper .user-info .user-top .icon.nan{ background-image: url(../image/nan-icon.png); } .member-container .member-wrapper .user-info .user-top .icon.nv{ background-image: url(../image/nv-icon.png); } .member-container .member-wrapper .user-info .user-top .user-right{font-size:16px;color:#9E804D;cursor:pointer;} .member-container .member-wrapper .user-info .user-bottom{margin-top:25px;font-size:14px;color:#0C0C0C;line-height:3;padding:20px 18%;} /* 修改个人信息弹窗 */ .member-info-update{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; display: none;} .member-info-update .mask{ width: 100%; height: 100%; background: rgba(0,0,0,.6); } .member-info-update .update-wrapper{width:500px;height:580px;background:#fff;position:absolute;top:50%;left:50%;margin-top:-290px;margin-left:-250px;} .member-info-update .update-wrapper .update-close{width:20px;height:20px;background:url(../image/close.png) no-repeat;position:absolute;top:20px;right:20px;cursor:pointer;background-size:cover;} .member-info-update .update-wrapper .update-main{padding-top:20px;} .member-info-update .update-wrapper .update-main .title{font-size:24px;color:#000000;text-align:center;} .member-info-update .update-wrapper .update-main .form-main{margin:30px auto 0;width:400px;} .member-info-update .update-wrapper .update-main .form-main .form-item{overflow:hidden;margin-bottom:20px;line-height:30px;} .member-info-update .update-wrapper .update-main .form-main .form-item .name{width:80px;float:left;} .member-info-update .update-wrapper .update-main .form-main .form-item .input-cont{width:300px;float:right;border-bottom:1px solid #ccc;} .member-info-update .update-wrapper .update-main .form-main .form-item .input-cont.noborder{border-bottom:none;} .member-info-update .update-wrapper .update-main .form-main .form-item .input-cont input{width:100%;border:none;font-size:16px;} .member-info-update .update-wrapper .update-main .form-main .form-item .input-cont .i-radio{display:inline-block;width:100px;height:45px;cursor:pointer;} .member-info-update .update-wrapper .update-main .form-main .form-item .input-cont .i-radio span{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #9d9d9d;margin-right:10px;vertical-align:-2px;} .member-info-update .update-wrapper .update-main .form-main .form-item .input-cont .i-radio input{ width: 0; height: 0;overflow: hidden; } .member-info-update .update-wrapper .update-main .form-main .form-item .input-cont .i-radio.active span:after{content:"";width:11px;height:11px;border-radius:50%;background:#a88652;display:block;margin:2px;} .member-info-update .update-wrapper .update-main .form-main .form-item .hide-radio{ height: 0; overflow: hidden; } .member-info-update .update-wrapper .update-main .form-main .form-btn{height:50px;line-height:50px;text-align:center;color:#fff;background:#9E804D;font-size:16px;margin-top:20px;cursor:pointer;} .member-info-update.update-password .update-wrapper{ height: 320px; margin-top: -160px; } /* 我的订单 */ .member-container .member-wrapper .my-order{background:#FFFFFF;box-shadow:0 0 5px 0 rgba(186,186,186,0.50);border-radius:8px 8px 8px 8px;overflow:hidden;padding:30px 25px;margin-top:20px;} .member-container .member-wrapper .my-order .order-left{float:left;} .member-container .member-wrapper .my-order .order-left .order-item{cursor: pointer; display:inline-block;width:90px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#0C0C0C;margin-right:20px;border:1px solid;} .member-container .member-wrapper .my-order .order-left .order-item.active{color:#9E804D;} .member-container .member-wrapper .my-order .order-right{float:right;} .member-container .member-wrapper .my-order .order-right .order-search{border:1px solid #979797;width:195px;line-height:30px;font-size:0;} .member-container .member-wrapper .my-order .order-right .order-search input{width:140px;border:none;height:30px;font-size:14px;display:inline-block;vertical-align:middle;padding-left:10px;} .member-container .member-wrapper .my-order .order-right .order-search .btn{display:inline-block;width:40px;height:30px;background:url(../image/event-icon2.png) center center no-repeat;vertical-align:middle;cursor:pointer;} .member-container .member-wrapper .my-order .order-list{margin-top:25px;} .member-container .member-wrapper .my-order .order-list li{margin-bottom:25px;border:1px solid #E5E5E5;} .member-container .member-wrapper .my-order .order-list .item-top{font-size:12px;color:#0C0C0C;height:30px;line-height:30px;padding-left:20px;background:#f0f0f0;} .member-container .member-wrapper .my-order .order-list .item-top .t-item{display:inline-block;margin-right:40px;} .member-container .member-wrapper .my-order .order-list .item-main{overflow:hidden;padding:20px;} .member-container .member-wrapper .my-order .order-list .item-main > div{float:left;font-size:14px;color:#0C0C0C;text-align:center;margin-top:25px;} .member-container .member-wrapper .my-order .order-list .item-main .hotel{width:250px;font-size:0;margin-top:0;} .member-container .member-wrapper .my-order .order-list .item-main .hotel .img-cont{display:inline-block;width:84px;vertical-align:top;} .member-container .member-wrapper .my-order .order-list .item-main .hotel .img-cont img{display:block;width:100%;} .member-container .member-wrapper .my-order .order-list .item-main .hotel .text-cont{display:inline-block;width:150px;margin-left:15px;padding-top:15px;text-align:left;} .member-container .member-wrapper .my-order .order-list .item-main .hotel .text-cont .ltitle{color:#505050;font-size:14px;} .member-container .member-wrapper .my-order .order-list .item-main .hotel .text-cont .title{font-size:16px;margin-top:3px;} .member-container .member-wrapper .my-order .order-list .item-main .date{width:180px;margin-left:30px;text-align:left;margin-top:8px;} .member-container .member-wrapper .my-order .order-list .item-main .name{width:50px;margin-left:40px;} .member-container .member-wrapper .my-order .order-list .item-main .price{width:80px;font-size:18px;margin-left:40px;} .member-container .member-wrapper .my-order .order-list .item-main .state{width:100px;margin-left:50px;} .member-container .member-wrapper .my-order .order-list .item-main .links{width:120px;margin-left:30px;text-align:right;color:#9E804D;} .member-container .member-wrapper .my-order .order-list .item-main .links a{font-size:14px;color:#9E804D;} .member-container .member-wrapper .orderTable{text-align:center;color:#D46060;margin-top:10px;font-size:18px;} /* 订单详情 */ .member-container .member-wrapper .order_details{background:#FFFFFF;box-shadow:0 0 5px 0 rgba(186,186,186,0.50);border-radius:8px 8px 8px 8px;overflow:hidden;padding:30px 40px;margin-top:20px;} .member-container .member-wrapper .order_details h2{ font-size:20px; margin-bottom: 20px; } .member-container .member-wrapper .order_details .bh{ background:#fafafa; line-height:50px; padding:0 20px; font-size: 16px; } .member-container .member-wrapper .order_details .bh .fr{ float:right; } .member-container .member-wrapper .order_details .order_d_cont{ margin-top: 20px; font-size:16px; } .member-container .member-wrapper .order_details .l{ float:left; width:50%; border-right:1px solid #ececec; } .member-container .member-wrapper .order_d_cont h3{ font-size:18px; padding:15px 0 10px; font-weight: bold; } .member-container .member-wrapper .order_d_cont .tit .name{ font-weight: bold; padding-bottom: 3px; } .member-container .member-wrapper .order_d_cont .tit .p{ color:#606060; line-height:27px; } .member-container .member-wrapper .order_d_cont .tit .phone{ color:#9E804D; } .member-container .member-wrapper .order_d_cont .tit { padding-bottom: 30px; } .member-container .member-wrapper .order_d_cont .chanshu img{ display: inline-block; vertical-align: middle; padding-right: 7px; } .member-container .member-wrapper .order_d_cont .chanshu .room{ padding-right: 10px; } .member-container .member-wrapper .order_d_cont .tit .p .time{ padding-left: 20px; } .member-container .member-wrapper .order_d_cont .price{ padding-bottom: 20px; } .member-container .member-wrapper .order_d_cont .price span{ padding-left: 20px; color:#9E804D; font-size: 12px; } .member-container .member-wrapper .order_d_cont .price span b{ font-size: 20px; } .member-container .member-wrapper .order_details .r{ padding:0 0 30px 20px; overflow: hidden; } .member-container .member-wrapper .order_details .r .tit{ border-bottom:1px solid #ececec; } .member-container .member-wrapper .order_details .r .pl h4{ padding:20px 0 15px; color:#000; font-weight: bold; } .member-container .member-wrapper .order_details .r .pl p{ color:#606060; line-height:27px; margin-bottom:13px; } .member-container .member-wrapper .order_d_fapiao{ padding:40px 0; font-size:16px; } .member-container .member-wrapper .order_d_fapiao .cont{ padding:0 20px 15px; background:#fafafa; } .member-container .member-wrapper .order_d_fapiao h2{ font-size:24px; padding:18px 0 6px; } .member-container .member-wrapper .order_d_fapiao p{ line-height:27px; color:#606060; } .member-container .member-wrapper .order_d_fapiao ul{ padding-left:20px; } .member-container .member-wrapper .order_d_fapiao ul li{ list-style: decimal; line-height:27px; color:#606060; } /* 我的积分 */ .member-container .member-wrapper .my-score{padding-top:20px;} .member-container .member-wrapper .my-score .score-top{background:#FFFFFF;box-shadow:0 0 5px 0 rgba(186,186,186,0.50);border-radius:8px 8px 8px 8px;overflow:hidden;padding:15px 25px;} .member-container .member-wrapper .my-score .score-top .score-left{float:left;font-size:18px;color:#9E804D;} .member-container .member-wrapper .my-score .score-top .score-left span{font-size:20px;} .member-container .member-wrapper .my-score .score-top .score-right{float:right;} .member-container .member-wrapper .my-score .score-top .score-right a{font-size:14px;color:#9E804D;text-decoration:underline;margin-left:30px;} .member-container .member-wrapper .my-score .score-bottom{background:#FFFFFF;box-shadow:0 0 5px 0 rgba(186,186,186,0.50);border-radius:8px 8px 8px 8px;overflow:hidden;padding:30px 25px;margin-top:20px;} .member-container .member-wrapper .my-score .score-bottom .score-type .type-item{display:inline-block;width:90px;height:30px;text-align:center;line-height:30px;font-size:14px;color:#0C0C0C;border:1px solid;margin-right:20px;cursor:pointer;} .member-container .member-wrapper .my-score .score-bottom .score-type .type-item.active{color:#9E804D;} .member-container .member-wrapper .my-score .score-bottom .score-list{margin-top:25px;} .member-container .member-wrapper .my-score .score-bottom .score-list ul li{overflow:hidden;height:60px;line-height:60px;border-bottom:1px solid #E6E6E6;font-size:14px;color:#0C0C0C;text-align:center;} .member-container .member-wrapper .my-score .score-bottom .score-list ul li:last-of-type{border-bottom:none;} .member-container .member-wrapper .my-score .score-bottom .score-list ul li.bg{background:#F5F5F5;height:30px;line-height:30px;border-bottom:none;font-size:14px;color:#727272;} .member-container .member-wrapper .my-score .score-bottom .score-list ul li .item1{float:left;width:100px;} .member-container .member-wrapper .my-score .score-bottom .score-list ul li .item2{float:left;width:100px;margin-left:250px;} .member-container .member-wrapper .my-score .score-bottom .score-list ul li .item3{float:left;width:120px;margin-left:170px;} .member-container .member-wrapper .my-score .score-bottom .score-list ul li .item4{float:left;width:150px;margin-left:150px;} /* 我的优惠券 */ .member-container .member-wrapper .my-coupons{padding-top:20px;} .member-container .member-wrapper .my-coupons .coupons-top{background:#FFFFFF;box-shadow:0 0 5px 0 rgba(186,186,186,0.50);border-radius:8px 8px 8px 8px;padding:15px 25px;} .member-container .member-wrapper .my-coupons .coupons-top .coupons-left{float:left;} .member-container .member-wrapper .my-coupons .coupons-top .coupons-left .select-main{font-size:20px;width:100px;display:inline-block;background:url(../image/event-icon3.png) right center no-repeat;cursor:pointer;margin-right:20px;font-size:16px;color:#222222;position:relative;} .member-container .member-wrapper .my-coupons .coupons-top .coupons-left .select-main .select-text{} .member-container .member-wrapper .my-coupons .coupons-top .coupons-left .select-main .select{border:1px solid #ccc;display:none;position:absolute;width:100%;background:#fff;z-index:2222;margin-top: 18px;} .member-container .member-wrapper .my-coupons .coupons-top .coupons-left .select-main .select .option{height:35px; line-height: 35px; padding-left: 20px;} .member-container .member-wrapper .my-coupons .coupons-top .coupons-left .select-main .select .option:hover{background:#ccc;} .member-container .member-wrapper .my-coupons .coupons-top .coupons-right{float:right;} .member-container .member-wrapper .my-coupons .coupons-top .coupons-right a{font-size:14px;color:#9E804D;text-decoration:underline;margin-left:30px;} .member-container .member-wrapper .my-coupons .coupons-list{ margin-top:25px; background:#FFFFFF;box-shadow:0 0 5px 0 rgba(186,186,186,0.50);border-radius:8px 8px 8px 8px;overflow:hidden;padding:40px;} .member-container .member-wrapper .my-coupons .coupons-list ul{ margin: 0 -40px; overflow: hidden; } .member-container .member-wrapper .my-coupons .coupons-list ul li{ text-align: center; width: 50%; float: left; padding: 0 40px; margin-bottom: 60px;color: #9E804D; } .member-container .member-wrapper .my-coupons .coupons-list ul li .bg{ height: 225px; background: url(../image/coupons-bg1.jpg) no-repeat; background-size: 100% auto; overflow: hidden;} .member-container .member-wrapper .my-coupons .coupons-list ul li .title{ font-size: 24px; margin-top: 75px; letter-spacing: 5px;} .member-container .member-wrapper .my-coupons .coupons-list ul li .name{ font-size: 14px; margin-top: 8px;} .member-container .member-wrapper .my-coupons .coupons-list ul li .date{ font-size: 16px; margin-top: 3px;} .member-container .member-wrapper .my-coupons .coupons-list ul li .card-number{ font-size: 14px; margin-top: 30px; } .member-container .member-wrapper .my-coupons .coupons-list ul li.used{ color: #888;} .member-container .member-wrapper .my-coupons .coupons-list ul li.used .bg{ background-image: url(../image/coupons-bg2.jpg); } .member-container .member-wrapper .my-coupons .coupons-list ul li .remark{ font-size: 24px; margin-top: 15px;} .member-container .member-wrapper .score-give{ padding-top: 10px; } .member-container .member-wrapper .score-give .top-btn{ text-align: right;} .member-container .member-wrapper .score-give .top-btn a{ font-size: 16px;color: #222222; } .member-container .member-wrapper .score-give .top-btn a span{ margin-right: 5px; font-size: 20px;} .member-container .member-wrapper .score-give .give-main{padding:30px;background:#FFFFFF;box-shadow:0 0 5px 0 rgba(186,186,186,0.50);border-radius:4px;margin-top:10px;} .member-container .member-wrapper .score-give .give-main .give-top{overflow:hidden;} .member-container .member-wrapper .score-give .give-main .give-top .title{font-size:24px;color:#000000;float:left;} .member-container .member-wrapper .score-give .give-main .give-top .links{float:right;margin-top:5px;} .member-container .member-wrapper .score-give .give-main .give-top .links .link{cursor: pointer; display: inline-block; margin-left:20px;font-size:14px;color:#9E804D;text-decoration:underline;} .member-container .member-wrapper .score-give .give-main .give-step{margin-top:60px;text-align:center;font-size:0;} .member-container .member-wrapper .score-give .give-main .give-step .step-item{display:inline-block;width:65px;color:#939393} .member-container .member-wrapper .score-give .give-main .give-step .step-item.active{color:#9E804D;} .member-container .member-wrapper .score-give .give-main .give-step .step-item.active .number{background:#9E804D;} .member-container .member-wrapper .score-give .give-main .give-step .step-item.pass{color:#5AB957;} .member-container .member-wrapper .score-give .give-main .give-step .step-item.pass .number{background:#5AB957;} .member-container .member-wrapper .score-give .give-main .give-step .step-item.finish .number{ background: url(../image/score-icon1.png) no-repeat; font-size: 0; } .member-container .member-wrapper .score-give .give-main .give-step .step-item .number{width:40px;height:40px;border-radius:50%;background:#939393;text-align:center;line-height:40px;font-size:20px;margin:0 auto;color:#FFFFFF;} .member-container .member-wrapper .score-give .give-main .give-step .step-item .ltitle{font-size:14px;margin-top:10px;} .member-container .member-wrapper .score-give .give-main .give-step .step-item .title{font-size:16px;} .member-container .member-wrapper .score-give .give-main .give-step .step-border{display:inline-block;width:120px;text-align:center;vertical-align:65px;} .member-container .member-wrapper .score-give .give-main .give-step .step-border span{display:inline-block;width:6px;height:6px;border-radius:3px;background:#D8D8D8;margin-right:8px;} .member-container .member-wrapper .score-give .give-main .give-step .step-border span:last-of-type{ margin-right: 0; } .member-container .member-wrapper .score-give .give-main .give-step .step-border.active span{ background: #9E804D; } .member-container .member-wrapper .score-give .give-main .give-step .step-border.pass span{ background: #5AB957; } .member-container .member-wrapper .score-give .give-main .give-bottom{margin-top:50px;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-find{width:500px;margin:0 auto;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-find .find-top{font-size:16px;color:#0C0C0C;line-height:2;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-find .find-top .tab{cursor:pointer;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-find .find-top .tab.active{color:#9E804D;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-find .find-top .margin{margin:0 10px;color:#646464;vertical-align:1px;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-find .find-input{border:1px solid #979797;margin-top:8px;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-find .find-input input{border:none;width:100%;line-height:45px;font-size:14px;display:none;box-sizing:border-box;padding-left:20px;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-find .find-input input.active{display:block;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-find .find-btn{margin-top:30px;background:#9E804D;height:50px;line-height:50px;font-size:16px;color:#FFFFFF;text-align:center;} .member-container .member-wrapper .score-give .give-main .give-bottom .find-result{padding:0 40px;} .member-container .member-wrapper .score-give .give-main .give-bottom .find-result .title{font-size:18px;color:#222222;text-align:center;} .member-container .member-wrapper .score-give .give-main .give-bottom .find-result .info-main{background:#F4F5F6;padding:20px 40px;margin-top:20px;} .member-container .member-wrapper .score-give .give-main .give-bottom .find-result .info-main .name{font-size:20px;color:#0C0C0C;margin-bottom:15px;} .member-container .member-wrapper .score-give .give-main .give-bottom .find-result .info-main .number{float:left;font-size:14px;color:#0C0C0C;} .member-container .member-wrapper .score-give .give-main .give-bottom .find-result .info-main .tel{float:right;font-size:14px;color:#0C0C0C;} .member-container .member-wrapper .score-give .give-main .give-bottom .find-result .result-btn{width:465px;height:45px;text-align:center;line-height:45px;background:#9E804D;font-size:16px;color:#FFFFFF;margin:40px auto;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-info{background:#F4F5F6;padding:35px;font-size:16px;color:#0C0C0C;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-info .name{float:left;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-info .tel{float:right;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-numbers{overflow:hidden;margin-top:20px;font-size:16px;color:#3F3F3F;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-numbers .totel{float:left;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-numbers .give-num{float:right;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-numbers .give-num input{width:345px;height:35px;line-height:35px;color:#0C0C0C;font-size:16px;padding-left:10px;box-sizing:border-box;} .member-container .member-wrapper .score-give .give-main .give-bottom .give-remark{text-align:right;font-size:14px;color:#9E804D;margin-top:10px;} .member-container .member-wrapper .score-give .give-main .give-bottom .to-give-btn{width:465px;height:45px;text-align:center;line-height:45px;background:#9E804D;font-size:16px;color:#FFFFFF;margin:40px auto;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-finish{text-align:center;padding-top:20px;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-finish .icon{width:62px;height:62px;margin:0 auto;background-repeat:no-repeat;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-finish.success .icon{background-image:url(../image/pay-success.png);} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-finish.fail .icon{background-image:url(../image/pay-fail.png);} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-finish .text{text-align:center;font-size:18px;margin-top:10px;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-finish .pay-btns{margin-top:80px;text-align:center;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-finish .pay-btns .pay-btn{width:250px;height:45px;line-height:45px;text-align:center;border:1px solid;font-size:16px;color:#9E804D;display:inline-block;margin:0 5px;cursor:pointer;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-finish .pay-btns .pay-btn.bg{background:#9E804D;color:#fff;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-finish.success .text{color:#5AB957;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-finish.fail .text{color:#E21717;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-finish p{font-size:16px;color:#040404;margin-top:10px;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-info{font-size:14px;color:#000000;float:left;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-info span{font-size:18px;color:#9E804D;letter-spacing:2px;margin:0 5px;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-message{font-size:16px;color:#DC2A2A;float:right;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-type{margin-top:10px;background:#F4F5F6;padding:20px 40px;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-type .title{font-size:16px;color:#000000;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-type .type-list{overflow:hidden;margin:20px -10px 0;padding-bottom:5px;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-type .type-list .type-item{width:33.33%;height:90px;line-height:90px;text-align:center;float:left;padding:0 10px;cursor:pointer;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-type .type-list .type-item .text{border:1px solid #979797;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-type .type-list .type-item.active .text{background:#fff;border-color:#9E804D;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-type .type-list .type-item .text span{display:inline-block;font-size:20px;color:#000000;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-type .type-list .type-item .text .icon{vertical-align:middle;background-repeat:no-repeat;background-position:center center;margin-right:20px;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-type .type-list .type-item .text .icon.icon1{background-image:url(../image/pay-icon1.png);width:46px;height:46px;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-type .type-list .type-item .text .icon.icon2{background-image:url(../image/pay-icon2.png);width:46px;height:42px;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-type .type-list .type-item .text .icon.icon3{background-image:url(../image/pay-icon3.png);width:79px;height:44px;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-rule{margin-top:10px;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-rule input{background:#D8D8D8;border:1px solid #979797;border-radius:1px;width:17px;height:17px;vertical-align:middle;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-rule span{font-size:14px;color:#686868;text-decoration:underline;margin-left:8px;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-btns{margin-top:40px;text-align:center;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-btns .pay-btn{width:250px;height:45px;line-height:45px;text-align:center;border:1px solid;font-size:16px;color:#9E804D;display:inline-block;margin:0 5px;cursor:pointer;} .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-btns .pay-btn.bg{background:#9E804D;color:#fff;} .score-give-pop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;display:none;} .score-give-pop .mask{width:100%;height:100%;background:rgba(0,0,0,.6);} .score-give-pop .pop-wrapper{width:745px;height:auto;position:absolute;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .score-give-pop .pop-wrapper .pop-close{width:25px;height:25px;background:url(../image/close.png);position:absolute;top:20px;right:20px;cursor:pointer;background-size:cover;} .score-give-pop .pop-wrapper .pop-main{padding:30px 65px;} .score-give-pop .pop-wrapper .pop-main .title{font-size:24px;color:#000000;text-align:center;margin-bottom:50px;} .score-give-pop .pop-wrapper .pop-main .show-item{margin-bottom:20px;} .score-give-pop .pop-wrapper .pop-main .show-item .ltitle{font-size:16px;color:#474747;} .score-give-pop .pop-wrapper .pop-main .show-item p{font-size:14px;color:#000000;} .score-give-pop .pop-wrapper .pop-main .record-tab .tab-item{display:inline-block;width:90px;height:30px;line-height:28px;text-align:center;font-size:14px;color:#0C0C0C;border:1px solid;margin-right:20px;cursor:pointer;} .score-give-pop .pop-wrapper .pop-main .record-tab .tab-item.active{color:#9E804D;} .score-give-pop .pop-wrapper .pop-main .record-list{margin-top:25px;max-height:330px;} .score-give-pop .pop-wrapper .pop-main .record-list ul li{height:50px;line-height:50px;text-align:center;font-size:14px;color:#0C0C0C;overflow:hidden;border-bottom:1px solid #E6E6E6;} .score-give-pop .pop-wrapper .pop-main .record-list ul li.list-title{height:30px;line-height:30px;background:#F5F5F5;color:#727272;border-bottom:none;} .score-give-pop .pop-wrapper .pop-main .record-list ul li .li-item{width:20%;float:left;} .score-give-pop .pop-wrapper .pop-main .page-container{margin:20px 0;} .hotel-comments-pop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;display:none;} .hotel-comments-pop .mask{width:100%;height:100%;background:rgba(0,0,0,.6);} .hotel-comments-pop .pop-main{width:600px;height:400px;position:absolute;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .hotel-comments-pop .pop-main .pop-close{width:25px;height:25px;background:url(../image/close.png);position:absolute;top:20px;right:20px;cursor:pointer;background-size:cover;z-index: 2;} .hotel-comments-pop .pop-main .pop-cont{padding:30px 0;} .hotel-comments-pop .base-title .title-icon{ width: 80px; height: 24px; background-size: 100% auto;} .hotel-comments-pop .base-title .title-cn{ font-size: 20px; margin-top: 8px;} .hotel-comments-pop .base-title .title-en{ font-size: 14px; margin-top: -16px} .hotel-comments-pop .base-title .title-border{ width: 100%; left: 0; } .hotel-comments-pop .base-title .title-border:before,.base-title .title-border:after{ width: 36%; } .hotel-comments-pop .pop-main .text-cont{ margin-top: 20px; padding: 10px 40px; } .hotel-comments-pop .pop-main .text-cont textarea{ border: 1px dashed #d5d5d5; width: 100%; resize: none; height: 180px; box-sizing: border-box;padding: 10px; font-size: 14px;line-height: 1.5;} .hotel-comments-pop .pop-main .comment-btns{ text-align: center; margin-top: 20px; } .hotel-comments-pop .pop-main .comment-btns .c-btn{ width: 150px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; display: inline-block; margin: 0 10px; cursor: pointer; } .hotel-comments-pop .pop-main .comment-btns .c-btn.reset{ background: #e5e5e5; color: #333; } .hotel-comments-pop .pop-main .comment-btns .c-btn.submit{ background: #947544; color: #fff; } .hotel-join-pop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2222;display:none;} .hotel-join-pop .mask{width:100%;height:100%;background:rgba(0,0,0,.6);} .hotel-join-pop .pop-main{width:600px;height:500px;position:absolute;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .hotel-join-pop .pop-main .pop-close{width:25px;height:25px;background:url(../image/close.png);position:absolute;top:20px;right:20px;cursor:pointer;background-size:cover;z-index: 2;} .hotel-join-pop .pop-main .pop-cont{padding:30px;} .hotel-join-pop .base-title .title-icon{ width: 80px; height: 24px; background-size: 100% auto;} .hotel-join-pop .base-title .title-cn{ font-size: 20px; margin-top: 8px;} .hotel-join-pop .base-title .title-en{ font-size: 14px; margin-top: -16px} .hotel-join-pop .base-title .title-border{ width: 100%; left: 0; } .hotel-join-pop .base-title .title-border:before,.base-title .title-border:after{ width: 36%; } .hotel-join-pop .pop-main .pop-cont .jm-title{text-align:center;font-size:18px;color:#000;border-bottom:1px solid #e3d7c9;padding-bottom:5px;padding-top:0px;} .hotel-join-pop .pop-main .pop-cont .jm-input{border:1px solid #c6ae92;margin-top:20px;padding:0px 20px;overflow:hidden;} .hotel-join-pop .pop-main .pop-cont .jm-input .jm-name{width:70px;float:left;font-size:14px;line-height:40px;color:#636363;text-align:justify;height:40px;} .hotel-join-pop .pop-main .pop-cont .jm-input .jm-name .jm-inblo{display:inline-block;} .hotel-join-pop .pop-main .pop-cont .jm-input .jm-name .jm-w100{width:100%;display:inline-block;} .hotel-join-pop .pop-main .pop-cont .jm-input .input-cont{padding-left:80px;} .hotel-join-pop .pop-main .pop-cont .jm-input .input-cont input{border:none;width:100%;font-size:14px;line-height:40px;} .hotel-join-pop .pop-main .pop-cont .jm-input .input-cont .jm-text{border:none;width:100%;height:100px;resize:none;outline: none; box-sizing: border-box; padding-top: 10px;} .hotel-join-pop .pop-main .pop-cont .jm-btns{margin-top:20px;overflow:hidden; text-align: center;} .hotel-join-pop .pop-main .pop-cont .jm-btn{width: 150px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; display: inline-block; margin: 0 10px; cursor: pointer;} .hotel-join-pop .pop-main .pop-cont .jm-btn.jm-send{background: #e5e5e5; color: #333;} .hotel-join-pop .pop-main .pop-cont .jm-btn.jm-reset{background: #947544; color: #fff;} /* update 201911 */ .new-card-type{margin-top:5%;padding-bottom:50px;} .new-card-type .card-wrapper{width:1000px;margin:0 auto;} .new-card-type .type-main ul li{display:none;overflow:hidden;} .new-card-type .type-main ul li.active{display:block;} .new-card-type .type-main .img-cont{width:45%;float:left;} .new-card-type .type-main .text-cont{width:55%;float:left;box-sizing:border-box;padding-left:10%;} .new-card-type .type-main .text-cont .title{font-size:32px;color:#000;} .new-card-type .type-main .text-cont .ltitle{font-size:24px;color:#000;} .new-card-type .type-main .text-cont .p{font-size:18px;color:#6a6a6a;line-height:1.8;height:170px;margin-top:10px;} .new-card-type .type-main .text-cont .remark{font-size:16px;color:#6a6a6a;} .new-card-type .type-list{overflow:hidden;} .new-card-type .type-list ul{overflow:hidden;margin:0 -20px;} .new-card-type .type-list ul li{width:25%;float:left;box-sizing:border-box;padding:0 20px;cursor:pointer;} .new-card-type .type-list ul li .img-cont{} .new-card-type .type-list ul li .text-cont{margin-top:20px;text-align:center;font-size:18px;color:#666;} .new-card-type .type-list ul li.active .text-cont{color:#000;} .new-card-type .type-list ul li.active .text-cont:before{content:"";width:25px;height:2px;background:#d19f6e;position:absolute;margin-left:4px;margin-top:-5px;} .new-member-score .score-main{margin-top:5%;margin-bottom:5%;} .new-member-score .score-main ul li{overflow:hidden;margin-bottom:20px;} .new-member-score .score-main ul li .left,.new-member-score .score-main ul li .right{float:left;width:50%;} .new-member-score .score-main ul li .left img{width:100%;display:block;} .new-member-score .score-main ul li.resever .left{float:right;} .new-member-score .score-main ul li .right{box-sizing:border-box;padding-top:8%;padding-left:6%;} .new-member-score .score-main ul li .right .title{font-size:32px;color:#333;} .new-member-score .score-main ul li .right .p{margin-top:40px;font-size:18px;color:#666;line-height:2;height:120px;} .new-member-score .score-main ul li .right .btn{width:160px;height:50px;line-height:50px;border:1px solid;cursor:pointer;text-align:center;position:relative;} .new-member-score .score-main ul li .right .btn a{display:block;height:100%;position:relative;color:#333;} .new-member-score .score-main ul li .right .btn:before{position:absolute;content:"";width:0;height:100%;background:#9e8c5c;color:#fff;left:0;top:0;z-index:0;transition:all 0.5s;} .new-member-score .score-main ul li .right .btn:hover{color:#fff;} .new-member-score .score-main ul li .right .btn:hover a{color:#fff;} .new-member-score .score-main ul li .right .btn:hover:before{width:100%;} .new-member-score .card-intro{margin-top:6%;overflow:hidden;margin-bottom:5%; display: none;} .new-member-score .card-intro ul{overflow:hidden;margin:0 -20px;} .new-member-score .card-intro ul li{width:25%;float:left;padding:0 20px;box-sizing:border-box;text-align:center;} .new-member-score .card-intro ul li .title{font-size:22px;margin-top:20px;} .new-member-score .card-intro ul li .bold{font-weight:bold;} .new-member-score .card-intro ul li .socre{margin-top:20px;} .new-member-score .card-intro ul li i{font-style:normal;font-size:28px;} .new-member-score .card-intro ul li .big{font-size:20px;} .new-member-score .card-intro ul li .big span{margin:0 30px;} .new-member-score .card-intro ul li .small{font-size:18px;margin-top:10px;} .new-member-score .card-intro ul li .small span{margin:0 15px;} .new-login-container{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;z-index:22;} .new-login-container .l-left{width:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);} .new-login-container .l-left img{width:100%;display:block;} .new-login-container .l-right{width:50%;position:absolute;right:0;top:0;bottom:0;} .new-login-container .l-right .right-main{width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;} .new-login-container .l-right .right-main .logo{width:120px;margin:0 auto;} .new-login-container .l-right .right-main .logo img{width:100%;display:block;} .new-login-container .l-right .right-main .form-cont{margin-top:20px;padding-right: 1px;} .new-login-container .l-right .right-main .form-cont .name{font-size:18px;color:#333;line-height:2;} .new-login-container .l-right .right-main .form-cont .input-cont{border:1px solid #ccc;margin-bottom:10px;} .new-login-container .l-right .right-main .form-cont input{border:none;width:100%;height:50px;line-height:50px;padding-left:20px;box-sizing:border-box;font-size:16px;} .new-login-container .l-right .right-main .form-cont .code-cont{border:1px solid #ccc;margin-bottom:10px;overflow:hidden;} .new-login-container .l-right .right-main .form-cont .code-cont .code-input{width:280px;float:left;} .new-login-container .l-right .right-main .form-cont .code-cont .send-btn{width:100px;float:right;height:30px;margin-top:10px;border-left:1px solid #ccc;line-height:30px;text-align:center;color:#9b8d61;font-size:16px;cursor:pointer;} .new-login-container .l-right .right-main .form-cont .ot-cont{overflow:hidden;font-size:18px;color:#333333;} .new-login-container .l-right .right-main .form-cont .ot-cont .ot-left{float:left;} .new-login-container .l-right .right-main .form-cont .ot-cont .ot-right{float:right;} .new-login-container .l-right .right-main .form-cont .l-btn{margin-top:30px;background:#9b8d61;height:50px;line-height:50px;text-align:center;font-size:18px;color:#fff;cursor:pointer;} .new-login-container .l-right .right-main .form-cont .join-in{margin-top:20px;text-align:center;font-size:18px;color:#9b8d61;} .new-login-container .l-right .right-main.register .form-cont .input-cont{box-sizing:border-box;padding-left:40px;background-repeat:no-repeat;background-position:10px center;} .new-login-container .l-right .right-main.register .form-cont .input-cont.icon1{background-image:url(../image/login-icon1.png);} .new-login-container .l-right .right-main.register .form-cont .input-cont.icon2{background-image:url(../image/login-icon2.png);} .new-login-container .l-right .right-main.register .form-cont .input-cont.icon3{background-image:url(../image/login-icon3.png);} .new-login-container .l-right .right-main.register .form-cont .input-cont .code-input{ display: inline-block; width: 170px; } .new-login-container .l-right .right-main.register .form-cont .input-cont .i-radio{display:inline-block;width:100px;height:45px;cursor:pointer; line-height: 45px;} .new-login-container .l-right .right-main.register .form-cont .input-cont .i-radio span{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #9d9d9d;margin-right:10px;vertical-align:-2px;} .new-login-container .l-right .right-main.register .form-cont .input-cont .i-radio input{ width: 0; height: 0;overflow: hidden; } .new-login-container .l-right .right-main.register .form-cont .input-cont .i-radio.active span:after{content:"";width:11px;height:11px;border-radius:50%;background:#a88652;display:block;margin:2px;} .new-login-container .l-right .right-main.register .form-cont .input-cont .from-name{ display: inline-block; margin-right: 40px; } .new-login-container .l-right .right-main.register .form-cont .hide-radio{ height: 0; overflow: hidden; } .new-login-container .l-right .right-main.register .form-cont .input-cont.nopadding{ padding-left: 10px; } .new-login-container .l-right .right-main.register .form-cont .regist_remark{ font-size: 14px; } .new-login-container .l-right .right-main.register .form-cont .regist_remark a{ color: #9E804D; } .new-login-container .l-right .right-main.register .form-cont .regist_remark input{ width: 15px; height: 15px; margin-right: 5px; vertical-align: middle;} .new-login-container .l-right .right-main.register .form-cont .join-in a{display:block;font-size:16px;color:#9E804D;text-align:center;font-size:18px;} .new-base-search{position:absolute;bottom:10px;left:0;right:0;z-index:2;font-size:14px;} .new-base-search input{font-size:14px;border:none;height:50px;line-height:50px;box-sizing:border-box;} .new-base-search .search-box{padding:15px 25px;box-sizing:border-box;background:rgba(255,255,255,.3);} .new-base-search .search-box .flight_destination{float:left;width:20%;position:relative;box-sizing:border-box;padding-left:10px;background:#fff;} .new-base-search .search-box .flight_destination .inputText{background:url(../image/search-icon11.png) 0 center no-repeat;padding-left:30px;} .new-base-search .search-box .flight_destination .hotel-list{background:#fff;border:1px solid #ccc;width:100%;font-size:14px;position:absolute;margin-left:-11px;display:none;} .new-base-search .search-box .flight_destination .hotel-list ul li{height:50px;line-height:50px;box-sizing:border-box;padding-left:20px;cursor:pointer;} .new-base-search .search-box .flight_destination .hotel-list ul li:hover{background:#ab8c57;color:#fff;} .new-base-search .search-box .flight_date{float:left;width:30%;margin-left:0.5%;background:#fff;padding-left:40px;background-image:url(../image/search-icon21.png);background-position:10px center;background-repeat:no-repeat;box-sizing:border-box;position:relative;} .new-base-search .search-box .flight_date .inputText{width:45%;background:none;} .new-base-search .search-box .flight_date .inputText:first-of-type{border-right:1px solid #e7e7e7;} .new-base-search .search-box .flight_date .inputText:last-of-type{text-align:right;} .new-base-search .search-box .flight_date .days{position:absolute;top:17px;width:40px;height:18px;border-radius:9px;background:#e7e7e7;text-align:center;line-height:18px;font-size:12px;color:#4b4b4b;left:50%;margin-left:-20px;} .new-base-search .search-box .flight_between{float:left;width:20%;margin-left:0.5%;background:#fff;padding-left:40px;background-image:url(../image/search-icon31.png);background-position:10px center;background-repeat:no-repeat;box-sizing:border-box;position:relative;} .new-base-search .search-box .flight_between .inputText{width:30px;} .new-base-search .search-box .agreement-input{float:left;width:20%;margin-left:0.5%;background:#fff;padding-left:40px;background-image:url(../image/search-icon41.png);background-position:10px center;background-repeat:no-repeat;box-sizing:border-box;position:relative;} .new-base-search .search-box .s-btn{float:right;width:8%;background:#ab8c57;text-align:center;color:#fff;line-height:50px;height:50px;cursor:pointer;} .new-more-pop{position:fixed;top:0;right:0;left:0;bottom:0;z-index:222;display:none;} .new-more-pop .mask{width:100%;height:100%;background:rgba(0,0,0,.3);} .new-more-pop .pop-main{width:800px;height:500px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .new-more-pop .pop-main .pop-close{width:25px;height:25px;position:absolute;top:20px;right:30px;background:url(../image/pop-close.png) no-repeat;background-size:100% auto;cursor:pointer;} .new-more-pop .pop-main .main-cont{height:100%;overflow-y:auto;box-sizing:border-box;padding:30px;color:#333;} .new-more-pop .pop-main .main-cont .title{text-align:center;font-size:20px;font-weight:bold;} .new-more-pop .pop-main .main-cont p{font-size:16px;line-height:2;} .new-more-pop .pop-main .main-cont p.big{font-weight:bold;} .new-picList-pop{position:fixed;top:0;right:0;left:0;bottom:0;z-index:222;display:none;} .new-picList-pop .mask{width:100%;height:100%;background:rgba(0,0,0,.3);} .new-picList-pop .pop-main{width:800px;height:460px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow: hidden;} .new-picList-pop .pop-main .pop-close{width:22px;height:22px;position:absolute;top:20px;right:30px;background:url(../image/close-btn1.png) no-repeat;background-size:100% auto;cursor:pointer;z-index: 222;} .new-picList-pop .swiper-btn{width:20px;height:40px;position:absolute;top:50%;margin-top:-33px;background-repeat:no-repeat;background-image:url(../image/banner-arrow.png);cursor:pointer;z-index:2; background-size: 40px auto;} .new-picList-pop .swiper-btn.prev{left:50px;background-position:left center;} .new-picList-pop .swiper-btn.next{right:50px;background-position:right center;} .new-base-detail{padding-top:6%;overflow:hidden;} .new-base-detail ul{width:100%;margin:0 auto;} .new-base-detail ul li{padding: 4% 0; position: relative; display: inline-block; width: 100%;} .new-base-detail ul li .img-cont,.new-base-detail ul li .text-cont{width:50%;float:left;} .new-base-detail ul li .img-cont{ height: 413px; overflow: hidden; } .new-base-detail ul li .img-cont img{width:100%;display:block;} .new-base-detail ul li .text-cont{box-sizing:border-box;padding-top:3%;padding-left:6%;color:#333;} .new-base-detail ul li .text-cont .title{font-size:26px; margin-bottom: 10px;} .new-base-detail ul li .text-cont .ltitle{font-size:18px; line-height: 1.8;} .new-base-detail ul li .text-cont p{font-size:16px;line-height:2;margin-top:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;} .new-base-detail ul li.resever .img-cont{float:right; position: relative;} .new-base-detail ul li.resever .text-cont{padding-left:0;padding-right:6%;position: relative;} .new-base-detail ul li.resever:before{content: ""; height: 100%; position: absolute; width: 300%; background: #fafafa; margin-top: -4%; margin-left: -50%; } .new-base-detail ul li a{ display: inline-block; margin-right: 40px; width: 120px; height: 40px; line-height: 40px; font-size: 14px; border: 1px solid; text-align: center; margin-top: 5%; cursor: pointer;} .new-base-detail ul li .img-cont a{ display: block; width: 100%; } .new-brand{ padding-top: 3%; } .new-brand .base-wrapper{ margin-top: 5%; } .new-brand ul li .text-cont p{ display: block; } .new-brand-histroy{ margin-top: 3%; } .new-brand-histroy img{ width: 100%; display: block; } @media (max-width: 767px){ .visible-m{ display: block; } .hidden-m{ display: none; } .container{ padding-top: 50px; } .wrapper{ padding: 0; } .header{ border: none; } .header-main{ width: 100%; } .header-mobi{ background: #373737; } .header-mobi .nav-btn,.header-mobi .user-btn,.header-mobi .logo{float:left;} .header-mobi .logo{width:35%;margin-left:10px;line-height:45px;} .header-mobi .logo img{width:100%;display:inline-block;vertical-align:middle;} .header-mobi .nav-btn,.header-mobi .user-btn{width:50px;height:50px;background-repeat:no-repeat;background-position:center center;background-size:50% auto;border-right:1px solid #4d4d4d;} .header-mobi .nav-btn{background-image:url(../image/header-icon11.png);} .header-mobi .user-btn{background-image:url(../image/header-icon21.png);} .header-mobi .book-btn{float:right;font-size:12px;color:#ccc;height:28px;line-height:26px;margin-top:11px;margin-right:10px;text-align:center;width:70px;border:1px solid;} .header-nav-mobi{position:fixed;top:50px;left:0;right:0;bottom:0;z-index:2;background:#373737;display:none;} .header-nav-mobi .nav-wrapper{padding:10px;} .header-nav-mobi .nav-wrapper ul li a{display:block;height:50px;line-height:50px;border-bottom:1px solid #444343;font-size:14px;color:#ccc;position:relative;overflow:hidden;} .header-nav-mobi .nav-wrapper ul li a:after{content:"";display:block;width:12px;height:12px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;transform:rotate(-45deg);position:absolute;right:0;top:0;margin-top:18px;margin-right:10px;} .header-nav-mobi .nav-wrapper .links{margin-top:40px;text-align:center;color:#ccc;font-size:14px;} .header-nav-mobi .nav-wrapper .links a{color:#ccc;} .header-nav-mobi .nav-wrapper .links span{margin:0 5px;} .footer-pc{padding:15px 20px;font-size:12px;} .footer-pc .footer-top{padding-bottom:10px;} .footer-pc .footer-top .footer-item{width:100%;} .footer-pc .footer-top .link-list{margin: 0 auto; width: 90%;} .footer-pc .footer-top .link-item{ margin: 0 5px; } .footer-pc .footer-top .info{padding-left:0;border-top:1px solid;padding-top:10px;} .footer-pc .footer-top .info > div{padding-left:20px;background-size:15px auto;line-height:22px;margin-bottom:0;float:left;} .footer-pc .footer-top .info > div.addr{background-position:3px 3px;background-size:12px auto;margin-top:10px;} .footer-pc .footer-top .info > div.email{margin-left:50px;} .footer-pc .footer-bottom{padding-top:15px;text-align:center;position:static; margin-top: -10px;} .sub-banner .img-cont{ position: relative;} .sub-banner .img-cont img{ width: auto; height: 180px; position: relative; left: 50%; transform: translate(-50%,0);} .law-container{ padding-bottom: 30px;} .law-container .law-wrapper{ width: 100%;} .law-container .law-title{width:100px;min-height:140px;font-size:18px;padding:20px 35px;margin-top: -70px;} .law-container .law-title:before{ left: 20px; bottom: 20px; height: 60px; width: 1px;} .law-container .law-title:after{ right: 20px; top: 20px; height: 60px;width: 1px;} .law-container .law-text{ padding: 20px 30px; margin-top: 30px;} .law-container .law-text .text-title{ font-size: 15px; line-height: 28px; } .law-container .law-text p{ font-size: 14px; line-height: 28px; text-align: left; word-break: break-all;} .swiper-banner .swiper-btn{ width: 14px; height: 26px; margin-top: 0; background-size: 28px 26px;} .swiper-banner .swiper-btn.prev{ left: 15px;} .swiper-banner .swiper-btn.next{ right: 15px;} .search-container{ padding: 0; position: relative; display: block;} .new-base-search{ display: none; } .search-container .search-wrapper{ width: 100%; padding: 10px 20px 15px 20px; } .search-container .search-wrapper .input-list{ margin-right: 0;} .search-container .search-wrapper .input-list .input-item{ width: 100%;} .search-container .search-wrapper .input-list .input-item input{ font-size: 14px;} .search-container .search-wrapper .btn-cont{ position: relative; margin: 20px auto 0 auto; font-size: 14px;} .searchPop-container .pop-close{ top: 15px; right: 20px;} .searchPop-container .search-container .search-wrapper{ padding-top: 50px;} .searchPop-container .search-container .active .number-list{ margin-right: 0;} .searchPop-container .search-container .number-list .room-num{ width: 100%;} .searchPop-container .search-container .number-list .people-num{ width: 100%;} .searchPop-container .search-container .number-list .num-item{ margin-right: 10px; font-size: 14px;} .searchPop-container .search-container .number-list .room-num, .searchPop-container .search-container .number-list .people-num{} .searchPop-container .search-container .number-list .people-big, .searchPop-container .search-container .number-list .people-small{ width: 100%;} .searchPop-container .search-container .number-list .people-big{ border-bottom: 1px solid #fff;} .searchPop-container .search-container .active .btn-cont{ top: 0;} .searchPop-container .search-container .more-cont .more{ font-size: 14px;} .base-title .title-icon{ width: 80px; height: 20px;} .base-title .title-cn{ font-size: 20px; margin-top: 8px;} .base-title .title-en{ font-size: 14px; margin-top: -12px;} .base-title .title-border{ margin-top: 20px;} .base-title .title-border:before,.base-title .title-border:after{ width: 21%;} .home-container .hotel-info{ padding: 20px 0 30px 0;} .base-section{ padding: 25px 0;} .base-section .border-bg{ width: 92%; left: 4%;} .base-section .base-main:after{ right: 4%;} .base-section .hotel-info .info-main{ margin-top: 20px;} .base-section .hotel-info .info-main .info-text{ width: 100%; padding: 4% 8%;} .base-section .hotel-info .info-main .info-text .title-cn{ font-size: 18px; margin-top: -32px;} .base-section .hotel-info .info-main .info-text .title-en{ font-size: 14px;} .base-section .hotel-info .info-main .info-text .border{ margin-top: 20px;} .base-section .hotel-info .info-main .info-text p{ margin-top: 20px; font-size: 14px; line-height: 26px;} .base-section .hotel-info .info-main .info-text .btn-cont{ width: 150px; height: 40px; line-height: 40px; margin: 15px auto 0 auto; font-size: 14px;} .base-section .hotel-info .info-main .info-img{ width: 100%; margin-top: 20px;} .home-container .home-hotel-swiper .swiper-slide{ position: relative;} .home-container .home-hotel-swiper .img-cont{ position: absolute; left: 0; top: 0; height: 100%;} .home-container .home-hotel-swiper .img-cont img{ width: auto; height: 100%; position: relative;} .home-container .home-hotel-swiper .text-cont{ padding: 15px 0; position: relative;} .home-container .home-hotel-swiper .text-cont .info-text{ font-size: 12px; margin-top: 15px; line-height: 18px; padding: 0 10px; height: 90px; overflow: hidden;} .home-container .home-hotel-swiper .text-cont .info-text .icon{ width: 14px; height: 11px;} .home-container .home-hotel-swiper .text-cont .info-text .icon.icon1{ margin-left: -25px;} .home-container .home-hotel-swiper .text-cont .info-text .icon.icon2{ margin-left: 15px;} .home-container .home-hotel-swiper .text-cont .logo-cont{ margin: 20px auto 0 auto;} .home-container .home-hotel-swiper .text-cont .detail-btn{ width: 150px; height: 40px; line-height: 40px; margin: 15px auto 0 auto;} .home-container .swiper-btn, .base-swiper .swiper-btn{ width: 30px; height: 30px; bottom: 15px;} .home-container .home-hotel-swiper .swiper-btn.prev{ right: 55px;} .home-container .home-hotel-swiper .swiper-btn.next{ right: 15px;} .home-container .swiper-btn.prev:after, .base-swiper .swiper-btn.prev:after{ width: 10px; height: 10px; margin-top: 9px; margin-left: 12px;} .home-container .swiper-btn.next:after, .base-swiper .swiper-btn.next:after{ width: 10px; height: 10px; margin-top: 9px; margin-left: 6px;} .base-section .base-main.b-left:after{ left: 4%;} /* .home-container .home-hotel-swiper .text-cont .base-title .title-cn{ margin-top: 0;} */ .home-container .brand-info{ padding: 20px 0;} .home-container .brand-info .swiper-container{ margin-top: 20px;} .home-container .brand-info .info-img{ width: 100%; height: auto; position: relative;} .home-container .brand-info .info-img img{ width: 100%; height: auto; transform: translate(0); left: auto; position: relative;} .home-container .brand-info .info-text{ width: 100%; padding: 4% 8%;} .home-container .brand-info .info-text .title-cn{ font-size: 18px; margin-top: -32px;} .home-container .brand-info .info-text .title-en{ font-size: 14px;} .home-container .brand-info .info-text .border{ margin-top: 20px;} .home-container .brand-info .info-text p{ margin-top: 20px; font-size: 14px; line-height: 26px;} .home-container .brand-info .info-text .btn-cont{ width: 150px; height: 40px; line-height: 40px; margin: 15px auto 0 auto; font-size: 14px;} .home-container .brand-info .swiper-btn{ bottom: auto; top: 17%; margin-top: 0;} .home-container .brand-info .swiper-btn.next{ right: 0;} .home-container .brand-info .info-type{ width: 80%; margin-top: 0;} .home-container .brand-info .info-type .type-item{ width: 100%; margin-top: 20px;} .home-container .brand-info .info-type .type-item .img-cont{ width: 30%;} .home-container .brand-info .info-type .type-item .text-cont{ width: 70%;} .home-container .brand-info .info-type .type-item .text-cont .title-cn{ font-size: 16px;} .home-container .hotel-offer{ padding: 25px 0;} .home-container .hotel-offer .offer-list{ padding-top: 0;} .home-container .hotel-offer .offer-list .offer-item{ width: 100%; margin-top: 25px;} .home-container .hotel-offer .offer-list .offer-item .img-cont{ position: relative;} .home-container .hotel-offer .offer-list .offer-item .img-cont:before{ content: ""; height: calc(100% - 20px); display: block; border: 1px solid #f7f7f7; border-bottom: none; position: absolute; width: calc(100% - 42px); top: 20px; left: 20px; right: 20px;} .home-container .hotel-offer .offer-list .offer-item .text-cont{ position: relative; left: auto; right: auto; bottom: auto; top: auto; margin: 0 20px;} .home-container .hotel-offer .offer-list .offer-item .text-cont .text-main{ position: relative; padding: 25px 0 20px 0; border: 0;} .home-container .hotel-offer .offer-list .offer-item .text-cont .text-main .t-title{ font-size: 18px; margin-top: 15px;} .home-container .hotel-offer .offer-list .offer-item .text-cont .text-main p{ font-size: 14px; margin-top: 10px; line-height: 20px;} .home-container .hotel-offer .offer-list .offer-item .text-cont .text-main .t-btn{ width: 150px; height: 40px; line-height: 40px; margin: 15px auto 0 auto; font-size: 14px;} .hotel-offer-more .more-btn{ width: 150px; height: 40px; line-height: 40px; margin: 40px auto; font-size: 14px;} .book-home-container .home-hotel-swiper{ padding: 30px 0 0 0;} .book-home-container .book-home-cont{ margin-top: 25px;} .book-home-container .book-home-more{ margin: 0;} .book-home-container .book-home-more .more-btn{ width: 150px; height: 40px; line-height: 40px; margin: 40px auto; font-size: 14px;} .brand-container .hotel-info{ padding: 20px 0 30px 0;} .brand-container .brand-infomation{ background: url(../image/brand-bg1.jpg) center no-repeat; background-size: cover; padding: 0 2%;} .brand-container .brand-infomation .info-main .img-cont{ display: none;} .brand-container .brand-infomation .info-main .text-cont{ padding: 15px 0; position: relative;} .brand-container .brand-infomation .info-main .text-cont .info-swiper{ width: 100%;} .brand-container .brand-infomation .info-main .text-cont .info-text{ font-size: 12px; margin-top: 5px; line-height: 18px; padding: 0 10px;} .brand-container .brand-infomation .info-main .text-cont .info-text .icon{ width: 14px; height: 11px;} .brand-container .brand-infomation .info-main .text-cont .info-text .icon.icon1{ margin-right: 10px;} .brand-container .brand-infomation .info-main .text-cont .info-text .icon.icon2{ margin-left: 10px;} .brand-container .brand-infomation .info-main .text-cont .title-item{ display: none;} .brand-container .brand-infomation .info-main .text-cont .logo-cont{ display: none;} .brand-container .brand-infomation .info-main .text-cont .info-img{ margin-top: 20px;} .brand-container .brand-infomation .swiper-btn{ bottom: 23%;} .brand-container .brand-join{ padding: 25px 0;} .brand-container .brand-join .join-btn-cont{ margin-top: 30px;} .brand-container .brand-join .join-btn-cont .join-btn{ width: 135px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 10px 15px 10px;} .brand-container .brand-join .hotel-info{ padding-bottom: 15px;} .hotel-info-container{ position: relative; padding: 0; background: rgba(0,0,0,.8);} .hotel-info-container .info-wrapper{ width: 100%; padding: 10px 20px 15px 20px;} .hotel-info-container .info-wrapper .h-name{ margin-right: 0; width: 100%;} .hotel-info-container .info-wrapper .h-name .name-cn{ font-size: 20px;} .hotel-info-container .info-wrapper .h-name .name-en{ font-size: 14px; margin-top: -10px;} .hotel-info-container .info-wrapper .h-star i{ width: 15px; height: 15px; margin-right: 5px;} .hotel-info-container .info-wrapper .h-remark{ font-size: 14px; margin-left: 10px;} .hotel-info-container .info-wrapper .h-star, .hotel-info-container .info-wrapper .h-remark{ line-height: 30px;} .hotel-info-container .info-wrapper .h-addr, .hotel-info-container .info-wrapper .h-tel{ display: block; font-size: 14px; background-size: auto 15px;} .hotel-info-container .info-wrapper .h-tel{ margin-top: 5px;} .hotel-detail-container{ padding: 25px 0;} .hotel-detail-container .links-wrapper{ overflow: hidden;} .hotel-detail-container .links-container{ width: 100%; padding: 0 15px; padding-top: 30px;} .hotel-detail-container .links-container .links-item{ width: 30%;} .hotel-detail-container .links-container .links-item a{ height: auto; font-size: 14px; padding-left: 10px; margin-bottom: 15px; padding: 0;} .hotel-detail-container .links-container .links-item:nth-of-type(4) a{ border-left: none; } .base-wrapper{ width: 100%;} .hotel-detail-container .device-container{ padding-top: 30px;} .hotel-detail-container .device-container .device-info{ margin-top: 25px;} .hotel-detail-container .device-container .device-info .info-left{ width: 100%; padding: 3% 4%;} .hotel-detail-container .device-container .device-info .info-left .title-cn{ font-size: 18px;} .hotel-detail-container .device-container .device-info .info-left .title-en{ font-size: 14px; margin-top: 12px;} .hotel-detail-container .device-container .device-info .info-left .border{ margin-top: 10px;} .hotel-detail-container .device-container .device-info .info-left p{ margin-top: 10px; font-size: 14px; line-height: 26px;} .hotel-detail-container .device-container .device-info .info-right{ width: 100%;} .hotel-detail-container .device-container .device-list{ margin-top: 25px;} .hotel-detail-container .device-container .device-list .device-wrapper{ padding-top: 0;} .hotel-detail-container .device-container .device-list .list-container{ margin: 0; padding: 0 15px;} .hotel-detail-container .device-container .device-list .list-container .item1{ width: 100%;} .hotel-detail-container .device-container .device-list .list-container .item2{ width: 100%;} .hotel-detail-container .device-container .device-list .list-container .list-item{ padding: 0; margin: 15px 0 0 0; overflow: hidden;} .hotel-detail-container .device-container .device-list .list-container .list-item .item-main{ position: relative;} .hotel-detail-container .device-container .device-list .list-container .list-item .item-main .img-cont{ position: static; top: 0; left: 0; width: 100%; height: 100%;} .hotel-detail-container .device-container .device-list .list-container .list-item img{ width: 100%; height: auto; position: relative;} .hotel-detail-container .device-container .device-list .list-container .list-item .item-main .text-cont{ position: relative; z-index: 2; top: auto; right: auto; bottom: auto; left: auto; font-size: 14px; padding: 15px; border: 0;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main{ position: relative; top: 0; transform: translate(0); border: 1px solid #fff;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main.text1{ padding: 15px; display: block;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main.text2{ display: none;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .title-cn{ font-size: 18px;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .title-en{ font-size: 14px;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .border{ margin: 10px 0;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .text{ line-height: 1.8; padding-left: 30px; background-size: 16px auto; background-position: 0 6px;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .icon3{ -webkit-line-clamp:initial;} .hotel-detail-container .food-container{ padding-top: 25px;} .hotel-detail-container .food-container .food-wrapper{ padding: 0 15px;} .hotel-detail-container .food-container .food-wrapper .food-text{ padding: 20px 15px; font-size: 14px; line-height: 26px; text-align: justify;} .hotel-detail-container .food-container .food-wrapper .food-text .blod{ padding: 0 25px;} .hotel-detail-container .meeting-container .meeting-wrapper{ padding-top: 25px; } .hotel-detail-container .meeting-container .meeting-info{ margin-top: 30px; } .hotel-detail-container .meeting-container .meeting-info .info-left,.hotel-detail-container .meeting-container .meeting-info .info-right{width:100%;float:none;} .hotel-detail-container .meeting-container .meeting-info .info-left{padding:20px;} .hotel-detail-container .meeting-container .meeting-info .info-left .title-cn{font-size:18px;} .hotel-detail-container .meeting-container .meeting-info .info-left .title-en{font-size:16px;margin-top:15px;} .hotel-detail-container .meeting-container .meeting-info .info-left .border{margin-top:15px;} .hotel-detail-container .meeting-container .meeting-info .info-left p{line-height:1.6;margin-top:10px;font-size:14px;} .hotel-detail-container .meeting-container .meeting-create{margin-top:0px;padding:0;} .hotel-detail-container .meeting-container .meeting-new-info .info-text{ font-size: 14px; padding: 0 20px; } .hotel-detail-container .meeting-container .meeting-new-info .info-list{ margin-top: 30px; } .hotel-detail-container .meeting-container .meeting-new-info .info-list .info-item p span{ font-size: 22px; } .hotel-detail-container .meeting-container .meeting-new-info .info-list .info-item p{ font-size: 14px; } .hotel-detail-container .meeting-container .meeting-create .info-text{ font-size: 14px; width: 90%; margin-top: 20px; } .hotel-detail-container .meeting-container .meeting-create .info-text .icon{display: none;} .meeting-create-pop .pop-wrapper{ width: 90%; } .meeting-create-pop .pop-wrapper .pop-main{ padding: 30px 0; } .meeting-create-pop .pop-wrapper .pop-main .intro-title .title-cn{ font-size: 18px; } .meeting-create-pop .pop-wrapper .pop-main .intro-title .title-en{ font-size: 14px; margin-top: -14px; } .meeting-create-pop .pop-wrapper .pop-main .intro-title{ padding-top: 20px; } .meeting-create-pop .pop-wrapper .pop-main .intro-title p{ margin: 0; font-size: 14px; width: 100%; box-sizing: border-box; padding: 0 20px; } .meeting-create-pop .pop-wrapper .pop-main .form-list{ margin-top: 20px; width: 100%; box-sizing: border-box; padding: 0 20px; } .meeting-create-pop .pop-wrapper .pop-main .form-item{ width: 100%; font-size: 14px; line-height: 35px; } .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .select .i-text{ height: 35px; } .meeting-create-pop .pop-wrapper .pop-main .btns-cont{ margin-top: 30px; } .meeting-create-pop .pop-wrapper .pop-main .btns-cont .form-btn{ height: 35px; line-height: 35px; width: 40%; margin: 0; } .hotel-detail-container .meeting-container .meeting-create .create-swiper{ margin-top: 20px; } .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide{ width: 100%; background: #fff; } .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-btn{ display: none; } .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide .text-cont .t-title{ font-size: 18px; } .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide.swiper-slide-active .text-cont p{ font-size: 14px; padding: 0 20px; } .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide.swiper-slide-active .btn-cont{width:155px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#a88652;border:1px solid;margin:0 auto;} .hotel-detail-container .hotel-offer{ padding-top: 30px; margin: 0;} .hotel-detail-container .hotel-offer .offer-list .offer-item{ width: 100%; margin-bottom: 20px;} .hotel-detail-container .hotel-offer .offer-list .offer-item .text-cont,.hotel-detail-container .hotel-offer .offer-list .offer-item .text-cont .text-main{ position: static; } .hotel-detail-container .hotel-offer .offer-list{ padding-top: 20px; } .hotel-detail-container .hotel-offer .offer-list .offer-item .text-cont .text-main{ padding: 30px 0; } .hotel-detail-container .hotel-offer .offer-list .offer-item .text-cont .text-main .t-title{ font-size: 18px; } .hotel-detail-container .hotel-offer .offer-list .offer-item .text-cont .text-main p{ font-size: 14px; line-height: 1.5; margin-top: 10px; } .hotel-detail-container .hotel-offer .offer-list .offer-item .text-cont .text-main .t-btn{ width: 120px; height: 35px; line-height: 35px; font-size: 14px; margin-top: 20px; } .hotel-detail-container p .icon{width: 14px; height: 11px;} .hotel-detail-container p .icon.icon1{ margin-left: -25px;} .hotel-detail-container p .icon.icon2{ margin-left: 5px;} .hotel-detail-container .food-container .food-wrapper .list-container{ margin-top: 10px;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .list-item{ margin-top: 15px;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .left-item{ width: 100%;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .img-cont{ position: static; top: 0; left: 0; width: 100%; height: 100%;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .left-item .img-cont img{ width: 100%; position: relative;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont{ position: relative; top: auto; right: auto; bottom: auto; left: auto; border: 0; font-size: 14px; padding: 15px;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main{ position: relative; top: 0; transform: translate(0); border: 1px solid #fff;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-childs{ margin: 0 -10px;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-childs .item-child{ width: 100%;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main.text1{ padding: 15px; display: block;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main.text2{ display: none;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .title-cn{ font-size: 18px;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .title-en{ font-size: 14px;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .border{ margin: 10px 0;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .text{ line-height: 1.8; padding-left: 30px; background-size: 16px auto; background-position: 0 6px; -webkit-line-clamp:initial;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .right-item{ width: 100%;} .hotel-detail-container .hotel-about-container{ padding-top: 25px;} .hotel-detail-container .hotel-about-container .about-text{ width: 100%;} .hotel-detail-container .hotel-about-container .about-text p{ width: 100%; font-size: 14px; line-height: 26px; padding: 0 45px; margin: 20px auto;} .hotel-detail-container .hotel-about-container .about-swiper{ margin-top: 25px;} .hotel-detail-container .hotel-about-container .about-swiper .swiper-slide{ position: relative;} .hotel-detail-container .hotel-about-container .about-swiper .img-cont{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .hotel-detail-container .hotel-about-container .about-swiper .img-cont img{ width: auto; height: 100%; position: relative;} .hotel-detail-container .hotel-about-container .about-swiper .text-cont{ position: relative; padding: 15px 0 45px 0;} .hotel-detail-container .hotel-about-container .about-swiper .text-cont .text-main p{ font-size: 14px; line-height: 26px; margin-top: 15px; height: 234px; overflow: hidden;} .hotel-detail-container .hotel-about-container .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 4%;} .hotel-detail-container .hotel-about-container .swiper-pagination-bullet{ width: 70px; height: 1px; border: 1px solid #fff;} .hotel-detail-container .hotel-location{ padding-top: 25px;} .hotel-detail-container .hotel-location .location-text{ width: 100%;} .hotel-detail-container .hotel-location .location-text p{ width: 100%; font-size: 14px; line-height: 26px; padding: 0 45px; margin: 20px auto;} .room-container .search-container{ margin: 20px auto;} .room-container .search-container .search-wrapper{ width: 100%;} .room-container .search-container .active .number-list{ margin-right: 0;} .room-container .search-container .number-list .room-num{ width: 100%;} .room-container .search-container .number-list .people-num{ width: 100%;} .room-container .search-container .number-list .people-big, .room-container .search-container .number-list .people-small{ width: 100%;} .room-container .search-container .number-list .people-big{ border-bottom: 1px solid #666;} .room-container .search-container .number-list .num-item{ margin-right: 10px; font-size: 14px;} .room-container .search-container .active .btn-cont{ top: 0;} .room-container .search-container .more-cont .more{ font-size: 14px;} .room-container .room-list{ padding-top: 0px;} .room-container .room-list ul li .border-bg{ display: none; } .room-container .room-list ul li:after{ right: 4%;} .room-container .room-list ul li .room-item .room-info{ background-color: transparent;} .room-container .room-list ul li .room-item{ padding: 0 10px; margin: 0; } .room-container .room-list ul li .room-item .room-left{ width: 100%; float: none; position: static;} .room-container .room-list ul li .room-item .room-right{ width: 100%; box-sizing: border-box; float: none;padding: 15px; background: #a88651;} .room-container .room-list ul li:after{ display: none; } .room-container .room-item .info-main .main-text{ height: auto; display: none;} .room-container .room-item .info-main{ position: static; width: 100%; height: auto; margin: 0; padding: 0 10px 15px 10px;} .room-container .room-item .info-main .title-cn{ font-size: 18px;position: relative;} .room-container .room-item .info-main .title-cn:after{content:"";width:10px;height:10px;border:solid 2px #322426;border-top:none;border-right:none;transform:rotate(-45deg);display:block;position:absolute;right:5px;top:2px;} .room-container .room-item .info-main .title-cn.active:after{transform:rotate(135deg); top: 8px;} .room-container .room-item .info-main .title-en{ font-size: 14px; margin-top: -12px;} .room-container .room-item .info-main .border{display: none;} .room-container .room-item .info-main p{ font-size: 14px; line-height: 26px; margin: 15px 0 0 0;} .room-container .room-item .info-main p span{ margin: 0 10px;} .room-container .room-item .room-right .swiper-btn{ right: 15px;} .room-container .room-item .room-right .swiper-btn.prev{ right: 55px;} .room-container .room-item .room-btn .btn-cont{ font-size: 14px;} .room-container .room-item .room-left .info-price{ display: none; } .room-container .room-item .room-left .room-btn{ display: none; } .room-container .room-list .info-list{ margin: 0;} .room-container .room-list ul li.reverse:after{ left: 4%;} .room-container .room-list ul li.reverse .room-item .info-main{ margin-left: 0;} .room-container .room-list ul li.reverse .room-right .swiper-btn{ left: auto; right: 15px;} .room-container .room-list ul li.reverse .swiper-btn.prev{ right: 55px;} .page-container{ margin: 30px 0 0 0;} .room-container .room-item .room-right .visible-m{ margin-top: 10px; line-height: 35px; padding-bottom: 2px; } .room-container .room-item .room-right .info-price{ float: left; font-size: 22px; color: #fff; } .room-container .room-item .room-right .room-btn{ float: right; border: 1px solid; color: #fff; width: 120px; margin-top: 0;} .room-container .room-item .room-right .room-btn .btn-cont{ font-size: 14px;background: transparent;} .room-container .room-list .info-list .info-item{ position: relative; padding: 10px 0; } .room-container .room-list .info-list .info-item > span{ display: block; font-size: 16px; line-height: 30px; } .room-container .room-list .info-list .info-item .big{ font-size: 18px; line-height: 30px;} .room-container .room-list .info-list .info-item span.span1,.room-container .room-list .info-list .info-item span.span2{ width: 33.33%; text-align: left; float: left; } .room-container .room-list .info-list .info-item span.span2{ color: #666; } .room-container .room-list .info-list span.book-btn{ right: 0; bottom: 15px; width: 110px; height: 35px; line-height: 35px; font-size: 16px;} .room-container .room-list .info-list .info-item .price{width: 120px; text-align: left; font-size: 22px; line-height: 30px; top: 10px; right: 0; } .offer-container{ padding-top: 0;} .offer-container .offer-wrapper{ width: 100%; padding: 0 15px;} .offer-container .offer-wrapper .tab-container .tab-wrapper{ font-size: 14px; padding: 15px 15px 5px 15px; margin-top: 10px;} .offer-container .offer-wrapper .tab-container .tab-arrow{ border: 10px solid transparent; border-bottom-color: #a88652; margin-top: -9px; left: 47%;} .offer-container .offer-wrapper .tab-container .tab-wrapper .tab-item{ margin-bottom: 10px;} .offer-container .offer-wrapper .offer-list{ margin-top: 0;} .offer-container .offer-wrapper .offer-list ul{ margin: 0;} .offer-container .offer-wrapper .offer-list ul li{ width: 100%; padding: 0; margin: 20px 0 0 0;} .offer-container .offer-wrapper .offer-list ul li:after{ top: 15px; right: 15px; left: 15px;} .offer-container .offer-wrapper .offer-list ul li .text-cont{ margin: 0 25px; padding: 20px 0;} .offer-container .offer-wrapper .offer-list .text-cont .title{ font-size: 18px; margin-top: 15px;} .offer-container .offer-wrapper .offer-list .text-cont p{ font-size: 14px; line-height: 26px;} .offer-container .offer-wrapper .offer-list .text-cont .btn{ width: 150px; height: 40px; line-height: 40px; font-size: 14px; margin: 20px auto 0 auto;} .events-container{padding:40px 0;font-size:14px;} .events-container input{font-size:14px;} .events-container .events-wrapper{width:90%;} .events-container .events-top .top-left{width:100%;margin-right:0; margin-bottom: 10px;border-radius: 0;} .events-container .events-top .top-right{width:100%;border-radius: 0;} .events-container .events-top{line-height:40px;} .events-container .events-top .top-left .select-text,.events-container .events-top .top-left.e-date input,.events-container .events-top .top-left .select-main .select-option{height:40px;} .events-container .events-list ul li .text-cont .title{font-size:16px;} .events-container .events-list ul li .text-cont p{font-size:14px;line-height:25px;} .events-container .events-list ul li .text-cont .date{font-size:12px;} .events-container .events-list ul li .text-cont{height:auto;} .events-container .events-list ul{ margin: 0; } .events-container .events-list ul li{ width: 100%; padding: 0; } .news-container{ padding-top: 60px; } .news-container .base-wrapper{ padding: 0 20px; } .news-container .news-list{ margin-top: 10px; } .news-container .news-title{ font-size: 18px; margin-bottom: 20px;} .news-container .news-list ul li{ width: 100%; } .news-container .news-list ul li .img-cont{ width: 140px; } .news-container .news-list ul li .text-cont{ padding-left: 150px; padding-top: 0px; } .news-container .news-list ul li .text-cont .title{ font-size: 14px; } .news-container .news-list ul li .text-cont .date{ font-size: 12px; } .news-container .news-list ul li .text-cont p{ font-size: 12px; line-height: 18px; padding-right: 0;} .contant-container{ padding-top: 80px; } .contant-container .hotel-list{ padding: 0 20px; } .contant-container .hotel-list ul{ margin: 0; } .contant-container .hotel-list ul li{ width: 100%; padding: 0; } .contant-container .hotel-list ul li .text{ font-size: 22px; } .contant-container .hotel-list ul li .text-cont .addr,.contant-container .message-cont .m-title{ font-size: 16px; } .contant-container .message-cont .m-remark,.contant-container .message-cont .m-from .name{ font-size: 14px; } .contant-container .message-cont{ width: 100%; padding: 0 20px; margin: 40px 0 20px; } .contant-container .message-cont .m-from input{ height: 35px; line-height: 35px; } .contant-container .message-cont .m-from textarea{ height: 150px; } .member-container .member-join .join-item{ width: 100%; float: none; } .member-container .about-wrapper{ width: 700px; } .member-container .about-wrapper .about-top .info-main .info-left,.member-container .about-wrapper .about-top .info-main .info-right{ width: 100%;float: none; } .member-container .about-wrapper .about-top .info-main .info-left{ padding: 30px 20px; } .member-container .about-wrapper .about-top .info-main .info-left p{ font-size: 14px; } .member-container .about-wrapper .about-top .info-main .info-left .btn-cont a{ font-size: 14px; } .member-container .member-join .join-item.join-right{ padding-top: 20px; } .member-container .member-join .join-item.join-right .icon{ width: 30%; } .member-container .member-join .join-item.join-right .title{ font-size: 18px; margin-top: 10px; } .member-container .member-join .join-item.join-right p{ padding: 0 30px; font-size: 14px; } .member-container .member-join .join-item.join-right .btn-cont a{ font-size: 14px; } .member-container .member-join .join-item.join-right .btn-cont{ margin-top: 20px; width: 155px; } .member-container .member-banner{ margin-top: 0; } .member-container .member-wrapper{ margin: 0; width: 100%; } .member-container .member-wrapper .member-base .info-left{ width: 100%; margin-top: 0px; padding-top: 20px; } .member-container .member-wrapper .member-base .info-right{ width: 100%; } .member-container .member-wrapper .member-base .base-info{ height: auto; overflow: hidden; padding: 0 20px; box-sizing: border-box; } .member-container .member-wrapper .member-base .info-left .img-cont{ width: 40%; margin: 0; } .member-container .member-wrapper .member-base .info-left .text-cont{ width: 60%;margin: 0; padding-bottom: 0; border-right: none; padding-top: 4%; padding-left: 5%; } .member-container .member-wrapper .member-base .info-left .text-cont .name{ font-size: 16px; } .member-container .member-wrapper .member-base .info-left .text-cont .number{ font-size: 14px; } .member-container .member-wrapper .member-base .info-right .card-type .border{ width: 20%; } .member-container .member-wrapper .member-base .info-right .card-type span{ font-size: 12px; } .member-container .member-wrapper .member-base .info-right .card-type .card-name:after{ margin-top: 20px; margin-left: -17px; } .member-container .member-wrapper .member-base .info-right .card-type{ margin-top: 60px; } .member-container .member-wrapper .member-base .info-right .card-remark{ font-size: 12px; margin-top: 5px; margin-bottom: 10px; background-size: 15px auto; padding-left: 20px; } .member-container .member-wrapper .member-base .base-tab .tab-item .item-text{ background: none !important; padding-left: 0; font-size: 14px; } .member-container .member-wrapper .member-base .base-tab .tab-item.active .item-text{ border-bottom-width: 2px; } .member-container .member-wrapper .member-base .base-tab .tab-item{ line-height: 40px; } .member-container .member-wrapper .member-base .base-tab .tab-item .item-text span{ margin-top: 3px; margin-right: -7px; } .hotel-comments-pop .pop-main{ width: 90%; } .hotel-comments-pop .pop-main .text-cont{ padding: 10px 20px; margin-top: 10px; } .hotel-comments-pop .pop-main .comment-btns .c-btn{ width: 42%; margin: 0; } .hotel-comments-pop .pop-main .pop-close{ width: 20px; height: 20px; top: 10px; right: 10px; } .member-container .member-wrapper .user-info{ padding: 20px; } .member-container .member-wrapper .user-info .user-top, .member-container .member-wrapper .user-info .user-bottom{ border-radius: 4px; } .member-container .member-wrapper .user-info .user-top .name{ font-size: 18px; margin-left: 0; } .member-container .member-wrapper .user-info .user-top .user-right{ font-size: 14px; } .member-container .member-wrapper .user-info .user-top{ line-height: 25px; } .member-container .member-wrapper .user-info .user-bottom{ padding: 20px; } .member-container .member-wrapper .user-info .user-bottom .user-left,.member-container .member-wrapper .user-info .user-bottom .user-right{ width: 100%; } .member-container .member-wrapper .my-order{ box-shadow: none; padding: 20px 15px; margin-top: 0; } .member-container .member-wrapper .my-order .order-left{ float: none; text-align: justify; } .member-container .member-wrapper .my-order .order-left:after{ content: ""; display: inline-block; width: 100%; height: 0; } .member-container .member-wrapper .my-order .order-left .order-item{ width: 22%; margin-right: 0; } .member-container .member-wrapper .my-order .order-right{ float: none; } .member-container .member-wrapper .my-order .order-right .order-search{ width: 100%; } .member-container .member-wrapper .my-order .order-right .order-search input{ width: calc(100% - 50px); } .member-container .member-wrapper .my-order .order-list .item-top{ padding-left: 10px; margin-right: -20px; } .member-container .member-wrapper .my-order .order-list .item-top .t-item{ margin-right: 20px; } .member-container .member-wrapper .my-order .order-list li{ overflow: hidden; } .member-container .member-wrapper .my-order .order-list .item-main{ padding: 10px; } .member-container .member-wrapper .my-order .order-list .item-main .hotel{ width: 100%; text-align: left; } .member-container .member-wrapper .my-order .order-list .item-main .date{ width: 100%; margin-left:0; } .member-container .member-wrapper .my-order .order-list .item-main > div{ margin-top: 15px; } .member-container .member-wrapper .my-order .order-list .item-main .name{ margin-left: 0; } .member-container .member-wrapper .my-order .order-list .item-main .price,.member-container .member-wrapper .my-order .order-list .item-main .state{ margin-left: 20px; } .member-container .member-wrapper .my-order .order-list .item-main .state{ width: 80px; } .member-container .member-wrapper .order_details{ box-shadow: none; padding: 20px; margin-top: 0; } .member-container .member-wrapper .member-base .base-tab{ box-shadow: none; border-bottom: 1px solid #ccc; border-radius: 0; } .member-container .member-wrapper .order_details h2{ font-size: 16px; margin-bottom: 10px; } .member-container .member-wrapper .order_details .bh{ padding: 0; font-size: 14px; background: none; line-height: 30px; } .member-container .member-wrapper .order_details .bh .fr{ float: none; } .member-container .member-wrapper .order_details .l,.member-container .member-wrapper .order_details .r{ float: none; width: 100%; border-right: none;} .member-container .member-wrapper .order_d_cont h3{ font-size: 16px; padding: 0; font-weight: normal; margin-bottom: 10px;} .member-container .member-wrapper .order_d_cont .tit{ padding-bottom: 15px; } .member-container .member-wrapper .order_details .r{ padding: 0; } .member-container .member-wrapper .my-score .score-top{ box-shadow: none; padding: 0 20px; } .member-container .member-wrapper .my-score .score-top .score-left{ font-size: 16px; } .member-container .member-wrapper .my-score .score-top .score-right a{ margin-left: 15px; } .member-container .member-wrapper .my-score .score-bottom{ box-shadow: none; padding: 0 20px; } .member-container .member-wrapper .my-coupons .coupons-top{ box-shadow: none; padding: 0 20px; } .member-container .member-wrapper .my-coupons .coupons-top .coupons-left .select-main{ width: calc(50% - 20px); margin-right: 10px; } .member-container .member-wrapper .my-coupons .coupons-top .coupons-left{ float: none; } .member-container .member-wrapper .my-coupons .coupons-top .coupons-right{ float: none; margin-top: 10px; text-align: right; } .member-container .member-wrapper .my-coupons .coupons-list{ box-shadow: none; padding: 20px; margin-top: 0; } .member-container .member-wrapper .my-coupons .coupons-list ul li{ width: 100%; padding: 0; margin-bottom: 20px;} .member-container .member-wrapper .my-coupons .coupons-list ul{ margin: 0; } .member-container .member-wrapper .my-coupons .coupons-list ul li .title{ margin-top: 13%; font-size: 16px; } .member-container .member-wrapper .my-coupons .coupons-list ul li .name,.member-container .member-wrapper .my-coupons .coupons-list ul li .date{ font-size: 12px; margin-top: 3px; } .member-container .member-wrapper .my-coupons .coupons-list ul li .card-number{ margin-top: 5%; } .member-container .member-wrapper .my-coupons .coupons-list ul li .bg{ height: auto; padding-bottom: 10%;} .member-container .member-wrapper .my-coupons .coupons-list ul li .remark{ font-size: 14px; } .member-container .member-wrapper .score-give .top-btn a{ font-size: 14px; } .member-container .member-wrapper .score-give .top-btn a span{ font-size: 16px; margin-right: 2px; } .member-container .member-wrapper .score-give .give-main{ padding: 10px 20px; margin-top: 0; box-shadow: none; } .member-container .member-wrapper .score-give .give-main .give-top .title{font-size: 18px;} .member-container .member-wrapper .score-give .give-main .give-top .links{ margin-top: 0; } .member-container .member-wrapper .score-give .give-main .give-step .step-item{ width: 45px; } .member-container .member-wrapper .score-give .give-main .give-step .step-border{ width: 30px; overflow: hidden; vertical-align: 3px; } .member-container .member-wrapper .score-give .give-main .give-step .step-border span{ display: none; } .member-container .member-wrapper .score-give .give-main .give-step .step-border span:first-of-type{ display: inline-block; } .member-container .member-wrapper .score-give .give-main .give-step .step-border span:nth-of-type(2){ display: inline-block; margin: 0; } .member-container .member-wrapper .score-give .give-main .give-step .step-item .ltitle{ display: none; } .member-container .member-wrapper .score-give .give-main .give-step .step-item .title{ display: none; } .member-container .member-wrapper .score-give .give-main .give-step{ margin-top: 30px; } .member-container .member-wrapper .score-give .give-main .give-bottom{ margin-top: 30px; } .member-container .member-wrapper .score-give .give-main .give-bottom .give-find{ width: 100%; } .member-container .member-wrapper .score-give .give-main .give-bottom .give-find .find-top{ font-size: 14px; } .member-container .member-wrapper .score-give .give-main .give-bottom .give-find .find-btn{ font-size: 14px; line-height: 40px; height: 40px; margin-top: 20px; margin-bottom: 30px; } .member-container .member-wrapper .score-give .give-main .give-bottom .give-find .find-input input{ line-height: 40px; height: 40px; } .score-give-pop .pop-wrapper{ width: 90%; } .score-give-pop .pop-wrapper .pop-main{ padding: 20px; height: 400px; overflow-y: auto; } .score-give-pop .pop-wrapper .pop-close{ width: 20px; height: 20px; background-size: cover; top: 10px; right: 10px; } .score-give-pop .pop-wrapper .pop-main .title{ font-size: 18px; margin-bottom: 20px; } .member-container .member-wrapper .score-give .give-main .give-bottom .find-result{ padding: 0; } .member-container .member-wrapper .score-give .give-main .give-bottom .find-result .info-main{ padding: 20px; } .member-container .member-wrapper .score-give .give-main .give-bottom .find-result .info-main .tel{ float: left; margin-top: 5px; } .member-container .member-wrapper .score-give .give-main .give-bottom .find-result .result-btn{ width: 100%; } .member-container .member-wrapper .score-give .give-main .give-step .step-item.finish .number{ font-size: 20px; color: transparent; } .member-container .member-wrapper .score-give .give-main .give-bottom .give-info{ padding: 20px; } .member-container .member-wrapper .score-give .give-main .give-bottom .give-info .name,.member-container .member-wrapper .score-give .give-main .give-bottom .give-info .tel{ float: none; } .member-container .member-wrapper .score-give .give-main .give-bottom .give-numbers .give-num input{ width: 60%; border: 1px solid #ddd; } .member-container .member-wrapper .score-give .give-main .give-bottom .give-numbers .give-num{ float: none; margin-top: 10px; } .member-container .member-wrapper .score-give .give-main .give-bottom .give-numbers .totel{ float: none; } .member-container .member-wrapper .score-give .give-main .give-bottom .to-give-btn{ width: 100%; margin: 20px 0; height: 40px; line-height: 40px; } .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-message{ font-size: 14px; } .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-info span{ font-size: 16px; } .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-type{ padding: 20px; } .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-type .type-list{ margin: 0; } .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-type .type-list .type-item{ width: 100%; padding: 0; margin-top: 20px; line-height: 60px; height: 60px; } .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-type .type-list .type-item .text span{ font-size: 16px; } .member-container .member-wrapper .score-give .give-main .give-bottom .pay-main .pay-btns .pay-btn{ width: 100%; margin-bottom: 10px; } .member-container .member-wrapper .score-give .give-main .give-bottom .pay-finish p{ font-size: 14px; } .member-container .member-wrapper .score-give .give-main .give-bottom .pay-finish .pay-btns .pay-btn{ width: 100%; margin-bottom: 10px; } .member-container .about-wrapper{ width: 90%; } .member-container .about-wrapper .about-top .icon{ width: 100px; height: 28px; background-size: 100% auto; } .member-container .about-wrapper .about-top .title{ padding: 20px 0 30px; } .member-container .about-wrapper .about-top .text{ font-size: 18px; padding: 0 10px;} .member-container .about-wrapper .about-top .border{ margin-top: -13px; } .member-container .about-wrapper .about-top .info-main .info-left .btn-cont{ margin-top: 20px; width: 120px; } .member-container .about-wrapper .about-bottom{ margin-top: 40px; padding-bottom: 40px;} .member-container .about-wrapper .about-bottom ul{ margin: 0; } .member-container .about-wrapper .about-bottom ul li{ padding: 0; width: 100%; margin-bottom: 20px;} .member-container .member-type ul li{ width: 100%; } .member-container .member-type ul li:nth-of-type(2) .img-cont{ float: right; } .member-container .member-type ul li:nth-of-type(2) .text-cont{ float: left; } .member-container .member-type ul li:nth-of-type(2) .img-cont:after,.member-container .member-type ul li:nth-of-type(4) .img-cont:after{ border-right-color: transparent; border-left-color: #AC8B58; right: auto; left: 0; } .member-container .member-type ul li:nth-of-type(3) .img-cont:after{ right: 0; left: auto; border-right-color: #AC8B58; border-left-color:transparent; } .member-container .member-type ul li:nth-of-type(3) .img-cont{ float: left; } .member-container .member-type ul li:nth-of-type(3) .text-cont{ float: right; } .member-container .member-detail .detail-wrapper{ width: 90%; } .member-container .member-detail .detail-wrapper .title{ font-size: 18px; } .score-container .score-wrapper{ width: 90%; } .score-container .score-wrapper .score-title .text{ font-size: 18px; } .score-container .score-wrapper .score-info .btn-cont{ font-size: 14px; } .score-container.score-rule .rule-title{ font-size: 18px; } .score-container .score-wrapper .score-info .btn-cont{ margin-top: 20px; width: 160px; height: 35px; line-height: 35px; } .score-container .score-wrapper .score-title{ height: 80px; } .score-container .score-wrapper .score-title .icon{ margin-top: 32px; width: 100px; background-size: 100% auto; height: 30px; } .score-container .score-wrapper .score-info .img-cont{ width: 100%; } .score-container .score-wrapper .score-info .text-cont{ width:100%; padding: 20px 15px 0; line-height: 20px;} .scorePop-container .scorePop-wrapper{ width: 90%; margin-left: -45%; height: auto; margin-top: 0; transform: translateY(-50%); } .scorePop-container .scorePop-wrapper .score-main{ padding: 20px; } .scorePop-container .scorePop-wrapper .score-main .score-left p{ font-size: 12px; margin-bottom: 10px; } .scorePop-container .scorePop-wrapper .score-main .score-left{ width: 100%; line-height: 1.5;} .scorePop-container .scorePop-wrapper .score-main .score-right{ width: 100%; padding-top: 10px;} .scorePop-container .scorePop-wrapper .score-main .score-left .ltitle{ font-size: 14px; } .scorePop-container .scorePop-wrapper .score-main .title{ font-size: 16px; margin-bottom: 20px; } .scorePop-container .scorePop-wrapper .close{ width: 20px; height: 20px; background-size: cover; } .scorePop-container .scorePop-wrapper .score-main .score-right .name,.scorePop-container .scorePop-wrapper .score-main .score-right .input .select-text,.scorePop-container .scorePop-wrapper .score-main .score-right .input.e-date input{ font-size: 14px; } .scorePop-container .scorePop-wrapper .score-main .score-right .input-cont{ margin-bottom: 10px; line-height: 25px; } .scorePop-container .scorePop-wrapper .score-main .score-right .input .select-text{ height: 25px; } .scorePop-container .scorePop-wrapper .score-main .score-right .name{ width: 60px; } .scorePop-container .scorePop-wrapper .score-main .score-right .input{ width: calc(100% - 70px); } .scorePop-container .scorePop-wrapper .score-main .score-right .btn-cont{ height: 40px; line-height: 40px; font-size: 14px; margin-top: 20px;} .login-container{ position: absolute; display: block; } .login-container .login-main{width:90%;margin-left:-45%;padding:0 20px;height:auto;margin-top:0;transform:translateY(-50%);padding-bottom:20px;} .login-container .login-main .form-main{width:100%;} .login-container .login-main .form-main .title{font-size:18px;margin-bottom:15px;} .login-container .login-main .form-main .input-cont input{height:35px;line-height:35px;} .login-container .login-main .form-main .join-in{margin-top:30px;} .login-container .login-main .form-main .input-cont .send-btn{width:auto;padding:0;margin-left:8%;} .login-container .login-main .form-main .input-cont.icon1{ font-size: 0; } .login-container .login-main .form-main .input-cont .code-input{ width: 48% !important; } .login-container .login-main .form-main .input-cont:nth-of-type(2) { padding-left: 5px; font-size: 16px; } .login-container .login-main .form-main .input-cont .from-name{ margin-right: 5px; } .login-container .login-main .form-main .input-cont .i-radio{ width: 80px; } .events-container .events-detail .goback{ font-size: 16px; background-size: 16px auto; padding-left: 30px; margin-bottom: 15px;} .events-container .events-detail{ padding-top: 40px; } .events-container .events-detail .detail-top .img-cont{ float: none; width: 100%; } .events-container .events-detail .detail-top .text-cont{ padding: 0; float: none; width: 100%; margin-top: 20px; } .events-container .events-detail .detail-info{ margin-top: 30px; padding: 20px 0; } .events-container .events-detail .detail-info .title{ font-size: 18px; } .events-container .events-list .list-title{ font-size: 18px; margin-bottom: 20px; } .hotel-detail-container .hotel-comments .comments-list ul li .text-cont{ font-size: 14px; padding-left: 50px; } .hotel-detail-container .hotel-comments .comments-list{ padding: 20px; } .hotel-detail-container .hotel-comments .comments-list ul li{ padding-bottom: 20px; margin-bottom: 20px; } .hotel-detail-container .hotel-comments .comments-list ul li .text-cont .reply .r-img{ width: 40px; height: 40px; } .hotel-detail-container .hotel-comments .comments-list ul li .text-cont .reply .r-text{ padding-left: 50px; } .hotel-detail-container .hotel-comments .comments-list ul li .text-cont .reply{ padding: 10px; } .searchPop-container .searchPop-wrapper{ padding-top: 40px; width: 90%; } .searchPop-wrapper .city-container ul li{ width: 50%; padding-right: 20px; } .searchPop-wrapper .city-container ul li.border{ padding-left: 20px; } .searchPop-wrapper .city-container .city-name{ font-size: 18px; margin-bottom: 10px; } .searchPop-wrapper .daterangepicker{ width: 100%; margin-top: 0; } .searchPop-wrapper .daterangepicker.ltr .drp-calendar.left{ padding-right: 0; } .searchPop-wrapper .daterangepicker .drp-calendar{ max-width: 100%; width: 100%; padding: 0; } .searchPop-container{ overflow-y: auto; } .searchPop-wrapper .daterangepicker th.month{ font-size: 16px; } .searchPop-wrapper .daterangepicker .calendar-table th, .searchPop-wrapper .daterangepicker .calendar-table td{ height: 35px; line-height: 35px; } .searchPop-wrapper .daterangepicker.ltr .drp-calendar.right{ padding-left: 0; } .searchPop-wrapper .date-container{ padding-bottom: 40px; } .member-info-update .update-wrapper{ width: 90%; margin-left: -45%; height: 410px; margin-top: -205px; } .member-info-update .update-wrapper .update-main .title{ font-size: 18px; } .member-info-update .update-wrapper .update-main .form-main{ margin: 0; padding: 20px; width: 100%; box-sizing: border-box; } .member-info-update .update-wrapper .update-main .form-main .form-item .name{ font-size: 14px; width: 50px } .member-info-update .update-wrapper .update-main .form-main .form-item .input-cont{ width: calc(100% - 60px); } .book-container{ padding: 20px 10px; } .book-container .step-container{ width: 100%; } .book-container .step-container .step-item{ font-size: 14px; height: 40px; line-height: 40px; } .book-container .step-container .step-item.right-arrow:after,.book-container .step-container .step-item.left-arrow:before{ border-top-width: 20px; border-bottom-width: 20px; border-left-width: 10px;} .book-container .book-wrapper .book-left{ display: none; } .book-container .book-wrapper .book-right{ width: 100%; padding: 0 2px; } .book-container .book-wrapper{ width: 100%; padding-top: 20px; } .book-container .book-wrapper .book-right .title-cn{ font-size: 18px; margin-bottom: 10px;} .book-container .book-wrapper .book-right .book-texts{ font-size: 14px; text-align: left; padding-top: 5px; } .book-container .book-wrapper .book-right .book-texts .margin{ margin-left: 5px; } .book-container .book-wrapper .book-right .book-texts .big{ font-size: 16px; } .book-container .book-wrapper .book-right .book-texts .b-text{ margin-right: 10px; } .book-container .book-wrapper .book-right .book-texts:after{ display: none; } .book-container .book-wrapper .book-right .book-info{ box-shadow: 0 0 2px #ccc; padding: 10px 5px; border-bottom: none;} .book-container .book-wrapper .book-right .book-price{border-top:1px dashed #dad7d7;padding:10px 5px;font-size:14px;color:#666;} .book-container .book-wrapper .book-right .book-price .text-list{font-size:0;overflow:hidden;} .book-container .book-wrapper .book-right .book-price .text-list .item{display:inline-block;width:50%;text-align:left;font-size:14px;color:#666;margin-bottom:5px;} .book-container .book-wrapper .book-right .book-price .text-list .item.lang{width:100%;} .book-container .book-wrapper .book-right .book-price .clearfix{margin-top:10px;} .book-container .book-wrapper .book-right .book-price .price-left{float:left;} .book-container .book-wrapper .book-right .book-price .price-right{float:right;} .book-container .book-wrapper .book-right .book-price .clearfix span{color:#a9874d;} .book-container .book-wrapper .book-right .book-price .big{font-size:18px;} .book-container .book-wrapper .book-right .guest-info{ padding: 10px 5px; margin-top: 20px; box-shadow: 0 0 2px #ccc; border-bottom: none;} .book-container .book-wrapper .book-right .guest-info .guest-item{ margin-top: 0px; font-size: 16px; } .book-container .book-wrapper .book-right .guest-info .guest-item.name .item-left{ width: 50%; } .book-container .book-wrapper .book-right .guest-info .guest-item.name .item-left .input{ width: 50%; } .book-container .book-wrapper .book-right .guest-info .guest-item .item-right{ width: 100%; font-size: 14px; padding-left: 0; } .book-container .book-wrapper .book-right .guest-info .guest-item .item-left{ width: 100%; } .book-container .book-wrapper .book-right .need-info{ padding: 10px 5px; margin-top: 20px; box-shadow: 0 0 2px #ccc; font-size: 14px;border-bottom: none; } .book-container .book-wrapper .book-right .need-info p{ line-height: 25px; } .book-container .book-wrapper .book-right .need-info .title-cn{ margin-bottom: 10px; } .book-container .book-wrapper .book-right .guest-info .guest-item .item-left .name, .book-container .book-wrapper .book-right .guest-info .guest-item .item-left .input{ font-size: 14px; } .book-container .book-wrapper .book-right .guest-info .guest-item .item-left .input input{ font-size: 14px; } .book-container .book-wrapper .book-right .remark-info{ padding: 1px 5px 10px 5px; margin-top: 20px; box-shadow: 0 0 2px #ccc; font-size: 14px; } .book-container .book-wrapper .book-right .remark-info .title-cn{ margin-top: 10px; } .book-container .book-wrapper .book-right .price-info{ padding: 10px 0; overflow: hidden; font-size: 14px; border-bottom: none;} .book-container .book-wrapper .book-right .price-info .price-main{ width: 50%; float: left; text-align: left; } .book-container .book-wrapper .book-right .price-info .price-item span{ width: auto; } .book-container .book-wrapper .book-right .price-info .price-item span.p-right{ width: auto; margin-left: 10px; } .book-container .book-wrapper .book-right .price-info .rule-pop{ text-align: right; } .book-container .book-wrapper .rule-pop-main{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;display:none;} .book-container .book-wrapper .rule-pop-main .arrow{width:100%;height:100%;background:rgba(0,0,0,.6);} .book-container .book-wrapper .rule-pop-main .text-main{width:90%;transform:translate(-50%,-50%);background:#fff;position:absolute;top:50%;left:50%;font-size:14px;padding:10px 20px;box-sizing:border-box;} .book-container .book-wrapper .rule-pop-main .text-main .title{font-size:16px;margin-bottom:5px;margin-top:5px;} .book-container .book-wrapper .rule-pop-main .text-main .close{width:20px;height:20px;background:url(../image/close.png);position:absolute;top:10px;right:10px;cursor:pointer;background-size:cover;z-index:2;} .book-container .book-wrapper .book-right .price-info .price-item label span input{ width: 20px; height: 20px; } .book-container .book-wrapper .book-right .totel-info{ border-top: 2px solid #e5e5e5; position: fixed; left: 0; right: 0; bottom: 0; overflow: hidden; background: #fff; padding: 0; } .book-container .book-wrapper .book-right .totel-info .totel-btn{ margin-top: 0; } .book-container .book-wrapper .book-right .totel-info .price-main{ margin-top: 0; } .book-container .book-wrapper .book-right .totel-info .price-main:last-of-type{ text-align: right; } .book-container .book-wrapper .book-right .totel-info .price-item{ padding-left: 20px; box-sizing: border-box; line-height: 50px; } .book-container .book-wrapper .book-right .price-info .price-item span.big{ font-size: 18px; } .member-container .member-type ul li .text-cont .border{ display: none; } .member-container .member-type ul li .text-cont .title_cn{ font-size: 18px; } .member-container .member-type ul li .text-cont .title_en{ font-size: 16px; } .member-container .member-type ul li .text-cont p{ display: none; } .news-detail-container{ padding: 20px; } .news-detail-container .news-detail-wrapper{ width: 100%; } .news-detail-container .news-detail-wrapper .news-title{ font-size: 20px; margin-top: 10px; margin-bottom: 10px; } .news-detail-container .news-detail-wrapper .news-text{ font-size: 14px; padding: 0; line-height: 25px; margin-top: 30px; } .news-detail-container .news-detail-wrapper .news-text p{ margin-bottom: 10px; } .hotel-join-pop .pop-main{ width: 90%; } .hotel-join-pop .pop-main .pop-close{ width: 20px; height: 20px; top: 10px; right: 10px; } .hotel-join-pop .pop-main .pop-cont .jm-btn{ margin: 0; width: 48%; } .room-container .room-list ul li .room-item .room-info{ height: auto; } .new-card-type{display: none;} .new-member-score{ margin-top: 30px; } .new-member-score .score-main ul li .left, .new-member-score .score-main ul li .right{ float: none; width: 100%; } .new-member-score .score-main{ padding: 0 20px; } .new-member-score .score-main ul li .right{ padding-top: 30px; padding-left: 0; } .new-member-score .score-main ul li .right .title{ font-size: 20px; } .new-member-score .score-main ul li .right .p{ margin-top: 20px; height: auto; font-size: 16px; } .new-member-score .score-main ul li .right .btn{width: 100px; height: 35px; line-height: 35px; font-size: 14px; margin-top: 30px; } .new-member-score .score-main ul li.resever .left{ float: none; } .new-member-score .card-intro{ margin-top: 60px; padding: 0 20px; } .new-member-score .card-intro ul{ margin: 0; } .new-member-score .card-intro ul li{ width: 100%; float: none; padding: 0; margin-bottom: 20px; } .new-member-score .card-intro ul li .title{ font-size: 18px; margin-top: 10px; } .new-member-score .card-intro ul li .socre{ margin-top: 10px; } .new-member-score .card-intro ul li .big{ font-size: 16px; } .new-member-score .card-intro ul li .small{ font-size: 16px; } .new-member-score .card-intro ul li i{ font-size: 24px; } .new-base-detail ul{ width: 100%; box-sizing: border-box; padding: 0 20px; } .new-base-detail ul li .img-cont, .new-base-detail ul li .text-cont{ width: 100%; float: none; } .new-base-detail ul li .text-cont{ padding: 0; padding-top: 20px; } .new-base-detail ul li .text-cont .title{ font-size: 20px; } .new-base-detail ul li .text-cont .ltitle{ font-size: 16px; margin-top: 10px; } .new-base-detail ul li .text-cont p{ font-size: 14px; margin-top: 10px; line-height: 2; } .new-base-detail ul li.resever .img-cont{ float: none; } .new-base-detail ul li a{width:100px;height:35px;line-height:35px;margin-right:20px;} .new-login-container{ display: none; } .room-container .room-list ul{ width: 90%; margin: 0 auto; } .room-container .room-list ul li .room-item .item-left{ display: none; } .room-container .room-list ul li .room-item .item-right{ float: none; width: 100%; padding-left: 0; } .room-container .room-list ul li .room-item .item-right .r-right{ width: 40%; padding-top: 0; } .room-container .room-list ul li .room-item .item-right .r-left{ width: 60%; padding-top: 0; } .room-container .room-list ul li .room-item .item-right .r-left .title{ font-size: 20px; } .room-container .room-list ul li .room-item .item-right .r-left .text{ font-size: 14px; height: auto; } .room-container .room-list ul li .room-item .item-right .r-right .price span{ font-size: 20px; } .room-container .room-list ul li .room-item .item-right .r-right .p-btn:after{ display: none; } .room-container .room-list ul li .room-item .item-right .r-right .p-btn{ padding-right: 0; width: 100px; height: 35px; line-height: 35px; display: inline-block;} .room-container .room-list ul li .room-item .item-right .r-left .a-btn{ margin-top: 10px; } .new-base-detail ul li .img-cont{ height: auto; } .room-container .room-list .info-list .info-item span.span3{ width: 100%; clear: both; padding-top: 10px; } .room-container .room-list .info-list span.book-btn{ width: 100%; border: none; overflow: hidden;} .room-container .room-list .info-list .book-btn .b-top{ width: 50%; float: right; } .room-container .room-list .info-list .book-btn .b-bottom{ text-align: left; } .new-more-pop .pop-main{ width: 90%; } .new-more-pop .pop-main .pop-close{ right: 20px; } .new-more-pop .pop-main .main-cont .title{ font-size: 16px; } .new-more-pop .pop-main .main-cont p{ font-size: 14px; } } @media (min-width: 768px) and (max-width: 991px){ .visible-m{ display: block; } .hidden-m{ display: none; } .wrapper{ padding: 0; } .header{ border: none; } .base-wrapper{ width: 700px; } .header-main{ width: 100%; } .header-mobi{ background: #373737; } .header-mobi .nav-btn,.header-mobi .user-btn,.header-mobi .logo{float:left;} .header-mobi .logo{width:35%;margin-left:10px;line-height:45px; max-width: 200px;} .header-mobi .logo img{width:100%;display:inline-block;vertical-align:middle;} .header-mobi .nav-btn,.header-mobi .user-btn{width:50px;height:50px;background-repeat:no-repeat;background-position:center center;background-size:50% auto;border-right:1px solid #4d4d4d;} .header-mobi .nav-btn{background-image:url(../image/header-icon11.png);} .header-mobi .user-btn{background-image:url(../image/header-icon21.png);} .header-mobi .book-btn{float:right;font-size:12px;color:#ccc;height:28px;line-height:26px;margin-top:11px;margin-right:10px;text-align:center;width:70px;border:1px solid;} .header-nav-mobi{position:fixed;top:50px;left:0;right:0;bottom:0;z-index:2;background:#373737;display:none;} .header-nav-mobi .nav-wrapper{padding:10px;} .header-nav-mobi .nav-wrapper ul li a{display:block;height:50px;line-height:50px;border-bottom:1px solid #444343;font-size:14px;color:#ccc;position:relative;overflow:hidden;} .header-nav-mobi .nav-wrapper ul li a:after{content:"";display:block;width:12px;height:12px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;transform:rotate(-45deg);position:absolute;right:0;top:0;margin-top:18px;margin-right:10px;} .header-nav-mobi .nav-wrapper .links{margin-top:40px;text-align:center;color:#ccc;font-size:14px;} .header-nav-mobi .nav-wrapper .links a{color:#ccc;} .header-nav-mobi .nav-wrapper .links span{margin:0 5px;} .footer-pc{padding:15px 20px;font-size:12px;} .footer-pc .footer-top{padding-bottom:10px;} .footer-pc .footer-top .footer-item{width:100%;} .footer-pc .footer-top .link-list{ margin: 0 15%;} .footer-pc .footer-top .info{padding-left:0;border-top:1px solid;padding-top:10px;} .footer-pc .footer-top .info > div{padding-left:20px;background-size:15px auto;line-height:22px;margin-bottom:0;float:left;} .footer-pc .footer-top .info > div.addr{background-position:3px 3px;background-size:12px auto;margin-top:10px;} .footer-pc .footer-top .info > div.email{margin-left:50px;} .footer-pc .footer-bottom{padding-top:15px;text-align:center;position:static;margin-top:-10px;} .law-container .law-wrapper{ width: 700px; } .law-container .law-title{ width: 140px; height: 200px; font-size: 26px; padding: 30px 45px; } .law-container .law-title:before{ left: 30px; bottom: 30px; height: 90px; width: 1px;} .law-container .law-title:after{ right: 30px; top: 30px; height: 90px;width: 1px;} .law-container .law-text{ padding: 40px 60px; } .law-container .law-text .text-title{ font-size: 16px; line-height: 28px; } .law-container .law-text p{ font-size: 14px; line-height: 28px;} .hotel-info-container{ display: none; } .hotel-detail-container .links-container .links-item a{ font-size: 16px; } .events-container{padding:60px 0 0;font-size:14px;} .events-container input{font-size:14px;} .events-container .events-wrapper{width:90%;} .events-container .events-top .top-left{width:100%;margin-right:0; margin-bottom: 20px; border-radius: 0;} .events-container .events-top .top-right{width:100%;border-radius: 0;} .events-container .events-top{line-height:40px;} .events-container .events-top .top-right .search-btn{ height: 40px; } .events-container .events-top .top-left .select-text,.events-container .events-top .top-left.e-date input,.events-container .events-top .top-left .select-main .select-option{height:40px;} .events-container .events-list ul li .text-cont .title{font-size:16px;} .events-container .events-list ul li .text-cont p{font-size:14px;line-height:25px;} .events-container .events-list ul li .text-cont .date{font-size:12px;} .events-container .events-list ul li .text-cont{height:90px;} .news-container{ padding-top: 80px; } .news-container .news-title{ font-size: 18px; } .news-container .news-list ul li .img-cont{ width: 140px; } .news-container .news-list ul li .text-cont{ padding-left: 160px; padding-top: 0px; } .news-container .news-list ul li .text-cont .title{ font-size: 14px; } .news-container .news-list ul li .text-cont .date{ font-size: 12px; } .news-container .news-list ul li .text-cont p{ font-size: 12px; line-height: 18px; } .contant-container{ padding-top: 100px; } .contant-container .hotel-list ul li .text{ font-size: 24px; } .contant-container .hotel-list ul li .text-cont .addr,.contant-container .message-cont .m-title{ font-size: 18px; } .contant-container .message-cont .m-remark,.contant-container .message-cont .m-from .name{ font-size: 14px; } .member-container .member-join .join-item{ width: 100%; float: none; } .member-container .about-wrapper{ width: 700px; } .member-container .about-wrapper .about-top .info-main .info-left,.member-container .about-wrapper .about-top .info-main .info-right{ width: 100%;float: none; } .member-container .about-wrapper .about-top .info-main .info-left{ padding: 40px 30px; } .member-container .about-wrapper .about-top .info-main .info-left p{ font-size: 16px; } .member-container .about-wrapper .about-top .info-main .info-left .btn-cont a{ font-size: 16px; } .member-container .member-type ul li{ width: 100%; } .member-container .member-detail .detail-wrapper{ width: 700px; } .member-container .member-detail .detail-wrapper .title{ font-size: 18px; } .score-container .score-wrapper{ width: 700px; } .score-container .score-wrapper .score-title .text{ font-size: 18px; } .score-container .score-wrapper .score-info .btn-cont{ font-size: 14px; } .score-container.score-rule .rule-title{ font-size: 18px; } .score-container .score-wrapper .score-info .btn-cont{ margin-top: 20px; width: 160px; height: 35px; line-height: 35px; } .score-container .score-wrapper .score-title{ height: 80px; } .score-container .score-wrapper .score-title .icon{ margin-top: 32px; width: 100px; background-size: 100% auto; height: 30px; } .score-container .score-wrapper .score-info .img-cont{ width: 55%; } .score-container .score-wrapper .score-info .text-cont{ width: 45%; padding: 20px 15px 0; line-height: 20px;} .scorePop-container .scorePop-wrapper{ width: 700px; margin-left: -350px; height: 360px; margin-top: -180px;} .scorePop-container .scorePop-wrapper .score-main{ padding: 20px 30px; } .scorePop-container .scorePop-wrapper .close{ width: 20px; height: 20px; top: 20px; right: 20px; background-size: cover; } .scorePop-container .scorePop-wrapper .score-main .title{ font-size: 18px; margin-bottom: 20px; } .scorePop-container .scorePop-wrapper .score-main .score-left,.scorePop-container .scorePop-wrapper .score-main .score-right{ width: 50%; } .scorePop-container .scorePop-wrapper .score-main .score-left p{ font-size: 12px; padding-right: 30px; margin-bottom: 10px;} .scorePop-container .scorePop-wrapper .score-main .score-left .ltitle{ font-size: 14px; } .scorePop-container .scorePop-wrapper .score-main .score-left{ line-height: 20px; } .scorePop-container .scorePop-wrapper .score-main .score-right{ padding-top: 10px; } .scorePop-container .scorePop-wrapper .score-main .score-right .name,.scorePop-container .scorePop-wrapper .score-main .score-right .input .select-text,.scorePop-container .scorePop-wrapper .score-main .score-right .input.e-date input{ font-size: 16px; } .scorePop-container .scorePop-wrapper .score-main .score-right .input-cont{ margin-bottom: 20px; line-height: 25px; } .scorePop-container .scorePop-wrapper .score-main .score-right .input .select-text{ height: 25px; } .scorePop-container .scorePop-wrapper .score-main .score-right .name{ width: 80px; } .scorePop-container .scorePop-wrapper .score-main .score-right .input{ width: 230px; } .scorePop-container .scorePop-wrapper .score-main .score-right .btn-cont{ height: 45px; line-height: 45px; font-size: 16px; margin-top: 30px;} .member-container .member-banner{ margin-top: 50px; } .member-container .member-wrapper{ width: 700px; } .member-container .member-wrapper .member-base .info-left{ width: 340px; margin-top: 20px;} .member-container .member-wrapper .member-base .info-right{ width: 360px; } .member-container .member-wrapper .member-base .info-left .img-cont{ width: 110px; height: 80px; margin-left: 30px; margin-top: 10px; } .member-container .member-wrapper .member-base .info-left .text-cont{ width: 180px; margin-left: 20px; margin-top: 16px;} .member-container .member-wrapper .member-base .info-left .text-cont .name{ font-size: 16px; } .member-container .member-wrapper .member-base .info-left .text-cont .number{ font-size: 14px; } .member-container .member-wrapper .member-base .info-right .card-type span{ font-size: 12px; } .member-container .member-wrapper .member-base .info-right .card-type .card-name:after{ margin-top: 20px; margin-left: -17px; } .member-container .member-wrapper .member-base .info-right .card-type .card-name{ margin-top: -48px;margin-left: -20px; } .member-container .member-wrapper .member-base .base-tab .tab-item .item-text{ font-size: 14px; } .member-container .member-wrapper .member-base .base-tab .tab-item{ line-height: 50px; } .member-container .member-wrapper .user-info .user-top .name{ font-size: 18px; } .member-container .member-wrapper .user-info .user-top .user-right{ font-size: 14px; } .member-container .member-wrapper .member-base .info-right .card-type .border{ width: 60px; height: 3px; } .member-container .member-wrapper .member-base .info-right .card-remark{ font-size: 12px; background-size: 15px auto; padding-left: 20px; margin-top: 10px;} .member-container .member-wrapper .member-base .info-right .card-type{ margin-top: 60px; } .member-container .member-wrapper .member-base .base-info{ height: 130px; } .events-container .events-detail{ padding-top: 50px; } .events-container .events-detail .goback{ font-size: 16px; background-size: 16px auto; padding-left: 30px; margin-bottom: 15px;} .hotel-detail-container .hotel-comments .comments-list ul li .text-cont{ font-size: 14px; padding-left: 60px; } .hotel-detail-container .hotel-comments .comments-list{ padding: 30px 40px; } .hotel-detail-container .hotel-comments .comments-list ul li{ padding-bottom: 20px; margin-bottom: 20px; } .search-container{ padding: 0; position: relative;} .search-container .search-wrapper{ width: 100%; padding: 10px 20px 15px 20px; } .search-container .search-wrapper .input-list{ margin-right: 0;} .search-container .search-wrapper .input-list .input-item{ width: 100%;} .search-container .search-wrapper .input-list .input-item input{ font-size: 14px;} .search-container .search-wrapper .btn-cont{ position: relative; margin: 20px auto 0 auto; font-size: 14px;} .room-container .search-container{ margin: 20px auto;} .room-container .search-container .search-wrapper{ width: 100%;} .room-container .search-container .active .number-list{ margin-right: 0;} .room-container .search-container .number-list .room-num{ width: 100%;} .room-container .search-container .number-list .people-num{ width: 100%;} .room-container .search-container .number-list .people-big, .room-container .search-container .number-list .people-small{ width: 100%;} .room-container .search-container .number-list .people-big{ border-bottom: 1px solid #666;} .room-container .search-container .number-list .num-item{ margin-right: 10px; font-size: 14px;} .room-container .search-container .active .btn-cont{ top: 0;} .room-container .search-container .more-cont .more{ font-size: 14px;} .member-container .member-wrapper .user-info .user-bottom{ padding: 20px 10%; } .member-container .member-wrapper .my-coupons .coupons-list ul li{ padding: 0 20px; margin-bottom: 30px; } .member-container .member-wrapper .my-coupons .coupons-list ul li .title{ margin-top: 40px; font-size: 18px; } .member-container .member-wrapper .my-coupons .coupons-list ul li .name,.member-container .member-wrapper .my-coupons .coupons-list ul li .date{ font-size: 12px; margin-top: 3px; } .member-container .member-wrapper .my-coupons .coupons-list ul li .card-number{ margin-top: 18px; } .member-container .member-wrapper .my-coupons .coupons-list ul li .bg{ height: 160px; } .member-container .member-wrapper .my-coupons .coupons-list ul li .remark{ font-size: 14px; } .base-title .title-cn{ font-size: 24px; } .base-title .title-en{ font-size: 18px; margin-top: -15px; } .new-card-type .card-wrapper{ width: 600px; } .new-card-type .type-main .text-cont .title{ font-size: 20px; } .new-card-type .type-main .text-cont .ltitle{ font-size: 16px; } .new-card-type .type-main .text-cont .p{ font-size: 14px; height: 90px;} .new-card-type .type-main .text-cont .remark{ font-size: 12px; } .new-card-type .type-list ul li .text-cont{ font-size: 14px; } .new-member-score .score-main ul li .right{ padding-top: 6%; } .new-member-score .score-main ul li .right .title{ font-size: 18px; } .new-member-score .score-main ul li .right .p{ margin-top: 10px; font-size: 14px; height: 80px; padding-right: 20px; } .new-member-score .score-main ul li .right .btn{ width: 100px; height: 35px; line-height: 35px; font-size: 14px; } .new-member-score .card-intro ul li .title{ font-size: 14px; } .new-member-score .card-intro ul li .big{ font-size: 12px; } .new-member-score .card-intro ul li .big span{ margin: 0 10px; } .new-member-score .card-intro ul li i{ font-size: 16px; } .new-member-score .card-intro ul li .small{ font-size: 12px; } .new-member-score .card-intro ul li .small span{ margin: 0; } .new-member-score .card-intro ul{ margin: 0 -10px; } .new-member-score .card-intro ul li{ padding: 0 10px; } .new-base-detail ul{ width: 100%; } .new-base-detail ul li .text-cont{ padding-top: 1%; padding-left: 3%; } .new-base-detail ul li .text-cont .title{ font-size: 18px; } .new-base-detail ul li .text-cont .ltitle{ font-size: 14px; margin-top: 10px; } .new-base-detail ul li .text-cont p{ font-size: 12px; margin-top: 5px; line-height: 2;-webkit-line-clamp: 3; } .new-base-detail ul li .img-cont{ height: 233px; } .new-base-detail ul li a{width:100px;height:35px;line-height:35px;margin-right:20px;} .login-container{ display: block; } .new-login-container{ display: none; } .room-container .room-list ul{ width: 100%; } .room-container .room-list ul li .room-item .item-right .r-left .title{ font-size: 16px; } .room-container .room-list ul li .room-item .item-right .r-left .text{ font-size: 14px; margin-top: 10px; height: 50px; } .room-container .room-list ul li .room-item .item-right .r-left .text .t-item{ margin-right: 20px; } .room-container .room-list ul li .room-item .item-right .r-right .price span{ font-size: 22px; } .room-container .room-list ul li .room-item .item-right .r-right .p-btn{ margin-top: 30px; width: 120px; height: 35px; line-height: 35px; } .room-container .room-list ul li .room-item .item-right .r-right .p-btn:after{ margin-top: 9px; margin-left: 15px; } .room-container .room-list ul li .room-item .item-right .r-left{ width: 300px; } } @media (min-width: 992px) and (max-width: 1279px){ .container{ font-size: 14px; } .header-main{ width: 90%; } .header-main .header-pc{ height: 65px; line-height: 65px; } .header-main .nav-main{ width: 49%; font-size: 14px; padding-right: 20px;} .header-main .nav-main span{ padding: 0 10px; margin: 0 10px; } .header-main .header-right > div{ margin-left: 1%; } .header-main .header-right .login-cont,.header-main .header-right .language-cont{ background-size: 16px 16px; padding-left: 22px; font-size: 12px;} .header-main .header-right .language-cont{ padding-right: 15px; } .header-main .header-right .book-btn{font-size: 12px; width: 80px; height: 32px; line-height: 32px; } .header-main .header-right .language-cont:after{ width: 4px; height: 4px; } .header-main .header-right{ width: 35%; } .footer-pc .footer-top .info{ padding-left: 20px; } .footer-pc .footer-top .code-item{ width: 100px; margin-left: 15px; } .footer-pc .footer-top .code-item .img-cont{ width: 100px; } .footer-pc .footer-top .code-item .text-cont{ width: 30px; line-height: 18px;padding: 6px 0px 0 8px;} .footer-pc .footer-top .tel,.footer-pc .footer-top .email{ background-size: 15px auto; margin-bottom: 0px; } .footer-pc .footer-top .addr{ background-size: 12px auto; } .footer-pc .footer-top{ padding-bottom: 10px; } .footer-pc .footer-bottom{ } .footer-pc{ padding-bottom: 20px; } .footer-pc .footer-top .link-item{ margin-bottom: 10px; } .footer-pc .footer-top .addr{ line-height: 22px; margin-top: 6px; padding-right: 40px; } .footer-pc .footer-top .info > div{ padding-left: 25px; } .swiper-banner .swiper-btn{ width: 17px; height: 23px; background-size: 200% auto; margin-top: -12px;} .swiper-banner .swiper-btn.next{ background-position: -18px center; } .search-container .search-wrapper .input-list .input-item input{ font-size: 14px; height: 30px; line-height: 30px; } .search-container .search-wrapper .btn-cont{ width: 120px; height: 30px; line-height: 30px; font-size: 14px; } .search-container .search-wrapper .input-list{ margin-right: 180px; } .search-container{ padding: 15px 0; } .base-title .title-icon{ width: 80px; height: 24px; background-size: 100% auto;} .base-title .title-cn{ font-size: 24px; margin-top: 8px;} .base-title .title-en{ font-size: 16px; margin-top: -16px} .base-title .title-border:before,.base-title .title-border:after{ width: 32%; } .base-title .title-border{ margin-top: 24px; } .home-container .hotel-info{ padding-top: 30px; } .base-section .hotel-info .info-main{ margin-top: 30px; } .base-section .hotel-info .info-main .info-text .title-cn{ font-size: 18px; margin-top: -32px;} .base-section .hotel-info .info-main .info-text .title-en{ font-size: 14px; } .base-section .hotel-info .info-main .info-text .border{ margin-top: 15px; } .base-section .hotel-info .info-main .info-text p{ margin-top: 15px; line-height: 1.6;} .base-section .hotel-info .info-main .info-text .btn-cont{ width: 120px; height: 35px; line-height: 35px; font-size: 14px; margin-top: 8%; } .home-container .home-hotel-swiper .text-cont{ padding-top: 3%; } .home-container .home-hotel-swiper .text-cont .info-text{ margin-top: 15px; } .home-container .home-hotel-swiper .text-cont .info-text .icon{ width: 20px; height: 15px; background-size: 100% auto; } .home-container .home-hotel-swiper .text-cont .info-text .icon.icon1{ margin-left: -40px; } .home-container .home-hotel-swiper .text-cont .info-text .icon.icon2{ margin-left: 20px; } .home-container .home-hotel-swiper .text-cont .logo-cont{ margin-top: 30px; } .home-container .home-hotel-swiper .text-cont .detail-btn{ width: 120px; height: 40px; line-height: 40px; font-size: 14x; margin-top: 4%; } .home-container .swiper-btn, .base-swiper .swiper-btn{ width: 40px; height: 40px; } .home-container .swiper-btn.prev:after, .base-swiper .swiper-btn.prev:after{ width: 16px; height: 16px; margin-top: 12px; margin-left: 16px;} .home-container .swiper-btn.next:after, .base-swiper .swiper-btn.next:after{ width: 16px; height: 16px; margin-top: 12px; margin-left: 8px; } .home-container .brand-info{ padding-top: 30px; } .home-container .brand-info .swiper-container{ margin-top: 30px; } .home-container .brand-info .info-text .title-cn{ font-size: 18px; margin-top: -32px; } .home-container .brand-info .info-text .title-en{ font-size: 16px; } .home-container .brand-info .info-text{ padding: 3% 4%; } .home-container .brand-info .info-text .border{ margin-top: 20px; } .home-container .brand-info .info-text p{ line-height: 1.8; margin-top: 22px} .home-container .brand-info .info-text .btn-cont{ width: 120px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 30px; } .home-container .brand-info .info-type .type-item .text-cont .title-cn{ font-size: 14px; } .home-container .brand-info .info-type .type-item .text-cont .title-en{ font-size: 12px; } .home-container .brand-info .info-type{ width: 80%; } .home-container .hotel-offer .offer-list .offer-item .text-cont .text-main .t-title{ font-size: 16px; } .home-container .hotel-offer .offer-list .offer-item .text-cont .text-main{ padding:30px 0; } .home-container .hotel-offer .offer-list .offer-item .text-cont .text-main .t-btn{ width: 120px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 20px;} .hotel-info-container .info-wrapper .h-name .name-cn{ font-size: 18px; } .hotel-info-container .info-wrapper .h-name .name-en{ font-size: 16px; margin-top: -12px; } .hotel-info-container .info-wrapper .h-star i{ width: 15px; height: 15px; background-size: cover; } .hotel-info-container .info-wrapper .h-remark,.hotel-info-container .info-wrapper .h-addr, .hotel-info-container .info-wrapper .h-tel{ font-size: 14px; } .hotel-info-container .info-wrapper .h-addr, .hotel-info-container .info-wrapper .h-tel{ background-size: 12px auto; padding-left: 20px; } .hotel-info-container .info-wrapper .h-name{ margin-right: 20px;line-height: 30px; } .hotel-info-container .info-wrapper .h-star, .hotel-info-container .info-wrapper .h-remark{ line-height: 30px; } .hotel-info-container .info-wrapper .h-remark{ margin-left: 10px; } .hotel-detail-container .links-container .links-item a{ font-size: 16px; height: 40px; padding-left: 10px; } .hotel-detail-container,.hotel-detail-container .hotel-about-container{ padding-top: 40px; } .hotel-detail-container .hotel-about-container .about-text p{ margin-top: 30px; } .hotel-detail-container p .icon{ background-size: 60% auto; } .hotel-detail-container p .icon.icon1{ margin-left: -25px; } .hotel-detail-container p .icon.icon2{ margin-left: 5px; } .hotel-detail-container .hotel-about-container .about-text p{ line-height: 1.8; } .hotel-detail-container .hotel-about-container .about-swiper .text-cont{ padding-top: 6%; } .hotel-detail-container .hotel-about-container .swiper-pagination-bullet{ width: 60px; } .hotel-detail-container .hotel-about-container .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 10%; } .base-wrapper{ width: 900px; } .hotel-detail-container .food-container{ padding-top: 40px; } .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .title-cn{ font-size: 16px; } .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .title-en{ font-size: 12px; } .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .border{ margin: 15px 0 10px; } .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .text{ background-size: 14px auto; padding-left: 20px; line-height: 1.5; background-position: 0 4px;} .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .text-btn{ width: 120px; height: 35px; line-height: 35px; margin-top: 5px; } .hotel-detail-container .device-container{ padding-top: 40px; } .hotel-detail-container .device-container .device-info{ margin-top: 30px; } .hotel-detail-container .device-container .device-info .info-left .title-cn{ font-size: 18px; } .hotel-detail-container .device-container .device-info .info-left .title-en{ font-size: 14px; } .hotel-detail-container .device-container .device-info .info-left .border{ margin-top: 10px; } .hotel-detail-container .device-container .device-info .info-left p{ margin-top:8px; line-height: 1.5; font-size: 13px; } .hotel-detail-container .device-container .device-list{ margin-top: 50px; } .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .title-cn{ font-size: 18px; } .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .title-en{ font-size: 12px; margin-top: 0px; } .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .border{ margin: 10px 0; } .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .text{ background-size: 13px auto; padding-left: 22px; font-size: 13px; line-height: 1.8; background-position: 0 6px;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .text-btn{ width: 120px; height: 35px; line-height: 35px; margin-top: 5px; } .brand-container .brand-infomation .info-main .text-cont .info-text{ line-height: 1.8; margin-top: 20px;} .brand-container .brand-infomation .info-main .text-cont .info-text .icon{ background-size: 60%; } .brand-container .brand-infomation .info-main .text-cont .info-text .icon.icon1{ margin-right: 0px; } .brand-container .brand-infomation .info-main .text-cont .info-text .icon.icon2{ margin-left: 10px; } .brand-container .brand-infomation .info-main .text-cont .info-img{ margin-top: 20px; } .brand-container .brand-infomation .info-main .text-cont .title-item .title-cn{ font-size: 16px; } .brand-container .brand-infomation .info-main .text-cont .title-item:nth-of-type(1){ left: 4%; } .brand-container .brand-infomation .info-main .text-cont .title-item:nth-of-type(2){ right: 4%; } .brand-container .brand-infomation .swiper-btn{ bottom: 30%; } .brand-container .brand-join{ padding: 50px 0; } .brand-container .brand-join .join-btn-cont .join-btn{ font-size: 14px; width: 130px; height: 45px; line-height: 45px; } .book-home-container .home-hotel-swiper{ padding-top: 50px; } .book-home-container .book-home-cont{ margin-top: 30px; } .home-container .home-hotel-swiper .text-cont .info-text{ line-height: 1.8; } .book-home-container .book-home-more .more-btn{ width: 120px; height: 35px; line-height: 35px; font-size: 14px; margin-bottom: 50px; } .law-container .law-wrapper{ width: 900px; } .law-container .law-title{ width: 140px; min-height: 200px; font-size: 26px; padding: 30px 45px; } .law-container .law-title:before{ left: 30px; bottom: 30px; height: 90px; width: 1px;} .law-container .law-title:after{ right: 30px; top: 30px; height: 90px;width: 1px;} .law-container .law-text{ padding: 40px 60px; } .law-container .law-text .text-title{ font-size: 16px; line-height: 28px; } .law-container .law-text p{ font-size: 14px; line-height: 28px;} .room-container .room-item .info-main .title-cn{ font-size: 16px; } .room-container .room-item .info-main .title-en{ font-size: 14px; margin-top: -12px; } .room-container .room-item .info-main .border{ width: 50px; margin: 20px 0; } .room-container .room-item .info-main{ font-size: 12px; padding: 20px; top: 20px; bottom: 20px;} .room-container .room-item .info-main p i{ width: 20px; height: 20px; background-size: 80% auto; background-position: center center;} .room-container .room-list .info-list .info-item span{ font-size: 14px; } .room-container .room-list .info-list .info-item .big{ font-size: 16px; } .room-container .room-list .info-list .info-item .price{ font-size: 22px; } .hotel-detail-container .meeting-container .meeting-wrapper{ padding-top: 40px; } .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide .text-cont .t-title{font-size:18px;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide.swiper-slide-active .text-cont p{font-size:14px;} .hotel-detail-container .meeting-container .meeting-info .info-left .title-cn{ font-size: 18px; } .hotel-detail-container .meeting-container .meeting-info .info-left .title-en{ font-size: 16px; margin-top: 13px;} .hotel-detail-container .meeting-container .meeting-info .btn-cont{ width: 120px; height: 35px; line-height: 35px; font-size: 14px; } .meeting-create-pop .pop-wrapper{ width: 900px;} .meeting-create-pop .pop-wrapper .pop-main{ padding: 35px 0; } .meeting-create-pop .pop-wrapper .pop-main .intro-title .title-cn{ font-size: 20px; } .meeting-create-pop .pop-wrapper .pop-main .intro-title .title-en{ font-size: 16px; } .meeting-create-pop .pop-wrapper .pop-main .intro-title{ padding-top: 20px; } .meeting-create-pop .pop-wrapper .pop-main .form-list{ margin-top: 30px; width: 90%; } .meeting-create-pop .pop-wrapper .pop-main .form-item{ font-size: 14px; line-height: 35px; } .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .select .i-text,.meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .input input[type='text']{ height: 35px; padding-left: 10px; font-size: 14px;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .select:after{ border-width: 7px; right: 10px;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .name{ width: 40%; } .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .input{ width: 60%; } .events-container{padding:60px 0 0;font-size:14px;} .events-container input{font-size:14px;} .events-container .events-wrapper{width:900px;} .events-container .events-top .top-left{width:165px;margin-right:10px;} .events-container .events-top .top-right{width:200px;} .events-container .events-top{line-height:40px;} .events-container .events-top .top-right .search-btn{ height: 40px; } .events-container .events-top .top-left .select-text,.events-container .events-top .top-left.e-date input,.events-container .events-top .top-left .select-main .select-option{height:40px;} .events-container .events-list ul li .text-cont .title{font-size:16px;} .events-container .events-list ul li .text-cont p{font-size:14px;line-height:25px;} .events-container .events-list ul li .text-cont .date{font-size:12px;} .events-container .events-list ul li .text-cont{height:90px;} .news-container{ padding-top: 80px; } .news-container .news-title{ font-size: 16px; } .news-container .news-list ul li .img-cont{ width: 140px; } .news-container .news-list ul li .text-cont{ padding-left: 160px; padding-top: 0px; } .news-container .news-list ul li .text-cont .title{ font-size: 16px; } .news-container .news-list ul li .text-cont p{ font-size: 14px; line-height: 20px; } .contant-container .hotel-list ul li .text{ font-size: 24px; } .contant-container .hotel-list ul li .text-cont .addr,.contant-container .message-cont .m-title{ font-size: 18px; } .contant-container .message-cont .m-remark,.contant-container .message-cont .m-from .name{ font-size: 14px; } .member-container .member-join .join-item.join-right .title{ font-size: 16px; } .member-container .member-join .join-item.join-right p{ font-size: 14px; } .member-container .member-join .join-item.join-right .btn-cont{ margin-top: 20px; margin-bottom: 0; width: 155px;} .member-container .member-join .join-item.join-right .btn-cont a{ font-size: 14px; } .member-container .member-join .join-item.join-right .icon{ width: 18%; } .member-container .about-wrapper{ width: 900px; } .member-container{ padding-top: 60px; } .member-container .about-wrapper .about-top .icon{ width: 100px; background-size: 100% auto; height: 30px; } .member-container .about-wrapper .about-top .text{ font-size: 24px; } .member-container .about-wrapper .about-top .border{ margin-top: -16px; } .member-container .about-wrapper .about-top .title{ padding: 30px 0 40px; } .member-container .about-wrapper .about-top .info-main .info-left{ padding: 40px 25px 0; } .member-container .about-wrapper .about-top .info-main .info-left .btn-cont a{ font-size: 16px; } .member-container .about-wrapper .about-top .info-main .info-left .btn-cont{ width: 155px; } .member-container .member-type ul li .text-cont{ padding-top: 6%; } .member-container .member-type ul li .text-cont .title_cn{ font-size: 20px; } .member-container .member-type ul li .text-cont .title_en{ font-size: 16px; } .member-container .member-type ul li .text-cont p{margin-top:20px;font-size:14px;} .member-container .member-detail .detail-wrapper{width:900px;} .score-container .score-wrapper{ width: 900px; } .score-container .score-wrapper .score-title .text{ font-size: 24px; } .score-container .score-wrapper .score-info .btn-cont{ font-size: 16px; } .score-container.score-rule .rule-title{ font-size: 20px; } .score-container .score-wrapper .score-info .text-cont{ padding: 40px 20px 0; } .score-container .score-wrapper .score-info .btn-cont{ margin-top: 40px; } .member-container .member-banner{ margin-top: 0; } .member-container .member-wrapper{ width: 900px; } .member-container .member-wrapper .member-base .base-info{ height: 160px; } .member-container .member-wrapper .member-base .info-left{ width: 400px; margin-top: 20px;} .member-container .member-wrapper .member-base .info-right{ width: 500px; } .member-container .member-wrapper .member-base .info-right .card-type{ margin-top: 70px; } .member-container .member-wrapper .member-base .info-left .img-cont{ width: 130px; margin-left: 30px; } .member-container .member-wrapper .member-base .info-left .text-cont{ width: 200px; margin-left: 20px; } .member-container .member-wrapper .member-base .info-left .text-cont .name{ font-size: 18px; } .member-container .member-wrapper .member-base .info-left .text-cont .number{ font-size: 16px; } .member-container .member-wrapper .member-base .info-right .card-remark{ font-size: 14px; background-size: 16px auto; padding-left: 25px;} .member-container .member-wrapper .member-base .info-right .card-type span{ font-size: 12px;} .member-container .member-wrapper .member-base .info-right .card-type .card-name:after{ margin-top: 20px; margin-left: -17px; } .member-container .member-wrapper .member-base .info-right .card-type .card-name{ margin-top: -48px;margin-left: -20px; } .member-container .member-wrapper .member-base .base-tab .tab-item .item-text{ font-size: 14px; } .member-container .member-wrapper .member-base .base-tab .tab-item{ line-height: 50px; } .member-container .member-wrapper .user-info .user-top .name{ font-size: 18px; } .member-container .member-wrapper .user-info .user-top .user-right{ font-size: 14px; } .events-container .events-detail .goback{ font-size: 18px; background-size: 22px auto; padding-left: 40px; margin-bottom: 15px;} .member-container .member-wrapper .my-order .order-list .item-main .date{ margin-left: 10px; } .member-container .member-wrapper .my-order .order-list .item-main .name,.member-container .member-wrapper .my-order .order-list .item-main .price{ margin-left: 20px; } .member-container .member-wrapper .my-order .order-list .item-main .state,.member-container .member-wrapper .my-order .order-list .item-main .links{ width: 80px; margin-left: 10px; } .member-container .member-wrapper .my-score .score-bottom .score-list ul li .item2{ margin-left: 150px; } .member-container .member-wrapper .my-score .score-bottom .score-list ul li .item3{ margin-left: 120px; } .member-container .member-wrapper .my-score .score-bottom .score-list ul li .item4{ margin-left: 100px; } .hotel-detail-container .hotel-comments .comments-list ul li .text-cont{ font-size: 14px; } .hotel-detail-container .hotel-comments .comments-list{ padding: 30px 50px; } .hotel-detail-container .hotel-comments .comments-list ul li{ padding-bottom: 25px; margin-bottom: 25px; } .room-container .search-container .number-list .room-num{ width: 30%; } .room-container .search-container .number-list .num-diff, .room-container .search-container .number-list .num-add{ margin-right: 8%; } .room-container .search-container .number-list .num-item{ font-size: 14px; margin-right: 6%; } .room-container .search-container .search-wrapper{ width: 95% } .room-container .search-container .active .number-list{ margin-right: 150px; } .member-container .member-wrapper .user-info .user-bottom{ padding: 20px 14%; } .hotel-detail-container .meeting-container .info-swiper .swiper-btn.prev{ right: 80px; } .hotel-detail-container .meeting-container .meeting-new-info .info-list .info-item p span{ font-size: 32px; } .hotel-detail-container .meeting-container .meeting-new-info .info-text,.hotel-detail-container .meeting-container .meeting-new-info .info-list .info-item p{ font-size: 16px; } .room-container .room-item .info-main .main-text{ height: 120px; } .room-container .room-item .info-main .info-price{ font-size: 14px; } .room-container .room-item .info-main .info-price span{ font-size: 18px; } .member-container .member-wrapper .my-coupons .coupons-list ul li .title{ margin-top: 50px; font-size: 20px; } .member-container .member-wrapper .my-coupons .coupons-list ul li .card-number{ margin-top: 20px; } .room-container .room-list ul li .room-item .room-info{ height: 340px; } .new-card-type .card-wrapper{ width: 850px; } .new-card-type .type-main .text-cont .title{ font-size: 26px; } .new-card-type .type-main .text-cont .ltitle{ font-size: 18px; } .new-card-type .type-main .text-cont .p{ font-size: 16px; height: 140px; } .new-card-type .type-list ul li .text-cont{ font-size: 16px; } .new-member-score .score-main ul li .right{ padding-top: 6%; } .new-member-score .score-main ul li .right .title{ font-size: 22px; } .new-member-score .score-main ul li .right .p{ margin-top: 20px; font-size: 16px; height: 80px; } .new-member-score .score-main ul li .right .btn{ width: 120px; height: 40px; line-height: 40px; } .new-member-score .card-intro ul li .title{ font-size: 18px; } .new-member-score .card-intro ul li .big{ font-size: 16px; } .new-member-score .card-intro ul li .big span{ margin: 0 10px; } .new-member-score .card-intro ul li i{ font-size: 20px; } .new-member-score .card-intro ul li .small{ font-size: 14px; } .new-member-score .card-intro ul li .small span{ margin: 0 2px; } .new-base-detail ul{ width: 100%; } .new-base-detail ul li .text-cont .title{ font-size: 20px; } .new-base-detail ul li .text-cont .ltitle{ font-size: } .new-base-detail ul li .text-cont p{ font-size: 14px; margin-top: 10px; line-height: 1.8; -webkit-line-clamp: 3;} .new-base-detail ul li .img-cont{ height: 299px; } .room-container .room-list ul{ width: 100%; } .new-base-detail ul li a{width:100px;height:35px;line-height:35px;margin-right:20px;} .room-container .room-list ul li .room-item .item-right .r-left .title{ font-size: 18px; } .room-container .room-list ul li .room-item .item-right .r-left .text{ font-size: 14px; height: 70px; } .room-container .room-list ul li .room-item .item-right .r-right .price span{ font-size: 22px; } .room-container .room-list ul li .room-item .item-right .r-right .p-btn{ margin-top: 30px; width: 120px; height: 35px; line-height: 35px; } .room-container .room-list ul li .room-item .item-right .r-right .p-btn:after{ margin-top: 9px; margin-left: 15px; } .room-container .room-list ul li .room-item .item-right .r-left{ width: 450px; } .new-base-search .search-box .flight_destination{ width: 18%; } .new-base-search .search-box .flight_date{ width: 27%; background-position: 5px center; padding-left: 30px; } .new-base-search .search-box .flight_date .days{ margin-left: -10px; } .new-base-search .search-box .flight_date .inputText:last-of-type{ width: 50%; } .new-base-search .search-box .agreement-input{ width: 15%; overflow: hidden; } .new-base-search .search-box .flight_between{ width: 28%; } .new-base-search .search-box .flight_between .inputText{ width: 20px; } .new-base-search .search-box .s-btn{ width: 10%; } } @media (min-width: 1280px) and (max-width: 1600px){ .base-wrapper{ width: 1200px; } .header-main{ width: 90%; } .header-main .header-pc{ height: 75px; line-height: 75px; } .header-main .nav-main{ font-size: 16px;padding-right: 40px;} .header-main .nav-main span{ padding: 0 10px; margin: 0 10px; } .header-main .header-right > div{ margin-left: 2%; } .header-main .header-right .login-cont,.header-main .header-right .language-cont{ background-size: 22px auto; padding-left: 30px; } .header-main .header-right .book-btn{ margin-left: 2%; } .footer-pc .footer-top .code-item .img-cont{ width: 108px; } .footer-pc .footer-top .code-item .text-cont{ width: 30px; line-height: 18px;padding: 6px 0px 0 8px;} .footer-pc .footer-top .info{ padding-left: 40px; } .footer-pc .footer-top .link-item{ margin-bottom: 10px; } .footer-pc .footer-top .tel,.footer-pc .footer-top .email{ background-size: 15px auto; margin-bottom: 10px; } .footer-pc .footer-top .addr{ background-size: 12px auto; } .footer-pc .footer-top .info > div{ padding-left: 25px; } .footer-pc .footer-top{ padding-bottom: 10px; } .footer-pc .footer-bottom{} .container{ font-size: 15px; } .search-container{ padding-top: 15px; } .base-section .hotel-info .info-main .info-text p{ line-height: 28px; margin-top: 8%;} .base-section .hotel-info .info-main .info-text .btn-cont{ width: 120px; height: 45px; line-height: 45px; font-size: 15px;} .base-section .hotel-info .info-main .info-text .title-cn{ font-size: 22px; } .base-section .hotel-info .info-main .info-text .title-en{ font-size: 18px; } .base-title .title-cn{ font-size: 28px; padding: 0 50px;} .base-title .title-en{ font-size: 20px; } .base-title .title-border{ margin-top: 28px; } .home-container .home-hotel-swiper .text-cont{ padding-top: 40px; } .base-title .title-border:before{ width: 33%; } .base-title .title-border:after{ width: 33%; } .home-container .home-hotel-swiper .text-cont .info-text .icon{ background-size: 60%; background-position: center center; } .home-container .home-hotel-swiper .text-cont .info-text .icon.icon1{ margin-left: -50px; } .home-container .home-hotel-swiper .text-cont .info-text .icon.icon2{ margin-left: 30px; } .home-container .swiper-btn, .base-swiper .swiper-btn{ width: 50px; height: 50px; } .home-container .swiper-btn.prev:after,.base-swiper .swiper-btn.prev:after,.home-container .swiper-btn.next:after, .base-swiper .swiper-btn.next:after{ width: 18px; height: 18px; margin-top: 15px;} .home-container .swiper-btn.prev:after,.base-swiper .swiper-btn.prev:after{margin-left:24px;} .home-container .swiper-btn.next:after,.base-swiper .swiper-btn.next:after{margin-left:12px;} .home-container .brand-info .info-text p{ line-height: 28px; margin-top: 30px; } .home-container .brand-info .info-text .btn-cont{ width: 120px; height: 45px; line-height: 45px; font-size: 15px; margin-top: 40px; } .hotel-detail-container .meeting-container .info-swiper .swiper-btn.prev{ right: 80px; } .hotel-detail-container .meeting-container .meeting-new-info .info-list .info-item p span{ font-size: 38px; } .home-container .brand-info .info-type .type-item .text-cont .title-cn,.home-container .hotel-offer .offer-list .offer-item .text-cont .text-main .t-title{ font-size: 18px; } .home-container .hotel-offer .offer-list .offer-item .text-cont .text-main p{ font-size: 14px; width: 85%; } .home-container .hotel-offer .offer-list .offer-item .text-cont .text-main .t-btn{width: 120px; height: 45px; line-height: 45px; font-size: 15px; margin-top: 40px; } .home-container .home-hotel-swiper .text-cont .detail-btn{ width: 120px; height: 45px; line-height: 45px; font-size: 15px; margin-top: 40px; } .brand-container .brand-infomation .info-main .text-cont .info-text .icon{ background-size: 80%; background-position: center center;} .brand-container .brand-infomation .info-main .text-cont .info-text{ line-height: 28px; } .brand-container .brand-infomation .info-main .text-cont .title-item .title-cn{ font-size: 18px; } .brand-container .brand-infomation .info-main .text-cont .title-item:nth-of-type(1){ left: 6%; } .brand-container .brand-infomation .info-main .text-cont .title-item:nth-of-type(2){ right: 6%; } .brand-container .brand-infomation .swiper-btn{ bottom: 30%; } .searchPop-container .search-container .number-list .num-item{ margin-right: 8%; } .hotel-info-container .info-wrapper .h-name .name-cn{ font-size: 26px; } .hotel-info-container .info-wrapper .h-name .name-en{ font-size: 20px; margin-top: -16px;} .hotel-info-container .info-wrapper .h-star i{ width: 20px; height: 20px; background-size: cover; } .hotel-info-container .info-wrapper .h-remark,.hotel-info-container .info-wrapper .h-addr, .hotel-info-container .info-wrapper .h-tel{ font-size: 18px; } .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .title-cn{ font-size: 18px; } .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .title-en{ font-size: 14px; } .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .border{ margin: 15px 0; } .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-main .text-cont .text-main .text{ line-height: 1.8; padding-left: 30px; background-size: 16px auto; background-position: 0 6px;} .hotel-detail-container .device-container .device-info .info-left p{line-height: 1.8; } .hotel-detail-container .device-container .device-info .info-left .border{ margin-top: 15px; } .hotel-detail-container .device-container .device-info .info-left .title-cn,.hotel-detail-container .device-container .device-list .list-container .list-item .text-main .title-cn{ font-size: 20px; } .hotel-detail-container .device-container .device-info .info-left .title-en,.hotel-detail-container .device-container .device-list .list-container .list-item .text-main .title-en{ font-size: 16px; } .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .border{ margin: 15px 0; } .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .text{ line-height: 1.8; padding-left: 30px; background-size: 16px auto; background-position: 0 6px;} .hotel-detail-container .device-container .device-list .list-container .list-item .text-main .text-btn{ width: 120px; height: 40px; line-height: 40px; } .hotel-detail-container .links-container .links-item a{ font-size: 16px; height: 40px; } .hotel-detail-container .food-container .food-wrapper .list-container .list-wrapper .item-childs{ margin-top: 6px; } .room-container .room-item .info-main .title-cn{ font-size: 18px; } .room-container .room-item .info-main .title-en{ font-size: 16px; margin-top: -12px; } .room-container .room-item .info-main .border{ width: 50px; margin: 20px 0; } .room-container .room-item .info-main{ font-size: 14px; padding-top: 30px; } .room-container .room-item .info-main .info-price{ font-size: 14px; } .room-container .room-item .info-main .info-price span{ font-size: 22px; } .hotel-detail-container .meeting-container .meeting-wrapper{ padding-top: 60px; } .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide .text-cont .t-title{font-size:18px;} .hotel-detail-container .meeting-container .meeting-create .create-swiper .swiper-slide.swiper-slide-active .text-cont p{font-size:14px;} .meeting-create-pop .pop-wrapper{ width: 1200px;} .meeting-create-pop .pop-wrapper .pop-main{ padding: 35px 0; } .meeting-create-pop .pop-wrapper .pop-main .intro-title .title-cn{ font-size: 22px; } .meeting-create-pop .pop-wrapper .pop-main .intro-title .title-en{ font-size: 18px; } .meeting-create-pop .pop-wrapper .pop-main .intro-title{ padding-top: 20px; } .meeting-create-pop .pop-wrapper .pop-main .form-list{ margin-top: 30px; width: 90%; } .meeting-create-pop .pop-wrapper .pop-main .form-item{ font-size: 14px; line-height: 35px; } .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .select .i-text,.meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .input input[type='text']{ height: 35px; padding-left: 10px; font-size: 14px;} .meeting-create-pop .pop-wrapper .pop-main .form-item .i-item .select:after{ border-width: 7px; right: 10px;} .news-container{ padding-top: 100px; } .news-container .news-title{ font-size: 24px; } .news-container .news-list ul li .img-cont{ width: 180px; } .news-container .news-list ul li .text-cont{ padding-left: 210px; padding-top: 5px;} .news-container .news-list ul li .text-cont .title{ font-size: 16px; } .news-container .news-list ul li .text-cont p{font-size:14px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .contant-container .hotel-list ul li .text{ font-size: 28px; } .contant-container .hotel-list ul li .text-cont .addr,.contant-container .message-cont .m-title{ font-size: 20px; } .member-container .member-join .join-item.join-right .title{ font-size: 18px; } .member-container .member-join .join-item.join-right p{ font-size: 14px; } .member-container .member-join .join-item.join-right .btn-cont{ margin-top: 20px; margin-bottom: 0; } .member-container .member-join .join-item.join-right .btn-cont a{ font-size: 16px; } .member-container .member-join .join-item.join-right .icon{ width: 18%; } .score-container .score-wrapper .score-title .text{ font-size: 24px; } .score-container .score-wrapper .score-info .btn-cont{ font-size: 16px; } .score-container.score-rule .rule-title{ font-size: 20px; } .events-container .events-detail .goback{ font-size: 24px; background-size: 28px auto; padding-left: 60px; } .hotel-detail-container .hotel-comments .comments-list ul li .text-cont{ font-size: 16px; } .hotel-detail-container .hotel-comments .comments-list{ padding: 40px 80px; } .room-container .search-container .number-list .room-num{ width: 30%; } .room-container .search-container .number-list .num-diff, .room-container .search-container .number-list .num-add{ margin-right: 8%; } .room-container .room-item .info-main .main-text{ height: 165px; } .room-container .room-list ul li .room-item .room-info{ height: 450px; } .new-card-type .card-wrapper{ width: 850px; } .new-card-type .type-main .text-cont .title{ font-size: 26px; } .new-card-type .type-main .text-cont .ltitle{ font-size: 18px; } .new-card-type .type-main .text-cont .p{ font-size: 16px; height: 150px; } .new-card-type .type-list ul li .text-cont{ font-size: 16px; } .new-member-score .score-main ul li .right{ padding-top: 6%; } .new-member-score .score-main ul li .right .title{ font-size: 26px; } .new-member-score .score-main ul li .right .p{ margin-top: 30px; } .new-member-score .score-main ul li .right .btn{ width: 140px; height: 45px; line-height: 45px; } .new-member-score .card-intro ul li .title{ font-size: 20px; } .new-member-score .card-intro ul li .big{ font-size: 18px; } .new-member-score .card-intro ul li .big span{ margin: 0 20px; } .new-member-score .card-intro ul li i{ font-size: 24px; } .new-member-score .card-intro ul li .small{ font-size: 16px; } .new-member-score .card-intro ul li .small span{ margin: 0 5px; } .new-base-search .search-box .flight_between .inputText{ width: 20px; } .new-base-detail ul li .text-cont .title{ font-size: 20px; } .new-base-detail ul li .text-cont .ltitle{ font-size: 16px; } .new-base-detail ul li .text-cont p{ font-size: 14px; margin-top: 15px; } .new-base-detail ul li .img-cont{ height: 319px; } .room-container .room-list ul li .room-item .item-right .r-left .title{ font-size: 22px; } .room-container .room-list ul li .room-item .item-right .r-left .text{ font-size: 16px; height: 80px; } .room-container .room-list .info-list .info-item span{ font-size: 16px; } .room-container .room-list .info-list .info-item .price{ font-size: 20px; } .room-container .room-list ul li .room-item .item-right .r-left{ width: 550px; } }