@charset "UTF-8";
body, html {

}
.clear {
    clear: both;
}
.main {
    position: relative;
    width: 100%;
}

.kv {
    position: relative;
    width: 100%;
}

.kv img {
    width: 100%;
    height: auto;
    float: left;
}
.expand{
    position: fixed;
    width: 1rem;
    height: 2.6rem;
    top: 4.1rem;
    right: 0rem;
    background: url(../images/expand.png) no-repeat;
    background-size: 100% auto;
    z-index: 10;
    display: block;
}
.contact{
    width: 80%;
    height: 1rem;
    top: 0.1rem;
    left: 53%;
    transform: translateX(-50%);
}
.say{
    width: 80%;
    height: 1rem;
    top: 1.05rem;
    left: 53%;
    transform: translateX(-50%);
}
.shouqi{
    position: absolute;
    width: 80%;
    height: 0.4rem;
    bottom: 0.1rem;
    left: 50%;
    transform: translateX(-50%);
}
.contract{
    position: fixed;
    width: 0.7rem;
    height: 0.8rem;
    top: 6.1rem;
    right: 0;
    background: url(../images/contract.png) no-repeat;
    background-size: 100% auto;
    display: none;
}
.right_move{
    animation: right_move 1s forwards;
}
@keyframes right_move {
    0%{
        right: 0rem;
    }

    100%{
        right: -1rem;
        display: none;

    }
}
.left_move{
    animation: left_move 1s forwards;
    display: block;
}
@keyframes left_move {
    0%{
        right: -1rem;
        display: block;
    }
    50%{
        right: 0rem;
    }
    100%{
        right: 0rem;
    }
}


a.btn {
    display: block;
    position: absolute;
    /* background-color: #000; */
    /* opacity: 0.5; */
}

.float_btn {
    position: fixed;
    width: 0.6rem;
    top: 6.1rem;
    transform: translateY(-50%);
    background: url(../images/float.png?v=1.0.0) no-repeat;
    background-size: 100% auto;
    z-index: 99;
}


.float_btn .a_btn {
    display: block;
    width: 85%;
    z-index: 10;
}
.a_btn1{
    height: 1.4rem;
}
.a_btn2{
    height: 1.25rem;
}
.a_btn3{
    height: 1.3rem;
}
.a_btn4{
    height: 1.3rem;
}
.float_area {
    position: absolute;
    width: 100%;
    height: 0.3rem;
    /* background-color: aqua; */
}
.renzheng{
    width: 2.6rem;
    height: 0.75rem;
    left: 50%;
    transform: translateX(-50%);
    top: 0.2rem;
}
.duihuan{
    width: 2.6rem;
    height: 0.75rem;
    left: 50%;
    transform: translateX(-50%);
    top: 0.2rem;
}
.rule{
    width: 1.3rem;
    height: 0.4rem;
    left: 50%;
    transform: translateX(-50%);
    top: 1rem;
}
.move_guonei{
    position: absolute;
    width: 3rem;
    height: 0.6rem;
    left: 0.6rem;
    bottom: 0;
}
.move_guoji{
    position: absolute;
    width: 3rem;
    height: 0.6rem;
    right: 0.6rem;
    bottom: 0;
}
.international{
    display: none;
}
.down{
    position: absolute;
    background: url(../images/down.png) no-repeat;
    background-size: 100% auto;
    width: 0.2rem;
    height: 0.2rem;
    right: -0.15rem;
    bottom: 0.2rem;
}
.guoji_ticket,.guonei_ticket{
    width: 2.6rem;
    height: 0.75rem;
    left: 50%;
    transform: translateX(-50%);
    top: 0.2rem;
}

.scroll {
    position: absolute;
    width: 6.3rem;
    height: 2.4rem;
    top: 0.1rem;
    left: 50%;
    transform: translateX(-50%);
    overflow-y: auto;
    font-size: 0;
}
.scroll .content {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;

}
.scroll .content .item {
    width: 2.9rem;
    height: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    /*margin-bottom: 0.16rem;*/
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}
.scroll .content .item span {
    font-size: 0.26rem;
    color: white;
    text-align: center;
}
.scroll .content .item span:nth-of-type(2n){
    background: url(../images/arrow.png) no-repeat;
    background-size: 100% auto;
    width: 0.3rem;
    height: 0.2rem;
}

.scroll .content .item span.single:nth-of-type(2n){
    background: url(../images/arrow.png) no-repeat;
    background-size: 100% auto;
    width: 0.3rem;
    height: 0.1rem;
}

