/***PDF生成**/
.pdf-file{
    width: 840px;
}
.pdf-nr{
    display: block;
    width: 100%;
}
.pdf-index{
    background: #6E000B;
}
.pi-title{
    display: flex;
    justify-content: space-between;
    height: 110px;
}
.pit-logo{
    margin-left: 20px;
}
.pit-logo img{
    height: 110px;
    width: 110px;
}
.pit-url{
    height: 110px;
    font-size: 50px;
    line-height: 110px;
    margin-right: 20px;
    color: #ffffff;
}

.pi-name{
    height: 400px;
    padding: 20px;
    color: #ffffff;
    font-size: 47px;
    margin-top: 30px;
    line-height: 60px;
}

.pi-pic{
    width: 100%;
}
.pi-pic img{
    width: 100%;
    height: 647px;
}

/***地图页面**/
.pdf-map{
    text-align: center;
}
.pdf-map .pm-title{
    font-size: 47px;
    margin: 30px 0 50px 0;
    line-height: 60px;
}
.pm-map{
    height: 650px;
}
.pm-map img{
    height: 650px;
}

.pm-icon{
    width: 46%;
    display: flex;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    margin-bottom: 190px;
}
.pm-icon .smm-item{
    width: 49%;
}



.pdf-day{
    padding: 20px 10px;
}
.pd-item{
    margin-bottom: 20px;
}
.pd-item .pdi-title{
    font-size: 20px;
    height: 60px;
    line-height: 60px;
}

.pdi-nr{
    display: flex;
    justify-content: flex-start;
}
.pdi-pic{
    width: 66%;
    height: 280px;
}
.pdi-pic img{
    width: 100%;
    height: 100%;
}
.pdi-content{
    width: 65%;
    font-size: 15px;
    padding: 0 10px;
}

