@charset "utf-8";

.global-list {

    float: left;

    position: absolute;

    left: 50%;

    top: 0;

    z-index: 99;

    width: 220px;

    height: 400px;

    margin-left: -600px;

    background: #fff

}



.gl-list-tabbox {

    float: left;

    width: 220px;

    height: 79px;

    border-bottom: 1px solid #e8e8e8

}



.gl-list-tabbox h3 {

    float: left;

    width: 196px;

    height: 79px;

    padding: 0 10px;

    position: relative;

    border-left: 3px solid #fff;

    border-right: 1px solid #fff

}



.gl-list-tabbox h3.hover {

    margin-top: -1px;

    z-index: 9999;

    border: 1px solid #2fc163;

    border-right: 1px solid #fff;

    border-left: 3px solid #2fc163;

}



.gl-list-tabbox h3 strong {

    float: left;

    width: 196px;

    height: 24px;

    line-height: 24px;

    margin-top: 15px;

    font-size: 14px

}



.gl-list-tabbox h3 strong em {

    margin: 2px 5px 0 0

}



.gl-list-tabbox h3 strong em,

.gl-list-tabbox h3 strong em img {

    float: left;

    width: 20px;

    height: 20px;

    overflow: hidden

}



.gl-list-tabbox h3 strong a {

    color: #666;

    float: left;

    font-size: 16px

}



.gl-list-tabbox h3 strong a:hover,

.gl-list-tabbox h3 p a:hover {

    color: #f60

}



.gl-list-tabbox h3 p {

    float: left;

    width: 175px;

    height: 20px;

    margin-top: 5px;

    overflow: hidden

}



.gl-list-tabbox h3 p a {

    float: left;

    color: #8c9093;

    height: 20px;

    line-height: 20px;

    margin-right: 10px

}



.tabcon-item {

    display: none;

    position: absolute;

    left: 219px;

    top: 0;

    z-index: 999;

    width: 579px;

    min-height: 398px;

    border: 1px solid #2fc163;

    background: #fff

}



.tabcon-item .item-list {

    float: left;

    width: 580px;

}



.tabcon-item .item-list dl {

    padding: 10px 20px

}



.tabcon-item .item-list dl dt {

    float: left;

    width: 90px;

    height: 30px;

    line-height: 30px;

}

.tabcon-item .item-list dl dt a{

    color: #333;

    display: block;

    font-size: 14px

}



.tabcon-item .item-list dl dd {

    padding-left: 100px;

    font-size: 0;

}



.tabcon-item .item-list dl dd a {

    color: #999;

    display: inline-block;

    height: 30px;

    line-height: 30px;

    margin-right: 15px;

    font-size: 14px;

}



.tabcon-item .item-list dl dt a:hover,

.tabcon-item .item-list dl dd a:hover {

    color: #f60

}

/* 首页焦点图  */

.st-focus-banners{

    width: 100%;

    min-width: 1200px;

    height: 400px;

    position: relative;

    overflow: hidden;

}

.st-focus-banners .banners{

    width: 1920px;

    height: 400px;

    position: absolute;

    left: 50%;

    margin-left: -960px;

    overflow: hidden;

}

.st-focus-banners .banners > ul > li > a{

    display: table-cell;

    width: 1920px;

    height: 400px;

    vertical-align: middle;

    text-align: center;

}

.st-focus-banners .banners > ul > li > a img{

    vertical-align: middle;

}

.st-focus-banners .focus{

    width: 100%;

    height: 12px;

    position: absolute;

    bottom: 20px;

    z-index:99;

    text-align: center;

}

.st-focus-banners .focus > ul{

    height: 12px;

}

.st-focus-banners .focus > ul > li{

    display: inline-block;

    width: 12px;

    height: 12px;

    margin: 0 3px;

    cursor: pointer;

    vertical-align: top;

    background: #a7edf6;

    background: rgba(255,255,255,.5);

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    border-radius:50%;

}

.st-focus-banners .focus > ul > li.on{

    background: #fff;

}



/* 特惠精选 */

.product-hot-box{

    margin-top: 30px;

}

.product-hot-bar{

    border-bottom: 1px solid #d2d2d2;

}

.product-hot-bar .title{

    display: inline-block;

    height: 40px;

    line-height: 40px;

    font-size: 20px;

}

.product-hot-bar .hui-icon{

    display: inline-block;

    width: 20px;

    height: 22px;

    vertical-align: middle;

    margin: -5px 0 0 5px;

    background: url("../images/index-icon.png") no-repeat 0 -15px;

}

