body{margin:0 auto !important; width:100%; max-width:640px; min-width:305px; padding:0;font-family:"14px/24px Helvetica,Arial,sans-serif !important"; background:#f1f1f1;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
/*顶部导航*/
.header{max-width:640px;background:#3a9d9a;color:#fff; z-index: 50;min-width: 305px;}
.header img{height:50px;}
.header .head-item{color: #fff;width: 35px;height: 37px;padding-top: 14px;text-align:center;}
.header .head-main{width: 157px; margin:0 auto;}
.header .head-main img { display: block; margin: 0 auto;}
.header .head-right{float:right;}
.header .head-right img{margin:7.5px 0; width:35px; padding-right:10px; float:right; height:35px;}
.header .head-right span{line-height:50px;}
.header .head-right span a{color:#fff;}
/*公告*/
.notice{background:#8d4e28; text-align:center; padding:5px 0; color:#fff;}
.notice a{color:#fff !important;}
/*模块标题*/
.r-title{padding: 8px 15px; height: 35px; line-height: 35px; border-bottom: 1px solid #ddd;}
.r-title h1{font-weight:normal; display: initial; font-size:16px;}
.r-title span{color:#aaa;font-weight:normal;margin-left:10px;font-size: 14px;float: right;}
.r-title span a{margin-right:10px;}
.s-title{border-bottom: 1px solid #ddd;}

/*选项卡*/
.tab-nav{background: #F7F7F7;}
.tab-nav a{width:31%; margin:0 0 -1px 1.3333%;padding:10px 0;text-align:center;border: 1px solid #dee2e6;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.tab-nav a:first-child{ margin:0 0 -1px 0;}
.tab-nav .active{background:#fff;border-bottom:none;}

/*目的地横排推荐*/
.top-mdd{}
.top-mdd .mdd-item{height: 70px; line-height: 70px;overflow: hidden;}
.top-mdd .mdd-item img{width:100%;}
.top-mdd .mdd-item a{top: 0;left: 0;background: rgba(0,0,0,.35);text-align: center;font-weight: bold;width: 100%;color: #fff;}

/*边栏搜索框*/
.search {padding:10px 5% 5px; width:90%;}
.search .text_input{line-height:33px; border:none; border-radius: 20px; text-indent:10px;width:100%; outline: none;}
.search .btn{border: 0;z-index: 99;background: none;}
/*边栏搜遮罩层*/
#mm-blocker{opacity: 0.5 !important; background: #000 !important;}
/*展开更多半透明层 */
#gradient,.gradient{width: 100%;height:50px;position: absolute;bottom: 0;left: 0;background: -moz-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));background: -o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));}
.shouqi{height:1060px; overflow:hidden !important;}

/*滚动轮播*/
.top-swiper{}
.top-swiper .top-img{height:200px; overflow:hidden;}
.top-swiper .top-title{bottom:0;width: 100%;line-height: 36px;font-size: 15px;background: rgba(247, 247, 247, 0.71);overflow: hidden;}
.top-swiper .swiper-pagination-top{top: 5px !important; bottom: unset !important;}

/*2016-07-25分类筛选*/
.list-filtrate { -webkit-user-select: none;z-index: 499; padding:0 1px;}
.filtrate-nav { display: block;}
.filtrate-nav ul {
    display: -webkit-box;
    display: box;
    padding: 0;
    background: #fff;
    height: 40px;
	margin:5px 0 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}
.filtrate-nav li {
    -webkit-box-flex: 2;
	margin:0 !important;
    line-height: 40px;
    position: relative;
    text-align: center;
    float: left;
}
.filtrate-nav a {
    border-right: 1px solid #dcdcdc;
    display: block;
    line-height: 18px;
    height: 18px;
    padding: 11px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 70px;
}
i.filt-arrow {
    margin-left: 4px;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px;
    border-color: #747474 transparent transparent transparent;
}

.sort {padding: 0 1px;margin-bottom:0px; margin-top:-1px !important;}
.sort .abc {overflow: hidden;padding: 0px;margin: 0px;background: #fff;}
.sort .abc li{
    float: left;
	margin:0;
    width: 33.3333%;
    border-right: 1px solid #eee;
    -webkit-box-sizing: border-box;
    border-top: 1px solid #eee;
    padding:0 5px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
}
.sort .show { background-color: #3a9d9a;}
.sort .show a{ color: #fff;}

/*时间线css*/
.time-line{}
.time-line .line-item{}
.time-line .item-shorttime{}
.time-line .item-icon:after{display: inline-block;width: 8px;height: 8px;border: 2px solid #b3ccf4;border-radius: 100%; top: 5px;right: -22px;z-index: 1;content: "";position: absolute;background: #fff;}
.time-line .ml-2px{margin-left:2px;}
.time-line .ml-f32px{margin-left:-32px;}
.time-line .item-content{font-size: 15px;}
.time-line .item-info1{font-size: 14px;}

/*路线列表*/
.line-list{background: #fff;font-size: 15px;}
.line-list .line-item{border-top: 1px solid #dee2e6; margin-top:1rem; padding-top:1rem;}
.line-list .line-item:first-child{border-top:none;margin-top:0; padding-top:0;}
.line-list .line-name{}
.line-list .line-bigimg{}
.line-bigimg .line-img{height: 180px;overflow: hidden;}
.line-bigimg .line-img img{min-height: 180px;}
.line-bigimg .line-price {bottom: 0; left: 0px; width: 100px; padding-left: 12px; line-height: 30px; background: rgba(255, 116, 102, 0.9);}
.line-bigimg .line-cfd {bottom: 3px;right: 15px;background: rgba(0, 0, 0, 0.5);height: 24px;line-height: 24px;border-radius: 12px;padding: 0 15px;}
.line-bigimg .line-zrs {top: 10px;right: 15px;background: rgba(0, 0, 0, 0.5);height: 24px;line-height: 24px;border-radius: 12px;padding: 0 15px;}

.line-list .line-smallimg{}
.line-smallimg .line-img{width: 125px; height: 83px;overflow: hidden;}
.line-smallimg .line-info{margin-left: 125px;color:#666;}
.line-smallimg .line-img-ts {bottom: 0; left: 0px; width:100%; background: rgba(58, 157, 154, 0.8);}

.swiper-top{}
.swiper-top .line-item {border-top: none;margin-top: 0;padding-top:0;}

/*大图轮播-通用*/
.swip-b-img{}
.swip-b-img .swip-b-item{display: flex;justify-content: center;align-items: center;}
.swip-b-img .swip-b-img{height: 150px;width: 100%;overflow: hidden;}
.swip-b-img .swip-b-img img{width: 100%;min-height:150px;}
.swip-b-img .swip-b-border{border: 3px solid rgba(255, 255, 255, 0.7);}
.swip-b-img .swip-b-info{margin: auto;width:150px;background: rgba(255, 255, 255, 0.7);}
.swip-b-img .swip-b-name{border-bottom: 1px solid #9E9E9E;}

/*景点信息卡*/
.scen-card{}
.scen-card .scen-item{border-top: 1px solid #eee;padding-top:0.5rem;margin-top:0.5rem;}
.scen-item:first-child {border-top: none;padding-top: 0;margin-top: 0;}
.scen-item .info{line-height: 22px;font-size: 14px;}
.scen-item .info h3{font-size: 18px;font-weight: normal;}
.scen-item .opentiem{border-radius: 12px;border:1px solid #dfeaf0;}
.scen-item .pic {max-height: 180px;min-width:100px;overflow: hidden;position: relative;border-radius: 8px;}
.scen-item .pic img {width: 100%;display: table-cell;vertical-align: middle;min-height:106px;}
.scen-item .level{position: absolute; bottom:0;background:rgba(51, 51, 51, 0.7); color:#fff; width:100%;}

/*poi信息卡*/
.poi-card{background:#F7F7F7; margin:15px 0;padding: 15px 2% !important;position: relative;border-bottom: none !important;}
.poi-card .poi-title{font-weight: bold;}
.poi-card .poi-title span{color: #8a8686;font-size: 15px;font-weight: normal;}
.poi-card .poi-intro{margin: 10px 0 0;line-height: 27px;font-size: inherit;}
.poi-card .poi-des{margin: 10px 0 0;line-height: 27px;font-size: inherit;overflow: hidden; display: inline-block;}
.poi-card .poi-des-more a {position: absolute; bottom: 21px; z-index: 9; right: 10px; width: 70px; text-align: right; background-image: -webkit-linear-gradient(left, rgb(255, 255, 255,0.9), rgba(202, 198, 198, 1)); padding-right: 5px; font-size: 14px;}
.poi-card .pic-1p2{padding: 0; background: none; border-bottom: none;margin-top: 10px;}
.poi-card .pic-1p2{padding: 0; background: none; border-bottom: none;margin-top: 10px;}
.poi-card .pic-1p2 li:first-child{width:99%;height:166px;overflow: hidden;}
.poi-card .pic-1p2 li{width:49%;height:116px;overflow: hidden; margin:0.5%;float:left;}
.poi-card .pic-1p2 li img{min-height:166px;}
.poi-card a{border-bottom:unset;color: unset !important;}

/*目的地头部*/
.taghead{width:100%; max-width:640px;}
.taghead .mdd-cover{ max-height: 200px; overflow: hidden; height: 25vw; min-height: 122px; position: relative;}
.taghead img{width:100%; min-height: 267px;}
.taghead .mdd-info{position: relative; background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.9)); margin-top:-70px; overflow: hidden;height:70px;}
.taghead .tagtitle {height: 60px; color: #fff; float:left; padding-top:10px; }
.taghead .tagtitle span{padding-left:10px; font-size:28px; font-weight: bold; margin-right:10px;}
.taghead .xqqg-bg{border-radius: 8px; background-color: rgba(94, 177, 223, 0.7); padding: 3px 7px; margin:0;cursor:pointer; color: #fff; position: absolute; z-index: 99;}
.taghead .tags-go{bottom:60px;width:120px;right:10px;}
.taghead .tags-come{bottom:20px;width:120px;right:10px;}

/*目的地导航*/
.mdd-nav{background: #fff;height: auto;}
.mdd-nav ul{box-sizing: border-box;-webkit-box-sizing: border-box;}
.mdd-nav li{
    width: 25%;height: 44px;line-height: 44px;float: left;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}
.mdd-nav li:nth-child(4n){border-right:0}
.mdd-nav .action{background: #76c2e6;}
.mdd-nav .action a{color: #fff;}

/*商家信息卡*/
.jlb-head {
	display: block;
    padding: 0;
    color: #666;
	background-size: cover;
	background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jlb-user-head {height: 62px; overflow: hidden; position: relative;}
.jlb-head-bg {
    position: absolute;
    top: 0;
    bottom: 0;
	height: 120%;
	width: 120%;
    left: -10%;
    right: -10%;
	background-position: 50%;
	filter: blur(22px);
	-webkit-filter: blur(25px);
    -ms-filter: blur(25px);
    background-size: cover;
	background-repeat: no-repeat;
	z-index: 0;
}
.jlb-logo-name { position: relative; margin:0 17px;}
.jlb-logo{ float: left; width: 73px; height: 73px; margin-top: -36px;}
.jlb-logo img{
    width: 100%;
    height: 100%;
	border-radius: 50%;
    background-size: 100%;
    background-position: center;
	border:1px solid #dcdcdc;
}
.jlb-name{color:#666; font-size: 14px; font-weight:normal;}
.jlb-name h1, .jlb-name h2{font-size: 17px; font-weight: bold; margin: 0; padding: 10px 0 10px 85px;}
.jlb-info{ margin:0 17px; padding:12px 0; line-height: 22px; color: #666; font-size: 14px;}
.jlb-info .jlb-des{margin-right:80px; height: 44px; overflow: hidden;}
.jlb-info .jlb-view{float:right; width:70px; text-align: center; border-left:1px solid #dcdcdc;}
.jlb-info .jlb-view span{font-weight: 800; font-size: 18px;display: block;}

/*店铺信息卡*/
.shop-card{height: 98px; overflow: hidden;}
.shop-card .card-body{top:10px;left:10px; right:10px;}
.shop-card .card-bg{height:120%;width:120%;background-position: 50%;filter: blur(22px); -webkit-filter: blur(25px); background-size: cover; background-repeat: no-repeat;}
.shop-card .shop-info{}
.shop-card .shop-logo{overflow: hidden;height: 68px;width: 68px;padding: 5px;}
.shop-card .shop-logo img{width: 100%;height: 100%;border-radius: 50%;background-size: 100%;background-position: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)}
.shop-card .s-verify{bottom:5px; right:5px;}
.shop-card .shop-name{max-width:190px;}
.shop-card .goto-page{width:82px;}

/*julebu20161002*/
.content-shopcard{padding:10px 3%;}
.content-shopcard .shopcard-pic {overflow: hidden;width:50px;height:50px;}
.content-shopcard .shopcard-pic img{width:100%;}
.content-shopcard .shopcard-right{width:30px;line-height: 50px;}
.content-shopcard .shopcard-info{margin:0 30px 0 60px;line-height: 25px;}
.content-shopcard .shopcard-name{}
.content-shopcard .shopcard-num{font-size:13px;}

/*路线头部信息卡*/
.linehead-card{}
.linehead-card .line-pic{height:188px; overflow: hidden;}
.linehead-card .line-title{bottom:0;width:100%;background: rgba(247, 247, 247, 0.71);}

/*用户信息卡*/
.user-card{}
.user-card .u-avatar{overflow: hidden;}
.user-card .avatar-28{width:28px; height:28px;}
.user-card .avatar-36{width:36px; height:36px;}
.user-card .u-avatar img{width:100%;}
.user-card .u-name-28{line-height:28px; margin-left:33px;}

/*分页*/
.fenye{margin: 1px 0;width: 100%;border-radius: 4px;}
.fenye li{width: 33%;padding: 10px 0;text-align: center; float:left;}
.fenye .active{background: #428bca; color:#fff;}

/*底部导航 */
.foot-nav{height:10px;}
.foot-nav a{width:33.3%;border-left:1px solid #e8e8e8;color:#fff !important;}
.foot-nav a:first-child{border-left:none;}
.foot-nav li{line-height:45px;background: #69d0cd;}
.foot-nav li img{width:20px; height:20px;border-radius: 50%;vertical-align: text-bottom;}
.foot-nav .action{background: #26adff;}
.foot-flex{overflow: hidden;z-index: 100;font-size: 16px;position: fixed; bottom: 0;max-width: 640px;width: 100%; min-width:305px;}

/*底部评论弹出层*/
.discuss-foot{}
.discuss-foot .screen-full{background: #01010180 !important;z-index: 100;}
.discuss-foot .comment-form{z-index: 100;max-width: 640px;min-width: 300px;}
.discuss-foot textarea{display: inline-flex;width: 100%;resize: none;border-radius: 5px;height: 64px;line-height:24px;padding: 8px;outline: none;box-sizing: border-box;overflow: hidden;}
.discuss-foot .button{padding: 5px 12px;color: #fff;background: #ec7259;}
.discuss-foot .cancel{padding: 5px 12px;color: #000;background: #ccc;}

/*评论列表*/
.comment-list{}
.comment-list .comment-item {}
.comment-list .comment-con {}
.comment-list .comment-con p{margin:7px 0;}
.comment-list .comment-item:first-child {border-top: none;}
.comment-item .comment-content{font-size:.92rem;color:#777;}
.comment-item .comment-content:hover{background: #f2f2f2;}
.comment-item .comment-info{border-bottom: 1px solid #dee2e6;}
.comment-item:last-child .comment-info {border-bottom: none;}
.comment-item .comment-i-img{}
.comment-item .comment-i-img img{width: 20px; height: 20px;vertical-align: bottom;}

/*车牌号填写样式*/
.carcodeBox {
    display: none;
	flex-direction: column;
	position: fixed;
	bottom: 49px;
	width: 100%;
	max-width: 640px;
    min-width: 305px;
	box-sizing: border-box;
	background: rgba(209, 213, 219, 1);
	border-radius: 8px 8px 0 0;
	box-shadow: 5px 5px 10px #9e9e9e;
}
.carcodeBox-top-line {
    display: flex;
	justify-content: space-between;
	padding-top: 10px;
}
.car-code-finish {
    display: inline-block;
	width: 16%;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	margin-right: 8px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: #007fff;
	border-radius: 5px;
	box-shadow: 2px 2px 3px #979797;
}
.carLicenseMain {width: 80%;margin-left: 8px;}
.carcodeBox ul {overflow: auto;padding: 0;margin: 0;}
.carcodeBox ul li {list-style: none;}
.carLicenseMain ul {display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.carLicenseMain ul li {
	width: 11.5%;
	height: 36px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	display: inline-block;
	line-height: 36px;
	font-size: 18px;
	color: #000;
	margin-right: 1%;
	text-align: center;
	background: #fff;
	border-radius: 5px;
}
.carLicenseMain ul li:nth-last-child(1) {border: 2px dashed #00b520;}
.carLicenseMain ul li.active {border: 1px solid #007fff;color: #007fff;}
.keyboardBox {width: 100%;}
.provienceBox {padding: 5px 5px;padding-top: 3px;}
.provienceBox ul li {
	display: inline-block;
	width: 10.5%;
	height: 30px;
	line-height: 30px;
	background: #fff;
	margin: 5px 1%;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	border-radius: 5px;
	box-shadow: 2px 2px 3px #979797;
}
.provienceBox ul li.deleteBtn {width: 72px;background: #f43f5e;float: right;color: #fff;}
.provienceBox ul li:hover {box-shadow: 0px 0px 3px #007fff;}
.provienceBox ul li.deleteBtn:hover {box-shadow: 0px 0px 3px #f43f5e;}
#textJtBoxs {display: block;}
#textEnBox {display: none;}

/*点击图片看大图*/
.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.9);width: 100%;height: 100%;top:0;left:0;}
.big_img .swiper-container2 {position: relative;width: 100%;height: 100%;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width: 96%;max-height: 90%;margin:0 auto;}
.big_img .swiper-pagination2{position: absolute; top:0.5rem;text-align: center;width: 100%;}
.big_img .swiper-pagination2 span{margin:0 0.05rem;}

/*图片信息上圆角*/
.img-title{position: relative;}
.img-title:before {content: '';position: absolute;width: 100%;top: -10px;left: 0;height: 10px;background: #fff;border-top-left-radius: 1rem;border-top-right-radius: 1rem;}

.pull-list{background: #fff;border-radius: 8px 8px 0 0;overflow: hidden;z-index: 51;position: fixed;bottom: 0;width: 100%;max-width: 640px;left: 0; right: 0; margin: 0 auto;}

/*公用底部*/
.footer{text-align:center; color:#c6c6c6;padding:5px; background: #F7F7F7;}
.footer a{color:#c6c6c6;margin:0 4px;}
.footer a:hover{color:#666;}