﻿/* header */
header {position: relative;background: #fff;height: 116px;font:17px Arial,Helvetica,Verdana,Geneva,sans-serif;line-height:1.6;}
.header-top {position:relative;margin:0 auto;max-width:1300px;height:80px;background: url("https://data.travelchinaguide.com/images/background/other/slogan_top_280b.png") no-repeat center center;}
.header-logo {width:309px;height: 71px;}
.header-logo a {display: block; width: 100%;height: 100%; background: url("https://data.travelchinaguide.com/images/logo/tcg-logo.gif") no-repeat;}

.header-links {position: absolute;top:0;right:0;display: flex;flex-wrap: nowrap;}
.header-links .link-item {min-width:40px; margin: 0 5px;background: url("https://data.travelchinaguide.com/images/background/icon/p29.png") no-repeat right center; }
.header-links .link-item:last-child {background: none;}
.header-links .link-item.mshow {display: none;}
.header-links .link-item>a {display: block; height: 40px; line-height: 40px;padding:0 10px 0 30px;color:#d75b00;text-decoration: none;background-repeat: no-repeat; background-position: left center;}
.header-links .link-item>a:hover {text-decoration: underline;}
.header-links .link-photo a {background-image: url("https://data.travelchinaguide.com/images/tcg/tour/2016/icon_tel.png");}
.header-links .link-answer a {background-image: url("https://data.travelchinaguide.com/images/tcg/tour/2016/icon_qa.png");}
.header-links .link-app a {background-image: url("https://data.travelchinaguide.com/images/tcg/app/icon_app.png");}

.header-links .link-photo {background:none;}

.header-ext {position: absolute;bottom:0;right:0;height: 40px;}
.header-tel {position: relative; padding-right: 20px; background:url("https://data.travelchinaguide.com/images/background/icon/btn_tel_open.png") no-repeat right center;}
.hearder-tel-main {height: 40px; line-height: 40px; padding-left: 30px; background: url("https://data.travelchinaguide.com/images/tcg/tour/2016/icon_tel.png") no-repeat left 5px; cursor: default;}
.header-tel-more {display: none; background: #fff;border: 1px solid #e5e5e5;border-radius: 10px;box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.5);padding: 8px 20px;position: absolute;text-align: left;top: 35px;right:10px; width: 260px;z-index: 99;}
.hearder-tel-main:hover+.header-tel-more{display: block;}

.header-search {width:330px; padding-right: 3px;}
.searchBar-search {position: relative; display: block; border:1px solid #d1d1d1;height:35px;padding-right: 40px;}
.searchBar-search-text {font-size:17px;color:#000;width:100%;height:100%;border:none;padding-left:10px;}
.searchBar-search-submit {position: absolute; top:0;right:10px; width:30px;height:100%;border:none;background:url("https://data.travelchinaguide.com/images/background/icon/searchv2.gif") center center no-repeat;cursor:pointer;}

.header-nav {position: relative;width:100%;background: #c75000; text-align: center;}
.header-nav a {color: #fff; text-decoration: none;display: block;width:100%;height: 48px; line-height: 48px;}
.header-nav a:hover {color:#d66e12;background: #f2f2f2;}
.header-nav table {max-width: 1220px; width:100%; margin: 0 auto;}
.header-nav td.current a {color:#d66e12;background: #f2f2f2;}

@media screen and (max-width:900px){
    nav {width:100%; white-space:nowrap;overflow-x: auto; overflow-y: hidden;scrollbar-width:none;}
    nav::-webkit-scrollbar {width:0;height:0; display: none;}
    .header-nav table {width: auto;}
    .header-nav a {font-size: 15px; padding: 0 10px;}
    .header-nav::before {content:'';display:block;position:absolute;left:0;top:0;height:48px;width:40px;pointer-events:none;background-image:linear-gradient(to left,rgba(234,235,241,0) 0%,#eaebf1 100%);}
    .header-nav::after {content:'';display:block;position:absolute;right:0;top:0;height:48px;width:40px;pointer-events:none;background-image:linear-gradient(-90deg,#eaebf1 0%,rgba(234,235,241,0) 100%);}

    .header-search {width: 270px;}
}

@media screen and (max-width:768px){
    header {height: auto;}
    .header-top {height: 96px; background: url("https://data.travelchinaguide.com/images/logo/logo_moblie.svg") no-repeat center 9px,url(https://data.travelchinaguide.com/images/background/other/slogan_top_280b.png) no-repeat right 0;background-size:160px 30px, 200px 50px;}
    .header-logo {display: none;}
    .header-ext {display:none;}

    .header-links {top:48px;width: 100%;height:48px;background: #c75000; position: absolute;}
    .header-links .link-item {width:48px;min-width:48px;float: right;background: none; margin: 0 0 0 5px;}
    .header-links .link-item a { height: 48px; line-height: 48px; padding: 0; background-position: center center;background-size: 22px;}
    .header-links .link-item a span {display: none;}
    .header-links .link-item.mshow {display: block;}
    .header-links .custom {width:auto;flex: auto;}
    .header-links .mobile-top-menu {float: left;}
    .header-links .mobile-top-menu a {background-image: url("https://data.travelchinaguide.com/images/background/icon/2021/white/icon-menu.svg");}
    .header-links .link-photo a {background-image: url("https://data.travelchinaguide.com/images/background/icon/2021/white/icon-tel.svg");}
    .header-links .link-search a {background-image: url("https://data.travelchinaguide.com/images/background/icon/2021/white/icon-search.svg");}
    .header-links .link-app a {background-image: url("https://data.travelchinaguide.com/images/background/icon/2021/white/icon-app.svg");background-size:32px;}
    .header-links .link-answer {display: none;}

    .header-nav {display: none; position: fixed;left: 0; top: 0;z-index: 999; width:100%;height:100%;padding: 0; background: rgba(0,0,0,.3)!important; text-align: left;}
    .header-nav.show {display: block;}

    .header-nav nav {display: block;width:240px;height: 100%;padding:30px 10px 0; background:#fff url("https://data.travelchinaguide.com/images/background/icon/icon-back-gray.png") no-repeat top 10px right 20px;box-shadow: 2px 2px 5px #333;}
    .header-nav table {width:80%;}
    .header-nav td {display: block;border-bottom: 1px solid #f2f2f2;text-align:left;}
    .header-nav td.current a {background:none;}
    .header-nav a {font-size:17px;color: #000; padding: 0;}
    .header-nav a:hover {background: none;}
    .header-nav::before {display: none;}
    .header-nav::after {display: none;}
}
@media screen and (max-width:560px){
    .header-top {background-position: 10px 9px,right 0;}
}
@media screen and (max-width:425px){
    .header-top {background-position: 30px 9px,right 0;background-size: 160px 30px, 160px 40px;}
}
@media screen and (max-width:320px){
    .header-top {background-position: 15px 9px,right 0;}
}

/*new header*/
@media screen and (min-width:769px) {
    header a {text-decoration: none;}
    .header-top {height: 68px;max-width: 100%;padding: 0 60px;margin: 0 auto; background: none;display: flex;flex-wrap: nowrap; align-items: center;}
    .header-logo {width:230px;height:60px;min-width: 230px;}
    .header-logo a {background: url("https://data.travelchinaguide.com/images/logo/tcg-logo-2023.gif") no-repeat;}

    .header-right {flex: auto;height:100%; display: flex;flex-wrap: nowrap;align-items: center;justify-content:flex-end;}
    .anniversary {width:200px;height:60px; background: url("https://data.travelchinaguide.com/images/background/other/25thanniversary.png") no-repeat center center/contain;}



    .header-right .link-item {margin: 0 5px;min-width:95px;}
    .header-right .link-item.mshow {display: none;}
    .header-right .link-item>a {display: block; height: 40px; line-height: 40px;padding:0 10px 0 35px;color:#d75b00;text-decoration: none;background-repeat: no-repeat; background-position: left center;}
    .header-right .link-item>a:hover {text-decoration: underline;}

    .header-right .link-photo {width:310px;min-width:310px;}
    .header-right .link-answer {min-width: 105px;}

    .header-right .link-photo  a {background-image: url("https://data.travelchinaguide.com/images/background/icon/ico-tel.svg");color:#000;}
    .header-right .link-answer a {background-image: url("https://data.travelchinaguide.com/images/background/icon/ico-qa.svg");}
    .header-right .link-search a {background-image: url("https://data.travelchinaguide.com/images/background/icon/ico-search.svg");}

    .header-right .header-ext {position:relative;height: auto; margin: 0 15px 0 5px;}
    .header-right .header-ext .header-search {width:100%;max-width:300px;min-width:260px;padding: 0;}
    .header-right .searchBar-search-submit {background-image: url("https://data.travelchinaguide.com/images/background/icon/ico-search.svg");}

    .header-right .link-photo a span {display: block;padding-right: 25px; background:url("https://data.travelchinaguide.com/images/background/icon/btn_tel_open.png") no-repeat right center;}
    .header-right .link-photo a span:last-child {display: none;}
    .header-right .topLoginBox {background: url("https://data.travelchinaguide.com/images/background/icon/ico-user.svg") left center no-repeat;}
}
@media screen and (max-width:1144px) {
    .header-top {padding: 0;max-width: 1024px;}
}
@media screen and (max-width:980px) {
    .header-right .header-ext {display: none;}
    .header-right .link-search {display: block;}

    .header-right .link-photo {width:115px;min-width: 115px;}
    .header-right .link-photo a span {background: none;color:#d75b00;}
    .header-right .link-photo a span:first-child {display: none;}
    .header-right .link-photo a span:last-child {display: block;padding: 0;}
}
@media screen and (max-width:768px) {
    .anniversary {display: none;}
    .header-right {top:48px;width:100%;height:48px;background:#c75000;position:absolute;display: flex;justify-content: flex-end;}

    .header-right .link-item {width:48px;min-width:48px;height: 100%; float: right;background: none; margin: 0 0 0 5px;}
    .header-right .link-item a {display: block;height: 48px; line-height: 48px; padding: 0; background-repeat:no-repeat; background-position: center center;background-size: 22px;}
    .header-right .link-item a span {display: none!important;}
    .header-right .link-item.mshow {display: block;}
    .header-right .custom {width:auto;flex: none;min-width: 0;}
    .header-right .mobile-top-menu {float: left;flex: none;position: absolute;top:0;left:0;}
    .header-right .mobile-top-menu a {background-image: url("https://data.travelchinaguide.com/images/background/icon/2021/white/icon-menu.svg");}
    .header-right .link-photo a {background-image: url("https://data.travelchinaguide.com/images/background/icon/2021/white/icon-tel.svg");}
    .header-right .link-search a {background-image: url("https://data.travelchinaguide.com/images/background/icon/2021/white/icon-search.svg");}
    .header-right .link-app a {background-image: url("https://data.travelchinaguide.com/images/background/icon/2021/white/icon-app.svg");background-size:32px;}
    .header-right .link-answer {display: none;}
}
@media screen and (max-width:360px) {
    .header-top .link-user a.mUserbarBoxIcon { display:block!important;}
}

/*currency*/
.currency-current {position: relative;padding: 5px 30px 5px 10px;cursor: pointer;background:url("https://data.travelchinaguide.com/images/background/arrow/icon-arrow-down-gray-12-10.png") no-repeat right 15px center;box-sizing:border-box;}
.currency-current * {box-sizing:border-box;}
.currency-item {display: block;width:80px;height: 20px;line-height: 20px; padding: 0 0 0 35px;background-position: left center;background-repeat: no-repeat;background-size:contain;}
.currency-item.usd {background-image: url("https://data.travelchinaguide.com/images/background/icon/currency/usd.svg");}
.currency-item.cad {background-image: url("https://data.travelchinaguide.com/images/background/icon/currency/cad.svg");}
.currency-item.aud {background-image: url("https://data.travelchinaguide.com/images/background/icon/currency/aud.svg");}
.currency-item.gbp {background-image: url("https://data.travelchinaguide.com/images/background/icon/currency/gbp.svg");}
.currency-item.eur {background-image: url("https://data.travelchinaguide.com/images/background/icon/currency/eur.svg");}
.currency-item.nzd {background-image: url("https://data.travelchinaguide.com/images/background/icon/currency/nzd.svg");}
.currency-item.sgd {background-image: url("https://data.travelchinaguide.com/images/background/icon/currency/sgd.svg");}
.currency-item.hkd {background-image: url("https://data.travelchinaguide.com/images/background/icon/currency/hkd.svg");}
.currency-item.chf {background-image: url("https://data.travelchinaguide.com/images/background/icon/currency/chf.svg");}
.currency-item.usd::before {content: 'USD';}
.currency-item.cad::before {content: 'CAD';}
.currency-item.aud::before {content: 'AUD';}
.currency-item.gbp::before {content: 'GBP';}
.currency-item.eur::before {content: 'EUR';}
.currency-item.nzd::before {content: 'NZD';}
.currency-item.sgd::before {content: 'SGD';}
.currency-item.hkd::before {content: 'HKD';}
.currency-item.chf::before {content: 'CHF';}

.currency-list {display: none;position: absolute;top:35px;left:10px;padding: 0;background: #fff;border-radius: 5px; box-shadow: 0 0 5px #999;z-index: 99;}
.currency-list ul {margin: 0;}
.currency-list li {list-style: none;padding: 10px;}
.currency-list li:hover {background: #d4d4d4;}
@media screen and (max-width:1180px) {
    .hasCurency .link-photo {width:115px;min-width: 115px;}
    .hasCurency .link-photo a span {background: none;color:#d75b00;}
    .hasCurency .link-photo a span:first-child {display: none;}
    .hasCurency .link-photo a span:last-child {display: block;padding: 0;}
}
@media screen and (max-width:900px) {
    .hasCurency .link-user {display: none;}
}
@media screen and (max-width:768px) {
    .hasCurency .link-user {display: block;}
    .hasCurency .link-photo {width:48px;min-width: 48px;}
    .currency-current {background-image: url("https://data.travelchinaguide.com/images/background/arrow/arrow-white-down-s.gif");}
    .currency-current>.currency-item {margin-top: 10px;color:#fff;}
    .currency-list {top:40px;}
}

.left~.right .content>[id^="AdTour_adv_top_"] {
    height: calc((1300px - 310px)* 270 / 1260);
}

@media screen and (min-width:1200px) and (max-width:1300px) {
    .left~.right .content>[id^="AdTour_adv_top_"] {
        height: calc((100vw - 310px)* 270 / 1260);
    }
}
@media screen and (min-width:1300px){
    .right .content>#AdTour_adv_global_top_wide,
    .mainContent>#AdTour_adv_global_top_wide,
    .right .content>#AdTour_adv_mini_top,
    .right #AdTour_adv_global_top_wide,
    .contmain #AdTour_adv_global_top_wide{
        min-height: 189px;
    }

    .left~.right .content>#AdTour_adv_global_top,
    .left~.right .content>#AdTour_adv_mini_top,
    .left~.right .content .cont>#AdTour_adv_global_top
    {
        min-height: 195px;
    }
}
@media screen and (min-width:1200px) and (max-width:1300px) {
    .right .content>#AdTour_adv_global_top,
    .mainContent>#AdTour_adv_global_top,
    .right .content>#AdTour_adv_mini_top,
    .mainContent>#AdTour_adv_mini_top,
    .contmain>#AdTour_adv_global_top{
        /* min-height: 278.19px; */
        height: calc((100vw - 310px)* 270 / 1260);
    }

    .right .content>#AdTour_adv_global_top_wide,.mainContent>#AdTour_adv_global_top_wide,
    .right #AdTour_adv_global_top_wide,.contmain #AdTour_adv_global_top_wide{
        height: calc(100vw* 180 / 1260);
    }

    .left~.right .content>#AdTour_adv_global_top,
    .left~.right .content>#AdTour_adv_mini_top,
    .left~.right .content .cont>#AdTour_adv_global_top
    {
        /* min-height: 218.19px; */
        height: calc((100vw - 310px)* 270 / 1260);
    }
}
@media screen and (max-width:1199px) {
    .right .content>#AdTour_adv_global_top,
    .mainContent>#AdTour_adv_global_top,
    .right .content>#AdTour_adv_mini_top,
    .mainContent>#AdTour_adv_mini_top,
    .contmain>#AdTour_adv_global_top
    {
        height: calc(100vw* 270 / 1260);
    }

    .right .content>#AdTour_adv_global_top_wide,.mainContent>#AdTour_adv_global_top_wide,
    .right #AdTour_adv_global_top_wide,.contmain #AdTour_adv_global_top_wide{
        height: calc(100vw * 180 / 1260);
    }

    .left~.right .content>#AdTour_adv_global_top,.left~.right .content>#AdTour_adv_mini_top,.left~.right .content .cont>#AdTour_adv_global_top,.left~.right .content>[id^="AdTour_adv_top_"]{
        height: calc((100vw - 260px)* 270 / 1260);
    }
}
@media screen and (max-width:900px) {
    .right .content>#AdTour_adv_global_top,.right .content>#AdTour_adv_mini_top{
        height: calc(100vw* 270 / 1260);
    }

    .left~.right .content>#AdTour_adv_global_top,
    .left~.right .content>#AdTour_adv_mini_top,
    .left~.right .content .cont>#AdTour_adv_global_top{
        height: calc(100vw* 270 / 1260);
    }

    .left~.right .content>[id^="AdTour_adv_top_"]{
        height: calc(100vw* 270 / 1260);
    }
}
@media screen and (max-width:500px){
    .right .content>#AdTour_adv_global_top,
    .contmain>#AdTour_adv_global_top,
    .mainContent>#AdTour_adv_global_top,
    .right .content>#AdTour_adv_global_top_wide,.mainContent>#AdTour_adv_global_top_wide,
    .right #AdTour_adv_global_top_wide,.contmain #AdTour_adv_global_top_wides
    {
        height: calc((100vw - 30px )* 218 / 618);
    }
}

@media screen and (max-width:480px) {
    .left~.right .content>[id^="AdTour_adv_top_"]{
        height: calc((100vw - 20px )* 218 / 618);
    }

    .left~.right .content>#AdTour_adv_global_top,
    .left~.right .content .cont>#AdTour_adv_global_top{
        height: calc((100vw - 30px )* 218 / 618);
    }

    .right .content>#AdTour_adv_global_top,
    .contmain>#AdTour_adv_global_top,
    .mainContent>#AdTour_adv_global_top,
    .right .content>#AdTour_adv_global_top_wide,
    .mainContent>#AdTour_adv_global_top_wide,
    .contmain #AdTour_adv_global_top_wide
    {
        height: calc((100vw - 30px )* 218 / 618);
    }
}