section .swiper-pagination-bullet-active{opacity:1;background:#099FDE}


/*------推荐列表------*/
.recommend-list{background:#fff}
.recommend-list li{width:50%;float:left;padding:10px;}
.recommend-list li .pic{float:left;width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:10px;}
.recommend-list li .pic img{width:100%;height:100%}
.recommend-list li .context{height:50px;}
.recommend-list li .title{color:#000;margin-bottom:4px;vertical-align:middle;margin-top:7px;line-height:1.2;overflow:hidden;-webkit-line-clamp:1;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.recommend-list li .desc{color:#777;font-size:12px;vertical-align:middle;margin-top:7px;height:12px;overflow:hidden;-webkit-line-clamp:1;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}

.recommend2-list{padding:10px 0px; padding-top:5px; background:#fff;width:100%}
.recommend2-list  .context{padding:12px 0 25px 0}
.recommend2-list  .title{color:#333;text-align:center; line-height:1.5; font-size:18px; margin-bottom:4px}
.recommend2-list  .desc{padding:0 20px;height:38px;color:#999;text-align:center; line-height:1.5; font-size:14px;overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}

/*------旅游列表-------*/
.tourism-list{}
.tourism-list li{position:relative;padding:0px 0px 20px 0;background:#fff;}
.tourism-list li .pic img{width:100%;height:50vw;max-height:320px;}
.tourism-list li .title{margin-top:8px;padding-left:10px;font-size:17px;height:18px;padding-right:76px;line-height:1.4;overflow:hidden;-webkit-line-clamp:1;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.tourism-list li .desc{margin-top:4px;padding-left:10px;color:#777;line-height:1.4;height:15px;padding-right:76px;overflow:hidden;-webkit-line-clamp:1;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.tourism-list li .o-price{position:absolute;right:10px;bottom:42px;font-size:12px;color:#777}
.tourism-list li .price{position:absolute;right:10px;bottom:19px;font-size:20px;color:#ff5b47;}
.tourism-list li .price small{font-size:12px;margin-right:2px}

#cityPage::-webkit-scrollbar {width:0px;height:0px;}
#cityPage{position:fixed;z-index:999;top:0;width:100%;max-width:640px;height:100%;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#cityPage .page-header h2{line-height:44px;background:#f4f4f4;text-align:center;font-size:18px;font-weight:400;border-bottom:1px solid #e4e4e4}
#cityPage .page-header .page-back{width:44px;height:44px; padding-left:10px; position:absolute;left:0;top:0}
#cityPage .page-header .page-back:after{content:'';display:block;width:14px;height:14px;border-left: 2px solid #099FDE;border-top: 2px solid #099FDE;margin: 14px 0 0 14px;-webkit-transform: rotate(-45deg);}

.city-list{}
.city-list h2{padding:6px 20px;font-size:16px;color:#444;background:#e6e6e6;font-weight:100;border-bottom:1px solid #e4e4e4}
.city-list .item a{display:block;padding:14px 20px;border-bottom:1px solid #e4e4e4}
.city-list .item a.dingwei{padding-left:34px;background:url(../images/icon/icon-dingwei3.png) no-repeat 15px 12px; background-size:16px auto}
.city-list .item-group{padding:10px}
.city-list .item-group li{float:left;width:33.3%;padding:5px}
.city-list .item-group li a{display:block;width:100%;padding:8px 0; text-align:center; border:1px solid #e4e4e4; border-radius:4px}

#customeService{position:fixed;z-index:999;top:0;width:100%;max-width:640px;height:100%;}
#customeService .shade{position:absolute;z-index:998;width:100%;height:100%; background:#000;opacity:0.7}
#customeService .box{position:absolute;left:50%;margin-left:-160px;top:50%;margin-top:-80px;z-index:999;width:320px;height:160px; background:#fff; border-radius:4px;padding:10px; }
#customeService .box .item{padding:5px 0}
#customeService .box .item:first-child{ border-bottom:1px solid #e9e9e9;}
#customeService .box .left{display:table-cell;vertical-align:top;width:60px;height:60px;}
#customeService .box .left i{display:block;width:40px;height:40px;margin-top:10px;margin-left:10px;border-radius:50%}
#customeService .box .left i.icon-kefu{ background:url(../images/icon/icon-kefu.png) no-repeat center center #ff5b47; background-size:28px}
#customeService .box .left i.icon-tel{ background:url(../images/icon/icon-dianhua.png) no-repeat center center #11d515; background-size:28px}
#customeService .box .right{display:table-cell;vertical-align:top;width:240px;height:60px;}
#customeService .box .right .title{ margin-top:12px; font-size:16px}
#customeService .box .right .title span{display:inline-block; vertical-align:middle;margin-right:5px}
#customeService .box .right .title .label{padding:2px; font-size:12px;color:#ff5b47; border:1px solid #ff5b47}
#customeService .box .right .desc{ margin-top:8px;color:#777}