@charset "UTF-8";
/*	-------------------------------------------------------------
	Ectrip CSS Widget
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Design By:		xyb
	Description:	Styles for index
	Filename:		index.css
	Version:		2.0
	Create Date:	2022.03.25 xyb
	Last Edit:		2022.03.25 xyb
	-------------------------------------------------------------	*/
.ec-s-index {
    padding: 40px 0 0
}

/*快捷按钮*/
.btnItemList {
    overflow: hidden;
    margin-bottom: -30px;

}

.btnItemList a:link,
.btnItemList a:visited {
    display: inline-block;
    width: 19.333%;
    margin: 0 7% 30px;
    height: 60px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(images/btn_booking.png);
    text-align: center;
    text-indent: -70px;
    float: left;
    line-height: 58px;
    background-position: center;
    font-size: 20px;
}

.btnItemList .btn_guide:link,
.btnItemList .btn_guide:visited {
    background-image: url(images/btn_booking.png);
}

.btnItemList .btn_note:link,
.btnItemList .btn_note:visited {
    background-image: url(images/btn_note.png);
}

.btnItemList .btn_food:link,
.btnItemList .btn_food:visited {
    background-image: url(images/btn_food.png);
}

.btnItemList .btn_hotel:link,
.btnItemList .btn_hotel:visited {
    background-image: url(images/btn_hotel.png);
}

.btnItemList .btn_spec:link,
.btnItemList .btn_spec:visited {
    background-image: url(images/btn_spec.png);
}

/*大院新闻*/

.ec-s-index h2 {
    background-image: url(images/title_bg.png);
    background-size: cover;
    width: 180px;
    height: 52px;
    text-align: center;
    line-height: 52px;
    font-size: 24px;
    font-weight: normal;
    color: #7d1007;
    margin: 20px auto;
}

.ec-s-index-1 .newsPic-list {
    float: left;
    width: 49%;
    height: 400px;
    position: relative;
}

.ec-s-index-1 .newsPic-list .item {
    display: none;
}

.ec-s-index-1 .newsPic-list img {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 360px;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #B48847;
}

.ec-s-index-1 .newsPic-list .title {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #B48847;
    font-size: 18px;

}

.ec-s-index-1 .list-number {
    float: right;
    width: 50%
}

.ec-s-index-1 .list-number li {
    padding: 0 0 20px 20px;
}

.ec-s-index-1 .list-number li a:link,
.ec-s-index-1 .list-number li a:visited {
    display: block;
    width: 100%;
    padding-bottom: 20px;
}

.ec-s-index-1 .list-number li b {
    display: inline-block;
    float: left;
    margin: 0 20px 0 10px;
    color: #AF925E;
    font-size: 36px;
    line-height: 60px;
    padding-bottom: 20px;
    border-bottom: 2px solid #C6AB7B;
}


