.swiper-container {
    width: 100%;
    height: 100%;
    background: #fff;
}

.swiper-slide {
    position: relative;
}

.swiper-slide img {
    height: 4rem !important;
}

.swiper-pagination-bullets {
    bottom: 0 !important;
}

.swiper-pagination-bullet {
    background: #fff !important;
    opacity: 1 !important
}

.swiper-pagination-bullet-active {
    background: #f76e5b !important
}
.nav li .tou_bg img{height:48px;}
.swiper-iub-mask {
    width: 100%;
    height: 4rem !important;
    background: rgba(255, 255, 255, .1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}


.search {
    width: 90%;
    height: .6rem;
    position: absolute;
    left: 5%;
    top: .3rem;
    z-index: 100;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.search .user-icon{
    display: block;
    height:.6rem;
    width:.6rem;
    margin-right: .1rem;
    border-radius: 50%;
    overflow: hidden;
    font-size: 0;
    text-align: center;
    background-color: rgba(255,255,255,.3);
    color:#fff;
    line-height: .6rem;
}
.search .user-icon img{
    height:.6rem;
    width: .6rem;
    vertical-align: top;
}

.search .search_key{display: block;
    flex:1;
    height: .6rem;
    background: rgba(255, 255, 255, .2);
    border-radius: .3rem;
    font-size: .28rem;
    color: #fff;
    line-height: .6rem;
    border:none;
    padding-left:.4rem;
    float: left
}
.search input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #fff;}   

.search button{
    float: right;
    padding:0 .3rem 0 0;
    font-size: .4rem;
    color: #fff;
    border:none;
    background:none;
    position:absolute;
    top:.1rem;
    right:.1rem;
}

/*.search .search-wrap {
    display: block;
    flex:1;
    height: .6rem;
    background: rgba(255, 255, 255, .2);
    border-radius: .3rem;
    font-size: .28rem;
    color: #fff;
    line-height: .6rem;
    float: left
}

.search .search-wrap span {
    padding-left: .4rem;
}*/

.search .search-wrap i {
    float: right;
    padding:0 .3rem 0 0;
    font-size: .4rem;
    color: #fff
}

.nav {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff
}

.nav ul {
    margin: .2rem;
    overflow: hidden;
}

.nav ul li {
    width: 25%;
    float: left;
    margin-top: .1rem
}

.nav ul li a {
    display: block;height:86px;
    overflow: hidden
}

.nav ul li a span {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    display: block;
    margin: .1rem auto 0;
}

.nav ul li a em {
    width: 100%;
    line-height: .4rem;
    color: #555;
    font-size: 0.28rem;
    text-align: center;
    display: block;
    font-style: normal;
    padding: .1rem 0
}

/*.iconmoonfont {
    color: #fff;
    font-size: .6rem;
    padding: .3rem;
}*/
.nav .iconfont {
    color: #fff;
    font-size: .6rem;
    padding: .3rem;
}


.tour ,.tour-type{
    background: #fff;
    margin-top: .2rem;
}

.tour-box {
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin-top: .2rem;
}

.tour-box-title {
    height: .8rem;
    border-bottom: 1px #d8d8d8 solid;
    line-height: .8rem;
    padding: 0 .2rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width:calc(100% - .4rem);
}

.titleColor {
    color: #f76e5b;
    font-size: .28rem;
    padding:0;
}
.tour-box-title .t {
    display: block;
    flex:1;
    color: #333;
    font-size: .28rem;
    float: left;
}

.tour-box-title .t i {
    font-style: normal;
}

.tour-box-title .more {
    display: block;
    color: #999;
    font-size: .24rem;
    padding:0 .1rem 0 .3rem;
}
.tour-box-title .more i{
    font-size:.24rem;
    padding:0;
    color:#999;
}

.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;
}
.tour-box-list dt {
    width: 2.1rem;
    height: 1.6rem;
    display: block;
    float: left;
    margin: .3rem .3rem .3rem 0;
}

.tour-box-list dt img {
    width: 2.1rem;
    height: 1.6rem;
    border-radius:.1rem;
}

.tour-box-list dd {
    width: calc(100% - 2.5rem);
    float: left;
    overflow: hidden;
}

.tour-box-list dd.tourism {
    color: #222;
    font-size: .28rem;
    margin-top: .3rem;
    line-height: .4rem;
    height:.8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.tour-box-list dd.tourism-info{
    color: #666;
    font-size: .24rem;
    padding-top:.1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tour-box-list dd.tourism-price {
    padding-top: .16rem;
}

.tour-box-list dd.tourism-price p {
    color: #ff5016;
    font-size: .24rem;
}

.tour-box-list dd.tourism-price p i {
    font-size: .32rem;
    font-style: normal;
}

.tour-type {
    padding-bottom: .2rem;
}
.tour-type .tour-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.tour-type .tour-box-list{
    flex:1;
    border: none;
}
.tour-type .tour-box-list a{
    height:auto;
}
.tour-type .tourism-info{
    display: none;
}
.tour-type .tour-box-list dt,.tour-type .tour-box-list dt img {
    width:100%;
    height:auto;
    border-radius: 0;
    vertical-align: top;
}
.tour-type .tour-box-list dt{
    height:1.6rem;
    overflow: hidden;
    border-radius: .1rem
}
.tour-type .tour-box-list dd{
    float:none;
    width:100%;
}
.tour-type .tour-box-list dd.tourism-info{
    display: none;
}
.tour-type .tour-box-list:first-child {
    width:100%;
    flex:auto;
}
.tour-type .tour-box-list:first-child dt,.tour-type .tour-box-list:first-child img{
    height:calc(100vw / 2.77777);
    width:100%;
}
.tour-type .tour-box-list:first-child dd.tourism-info{
    display: block;
}



.user-info{
    font-size: .28rem;
    background-color: #fff;
    margin-bottom: .2rem;
    padding:.7rem .2rem .2rem;
    position: relative;
    z-index:1;
    color: #333;
}

.user-info .user-ava{
    position: absolute;
    left:50%;
    width:1.6rem;
    height:1.6rem;
    top:-.9rem;
    margin-left: -.9rem;
    overflow: hidden;
    border: .1rem solid rgba(173,173,173,.4);
    border-radius: 50%
}
.user-info .user-ava img{
    width:1.6rem;
    height:1.6rem;
    border-radius: 50%;
    vertical-align: top;
}
.user-info .info-list{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.user-info .info-list ul{
    flex:1;
}
.user-info .info-list .qrwrap{
    width:2.2rem;
    text-align: center;
    margin-top:.5rem;
}
.user-info .info-list .qrwrap .qr{
    display: block;
    height:1.3rem;
    width:1.3rem;
    padding:.1rem;
    border: 1px solid #ddd;
    margin:-.3rem auto .2rem;
}
.user-info .info-list li{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    height:.6rem;
    line-height: .6rem;
   
}
.user-info .info-list li .controls{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex:1;
    width:55vw;
}
.user-info .info-list .label i{
    float: left;
    margin: -.05rem .1rem 0 0;
}

.nav1{
    margin-top: 1.1rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
}
.nav1 li{
    width:50%;
}
.nav1 a{
    display: block;
    margin:.2rem;
    border: 1px solid #000;
    height:.8rem;
    line-height: .8rem;
    font-size: .28rem;
    text-align: center;
    border-radius: .1rem;
    color:#222;
}
.nav1 li:nth-of-type(1n) a{
    border: 1px solid #409EFF;
    color:#409EFF;
}
.nav1 li:nth-of-type(2n) a{
    border: 1px solid #67C23A;
    color:#67C23A;
}
.nav1 li:nth-of-type(3n) a{
    border: 1px solid #E6A23C;
    color:#E6A23C;
}
.nav1 li:nth-of-type(4n) a{
    border: 1px solid #F56C6C;
    color:#F56C6C;
}
.nav1 li:nth-of-type(5n) a{
    border: 1px solid #6bdf7b;
    color:#6bdf7b;
}
.nav1 li:nth-of-type(6n) a{
    border: 1px solid #64a1fc;
    color:#64a1fc;
}

.nav1 li:nth-of-type(7n) a{
    border: 1px solid rgb(193,83,228);
    color:rgb(193,83,228);
}

.nav1 li:nth-of-type(8n) a{
    border: 1px solid #f08f56;
    color:#f08f56;
}


.trips-load,.trips-none{
    text-align: center;
    background-color: #fff;
    height:.5rem;
    line-height: .5rem;
    font-size: .28rem;
    color:#777;
}
.trips-none{
    color:#777;
    display: none;
}
.tabHandler{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    background-color: #fff;
}
.tabHandler a{
    flex:1;
    font-size: .28rem;
    height:.8rem;
    line-height: .8rem;
    text-align: center;
    color:#777;
}
.tabHandler .active{
    position: relative;
    z-index:1;
    color:#222;
}
.tabHandler .active:after{
    content:'';
    width:100%;
    height:.02rem;
    background-color: #f76e5b;
    position: absolute;
    left:0;
    top:100%;
}



.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;
}