.ticket-detail-wrap {
    padding: 0 0 68px 0;
}

.w-980 {
    width: 980px;
    margin: 0 auto;
}

.hotel-list-box {
    background: #FFFFFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.hotel-list-title {
    width: 980px;
    margin: 0 auto;
    padding: 12px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #09A79D;
}

.hotel-list-title span:nth-child(1) {
    /*margin-left: 6px;*/
    margin-right: 6px;
    color: #09A79D;
}

.hotel-list-title span:nth-child(2) {
    color: #444D59;
    margin-left: 6px;
}

.new-index-scenic-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}

.index-culture-box-left-title-line {
    width: 48px;
    height: 12px;
    /*background: #A61B29;*/
    margin-bottom: 8px;
    position: relative;
}

.index-culture-box-left-title-line img {
    position: absolute;
    top: 0;
    left: 0;
}

.index-culture-box-left-title {
    font-size: 32px;
    line-height: 100%;
    color: #282828;
    font-weight: bold;
    margin-bottom: 24px;
}

.popular-box {
    padding: 32px 0 64px 0;
}

.index-news-tab-list-wrap {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
    align-items: center;
}

.index-popular-search-wrap {
    width: 248px;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    display: flex;
    overflow: hidden;
}

.index-popular-search-left {
    width: 164px;
    padding: 7px 12px;
    display: flex;
    align-items: center;
}

.index-popular-search-left input {
    width: 100%;
}

.index-popular-search-right {
    padding: 8px 16px;
    background: #09A79D;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    /*width: 60px;*/
}

.index-news-tab-list {
    /*width: 100%;*/
    display: flex;
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.04);*/
    margin-bottom: 32px;
}

.index-news-tab-item {
    font-size: 16px;
    line-height: 100%;
    color: #666666;
    padding-bottom: 14px;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 27px;
    position: relative;
}

.index-news-tab-item.tab-item-active:after {
    position: absolute;
    content: "";
    display: block;
    background: #09A79D;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
}

.index-news-tab-item.tab-item-active {
    /*font-weight: bold;*/
    color: #09A79D;
}

.index-news-tab-item:hover {
    /*font-weight: bold;*/
    color: #09A79D;
}

.index-news-tab-item:hover:after {
    position: absolute;
    content: "";
    display: block;
    background: #09A79D;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
}

.popular-wrap {
    background-image: url(../img/body-bg1.png);
    /*background-image: url("../img/popular_bg.png");*/
    /*background-position: center;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
}

.index-popular-list-wrap {
    display: flex;
    flex-wrap: wrap;
}

.index-popular-item {
    width: 348px;
    height: 280px;
    margin-right: 16px;
    margin-bottom: 16px;
}

.index-popular-item:nth-child(4n) {
    margin-right: 0;
}

.swiper-slide-bird {
    width: calc(100% - 42px);
    height: calc(100% - 42px);
    /*background: #FFFFFF;*/
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    padding: 21px;
    transition: .6s;
}

.swiper-slide-bird-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 308px;
    position: absolute;
    z-index: 1;
    /*top: 0;*/
    /*left: 0;*/
}

.swiper-slide-bird-head-l {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #ffffff;
    transition: .6s;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5));
}

.swiper-slide-bird-foot {
    position: absolute;
    bottom: 21px;
    /*left: 0;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 308px;
    z-index: 1;
}

.swiper-slide-bird-foot-l,
.swiper-slide-bird-foot-r {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
    transition: .6s;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5));
}

.bird-head-r-s,
.bird-head-r-ss {
    display: none;
}

.swiper-slide-bird-w:nth-of-type(odd):hover .swiper-slide-bird .swiper-slide-bird-head-l,
.swiper-slide-bird-w:nth-of-type(odd):hover .swiper-slide-bird-foot-l,
.swiper-slide-bird-w:nth-of-type(odd):hover .swiper-slide-bird-foot-r {
    color: #09A79D;
}

.swiper-slide-bird-w:nth-of-type(even):hover .swiper-slide-bird .swiper-slide-bird-head-l,
.swiper-slide-bird-w:nth-of-type(even):hover .swiper-slide-bird-foot-l,
.swiper-slide-bird-w:nth-of-type(even):hover .swiper-slide-bird-foot-r {
    color: #ED5126;
}

.bird-path {
    transition: .6s;
}

.swiper-slide-bird-w:nth-of-type(odd):hover .bird-path {
    fill: #09A79D;
}

.swiper-slide-bird-w:nth-of-type(even):hover .bird-path {
    fill: #ED5126;
}

.swiper-slide-bird-w:hover .swiper-slide-bird-head-r img {
    display: none;
}

.swiper-slide-bird-w:nth-of-type(odd):hover .bird-head-r-s,
.swiper-slide-bird-w:nth-of-type(even):hover .bird-head-r-ss {
    display: block;
}

.swiper-slide-bird-body {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    /*background: #000;*/
}

