﻿
.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; position:relative;
}


.tour-box-list:last-child {
    border-bottom: none;
}

.tour-box-list a {
    color:#222;
}

.tour-box-list dl {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position:relative;
}

.tour-box-list dl dt {
    width: 2.8rem;
    height: 2rem;
    display: block;
    float: left;
    overflow: hidden;
    margin: .2rem .2rem .2rem 0;
    border-radius:.1rem;
}

.tour-box-list dl dt img {
    width: 2.8rem; height:100%;
}

.tour-box-list dl dd {
    width: calc(100% - 3.1rem);
    float: left;
   
}

.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: 1;
    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;
    position:absolute; bottom:20px; left:3.1rem;
}

.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; margin-left:4px;
}
.tour-box-list dl dd.tourism-price p span{ color:#666; }
.tour-box-list dl dd.tourism-price p span em{ color:#666; font-style:normal; text-decoration:line-through;}
.tour-box-list dl dd.tourism-price p b{ background:#f60; color:#fff; border-radius:9px; padding:2px 5px 2px 10px; font-style:normal; margin-left:10px; }

#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;

    line-height:.32rem;
}

.tour-box-list dl dd.site-price p {
    float:left;
    color: #ff5016;
    font-size: .24rem;
    width:50%;
    line-height:.28rem;
     width:100%; 
}
.tour-box-list dl dd.site-price p span{ color:#666;}
.tour-box-list dl dd.site-price p span> em{  color:#666; text-decoration:line-through; font-style:normal;}

.tour-box-list dl dd.site-price p i {    font-size:.32rem;    font-style: normal;}
.tour-box-list dl dd.site-price p b{ background:#f60; color:#fff; border-radius:9px; padding:2px 5px 2px 10px; font-style:normal; margin-left:10px; margin-right:4px; }

.djs{ float:left; width:100%; position:absolute; bottom:10px; left:3.0rem;}
.djs b{ font-weight:normal; font-size:12px; color:#f60; margin:0 2px; padding:0 3px; border-radius:3px;}
.tour-box-list dl dd.site-price1{ margin-top:5px; padding-top:0;}
.jdjg{ position:absolute;  width:100%;  position:absolute; bottom:10px; left:3.0rem;}


.xuanze1{ display:none;}
.nav_list{ float:left; width:100%;}
.nav_list ul{ float:left; width:100%; padding:10px 10px 0; box-sizing: border-box;}
.nav_list ul li{ float:left; width:32%; margin-right:2%; text-align:center; margin-bottom:5px;}
.nav_list ul li:nth-child(3n){ margin-right:0;}
.nav_list ul li:nth-child(3n+1){  clear:both;}
.nav_list ul li a{float:left; width:100%; font-size:14px; color:#666; text-align:center; line-height:24px; border:solid 1px #ddd; padding:0px 5px; box-sizing: border-box;}









