input, button {
    border: none;
    outline: none;
    background-color:transparent;
}
.hb_page {
    position: relative;
    width: 100%;
    min-height: 1000px;
    overflow: hidden;
    background-color: rgba(241, 241, 241, 1);
}
.hb_mod1 {
    height: auto;
    /*background-color: rgba(255, 255, 255, 1);*/
    width: auto;
    margin-bottom: 50px;
    min-height: 500px;
}
.hb_mod2 {
    height: auto;
    max-height: 450px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
/**banner图 start*/
.bannerdiv{
    width: 100%;
    height: auto;
}
.bnimg{
    width: 100%;
    height: auto;
    max-height: 450px;
    /*object-fit: cover;*/
}
/**banner图 end*/

.wzanddh{
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 20%;
}
/**banner图上方文字 start*/
.essxsrx{
    height: 70px;
}
.hbxx-lmbt{
    height: 100%;
    min-width: 200px;
    display: flex;
}
.hbxx-lmbt span{
    height: 100%;
    min-width: 100px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 34px;
    white-space: nowrap;
    line-height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.2);
    border-radius: 10px;
    padding: 0 25px;
}
/**banner图上方文字 end*/
.hbxx-lb{
    min-height: 500px;
    position: relative;
    margin-top: 80px;
}

.hb_group5 {
    height: 70px;
    width: 100%;
    display: none;
}

.hb_group6 {
    height: 100%;
    width: 100%;
}
.hb_bd3 {
    height: 100%;
    width: 100%;
}
.hb_box1 {
    background-color: rgba(35, 128, 166, 1);
    height: 100%;
    min-width: 180px;
    cursor: pointer;
    border-radius: 8px 8px 0 0;
    padding: 0px 20px;
    margin-right: 20px;
}

.hb_layer5 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hb_icon5 {
    width: 28px;
    height: 26px;
}
.hb_icon5_cf{
    width: 30px;
    height: 22px;
}
.hb_icon5_dd{
    width: 27px;
    height: 22px;
}
.hb_icon5_gs{
    width: 27px;
    height: 21px;
}
.hb_icon5_xx{
    width: 30px;
    height: 20px;
}

.hb_word12 {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
    line-height: 18px;
    display: block;
    margin-left: 10px;
    font-weight: 500;
}

.hb_box2 {
    height: 100%;
    min-width: 180px;
    cursor: pointer;
    padding: 0px 20px;
}
.hb_word13 {
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
    line-height: 18px;
    display: block;
    margin-left: 10px;
    font-weight: 500;
}

/**航班信息日期搜索一行 start*/

.hb_outer3 {
    background-color: rgba(35, 128, 166, 1);
    height: 140px;
    width: 100%;
    border-radius: 10px 10px 10px 10px;
}
.hb_outer3_yuanjiao{
    border-radius:10px;
}

.hb_main2 {
    width: 94.29%;
    max-width: 1320px;
    height: 56px;
}

.hb_layer7 {
    width: 26.5%;
    height: 100%;
    position: relative;
}

/**下拉框 start*/
.riqi{
    width: 100%;
    height: 100%;
    /*border: 0.1vw solid #333333;*/
    cursor: pointer;
    border-radius: 8px;
    background-color: rgba(255,255,255,1);
}

.morenlm_title {
    width: 80%;
    height: 100%;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 16px;
    text-align: left;
    margin-left: 20px;
    display: flex;
    align-items: center;
}
.rili{
    width: 26px;
    height: 26px;
    margin-right: 20px;
}

.title_list{
    width: 100%;
    min-height: 120px;
    display: none;
    position: absolute;
    /* margin-top: 1vw; */
    box-shadow: 0vw 0.3vw 0.7vw 0vw rgba(0, 0, 0, 0.05);
    background-color: rgba(241, 241, 241, 0.8);
    backdrop-filter: blur(5px);
    border-radius: 8px;
}
.xiaoshi_list {
    width: 100%;
    height: 168px;
    display: none;
    position: absolute;
    /* margin-top: 1vw; */
    box-shadow: 0vw 0.3vw 0.7vw 0vw rgba(0, 0, 0, 0.05);
    background-color: rgba(241, 241, 241, 0.8);
    backdrop-filter: blur(5px);
    overflow-y: scroll;
    border-radius: 8px;
}


