.mixin-no-scroll{overflow:-moz-scrollbars-none;-ms-overflow-style:none}.city-comment-item .content .tags-container::-webkit-scrollbar,.mixin-no-scroll::-webkit-scrollbar{display:none;width:0!important}.mixin-grey-default-background{background-color:#eceef1}.city-comment-wrap .city-comment-title{font-weight:700;font-size:28px;line-height:1.25;color:#121826;margin:0 0 16px;padding:0 0 0 10px;text-align:left!important}.city-comment-wrap .city-comment-box{position:relative}.city-comment-wrap .city-comment-box .switch-btn-wrap{position:absolute}.city-comment-wrap .city-comment-box .switch-btn-wrap.left-btn{left:0}.city-comment-wrap .city-comment-box .switch-btn-wrap.right-btn{right:0}.city-comment-wrap .city-comment-box .scroll-wrap{flex-grow:1}.city-comment-wrap .city-comment-box .scroll-wrap .list{display:flex;justify-content:flex-start;flex-flow:row wrap;padding:0 2px}.city-comment-wrap .city-comment-box .scroll-wrap .list .item-wrap{width:25%;padding:8px;box-sizing:border-box}.city-comment-wrap .city-comment-box .scroll-wrap .list .item-wrap>div{height:100%}.city-comment-wrap.is-h5{padding:0 12px!important}.city-comment-wrap.is-h5 .city-comment-box .scroll-wrap .list{padding:0!important}.city-comment-wrap.is-h5 .city-comment-box .scroll-wrap .list .item-wrap{width:100%!important;padding:0 0 8px!important}@media screen and (min-width:1024.1px){.city-comment-wrap{max-width:1244px!important}}@media screen and (max-width:1024px) and (min-width:835px){.city-comment-wrap{padding:0 24px}}@media screen and (max-width:834px) and (min-width:376px){.city-comment-wrap{padding:0 12px}.city-comment-wrap .city-comment-title{padding-left:0;margin-bottom:24px}.city-comment-wrap .city-comment-box .scroll-wrap .list .item-wrap{width:50%}.city-comment-wrap .city-comment-box .scroll-wrap .list .item-wrap:nth-child(odd){padding:0 8px 16px 0;padding-bottom:12px!important}.city-comment-wrap .city-comment-box .scroll-wrap .list .item-wrap:nth-child(even){padding:0 0 16px 8px;padding-bottom:12px!important}}@media screen and (max-width:375px){.city-comment-wrap{padding:0 12px}.city-comment-wrap .city-comment-title{padding-left:0}.city-comment-wrap .city-comment-box .scroll-wrap .list .item-wrap{width:100%;padding:0 0 8px}}.city-comment-item{box-shadow:0 4px 8px 0 rgba(69,88,115,.12);background:#fff;border-radius:8px;color:#121826;display:flex;cursor:pointer;flex-direction:column}.city-comment-item .img-box{width:100%;aspect-ratio:278/185;border-radius:8px 8px 0 0;position:relative;overflow:hidden}.city-comment-item .img-box .img-container{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;transition:transform .3s;background-color:#eceef1}.city-comment-item .img-box .img-container:hover{transform:scale(1.1)}.city-comment-item .img-box .poi-name{padding:2px 4px;font-size:11px;line-height:1.25;color:#fff;background-color:rgba(0,0,0,.8);position:absolute;top:12px;left:12px;border-radius:2px;max-width:calc(50% - 12px);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city-comment-item .content{padding:16px;width:100%;overflow:hidden;box-sizing:border-box;display:flex;flex-grow:1;flex-direction:column;justify-content:space-between}.city-comment-item .content .description{color:#121826;height:56px;line-height:18px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.city-comment-item .content .tags-container{margin-top:8px;overflow-x:auto;font-size:12px;white-space:nowrap;overflow:-moz-scrollbars-none;-ms-overflow-style:none}.city-comment-item .content .tags-container span{display:inline-block;padding:2px 4px;color:#05939f;font-size:12px;border-radius:1px;background-color:rgba(6,174,189,.2)}.city-comment-item .content .tags-container span:not(:first-child){margin-left:8px}.city-comment-item .content .author-info{width:100%;overflow:hidden;display:flex;align-items:center;margin-top:10px}.city-comment-item .content .author-info .lazyload-wrapper{flex-shrink:0;width:24px;background-color:#eceef1;border-radius:50%}.city-comment-item .content .author-info .avatar{width:24px;background-color:#eceef1;border-radius:50%;height:24px;background-size:cover;background-repeat:no-repeat}.city-comment-item .content .author-info .name{font-size:14px;margin-left:8px;overflow:hidden;color:#121826;text-overflow:ellipsis;white-space:nowrap}.city-comment-item:hover{box-shadow:0 12px 24px 0 rgba(15,41,77,.12)}.switch-btn-wrap{display:flex;align-items:center;height:100%}.switch-btn-wrap.hidden{display:none}.switch-btn-wrap .switch-btn{user-select:none;height:48px;width:48px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#3264ff;box-shadow:0 4px 8px 0 rgba(69,88,115,.12)}.switch-btn-wrap .switch-btn:hover{background-color:#3264ff;color:#fff}