﻿@charset "utf-8";
body { background: #f7f7f7; color: #333; font-family: "Microsoft YaHei","Arial",sans-serif; }
.g-wp { margin: 0 auto; width: 1200px; }

.m-main { float: left; width: 980px; }
.m-side { float: right; width: 180px; min-height: 290px; position:relative;top:4px;}
.m-side .history { display: none; }

.m-searcher .bn-search i,
.m-searcher .bn i,
.m-result .flight-date .info .no,
.m-result .flight-date .more .bn-month i,
.m-result .flight-logo,
.m-result .service i,
.m-result .flight-list .timebox i,
.m-result .flight-list .textbox i,
.m-result .flight-list .bn-arr,
.m-result .flight-list .i-wait,
.m-result .i-checked,
.m-result .flight-type .sup i,
.calendar-price .bn i,
.m-result .product-ad .bn i,
.m-passenger .bn i, .m-passenger .new i,
.m-passenger .rule-top a i,
.m-passenger .passenger-list .bn-lk i,
.m-passenger .error-info .i-error,
.m-elder-alert .icon,
.m-elder-input .icon { background-image: url(//media.springairlines.com/cache/style/site5/img/search/bg-icon.png?vs=2016101101); background-repeat: no-repeat; }
.m-elder-risk-tip .icon { background-image: url(//media.springairlines.com/cache/style/site5/img/search/risk-checkbox.png?vs=2016092801);background-size:.53125rem 1.09375rem; background-repeat: no-repeat; }

.m-searcher { margin-bottom: 20px; padding: 30px 0; background: #fff; width: 100%; position: absolute; z-index: 800; display: none; }
.m-searcher .search-form { float: left; width: 1120px; position: relative; padding-left: 80px; }
.m-searcher .search-other { float: right; width: 110px; }
.m-searcher .cell { float: left; margin-right: 9px; background: white; width: 148px; height: 49px; text-align: left; padding-left: 10px;  border: 1px solid #acacac; cursor: pointer; }
.m-searcher .cell input { cursor: pointer; }
.m-searcher .ctrl { float: left; }
.m-searcher .cell span { margin-top: 4px; font-size: 12px; color: #afafaf; display: inline-block; *display: inline; zoom: 1; }
.m-searcher .cell p { font-size: 20px; }
.m-searcher .m-panel-search .item span { cursor: pointer; }
.m-searcher .m-panel-search .item .u-cld-disable span { color: #c1c1c1; }
.m-searcher .date p { margin-top: 15px; }
.m-searcher .return p { margin-top: 0; line-height:initial;}
.m-searcher .bn { display: block; text-align: center; font-size: 16px; border-radius: 5px; }
.m-searcher .bn i { margin-right: 5px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.m-searcher .bn-search { width: 110px; height: 50px; line-height: 50px; margin-right: 10px; background: #00ac70; font-size: 14px; border-radius: 0; }
.m-searcher .bn-search i { margin-right: 5px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; background-position: -65px -101px; width: 16px; height: 16px; font-size: 16px; margin-right: 5px; line-height: 16px; }
.m-searcher .bn-search:hover i { background-position: -65px -119px; }
.m-searcher .bn-order { width: 100%; height: 48px; line-height: 48px; border: 1px solid #ffc624; color: #faa701; font-size: 14px; border-radius: 0; }
.m-searcher .bn-order:hover { background: none; }
.m-searcher .bn-order i { background-position: -202px 0; width: 28px; height: 28px; }
.m-searcher .cell.active { border-color: #00AC70; }
.m-searcher .cell.active .val { background: #fff; }
.m-searcher .cell .val { display: block; width: 100%; border: none; text-align: left; font-size: 18px; }
.m-searcher .date p span { margin-top: 0; }
.m-searcher .cell.date p .val { width: 60%; display: inline-block; }
.m-searcher .cell.date-single p .val { width: 100%; display: block; }
.m-searcher .cell.date-single .flight-ret { display: none; }
.m-searcher .city-switcher { left: 243px; }
.m-searcher .cell.ori { margin-right: 15px; }
.m-searcher .cell.des { margin-left: 15px; }
.city-tooltip { left: 0; }
.m-searcher .g-wp.f-cb { position: relative; }
.m-searcher .flight-type {
    width: 80px;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
}
.p-date .m-date .main { float: left; }


.m-result { padding-top: 145px; margin-bottom: 20px;}
.m-result .m-hotel .adv { background: #00ab6f; }
.m-result .m-hotel .adv .tlt { color: #fff; font-weight: normal; }
.m-result .m-hotel .adv .cell { color: #fff; }
.m-result .m-hotel .adv .price { color: #fff; float: right; width: auto; position: relative; }
.m-result .m-hotel .adv .type-txt { display: none; }
.m-result .m-hotel .adv .vr { color: #fff; }
.m-result .m-hotel .adv .price small { color: #fff; }
.m-result .m-hotel .adv .lk { display: block; width: 80px; height: 32px; line-height: 32px; background: #fff; color: #ff8000; font-family: 'Microsoft YaHei'; font-size: 16px; text-align: center; border-radius: 5px; font-weight: bold; position: relative; top: 6px; margin-left: 10px; }
.m-result .m-hotel .adv .price em { font-size: 16px; }
.m-result .m-hotel .adv .price em em { font-size: 30px; font-weight: bold; }
.m-result .m-hotel .adv i { background: url(//media.springairlines.com/cache/style/site5/img/ad/bg-icon1.png) no-repeat; width: 39px; height: 40px; font-size: 32px;line-height: 32px; }
.m-result .m-hotel .adv .i-plane { left: -10px; top: -3px; }
.m-result .m-hotel .adv .i-hotel { background-position: -40px 0; }
.m-result .adv { position: relative; margin-bottom: 20px; background: #f8fdfa; border: 1px solid #00ab6f; border-radius: 5px; }
.m-result .adv a { padding: 10px 50px; color: #333; display: block; }
.m-result .adv .type-txt { position: absolute; top: 5px; right: 10px; color: #6b6b6b; }
.m-result .adv span { float: left; }
.m-result .adv .vr { line-height: 45px; color: #6b6b6b; font-weight: bold; font-size: 25px; }
.m-result .adv .tlt { line-height: 45px; font-size: 16px; font-weight: bold; }
.m-result .adv .cell { position: relative; margin: 4px 50px 0; padding-left: 40px; color: #6b6b6b; }
.m-result .adv .cell em { display: block; }
.m-result .adv i { position: absolute; top: 2px; left: 0; background: url(//media.springairlines.com/cache/style/site5/img/ad/bg-icon.png?vs=2016101101) no-repeat; width: 31px; height: 30px; display: block; }
.m-result .adv .i-plane { background-position: 0 0; }
.m-result .adv .i-hotel { background-position: -31px 0; }
.m-result .adv .price { font-size: 16px; width: 230px; text-align: right; }
.m-result .adv .price em { font-size: 30px; }
.m-result .adv .price small { font-size: 12px; color: #afafaf; }
.m-result .adv .price .price-tip { position: absolute; white-space: nowrap; right: 0px; bottom: -10px; font-size: 12px; }
.m-result .adv .lk { float: right; line-height: 45px; font-size: 14px; color: #faa701; }

/*侧边栏*/
.m-result .history { margin-bottom: 20px; padding: 20px; background: #fff; border: 1px solid #e1ece8; border-radius: 5px; }
.m-result .history dt { font-size: 16px; }
.m-result .history dd { margin: 10px 0 0; color: #afafaf; }
.m-result .history .flight { margin-left: 10px; color: #333; }
.m-result .history .flight:hover { color: #00a0e9; }
.m-result .history .time { position: relative; text-align: right; min-height: 20px;}
.m-result .history .time .date { position: absolute; top: 0; left: 0; }
.m-result .product-ad .ad { margin-bottom: 20px; width: 180px; height: 300px; background: #fff; border: 1px solid #e1ece8; border-radius: 5px; text-align: center; overflow: hidden; position:relative;}
.m-result .product-ad .ad img { width: 180px; height: 300px; }
.m-result .product-ad p { font-size: 16px; color: #afafaf; }
.m-result .product-ad .tlt { margin-top: 10px; font-size: 30px; color: #333; }
.m-result .product-ad .bn { margin: 30px auto 0; width: 110px; height: 33px; line-height: 33px; border: 1px solid #00ab6f; border-radius: 5px; font-size: 14px; color: #00ab6f; text-align: center; display: block; }
.m-result .product-ad .bn i { margin-left: 5px; background-position: -94px -61px; width: 12px; height: 6px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.m-result .product-ad .bn:hover { color: #fff; }
.m-result .product-ad .bn:hover i { background-position: -94px -67px; }

.m-calendar { margin-bottom: 20px;}
.m-calendar .c-calendar {  }
.c-calendar .c-title { height:60px;line-height:60px;background:#00ab6f;border-radius:5px 5px 0 0;color:#fff;font-size:18px;font-weight:bold;}
.c-calendar .c-title .icon-calendar { font-size:27px;line-height:27px; color:#fff;margin:0 10px 0 30px;font-weight:normal;position:relative;top:3px;}
.c-calendar .c-title span { font-size:14px;font-weight:normal;}
.c-calendar .c-content { padding:10px 30px 10px 30px;background:#fff;border:1px solid #e1ece8;border-top:none;border-radius:0 0 5px 5px;}
.c-calendar .c-content .u-loading { height:300px;}
.c-calendar .c-content .c-ctr { margin-bottom:10px;text-align:center;height:33px;line-height:33px;font-size:24px;color:#333;position:relative;}
.c-calendar .c-content .c-ctr .arrow { font-size:18px;color:#00ab6f;position:absolute;top:0;}
.c-calendar .c-content .c-ctr .arrow i { background: none; font-size: 24px; position: relative; top: 2px; }
.c-calendar .c-content .c-ctr .arrow-m { font-size:18px;color:#00ab6f;position:absolute;top:0;display:none;}
.c-calendar .c-content .c-ctr .arrow-m i { background: none; font-size: 24px; position: relative; top: 2px; }
.c-calendar .c-content .c-ctr .prev { left:0;}
.c-calendar .c-content .c-ctr .next { right:0;}
.c-calendar .c-content .c-ctr .dis { color:#aaa;}
.c-calendar .calendar { border: 1px solid #dcdcdc; text-align: center; width:910px;margin:0 auto;margin-bottom:20px;}
.c-calendar .calendar .thd { background:#f2f4f7;}
.c-calendar .calendar .thd .th { float: left; padding: 10px 0; width: 130px; font-size: 14px; color: #6b6b6b; }
.c-calendar .calendar .thd .rest { color:#008856;}
.c-calendar .calendar .thd-m { background:#f2f4f7;display:none;}
.c-calendar .calendar .thd-m .th { float: left; padding: 10px 0; width: 130px; font-size: 14px; color: #6b6b6b; }
.c-calendar .calendar .thd-m .rest { color:#008856;}
.c-calendar .calendar li { float: left; background: #fff; width: 128px; height: 78px; border: 1px solid #dcdcdc; border-bottom-color: #dcdcdc; font-size: 16px; color: #afafaf; position: relative;}
.c-calendar .calendar li .date { padding: 5px 10px 0; text-align: right; }
.c-calendar .calendar li .price { padding: 0 10px; color: #ff4614; text-align: left; font-size: 16px; font-family: 'Microsoft YaHei'; position: absolute; left: 0; bottom: 10px; }
.c-calendar .calendar li .price em { font-size: 24px;font-style:normal;margin-left:2px;}
.c-calendar .calendar li .special { color:#FE0000;font-size:45px;line-height:45px;position:absolute;top:0;left:0;}
.c-calendar .calendar .emp { background:#f7f7f7;line-height:80px;}
.c-calendar .calendar li .date { position: absolute; right: 0; top: 0; display: inline-block; line-height: 24px; }
.c-calendar .calendar .hide { display:none;}
.c-calendar .calendar .current { background: #f8fdfa; border: 1px solid #00ab6f; cursor: pointer; }
.c-calendar .calendar .current .price { color:#00ab6f;}
/*新版机票工具箱*/
.m-side{
    width: 200px;
}
.m-side .right-item-section{
    background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
}
.m-side .section-title{
    font-size: 18px;
    color: #fff;
    padding-left: 18px;
    background: #00ab6f;
    line-height: 60px;
    border-radius: 5px 5px 0 0;
}

.m-side .linkicons a{
    display: inline-block;
    text-align: center;
    width:98px;
    height: 114px;
}
.m-side .linkicons p{
    margin-top: 5px;
    font-size: 14px;
    color: #333333;
    transition: .3s;
}
.m-side .linkicons a:hover p{
    color: #00ab6f;
}
.m-side .linkicons i{
    background-image: url("//media.springairlines.com/cache/style/site5/img/flights/toolicons.png");
    display: inline-block;
    margin-top: 20px;
}
.m-side .linkicons hr{
    border:1px solid #e6e6e6;
    margin: 0px 18px;
}
.m-side .linkicons .linkicon1{
    background-position: -0px -0px; width: 50px; height: 50px;
}
.m-side .linkicons .linkicon2{
    background-position: -50px -0px; width: 50px; height: 50px;
}
.m-side .linkicons .linkicon3{
    background-position: -100px -0px; width: 50px; height: 50px;
}
.m-side .linkicons .linkicon4{
    background-position: -150px -0px; width: 50px; height: 50px;
}

/*国内机票线路*/
.section-title{
    position: relative;
}
.section-title .more{
    position: absolute;
    right: 14px;
    color: #fff;
    font-size: 14px;
}
.section-title .more:hover{
    color: #fff;
}
.m-side .links-section{
    padding-bottom: 6px;
    padding-left: 18px;

}
.m-side .links-section a{
    display: block;
    margin-bottom: 15px;
}
.m-side .links-section a:first-child{
    margin-top: 10px;
}
/*底部介绍*/
.bottom-intro-box{
    padding: 10px 40px;
    background: #fff;
    border-radius: 5px;
    margin-top: 25px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.bottom-intro-box .intro-item{
    margin-top: 20px;
}
.bottom-intro-box .intro-title{
    font-size: 16px;
    color: #00ab6f;
    font-weight: bold;
    margin-bottom: 8px;
}
.bottom-intro-box .intro-des{
    font-size: 14px;
    line-height: 28px;
}
.bottom-intro-box{

}
.m-searcher .a-search .city-switcher{
    left: 290px;
}
.newflights .m-searcher .cell.num{
    position: relative;
    width: 84px;
}
@media (max-width:980px), (max-device-width: 980px) {
    .g-header { display:none;}
    .m-searcher { display:none!important;}
    .m-main { width:100%;height:100%;}
    .m-hotel { display:none!important;}
    .g-con { padding-top:0;}
    .m-side { display:none;}
    .m-result { padding-top:0;height:100%;}
    .m-calendar { height:100%;}
    .m-calendar .c-calendar { height:100%;}
    .c-calendar .c-title { height:1.17333rem;line-height:1.17333rem;width:100%;text-align:center;border-radius:0;font-size:.48rem;font-weight:normal;position:absolute;top:0;left:0;z-index:10;}
    .c-calendar .c-title .icon-calendar { display:none;}
    .c-calendar .c-title span { font-size:.373333rem;}
    .c-calendar .c-content { padding: 1.37333rem .27rem 0; border: none; border-radius: 0; height: 100%; overflow-y: scroll; z-index:5;}
    .c-calendar .c-content .u-loading {height:3rem; }
    .c-calendar .c-content .c-ctr { margin-bottom:.36rem;height:.76rem;line-height:.76rem;font-size:.42667rem;}
    .c-calendar .c-content .c-ctr .arrow { display:none;}
    .c-calendar .c-content .c-ctr .arrow-m { font-size:.32rem;display:block;}
    .c-calendar .c-content .c-ctr .arrow-m i { font-size: .25rem;top:.02rem;}
    .c-calendar .calendar { border: .01333rem solid #dcdcdc; width:9.44rem;margin-bottom:.4rem;}
    .c-calendar .calendar .thd { display:none;}
    .c-calendar .calendar .thd-m { display:block;}
    .c-calendar .calendar .thd-m .th { padding:0;width: 1.34rem; font-size: .32rem; color: #6b6b6b; height:.90667rem;line-height:.90667rem;}
    .c-calendar .calendar li { width: 1.34rem; height: 1.227rem; border: .01333rem solid #dcdcdc; font-size: .2667rem;}
    .c-calendar .calendar li .date { padding: .1rem .1rem 0; }
    .c-calendar .calendar li .price { padding: 0 .1333rem; font-size:.2667rem;left: 0; bottom: .1rem;}
    .c-calendar .calendar li .price em { font-size: .32rem;margin-left:.0267rem;}
    .c-calendar .calendar li .special {font-size:.7rem;line-height:.7rem;}
    .c-calendar .calendar .emp { line-height:.90667rem;}
    .c-calendar .calendar .current { border: 0;background:#fff;}
    .c-calendar .calendar .current .price {color: #ff4614; }
}