@media screen and (min-width:10px) and (max-width:800px){body .tab-bar p{display:none}}.tab-bar{width:100%;position:fixed;bottom:0;left:0;display:flex;flex-direction:row;align-items:center;color:#fff;z-index:10;padding-bottom:10px}.tab-bar div{flex:1;cursor:pointer;text-align:center;font-weight:700}.tab-bar .item-active{color:var(--theme)}.tab-bar .icon-active{stroke:var(--theme)}.tab-bar p{font-size:12px}.circle{border-radius:50%;height:30px;width:30px;border:3px solid #fff;margin:0 auto;display:flex;justify-content:center;align-items:center}.nav-icon{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;cursor:pointer;transition:stroke .2s}@media screen and (min-width:10px) and (max-width:800px){body .left-menu{display:none}}.main{display:flex;flex-direction:row;width:100%;height:100vh;overflow:hidden}.main .left-menu{width:200px;background-color:#131313;padding-top:20px;overflow-y:scroll;height:100%;text-align:center}.main h3{color:#fff}.page{position:relative;justify-content:space-between}.page,.recommendlist{display:flex;flex-direction:column;width:100%}.recommendlist{justify-content:center;align-items:center;margin-bottom:200px}.recommendlist li{margin:10px 0}.recommendlist li p{color:#fff;font-size:12px;padding:10px 0}.recommendlist li img{width:100px;height:140px;border-radius:10px}