body {
    color: #303030;
    line-height: 1.6;
    font-size: 1rem;
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style: none
}

img {
    vertical-align: middle
}

a {
    color: #000000;
    text-decoration: none;
    cursor: pointer
}

a:hover,
a:visited {
    text-decoration: none;
}


.fs48 {
    font-size: 3rem;
    line-height: 1.2em
}

.fs60 {
    font-size: 3.75rem;
    line-height: 1.2em
}

.text-shadow {
    text-shadow: 0 2px 5px rgba(0, 0, 0, .65);
}

.bg-gray-dark {
    background-color: #ddd;
}

.head-top,
.logo-box,
.search-box {
    height: 6.25rem;
    background-color: #ffffff;
}

.menu-box {
    display: none;
}

.logo-box img {
    width: 12.5rem;
    height: 6.25rem;
}

.search-box .search-input-group {
    margin: 0 auto;
    margin-top: 1.75rem;
    max-width: 33.125rem;
    z-index: 1000;
}

.search-box .input-group .form-control {
    border-color: #514940;
}

.search-box .input-group input::placeholder {
    color: #959595;
}

.search-box .input-group button:hover {
    background-color: #0485D1;
    border-color: #0485D1;
}

.search-box .search-input-group .select-desti {
    position: relative;
    z-index: 999;
    border: 1px solid #514940;
    height: 12.5rem;
    width: 34.1875rem;
    top: -1px;
    overflow-y: scroll;
    background-color: #ffffff;
}

.search-box .search-input-group .select-desti li {
    width: 100%;
    height: 1.875rem;
    line-height: 1.875rem;
}

.search-box .search-input-group .select-desti li a {
    display: block;
    width: 100%;
    height: 1.875rem;
    line-height: 1.875rem;
    padding-left: 0.625rem;
}

.search-box .search-input-group .select-desti li a:hover {
    background-color: #e1e1e1;
}

.nav-wrap {
    display: flex;
    background-color: #0485D1;
    height: 3.75rem;
    line-height: 3.75rem;
}

.nav-wrap .nav1-wrap .nav1-menu {
    text-align: center;
}

.nav-wrap .nav1-wrap .nav1-menu-spread:hover .nav2-slide-box {
    opacity: 1;
    transition: transform 500ms ease-in-out;
    -webkit-transform: perspective(500px) rotate3d(0, 0, 0, 0);
    transform: perspective(500px) rotate3d(0, 0, 0, 0)
}

.nav-wrap .nav1-wrap .nav1-title {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
    height: 3.75rem;
    line-height: 3.75rem;
    display: block;
}

.nav-wrap .nav1-wrap .nav1-title:hover {
    background-color: #f39800;
    color: #ffffff;
}

.nav-wrap .nav1-wrap .nav1-title:hover.active {
    color: #ffffff;
}

.nav-wrap .nav1-wrap .nav1-title.active {
    color: #fbd14b;
}

.nav2-slide-box {
    position: absolute;
    width: 100%;
    background-color: #f7f7f7;
    left: 0;
    text-align: left;
    height: 31.25rem;
    z-index: 999;
    box-shadow: 0 10px 15px rgba(0, 0, 0, .14);

}

.nav-animate {
    opacity: 0;
    -webkit-transform: perspective(100px) rotate3d(1, 0, 0, -90deg);
    transform: perspective(100px) rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    transition: transform .65s ease-in-out, opacity .3s ease-out;
}

.nav2-slide-box .nav-title {
    padding: 1.875rem 0 0.625rem 0;
}

.nav2-slide-box .nav2-menu {
    margin-top: 0.625rem;
}

.g-nav2 .nav2-menu .active {
    color: #f39800;
}

.nav2-slide-box .nav2-title {
    background-color: none;
    color: #000;
    display: block;
    width: 80%;
    font-size: 1rem;
    border-bottom: 1px solid #959595;
    text-align: left;
    cursor: pointer;
}

.nav2-slide-box .nav2-title:hover {
    color: #f39800;
}

.g-nav2 {
    padding-top: 1.25rem;
}

.g-nav2 .nav2-menu {
    margin-top: 0;
}