.scroll .content .item span:nth-of-type(2n+1){
    flex: 1;
}
.line{
    background: url(../images/line.png) no-repeat;
    background-size: 100% auto;
    width: 95%;
    height: 0.1rem;
    margin: 0 auto;
}
.mode,.mode1{
    width: 0.7rem;
    height: 0.75rem;
    top: 1.08rem;
    left: 50%;
    transform: translateX(-50%);
}

.select-group {
    position: absolute;
    top: 1.08rem;
    height: 0.75rem;
    width: 1.4rem;
}
.select-group2{
    top: 1.08rem;
}
.select-group.select-cabin{
    top: 2rem;
    width: 5rem;
    left: 50%;
    transform: translateX(-50%);
}
.select-group.select-cabin1{
    top: 2rem;
    width: 5rem;
    left: 50%;
    transform: translateX(-50%);
}
.select-group.p3 .name {
    text-align: center;
}
.select-group.p1 {
    left: 1.16rem;
}
.select-group.p2 {
    right: 1.16rem;
}
.select-group.p2 select {
    display: none;
}
.select-group.p3 select {
    display: none;
}
.select-group .name {
    position: absolute;
    width: 100%;
    height: 0.75rem;
    line-height: 0.75rem;
    font-size: 0.27rem;
    color: #10236a;
    text-align: center;
    font-weight: bold;
}
.select-group select {
    position: absolute;
    padding: 0;
    margin: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    border: none;
    opacity: 0;
}

.title2,.title3,.title4{
    display: none;
}
.alltab{
    position: absolute;
    width: 6.6rem;
    height: 0.7rem;
    left: 50%;
    transform: translateX(-50%);
    top: 0rem;
    display: flex;
}
.tab{
    flex: 1;
}
.guide {
    position: absolute;
    width: 6.35rem;
    height: auto;
    top: 0rem;
    left: 50%;
    transform: translateX(-50%);
}
.guide img{
    position: absolute;
    width: 112%;
    height: auto;
    float: left;
    left: 50%;
    transform: translateX(-50%);
}
#guide-swiper1,#guide-swiper2,#guide-swiper3,#guide-swiper4{
    z-index: -1;
    opacity: 0;
}

#guide-swiper1.active,#guide-swiper2.active,#guide-swiper3.active,#guide-swiper4.active {
    z-index: 1;
    opacity: 1;
}
.swiper {
    position: absolute;
    width: 6.7rem;
    height: 7.3rem;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.guide-pagination {
    position: absolute;
    width: 100%;
    bottom: -0.5rem;
    height: 0.12rem;
    display: flex;
    justify-content: center;
}
.swiper-pagination-bullet {
    width: 0.16rem;
    height: 0.12rem;
    border-radius: 0.12rem;
    background-color: #32AFCB;
    opacity: 0.5;
    margin-left: 0.06rem;
    margin-right: 0.06rem;
    transition: all 0.5s ease-out;
    z-index: 10;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.3rem;
    opacity: 1;
}

.sys-alert {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 999;
    display: none;
}
.sys-alert .contents {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6.06rem;
    border-radius: 0.2rem;
    background-color: #fff;
}
.sys-alert .contents .title {
    width: 100%;
    text-align: center;
    padding-top: 0.22rem;
    font-size: 0.29rem;
    color: #000;
}
.sys-alert .contents .ok {
    width: 100%;
    height: 0.75rem;
    line-height: 0.75rem;
    font-size: 0.29rem;
    font-weight: bold;
    color: #5b6680;
    border-top: solid 1px #edf0f0;
    text-align: center;
}
.sys-alert .contents .msg {
    font-size: 0.29rem;
    color: #666666;
    text-align: center;
    margin: 0 auto;
    line-height: 0.36rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 1.66rem;
}
.yongche{
    width: 1.2rem;
    height: 1.5rem;
    left: 0.5rem;
    top: 0.5rem;
}
.dujia{
    width: 1.2rem;
    height: 1.5rem;
    left: 2.25rem;
    top: 0.5rem;
}
.xingli{
    width: 1.2rem;
    height: 1.5rem;
    right: 2.25rem;
    top: 0.5rem;
}
.xuanzuo{
    width: 1.2rem;
    height: 1.5rem;
    right: 0.5rem;
    top: 0.5rem;
}

.kv .new{
    position: absolute;
    top: 0.7rem;
    right: 1rem;
    width: 1.51rem;
    height: 0.47rem;
    display: none;
}