.product-hot-wrap{



}

.product-hot-wrap > li{

    float: left;

    width: 281px;

    padding: 4px;

    margin: 15px 12px 0 0;

    border: 1px solid #dcdcdc;

}

.product-hot-wrap > li.last{

    margin-right: 0;

}

.product-hot-wrap .pic{

    display: table-cell;

    width: 281px;

    height: 180px;

    vertical-align: middle;

    text-align: center;

}

.product-hot-wrap .pic img{

    max-width: 100%;

    max-height: 100%;

    vertical-align: middle;

}

.product-hot-wrap .tit{

    display: block;

    height: 48px;

    line-height: 24px;

    margin-top: 5px;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    font-size: 14px;

}

.product-hot-wrap .info{

    margin-top: 5px;

}

.product-hot-wrap .info .pri{

    color: #999;

    display: inline-block;

    height: 30px;

    line-height: 30px;

}

.product-hot-wrap .info .pri em{

    color: #e12626;

    display: inline-block;

    font-size: 20px;

}

.product-hot-wrap .info .buy-link{

    float: right;

    color: #fff;

    width: 100px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: #ff3b3b;

}



/* 景点 */

.product-jd-box{

    margin-top: 20px;

}

.product-jd-bar{

    border-bottom: 1px solid #d2d2d2;

}

.product-jd-bar .tit{

    display: inline-block;

    height: 40px;

    line-height: 40px;

    font-size: 20px;

}

.product-jd-bar .product-tab-nav{

    float: right;

    height: 24px;

    padding: 8px 100px 8px 0;

    font-size: 0;

}

.product-jd-bar .product-tab-nav > a{

    display: inline-block;

    color: #999;

    height: 24px;

    line-height: 24px;

    padding: 0 10px;

    font-size: 14px;

}

.product-jd-bar .product-tab-nav > a.on{

    color: #fff;

    padding: 0 12px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background: #ff3b3b;

}

.product-jd-bar .more{

    float: right;

    height: 40px;

    line-height: 40px;

    font-size: 14px;

}

.product-jd-wrap{

    margin-top: 15px;

}

.product-jd-wrap .side-ad-img{

    float: left;

    width: 291px;

    height: 300px;

    position: relative;

    overflow: hidden;

}

.product-jd-wrap .side-ad-img .info{

    width: 156px;

    height: 84px;

    padding: 0 15px;

    position: absolute;

    left: 50%;

    bottom: 50px;

    margin-left: -93px;

    text-align: center;

    background: rgba(255,255,255,.8);

}

.product-jd-wrap .side-ad-img .info .tit{

    display: block;

    width: 156px;

    height: 47px;

    line-height: 47px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    border-bottom: 1px solid #333;

    font-size: 20px;

}

.product-jd-wrap .side-ad-img .info .more{

    display: block;

    line-height: 36px;

    font-size: 14px;

}

.product-jd-wrap .side-ad-img a:hover .info .more{

    color: #ff3b3b;

    text-decoration: underline;

}

.product-tab-con{

    float: left;

    width: 909px;

}

.product-tab-con > li{

    float: left;

    width: 291px;

    margin-left: 12px;

}

.product-tab-con .pic{

    display: table-cell;

    width: 291px;

    height: 248px;

    vertical-align: middle;

    text-align: center;

}

.product-tab-con .pic img{

    max-width: 100%;

    max-height: 100%;

    vertical-align: middle;

}

.product-tab-con .info{

    padding: 10px;

}

.product-tab-con .info .tit{

    display: inline-block;

    width: 160px;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 14px;

}

.product-tab-con .info .pri{

    color: #999;

    float: right;

    display: inline-block;

    height: 30px;

    line-height: 30px;

}

.product-tab-con .info .pri em{

    color: #e13b3b;

    display: inline-block;

    font-size: 22px;

}

/* 活动 */

.campaign-box{

    margin-top: 20px;

}

.campaign-bar{

    border-bottom: 1px solid #d2d2d2;

}

.campaign-bar .tit{

    display: inline-block;

    height: 40px;

    line-height: 40px;

    font-size: 20px;

}

.campaign-wrap{

    margin-top: 12px;

}

.campaign-wrap .ad-img{

    float: left;

    height: 200px;

    overflow: hidden;

}

.campaign-wrap .b-box{

    width: 600px;

}