.g-nav2 .nav2-menu .nav2-title {
    width: 100%;
}

.g-nav2 .nav2-menu .nav2-title::before {
    position: relative;
    float: right;
    top: 1.375rem;
}

.g-nav2 .nav2-left {
    width: 17.8125rem;
}

.g-nav2 .nav3-slide-box .nav3-wrap {
    padding-left: 2rem;
}

.g-nav2 .nav3-slide-box .nav3-wrap h4 {
    color: #f39800;
}

.g-nav2 .nav3-slide-box {
    height: 26.25rem;
    padding: 1rem 1rem 0 0;
    display: none;
}

.g-nav2 .nav3-slide-box::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 26.25rem;
    border-left: 1px solid #959595;
}

.g-nav2 .nav3-slide-box .menu-a {
    color: #000;
    display: block;
    width: 100%;
    font-size: 1rem;
    border-bottom: 1px solid #959595;
}

.g-nav2 .nav3-slide-box .menu-a:hover {
    color: #f39800;
}


.carousel-wrap .carousel-item {
    height: 450px;
    background-color: #f7f7f7;

}

.carousel-wrap .carousel-item img {
    object-fit: cover;
    width: 100%;
    margin: 0 auto;
}

.carousel-wrap .carousel-item img.lazyload {
    height: 450px;
    width: 100%;
}

.carousel-wrap .carousel-item .carousel-caption {
    top: 0;
    bottom: auto;
    background-color: rgba(0, 0, 0, .25);
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
}

.carousel-wrap .carousel-item .carousel-caption h1 {
    font-size: 3.5rem;
}

.carousel-wrap .carousel-item .carousel-caption p {
    font-size: 1.75rem !important;
}

.carousel-wrap .carousel-item .carousel-caption a {
    position: relative;
}

.carousel-wrap .carousel-indicators li {
    width: 15px;
    height: 15px;
    margin: 0 10px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .0);
    transition: background-color 1s;
}

.carousel-wrap .carousel-indicators li.active {
    background-color: rgba(255, 255, 255, 1.0);
}

.lazyload,
.lazyloading {
    opacity: 1
}

.lazyloaded {
    opacity: 1;
    transition: opacity 300ms
}

img.lazyload:not([src]) {
    visibility: hidden
}

.rct-tour-list li {
    margin-bottom: 20px;
}

.rct-tour-list .card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

.rct-tour-list .card:hover .card-title a {
    color: #f39800;
}

.rct-tour-list .card {
    height: 100%;
}

.rct-tour-list .card .card-img-top {
    max-height: 10.625rem;
}

.rct-tour-list .card .card-text {
    padding-bottom: 1rem;
}

.rct-tour-list .card .tour-btn-box {
    position: relative;
    text-align: center;
    display: block;
    bottom: 1.25rem;
}

.rct-aritle-list li {
    margin-bottom: 20px;
}

.rct-aritle-list .card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

.rct-aritle-list .card .btn-box {
    position: relative;
    text-align: center;
    display: block;
    bottom: 1.25rem;
}

.rct-aritle-list .card .card-img,
.rct-aritle-list .card .card-img img {
    max-height: 16rem;
    min-height: 16rem;
}

.rct-aritle-list .card-body {
    height: 180px;
}

.rct-aritle-list .card:hover .card-title a {
    color: #f39800;
}

.rct-why-choose {
    background: url(/images/index/ah-bottom-why-us-bg-pc.jpg) center #565656;
    background-size: auto;
    background-size: cover;
    height: 480px;
    padding-top: 5dvb;
    color: #ffffff;
}

.rct-why-choose li {
    margin-top: 50px;
}

.rct-why-choose .card {
    color: #000;
    height: 100%;
    padding: 0 15px;
    height: 100%;
}

.rct-why-choose .card h3 {
    font-size: 1.3rem;
    font-weight: 600;
    padding-bottom: 0;
    display: inline-block;
    line-height: 1.375rem;
    height: 60px;
    color: #202020;
    border-bottom: 1px solid #383838;
    margin-bottom: 10px;
}

.rct-why-choose .card p {
    text-align: center;
    color: #202020;
    font-size: 1.1rem;
}

