@charset "utf-8"; /* public style */ body { margin: 0; font-family: Calibri; color: #000; background: #fff; font-size: 19px; } a, a:hover { color: #000; text-decoration: underline; cursor: pointer; } h1 { font-size: 42px; line-height: 45px; font-family: 'Goudy Old Style'; } h2 { font-size: 30px; margin-top: 90px; line-height: 32px; font-family: 'Goudy Old Style'; clear: both; } h3 { font-size: 26px; margin-top: 40px; line-height: 28px; font-family: 'Goudy Old Style'; } h3 em { color: #ad1818; font-size: 30px;} h4 { font-size: 22px; margin-bottom: 15px; font-weight: 400;} p { line-height: 24px; padding: 0; margin-top: 0; margin-bottom: 25px;} .img-responsive, video, .table-responsive { display: block; max-width: 100%; height: auto; overflow-x: auto; } .adsbygoogle { margin-bottom: 50px;} .updated_news {top: 68px; display: block; width: 100%; background: #871010; position: relative; padding: 7px 0; color: #fff; font-size: 17px; text-align: center;} .updated_news a {color: #fff;} .img-responsive {max-width: 100%;} .grecaptcha-badge { display: none !important;} .all_width_content { padding: 0; background: #f1f1f1; margin-top: 90px; } .form_content_bg {background: #000; height: 890px; float: left; display: block; width: 46%;} .form_content {position: relative; width: 1140px; margin: 0 auto; left: 0; right: 0; padding: 20px 0 50px 0;} .formtitle {color: #fff; padding: 140px 0 0 0; width: 480px; position: absolute;} .formtitle:before { border-left: solid 90px #000; border-bottom: solid 420px transparent; border-top: solid 420px transparent; margin-left: 485px; margin-top: -115px; content: ' '; position: absolute; } .formtitle ul {padding-left: 0; margin-top: 50px;} .formtitle ul li {margin-bottom: 40px; list-style: none;} .formtitle ul li img {width: 60px; margin-top: 5px; height: 60px; float: left; margin-right: 20px; margin-bottom: 35px;} .formtitle ul li strong {font-family: 'Goudy Old Style'; font-size: 24px; margin-right: 5px;} .list_tmbottom { padding-top: 20px; z-index: 9; margin: 0 auto; background: #f1f1f1;} .list_tmbottom input { width: 90%;} .list_tmbottom textarea { width: 94%; margin-bottom: 15px; height: 100px;} .list_tmbottom h3 { font-size: 21px !important; line-height: 23px !important;} .headerbar { z-index: 99999; background: #fff; position: fixed; width: 100%; box-shadow: 0px 2px 4px 0px #d1d1d1; } .siteSearch { position: relative; margin-left: 15px; } .siteSearch .strkeys { width: 87%; height: 40px; padding: 0 15px; font-size: 16px; } .siteSearch .submits { padding-top: 11px; padding-right: 0; width: 20px; position: absolute; right: 20px; border:none; padding-left: 0; } .bottommedia { width: 50%; float: left; padding-left: 15px; } .followtitle { text-transform: uppercase; margin-bottom: 20px; display: block; } .info_tm_button {position: fixed; bottom: 5px; background: #ad1818; width: 75px; height: 75px; border-radius: 50%; box-shadow: 1px 1px 4px 2px #d1d1d1;} .info_tm_button a {display: block; color: #fff; text-decoration: none; font-size: 19px; font-weight: 600; text-align: center; padding-top: 18px; line-height: 18px; height: 58px;} /* -------- */ .infocategory { font-size: 17px; width: 1140px; margin: 0 auto; margin-top: 15px; text-align: right;} .infocategory a { color: #fff; margin-right: 20px; text-decoration: none;} .infocategory a:after {content: ""; position: absolute; width: 5px; height: 5px; transition: transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); border-top: 2px solid; border-right: 2px solid; transform: rotate( 45deg ); margin-top: 7px; margin-left: 3px;} .infoimage, .infovideo { margin-bottom: 30px; position: relative; } .infoimage img {--tw-shadow: 0px 4px 15px 2px rgba(70,70,70,0.3); box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow); border-radius: 6px; } .ah_highlights_tag img { box-shadow: none; position: absolute; top: 0; } .right_image {position: relative; float: right; width: 350px; margin: 10px 0 30px 30px;} .right_image img { width: 100%;} .infoimagetitle {font-size: 18px; margin-top: 10px; color: #999;} .photoTxt { position: absolute; bottom: 0; padding: 5px 10px; color: #fff; font-size: 16px; background: rgb(57 57 57 / 80%); border-radius: 0 0 0 6px; } table.InfoTable, table.infotable { border-left: 1px solid #d1d1d1; border-spacing: 0; margin: 20px 0 30px 0; width: 100%; border-top: 1px solid #d1d1d1; } table.InfoTable th, table.infotable th { background: #e5e5e5; padding: 15px 10px; border-right: 1px solid #d1d1d1; font-family: 'Goudy Old Style'; } table.InfoTable td, table.infotable td { padding: 10px 15px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; } table.InfoTable tr:nth-child(odd), table.infotable tr:nth-child(odd) { background: #f6f6f6; } ul.InfoList li, ul.ghlist li, ul.infolist li { list-style: square; margin-bottom: 10px; } ul.InfoList, ul.ghlist, ul.infolist {padding: 0 15px 0 20px;} ol {padding: 0 15px; margin: 10px 0; display: table;} ol li { margin-bottom: 5px; padding-left: 10px;} .right_brand_info {width: 330px; float: right; background: #f6f6f6; margin-bottom: 20px; border-top: 7px solid #ad1818;} .right_brand_info h2 { padding: 15px 0; text-align: center; font-size: 22px; margin-top: 0; line-height: 25px; margin-bottom: -10px;} .right_brand_info ul {padding: 0 25px; margin-bottom: 40px;} .right_brand_info ul li{ list-style: none; margin-bottom: 20px; font-size: 18px;} .right_brand_info ul li strong { display: block; font-size: 19px; margin-bottom: 3px; font-family: 'Goudy Old Style'; font-weight: 600; color: #ad1818; line-height: 18px; } .info_reco_tours { font-size: 20px; font-family: 'Goudy Old Style'; border-left: 8px solid #ad1818; font-weight: 600; background: #f7f7f7; margin-bottom: 10px; padding: 7px 20px;} .info_reco_tours em {color: #ad1818; margin-right: 10px; text-transform: uppercase; font-size: 22px;} .tripnotes { margin: 15px 0 30px 0; font-size: 20px; clear: both; border-top: 1px solid #d1d1d1; cursor: pointer; padding: 10px 15px 0 15px; line-height: 27px; } .tripnotes .OpenIcon { background: url(//data.chinahighlights.com/pic/open-icon-bj-1.png?20180227) no-repeat; height: 20px; width: 20px; cursor: pointer; position: relative; float: right; display: block; top: -20px; } .tripnotes .CloseIcon { background: url(//data.chinahighlights.com/pic/close-icon-bj-1.png) no-repeat; height: 20px; width: 20px; cursor: pointer; position: relative; float: right; display: block; top: -20px; } .skipAhead ul { width: 750px; padding-left: 20px; display: inline-block; } .skipAhead li { float: left; list-style: square; width: 90%; margin-bottom: 10px; padding: 0 15px; } .headerText { background-color: #FFF; text-align: center; font-weight: 600; font-family: 'Goudy Old Style', sans-serif; width: 220px; left: calc(50% - 115px); position: absolute; top: -10px; text-transform: uppercase; } .skipBox { border-top: 1px solid #d2d2d2; background-size: 100%; position: relative; border-bottom: 1px solid #d2d2d2; margin: 30px 0 50px 0; padding: 20px 0;} h2.nexttitle { text-align: center; margin-top: 40px;} p.nextinfo {text-align: center;} .web_cookie {background-color: #f1f1f1; position: fixed; bottom: 0; right: 0; box-shadow: -2px -2px 4px 0px #f1f1f1; width: 35%; z-index: 9999;} .web_cookie p {display: inline-block; padding: 15px; font-size: 16px; margin-bottom: -5px; line-height: 18px; width: 88%;} .cookie_close {float: right; padding: 5px 10px; cursor: pointer; background: #fff; font-weight: 600; font-size: 16px;} .tournextname a {color: #fff; position: absolute; background: rgba(0, 0, 0, 0.40) none repeat scroll 0 0; bottom: 0px; font-size: 21px; font-weight: 600; font-family: 'Goudy Old Style'; padding: 15px; line-height: 23px; text-shadow: 1px 1px 1px #000; text-decoration: none; width: calc(100% - 30px); height: calc(100% - 265px); padding-top: 250px;} .tournextname a:hover {background: none;transition: 1s;} .nextarticle { float: left; position: relative; margin-right: 15px;} .infotailor { margin: 100px 0 0 0; background: #f1f1f1; position: relative; clear: both; } .infotailor:after { content: ' '; position: absolute; left: calc(100% - 55%); right: auto; top: 0px; bottom: auto; border: 40px solid; border-color: #fff transparent transparent transparent; } .infotailorword { font-size: 27px; text-align: center; line-height: 32px; font-family: 'Goudy Old Style'; font-weight: 600; margin: 0 auto; padding: 0; } .infotailormade { font-size: 20px; background: #fff; border: 2px solid #ad1818; text-align: center; width: 300px; margin: 15px auto; display: block; } .infotailormade a { color: #ad1818; text-decoration: none; display: block; text-transform: uppercase; } .infotailormade a:hover {background: #ad1818; color: #fff; transition: 0.5s;} .goHome { text-align: center; } .goHome a { color: #999; } .bottom_why_us {background: url(https://data.asiahighlights.com/image/about/ah-bottom-why-us-bg-pc.jpg) center #565656; background-size: cover; height: 450px; padding-top: 5px;} .bottom_why_us h2 {text-align: center; color: #fff; margin-top: 60px;} table.why_us_table { width: 1140px !important; margin: 20px auto 0 auto; color: #fff;} .bottom_why_us_content { text-align: center; padding: 0 15px; height: 300px;} .bottom_why_us_content img {width: 60px; margin: 0 auto;} .bottom_why_us_content h3 {font-size: 22px; font-family: 'Goudy Old Style'; margin-top: 20px;} .bottom_why_us_content p {font-size: 18px;} .bottom_destinations { background: #333; padding: 70px 0 50px 0; color: #fff; position: relative;} .bottom_destinations ul { display: inline-block;} .bottom_destinations ul li a { color: #fff; text-decoration: none;} .bottom_destinations ul li { font-family: 'Goudy Old Style'; border-left: 5px solid #862424; padding-left: 15px; font-size: 18px; font-weight: 600; margin-bottom: 10px; list-style: none; margin-right: 40px;} .destination_links { width: 100%;} /*首页反馈*/ .whyus { border-right: 1px solid #d1d1d1; padding: 0 40px 55px 0; width: 43%; float: left; } .whyus ul { padding-left: 0;} .whyus li { font-size: 19px; list-style: none; margin-bottom: 40px; } .whyus li strong { font-size: 23px; display: block; margin-bottom: 10px; color: #ad1818; font-family: 'Goudy Old Style'; } .customerReview { padding-left: 70px; width: 47%; display: inline-block; } .reviewList { overflow: hidden; margin-bottom: 30px; } .reviewList img { border: 1px solid #d1d1d1; padding: 5px; float: left; width: 25%; } .reviewList .reviewContent { line-height: 18px; float: right; width: 67%; } .reviewList .reviewContent .quoteEnd { font-size: 18px; line-height: 23px; } .reviewList .floatLeft {float: left; margin-right: 30px; width: 60%;} .reviewList .byWho { display: block; font-size: 16px; color: #999; margin-top: 5px; } .trustPilotIcon { margin: 20px 0 20px; font-size: 20px; } .trustPilotIcon img { display: block; margin-top: 10px;} /*文中广告*/ .info_ad { position: relative; margin: 0 5px 20px 5px;} .info_ad_button { background: #fff; border-radius: 50%; text-align: center; padding-top: 8px; width: 40px; position: absolute; right: 10px; bottom: 10px;} .info_ad_button a { display: block; height: 40px; margin-top: -10px;} .info_ad_button a:after { content: ""; position: absolute; width: 10px; height: 10px; transition: transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); border-top: 3px solid #ad1818; border-right: 3px solid #ad1818; transform: rotate( 45deg ); margin-top: 15px; margin-left: -10px; } /*tour detail*/ .tournavi { position: sticky; z-index: 11; margin: 0 auto; margin-top: -50px; background: #fff; top: 0; width: 100%; display: flex; padding: 5px 0; box-shadow: 0px 2px 6px #d2d2d2; } .TopNavi { font-size: 17px; border-right: 1px solid #d2d2d2; padding-top: 5px; text-align: center; width: 25%; } .TopNaviLast { font-size: 17px; height: 25px; padding-top: 5px; text-align: center; width: 24%; } .TopNavi a, .TopNaviLast a {text-decoration: none;} .ah_tour_subtitle {text-align: center; font-size: 25px; margin: 60px 0 30px 0; font-family: 'Goudy Old Style'; font-weight: 600;} ul.tourhighlights { padding: 0 15px 0 20px;} ul.tourhighlights li {list-style: square; margin-bottom: 10px; font-size: 19px;} .feedback_content { line-height: 21px; font-style: italic; padding: 30px 0 0 60px; background: url(https://data.asiahighlights.com/image/tour/asia/china-tours-feedback-bg-left.png) no-repeat 15px 30px; background-size: 40px;} .feedback_content strong {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px; font-size: 20px; height: 45px;} .feedback_content p { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 0; height: 110px; margin-bottom: 5px; line-height: 22px;} .country_name, .plan_left_title {font-size: 20px;} .plan_right_title {font-size: 18px;} .customer_name { color: #999; font-size: 17px; margin: 15px 0 10px 0;} .tour_date { margin-right: 30px;} .tourDays { float: left; padding: 4px 10px; font-size: 17px; font-family: 'Goudy Old Style'; margin-top: 10px; text-transform: uppercase; background: #000; color: #fff; font-weight: 600; margin-right: 20px;} .tourDays:after { border-left: solid 11px #000; border-bottom: solid 13px transparent; border-top: solid 14px transparent; margin-left: 10px; margin-top: -3px; content: ' '; position: absolute; } .tourDays strong {font-size: 18px; margin-left: 5px;} .tour_city {display: table-cell; font-weight: 600; height: 25px; padding: 12px 15px 0px 0; font-size: 20px; font-family: 'Goudy Old Style';} .ItineraryContent { border-left: 2px dashed #d1d1d1; margin-bottom: -35px; padding-top: 15px; padding-left: 10px; margin-left: 10px; padding-bottom: 30px;} p.itinerary_highlight { background: url(https://images.globalhighlights.com/allpicture/2023/09/1a7e24be2e6f4e67bfca7311.png) no-repeat; padding-left: 35px; font-weight: 600; font-style: italic; font-size: 20px; min-height: 30px;} .tour_hotel, .tour_dinner, .tour_place { font-size: 18px; display: block; color: #7d7d7d; margin: 0 15px 10px 0;} .service_include { background: #efefef; margin-top: 80px; padding: 1px 25px 50px 25px;} .tour_price { border-bottom: 1px solid #c5c5c5; padding: 0 0 20px 0;} .price_days {font-weight: 600; display: block; margin-bottom: 15px;} .tour_price strong { font-size: 25px; color: #ad1818; display: inline-block;} .price_person {font-size: 18px;} .tour_price_list {text-align: center; font-size: 19px; margin-bottom: 10px; font-style: italic;} .tour_price_list strong { font-size: 22px; color: #ad1818; margin: 0 3px;} .ah_hotel { display: inline-block; width: 372px; } .ah_hotel img {float: left; width: 50%; height: 125px; } .hotelbg { padding: 15px; background: #efefef; display: table; width: 40%; height: 95px; } .hotel_city { color: #7d7d7d; font-size: 16px; margin-bottom: 5px; display: block; } .hotel_name {font-size: 18px; line-height: 19px;} .highlights_content { margin-bottom: 80px;} ul.tour_tags {padding-left: 0;} ul.tour_tags li {list-style: none; border-left: 3px solid #ad1818; padding-left: 10px; font-size: 20px; margin-bottom: 10px;} ul.tour_tags li strong {margin-right: 10px; font-family: 'Goudy Old Style'; } .expert_say_content {border-radius: 6px; padding: 25px; position: relative; background: #fff; box-shadow: 0px 0px 4px 0px #dcdcdc; border: 1px solid #dcdcdc; margin: 0 50px; font-style: italic;} .expert_content {padding: 0 65px; margin-top: 40px;} .expert_content img {width: 100px; border-radius: 50%; float: left; margin-right: 35px;} .expert_content ul {display:inline-block; margin: 0; padding-left: 0;} .expert_content ul li {list-style: none;} .expert_content ul li.expert_name {list-style: none; font-size: 25px; font-family: 'Goudy Old Style'; font-style: italic; color: #254888; font-weight: 600; margin-bottom: 5px;} .expert_content ul li.expert_why {background: url(https://data.asiahighlights.com/image/forms/proposal-letter-special-requests-list-bg.png) no-repeat left; list-style: none; padding-left: 35px; margin-bottom: 5px;} .expert_content ul li.expert_why strong {color: #254888;} .expert_content ul li.expert_whatsapp {background: url(https://data.asiahighlights.com/image/forms/proposal-letter-whatsapp.jpg) no-repeat; list-style: none; padding-left: 35px; margin-top: 8px;font-weight: 600;} .expert_say_content:after { content: ' '; position: absolute; bottom: -30px; border-style: solid; border-width: 10px; border-color: #fff transparent transparent #fff; background-color: #d1d1d1; margin: 20px; transform: rotate( 45deg); left: 35px; } .tour_itinerary { display: inline-block; margin-bottom: 20px;} .tourmore { text-align: center; font-style: italic; font-size: 22px;} .tourmore a:after{content: ""; position: absolute; width: 6px; height: 6px; transition: transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); border-top: 3px solid #ad1818; border-right: 3px solid #ad1818; transform: rotate( 45deg ); margin-top: 4px; margin-left: -20px;} .inquirybutton { font-size: 21px; position: fixed; bottom: 0; padding: 5px 0; width: 750px; font-family: 'Goudy Old Style'; font-weight: 600; z-index: 9999; } .inquirybutton a { color: #fff; display: block; height: 30px; padding-top: 3px; background: #ad1818; width: 70%; margin: 0 auto; border-radius: 25px; text-align: center; text-decoration: none; } .tmbottom {background: #efefef; padding: 5px 30px; position: relative; margin-top: 80px; z-index: 9999; margin-bottom: 30px;} .tmbottom:after { content: ' '; position: absolute; left: calc(100% - 55%); right: auto; top: 0px; bottom: auto; border: 35px solid; border-color: #fff transparent transparent transparent; } .tmbottom h2 {text-align: center;} input { border: none; border-radius: 6px; font-size: 17px; padding: 9px 15px; margin-bottom: 15px;} input.FullName {background: url(https://data.chinahighlights.com/pic/input-name.png) no-repeat 15px #fff; padding-left: 50px;} input.EmailAddress {background: url(https://data.chinahighlights.com/pic/input-email.png) no-repeat 15px #fff; padding-left: 50px;} input.InquiryCalendar {background: url(https://data.chinahighlights.com/pic/top10/tour-calendar.png) no-repeat 15px #fff; padding-left: 50px;} input.Inquiryphone {width: 48.8% !important; padding-left: 15px !important; margin-left: 7px;} textarea { border: none; padding: 15px; width: 100%; font-size: 19px; font-family: Calibri; line-height: 22px; border-radius: 7px;} button { background: #ad1818; border: medium none; border-radius: 25px; color: #fff; font-size: 20px; padding: 7px; width: 70%; margin: 50px auto 30px auto; font-weight: 400; cursor: pointer; } .checkYes {margin-bottom: 5px; float: left; margin-right: 23px;} .checkYes input {width: 18px !important; float: left !important; margin-right: 10px !important; margin-bottom: 10px !important; margin-left: 0 !important; height: 18px;} .travel_group { float: left; width: 19%; margin-right: 40px; } .travel_group input { display: none;} .travel_group input[type="radio"]+label { background: #fff; width: 100%; display: inline-block; margin-top: 10px; margin-right: 10px; background: #fff; font-size: 19px; border: 1px solid #d1d1d1; border-radius: 4px; text-align: center; color: #000; padding: 10px; line-height: 18px; } .travel_group input[type="radio"]+label:hover, .travel_group input[type="radio"]:checked+label { cursor: pointer; color: #fff; background: #ad1818; } .group_selection { display: flex;} #adultBlock { width: 100%; display: inline-block; margin: 15px 0; } #childrenBlock p { font-size: 19px; } .selectionBlock {display: inline-block; width: 100%; margin-bottom: 25px;} .list_tmbottom input { width: 90%;} .selectHotl { width: 100%; text-align: center; display: inline-block; margin-bottom: 40px; margin-top: -20px; } .optionLable { width: 31.8%; display: inline-block; margin-top: 10px; float: left; margin-right: 10px; background: #fff; } .optionLable input { display: none; } .optionLable input[type="radio"]+label { font-size: 19px; border: 1px solid #d1d1d1; border-radius: 4px; display: block; text-align: center; color: #000; min-height: 40px; padding: 10px; font-family: Calibri; line-height: 22px; } .selectionMemo { font-size: 22px; font-style: italic; font-weight: 600; margin-top: 2px; } .optionLable input[type="radio"]+label:hover { border: 1px solid #ad1818; cursor: pointer; color: #ad1818; } .optionLable input[type="radio"]:checked+label { border: 1px solid #ad1818; color: #ad1818; } .optionLable input[type="radio"]:disabled+label { color: #999;} .peopleSelect {width: 33%; display: inline-block; float: left;} .kids_age { float: left; width: 31%; margin: 0 5px; } .formMemo { font-size: 18px; display: block; margin-bottom: 10px; } .numberBtn { width: 100%; overflow: hidden; } .minaddBtn { background: #FFF; border: 1px solid #d1d1d1; border-radius: 4px; color: #ad1818; width: 20% !important; font-size: 35px; margin-top: 5px; cursor: pointer; padding: 5px 10px 5px 10px !important; } .kidNum, .number { width: 30% !important; text-align: center; border: 1px solid #d1d1d1; border-radius: 4px; height: 30px; font-size: 25px; position: relative; top: -5px; padding: 10px !important; } .payonline_price {background: #fff; text-align: center; font-size: 22px; padding: 10px 0; margin-bottom: 10px;} .payonline_price strong {color: #ad1818; font-size: 27px;} .contactwechat {font-weight: 600; font-style: italic; text-align: center;} .contactwechat img { margin-bottom: 5px;} .wechatred {color: #ad1818;} .contactwhyus {display: flex; margin: 80px auto;} .whyusinfo {width: 34%;} .contactwhyus img {margin: 0 auto; display: block; margin-bottom: 20px;} .contactwhyusinfo { display: block; text-align: center; font-size: 19px; padding: 0 10px;} .contactwhyusinfo strong {display: block; font-family: 'Goudy Old Style'; font-size: 22px;} .tp_banner {position: absolute; width: 100%; bottom: 0; background: #333; text-align: center; color: #fff; font-size: 16px; padding: 6px 0 5px 0; display: flex; justify-content: center;} .tp_banner img {height: 18px; display: inline-block; margin-left: 10px; margin-right: 10px;} .sendButton {display: block !important; } /* 集合页 */ .content_bg_grey {background: #fff; width: auto; max-width: 100%; margin-right: auto; margin-left: auto; } table.info_reco_table, table.tour_table { width: max-content;} table.info_reco_table td { width: 270px;} table.tour_table td.tour_td_image {position:relative; width: 280px; padding-right: 15px;} .experience_info { position: absolute; bottom: 0; color: #fff; background: rgb(0 0 0 / 35%);} .experience_info p { padding: 20px; text-shadow: 1px 1px 1px #000; position: absolute; top: 90px;} .experience_name {font-size: 23px; display: block; text-shadow: 1px 1px 1px #000; font-family: 'Goudy Old Style'; font-weight: 600; color: #fff; width: 235px; top: 0; position: relative; height: 328px; padding: 20px;} .experience_name a { color: #fff; height: 333px; display: block; position: absolute; width: 240px; left: 0px; top: 0px; padding: 20px;} .more_tours { text-align: center; font-size: 25px; font-weight: 600; margin-top: 30px; font-family: 'Goudy Old Style';} .area_guide {width: 200px; float:left; margin: 15px 20px 20px 0;} .area_name {display: block; border: 1px solid #e5e5e5; border-top: none; padding: 10px; background: #fff; border-bottom: 3px solid #ad1818; font-weight: 600; line-height: 20px;} .area_name a { text-decoration: none;} .country_name { position: absolute; top: 0; width: 280px; text-align: center; font-size: 23px; text-shadow: 1px 1px 1px #000; font-weight: 600; height: 94px; } .country_name strong { font-size: 27px;} .country_name a {background: rgb(0 0 0 / 45%); height: 100%; padding-top: 280px; display: block; text-decoration: none; font-family: 'Goudy Old Style'; color: #fff;} .plan_title_bg {position: absolute; top: 0; bottom: 0; height: 100%; width: 100%; background: rgb(0 0 0 / 45%);} .plan_left_title { width: 100%; position: absolute; text-align: center; font-size: 20px; font-family: 'Goudy Old Style'; font-weight: 600; text-shadow: 1px 1px 1px #000; line-height: 22px;} .plan_left_title a, .plan_right_title a { color: #fff;} .plan_left_title a { height: 236px; display: inline-block; padding: 130px 15px 0 15px;} .trip_plan_left a, .trip_plan_right a {text-decoration: none;} .plan_right_top {position: relative; margin-bottom: 17px;} .plan_right {position: relative;} .plan_right_title {position: absolute; bottom: 0; background: rgb(0 0 0 / 55%); width: calc(100% - 20px); padding: 5px 10px; font-family: 'Goudy Old Style'; font-weight: 600; font-size: 19px; text-shadow: 1px 1px 1px #000;} img.country_map {margin-top: 15px; display: inline-block;} .ah_index_tour_bg {padding: 10px; } .ah_index_tour_bg h3 {height: 60px; line-height: 20px; margin-top: 0; font-size: 20px; margin-bottom: 10px; font-family: 'Goudy Old Style';} .ah_index_tour_bg a { text-decoration: none;} .tour_list_subtitle {height: 45px; border-bottom: 1px solid #d1d1d1; margin-bottom: -5px; padding-bottom: 5px; line-height: 20px; } .ah_index_tour_city {height: 80px;color: #848484;line-height: 20px;} .ah_index_tour_button {text-transform: uppercase; font-weight: 600; margin: 15px 0 0 0; display: table; width: 100%;} .ah_index_tour_button a {color: #ad1818; padding: 3px 20px; font-size: 17px; font-weight: 600; background: #fff; border: 2px solid #ad1818; position: relative; top: 8px;} .ah_index_tour_button a:hover { color: #ad1818; transition: 0.5s; border-radius: 30px;} img.tour_list_map { margin: 5px 0;} .tour_list_price {float: left; display: inline-block; width: 51%; line-height: 22px; font-size: 23px; color: #ad1818; border-right: 1px solid #d1d1d1; margin-right: 27px;} .tour_list_price strong { font-size: 20px; display: block; color: #000; text-transform: initial;} /* Menu styles */ .menu { position: fixed; top: 120px; left: 0; width: 300px; height: calc(100vh - 120px); background: #fff; } .menu__wrap a {text-decoration: none;} .menu__level { position: absolute; left: 0; visibility: hidden; overflow: hidden; overflow-y: scroll; width: calc(100% + 50px); height: 100%; margin: 0; padding: 0; z-index: 1; list-style-type: none; } .menu__level:focus { outline: none; } .menu__level--current { visibility: visible; } .menu__item { width: calc(100% - 50px); } .menu__link { font-weight: 600; position: relative; display: block; padding: 7px 15px; font-size: 20px; font-family: 'Goudy Old Style'; line-height: 22px; text-align:center; } .menu__link[data-submenu]::after { position: absolute; content: ""; width: 6px; height: 6px; transition: transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); border-top: 2px solid #000; border-right: 2px solid #000; margin-top: 8px; margin-left: 5px; transform: rotate( 45deg ); } .menu__link:hover, .menu__link:focus, .menu__link[data-submenu]:hover::after, .menu__link[data-submenu]:focus::after { color: #000; } [class^='animate-'], [class*=' animate-'] { visibility: visible; } .animate-outToRight .menu__item { -webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1); animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1); } @-webkit-keyframes outToRight { to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes outToRight { to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate-outToLeft .menu__item { -webkit-animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1); animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1); } @-webkit-keyframes outToLeft { to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes outToLeft { to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate-inFromLeft .menu__item { -webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1); animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1); } @-webkit-keyframes inFromLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes inFromLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate-inFromRight .menu__item { -webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1); animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1); } @-webkit-keyframes inFromRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes inFromRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .menu__back { position: absolute; border: none; background: #fff; } .menu__back--hidden { pointer-events: none; opacity: 0; } .menu__back:hover, .menu__back:focus { color: #fff; outline: none; } /* Open and close buttons */ .action { position: absolute; border: none; background: none; } .action:focus { outline: none; } .action--close { top: -2em; right: -110px; } /*@media screen and (max-width: 40em) {} .action--open,*/ .action--close { display: block; } .menu { z-index: 1000; top: 0; width: 100%; height: 100vh; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .menu--open { z-index: 9999999; transform: translate3d(0, 0, 0); } .menu__breadcrumbs { font-size: 16px; line-height: 1; position: relative; padding: 25px 20px; } .menu__breadcrumbs a { font-weight: bold; text-transform: uppercase; } .menu__breadcrumbs a:last-child { pointer-events: none; } .menu__breadcrumbs a:not(:last-child)::after { content: '←'; display: inline-block; padding: 0 0.5em; color: #999; } .menu__breadcrumbs a:not(:last-child):hover::after, .menu__breadcrumbs a:not(:last-child):focus::after { color: #33353e; } /* menu end */ /*pc style begin */ .newsletter_form {background: url(https://data.asiahighlights.com/image/forms/ah-bottom-newsletter-bg-japan.jpg) no-repeat; background-size: cover; color: #fff; text-shadow: 1px 1px 1px #000; padding: 1px 0 70px 0;} .newsletter_form input { width: 45%; margin-right: 15px;} button#submit_newsletter { display: block; width: 40%;font-family: 'Goudy Old Style';font-weight: 600; margin: 30px auto;} .followtitle a { color: #fff; text-decoration: none; } .aboutusleft { width: 50%; float: left; display: inline-block; } .bottompctitle { text-transform: uppercase; color: #797979; font-weight: bold; width: 23%; height: 115px; float: left; } .aboutusinfo { font-size: 18px; padding-right: 20px; } .trustPilotIconBig { width: 75%; float: right;} .aboutusinfo a { color: #fff; } .aboutusright { width: 50%; display: inline-block; } .bottomlinks { display: table-cell;} .bottomaboutuslinks { border-top: 1px solid #797979; margin-top: 50px; } .bottomlinksleft { width: 61%; float: left; display: inline-block; } ul.socialmedias { float: right; margin-top: 15px;} ul.socialmedias li { float: left; margin-right: 20px; font-size: 18px; list-style: none;} ul.socialmedias li a {color: #fff; text-decoration: none;} ul.withBorder { padding: 10px 0; margin-top: 0; } ul.withBorder li { display: inline; margin-right: 15px; } ul.withBorder li a { color: #fff; text-decoration: none;} .infobottom { background: #565656; color: #fff; padding-top: 100px; padding-bottom: 110px; position: relative; width: 100%; } img.bottomlogopc { float: left; margin-right: 30px; } .bottomcopyright { font-size: 17px; display: inline-block; padding-top: 30px; } .bottomprivacy { display: inline-block; float: right; padding-top: 30px; font-size: 17px; } .bottomprivacy a { color: #fff; } .main_content { width: 1140px; max-width: 100%; margin-right: auto; margin-left: auto; display: table; } .dropdown-content { width: 100%; left: 0; display: block; position: absolute; box-shadow: 0px 2px 4px 0px #d1d1d1; transition: 0.5s; height: 0; overflow: hidden; } .dropdown:hover .dropdown-content { height: 270px; background: #fff; } ul.inspiration { padding-left: 0; width: 200px; } ul.inspiration li { line-height: 24px; width: 300px; } ul.inspiration li a { padding: 0; text-transform: initial; } ul.inspiration li a:hover { border-bottom: none; padding: 0; } .inspirationlist { float: left; } .inspirationtitle { font-weight: 600; font-size: 20px; color: #ad1818; border-bottom: 1px solid #d2d2d2; padding-bottom: 5px; margin-bottom: 5px; display: inline-block; font-family: 'Goudy Old Style'; width: 85%; } .inspirationtitle a { color: #ad1818; padding: 0 !important;} .inspirationtitle a:hover { border-bottom: none !important;} .inspirationinfo { width: 1140px; margin: 0 auto; padding-top: 15px; } .topthings { width: 25%; } .navi_destination { width: 20%;} .infotoptitle h1 { color: #fff; position: absolute; bottom: 35px; width: 1140px !important; text-shadow: 1px 1px 1px #000; } .topbannerbg { position: absolute; background: rgba(0, 0, 0, 0.33) none repeat scroll 0 0; width: 100%; top: 0; height: 100%; } .authorupdate {color: #fff; position: absolute; bottom: 0; display: block; margin-bottom: 30px; font-size: 16px; text-shadow: 1px 1px 1px #000; width: max-content;} .authorupdate strong { border-right: 2px solid #f1f1f1; padding-right: 10px; margin-right: 10px; font-weight: 400;} .requiredArea {color: #ad1818; display: block; margin-top: -35px; margin-bottom: 30px; font-style: italic; font-size: 17px; border-bottom: 1px dashed;} .feedback_logo { width: 170px;} .tour_feedback { width: 360px; height: 280px; font-size: 18px;} select.kids_number { width: 45%; float: left;} select.country_code, select.kids_number { margin-right: 5px; border: 1px solid #d1d1d1; font-size: 16px; color: #555; height: 40px; padding-left: 10px; background: #fff; border-radius: 6px;} input#contactInfo { width: 55%;} ul.ah_list { display: inline-block; width: 100%; padding-left: 0;} ul.ah_list li { cursor: pointer; font-size: 18px; list-style: none; float: left; background: #3a3a32; color: #fff; text-align: center; padding: 10px 0; margin-bottom: 2px; margin: 0 1px 2px 1px; display: inline-block; width: 19.4%; } ul.ah_list li.active { background: #ad1818;} ul.ah_list li a { color: #fff;} .content_article_title, .info_ad_title { margin-top: 10px; border-left: 5px solid #ad1818; padding-left: 15px; margin-bottom: 15px; font-family: 'Goudy Old Style'; font-weight: 600; font-size: 20px; } .infopage_ad { float: left; width: 360px; margin: 0 5px 15px 5px; padding: 0 5px 0 0; position: relative; height: 113px; border-radius: 6px;} .infopage_ad img {border-radius: 4px; float: left;} .infopage_ad_content {display: inline-block; } .content_article_name { line-height: 22px; margin-bottom: 0; padding: 10px; -webkit-line-clamp: 4; display: block; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; padding-left: 10px; width: calc(100% - 25px); height: calc(100% - 20px); position: absolute; background: rgb(0 0 0 / 40%); border-radius: 4px;} .content_article_name a {text-decoration: none; color: #fff; text-shadow: 1px 1px 1px #000;font-size: 20px; font-weight: 600;} .content_article_button { font-size: 17px; margin-right: 0; margin-bottom: 5px; position: absolute; right: 10px; bottom: 0; background: #fff; border-radius: 50%; } .content_article_button a { width: 34px; height: 34px; float: right; display: inline-block;} .content_article_button a:after { color: #fff; content: ""; width: 10px; height: 10px; transition: transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); float: right; margin-right: 12px; margin-top: 10px; transform: rotate( 45deg ); border-top: 3px solid #ad1818; border-right: 3px solid #ad1818; } /*pc style end */ @media (min-width: 751px) { img.chinahighlightslogo { margin-left: 10px; width: 200px;} .authorupdate { padding-left: 15px; } .topnavitailor { text-transform: uppercase; margin-top: 13px; display: flex; position: absolute; right: 10px; top: 0; } a.infocustomize { font-size: 17px; color: #fff; padding: 3px 12px; background: #ad1818; margin-right: 10px; text-decoration: none; border-radius: 30px; } .action--close { text-align: right; right: 0; padding-right: 15px; } .updated_news { z-index: 9; top: 51px;} .top_banner_tp img { margin-top: 10px !important; width: 130px !important; float: right;} table.why_us_table { width: 920px;} .info_ad_content { position: absolute; bottom: 0; width: 100%;} .infotailor { height: 450px;} .bottomlogoinfo { color: #fff; text-align: center; margin-bottom: 50px; padding: 0 30px; font-size: 18px; font-weight: 300; } .bottomlogoinfo a { color: #fff; text-decoration: underline;} .bottommedia { width: 30%;} .bottommedia ul { padding-left: 15px; } .bottomlinks ul { display: inline-block; padding-left: 0; margin-top: 0; } .bottommedia ul li, .bottomlinks ul li { list-style: none; margin-bottom: 10px;} .bottommedia ul li a, .bottomlinks ul li a { text-decoration: none; color: #fff;} .bottommedia ul li svg {margin-right: 15px;} img.bottomlogocenter { margin: 30px auto 10px auto;} .featureon { padding: 0 20px 0 50px; width: 40%; display: inline-block; } .infobottom {padding: 90px 0 60px 0; display: inline-block;} .bottomlinks { float: left;} .bottomlogo { font-size: 16px; height: 53px; background: url(https://data.chinahighlights.com/image/asia/asia-highlights-bottom-logo.png) no-repeat 10px 0px #1e1e1e; padding-left: 150px; padding-top: 18px; color: #fff; position: relative; } .infotoptitle h1, .infocategory, .skipAhead ul, .list_content, .all_width_content_1140, .form_content, .list_tmbottom { width: auto !important;} #main_content_mobile, .infotoptitle h1{padding: 0 15px;} .info_tm_button { bottom:45px;} .form_content { padding: 0 15px 30px 15px;} .list_tmbottom { padding: 5px 15px 30px 15px;} .topcontent { margin-bottom: 80px;} .infotopimage {margin-top: 51px; position: relative;} .infotopimage img { width: 100%;} .topbannerbg {top: 0;} .infotoptitle { position: absolute;width: 100%;bottom: 80px;} textarea { height: 100px; width: 95%; margin-bottom: 15px;} input.InquiryCalendar, input.FullName, input.EmailAddress {width: 90%; } input.Inquiryphone {width:44% !important;} .optionLable { width: 31%;} .visible-xs {display: none;} .listtour {display: inline-block; clear: none;} .ah_index_tour {width: 30.2%; float: left; margin: 0 10px 20px 10px; border: 1px solid #d1d1d1;} .trip_plan_left { float: left; float: left; width: 52%; margin-bottom: 100px; display: inline-flex;} .plan_left { position: relative; float: left; display: inline-block; margin-right: 14px;} .country_city_guide { width: 100%; margin-bottom: 20px; display: inline-block;} .plan_left_right { position: relative; margin-right: 12px;} .trip_plan_right { width: 48%;float: left;} } @media (min-width: 1200px) { .listtour { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left; clear: both; } .list_tmbottom { width: 800px !important;} .all_width_content_1140 { margin-top: -120px !important; margin-bottom: 120px !important;} .list_content, .all_width_content_1140 {width: 1140px !important; margin: 0 auto;} .country_city_guide { width: 62% !important; float: left; } .trip_plan_left { width: 580px; float: left;} .plan_left {margin-right: 15px; width: 275px; float: left; position: relative;} .plan_left_right { width: 275px; float: left; position: relative;} .trip_plan_right {width: 560px; display: inline-block;} .ah_index_tour { margin: 0 12px 0 12px; border: 1px solid #d1d1d1; padding: 5px; width: 344px; margin-bottom: 25px; box-shadow: 0px 0px 3px 3px #ececec; border-radius: 6px;} .updated_news { top: 66px !important;} .info_ad_content { position: initial;} .infotoptitle h1, .infocategory { width: 1140px !important; padding: 0;} .authorupdate {padding: 0;} .topnavigation { width: 1250px; margin: 0 auto; height: 65px; } .infotailorword { position: relative; display: block; top: 80px; } .infotailor { height: 250px;} .nextcontext { clear: both; padding: 5px 0 60px 0; background: #fff; position: relative; margin: 0 auto; width: 1140px !important;} #main_content_pc {float: left;width: 1140px; } .pc_content {width: 750px;float: left; margin-right: 60px;} .right_ad_list ul { padding-left: 20px; margin-top: -10px; margin-bottom: 50px;} .right_ad_list ul li {list-style: none; font-size: 17px; border-bottom: 1px solid #d1d1d1; padding: 10px 0; line-height: 18px;} .right_ad_list ul li a { text-decoration: none;} .right_ad_list ul li a:before {content: ""; position: absolute; width: 6px; height: 6px; transition: transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); border-top: 3px solid #ad1818; border-right: 3px solid #ad1818; transform: rotate( 45deg ); margin-top: 4px; margin-left: -20px;} .right_tour { float: right; top: calc(100% - 540px); width: 330px;} .topcontent { margin-bottom: 120px; margin-top: 66px;} .topbannerbg { top: 0 !important;} .bottomlogo { height: 67px; background-color: #1e1e1e; color: #fff; position: relative; background-image: none; padding-top: 0; padding-left: 0; } .visible-xs { display: none !important; } .siteSearch {margin-top: 13px; margin-left: 0;} .contactbutton { color: #fff !important; background: #ad1818; padding: 5px 15px !important; border-radius: 25px; font-size: 17px !important; text-transform: uppercase; } a.p_topnavilink.contactbutton:hover { border-bottom: none; } .footerbox { width: 1140px; margin-right: auto; margin-left: auto; } .siteSearch .strkeys { border: 0; font-size: 16px; padding: 0 10px 0 0; } .siteSearch .strkeys:focus-visible {outline: none;} .siteSearch .submits { float: right; right: -15px; top: 0; } img.asiahighlightslogo { width: 133px; } ul.pctopnavi { display: flex; padding-left: 0; margin-bottom: 0; margin-top: 0; } ul.pctopnavi a {text-decoration: none;} ul.pctopnavi li { list-style: none; float: left; margin-right: 25px; font-size: 18px; } .pcnavibutton { float: right; display: inline-block; } li.dropdown a { display: table-cell; padding: 24px 0 19px 0; } li.dropdown a:hover { border-bottom: 4px solid #ad1818; padding: 24px 0 15px 0; } a.p_toplogo { float: left; } a.p_topnavilink { font-weight: 600; font-size: 19px; } .infotoptitle { width: 1140px; margin: 0 auto; position: initial; } .infotopimage { position: relative; } .infotopimage img { margin: 0 auto;} .tmbottom input { width: 90%; padding-left: 55px; margin-bottom: 10px; border: 1px solid #d1d1d1;} .tmbottom textarea { width: 96%; margin-bottom: 5px; height: 100px; border-radius: 6px; padding: 15px; border: 1px solid #d1d1d1;} .tournavi { margin-top: -120px; top: 0; width: 750px; box-shadow: 0px 2px 6px #d2d2d2; } .info_ad img { border-radius: 6px;} .info_ad_name a { display: inline-block; color: #fff; padding: 10px 55px 10px 10px; text-decoration: none; line-height: 20px; text-shadow: 1px 1px 1px #000; position: absolute; bottom: 0; background: rgb(0 0 0 / 20%); width: calc(100% - 65px); height: calc(100% - 20px); border-radius: 6px;} .info_ad_name strong {line-height: 24px; font-size: 22px; font-family: 'Goudy Old Style'; display: block;} } @media (max-width: 750px) { .infotailorword {width: auto; top: calc(100% - 265px); padding: 0 15px; font-size: 25px; text-align: center; line-height: 30px; display: block; position: relative;} .infotailormade {float: none; display: block; margin-top: 20px; width: 80%;} .nextarticle { position: initial; margin-bottom: 15px; width: calc(100% - 30px); padding: 0 15px;} .tournextname { background: #f5f5f5;} .nextarticle img { height: 80px; width: auto; float: left;} .tournextname a { color: #000; font-size: 17px; padding: 10px 15px; height: 60px; line-height: 19px; text-shadow: none; background: none; position: initial; display: table-cell; width: 100%; } .listtour { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left; clear: both; } .updated_news {top: 51px;} .infopage_ad {width: auto; margin: 0 0 15px 0; height: auto; padding: 0;} .content_article_name {width: calc(100% - 20px);} p {padding: 0 15px;} ul.InfoList, ul.ghlist, ul.infolist {padding: 0 15px 0 35px;} .web_cookie p { padding: 15px; width: 80%; padding-bottom: 60px;} .web_cookie {width: 100%;} .newsletter_form { background: url(https://data.asiahighlights.com/image/forms/ah-bottom-newsletter-bg-japan-mobile.jpg) right; background-size: cover;} .newsletter_form input { width: 84%; margin: 10px 15px;} button#submit_newsletter { width: 70%;} .info_tm_button { bottom: 15px; width: calc(100% - 40px); border-radius: 20px; margin: 0 20px; height: 35px;} .info_tm_button a {padding-top: 8px; font-size: 18px; text-transform: capitalize; font-family: 'Goudy Old Style';} table.why_us_table { width: 1000px;} .bottom_why_us { height: 560px;} .bottom_why_us_content { padding: 0; height: 280px;} .bottom_destinations { display: inline-block;} .destination_links {width: 50%; float: left;} .bottom_destinations ul { padding: 0 20px;} .bottom_destinations ul li { margin-right: 0;} /*头部导航*/ .topnavitailor { text-transform: uppercase; margin-top: 14px; position: absolute; right: 0px; top: 0;} a.infocustomize { font-size: 17px; color: #fff; padding: 3px 10px; background: #ad1818; margin-right: 10px; text-decoration: none; border-radius: 20px; font-weight: 600; } img.chinahighlightslogo {width: 103px; margin: 0 auto;} .siteSearch .submits { padding-right: 10px;} .siteSearch .strkeys { border: 1px solid #d1d1d1;} /*底部logo*/ .infotailor { height: 350px;} .bottomlogoinfo { color: #fff; text-align: center; margin-bottom: 50px; padding: 0 30px; font-size: 18px; font-weight: 300; } .bottomlogoinfo a { color: #fff; text-decoration: underline;} .bottommedia ul { padding-left: 15px; } .bottomlinks ul { display: inline-block; padding-left: 0; margin-top: 0; } .bottommedia ul li, .bottomlinks ul li { list-style: none; margin-bottom: 10px;} .bottommedia ul li a, .bottomlinks ul li a { text-decoration: none; color: #fff;} .bottommedia ul li svg {margin-right: 15px;} img.bottomlogocenter { margin: 30px auto 10px auto;} .featureon {padding:0 20px;} .infobottom {padding: 70px 0; margin-top: -5px;} #main_content_mobile {padding-top: 50px; max-width: 100%;} .main_content {max-width: 100%;} .img-responsive, video, .table-responsive { overflow-x: auto; } h1, h2, h3, h4 { padding: 0 15px; } h3 {font-size: 23px;} h3 em {font-size: 25px;} .infotopimage { position: relative; margin-top: 51px; z-index: 9; } ul.tourhighlights { padding: 0 15px 0 35px;} .right_image {float: none; width: 100%; margin: 30px 0;} .headerbar { height: 50px; } .bottomlogo { font-size: 16px; height: 53px; background: url(https://data.chinahighlights.com/image/asia/asia-highlights-bottom-logo.png) no-repeat 10px 0px #1e1e1e; padding-left: 150px; padding-top: 18px; color: #fff; position: relative; } .hidden-xs {display: none !important} .visible-xs {display: block !important} .infocategory {width: auto; padding: 0 15px; font-size: 15px;} .top_banner_tp img { width: 120px; float: right; margin-top: 10px; } .infotailor:after, .tmbottom:after {left: calc(100% - 60%);} /*信息页面*/ ul.ah_list li { width: 123px;} .nextcontext, select.country_code { width: 100% !important; } .nextcontext { margin-top: 100px;} .info_ad_name strong { line-height: 20px; font-size: 20px; font-family: 'Goudy Old Style'; display: block; margin-bottom: 5px; } .right_brand_info, .right_tour, .formtitle:before, .form_content_bg {display: none;} .infotoptitle { position: absolute; width: 100%; bottom: 0; } .infotoptitle h1 { width: auto !important; text-shadow: 1px 1px 1px #000; line-height: 30px; font-size: 28px;} .authorupdate { padding: 0 15px;} .skipAhead ul { display: inline-block; padding-left: 35px; width: calc(100% - 35px);} .skipAhead li { width: calc(100% - 30px);} /*tour page*/ .feedback_content strong { height: 45px; -webkit-line-clamp: 2; margin-bottom: 5px;} .feedback_content p {-webkit-line-clamp: 5; height: 115px; padding: 0;} .selectionBlock { display: inline-block;} .tmbottom textarea { width: 90%; margin-bottom: 5px; height: 150px; border: none; padding: 15px; border-radius: 6px;} .tmbottom {padding: 5px 15px;} .tmbottom input { width: 81%; margin-bottom: 10px; background: #fff;} .kids_age p { padding: 0; font-size: 18px;} .kids_age { width: 47%;} .tour_feedback { width: 280px; height: 280px; margin: -10px 0px 0 0; } .tour_date { margin-right: 0; display: inline-block; width: 100%;} ul.tour_tags { padding: 0 15px; display: inline-block; margin: 0; } input#contactInfo {margin-top: 15px; width: 91%;} input.Inquiryphone {width: 92% !important; margin-left: 0; margin-top: 10px;} .travel_group { width: 15%; margin-right: 30px; } /*集合页*/ .country_experience, .other_country { display: inline-block;} .unique_experience, .country_pic { width: 100%; padding: 0; margin-bottom: 15px;} .experience_info {margin-right: 0;} .listtour, .checkYes label {display: block;} .checkYes label { text-align: left;} .travel_guide_city, .trip_plan_right, .country_city_guide, .travel_guide_city, .ah_hotel, .inquirybutton, .whyus ul, .form_content { width: 100%;} .area_guide {margin: 15px 5px;} .trip_plan_left { display: flex; margin-top: 15px;} .plan_left, .plan_left_right { width: 100%;position: relative; margin: 0 5px 20px 5px;} .content_bg_grey { padding: 0 0 80px 0; background: #f1f1f1; margin: 80px 0; display: inline-block;} .plan_left_title a { padding-top: calc(100% - 100px);height: calc(100% - 200px);padding-bottom: calc(100% - 100px);} .more_tours { font-size: 25px; clear: both;} .travel_guide_city { display: flex; } .ah_index_tour {width: auto; margin: 0 5px 20px 5px; background: #fff; border: 1px solid #d1d1d1; padding: 5px; box-shadow: 0px 0px 3px 3px #ececec; border-radius: 4px;} .ah_index_tour_bg h3, .tour_list_subtitle { height: auto; padding-left: 0; } .ah_index_tour_button a { position: inherit; margin-top: 10px; display: inline-block; } .ah_index_tour_city { height: auto; margin-bottom: 20px; text-align: center;} table.tour_table .ah_index_tour {width: 340px; height: 265px;} .info_ad { margin: 0 0 10px 0;} .info_ad_content {background: rgb(0 0 0 / 30%); position: absolute; bottom: 0; width: 100%; height: 100%;} .info_ad_name a { text-shadow: 1px 1px 1px #000; width: 75%; font-size: 17px; line-height: 18px; color: #fff; text-decoration: none; padding: 10px; display: inline-block;} .contactwhyus {display: block;} .list_content, .all_width_content_1140 { width: auto; margin-bottom: 50px;} .form_content, .formtitle { z-index: 2; position: relative; left: 0; color: #fff; width: auto; padding-top: 1px; padding-bottom: 40px;} .formtitle:after { border-right: solid 30px rgb(0 0 0 / 85%); border-top: solid 60px transparent; border-bottom: solid 60px transparent; margin-left: calc(100% - 220px); margin-top: -5px; content: ' '; position: absolute; transform: rotate( -90deg );} .formtitle ul {padding: 0 20px;} .all_width_content { height: 100%;} .list_tmbottom { width: auto; position: initial; padding: 5px 10px 20px 10px; background: #f1f1f1; color: #000; margin-bottom: -40px; } .list_tmbottom input { width: 81%;} .list_tmbottom textarea { width: 91%; margin-bottom: 15px; height: 150px;} .checkYes {width: 100%; margin: 0; font-size: 18px;} .optionLable {width: 100%;} .peopleSelect { width: 100%;} .kidNum, .number { height: 30px;} /*首页反馈*/ .whyus, .customerReview { width: auto;border-right: none; padding: 0 20px;} .reviewList .floatLeft {margin-right: 25px;width: 55%;} .expert_say_content { margin: 0 15px;} .expert_content {padding: 0 15px; display: flex;} .expert_content img { width: 120px; height: 90px; margin-right: 15px;} } /* flatpickr calendar begin */ .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px; font-size:18px; -webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#ad1818;border-color:#ad1818;color:#fff;}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{background:#ad1818;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#ad1818;-webkit-box-shadow:none;box-shadow:none;color:#fff;}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#999;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} /* flatpickr calendar end */