@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}.languagelist{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 30px;border-radius:10px;background-color:#f5f5f5;z-index:2}.languagelist ul{min-width:200px;max-width:90vw;width:100%;height:50vh;overflow-y:scroll;display:flex;flex-direction:column;justify-content:space-around}.languagelist ul li{text-align:center;padding:5px 0;cursor:pointer}.close-select-lan{position:absolute;top:-20px;right:-45px;padding:5px;cursor:pointer}.close-select-lan svg{fill:#fff;width:30px;height:30px;border:1px solid #fff;border-radius:50%;padding:4px;box-sizing:border-box}.lanmask{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99}.lanmask .lan-bg{background-color:rgba(0,0,0,.7607843137254902);position:absolute;z-index:1;top:0;left:0;width:inherit;height:inherit}.main-widge{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:180}.login-mask{position:absolute;width:inherit;height:inherit;z-index:1;background-color:rgba(0,0,0,.7607843137254902)}.login-center-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;max-width:calc(100% - 30px);padding:25px 15px;align-items:flex-start;z-index:2;border-radius:10px}.login-center-box .login-title{display:flex;flex-direction:row;text-align:center}.login-center-box h3{margin:10px 0;color:#fff}.login-center-box a{color:#fff}.login-center-box .title-tip{display:flex;flex-direction:column;align-items:flex-start;margin:0 10px}.login-center-box .title-tip p{color:#fff}.login-center-box label{margin:0 5px;font-size:16px;color:#fff}.login-center-box input{max-width:100%;width:400px;height:60px;text-align:center;font-size:16px;background-color:#f4f4f4;border:0;margin:10px 0;outline:none}.login-center-box .btn{cursor:pointer;background-color:var(--theme);color:#fff;border-radius:10px;text-align:center;padding:20px 0;margin:10px 0;width:100%;font-weight:700}.close-loginbox{padding:20px 0;width:100%;display:flex;justify-content:center}.close-loginbox svg{fill:#fff;width:30px;height:30px;border-radius:50%;border:2px solid #fff;padding:5px;cursor:pointer}.right-menu{width:100%}.right-menu .menu-style li{color:#fff;cursor:pointer;text-align:center}.right-menu .menu-style li:hover{background-color:#666}.right-menu .menu-style a{display:block;color:#fff;padding:20px 0}@media screen and (min-width:10px) and (max-width:800px){body .left-menu,body .right-menu{display:none}}.main{display:flex;flex-direction:row;width:100%;height:100vh;overflow:hidden}.main .left-menu{background-color:#131313;overflow-y:scroll;height:100%;text-align:center}.main .left-menu,.main .right-menu{width:200px;padding-top:20px}.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}