/* 全局搜索 */
.st-search {
    padding: 0.266667rem;
    margin-bottom: 0.266667rem;
    background: #fff
}

.st-search-box {
    height: 1rem;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    background: #eaeaea;
}

.st-search-box .st-search-text {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    padding: 0 0.2rem;
    font-size: 0.373333rem;
    background: #eaeaea;
}

.st-search-box .st-search-btn {
    display: block;
    width: 0.693333rem;
    height: 0.693333rem;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("../images/faq-search-btn-icon.png") center no-repeat;
    background-size: contain;
}

.order-topfix-menu {
    display: -webkit-box;
    display: -moz-box;
    height: 1.2rem;
    margin-bottom: 0.266667rem;
    background: #fff
}

.order-topfix-menu.fixed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.order-topfix-menu .item {
    color: #666;
    display: block;
    width: 50%;
    height: 1.2rem;
    line-height: 1.2rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    text-align: center;
    font-size: 0.373333rem
}

.order-topfix-menu .item.on {
    color: #22a4e0;
    border-bottom: 2px solid #22a4e0
}

.travel-diary-content {

}

.travel-diary-list {

}

.travel-diary-list .item {
    padding: 0 0.4rem;
    margin-bottom: 0.266667rem;
    background: #fff
}

.travel-diary-list .item:last-child {
    margin-bottom: 0
}

.travel-diary-list .item .tip{
    padding: 0.32rem 0 0.266667rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}
.travel-diary-list .item .tip .label{
    display: inline-block;
    font-size: 0.32rem
}
.travel-diary-list .item .tip .label img{
    width: 0.8rem;
    height: 0.8rem;
    vertical-align: middle;
    margin: -0.08rem 0.16rem 0 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.travel-diary-list .item .tip .label:last-child{
    color: #999
}
.travel-diary-list .item .pic {
    display: block;
    width: 100%;
    height: 4.6rem;
    position: relative;
    overflow: hidden;
    background: #e7e7e7
}

.travel-diary-list .item .pic img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.travel-diary-list .item .tit {
    display: block;
    max-height: 0.96rem;
    line-height: 0.48rem;
    margin: 0.4rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.373333rem
}

.travel-diary-list .item .info {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-direction: row-reverse;
    padding: 0.32rem 0;
    border-top: 1px solid #f3f3f3;
}

.travel-diary-list .item .info .label {
    display: block;
    color: #999;
    margin-left: 0.8rem;
    font-size: 0.373333rem
}

.travel-diary-list .item .info .read .icon {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    vertical-align: middle;
    margin: -0.08rem 0.12rem 0 0;
    background: url("../images/look-icon.png") center no-repeat;
    background-size: contain;
}

.travel-diary-list .item .info .zan .icon {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    vertical-align: middle;
    margin: -0.08rem 0.12rem 0 0;
    background: url("../images/zan-icon.png") center no-repeat;
    background-size: contain;
}

.list_more {
    padding: 0.266667rem 0;
    text-align: center;
}

.list_more .more-link {
    color: #ff6b1a;
    display: inline-block;
    width: 2.92rem;
    height: 0.88rem;
    line-height: 0.88rem;
    border: 1px solid #e9e9e9;
    border-radius: 0.08rem;
    font-size: 0.373333rem;
    background: #fff
}

.travel-diary-show {
    background: #fff
}

.travel-diary-hd {
    width: 100%;
    height: 5rem;
    position: relative;
    overflow: hidden;
    background: #e7e7e7
}

.travel-diary-hd .tit {
    color: #fff;
    padding: 0.2rem;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    font-size: 0.48rem;
    background: rgba(0, 0, 0, .3)
}

.travel-diary-hd img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.travel-diary-info {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem;
    border-top: 1px solid #f3f3f3;
}

.travel-diary-info .label {
    display: block;
    color: #999;
    font-size: 0.373333rem
}

.travel-diary-info .num .icon {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    vertical-align: middle;
    margin: -0.08rem 0.2rem 0 0;
    background: url("../images/look-icon.png") center no-repeat;
    background-size: contain;
}

.travel-diary-key {
    color: #666;
    line-height: 0.6rem;
    padding: 0.2rem;
    margin: 0 0.4rem;
    border: 1px solid #e6e6e6;
    font-size: 0.32rem
}

.travel-diary-content {
    color: #666;
    line-height: 0.6rem;
    padding: 0.4rem;
    font-size: 0.32rem
}

.travel-diary-content * {
    max-width: 100%
}

.travel-diary-content strong,
.travel-diary-content b{
    font-weight: bold !important;
}

.travel-diary-content i,
.travel-diary-content em {
    font-style: italic !important;
}

.travel-diary-content a {
    color: #0082dd;
}

.travel-diary-content table,
.travel-diary-content th,
.travel-diary-content td{
    border: 1px solid #e5e5e5;
}

.comment-bom-bar {
    height: 1.2rem;
}

.comment-fix-bar {
    height: 1.2rem;
    display: -webkit-box;
    display: -moz-box;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 0.2rem;
    border-top: 1px solid #edecec;
    background: #fff;
}
.comment-fb-link{
    color: #999;
    display: block;
    width: 6.533333rem;
    height: 0.92rem;
    line-height: 0.92rem;
    padding: 0 0.2rem;
    margin: 0.12rem 0; 
    border-radius: 0.08rem;
    -webkit-border-radius: 0.08rem;
    font-size: 0.32rem;
    background: #eee
}
.comment-list-link,
.make-zan-btn {
    color: #999;
    display: block;
    margin: 0.16rem 0 0 0.4rem;
    text-align: center;
    font-size: 0.32rem;
}
.comment-list-link .icon{
    display: block;
    width: 0.56rem;
    height: 0.48rem;
    margin: 0 auto 0.08rem;
    background: url("../images/comment-icon.png") center no-repeat;
    background-size: contain;
}
.make-zan-btn .icon{
    display: block;
    width: 0.533333rem;
    height: 0.48rem;
    margin: 0 auto 0.08rem;
    background: url("../images/zan-q-icon.png") center no-repeat;
    background-size: contain;
}
.make-zan-btn.after .icon{
    background: url("../images/zan-h-icon.png") center no-repeat;
    background-size: contain;
}

/*今日推荐*/
.mt-20 {
    margin-top: 0.266666rem;
}

.mb-20 {
    margin-bottom: 0.266666rem;
}

.recommend-show {
    background: #fff;
    padding: 0 0.4rem;
}

.recommend-title-bar {
    width: 9.2rem;
    margin: 0 auto;
    height: 1.2rem;
    line-height: 1.2rem;
    position: relative;
    overflow: hidden;
}

.recommend-title-bar .line-icon {
    display: inline-block;
    width: 0;
    height: 0.48rem;
    vertical-align: middle;
    margin: -0.2rem 0.2rem 0 0;
    border-left: 0.08rem solid #ff6b1a;
}

.recommend-title-bar .title-txt {
    display: inline-block;
    font-size: 0.426667rem;
}

.recommend-title-bar .del-icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.28rem;
    width: 0.56rem;
    height: 0.56rem;
    background: url(../images/recommend-del-icon.png) no-repeat;
    background-size: contain;
}

