
/************cityguide2.css********************/
/**province index lanmu list **/
/*
.cityguide .contcont img {vertical-align:middle}
*/
#divsighttips { border: 4px dashed #E3C7AB; height: auto; margin-top: 10px !important; position: relative; width: 98%;}
#divsighttips .clstipprint { height: 20px; padding-left: 20px; position: absolute; right: 20px; top: 12px;
	background: url(https://data.travelchinaguide.com/images/background/icon/icon_printtips.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.blueArr { line-height:2.3; padding-left:17px; font-size:1.1em;
	background:url(https://data.travelchinaguide.com/images/background/arrow/arrow_blue.gif) no-repeat left center; }
.recmd { width:95%; margin-top:10px; padding:0 10px 10px;
	background:#FFB680 url(https://data.travelchinaguide.com/images/background/bg/bgj033.jpg) repeat-x;}
.recmd .pr { position:relative; border:1px solid #EAA862; padding:20px 15px; padding:20px 15px 10px;
	background:#FFF7D9 url(https://data.travelchinaguide.com/images/background/bg/bgj034.jpg) repeat-x;}
.recmd .pr li {	padding:5px 0 5px 10px;
	background:url(https://data.travelchinaguide.com/images/background/arrow/ico_dot.gif) no-repeat 0 12px;}
.recmd .pr .gift { position:absolute; right:-14px; _right:-3px; top:-19px; _top:-18px; width:57px; height:47px;
	background:url(https://data.travelchinaguide.com/images/background/bg/bgp005.png) no-repeat;}

/*---------subtitle---------*/
h2 { font-size:18px; font-weight:normal; display:inline;}
h3 { font-size:16px; font-weight:normal; display:inline;}
.sectionBorder { border:1px solid #e3e3e3; margin-top:10px;}
.sectionTitle { height:auto; font-size:16px; padding:6px 10px; background:#efefef;}
.subTitle2017BG { background: #efefef; padding: 6px; margin-top: 15px;}
.subTitle_center { text-align: center;}
.h2_01 { background:url(https://data.travelchinaguide.com/images/background/icon/icon-title.png) no-repeat 0px 2px; padding-left: 25px;}
.h2_02 { background:url(https://www.travelchinaguide.com/images/logo/ico/ico-note1.gif) no-repeat 4px 2px; padding-left: 25px;}
.h2_03 { background:url(https://data.travelchinaguide.com/images/background/icon/flight30.png) no-repeat -4px -4px; padding-left: 30px;}
.h2_04 { background:url(https://data.travelchinaguide.com/images/background/icon/train30.png) no-repeat -2px -5px; padding-left: 28px;}
.h2_05 { background:url(https://data.travelchinaguide.com/images/background/icon/ico-ldbus.png) no-repeat 0px -2px; padding-left: 32px;}
.h2_06 { background:url(https://data.travelchinaguide.com/images/background/icon/ico-subway.png) no-repeat -4px -4px; padding-left: 30px;}
.h2_07 { background:url(https://data.travelchinaguide.com/images/background/icon/ico-citybus.png) no-repeat -4px -4px; padding-left: 30px;}
.h2_08 { background:url(https://data.travelchinaguide.com/images/background/icon/ico-taix2.png) no-repeat -4px -4px; padding-left: 30px;}
.h2_09 { background:url(https://data.travelchinaguide.com/images/background/icon/ico-bicycle.png) no-repeat 0px -4px; padding-left: 32px;}
.h2_10 { background:url(https://data.travelchinaguide.com/images/background/icon/icon-rickshaw.png) no-repeat -2px -6px; padding-left: 32px;}
.h2_11 { background:url(https://data.travelchinaguide.com/images/background/icon/ico-maglev.png) no-repeat 0px -2px; padding-left: 32px;}
.h2_12 { background:url(https://data.travelchinaguide.com/images/background/icon/ico-ferry.png) no-repeat -3px -4px; padding-left: 32px;}
.h2_13 { background:url(https://www.travelchinaguide.com/images/logo/ico/ico-gwall.gif) no-repeat 0px 2px; padding-left: 25px;}
.h2_14 { background:url(https://www.travelchinaguide.com/images/logo/ico/ico-dining.gif) no-repeat 0px 2px; padding-left: 25px;}
.h2_15 { background:url(https://www.travelchinaguide.com/images/logo/ico/hot2.gif) no-repeat 0px 2px; padding-left:20px;}
.h2_16 { background:url(https://data.travelchinaguide.com/images/background/icon/icon_wear.png) no-repeat 0px 2px; padding-left:25px;}
.h2_17 { background:url(https://data.travelchinaguide.com/images/background/icon/icon_star.png) no-repeat 0px 2px; padding-left:25px;}

.h2_18 { background:url(https://data.travelchinaguide.com/images/background/icon/icon_spr.png) no-repeat; padding-left:50px; line-height: 41px;
    display: block !important;}
.h2_19 { background:url(https://data.travelchinaguide.com/images/background/icon/icon_sum.png) no-repeat; padding-left:50px;line-height: 41px;
    display: block !important;}
.h2_20 { background:url(https://data.travelchinaguide.com/images/background/icon/icon_aut.png) no-repeat; padding-left:50px;line-height: 41px;
    display: block !important;}
.h2_21 { background:url(https://data.travelchinaguide.com/images/background/icon/icon_win.png) no-repeat; padding-left:50px;line-height: 41px;
    display: block !important;}

.h2_22 { background:url(https://data.travelchinaguide.com/images/background/icon/blood-o.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_23 { background:url(https://data.travelchinaguide.com/images/background/icon/blood-a.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_24 { background:url(https://data.travelchinaguide.com/images/background/icon/blood-b.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_25 { background:url(https://data.travelchinaguide.com/images/background/icon/blood-ab.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}

.h2_26 { background:url(https://data.travelchinaguide.com/images/background/icon/icon_jin.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_27 { background:url(https://data.travelchinaguide.com/images/background/icon/icon_mu.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_28 { background:url(https://data.travelchinaguide.com/images/background/icon/icon_shui.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_29 { background:url(https://data.travelchinaguide.com/images/background/icon/icon_huo.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_30 { background:url(https://data.travelchinaguide.com/images/background/icon/icon_tu.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}

.h2_31 { background:url(https://data.travelchinaguide.com/images/background/icon/male.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_32 { background:url(https://data.travelchinaguide.com/images/background/icon/female.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_33 { background:url(https://data.travelchinaguide.com/images/background/icon/question.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_34 { background:url(https://data.travelchinaguide.com/images/background/icon/smile.png) no-repeat; padding-left:35px;line-height: 28px;
    display: block !important;}
.h2_35 { background:url(https://data.travelchinaguide.com/images/background/icon/cry.png) no-repeat; padding-left:35px;line-height: 28px;
    display: block !important;}

.h2_36 { background:url(https://data.travelchinaguide.com/images/background/icon/work.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_37 { background:url(https://data.travelchinaguide.com/images/background/icon/money.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_38 { background:url(https://data.travelchinaguide.com/images/background/icon/love.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_39 { background:url(https://data.travelchinaguide.com/images/background/icon/health.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}

.h2_40 { background:url(https://data.travelchinaguide.com/images/background/icon/capricorn.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_41 { background:url(https://data.travelchinaguide.com/images/background/icon/aquarius.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_42 { background:url(https://data.travelchinaguide.com/images/background/icon/pisces.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_43 { background:url(https://data.travelchinaguide.com/images/background/icon/aries.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_44 { background:url(https://data.travelchinaguide.com/images/background/icon/taurus.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_45 { background:url(https://data.travelchinaguide.com/images/background/icon/gemini.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_46 { background:url(https://data.travelchinaguide.com/images/background/icon/cancer.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_47 { background:url(https://data.travelchinaguide.com/images/background/icon/leo.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_48 { background:url(https://data.travelchinaguide.com/images/background/icon/virgo.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_49 { background:url(https://data.travelchinaguide.com/images/background/icon/libra.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_50 { background:url(https://data.travelchinaguide.com/images/background/icon/scorpio.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}
.h2_51 { background:url(https://data.travelchinaguide.com/images/background/icon/sagittarius.png) no-repeat; padding-left:45px;line-height: 36px;
    display: block !important;}

.h3_01 {background: url(https://data.travelchinaguide.com/images/background/icon/icon-title.png) no-repeat 0px 0px; padding-left: 25px;
			line-height: 20px; display: block !important;}
.h3_02 { background:url(https://data.travelchinaguide.com/images/background/icon/heading-h3.png) 3px 1px no-repeat; padding-left: 28px;}
.h3_03 { background:url(https://data.travelchinaguide.com/images/background/icon/p18.png) 0px 7px no-repeat; padding-left: 15px;}
.h3_04 { background:url(/images/logo/ico/arrow-r-blue.gif) 0px 6px no-repeat; padding-left: 15px;}
/*---------subtitle end ---------*/


.cityLi { overflow:hidden; zoom:1;}
.cityLi .cityL, .cityLi .cityR { position:relative; float:left; _display:inline; width:368px; margin:0 6px; padding:70px 0 8px; z-index:0;}
.cityLi .h5 a { color:#FFF; font-size:14px;}
.cityLi .cityCon { position:relative; z-index:1;margin:0 18px;}
.cityLi .cityCon .hot { margin-top:5px; border:2px solid #EBA673; padding:15px;
	background:#FFF url(https://data.travelchinaguide.com/images/background/bg/bgj032.jpg) no-repeat left bottom; }
.cityLi .cityCon .red { font-weight: normal; color:#F60;}
.cityLi .hot ul { overflow:hidden; zoom:1; font-size:14px;}
.cityLi .hot li { float:left; width:141px; padding-left:8px;
	background:url(https://data.travelchinaguide.com/images/background/arrow/ico_dot.gif) no-repeat 0 7px;}

.cityLi .whiteBg { width:341px; padding:10px 5px; border:1px solid #FFF; border-top:none; background:#FBFCFE; margin-left:8px; overflow:hidden;}
.cityLi .whiteBg li { float:left; padding-left:35px; width:35%;}
.cityLi .whiteBg .att { background:url(https://data.travelchinaguide.com/images/background/icon/sunrise.gif) no-repeat;}
.cityLi .whiteBg .tra { padding-left:35px; background:url(https://data.travelchinaguide.com/images/background/icon/ico-subway.gif) no-repeat;}
.cityLi .whiteBg .qa { background:url(https://data.travelchinaguide.com/images/background/icon/icon_q_a.gif) no-repeat 0 3px;}
.cityLi .whiteBg .wea { background:url(https://data.travelchinaguide.com/images/background/icon/climate-ico.gif) no-repeat 0 3px;}
.cityLi .whiteBg .map { background:url(https://data.travelchinaguide.com/images/background/icon/map.png) no-repeat 2px 3px;}
.cityLi .whiteBg .rev { background:url(https://data.travelchinaguide.com/images/background/icon/ico-review.gif) no-repeat 0 3px;}


.cityLi .cityB { margin:8px 20px 8px 6px; border:8px solid #CFDFEE; padding:10px;}
.cityB .btmLine { padding-left:30px;}
.cityLi .otherLi { padding-left:20px; _padding-left:0px; overflow:hidden; zoom:1;}
.cityLi .otherLi li {float:left; width:105px; margin:5px 0 0 15px; padding-left:10px;
	background:url(https://data.travelchinaguide.com/images/background/icon/dotblue.gif) no-repeat 0 7px;}
.c_attrpic_list li { float:left;width:143px;padding:6px 0;margin:2px;border: 1px solid #D3E7F6;margin:3px;text-align:center;}
.c_attrpic_list li a { display:block;}
.c_mappic_list li { width:183px;}
/**city index map**/
.cityLi .cityL { background:#CFDFEE url(https://data.travelchinaguide.com/images/background/bg/bgj067.jpg) no-repeat;}
.cityLi .cityR { background:#CFDFEE url(https://data.travelchinaguide.com/images/background/bg/bgj068.jpg) no-repeat;}


/**map page**/
.clsmapwrap { background-color: #F3F3F3; border: 1px solid #ECECEC; margin-top: 10px; padding: 10px 0 30px; text-align: center;}
.clsmaptitle { position: relative; top: 35px;}
.clsmapimg { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DBDBDB; padding: 50px 0px 10px;}

/**map page**/
.cityBusSquare { float: right; margin:6px;}

/** weather page**/
#Weather { color: #9C3E00; float: right; margin-top: -8px; text-align: left; width: 260px; font: 14px/1.0 Arial,Helvetica,sans-serif;}
#Weather a, #weatherTop a:hover { color: #9C3E00; display: block; text-decoration: none;}
#Weather .deg { color: #000000; display: block; font-size: 12px; font-weight: normal;}

#CityWeather { border: 0px solid #FFFFFF; clear: both; float: none; height: 309px;}
#cityWeather { border: 0px solid #CCD7E0; height: auto; padding: 0; text-align: center;}
#cityWeather .cityName { font-size: 16px; padding: 8px 0;}
#cityWeather .fl { background: #fff; float: left; width: 31%; padding:6px; margin:2px; border: 1px solid #bcbcbc;}
#cityWeather table { margin: 0 auto 8px; width: 170px;}
#cityWeather .tablecityweather { margin: 0 auto; width: 100%; height: 120px;}
#cityWeather th { font-size: 16px; font-weight: normal; line-height: 2;}
#cityWeather td { font-size: 14px; height: 80px; line-height: 1.6; overflow: hidden; padding: 0 5px; text-align: left;}
.td2 { height:auto !important;padding:2px !important}
.td2 div { margin:0px 0px 5px; }
#cityWeather .col2 { margin: 0 2px;}
/** weather page**/

.graph_title { font-size:18px; font-family: Verdana; text-align: center; padding: 25px 0 5px 0;}
.graph_height_temp { height:529px;}
.graph_height_temperature, .graph_height_rainfall { height:479px;}
.graph_height_humidity { height:454px;}
.graph_height_aqi { height:508px;}
@media screen and (max-width:480px){
.graph_height_temp {height:calc(90vw*529/830) !important;}
.graph_height_temperature, .graph_height_rainfall {height:calc(90vw*479/830) !important;}
.graph_height_humidity {height:calc(90vw*454/830) !important;}
.graph_height_aqi {height:calc(90vw*508/830) !important;}
}
/*---------7 days weather 17.4.20----------*/
#CityWeather, #CityWeather2 { position:relative;}
.w_nextDay { color:#fff; border:1px solid #d2d2d2; border-width:0px; width:117.5px; height:135px;float:left; margin-right:1px; }
.w_nextDay img { margin:8px 3px;}
.w_nextTitle { text-align:center; border-bottom:0px solid #d1d1d1; padding-top:5px;}
.w_switchFC { position: absolute; right: 10px; top: -30px; color: #fff; border-radius: 3px;
    padding: 0px 3px; font-size: 15px; font-weight: bold; line-height:10px;height:24px;
    background: url('https://data.travelchinaguide.com/images/background/button/btn_grey.png') no-repeat;}
.w_switchFC div { padding: 0px 8px; cursor: pointer; float:left;margin: 3px 0px;height: 18px;}
.w_switchCurrent { background-color: #fff; color: #be5c00; padding: 0px 8px; border-radius:3px; cursor:default !important;}
.div_temp { margin:0px auto;}
.temp_f { display:none;}
.temp_c { display:inline-block;}
.temp_f img, .temp_c img { margin:0px;}
.w_7day { width:100%; padding-top:10px; color:#000; display: flex;}
.w_bg00 { background:-webkit-linear-gradient(top,#379de9,#8dcfff);
	background:-moz-linear-gradient(top,#379de9,#8dcfff);
	background:-ms-linear-gradient(top,#379de9,#8dcfff);
	background:linear-gradient(to bottom,#379de9,#8dcfff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#379de9', endColorstr='#8dcfff',GradientType=0 );}
.w_bg01 { background:-webkit-linear-gradient(top,#0864b1,#41a1e6);
	background:-moz-linear-gradient(top,#0864b1,#41a1e6);
	background:-ms-linear-gradient(top,#0864b1,#41a1e6);
	background:linear-gradient(to bottom,#0864b1,#41a1e6);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0864b1', endColorstr='#41a1e6',GradientType=0 );}
.w_bg02 { background:-webkit-linear-gradient(top,#748da5,#aac1d3);
	background:-moz-linear-gradient(top,#748da5,#aac1d3);
	background:-ms-linear-gradient(top,#748da5,#aac1d3);
	background:linear-gradient(to bottom,#748da5,#aac1d3);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#748da5', endColorstr='#aac1d3',GradientType=0 );}
.w_bg03 { background:-webkit-linear-gradient(top,#536779,#8397a7);
	background:-moz-linear-gradient(top,#536779,#8397a7);
	background:-ms-linear-gradient(top,#536779,#8397a7);
	background:linear-gradient(to bottom,#536779,#8397a7);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#536779', endColorstr='#8397a7',GradientType=0 );}

.w_arrowDown { width:0; height:0; left: 45px; top: -4px;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:12px solid #0066cc;
	position:absolute; z-index:99;  }
.w_today { height:auto; background: #eaf5fd;border: 1px solid #d1d1d1;position: relative; margin-top:2px;}
.w_date_new { font-size: 16px;margin: 10px 25px;}
.w_day_new { margin: 0px 50px; float:left; text-align:center; width:100px;}
.w_day_new div { text-align:center;}
.w_dayTemp { margin: 0px 40px; float:left;color: #0d509e;width:120px;}
.w_dayDetail { float: left; width: 300px; margin: 0px 20px; line-height: 24px;}
#temp_now { font-size: 48px;}
.temp_today { font-size:18px;}
#todayWeek { display:none;}
.btn15day { position: absolute; padding: 3px 30px 3px 10px; color: #fff; border-radius: 5px; bottom: 5px; right: 5px; height: 19px; line-height: 19px; cursor:pointer;
	background:#2b6ac9 url("https://data.travelchinaguide.com/images/background/arrow/arrow-white-down-s.gif") 135px 5px no-repeat;}


/*----------15 days weather ------------*/
.w_15daySplit { width: 250px;height: 3px;background: #fff;position: absolute;}
.w_15day { margin-top:3px; display:none;}
.w_left_table, .w_right_table { width:100%;}
.w_left_table td  { height:44px; border:1px solid #d1d1d1; border-top: 0px;}
.w_right_table td { height:44px; border:1px solid #d1d1d1; text-align:center; border-top: 0px;  border-left: 0px;}
.w_left_table .th, .w_right_table .th { background:#f2f2f2; height:33px; border:1px solid #d1d1d1; text-align:center;}
.w_right_table th { border-left:0px;}
.w_td_day { margin:5px 10px;}
.w_td_day div { float:left; margin:0 30px; width:60px; height:40px;}
.w_td_day img { margin-top:6px;}
.box-shadow{
    -webkit-box-shadow:10px -2px 10px #e7e7e7;
    -moz-box-shadow:10px -2px 10px #e7e7e7;
    box-shadow:10px -2px 10px #e7e7e7;
    width:25%;
}

@media screen and (max-width: 640px) {
    .w_td_day div {margin:0 20px;}
}
@media screen and (max-width: 560px) {
    .w_td_day div {margin:0 10px;}
}
@media screen and (max-width: 480px) {
    .w_td_day div {margin:0 5px;}
    .w_right_div {overflow-x: scroll;}
}
@media screen and (max-width: 460px) {
    .w_td_day div {margin:0 1px;}
    .w_td_day img {width: 20px;}
}

/*----------city weather by Month------------*/
.weatherSubTitle { margin-top:40px; padding:6px; font-size:18px;}
.weatherMonthLink { border: 1px solid #d1d1d1; background:#d1d1d1;}
.weatherMonthLink div { float: left; width: 137px; margin-right:1px; text-align: center;
	background:-webkit-linear-gradient(top,#fdfdfd,#e7e7e7);
	background:-moz-linear-gradient(top,#fdfdfd,#e7e7e7);
	background:-ms-linear-gradient(top,#fdfdfd,#e7e7e7);
	background:linear-gradient(to bottom,#fdfdfd,#e7e7e7);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e7e7e7',GradientType=0 );}
.weatherMonthLink div a { padding: 8px; display: block;}

/*---------1 day weather-------------*/
#CityWeather_today { margin:5px; float:right; width:172px; height:165px;}
#CityWeather_Global_today { margin:5px; float:right; width:172px; min-height:165px;}
.w_oneday { background: #f1f9ff; border: 1px solid #d1d1d1; padding: 10px 10px 5px 10px; text-align: center; width: 150px; position:relative;}
.w_oneday_date { margin:0px; font-size:16px;}
.w_oneday_img img { width:60px;height:60px;}
.w_oneday_temp { font-size: 14px; margin:0px;}
.btn7day { background: #2b6ac9 url(https://data.travelchinaguide.com/images/background/arrow/arrow-white-down-s.gif) 125px 5px no-repeat;
    color: #fff; border-radius: 5px; height: 18px; line-height: 18px; padding: 3px 20px 3px 0px; cursor: pointer;}
.w_7day_month { display:none; margin-bottom:10px; float:left;}
.w_switch_month { position: absolute; top: -10px; left: 47px;
    background: url(https://data.travelchinaguide.com/images/background/button/btn_grey_month.png) no-repeat;
    height: 20px; line-height: 10px; font-size: 15px; color: #fff; width: 78px;}
.w_switch_month div { cursor: pointer; float: left; height: 14px; width: 39px;padding:3px 0px;}
.w_switchCurrent_month { cursor: default !important; background: url(https://data.travelchinaguide.com/images/background/button/btn_yellow_month.png) no-repeat;}

/*----------- AQI pie css ---------------*/
.aqi_pie_out { border: 1px #C75000 solid; height:342px; position:relative;}
.aqi_pie_title { text-align:center; font-family: Verdana; background: #C75000; color: #fff; padding: 4px;}
.aqi_pie_left { border-right: 1px solid #d1d1d1; float:left;  width: 320px;padding: 0px 0 0 20px; margin-top:20px;}
.aqi_pie_left div { margin:3px 0px;}
.aqi_pie_float { float:left; padding-left: 10px;}
.aqi_pie_floatRight { float:right;}
.aqi_tb_td { text-align:center !important; background-color:#e2e8ed !important;}
.aqi_tb_title { font-family:Verdana; font-size: 17px;  margin: 8px 0;}

.avg_tmp, .avg_hightmp, .avg_lowtmp, .avg_humidity, .avg_rainfall, .avg_sunrise, .avg_sunset { text-indent: 40px; line-height: 30px;}
.avg_tmp { background: url(https://data.travelchinaguide.com/images/background/icon/icon_tep.png) no-repeat; }
.avg_hightmp { background: url(https://data.travelchinaguide.com/images/background/icon/icon_hightep.png) no-repeat; }
.avg_lowtmp { background: url(https://data.travelchinaguide.com/images/background/icon/icon_lowtep.png) no-repeat;}
.avg_humidity { background: url(https://data.travelchinaguide.com/images/background/icon/icon_humidity.png) no-repeat; }
.avg_rainfall { background: url(https://data.travelchinaguide.com/images/background/icon/icon_rainfall.png) no-repeat;}
.avg_sunrise { background: url(https://data.travelchinaguide.com/images/background/icon/icon_sunrise.png) no-repeat;}
.avg_sunset { background: url(https://data.travelchinaguide.com/images/background/icon/icon_sunset.png) no-repeat;}

.citymonthLink { position: absolute; right: 0px; top: 0px; border: 1px solid #d1d1d1; border-bottom: 0px; border-right: 0px;
				/*-webkit-box-shadow:-3px 0px 16px #e7e7e7;
				-moz-box-shadow:-3px 0px 16px #e7e7e7;
				box-shadow:-3px 0px 16px #e7e7e7; */
				}
.citymonthLink div { border-bottom: 1px solid #d1d1d1;  color: #ea9b18; background: #fff; height: 27.4px; width: 48px; text-align: center;}
.citymonthLink a { text-decoration: none;  color: #000;  padding: 3.4px 0px;  background: #fff; display: block; }
.citymonthLink_current { /*background:#d75b00 !important; color:#fff !important;*/}
.citymonthLink_current a { /*background:#d75b00 !important; */color:#D14900 !important;}
/*----------- AQI pie css end-----------*/

/*----------- AQI pie css (nopie)---------------*/
.out_nopie { height:224px; }
.aqi_pie_right { float: left; width: 320px; padding: 0px 0 0 20px;  margin-top: 20px;}
.aqi_pie_right div { margin:3px 0px;}
.link_nopie { width:98px; top:50px; right: 5px;}
.link_nopie div {  border-right: 1px solid #d1d1d1; float: left;}
/*----------- AQI pie css end---------------*/

/*----------- city weather page-----------*/
.what2wear { border: 1px solid #d1d1d1; border-radius: 5px; margin-top: 30px; overflow-x: auto;}
.what2wearReal { width:825px;}
.what2wear img { width:410px;}
.where2go { overflow-x: auto;}
.where2goReal { width:830px;}
.where2goUnit { float: left; margin-right: 10px; width: 200px;}
.where2goUnitLast { margin-right:0px !important;}
.where2goUnit img { width:100%; display: block;}
.where2go_desp { background-color: #f2f3f6; padding: 8px 10px; text-align: center; display: block;}


/*----------- tour recomed 3 img-----------*/
.customs_unit { float:left; margin:0 10px 0 0; width:270px;}
.customs_unit:nth-child(3) { margin:0px;}
.customs_unit a { display:block;}
.customs_unit img { display:block; width:270px; height:auto;}
.customs_desp { background-color: #f2f3f6; padding: 8px 10px; text-align:center; display:block;}
.customs_unit p { background-color: #f2f3f6; padding: 5px 10px 15px; text-align: center; margin: 0px;}

.great-wall-maps {
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}
.maps-unit {
	float: left;
    width: 32%;
}
.maps-unit img {
	display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.maps-desp {
	background-color: #f2f3f6;
    padding: 8px 0px;
    text-align: center;
    display: block;
    width: 100%;
}

@media screen and (max-width: 1024px){
	.w_dayTemp { margin:0px 30px;}
	.what2wearReal, .where2goReal { width:100%;}
	.what2wear img { width:49%;}
	.where2goUnit { width:23.5%;}

    .customs_unit { width:240px; margin:5px;}
	.customs_unit:nth-child(3) { margin:5px;}
    .customs_unit img { width:100% !important;}
}
@media screen and (max-width: 770px){
	.customs_unit { width:230px; }
	#AdTour_220X500, #AdTour_220X430, #AdTour_220X400,#AdGlobal_220X430 { display:none;}
    .customs_unit a {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .customs_desp {
        height: 48px;
        line-height: 1.6;
    }

    .maps-unit {
	    width: 47%;
    }
}

@media screen and (max-width: 480px) {
    .maps-unit {
	    width: 98%;
    }
}

@media screen and (max-width: 425px){
	.subTitle_center { height:50px;}
	#CityWeather { width:100%; height:428px;}
	.w_nextDay { line-height: 18px; height: 150px;}
	.w_nextTitle span, .w_date_new span { display:block;}
	.w_date_new { float:left; margin: 20px;}
	.w_day_new { margin:0px 10px;}
	.w_dayTemp { margin:10px 0px;}
	.w_day_new img { width:50px;}
	.w_dayDetail { margin: 20px 25px 40px; }
	.w_today { height:auto; padding-top:20px;}
	.box-shadow { width:130px;}

	.w_right_div { width:250px; overflow-x:scroll;}
	.w_right_table { width:500px;}

	.aqi_pie_out { height:auto;}
	.aqi_pie_left { border-right:0px;}
	.aqi_pie_right { padding:0 0 0 5px; margin-bottom:22px; margin-top:0px;}
	.aqi_pie_float { padding-left:0px;}
	.citymonthLink { top:55px; line-height:18px;}
	.link_nopie { width:48px;  top:30px;}
	.what2wearReal { width:825px;}
	.where2goReal { width:830px;}
	.what2wear img { width:410px;}
	.where2goUnit { width:200px;}

	.weatherMonthLink { height:160px;}

	.customs_unit { width: 270px; margin: 0px auto; float: none;}
	.customs_unit:nth-child(3) { margin: 0px auto;}
}
@media screen and (max-width: 380px){
 	.month_content { width:100%;}
	.w_phoneNextDay { border-width:1px 1px 1px 1px; width:126px; }
	#cityWeather3 { width:100%;}

	.w_date_new { margin: 20px 5px;}
	.w_day_new { margin: 0px 5px;}
	.w_nextTitle span { display:block;}
	.w_right_div { width:220px;}
}
@media screen and (max-width: 320px){
	.w_right_div { width: 142px;}
	.avg_tmp, .avg_hightmp, .avg_lowtmp, .avg_humidity, .avg_rainfall, .avg_sunrise, .avg_sunset { text-indent:5px; background:none;}
	.aqi_pie_float .graph_title { text-align:left; padding-left: 5px;}

	.w_day_new { margin: 0px; width:70px;}
	.w_date_new { margin: 20px 0px;}
}


/*cityguide under pic tourInfo*/
.div_tourInfo { margin:0px 16px;}

/**city weather index auto pic 350px**/
.autoPicClass_350 { width: 350px; }
.autoPicClass_350 img { height: auto; width: 350px; }
.autoPic_picIntroClass_350 { width: 348px; }
.autoPic_moreTour_350 { width:350px;}

.autoPicClass_448 { width: 448px; }
.autoPicClass_448 img { height: auto; width: 448px; }
.autoPic_picIntroClass_448 { width: 447px; height: 30px !important;}
.autoPic_moreTour_448 { width: 448px;}

/**city index auto pic**/
.autoPic_all { float:left; }
#autoPic { float: left; height: auto; margin: 5px 10px; text-align: center;}
#autoPic #autoPic_imgs { position:relative;}
.autoPicClass { width:480px;}
.autoPicClass img { height: 350px; width: 480px; }
#autoPic_num { height: 20px; position: absolute; text-align:right; right:10px; bottom:10px;}
#autoPic_num img { width:10px; height:10px;}
.autoPic_num_current, #autoPic_num span a, #autoPic_num span a:hover {
    background: none; border: none; color: #FFFFFF; font-size: 12px; line-height: 16px;
    margin: 2px; padding: 0 3px; text-decoration: none; width: 10px; height: 10px;}
#autoPic_num span a { background: none; color: #000000;}
#autoPic_picIntro { background-color: #efefef; border: 1px solid #E6E6E6; height: 25px; padding-top: 5px;}
.autoPic_picIntroClass { width:478px;}
.autoPic_more { display: block; margin-top: 5px;}
.autoPic_moreText { color: #000000; float: left; font: 14px Arial,Helvetica,sans-serif; height: 20px; padding-left: 15px;
    background: url("https://data.travelchinaguide.com/images/background/arrow/left_arrow.jpg") no-repeat left center; }
.autoPic_moreTour { width:480px;}
#autoPic_moreTourText .moreTour_bg { margin:5px;}
#autoPic_moreTourText .itemHeight { margin:5px 0px;}

#autoPic_btn { position: absolute; right: 10px; top: 10px; width: 33px; height: 33px; cursor:pointer; display:none;
	background: url(https://data.travelchinaguide.com/images/background/button/btn-pause.png) no-repeat;}
.auto_left { width:49% !important; float:left;}
.auto_right { width:49% !important; float:right;}
.auto_picBg { width: 40px; height: 40px; float: left;
	background: #d35606 url('https://data.travelchinaguide.com/images/background/icon/icon-picture.png') center no-repeat;}
.auto_videoBg { width: 40px; height: 40px; float: left;
	background: #d35606 url('https://data.travelchinaguide.com/images/background/icon/icon-video.png') center no-repeat;}
.auto_mapBg { width: 40px; height: 40px; float: left;
	background: #d35606 url('https://data.travelchinaguide.com/images/background/icon/icon-map-w.png') center no-repeat;}
.auto_text { background: #efefef; height: 20px; width: 100%; padding: 10px 0px;}

.moreTour_bg { background: url('https://data.travelchinaguide.com/images/background/icon/p18.png') 0 7px no-repeat; padding-left: 12px;}

.span_indent { margin-left:20px;}
.autoPicVideo { color: #000000; float: right; font: 14px Arial,Helvetica,sans-serif; padding-left: 22px;
    background: url("https://data.travelchinaguide.com/images/background/icon/camer-ico.gif") no-repeat left center;}
.imgHidden { display: none;}
.imgShow { display: block;}
/**city index auto pic**/

/**province index lanmu list **/
.c_c_list li { _width:75px;min-width:75px; float:left; padding:8px 5px 8px 20px; border: 1px solid #DAEBF7; margin:1px;
	background:url("https://data.travelchinaguide.com/images/background/icon/dotblue.gif") no-repeat scroll 10px 15px #F1F8FE; }
.c_c_list .li_br {clear:both;}

/**city index lanmu list**/
.c_c_index { border:1px solid #D3E7F6; margin:5px 0; padding:5px; background:none repeat scroll 0 0 #F4F9FD}
.c_c_index .img_left { padding:5px; float:left; margin:0 5px 5px 0;}
.c_c_index .img_left2 { margin:0 5px 0 0; padding:5px;}
.c_c_index .ul_p200 { margin-left:200px;}
.c_c_index li { padding:5px 0; float:left; margin-right:15px; text-indent:11px; white-space: nowrap;
	background:url("https://data.travelchinaguide.com/images/background/arrow/arrow-r-blue.gif") no-repeat 0 10px;}
.c_c_index .li_hand { background:url("https://data.travelchinaguide.com/images/background/icon/hot2.gif") no-repeat 0 8px;text-indent:18px;}
.c_li_arrow li { padding:2px 15px;}
.li16 li, .li20 li, .li30 li, .li40 li { margin:0;}
.li20 li { width:20%;}
.li30 li { width:30%;}
.li16 li { width:16%;}
.li40 li { width:43%;}

#cityReview .moreAtt .title, #bbsPic .moreAtt .title { color: #000000; margin-bottom: 5px; padding-bottom: 3px; text-indent: 20px;
    background: url("https://data.travelchinaguide.com/images/background/arrow/arrow_blue.gif") no-repeat scroll 0 2px; }
/**city index lanmu list end**/

/** zip code search box**/
.cc_box { height:auto; margin:10px 0; background:#59879f; position:relative; min-width:200px;}
.cc_box .cc_title { margin-bottom:10px; font-weight:normal; color:#fff; font-size:14px; text-align:center; padding-top:10px; }
.cc_box li { min-width:200px;  margin:0 auto;}
.cc_box .cc_cont { border:solid 1px #d2d2d2; background:#F7f7f7; padding:15px; overflow:hidden;}
.cc_box .cc_cont .cc_left { width:48%; float:left; }
.cc_box .cc_cont .cc_right { width:48%; float:left; border-left: 1px solid #d2d2d2; padding-left: 20px;}
.cc_cont p{padding:5px 0 8px 0;margin:0; height:30px;}
.cc_text,.cc_cont select { margin:5px; padding:3px; border:1px solid #A5C6D1; width:130px; margin-left:0px;}
.cc_text { width:190px;}
.cc_btn { margin:5px; vertical-align:middle}
.cc_result { height:auto; background:#fff url(/images/background/bgj045.jpg) repeat-x; border:solid 1px #fff; text-align:center; padding:30px 0 10px; font-size:16px; display:none;}
.cc_result span { color: #FF6600; }
.cc_result_cc div { font-size: 1.3em;line-height: 2;}
.cc_result_cc .bd { font-size: 1.0em;}
.cc_close { margin:20px 20px 0; text-align:right; color:#36c; text-decoration:underline; cursor:pointer;}
.cc_result table { border-collapse:collapse; width:95%; margin:20px auto 0; font-weight:normal;}
.cc_result td { border:solid 1px #D6E8F2; padding:5px 10px; text-align:left;font-size:16px;}
.cc_result td.tdfirst { width:80%; background:#EEF4F7; font-size:16px;}
.clsselectprovince, .clsselectcity { width:200px;}
.codeSearch { width:560px; height:auto; margin:10px 0; background:#57A1C7; padding:10px; position:relative;}
.codeSearch .csTitle { margin-bottom:10px; font-weight:bold; color:#fff; font-size:16px; text-align:center;}
.codeSearch .csCon { border:solid 1px #3C7896; background:#F3FBFF url(/inc/zodiac/bg.gif) repeat-x; padding:15px; overflow:hidden; zoom:1;}
.csCon p { padding:5px 0 8px 0;}
.codeSearch form { overflow:hidden; zoom:1;}
.codeSearch select { font:1.0em Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; margin-right:5px;}
.codeSearch p { margin:0;}
.codeSearch input { vertical-align:middle;}
.codeSearch .fr { float:right;}
.codeSearch .margintop15px { margin-top:15px;}
.codeSearch .text { margin-right:5px; padding:3px; border:1px solid #A5C6D1; font:1.0em Verdana, Arial, Helvetica, sans-serif; }
.codeSearch .tac { text-align:center;}
.codeSearch .csResult { height:auto; background:#fff url(/images/background/bgj045.jpg) repeat-x; }
.codeSearch .csResult .bd { border:solid 1px #fff; text-align:center; padding:30px 0 10px; font-weight:bold;}
.codeSearch .csResult .big { font-size:1.3em; line-height:2.0;}
.codeSearch .csResult .red { color:#f60; margin-right:30px;}
.codeSearch .csResult .close { margin:20px 20px 0; text-align:right; color:#36c; text-decoration:underline; cursor:pointer;}
.codeSearch .csResult table { border-collapse:collapse; width:540px; margin-top:20px; font-weight:normal;}
.codeSearch .csResult td { border:solid 1px #D6E8F2; padding:5px 10px; text-align:left;}
.codeSearch .csResult .cityBg { width:80%; background:#EEF4F7; text-align:left; font-size:11px;}
.codeSearch .csResult .clsCodeDetail { text-align:left; font-size:11px;}
.clspadding { height:5px;}
/**end zip code search box**/


/*----------three postal tabBtns--------------*/
.new_btns { width:100%; height:75px; margin:10px 0 10px 0;}
#btnTrack, #btnFAQ, #btnAnswer { width:240px; height:74px; float:left; margin:0 17px;cursor:pointer;position:relative;}
.new_btns span { position:absolute; font-family:Verdana; color:#FFF; }
#btnTrack { background:url('https://data.travelchinaguide.com/images/background/button/track_new2.png') no-repeat; }
#btnFAQ { background:url('https://data.travelchinaguide.com/images/background/button/track_new2.png') 0 -75px  no-repeat; }
#btnAnswer { background:url('https://data.travelchinaguide.com/images/background/button/track_new2.png') 0 -150px no-repeat; }

#btnTrack .spanTop { left:113px; top:15px; font-size:34px;}
#btnTrack .spanBtm { left:113px; top:40px; font-size:16px;}
#btnFAQ .spanTop { left:113px; top:10px; font-size:16px;}
#btnFAQ .spanBtm { left:113px; top:34px; font-size:26px;}
#btnAnswer .spanTop { left:130px; top:15px; font-size:30px;}
#btnAnswer .spanBtm { left:130px; top:40px; font-size:16px;}

.tip_tabBtn { z-index:1000; position:absolute; display:none; left:0px; top:0px; width:auto; height:auto;
	background: #f8f8f8; border: 1px solid #ccc; border-radius:10px; padding: 5px 10px; font-size: 14px;
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')"; }
.divArr { position:absolute; left:0px; top:0px; width:12px; height:11px; z-index:1000;
	background:url('https://data.travelchinaguide.com/images/background/other/trangle.png') 0px 0px no-repeat; }
/*-------------------------*/

/*------------four zodiac tabBtns-------------*/
.new_zodiac_btns { width:100%; height:64px; margin:10px 0px; font-family:Verdana; color:#FFF;display: flex;flex-wrap: wrap;justify-content: center;}
.new_zodiac_btns > div {width: 25% !important;}
.new_zodiac_btns span { display:block; padding:10px 0px 0px 48px;}
.new_zodiac_btns .answerSpan { padding-top:20px;}
#btnZodiacFind, #btnZodiacCompat, #btnZodiacLucky, #btnZodiacAnswer { width:184px; height:64px; float:left; cursor:pointer; margin:0px 10px; }
#btnZodiacFind { background: url('https://data.travelchinaguide.com/images/background/button/zodiac1.png') no-repeat ; }
#btnZodiacCompat { background: url('https://data.travelchinaguide.com/images/background/button/zodiac2.png') no-repeat ; }
#btnZodiacLucky { background: url('https://data.travelchinaguide.com/images/background/button/zodiac3.png') no-repeat ; }
#btnZodiacAnswer { background: url('https://data.travelchinaguide.com/images/background/button/zodiac4.png') no-repeat ; }
.btnZodiacAnswerDown { background: url('https://data.travelchinaguide.com/images/background/button/zodiac4-down.png') no-repeat !important; }
.btm1, .btm2 { position:absolute; width:320px; z-index:1000;}
.btm1 { height:240px;}
.divZodiacAnswer { border: 3px solid #e98e34; border-radius: 10px;  margin-top: 25px; display:none; position:relative;}
.divArrow { position:absolute; width: 27px; height: 25px; right: 100px; top: -25px;
	background: url('https://data.travelchinaguide.com/images/background/button/jiantou.gif') no-repeat;}
.divZodiacAnswer_top { padding: 20px 40px; border-bottom: 1px solid #bfbfbf;}
.divZodiacAnswer_btm { padding: 10px 40px;}
.liArrowRed_zodiac li { background-position-y: 20px;  padding: 12px 5px;}
.divZo a { margin-right:5px;}
/*-------------------------*/

/*------------train details page book button-------------*/
.btnTrainBookPop { height: 37px; width: 86px; min-width: 86px; display: inline-block; cursor: pointer; margin-left:5px;
    background: url(https://data.travelchinaguide.com/images/background/button/book.png) no-repeat center center;}
.btnTrainLinkPop { color: #36c; text-decoration: underline; display: inline-block;cursor: pointer;}
.popBoxTrainBook { display: none; position: absolute; overflow: visible; z-index: 1000;}
.popBoxTrainBook .close { position: absolute; top: -15px; right: -15px; width: 50px; height: 49px; cursor: pointer;
    background: url(https://data.travelchinaguide.com/images/tcg/china-trains/book/icon-close01.png) no-repeat;}
/*-------------------------*/

@media screen and (max-width: 1024px){
	#cityWeather td { font-size:12px; }
	#autoPic { width:350px;}
	#autoPic_imgs .newSlideImg { width:350px;}
	#autoPic_picIntro { width:348px;}
	#autoPic_moreTourText { width:350px;}
	#autoPic_imgs img { height:auto; }
	#cityWeather .fl { margin:1px;}

	#btnTrack, #btnFAQ, #btnAnswer { margin:0px 5px;}
	.tip_tabBtn, .divArr { display:none;}
	#btnZodiacFind, #btnZodiacCompat, #btnZodiacLucky, #btnZodiacAnswer { margin:0px 2px 0px 0px;}
	.divArrow { right:80px;}

	.graph_img { width:750px;}
    .aqi_pie_left { width:280px; padding:0 0 0 5px;}
}
@media screen and (max-width: 770px){
	.c_c_index .ul_p200 { margin-left:0;}
	.c_c_index li { width:48%; white-space: normal;}
 	.c_c_index .li16 li { width:25%;}
	.divArrow { right:70px;}

	.graph_img { width:100%; height:auto;}
}
@media screen and (max-width: 640px){
	.c_c_index li { width:100%;white-space: normal;}
	.li16 li { width:30%;}
	.cityBusSquare { clear:both;float:left; margin:6px auto;}
	#cityWeather .fl { padding:6px !important;}
}
@media screen and (max-width: 500px){
	#Weather { display:none;}

	.cc_box .cc_cont { padding:5px;}
	.cc_box .cc_cont .cc_left , .cc_box .cc_cont .cc_right { width:100%; }
	.cc_text, .cc_cont select { width:125px; margin-left:0px;}
	.cc_box .cc_cont .cc_right { border-left:0px; padding-left:0px; border-top: 1px solid #d2d2d2;}
	.new_zodiac_btns {justify-content: flex-start;height: auto;}
	.new_zodiac_btns > div {width: 49% !important;}
}
@media screen and (max-width: 425px){
	.autoPic_all { float:none; }
	#autoPic { float:none; margin:5px auto;}
	#autoPic_moreTourText { margin:0px auto;}
	#autoPic_imgs img { height:auto; }
	.cityBusSquare { clear:both; float:none;}
	.c_c_index .li16 li { width:35%;}
	#cityWeather .fl { width:100% !important; padding:6px 0 !important;}
	.clsmaptitle { position: relative; top: 50px;}

	.new_btns { width:250px; height:auto;margin:10px auto;}
	#btnTrack, #btnFAQ, #btnAnswer { margin:2px 5px;}

	.new_zodiac_btns { width:200px; height:auto; row-gap: 5px; margin: 0 auto;}
	#btnZodiacFind, #btnZodiacCompat, #btnZodiacLucky, #btnZodiacAnswer { margin:2px ;}
	.divArrow { right:45%; top:-25px;}
	.divZodiacAnswer { margin-top:35px;}
	.divZodiacAnswer_top { padding:20px 10px;}
	.divZodiacAnswer_btm { padding:10px;}

	.div_tourInfo { margin:0px;}
	.new_zodiac_btns > div {width: 100% !important;}
}

/*----rollback amp----*/
#flightsearchs2, #trainsearchs, #trainsearchsRoute { float:right; width:374px; height:233px; display:block; }
#zodiacSearchMatch { float:right; display:block; margin-left:5px; width:330px; height:260px; }
#compatibilitySearch {width:310px; height:350px;}
/*#AdTour_220X430, #AdGlobal_220X430 {height:434px;}*/
#AdGlobal_220X430 {height:804px;} /**2022-08-02  434--604**/
.cityBus2020 { float:right; margin: 0 10px; width:370px; height:275px;}
.cityBusLong2020 { float:none;margin-left: 0px; height:170px;}

.imgLink img { display:block;}/*mobile show 2 picture*/
.train .tableInPic2 img { display:block;}
.train .table3 td { text-align:left;}
.c_table_debug td { background:#F8EBEC;}
.table1 th, .table1 td, .c_tableX th, .c_tableX td { text-align: center;}
@media screen and (max-width: 1024px){
	#frame_trainPopularNoSearch { width:100%;}
}
@media screen and (max-width: 1220px){
	.cityBusLong2020 {height:auto;}
}
@media screen and (max-width: 480px){
	#trainPopularNoSearch { display:none !important;}
	#flightsearchs2, #trainsearchs { width:168px; height:208px;}
	#trainsearchsRoute { float:none; width:100%; height:236px; }
	#zodiacSearchMatch { width:170px; height:280px;}
	.cityBus2020 {float:none; margin:0 0 10px 0;height:auto;width: auto;}
	.cityBusLong2020 {float:none; margin:0px auto; width:360px; height:275px;}
	.mobileShow { display:block !important;}
	.mobileHide { display:none !important;}
	.divAnchor {height:186px;}
}
@media screen and (max-width: 405px){
    #trainsearchsRoute { height:auto; min-height: 278px; }
}
@media screen and (max-width: 380px){
	.cityBus2020, .cityBusLong2020 {width:100%;}
}

/*--------recommend links----------*/
.recomLinks { margin:30px 0px;}
.recomUnits { margin-top:10px;display: flex; flex-wrap:wrap;justify-content: flex-start;gap: 1%;}
.recomTitle { background: url(https://data.travelchinaguide.com/images/background/icon/icon-relative.png) no-repeat -5px -5px; padding-left: 30px;}
.tourIcon { background: url(/images/logo/ico/hot2.gif) no-repeat 5px 5px !important; }
.linkUnit { width: 24%;float: left; background:#f2f2f2;margin-right: 0;}
.linkUnit:last-child { margin-right:0px;}
.linkUnit a { font-size: 14px;  text-decoration: none;  color: #333; }
.linkPhoto {  height: 120px;  max-height: 120px !important; overflow: hidden; display: block;}
.linkPhoto img { width: 100%; height: auto; display: block;}
.linkTitle { padding: 5px; display: block; text-align: left; min-height:40px; height:auto;}

#artFlag p {word-break: break-word;}

@media screen and (max-width: 1280px){
    .recomUnits { align-content: space-around;}
}
@media screen and (max-width: 900px)
{
    .linkUnit { width: 48%;}
    .linkPhoto { height:auto; max-height:100%!important;}
    .linkPhoto img { width: 100%; height: auto;}
}
@media screen and (max-width: 600px)
{
    .linkUnit { width: 100%; margin-right: 0px;margin-bottom: 10px;}
    .linkPhoto { height: auto;  width: 100%;  max-height: 100% !important;}
    .linkTitle { line-height: 18px; padding: 5px 10px;}
}


.popularGiftDiv .gift { float: left; width: 270px; margin: 3px; position: relative;}
.popularGiftDiv .gift_Num { position: absolute; top: 0px; left: 0px;  padding: 5px 0 0 7px; font-size: 16px; color: #fff; width: 45px; height: 45px;
    background: url(https://data.travelchinaguide.com/images/background/bg/bg_corner_orange.png) no-repeat;}
.popularGiftDiv .gift_Title { background: #f2f2f2; padding: 5px 0px 5px 30px;  text-align: center; height: 40px;}
.popularGiftDiv img { display: block; width:270px; height:162px;}
.popularGiftDiv p { background-color: #f2f3f6; padding: 5px 10px 15px; text-align: justify; margin: 0px;}
@media screen and (max-width: 425px)
{
	.popularGiftDiv .gift {float:none; margin:3px auto;}
}


.recomLinks .linkTitle { font-size:14px;line-height: 1.4;}
.table2020 { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 20px 0px;}
.table2020 th { border: 1px solid #e5e5e5; background: #f2f2f2; font-weight: normal; text-align: center; padding: 8px;}
.table2020 td { border: 1px solid #e5e5e5; text-align: center; padding: 8px;}
.liYears li{ float:left; margin:2px 10px;}

/*--------attraction links 2020.10----------*/
.attrLinks { margin:20px 0px 40px;}
.unitAttr { background: #f2f2f2; padding: 10px 10px 20px 10px; margin-top:10px;}
.unitAttr_top a { text-decoration: none; color: #000;}
.unitAttr_top a:hover { color:#000;}
.unitAttr_top a img.pImg { width:270px; height:178px; float: left; margin-top: 10px;}
.unitAttr_top .aDiv { float: left; width: 63%; padding: 6px 0px 0px 15px;}
.unitAttr_top .num { padding:  8px 12px; background: #dd6920; color: #fff;  margin: 0px 10px 0px 0px;font-size: 16px;}
.unitAttr_top .title { font-size: 16px; text-decoration: underline; color: #36C;line-height: 30px;}
.unitAttr_top .title:hover { text-decoration:none; color:#d75b00;}
.unitAttr_top .divSquare { display:none; border: 0px solid red; width: 90px; height: 90px; margin: 20px 10px 0px 0px; float: left; overflow: hidden;}
.unitAttr_top .hTitle { font-weight: bold; font-size: 14px; margin: 20px 0px 10px 5px; display: block;}
.unitAttr_top .hUl { margin-left: 5px; display: block;}
.unitAttr_top .hUl li { list-style: inside; text-indent: 0px; line-height: 24px;}

.unitAttr_btm { margin-top: 15px; padding-left: 290px;text-align: left;}
.unitAttr_btm a { background: url(https://data.travelchinaguide.com/images/background/icon/p18.png) 0 7px no-repeat; padding-left: 15px; margin-right: 20px;}
.unitAttr_btm span { color: #c70104;}

.attrLinksUl li { background: #f2f2f2; float: left;  text-align: center; width: 190px; margin: 10px 20px 0px 0px;}
.attrLinksUl li:nth-child(4n) { margin:10px 0px 0px 0px;}
.attrLinksUl li a { text-decoration: none; color: #333;}
.attrLinksUl li img { width: 190px; height: 140px; display: block;}
.attrLinksUl li span { padding: 5px; display: block; text-align: left; min-height: 40px;}

.divTab3 { border:1px solid #d1d1d1; margin-top: 10px;}
.divChk { border-bottom:1px solid #d1d1d1; padding: 5px;}
.divChk li { float:left; width:130px; margin: 3px 0px 3px 10px;}
.divChk li.narrowLi { width:50px; margin-left:30px;}
.divChk input { margin-right:3px;}
.divChkHide { display:none;}
.divTab3Links { padding:10px; background: #f2f2f2;}
.divTab3Links li { background:url(https://data.travelchinaguide.com/images/background/icon/p18.png) 0 7px no-repeat ; float:left; width:230px; margin:10px; padding-left:12px;}
.hideTab3 { display:none;}

.pageMoreTab3 { margin:10px auto; width: 232px; text-align:center;}
.pageMoreTab3 .pageMoreContainer {display:inline-block;}
.pageMoreTab3 a, .pageMoreTab3 span { display: block; float: left; width: 27px; height: 27px; line-height: 27px; text-align: center;
    background: url(https://data.travelchinaguide.com/images/background/icon/bg002c.png) no-repeat; text-decoration: none; color: #000; margin: 0 1px;}
.pageMoreTab3 a:hover, .pageMoreTab3 .current { background-position: 0 -27px; color:#000;}
.pageMoreTab3 .prev { background-position: 0 -54px; cursor: pointer}
.pageMoreTab3 .prev:hover { background-position: 0 -81px;}
.pageMoreTab3 .prevN { background-position: -27px -54px; cursor: default;}
.pageMoreTab3 .next { background-position: 0 -108px; cursor: pointer;}
.pageMoreTab3 .next:hover { background-position: 0 -135px}
.pageMoreTab3 .nextN { background-position: -27px -108px;  cursor: default}

.attrRoute { border: 1px solid #d1d1d1; padding: 10px 20px 20px 20px; margin: 10px 0px;}
.attrRouteTitle	{ font-size: 16px; font-weight: bold; padding-left: 35px; margin: 5px 0px;
    background: url(https://data.travelchinaguide.com/images/background/icon/icon_flag_blue.jpg) no-repeat left -3px; }
.attrRouteCon { line-height: 24px; padding: 0px 8px;}
.divHotDeals { border: 1px solid #d1d1d1; padding:10px 20px; line-height:35px; margin: 10px 0px 40px;}

@media screen and (max-width: 1024px)
{
	.unitAttr_top .aDiv { width:60%;}
	.attrLinksUl li { width:180px; margin: 10px 10px 0px 0px;}
	.attrLinksUl li img { width:100%; height:auto;}
	.divChk li.narrowLi { width:40px; margin-left: 5px;}
	.divChk li { margin:3px 0px 3px 5px;}
	.divTab3Links li { width:320px;}
}
@media screen and (max-width: 425px)
{
	.divHotDeals { padding:10px;}
	.unitAttr_top .hUl li:nth-child(n+3){ display:none;}
	.attrLinksUl li span { height:50px;}
	.divChk li:first-child { float:none;}
	.divChk li:nth-child(7n) { display:none;}
	.divChk li { margin:3px 40px 3px 5px;}
	.attrRoute { padding: 10px;}
	.unitAttr_btm { padding-left:0px;}
	.unitAttr_top .aDiv { width:100%; padding:6px 0px;}
	/* .unitAttr_top a img.pImg { display:none;}
	.unitAttr_top a img.mImg { height:90px; width:auto; margin-left:-13px;}
	.unitAttr_top .divSquare { display:inline;} */
	.hPart { width:70%;}

	.divGoogleMap { height:362px;}
}
@media screen and (max-width: 380px)
{
	.hPart { width:65%;}
	.attrLinksUl li { width:165px; }
	.attrLinksUl li:nth-child(2n) { margin: 10px 0 0 0;}
	.divChk li { margin:3px 20px 3px 5px;}
}
@media screen and (max-width: 320px)
{
	.hPart { width:60%;}
	.attrLinksUl li { width:138px;}
	.divChk li { margin:3px 1px 3px 5px;}
}

.tableInPic2 img { display:block;}
.tableInPic2_new { margin:10px auto 40px !important;}
.tableInPic2 .picMore-700 {
    position: absolute; bottom: 0px; width: 650px; min-height: 30px; color: #fff; padding-top: 39px; padding-left: 80px; text-align: left; line-height: 20px;
    background: url(https://data.travelchinaguide.com/images/background/bg/bg-pic-more-700.png) no-repeat;}
.tableInPic2 .picMore-830 {
    position: absolute; bottom: 0px; width: 750px; min-height: 30px; color: #fff; padding-top: 39px; padding-left: 80px; text-align: left; line-height: 20px;
    background: url(https://data.travelchinaguide.com/images/background/bg/bg-pic-more-830.png) no-repeat;}
.picMore-700 a, .picMore-700 a:hover { color:#fff;}
.picMore-830 a, .picMore-830 a:hover { color:#fff;}
@media screen and (max-width:1024px){
   	.tableInPic2_new { height:auto !important; margin:10px auto !important; }
}
@media screen and (max-width:770px){
  	 .tableInPic2 .picMore-830 { width:90%; }
}
@media screen and (max-width:425px){
	.tableInPic2 .picMore-700 { width:79%; }
   	.tableInPic2 .picMore-830 { width:80%; }
}
@media screen and (max-width:380px){
	.tableInPic2 .picMore-700 { width:76%; }
    .tableInPic2 .picMore-830 { width:77%; }
}
@media screen and (max-width:365px){
	.tableInPic2 .picMore-700 { width:75%; }
	.tableInPic2 .picMore-830 { width:76%; }
}
@media screen and (max-width:320px){
	.tableInPic2 .picMore-700 { width:71%; }
	.tableInPic2 .picMore-830 { width:72%; }
}

/*-------google score cls----------*/
.mobileBlock { float:right !important;}
.mobileBlock_left { float:left !important;}
.tableInPic tr:nth-child(1) td img { display:block !important;}
.tableInPic tr:nth-child(2) td { background-color: rgb(239, 239, 239); padding: 10px 5px;}
.ke-zeroborder {margin:0px auto;}
@media screen and (max-width:425px){
	.mobileBlock, .mobileBlock_left, .tableInPic { float:none !important; text-align: center; margin:8px auto !important;}
	.clsphotogalleryimg {float:none !important; padding:0px !important; margin:8px auto !important;display:block !important; }
	.ke-zeroborder tr td { float:left; width: 100%;}
	.tableInPic tr:nth-child(2) td {float:none !important; box-sizing: border-box;}

	/*.tableInPic2 { margin:10px auto 40px !important;}*/
}

.videoBox {background: transparent;}

/* city guide map list start */
.cg-map-list {display: flex;flex-wrap: wrap;justify-content: space-around;gap: 10px;margin: 0;padding: 0;list-style: none;line-height: normal;}
.cg-map-list > li {flex: none;width: calc((100% - 20px) / 3);max-width: calc((100% - 20px) / 3);margin: 10px 0;padding: 0;text-align: center;}
.cg-map-list.cg-map-list--2 > li {width: calc((100% - 10px) / 2);max-width: 588px;}
.cg-map-list.cg-map-list--3 > li {width: calc((100% - 20px) / 3);max-width: calc((100% - 20px) / 3);}
.cg-map-list.cg-map-list--4 > li {width: calc((100% - 30px) / 4);max-width: calc((100% - 30px) / 4);}
.cg-map-list:has(> li:nth-child(2):last-child) > li {width: calc((100% - 10px) / 2);max-width: 588px;}
.cg-map-list:has(> li:nth-child(3):last-child) > li {width: calc((100% - 20px) / 3);max-width: calc((100% - 20px) / 3);}
.cg-map-list:has(> li:nth-child(4):last-child) > li {width: calc((100% - 30px) / 4);max-width: calc((100% - 30px) / 4);}
.cg-map-link {display: block;max-width: 100%;text-align: center;}
.cg-map-media {display: inline-grid;grid-template-rows: auto;justify-items: center;max-width: 100%;margin: 0 auto;}
.cg-map-title {display: block;box-sizing: border-box;width: 100%;padding: 10px 0;background: #f2f2f2;white-space: normal;overflow-wrap: anywhere;line-height: 1.2;}
.cg-map-media img {display: block;width: auto;max-width: 100%;height: auto;object-fit: contain;margin: 0 auto;}
@media screen and (max-width: 600px) {
    .cg-map-list {
        flex-direction: column;
    }
    .cg-map-list > li,
    .cg-map-list.cg-map-list--2 > li,
    .cg-map-list.cg-map-list--3 > li,
    .cg-map-list.cg-map-list--4 > li,
    .cg-map-list:has(> li:nth-child(2):last-child) > li,
    .cg-map-list:has(> li:nth-child(3):last-child) > li,
    .cg-map-list:has(> li:nth-child(4):last-child) > li {
        width: 100%;
        max-width: 100%;
    }
}
/* city guide map list end */