.tourism-topic .topic-top{height:3.19rem;background-image:url(../../static/img/topic-top.1e457f68.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.tourism-topic .topic-content{position:relative;z-index:2}.tourism-topic .create-topic{position:absolute;width:5.4rem;height:1.16rem;top:-.47rem;left:50%;margin-left:-2.7rem;background:url(../../static/img/create-topic.4faa7b4b.png) no-repeat 50%;background-size:100% 100%}.tourism-topic .topic-list{padding:1.29rem .4rem 0}.tourism-topic .topic-list .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:5}.tourism-topic .topic-list .title h1{color:#333;font-size:.34rem;line-height:.34rem;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0}.tourism-topic .topic-list .title h1 span{position:relative;padding:0 0 0 .18rem}.tourism-topic .topic-list .title h1 span:before{content:"";position:absolute;left:0;width:.08rem;height:.34rem;background:linear-gradient(223deg,#68e3a4,#38cd8d);border-radius:.04rem}.tourism-topic .topic-list .title a{font-size:.22rem;color:#666;position:relative;padding-right:.2rem}.tourism-topic .topic-list .title a:after{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#666;border-style:solid;-webkit-transform:matrix(.51,.51,-.51,.51,0,0);transform:matrix(.51,.51,-.51,.51,0,0);position:relative;top:-3px;position:absolute;top:50%;margin-top:-4px;right:2px}.tourism-topic .topic-list .topic-item{margin-top:.3rem;background:#fff;-webkit-box-shadow:0 .07rem .2rem 0 rgba(0,0,0,.07);box-shadow:0 .07rem .2rem 0 rgba(0,0,0,.07);border-radius:.1rem;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.tourism-topic .topic-list .topic-item .topic-pic{position:relative}.tourism-topic .topic-list .topic-item .topic-pic i{display:block;width:2.5rem;height:2rem;background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:#f1f8ff}.tourism-topic .topic-list .topic-item .topic-pic .topic-num{position:absolute;width:auto;right:.12rem;bottom:.1rem;height:.3rem;background:rgba(0,0,0,.5);border-radius:.04rem;font-size:.22rem;color:#fff;line-height:.3rem;padding:0 .05rem}.tourism-topic .topic-list .topic-item .topic-msg{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.3rem;-webkit-box-sizing:border-box;box-sizing:border-box;height:2rem;color:#999;position:relative}.tourism-topic .topic-list .topic-item .topic-msg h2{font-size:.28rem;color:#333}.tourism-topic .topic-list .topic-item .topic-msg h2,.tourism-topic .topic-list .topic-item .topic-msg p{overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.tourism-topic .topic-list .topic-item .topic-msg p{margin-top:.12rem;font-size:.22rem}.tourism-topic .topic-list .topic-item .topic-info{position:absolute;bottom:.3rem;left:.3rem;right:.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:.2rem}.tourism-topic .topic-list .topic-item .topic-info span{line-height:.28rem}.pull-up-load-tip{font-size:.26rem;color:#999;text-align:center;padding:.48rem 0}