.rct-why-choose .card .wc-icon {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 60px;
    background: #dcdcdc;
    border-radius: 50%;
    padding: 8px;
    position: relative;
    top: -30px;
}

.rct-why-choose .card .wx-icon-01 {
    background: #dcdcdc url(/images/index/icon-01.png) center no-repeat;
}

.rct-why-choose .card .wx-icon-02 {
    background: #dcdcdc url(/images/index/icon-02.png) center no-repeat;
}

.rct-why-choose .card .wx-icon-03 {
    background: #dcdcdc url(/images/index/icon-03.png) center no-repeat;
}

.rct-why-choose .card .wx-icon-04 {
    background: #dcdcdc url(/images/index/icon-04.png) center no-repeat;
}

.about-us {
    padding-top: 3dvb;
}

.about-us li {
    margin-top: 40px;
}


.rct-artile .card-square,
.rct-artile .card-img {
    height: 16rem;
}

.rct-artile .card-img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.rct-artile .card-title {
    display: block;
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%;
    text-align: left;
    padding-left: 1rem;
    font-weight: 500;
    font-size: 1.25rem
}



.rct-destinations-list li {
    margin-bottom: 1.375rem;
}

.rct-destinations-list .card-square,
.rct-destinations-list .card-square .card-img {
    height: 250px;
}

.rct-destinations-list .card-square .card-img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.rct-destinations-list .card-square .card-title {
    display: block;
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
}

.rct-destinations-list .card .card-img {
    display: block;
}

.rct-destinations-list .card .card-img-overlay {
    vertical-align: middle;
    color: #ffffff;
    background-color: rgba(0, 0, 0, .3);
    padding-top: 70px;
}

.rct-destinations-list .card .card-img-overlay .card-text {
    padding-top: 10px;
    color: rgba(255, 255, 255, 0.6);
}

.rct-destinations-list .card .card-img-overlay:hover {
    background-color: rgba(0, 0, 0, .0);
    transition: background-color 1s;
}

.rct-destinations-list .card .card-img-overlay:hover .card-text {
    color: rgba(255, 255, 255, 1);
    transition: color 1s;
}


.rct-awards-wrap {
    background-color: rgba(247, 247, 247, 1);
}



/* footer style start*/
.footer-box {
    background-color: #000000;
}

.footer-box a {
    color: #ffffff;
}

.footer-box a:hover {
    color: #f39800;
}

.footer-box .quali-wrap {
    border-top: 1px solid #ffffff;
    padding-top: 20px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.footer-box .quali-wrap .quali-img {
    display: inline-block;
    height: 4.375rem;
}

.footer-box .quali-wrap .quali-img:nth-of-type(1) {
    width: 138px
}

.footer-box .quali-wrap .quali-img:nth-of-type(2) {
    width: 250px
}

.footer-box .quali-wrap .quali-img:nth-of-type(3) {
    width: 105px
}

.footer-box .quali-wrap .quali-img:nth-of-type(4) {
    width: 110px
}

.footer-box .quali-wrap .quali-img:nth-of-type(5) {
    width: 166px
}

.footer-box .quali-wrap .quali-img:nth-of-type(6) {
    width: 60px
}

.footer-box .quali-wrap .quali-img:nth-of-type(7) {
    width: 100px
}





.contact-us-box,
.contact-us-box .contact-us {
    width: 100%;
    display: none;
}

.contact-us-box .contact-us {
    position: fixed;
    height: 60px;
    line-height: 60px;
    text-align: center;

    bottom: 0;
}

.contact-us-box .contact-us a {
    background-color: #f19510;
    height: 40px;
    padding: 10px 20px;
    border-radius: 20px;
    color: #ffffff;
    text-decoration: none;
}

.contact-us-box .contact-us a:hover {
    color: #000000;
}


.to-top-box {
    position: fixed;
    right: 0;
    margin-right: 20px;
    bottom: 20px;
    display: none;
}

.to-top-box .top-warp {
    padding: 13px;
    border-radius: 50%;
    background: #514a40;
    width: 40px;
    height: 40px;
    box-sizing: content-box;
    text-align: center
}

.to-top-box .top-warp a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    line-height: 18px
}

