@charset "utf-8";
/*主导航*/
.st-nav .st-global>.global-list {
	display: none;
}
.st-nav .st-global:hover>.global-list {
	display: block;
}
/* 线路出境游、线路国内游 */
/* 焦点图 */
.travel-focus-banner {
	width: 100%;
	min-width: 1200px;
	height: 420px;
	background: url("../images/line-travel-banner-bg.jpg") no-repeat center bottom;
	position: relative;
}
#travel-focus-global {
	float: left;
	width: 230px;
	height: 420px;
	z-index: 2;
}
#travel-focus-global .global-list {
	background-color: #1872e0!important;
}
#travel-focus-global .tabcon-item {
	width: 450px;
}
#travel-focus-global .tabcon-item .item-list dl {
	padding: 12px 23px 5px;
}
#travel-focus-global .tabcon-item .item-list {
	width: 382px;
}
#travel-focus-global .tabcon-item .item-list dl.hot-dl, .tabcon-item .item-list dl.hot-dl dt, .tabcon-item .item-list dl.hot-dl dt a, #travel-focus-global .tabcon-item .item-list dl.hot-dl dd {
	width: 378px !important;
}
.travel-focus-box {
	float: right;
	width: 960px;
	height: 420px;
}
.travel-focus-slide {
	float: left;
	width: 720px;
	height: 300px;
	overflow: hidden;
	position: relative;
}
.travel-focus-slide .slide-list {
	height: 300px;
	z-index: 1;
}
.travel-focus-slide .slide-list li {
	width: 720px;
	height: 300px;
}
.travel-focus-slide .slide-list li>a {
	display: table-cell;
	width: 720px;
	height: 300px;
	text-align: center;
	vertical-align: middle;
	background-color: #e7e7e7;
}
.travel-focus-slide .slide-list li>a>img {
	height: 100%;
	width: 100%;
	vertical-align: middle;
}
.travel-focus-slide .focus {
	width: 100%;
	height: 12px;
	position: absolute;
	bottom: 26px;
	z-index: 1;
	text-align: center;
}
.travel-focus-slide .focus > ul {
	height: 12px;
}
.travel-focus-slide .focus > ul > li {
	display: inline-block;
	width: 40px;
	height: 5px;
	margin: 0 4px;
	cursor: pointer;
	vertical-align: top;
	background-color: rgba(255,255,255,.7);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.travel-focus-slide .focus > ul > li.on {
	background: rgba(9,110,234,.7);
}
.travel-ad {
	float: left;
	width: 240px;
	height: 111px;
	margin-top: 10px;
}
.travel-ad.travel-ad-fir {background: #fff;
	width: 240px;
	height: 300px;
	margin-top: 0;
}
.fir_text{height: 160px;text-align: center;}
.fir_text h2{font-weight: bold; font-size:26px; color: #333; padding-top: 40px;}
.fir_text p{font-size: 14px;color: #666; line-height: 50px;}
.fir_text a{display: block; text-align: center; width: 104px;line-height: 32px;margin: 0 auto;color: #4fb494; font-size: 14px;border:1px solid #4fb494;border-radius: 17px;transition: All 0.4s ease-in-out;}
.fir_text a:hover{color: #fff;background: #4fb494;}
.travel-ad>a {
	display: table-cell;
	width: 242px;
	height: 111px;
	text-align: center;
	vertical-align: middle;
	background-color: #e7e7e7;
}
.travel-ad.travel-ad-fir>a {
	width: 240px;
	height: 300px;
}
.fir_tp img{width: 100%; height: 139px;}
.travel-ad>a>img {
	height: 100%;
	width: 100%;
	vertical-align: middle;
}
/* 本周热推 */
.hot-push-block {
	width: 100%;
	margin-top: 20px;
}
.hot-push-block .hot-push-title {
	height: 44px;
	line-height: 44px;
	font-size: 22px;
	font-weight: bold;
}
.hot-push-block .hot-push-title>span {
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #999;
	font-weight: normal;
	margin-left: 15px;
}
.hot-push-block .hot-push-pic {
}
.hot-push-block .hot-push-pic li {
	float: left;
	width: 285px;
	/*height: 252px;*/
	margin-right: 20px;
	position: relative;
}
.hot-push-block .hot-push-pic li:last-child {
	margin-right: 0;
}
.hot-push-block .hot-push-pic li:hover {
	box-shadow: 0 3px 16px 0 rgba(217, 217, 217, 0.71);
}
.hot-push-block .hot-push-pic li.mr_0 {
	margin-right: 0;
}
.hot-push-block .hot-push-pic .pic {
	display: table-cell;
	width: 285px;
	height: 180px;
	text-align: center;
	vertical-align: middle;
	background-color: #e7e7e7;
}
.hot-push-block .hot-push-pic .pic img {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.hot-push-block .hot-push-pic .info {
	padding: 0 15px 10px;
	height: 90px;
}
.hot-push-block .hot-push-pic .info .tit {
	display: block;
	padding: 10px 0 0;
	height: 48px;
	line-height: 24px;
	color: #333;
	font-size: 16px;
	overflow: hidden;
}
.hot-push-block .hot-push-pic li .info>p {
	padding-top: 3px;
	line-height: 34px;
}
.hot-push-block .hot-push-pic li .info .price {
	float: right;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #999;
	overflow: hidden;
}
.hot-push-block .hot-push-pic li .info .price i {
	color: #f90;
}
.hot-push-block .hot-push-pic li .info .price i em {
	font-size: 22px;
}
/*.hot-push-block .hot-push-pic li:hover .info .tit{*/
    /*color: #ff7800;*/
/*}*/
.hot-push-block .hot-push-pic li .info .pos {
	float: left;
	font-size: 14px;
	color: #999;
}
.hot-push-block .hot-push-pic li .tags {
	position: absolute;
	top: 0;
	left: 0;
}
.hot-push-block .hot-push-pic li .tags>span {
	float: left;
	padding: 0 7px;
	font-size: 12px;
	color: #ffffff;
	line-height: 20px;
	background-color: #ff7800;
	margin: 0 2px 2px 0;
}
/* 版心公共样式 */
.sidleTabs-wrap {
	margin-top: 20px;
}
.sidleTabs {
	width: 923px;
	margin-bottom: 30px;
}
.tabnav {
	width: 1200px;
	height: 46px;
	border-bottom: 2px solid #e5e5e5;
}
.tabnav em {
	float: left;
	width: 324px;
	height: 46px;
	line-height: 46px;
	color: #222;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
}
.tabnav span {
	float: left;
	color: #666;
	padding: 0 2px;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
	margin: 8px 35px 0 0;
	font-size: 15px;
	position: relative;
}
.tabnav span:hover, .tabnav span.on {
	color: #f60;
	border-bottom: 2px solid #f60;
}
.tabnav a.more {
	color: #666;
	float: right;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	margin-top: 8px;
}
.tabcon {
	width: 1200px;
}
.tabcon .ad-pic-wrap {
	float: left;
	padding: 0 18px;
	width: 249px;
	height: 520px;
	position: relative;
}
.hot-des {
	float: left;
	width: 246px;/*margin-bottom: 38px;*/
}
.hot-des h4 {
	width: 246px;
	height: 55px;
	text-align: center;
	position: relative;
}
.hot-des h4:after {
	content: "";
	position: absolute;
	top: 27px;
	left: 0;
	right: 0;
	z-index: 1;
	height: 1px;
}
.european-powers .hot-des h4:after {
	background-color: #c2c2c2;
}
.australia-africa .hot-des h4:after {
	background-color: #d0aa64;
}
.hong-macao-taiwan-japan .hot-des h4:after {
	background-color: #cf8192;
}
.southeast-asia .hot-des h4:after {
	background-color: #a0b79f;
}
.hot-des h4>span {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	padding: 0 10px;
	height: 55px;
	line-height: 55px;
	position: relative;
	z-index: 2;
}
.european-powers .ad-pic-wrap, .european-powers .hot-des h4>span {
	background-color: #d3efff;
}
.australia-africa .ad-pic-wrap, .australia-africa .hot-des h4>span {
	background-color: #e2c48d;
}
.hong-macao-taiwan-japan .ad-pic-wrap, .hong-macao-taiwan-japan .hot-des h4>span {
	background-color: #e694a6;
}
.southeast-asia .ad-pic-wrap, .southeast-asia .hot-des h4>span {
	background-color: #c3d7c2;
}
.hot-des ul {
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.hot-des li {
	float: left;
	background-color: #fff;
	width: 100px;
	padding: 0 5px;
	height: 32px;
	margin: 0 20px 15px 0;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.hot-des li>a {
	display: block;
	width: 100px;
	line-height: 32px;
	color: #666;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hot-des li:hover {
	background-color: #f60;
}
.hot-des li:hover>a {
	color: #fff;
}
.hot-des li:nth-of-type(even) {
	margin-right: 0;
}
.ad-pic-wrap .ad-pic-bg {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 325px;
	height: 235px;
	background-position: right bottom;
  background-repeat: no-repeat;
}
.european-powers .ad-pic-wrap .ad-pic-bg {
	background: url("../images/line-ad-bg01.png") no-repeat;
}
.australia-africa .ad-pic-wrap .ad-pic-bg {
	background: url("../images/line-ad-bg02.png") no-repeat;
}
.hong-macao-taiwan-japan .ad-pic-wrap .ad-pic-bg {
	background: url("../images/line-ad-bg03.png") no-repeat;
}
.southeast-asia .ad-pic-wrap .ad-pic-bg {
	background: url("../images/line-ad-bg04.png") no-repeat;
}
.tabcon .list-con {
	float: right;
	width: 915px;
	height: 520px;
	padding-top: 15px;
}
.tabcon .list-con li {
	float: left;
	margin: 0 0 15px 15px;
	position: relative;
}
.tabcon .list-con li:nth-of-type(3n) {
	margin-right: 0!important;
}
.tabcon .list-con li:hover {
	box-shadow: 0 3px 16px 0 rgba(217, 217, 217, 0.71);
}
.tabcon .list-con li .pic {
	display: table-cell;
	width: 290px;
	height: 155px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	background-color: #e7e7e7;
}
.tabcon .list-con li .pic img {
	height: 100%;
	width: 100%;
	vertical-align: middle;
}
.tabcon .list-con li .info {
	width: 270px;
	padding: 0 10px;
	height: 90px;
}
.tabcon .list-con li .info .tit {
	display: block;
	font-size: 16px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	padding-top: 8px;
}
/*.tabcon .list-con li:hover .info .tit{*/
    /*color: #f90;*/
/*}*/
.tabcon .list-con li .info>p {
	height: 42px;
	line-height: 42px;
}
.tabcon .list-con li .info>p .pos {
	float: left;
	font-size: 14px;
	color: #999;
}
.tabcon .list-con li .info>p .price {
	float: right;
	font-size: 14px;
	color: #999;
}
.tabcon .list-con li .info>p .price i {
	color: #f90;
}
.tabcon .list-con li .info>p .price i em {
	font-size: 22px;
}
.tabcon .list-con li .tags {
	position: absolute;
	top: 0;
	left: 0;
}
.tabcon .list-con li .tags>span {
	float: left;
	padding: 0 7px;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	background-color: #ff7800;
	margin-right: 2px;
}

/*线路-国内*/
.msfq .hot-des h4:after{ background-color: #d18a9a;}
.msfq .ad-pic-wrap,.msfq .hot-des h4>span{ background-color: #de8da5;}
.msfq .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg05.png");}
.msss .hot-des h4:after{ background-color: #8fba97;}
.msss .ad-pic-wrap,.msss .hot-des h4>span{ background-color: #96c6a5;}
.msss .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg06.png");}
.rwgj .hot-des h4:after{ background-color: #e0c89a;}
.rwgj .ad-pic-wrap,.rwgj .hot-des h4>span{ background-color: #f4dbad;}
.rwgj .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg07.png");}
.lmhb .hot-des h4:after{ background-color: #8bb5da;}
.lmhb .ad-pic-wrap,.lmhb .hot-des h4>span{ background-color: #9abfeb;}
.lmhb .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg08.png");}
.llhd .hot-des h4:after{ background-color: #ddd;}
.llhd .ad-pic-wrap,.llhd .hot-des h4>span{ background-color: #f5f5f5;}
.llhd .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg09.png");}

/*线路-周边*/
.gsjy .hot-des h4:after{ background-color: #7dbac2;}
.gsjy .ad-pic-wrap,.gsjy .hot-des h4>span{ background-color: #88c7d4;}
.gsjy .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg10.png");}
.qytj .hot-des h4:after{ background-color: #dbc18d;}
.qytj .ad-pic-wrap,.qytj .hot-des h4>span{ background-color: #f2d7a1;}
.qytj .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg11.png");}
.zbcs .hot-des h4:after{ background-color: #78a6dd;}
.zbcs .ad-pic-wrap,.zbcs .hot-des h4>span{ background-color: #95bef3;}
.zbcs .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg12.png");}