.recommend-list {
    width: 9.2rem;
    margin: 0 auto;
    padding-bottom: 0.266666rem;
}

.recommend-list li {
    float: left;
    width: 4.4rem;
    margin-right: 0.4rem;
}

.recommend-list li.mr-0 {
    margin-right: 0;
}

.recommend-list li > a {
    display: block;
}

.recommend-list li .pic {
    width: 4.4rem;
    height: 2.986666rem;
    overflow: hidden;
    position: relative;
    background: #e7e7e7;
}

.recommend-list li .pic img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.recommend-list li .bt {
    font-size: 0.373333rem;
    line-height: 0.426666rem;
    height: 0.853333rem;
    overflow: hidden;
    margin-top: 0.106666rem;
}

.recommend-list li .attr {
    margin-top: 0.133333rem;
}

.recommend-list li .price {
    float: left;
    width: 50%;
    color: #fc6000;
    font-size: 0.32rem;
    overflow: hidden;
}

.recommend-list li .price b {
    font-size: 0.373333rem;
}

.recommend-list li .myd {
    float: right;
    width: 50%;
    text-align: right;
    color: #999999;
    font-size: 0.32rem;
    overflow: hidden;
}

.recommend-list li .myd em {
    color: #fc6000;
    font-style: normal;
}

/* 列表 */
.travel-notes-wrapper {
}

.travel-notes-wrapper .item {
    padding: 0.333333rem;
    margin-bottom: 0.333333rem;
    background: #fff
}

.travel-notes-wrapper .item:last-child {
    margin-bottom: 0
}

.tn-tip-bar {
    display: -webkit-box;
    font-size: 0.4rem
}

.tn-tip-bar .tn-title {
    display: block;
    -webkit-box-flex: 1;
    font-size: 0.4rem
}

.tn-tip-bar .tn-label {
    color: #fff;
    display: block;
    height: 0.48rem;
    line-height: 0.48rem;
    padding: 0 0.2rem;
    margin-left: 0.4rem;
    border-top-left-radius: 0.14rem;
    border-top-right-radius: 0.14rem;
    border-bottom-right-radius: 0.14rem;
    font-size: 0.32rem;
    background: #ff9f00
}

.tn-tip-bar .tn-label.pass {
    background: #59c574
}

.tn-content-box {
    display: -webkit-box;
    padding-top: 0.2rem;
}