.pdi-xm .pdi-xm-title{
    font-size: 20px;
    height: 60px;
    line-height: 60px;
}
.pdi-xm-item{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.pdi-xm-item-pic{
    width: 66%;
    height: 280px;
}
.pdi-xm-item-pic img{
    width: 100%;
    height: 100%;
}
.pdi-xm-item-nr{
    padding: 0 10px;
}
.pdi-xm-item-title{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.pdi-xm-item-content{
    font-size: 18px;
}
.pdi-xm-item-nr{
    width: 65%;
}
/***PDF生成**/


/*=========旅行详情头部============*/
.head-row{
    background: #252525;
    height: 200px;
    width: 100%;
    color: #ffffff;
    position: relative;
}
.hr-bj{
    position: absolute;
    width: 100%;
    height: 200px;
}
.hr-bj img{
    height: 200px;
    width: 100%;
}
.hr-row{
    position: absolute;
    height: 200px;
    width: 100%;
}
.hr-detail{
    justify-content: space-between;
    height: 200px;
}
.hr-content .hrc-name{
    font-size: 30px;
    font-weight: bold;
    margin-top:45px;
    height: 45px;
}
.hrc-pf{
    display: flex;
    justify-content: flex-start;
}
.hrc-pf .hrc-hb{
    line-height: 35px;
    padding: 0 5px;
    background: #154873;
    max-width: 1015px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.hrc-xx{
    margin-left: 30px;
    margin-top: 10px;
}
.hr-price{
    text-align: right;
    height: 56px;
    line-height: 56px;
    margin-top: 20px;
}
.hr-price .hrp-price{
font-size: 26px;
}

.hrp-yh{
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: flex-end;
}
.hrp-yh .hy-price{
    text-decoration: line-through;
    margin-right: 10px;
}
.hrp-yh .hrp-js{
    background: #D9001B;
    padding:0 5px;
}
.hrp-but{
    text-align: right;
}
.hrp-but .hrp-kyrq{
    height: 35px;
    line-height: 35px;
    background: #0F3460;
    color: #ffffff;
    font-size: 12px;
    padding: 0 10px;
}
.hrp-but .hrp-ljyd{
    height: 35px;
    line-height: 35px;
    background: #6E000B;
    color: #ffffff;
    font-size: 12px;
    margin-left: 10px;
    padding: 0 10px;
}
/*=========旅行详情头部End============*/

/*=========筛选栏============*/
.travel-mun{
    height: 60px;
    line-height: 60px;
    background: #252525;
    color: #666666;
}
.tm-row div{
    margin-right: 20px;
    cursor: pointer;
}
.tm-row .active{
    color: #ffffff;
}
/*=========筛选栏END============*/


/*=========您的行程============*/
.stroke-detail{
    background: #ffffff;
}
.sd-row{
    padding: 10px;
    justify-content: space-between;
}
.sd-img .el-carousel .el-carousel__container{
    height: 485px;
}
.sd-img{
    width: 485px;
}
.sd-img img{
    width: 100%;
    height: 100%;
}

.sd-content{
    width: 855px;
}
.sdc-title{
    font-weight:bold;
    font-size: 17px;
    color: #000000;
}
.sdc-sub-title{
    font-size: 17px;
    color: #666666;
    line-height: 22px;
}
.sdc-text{
    background: #FFF5E3;
    padding: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.sdct-item{
    width: 98%;
}
.sdct-name{
    height: 30px;
    line-height: 30px;
    color: #414141;
    font-weight: 600;
}
.sdct-text{
    line-height: 30px;
    color: #666666;
}
/*=========您的行程End============*/




/*=========行程地图============*/
.stroke-map{
    background: #F6F8FF;
    padding: 20px 0;
}
.sm-row{
    padding: 10px 0;
    background: #ffffff;
    height: auto;
}
.sm-item{
    width: 100%;
}
.sm-title{
    text-align: center;
    width: 100%;
    margin-top: 20px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.sm-title span{
    font-size: 36px;
    font-weight: bold;
    margin-right: 10px;
}
.sm-title img{
    height: 40px;
}
.sm-map-img{
    margin-top: 20px;
    padding: 10px;
}
.sm-map-img img{
    width: 100%;
}
.sm-map{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.smm-map{
    flex: 1;
    overflow: hidden;
    position: relative;
    margin-right: 10px;
    background: #ffffff;
}
.smm-img{
    position: absolute;
    width: 100%;
}
.smm-img img{
    width: 100%;
    height: 100%;
}
.smm-fsq{
    margin-top: 2%;
    position: absolute;
    margin-left: 90%;
}
.smm-fsq div{
    cursor: pointer;
    background: #ffffff;
    height: 40px;
    width: 40px;
    padding-top: 5px;
    text-align: center;
    border: 1px solid #efefef;
    margin-bottom: 10px;
    box-shadow: 0px 0px 12px 0px rgba(217,217,217,0.5);
}
.smm-fsq span{
    font-size: 26px;
}

.smm-sm{
    width: 25%;
}
.smm-sm .smm-title{
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
}
.smm-item{
    height: 40px;
    line-height: 40px;
    display: flex;
}
.smm-name{
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}
.smm-radius{
    display: block;
    width: 15px;
    height: 15px;
    background: #2b8f0a;
    border-radius: 20px;
    margin-right: 5px;
    margin-top: 8px;
}
.smm-radius-js{
    background: #8f0a1a;
}
.smm-radius-fw{
    background: #000000;
}
.smm-radius-kx{
    background: #1313f1;
}
.smm-item .iconfont{
 font-size: 20px;
    margin-right: 5px;
}
/*=========行程地图End============*/



/*=========每日行程============*/
.el-collapse-item:last-child{
    margin-bottom: 10px;
}
.day-stroke{
    background: #F6F8FF;
}
.st-row{
    width: 100%;
}
.day-stroke .qc-container{
    padding: 0;
}
.ds-title{
    width: 100%;
}
.ds-title .dt-item{
display: flex;
    justify-content: space-between;
}
.ds-title .dti-name{
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
}
.dti-but button{
    padding: 5px 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px 0px rgba(217,217,217,0.5);
}

.dti-sm{
    display: flex;
    justify-content: space-between;
}
.dti-sm{
    height: 40px;
    line-height: 40px;
    color: #666666;
}
.dtis-but{
    cursor: pointer;
}
.dtis-but .icon-xia{
    font-size: 10px;
    margin-left: 5px;
}

.el-collapse-item__header{
    height: 100px;
    line-height: 100px;
    padding: 10px;
}
.eci-title{
    display: flex;
    justify-content: space-between;
    height: 80px;
    line-height: 80px;
    width: 100%;
}
.eci-content{
    display: flex;
    justify-content: flex-start;
}
.eci-content .ecic-img img{
    width: 100px;
    height: 50px;
}
.ecic-text{
    margin-left: 10px;
    margin-top: 10px;
}
.ecic-text div{
    height: 30px;
    line-height: 30px;
}
.eci-bj{
    margin-right: -30px;
}
.eci-bj img{
    height: 80px;
}
.ecic-day{
    font-weight: bold;
}
.el-collapse-item__header.is-active{
    background: #E9EDF3;
}
.el-collapse-item__header.is-active .eci-title .eci-bj{
    display: none;
}
.el-collapse-item__header.is-active .eci-title .ecic-img{
    display: none;
}

.eci-item{
    padding: 20px;
}
.ecii-row{
    display: flex;
    justify-content: space-between;
}
.eciir-text{
    width: 60%;
}
.eciirt-name{
    font-weight: bold;
    font-size: 20px;
}
.eciir-pic{
    width: 40%;
}
.eciir-pic img{
    width: 430px;
    height: 285px;
}


.eciirt-fw{
margin-top: 20px;
}
.eciirt-fw-row{
    height: 35px;
    line-height: 35px;
}
.eciirt-fw-row-name{
    color: #999999;
}


.ecii-hhfw{
margin-top: 10px;
}
.ecii-hhfw-title{
    font-weight: bold;
    font-size: 20px;
}

.ecii-hhfw-row{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.ecii-hhfw-item{
    width: 350px;
}
.ecii-hhfw-item .ecii-hhfw-zt{
    position: relative;
    width: 350px;
    height: 235px;
}
.ecii-hhfw-zt-img{
    position: absolute;
}
.ecii-hhfw-zt-bt{
    position: absolute;
}
.ecii-hhfw-zt-bt div{
    background: #D9001B;
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin: 5px;
}

.ecii-text{
    background: #ffffff;
    margin: 0px 10px;
    padding: 10px;
    margin-top: -80px;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 0px 12px 0px rgba(217,217,217,0.5);
}
.eciit-name{
    font-size: 16px;
    font-weight: bold;
}
.eciit-but{
    display: flex;
    justify-content: space-between;
    height: 35px;
    line-height: 35px;
}
.eciit-ckxq{
    color: #8f0a1a;
    cursor: pointer;
}
.eciit-bhlx{
    color: #2b8f0a;
}
.eciit-ewzf{
    color: #F9AB10;
}
/*=========每日行程END============*/



/*=========关于这次旅行============*/
.gy-lx{
    background: #F6F8FF;
}
.gy-title{
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}
.gy-row{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.gy-left{
    width: 200px;
    height: 40px;
    line-height: 40px;
    background: #ffffff;
    text-align: center;
    border-left: 2px solid #0F3460;
}
.gy-right{
    background: #ffffff;
    width: 1150px;
    display: flex;
    justify-content: space-between;
    padding: 10px 10px 0px 10px;
    flex-wrap: wrap;
}
.gyr-item{
    width: 50%;
    line-height: 20px;
    margin-bottom: 20px;
}
.gyr-item .icon-gou{
    color: #2b8f0a;
}
/*=========关于这次旅行End============*/


/*=========旅行意义============*/
.lx-yy{
    background: #F6F8FF;
    padding: 20px 0;
}
.lx-yy .qc-container{
    padding: 0;
}
.lxy-row{
    position: relative;
    height: 800px;
}
.lxy-bj{
    width: 100%;
    position: absolute;
}
.lxy-nr{
    position: absolute;
    width: 100%;
}
.lxy-title{
    color: #ffffff;
    margin: 60px 0;
}
.lxy-title .lxyt-title{
    font-weight: bold;
    font-size: 30px;
    height: 50px;
    line-height: 50px;
}
.lxyt-subtitle{
    font-size: 20px;
    height: 40px;
    line-height: 40px;
}
.lxyt-name{
text-align: center;
}
.lxyt-nr{
    position: absolute;
    right: 120px;
    top: 70px;
}
.lxyt-nr span{
    font-size: 36px;
    margin-right: 10px;
    cursor: pointer;
}

.nr-row{
    flex: 1;
    overflow: hidden;
    padding: 0 10px;
}
.nr-list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    position: relative;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform,transition;
    transition: transform 400ms linear 0s;
}
.nr-li{
    flex: 1 1 auto;
    position: relative;
    transition: none 0s ease 0s;
    overflow: unset;
    transform: translate3d(0px, 0px, 0px);
    width: 434px;
    margin: 0 10px;
}
.nr-item{
    width: 434px;
    background: #ffffff;
}
.nri-pic{
    width: 100%;
    height: 320px;
}
.nri-pic img{
    height: 100%;
}
.nri-text{
    padding: 10px;
}
.nri-title{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin: 10px 0;
    height: 50px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nri-sub-title{
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nri-but{
    border-top: 1px solid #F1F1F1;
    text-align: center;
    color: #8f0a1a;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
}
.nri-but:hover{
    font-weight: bold;
}
/*=========旅行意义End============*/


/*=========评价评分============*/
.pf-row{
    background: #F6F8FF;
}
.pf-item{
    width: 100%;
}
.pf-title{
    position: relative;
    height: 140px;
    width: 100%;
}
.pft-name{
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 2;
}
.pft-name .pft-t1{
    color: #666666;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
}
.pft-name .pft-t2{
    font-size: 26px;
    font-weight: bold;
}

.pft-pic{
    width: 100%;
    position: absolute;
    z-index: 1;
}
.pft-pic img{
    margin-left: 740px;
}

.pf-nr{
    cursor: pointer;
}
.pfn-bj1{
    background: #6E000B;
    height: 20px;
    width: 100%;
    border-radius: 20px;
}
.pfn-bj2{
    padding: 10px;
    margin: 10px;
    background: #ffffff;
    margin-top: -10px;
}

.pfn-row{
    display: flex;
    justify-content: space-between;
}

.pfn-item{
    width: 48%;
    padding: 20px 20px 40px 20px;
}
.pfn-item.left-border{
    border-right: 1px solid #F1F1F1;
}
.pfn-name{
    font-weight: bold;
    font-size: 26px;
    margin-top: 10px;
}
.pfn-subtitle{
    margin-top: 5px;
    color: #999999;
}
.pfn-pf-xq{
    margin: 20px 0;
}
.pfn-pf-xq .pfn-number{
    font-size: 30px;
}
.pfn-xx{
    margin-bottom: 10px;
}
.pfn-sj{
    display: flex;
    justify-content: space-between;
}
.pfn-sj span{
    margin-top: 10px;
    font-size: 12px;
}

.pfn-sj .ps-img{
    width: 100px;
}

.pfn-pfxq{
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
.pfn-zt{
    background: #F6F6F6;
    border-radius: 9px;
    text-align: center;
    padding: 15px 0;
}
.pfnz-number{
    font-size: 30px;
}
.pfnz-sn{
    margin-top: 10px;
    font-size: 12px;
}
.pfnz-xx{
    padding-left: 10px;
}
.pfn-jdt{
    width: 425px;
    margin-left: 10px;
}
.pfnj-item{
    display: flex;
    justify-content: flex-start;
}
.pfnj-jd{
    width: 290px;
}
.pfnj-px{
    margin: 0 10px;
}
.el-progress--without-text .el-progress-bar{
    margin-top: 8px;
    margin-left: 5px;
}
.pfnj-sj{
    margin-left: 10px;
}
/*=========评价评分End============*/



/*=======日期和价格========*/
/*=======年份日期选择========*/
.xz-date{
    background: #095EB1;
    color: #ffffff;
    padding: 10px;
}
.xz-nf{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.xz-nf .icon-zuo{
    cursor: pointer;
    margin-right: 10px;
}
.xz-nf .icon-right-1-copy{
    cursor: pointer;
    margin-left: 10px;
}
.xz-yf{
    justify-content: space-between;
}
.xz-yf div{
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    padding: 0 20px;
}
.xz-yf .active{
    border: 1px solid #FFFFFF;
}
/*=======年份日期选择End========*/


/*========相关行程=========*/
.xc-tb{
    display: flex;
    justify-content: flex-start;
}
.xc-tb div{
    color: #0F3460;
    font-size: 16px;
    height: 80px;
    line-height: 80px;
}
.xc-item1{
    width: 260px;
}
.xc-item2{
    width: 260px;
}
.xc-item3{
    width: 260px;
}
.xc-item3 .icon-rili{
    margin-right: 10px;
}
.xc-item4{
    width: 260px;
}
.xc-item5{
    width: 260px;
}

.xc-list{
    background: #F6F8FF;
}
.xc-list .qc-container>div{
    width: 100%;
}
.xc-zd .el-collapse .el-collapse-item{
margin-bottom: 20px;
}
.xc-row-phone{
    display: none;
}
.xc-row{
    display: flex;
    justify-content: flex-start;
}
.xc-item div{
    height: 25px;
    line-height: 25px;
}
.xc-xq{
    height: 35px;
    line-height: 35px;
}
.xc-xq{
   color:#999999;
}
.xc-nfrq{
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: bold;
}
.cx-zk{
    color: #8f0a1a;
}
.cx-zk-bfb{
    font-size: 20px;
}

.xc-jg{
    margin-top: 10px;
}
.xc-jg div{
    height: 25px;
    line-height: 25px;
    text-align: right;
    margin-right: 20px;
}
.xc-jg-je{
    color: #8f0a1a;
    font-size: 16px;
    margin-left: 5px
}
.xc-jg-rs{
    color: #8f0a1a;
    font-size: 10px;
}

.xc-nr{
    padding: 10px;
    display: flex;
    justify-content: space-between;
}
.xcn-js{
    width: 550px;
}
.xcn-js .xcn-name{
    font-size: 20px;
    font-weight: bold;
}
.xcn-cf-name .icon-rili{
    margin-right: 10px;
}
.xcn-cf-jd{
    display: flex;
    justify-content: flex-start;
    height: 160px;
    background: #FFF5E3;
    padding: 10px;
}
.xcn-jd-bz .dots-dot{
    background: #0F3460;
    width: 15px;
    height: 15px;
    border-radius: 20px;
}
.dots-line{
    height: 65%;
    border-left: 2px solid #414141;
    margin-left: 6px
}
.xcn-jd-xq{
    display: flex;
    justify-content: flex-start;
    padding-left: 20px;
}
.xcn-jd-rl{
    background: #FFFFFF;
    height: 60px;
    padding: 5px;
    width: 60px;
    margin-top: 5px;
}
.xcn-rl-num1{
    height: 25px;
    line-height: 25px;
    font-size: 22px;
    text-align: center;
}
.xcn-rl-num2{
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
}
.xcn-jd-dd{
    margin-left: 10px;
}
.xcn-rl-bt1{
    font-size: 16px;
}
.xcn-rl-bt2{
    font-size: 12px;
}
.xcn-tx{
    margin-top: 10px;
    border: 1px solid #F1F1F1;
    padding: 10px;
}

.xcn-tx div .iconfont{
    margin-right: 10px;
}

.xcn-bj{
    width: 455px;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    padding: 10px;
}
.xcnb-title{
    font-size: 20px;
    font-weight: bold;
}

.xcnb-item{
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #F1F1F1;
    color: #999999;
}
.xcnb-item.hx{
    text-decoration: line-through;
}
.xcnb-but{
    text-align: center;
    margin-top: 20px;
}
.xcnb-but button{
    height: 35px;
    line-height: 35px;
    width: 80px;
    background: #6E000B;
    color: #ffffff;
    font-size: 12px;
    margin-left: 10px;
}

.xcnb-but.lose button{
    background: #dcdfe6;
}
.xcnb-hj{
    font-weight: bold;
    color: #0e0e0e;
    border-bottom: none;
}
/*========相关行程end=========*/
/*=======日期和价格End========*/


/***详细评价***/
.reviews-detail .qc-container{
    display: block;
}
.reviews-detail{
    margin-top: 20px;
}

.reviews-list{
    margin-bottom: 20px;
}
.reviews-item{
    padding: 10px;
    border-bottom: 1px solid #F1F1F1;
}

.reviews-item .ri-name{
    display: flex;
    margin-bottom: 10px;
}
.reviews-item .rin-pic img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
.reviews-item .rin-nr{
    margin-left: 10px;
}
.reviews-item .rin-nr .rin-name{
    font-size: 22px;
    color: #e02044;
    height: 30px;
}
.reviews-item .rin-nr .rin-time{
    font-size: 14px;
    color: #808086;
}
.ri-pj{
    margin-bottom: 10px;
}
.ri-pj .rip-name{
    font-size: 22px;
    vertical-align: middle;
}
.ri-pj .rip-img{
    height: 22px;
    vertical-align: middle;
}

.ri-pjnr{
    line-height: 30px;
}

.ri-but{
    display: flex;
    justify-content: center;
    margin: 20px 0;
}
.ri-but .rb-but{
    text-align: center;
    height: 35px;
    line-height: 35px;
    background: #6E000B;
    color: #ffffff;
    font-size: 12px;
    margin-left: 10px;
    padding: 0 20px;
    cursor: pointer;
}
/*********************手机端兼容******************/
@media screen and (max-width: 768px) {
    /***商品头部***/
    .head-row{
        height: 145px;
    }
    .head-row .hr-bj img{
        height: 145px;
    }
    .hr-row{
        height: 145px;
    }
    .hr-detail{
     display: block;
     height: 100px;
    }
    .hr-content .hrc-name{
        font-size: 24px;
        margin-top: 15px;
        height: auto;
    }
    .pft-name .pft-t1{
        height: auto;
        line-height: 30px;
    }
    .hr-price{
     display: none;
    }
    /***商品头部End***/



    /***商品图片***/
    .sd-row{
        display: block;
    }
    .sd-img{
        width: 100%;
    }
    .sd-img .el-carousel .el-carousel__container{
        height: 370px;
    }

    .sd-content{
     width: 100%;
    }
    .sdc-sub-title{
     margin-top: 10px;
    }
    .sdc-text{
        display: block;
        padding:10px;
        margin-top: 10px;
    }

    /***商品图片End***/

    /***地图***/
    .stroke-map{
        padding: 10px 0;
    }
    .sm-row{
        height: auto;
    }
    .sm-title{
        margin-top: 10px;
    }
    .sm-title span{
        font-size: 26px;
    }
    .sm-title img{
        display: none;
    }
    .sm-map{
        display: block;
    }

    .smm-map{
        width: 100%;
        position: inherit;
        height: 250px;
    }
    .smm-fsq{
        margin-left: 87%;
    }
    .smm-sm{
        width: 100%;
        padding-left: 10px;
    }
    /***地图End***/



    /***行程**/
    .ds-title{
        padding: 0 10px;
    }
    .print{
        display: none;
    }
    .dti-sm{
        height: auto;
        line-height: 30px;
    }
    .eci-bj{
        display: none;
    }
    .ecic-text div{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .eci-item{
        padding: 10px;
    }
    .ecii-row{
        display: block;
    }
    .eciir-text{
        width: 100%;
    }
    .eciirt-fw-row{
        height: auto;
        line-height: 25px;
    }
    .eciir-pic{
        width: 100%;
        margin-top: 10px;
    }
    .ecii-hhfw-row{
     display: block;
    }
    .ecii-hhfw-item{
        width: 368px;
    }
    .ecii-hhfw-item .ecii-hhfw-zt{
        width: 368px;
    }
    /***行程End**/


    /**亮点**/
    .gy-lx .qc-container div{
        width: 100%;
    }
    .gy-title{
        text-align: center;
        font-size: 26px;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .gy-row{
        display: block;
        margin-bottom: 10px;
    }
    /**亮点End**/


    /***需要知道**/
    .lx-yy{
        padding: 10px 0;
    }
    .lx-yy .qc-container{
        width: 100%;
        height: auto;
    }
    .lxy-nr{
        position: inherit;
        z-index: 9999;
    }
    .lxy-title{
        margin: 20px 0;
    }
    .lxy-title .lxyt-title{
        font-size: 26px;
        height: auto;
        line-height: 40px;
    }
    .lxyt-subtitle{
        height: auto;
        line-height: 40px;
    }
    .nr-list{
        display: block;
    }
    .nr-li{
        width: 370px;
        margin:0 0 10px 0;
    }
    .nr-item{
        width: 100%;
    }
    /***需要知道End**/



    /**评价**/
    .pf-title{
        height: auto;
    }
    .pft-name{
        position: inherit;
        margin-bottom: 10px;
    }
    .pfn-bj2{
        padding: 0;
    }
    .pfn-row{
        display: block;
    }
    .pfn-item{
        width: 100%;
        padding: 10px;
    }
    /**评价End**/




    /**日历**/
    .xz-yf{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .xc-tb{
        display: none;
    }
    .xz-yf div{
        margin: 10px;
    }

    .xc-zd{
        margin-top: 10px;
    }

    .xc-nr{
        display: block;
    }
    .xcn-js{
        width: 100%;
        margin-bottom: 10px;
    }
    .xcn-bj{
        width: 100%;
    }
    .xc-row{
       display: none;
    }

    .xc-row-phone{
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .xc-row-phone .xc-item1{
        width: 50%;
    }
    .xc-row-phone .xc-item1 .xc-xq{
        height: 30px;
        line-height: 30px;
    }
    .xc-row-phone .xc-item5{
        margin-top: 0;
        width: 48%;
    }
    .xc-jg div{
        text-align: right;
    }

    /**日历**/


    .pfn-pfxq{
        display: block;
    }
    .pfn-jdt{
        margin-left: 0;
        width: 100%;
        margin-top: 10px;
    }
}



.container {
    width: 100%;
    height: 100vh;
    position: absolute;
    overflow: hidden;
}
.draggable {
    position: absolute;
    cursor: grab;
}
.draggable:active {
    cursor: grabbing;
}