@media screen and (min-width:10px) and (max-width:800px){body .child-item ul li{width:calc(50% - 8px)}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--theme:#db3179}*{padding:0;margin:0}body{background-color:#000}a{text-decoration:none}li{list-style:none}label{margin:10px 0}.like-icon{fill:#fff;transition:fill .2s ease}.like-btn.active .like-icon{fill:var(--theme)}.page-title{text-align:center;width:100%;font-size:18px;color:#fff;font-weight:700;height:80px;line-height:80px}.active-menu{transform:translateX(200px)}.top-menu{position:absolute;z-index:72;height:55px;top:0;left:0;width:-moz-fit-content;width:fit-content}.top-menu img{margin:15px 10px;cursor:pointer}.input-radius{border-radius:10px}.common-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.common-title a{color:var(--theme);font-weight:700;white-space:nowrap}.video-userhead{border-radius:50%;width:40px;height:40px}.button-area{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;margin:5px 0}.closebtn{cursor:pointer;position:absolute;top:10px}.closebtn svg{width:20px;height:20px}.rig{right:10px}.lef{left:10px}.bottom-link{font-size:13px}.title-button{display:flex;flex-direction:column;gap:5px}.bottom-up-enter-from{transform:translateY(100%)}.bottom-up-leave-to{transform:translateY(-100%)}.bottom-up-enter-active,.bottom-up-leave-active{transition:all .3s ease}.up-bottom-enter-from{transform:translateY(-100%)}.up-bottom-leave-to{transform:translateY(100%)}.up-bottom-enter-active,.up-bottom-leave-active{transition:all .3s ease}.logo,.playbtn{width:60px;height:60px}.playbtn{position:absolute;top:50%;left:50%;z-index:20;transform:translate(-50%,-50%);opacity:.8;display:block;padding:20px;cursor:pointer;opacity:.6}.uploadtool{padding:0 10px}.backbtn{position:fixed;top:0;left:0;z-index:100;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:15px 0}.backbtn svg{cursor:pointer}.userinfo-box{width:100%;display:flex;flex-direction:row;padding-top:40px}.userinfo-box .user-cover{width:100px;padding:0 10px}.userinfo-box .user-text{display:flex;flex-direction:column;width:calc(100% - 120px);align-items:flex-start;justify-content:center}.userinfo-box .headimg{border-radius:50%;width:100px;height:100px}.userinfo-box .nickname{font-size:14px;color:#fff;margin:5px 0}.userinfo-box .atname{font-size:14px;color:#fff;margin-bottom:10px}.user-information{display:flex;flex-direction:row;width:100%;margin:20px 0}.user-information div{flex:1;text-align:center}.user-information div p{font-size:16px;color:#fff;font-weight:700}.user-description{font-size:14px;color:#fff;padding:10px;width:calc(100% - 20px);box-sizing:border-box}.child-item{width:100%}.child-item ul{display:flex;flex-direction:row;flex-wrap:wrap}.child-item ul li{width:250px;padding:4px}.child-item ul li img{width:100%}.noproduct{text-align:center}.scroll-content{position:relative;z-index:2;background-color:#000;padding:0 10px;width:100%;box-sizing:border-box;margin-top:140px;border-radius:10px 10px 0 0}.user-center{max-height:100vh;overflow-y:scroll}.user-background{position:fixed;width:100%;top:0;left:0;height:150px;background-color:#f4f4f4;z-index:-1}.user-background img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.default-background{position:fixed;width:100%;top:0;left:0;height:150px;background-color:#b6b6b6;z-index:-1;display:flex;justify-content:center;align-items:center}.default-background img{width:auto;height:auto;border:0}.upload-bar{z-index:100;position:fixed;bottom:10px;left:0;width:100%;display:flex;flex-direction:column;align-items:center}.mode-slider{display:flex;flex-direction:row;cursor:pointer;border-radius:6px;overflow:hidden}.mode-slider .mode-item{background-color:#c6c5c5;color:#fff;padding:5px 10px;font-size:12px}.mode-slider .mode-active{background-color:var(--theme)}.start-video{border:4px solid #d3d3d3;width:60px;height:60px;border-radius:60px;margin:0 auto;cursor:pointer;position:relative}.start-icon{width:50px;height:50px;border-radius:50%}.start-icon,.stop-icon{background-color:red;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stop-icon{width:30px;height:30px;border-radius:6px}#status,#timer,#video,.error,.videotip{color:#fff}.videotip{position:absolute;top:20px;left:50%;z-index:10;font-size:14px;transform:translateX(-50%);text-align:center}.close-modal{position:absolute;top:10px;right:5px;padding:5px;cursor:pointer}.close-modal .close-icon{fill:#fff;width:25px;height:25px}.selectlan{font-size:14px;color:#fff;display:flex;flex-direction:row;justify-content:flex-end;width:100%;font-weight:700}.selectlan div{cursor:pointer}.uploadimg-btn{fill:var(--theme);width:28px;height:28px;cursor:pointer}.center-box{padding:75px 5px 0 5px;display:flex;flex-direction:column;max-width:600px;margin:0 auto;align-items:flex-start;box-sizing:border-box}.center-box .login-title{display:flex;flex-direction:row;text-align:center}.center-box h3{margin:10px 0;color:#fff}.center-box a{color:#fff}.center-box .title-tip{display:flex;flex-direction:column;align-items:flex-start;margin:0 10px}.center-box .title-tip p{color:#fff}.center-box label{margin:0 5px;font-size:16px;color:#fff}.center-box input{height:60px;font-size:16px;background-color:#f4f4f4;border:0;outline:none}.center-box .btn,.center-box input{width:100%;text-align:center;margin:10px 0}.center-box .btn{cursor:pointer;background-color:var(--theme);color:#fff;border-radius:10px;padding:20px 0;font-weight:700}.select-bottom{justify-content:space-between}.code-field,.select-bottom{display:flex;flex-direction:row;width:100%}.code-field{margin:10px 0;align-items:center}.code-field input{margin:0;border-radius:10px 0 0 10px;min-width:unset}.code-field .getcode{background-color:var(--theme);cursor:pointer}.code-field .getcode,.code-field .sendingmailcode{color:#fff;word-break:keep-all;padding:0 20px;line-height:60px;white-space:nowrap;border-radius:0 10px 10px 0;font-weight:700}.code-field .sendingmailcode{background-color:#32ce9b;cursor:not-allowed}.sending-code{text-align:center;font-size:13px;color:#fff}.slide-right-enter-active,.slide-right-leave-active{transition:transform .2s ease}.slide-right-enter{transform:translateX(100%)}.slide-right-leave-to{transform:translateX(-100%)}.slide-left-enter-active,.slide-left-leave-active{transition:transform .2s ease}.slide-left-enter{transform:translateX(-100%)}.slide-left-leave-to{transform:translateX(100%)}