.title_list li{
    width: 100%;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 16px;
    height: 40px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}
.title_list li:hover{
    background-color: rgba(255, 255, 255, 0.8);
}
/**下拉框 end*/

.hb_layer_cx {
    width: 42.43%;
    height: 100%;
    /*border: 0.1vw solid #333333;*/
    background-color: rgba(255,255,255,1);
    border-radius: 8px;
}
.hb_layer_hkgs{
    width: 100%;
}

.hb_mod3 {
    width: 90%;
    height: 37px;
}
.hb_mod3_hkgs{
    width: 96%;
}

.hb_info3 {
    height: 100%;
    width: 90%;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 16px;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
    /*font-weight: 600;*/
}

.hb_label6 {
    width: 26px;
    height: 26px;
    margin-top: 6px;
    cursor: pointer;
}
/**航班信息日期搜索一行 end*/
.hbxx-tishi{
    margin-top: 50px;
    width: 100%;
    font-size: 16px;
    color: red;
    line-height: 18px;
    height: 18px;
    display: block;
}
.hbxx-tishi-yc{
    display: none;
}

.hbxx-tishi *{
    font-size: 16px!important;
    line-height: 18px;
}

.hb_outer4 {
    width: 100%;
    height: 100px;
    margin-top: 50px;
    background-color: rgba(255,255,255,1);
    border-radius: 8px 8px 0 0;
}

.hb_bd4 {
    height: 70px;
    width: 300px;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
}

.hb_bd4_xz{
    background-color: rgba(35, 128, 166, 1);
}