.tn-content-box .hd-box {
    width: 3.733333rem;
    height: 2.493333rem;
    margin-right: 0.333333rem
}

.tn-content-box .hd-box .pic {
    display: table-cell;
    width: 3.733333rem;
    height: 2.493333rem;
    text-align: center;
    vertical-align: middle;
    background: #e7e7e7
}

.tn-content-box .hd-box .pic img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.tn-content-box .bd-box {
    height: 2.493333rem;
    position: relative;
    -webkit-box-flex: 1;
}

.tn-content-box .bd-box .txt {
    color: #999;
    line-height: 0.48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 0.373333rem
}

.tn-content-box .bd-box .info {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: right;
}

.tn-content-box .bd-box .info .date {
    color: #999;
    display: inline-block;
    font-size: 0.32rem
}

.tn-content-box .bd-box .info .edit {
    display: inline-block;
    width: 0.32rem;
    height: 0.32rem;
    vertical-align: middle;
    margin-top: -0.04rem;
    background: url("../images/tn-edit-icon.png") center no-repeat;
    background-size: contain;
}

.tn-content-box .bd-box .info .delete {
    display: inline-block;
    width: 0.36rem;
    height: 0.4rem;
    margin-left: 0.4rem;
    margin-top: -0.08rem;
    vertical-align: middle;
    background: url("../images/tn-delete-icon.png") center no-repeat;
    background-size: contain;
}

.bottom-box {
    padding: 0.6rem 0;
    text-align: center;
    color: #a9a9ad;
    font-size: 0.426667rem;
}

.bottom-box .load-box i {
    display: inline-block;
    vertical-align: middle;
    width: 0.4266667rem;
    height: 0.4266667rem;
    margin: -0.02rem 0.2rem 0 0;
    background: url(../images/onload.gif) no-repeat;
    background-size: contain;
}

/* 发布游记 */
.publish-note-area {
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #fff
}

.publish-note-fm {
    height: 3.466667rem;
    position: relative;
    background: #efefef
}

.publish-note-fm img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10
}

.publish-note-fm:after {
    content: "+添加封面图";
    color: #999;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.4rem
}

.publish-note-title {
    padding: 0 0.4rem;
    border-bottom: 1px solid #e5e5e5;
    background: #fff
}

.publish-note-title .input-edit {
    width: 100%;
    padding: 0.4rem 0;
    border: 0;
    margin: 0;
    vertical-align: top;
    resize: none;
    font-size: 0.426667rem
}

.footer-btn-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.8rem 0.333333rem;
    background: #f3f3f3
}

.footer-btn-bar .btn-v {
    color: #fff;
    display: block;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    font-size: 0.426667rem;
    border-radius: 0.6rem;
    background: #2dbb55
}

.publish-article-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
}

.publish-article-content .article-content {
    padding: 0.4rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 5.56rem;
    left: 0;
    font-size: 0.426667rem;
}

.publish-article-content .footer-btn {
    color: #2dbb55;
    padding: 0.4rem;
    position: absolute;
    bottom: 4.3rem;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0.4rem;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.publish-article-content .footer-btn .upload-img {
    display: inline-block;
    width: 0.373333rem;
    height: 0.373333rem;
    vertical-align: middle;
    margin: -0.12rem 0.16rem 0 0;
    background: url(../images/upload-img-icon.png) 0 no-repeat;
    background-size: 100%;
}

.publish-article-content .placeholader {
    color: #ccc;
    font-size: 0.426667rem
}

.input-file {
    position: absolute;
    left: 0;
    opacity: 0;
    width: 100%;
}

.publish-notes-link {
    position: absolute;
    top: 0;
    right: 0;
    height: 1.28rem;
    line-height: 1.28rem;
    font-size: 0.40rem;
    padding: 0 0.75em;
    text-align: center;
}

.img-box {
    width: 100%;
    height: auto;
    padding: 5px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
}

.img-box img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.hide {
    display: none;
}


/* 首页快速发表游记按钮 */
.publish-notes-btn {
    width: 1.2rem;
    height: 1.2rem;
    position: fixed;
    right: 0.4rem;
    bottom: 2rem;
    z-index: 10001;
    background: url(../images/publish-notes-fixed-icon.png) center no-repeat;
    background-size: contain;
}

.captcha{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3.35rem;
    padding:  0 0.4rem;
    font-size: 0.426667rem;
    height: 25px;
    line-height: 25px;
}
.captcha .ma-text{
    border: 1px solid #e5e5e5;
    height: 25px;
    border-radius: 5px;
    padding: 3px;
    width: 180px;
}
.captcha .pic{
    height: 25px;
    line-height: 25px;
    display: inline-block;
}
.captcha .pic img{
    position: relative;
    top: 8px;
}