.swiper-slide-bird-body-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: .6s;
}

.index-popular-item:hover .swiper-slide-bird {
    transform: scale(.92);
}

.index-popular-item:hover .swiper-slide-bird-body-img {
    transform: scale(1.23);
}

.swiper-slide-bird-menban {
    /* width: 100%;
     height: 100%;
     !*background-color: red;*!
     -mask: url(../img/mask-5.png) repeat center / 100%, linear-gradient(black, black);
     -webkit-mask: var(--mask);
     mask: var(--mask);
     -webkit-mask-composite: xor;
     mask-composite: exclude;
     overflow: hidden;
     position: absolute;*/
    width: 100%;
    height: 100%;
    position: absolute;
    /*bottom: 0;*/
    z-index: 1;
    /*background-color: red;*/
    --mask: url(../img/mask-5.png) no-repeat 0 122px / 100%,
    linear-gradient(black, black);
    -webkit-mask: var(--mask);
    /*mask-image: url(../img/mask-1.png);*/
    mask: var(--mask);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    overflow: hidden;
}

.slide-bird-img-box {
    width: 140px;
    height: 100%;
    /*background-color: black;*/
    -webkit-mask: no-repeat center / contain;
    mask: no-repeat center / contain;

    position: absolute;
    top: 0;
    z-index: 1;
    transition: .6s;
    overflow: hidden;
}

.slide-bird-img-box-bg {
    width: 140px;
    height: 100%;
    background-color: black;
    transition: .3s;
    position: absolute;
    top: 0;
    z-index: 1;
    -webkit-mask: no-repeat center / contain;
    mask: no-repeat center / contain;
}

.slide-bird-img-box-c {
    /*background: black;*/
    width: 140px;
    height: 100%;
    /*transition: .6s;*/
    display: flex;
    align-items: center;
    /*transition: .6s;*/
}

.swiper-slide-bird-w:hover .slide-bird-img-box-bg {
    /*-webkit-mask-image: url(../img/slide-b-1.png);*/
    /*mask-image: url(../img/slide-b-1.png);*/
    /*background: none;*/
    opacity: 0;
}

.swiper-slide-bird-w:hover .slide-bird-img-box {
    transform: scale(1.78);
    /*opacity: 0;*/
}

.index-macro-item {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    width: 948px;
    /*height: 466px;*/
    margin-bottom: 16px;
    padding: 16px;
    display: flex;
}

.index-macro-item-left {
    width: 466px;
    /*position: relative;*/
    /*height: 466px;*/
    background: #fafafa;
    border-radius: 10px;
    /*overflow: hidden;*/
}

.q_img {
    width: 100%;
    /*height: 466px;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    overflow: hidden;
}

.q_bigpic1 {
    width: 800px;
    /*height: 800px;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*border-radius: 10px;*/
}