.hb_mod4{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hb_word15 {
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    line-height: 18px;
    display: block;
}
.hb_bd4_xz .hb_word15{
    color: rgba(255, 255, 255, 1);
}

/**航班信息列表 start**/
.airport-t1{
    display: none;
}
.airport-t2{
    display: none;
}
.hb_outer5 {
    width: 100%;
    /*margin: 2.6vw 0 0 13.59vw;*/
    min-height: 70px;
}
/**表头 start*/
.t-header{
    width: 100%;
    height: 70px;
    /*border-bottom: 0.14vw solid rgba(51,51,51,1);*/
    /*border-top: 0.14vw solid rgba(51,51,51,1);*/
}

.t_biaoti{
    width: 100%;
    height: 100%;
    padding: 0 20px;
}

.t_header {
    width: 15%;
    /*height: 70px;*/
    overflow-wrap: break-word;
    /* color: rgba(35, 128, 166, 1); */
    color: rgba(102, 102, 102, 1);
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    /*white-space: nowrap;*/
    /*margin-left: 0.5vw;*/
}

.t_header_jtz {
    width: 25.84vw;
    /*height: 2.15vw;*/
    overflow-wrap: break-word;
    /* color: rgba(35, 128, 166, 1); */
    color: rgba(102, 102, 102, 1);
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
}

.t_header_zdz {
    width: 14.69vw;
    /*height: 2.15vw;*/
    overflow-wrap: break-word;
    /* color: rgba(35, 128, 166, 1); */
    color: rgba(102, 102, 102, 1);
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
    padding-left: 1vw;
}
.t_h_djk{
    padding-left: 1vw;
}
.t_header_zt{
    width: 13.16vw;
    /* height: 3rem; */
    overflow-wrap: break-word;
    /* color: rgba(35, 128, 166, 1); */
    color: rgba(102, 102, 102, 1);
    font-weight: 600;
    font-size: 1.14vw;
    text-align: center;
    white-space: nowrap;
    margin-left: 0.5vw;
}

/**表头 end*/

/**表内容 start*/
.t-body{
    width: 100%;
}
.t_row {
    height: 70px;
    width: 100%;
    padding: 0 20px;
}
.t_row_bai{
    background-color: rgba(255, 255, 255, 1);
}
.t_row_hui{
    background-color: rgba(245, 245, 245, 1);
}
.t_row:hover{
    background-color: rgba(221, 237, 245, 1);
}
.t_tb{
    width: 15%;
    height: 100%;
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-left: 0.5vw; */
    overflow-wrap: break-word;
    /*white-space: nowrap;*/
}
.t_tb_hbh{
    overflow: hidden;
}

.t_tb_zt{
    width: 100px;
    height: 46px;
    border-radius: 8px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


.t_tb_jtz_name{
    font-size: 0.98vw;
    color: rgba(102, 102, 102, 1);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*延误状态*/
.t_color_yw{
    background-color: #dab042;
    color: rgba(255, 255, 255, 1)!important;
}
/*取消状态*/
.t_color_qx{
    background-color: #b62127;
    color: rgba(255, 255, 255, 1)!important;
}
/*返航状态*/
.t_color_fh{
    background-color: #44998f;
    color: rgba(255, 255, 255, 1)!important;
}
/*开始登机状态*/
.t_color_ksdj{
    background-color: #2381a7;
    color: rgba(255, 255, 255, 1)!important;
}
/*结束登记状态*/
.t_color_jsdj{
    background-color: #a7cad8;
    color: rgba(255, 255, 255, 1)!important;
}
/*已起飞状态*/
.t_color_yqf{
    background-color: #7ead65;
    color: rgba(255, 255, 255, 1)!important;
}
/*前方起飞状态*/
.t_color_qfqf{
    background-color: #afbe3d;
    color: rgba(255, 255, 255, 1)!important;
}
/*已到达状态*/
.t_color_ydd{
    background-color: #CCCCCC;
    color: rgba(255, 255, 255, 1)!important;
}

/**表内容 end*/
.hkgs_logo_div{
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.t_tb_hslg{
    width: 30px;
    height: 30px;
    margin-right: 15px;
}
.hkgs_logo{
    width: 30px;
    vertical-align: text-bottom;
    height: 30px;
    object-fit: contain;
    margin-right: 10px;
}
.t_tb_hbhylg{
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-wrap: break-word;
    white-space: nowrap;
}
/**航班信息列表 end**/

/**更多按钮**/
.morediv{
    width: 100%;
    height: 100px;
    display: flex;
    background-color: rgba(255,255,255,1);
    border-radius: 0 0 8px 8px;
}

.more_img {
    height: 100%;
    width: 100%;
    font-size: 20px;
    color: rgba(35, 128, 166, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.more_img:hover{
    font-weight: 600;
}

/**没有更多*/
.show-more{
    width: 100%;
    height: 100px;
    display: flex;
    background-color: rgba(255,255,255,1);
    border-radius: 0 0 8px 8px;
}
.show-more span{
    height: 100%;
    width: 100%;
    font-size: 20px;
    color: rgba(35, 128, 166, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
/**航空公司 start*/
.hbxx-hgks-lb{
    margin-top: 30px;
}
.t_header_hkgs{
    width: 18%;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding: 0 10px;
   /*white-space: nowrap;*/
}
.t_header_hkgs_gs{
    width: 15%;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding: 0 10px;
  	/*white-space: nowrap;*/
}
.t_header_hkgs_name{
    width: 26%;
}
.t_header_hkgs_code{
    width: 12%;
}

.t_tb_hkgs{
    width: 18%;
    height: 100%;
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-wrap: break-word;
    /*white-space: nowrap;*/
}
.t_tb_hkgs_gs{
    width: 15%;
    height: 100%;
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-wrap: break-word;
    /*white-space: nowrap;*/
}
.t_tb_hkgs_name{
    width: 26%;
    justify-content: left;
    padding-left: 20px;
}
.t_tb_hkgs_code{
    width: 12%;
}

.t_tb_jrgw{
    max-width: 30px;
    max-height: 30px;
    object-fit: contain;
}

.t_hkgs_lxfs{
	width: 26%;
}
.t_hkgs_wz{
	width: 9%;
}

/**航空公司 end*/


.hxxx_check{
    cursor: pointer;
    color: #0093DE;
}
.t_header_hxxx{
    width: 11%;
}
.t_tb_hxxx{
    width: 11%;
}
.t_tb_hxxx_name{
    width: 30%;
}
.t_tb_hxxx_name{
    width: 30%;
}
.t_header_hxxx_name{
    width: 30%;
}

/**共享航班信息滚动 start*/
.t_hbh{
    height: 100%;
    width: 100%;
}
.t_row:hover .t_hbh{
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}
.hbhScrollLogo2{
    top: 0px;
    -webkit-animation: scrollHbh2 4s infinite cubic-bezier(1, 0, 0.5, 0);
    animation: scrollHbh2 4s infinite cubic-bezier(1, 0, 0.5, 0);
}

.hbhScrollLogo3 {
    top: 0px;
    -webkit-animation: scrollHbh3 5s infinite cubic-bezier(1, 0, 0.5, 0);
    animation: scrollHbh3 5s infinite cubic-bezier(1, 0, 0.5, 0);
}

.hbhScrollLogo4 {
    top: 0px;
    -webkit-animation: scrollHbh4 7s infinite cubic-bezier(1, 0, 0.5, 0);
    animation: scrollHbh4 7s infinite cubic-bezier(1, 0, 0.5, 0);
}

.hbhScrollLogo5 {
    top: 0px;
    -webkit-animation: scrollHbh5 9s infinite cubic-bezier(1, 0, 0.5, 0);
    animation: scrollHbh5 9s infinite cubic-bezier(1, 0, 0.5, 0);
}


/*2张图滚动样式 start*/
@-webkit-keyframes scrollHbh2 {
    0% {
        -webkit-transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(-70px);
    }
    100% {
        -webkit-transform: translateY(-140px);
    }
}

@keyframes scrollHbh2 {
    0% {
        -webkit-transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(-70px);
    }
    100% {
        -webkit-transform: translateY(-140px);
    }
}
/*2张图滚动样式 end*/
/*3张图滚动样式 start*/
@-webkit-keyframes scrollHbh3 {
    0% {
        -webkit-transform: translateY(0px);
    }
    33% {
        -webkit-transform: translateY(-70px);
    }
    66% {
        -webkit-transform: translateY(-140px);
    }
    100% {
        -webkit-transform: translateY(-210px);
    }
}

@keyframes scrollHbh3 {
    0% {
        -webkit-transform: translateY(0px);
    }
    33% {
        -webkit-transform: translateY(-70px);
    }
    66% {
        -webkit-transform: translateY(-140px);
    }
    100% {
        -webkit-transform: translateY(-210px);
    }
}
/*3张图滚动样式 end*/
/*4张图滚动样式 start*/
@-webkit-keyframes scrollHbh4 {
    0% {
        -webkit-transform: translateY(0px);
    }
    25% {
        -webkit-transform: translateY(-70px);
    }
    50% {
        -webkit-transform: translateY(-140px);
    }
    75% {
        -webkit-transform: translateY(-210px);
    }
    100% {
        -webkit-transform: translateY(-280px);
    }
}

@keyframes scrollHbh4 {
    0% {
        -webkit-transform: translateY(0px);
    }
    25% {
        -webkit-transform: translateY(-70px);
    }
    50% {
        -webkit-transform: translateY(-140px);
    }
    75% {
        -webkit-transform: translateY(-210px);
    }
    100% {
        -webkit-transform: translateY(-280px);
    }
}
/*4张图滚动样式 end*/
/*5张图滚动样式 start*/
@-webkit-keyframes scrollHbh5 {
    0% {
        -webkit-transform: translateY(0px);
    }
    20% {
        -webkit-transform: translateY(-70px);
    }
    40% {
        -webkit-transform: translateY(-140px);
    }
    60% {
        -webkit-transform: translateY(-210px);
    }
    80% {
        -webkit-transform: translateY(-280px);
    }
    100% {
        -webkit-transform: translateY(-350px);
    }
}

@keyframes scrollHbh5 {
    0% {
        transform: translateY(0px);
    }
    20% {
        transform: translateY(-70px);
    }
    40% {
        transform: translateY(-140px);
    }
    60% {
        transform: translateY(-144px);
    }
    80% {
        transform: translateY(-192px);
    }
    100% {
        transform: translateY(-240px);
    }
}
/*5张图滚动样式 end*/

/**共享航班信息滚动 end*/