/*------------------------------------------------------------------------------游记列表页------------------------------------------------------------------------------*/
.searchTitle{padding: 1rem 1.5rem; border-bottom: 1px solid #eee; background-color: #F7F7F7;}
.searchTitle h2{background-color: #fff;border: 1px solid #efefef;border-radius: 0.5rem;line-height: 3rem;height: 3rem;font-size: 1.2rem;color: #999;padding: 0 1rem;position: relative;}
.searchTitle h2 i.ico{background: url(../images/ico/search.png) no-repeat 0 0.8rem/1.6rem;display: block;width: 2rem;height: 3.5rem;float: left;position: absolute;}
.searchTitle h2 input[type="text"]{width: 85%;padding-left: 2rem;box-sizing: border-box;font-size: 1.2rem;}
.searchTitle h2 a{background: #fff;border-left: 1px solid #efefef;border-radius: 0 0.5rem 0.5rem 0;color: #2ebd59;display: block;font-size: 1rem;padding: 0 1rem;position: absolute;right: 0;top: 0;}
.list{background-color: #f1f1f1;}
.list ul{/* padding: 1rem; *//* background-color: #fff; *//* border-bottom: 1px solid #eee; */}
.list li{/*border-bottom: 1px solid #dcdcdc;*/padding-bottom: 1rem;/* padding-top: 0.5rem; */}
.list li:nth-last-child(1){border-bottom: 0;}
.list li .img{background-size: cover;background-position: center;padding-bottom: 40%;position: relative;}
.list li .img .bg{color: #fff; background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.4),transparent); -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 1rem 1rem .7rem 1rem; position: absolute; bottom: 0; left: 0; overflow: hidden; height: 3.5rem;}
.list li .img .place{top: .6rem; left: .8rem; background-image: url(../images/ico/didian.png); background-repeat: no-repeat; background-position: .35rem .46rem; padding: 0 1.2rem; padding-left: 1.5rem; height: 2rem; line-height: 2rem; font-size: 1rem; border-radius: .8rem; background-size: 1rem; position: absolute; background-color: rgba(0,0,0,0.6); color: #fff;}
.list li .img .user{position: absolute;color: #fff;bottom: .5rem;left: 1rem;height: 4rem;}
.list li .img .user img{width: 3.5rem;height: 3.5rem;border-radius: 3.5rem;float: left;box-shadow: 0 0 3px #666;}
.list li .img .user span.name{display: inline-block;height: 4rem;line-height: 4rem;float: right;padding-left: .5rem;font-size: 1.2rem;}
.list li .con{background-color: #fff;padding:1rem;box-shadow: 0px 0px 5px #999;}
.list li .con h2{font-size: 1.2rem; color: #000;}
.list li .con .info{margin-top: .5rem;}
.list li .con .info span{margin-right: 1rem; color: #999; display: inline-block;}
.list li .con .info span i{display: inline-block;width: 1.2rem;height: 1.2rem;float: left;margin-right: .1rem;}
.list li .con .info span.i1 i{background: url(../images/ico/i1.png) no-repeat 0 0/cover;}
.list li .con .info span.i2 i{background: url(../images/ico/i2.png) no-repeat 0 0/cover;}
.list li .con .info span.i3 i{background: url(../images/ico/i3.png) no-repeat 0 0/cover;}
.list li .con .info span.date{float: right;color: #999;}
.list li.notData{background-color: #fff;padding:1rem;}

footer.menu{position: fixed; bottom: 0; width: 100%;max-width: 640px;}
footer.menu li{background-color: rgba(255,255,255,0.95);}
footer.menu li em{display: block;}
/*筛选条件*/
.asort{display: none;position: fixed;width: 100%;bottom: 5.4rem;background-color: rgba(0,0,0,0.5);color: #666;z-index: 100;height: 100%;max-width: 640px;}
.asort.on{display: block;}
.asort .title{background-color: #fff;height: 4rem;line-height: 4rem;border-left: 0.5rem solid #2ebd59;font-size: 1.4rem;padding-left: 1rem;border-bottom: 1px solid #e6e6e6;}
.asort .sort_list{display: none;border-top: 1px solid #dcdcdc;position: absolute;bottom: -5.5rem;width: 100%;max-height: 28.5rem;overflow: scroll;z-index: 101;}
.asort .sort_list.on{display: block;}
.asort dd{font-size: 1.4rem;line-height: 4rem;position: relative;border-bottom: 1px solid #dcdcdc;background-color: rgba(255,255,255,0.95);}
.asort span{display: block;padding-left: 1rem;color: #000;}
.asort dd i,.asort dl i{display: none;width: 1rem;height: 1.8rem;border-right: 2px solid #2ebd59;border-bottom: 2px solid #2ebd59;-webkit-transform: rotate(45deg)translateY(-3px);transform: rotate(45deg)translateY(-3px);margin-left: 4px;position: absolute;top: .6rem;right: 2.3rem;}
.asort dd.on span{color: #2ebd59;}
.asort dd.on i,.asort dl.on i{display: block;}
.asort dl {font-size: 1.4rem;line-height: 4rem;position: relative;/* border-bottom: 1px solid #dcdcdc; */background-color: rgba(255,255,255,0.95);}
.asort dl dt{font-size: 1.4rem; line-height: 4rem; position: relative; border-bottom: 1px solid #dcdcdc; background-color: rgba(255,255,255,0.95);}
.asort dl.alist dt i{width: 1rem;height: 1rem;border-right: 2px solid #666;border-bottom: 2px solid #666;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-left: 4px;position: absolute;top: 1.2rem;right: 2.3rem;display: block;}
.asort dl.alist dd{padding-left: 1rem;display: none;}
.asort dl.alist.open dd{display: block;}
.asort dl.alist dd span{color: #666;}
.list_loading {height: 25px;padding: 10px 0 10px;text-align: center;}
.list_loading i {height: 16px; width: 16px; display: inline-block; background: url('../images/icon/icons.png') no-repeat -288px -16px; background-size: 500px 500px; margin-right: 10px; vertical-align: middle; -webkit-animation: loading 1s infinite linear; -ms-animation: loading 1s infinite linear; -o-animation: loading 1s infinite linear; -moz-animation: loading 1s infinite linear; animation: loading 1s infinite linear;}
.list_loading span {height: 16px; display: inline-block; line-height: 16px; vertical-align: middle; color: #A0A0A0;font-size: 14px;}
@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
.tuantype{position:absolute;left:0;top:0;width:100%;display:none;height:100%;z-index:9999;}
.tuantype .bg{height:100%;position:absolute;left:0;top:0;opacity: 0.5;background:#999;width:100%;z-index: -1;}
.tuantype .typeList{max-height:350px;overflow:auto;text-align:left;background:#FFF;}
.tuantype p{height:44px;padding-left:20px;line-height:44px;border-bottom:1px solid #ccc;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;margin-bottom:0; font-size:14px;}
.tuantype p.cur{ color:#F60;}

/*------------------------------------------------------------------------------游记展示页------------------------------------------------------------------------------*/
header{-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19);}
.travels_show{}
.travels_show .img{position: relative;}
.travels_show .img img{width: 100%;height: auto;}
.travels_show .img .img-mask{position: absolute;top: -3px;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.2;}
.travels_show .img .tname{padding: 1rem;font-size: 1.5rem;color: #fff;position: absolute;top: 4.5rem;width: 100%;text-align: center;box-sizing: border-box;font-family: "Helvetica"!important;}
.travels_show .article-direct {color: #fff;font-size: 1.2rem;/*position: absolute;*/width: 100%;/*top: 7.5rem;*/text-align: center;line-height: 3rem;}
.travels_show .line {display: inline-block; position: relative; top: -3px; margin-right: 10px; width: 50px; height: 1px; background: #fff; background: -moz-linear-gradient(left top, rgba(255,255,255,0) 0%, #fff 100%); background: -webkit-linear-gradient(left top, rgba(255,255,255,0) 0%, #fff 100%); background: -o-linear-gradient(left top, rgba(255,255,255,0) 0%, #fff 100%); background: -ms-linear-gradient(left top, rgba(255,255,255,0) 0%, #fff 100%); background: linear-gradient(left top, rgba(255,255,255,0) 0%, #fff 100%);}
.travels_show .line:before {content: ""; height: 3px; width: 3px; border-radius: 50%; background: #fff; display: block; position: absolute; right: -10px; top: -1px;}
.travels_show .article-direct span {color: #fff;font-size: 1rem;}
.travels_show .line-right {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 10px;}
.travels_show .info{background-color: #fff;position: relative;border-bottom:1px solid #d8d8d8;}
.travels_show .info .face{float: left;width: 100%;padding: 5px;}
.travels_show .info .faceli{float: left;margin-right: 8px;}
.travels_show .info .face img{width: 40px;height: 40px;border-radius: 50px;background: #fff;box-shadow: 0 0 3px #666;}
.travels_show .info .face .user{font-size:14px;color:#f80;font-weight:700;}
.travels_show .info .face .other{font-size:12px;color:#333;margin-top:5px;}
/*.travels_show .info .extend{padding-top: 5rem;}*/
.travels_show .info .extend>div{display: inline-block;width: 50%;box-sizing: border-box;text-align: center;float: left;height: 2rem;border-bottom: 1px solid #d8d8d8;color: #666;}
.travels_show .info .extend>div span{display: inline-block;width: 100%;box-sizing: border-box;}
.travels_show .info .extend .time span{border-right: 1px solid #d8d8d8;}
.travels_show .info .extend .time span i{display: inline-block;width: 1.2rem;height: 1.2rem;background: url(../images/ico/add.png) no-repeat 0 0/cover;position: relative;top: .2rem;margin-right: .3rem}
.travels_show .info .extend .see span i{display: inline-block;width: 1.2rem;height: 1.2rem;background: url(../images/ico/i4.png) no-repeat 0 0/cover;position: relative;top: .2rem;margin-right: .3rem}
.travels_show .con{margin-top: 1rem;padding: 1rem;background-color: #fff;border-top: 1px solid #d8d8d8;font-size: 1.2rem;}
.travels_show .con img{max-width: 100%;height: auto!important;}
.travels_show .relevant{background-color: #fff; margin-top: 1rem;}
.travels_show .relevant .hd{padding-top: 1rem;border-top:1px solid #d8d8d8;}
.travels_show .relevant .hd>div{display: inline-block;width: 50%;box-sizing: border-box;text-align: center;float: left;height: 2.5rem;border-bottom: 1px solid #d8d8d8;color: #666;}
.travels_show .relevant .hd>div span{display: inline-block;width: 100%;box-sizing: border-box;}
.travels_show .relevant .hd .go span{border-right: 1px solid #d8d8d8;}
.travels_show .relevant .hd .go span i{display: inline-block;width: 1.2rem;height: 1.2rem;background: url(../images/ico/time2.png) no-repeat 0 0/cover;position: relative;top: .2rem;margin-right: .3rem}
.travels_show .relevant .hd .review span i{display: inline-block;width: 1.2rem;height: 1.2rem;background: url(../images/ico/i1.png) no-repeat 0 0/cover;position: relative;top: .2rem;margin-right: .3rem}
.travels_show .relevant .bd{border-bottom: 1px solid #d8d8d8;}
.travels_show .relevant .bd .more{position: relative; height: 3rem; line-height: 3rem; padding: 0 1rem; font-size: 1.2rem;}
.travels_show .relevant .bd .more a{display: block;}
.travels_show .relevant .bd .more>a:after {content: ''; display: inline-block; width: .5rem; height: .5rem; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 0.1rem; position: absolute; right: 1rem; top: 50%; margin-top: -.25rem;}
.travels_show .relevant .bd .t_line{padding: 1rem;}
.travels_show .relevant .bd .t_line .img{width: 5rem;height: 5rem;float: left;margin-right: 1rem;}
.travels_show .relevant .bd .t_line .img img{width: 100%;height: 100%;}
.travels_show .relevant .bd .t_line .text{height: 3rem; line-height: 1.5rem; overflow: hidden;}
.travels_show .relevant .bd .t_line .price{height: 2rem;line-height: 2rem;color: #f60;}
.travels_show .relevant .bd .t_line .price em{font-size: 1.6rem;font-weight: bold;}
.travels_show .relevant .bd .t_line .price i{}
.travels_show .other_show{width: 100%; height: 0; background: #fff; position: fixed; bottom: 0; left: 0; z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0px,100%,0px); -moz-transform: translate3d(0px,100%,0px); transform: translate3d(0px,100%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19);}
.travels_show .other_show.show{-webkit-transform: translate3d(0px,0%,0px); -moz-transform: translate3d(0px,0%,0px); transform: translate3d(0px,0%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); display: block; z-index: 999; height: 100%;}
.travels_show .other_show .hd{border-bottom: 1px solid #ccc;text-align: center;font-size: 1.4rem;color: #000;padding-top: 0;}
.travels_show .other_show .bd{padding: 1rem;font-size: 1rem;line-height: 2rem;color: #666;border-bottom: 0;}
.travels_show .other_show .bd h3{color: #000; font-size: 1.2rem;}
.travels_show .other_show .close{background: url(../images/ico/close.png) 0 0/cover;width: 5rem;height: 5rem;bottom: 1rem;margin: 0 auto;}
footer.sub{background-color: #fff; bottom: 0; font-size: 1rem; height: 4rem; margin: 0 auto; max-width: 640px; position: fixed; width: 100%; z-index: 99;}
footer.sub span{float: left;display: block;text-align: center;height: 4rem;line-height: 4rem;box-sizing: border-box;}
footer.sub span a{display: block;}
footer.sub .collect{width: 33.33%;border-top: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;line-height: 1.5rem;}
footer.sub .collect:before{content: "";display: block;margin: .4rem auto 0;width: 1.6rem;height: 1.6rem;background: url(../images/ico/h_level.png) 0 0/cover;}
footer.sub .collect.on:before{background-image: url(../images/ico/star.png);}
footer.sub .tj{width: 33.33%;border-top: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;line-height: 1.5rem;}
footer.sub .tj:before{content: "";display: block;margin: .4rem auto 0;width: 1.6rem;height: 1.6rem;background: url(../images/ico/collect.png) 0 0/cover;}
footer.sub .tj.on:before{background-image: url(../images/ico/collect_on.png);}
footer.sub .review{width: 33.33%;border-top: 1px solid #f1f1f1;line-height: 1.5rem;}
footer.sub .review:before{content: "";display: block;margin: .4rem auto 0;width: 1.6rem;height: 1.6rem;background: url(../images/ico/i1.png) 0 0/cover;}
/*------------------------------------------------------------------------------游记点评页------------------------------------------------------------------------------*/
/*用户评论*/
.comment{}
.comment .commentList{padding: 1rem;background-color: #fff;box-shadow: 0 1px #ccc;margin-top: 0;padding-top: 0;}
.comment .commentList li{border-top: 1px solid #ccc; padding-top: 1rem; padding-bottom: 1rem;}
.comment .commentList li .date{font-size: 1rem;line-height: 2rem;color: #aaa;display: block;}
.comment .commentList li:last-child{padding-bottom: 0;}
.comment .commentList li:first-child{border-top:0;}
.comment .commentList li .top_part{margin-bottom: 0.5rem;}
.comment .commentList li .top_part .s1{display: block; float: left;}
.comment .commentList li .top_part .s1 img{width: 3rem;height: 3rem;border-radius: 100%;box-shadow: 0 0 5px #ccc;}
.comment .commentList li .top_part .s2{height: 3rem; display: block; float: left; padding-left: 1rem;}
.comment .commentList li .top_part .s2 .star{background: url(../images/ico/star.png) repeat 0rem 0.1rem/1.5rem;width: 7.5rem;height: 1.8rem;margin-right: 0.5rem;margin-top: 0.2rem;display: block;}
.comment .commentList li .top_part .s2 .star.st1{width: 1.5rem;}
.comment .commentList li .top_part .s2 .star.st2{width: 3rem;}
.comment .commentList li .top_part .s2 .star.st3{width: 4.5rem;}
.comment .commentList li .top_part .s2 .star.st4{width: 6rem;}
.comment .commentList li .top_part .s2 .star.st5{width: 7.5rem;}
.comment .commentList li .s3{float: right;}
.comment .commentList li .s3 a{color: #f60;}
.comment .commentList li .middle_part{color: #666;font-size: 1.2rem;}
.comment .commentList li .bottom_part{margin-top: 1rem;}
.comment .commentList li .bottom_part .img{}
.comment .commentList li .bottom_part .img img{display: none;}
.comment .commentList li .bottom_part .img li{width: 19%;padding-bottom: 13.5%;float: left;background-size: cover;margin-right: 1%;}
.comment .commentList li .reply{margin-top: .5rem; padding-left: 1rem; border-left: 1px solid #ededed; margin-left: 1rem;}
.comment .commentList li .reply .title{}
.comment .commentList li .reply .text{color: #666;padding-top: .5rem;}
.comment .commentList li .reply .text>span{color: #000;}

.comment .commentList .more{display: block; width: 100%; text-align: center;}
.comment .commentList .more span{position: relative;}
.comment .commentList .more span:after{content: '';display: inline-block;width: .5rem;height: .5rem;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg)translateY(0);transform: rotate(-45deg)translateY(0);margin-left: 0.1rem;position: absolute;right: -1rem;top: 50%;margin-top: -0.25rem;}
footer .question{position: fixed;bottom: 0px;left: 0px;padding: 1rem;background: #fff;border-top: 1px solid #ededed;width: 100%;box-sizing: border-box;}
footer .question input{width: 100%;height: 3rem;padding-left: 1rem;box-sizing: border-box;background-color: #f1f1f1;}
footer .question span#questioninput{width: 100%;height: 3rem;padding-left: 1rem;box-sizing: border-box;background-color: #f1f1f1;display: block;text-align: left;}
/*回复*/
.questionPop{width: 100%; height: 0; background: #fff; position: fixed; bottom: 0; left: 0; z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0px,100%,0px); -moz-transform: translate3d(0px,100%,0px); transform: translate3d(0px,100%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19);}
.questionPop.show{-webkit-transform: translate3d(0px,0%,0px); -moz-transform: translate3d(0px,0%,0px); transform: translate3d(0px,0%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); display: block; z-index: 999; height: 100%;}
.questionPop .hd{border-bottom: 1px solid #ccc;text-align: center;font-size: 1.4rem;color: #000;height: 4rem;line-height: 4rem;position: relative;}
.questionPop .hd .back{display: inline-block;width: 1.5rem;height: 1.5rem;border-right: 1px solid #999;border-bottom: 1px solid #999;-webkit-transform: rotate(135deg)translateY(-0.8rem);transform: rotate(135deg)translateY(-0.8rem);margin-left: 0.1rem;position: absolute;left: 1rem;top: 50%;margin-top: -1.5rem;}
.questionPop .bd{padding: 1rem;font-size: 1rem;line-height: 2rem;color: #666;border-bottom: 0;}
.questionPop .bd textarea{width: 100%;background-color: #ededed;padding: 1rem;box-sizing: border-box;height: 9rem;}
.questionPop .bd .proof{}
.questionPop .bd .proof input{float: left; border: 1px solid #ededed; height: 2rem; line-height: 2rem; padding: 0 .5rem;min-width: 50%;}
.questionPop .bd .proof #imgid{color: #C10;float: left;padding-left: 1rem;}
.questionPop .bd .button{width: 100%; margin-top: 1rem; height: 3rem; line-height: 3rem; color: #fff; background-color: #2ebd59; font-size: 1.2rem;}