.q_content2 {
    width: 466px;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

.q_bigpic {
    width: 100%;
    height: 466px;
    display: none;
    overflow: hidden;
    position: absolute;
    right: -482px;
    z-index: 999;
    top: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.box {
    width: 250px;
    height: 250px;
    position: absolute;
    display: none;
    background: rgba(9, 167, 157, 0.1);
    /* 衡水湖品牌色--青碧/6-标准 */
    border: 1px dashed #09A79D;
    cursor: move;
    border-radius: 10px;
}

.jqZoomPup {
    z-index: 10;
    /*width: 250px;*/
    /*height: 250px;*/
    background: rgba(9, 167, 157, 0.1);
    /* 衡水湖品牌色--青碧/6-标准 */

    border: 1px dashed #09A79D;

    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    /*width                   : 50px;

    height                  : 50px;
    */
    /*border: 1px solid #aaa;*/
    /*background: #ffffff url(../images/zoomlens.gif) 50% top no-repeat;*/
    /*opacity: 0.3;*/
    /*-moz-opacity: 0.3;*/
    /*-khtml-opacity: 0.3;*/
    /*filter: alpha(Opacity=30);*/
    /*border: 1px solid rgba(0, 0, 0, 0.1);*/
    border-radius: 10px;
}

.jqzoom {
    /*border: 1px solid #CCCCCC;*/
    /*float: left;*/
    position: relative;
    padding: 0px;
    cursor: crosshair;
    /*width: 100%;*/
    /*height: 466px;*/
}

.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 200px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    display: none;
    text-align: center;
    overflow: hidden;

}

.bigimg{
    /*width: 800px;*/
    /*height: 800px;*/
    /*background-position: center;*/
    /*background-size: cover;*/
    background-repeat: no-repeat;
}

.index-macro-item-right{
    margin-left: 16px;
    width: 466px;
    padding-top: 1px;
    position: relative;
}

.index-macro-item-right-title{
    display: flex;
    justify-content: space-between;
    margin-bottom: 11px;
}

.index-macro-item-right-title-l{
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    color: #222222;
    display: flex;
    align-items: center;

}

.title-lable:hover {
    background: #06908C;
}

.title-lable:active {
    background: #037A7A;
}

.title-lable1{
    background: #f5f5f5 !important;
    border:1px solid rgba(0,0,0,0.2);
    color: #666 !important;

}

.title-lable1:hover {
    background: #fff !important;
}

.title-lable1.add-play{
    color:rgba(102,102,102,0.2) !important;
}

.macro-item-btn{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    padding: 8px 16px 8px 16px;
    background: #09A79D;
    border-radius: 10px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: .6s;
}

.macro-item-btn img{
    margin-right: 4px;
}

.index-macro-item-right-title-r{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #09A79D;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.index-macro-item-right-tips{
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #6E6E73;
    margin-bottom: 13px;
}

.index-macro-item-right-tips span{
    padding: 4px 6px;
    background: rgba(9, 167, 157, 0.1);
    border-radius: 4px;
    display: inline-block;
    margin-left: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #09A79D;
}

.index-macro-item-right-text1{
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #282828;
    margin-bottom: 8px;
}

.index-macro-item-right-text2{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #282828;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /*这里设置几行*/
    overflow: hidden;
}

.index-macro-item-right-btn-wrap{
    display: flex;
    position: absolute;
    right: 2px;
    bottom: 1px;
}

.album-layer{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,0.5);
}

.album-layer-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


.album-wrap{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /*background-image: url('../img/bw_bg.png');*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;

}

.album-bg-wrap{
    position: absolute;
    width: 100%;
    height: 100%;
}

.album-box{
    width: 1200px;
    /*height: 856px;*/
    position: relative;
    z-index: 1;
}

.gallery-top{
    width: 100%;
    height: 600px;

    border-radius: 20px;
    position: relative;
}

.gallery-top-prev{
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #FFFFFF;
    border-radius: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: -80px;
    cursor: pointer;
    transition: .6s;
}

.gallery-top-next{
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #FFFFFF;
    border-radius: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    right: -80px;
    cursor: pointer;
    transition: .6s;
}

.gallery-top-prev:hover,
.gallery-top-next:hover {
    background: rgba(255, 255, 255, 0.4);
}

.album-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.gallery-thumbs{
    width: 1056px;
    height: 84px;
}

.gallery-thumbs .swiper-slide{
    width: 120px;
    height: 100%;
    /*opacity: 0.4;*/
}

.gallery-thumbs .swiper-slide-thumb-active .swiper-slide-img{
    border: 2px solid #09A79D;
    border-radius: 13px;
}

.gallery-bg.swiper-container{
    width: 100%;
    height: 100%;
}

.gallery-top .swiper-slide,
.gallery-bg .swiper-slide{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color:#000
}

.gallery-top .swiper-slide{
    border-radius: 20px;
}

.swiper-slide-img{
    width: 120px;
    height: 80px;
    /*margin-bottom: 12px;*/
    border: 2px solid transparent;
}

.swiper-slide-img-1{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
}

.swiper-slide-text{
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFF;
}

.prev-1{
    width: 60px;
    height: 80px;
    background: #09A79D;
    border-radius: 10px;
    transform: matrix(1, 0, 0, -1, 0, 0);
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.next-1{
    width: 60px;
    height: 80px;
    background: #09A79D;
    border-radius: 10px;
    transform: matrix(1, 0, 0, -1, 0, 0);
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 0;*/
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.swiper-text{
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    margin-bottom: 8px;
}

.swiper-slide-img-1-text{
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF;
    border-radius: 10px;
    transition: .6s;
    opacity: 0;
}

.swiper-slide-img:hover .swiper-slide-img-1-text{
    opacity: 1;
}

.album-head-box{
    padding: 0 16px;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.album-head-left{
    /*width: 56px;*/
    /*height: 30px;*/
    padding: 4px 12px;
    background: #000000;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.album-head-left span{
    width: 6px;
    height: 6px;
    background: #09BE33;
    border-radius: 50%;
    display: inline-block;
    margin-right: 4px;
}

.layui-layer{
    background-color: transparent !important;
    box-shadow:none !important;
    border-radius: 20px !important;
    overflow: hidden;
}

.video-layer{
    display: none;
    width: 1200px;
    height: 600px;
    overflow: hidden;
}

.index-video{
    width: 1200px;
    height: 600px;
}