.to-top-box .top-warp span {
    display: inline-block;
    margin: 2px 0 0 -1px
}

.cookie-consent-box {
    position: fixed;
    bottom: 0;
    z-index: 9999;
}

.cookie-consent-box .toast-body {
    opacity: 1 !important;
    background-color: #fafafafa;
}

.top-banner-wrap {
    height: 450px;
    position: relative;
    z-index: 0;
}


.top-banner-wrap img {
    height: 450px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    position: relative;
}

.top-banner-wrap .banner-mask {
    width: 100%;
    height: 450px;
    top: 0;
    left: 0;
    z-index: 999;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    background-color: rgba(0, 0, 0, .3);
}

.top-banner-wrap .award-box {
    width: 100%;
    height: 43px;
    top: 400px;
    position: absolute;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-banner-wrap .award-box img {
    width: 44px;
    height: 43px;
}

.top-banner-wrap .breadcrumb-box {
    width: 100%;
    top: 10px;
    position: absolute;
    z-index: 999;
}

.top-banner-wrap .breadcrumb-box li,
.top-banner-wrap .breadcrumb-box a {
    color: #ffffff;
}

.top-banner-wrap .breadcrumb-box a:hover {
    color: #f19510;
}

.top-banner-wrap .breadcrumb-box li::before {
    color: #ffffff;
}

.banner-v2,
.banner-v2 img {
    height: 37.5rem;
}

.banner-v2 .banner-card-wrap {
    display: flex;
    align-items: center;
    position: absolute;
    height: calc(100% - 72px);
    top: 0;
    width: 100%;
}

.banner-v2 .banner-card-wrap .banner-card {
    width: 37.5rem;
    max-width: 37.5rem;
    background-color: rgba(0, 0, 0, .5) !important;
    color: ffffff;
    border-left: 10px solid #f19510;
}

.banner-v2 .bottom-box {
    width: 100%;
    height: 74px;
    bottom: 0;
    position: absolute;
    z-index: 999;
    background-color: rgba(48, 48, 48, .9);
    color: #ffffff;
    padding-top: .625rem;
    padding-bottom: .625rem;
}

.banner-v2 .bottom-box .list-item {
    font-size: 1.25rem;
    line-height: 1.2em;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}

.banner-v2 .bottom-box .list-item:first-child {
    padding-left: 0;
}

.banner-v2 .bottom-box .list-item i {
    display: block;
    font-size: 1.125rem;
    line-height: 1.2em;
    padding-top: .625rem;
}

.banner-v2 .bottom-box .list-item-line {
    width: 1px;
    border-left: 1px solid #fff;
}

.rct-navbar-wrap {
    width: 100%;
    height: 76px;
    display: block;
    background-color: #f5f5f5;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .14);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .14);
    transition: all .3s ease-in-out;
}

.rct-navbar-wrap .navbar-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: auto;
}

.rct-navbar-wrap .navbar-box .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.rct-navbar-wrap .navbar-box .navbar-nav .nav-item {
    display: inline;
    margin-right: 30px;
    height: 76px;
}

.rct-navbar-wrap .navbar-box .navbar-nav .nav-item .nav-link {
    height: 76px;
    line-height: 60px;
    position: relative;
    display: block;
}

.rct-navbar-wrap .navbar-box .navbar-nav .nav-item .nav-link {
    display: block;
}

.rct-navbar-wrap .navbar-box .navbar-nav .nav-item .nav-link:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    border-radius: 2px;
    z-index: 9;
    width: 0;
    height: 5px;
    background-color: #f39800;
    opacity: 10;
    transition: all ease-in-out 500ms
}

.rct-navbar-wrap .navbar-box .navbar-nav .nav-item .nav-link:hover:before {
    left: 0;
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=1)
}

.rct-navbar-wrap .navbar-box .navbar-nav .nav-item .active:before {
    left: 0;
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=1)
}

.rct-form-wrap {
    background-color: #f3f3f3;
}

.form-box {
    background-color: #ffffff;
    border-top: 15px solid #f19510;
}

