body {background: #fff;min-height: 100%;height: auto;overflow-y: auto;font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 22px;-webkit-overflow-scrolling: touch;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}
.mt-10{margin-top:10px;}
.mb-10{margin-bottom:10px;}
.mt-20{margin-top:20px;}
.mb-20{margin-bottom:20px;}
.mt-30{margin-top:30px;}
.mb-30{margin-bottom:30px;}
* {padding:0;margin:0;font-family: 'Roboto', sans-serif;}
a {text-decoration: none;color: #333;}
.index_page header {position:fixed;left:0;top:0;z-index:9;width:100%;height:50px;padding:0 15px;box-shadow:0 1px 4px 0px #121c31;display:flex;justify-content:space-between;align-items:center;background:#ffffff;box-sizing:border-box;}
.index_page header .menu {width:20px;}
.index_page header .logo {width:74px;margin-right:10px;}
.index_page .banner_box {padding-top:50px;background:#FFCACB;padding-bottom:26px;}
.index_page .banner_box .banner {}
.index_page .banner_box .banner .title {padding:50px 20px;}
.index_page .banner_box .banner .title>div {text-align:center;color:rgb(0,0,0);font-weight:700;}
.index_page .banner_box .banner .title>:first-child {font-size:13px;}
.index_page .banner_box .banner .title>:last-child {font-size:18px;margin-top:10px;}
.index_page .slider {font-size:12px;color:rgb(255,255,255);margin:20px;display:flex;justify-content:space-between;height:100px;}
.index_page .slider .slider_item {width:30%;overflow-y:auto;}
.index_page .slider .slider_item>img {display:block;border-radius:8px;width:100%;height:75px;object-fit:cover;margin-bottom:15px;}
.index_page .slider .slider_item>img:last-child {margin-bottom:0;}
.index_page .banner_box .btns {padding:16px;box-sizing:border-box;display:block;text-decoration:none;}
.index_page .banner_box .btns>div {text-align:center;background:#ffcd00;height:50px;line-height:50px;border-radius:8px;font-size:0.85rem;color:#000000;border:0px #f8f9fc solid;font-weight:500;}
.index_page .level_list {padding:18px;margin-top:-30px;}
.index_page .level_list .list_title {font-size:15px;font-weight:600;color:#000000;}
.index_page .level_list .cells {background:#ffeaea;padding:9px 10px;border-radius:8px;margin-top:10px;border:solid 0px #eff4fb;box-shadow:0px 2px 1px 0px #ffffff;display:flex;justify-content:space-between;align-items:center;flex:1;}
.index_page .level_list .cells .desc {display:flex;align-items:center;}
.index_page .level_list .cells .desc .vip_icon {width:48px;height:auto;margin-right:10px;}
.index_page .level_list .cells .desc .info {font-size:12px;color:#000;}
.index_page .level_list .cells .desc .info span {color:rgb(255,205,0);font-size:12px;font-weight:600;}
.index_page .level_list .cells .lock {height:12px;}
.index_page .hotel_list {display:flex;overflow-x:auto;padding:10px 0;}
.index_page .hotel_list .hotel_info {margin-right:5px;}
.index_page .hotel_list .hotel_info:last-of-type {margin-right:0;}
.index_page .hotel_list .hotel_info img {width:250px;min-width:250px;border-radius:8px 8px 0px 0px;height:170px;display:block;}
.index_page .hotel_list .hotel_info p {margin-top:20px;font-size:15px;font-weight:600;padding:0 20px 6px;}
.index_page .partners {padding:20px 0 0;}
.index_page .partners .partners_title {font-size:14px;font-weight:600;padding:0px 16px;color:#000000;}
.index_page .partners_content {background:rgb(255,255,255);padding:9px 10px;border-radius:8px;margin:17px 14px;border:1px solid rgb(239,244,251);box-shadow:rgba(255,205,0,0.12) 0px 2px 1px 0px;}
.index_page .partners_content img {display:block;width:100%;height:auto;}
.index_page .partner_logos {display:flex;overflow-x:auto;padding:10px 0px;font-size:12px;color:rgb(0,0,0);}
.index_page .partner_logos>div {padding:10px 20px;border:solid 0px #eff4fb;box-shadow:0px 3px 9px 0px #8c8c8c2e;display:flex;align-items:center;justify-content:center;margin:0 20px 15px 0;border-radius:9px;}
.index_page .partner_logos>div:first-of-type {margin-left:20px;}
.index_page .partner_logos img {display:block;height:60px;width:auto;}
.index_page .copyright {font-size:12px;color:rgb(185,185,185);text-align:center;padding-bottom:78px;}
.dsdkefu {box-sizing:initial;background-color:#434343;box-shadow:#b9b9b961 0px 1px 0px 1px;padding:12px;border-radius:125px;width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;bottom:25px;right:13px;border:solid 2px #ffcd00;}
/*left*/
.fbc {display:flex;justify-content:space-between;align-items:center;}
.left_menu_modal {background:rgba(0,0,0,0.7);position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;display:none;}
.left_menu_modal .menu {background:#ffffff;overflow-y:auto;position:fixed;left:-100%;top:0;height:100vh;width:80%;}
.left_menu_modal .menu .no_login {padding-top:50px;text-align:center;font-size:16px;color:#212529;}
.left_menu_modal .baseinfo {padding:30px 20px 0;}
.left_menu_modal .avatar {width:50px;height:50px;border-radius:50%;overflow:hidden;}
.left_menu_modal .name_fraction {margin-left:10px;flex:1;}
.left_menu_modal .name_fraction .name {font-size:14px;font-weight:600;display:flex;align-items:center;}
.left_menu_modal .name_fraction .name .vip_logo {width:61px;margin-left:5px;}
.left_menu_modal .name_fraction .fraction {font-size:14px;}
.left_menu_modal .invite_code {display:flex;justify-content:space-between;font-size:12px;padding-top:10px;}
.left_menu_modal .walletbalance {font-size:12px;padding:20px 25px;border-radius:0px;margin-top:20px;color:#000000;background:#ffcd00;display:flex;justify-content:space-between;align-items:center;}
.left_menu_modal .walletbalance .balance,.left_menu_modal .walletbalance .rewards {display:flex;flex-direction:column;align-items:center;justify-content:center;}
.left_menu_modal .walletbalance .dividing_line {width:1px;height:35px;background-color:rgb(202,159,67);}
.left_menu_modal .walletbalance .balance>div,.left_menu_modal .walletbalance .rewards>div {font-size:12px;text-align:center;line-height:18px;}
.left_menu_modal .font_w {font-weight:600;}
.left_menu_modal .list .cells a {display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-size:13px;text-decoration:none;color:#000;border-bottom:1px solid rgb(54,54,54);}
.left_menu_modal .list .cells .name {display:flex;align-items:center;}
.left_menu_modal .list .cells .menu_ico {width:26px;height:auto;display:block;margin-right:15px;}
.left_menu_modal .list .cells .right_arrow {width:8px;}
.left_menu_modal .allrights_reserved {font-size:12px;padding:30px 8px;color:rgb(175,175,175);text-align:center;}
.left_menu_modal .menu.show {animation:sheetShow 0.4s forwards;}
.left_menu_modal .menu.hide {animation:sheetHide 0.4s forwards;}
.toast {width:fit-content;max-width:70%;min-width:96px;white-space:pre-wrap;word-break:break-all;text-align:center;background:rgba(0,0,0,0.5);border-radius:6px;position:fixed;top:50%;left:0;right:0;width:-webkit-fit-content;width:fit-content;margin:0 auto;transform:translatey(-50%);line-height:20px;padding:8px 12px;font-size:14px;color:#ffffff;display:none;z-index:999999;}
@keyframes sheetShow {0% {left:-100%;}
100% {left:0;}
}
@keyframes sheetHide {0% {left:0;}
100% {left:-100%;}
}
/*login*/
.fbc {display:flex;justify-content:space-between;align-items:center;}
.login_modal,.register_modal {background:rgba(0,0,0,0.7);position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;display:none;}
.login_modal .modal_content,.register_modal .modal_content {padding:30px 20px;color:rgb(0,0,0);font-size:12px;text-align:left;background:rgb(255,255,255);border-radius:10px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;}
.login_modal h4,.register_modal h4 {font-weight:700;font-size:16px;padding:25px 0px;}
.login_modal .form_items,.register_modal .form_items {display:flex;align-items:center;justify-content:space-between;background:#ffffff;border-radius:10px;padding:15px 10px;font-size:13px;color:#ffcd00;margin-bottom:1rem;box-shadow:1px 3px 3px 1px #1d1d1d82;margin-bottom:16px;}
.login_modal .form_items .label,.register_modal .form_items .label {min-width:100px;padding-right:10px;white-space:nowrap;}
.login_modal .form_items input,.register_modal .form_items input {flex:1;border:none;line-height:20px;outline:none;text-align:right;width:100px;}
.login_modal .login_btn,.register_modal .register_btn {padding:16px;border-radius:8px;background-color:#ffcd00;font-size:15px;text-transform:capitalize;color:#000000;border:0px solid #e2e2e2;font-weight:700;text-align:center;}
.login_modal p {font-weight:700;font-size:16px;margin-top:20px;margin-bottom:30px;}
.login_modal .toregister {color:rgb(255,205,0);text-decoration:underline;font-weight:700;font-size:13px;text-align:center;}
.register_modal .tologin {color:rgb(255,205,0);text-decoration:underline;font-weight:700;font-size:13px;text-align:center;margin-top: 20px;}
.toast {width:fit-content;max-width:70%;min-width:96px;white-space:pre-wrap;word-break:break-all;text-align:center;background:rgba(0,0,0,0.5);border-radius:6px;position:fixed;top:50%;left:0;right:0;width:-webkit-fit-content;width:fit-content;margin:0 auto;transform:translatey(-50%);line-height:20px;padding:8px 12px;font-size:14px;color:#ffffff;display:none;z-index:999999;}
.activity_pricelist_modal {position:absolute;padding-bottom:5%;position:absolute;width:100%;top:6%;display:none;}
.activity_pricelist_content {border-radius:10px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;text-align:right;max-height:100%;}
.activity_pricelist_content .activity_pricelist {max-width:100%;height:82vh;display:block;margin:0 auto;}
.activity_pricelist_content  .close_btn {line-height:40px;font-size:18px;text-align:center;border-radius:2rem;background:#ffcd00;margin-top:12px;width:60%;margin:12px auto 0;color:#000000;}
.activity_pricelist_content .activity_close_btn {width:1.6rem;height:1.6rem;margin-right:-5px;}
.shadow {background:rgba(0,0,0,0.2);position:fixed;width:100%;height:100%;top:0;left:0;display:none;}

.wrapper{margin-top:50px;margin-bottom:26px;padding:0.8rem 1rem;min-height: 100vh;}
.like-page body {background:url(../img/BG-26.png) top center no-repeat #ffffff;background-size:100% 380px;}
.like-page .like-box {padding:10px 20px;font-size:12px;color:#000000;padding-bottom:10px;margin-top:80px;height:auto;position:relative;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;-ms-transition:all ease 0.5s;margin-left:0;z-index:1;min-height:100vh;padding-bottom:80px;}
.flztoa {display:flex;justify-content:space-between;align-items:center;}
.ddrruu {text-align:center;padding:1rem;}
.ddrruu button {text-align:center;background:#ffcd00;height:50px;line-height:50px;border-radius:8px;font-size:0.85rem;color:#000000;border:0px #f8f9fc solid;font-weight:500;width:100%;margin-bottom:0px;}
.loffre {background:#ffffff;border-radius:10px;padding:10px 10px;font-size:13px;color:#ffcd00;margin-bottom:1rem;box-shadow:1px 3px 3px 1px #1d1d1d82;}
.fyctoc {display:flex;justify-content:flex-end;align-items:center;}
.loffrewe {border:0px solid rgba(0,0,0,0.08);background:#29292900;text-align:right;}
.submit-btn {background:#ffcd00;border-radius:0.6rem;padding:1rem 1.5rem;font-size:13px;color:#000000 !important;font-weight:700;display:block;width:100%;border:none;}
.file-Box {position:relative;width:280px;height:50px;margin-left:auto;margin-right:auto;}
.file-Box input[type=file] {cursor:pointer;width:100%;height:100%;z-index:2;opacity:0;position:absolute;}
.show-Box {display:block;z-index:1;width:100%;height:100%;position:absolute;background:#dff0d8;border:1px solid #d6e9c6;border-radius:5px;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;justify-content:center;}
.show-Box div {font-size:28px;color:#3c763d;text-align:center;padding-right:5px;}
.show-Box span {display:block;font-size:14px;text-align:center;color:#3c763d;line-height:15px;}
.file-Box:hover .show-Box div,.file-Box:hover .show-Box span {color:#90c0f5;}
/*list - table*/
.list-box .table-box {width:100%;margin:10px 0;background-color:#fff;color:#5f5f5f;border-collapse:collapse;border-spacing:0;}
.table-box tr {transition:all .3s;-webkit-transition:all .3s;}
.table-box tbody tr:hover,.table-box thead tr,.table-box-click,.table-box-header,.table-box-hover,.table-box-mend,.table-box-patch,.table-box-tool,.table-box-total,.table-box-total tr {background-color:#fafafa;}
.table-box th {text-align:left;font-weight:400;}
.table-box td,.table-box th,.table-box-col-set,.table-box-fixed-r,.table-box-grid-down,.table-box-header,.table-box-page,.table-box-tips-main,.table-box-tool,.table-box-total,.table-box-view,.table-box[lay-skin="line"],.table-box[lay-skin="row"] {border-width:1px;border-style:solid;border-color:#eee;}
.table-box td,.table-box th {position:relative;padding:5px 11px;min-height:20px;line-height:20px;font-size:14px;}
.pagebox {display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin:10px 0;font-size:0;}
.pagebox a,.pagebox button,.pagebox input,.pagebox select,.pagebox span {border:1px solid #eee;}
.pagebox a,.pagebox span {display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:0 15px;height:28px;line-height:28px;margin:0 -1px 5px 0;margin-left:0px;background-color:#fff;color:#333;font-size:12px;}
.pagebox a {text-decoration:none;}
.pagebox >:first-child {margin-left:0 !important;}
.pagebox > a:first-child,.pagebox > a:first-child em {border-radius:2px 0 0 2px;}
.pagebox em {font-style:normal;}
.pagebox > a:first-child,.pagebox > a:first-child em {border-radius:2px 0 0 2px;}
.pagebox >:last-child {margin-right:0 !important;}
.pagebox > a:last-child,.pagebox > a:last-child em {border-radius:0 2px 2px 0;}
.pagebox .pagebox-curr {position:relative;}
.pagebox .pagebox-curr em {position:relative;color:#fff;}
.pagebox .pagebox-curr .pagebox-em {position:absolute;left:-1px;top:-1px;padding:1px;width:100%;height:100%;background-color:#ffcd00;}
.btn{background: #009688;border: none;padding: 2px 5px;color: #fff;border-radius: 2px;}
.select-box {display:flex;flex-wrap:wrap;justify-content:flex-start;}
.select-box input[type="radio"] {display:none;}
.select-box input[type="radio"] + label {border:1px solid #ccc;background:#fff;cursor:pointer;float:left;text-decoration:none;line-height:1.7;text-align:center;vertical-align:middle;color:#333;padding:5px;margin-right:10px;display:inline-block;position:relative;border-radius:4px;margin-bottom:10px;min-width:50px;font-size:15px;}
.select-box input[type="radio"]:checked + label {border:1px solid #ff6908;}
.select-box input[type="radio"]:checked + label > i {background:url("../img/detail_sizeon.png") no-repeat scroll right bottom transparent;position:absolute;height:9px;width:9px;overflow:hidden;bottom:0;right:0;display:none;}
.select-box input[type="radio"]:checked + label > i {display:block;}
.booking {display:flex;flex-wrap:wrap;justify-content:space-between;padding:0px 16px;padding-top:70px;}
.booking_item {width:calc( 50% - 5px );margin-bottom:10px;}
.booking_item img {width:100%;}
.booking_item h2 {font-size:16px;}
.booking_item h3 {font-size:14px;color:#ff0000;}
.booking_item h4 {font-size:12px;color:#333;}
.booking_item .booking_btn {text-align:center;background:#0da173;border-radius:5px;font-size:12px;color:#fff;border:0px #f8f9fc solid;font-weight:500;padding:5px 10px;}
.overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:999;}
.overlay.active {opacity:1;pointer-events:auto;}
.purchase-box {position:fixed;bottom:-100%;left:0;width:100%;background:white;border-radius:16px 16px 0 0;box-shadow:0 -2px 10px rgba(0,0,0,0.1);transition:transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94);max-height:80vh;overflow-y:auto;z-index:1000;}
.purchase-content {padding:20px;}
.purchase-box.active {bottom:0;}
.close-btn {position:absolute;top:12px;right:20px;font-size:24px;color:#666;cursor:pointer;}
.buy-btn {position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 40px;background:#ff4444;color:white;border:none;border-radius:25px;font-size:16px;cursor:pointer;box-shadow:0 4px 12px rgba(255,68,68,0.3);}
.yhq_box {background:#fff;padding:0 10px;margin-top:10px;}
.yhq_sel {border-bottom:1px #f0f0f0 solid;line-height:42px;}
.fl {float:left;}
.c666 {color:#666;}
.fr {float:right;}
.clear {clear:both;height:0;overflow:hidden;}
.purchase-confirm {background:linear-gradient(to right,#9D80FF,#9162ec);border-radius:20px;height:40px;line-height:40px;margin:30px 0 10px;cursor:pointer;color:#fff;border:none;width:100%;}