.hotel-lazyimg-breath{display:inline-block;background-color:#f0f2f5;animation:breath .8s infinite alternate}@keyframes breath{0%{opacity:1}to{opacity:.3}}.city-comment-item{box-shadow:0 4px 8px 0 rgba(69,88,115,.12);background:#fff;border-radius:8px 8px 8px 8px;color:#121826;display:flex;cursor:pointer;flex-direction:column}.city-comment-item .img-box{width:100%;aspect-ratio:1.5027027;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::-webkit-scrollbar{display:none;width:0!important}.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}.city-comment-item .content .author-info .avatar,.city-comment-item .content .author-info .lazyload-wrapper{width:24px;background-color:#eceef1;border-radius:50%}.city-comment-item .content .author-info .avatar{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)}.mixin-no-scroll{overflow:-moz-scrollbars-none;-ms-overflow-style:none}.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(2n){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}}