/* 右侧推荐位 */
.recmd--right {
    float: right;
    width: 310px;
}
.recmd {
    float: right;
    width: 310px;
    background-color: #ffffff;
    border: solid 1px #f2f2f2;
    padding: 0 20px 0 20px;
    margin-bottom: 20px;
}
.recmd.nopadding {
    padding: 0;
    font-size: 0;
}
.recmd.last {
    margin-bottom: 100px;
}

.recmd--title {
    height: 50px;
    width: 270px;
    font-size: 18px;
    color: #666666;
    line-height: 50px;
    border-bottom: solid 1px #ffc2ca;
}
.recmd--title-item {
    display: inline-block;
    margin-right: 10px;
    width: auto;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    cursor: default;
}
.recmd--title-item.active {
    color: #333333;
    font-weight: bold;
}

.recmd--item {
    margin-top: 10px;
    margin-bottom: 25px;
    position: relative;
}
.recmd--item.bbs {
    border-bottom: solid 1px #f2f2f2;
}
.recmd--item.bbs.last {
    border-bottom: none;
    margin-bottom: 0;
}
.recmd--item.photo {
    height: 240px;
}
.recmd--item.trip {
    width: 270px;
    height: 260px;
    background-color: #ffffff;
    border: solid 1px #f2f2f2;
}
.recmd--item.lucky {
    float: left;
    margin-right: 9px;
    margin-bottom: 5px;
    width: 80px;
}

.recmd--bbs-title {
    font-size: 18px;
    color: #333333;
    margin: 15px auto 10px;
}
.recmd--bbs-content {
    font-size: 12px;
    color: #666666;
    margin: 0 auto 15px;
    letter-spacing: 0.5px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;

}

.recmd--item-link {
    font-size: 12px;
    color: #333333;
}
.recmd--item-img {
    width: 270px;
    height: 180px;
    border: solid 1px #f2f2f2;
}
.recmd--item-name {
    font-size: 18px;
    color: #333333;
    margin-top: 5px;
    float: left;
    width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.recmd--item-district {
    font-size: 14px;
    color: #333333;
    display: inline-block;
    margin-top: 8px;
    float: right;
}
.recmd--item-table {
    clear: left;
    margin-top: 35px;
}
.recmd--item-table-price {
    font-size: 20px;
    color: #fc5a72;
    font-weight: bold;
}
.recmd--item-photo {
    font-size: 18px;
    color: #333333;
    margin: 15px 0 0 15px;
    float: left;
    width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.recmd--item-style {
    font-size: 12px;
    color: #666666;
    position: absolute;
    top: 225px;
    left: 15px;
}
.recmd--item-grapher {
    float: right;
    margin: 10px 15px 0 0;
}
.recmd--item-grapher-head {
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    width: 35px;
    height: 35px;
}
.recmd--item-grapher-name {
    font-size: 12px;
    color: #333333;
    text-align: center;
    margin-top: 5px;
}
.recmd--item-info {
    margin-top: -1px;
}
.recmd--item-info-item {
    font-size: 12px;
    color: #ccc;
}
.recmd--item-news-title {
    width: 270px;
    font-size: 18px;
    color: #333333;
    margin: 10px 0 3px 0;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;

}
.recmd--item-news-content {
    width: 270px;
    font-size: 12px;
    color: #666666;
    overflow : hidden;
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
}

.recmd--trip-name {
    position: absolute;
    top: 197px;
    left: 12px;
    font-size: 18px;
    color: #333333;
}
.recmd--trip-count {
    position: absolute;
    top: 202px;
    right: 12px;
    font-size: 12px;
    color: #666666;
}
.recmd--trip-price {
    position: absolute;
    top: 225px;
    left: 15px;
    font-size: 12px;
    color: #666666;
}
.recmd--trip-price-old {
    margin-left: 5px;
    font-size: 12px;
    color: #b5b5b5;
    text-decoration: line-through;
}

.recmd--content {
    position: relative;
}
.recmd--block {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0 18px;
    background-color: #fff;
    z-index: -1;
    -webkit-opacity: 0;
    -moz-opacity: 0;        /* Netscape and Older than Firefox 0.9 */
    -khtml-opacity: 0;      /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    opacity: 0;             /* IE9 + etc...modern browsers */
    filter:alpha(opacity=0);    /* IE 4-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   /*This works in IE 8 & 9 too*/
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);     /*IE4-IE9*/
}
.recmd--block.active {
    position: relative;
    z-index: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter:alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.recmd--link {
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 28px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.recmd--link:hover {
    color: #FF7385;
}
.recmd--img {
    width: 100%;
}