* { padding:0; margin:0}
body { font-size:14px; font-family:Verdana, Geneva, sans-serif; color:#000; background-color:#fff; line-height:1.6;}
.clear { clear:both; padding:0 !important; margin:0 !important}
a { color:#000; text-decoration:underline;}
a:hover { color:#009ef9;}

.fl { float:left;}
.fr { float:right;}

.box_blue { border: 1px solid #D3E7F6; margin: 5px 0; padding: 5px; background: none repeat scroll 0 0 #F4F9FD; }
.box_blue li{ background: url("../images/background/arrow/arrow-r-blue.gif") no-repeat 0 10px; padding: 5px 0; float: left; margin-right: 15px; text-indent: 11px;}
.box_blue .img_left2 { padding: 5px; margin-right: 5px;}

.box_no { margin: 2px 0; padding: 5px;}
.box_no li { background: url("../images/background/arrow/arrow-r-blue.gif") no-repeat left center; padding: 5px 0; margin-right: 15px; text-indent: 16px; float: left;}
.box_blue p, .box_no p { margin: 0 !important; padding: 0 !important;}

.box_map li { background: #fff; padding: 5px; margin: 8px 1px; height:150px; float: left; border: 1px solid #D3E7F6; text-align: center;}
.box_map li a { display: block;}

.bgNo, .bgNo li { background: none !important;}
.liSmallMap li { text-align:center; float:left; margin:2px; padding:5px; border:1px solid #D3E7F6; width:150px;}
.liSmallMap179 li { text-align: center; float: left; margin: 5px; padding: 5px 8px; border: 1px solid #D3E7F6; width: 179px;}
.liBorder li { border:1px solid #e3e3e3 !important;}

.liRec li, .liRec {background: url("../images/background/icon/hot2.gif") no-repeat left center !important;text-indent: 18px;}
.liDotBlue li, .liDotBlueLi { background: url("../images/background/icon/dotblue.gif") no-repeat left center !important;text-indent: 8px !important;padding: 2px;}
.liDoubleBlue li, .liDoubleBlueLi { background: url("../images/background/icon/ico-bluetop1.gif") no-repeat left center !important;text-indent: 12px !important;padding: 2px;}
.liArrowMove li, .liArrowMoveLi { background: url("../images/background/icon/ra.gif") no-repeat 5px center !important;text-indent: 18px !important;padding: 2px;}
.liHot li, .liHotLi { background: url("../images/background/icon/hot2.gif") no-repeat left center !important;text-indent: 18px !important;padding: 2px;}
.liArrow2 li, .liArrow2Li { background: url("../images/background/icon/ico-bluetop1.gif") no-repeat left center !important;text-indent: 18px !important;padding: 2px;}
.liArrowRed li, liArrowRedLi {background: url('../images/background/icon/p18.png') 0 12px no-repeat; text-indent:13px; }
.liArrowOrgen li, .liArrowOrgenLi { background: url("../images/background/icon/arrow-orgen1.gif") no-repeat 8px 10px !important;/* text-indent: 19px !important; */padding: 2px;}
.liDownload li,.liDownloadLi {background:url("../images/background/icon/download1.gif") no-repeat 0 5px ;text-indent:18px !important;padding:2px;}
.liCuspLine li,.liCuspLineLi {background:url("../images/background/icon/ico_cusp_line.gif") no-repeat left center !important;text-indent:23px !important;padding:2px;}
.liAir li, .liAirLi { background: url("../images/background/icon/ico-air.png") no-repeat left center !important;text-indent: 30px !important;padding: 2px;}
.liAsBus li, .liAsBusLi {background: url("../images/background/icon/ico-asbus.png") no-repeat left center !important;text-indent: 30px !important;padding: 2px;}
.liTrain li, .liTrainLi {background: url("../images/background/icon/ico-choo.png") no-repeat left center !important;text-indent: 30px !important;padding: 2px;}
.liBus li, .liBusLi {background: url("../images/background/icon/ico-ldbus.png") no-repeat left center !important;text-indent: 30px !important;padding: 2px;}
.liBus2 li, .liBus2Li {background: url("../images/background/icon/ico-citybus.png") no-repeat left center !important;text-indent: 30px !important;padding: 2px;}
.liBus2 li, .liShipLi {background: url("../images/background/icon/ico-ferry.png") no-repeat left center !important;text-indent: 30px !important;padding: 2px;}
.liTaxi li, .liTaxiLi {background: url("../images/background/icon/ico-taix2.png") no-repeat left center !important;text-indent: 30px !important;padding: 2px;}
.liSubway li, .liSubwayLi {background: url("../images/background/icon/ico-subway.png") no-repeat left center !important;text-indent: 30px !important;padding: 2px;}
.liBicycle li, .liBicycleLi {background: url("../images/background/icon/ico-bicycle.png") no-repeat left center !important;text-indent: 30px !important;padding: 2px;}
.liMaglev li, .liMaglevLi {background: url("../images/background/icon/ico-maglev.png") no-repeat left center !important;text-indent: 30px !important;padding: 2px;}
.liRight li, .liRightLi {background: url("../images/background/icon/right.gif") no-repeat left center !important;text-indent: 30px !important;padding: 2px;}
.liWrong li, .liWrongLi {background: url("../images/background/icon/wrong.gif") no-repeat left center !important;text-indent: 30px !important;padding: 2px;}

.subTitleRC {font-size:18px;padding:20px 0 5px 30px;margin-top:10px;border-top:1px solid #e3e3e3;background:url(../images/background/icon/good-new.png) 0 15px no-repeat;}

.c_title_ico_arrow { background: url("../images/background/arrow/arrow-r-blue.gif") no-repeat left center;padding: 2px;text-indent: 12px;}
.c_title_ico_train { background: url("../images/background/icon/ico-choo.gif") no-repeat left center;padding: 2px;text-indent: 20px;}
.c_title_ico_dinning {background: url("../images/background/icon/ico-dining2.gif") no-repeat left center;padding: 2px;text-indent: 20px;}
.c_title_ico_link { background: url("../images/background/icon/link.gif") no-repeat left center;padding: 2px;text-indent: 14px;}
li {list-style:none;}
.tcgautocomplete li {float:none !important}

.liw90 li {width:90px}
.liw100 li {width:100px}
.liw110 li {width:110px}
.liw120 li {width:120px}
.liw130 li {width:130px}.liw135 li {width:135px}
.liw140 li {width:140px}
.liw150 li {width:150px}
.liw160 li {width:160px}.liw165 li {width:165px}
.liw170 li {width:170px}.liw175 li {width:175px}
.liw180 li {width:180px}
.liw190 li {width:190px}
.liw200 li {width:200px}
.liw210 li {width:210px}
.liw220 li {width:220px}
.liw230 li {width:230px}
.liw235 li {width:235px}
.liw240 li {width:240px}
.liw250 li {width:250px}
.liw260 li {width:260px}
.liw270 li {width:270px}
.liw280 li {width:280px}
.liw290 li {width:290px}
.liw300 li {width:300px}
.liw350 li {width:350px}
.liw380 li {width:380px}
.liw400 li {width:400px}

.li16 li {width:16%}
.li18 li {width:18%}
.li20 li {width:20%}
.li22 li {width:22%}
.li24 li {width:24%}
.li25 li {width:25%}
.li30 li {width:30%}
.li33 li {width:33%}
.li35 li {width:35%}
.li40 li {width:40%}
.li45 li {width:45%}
.li50 li {width:50%}
.li100 li {width:99%;}


#header-top,#header-navigator-view,#main {margin:0 auto;width:1130px;}

/*顶部*/
#header-top {position:relative}
.loginOK {margin:0 10px 0 5px !important}
.loginOK a {margin:0 !important;padding:0 !important;}
/**/
.loginNO {background:url("../images/tcg/tour/2016/icon_user.png") left center no-repeat;padding-left: 20px;}
.loginNO a,.loginNOPAD a {padding-left:0 !important}
.loginPAD {display:none}
.loginPAD a {padding-left:0 !important}
.searchm {}

.arrow-down {width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid transparent;border-top:10px solid #ddd;}

#header-mlogin {display:none;background:#ddd;text-align:right;padding:4px}

.loginOKPADPHONE {position:absolute;top:4px}
#header-arrow {position:absolute;left:-1000px;top:30px}
.loginNOPAD2 {color:#666;margin-right:10px}
.loginNOPAD2 img {margin-right:10px}
.loginPHONE img {margin:0 8px}
.loginPHONE img:last {margin-right:20px !important}

/* logo link */
.header-top-a {position:absolute;left:0;top:0;display:block;width:309px;height:71px;background:url(../images/logo/tcg-logo.gif) 0 0 no-repeat;}

#header-top-link {position:absolute;top:5px;right:0px;text-align:right; font-size:13px;}
#header-top-link span {float:left;line-height:20px;height:20px;margin-left:10px;}
#header-top-link img {float:left}
#header-top-link a {color:#009EF9;text-decoration:none;margin:10px;padding-left:20px;height:25px}
#header-top-link a:hover {text-decoration:underline}
/*
#header-top-link-login {background:url(../images/background/icon/p15.png) 0 0 no-repeat; }
*/
#header-top-link-travel {background: url("../images/tcg/tour/2016/icon_guide.png") left center no-repeat;}
#header-top-link-community {background:url("../images/tcg/tour/2016/icon_community.png") left center no-repeat;}
#header-top-link-answers {background:url("../images/tcg/tour/2016/icon_qa.png") left center no-repeat;}
#header-top-link-apps { background: url("../images/tcg/app/icon_app.png") left center no-repeat;}
#header-top-logo {height:80px;}
#header-top-logo div {text-align:right;padding-top:35px;}
#header-top-logo img {vertical-align:middle;margin-right:5px}
.header-top-excellence { position: absolute; top: 0px; left: 35%;max-height:70px;}
.header-top-tel {font-size:13px;margin-left:10px;}
.header-top-split { background:url('../images/background/icon/p29.png')0 8px no-repeat; width:1px;margin-left:0px !important;}

/*导航*/
#header-navigator-view td {height:48px}
#header-navigator-view a {color:#fff;text-decoration:none;display:block;line-height:48px}
#header-navigator-view a:hover,.header-navigator-view-current a {background:#f2f2f2;color:#009EF9 !important;}
.header-navigator-view-more a {background:#009EF9 url("../images/tcg/tour/2016/nav_more.png") left center no-repeat;width:41px}
.header-navigator-view-more a:hover {background:#009EF9 url("../images/tcg/tour/2016/nav_more.png") left center no-repeat !important;}
.header-navigator-view-more {display:none}
.navPhone {box-shadow:-2px 2px 2px #ccc;background:#009EF9;text-align:left;position:absolute;right:5px;top:130px;z-index:9999;}
.navPhone a {color:#fff !important;text-decoration:none !important;display:block;line-height:40px;padding:0 10px}
.navPhone a:hover {color:#009EF9 !important;background:#f2f2f2 !important}
.nav-item a {padding:0 8px}



/*搜索框*/
.searchBar {height:40px;}
.searchBar-info {font-size:22px;float:left; font-family:'myFamilyDemo'; margin-top:20px; }
.searchBar-search {border:1px solid #d1d1d1;float:right;height:35px;width:330px;}
.searchBar-search input {border:none;height:100%}
.searchBar-search-text {font-size:14px;color:#ccc;width:285px; padding-left:10px;}
.searchBar-search-submit {background:url(../images/background/icon/searchv2.gif) center center no-repeat;width:30px;height:32px;cursor:pointer}
.searchBar-search-submit2 {background:url(../images/background/icon/p16_1.png);width:28px;height:20px}


/*底部*/
#footer { width:100%;color: #fff; box-sizing: border-box;}
.footer-link { color:#fff; padding: 10px 0;border-bottom:1px solid #ffc592}
.footer-link a { color:#fff;text-decoration:none;padding:0 30px;margin:0px;}
.footer-link a:hover { color:#fff;text-decoration:underline;}
.footer-info { padding: 12px; font-size:15px;}
.footer-sept { background: url(../images/background/icon/icon-dot-white-4-4.png) no-repeat center center;}
.footer-button { margin:10px;}
.footer-button span { width:40px; height:40px;  margin:10px; cursor: pointer;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.footer-button span:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.footer-button img { border:0px;}
.cityguideIndex .bottomInfo + #footer, .page .bottomInfo + #footer { margin-top:0px}
.contcont { line-height:1.4; margin-bottom:10px;}

.c_title_follow { font-size: 14px; font-weight: normal; text-align: center; position: absolute; right: 10px; top:0px; width: 95px;}


/*cityguide index construction*/
.cr { float:left;}
.cr1 { width:830px; margin:0;}
.cr2 { width:274px; margin:50px 13px 0px; padding-top:0px;}


/*left and right construction*/
.page #main { margin-top:10px;}
.page .left { width:220px; float:left;}
.page .right { width:830px; float:right; padding:0px 30px}

.page .c_path {padding:12px 0;border-bottom:1px solid #dcdcdc}
.page .c_title,.page .pageTitle {padding:15px 0px;font-size:20px;font-weight:normal; border-bottom:0px solid #d1d1d1; }
.c_title {width:100%;  }
.cityguideIndex .c_title {padding:15px 0px; }
.cityguideIndex .c_title h1,.page .c_title h1, h1.picName {font-family: Calibri,Arial,Verdana; font-size: 27px !important; font-weight: normal; line-height:28px;}
.citymap {text-align:center; }
.h1_bg {background: url(../images/background/icon/icon_guide.jpg) no-repeat 5px 15px; text-indent: 60px;}


/*left nav*/
.page .l_nav2, .page .l_nav { margin:0;width:100%;color: #333333; margin-bottom:10px;}
.page .l_nav_title { margin-top:10px; }
.page .l_nav_title2, .page .l_title,  .l_nav_title { padding:9px 0px;text-align:center;background:#e5e5e5;border-right:1px solid #e5e5e5;color:#000; font-size:16px;}
.page .l_nav_title2 a, .page .l_title a,  .l_nav_title a { text-decoration:underline;display:block;color:#000 !important;}
.page .l_nav_title2 a:hover, .page .l_title a:hover,  .l_nav_title a:hover { text-decoration:none; color:#fff;}
.page .l_nav2 li a, .page .l_nav li a { padding:9px 4px 8px 25px;border-top:1px solid #e4e4e4;display:block;text-decoration:none;color:#000;
	background:#f7f7f7 url(../images/background/icon/icon-list1.png) 10px 20px no-repeat;}
.page .l_nav2 li a:hover, .page .l_nav li a:hover { border-right:1px solid #009ef9;color:#fff;
	background:#009ef9 url(../images/background/icon/icon-list1-white.png) 10px 20px no-repeat; }
	
.page .l_nav2 li.current a, .page .l_nav li.current a { border-right:1px solid #009ef9;color:#fff;
	background:#009ef9 url(../images/background/icon/icon-list1-white.png) 10px 20px no-repeat; }
 
li .current{
	color: #009ef9;
	background:#fff url(../images/background/icon/icon-list1-white.png) 10px 20px no-repeat;
}

.l_nav_nolink { padding:9px 4px 8px 25px; color:#009ef9; border-top:0px solid #dedede;
	background:#fff url(../images/background/icon/icon-list1.png) 10px 17px no-repeat !important;}


/* level 1 expand*/
.l_nav_expandLi { padding: 9px 4px 8px 25px; border-top: 1px solid #dedede; display: block; text-decoration: none;
	background: #fff url(../images/background/icon/header-navigator-current.png) 7px 16px no-repeat !important;}
.l_nav_expand { padding: 9px 4px 8px 25px; border-top: 1px solid #dedede; display: block; text-decoration: none; color: #ea9b18;
	background: #f7f7f7 url(../images/background/icon/icon-list1.png) 10px 17px no-repeat !important;}
.l_nav_expand:hover { background:#009ef9 url(../images/background/icon/icon-list1-white.png) 10px 17px no-repeat !important; color: #fff !important;}
/* level 2 */
.page .l_nav .l_nav_nochild  { padding:6px 0px 6px 8px;background:#f7f7f7;}
.page .l_nav .l_nav_nochild a { border:none; padding:0 0 0 20px; background:url(../images/background/icon/icon-list2.png) no-repeat scroll 6px 3px;}
.page .l_nav .l_nav_nochild a:hover { color:#009ef9; background:url(../images/background/icon/icon-list2.png) no-repeat scroll 6px 3px; border:none}
/* level 3 */
.page .l_nav .l_nav_arrowR2 { padding:6px 0px 6px 8px; background:#f7f7f7;}
.page .l_nav .l_nav_arrowR2 a { border: none; padding:0 0 0 30px; background: url(../images/background/icon/icon-list2.png) no-repeat scroll 17px 2px;}
.page .l_nav .l_nav_arrowR2 a:hover { color:#009ef9;background:url(../images/background/icon/icon-list2.png) no-repeat scroll 17px 2px; border:none}


/*mobile*/
.mobile_menu_list { display:none; margin:0px 1px 0px 0px; }
.mobile_menu { display:none; background-color: #818181;  color: #fff; text-align: center; padding: 8px 0px; margin: 0px 1px 0px 0px; border-radius: 0 0 13px 13px; border: 1px solid #696969; cursor: pointer;}
.mobile_menu_close { display:none; background: url('../images/background/icon/close_left.png') no-repeat; position: absolute;top: 5px; right: 15px; z-index: 999; width: 23px; height: 23px; cursor: pointer; }

.mobile_menu_v2_list { display:none; position:absolute;width:260px;top:0;left:-320px; background:#fff; box-shadow:5px 5px 10px 5px #333; z-index:999; padding-bottom:20px;}
.mobile_menu_v2 { display:none; z-index:99; background:url("../images/background/icon/nav_list.png") no-repeat; width:36px; height:36px; position:absolute; top:5px; right:16px; cursor:pointer;}
.mobile_menu_v2 {position: fixed; top: 93px;}

.mobile_menu_v2_list .blank10 {display:none;}
.page .mobile_menu_v2_list .l_nav_title2, .page .mobile_menu_v2_list .l_title, .mobile_menu_v2_list .l_nav_title {background:#e5e5e5;color:#000;  padding:9px 25px; border:none; border-top:1px solid #eaeaea; text-align:left;}
.page .mobile_menu_v2_list .l_nav_title2 a, .page .mobile_menu_v2_list .l_title a, .mobile_menu_v2_list .l_nav_title a {color:#000 !important; text-decoration:underline; display:block; background:none;}

.page .mobile_menu_v2_list .l_nav2 li a, .page .mobile_menu_v2_list .l_nav li a {background: none; border:none;}
.page .mobile_menu_v2_list .l_nav2 li a:hover, .page .mobile_menu_v2_list .l_nav li a:hover {color:#009EF9;}

.page .mobile_menu_v2_list .l_nav li a { border-top: 1px solid #e4e4e4; background: #f7f7f7 url(../images/background/icon/icon-list1.png) 10px 17px no-repeat;}
.page .mobile_menu_v2_list .l_nav .l_nav_nochild a { border: none; background: url(../images/background/icon/icon-list2.png) no-repeat scroll 6px 3px;}
.page .mobile_menu_v2_list .l_nav .l_nav_arrowR2 a { border: none; background: url(../images/background/icon/icon-list2.png) no-repeat scroll 18px 3px;}


/* new mobile version */
.homePage #mobile-top-home {display:none}

#mobile-top-link {display:none; position:absolute; top:0; right:0; text-align:right; height:48px;}
#mobile-top-link a {display:inline-block; color:#009EF9; width:48px; height:48px; cursor:pointer; text-decoration:none; background-position:center center;}

.mobile-top-phone-gray 	{background:url("../images/tcg/tour/2016/icon_user2.svg") center center no-repeat !important;}
#mobile-top-phone 		{background:url("../images/tcg/tour/2016/icon_user.svg") center center no-repeat;}
#mobile-top-phone2 		{background:url("../images/tcg/tour/2016/icon_tel.svg") center center no-repeat;}
#mobile-top-search 		{background:url("../images/tcg/tour/2016/icon_search.svg") center center no-repeat;}
#mobile-top-community 	{background:url("../images/tcg/tour/2016/icon_community.svg") center center no-repeat;}
#mobile-top-answer 		{background:url("../images/tcg/tour/2016/icon_qa.svg") center center no-repeat;}
#mobile-top-home 		{background:url("../images/tcg/tour/2016/icon_home.svg") center center no-repeat;}
#mobile-top-apps 		{background:url("../images/tcg/app/icon_app.png") center center no-repeat;}
#telBox {display:none;border-radius:25px; position:relative;}
#telBox li {border-top:1px solid #d1d1d1; padding:15px 0; text-align:center; font-size:17px;}
#telBox li.telBoxTitle {background:#efefef; border:none;border-radius:25px 25px 0 0;}
#telBox li a {text-decoration:none;}
#telBox .telBoxClose, .mobile_map_box_close {position:absolute; top:-15px; right:-10px; width:50px; height:50px; cursor:pointer; background:url("../images/tcg/picture/bg/icon-close01.png") no-repeat;}
.mobile_map_box_close {top:-20px; right:-20px;}




/*break news*/
#breaknews { background:#f0f3f6; border:1px solid #cadcdf; margin:-1px -1px -1px 0;}
.breaknewscontent { text-align:justify; padding:8px;}
.breaknewscontent p { margin-bottom:10px;}
.breaknewstitle { color:#009EF9; font-size:16px; text-align:center; padding:4px; border-bottom:1px solid #cadcdf;}



.divads { margin-top:10px; text-align:center; }
.c_title_bar { float:right; margin:10px; }
.c_title_bar a.c_title_bar_ask { background: url("../images/background/btn-ask.png") no-repeat scroll 0 0 transparent; width:163px; height:35px; display:block; }


/*内容*/
.content { overflow:hidden;}
.content .isphone_show { display:none;}
.content img { border:none;}
.contentSplit { border-bottom:1px solid #e3e3e3; margin:10px 0px 15px;}
.contcont p { margin:10px 0px;}
.contcont .subTitleBg { vertical-align: top;}
.contcont .subTipBg { padding-bottom:2px;}
.content a,.contcont a { color:#36C; text-decoration:underline;}
.content a:hover,.contcont a:hover { color:#009ef9; text-decoration:none;}
.content .contcont { text-align:justify;}

/*
body .content,.content .contcont,body .tourContent,body .Content,body .artiContent,body .contcont {line-height:24px;}
body .photosBox .picContent{line-height:24px;}
*/
.taC, .taC td { text-align: center;}
.taR { text-align: right;}
.splitC { float: left; text-align: center; margin-right: 10px; width: 350px;}
.splitCtitle { text-align: left;}
.splitC li { float: left; border: 1px solid #d3e7f6; padding: 4px; margin: 2px 4px;}
.splitC li a, .splitC li span { display: block;}

.textMgr { margin:0px 80px;}
.textMgr20 { margin:0px 20px;}
.span_indent { margin-left: 20px;}

.tbCenter { margin:5px auto !important;}
.tbLeft { float:left; width:48% !important;}
.tbRight { float:right; width:48% !important;}
.clsphotogalleryimg { padding: 0px;}
.clsphotogalleryimg, .tableInPic { border:0px solid #d1d1d1 !important; margin:8px 16px; }
.clsphotogalleryimgNoHide { border:1px solid #d1d1d1 !important; margin:5px; }
/*内容表格*/
.c_tableXP { width:400px; border-collapse:collapse; border-spacing:0; text-align:left}
.c_tableXM { width:310px; border-collapse:collapse; border-spacing:0; text-align:left}
.c_tableXA { border-collapse:collapse; border-spacing:0; text-align:left}
.c_tableX, .table1, .tab1, .c_tableBD1 { width:100%; border-collapse:collapse; border-spacing:0; text-align:left}
.c_table { border-collapse:collapse; border-spacing:0; text-align:left;}
.clstablegray { width:100%; border-collapse:collapse; border-spacing:0; text-align:center}
.table1 th, .tab1 th, .c_table th { background:#efefef; text-align: center; font-weight:normal; border:1px solid #d1d1d1; padding:3px 0px;}
.c_tableXP td, .c_tableXA td, .c_tableXM td, .c_tableX td, .c_tableX th, .clstablegray td, .table1 td, .tab1 td { border:1px solid #d1d1d1; padding:2px 5px; background:#fff;}
.c_tableBD1 td, .c_table td { border:1px solid #ccc; padding:2px 5px;}
.c_tableX th { background:#efefef !important; font-weight:normal;}
.c_tableX_th td, .c_tableX_th, .tdhbg { background:#efefef !important;}
.c_tableX p, .clstablegray p, .table1 p, .tab1 p { padding:0; margin:0;}
.table2 td { background: none repeat scroll 0 0 #F1F8FE; border: 1px solid #DAEBF7; padding: 8px; text-align: center;}
.table3 td { background: none repeat scroll 0 0 #F4F9FD; border: 1px solid #D3E7F6; padding: 8px; text-align: center;}


a.gotop { z-index:9999; background: url(../images/background/icon/go-top.png) no-repeat scroll 0 0 transparent; bottom:20px; height:57px; position:fixed; right:20px; text-decoration:none; width:54px;}
/*#livechat {cursor:pointer;height:65px;left:50%;margin-left:580px;position:fixed;top:227px;width:66px;z-index:301;display:block;display:none;} */
#livechat { position:fixed; left:auto; top:auto; margin:0; right:24px; bottom:0; z-index:9; cursor: pointer;}
.lastUpdateTime { clear:both; border-radius:5px; border:1px solid #e8e8e8; padding:5px; margin-top:8px; text-align:center;}

/*---food---*/
.c_c_index_food { border:1px solid #dedede; margin:20px 0 0; padding:10px; background:none repeat scroll 0 0 #EFEFEF;}
.c_c_index_food img { float:right;}
.c_c_index_detail { float:left; width:280px; margin:5px 10px 5px 0px;}
.c_c_index_unit { background:url(../images/background/icon/p18.png) 4px 7px no-repeat; padding:0 0 0 20px;}

.food_method table { border:1px solid #dedede; margin:10px 0px; width:100%; }
.food_method table td { padding:10px 20px 0px; }
.food_method .step, .step { color: #009EF9; font-size: 18px; float: left; margin: 0px 4px 0px 0px;}
.food_method .stepNum , .stepNum { border-radius: 15px; width: 26px; height: 26px; background: #e46539; color: #fff; font-size: 18px; text-align: center; float: left;}



/*content video*/
.videoBox {background: none repeat scroll 0 0 #F5F5F5;border: 1px solid #CCCCCC;float: right;margin-left: 8px;text-align: center; width: 400px;}
.videoBox .videoIco {background: url("../images/background/icon/camer-ico.gif") no-repeat scroll left center rgba(0, 0, 0, 0);padding-left: 25px;line-height:250%;}
.videoBox .picIco {background: url("../images/background/icon/ico-pic.gif") no-repeat scroll left center rgba(0, 0, 0, 0);margin-right: 20px; padding-left: 30px;line-height:250%;}
#video {cursor: pointer;height: 242px;width: 400px;background:black;}
#video img { vertical-align:middle;}

/*image in app*/
.slide_new {display:none; border:0px solid red; }
.slide_hor, .no_hor {text-align:center; border:1px solid #d1d1d1; padding:5px;  margin:10px; float:left;}
.slide_ver, .no_ver {border:1px solid #d1d1d1; float:left; padding:5px; margin:5px;}
.des_div {display:none;}
.img_mask {position: absolute; left: 0px; top: 0px; width: 100%; z-index: 1000; opacity: 0.3;  display: none; background-color: rgb(0, 0, 0);}
.img_showDiv {position: absolute; display:none; background-color:#fff; border:4px solid #d1d1d1;  width:auto; height:auto; z-index:1001; text-align:center; }
.img_showDiv a {color:#36c;}
.closeImg, .zodiacCloseImg {
	z-index:1002;
	display: block;
	height: 50px;
	width: 50px;
	cursor: pointer;
	background: url(../images/tcg/picture/bg/icon-close01.png) no-repeat;
	position: absolute;
	right: -18px;
	top: -25px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: #d1d1d1;
}

/*google translate*/
#google_translate_element span {margin-left:0}
#google_translate_element a {margin:0;padding:0 5px}

/*QA*/
#answers {line-height:140%;}
.qa-search {background:#eaeaea;text-align:center;font-size:17px;color:#000;padding:10px;margin:15px 0}
.qa-search * {vertical-align:middle}
.qa-search-text {border:1px solid #bfbfbf;height:30px;margin:0 20px;font-size:17px}
.qa-title {background:#f2f2f2;text-align:center;font-size:18px;padding:10px 0}

.qa-list-q-item {border:1px solid #ddd;margin-top:10px;color:#000;font-size:17px;padding:10px 40px 10px 80px;background:url(../images/background/icon/bg-q.png) 20px 20px no-repeat;}
.qa-list-q-item2 {background:url(../images/background/icon/bg-q2.gif) 20px 20px no-repeat;}
.qa-list-q-info,.qa-list-a-info {color:#757575;padding:5px 0}
.qa-list-q-info span {width:75px;height:26px;float:right;right:40px;top:20px; cursor:pointer; color:#0071DB; }
.qa-list-q-info span * {vertical-align:middle; margin:0px 5px; }
.qa-list-q-info span:hover {text-decoration:underline;}
.qa-list-q-title {font-size:18px}
.qa-list-q-content {padding:10px 0}

.qa-list-a-list {}
.qa-list-a-title {padding:10px 0;font-size:18px;color:#0071DB}
.qa-list-a-item {background:url(../images/background/icon/bg-a.png) 0 20px no-repeat;border-top:1px dashed #adc2d7;padding:10px 0 10px 60px;margin-top:5px}
.qa-list-a-item2 {background:url(../images/background/icon/bg-a2.png) 0 20px no-repeat;}
.qa-list-a-info div {float:right;right:60px;top:20px;color:#0071DB}
.qa-list-a-info div * {vertical-align:middle;margin:0 5px;cursor:pointer}
.qa-list-a-info div *:hover {text-decoration:underline;}
.qa-list-a-info .good {}

.qa-form {border:1px solid #ddd;margin-top:20px}
.qa-form * {font-family:Arial,Helvetica,Verdana,Geneva,sans-serif}
.qa-form-title {background:#f2f2f2;padding:15px;font-size:18px;padding-left:30px;text-align: center;}
.qa-form form {padding:20px}
.qa-form div {padding-top:10px}
.qa-form-input {width:100%;height:30px;border:1px solid #ccc;font-size:17px;}
.qa-form-content {width:100%;height:150px;border:1px solid #ccc;font-size:17px;line-height:150%;padding:4px;}
.qa-form-ctrl *:not(img) {  width: 261px; height: 44px; cursor: pointer; border: none; margin-right: 20px; margin-top: 5px;}
.btn-qa-submit-reply {width:94px !important;height:35px;border:none;cursor:pointer;background:url(../images/background/icon/btn-qa-submit.png) left center no-repeat}
.btn-qa-submit{width:261px;height:44px;cursor:pointer;border:none;margin-right:20px;background:url("../images/tcg/answers/btn-answers-submit.png") left center no-repeat;}
.btn-qa-reset{width:94px;height:35px;background:url(../images/background/icon/btn-qa-reset.png) left center no-repeat}
.qa-more {
    background: #F0F3F6 url(../images/background/icon/59.png) 13px no-repeat;
    padding: 10px 0 10px 50px;
    border-radius: 5px;
    margin: 20px auto;
    width: 240px;
	margin-right:0px;
	font-size:17px;
}

#replytep{z-index:9999;position:absolute;background:#f2f2f2;border:1px solid #ccc;width:300px; min-height:270px; background-color:#fff;border-radius:25px;}
#replytep ul{width:100%; font-size:17px;}
.teplytepli{float:none !important; height:50px;border-bottom:1px solid  #d1d1d1;}
.teplytepli a {color:#000; text-decoration:none;}
.header-top-tep{
	cursor:pointer;
	background: url(../images/background/icon/tel-20.png) ;
	width:20px;
}
#replyBox {z-index:9999;position:absolute;width:750px;background:none;border:none;padding:10px 15px}
#replyBox div {margin-top:10px}
#replyBox * {font-family:Arial,Helvetica,Verdana,Geneva,sans-serif}
#replyBox textarea {width:98%;border:1px solid #ccc;height:150px}
#replyBox .replyBox-title {font-size:18px;color:#009ef9;text-align:center}
.qa-form-content-a {font-size:17px;line-height:150%;padding:4px;}
.replyBox-close {background: url("../images/tcg/picture/bg/icon-close01.png") no-repeat scroll 0 0 transparent;color:#517A81;cursor:pointer;display:block;font-size:17px;height:50px;line-height:50px;position:absolute;right:-20px;text-align:center;top:-20px;width:50px;}


.qaResultBox {position:absolute;width:700px;height:150px;background:#f2f2f2;text-align:center;padding-top:50px;z-index:9999;left:30%;top:30%}
.qaResultBox a {color:#36C;text-decoration:none}
.qaResultBox a:hover {color:#009EF9;}
.qaResultBox-msg {width:50%;margin:0 auto;height:100px;padding-left:100px;padding-top:15px;text-align:left;line-height:150%}
.qaResultBox-icon-ok {background:url(../images/tcg/china-trains/v2015/icon-yes.png) 0 0 no-repeat;}
.qaResultBox-icon-faild {background:url(../images/tcg/china-trains/v2015/icon-no.png) 0 0 no-repeat;}


/*post*/
.container a { color: #3366CC; text-decoration: underline;}
.container a:hover { color: #009ef9; text-decoration: none;}
input {font-size:14px;font-family:Verdana, Geneva, sans-serif}
.fgA a {color:#fff; text-decoration: none;}
.container{position:absolute;width:680px;height:380px;padding:10px 10px 0 0;z-index:9999}
.login_box{border:7px solid #aac2cf;background-color:#ffffff;overflow:hidden; }
.login_box_title{border-bottom:1px solid #e8e8e8;font-size:15px;position:relative;padding:5px 0 8px 5px;color: #1a557e;}
.login_box_title a{position:absolute;right:40px;}
.login_box_left{float:left;padding:0 0 0 20px;}
.login_box_left h3{font-weight:normal;padding:0 0 15px 10px;margin:20px 0 0;font-size:13px;}
.login_box_right{width:280px;float:right;background-color:#ecf5fa;padding:0 30px 20px;overflow:hidden;}
.login_box_left h3 span{color:#009ef9}
.login_box_left  span,.login_box_right span{width:85px;display:inline-block;}
.login_box_left div,.login_box_right div,#register div,#login div{margin:15px 0;}


.input_text{border:1px solid #b1b1b1;_height:20px;width:170px;padding:5px;}
.input_hind{color:#a0a0a0;}

.btn_login,.btn_loginr, .btn_cancel{
    background: url("../images/tcg/login/bottonbg.png") no-repeat scroll 0 0 transparent;
    border: medium none; color: #FFFFFF; cursor: pointer; height: 36px; line-height: 36px; text-align: center; width: 173px;
}
.login_box_close {
    background: url("../images/tcg/picture/bg/icon-close01.png") no-repeat scroll 0 0 transparent;
    color: #517A81; position: absolute; cursor: pointer; display: block; font-size: 16px;
    width: 50px; height: 50px; top: 5px; right: 5px; line-height: 50px; text-align: center;
}

.login_btn_bar{margin:20px 10px 0 0;}
.btn_cancel{background-position: 0 -72px;width: 93px;}
.btn_cancel:hover{background-position: 0 -108px;color: #FFFFFF;}

.btn_login,.btn_loginr {background-position: 0 -144px;width: 100px;}
.btn_login.btn_loginr:hover{background-position: 0 -180px;color: #FFFFFF;}

.btn_facebook,.btn_google{width:210px;height:40px;display:block;text-align:center;line-height:40px;margin-top:10px;color:#ffffff;text-decoration: none;position:relative;}
.btn_facebook{background-color:#395999;padding-left:30px;width:100px;float:left;color:#fff}
.btn_google{background-color:#235cc3;padding-left:20px;width:110px;float:right;}
.btn_facebook span,.btn_google span{position:absolute;width:40px;left:0;top:0;height:40px;background:url("../images/tcg/login/icon-f-g.png") no-repeat 0 0 transparent;}
.btn_google span{background-position:0 -40px;}
.loading{
	position: absolute; width:160px; height:56px; top:40%; left:30%;
	line-height:56px; color:#fff; padding-left:60px; font-size:15px; opacity: 0.7; z-index:19999;
	background: #000 url(../images/background/loading/ajaxloading_blue.gif) no-repeat 10px 50%;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.login_box_close { color: #517A81; cursor: pointer; display: block; font-size: 16px; width: 50px; height: 50px;
	line-height: 50px; position: absolute; right:-8px; text-align: center; top: -8px;
	background: url("../images/tcg/picture/bg/icon-close01.png") no-repeat scroll 0 0 transparent;}
.login_memo{padding:20px 15px;border-top:1px solid #e8e8e8;}
.login_memo span{color: #009ef9;}

.ac_results { background-color: #FFFFFF; border: 1px solid black; overflow: hidden; padding: 0; z-index: 99999;}
.ac_results ul { list-style: none outside none; margin: 0; padding: 0; width: 100%;}
.ac_results li { cursor: default; display: block; font-size: 12px; line-height: 16px; margin: 0; overflow: hidden; padding: 2px 5px;}
.ac_loading { background: url("../images/background/loading/ico_loading.gif") no-repeat scroll right center white;}
.ac_odd { background-color: #EEEEEE;}
.ac_over { background-color: #8EC2F5; color: #FFFFFF;}

.commt_success { background: none repeat scroll 0 0 #78A2CC; border: 1px solid #92B7DB; clear: both; height: 100px; padding: 20px 0; text-align: center;}
.commt_success_img { float: left; padding-right: 8px; padding-top: 15px; text-align: right; width: 22%;}
.commt_success_content { float: right; padding-top: 10px; text-align: left; width: 75%;}
.commt_success_title { border: 1px solid #FFFFFF; border-radius: 10px 10px 0 0; cursor: move; font-size: 18px; font-weight: normal;
	line-height: 50px; padding-left: 20px; position: relative; text-align: left; color: #FFFFFF; height: 55px;
	background: url("../images/background/bg/bgp025.png") repeat-x scroll 0 0 #6E98C9;}
.commt_success_title_close { cursor: pointer; height: 21px; position: absolute; right: 15px; top: 15px; width: 22px;
	background: url("../images/background/icon/close02.png") no-repeat scroll 0 0 transparent;}

.hideInReply { width:280px;}

.qa-user.qa-user-question span, .qa-user.qa-user-reply span { display:inline-block; margin: 5px 0;}
.qa-user.qa-user-question input, .qa-user.qa-user-reply input { width:180px; height: 30px; border: 1px solid #ccc; font-size: 14px; padding: 0 4px; margin: 0 10px 0 5px; box-sizing: border-box;}

/*qa专用*/
@media screen and (max-width:1024px){
	.qa-search-text {width:50%;}
}
@media screen and (max-width:770px){
	.qa-search { padding-left:5px; padding-right:5px;}
	#replyBox div { margin-top:10px;}
	.qa-search-text { width:50%;}
 	.page .c_path { line-height:150%;}
	#replyBox { width:700px;}

	.qa-user.qa-user-question span, .qa-user.qa-user-reply span {display:block; margin: 0 5px 10px; position: relative; padding-left: 70px;}
	.qa-user.qa-user-question i, .qa-user.qa-user-reply i {display: block; width:60px; text-align: right; position: absolute; left: 0; top: 0; line-height: 30px;}
	.qa-user.qa-user-question input, .qa-user.qa-user-reply input {width:100%!important; }
}
@media screen and (max-width:750px){
	#replyBox {width:78%;padding:10px}
}
@media screen and (max-width:640px){
 	.loginNO {background:none}
	.qa-search-text {width:30%}
	.qa-list-q-item {background:none; padding:10px;}
	.qa-list-q-info {background:url(../images/background/icon/bg-q-mobile.png) 5px 10px no-repeat; padding-left: 40px;height:50px }
	.qa-list-a-item {background:none; padding:10px 0px;}

	.qaResultBox {width:88%;padding-top:10px;height:auto}
	/*post*/
	.login_box_right{display:none;}
	.container{width:90%;height:350px;}
	.input_text{width:160px;}
	.login_box_left{padding-left:15px;width:90%}
	.login_box_left span{width:70px;}
	#g_email{width:230px;}
}
@media screen and (max-width:480px){
 	.qa-search {padding:5px}
	.qa-search-text {width:65%;margin:0}
	.qa-search span {margin:0 0 5px 0;padding:0;display:block;}
	.qa-search-btn {}
	.qa-more { margin:20px auto;}

}
@media screen and (max-width:380px){
	.qa-search-text {width:55%;}

}
/**/

/*屏幕自适应*/
@media screen and (max-width:1024px){
	#header-top, #header-navigator-view, #main {width:1000px;}
	.page .right {width:750px ; padding:0px 10px 0px 20px;}
	.cityguideIndex .cr1 {width:700px ; }

	.c_c_index_detail {width:210px;}

	.width100p_1024 {width:100% !important; height:auto !important;}

	.liSmallMap179 li { width:158px;}
	.liSmallMap179 li img{ width:100%;}
}
@media screen and (max-width:770px){
	#header-navigator-view td:nth-child(1),#header-navigator-view td:nth-child(5),#header-navigator-view td:nth-child(7),#header-navigator-view td:nth-child(8) {display:none}

	.mobile_menu,.mobile_menu_list {display:block}
	.loginPAD {display:block}
	.loginPC {display:none}
	body {padding:0px}
	#footer,#header,#header-top, #header-navigator-view, #main {width:100% ;}

	.page #main,#main {margin-top:0px;}
	#header-top-logo div {display:none}
	.header-top-a {position:absolute;left:10px;top:10px;width:160px;height:30px;background:url(../images/logo/logo_moblie.svg) 0 0 no-repeat;}
	.header-top-excellence {display:none;}
	#header-top-link {top:25px}
	#header-navigator-view td {border-right:1px solid #fff;}
	.header-navigator-view-more {display:block;}
	.footer-link a {margin:0px; padding:0px 20px;}

	.page .left {display:none}
	.page .right {float:none;width:100%;padding:0}
	.content .contcont {padding:5px; }
	.page .l_nav2, .page .l_nav { margin-bottom:0px;}
	.page .l_nav_title2 a, .page .l_title a,  .l_nav_title a {display:inline; }
	.page .l_nav .l_nav_nochild a:hover {background:none}

	a.gotop {right:0;bottom:55px; width: 36px; height: 36px; background-size: contain;
    	background: url("../images/tcg/tour/2016/btn_gotop.png") no-repeat;}
	#livechat {right:0;left:auto;margin-left:0;width:auto;}

	.cityguideIndex .cr1, .cityguideIndex .cr2 {width:100% ; }
	.cityguideIndex .cr2 .photosBox li {float:left; margin:4px 20px; height:300px;}


	.navPhone div {border-top:1px solid #E6870F;}
	.navPhone div:first-child {display:none;}

	#header-navigator-view td {border-color:#E6870F;}
	#header-top-logo { height:48px;}
	#header-top-link {display:none;}
	#mobile-top-link {display:block;}
	#mobile-top-link a#mobile-top-answer {display:none;}
	#mobile-top-link a#mobile-top-community {display:none;}

	.mobile_menu_v2,.mobile_menu_v2_list {display:block;}
}
@media screen and (max-width:765px){
	#google_translate_element {display:none}

}
/*IP6 landscape*/
@media screen and (max-width:667px){
	#header-navigator-view td:nth-child(6) {display:none}

	.displayNone_667 {display:none}
}
@media screen and (max-width:640px){
	#header-navigator-view td:nth-child(11) {display:none}

	.linkPCPAD {display:none}
	.loginOKPADPHONE {right:10px;}
	.contcont iframe {max-width:99%;}
	.g_outerbox{padding:0px;overflow-x:auto;overflow-y:hidden;}
	.top, .c_title_bar,  .proService, proService02, #cityReview, .logomin, .gp_hide, .g_phide, #divsighttips, #bbsPic {display:none; }
	.li16 li,.li18 li,  .li20 li, .li22 li, .li24 li, .li25 li, .li30 li, .li33 li, .li35 li, .li40 li {width:45% !important; }

	.widthAuto { width: auto !important; }
    .liSmallMap li{ text-align:center;float:left;margin:1px; padding:0px; border:1px solid #D3E7F6; width:144px;}
	.liSmallMap li img {width:100%;}

	.textMgr, .textMgr20 {margin:0px 10px; display:block;}

	.tbLeft {width:100% !important;}
	.tbRight {width:100% !important; float:left;}
}
@media screen and (max-width:580px){
	.width100p_420 {width:100% !important; height:auto !important; }
	.clsmapimg {padding:50px 2px 10px !important;}
	.cityguideIndex .cr2 {width:274px;}
	.cityguideIndex .cr2 .photosBox li {float:none; margin:4px auto; height:auto;}
}
@media screen and (max-width:480px){
	#header-top-link {top:15px}
	.navPhone {top:100px;}

	.footer-link {height:28px}
	.footer-link span {width:auto}

	.content { padding:0 16px;}
	.content .contcont {padding:0px; line-height:24px;}

	.liArrowRed li, liArrowRedLi {background-position:0px; line-height:34px; }
	.liSmallMap179 li { width: 155px;}
}
@media screen and (max-width:425px)
{
	.cityguideIndex .c_title h1, .page .c_title h1, h1.picName{line-height:100%; font-size:22px !important; }
	.box_map li {width:150px; height:160px;}
	.mapCenter .liSmallMap li { width: 160px; padding:5px; }
	.mapCenter .liSmallMap li img {width:100% !important; height:auto !important;}
	.content { padding:0 8px;}
	.page .c_path {border-bottom-width:0px; padding:12px 0px 0px; max-height: 42px;}
	/*.c_path div{width:85%}*/
	.c_path {width:85%}
	.videoBox {float:none;margin:0px auto;}
	#video img {height:calc(90vw*242/400) !important;}
}
@media screen and (max-width:420px){
	#header-navigator-view td:nth-child(4) {display:none}

	.videoBox, #video, #video img {width:100% !important;}
	#video {height:auto !important;}
	.loginNO {background:none; padding-left:0px;}
	.food_method table td {padding:10px 10px 0px;}
	.nav-item a {padding:0 2px}

	.tableInPic {margin:8px 0px;}
	.footer-link a {margin:0px;padding:0px 5px;}
}
@media screen and (max-width:380px){
	#replytep {width:80%}
	#mobile-top-link a {width:30px}
	.loginNOPAD2 font {display:none}

	.liSmallMap179 li { width: 143px; padding: 3px 5px;}
	.mapCenter .liSmallMap li {padding:2px; margin:2px;}
}
@media screen and (max-width:360px){
	.mapCenter .liSmallMap li {width:148px; height:170px;}
}
@media screen and (max-width:320px){
	.c_path div{width:80%}
	#header-navigator-view td:nth-child(10) {display:none}

	#mobile-top-link a {width:35px}

	#header-top-link span { margin-left: 2px;}
	#header-top-link a {margin: 3px;}
	.header-top-tep { margin-top: 0;}
	#replytep {width: 260px; min-height: 260px;}
	.videoBox .picIco { line-height:150%;}
	.footer-link {height:48px;}
	.liSmallMap179 li { width: 123px; padding: 3px 1px;}
	.box_map li {width:138px; padding:2px 1px;}
	.box_map li img { width:100% !important; height:auto !important;}
	.mapCenter .liSmallMap li { width:138px; padding:2px 1px; margin:1px;}
}


/*------bottom media-------*/
.bottomInfo { background-color: #f2f2f2; margin-top:20px;}
.bottomInfo-up { width: 1130px; margin: 0px auto; padding: 10px 0px;}
.bottomInfo-logo-new:nth-child(1) { margin: 0px 30px;}
.bottomInfo-logo-new img {border:none;}
.index-media-split { border-bottom: 1px solid #d1d1d1; margin: 15px 0px;}
.bottomInfo-logo { width: auto; float: left; margin: 0 25px; text-align: left; color: #adadad; font-size: 13px;}
.bottomInfo-logo img { margin-right: 10px; border: none;}

@media screen and (max-width:1024px){
	.bottomInfo, .bottomInfo-up { width: 100%;}
	.bottomInfo-logo-new:nth-child(1) { margin: 0px;}
	.bottomInfo-logo-new:nth-child(1) img { width: 50%;}
	.bottomInfo-logo { margin: 0 5px;}
}
@media screen and (max-width:770px){
	.bottomInfo-logo { width: 23%;}
	.bottomInfo-logo img { width: 100%;}
	#img_security { width: auto;}
	.bottomInfo-logo-last img { width: 34px; margin-right: 5px;}
}
@media screen and (max-width:420px){
	.bottomInfo-up { width: auto; padding: 10px;}
	.bottomInfo-logo-new:nth-child(1) { width: 100%;  text-align: center; margin: 0px; height: auto;}
	.bottomInfo-logo-new:nth-child(1) img {  width: 100%;}
	.bottomInfo-logo { width: 47%; margin: 0 10px 0 0;}
	.bottomInfo-logo img { width: 100%;}
	#img_security { width: auto !important;}
	.bottomInfo-logo-last img { width: 38px;  margin: 5px 3px 0px 0px;}
}
@media screen and (max-width:380px){
	.bottomInfo-logo { margin: 0 4px 0 0;}
	.bottomInfo-logo-last img { width: 32px; margin:10px 3px 0px 0px;}
}
@media screen and (max-width:320px){
	.bottomInfo-logo-last img { width: 30px; margin:10px 1px 0px 0px;}
}


/*mobile top*/
.header-top-2019-container {min-height:48px}
.header-top-2019 {background:#f2f2f2;position:fixed;z-index:997;display:none;min-height:48px;width:100%;}
.header-top-2019-left {position:absolute;left:15px; top:15px;}
.header-top-2019-right {position:absolute; top:10px; right:10px;}
.header-top-2019-right a {margin-left:20px}
.header-top-2019-logo {display:block;width:160px; margin:8px auto 0;}
@media screen and (min-width:768px){
	.header-top-2019-container {display:none}
	#header {display:block}
}
@media screen and (max-width:768px){
	.header-top-2019-container {display:block}
	.header-top-2019 {display:block;}
	#header {display:none}
}
@media screen and (max-width:480px){
	.mobile-top-app {display:none}
	.header-top-2019-logo {margin-left:60px;}
}
@media screen and (min-width:425px){
	.header-top-2019 {background-color:#fff}
}
.nav-mobile {display:none;position:fixed;left:0;top:0;width:240px;background:#fff;z-index:999999;height:100%;-moz-box-shadow:2px 2px 5px #333333;-webkit-box-shadow:2px 2px 5px #333333;box-shadow:2px 2px 5px #333333;}
.nav-mobile-top {min-height:20px;background:none;}
.nav-mobile-top-left {float:left;padding:10px;display:none;}
.nav-mobile-top-right {float:right;padding-right:20px;padding-top:10px}
.nav-mobile-list li {width:100%;padding:0 30px;box-sizing:border-box}
.nav-mobile-list li span {display:block;border-bottom:1px solid #f2f2f2;padding:10px 0}
.nav-mobile-list li span a {display:block;text-align:left;text-decoration:none;padding:4px 0;color:#000;}
.nav-mobile-list li span a:hover {background:#f1f1f1}
.nav-mobile div img {max-width:100%}
.header-top-2019-right a.mobile-top-phone {margin-left:0}

/*------bottom media-------*/
#index-smallIMG {margin:0}
.bottomInfo-up {padding:0}
.mediaInfo {position:relative;}
.mediaInfo-icon {position:absolute;right:23%;bottom:20px}
.mediaInfo-icon img {margin:5px}
.mediaInfo-bg-s {display:none;height:auto;}
.mediaInfo-bg-l {height:auto;}
@media screen and (max-width:1024px){
	.bottomInfo-up {width: auto}
	.mediaInfo-icon {right:22%;}
	.mediaInfo-bg-l {max-width:100%;}
}
@media screen and (max-width:770px){
	.mediaInfo-icon {bottom:10px;}
	.mediaInfo-icon img {width:30px;height:30px}
	.display_none_770{display:none}
	.footer-link {height:auto;}
}
@media screen and (max-width:640px){
	.bottomInfo-up {padding: 10px;}
	.mediaInfo-icon {right:20.5%}
	.mediaInfo-icon img {margin:2px}
}
@media screen and (max-width:480px){
	.mediaInfo-icon {bottom:0;right:19%;}
}
@media screen and (max-width:425px){
	.mediaInfo-bg-l {display:none}
	.mediaInfo-bg-s {display:block;max-width:100%;}
	.mediaInfo-icon {bottom:5px;right:11%}
	.mediaInfo-icon img {width:40px;height:40px}
	.agate {display:none}
}
@media screen and (max-width:375px){
	.mediaInfo-icon img {width:35px;height:35px}
}
@media screen and (max-width:320px){
	.mediaInfo-icon img {width:30px;height:30px}
}
.agate {position:absolute;top:0;right:0;width:18%;height:100%;background:transparent}
.agate_small {display:none;padding:10px}
.agate_small div{padding:15px 0;color:#aaa}
.agate_small div:first-child {border-top:1px solid #d1d1d1;}
@media screen and (max-width:425px){
	.agate_small {display:block}
}

.mediaInfo a {display: block;}
.mediaInfo-icon a {float: left;}
.mediaInfo-ta {float: left;width:14.1%;}
.mediaInfo-other {float: right;width:85.9%;}
@media screen and (max-width: 425px){
	.mediaInfo-ta {width:33.8%;}
	.mediaInfo-other {width:66.1%;}
}

/*
#index-smallIMG {margin:0}
.bottomInfo { background-color: #f2f2f2; margin-top:20px;}
.bottomInfo-up { width: 906px; margin: 0 auto; padding: 0;}

.mediaInfo {position:relative;}
.mediaInfo-icon {position:absolute;right:3%;bottom:20px}
.mediaInfo-icon img {margin:5px}
.mediaInfo-bg-s {display:none;height:auto;}
.mediaInfo-bg-l {height:auto;display:block;}
@media screen and (max-width:906px){
	.bottomInfo-up {width: auto}
	.mediaInfo-bg-l {max-width:100%;}
}
@media screen and (max-width:768px){
	.mediaInfo-icon {bottom:10px;}
	.mediaInfo-icon img {width:40px;height:40px}
	.display_none_770{display:none}
	.footer-link {height:auto;}
}
@media screen and (max-width:640px){
	.bottomInfo-up {padding: 10px;}
	.mediaInfo-icon img {margin:2px;width:30px;height:30px}
}
@media screen and (max-width:480px){
	.mediaInfo-icon {bottom:0;right:1%;}
}
@media screen and (max-width:425px){
	.mediaInfo-bg-l {display:none}
	.mediaInfo-bg-s {display:block;max-width:100%;}
	.mediaInfo-icon {bottom:5px;width:100%;padding-left:33.8%;box-sizing:border-box;display:flex;flex-wrap:nowrap;justify-content:center;}
	.mediaInfo-icon img {width:40px;height:40px}
	.agate {display:none}
}

.mediaInfo a {display: block;}
.mediaInfo-icon a {float: left;}
.mediaInfo-ta {float: left;width:17.55%;}
.mediaInfo-other {float: right;width:82.45%;}
@media screen and (max-width: 425px){
	.mediaInfo-ta {width:33.8%;}
	.mediaInfo-other {width:66.1%;}
}
*/

/*---------train page bottom city links------------*/
.box_no_new li {background: linear-gradient(to bottom,#fdfdfd,#e7e7e7);
    float: left;
    text-align: center;
    border: 1px solid #d1d1d1;
    border-right-width: 0px;}
.box_no_new li:last-child {border-right:1px solid #d1d1d1;}
.box_no_new li a {display:block; padding:6px 0px;}
.li17 li { width: 16.5%;}

@media screen and (max-width:480px){
	.box_no_new li:nth-child(3n) {border-right:1px solid #d1d1d1;}
	.box_no_new li:nth-child(1), .box_no_new li:nth-child(2), .box_no_new li:nth-child(3){border-bottom-width:0px;}
	.li17 li { width: 32.5%;}
}
/************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(../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(../images/background/arrow/arrow_blue.gif) no-repeat left center; }
.recmd { width:95%; margin-top:10px; padding:0 10px 10px;
	background:#FFB680 url(../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(../images/background/bg/bgj034.jpg) repeat-x;}
.recmd .pr li {	padding:5px 0 5px 10px;
	background:url(../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(../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 { 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(../images/background/icon/icon-title.png) no-repeat 0px 2px; padding-left: 25px;}
.h2_02 { background:url(../images/logo/ico/ico-note1.gif) no-repeat 4px 2px; padding-left: 25px;}
.h2_03 { background:url(../images/background/icon/flight30.png) no-repeat -4px -4px; padding-left: 30px;}
.h2_04 { background:url(../images/background/icon/train30.png) no-repeat -2px -5px; padding-left: 28px;}
.h2_05 { background:url(../images/background/icon/ico-ldbus.png) no-repeat 0px -2px; padding-left: 32px;}
.h2_06 { background:url(../images/background/icon/ico-subway.png) no-repeat -4px -4px; padding-left: 30px;}
.h2_07 { background:url(../images/background/icon/ico-citybus.png) no-repeat -4px -4px; padding-left: 30px;}
.h2_08 { background:url(../images/background/icon/ico-taix2.png) no-repeat -4px -4px; padding-left: 30px;}
.h2_09 { background:url(../images/background/icon/ico-bicycle.png) no-repeat 0px -4px; padding-left: 32px;}
.h2_10 { background:url(../images/background/icon/icon-rickshaw.png) no-repeat -2px -6px; padding-left: 32px;}
.h2_11 { background:url(../images/background/icon/ico-maglev.png) no-repeat 0px -2px; padding-left: 32px;}
.h2_12 { background:url(../images/background/icon/ico-ferry.png) no-repeat -3px -4px; padding-left: 32px;}
.h2_13 { background:url(../images/logo/ico/ico-gwall.gif) no-repeat 0px 2px; padding-left: 25px;}
.h2_14 { background:url(../images/logo/ico/ico-dining.gif) no-repeat 0px 2px; padding-left: 25px;}
.h2_15 { background:url(../images/logo/ico/hot2.gif) no-repeat 0px 2px; padding-left:20px;}
.h2_16 { background:url(../images/background/icon/icon_wear.png) no-repeat 0px 2px; padding-left:25px;}
.h2_17 { background:url(../images/background/icon/icon_star.png) no-repeat 0px 2px; padding-left:25px;}

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

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

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

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

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

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

.h3_01 {background: url(../images/background/icon/icon-title.png) no-repeat 0px 0px; padding-left: 25px;
			line-height: 20px; display: block !important;}
.h3_02 { background:url(../images/background/icon/heading-h3.png) 3px 1px no-repeat; padding-left: 28px;}
.h3_03 { background:url(../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(../images/background/bg/bgj032.jpg) no-repeat left bottom; }
.cityLi .cityCon .red { font-weight: normal; color:#009EF9;}
.cityLi .hot ul { overflow:hidden; zoom:1; font-size:14px;}
.cityLi .hot li { float:left; width:141px; padding-left:8px;
	background:url(../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(../images/background/icon/sunrise.gif) no-repeat;}
.cityLi .whiteBg .tra { padding-left:35px; background:url(../images/background/icon/ico-subway.gif) no-repeat;}
.cityLi .whiteBg .qa { background:url(../images/background/icon/icon_q_a.gif) no-repeat 0 3px;}
.cityLi .whiteBg .wea { background:url(../images/background/icon/climate-ico.gif) no-repeat 0 3px;}
.cityLi .whiteBg .map { background:url(../images/background/icon/map.png) no-repeat 2px 3px;}
.cityLi .whiteBg .rev { background:url(../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(../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(../images/background/bg/bgj067.jpg) no-repeat;}
.cityLi .cityR { background:#CFDFEE url(../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('../images/background/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:160px; 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("../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%; }

/*----------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(../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(../images/backgroundbtn_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(../images/backgroundbtn_yellow_month.png) no-repeat;}

/*----------- AQI pie css ---------------*/
.aqi_pie_out { border: 1px #009ef9 solid; height:342px; position:relative;}
.aqi_pie_title { text-align:center; font-family: Verdana; background: #009ef9; 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(../images/background/icon/icon_tep.png) no-repeat; }
.avg_hightmp { background: url(../images/background/icon/icon_hightep.png) no-repeat; }
.avg_lowtmp { background: url(../images/background/icon/icon_lowtep.png) no-repeat;}
.avg_humidity { background: url(../images/background/icon/icon_humidity.png) no-repeat; }
.avg_rainfall { background: url(../images/background/icon/icon_rainfall.png) no-repeat;}
.avg_sunrise { background: url(../images/background/icon/icon_sunrise.png) no-repeat;}
.avg_sunset { background: url(../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:#009ef9 !important; color:#fff !important;*/}
.citymonthLink_current a { /*background:#009ef9 !important; */color:#009ef9 !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_td_day div { margin:0 0 0 5px; line-height: 1.4;}

	.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;}

/**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("../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(../images/backgroundbtn-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('../images/background/icon/icon-picture.png') center no-repeat;}
.auto_videoBg { width: 40px; height: 40px; float: left;
	background: #d35606 url('../images/background/icon/icon-video.png') center no-repeat;}
.auto_mapBg { width: 40px; height: 40px; float: left;
	background: #d35606 url('../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('../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("../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("../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("../images/background/arrow/arrow-r-blue.gif") no-repeat 0 10px;}
.c_c_index .li_hand { background:url("../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("../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: #009ef9; }
.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:#009EF9; 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('../images/backgroundtrack_new2.png') no-repeat; }
#btnFAQ { background:url('../images/backgroundtrack_new2.png') 0 -75px  no-repeat; }
#btnAnswer { background:url('../images/backgroundtrack_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('../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;}
.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('../images/backgroundzodiac1.png') no-repeat ; }
#btnZodiacCompat { background: url('../images/backgroundzodiac2.png') no-repeat ; }
#btnZodiacLucky { background: url('../images/backgroundzodiac3.png') no-repeat ; }
#btnZodiacAnswer { background: url('../images/backgroundzodiac4.png') no-repeat ; }
.btnZodiacAnswerDown { background: url('../images/backgroundzodiac4-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('../images/backgroundjiantou.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(../images/backgroundbook.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(../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;}
}
@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:260px;margin:10px 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;}
}

/*----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-left: 10px; width:370px; height:273px;}
.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;}
.recomTitle { background: url(../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: 200px;margin-right:10px; float: left; background:#f2f2f2;}
.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;}
@media screen and (max-width: 1024px)
{
	.linkUnit { width: 180px;}
	.linkPhoto { height:108px; max-height:108px !important;}
	.linkPhoto img { width: 100%; height: auto;}
}
@media screen and (max-width: 480px)
{
	.linkUnit { width: 100%; margin-right: 0px;margin-bottom: 10px;}
	.linkPhoto { float: left; height: 65px;  width: 118px;  max-height: 65px !important;}
	.linkTitle { line-height: 18px; padding: 5px 10px 5px 130px;}
}


.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(../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:#009ef9;}
.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(../images/background/icon/p18.png) 0 7px no-repeat; padding-left: 15px; margin-right: 20px;}
.unitAttr_btm span { color: #009ef9;}

.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(../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(../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(../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(../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(../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;}
/*-------_cityguide_new_v2.css---------*/
body { font:14px Verdana, Arial, Helvetica, sans-serif;}

/*page indexer*/
.pageMore { background:#f0f3f6; padding:3px 8px 1px; font-size:15px; height:auto; text-align:right;}
.pageMore a, .pageMore .current { display: inline-block; width: 27px; height: 27px; line-height: 27px; text-align: center; text-decoration: none; color: #000; margin: 0 1px;
	background: url("../images/background/icon/bg002c.png") no-repeat 0 -27px;}
.pageMore a:hover, .pageMore .current { background-position:0 0;}
	
.weaTitle { float:right; margin-right:20px; padding-top:1px; background:none; font-size:15px;}

.follow { width:170px; float:none; position:absolute; top:22px; right:150px;}
.pageTitle { position:relative; line-height:120%; padding:8px 0; border-bottom: 1px dashed #d1d1d1; border-top: 1px dashed #d1d1d1;}
.fl { float:left; width:80%;}
.fr { float:right;}
#CityWeather4 { display:none;}
.div_map { padding:16px;}
/*.div_diningImg { padding: 15px; width: 179px; height: 140px; float: left;}*/
/*.div_diningImg { padding: 15px; width: 320px; height: 229px; float: left;}*/
.div_diningImg { padding: 15px 15px 15px 0px; width: 320px; height: 168px; float: left;}
.div_diningText { margin: 0px 0px 10px 0px; padding-top: 15px;}

/*city index attractions img*/
.mgr8 li { margin: 3px 4px 3px 10px;}
.pdg8 { padding: 10px 15px 10px 15px;}
.pdg20 { padding-bottom: 10px;}
.mgr200 { margin-left:209px;}

.div_zoContent { margin:20px; }

/*city index map*/
.mgr8b li { margin:4px 30px;}

.tour_price span { color: #C10000;}
.globalTour .tableInPic2 { position:relative;}

@media screen and (max-width: 1024px){
	.pdg8 { padding: 0; }
	.mgr8 li { margin: 2px; }
	.cr1 { width:100%; margin:0;}
	.c_mappic_list li { margin: 3px 25px;}
}
@media screen and (max-width: 770px){
	.pdg8 { padding: 0; }
	.mgr8 li { margin: 2px; }
	.div_map { padding:16px 0px;}
}
@media screen and (max-width: 420px){
	.weaTitle { font-size:12px !important;}
	#cityWeather .tablecityweather { width: 93%; }
	.mgr8 li { margin:3px 18px; width:143px !important; height: 150px !important;}
	.liw200 li { width: inherit;}
	.videoBox, #video, #video img { width:100%;}	
	#video { height:auto;}

    .mgr8b li { margin: 4px;}
    /*.mgr8b li:last-child { display:none;}*/
	.mgr200 { margin-left:0px;}
    .c_mappic_list li { width: 46%;}
    .c_mappic_list li img { width:95%;}
    
	.div_diningImg { width:90px; padding: 15px 15px 0 0; height:auto;}
	.div_diningText { margin:0px; padding:0px;}
	.img_left { width:100%;}	
}
@media screen and (max-width: 380px){
	.mgr8 li { margin:3px 8px;}
}
@media screen and (max-width: 320px){
	.pdg8 { padding: 0;}
	.mgr8 li { margin: 3px 0px; width: 132px !important; height: 150px !important;}
}/*reviews*/
#a_header_tab {
    height: 50px !important;
    border-bottom: 1px solid #d1d1d1;
}

.tReviewsWrite a:hover {
    text-decoration: none;
    color: #009ef9;
}

.a_header_tab li.current {
    background: #fff;
    color: #e47929;
}

.a_header_tab li {
    float: left;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    text-align: left;
    width: calc(100%/2 - 5px);
    background: #59879f;
    color: #fff;
    font-size: 17px;
    border: 1px solid #d1d1d1;
    border-bottom: 1px solid #fff;
    margin-right: 5px;
    text-align: center;
}

    .a_header_tab li:last-child {
        margin-right: 0
    }

.a_header_tab li {
    background: #4f94c1;
}

    .a_header_tab li .qa {
        background: url(../images/tcg/tour/v2015/tour-p06-w.png) no-repeat 25px center;
        padding: 10px 0 10px 70px;
    }

    .a_header_tab li span {
        font-size: 18px
    }

    .a_header_tab li .rev {
        background: url(../images/tcg/tour/v2015/tour-p05-w.png) no-repeat 25px center;
        padding: 10px 0 10px 70px;
    }

    .a_header_tab li.current .rev {
        background: url(../images/tcg/tour/v2015/tour-p05.png) no-repeat 25px center;
    }

.a_cont_box {
    margin-top: 10px;
}

.trrBar div {
    position: relative;
    width: 120px;
    height: 24px;
    overflow: hidden;
    background: url(../images/tcg/tour/reviews/icon-rate-star-m.png) repeat-x;
}

.trrBar {
    position: relative;
    width: 120px;
    height: 24px;
    overflow: hidden;
    background: url(../images/tcg/tour/reviews/icon-rate-star-m-e.png) repeat-x;
    vertical-align: top;
    display: inline-block;
}

.tReviewsRating span {
    display: inline-block;
    height: 24px;
    line-height: 24px;
}

.trNum {
    float: right;
}

.tReviewsWrite {
    position: absolute;
    right: 0;
    top: 0;
}

    .tReviewsWrite a {
        display: inline-block;
        border: 2px solid #009ef9;
        font-size: 18px;
        color: #009ef9;
        text-decoration: none;
        border-radius: 5px;
        padding: 6px 20px 6px 40px;
        background: url(../images/tcg/tour/reviews/icon-write-orange.png) no-repeat 10px center;
    }

.tReviewsList {
    position: relative;
    margin: 20px auto;
}

.tReview {
    position: relative;
    background: #f2f2f2;
    border-radius: 10px;
    padding: 20px 60px 20px 110px;
    margin-bottom: 10px;
    min-height: 150px;
}

.tReview_left {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    text-align: center;
    padding: 20px 10px 0;
    box-sizing: border-box;
    color: #666;
}

.tReview_rating {
    display: inline-block;
    margin-right: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(../images/tcg/tour/reviews/icon-rate-star-s.png) repeat-x left top;
    width: 75px;
}

.tReview_right {
    position: relative;
}

.tReview_title {
    margin-top: 20px;
    font-size: 18px
}

.tReview_info {
    text-align: justify;
    margin: 20px 0;
}

.tReview_date {
    margin: 20px 0;
}

.tReviewsGood {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px;
}

    .tReviewsGood img {
        vertical-align: middle;
        margin-right: 4px;
    }

    .tReviewsGood i {
        font-style: normal;
        color: #237DBB
    }

    .tReviewsGood:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.tReview_photos li {
    float: left;
    width: 32%;
    height: 150px;
    margin: 0 .5% 10px;
    list-style: none;
    cursor: pointer;
}

    .tReview_photos li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.tReview_ellipsis + .tReview_switch {
    display: inline-block;
}

.tReview_switch {
    display: inline-block;
    color: #009ef9;
    border: 1px solid #009ef9;
    font-size: 10px;
    padding: 4px 10px;
    border-radius: 5px;
    cursor: pointer;
    margin: 5px 0;
}

.tReview_photos_more {
    padding: 5px 10px 0 0;
    text-align: right;
}

    .tReview_photos_more a {
        display: inline-block;
        padding: 3px 20px;
        border: 1px solid #009ef9;
        color: #009ef9;
        border-radius: 5px;
        text-decoration: none;
    }

#comments {
    margin-top: 10px;
}

.tReview_photos {
    position: relative;
    overflow: hidden;
}

.tReviewsTop {
    position: relative;
    overflow: hidden;
    height: 40px;
    padding-right: 220px;
}

.tReviewsRating {
    font-size: 18px;
    padding-left: 20px;
    margin-top: 8px;
}

.tReview_photos ul {
    overflow: hidden;
    max-height: 160px;
}

.tReview_moreWords {
    display: none;
}

.photoPreview {
    display: none;
    overflow: hidden;
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 100000;
}

.photoBox .photoPrev {
    left: 0;
}

.photoBox .photoNext {
    right: 0;
}

.photoBox .photoPrev, .photoBox .photoNext {
    overflow: hidden;
    width: 43px;
    height: 58px;
    font-size: 16px;
    color: #666;
    text-align: center;
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    cursor: pointer;
}

.photoBox .photoClose {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: url(../images/background/icon/close_left.png) no-repeat center center;
    cursor: pointer;
    z-index: 3;
}

.photoBox .photoImg {
    overflow: hidden;
    width: auto;
    height: 90%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

    .photoBox .photoImg img {
        overflow: hidden;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        height: 100%;
        display: block;
        object-fit: scale-down;
    }

.photoBox .photoLoading {
    overflow: hidden;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px auto auto -20px;
}

.a_header_tab li.current .qa {
    background: url(../images/tcg/tour/v2015/tour-p06.png) no-repeat 25px center;
}

.tReview_time {
    display: inline-block;
    color: #666;
}

.tReview_rating.star1 {
    width: 15px
}

.tReview_rating.star2 {
    width: 30px
}

.tReview_rating.star3 {
    width: 45px
}

.tReview_rating.star4 {
    width: 60px
}

.tReview_rating.star5 {
    width: 75px
}



/**/
.content {
    position: relative
}

.rateRT {
    position: absolute;
    top: 0;
    right: 40px;
}

    .rateRT a {
        font-size: 16px;
        text-decoration: underline;
        margin-left: 10px;
        display: inline-block;
        height: 24px;
        line-height: 24px;
        color: #000
    }


/***/
.noReviews {
    margin: 20px 0;
    border: 1px solid #d0d0d0;
    background: #f2f2f2;
    border-radius: 10px;
    padding: 30px 0;
    text-align: center
}

    .noReviews div {
        font-size: 20px;
        margin: 20px 0
    }

        .noReviews div img {
            padding: 4px
        }

        .noReviews div:last-child {
            position: relative
        }
.moreReviews{
	position:relative;
	height:33px;
}

.moreReviews a {
	position:absolute;
	right:0;
    display: inline-block;
    border: 1px solid #009ef9;
    font-size: 18px;
    color: #009ef9;
    text-decoration: none;
    border-radius: 5px;
    padding: 6px 20px 6px 40px;
    background: url(../images/tcg/tour/reviews/icon-write-orange.png) no-repeat 10px center;
}


@media screen and (max-width: 770px) {
    .rateRT {
        top: 10px;
        right: 80px;
    }

    .tReviewsRating {
        margin: 0
    }
}

@media screen and (max-width: 639px) {
    .hasReviews .a_header_tab li {
        width: 50%;
        box-sizing: border-box;
        margin: 0;
        text-align: center;
    }

    .a_header_tab li.current .rev {
        background: none;
        padding: 0;
        display: block;
    }

    .qa {
        background: 0;
        padding: 0;
        display: block;
    }

    .hasReviews .g_phide {
        display: block;
    }

    .hasReviews .a_header_tab li .qa, .a_header_tab li .rev {
        background: none;
        padding: 0;
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .tReview_header {
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .tReview_left {
        position: relative;
        padding: 0;
        text-align: left;
        width: auto;
        min-height: 60px;
        padding-left: 60px;
    }

    .tReview {
        padding: 10px;
    }

    .tReview_top {
        position: absolute;
        top: -45px;
        left: 60px;
    }

    .tReview_rating {
        margin-right: 10px;
    }

    .tReview_nation {
        display: inline;
    }

    .tReview_info {
        margin-top: 10px;
    }

    .tReview_owner {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        height: 25px;
        line-height: 25px;
    }

    .tReviewsRating span.trNum {
        float: none;
        margin-top: 5px;
        display: block;
    }

    .tReviewsRating {
        padding-left: 5px;
    }

    .tReviewsTop {
        height: auto;
        min-height: 60px;
    }

    .tReviewsWrite {
        top: 16px;
    }
 
    #comments .a_header_tab li span {
        font-size: 14px;
    }

    .tReviewsWrite a {
        font-size: 14px;
        background: 0;
        padding: 8px;
    }

    .tReviewsTop {
        padding-right: 125px;
    }

    .rateRT {
        position: static;
        margin-bottom: 8px
    }
}



/*new*/
 .tReview {min-height: 110px;padding-right:10px}
.tReview_author {color:#000;margin-bottom:5px;overflow: hidden;text-overflow: ellipsis;}
.tReview_photos ul {height:auto;max-height:100%}
@media screen and (max-width: 480px){ .tReview_rating {
        height:16px
    }
	.tReviewsGood { 
    top: -5px;
    right: -80%;
}
.tReview_author {
    display: inline;
    margin-right: 10px;
}.tReview_owner {line-height:100%}
}
@media screen and (max-width:426px){ .a_header_tab li span {
    font-size: 16px;
}
	
.tReview_title { 
margin-top:0; /*text-align: justify;*/
}
.tReviewsRating {margin:0;padding:0}
.tReviewsList {margin-top:5px}  
.tReview_time {display:block}
.tReview_photos li {height:100px}
}
@media screen and (max-width: 415px){
.tReviewsGood {
    right: -70%;
}
}
@media screen and (max-width:376px){ 

.a_header_tab li span {
    font-size: 14px;
}.tReviewsGood {  
    right: -50%;
}
}
@media screen and (max-width: 321px){
.a_header_tab li span {
    font-size: 12px;
} .tReviewsGood {  
    right: -20%;
}
}/******** ad 250X600 ********/
#AdGlobal_220X430 {height:614px;}
#AdMinitour_220X430 {height:514px;}


/*------bottom media-------*/
#index-smallIMG {margin:0}
.bottomInfo { background-color: #f2f2f2; margin-top:20px;}
.bottomInfo-up { width: 1130px; margin: 0 auto; padding: 0;}

.mediaInfo {position:relative;}
.mediaInfo-icon {position:absolute;right:3%;bottom:20px}
.mediaInfo-icon img {margin:5px}
.mediaInfo-bg-s {display:none;height:auto;}
.mediaInfo-bg-l {height:auto;display:block;}

.agate {position:absolute;top:0;left:0;width:18%;height:100%;background:transparent}

.mediaInfo a {display: block;}
.mediaInfo-icon a {float: left;}
.mediaInfo-ta {float: left; position:absolute;top:0;left:18%;width:20%;height:100%;background:transparent;}
.mediaInfo-other {float: right; width:100%;}
.agate_small {display:none;padding:10px}

.agate_small div:first-child {
    border-top: none;
	font-weight: bold;
}
.agate_small div:last-child {
    border-bottom: 1px solid #d1d1d1;
}
.agate_small div{ padding: 5px 0px; color: #000;}

@media screen and (max-width:1130px){
	.bottomInfo-up {
		width: auto;
	}
	.mediaInfo-bg-l {
		max-width: 100%;
	}
}
@media screen and (max-width:1024px){
	.bottomInfo-up {
		width: auto;
	}
	.mediaInfo-icon {
		right: 1%;
		bottom: 10px;
	}
	
}
@media screen and (max-width:906px){
	.mediaInfo-bg-l {max-width:100%;}
	
	.mediaInfo-icon {
		right: 0px;
	}
	.mediaInfo-icon img {
		width: 40px;
		height: 40px;
	}
}
@media screen and (max-width:834px){
	.mediaInfo-icon {
		right: 10px;
	}
	.mediaInfo-icon img {
		width: 35px;
		height: 35px;
	}
}

@media screen and (max-width: 770px){
	#AdTour_220X500, #AdTour_220X430, #AdTour_220X400,#AdGlobal_220X430 { display:none;}
	.mediaInfo-icon {
		bottom: 5px;
	}
}
@media screen and (max-width:768px){
	.mediaInfo-icon {bottom:10px;}
	.mediaInfo-icon img {width:30px;height:30px}
	.display_none_770{display:none}
	.footer-link {height:auto;}
}
@media screen and (max-width:640px){
	.bottomInfo-up {padding: 10px;}
	.mediaInfo-icon img {margin:2px;width:30px;height:30px}
}
@media screen and (max-width:580px){
	.mediaInfo-icon {
		right: 0px;
		bottom: 5px;
	}
}
@media screen and (max-width:480px){
	.mediaInfo-bg-l {display:none}
	.mediaInfo-bg-s {display:block;max-width:100%;}
	.mediaInfo-icon {bottom:5px;width:100%;padding-left:33.8%;box-sizing:border-box;display:flex;flex-wrap:nowrap;justify-content:center;} 
	.mediaInfo-icon img {width:40px;height:40px}
	.agate {display:none !important;}
	.agate_small {display:block}
	.mediaInfo-ta {width:33.8%; position:static;}
	.mediaInfo-other {width:66.1%;}
}

/*-------temp.css---------*/
html {
    font-size: 100px;
}
body {
    font:.17rem Arial,Helvetica,Verdana,Geneva,sans-serif;
	line-height: 1.6;
}
#header-top, #header-navigator-view, #main{
	width: 1300px;
	padding:0px 40px;
	box-sizing: border-box;
}
#header-top-link{
	right: 40px;
	font:.17rem Arial,Helvetica,Verdana,Geneva,sans-seri;
}
.page .left{
	width: 250px;
	padding-left: 0px;
}
.page .right{
	width: 970px;
	box-sizing: border-box;
	/*padding: 0px 0px 0px 40px;*/
}

.box_blue li{ background: url("../images/background/arrow/arrow-r-blue.gif") no-repeat 0 14px; padding: 5px 0; float: left; margin-right: 15px; text-indent: 11px;}


.liArrowOrgen li, .liArrowOrgenLi { background: url("../images/background/icon/arrow-orgen1.gif") no-repeat 2px 15px !important;/* text-indent: 19px !important; */padding: 2px;}

/*left nav*/
.l_nav_nolink{padding: 12px 4px 12px 25px;}
/**/

.cityguideIndex .c_title h1, .page .c_title h1, h1.picName{
	font-family: Helvetica,Calibri,Arial,Verdana;
    font-size: .28rem !important;
}
.page .l_nav_title2, .page .l_title, .l_nav_title{
	font-size: .20rem;
}

h2{
	font-size: .22rem;
}
h3 {
    font-size: .20rem;
}

.c_attrpic_list {display:flex; flex-wrap:wrap;}
.c_attrpic_list li{
	width: 160px;
}
/*.liw350 li {
    width: 380px;
}
.liw220 li {
    width: 240px;
}
.liw200 li {
    width: 220px;
}*/
.c_mappic_list li {
    width: 183px;
}
.lock_height{
	min-height: 180px;
}
.ixboxTable{
	margin-bottom: 10px;
}
.content,.contcont {
    line-height: 1.6;
}
.page .l_nav2 li a, .page .l_nav li a {
    padding: 10px 4px 9px 25px;
    /*line-height: 47px;
    height: 47px;*/
}
.liArrowRed li, liArrowRedLi {
    background: url(../images/background/icon/p18.png) 0 18px no-repeat;
}
.liArrowRed li, liArrowRedLi, .liw220 li{
    line-height: 34px;
}
.w_nextDay{
	height: 155px;
}
.recomLinks .linkTitle {
    font-size: .17rem;
}
.linkUnit {
    width: 220px;
}

.cr1 {
    width: 920px;
}

.photosBox li{
	font: 0.17rem Arial,Helvetica,Verdana,Geneva,sans-serif;
}

.c4 .col{
	height: 700px;
}
.c4S .col{
	height: 280px;
}

.bigImg{
	width: 830px;
}
.citymonthLink a{
	padding: 1px 0px;
}
.citymonthLink div{
	line-height: 1.4;
}

.tableInPic {
	line-height: 1.4;
}

.sectionBorder{
	margin-top: 25px;
}

/*鍐呭*/
.content a,.contcont a { word-wrap: break-word;}

/*--------attraction links 2020.10----------*/
.unitAttr_top .title { font-size: .20rem; text-decoration: underline; color: #36C;line-height: 30px;}
.unitAttr_top .hTitle { font-weight: bold; font-size: .17rem; margin: 0px 0px 10px 5px; display: block;}
.unitAttr_top a img.pImg { width:320px; height:260px; float: left; margin-top: 10px;}
.unitAttr_top .aDiv { float: left; width: 60%; padding: 36px 0px 0px 15px;}
.attrLinksUl{display: flex; flex-wrap: wrap;}
.attrLinksUl li { background: #f2f2f2; float: left;  text-align: center; width: 220px; margin: 10px 6px 0px 0px;}
.attrLinksUl li img { width: 220px; height: 160px; display: block;}
.attrLinksUl li:nth-child(4n) { margin:10px 10px 0px 0px;}

.divTab3Links li { background:url(../images/background/icon/p18.png) 0 7px no-repeat ; float:left; width:240px; margin:10px; padding-left:12px;}

.unitAttr_top .hUl li { list-style: inside; text-indent: 0px; line-height: 1.6;}

/*----------- AQI pie css ---------------*/
.aqi_pie_out{
	height: 350px;
}
/*----------- AQI pie css (nopie)---------------*/
.out_nopie { height:224px; }

/**map page**/
.liSmallMap{display:flex; flex-wrap:wrap;}

/** weather page**/
#CityWeather{
	height: 329px;
}
.subTitle2017BG {
	margin-top: 25px;
	line-height: 1.2;
}
.w_today{
	line-height: 1.4;
}
.btn15day { background:#2b6ac9 url("../images/background/arrow/arrow-white-down-s.gif") 150px 5px no-repeat; bottom: 3px;}
.w_15day{
	line-height: 1.2;
}
.graph_img{
	display: block;
	margin:0 auto;
}
.w_day_new{
	width: 120px;
}

/** zip code search box**/
.cc_box .cc_cont {display: flex; flex-wrap: wrap;}
.cc_box .cc_title { margin-bottom:10px; font-weight:normal; color:#fff; font-size:17px; text-align:center; padding-top:10px; }
.cc_text, .cc_cont select{font: 0.17rem Arial,Helvetica,Verdana,Geneva,sans-serif;}
.cc_cont p {
    padding: 5px 0 8px 0;
    margin: 0;
	height: auto;
    min-height: 35px;
    line-height: 18px;
}
@media screen and (max-width: 500px){
	.cc_text, .cc_cont select { width:150px; margin-left:0px;}
}

/*city weather page Beijing / Weather */
.w_oneday{
	line-height: 1.4;
}
.where2go,.what2wear {
    overflow-x: visible;
}
.what2wearReal {
	margin: 0px auto;
}
.where2goReal {
	width:910px;
	display: flex;
    flex-wrap: wrap;
}
.where2goUnit {
    margin-right: 30px;
	line-height: 1.2;
}
.where2goUnit img{
	width: 100% !important;
	height: auto !important;
}
.w_date_new { margin: 8px 25px;}
/**Attractions**/
.videoBox{
	line-height: 1.4;
	width: 448px;
}
.videoBox #video {
	height: 320px;
    width: 448px;
}
.videoBox #video img {
	width: 448px;
    height: 320px;
}

/* use video tag */
.videoBox.position-left {
	float: left;
	margin-right: 8px;
	margin-left: 0;
}
.videoBox.position-right {
	float: right;
	margin-left: 8px;
}

.videoBox.vertical {
    width: 338px;
	border: none;
}
.videoBox.vertical .video-player {
    height: 600px;
    width: 338px;
}

.videoBox.horizontal {
	width: 448px;
	border: none;
}
.videoBox.horizontal .video-player {
	height: 320px;
	width: 448px;
}

@media screen and (max-width: 480px){
	.videoBox.vertical, .videoBox.horizontal {
		float: none;
		margin-left: 0;
		margin-right: 0;
		width: 99%;
		border: none;
	}

	.videoBox.vertical .video-player, .videoBox.horizontal .video-player {
		height: auto;
		width: 100%;
	}

	.w_nextDay {
		height: auto;
	}
	.w_nextTitle {
		padding: 7px;
	}
}

.c_attrpic_list{
	line-height: 1.4;
}

.clsmapwrap p {
	margin: 10px;
}

/*city index map*/
.mgr8b li { margin:4px 15px;}


/**cityguide Attractions**/
#divsighttips img{
	display: block;
}
.mgr8 li img{
	margin: 0px 5px;
}

/* Beijing / Dining */
.popularGiftDiv .gift {
	width: 295px;
	background-color: #f2f2f6;
}
.popularGiftDiv .gift_Title{
	line-height: 1.2;
	height: 50px;
}
.popularGiftDiv img{
	margin: 0px auto;
}

/*beijing / maps*/
.box_map ul,.box_map{
	display: flex;
	flex-wrap: wrap;
}
.box_map li {
	line-height: 1.2;
    margin: 8px 2px;
    /*height: 155px;*/
}
/*beijing / Capital Airport / Airport Maps*/
.liSmallMap199 li { text-align: center; float: left; margin: 5px; padding: 5px 8px; border: 1px solid #D3E7F6; width: 199px;}

/* Picture */
.clsAttUrl li{background:url('../images/background/icon/p18.png') 25px 10px no-repeat;padding-left:40px;margin-bottom:4px;}

/*city index*/
.box_no ul{display: flex; flex-wrap: wrap;}
.box_no li { padding: 5px 0px 5px 12px; text-indent: 5px;}


.subTitle2017 {
	line-height: 1.2;margin-top: 20px;
}

.crpicul{display: flex; flex-wrap: wrap;}

.liheading-arrow li {
	background: url(../images/background/icon/heading-arrow1.png) no-repeat left center;
	text-indent: 10px;
}

.box_blue ul {display: flex; flex-wrap: wrap;}

.sortable th,.sortable .trainTime {font-size: .17rem;}
.sortable td{font-size: .15rem;}


.aDiv_left{ float:left; width:38%}

.divTab3Links li{ width: 260px;}

/*page indexer*/
.pageMore { font-size:.17rem;}

.recomUnits {display: flex; flex-wrap:wrap;}

/***/
.popularGiftDiv{
	display: flex;
    flex-wrap: wrap;
}

.div_zoContent2020 { margin:8px 5px; line-height: 1.6;}

#zodiacSearchMatch { width:390px; }

/*灞忓箷鑷€傚簲*/
@media screen and (max-width: 1280px){
	#main { width: 100%; padding: 0px 10px;}
	.page .right { width: calc(100% - 250px);}
	/*.linkUnit { width: 24%; margin: 10px auto;}*/
	.recomUnits { align-content: space-around;}
}

@media screen and (max-width:1024px){
	.cityguideIndex .c_title h1, .page .c_title h1, h1.picName{
		font-size: .24rem !important;
	}

	h2{
		font-size: .22rem;
	}

	#header-top, #header-navigator-view, #main {
		/*width:1000px;*/
		padding:0px 10px;
	}
	.page .left {
		width: 220px;
	}
    #AdGlobal_220X430,#frame_AdGlobal_220X430 {
        height: 528px !important;
    }
    #AdMinitour_220X430,#frame_AdMinitour_220X430{
        height: 440px !important;
    }
	.page .right {
		/*width:750px ; */
		padding:0px 10px 0px 20px;
		box-sizing: content-box;
	}

	.linkUnit {
		width: 180px;
	}

	.topTitleContent {
		width: 100%;
	}

	.bigImg{
		width: 100%;
	}

	.what2wear img { width:49% !important; height:auto !important;}
	.graph_img { width:100% !important; height:auto !important;}

	/**cityguide Attractions**/
	#divsighttips img{
		width: 100%;
		height: auto;
	}

	/*beijing / Capital Airport / Airport Maps*/
	/*.liSmallMap199 li { width:158px;}
	.liSmallMap199 li img{
		width: 100% !important;
		height: auto !important;
	}*/

	/*city weather page Beijing / Weather */
	.what2wearReal, .where2goReal {
		width: 100%;
	}
	.where2goUnit {
		width: 23.5%;
		margin-right: 10px;
	}

	.unitAttr_top .aDiv{
		width: 52%;
	}
	.attrLinksUl li {
		width: 165px;
		margin: 10px 10px 0px 0px;
	}
	.attrLinksUl li img {
		width: 100%;
		height: auto;
	}

	.aDiv_left{ width:45%}
	.divTab3Links li {width: 330px;}

	.liSmallMap li{height: auto;}

	.newsBdr {padding: 20px 10px;}
	.clsphotogalleryimg, .tableInPic { margin:8px 8px; }
}

@media screen and (max-width: 900px){
	.page .left {
		display: none;
	}
	.page .right {
		float: none;
		width: 100%;
		padding: 0;
	}
	.c_attrpic_list {
		align-content: space-around;
	}
	.c_attrpic_list li { width: 19%; margin: 2px auto;}

	.div_map .c_attrpic_list li img { width: 100%; height: auto;}
	
	.attrLinksUl li {
		width: 165px;
		margin: 10px 10px 0px 0px;
	}
}

@media screen and (max-width: 820px){
	.liw240 li { width: 30% !important; padding: 5px 0px 5px 5px;}
}


@media screen and (max-width: 770px){
	#footer, #header, #header-top, #header-navigator-view, #main {
		width: 100%;
	}

	.page .right {
		float: none;
		width: 100%;
		padding: 0;
	}

	#AdGlobal_220X430{ display: none;}
	#AdMinitour_220X430{ display: none;}

	/*city weather page Beijing / Weather */
	.what2wearReal, .where2goReal {
		width: 100%;
	}
	.clsmapimg {
		padding: 50px 0px 10px !important;
	}

	/***************************************/
	.nav-mobile-slogan{ display: none;}
	.header-top-2019-container{
		height: 96px;
		/*background: url(../images/logo/logo_moblie.svg) no-repeat center 9px ;*/
		background: url(../images/logo/logo_moblie.svg) no-repeat center 9px,url(../images/background/other/slogan_top_280b.png) no-repeat right 0px;
		background-size: 160px 30px, 200px 50px;
	}
	.header-top-2019{
		width: 100%;
		height: 48px;
		background: #dd6920;
		position: absolute;
		z-index: auto;
		top: 48px;
	}
	.header-top-2019-logo{
		display: none;
	}
	.header-top-2019-left a {
		display: block;
		height: 48px;
		line-height: 48px;
		padding: 0;
	}
	.header-top-2019-left a img{
		content: url("../images/background/icon/2021/white/icon-menu.svg");
		width: 22px;
		line-height: 48px;
		height: 48px;
	}

	.header-top-2019-left {
		left: 18px;
		top:auto
	}

/*	.header-top-2019-right a.mUserbarBoxIcon {
		background: url("../images/background/icon/2021/white/icon-user.svg") no-repeat !important;
	}
	.header-top-2019-right a.mobile-top-phone img{
		content: url("../images/background/icon/2021/white/icon-tel.svg");
	}
	.header-top-2019-right a.mobile-top-search img{
		content: url("../images/background/icon/2021/white/icon-search.svg");
	}
	.header-top-2019-right a.mobile-top-app img{
		content: url("../images/background/icon/2021/white/icon-app.svg");
	}	*/

	.liw240 li {width: 45% !important;}
}
@media screen and (max-width: 760px){
	.c_attrpic_list li {
		width: 160px;
		margin: 2px 2px;
	}

}
@media screen and (max-width: 588px) {
	.unitAttr_top .aDiv_left, .unitAttr_top .aDiv {width: 100%; padding: 0;}
	.unitAttr_top a img.pImg {width: 100%; height: auto;object-fit: cover;}
}

@media screen and (max-width: 580px){
	.clsmapimg {
		width: 100%;
		height: auto;
	}
	.aDiv_left {
		width: auto;
	}
	.liw240 li {width: 100% !important;}
}
@media screen and (max-width: 480px){
	.header-top-2019-container{
		background: url(../images/logo/logo_moblie.svg) no-repeat 10px 9px,
			url(../images/background/other/slogan_top_280b.png) no-repeat right 0px;
		background-size: 160px 30px, 200px 50px;
	}

	.linkUnit {
		width: 100%;
	}
	.content .contcont {line-height:1.6;}

	.mgr200 { margin-left:0px;}

	.div_zoContent_m{ margin: 35px auto; }
    /*#AdTour_adv_global_top {display: none;}*/
}
@media screen and (max-width: 425px){
	.header-top-2019-container{
		background: url(../images/logo/logo_moblie.svg) no-repeat 30px 9px,
			url(../images/background/other/slogan_top_280b.png) no-repeat right 0px;
		background-size: 160px 30px, 160px 40px;
	}

	.lock_height {
		min-height: auto;
	}

	.linkPhoto {
		float: left;
		height: 82px;
		width: 128px;
		max-height: 82px !important;
	}
	.linkTitle {
		padding: 5px 10px 5px 140px;
	}

	/*.clsphotogalleryimg{
		width: 100% !important;
		height: auto !important;
	}*/

	.newsBarCont{
		width: auto;
	}

	/**city index map**/
	.c_mappic_list li { width: 46%;}
    .c_mappic_list li img { width:95%;}
	.mgr8b li {
		margin: 4px;
	}
	.mgr8b li:nth-of-type(n+3){ display: none;}

	/**weather**/
	.w_switchFC{
		top: -25px;
	}
	.w_today{
		line-height: 24px;
	}
	.w_day_new {
		margin: 0px 20px;
	}
	.w_dayTemp {
		margin: 20px 0px 10px;
	}
	.w_right_div { width:279px;}

	.div_zoContent { margin:20px 10px; }

	.liw280 li,.liw250 li{
		width: 100%;
	}

	/*
	.li16 li,.li18 li, .li22 li, .li24 li, .li25 li, .li30 li, .li33 li, .li35 li, .li40 li {width:100% !important; }
	.li16 li,.li20 li { width: 50% !important;}
	*/

	/*beijing / Capital Airport / Airport Maps*/
	.liSmallMap199 li { width:155px;}
	.liSmallMap199 li img{
		width: 100% !important;
		height: auto !important;
	}

	/*city weather page Beijing / Weather */
	.aqi_pie_out {
		height: auto;
	}
	.what2wearReal {
		width: 100%;
	}
	.what2wear img {
		width: 100% !important;
		height: auto !important;
	}
	.where2goUnit {
		width: 200px;
		float: left;
		margin-right: 4px;
	}
	.citymonthLink {
		top: 75px;
	}
	.link_nopie {
		top: 45px;
	}

	.mgr8 li { height: auto !important;}

	/*.ke-zeroborder tr td {
		float: none;
		width: auto;
	}*/

	.box_map li {height:auto;}

	.unitAttr_top .aDiv {
		width: 100%;
		padding: 6px 0px;
	}
	.unitAttr_top .hTitle{
		margin: 20px 0px 10px 5px;
	}

	.attrLinksUl li span { height:auto;}
}
@media screen and (max-width: 420px){
	/*.div_diningImg {
		width: 179px;
		height: 140px;
		padding: 15px 15px 0 0;
	}*/
	.div_diningImg { width:100%; padding: 15px 15px 0 0; height:auto;}
	.img_left { width:100% !important; height:auto !important;}

	.cityguideIndex .cr2 .photosBox li{
		height: auto;
	}
}

@media screen and (max-width: 414px){

	.subTitle_height {height: 50px;}

	/**weather**/
	.w_right_div {
		width: 268px;
	}

	/*city weather page Beijing / Weather */
	.where2goUnit {
		width: 195px;
	}

	.table2020 th,.table2020 td { padding: 8px 0px;}

	#zodiacSearchMatch { width:100%; }
}
@media screen and (max-width: 375px){

	/**weather**/
	.w_right_div {
		width: 229px;
	}

	/*beijing / Capital Airport / Airport Maps*/
	.liSmallMap199 li { width:143px;}

	/*city weather page Beijing / Weather */
	.where2goUnit {
		width: 175px;
	}

	.attrLinksUl li {
		width: 100%; 
	}
}

@media screen and (max-width: 360px){

	/**weather**/
	.w_day_new {
		margin: 0px 10px;
	}
	.box-shadow{
		width: 120px;
	}
	.w_right_div {
		width: 224px;
	}
	/*city weather page Beijing / Weather */
	.where2goUnit {
		width: 165px;
	}

	.page .c_path {height: 62px;}

	.divTab3Links li {width: 260px;}
}

@media screen and (max-width: 320px){

	.mgr8 li img{margin:0px;}

	/**weather**/
	.w_day_new {
		margin: 0px;
	}

	.w_right_div {
		width: 184px;
	}

	.w_7day .w_nextTitle span:nth-child(2) { font-size: .14rem;}

	/*beijing / Capital Airport / Airport Maps*/
	.liSmallMap199 li { width:123px;}

	/*city weather page Beijing / Weather */
	.weatherSubTitle {margin-top:0px;}
	.where2goUnit {
		width: 145px;
	}
	.w_dayTemp { width: 110px;}
	.w_date_new { padding-left: 10px;}

	.page .c_path{
		min-height: 42px;
    	height: auto;
	}

	.li16 li, .li18 li, .li20 li, .li22 li, .li24 li, .li25 li, .li30 li, .li33 li, .li35 li, .li40 li{
		width: 100% !important;
	}

	.mgr8 li{
		width: 145px !important;
	}

	.liheading-arrow li{
		text-indent: 0px;
		padding: 5px 0px 5px 22px;
	}
	.attrLinksUl li {
		width: 138px;
	}



	/*page indexer*/
	.pageMore { text-align: left; padding: 5px 3px 1px;}

	.zodiac-big-img { margin: 10px 30px;}


	.header-top-2019-container{
		background: url(../images/logo/logo_moblie.svg) no-repeat 15px 9px,
			url(../images/background/other/slogan_top_280b.png) no-repeat right 0px;
		background-size: 160px 30px, 160px 40px;
	}
}


/*****************************/
.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("../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:#009ef9;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("../images/tcg/tour/2016/icon_tel.png");}
.header-links .link-answer a {background-image: url("../images/tcg/tour/2016/icon_qa.png");}
.header-links .link-app a {background-image: url("../images/tcg/app/icon_app.png");}

.header-links .link-photo {background:none;}

.header-top-2019-right {
	position: static;
	top: 10px;
	right: 10px;
}

@media screen and (max-width:768px){
	.header-links {top:48px;width: 100%;height:48px;background: #dd6920; 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("../images/background/icon/2021/white/icon-menu.svg");}
	.header-links .link-photo a {background-image: url("../images/background/icon/2021/white/icon-tel.svg");}
	.header-links .link-search a {background-image: url("../images/background/icon/2021/white/icon-search.svg");}
	.header-links .link-app a {background-image: url("../images/background/icon/2021/white/icon-app.svg");background-size:30px;}
	.header-links .link-answer {display: none;}

	.header-top-2019-container {
		background: url(../images/logo/logo_moblie.svg) no-repeat center 9px,url(../images/background/other/slogan_top_280b.png) no-repeat right 0px;
		background-size: 160px 30px, 200px 50px;
	}
	.nav-mobile-slogan {
		display: none;
	}
}
@media screen and (max-width: 480px){
	.header-top-2019-container {
		background: url(../images/logo/logo_moblie.svg) no-repeat 10px 9px, url(../images/background/other/slogan_top_280b.png) no-repeat right 0px;
		background-size: 160px 30px, 200px 50px;
	}
}
@media screen and (max-width: 425px){
	.header-top-2019-container {
		background: url(../images/logo/logo_moblie.svg) no-repeat 30px 9px, url(../images/background/other/slogan_top_280b.png) no-repeat right 0px;
		background-size: 160px 30px, 160px 40px;
	}
	.header-links .link-app {
		display: none;
	}
}
@media screen and (max-width: 320px){
	.header-top-2019-container {
		background: url(../images/logo/logo_moblie.svg) no-repeat 15px 9px, url(../images/background/other/slogan_top_280b.png) no-repeat right 0px;
		background-size: 160px 30px, 160px 40px;
	}
}

/*****************************/
.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("../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:#009ef9;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("../images/tcg/tour/2016/icon_tel.png");}
.header-links .link-answer a {background-image: url("../images/tcg/tour/2016/icon_qa.png");}
.header-links .link-app a {background-image: url("../images/tcg/app/icon_app.png");}

.header-links .link-photo {background:none;}

.header-top-2019-right {
	position: static;
	top: 10px;
	right: 10px;
}

@media screen and (max-width:768px){
	.header-links {top:48px;width: 100%;height:48px;background: #dd6920; 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("../images/background/icon/2021/white/icon-menu.svg");}
	.header-links .link-photo a {background-image: url("../images/background/icon/2021/white/icon-tel.svg");}
	.header-links .link-search a {background-image: url("../images/background/icon/2021/white/icon-search.svg");}
	.header-links .link-app a {background-image: url("../images/background/icon/2021/white/icon-app.svg");background-size:30px;}
	.header-links .link-answer {display: none;}

	.header-top-2019-container {
		background: url(../images/logo/logo_moblie.svg) no-repeat center 9px,url(../images/background/other/slogan_top_280b.png) no-repeat right 0px;
		background-size: 160px 30px, 200px 50px;
	}
	.nav-mobile-slogan {
		display: none;
	}

	.header-top-2019-right a.mUserbarBoxIcon {
		display: block !important;
		background: url(../images/background/icon/2021/white/icon-user.svg) no-repeat center center !important;
		background-size: 22px !important;
		height: 48px !important;
		width: auto !important;
		margin: 0px auto !important;
	}
}
@media screen and (max-width: 480px){
	.header-top-2019-container {
		background: url(../images/logo/logo_moblie.svg) no-repeat 10px 9px, url(../images/background/other/slogan_top_280b.png) no-repeat right 0px;
		background-size: 160px 30px, 200px 50px;
	}
}
@media screen and (max-width: 425px){
	.header-top-2019-container {
		background: url(../images/logo/logo_moblie.svg) no-repeat 30px 9px, url(../images/background/other/slogan_top_280b.png) no-repeat right 0px;
		background-size: 160px 30px, 160px 40px;
	}
	.header-links .link-app {
		display: none;
	}
}
@media screen and (max-width: 320px){
	.header-top-2019-container {
		background: url(../images/logo/logo_moblie.svg) no-repeat 15px 9px, url(../images/background/other/slogan_top_280b.png) no-repeat right 0px;
		background-size: 160px 30px, 160px 40px;
	}
}

/**********************************/
#AdTour_adv_mini_content_xa{
    width: 448px;
    height: 396px;
    float: right;
    margin-left: 8px;
}

#AdTour_adv_mini_content_bj,#AdTour_adv_mini_content_zhangjiajie{
    width: 448px;
    height: 396px;
    float: right;
    margin-left: 8px;
}

#AdTour_adv_mini_content_zhangjiajie {
	margin-bottom: 10px;
}
@media screen and (max-width: 580px) {
    #AdTour_adv_mini_content_xa{
        float: none;
        margin: 0px auto;
    }
    #AdTour_adv_mini_content_bj,#AdTour_adv_mini_content_zhangjiajie{
        float: none;
        margin: 10px auto 20px auto;
        /*height: 470px;*/
    }
}
@media screen and (max-width: 480px) {
    /* #AdTour_adv_mini_content_xa{
        width: 100%;
    } */
    #AdTour_adv_mini_content_bj,#AdTour_adv_mini_content_zhangjiajie,#AdTour_adv_mini_content_xa{
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 476px) {
    /* #AdTour_adv_mini_content_xa{
        height: 446px;
    } */
    #AdTour_adv_mini_content_bj,#AdTour_adv_mini_content_zhangjiajie,#AdTour_adv_mini_content_xa{
        height: auto;
    }
}
@media screen and (max-width: 465px) {
    #AdTour_adv_mini_content_xa{
        /*height: 471px;*/
    }
}
@media screen and (max-width: 414px) {
    /* #AdTour_adv_mini_content_xa{
        height: 456px;
    } */
    #AdTour_adv_mini_content_bj,#AdTour_adv_mini_content_zhangjiajie,#AdTour_adv_mini_content_xa{
        height: 484px;
    }
}
@media screen and (max-width: 352px) {
    #AdTour_adv_mini_content_bj,#AdTour_adv_mini_content_zhangjiajie{
        height: 511px;
    }
}
/*-------temp.css-end---------*/

.liBorder li {border:1px solid #e3e3e3 !important;}

.div_trains{margin:4px 0 0 4px;position:relative;background:url('../images/background/tf_trans.jpg') no-repeat 0 -3px; width:265px;height:50px;}
.div_trains_content{position:absolute;top:15px;left:95px;font-size:14px;}

.div_flights{margin:4px 2px 0 4px;position:relative;background:url('../images/background/tf_trans.jpg') no-repeat 0 -56px; width:265px;height:50px;}
.div_flights_content{position:absolute;top:15px;left:95px;font-size:14px;text-align:left;}


.subTitle {
    background: #efefef;
    padding: 6px;
    margin-top: 15px;
}

.tourIcon {background: url(../images/background/icon/icon-title.png) no-repeat 0px 2px !important;}

.ixbox {display: block;width:100%;margin:0 auto;padding:0;background:#fff; padding:50px 10px 10px;box-sizing: border-box;}
.ixbox img {width:100% !important;height: 100%!important;display:block;padding:0!important;}
.ixbox::before {content: '';float: left;}
.ixbox::after {content: '';display: block;clear: both;}

.ixbox.noTitle {padding:0;}

.dw480h350 {max-width: 480px;}
.dw480h350::before {padding-top: calc(350/480*100%);}

.ixboxTable {width:480px;}
@media screen and (max-width: 425px){
	.ixboxTable {max-width:480px;width:100%;}
}






</style>
<style>
@media screen and (max-width:900px) {
.content .contcont {padding:5px;}
.mobile_menu_v2,.mobile_menu_v2_list {display:block;}
}

.searchBar-search { width: 300px;}
.tableInPicnew .tableInPic, .tableInPicnew .clsphotogalleryimg {
	margin: 8px auto;
}


.customs {    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.customs_unit {float:left; width:33%; max-width:300px; margin: 0px;}
.customs_unit img {width:100%;}
.customs_unit a, .customs_unit img { display:block;}
.customs_desp {    background-color: #f2f3f6;    padding: 8px 10px; text-align:center ; display:block;}


@media screen and (max-width:1280px) {

}
@media screen and (max-width:1250px) {
	.clsphotogalleryimg_900{
		width: 100% !important;
		height: auto !important;
	}
}
@media screen and (max-width: 1024px){
	 .customs_unit:nth-child(3) { margin: 0px 0px 10px;}
}
@media screen and (min-width:769px) {
	header * {box-sizing:border-box;}
}
    
@media screen and (max-width: 540px) {
	.clsphotogalleryimg{
		width: 100% !important;
		height: auto !important;
		margin: 0px auto !important;		
		padding: 0px !important;
		float: none !important;
	}
}

@media screen and (max-width:480px){
    .customs_unit{width:49%; margin:0px auto;}
    .customs_unit:nth-child(3) { margin: 0px auto 10px;}
}

/*------------2023.11.28 new css--------------*/
.divTopImg~#main .c_title { display: none;}
.divTopImg { position:relative; height:calc(99vw*400/1903);}
#topImg {display:block; height:100%;}
.mt10{margin: 10px 0px;}
.maskTop {width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0,0,0,0.2);
}
.topTitle {
    position: absolute;
    color: #fff;
    bottom: 10px;
    width: 100%;
    height: auto;
}
.topTitleContent {
    width: 1130px;
    margin: 0 auto;
}
.topTitle h1 {
    font-size: 50px;
    display: inline-block;
    font-weight: normal;
    text-shadow: 2px 2px 1px #000;
    /*font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;*/
}
.divNumBoxContainer {
    float: right;
}
.divNumBox {
    border: 2px solid #fff;
    float: left;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    border-radius: 10px;
    padding: 2px 10px;
    margin: 17px 5px;
    cursor: pointer;
}
.divNumBox span {
    float: left;
    width: 40px;
    color: #fff;
    text-align: center;
}

@media screen and (max-width: 1200px){
	.divTopImg~#main .c_title { display: inline-block;}
	.topTitle h1 { display: none;}
	.topTitleContent {
		width: 100%;
	}
	.mt10{margin: 0px 0px;}
}

@media screen and (max-width: 1024px){
	.topTitleContent {
		width: 100%;
	}
}
    
@media screen and (max-width: 770px){
    .customs_unit a {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .customs_desp {
        height: 100%;
    }
}

@media screen and (max-width: 480px){
	.divTopImg {
		height: calc(99vw*206/414);
	}
	.topTitleContent {
		width: 260px;
	}
	.topTitle h1 {
		font-size: 24px;
		text-align: center;
	}
	.divNumBoxContainer {
		float: none;
		position: absolute;
		bottom: -20px;
		top: auto;
		right: 10px;
	}
}