*{padding:0;margin:0;list-style:none}.htmlBox{width:100%;height:100vh;padding-top:1.8rem;box-sizing:border-box;position:relative;overflow:hidden}.htmlBoxActive{padding-top:1.16rem}.noListMessage{justify-content:center;font-size:.28rem;color:#333}.navBox,.noListMessage{width:100%;display:flex;flex-direction:row}.navBox{position:absolute;top:0;left:0;height:1.8rem;padding:0 .64rem;box-sizing:border-box;justify-content:space-between;align-items:center;border-bottom:.02rem solid #edeef2}.navBox .navLeft{display:flex;flex-direction:row;align-items:center}.navBox .navLeft .navBack{width:.64rem;height:.64rem;background:url(https://res.leju.com/assets/app/leju-baike/v1/static/img/navbackIcon.png) no-repeat;background-size:contain}.navBox .navLeft .span{font-size:.56rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;line-height:.8rem;position:relative}.navBox .navLeft .span a{text-decoration:none;display:inline-block;color:#44484c}.navBox .navCenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.68rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:700;color:#44484c;line-height:1.8rem}.navBox .navRight{width:.64rem;height:.64rem;background:url(https://res.leju.com/assets/app/leju-baike/v1/static/img/shareIcon.png) no-repeat;background-size:contain}.span:after{position:absolute;width:0;height:0;content:"";right:-.52rem;top:50%;transform:translateY(-50%);border-left:.24rem solid transparent;border-right:.24rem solid transparent;border-top:.24rem solid #333}.tabbarBox{width:100%;height:2.8rem;background:linear-gradient(180deg,#fff,#f5f6f7);padding:0 .5rem;box-sizing:border-box;display:flex;align-items:center}.tabbarBox ul{display:block;white-space:nowrap;overflow:hidden;overflow-x:auto}.tabbarBox ul li{display:inline-block;padding:0 .2rem;background:transparent}.tabbarBox ul li div{height:1.52rem;padding:.4rem .32rem;box-sizing:border-box;font-size:.64rem;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#232426;line-height:.72rem;box-shadow:0 .08rem .36rem 0 rgba(0,0,0,.08);border-radius:.16rem;background:#fff}.tabbarBox ul li div a{text-decoration:none;color:#232426}.activeBox .active{background:#d9172a}.activeBox .active a{text-decoration:none;color:#fff}.listBox{width:100%;height:100%;display:flex;flex-direction:row}.listBox .listLeft{width:3.6rem;max-height:22rem;overflow:auto;background:#f5f6f7}.listBox .listLeft .listLeftItem{padding:.64rem .26rem;box-sizing:border-box;width:3.6rem;background:#f5f6f7;position:relative;text-align:center}.listBox .listLeft .listLeftItem a{text-decoration:none;font-size:.56rem;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#8b8b8b;line-height:.64rem}.listBox .listLeft .listLeftItemActive{background:#fff}.listBox .listLeft .listLeftItemActive:after{content:"";width:.12rem;height:1rem;background:#d9172a;border-top-right-radius:.06rem;border-bottom-right-radius:.06rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.listBox .listRight{width:11.4rem;height:90%;padding:.4rem .6rem 0 .72rem;background:#fff;box-sizing:border-box}.listBox .listRight .mescroll{height:100%}.listBox .listRight .mescroll ul,.listBox .listRight .mescroll ul li{width:100%}.listBox .listRight .mescroll ul li a{width:100%;text-decoration:none;display:flex;padding:.56rem 0 .48rem;flex-direction:row;justify-content:space-between;border-bottom:.04rem solid #edeef2}.listBox .listRight .mescroll ul li a .liLeft{height:2.84rem;width:100%;padding-right:.16rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.listBox .listRight .mescroll ul li a .liLeft .title{font-size:.56rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#232426;line-height:.8rem;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.listBox .listRight .mescroll ul li a .liLeft .botBox{width:100%;display:flex;flex-direction:row;align-items:center}.listBox .listRight .mescroll ul li a .liLeft .botBox .tabs{max-width:2.5rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:.04rem .16rem;font-size:.4rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#a78868;line-height:.56rem;border:.02rem solid #e5d7c2;margin-right:.16rem}.listBox .listRight .mescroll ul li a .liLeft .botBox span{font-size:.48rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;line-height:.56rem}.listBox .listRight .mescroll ul li a .liRight,.listBox .listRight .mescroll ul li a .liRight img{width:3.88rem;height:2.84rem}.listBox .listRight .mescroll .nolistImg{display:flex;flex-direction:column;align-items:center;padding:1rem 0}.listBox .listRight .mescroll .nolistImg img{width:2.28rem;height:2.28rem}.listBox .listRight .mescroll .nolistImg span{margin-top:.2rem;font-size:.48rem;color:#7d8084;line-height:.68rem}.clearfix::-webkit-scrollbar,ul::-webkit-scrollbar{display:none}.listLeft::-webkit-scrollbar{display:none}