body{background-color:#f5f5f5}
.tab2{width:94%;margin:6rem auto 0 auto;border-radius:1.2rem;background-color:#fff;padding:1.5rem 0 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;box-sizing:border-box;-webkit-box-sizing:border-box}
.tab2 a,#add_btn{width:20%;display:inline-block;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.tab2 a i{width:4rem;height:4rem;margin:0 auto;font-size:2rem;line-height:4rem;border-radius:2rem;display:block;color:#fff;position:relative}
.tab2 a img{width:5rem;height:5rem;display:inline-block;border-radius:2.5rem}
.tab2 a span{display:block;margin:.5rem auto 1.5rem auto;fotn-size:1.3rem}
.tab2 a i._new{background-color:#436ff6;background-image:-webkit-linear-gradient(135deg,#436ff6,#8abef9);text-shadow:0px 1px 1px #002fbe}
.tab2 a i._hot{background-color:#fd5941;background-image:-webkit-linear-gradient(135deg,#fd5941,#ff9586);text-shadow:0px 1px 1px #e33319}
.tab2 a i._my{background-color:#FD6EBA;background-image:-webkit-linear-gradient(135deg,#FD6EBA,#ffabd8);text-shadow:0px 1px 1px #d02982}
.tab2 a i._add{background-color:#ff8400;background-image:-webkit-linear-gradient(135deg,#ff8400,#FEBE13);text-shadow:0px 1px 1px #b45f03}
.tab2 a i._so{background-color:#7b38f5;background-image:-webkit-linear-gradient(135deg,#7b38f5,#bf92f8);text-shadow:0px 1px 1px #4e08cd}

#trend_btn_save{position:absolute;top:.8rem;right:0;width:6rem;line-height:3.4rem;border-radius:.2rem;color:#fff;font-size:1.6rem;background-color:rgba(0,0,0,0.3);z-index:10}
#trendbox{background-color:#fff;width:90%;padding:0 5% 10%;clear:both;overflow:auto;text-align:left;margin-top:5rem}
#trendbox textarea{width:100%;height:6rem;background-color:#fff;line-height:150%;font-size:1.6rem;border:0;margin:1rem 0 1rem;resize:none}
#trendbox h4{width:100%;text-align:right;color:#999;font-size:1.3rem;margin-bottom:2.5rem}
#trendbox ul li{width:8rem;height:8rem;line-height:8rem;border-radius:.2rem;margin:0 2.8rem 1.5rem 0;float:left;position:relative;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}
#trendbox ul li:first-child,#trendbox ul li b{background-size:12rem 8rem;background-repeat:no-repeat}
#trendbox ul li:first-child{width:7.8rem;height:7.8rem;line-height:100%;border:#dedede 1px solid}
#trendbox ul li:first-child i.ico{color:#aaa;font-size:4rem;height:4rem;line-height:4rem;margin-top:.8rem}
#trendbox ul li:first-child span{display:block;color:#aaa;margin-top:.5rem}
#trendbox ul li:nth-child(n+2):hover{cursor:pointer;background-color:#000}
#trendbox ul li:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}
#trendbox ul li img{width:100%;height:100%;border-radius:.2rem;display:block;object-fit:cover;-webkit-object-fit:cover}
#trendbox ul li b{width:2rem;height:2rem;top:-1rem;right:-1rem;display:block;position:absolute;border-radius:1rem;background-position:-8rem top;display:block;box-shadow:0 0 .5rem rgba(0,0,0,0.3);z-index:9}
#trendbox ul li b:hover{background-position:-10rem top;cursor:pointer}
/*add*/
.trend_add{background:#fff;position:fixed;bottom:7rem;left:0;right:0;margin:auto;text-align:center;line-height:1.6rem;display:block;width:5rem;height:5rem;line-height:1.6rem;font-size:1.2rem;border-radius:3.2rem;color:#fff;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);}
.trend_add i{font-size:2.4rem;line-height:2rem;height:2rem;display:block;margin-top:.9rem;margin-bottom:0}

/*li*/
.trendmain{overflow-x:hidden;overflow:auto;padding-bottom:5rem;margin-top:5rem}
.trendmain dl{width:94%;padding:1.5rem 0 1rem 0;background-color:#fff;position:relative;margin:1rem auto;border-radius:1.2rem}
.trendmain dl:last-child{border:0}
.trendmain dl dt,.trendmain dl dd{float:left}
.trendmain dl dt{width:6rem;height:6rem;margin-right:.5rem;position:relative}
.trendmain dl dt img{width:5rem;height:5rem;border-radius:3rem;margin-left:.8rem;display:block;object-fit:cover;-webkit-object-fit:cover}
.trendmain dl dt span{width:5rem;line-height:2.4rem;height:2.4rem;font-size:1.2rem;border-radius:.4rem;color:#aaa;border:#eee 1px solid;background-color:#fff;display:inline-block;position:absolute;top:5.5rem;left:.8rem;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.trendmain dl dd{width:-webkit-calc(100% - 7rem);text-align:left;position:relative;min-height:10rem}
a.delmy,a.delgl{display:block;width:4rem;line-height:3rem;text-align:center;background-color:#333;color:#fff;font-size:1.2rem;position:absolute;right:0;top:0px;border-radius:.2rem}
.trendmain dl dd h2{font-size:15px;color:#666;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}
.trendmain dl dd h2 span,.trendmain dl dd h2 img{display:inline-block;vertical-align:middle}
.trendmain dl dd span.chat{position:absolute;right:.1rem;top:-.5rem;line-height:2.8rem;height:2.8rem;padding:0 1rem;font-size:1.4rem;border-radius:1.6rem;color:#aaa;border:#eee 1px solid;background-color:#fff;display:inline-block}
.trendmain dl dd h3{margin-top:1rem;font-size:1.4rem;color:#999}
.trendmain dl dd h3 b{font-weight:normal;display:inline-block}
.trendmain dl dd p{margin-top:1rem;clear:both;overflow:auto;margin-bottom:1rem}
.trendmain dl dd p img{width:8rem;height:8rem;margin:0 .3rem .3rem 0;display:block;float:left;border-radius:.2rem;object-fit:cover;-webkit-object-fit:cover}
.trendmain dl dd p img:last-child{margin-right:0}
.trendmain dl dd h1{font-size:1.5rem;line-height:150%;margin:1.5rem 0 1.5rem 0}
.trendmain dl dd h1 img{max-width:16rem;display:block;margin-top:1rem;border-radius:.6rem}
.trendmain .vbox{width:8rem;height:8rem;display:block;line-height:8rem;margin:0 1rem 2rem 1rem;background-color:#fff;position:relative;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);float:left;box-sizing:border-box;border-radius:.5rem}
.trendmain .vbox img{vertical-align:middle;width:8rem;height:8rem;border-radius:.5rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.trendmain .vbox strong .play{width:4rem;height:4rem;line-height:4rem;font-size:4rem;position:absolute;top:2rem;left:2rem;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;color:#fff}
.trendmain .vbox strong:hover .play{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
.trendmain .vbox .vi13Vbox{display:none;width:1px;height:1px;position:absolute;z-index:8}

/*agreebbs*/
.trendmain dl em:after,.trendmain dl ul:after{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;display:inline-block}
.trendmain dl .agree{width:92%;margin:1.5rem auto 1rem auto;clear:both;text-align:right}
.trendmain dl .agree i{vertical-align:middle;height:1.4rem;color:#999;font-size:1.4rem;display:inline-block;line-height:1.4rem;position:relative;margin-left:1rem}
.trendmain dl .agree i .agreefly{position:absolute;left:2.8rem;top:0px;display:inline-block;color:#FD45A7;font-weight:normal;display:none}
.trendmain dl .agree i font span{margin-left:.2rem}
.trendmain dl .time{float:left;color:#999;font-size:1.2rem;margin-top:.3rem}
.trendmain dl em{width:94%;margin:0 auto;background-color:#fafafa;padding:.8rem;clear:both;overflow:auto;border-bottom:1px #fff solid;padding-left:4rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;border-radius:.5rem}
.trendmain dl em:after{position:absolute;color:#ccc;font-size:1.4rem;content:'赞';left:1.7rem;top:.7rem;}
.trendmain dl em img,.trendmain dl  ul li img.m{width:2rem;height:2rem;border-radius:100%;margin-right:.5rem;display:block;float:left;background-color:#fff;object-fit:cover;-webkit-object-fit:cover}
.trendmain dl em img:last-child{margin:0}
.trendmain dl .j{width:0;height:0;margin:0 0 0 2.5rem;border-left:1rem solid transparent;border-right:1rem solid transparent;border-bottom:1rem solid #fafafa}
.trendmain dl .trend_bbsadd{clear:both;overflow:auto;margin-bottom:.5rem}
.trend_bbsadd textarea::-webkit-input-placeholder {color:#aaa;font-size:1.4rem}
.trend_bbsadd textarea{width:90%;height:6rem;padding:.5rem;border-radius:.3rem;margin:0 auto .5rem auto;font-size:1.4rem;border:#E7E7EB 1px solid;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.trend_bbsadd button{float:right;margin-right:5%}
.trendmain dl ul{width:94%;margin:0 auto;background-color:#fafafa;text-align:left;position:relative;padding:.5rem 1rem .5rem 4rem;border-radius:.5rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.trendmain dl ul:after{position:absolute;color:#ccc;font-size:1.4rem;content:'评';left:1.6rem;top:.8rem}
.trendmain dl ul li{line-height:150%;color:#666;text-align:left;margin:.5rem 0}
.trendmain dl ul h5{width:-webkit-calc(100% - 2.5rem);float:right;display:inline-block;font-size:1.2rem}
.trendmain dl ul h5 font{color:#999;float:right}
.trendmain dl ul span{margin-top:.3rem;display:inline-block;color:#333;padding-left:2.3rem;font-size:1.2rem}