.campaign-wrap .s-box{

    width: 290px;

    margin-left: 10px;

}

/* 结伴出游 */

.group-team-box{

    margin-top: 20px;

}

.group-team-bar{

    border-bottom: 1px solid #d2d2d2;

}

.group-team-bar .tit{

    display: inline-block;

    height: 40px;

    line-height: 40px;

    font-size: 20px;

}

.group-team-bar .more{

    float: right;

    height: 40px;

    line-height: 40px;

    font-size: 14px;

}

.group-team-wrap{

}

.group-team-wrap .side-ad-img{

    float: left;

    width: 291px;

    height: 500px;

    margin-top: 15px;

    position: relative;

    overflow: hidden;

}

.group-team-wrap .side-ad-img .info{

    width: 156px;

    height: 84px;

    padding: 0 15px;

    position: absolute;

    left: 50%;

    bottom: 50px;

    margin-left: -93px;

    text-align: center;

    background: rgba(255,255,255,.8);

}

.group-team-wrap .side-ad-img .info .tit{

    display: block;

    width: 156px;

    height: 47px;

    line-height: 47px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    border-bottom: 1px solid #333;

    font-size: 20px;

}

.group-team-wrap .side-ad-img .info .more{

    display: block;

    line-height: 36px;

    font-size: 14px;

}

.group-team-wrap .side-ad-img a:hover .info .more{

    color: #ff3b3b;

    text-decoration: underline;

}

.group-team-list{

    float: left;

    width: 909px;

}

.group-team-list > li{

    float: left;

    width: 291px;

    margin: 15px 0 0 12px;

}

.group-team-list .pic{

    display: table-cell;

    width: 291px;

    height: 206px;

    vertical-align: middle;

    text-align: center;

}

.group-team-list .pic img{

    max-width: 100%;

    max-height: 100%;

    vertical-align: middle;

}

.group-team-list .info{



}

.group-team-list .info .tit{

    display: inline-block;

    width: 180px;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 14px;

}

.group-team-list .info .txt{

    float: right;

    height: 30px;

    line-height: 30px;

}

.group-team-list .info .txt .num{

    color: #ff3b3b;

    display: inline-block;

    font-size: 18px;

}

/* 游记赏析 */

.travels-box{

    margin-top: 20px;

}

.travels-bar{

    border-bottom: 1px solid #d2d2d2;

}

.travels-bar .tit{

    display: inline-block;

    height: 40px;

    line-height: 40px;

    font-size: 20px;

}

.travels-bar .more{

    float: right;

    height: 40px;

    line-height: 40px;

    font-size: 14px;

}

.travels-wrap{

    margin-top: 15px;

}

.travels-wrap .side-ad-img{

    float: left;

    width: 291px;

    height: 300px;

    position: relative;

    overflow: hidden;

}

.travels-wrap .side-ad-img .info{

    width: 156px;

    height: 84px;

    padding: 0 15px;

    position: absolute;

    left: 50%;

    bottom: 50px;

    margin-left: -93px;

    text-align: center;

    background: rgba(255,255,255,.8);

}

.travels-wrap .side-ad-img .info .tit{

    display: block;

    width: 156px;

    height: 47px;

    line-height: 47px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    border-bottom: 1px solid #333;

    font-size: 20px;

}

.travels-wrap .side-ad-img .info .more{

    display: block;

    line-height: 36px;

    font-size: 14px;

}

.travels-wrap .side-ad-img a:hover .info .more{

    color: #ff3b3b;

    text-decoration: underline;

}



.travels-list{

    float: left;

    width: 909px;

}

.travels-list > li{

    float: left;

    width: 281px;

    padding: 4px;

    margin-left: 12px;

    border: 1px solid #dcdcdc;

}

.travels-list .pic{

    display: table-cell;

    width: 281px;

    height: 168px;

    vertical-align: middle;

    text-align: center;

}

.travels-list .pic img{

    max-width: 100%;

    max-height: 100%;

    vertical-align: middle;

}

.travels-list .tit{

    display: block;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 14px;

}

.travels-list .txt{

    color: #999;

    height: 60px;

    line-height: 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.travels-list .num{

    color: #999;

    height: 30px;

    line-height: 30px;

    text-align: right;

}

.travels-list .num .icon{

    display: inline-block;

    width: 16px;

    height: 10px;

    vertical-align: middle;

    margin: -3px 5px 0 0;

    background: url("../images/index-icon.png") no-repeat -52px 0;

}