﻿
.trip{
    width:100%;

 

    top:0;
    left:0;
    z-index: 99
}



.search-box{
    width:90%;
    height:.5rem;
    background: #fff;
    border-radius: .3rem;
    margin:.2rem auto .32rem ;
}
.search-box a{
    width:100%;
    height:.5rem;
    display: block;
    line-height:.5rem;
    font-size: .24rem;
    color:#666;
}
.search-box a i{
    display:inline-block;
    padding-left: 1.7rem
}



.trip-nav{
    width:100%;
    height:.8rem;
    background: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.trip-nav-item{
    cursor: pointer;
    flex: 1;
    border-right:1px #e5e5e5 solid;
    border-bottom:1px #e5e5e5 solid;
    font-size:.28rem;
    color:#000;
    text-align: center;
    line-height: .8rem;
    overflow: hidden
}
.trip-nav-item.active{border-bottom:1px #529CE5 solid;}
.trip-nav-item i{
    font-size: .28rem
}
.trip-nav-item:last-child{
    border-right:none;
}



/*条件筛选*/
.xuanze{ width:100%; height:.8rem; background:#fff; display: flex; flex-direction:row; flex-wrap: nowrap; justify-content: space-between; border-bottom:1px solid #ddd;
top:0; left:0;}
.xuanze a{flex:1; font-size:.28rem; color: #333; text-align: center; line-height:.8rem; overflow: hidden;}
.xuanze i{display: inline-block; font-size:.28rem;  transform: rotate(-90deg); margin-left:.2rem;}
/*条件筛选*/

.screen{
    padding:10px;
    overflow:hidden;
}
.screen p{
    color:#666;
    font-size:.28rem;
}
.screen ul{
   width:100%;
   padding-top:.2rem;
}
.screen ul li{
    cursor: pointer;
    width:30%;
    margin:.1rem .1rem .1rem 0;
    font-size:.24rem;
    color:#111;
    border:1px #e5e5e5 solid;
    border-radius: .1rem;
    line-height:.5rem;
    text-align: center;
    float:left;
}
.screen ul li.active{
    border:1px solid #529ce5;
    color:#529ce5;
}


.trip-list{
    margin-bottom:1rem;
    font-size:.24rem;
    background: #f5f5f5;
    margin-top:10px;
}

.trip-list-box{
    background: #fff;
    overflow:hidden;
    /*margin-top:.2rem;*/
}
.tour-box-list {
    margin: 0 .2rem;
    overflow: hidden;
    border-bottom: 1px solid #e6e9ec;
}


.tour-box-list:last-child {
    border-bottom: none;
}

.tour-box-list a {
    color:#222;
    display: block;
}

.tour-box-list dl {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.tour-box-list dl dt {
    width: 2.1rem;
    height: 1.6rem;
    display: block;
    float: left;
    overflow: hidden;
    margin: .3rem .3rem .3rem 0;
    border-radius:.1rem;
}

.tour-box-list dl dt img {
    width: 2.1rem;
    height: 1.6rem;
}

.tour-box-list dl dd {
    width: calc(100% - 2.5rem);
    float: left;
    overflow: hidden;
}

.tour-box-list dl dd.tourism {
    color: #222;
    font-size: .28rem;
    margin-top: .3rem;
    line-height: .4rem;
    max-height:.8rem;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.tour-box-list dl dd.tourism-info{
    color: #666;
    font-size: .24rem;
    padding-top:.1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tour-box-list dl dd.tourism-price {
    padding-top: .16rem;
}

.tour-box-list dl dd.tourism-price p {
    color: #ff5016;
    font-size: .24rem;
}

.tour-box-list dl dd.tourism-price p i {
    font-size: .32rem;
    font-style: normal;
}


#loading,#nomore{
    text-align: center;
    background-color: #fff;
    height:.5rem;
    line-height: .5rem;
}
#nomore{
    color:#777;
    display: none;
}


.ios-select-widget-box header.iosselect-header a{
    color:#529ce5 !important;
}


.telephone {
    width: 100%;
}

.telephone ul li {
    width: 100%;
    padding: .2rem 0;
    overflow: hidden;
    border-bottom: 1px rgba(255, 255, 255, .3) solid;
}

.telephone ul li:last-child {
    border-bottom: none
}

.telephone ul li a {
    width: 100%;
    display: block;
    color: #111;
}

.telephone ul li a dl dt {
    width: 50%;
    float: left;
    font-size: .28rem;
    color: #111;
}

.telephone ul li a dl dt i {
    font-weight: bold;
    display: block;
    float: left;
}

.telephone ul li a dl dt span {
    display: block;
    float: left;
    padding-left: .1rem
}

.telephone ul li a dl dd {
    float: right;
    font-size: .28rem;
}


/*旅游目的地*/

.fixHead .ly{float: left; font-size: .32rem; width: 70%; text-align: center; color: #fff; line-height: .9rem;}

.list_more{margin-top: .9rem; font-size: .28rem; background:#fff; padding-bottom:1rem;}
.list_more .list_nav{float:left; width:25%; box-shadow: 0 0 3px #ccc;}
.list_nav .name{width:100%; padding-bottom:.2rem; border-right: 1px solid #ddd; background: #f0f0f0;}
.list_nav .name li{width:70%; margin:auto; height:1.2rem; line-height:1.2rem; border-bottom:1px solid #ddd; text-align:center;  font-size:.3rem; cursor:pointer;}
.list_nav .name li.cur{border-bottom:2px solid #529CE5;}
.list_more .list_box{float:left; width:74.5%; margin-left:0.5%;}
.list_box .cont{width:100%;}
.list_box .cont dt{line-height:.9rem; padding-left:.12rem;}
.list_box .cont dt i{display:inline-block;width: 3%; height: 8px; border-radius:999px; background:#1A99D3;  position: relative; top: -.36rem;}
.list_box .cont dt a{display:inline-block;width: 23%; text-align: center; color: #333; height: .9rem; overflow: hidden; text-overflow:ellipsis;}

/*景点*/
.tour-box-list dl dd.site-price{
    padding-top: .16rem;
    margin-top:.2rem;
}

.tour-box-list dl dd.site-price span{
    float:left;
    display:block;
    width:60%; 
    line-height:.32rem;
}

.tour-box-list dl dd.site-price p {
    float:right;
    color: #ff5016;
    font-size: .24rem;
    line-height:.28rem;
}

.tour-box-list dl dd.site-price p i {
    font-size:.32rem;
    font-style: normal;
}