.error-message {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: none;
}

.has-error .form-control {
    border-color: #dc3545;
}

.has-success .form-control {
    border-color: #28a745;
}

/* 处理：非必填、空的 input —— 不显示绿色成功样式 */
.was-validated .form-control:valid:not(:required):placeholder-shown,
/* 处理：非必填、空的 select —— 不显示绿色成功样式 */
.form-select:valid:not(:required):not([value]):not(:validated),
.form-select:valid:not(:required):placeholder-shown,
.form-select:valid:not(:required) {
    border-color: #ced4da !important;
    background-image: none !important;
}

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: #ced4da;
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url(“”);
    padding-right: 0;
}

/* 空输入框，即使合法也不显示成功样式 */
.was-validated .form-control:valid:not(:required):not(.is-valid),
.form-control.is-valid:not(:required):not([value]):not(:placeholder-shown) {
    border-color: #ced4da;
    /* 默认边框色 */
    background-image: none;
    /* 去掉成功图标 */
}

/* ================= destination ===================== */


.dest-card .card-img-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    transition: background-color 1s;

}

.dest-card .card-img-overlay:hover {
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 1s;
}

.rct-tailor-wrap {
    position: relative;
}

.rct-tailor-wrap .tailor-img {
    height: 500px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}

.rct-tailor-wrap .tailor-mask {
    position: absolute;
    z-index: 99;
    width: 50%;
    height: 500px;
    top: 0;
    display: flex;
    flex-grow: wrap;
    align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    background-color: rgba(0, 0, 0, .3);
}

.rct-tailor-wrap .tailor-box {
    width: 550px;
    margin-right: 60px;
}

/* ================= destination END ===================== */



/* ================= china-tours  ===================== */

.rct-tour-itinerary .tour-itinerary-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #000000;
}

.rct-tour-itinerary .tour-itinerary-body {
    width: 100%;
}

.icon-arrow-down::after {
    font-family: bootstrap-icons !important;
    font-weight: 400 !important;
    content: '\F282';
    float: right;
    transition: all ease-in-out 500ms;
}

.rct-tour-itinerary .tour-itinerary-title .switch-btn {
    border: 0;
    font-size: 20px;
    width: 160px;
    text-align: right;
    position: relative;
}

.rct-tour-itinerary .tour-itinerary-title button.icon::before {
    font-family: bootstrap-icons !important;
    font-weight: 400 !important;
    content: '\F282';
    position: absolute;
    left: 10px;
    transition: all ease-in-out 500ms;
}

.rct-tour-itinerary .tour-itinerary-title button.in::before {
    transform: rotate(-180deg);
}

.tour-itinerary-body .accordion .itin-item {
    border: 1px solid #dee2e6;
    border-bottom: 0;
    background-color: ffffff;
}

.tour-itinerary-body .accordion .itin-item .in::after {
    transform: rotate(-180deg);
}


.tour-itinerary-body .accordion .itin-item:first-child {
    border-top: 1px solid #dee2e6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.tour-itinerary-body .accordion .itin-item:first-child .panel-title {
    border-top: 1px solid #dee2e6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.tour-itinerary-body .accordion .itin-item:last-child {
    border-bottom: 1px solid #dee2e6;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.tour-itinerary-body .accordion .itin-item .panel-title {
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.2em;
    color: #a68a66;
    cursor: pointer;
    background-color: #ffffff;
    padding: 10px;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 0;
}

.tour-itinerary-body .accordion .itin-item .bgin {
    background-color: #e7f1ff;
}



.tour-itinerary-body .accordion .itin-item .panel-body {
    padding: 10px;
}

.rct-tour-included .includes p {
    background: url("/images/icons/allow-22.png") no-repeat;
    background-position: 0 2px;
    padding-left: 26px;
}

.rct-tour-included .excludes p {
    background: url("/images/icons/forbid-22.png") no-repeat;
    background-position: 0 2px;
    padding-left: 26px;
}

.rct-how-we-work {
    background-color: #f7f7f7;
}

.rct-how-we-work .step-list {
    flex-wrap: nowrap;
    font-size: 1.25rem;
    line-height: 1.2em;
    justify-content: space-between;
    padding-bottom: .625rem;
    padding-top: 1.25rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}