.ec-s-index-1 .list-number li .title {
    color: #312012;
    font-size: 24px;
    line-height: 50px;
    font-weight: bold;
    padding-right: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ec-s-index-1 .list-number li p {
    color: #312012;
    font-size: 18px;
}

.ec-s-index-1 .list-number li .datetime {
    position: absolute;
    right: 0;
    top: 14px;
    font-size: 16px;
    color: #8c6444;

}


.ec-s-index-1 .list-number li a:hover {
    background-color: #C6AB7B
}

.ec-s-index-1 .list-number li a:hover b,
.ec-s-index-1 .list-number li a:hover .title,
.ec-s-index-1 .list-number li a:hover p {
    color: #FFF
}

.ec-s-index-1 .list-number li a:hover b {
    border-bottom: 2px solid #FFF;
}

.ec-s-index-1 .list-number li a:hover .datetime {
    display: none
}

/*----视频----*/

.videoContent span {
    position: relative;
    display: block;
}

.videoContent .imgItem {
    margin: 10px auto 30px
}

.videoContent .imgItem img {
    width: 100%;
    height: 420px;
}

.videoContent .imgItem:after {
    position: absolute;
    content: " ";
    display: block;
    width: 105px;
    height: 120px;
    top: 50%;
    left: 50%;
    background-image: url(images/iconPlay.png);
    background-repeat: no-repeat;
    margin: -60px 0 0 -53px;
}

.videoContent .title {
    padding: 0 1em;
    line-height: 45px;
    height: 45px;
    margin: 0 auto 20px;
    font-size: 24px;
    text-align: center;
}

.videoContent .title:after {
    content: " ";
    border-bottom: 4px solid #d0aa6a;
    position: absolute;
    bottom: 0;
    height: 0;
    line-height: 0;
    display: block;
    width: 240px;
    left: 50%;
    margin-left: -120px;
}

.videoContent p {
    font-size: 16px;
    text-indent: 2em;
    line-height: 2;
}

.videoContent .btnDetail {
    line-height: 45px;
    height: 45px;
    margin: 20px auto 10px;
    background-color: #B48847;
    color: #FFF;
    font-size: 18px;

    width: 120px;
    text-align: center;
}

/*----乔家大院----*/
.amoduleList {
    overflow: hidden;
}

.amoduleList li {
    float: left;
    width: 30%;
    text-align: center;
    position: relative;
}

.amoduleList li img {
    width: 100%
}

.amoduleList li.itemWenHua {
    margin-left: 5%
}

.amoduleList li.itemTuWen {
    float: right;
}

.amoduleList li .title {
    display: block;
    line-height: 45px;
    font-size: 20px;
    padding: 10px 0;
}

.amoduleList .itemList {
    position: absolute;
    width: 70%;
    top: 10%;
    left: 15%;
    line-height: 2;
    text-align: center;
}


.amoduleList .itemList a:link,
.amoduleList .itemList a:visited {
    color: #FFF;
    font-size: 16px;
    display: block;
}

.amoduleList .itemList a:hover {
    color: #B48847;
}


/*----旅行动态----*/
.travelNews li {
    float: left;
    width: 30%;
    position: relative;
    background-color: rgba(255, 255, 255, 0.6);
}

.travelNews li:nth-child(2n+2) {
    margin-left: 5%
}

.travelNews li:last-child {
    float: right;
}


.travelNews .imgItem img {
    width: 100%;
    height: 210px;
}

.travelNews .title {
    padding: 10px;
    line-height: 45px;
    height: 45px;
    font-size: 16px;
}


.travelNews p {
    font-size: 12px;
    line-height: 2;
    color: #595858;
    padding: 0 10px;
    height: 4em;
    overflow: hidden;
}

.travelNews .btnDetail {
    height: 16px;
    background-image: url(images/more.png);
    background-repeat: no-repeat;
    background-size: contain;
    color: #FFF;
    font-size: 0;
    width: 76px;
    display: block;
    margin: 20px 10px;
}


/*----酒店入住----*/
.hotelList li {
    float: left;
    width: 30%;
    position: relative;
    margin-bottom: 20px;
}

.hotelList li:nth-child(3n+2) {
    margin-left: 5%
}

.hotelList li:nth-child(3n+3) {
    float: right;
}


.hotelList .imgItem img {
    width: 100%;
    height: 210px;
}

.hotelList .title {
    padding: 10px 100px 10px 10px;
    height: 50px;
    line-height: 25px;
    font-size: 16px;
    display: block;
}


.hotelList .price {
    font-size: 16px;
    color: #D9422A;
    position: absolute;
    bottom: 36px;
    right: 10px;
}

/*----图文品读----*/
.ec-s-index-6 {
}

.ec-s-index-6 .list-content li {
    border-bottom: 0;
}

.ec-s-index-6 .list-content li .title {
    font-size: 20px;
}


.ec-s-index-6 .list-content li p {
    font-size: 14px;
}


/*----周边景点----*/

.otherSightList li {
    float: left;
    width: 23.5%;
    position: relative;
    margin-bottom: 20px;
}

.otherSightList li:nth-child(4n+2),
.otherSightList li:nth-child(4n+3) {
    margin-left: 2%
}

.otherSightList li:nth-child(4n+4) {
    float: right;
}


.otherSightList .imgItem img {
    width: 100%;
    height: 210px;
}

.otherSightList .title {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    display: block;
    background-color: rgba(0, 0, 0, .68);
    color: #FFF;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    z-index: 2;
    text-align: center;
}