/*css reset*/
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form {margin: 0; }
ol, ul {margin: 0;padding: 0;}
ul li{list-style: none}
body {background: #f7f7f7; }
.fl {float: left; }
.fr {float: right; }
.f-cb {zoom: 1; }
.f-cb:before, .f-cb:after {content: '';display: table; }
.f-cb:after {clear: both; }
.wp {font-family: 'microsoft yahei'; color: #333333;background: #f7f7f7;}
.g-bd{width: 1200px;margin: 0 auto}
.mr20{margin-right:40px}

.m-banner a{width: 100%;height: 100%;display: block}
.m-pro-tip {margin-bottom: 60px;}
.m-pro-tip .tip-wrap{font-size: 0;padding-left: 36px;margin-right: -21px;text-align: center;}
.m-pro-tip .tip-wrap .tip-item{margin-right: 20px}
.tip-wrap .tip-item .tip-item-text{font-size: 18px;line-height: 50px;}
.m-pro-intro .intro-nav{padding-left: 130px;font-size: 0;text-align: center}
.m-pro-intro .intro-nav .intro-navitem{width: 355px;font-size: 18px;line-height:35px;border-bottom: 3px solid transparent;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;outline: none}
.m-pro-intro .intro-nav .intro-navitem.active{color: #00ab6f;border-color: #00ab6f}
.g-bd .w-t {font-size: 24px;color: #333333;margin: 60px 0 20px}
.m-pro-intro .p-tab{width: 1200px;margin:0 auto;color: #333333;font-size: 18px;height: 62px;line-height: 62px;margin-bottom: 20px;background: #fff;box-shadow: 0 0 20px #e9eaed;}
.m-pro-intro .p-tab .each{width: 50%;float: left;text-align: center;border-bottom: 3px solid #fff;cursor: pointer;}
.m-pro-intro .p-tab .each.on{border-bottom-color: #00ab6f;color: #008856}
.intro-legend{padding: 111px 0 0 113px;margin-right: -76px;color: #333;}
.intro-legend .legend-panel {position: relative;margin-right: 126px;text-align: center;}
.intro-legend .legend-line{position: absolute;top: -155px}
.intro-legend .legend-info{margin-bottom: 24px;}
.intro-legend .legend1 .legend-info i{background-color: #DCA93B;}
.intro-legend .legend2 .legend-info i{background-color: #00c0ff;}
.intro-legend .legend3 .legend-info i{background-color: #F7BE0D;}
.intro-legend .legend4 .legend-info i{background-color: #71e6bc;}
.intro-legend .legend-info i {display: inline-block;width: 40px;height: 40px;border-radius: 4px;vertical-align: middle}
.intro-legend .legend-info span {display: inline-block;margin-left: 5px;font-size: 12px;line-height: 14px;vertical-align: middle;max-width: 100px;}
.intro-legend .legend-info span em{font-size: 16px;font-weight: bold}
.intro-legend .legend-info-more{padding-top: 12px;font-size: 14px;line-height: 18px;}

.seats-intro { width:1200px;height:653px;position:relative;background:url(//media.springairlines.com/SpringAirlines/images/AirFlights_Hk/seats/seat3_230109.jpg) left top no-repeat;margin-bottom: 20px}
.seats-intro.seats_cn { width:1199px;height:450px;position:relative;background:url(//media.springairlines.com/cache/style/site5/img/increase/choose-seat/p-seats-1t_171101.png) left top no-repeat;}
.seats-intro.seats-intro2{background-image:url(//media.springairlines.com/SpringAirlines/images/AirFlights_Hk/seats/seat3_230110.jpg) ;display: none;}
.seats-intro .intro { width:220px;position:absolute;}
.seats-intro .intro-title { float:left;width:85px;}
.seats-intro .intro-title .c-name { color: #5d5d5d; font-size: 15px; font-family: yahei; font-weight: bold; }
.seats-intro .intro-title .c-price { font-size: 14px; color: #afafaf; margin: -2px 0 0 3px; }
.seats-intro .intro-tip { float:left;}
.seats-intro .intro-tip li { list-style:none;font-size: 12px; color: #afafaf;font-family:'Microsoft YaHei';font-weight:bold;margin-top:2px;}
.seat-type-1 { left: 210px; top: 47px; }
.seat-type-2 { left: 475px; top: 47px; }
.seat-type-3 { left: 762px; top: 47px; }
.seat-type-4 { left: 1008px; top: 47px; }
.seat-type-3 .intro-title { width:60px;}
.seat-type-4 .intro-title { width:60px;}
.m-seats-price{margin: 60px 0}
.m-seats-price .area-nav{margin-bottom: 40px;border-bottom: 1px solid #e6e6e6;color: #333;font-size: 20px;}
.m-seats-price .area-navitem{width: 160px;margin-bottom: -1px;border-bottom: 2px solid transparent;line-height: 39px;text-align: center;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;outline: none}
.m-seats-price .area-navitem.active{color: #00ab6f;border-bottom-color: #00ab6f;}
.m-seats-price .area-tab .area-tabitem{display: none}
.m-seats-price .area-tab .area-title{padding-bottom: 15px;font-size: 18px;line-height: 18px;color: #333}
.area-tab .vice{font-size: 12px;color: #afafaf}
.area-tab .area-warning{margin: 14px 0;}
.m-seats-price .area-tab .area-warning>*{display: inline-block;vertical-align: top;color: #333;font-size: 16px;line-height: 22px}
.area-tab .area-warning .area-warning-text{width: 1164px;margin-left: 7px;text-align: justify;}
.area-tab .area-warning .area-warning-text.less{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.area-tab .area-warning .area-warning-btn{display: block;width: 53px;margin: 10px auto;color: #009cff;font-size: 16px;outline: none}
.m-seats-price .w-t{font-size: 24px;color: #333333;margin-bottom: 20px}
.m-seats-price .w-t ul{float: left}
.m-seats-price .w-t ul li{float: left;margin-right: 10px}
.m-seats-price .w-t ul li a{width: 168px;height: 60px;line-height: 60px;text-align: center;display: inline-block;background: #ededed;border-radius: 5px}
.m-seats-price .w-t ul li a.on{background: #ffffff;border: 1px solid #b9d7cc;color:#000000}
.m-seats-price .w-t .vice{font-size: 12px;color: #afafaf;margin:20px}
.m-seats-price .w-t .vice.sp-pos{margin: 0;margin-top: 42px}
.m-seats-price table{border: 1px solid #e1ece8}
.m-seats-price table td{color: #6b6b6b;padding: 24px 0;border-bottom: 1px solid #e1ece8;text-align: center;font-size: 12px;background: #ffffff}
.m-seats-price table .td-t{background: #f8fdfa;color: #afafaf;border-right: 1px solid #e1ece8;padding:20px 23px;width: 106px}
.m-seats-price table .font-grey{color: #6b6b6b}
.m-seats-price table .font-ori{color: #faa701}
.m-seats-price table.tab-spe{width: 100%}
.m-seats-price table .td-hd td{color: #afafaf}

.p-newSeatsQA{margin-bottom: 20px}
.p-newSeatsQA .fl{float: left;}
.p-newSeatsQA .fr{float: right;width: 638px}
.p-newSeatsQA .tt{color: #333333;font-size: 18px;padding:0 0 20px 0;border-bottom: 1px dashed #afafaf}
.p-newSeatsQA .script{float: right;width: 456px;color: #6b6b6b;font-size: 14px;padding: 20px 10px}
.p-newSeatsQA .each-s{padding: 10px}
.p-newSeatsQA .each-s.fs .script{border-bottom: 1px dashed #afafaf}

.m-seats-new {margin-bottom: 80px}
.seats-new-wrap p{font-weight: medium;font-size: 15px;line-height: 26px;letter-spacing: 0px;text-align: left;}
.seats-new-wrap {padding: 28px 0 0 63px;}
.seats-new-wrap .seats-new-box {width: 630px;margin-left: 40px;}
.seats-new-wrap .seats-line1 {margin-top: 15px;}
.seats-new-wrap .seats-line2 {margin-top: 8px;}
.seats-new-wrap .seats-line1 .seats-new-text2{margin-top: 4px}
.seats-new-wrap .seats-line2 .seats-new-text2{margin-top: 20px;border-bottom: none}
.seats-new-wrap .seats-line2 > img{margin-top: -5px;}
.seats-new-wrap .seats-new-text1{font-size: 18px;line-height: 38px;border-bottom: 1px dashed #afafaf;color: #333;margin-top: 4px}
.seats-new-wrap .seats-new-text2{display: inline-block;width: 73%;margin-left: 4%;padding-bottom: 10px;font-size: 14px;line-height: 25px;border-bottom: 1px dashed #afafaf;color: #6b6b6b;vertical-align: top;}
.m-seat-new-three .m-seats-comparison {
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    padding-bottom: 20px;
} 

.m-seat-new-three .m-seats-comparison .seat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.m-seat-new-three .m-seats-comparison .seat-image {
    object-fit: contain;
    margin-bottom: 16px;
}

.m-seat-new-three .m-seats-comparison .seat-title {
    font-size: 20px;
    font-weight: 400;
    color: #5A5657;
    margin-bottom: 8px;
    line-height: 1.2;
}

.m-seat-new-three .m-seats-comparison .seat-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    background-color: #5A5657;
    border-radius: 15px;
    padding: 0 16px;
}

.m-seat-new-three .m-seats-comparison .seat-badge-icon {
    margin-right: 6px;
    object-fit: contain;
}

.m-seat-new-three .m-seats-comparison .seat-badge-text {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1;
}
.m-seat-new-three {  color: #333;}
.m-seat-new-three .title{
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    }
.m-seat-new-three   .abstract{ 
font-size: 15px;
line-height: 26px;
letter-spacing: 0px;
text-align: left;
padding: 10px; 
}
.seat-product{
    width: 1200px;
    margin: 0 auto;
}

.g-ft{background: #fff;padding: 20px 0 0 0}
.m-rules{font-size: 12px;font-family: '宋体';color: #6b6b6b;background: #ffffff;width: 1200px;margin: 0 auto;padding-bottom: 20px}
.m-rules .rules-tt{margin-bottom: 20px}
.m-rules .rules-tt .fl{color: #f0a316}
.m-rules .rules-tt .fr{color: #afafaf}
.m-rules h2{margin-bottom: 20px;color: #17a36b;font-size: 16px;font-family: 'microsoft yahei';font-weight: normal;padding-bottom: 10px;border-bottom: 1px solid #afafaf}
.m-rules ol{padding-left: 22px}
.m-rules ol li{list-style: decimal;line-height: 30px}
.m-rules ol li .link{color: #1c96d5;text-decoration: underline}
.m-descirbe .describe-tt{color: #333333;font-size: 24px;margin-bottom: 20px}
.m-descirbe ul li{color: #afafaf;font-size: 12px;margin-bottom: 14px}
.m-ft-nav{width: 100%;background: #f7f7f7;padding: 40px 0}
.m-ft-nav-con{border: 1px solid #afafaf;width: 994px;margin: 0 auto;overflow: hidden;border-right: 0;background: #ffffff}
.m-ft-nav li{float: left;border-right: 1px solid #afafaf;padding: 20px;width: 101px;text-align: center}
.m-ft-nav li .li-w{margin-bottom: 10px;color: #000000}
/*icons*/
.m-conment{position: fixed;right: 0;top:0;z-index: 999;width: 680px;background: #ffffff;overflow-y: scroll;height: 100%;padding-bottom: 40px}
.m-conment .conment-hd{font-size: 20px;text-align: center;padding: 25px 0;border-bottom: 1px solid #ececec;box-shadow: 3px 0 10px #ececec}
.m-conment .conment-bd{font-size: 14px;padding: 20px}
.m-conment .conment-hd .u-close{position: absolute;top: 30px;right:10px }
.m-conment .conment-bd .describe{padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid #e1ece8}
.m-conment .conment-bd .score{line-height: 35px}
.m-conment .conment-bd .score .star-wp-2{float: left;margin-top: 8px}
.m-conment .conment-bd .score .yen{color: #333333}
.m-conment .conment-bd .score .price{float: right;font-size: 14px;color:#afafaf}
.m-conment .conment-bd .score .num{font-size: 30px;font-family: 'Arial';color: #333333;font-weight: normal}
.m-conment .conment-bd .conment-c{padding-bottom: 10px;font-size: 16px}
.m-conment .conment-bd .pic{margin-bottom: 10px}
.m-conment .conment-list li{padding: 20px;color:#afafaf;background: #ffffff}
.m-conment .conment-list li.odd{background: #f7f7f7}
.m-conment .conment-list li .name-wp{float: left}
.m-conment .conment-list li .name-wp .name-w{float: left}
.m-conment .conment-list li .name-wp .username{float: left;color: #333333;display: inline-block;width: 150px;overflow: hidden;vertical-align: middle}
.m-conment .conment-list li .score-wp .score-w{float: left;margin-right: 10px}
.m-conment .conment-list li .score-wp .star-wp-2{float: left}
.m-conment .conment-list li .score-wp{float: left}
.m-conment .conment-list li .u-info{position: relative;margin-bottom: 15px}
.m-conment .conment-list li .conment-com{color: #6b6b6b}
.popups{width: 570px;font-size: 12px;color: #6b6b6b}
#J-individualDialog .popups .pop-hd{color: #fff}
.popups .pop-hd{position: relative;text-align: left;font-size: 16px;color: #333333;box-shadow: 3px 0 10px #e6e6e6;}
.popups .pop-bd table{width: 100%;font-size: 16px}
/*.popups .pop-bd{padding: 20px}*/
.popups .pop-bd table th{background: #17a36b;color: #ffffff;padding: 10px;font-weight: normal}
.popups .pop-bd table td{padding: 10px;font-size: 12px;text-align: center}
.popups .pop-bd table td.order-num{font-size: 16px}
.popups .pop-bd table td.order-num input{margin-right: 10px}
.popups .pop-bd .p-notfound{padding: 40px 0;text-align: center;font-size: 16px}
.popups .pop-ft{font-size: 16px;text-align: center;padding-bottom: 20px}
.popups .pop-ft .u-orange-btn{margin-left: 40px;border-radius: 5px;line-height: 40px;background: #faa701;width: 120px;height: 40px;text-align: center;color: #ffffff;font-size: 16px;display: inline-block}
.popups .i-epoint{vertical-align: middle;margin-right: 10px}
.popups-detasils{width: 1000px}
.popups-detasils .p-slide-show{position: relative;width: 400px;margin: 0 auto;margin-bottom: 40px}
.popups-detasils .p-slide-show .i-arr-l{background-position:0 0;width:38px;height:38px;position: absolute;left: -80px;top: 100px;}
.popups-detasils .p-slide-show .i-arr-r{background-position:-42px 0;width:38px;height:38px;position: absolute;right:-80px;top: 100px}
.popups-detasils .p-des{font-size: 14px}
.popups-detasils .p-des .font-em{color: #faa701}
.popups-detasils .p-des .font-t{width: 70px;display: inline-block}
.popups.m-pop {width: 760px;font-size: 14px;color: #333}
.m-pop .m-pop-close{position: absolute;right: 10px;top:10px;color:#fff;outline: none}
.m-pop .pop-hd{padding: 10px 0 10px 20px;text-align: left;color: #fff}
.m-pop .pop-bd .highlight span{font-weight: 700; font-size: 15px;}
.m-pop .rule-cont {margin-top: 10px;}
.m-pop .rule-cont span.red {font-weight: 700;color: red;}
.m-pop .rule-cont span.strong {font-weight: 700; font-size: 15px;}
.m-pop .rule-cont a {color: rgb(0,176,250);text-decoration: underline;}
.m-pop .pop-btn {display: block;width: 108px;margin: 20px auto 13px;height: 34px;font-size: 16px;line-height: 36px;border: 1px solid #d9d9d9;border-radius: 5px;text-align: center;outline: none}
.star-wp-2,.star-wp-2 .star{position:relative;background:url(//media.springairlines.com/cache/style/site5/img/increase/food/icon-star2.png) 0 -20px repeat-x;width:100px;height:15px;display:block;}
.star-wp-2 .star{position:absolute;top:0;left:0;background-position:0 0;}
.star-wp-2 .star-1{width:20%;}
.star-wp-2 .star-2{width:40%;}
.star-wp-2 .star-3{width:60%;}
.star-wp-2 .star-4{width:80%;}
.star-wp-2 .star-5{width:100%;}
.star-wp,.star-wp .star{position:relative;background:url(//media.springairlines.com/cache/style/site5/img/increase/food/icon-star.png) 0 -14px repeat-x;width:66px;height:13px;display:block;}
.star-wp .star{position:absolute;top:0;left:0;background-position:0 0;}
.star-wp .star-1{width:20%;}
.star-wp .star-2{width:40%;}
.star-wp .star-3{width:60%;}
.star-wp .star-4{width:80%;}
.star-wp .star-5{width:100%;}

.i-arr-l,.i-arr-r{background: url(//media.springairlines.com/cache/style/site5/img/increase/viproom/icons.png) no-repeat;display: inline-block }
.i-epoint{background: url(//media.springairlines.com/cache/style/site5/img/increase/viproom/icons.png) no-repeat;width: 32px;height: 32px;background-position: 0 -42px;display: inline-block}
.u-close{background: url(//media.springairlines.com/cache/style/site5/img/increase/food/icons.png) no-repeat;width:22px;height: 22px;background-position: -115px -132px }
.u-select-direct{width:0;height:0;overflow:hidden;border-width:5px 5px 0;border-style:solid;_border-style:solid dashed;border-color:#00ab6f transparent;position:absolute;right:10px;top:50%;margin-top:-2px;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}
.u-general-greenbtn{border-radius: 5px;;width: 120px;height: 45px;display: inline-block;background: #00ab6f;color: #ffffff;text-align: center;line-height: 45px;font-size: 16px;text-decoration: none}

.i-sw,.i-kt,.i-zj,.i-xl,.i-bx,.i-zz,.i-cs{background: url(//media.springairlines.com/cache/style/site5/img/increase/food/icons.png) no-repeat; width: 51px; height: 55px;display: inline-block;vertical-align: middle;}
.i-sw{background-position:0 0;}
.i-kt{background-position:0 -55px;}
.i-zj{background-position:0 -110px;}
.i-xl{background-position:0 -220px;}
.i-bx{background-position:0 -275px;}
.i-zz{background-position:0 -330px;}
.i-cs{background-position:0 -165px;}

.intro-legend-a321{display: none;}
.intro-legend.intro-legend-a321{padding-top:70px;}
.product-desc{
    margin: 0 auto;
    height: 100%;
    overflow: auto;
}

.product-desc .section {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
}

.product-desc .section-title {
    padding-top: 10px;
}

.product-desc .section p {
    text-indent: 2em;
    /* 缩进两个字符宽度 */
    line-height: 26px;
}

.product-desc .section .highlight {
    color: red;
}

.product-desc .section .online-service-link {
    color: #00ab6f;
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer;
}