.rct-how-we-work .step-list .line {
    width: 1px;
    margin-right: 50px;
    border-left: 1px dashed #959595;
}

.rct-how-we-work .step-list .step-item {
    padding: 0 50px 0 50px;
    margin: 23px 0 30px 0;
    border-left: 1px dashed #959595;
}

.rct-how-we-work .step-list .step-item:first-child {
    border: 0;
    padding-left: 0;
}

.rct-how-we-work .step-list .step-item img {
    width: 145px;
    height: 68px;
    margin-bottom: 2.5rem;
    vertical-align: middle;
}



/* ================= china-tours END ===================== */




/* ================= contact us START ===================== */
.contact-us-container .step-box {
    width: 830px;
    height: 300px;
}

.contact-us-container .step-box img {
    position: absolute;
}

.contact-us-container .step-title {
    width: 100%;
    font-size: 36px;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .65);
}

.contact-us-container .step-flex {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.contact-us-container .mask {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .25);
    z-index: 0;
}


.post-form .card {
    width: 830px;
    margin-left: 0;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .14);
    padding-left: 0;
    padding-right: 0;
}

.post-form .card .card-header,
.aboutus-left .card .card-header {
    font-weight: bold;
    background-color: #dee2e6;
}

/* 
.post-form .step-wrap {
    width: 830px;
     display: none; 
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-left: 0px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .14);
} 
*/

/* .post-form .open {
    display: ;
} */

.post-form .ot-destinations .form-check-inline,
.post-form .ot-travel-style .form-check-inline,
.post-form .ot-hotelclass .form-check-inline {
    width: 20%;
}

.post-form .ot-destinations .form-check-inline .other-cities {
    border: 0;
    border-bottom: 1px solid #565656;
}

.post-form .ot-destinations .form-check-inline .other-cities::placeholder {
    color: #aaa;
    /* 占位符字体颜色（浅灰色，常用值） */
    opacity: 1;
    /* 修复部分浏览器默认透明度导致的颜色偏淡问题 */
}

.post-form .ot-travel-style label {
    width: 100%;
    margin: 10px 0;
}

.post-form .ot-hotelclass .form-check-inline label {
    width: 100%;
}

/* ================= contact us END ===================== */


/* ================= language dropdown START ===================== */
.language-select-box {
    justify-content: flex-end;
}

.language-select-box .dropdown-toggle {
    min-width: 120px;
}

.language-select-box .dropdown-item:hover {
    border-left: 3px solid #007bff;
}

.language-select-box .dropdown-menu {
    min-width: 120px;
}

.language-select-box .dropdown-item .fi {
    margin-right: 3px;
}

.language-select-box .dropdown-item:hover {
    border-left: 0;
    background-color: #f39800;
    color: #ffffff;
}

/* ================= language dropdownEND ===================== */

/* ================= number-stepper START ===================== */
.number-stepper {
    display: flex;
    align-items: center;
    width: 100%;
    /* 自适应容器宽度 */
    max-width: 160px;
    /* 最大宽度限制 */
    margin: 0;
}

.stepper-btn {
    flex-shrink: 0;
    /* 按钮不收缩 */
    width: 40px;
    /* 包含边框的总宽度 */
    height: 40px;
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #333;
    transition: all 0.2s ease;
}

.stepper-btn:hover {
    background-color: #f0f0f0;
    border-color: #007bff;
    color: #007bff;
}

.stepper-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #f8f9fa;
}

.stepper-input {
    flex: 1;
    /* 占用剩余空间，实现自适应 */
    min-width: 0;
    /* 移除默认最小宽度限制 */
    height: 40px;
    /* 与按钮高度一致 */
    text-align: center;
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    font-size: 16px;
    outline: none;
    box-sizing: border-box;
    /* 确保padding不影响总宽度 */
}

.stepper-input:focus {
    border-color: #007bff;
}

/* ================= number-stepper END ===================== */



/* ================= datepicker START ===================== */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 55px;
    margin: 0 2%;
}

/* ================= datepicker END ===================== */