@charset "utf-8";

.top_box_mode { 
    position: relative;
    width: 100%;
    height: 400px;
margin-bottom: 20px;	
}
/*焦点图*/
.tx-focus-banners {
    float: left;
    width: 100%;
    min-width: 1200px;
    height: 400px;
    position: relative;
    overflow: hidden
}

.tx-focus-banners .banners {
	width: 1920px;
	height: 400px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
	overflow: hidden
}

.tx-focus-banners .banners > ul > li > a {
	display: table-cell;
	width: 1920px;
	height: 400px;
	vertical-align: middle;
	text-align: center
}

.tx-focus-banners .banners > ul > li > a img {
	vertical-align: middle;
	min-width:1200px;
	max-width:100%;
	max-height:100%;
}

.tx-focus-banners .focus {
	width: 100%;
	height: 12px;
	position: absolute;
	bottom: 20px;
	z-index: 99;
	text-align: center
}

.tx-focus-banners .focus > ul {
	height: 12px
}

.tx-focus-banners .focus > ul > li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	cursor: pointer;
	vertical-align: top;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.tx-focus-banners .focus > ul > li.on {
	background: #ccc
}
 
/*频道样式*/
.channel{margin-bottom: 20px;height: 585px;}
.channel .leftchannel{border:1px solid #e5e5e5;width: 235px;height: 584px;float: left;}
.channel .leftchannel .type{background-color: #df1078;}
.channel .leftchannel .type .icon{width: 80px; height: 60px; float: left; background: url(../inco/index_main_bg.png) no-repeat 21px -102px; color: #df1078; line-height: 50px; text-align: center; font-size: 22px;}
.channel .leftchannel .type .cn{color: #fff; font-size: 20px; line-height: 60px;} 
.channel .leftchannel .guanggao{width: 235px;height: 375px;}
.channel .leftchannel .guanggao img{width: 100%;height: 100%;}
.channel .leftchannel .hotmdd{padding: 10px 20px 0 20px; line-height: 30px; overflow: hidden; height: 120px; margin-bottom: 20px;}
.channel .leftchannel .hotmdd dt{color: #000; font-size: 14px;}
.channel .leftchannel .hotmdd dd{display: inline-block; color: #b8b8b8; padding: 0 5px;}
.channel .leftchannel .hotmdd dd a{color: #b8b8b8;}
.channel .rightchannel{float: right;width: 950px;}
.channel .rightchannel .hd{height: 43px; line-height: 35px; border-bottom: 3px solid #df1078;position: relative;}
.channel .rightchannel .hd .more{position: absolute;right: 0;top: 5px;}
.channel .rightchannel .hd .more a{color: #999;}
.channel .rightchannel .hd li{float: left; padding: 0 20px; font-size: 16px;position: relative;color: #666;cursor: pointer;}
.channel .rightchannel .hd li.on{color: #df1078;}
.channel .rightchannel .hd li.on i{display: inline-block;width: 9px;height: 9px;border-right: 3px solid #df1078;border-bottom: 3px solid #df1078;-webkit-transform: rotate(225deg)translateY(-3px);transform: rotate(225deg)translateY(-3px); margin-left: 4px;position: absolute;right: 50%;bottom: -13px;margin-right: -8px;background-color: #fff;-ms-transform: rotate(225deg)translateY(-3px);}
.channel .rightchannel .bd{margin-top: 15px;}
.channel .rightchannel .bd ul{width: 955px;}

.channel .rightchannel .bd li{float: left;padding: 15px 15px 0px 15px;border: 1px solid #E4E4E4;box-shadow: 0px 0px 15px #EAEAEA inset;margin: 0 12px 12px 0;width: 226px;height: 256px;box-sizing: border-box;position: relative;z-index: 0;}
.channel .rightchannel .bd li::before {border-bottom: 1px solid #df1078; border-top: 1px solid #df1078; transform: scale(0, 1);-ms-transform: scale(0, 1);}
.channel .rightchannel .bd li::after {border-left: 1px solid #df1078; border-right: 1px solid #df1078; transform: scale(1, 0);-ms-transform: scale(1, 0);}
.channel .rightchannel .bd li::before, .channel .rightchannel .bd li::after {box-sizing: border-box; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;-ms-transition: opacity 0.35s ease 0s, -ms-transform 0.35s ease 0s; width: 100%; z-index: -1;}
.channel .rightchannel .bd li:hover::before, .channel .rightchannel .bd li:hover::after {opacity: 1; transform: scale(1,1);-ms-transform: scale(1,1);}
 
.channel .rightchannel .bd li .img{width: 194px; height: 155px; overflow: hidden;}
.channel .rightchannel .bd li .img img{width: 100%; height: 100%;}
.channel .rightchannel .bd li .img img{-webkit-transition: all 1.1s;-moz-transition: all 1.1s;-o-transition: all 1.1s;-ms-transition: all 1.1s;transition: all 1.1s;vertical-align: top;}
.channel .rightchannel .bd li:hover .img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform: scale(1.1);}
.channel .rightchannel .bd li .name{line-height: 22px;font-size: 14px;height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.channel .rightchannel .bd li .brief{color: #b8b8b8; line-height: 20px;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} 
.channel .rightchannel .bd li .info{line-height: 25px;}
.channel .rightchannel .bd li .info .price{color: #ff8800;font-size: 12px;} 
.channel .rightchannel .bd li .info .price em{font-size: 16px;}
.channel .rightchannel .bd li .info .point{float: right; color: #b8b8b8;width: 110px;overflow: hidden;height: 25px;text-align: right;text-overflow: ellipsis;white-space: nowrap;}
 
.lvyzuche{margin-bottom: 20px;position: relative;}
.lvyzuche .title{position: absolute; font-size: 18px; font-weight: bold; top: 15px; left: 20px; color:#df1078}
.lvyzuche .hd{padding-left: 230px;position: relative;border-bottom: 2px solid #e5e5e5;margin-bottom: 20px;}
.lvyzuche .hd .more{position: absolute;right: 0;top: 20px;}
.lvyzuche .hd .more a{color: #999;}
.lvyzuche .hd li{float: left; padding: 0 20px; font-size: 16px; position: relative; color: #666; cursor: pointer;}
.lvyzuche .hd li a{line-height: 50px;height: 43px;display: block;position: relative;top: 2px;}
.lvyzuche .hd li.on a{color: #df1078;border-bottom: 3px solid #df1078;}
.lvyzuche .bd{width: 1200px;overflow: hidden;}
.lvyzuche .bd ul {
	width: 1200px;
}
.lvyzuche .bd ul .nofound{background-color: #fff;} 
.lvyzuche .zucheInfoList{overflow: hidden;width: 1200px;}
.lvyzuche .zucheInfoList li{background: none repeat scroll 0 0 #fff;display: inline-block;float: left;height: 156px;margin: 0 20px 20px 0;overflow: hidden;padding: 0;width: 222px;border:1px dotted #ccc;}
.lvyzuche .zucheInfoList li:nth-child(5){margin:0 0 20px 0;}
.lvyzuche .zucheInfoList li:nth-child(10){margin:0 0 20px 0;}
.lvyzuche .zucheInfoList li a{display: block;height: 156px;overflow: hidden;position: relative;width: 222px;}
.lvyzuche .zucheInfoList li img{height: 156px;vertical-align: top;width: 222px;}
.lvyzuche .zucheInfoList li div.bg{background:#000;opacity:0.7;}
.lvyzuche .zucheInfoList li a:hover div.bg{filter: alpha(opacity=95);opacity: 0.95;}
.lvyzuche .zucheInfoList li div{bottom: 0;color: #e5e5e5;font-size: 12px;height: 24px;left: 0;line-height: 24px;overflow: hidden;padding: 0 5px;position: absolute;text-align: center;width: 212px;}
.lvyzuche .zucheInfoList li span{background:#f60;color: #fff;display: inline-block;height: 21px;left: 0;line-height: 21px;overflow: hidden;padding: 0 5px;position: absolute;top: 0;}
.lvyzuche .zucheInfoList li span em{color: #fff !important;font-size: 12px;vertical-align: 0;}

 
.travels{margin-bottom: 20px;position: relative;}
.travels .title{position: absolute; font-size: 18px; font-weight: bold; top: 15px; left: 20px;color:#df1078}
.travels .hd{padding-left: 230px;position: relative;border-bottom: 2px solid #e5e5e5;margin-bottom: 10px;}
.travels .hd .more{position: absolute;right: 0;top: 20px;}
.travels .hd .more a{color: #999;}
.travels .hd li{float: left; padding: 0 20px; font-size: 16px; position: relative; color: #666; cursor: pointer;}
.travels .hd li span{line-height: 50px;height: 43px;display: block;position: relative;top: 2px;}
.travels .hd li.on span{color: #df1078;border-bottom: 3px solid #df1078;}
.travels .bd{height: 450px;}
.travels .bd ul{width: 1200px;}
.travels .bd li{overflow:hidden;float: left;width: 289px;height: 205px;margin-right: 14px;margin-bottom: 20px;}
.travels .bd li:nth-child(4){margin-right: 0;} 
.travels .bd li:nth-child(8){margin-right: 0;} 
.travels .bd li .img{width: 100%;height: 100%;position: relative; background-position: 50% 50%;background-size: 100% 100%;}
.travels .bd li .info{color: #fff;position: absolute;bottom: 0;background-color: rgba(0,0,0,0.5);width: 100%;padding: 10px;box-sizing: border-box;height: 40px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.travels .bd li .info .name{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 25px;}
.travels .bd li .info .user{padding: 5px 0;}
.travels .bd li .info .user .fl img{width: 50px; height: 50px; border-radius: 100%; }
.travels .bd li .info .user .fr{float: left; font-size: 14px;line-height: 24px;}
.travels .bd li .info .user .fr .icon{background: url(../inco/index_main_bg.png) no-repeat 0px -343px/48px;display: inline-block;width: 20px;height: 20px;position: relative;top: 5px;}

.travels .bd li .info .user .fr .icon.i2{margin-left: 20px; background-position: 0px -419px;}
.travels .bd li:hover .info{height: 80px;}