@charset "utf-8";
        body{font: 12px/1.5  'Microsoft YaHei';}
        .iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
        .ifrom,.ito{font-size: 20px;color: #fff;margin-right: 5px;font-weight: normal;}
        .food4{font-size:12px;color: #008856;margin-left: 5px;}
        .bgicondown{font-size: 14px;color: #00ab6f;margin-left: 5px;}
        .con-box{font-size: 14px;min-height: 580px;}
        .p-crumb li a:hover, .ui-breadcrumb a:hover{color: #f60;}
        .m-depart,.m-arrival,.ui-wrapper{width: 980px;background-color: #fff;color: #6b6b6b;}
        .ui-wrapper{margin: 20px 0 30px}
        .ui-wrapper .ui-cell{display: inline-block;margin: .6em 0;width: 16.3%;text-align: center;vertical-align:middle}
        .ui-wrapper .wrapper-box{padding-top: 10px}
        .m-depart .depart-tlt,
        .m-arrival .arrival-tlt,
        .ui-header{position: relative;color: #fff;background-color: #00ab6f;font-size:18px;font-weight: bold;padding: 15px 30px;border-top-right-radius:5px;border-top-left-radius:5px; }
        .m-depart .depart-tlt a,
        .m-arrival .arrival-tlt a,
        .ui-header a{color: #fff}
        .m-depart,.m-arrival{margin:20px 0 30px;}
        .con-box{width: 1200px;margin: 0 auto;position: relative;margin-bottom: 30px;margin-top: 12px;}
        .con-box .icons{background: url(//media.springairlines.com/style/site5/img/cities-flights/icons2.png) no-repeat center;display: inline-block;zoom: 1;}
        .con-box ul{overflow: hidden;border: 1px solid #e1ece8;padding:16px;}
        .con-box ul li{width:400px;float: left;padding: 8px;margin: 15px 20px 0;border: 1px solid #fff;}
        .con-box ul li:hover{cursor: pointer;}
        .con-box ul li.active{border: 1px solid #03AC71;background-color: #F8FDFA;border-radius: 5px;}
        .con-box ul li.odd{margin-left: 35px;}
        .con-box ul li table{width: 100%;}
        .con-box ul li .m-city{text-align: center;width: 50%;word-break: break-all;}
        .con-box ul li .m-city a:hover{color: #444;}
        .con-box ul li .m-price{text-align: center;width: 30%;}
        .con-box ul li .m-price a:hover{color: #444;}
        .con-box ul li .m-booking{text-align: center;width: 20%;color: #00ab6f;}
        .con-box ul li .m-booking a{color: #00ab6f;}
        .con-box ul li .m-booking a:hover{color: #00ab6f;}
        .con-box ul li .m-price .star-price{color: #ff4614;font-size: 12px;font-weight: bold;}
        .con-box ul li .m-price .star-price .priceNum{font-size: 14px;}
        .con-box .extension{width: 920px;background-color: #fff;border: 1px solid #00ab6f;border-radius: 5px;margin: 20px 0;padding: 20px 30px;position: relative;}
        .con-box .extension .ext-tag{position: absolute;top: 5px;right: 10px;}
        .con-box .extension .ext-tlt{font-size: 16px;font-weight: bold;}
        .con-box .extension table tr td:first-child{width: 20%;padding-left: 3%;}
        .con-box .extension table tr .flight-box{width: 20%;position: relative;padding-left: 40px;}
        .con-box .extension table tr .hotel-box{width: 20%;position: relative;padding-left: 40px;}
        .con-box .extension table tr .price-box{width: 25%;text-align: center;}
        .con-box .extension table tr .price-box .price{font-size: 30px;}
        .con-box .extension table tr .book-box{width: 25%;text-align: center;}
        .con-box .extension table tr .book-box .booking-btn{color: #faa701;}
        .con-box .extension table tr .add{width: 5%;font-weight: bold;font-size: 16px;padding:0 6% 0 0;}
        .con-box .extension table tr .plane-icon{background-position: -9px -8px;;width: 31px;height: 30px;float: left;position: absolute;top: 9px;left: 2px;}
        .con-box .extension table tr .hotel-icon{background-position: -51px -10px;width: 31px;height: 30px;float: left;position: absolute;top: 9px;left: 2px;}
        .con-box .relate-intro{position: absolute;right: 0;top: 0;width: 202px;}
        .con-box .relate-intro .history-box{background: #fff;border: 1px solid #e1ece8;border-radius: 5px;padding: 15px 10px;}
        .con-box .relate-intro .history-box .history-tlt{padding: 10px 0;font-size: 16px;}
        .con-box .relate-intro .history-box .spe-intro{color: #afafaf;margin-top: 20px;}
        .con-box .relate-intro .history-box .spe-intro .goCity,
        .con-box .relate-intro .history-box .spe-intro .depCity{color: #000;}
        .con-box .relate-intro .history-box .spe-intro .time{overflow: hidden;}
        .con-box .relate-intro .history-box .spe-intro .time .travelTime{float: left;}
        .con-box .relate-intro .history-box .spe-intro .time .queryTime{float: right;}
        .con-box .relate-intro .food-box,
        .con-box .relate-intro .car-box {background: #fff;border: 1px solid #e1ece8;border-radius: 5px;padding: 20px 5px;/*margin-top: 30px;*/text-align: center;}
        .con-box .relate-intro .car-box{margin-top: 30px;}
        .con-box .relate-intro .food-box .food-icons{background-position: 20px -58px;width: 133px;height: 109px;}
        .con-box .relate-intro .car-box .car-icons{background-position: 6px -162px;width: 153px;height: 97px;}
        .con-box .relate-intro .food-tlt{font-size: 30px;font-weight: normal;}
        .con-box .relate-intro .food-tlt1{font-size: 16px;color: #afafaf;}
        .con-box .relate-intro .book-food{border: 1px solid #00ab6f;border-radius: 5px;color: #00ab6f;padding: 5px ;display: block;width: 60%;margin: 0 auto;text-align: center;vertical-align: middle;margin-top: 10px;}
        /*新加搜索功能*/
         .m-search{position: static;margin: 0 auto!important;padding: 10px 0;}
        .m-panel-search{top:80px!important;}
        .pc-only{background-color: #fff;}
        .g-con{z-index: 99;background-color: #fff;width: 1200px;margin: 0 auto;}
        .m-search .minute .ctrl .bn{width: 110px;font-size: 14px;}
        .m-search .bn i{display: inline-block;zoom: 1; vertical-align: middle;background-position: -65px -101px;width: 16px;height: 16px;font-size: 16px; margin-right: 5px;line-height: 16px;}
/*新版机票工具箱*/
.relate-intro{
    width: 200px;
}
.relate-intro .right-item-section{
    background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
}
.relate-intro .section-title{
    font-size: 18px;
    color: #fff;
    padding-left: 18px;
    background: #00ab6f;
    line-height: 60px;
    border-radius: 5px 5px 0 0;
}

.relate-intro .linkicons a{
    display: inline-block;
    text-align: center;
    width:98px;
    height: 114px;
}
.relate-intro .linkicons p{
    margin-top: 5px;
    font-size: 14px;
    color: #333333;
    transition: .3s;
}
.relate-intro .linkicons a:hover p{
    color: #00ab6f;
}
.relate-intro .linkicons i{
    background-image: url("//media.springairlines.com/cache/style/site5/img/flights/toolicons.png");
    display: inline-block;
    margin-top: 20px;
}
.relate-intro .linkicons hr{
    border:1px solid #e6e6e6;
    margin: 0px 18px;
}
.relate-intro .linkicons .linkicon1{
    background-position: -0px -0px; width: 50px; height: 50px;
}
.relate-intro .linkicons .linkicon2{
    background-position: -50px -0px; width: 50px; height: 50px;
}
.relate-intro .linkicons .linkicon3{
    background-position: -100px -0px; width: 50px; height: 50px;
}
.relate-intro .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;
}
.relate-intro .links-section{
    padding-bottom: 6px;
    padding-left: 18px;

}
.relate-intro .links-section a{
    display: block;
    margin-bottom: 15px;
}
.relate-intro .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;
}
.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;
}
.btn-more{position:absolute;right: 2%;color:#fff;top: 50%;font-weight: normal;margin-top: -13px;}
.ui-breadcrumb h1{font-weight: normal;display: inline}
.nono-hint{padding: 10px 0;text-align: center}
@media (max-width:980px), (max-device-width: 980px){
    .con-box{background-color: #f7f7f7;width:100%;    padding-top: 1.35rem;}
    .ifrom,.ito{font-size: 0.374rem;}
    .food4{font-size: 0.374rem;}
    .con-box{font-size:  0.374rem;}
    .m-depart,.m-arrival,.ui-wrapper{margin-bottom: 0;width:100%;}
    .m-depart .depart-tlt,
    .m-arrival .arrival-tlt,
    .ui-header{padding:0.26rem;font-size:0.48rem;}
    .con-box ul{background-color: #f7f7f7;padding: 6px 0;border: none;}
    .con-box ul li{width:96%;background: #fff;margin: 10px 2%;border: 1px solid #ccc;border-radius: 5px;}
    .con-box ul li .m-price .star-price{color: #ff4614;font-size:  0.374rem;font-weight: bold;}
    .con-box ul li .m-price .star-price .priceNum{font-size:  0.374rem;}
    .con-box ul li .m-city{width: 40%;padding-left: 5%;text-align: left;}
    .con-box ul li .m-price{width: 35%;}
    .con-box ul li .m-booking{width: 20%;padding-right: 10px;}
    .relate-intro{display: none;}
    .extension{display: none;}
    .ui-wrapper .ui-cell{width: 32.3%}
    .btn-more{margin-top: 0;transform: translateY(-50%)}
    .m-depart, .m-arrival{
        margin-top: 0px;
    }
    .con-box{margin-top: 0px;}
}