@charset "utf-8";

.listbanner .left{ width:260px; height:400px; background:#fff; box-shadow:4px 2px 5px rgba(0, 0, 0, 0.3); float:left; overflow:hidden;}
.listbanner .left .hd{ width:100%; height:50px; line-height:50px; background:#00AF67 url(../images/jingdian.png) no-repeat 10px ; text-indent:40px; font-size:18px; color:#fff;}
.listbanner .left ul{ border-bottom:1px dotted #dcdcdc; display:block; width:90%; margin:0px 5% 0 5%; padding-bottom:8px;}
.listbanner .left ul li{ float:left; line-height:20px; }
.listbanner .left ul li a{ padding:0 4px 0 0; color:#777;}
.listbanner .left ul li a:hover{color:#ea1a56;  }
.listbanner .left ul li.tit1,.listbanner .left ul li.tit1 a{ line-height:32px; color:#ea1a56; font-size:14px; display:block; width:100%;}
.listbanner .left ul li.tit2,.listbanner .left ul li.tit2 a{ margin-bottom:5px; font-size:14px;display:block; width:100%; color:#333;}

.listbanner .focusBox{ width:930px; margin-left:10px; float:left; position:relative; height:400px;}



/*二级分类*/
.filter{ background:#fff; color:#666; box-shadow:0px 8px 16px 0px rgba(179, 179, 179, 0.29);}
.filter td{ border:1px solid #e8e8e8; line-height:40px;}
.filter .hd{ border-bottom:2px solid #00be88;}
.filter .hd .title{ width:120px; background:#00be88;border:1px solid #00be88; color:#fff; font-size:14px; text-align:center; font-weight:bold;}
.filter .filteritemtitle{ border:1px solid #98e4cf; border-top:none; text-align:center; font-size:14px; background:#EFFAF7;}
.filter .filteritemtitle i{ width:16px; height:16px; display:inline-block; background:url(/images/sicon.png) no-repeat 0 0; margin-right:4px; background-position:-48px -184px; vertical-align:middle; margin-top:-2px;}
.filter .filteritemtitle i.i2{background-position:-112px -262px }
.filter .filteritemtitle i.i3{background-position:0 -262px }
.filter .filteritemtitle i.i4{background-position:-16px -184px }
.filter .filteritemtitle i.i5{background-position:-32px -184px }
.filter ul{font-size:13px;}
.filter ul li{ display:inline-block; float:left; margin:0 0 0 5px;}
.filter ul li a{ padding:0 5px; }
.filter ul li a:hover{ color:#ea1a56; }
.filter ul li a.on{ color:#ea1a56; font-weight:bold;}

.listwrap{ margin:20px auto;}
.listwrap .left{ width:900px; float:left; min-height:100px;}
.listwrap .right{ width:240px; float:left; margin-left:20px; background:#fff; padding:20px;}

.listwrap .nothing{ font-size:20px; text-align:center; margin-top:30px;}
.listwrap .linelist li{ width:100%; margin-bottom:10px;}
.listwrap .linelist li a{ padding:20px; display:block; width:860px; height:180px; background:#fff; position:relative; line-height:20px; font-size:14px; color:#999;}
.listwrap .linelist li .pic{ width:270px; height:180px; margin-right:20px; float:left;}
.listwrap .linelist li .name{ width:570px; line-height:25px; font-size:18px; color:#333; font-weight:bold; float:left; max-height:50px; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.listwrap .linelist li .tag{ width:570px;  float:left; margin-top:10px;}
.listwrap .linelist li .tag span{ display:inline-block; float:left; border:1px solid #ccc; padding:0 6px; margin-right:10px;}
.listwrap .linelist li .info{ width:570px;  float:left;margin-top:10px;}
.listwrap .linelist li .price{ width:570px;  float:left; font-size:28px; color:#ea1a56; margin-top:20px;}
.listwrap .linelist li .price span{ font-size:18px;}
.listwrap .linelist li .travelnum{ position:absolute; right:20px; bottom:20px; width:181px; height:40px; background:#F7F7F7; padding:10px 0;}
.listwrap .linelist li .travelnum div{ width:90px; float:left; text-align:center;}
.listwrap .linelist li .travelnum span{ color:#333; font-size:16px;}
.listwrap .linelist li .travelnum div:first-of-type{ border-right:1px solid #ddd;}
.listwrap .linelist li:hover{box-shadow:0 0 20px #ddd;}
.listwrap .linelist li:hover .name{ color:#ea1a56;}

.listwrap .right .title{ width:100%; font-size:18px; color:#333; line-height:20px; font-weight:bold;}
.listwrap .right .rightlist li{ width:100%; margin-top:20px;}
.listwrap .right .rightlist li a{ display:block; width:100%;}
.listwrap .right .rightlist li img{ width:100%; height:160px;}
.listwrap .right .rightlist li .name{ width:100%; font-size: 14px;  overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
 margin-top: 10px; color: #333; line-height: 20px;}
.listwrap .right .rightlist li .price{ width:100%; font-size:20px; color:#ea1a56; margin-top:10px; line-height:20px;}
.listwrap .right .rightlist li .price span{ font-size:14px;}