/*------------------------------------------------------------------------游记列表------------------------------------------------------------------------*/
.travelsList .uLists{padding:0 10px;}
.travelsList .uLists li{position: relative; margin-bottom: 10px;}
.travelsList .uLists li a{-webkit-tap-highlight-color:transparent;}
.travelsList .uLists .readMore{display:block;margin:10px auto 20px auto;height:30px;text-align:center;text-decoration:underline;line-height:30px;}
.travelsList .uLists .proimg{position: relative;}
.travelsList .uLists .proimg ul{}
.travelsList .uLists .proimg ul li{position: absolute; background: rgba(0, 0, 0, 0.7); color: #fff; }
.travelsList .uLists .proimg ul li.Place{top: 10px; left: 15px; background-image: url(../images/icon/didian.png); background-repeat: no-repeat;background-position: 6px 6px; padding: 0 15px; padding-left: 21px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 12px; background-size: 12px 12px;}
.travelsList .uLists .proimg ul li em{height: 38px; width: 16px; display: block; position: absolute; left: -14px; background-size: 14px 38px;}
.travelsList .uLists .proimg ul li.user-face{position: absolute; left: 9px; bottom: -42px; width: 68px; height: 68px; background: #ff876c; border: 3px solid #fff; color: #fff; text-align: center;border-radius: 78px;}
.travelsList .uLists .proimg ul li.user-face img{border-radius: 78px;width: 100%;height:100%;}
.travelsList .uLists .proimg ul li.user-face i{}
.travelsList .uLists .proimg ul li.user-face .separator {width: 60px; height: 1px; background: #fff; margin: 2px 9px 4px 9px; box-shadow: 1px 1px 1px #d2988a;}
.travelsList .uLists .proimg ul li.user-face .real{height: 30px; line-height: 40px; font-size: 16px; font-weight: bold;}
.travelsList .uLists .proimg ul li.user-face .cost{height: 30px;line-height: 20px;text-decoration: line-through;color: #fec4b6;font-size: 12px;}
.travelsList .uLists li div.img {width: 100%; height: 0; padding-bottom: 50%; background: url(../images/icon/nofound.png)center center no-repeat; background-size: cover;box-sizing: border-box;border-radius:5px 5px 0 0;}
.travelsList .uLists li div.bewrite {overflow: hidden; padding: 5px 5px 10px; background-color: #fff;box-sizing: border-box;border-radius:0 0 5px 5px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.travelsList .uLists li div.bewrite span.s1 {float: left; font-size: 14px; color: #000; width: 100%; overflow: hidden; height: 40px; text-overflow: ellipsis;padding-left: 78px;box-sizing: border-box;margin-bottom:10px;}
.travelsList .uLists li div.bewrite .cl {clear: both;}
.travelsList .uLists li div.bewrite p {width: 100%; display: -webkit-box; display: -moz-box; overflow: hidden; -webkit-box-orient: vertical; -moz-box-orient: vertical; line-height: 22px; color: #666;height: 47px;}
.travelsList .uLists li div.bewrite p span{width: 50%;overflow: hidden;display: inline-block;}
.travelsList .uLists li div.bewrite p span i{font-weight: bold;}

.day{font-size: 1.2rem;float: right;}
/*游记主体*/
#main .travels-img{background-repeat: no-repeat;background-size: cover;width: 100%;padding-bottom: 50%;position: relative;background-position: center;}
#main .bg{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)) repeat scroll 0 0; height: 60px; position: absolute;top: 200px; width: 100%;}
#main .title{font-size:18px;font-weight:bold;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;padding:10px;}
#main .meta {height:48px;padding:5px;margin-bottom: 6px;border-bottom: 1px solid #e1dfdf;}
#main .time {display: inline-block; width: 70px; overflow: hidden; float: left;}
#main .time, #main .author {color: #666; line-height: 26px;}
#main .time {font-family: Helvetica;}
#main .meta .user{width: 185px;float: left;padding:5px;}
#main .meta .user-face {float: left; margin-right: 8px;}
#main .meta .user-face img {height: 35px; width: 40px; border-radius: 5px;}
#main .meta .userName {font-size: 14px; color: #f9c64d;}
#main .meta .data {font-size:11px;}
#main .meta i{display:inline-block;vertical-align:middle;width:30px;height:20px;}
#main .meta i.comments{background:url(../images/icon/uicon1.png) no-repeat scroll 12px 5px/15px;;}

#main .other {float:right;padding:5px;}
#main .other li{color:#fff;float:left;margin-left:2px;padding:5px;border-radius:3px;}
#main .other li.elite{background:#f60;}
#main .other li.quality{background:#7e519f;}
#main .other li.practical{background:#f3415a;}

.show{}
.show .hd{border-top: 1px solid #e1dfdf;}
.show .hd ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;}
.show .hd li{height: 48px; text-align: center;line-height: 46px; background-color: #fff; color: #666; font-size: 1.4rem;-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;-o-box-flex:1;}
.show .hd li.on span{border-bottom: 2px solid #37c9d6; display: inline-block; color: #37c9d6;}
.show .bd{margin-top:5px;}
.show .bd ul{padding: 0 12px;font-size: 1.4rem;line-height: 20px;}
.show .bd li{padding-bottom: 10px;position: relative;}
.show .comment li{padding:0;}
.show .bd img{max-width: 100%;height: auto!important;}

/*用户评论*/
.commentList{padding: 10px;background-color: #fff;box-shadow: 0 1px #ccc;margin-top: 0;padding-top: 0;font-size: 14px;}
.commentList li{border-top: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px;}
.commentList li .date{font-size: 10px;line-height: 20px;color: #aaa;display: block;}
.commentList li:last-child{padding-bottom: 0;}
.commentList li:first-child{border-top:0;}
.commentList li .top_part{margin-bottom: 5px;}
.commentList li .top_part .s1{display: block; float: left;}
.commentList li .top_part .s1 img{width: 30px;height: 30px;border-radius: 100%;box-shadow: 0 0 5px #ccc;}
.commentList li .top_part .s2{height: 30px; display: block; float: left; padding-left: 10px;}
.commentList li .s3{float: right;}
.commentList li .s3 a{color: #f60;}
.commentList li .middle_part{color: #666;font-size: 12px;}
.commentList li .bottom_part{margin-top: 10px;}
.commentList li .bottom_part .img{}
.commentList li .bottom_part .img img{display: none;}
.commentList li .bottom_part .img li{width: 19%;padding-bottom: 13.5%;float: left;background-size: cover;margin-right: 1%;}
.commentList li .reply{margin-top: 5px; padding-left: 10px; border-left: 1px solid #ededed; margin-left: 10px;}
.commentList li .reply .item{margin-top: 10px;border-top: 1px solid #ededed;padding-top: 10px;}
.commentList li .reply .item:first-child{padding-top: 0; border-top: 0;}
.commentList li .reply .title{}
.commentList li .reply .text{color: #666;padding-top: 5px;}
.commentList li .reply .text>span{color: #000;}

.commentList .more{display: block; width: 100%; text-align: center;}
.commentList .more span{position: relative;}
.commentList .more span:after{content: '';display: inline-block;width: 5px;height: 5px;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg)translateY(0);transform: rotate(-45deg)translateY(0);margin-left: 1px;position: absolute;right: -10px;top: 50%;margin-top: -2.5px;}
footer .question{position: fixed;bottom: 0px;left: 0px;padding: 10px;background: #fff;border-top: 1px solid #ededed;width: 100%;box-sizing: border-box;}
footer .question input{width: 100%;height: 30px;padding-left: 10px;box-sizing: border-box;background-color: #f1f1f1;}
footer .question span#questioninput{width: 100%;height: 30px;padding-left: 10px;box-sizing: border-box;background-color: #f1f1f1;display: block;text-align: left;font-size: 14px;line-height: 30px;color: #999;}
/*回复*/
.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: 14px;color: #000;height: 40px;line-height: 40px;position: relative;}
.questionPop .hd .back{display: inline-block;width: 15px;height: 15px;border-right: 1px solid #999;border-bottom: 1px solid #999;-webkit-transform: rotate(135deg)translateY(-8px);transform: rotate(135deg)translateY(-8px);margin-left: 1px;position: absolute;left: 10px;top: 50%;margin-top: -15px;}
.questionPop .bd{padding: 10px;font-size: 10px;line-height: 20px;color: #666;border-bottom: 0;}
.questionPop .bd textarea{width: 100%;background-color: #ededed;padding: 10px;box-sizing: border-box;height: 90px;}
.questionPop .bd .proof{}
.questionPop .bd .proof input{float: left; border: 1px solid #ededed; height: 20px; line-height: 20px; padding: 0 5px;min-width: 50%;}
.questionPop .bd .proof #imgid{color: #C10;float: left;padding-left: 10px;}
.questionPop .bd .button{width: 100%; margin-top: 10px; height: 30px; line-height: 30px; color: #fff; background-color: #2ebd59; font-size: 12px;}

/*尾部导航*/
footertravels{display:block;width:100%;max-width:640px;bottom:0;padding:5px;position:fixed;index:999;box-sizing:border-box;background:#f8f8f8;border-top:1px solid rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.09);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.09);}
footertravels .menu{height:40px;}
footertravels .menu ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;}
footertravels .menu ul li{/* height: 36px; */-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;-o-box-flex:1;}
footertravels .menu ul li a{display:block;}
footertravels .menu ul li i{display: block;height: 23px;width: 45px;margin: 0px auto;}
footertravels .menu ul li i.f_icon.collection{background: url(../images/icon/collect.png) no-repeat scroll 10px -25px/26px;}
footertravels .menu ul li i.f_icon.collection.on{background: url(../images/icon/collect.png) no-repeat scroll 8px -52px/28px;}
footertravels .menu ul li i.f_icon.fabulous{background: url(../images/icon/collect.png) no-repeat scroll 10px -94px/26px;}
footertravels .menu ul li i.f_icon.fabulous.on{background: url(../images/icon/collect.png) no-repeat scroll 10px -142px/26px;}
footertravels .menu ul li i.f_icon.comment{background: url(../images/icon/collect.png) no-repeat scroll 10px -69px/26px;}
footertravels .menu ul li i.f_icon.shares{background: url(../images/icon/collect.png) no-repeat scroll 10px 0/26px;}
footertravels .menu ul li span{color: #000;display: block;text-align: center;font-size: 1.2rem;}
footertravels .menu ul li span a{color: #000;}
.sharef{cursor:pointer;}

/*游记列表*/
.bewrite span{float:left;font-size:14px;padding-right:5px;color:#999;}
.bewrite span.day{float:right;}
.bewrite i{display:block;height:15px;margin:0 auto;width:20px;float:left;}
.bewrite i.collect{background:url(../images/icon/uicon1.png) no-repeat scroll 3px -55px / 15px auto;}
.bewrite i.view{background:url(../images/icon/uicon1.png) no-repeat scroll 3px 3px / 15px auto;}
.bewrite i.comments{background:url(../images/icon/uicon1.png) no-repeat scroll 3px -75px / 15px auto;}
.bewrite i.day{background:url(../images/icon/uicon1.png) no-repeat scroll 3px -18px / 15px auto;}