
.banner{
    background: url("../images/travel/travel_banner.jpg")100% 100% no-repeat;
    height:833px;
    position: relative;
}
.bannerBottom{
    width: 1300px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    bottom: 0;
}
.scheduling{
    width: 1300px;
    margin: 0 auto;
}
.scheduling dt h2,.scheduling dd span{
    color: #6464D4;
}
.scheduling ul{
    margin-top: 10px;
    margin-bottom: 10px;
}
.scheduling ul li{
    float: left;
    width: 20%;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    background-color: #6464D4;
}
.scheduling ul li:nth-child(2n+1){
    background-color:#564FB3;
}
.scheduling ul li:not(.active):hover{
    color: #F32354 ;
}
.scheduling ul li.active{
    background-color: #F32354;
}

.schedulingImgbox{
    height: 405px;
    position: relative;
    color: #FFFFFF;
    margin-top: 20px;
}
.schedulingImgbox .days>div{
    float: left;
    width: 424px;
    height: 100%;
}
#svgelem{
    position: absolute;
    z-index: -1;
    left: 0;
}
.imgBox1>div,.imgBox1>img{
    float: left;
}
.imgBox1>div{
    width: 100%;
    height: 35px;
    background-color: #393939;
    text-align: center;
    line-height: 35px;
}
.imgBox2{
    box-sizing: border-box;
    padding: 5px ;
    width: 305px;
    background-color:#9164D4;
    margin: 80px auto;
}
.imgBox2>img{
    float: left;
}
.imgBox2>div{
    float: left;
    margin-top: 10px;
    margin-left: 20px;
}
#day1 .imgBox2{
    background-color:#867E93;
}
#day2 .imgBox2,#day3 .imgBox2,#day4 .imgBox2,#day5 .imgBox2{
    background-color:#7164D4;
    margin: 40px auto;
}

.days p{
    font-size: 14px;
    margin-top: 3px;
}

.scheduling table{
    border-color: #9171B1;
    text-align: center;
    margin-top: 20px;
    color: #9171B1;
}

.scheduling table thead{
    background-color: #7c64d4;
    color:#fff
}
.scheduling table tr{
    height: 43px;
}
.scheduling table tbody tr:nth-child(2n){
    background-color: #eeebf0;
}

.footerImg{
    border: none;
    margin-top:100px;
}
.footerImg{
    background: url("../images/travel/footer_img.jpg") no-repeat;
    height: 380px;
}
.carouselBox2{
    position: relative;
}
.carouselWrap2{
    height: 402px;
    overflow: hidden;
}
.carouselWrap2 .carouselInner{
    width: 2500px;
    margin-right: -20px;
    position: relative;
}
.carouselWrap2 .carouselInner img{
    float: left;
    width: 310px;
    height: 190px;
    margin: 0 20px 20px 0;
    cursor: pointer;
}
.carouselBox2>.pre{
    position: absolute;
    cursor: pointer;
    left: -80px;
    top: 50%;
    transform: translate(0,-50%);
}
.carouselBox2>.next{
    position: absolute;
    cursor: pointer;
    left: 1330px;
    top: 50%;
    transform: translate(0,-50%);
}
.carouselBox2 .carouselBox3{
    position: absolute;
    height: 100%;
    width: 656px;
    top:0;
    left: 50%;
    transform: translate(-50%,0);
    display: none;
    z-index: 9999;
}
.carouselInner2{
    height: 100%;
    overflow: hidden;

}

.carouselBox2 .bigImgInner{
    height: 100%;
    width: 9184px;
    position: relative;
}

.carouselBox2 .bigImgInner img{
    float: left;
    height: 100%;
    width:656px;

}

.carouselBox3>.pre{
    position: absolute;
    cursor: pointer;
    left: -80px;
    top: 50%;
    transform: translate(0,-50%);
}
.carouselBox3>.next{
    position: absolute;
    cursor: pointer;
    left: 690px;
    top: 50%;
    transform: translate(0,-50%);
}