/* 
* @Author: anchen
* @Date:   2017-04-18 18:13:50
* @Last Modified by:   mozzhi
* @Last Modified time: 2018-03-07 10:35:57
*/
.clearfix:before,.clearfix:after{
    display:table;
    content:"";
}
.clearfix:after{
    clear:both;
}
.clearfix{
    zoom:1;
}
/*body{background:#F0EFF5;}*/
.main{
    /*border-top: 48px solid transparent;*/
}
.activity_list{ padding:15px; }
.backgroundinit{ background-repeat:no-repeat; background-size:cover; background-position:0;}
.activity_list li{ height:215px; border-radius: 10px;margin-bottom: 15px;}
.imgbg{position:relative;background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,0,0,0)), to(rgba(0, 0, 0, 0.5)));width: 100%;height: 100%;color:#fff;border-radius:10px;}
.imgbg>div{position:absolute;bottom:0;padding:10px;font-size:20px;}
.imgbg>div>div{font-size:14px;}
.travel_tab{
    top:46px;
    background:#fff;
    border-bottom: 1px solid #c7c8cc;
}
.travel_tab .tab_item{border-right: 1px solid #C8C7CC;}
.travel_tab .tab_item:last-child{
    border-right: none;
}
.tab_item a{color:#000;display:block;}
.tab_item a:active{background:#F0F0F0;}
.tab_item a img{width: 22px;height: 22px;vertical-align: middle;margin-right: 5px;}
.choice{
    padding: 15px;
    text-align: center;
}
.choice span{position:relative;font-size:18px;color:#323232;}
.choice span:before,.choice span:after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width: 15px;height: 1px;background:#C8C7CC;}
.choice span:before{left:-25px;}
.choice span:after{right:-25px;}
.stay_list{padding:0px 15px 1px;}
.stay_list li{margin-bottom: 20px;}
.travel_img{height: 1.72rem;border-radius:5px;}
.text-msg{color:#909090;font-size:14px;padding:5px 0;line-height: 20px;}
.text-msg h1{color:#323232;font-size:20px;line-height: 1.5;font-weight: bold;}
.nothing{display:none;}
.nothing .empty{padding-bottom: 20px; background: #F0EFF5 url(../images/app_n/icon_failure@2x.png) no-repeat center;background-size:110px 113px;}
.loading .empty{background:url(../images/app_n/loadings.gif) no-repeat 100px center;background-size:30px 30px;}

/*下载栏*/
.tipsbottom{
    position:fixed;
    top:0px;
    border-bottom: 1px solid #c7c8cc;
    z-index: 10;
}
.has_downloadbar .travel_tab{
    top:102px;
}
.has_downloadbar .choice{
    padding-top:25px;
}
.hl .tipsbottom{
    position:relative;
    top:0px;
    border-bottom: 1px solid #c7c8cc;
    z-index: 15;
}

.choice-wrap .choice,.type-devide .choice{
    padding-top: 15px;
}

.type-devide,.choice-wrap{ /*margin-bottom: 10px;*/ background:#fff; }
.type-devide{  margin-bottom: 10px; }

.country_ul li,.travel_ul li{ background-repeat: no-repeat; background-size:cover; background-position:center; width: 150px; height: 150px; border-radius:5px; margin-right: 5px; overflow:hidden; float: left; }
.country_ul li:last-child,.travel_ul li:last-child{ margin-right: 0px; }
.country_ul li a,.travel_ul li a{ display:block; background:rgba(0,0,0,0.2); width: 100%; height: 100%; color:#fff; padding:15px; }
.country-name{font-weight: bold;}
.travel_ul li{ width: 1.7rem; height: 0.9rem; text-align: center; }
.travel_ul li a{position:relative;}
.travel_ul li a span{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);font-size:0.14rem;width: 1.5rem;line-height:0.21rem;}
.country-name img{
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-left: 5px;
}
.scorll-box{padding:0 15px 15px 15px;}
.wrappers{ position:relative; overflow:hidden; -ms-touch-action: none; height:170px; width:100%; background:#fff; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
.scorll-box{ overflow:hidden; position:absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
#wrapper_travel{height: 1.1rem;}
.bigtab{text-align: center;border-bottom: 1px solid rgb(200, 199, 204);}
.bigtab .aui-col-xs-6{padding:15px;border-right: 1px solid rgb(200, 199, 204);color:#323232;}
.bigtab .aui-col-xs-6 a{color:#323232;}
.bigtab .aui-col-xs-6:last-child{border-right: none;}
.bigtab .aui-col-xs-6 img{width: 45px;height: 45px;}

.country_list{background:#F0EFF5;padding:0;}
.country_list li{padding:15px;background:#fff;margin-bottom: 10px;}
.country_list li .travel_img{position:relative;overflow:hidden;}
.recommend-tag{position:absolute;padding:3px 5px 3px 10px;background:rgb(245, 166, 35);color:#fff;font-size:18px;border-radius:0 0 2px 0;top:0;left:0;font-style:normal;}
.recommend-tag:before{position:absolute;content:"";display:block;border-style:solid;border-width:13px 4px;border-color:rgb(245, 166, 35) transparent transparent rgb(245, 166, 35);right:-8px;top:0;}
.hotsell{background:rgb(239, 66, 53);}
.hotsell:before{border-color:rgb(239, 66, 53) transparent transparent rgb(239, 66, 53);}
.odds{background:rgb(9, 187, 7);}
.odds:before{border-color:rgb(9, 187, 7) transparent transparent rgb(9, 187, 7);}
.subtxt{position:absolute;bottom:0;left:0;background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,0,0,0.1)), to(rgba(0, 0, 0, 0.5)));background:gradient(linear, 0 0, 0 bottom, from(rgba(0,0,0,0.1)), to(rgba(0, 0, 0, 0.5)));color:#fff;width:100%;line-height: 30px;text-indent:10px;}
.travel_price{color:rgb(0, 151, 255);font-size:12px;margin-top: 3px;display:inline-block;}
.travel_price b{font-size:16px;font-family: 'gothic';}
.country_list .text-msg{padding-bottom: 0;}
.find_travel{background:#fff;margin-bottom: 10px;display:none;}
.find_travel .backgroundinit{border-radius:0;}
.text-introduce{padding:15px;font-size:14px;color:rgb(100,100,100);line-height: 22px;}
.text-introduce img{display:block;margin-bottom: 10px;}
.season,.findtravel{display:none;}

/*==================== 游记样式：2018-06-20新增 ======================*/
.tn-head-wrp{
    padding: 20px 15px 0 15px;
}
.tn-sub-head strong{
    float: left;
    vertical-align: middle;
    padding-right: 34px;
    color: #323232;
    font-size: 20px;
    position: relative;
}
.tn-sub-head strong:after{
    content: '';
    position: absolute;
    right: -4px;
    top: -2px;
    width: 28px;
    height: 14px;
    background: url("../images/travel_notes/icon_hot@2x.png") no-repeat center center;
    background-size: 28px auto;
}
.more-tn-link{
    float: right;
    color: #0097FF;
    font-size: 18px;
}
.tn-tips{
    margin-top: 4px;
    color: #646464;
    font-size: 14px;
}
.tn-tips strong{
    color: #EF4235;
}
#travelNotesUl{
    margin-left: 12px;
    margin-right: 12px;
}
.img-tn-item{
    width: 100%;
    padding: 18px 3px;
}
.tn-cover-wrp{
    height: 174px;
    border: 1px solid #f8f8f8;
    border-radius: 6px;
    overflow: hidden;
}
.tn-cover-wrp img{
    width: 100%;
    height: auto;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.img-tn-title{
    margin-top: 10px;
}
.img-tn-title p{
    height: 56px;
    line-height: 1.4em;
    overflow: hidden;
    color: #323232;
    font-size: 20px;
    font-weight: 700;
}
.imt-tn-oper{
    width: 100%;
    margin-top: 6px;
    padding: 0 2px;
}
.notes-tag{
    float: left;
    height: 18px;
    line-height: 16px;
    padding: 0 5px;
    text-align: center;
    color: #EF4235;
    font-size: 12px;
    border: 1px solid #EF4235;
    border-radius: 2px;
}
.tn-oper-item{
    float: right;
    line-height: 18px;
    color: #323232;
    font-size: 12px;
}
.tn-oper-item small{
    color: #646464;
}
/*==================== 游记样式：2018-06-20新增-end ======================*/

/*==================== 球+酒改版样式：2019-05-23新增-Begin ======================*/
.trpt-bar{
    background: transparent;
    border-bottom: none;
}
.trpt-bar .aui-title{
    color: #fff;
}
.trpt-bar .aui-icon-left{
    color: #fff;
}
.head-bg-box{
    margin-bottom: 25px;
}
.head-bg-box img{
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.sch-ipt-row{
    position: relative;
    margin-top: -35px;
    padding: 0 15px;
    z-index: 2;
}
.sch-inner{
    padding: 16px 16px 16px 38px;
    border-radius: 5px;
    font-size: 20px;
    background: #fff url("../images/icon-local-grey@2x.png") no-repeat 20px center;
    background-size: 18px 22px;
    box-shadow: 0 1px 5px 0 rgba(0, 151, 255, 0.25);
    box-sizing: border-box;
}
.sch-inner input{
    position: relative;
    top: 2px;
    height: 22px;
    padding: 0 0 0 10px;
    margin-bottom: 0;
    border: none;
}
.dist-title{
    margin-bottom: 10px;
    padding-left: 27px;
    color: #F34051;
    font-size: 19px;
    font-weight: bold;
    background: url("../images/icon-special-flag@2x.png") no-repeat left center;
    background-size: 22px 22px;
}
.discount-ul li{
    margin-bottom: 30px;
}
.discount-ul .cover-img{
    position: relative;
    width: 100%;
    height: 1.73rem;
    border-radius: 5px;
    overflow: hidden;
}
.discount-ul .cover-img .img{
    width: 100%;
    min-height: 1.73rem;
}
.retain-time-wrp{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 10px;
    background: -webkit-linear-gradient(rgba(50, 50, 50, 0), rgba(50, 50, 50, 0.65));
    background: -o-linear-gradient(rgba(50, 50, 50, 0), rgba(50, 50, 50, 0.65));
    background: -moz-linear-gradient(rgba(50, 50, 50, 0), rgba(50, 50, 50, 0.65));
    background: linear-gradient(rgba(50, 50, 50, 0), rgba(50, 50, 50, 0.65));
}
.rt-time-txt{
    color: #fff;
    font-size: 15px;
    text-align: right;
    text-shadow: 0 1px 1px 0 #1A1A1A;
}
.retain-time-wrp .time-sp{
    display: inline-block;
    width: 28px;
    height: 24px;
    line-height: 24px;
    /*padding: 0 4px;*/
    color: #F34051;
    font-size: 15px;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    background: rgba(255, 255, 255, 0.9);
}
.set-meal-info h2{
    margin-top: 8px;
    line-height: 25px;
    color: #1A1A1A;
    font-size: 18px;
    font-weight: normal;
}
.set-meal-info h4{
    line-height: 20px;
    color: #808080;
    font-size: 14px;
}
.pack-price{
    margin-top: 3px;
}
.pack-price .new-pr{
    color: #FC9B10;
    font-size: 15px;
}
.pack-price .new-pr strong{
    font-size: 22px;
    font-weight: bold;
}
.pack-price .old-pr{
    margin-left: 10px;
    color: #999;
    font-size: 14px;
    text-decoration: line-through;
}
.wrp-title{
    margin-bottom: 10px;
    font-size: 19px;
}
.dest-ext{
    color: #808080;
    font-size: 13px;
}
.pay-flag{
    position: absolute;
    left: 10px;
    top: 10px;
    min-width: 76px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: url("../images/green-flag-bg@2x.png") no-repeat center center;
    background-size: cover;
}
.found-travel{
    margin-bottom: 30px;
    padding: 15px;
    background: url("../images/found-travel-bg@2x.png") no-repeat center center;
    background-size: cover;
}
.flex-layout{
    display: flex;
    flex-wrap: wrap;
}
.flex-it{
    flex: 1;
}
.flex-layout img{
    width: 100%;
    height: auto;
}
.radius-box{
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.radius-box::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 2;
}
.radius-box .trvl-title{
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    line-height: 22px;
    padding: 0 10px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    z-index: 3;
}
.flex-layout .box-lg{
    height: 1.88rem;
}
.flex-layout .box-lg img{
    min-height: 1.88rem;
}
.flex-layout .box-sm{
    height: 0.91rem;
}
.flex-layout .box-sm img{
    min-height: 0.91rem;
}
.f-lay-2 .flex-it,
.f-lay-4 .flex-it:nth-of-type(1){
    width: 50%;
}
.f-lay-2 .flex-it:first-child{
    padding-right: 3px;
}
.f-lay-2 .flex-it:last-child{
    padding-left: 3px;
}
.f-lay-4 .flex-it:nth-of-type(3){
    flex: auto;
    width: 100%;
    margin-top: 6px;
}
/*==================== 球+酒改版样式：2019-05-23新增-End ======================*/