a{text-decoration:none!important}input,textarea{outline:none}textarea{resize:none}select::-ms-expand{display:none}.v-btn{letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}input::-webkit-input-placeholder{color:#52545b;font-weight:400}input:-moz-placeholder{color:#52545b;font-weight:400}textarea::-webkit-input-placeholder{color:#52545b;font-weight:400}textarea:-moz-placeholder{color:#52545b;font-weight:400}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#f3f3f3;background:var(--register-btn-bg-color)}.custom-scrollbar::-webkit-scrollbar-track{border-radius:0;background:transparent}.custom-scrollbar{scrollbar-color:#f3f3f3 transparent;scrollbar-color:var(--register-btn-bg-color) transparent;scrollbar-width:thin}@media only screen and (max-width:10000px){html{font-size:16px!important}html body{margin:0 auto;max-width:100%;background:#fafafa}html body .v-application .v-menu__content{background-color:#fff;background-color:var(--menu-bg-color);box-shadow:0 2px 20px rgba(0,0,0,.25);border-radius:6px;scrollbar-color:#f3f3f3 transparent;scrollbar-color:var(--register-btn-bg-color) transparent;scrollbar-width:thin}html body .v-application .v-menu__content .v-list{background:transparent!important}html body .v-application .v-menu__content::-webkit-scrollbar{width:4px}html body .v-application .v-menu__content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#f3f3f3;background:var(--register-btn-bg-color)}html body .v-application .v-menu__content::-webkit-scrollbar-track{border-radius:0;background:transparent}html body .v-application .v-menu__content--fixed{box-shadow:0 2px 20px rgba(0,0,0,.25);border-radius:6px}html body .style_check-box{height:2.1875rem!important}html body .style_check-box .v-input--checkbox .v-input__control .v-input__slot .mdi-checkbox-blank-outline:before,html body .style_check-box .v-input--checkbox .v-input__control .v-input__slot label{color:#88898d!important}html body .v-dialog{background-color:#fff;background-color:var(--white-bg-color);position:relative;border-radius:14px!important}html body .v-dialog .close-icon{position:absolute;right:10px;width:1.25rem;height:1.25rem;top:15px;cursor:pointer}html body .v-dialog .modal-title{display:flex;justify-content:center;align-items:center;margin-top:2.5rem}html body .v-dialog .icon-1{width:2rem;height:2rem;border-radius:50%;display:flex;justify-content:center;align-items:center}html body .v-dialog .failure-icon{background:#e54e4e;position:relative}html body .v-dialog .failure-icon:before{transform:translate(-50%,-50%) rotate(45deg)}html body .v-dialog .failure-icon:after,html body .v-dialog .failure-icon:before{content:"";display:block;width:1.125rem;height:.125rem;background:#fff;position:absolute;top:50%;left:50%}html body .v-dialog .failure-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}html body .v-dialog .success-icon:before{content:"";display:block;width:.875rem;height:.625rem;border:2px solid #fff;border-top:none;border-right:none;transform:rotate(-45deg) translate(.125rem,-.125rem)}html body .v-dialog .success-icon{background:#3e5ff1}html body .v-dialog .title-text{display:inline-block;font-size:1.375rem;font-weight:700;color:#636468;color:var(--register-btn-color);margin-left:.5rem}html body .v-dialog .info-text{font-size:1rem;font-weight:400;line-height:1.6875rem;color:#636468;color:var(--register-btn-color)}html body .v-dialog .btn-block,html body .v-dialog .info-text{margin-top:1.5rem;display:flex;justify-content:center;align-items:center}html body .v-dialog .btn-block{margin-bottom:1.875rem}html body .v-dialog .btn-block button{border-radius:4px;width:7rem;height:2.5rem!important;font-size:1.125rem;box-shadow:none;text-transform:capitalize;letter-spacing:0}html body .v-dialog .btn-block .btn-left{font-weight:400;background:#3e5ff1;color:#fff}html body .v-dialog .btn-block .btn-right{font-weight:700;background:#fff;background:var(--white-bg-color);color:#4f525e;color:var(--preset-title-color);margin-left:1.875rem}html #preset-container{width:100%;margin:0 auto 1.25rem;padding:.75rem 0 0;width:75rem}html #preset-container input:-moz-placeholder,html #preset-container input::-moz-placeholder,html #preset-container textarea:-moz-placeholder,html #preset-container textarea::-moz-placeholder{color:#52545b;font-weight:400}html #preset-container input::-webkit-input-placeholder,html #preset-container textarea::-webkit-input-placeholder{color:#52545b;font-weight:400}html #preset-container .content-container{padding:.625rem;margin:1.25rem auto 3.125rem;max-width:76.125rem}html #preset-container .content-container .use-profile{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}html #preset-container .content-container .use-profile .profile-title1{font-size:1.5rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:2.5625rem;margin-bottom:0;padding-right:2.75rem}html #preset-container .content-container .use-profile .profile-title2{font-size:1.25rem;font-weight:400;color:#141414!important;color:var(--black-title-2)!important;line-height:1.5rem;margin-bottom:0}html #preset-container .content-container .file-upload-block{margin-top:1.25rem}html #preset-container .content-container .file-upload-block .ant-upload{border-radius:20px;background-color:transparent;border-width:2px;border-color:#b5b5b5!important}html #preset-container .content-container .file-upload-block .ant-upload-list{display:none;flex-wrap:wrap}html #preset-container .content-container .file-upload-block .ant-upload-list div{width:20%}html #preset-container .content-container .file-upload-block .ant-upload-list div .ant-upload-list-item,html #preset-container .content-container .file-upload-block .ant-upload-list div .ant-upload-list-item .ant-upload-list-item-info{width:95%}html #preset-container .content-container .file-upload-block .file-upload-info{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;margin-left:2.375rem;max-width:80%;text-align:left}html #preset-container .content-container .ant-upload-drag-icon{margin-bottom:.9375rem;margin-left:1.375rem;height:2.6875rem}html #preset-container .content-container .ant-upload-drag-icon li{font-size:2.6875rem}html #preset-container .content-container .ant-upload-drag-icon .anticon-cloud-upload svg{fill:#707070;fill:var(--feedbcak-color)}html #preset-container .content-container .ant-upload-text{font-size:1.3125rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:2.5625rem;margin-bottom:0}html #preset-container .content-container .ant-upload-text-s{font-size:1.25rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:1.3125rem;margin-bottom:0}html #preset-container .content-container .file-block{margin-top:.9375rem;padding:.625rem 0;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:10px}html #preset-container .content-container .file-block ul{padding:0 .9375rem}html #preset-container .content-container .file-block ul .file-list{list-style:none;cursor:pointer}html #preset-container .content-container .file-block ul .file-list .file-item{display:flex;align-items:center;justify-content:space-between}html #preset-container .content-container .file-block ul .file-list .file-item span{font-size:1.25rem;width:30%;line-height:2.5rem}html #preset-container .content-container .file-block ul .file-list .file-item .name{margin-left:.9375rem;font-weight:700;color:#404040;color:var(--preset-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .content-container .file-block ul .file-list .file-item .size{font-size:400;color:#404040;color:var(--preset-text-color)}html #preset-container .content-container .file-block ul .file-list .file-item .delete-icon{color:#404040;color:var(--preset-text-color);height:1.25rem;margin-right:.9375rem}html #preset-container .content-container .file-block ul .file-list:hover{background:var(--preset-select-bg-color);border-radius:5px}html #preset-container .content-container .file-block .file-upload-block-2{padding:0 .9375rem .9375rem;margin-top:.9375rem}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload{border-radius:5px;background-color:#fbfbfb;background-color:var(--file-list-bg-color);border-width:1px;border-color:#1753e1!important}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload .ant-upload-btn{padding:.5rem 0}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload .ant-upload-text-2{font-size:1.25rem;font-weight:400;color:#1753e1}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload-list{display:none!important}html #preset-container .content-container .red-star{color:red}html #preset-container .content-container .select-product{width:100%;padding:2.6875rem 5.625rem 2.5rem 3.125rem;margin-top:2.5rem;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:27px}html #preset-container .content-container .select-product h4{font-size:1.5rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:2.5625rem;margin-bottom:0}html #preset-container .content-container .select-product .product-check-show{display:flex;justify-content:flex-start;align-items:center}html #preset-container .content-container .select-product .product-check-show .show-label{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}html #preset-container .content-container .select-product .product-check-show .lable-item{display:flex;justify-content:flex-start;align-items:center;padding:0 2.6875rem 1.875rem 0}html #preset-container .content-container .select-product .product-check-show .lable-item .ant-form-item{margin-bottom:0}html #preset-container .content-container .select-product .product-check-show .lable-item p{font-size:1.25rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:2.125rem;margin:0 .3125rem 0 0;width:5.375rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-style{max-width:12.5rem!important}html #preset-container .content-container .select-product .product-check-show .lable-item .v-input__control{height:2.375rem;border-radius:5px}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn{width:14.6875rem;height:2.5rem;color:#404040;color:var(--preset-text-color);background-size:8%;padding:0 .5rem;justify-content:flex-start;border-radius:5px}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content{font-size:1rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content span{text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:12.5rem;text-align:left;display:inline-block!important}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content i{position:absolute;right:0;font-size:1rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn-bg-light{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll var(--preset-select-bg-color) 98%}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn-bg-dark{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll var(--preset-select-bg-color) 98%}html #preset-container .content-container .select-product .product-check-show .product-image{width:14.375rem;height:8.125rem}html #preset-container .content-container .select-product .product-check-show .product-image img{width:100%;height:auto}html #preset-container .content-container .select-product .no-product-margin{margin-top:1.25rem!important}html #preset-container .content-container .select-product .preset-match{width:100%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}html #preset-container .content-container .select-product .preset-match p:first-child{font-size:1.5rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:2.5625rem;margin-bottom:0}html #preset-container .content-container .select-product .preset-match p:nth-child(2){font-size:1.5rem;font-weight:700;color:#818181!important;line-height:2.5625rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-left:1.875rem}html #preset-container .content-container .content-form{width:100%;margin-top:.9375rem}html #preset-container .content-container .content-form .v-row-height{margin-top:2.1875rem}html #preset-container .content-container .content-form .form-title{display:flex;align-items:baseline}html #preset-container .content-container .content-form .form-title .word-count{display:inline-block;margin-left:1.25rem;color:#141414;color:var(--black-title)}html #preset-container .content-container .content-form .form-label{font-size:1.5rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:2.5625rem;margin-bottom:5px;white-space:pre}html #preset-container .content-container .content-form .form-label .question{width:1.75rem;height:1.75rem;font-size:1.25rem;font-weight:400;color:#777!important;line-height:1.75rem;margin-bottom:0;background:#e5e5e5;border-radius:50%;display:inline-block;margin-left:1.25rem;text-align:center}html #preset-container .content-container .content-form .form-label .text{font-size:1.25rem;font-weight:400;color:#3e5ff1!important;line-height:1.5rem;margin-bottom:0;margin-left:2.625rem}html #preset-container .content-container .content-form .form-label .text:hover{color:#4c6cfb!important}html #preset-container .content-container .content-form .form-tip{font-size:1.25rem;font-weight:400;color:#777!important;line-height:1.25rem;margin-bottom:0;margin-left:20px}html #preset-container .content-container .content-form .cover-container{margin:.625rem 0;border-radius:10px!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container{min-width:330px;max-width:330px;height:250px}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .ant-upload.ant-upload-drag{border:none!important;border-radius:5px;background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .ant-upload-list-item{display:none!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .upload-icon{width:4.9375rem;margin:0 auto}html #preset-container .content-container .content-form .cover-container .cropper-container{max-width:330px;height:250px;position:relative}html #preset-container .content-container .content-form .cover-container .cropper-container .delete-icon{color:#404040;color:var(--preset-text-color);position:absolute;top:-8px;right:-17px;cursor:pointer}html #preset-container .content-container .content-form .cover-container .upload-controller{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:5.0625rem;width:90%}html #preset-container .content-container .content-form .cover-container .upload-controller .controller-tip{font-size:1.25rem;font-weight:400;color:#b9b9b9!important;line-height:1.25rem;margin-bottom:0}html #preset-container .content-container .content-form .cover-container .upload-controller .slider-container{max-height:2.5rem;width:90%}html #preset-container .content-container .content-form .cover-container .upload-controller .slider-container .slider{width:100%;height:35px}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container{max-height:2.25rem;width:100%}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .v-btn{box-shadow:none;border-radius:10px}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .upload-btn{color:#fff}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .reset-btn{color:#8c8f9f}html #preset-container .content-container .content-form .uploaded-cover-conatiner{width:300px;height:200px;position:relative}html #preset-container .content-container .content-form .uploaded-cover-conatiner .delete-icon{color:#404040;color:var(--preset-text-color);position:absolute;top:-8px;right:-17px;cursor:pointer}html #preset-container .content-container .content-form .media-margin{margin-top:1.25rem}html #preset-container .content-container .content-form .hint-tips{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:-.75rem;margin-bottom:1.5625rem;padding-left:.75rem}html #preset-container .content-container .content-form .hint-tips-1{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:.6875rem;margin-bottom:1.5625rem;padding-left:.75rem;font-size:.875rem!important}html #preset-container .content-container .content-form .tag-block{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;height:3.5rem;background-color:#e5e5e5;background-color:var(--preset-input-bg-color);width:100%;border-radius:5px}html #preset-container .content-container .content-form .tag-block .chip-block{height:3.5rem;line-height:3.5rem;display:flex;align-items:center}html #preset-container .content-container .content-form .tag-block .chip-block span{margin-left:.3125rem}html #preset-container .content-container .content-form .tag-block .chip-block span i{font-size:1rem;padding-bottom:1px;cursor:pointer}html #preset-container .content-container .content-form .tag-block .chip-block span i:hover{color:#3e5ff1!important}html #preset-container .content-container .content-form .tag-block .chip-block .v-chip{align-items:center;display:inline-flex;line-height:2.1875rem;max-width:100%;outline:none;overflow:hidden;padding:0 .75rem;position:relative;text-decoration:none;transition-duration:.28s;transition-property:box-shadow,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);vertical-align:middle;white-space:nowrap;border-radius:20px;background:#e0e0e0;margin-right:.3125rem}html #preset-container .content-container .content-form .tag-block .content-padding{padding-left:1.5rem}html #preset-container .content-container .content-form .tag-block .input-block{height:3.5rem;width:100%;background-color:#fbfbfb;background-color:var(--file-list-bg-color);border-radius:5px}html #preset-container .content-container .content-form .tag-block .input-block .tag-input{width:100%;height:3.5rem;padding:0 1.5rem;font-size:1.25rem;color:#404040;color:var(--preset-text-color);background-color:#e5e5e5;background-color:var(--preset-input-bg-color);border-radius:5px}html #preset-container .content-container .content-form .tag-block .input-block .tag-input:focus{outline:none}html #preset-container .content-container .content-form .v-select__selections{font-size:1.25rem;font-weight:400;color:#6e6e6e!important;line-height:1.5rem;margin-bottom:0}html #preset-container .content-container .content-form .row{display:block}html #preset-container .content-container .content-form .row .hint-tips{margin-top:-.5rem}html #preset-container .content-container .content-form .row .hint-tips .v-messages__wrapper .v-messages__message{font-size:.875rem!important}html #preset-container .content-container .content-form .row .style-tip{margin-top:1rem!important}html #preset-container .content-container .content-form .row .v-input .v-input__control .v-text-field__details{margin-top:.4375rem!important}html #preset-container .content-container .content-form .row .v-input .v-input__control .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message{font-size:.875rem!important;line-height:.875rem!important}html #preset-container .content-container .content-form .col .row{display:flex}html #preset-container .content-container .content-form .form-text{font-size:1.25rem;font-weight:400;color:#6e6e6e!important;line-height:1.5rem;margin-bottom:0}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot{background-color:#e5e5e5;background-color:var(--preset-input-bg-color)}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot fieldset{border:none}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot .v-text-field__slot input{color:#404040;color:var(--preset-text-color)}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot .v-text-field__slot textarea{color:#404040;color:var(--preset-text-color);resize:none}html #preset-container .content-container .content-form .select-raws{margin:1.25rem 0}html #preset-container .content-container .content-form .select-raws .title-tip{font-size:1.5rem;font-weight:700;color:#141414!important;line-height:2.5625rem;margin:0}html #preset-container .content-container .content-form .select-raws .title-tip-sub{font-size:1.25rem;font-weight:700;color:#777!important;line-height:2.125rem;margin-bottom:0}html #preset-container .content-container .content-form .select-raws .select-style{width:14.25rem}html #preset-container .content-container .content-form .select-raws .select-style-long{width:53.75rem}html #preset-container .content-container .content-form .select-raws div{width:100%}html #preset-container .content-container .content-form .select-raws input,html #preset-container .content-container .content-form .select-raws textarea{width:53.75rem}html #preset-container .content-container .content-form .select-raws .tag-name{font-size:1rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;text-decoration:underline;margin-right:.8125rem;display:inline-block}html #preset-container .content-container .content-form .user-control{width:100%;margin-left:-12px;margin-top:15px;display:flex;justify-content:flex-start;align-items:center}html #preset-container .content-container .content-form .user-control .checkbox-font{font-size:1.25rem;font-weight:400;color:#272727!important;line-height:1.5rem;margin-bottom:0}html #preset-container .content-container .content-form .user-control .control{font-size:1.25rem;font-weight:400;color:#3e5ff1!important;line-height:1.5rem;margin-bottom:0}html #preset-container .content-container .content-form .user-control .control:hover{color:#4c6cfb!important}html #preset-container .content-container .content-form .v-input-self-mgbm{margin-bottom:0}html #preset-container .content-container .content-form .v-select-self-mgtop{margin-top:1.125rem!important}html #preset-container .content-container .content-form .v-input__control{border-radius:5px}html #preset-container .content-container .content-form .v-form-h,html #preset-container .content-container .content-form .v-form-h .v-input__control,html #preset-container .content-container .content-form .v-form-h .v-input__control .v-input__slot{height:3.5rem}html #preset-container .content-container .content-form .v-form-h .v-input__control .v-input__slot .v-select__slot .v-input__append-inner{margin-top:.875rem}html #preset-container .content-container .content-form .v-select-w{width:16.25rem}html #preset-container .content-container .content-form .select-btn{background-size:8%;max-width:100%;width:auto;min-width:16.25rem;padding-left:1.5rem!important;border-radius:6px}html #preset-container .content-container .content-form .select-btn span{text-align:left;display:inline-block!important;padding-right:1.875rem}html #preset-container .content-container .content-form .select-btn-bg-light{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll var(--preset-input-bg-color) 98%}html #preset-container .content-container .content-form .select-btn-bg-dark{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll var(--preset-input-bg-color) 98%}html #preset-container .content-container .content-form .filled-text{color:#404040;color:var(--preset-text-color);font-size:1.25rem;font-weight:400}html #preset-container .content-container .content-form .empty-text{color:#52545b;font-size:1.25rem;font-weight:400}html #preset-container .content-container .content-form .submit-btn{min-width:6.25rem!important;width:auto!important;height:2.5rem!important;background:#3e5ff1!important;border-radius:24px;display:grid;justify-content:center;align-content:center;font-size:1.25rem;font-weight:400!important;color:#fff!important;margin-bottom:0;letter-spacing:0;box-shadow:none;text-transform:capitalize}html #preset-container .content-container .content-form .submit-btn span{line-height:2.5rem}html #preset-container .submit-fixed{width:100%;padding:0 5rem;height:6.875rem;position:fixed;bottom:0;box-shadow:0 -1px 6px rgba(0,0,0,.16);background:#fff;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}html #preset-container .submit-fixed .btn-self{border-radius:24px}html #preset-container .state-container{width:100%;border-radius:27px;padding:2rem 3.125rem 2rem 2.5rem;margin:0;display:flex;justify-content:flex-start;align-items:center}html #preset-container .state-container .container-left{width:32.1875rem}html #preset-container .state-container .container-left .title{font-size:3rem!important;line-height:3.75rem;font-weight:800;padding-left:1.6875rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}html #preset-container .state-container .container-left .name{width:28.5625rem;padding-left:1.6875rem;display:flex;justify-content:flex-start;align-items:center}html #preset-container .state-container .container-left .name p:first-child{width:2.5rem;line-height:2.5rem!important;background:#71b47f;border-radius:50%;text-align:center;font-size:1.125rem;font-weight:700;color:#fff!important;line-height:1.9375rem;margin-bottom:0}html #preset-container .state-container .container-left .name p:nth-child(2){padding-left:.625rem;font-size:1.25rem;font-weight:700;color:#414141!important;line-height:2.125rem;margin-bottom:0}html #preset-container .state-container .container-left .meta{width:100%;padding:.625rem 1.6875rem;border-radius:27px}html #preset-container .state-container .container-left .meta p{margin:0}html #preset-container .state-container .container-left .meta p:first-child{font-size:2rem;font-weight:700;color:#fff!important;line-height:3.375rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-left .meta p:nth-child(2){font-size:1.375rem;font-weight:500;color:#fff!important;line-height:2.3125rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-left .meta p:nth-child(3){font-size:1.375rem;font-weight:300;color:#fff!important;line-height:2.3125rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-right{width:39.3125rem;padding-left:2.375rem}html #preset-container .state-container .container-right .musical p:first-child{width:5rem;height:5rem;padding:.6875rem;margin-left:1.25rem;border-radius:27px;display:grid;justify-content:center}html #preset-container .state-container .container-right .musical p:first-child img{width:3.6875rem;height:3.6875rem}html #preset-container .state-container .container-right .musical p:nth-child(2){font-size:1.25rem;font-weight:500;line-height:2.125rem;margin-top:1.125rem}html #preset-container .state-container .container-right .desc{margin-top:4.25rem;font-size:1.25rem;font-weight:300;color:#818181!important;line-height:1.875rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}html #preset-container .state-container .container-right .styles{display:flex;justify-content:flex-end;align-items:center}html #preset-container .state-container .container-right .styles p{width:5.25rem;line-height:2.25rem;margin-left:1.25rem;background:#636468;border-radius:7px;font-size:1.25rem;font-weight:400;color:#fff!important;line-height:2.125rem;margin-bottom:0;text-align:center}html #preset-container .ok-icon{margin-top:2.5rem;text-align:center;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;color:#141414!important;line-height:2.5625rem;margin-bottom:0}html #preset-container .ok-icon img{width:1.875rem;height:1.875rem}html #preset-container .ok-icon text{padding-left:1.375rem}html #preset-container .gotoindexpage{display:block;line-height:3rem;color:#141414!important;text-align:center}html #preset-container .gotoindexpage,html #preset-container .restuplaod{width:13.6875rem;border:.0625rem solid #707070;border-radius:11px;font-size:1.5rem;font-weight:400;line-height:2.5625rem;margin:1.75rem auto 0}html #preset-container .restuplaod{display:block;height:3rem;color:#687a7a!important;display:flex;justify-content:center;align-items:center}html #preset-container .restuplaod image{width:.875rem;height:.875rem}html #preset-container .edit-loading-container{width:100%;max-width:100%;margin:20px auto;background:#fff;background:var(--white-bg-color);border-radius:14px;padding:2rem}html .drop-down-item{color:#88898d!important;font-size:1rem!important}html .outer{width:320px;height:5px;background:#fff;border-radius:10px}html .outer .inner{background:#3e5ff1;border-radius:10px;height:100%}.header-block{display:flex;justify-content:center;width:100%;background:#fcfcfc;background:var(--header-bg-color);height:6.25rem;position:fixed;z-index:50}.toobar{position:relative;width:75rem;max-width:75rem}.toobar .logo{width:6.875rem;height:auto;cursor:pointer}.toobar .header-tab-container{flex-grow:0;margin-left:5%}.toobar .header-tab-container .layout .tab{font-size:1.125rem;font-weight:700;line-height:1.9375rem;color:#636468;color:var(--register-btn-color);cursor:pointer}.toobar .header-tab-container .layout .active{color:#3e5ff1!important}.toobar .header-tab-container .layout .underline{height:.25rem;background:#3e5ff1;border-radius:10px}.toobar .header-tab-container-zh{flex-basis:15%;max-width:15%}.toobar .header-tab-container-en{flex-basis:18%;max-width:18%}.toobar .pad-user-info{position:absolute}.toobar .userinfo-login-sm{right:13.875rem;flex-basis:25%;flex-grow:0;max-width:25%}.toobar .userinfo-login-post-sm{right:12.875rem;flex-basis:18%;flex-grow:0;max-width:18%}.toobar .userinfo-unlogin-sm{right:13.875rem;flex-basis:26%;flex-grow:0;max-width:26%;min-width:26%}.toobar .userinfo-unlogin-post-sm{right:13.875rem;flex-basis:17%;flex-grow:0;max-width:17%;min-width:17%}.toobar .login-btn{background-color:#fcfcfc!important;background-color:var(--header-bg-color)!important;border-radius:6px!important;color:#3e5ff1!important;border:1px solid #3e5ff1}.toobar .login-btn,.toobar .register-btn{padding:1.25rem;font-size:1.125rem!important;min-width:5.5rem!important;min-height:2.75rem!important}.toobar .register-btn{border:none;border-radius:6px!important;color:#636468!important;color:var(--register-btn-color)!important;background-color:#f3f3f3!important;background-color:var(--register-btn-bg-color)!important}.toobar .upload-btn{padding:1.25rem;background-color:#3e5ff1!important;border-radius:6px!important;font-size:1.125rem!important;color:#fff!important;min-width:5.5rem!important;min-height:2.75rem!important}.toobar .menu-btn{padding:0!important;line-height:3rem;color:#636468!important;height:4.375rem!important;max-width:3.125rem!important;min-width:3.125rem!important}.toobar .menu-btn .span-1{font-size:1.625rem!important;font-weight:700}.toobar .menu-btn:before{background-color:transparent!important}.toobar .notice-btn-container{width:4.0625rem;height:4.375rem;flex-grow:0}.toobar .notice-btn-container .notice-btn{position:relative;border-radius:7px;cursor:pointer;max-width:3.4375rem;min-width:3.4375rem;max-height:3.4375rem;min-height:3.4375rem}.toobar .notice-btn-container .notice-btn .bell-img{max-width:3.4375rem}.toobar .notice-btn-container .notice-btn .notice-badge{background-color:red;color:#fff;border-radius:50%;font-size:12px;transform:scale(.8);padding:2px;position:absolute;top:.375rem;right:.3125rem;width:24px;height:24px;display:flex;justify-content:center;text-align:center;align-items:center}.toobar .dark-theme{position:absolute;right:9.875rem;width:2.75rem;max-width:2.75rem;cursor:pointer}.toobar .dark-theme-post-margin{margin-left:.6875rem}.toobar .lang-block{position:absolute;right:0}.toobar .lang-block .lang-menu-btn{width:8.625rem;min-height:2.75rem;padding:.75rem 0 .75rem .25rem!important;color:#636468!important;color:var(--register-btn-color)!important;background-color:#e5e5e5;background-color:var(--preset-input-bg-color);border-radius:6px}.toobar .lang-block .lang-menu-btn .v-btn__content img{width:1.75rem;margin-right:.1875rem}.toobar .lang-block .lang-menu-btn .v-btn__content .v-divider{border-right-width:2px;margin-right:.1875rem;border-color:#636468;border-color:var(--register-btn-color)}.toobar .lang-block .lang-menu-btn .span-2{font-size:1.125rem!important}.toobar .lang-block .lang-menu-btn .mdi-chevron-down{font-size:1.5rem}.toobar .lang-block .lang-menu-btn:before{background-color:transparent!important}.userinfo-font-color{color:#636468;color:var(--register-btn-color);text-align:center;height:1.875rem!important;line-height:1.875rem!important;font-size:1.125rem!important;font-weight:500!important}.userinfo-font-color:hover{background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:3px}.font-color-DB6060{color:#db6060!important;text-align:center;height:1.875rem!important;line-height:1.875rem!important;font-size:1.125rem!important}.font-color-DB6060:hover{background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:3px}.user-menu-block{margin-left:2.5rem!important}.menu-line{width:80%;margin:0 auto}.name-circle{width:2.75rem!important;height:2.75rem!important;min-width:2.75rem!important;border-radius:50%;box-shadow:0 .1875rem .375rem rgba(0,0,0,.16)}.name-circle .headline-1{font-size:1.25rem!important;font-weight:400;line-height:2rem;letter-spacing:normal!important;font-family:Roboto,sans-serif!important;font-weight:700}.name-circle2{width:3.75rem!important;height:3.75rem!important;min-width:3.75rem!important;border-radius:50%;box-shadow:0 .1875rem .375rem rgba(0,0,0,.16)}.name-circle2 .headline-2{font-size:1.625rem!important;font-weight:400;line-height:2rem;letter-spacing:normal!important;font-family:Roboto,sans-serif!important;font-weight:700}.layer-list-item-block{background-color:#fff!important;background-color:var(--menu-bg-color)!important;color:#000!important}.v-list-item--link:before{background-color:transparent!important}.list-item-block:before{background-color:#fff!important;background-color:var(--white-bg-color)!important;color:#000!important}.list-item-text{font-size:1.125rem!important;text-align:center;line-height:1.25rem!important;color:#636468;color:var(--register-btn-color)}.list-item-text:hover{color:#3e5ff1!important}.my-info-list .span-2{font-size:1.8125rem;color:#4f525e;color:var(--preset-title-color);font-weight:700;max-width:90%;text-align:center;overflow:hidden;display:inline-block;width:auto;text-overflow:ellipsis;white-space:nowrap}.v-main{margin-top:6.25rem}.footer-container .feedback-menu-btn{position:fixed;right:10px;width:2.8125rem;height:2.8125rem;background:#fff;background:var(--white-bg-color);border-radius:50%;cursor:pointer}.footer-container .bottom-20{bottom:20px}.footer-container .preset-to-top{bottom:75px}.footer-container .feedback-menu-btn:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.footer-menu{width:19.375rem;padding:.9375rem .3125rem}.feedback-card,.footer-menu{background-color:#fff!important;background-color:var(--white-bg-color)!important}.feedback-card{box-shadow:none!important}.feedback-card .footer-title{margin-bottom:.625rem;padding:10px 0;font-size:1.375rem;font-weight:700;line-height:1.2em;color:#707070;color:var(--feedbcak-color);cursor:pointer}.feedback-card .footer-title .v-icon{margin-right:.25rem}.feedback-card .footer-title:hover{background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border-radius:4px}.feedback-card .desc{margin-top:.375rem;font-size:1rem;color:#9b9dab;line-height:1.1em;text-align:center}.feedback-card a:hover{color:#3e5ff1}.feedback-card .copy-btn{font-size:1rem;height:1.5625rem!important;max-width:3rem!important;min-width:3rem!important;margin-left:.625rem;background:#fff!important;background:var(--white-bg-color)!important;color:#3e5ff1;border:1px solid #3e5ff1;border-radius:4px}.feedback-card-dialog{padding:1.25rem}body{margin:0 auto;max-width:1920px}.main-content-container{width:100%;height:100%;display:flex;justify-content:center;flex-wrap:nowrap!important;padding-top:1.25rem}.content-block{display:flex;justify-content:center;flex-wrap:nowrap;max-width:98.75rem;width:98.75rem}.content-block .search-count{font-size:1rem;font-weight:400!important;color:#4f525e!important;margin-bottom:0;padding:0 1.25rem}.content-block .show-margin{margin-top:1.25rem}.content-block .row-1{width:100%;margin-bottom:1.25rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.content-block .row-1 .phone-wrap{flex-grow:0}.content-block .row-1 .select-self-style{height:3rem!important;padding-left:.75rem!important;padding-right:.75rem!important;font-size:1.125rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:3rem;margin-bottom:0;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);outline:none;border-radius:6px;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll #f5f5f5 93%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll var(--filter-btn-bg-color) 93%}.content-block .row-1 .select-self-style span{text-align:left;display:inline!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-block .row-1 .select-self-style .icon-1{position:absolute;right:0}.content-block .row-1 .no-ellipsis-select-btn{background-size:6.7%;width:12.3125rem}.content-block .row-1 .ellipsis-select-btn-1{margin-left:.9375rem;justify-content:flex-start;background-size:9%;width:9.375rem}.content-block .row-1 .ellipsis-select-btn-1 span{max-width:6.875rem}.content-block .row-1 .select-en-1ength{width:15rem!important}.content-block .row-1 .select-self-style:before{background-color:#fafafa!important}.content-block .row-1 .self-btn-1{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .9375rem;font-size:1.125rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.9375rem;margin-bottom:0;height:3rem;width:6.1875rem;background:#f5f5f5;background:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:6px}.content-block .row-1 .self-btn-1 img{width:.8125rem!important;height:1.125rem!important;margin-right:.8125rem}.content-block .row-1 .self-btn-1-default{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;height:3rem;width:6.1875rem;padding:0 .9375rem;font-size:1.125rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.3125rem;margin-bottom:0;background:transparent;border-radius:6px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color)}.content-block .row-1 .self-btn-1-default img{width:.8125rem!important;height:1.125rem!important;margin-right:.8125rem}.content-block .row-1 .filter-card-list-change-block{flex-grow:0}.content-block .row-1 .filter-card-list-change-block .card-list-change-block{width:5.75rem;height:3rem;margin-left:.625rem;border-radius:6px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);padding:1px}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block{display:flex;justify-content:center;align-items:center;cursor:pointer}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block img{width:1.625rem;vertical-align:middle}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block-active{background:#d0d7f4;background:var(--change-style-gb-color);border-radius:5px}.content-block .row-1 .input-container{position:relative;width:46.875rem}.content-block .row-1 .input-container input{width:100%;height:3rem;padding:0 3.125rem 0 1.25rem;background:#fcfcfc;background:var(--header-bg-color);color:#636468;color:var(--register-btn-color);border-radius:7px;outline:none}.content-block .row-1 .input-container img{position:absolute;height:2.25rem;right:.9375rem;top:.3125rem}.content-block .selections-block{display:flex;flex-wrap:wrap}.content-block .selections-block .selection-block{display:flex;flex-direction:column;margin-right:2.125rem}.content-block .selections-block .selection-block .filter-title{width:11.25rem;font-size:1.125rem;font-weight:500;line-height:1.125rem;color:#4f525e;color:var(--preset-title-color)}.content-block .selections-block .selection-block .v-btn__content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:6.25rem;line-height:1rem}.content-block .selections-block .selection-block .select-self-style-2{padding-left:.8125rem!important;padding-right:.375rem!important;width:9.25rem!important;height:2.5rem!important;font-size:1rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.6875rem;margin-bottom:0;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);outline:none;text-transform:capitalize;letter-spacing:0;border-radius:6px;margin-top:.5rem;justify-content:flex-start;text-align:left;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll #f5f5f5 93%/6.6%!important;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll var(--filter-btn-bg-color) 93%/6.6%!important}.content-block .selections-block .selection-block .select-self-style-2 .icon-1{position:absolute;right:0;font-size:1.1875rem}.content-block .selections-block .selection-block .select-self-style-2:before{background-color:#fafafa!important}.content-block .hot-tag-list{display:flex;flex-direction:column;margin-top:1.25rem}.content-block .hot-tag-list h3{font-size:1.125rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.9375rem;margin-bottom:0;padding-right:1.125rem}.content-block .hot-tag-list div{display:flex;flex-wrap:wrap}.content-block .hot-tag-list div p{margin-top:.3125rem;min-width:5.5rem;line-height:2.5rem;margin-right:1rem;border-radius:4px;border:1px solid #d1d2d4;border:1px solid var(--filter-tag-bd-color);font-size:1rem;font-weight:400;color:#88898d!important;color:var(--filter-tag-color)!important;line-height:2rem;margin-bottom:0;height:2rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 .3125rem}.content-block .hot-tag-list div p:hover{border:1px solid #88898d;border:1px solid var(--filter-tag-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.content-block .hot-tag-list div .acticon{background:#3e5ff1!important;font-size:1rem;font-weight:400;color:#fff!important;line-height:2rem;margin-bottom:0;border-radius:7px;border:none}.content-block .check-block{margin-top:1.25rem}.content-block .check-block h3{font-size:1.125rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.9375rem;margin-bottom:0;padding-right:1.125rem}.content-block .check-block .checkboxs .custom-checkbox{margin-top:.3125rem!important;padding-top:0!important}.content-block .check-block .checkboxs .custom-checkbox label{color:#88898d!important;color:var(--filter-btn-color)!important}.content-block .check-block .checkboxs .custom-checkbox-right{margin-left:.625rem}.content-block .page-item{margin:20px 0 50px;display:flex;justify-content:center}.content-block .hand-hover{cursor:pointer}.content-block-s{display:flex;justify-content:center;flex-wrap:nowrap;width:75rem}.index-banner-container{max-width:98.75rem;width:98.75rem;margin:0 auto}.index-banner-container .img-container{position:relative;height:27.5rem;margin-top:3.125rem}.index-banner-container .img-container .behind-img-container{position:relative;height:23.375rem;flex-basis:48%;flex-grow:0;max-width:48%;margin-top:2.0625rem}.index-banner-container .img-container .behind-img-container .v-image{height:23.375rem;border-radius:29px}.index-banner-container .img-container .behind-img-container .behind-layer{position:absolute;width:100%;height:23.375rem;background-color:#000;z-index:1;border-radius:29px;opacity:.3}.index-banner-container .img-container .current-img-container{position:absolute;top:0;width:100%;z-index:2;cursor:pointer}.index-banner-container .img-container .current-img-container .hover-block{display:flex;justify-content:center;align-items:center;height:23.375rem;width:5rem;cursor:pointer}.index-banner-container .img-container .current-img-container .left-hover-block:hover .left-icon,.index-banner-container .img-container .current-img-container .right-hover-block:hover .right-icon{visibility:visible;opacity:1}.index-banner-container .img-container .current-img-container .img-change-icon{opacity:0;visibility:hidden;transition:visibility 0s,opacity .5s linear;height:3.125rem;font-size:3.125rem}.index-banner-container .img-container .current-img-container .v-image{width:88.375rem;max-width:88.375rem;height:27.5rem;border-radius:31px}.index-banner-container .img-index-container{margin-top:1.875rem}.index-banner-container .img-index-container .img-index{width:.9375rem;height:.9375rem;background:#aeaeae;border-radius:100%;cursor:pointer}.index-banner-container .img-index-container .img-index-margin{margin-right:1.1875rem}.index-banner-container .img-index-container .index-active{background:#3e5ff1}.homepage .index-banner-container{position:relative;width:100%!important;max-width:100%!important}.homepage .index-banner-container .img-container{height:40.625rem!important;margin-top:0!important}.homepage .index-banner-container .img-container .behind-img-container{display:none!important}.homepage .index-banner-container .img-container .current-img-container .left-hover-block{left:.375rem;position:absolute;width:2.125rem;height:2.125rem;z-index:9}.homepage .index-banner-container .img-container .current-img-container .right-hover-block{right:.375rem;position:absolute;width:2.125rem;height:2.125rem;z-index:9}.homepage .index-banner-container .img-container .current-img-container .v-image{width:100%!important;max-width:100%!important;height:40.625rem!important;border-radius:0!important}.homepage .index-banner-container .img-container .current-img-container .img-change-icon{opacity:1;visibility:visible;height:34px;font-size:34px}.homepage .index-banner-container .img-index-container{position:absolute;width:100%;bottom:1.5625rem;margin-top:0;z-index:9}.homepage .index-container .index-row{width:100%;position:relative}.homepage .index-container .index-row-height{height:37.5rem}.homepage .index-container .index-row-height-auto{height:auto}.homepage .index-container .preset .avatar{border-radius:50%;color:#fff;text-align:center}.homepage .index-container .preset .avatar-large{max-width:3.125rem;width:3.125rem;height:3.125rem;font-size:1.125rem;line-height:3.125rem}.homepage .index-container .preset .avatar-s{max-width:2.5rem;width:2.5rem;height:2.5rem;font-size:1rem;line-height:2.5rem}.homepage .index-container .preset .preset-text{margin-left:.875rem;max-width:14.625rem}.homepage .index-container .preset .preset-text .main-preset-name{max-width:100%;margin-left:0}.homepage .index-container .preset .preset-text .preset-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;color:#8c8f9f;color:var(--date-color)}.homepage .index-container .preset .name{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:.75rem;font-size:1rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.homepage .index-container .preset-list{padding-left:3.125rem}.homepage .index-container .preset-list .preset-in-list{position:relative;padding:0 .3125rem;margin-bottom:.5rem}.homepage .index-container .preset-list .preset-in-list .num-stat{position:absolute;right:0}.homepage .index-container .preset-list .preset-in-list .num-stat div{min-width:4.0625rem}.homepage .index-container .preset-list .preset-in-list .num-stat div img{height:.875rem;vertical-align:middle}.homepage .index-container .preset-list .preset-in-list .num-stat div span{font-size:.8125rem;color:#97989e;color:var(--preset-list-desc-color)}.homepage .index-container .forum-index-discussions-container{margin-top:1.875rem}.homepage .index-container .forum-index-discussions-container .index-discussion{width:100%}.index-content{width:75rem;height:100%;margin:0 auto}.index-content h2{font-size:1.3125rem}.index-content h2,.index-content p{color:#636468;color:var(--register-btn-color)}.index-content p{font-size:1.0625rem}.index-content .text-flex{padding-right:10px}.index-content .img-flex{padding-left:10px}.index-content .upload-img{width:80%}.index-content .learn-more{display:flex;font-size:1.0625rem;color:#3e5ff1}.index-content .learn-more span{display:inline-block;margin-right:-.125rem}.index-content .learn-more .v-icon{color:#3e5ff1}.index-content .preset-cover{border-radius:12px}.package-news-container{width:75rem;max-width:75rem;margin:1.25rem auto;padding:3.375rem 5rem;background:#fff;background:var(--white-bg-color);border-radius:14px}.package-news-container .preview-date{font-size:1.25rem;color:#4f525e;color:var(--preset-title-color)}.package-news-container .cover-img{width:100%;height:20.1875rem;margin-top:.625rem;border-radius:31px}.package-news-container .package-desc{margin-top:1.6875rem;word-break:break-word}.package-news-container .package-desc p{margin-bottom:5px;font-size:1.25rem}.package-news-container .package-desc p,.package-news-container .package-desc p span{color:#4f525e;color:var(--preset-title-color)}.package-news-container .package-desc p .text-big{font-size:1.4em}.package-news-container .package-desc p .text-huge{font-size:1.8em}.package-news-container .all-download-btn-container{text-align:right}.package-news-container .all-download-btn-container .all-download-btn{color:#fff;border-radius:8px;font-size:.9375rem}.package-news-container .author-preset{margin-top:2.1875rem}.package-news-container .author-preset .author-col{display:flex;flex-wrap:wrap}.package-news-container .author-preset .author-col .avatar{width:5.625rem;height:5.625rem;margin:0 .4375rem .625rem 0;border-radius:31px;color:#fff;text-align:center;line-height:5.625rem;font-size:1.875rem;cursor:pointer}.package-news-container .author-preset .preset-col .preset-list .preset{display:flex;align-items:center;justify-content:space-between;font-size:1.25rem;padding:.5rem .3125rem;color:#88898d;color:var(--filter-btn-color)}.package-news-container .author-preset .preset-col .preset-list .preset .preset-name{width:85%;cursor:pointer;word-break:break-word}.package-news-container .author-preset .preset-col .preset-list .preset .player-container{position:relative;width:1.75rem!important;height:1.75rem!important;margin-right:.625rem;cursor:pointer}.package-news-container .author-preset .preset-col .preset-list .preset .player-container .v-image{width:1.75rem!important;height:1.75rem!important;max-width:1.75rem;position:absolute;top:0;left:0;z-index:7}.package-news-container .author-preset .preset-col .preset-list .preset .player-container .v-progress-circular{position:absolute;width:1.75rem!important;height:1.75rem!important;z-index:6}.package-news-container .author-preset .preset-col .preset-list .preset .anticon{width:1.25rem;height:1.25rem}.v-list-block{background-color:transparent!important;color:#000!important}.v-list-block .v-list-item{color:#636468;color:var(--register-btn-color);text-align:left;line-height:30px!important;text-transform:capitalize;font-weight:400!important}.v-list-block .v-list-item .v-input--checkbox{width:100%}.v-list-block .active-color{color:#3e5ff1!important}.v-list-block .v-list-item:hover{background-color:#f3f3f3!important;background-color:var(--register-btn-bg-color)!important;border-radius:3px}.v-list-block:before{background-color:#fff!important;background-color:var(--white-bg-color)!important;color:#000!important}.font-18{font-size:1.125rem!important}.font-16{font-size:1rem!important}.ant-pagination-prev{display:inline-block;width:6.6875rem;height:2.75rem;margin-right:1rem;line-height:2.625rem;font-size:1.25rem!important;text-align:center;vertical-align:middle;list-style:none;background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:7px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-pagination-prev a{padding:0;font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-prev:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-next{display:inline-block;width:6.6875rem;height:2.75rem;margin-left:.5rem;line-height:2.625rem;font-size:1.25rem!important;text-align:center;vertical-align:middle;list-style:none;background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:7px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-pagination-next a{padding:0 .625rem;font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-next:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-item-active{border-color:#1753e1!important}.ant-pagination-item-active a{color:#1753e1!important}.ant-pagination-item{background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);height:2.75rem!important;width:2.9375rem!important;font-size:1.25rem!important;line-height:2.625rem;border-radius:7px!important}.ant-pagination-item a{font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-item a:hover{color:#636468!important;color:var(--register-btn-color)!important}.ant-pagination-item:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-disabled{border-color:rgba(0,0,0,.25)!important}.ant-pagination-item-link{color:#1753e1!important}.ant-pagination-item-ellipsis{color:#88898d!important;color:var(--filter-btn-color)!important}.ant-pagination-disabled{opacity:.7}.mdi-checkbox-blank-outline{color:#88898d!important;color:var(--filter-btn-color)!important}.message-container{width:75rem;margin:10px auto 0}.message-container .page-title{font-size:1.5rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.message-container .message-box{margin-top:.625rem;height:45.3125rem;background-color:#fff;background-color:var(--white-bg-color);border-radius:2px;box-shadow:0 3px 6px 1px rgba(0,0,0,.03)}.message-container .message-box .message-user .chat-user-container{height:37.5rem;padding-bottom:10px;overflow-y:scroll}.message-container .message-box .message-user .chat-user-container .chat-user-item{padding:1rem 1.875rem;position:relative;cursor:pointer}.message-container .message-box .message-user .chat-user-container .chat-user-item .avatar-container{position:relative}.message-container .message-box .message-user .chat-user-container .chat-user-item .avatar-container .badge{position:absolute;width:.875rem;height:.875rem;border-radius:50%;background-color:red;top:0;right:0}.message-container .message-box .message-user .chat-user-container .chat-user-item .date{position:absolute;right:1.875rem;top:1rem;font-size:.875rem;color:#636468}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info{margin-left:.875rem}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .name{max-width:10rem;font-size:1.125rem;color:#4f525e;color:var(--preset-title-color)}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .message{max-width:14.375rem;font-size:1rem;color:#636468}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .over-flow-hiden{height:1.5em;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.message-container .message-box .message-user .chat-user-container .active-item{background-color:#f8f8f8;background-color:var(--tag-bg-color)}.message-container .message-box .message-content .chat-content-container{height:25rem;padding:.625rem;overflow-y:scroll}.message-container .message-box .message-content .chat-content-container .chat-item .chat-time{text-align:center;color:#c1c1c3;font-size:.875rem;margin-bottom:.375rem}.message-container .message-box .message-content .chat-content-container .chat-item .message{margin-bottom:.375rem;padding:.5rem;border-radius:8px;font-size:1rem;word-break:break-word}.message-container .message-box .message-content .chat-content-container .chat-item .message img{display:block;width:9.1875rem}.message-container .message-box .message-content .chat-content-container .chat-item .reciver-message{margin-left:.5rem;background:#f8f8f8;background:var(--tag-bg-color);color:#636468;color:var(--register-btn-color)}.message-container .message-box .message-content .chat-content-container .chat-item .sender-message{margin-right:.5rem;background:#3e5ff1;color:#fff}.message-container .message-box .message-content .chat-content-container .chat-item .message-width{max-width:65%}.message-container .message-box .message-content .chat-input-container{padding:0 .875rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input{margin-top:.625rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input .mdi-image-plus-outline{margin-left:.625rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input .v-icon{font-size:1.5rem;color:#4f525e}.message-container .message-box .message-content .chat-input-container .text-input{margin-top:.625rem;height:6.875rem;font-size:1rem;line-height:1.25rem;outline:none;overflow-y:scroll;color:#636468;color:var(--register-btn-color)}.message-container .message-box .message-content .chat-input-container .text-input img{width:12.5rem;height:auto;vertical-align:bottom}.message-container .message-box .message-content .chat-input-container .send-btn{margin-top:.75rem}.message-container .message-box .message-content .chat-input-container .send-btn .v-btn{color:#fff;border-radius:6px;font-size:1.125rem;height:2.75rem;min-width:5rem}.message-container .message-box .avatar{width:3rem;min-width:3rem;height:3rem;border-radius:31px;color:#fff;text-align:center;line-height:3rem;font-size:1.25rem}.message-container .message-box-header{height:6.25rem}.message-container .search-input{position:relative;padding:1.4375rem 1.875rem}.message-container .search-input input{width:100%;height:3.375rem;padding:0 1.25rem;background:#f8f8f8;background:var(--tag-bg-color);color:#636468;color:var(--register-btn-color);border-radius:6px;outline:none}.message-container .search-input img{position:absolute;height:2.25rem;left:2.5rem;top:1.875rem}.message-container .message-detail-header{padding:0 .875rem;margin-left:.625rem}.message-container .message-detail-header .name{margin-left:.875rem;font-size:1.75rem;font-weight:500;color:#4f525e;color:var(--preset-title-color)}.emoji-list{width:13.125rem;padding:.625rem}.emoji-list .emoji-item{height:1.5em;font-size:1.0625rem;text-align:center;line-height:1.5em;cursor:pointer;transition:.3s}.emoji-list .emoji-item:hover{transform:scale(1.2)}.white-bg{background-color:#fff;background-color:var(--white-bg-color)}.v-menu__content .notice-list-info-title{font-size:1rem;color:#141414;color:var(--black-title-2);padding-left:16px}.v-menu__content .notice-list-container{max-height:340px;overflow-y:auto}.v-menu__content .notice-list-container::-webkit-scrollbar{width:4px}.v-menu__content .notice-list-container::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.v-menu__content .notice-list-container::-webkit-scrollbar-track{border-radius:0;background:#fff}.v-menu__content .notice-footer{position:fixed;bottom:0;width:100%;height:38px;color:#949494;color:var(--tag-color);cursor:pointer}.notice-list-title .produce-name{overflow:hidden;text-overflow:ellipsis;color:#141414;color:var(--black-title-2)}.notice-list-title .produce-name-comment{max-width:70%}.notice-list-title .produce-name-focus{max-width:90%}.notice-list-title .produce-name-collect{max-width:60%}.notice-list-title .notice-date{float:right;font-size:12px;opacity:.5}.notice-list-title .notice-date,.notice-list-title .system{color:#141414;color:var(--black-title-2)}.notice-list-subtitle .notice-content .replied-comment-content{display:inline-block;max-width:90%;overflow:hidden;text-overflow:ellipsis;color:#141414;color:var(--black-title)}.notice-list-subtitle .notice-content .comment-content{display:inline-block;width:100%;padding:5px 6px;background-color:#f8f8f8;background-color:var(--tag-bg-color);color:#949494;color:var(--tag-color);border-radius:4px;text-align:justify;white-space:normal;line-height:2em}.notice-list-subtitle .private-message{font-size:1rem;color:#97989e;color:var(--preset-list-desc-color)}.user-login-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:80}.user-login-container .user-login-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.user-login-container .user-login-card{position:relative;width:100%;max-width:75rem;padding:3.4375rem 5rem;background:#fff;background:var(--white-bg-color);z-index:99;margin-left:auto;margin-right:auto;margin-top:7.5rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .chacha{width:1.625rem!important;height:1.5625rem!important;position:absolute;right:10px;top:-30px;z-index:100;cursor:pointer}.user-login-container .user-login-card .card-right{width:36.875rem;height:100%;position:relative}.user-login-container .user-login-card .card-right .card-img{width:100%}.user-login-container .user-login-card .card-right .login-slogan{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;font-weight:700;text-align:center}.user-login-container .user-login-card .card-right .login-slogan p{margin-bottom:.5rem}.user-login-container .user-login-card .card-title{font-size:1.75rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:3rem;margin-bottom:0}.user-login-container .user-login-card .card-subtitle{font-size:.875rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:1.25rem;margin-bottom:0}.user-login-container .user-login-card .subtitle-width{width:21.25rem}.user-login-container .user-login-card .card-user-title{font-size:1rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.6875rem;margin:1.875rem 0 .75rem}.user-login-container .user-login-card .card-user-input{width:21.25rem;height:2.5rem;padding-left:.875rem;background:#f5fbff;background:var(--login-input-bg-color);border-radius:5px;font-size:1rem;font-weight:500;color:#141414!important;color:var(--black-title-2)!important;line-height:.875rem;margin-bottom:0}.user-login-container .user-login-card .forget-password{margin:1.875rem 0 .75rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .forget-password .forget-tip{font-size:.875rem;font-weight:500;color:#3e5ff1!important;line-height:1.25rem;margin-bottom:0;cursor:pointer}.user-login-container .user-login-card .forget-password .forget-title{font-size:1rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.6875rem;margin-bottom:0}.user-login-container .user-login-card .card-user-login-btn{width:21.25rem;height:2.8125rem!important;margin-top:2.4375rem;background:#3e5ff1!important;border-radius:5px;font-size:1rem;font-weight:400;color:#fff!important;line-height:1.6875rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-login-container .user-login-card .card-user-no-acount{margin-top:1.375rem;font-size:1rem;font-weight:400;color:#97989e!important;line-height:1.6875rem;margin-bottom:0;text-align:center}.user-login-container .user-login-card .card-user-register-btn{width:21.25rem;height:2.8125rem!important;margin-top:.625rem;background:#fff!important;border:1px solid #3e5ff1;border-radius:5px;font-size:1rem;font-weight:400;color:#3e5ff1!important;line-height:1.6875rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.register-container{width:100%;height:100%;background:#fff;background:var(--white-bg-color)}.go-to-index{padding-top:2.5rem;padding-left:22.9%;margin-top:0!important}.go-to-index i{width:.4375rem!important;height:.8125rem!important}.go-to-index .link-a{padding-left:.625rem;font-size:1.25rem;font-weight:400;color:#141414!important;color:var(--black-title)!important;line-height:2.125rem;margin-bottom:0}.user-register-card{width:100%;padding:3.0625rem 22.9% 0;z-index:99;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:nowrap!important}.user-register-card .card-right{position:relative;margin-left:2.5rem}.user-register-card .card-right .card-img{width:36.875rem;height:auto}.user-register-card .card-right .login-slogan{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;font-weight:700;text-align:center}.user-register-card .card-right .login-slogan p{margin-bottom:.5rem}.user-register-card .card-title{font-size:1.75rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:3rem;margin-bottom:0}.user-register-card .card-subtitle{font-size:.875rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:1.25rem;margin-bottom:0}.user-register-card .card-user-title{font-size:1rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.6875rem;margin:1.875rem 0 .75rem}.user-register-card .card-user-input{width:21.25rem;height:2.5rem;padding-left:.875rem;background:#f5fbff;background:var(--login-input-bg-color);border-radius:5px;font-size:.9375rem;font-weight:500;color:#141414!important;color:var(--black-title-2)!important;line-height:.875rem;margin-bottom:0}.user-register-card .card-user-subtitle{font-size:.75rem;font-weight:500;color:#414141!important;line-height:1.25rem;margin-bottom:0;padding:.625rem 0 .5rem}.user-register-card .card-user-login-btn{width:21.25rem;height:2.8125rem!important;background:#3e5ff1!important;border-radius:5px;font-size:1.125rem;font-weight:400;color:#fff!important;line-height:1.6875rem;margin-bottom:0;font-size:1rem!important;text-transform:capitalize;letter-spacing:0}.user-register-card .red-tip{text-align:right;margin-top:.1875rem}.user-register-card .red-tip span{color:#e60000;font-size:.75rem;display:inline-block}.user-register-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-register-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-register-card .muti-col-title{display:flex;justify-content:space-between;align-items:center;margin:1.875rem 0 .75rem}.user-register-card .muti-col-title p:first-child{font-size:1rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.6875rem;margin-bottom:0}.user-register-card .muti-col-title p:nth-child(2){display:inline-block;padding:0 0 0 .375rem;font-size:.75rem;font-weight:300;color:#414141!important;color:var(--user-color)!important;line-height:.875rem;margin-bottom:0;max-width:12.375rem;line-height:1.125rem}.user-register-card .muti-col-title .width-en{min-width:9.875rem}.user-register-card .register-controle{display:flex;justify-content:flex-start;align-items:center;font-size:1rem;font-weight:400;height:1.5rem;margin:1rem 0 .875rem}.user-register-card .register-controle div{color:#272727}.user-register-card .register-controle span{color:#3e5ff1}.user-register-card .register-controle .primary--text{color:#3e5ff1!important}.user-register-card .go-to-login{margin-top:.8125rem}.user-register-card .go-to-login span:first-child{font-size:1rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:.625rem;margin-bottom:0}.user-register-card .go-to-login span:nth-child(2){font-size:1rem;font-weight:400;color:#3e5ff1!important;line-height:.625rem;margin-bottom:0}.user-register-card .login-width{margin-top:.3125rem!important;width:21.25rem}.preset-list-container{margin-top:1.875rem;width:100%}.preset-list-container .preset-sm{width:73.75rem;max-width:73.75rem;min-width:73.75rem}.preset-list-container .preset-list-flex .list-item-block{position:relative;width:23.75rem;padding:1.125rem 1.25rem;margin-bottom:.9375rem;background:#fff;background:var(--white-bg-color);border-radius:8px;cursor:pointer}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo{width:23.6875rem;height:11.9375rem;position:absolute;top:4.375rem;left:2.5rem;z-index:2;padding:1.75rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .1875rem 1.25rem rgba(0,0,0,.1);border-radius:6px}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1{margin-bottom:0;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left{width:70%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-name{width:2.75rem!important;height:2.75rem!important;border-radius:50%;flex-shrink:0;font-size:1.1875rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;background-size:cover;background-position:50%}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname{padding-left:1rem}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p{margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:first-child{width:8.125rem;font-size:1rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:nth-child(2){width:8.125rem;font-size:1rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{display:none!important;padding:0 .625rem;line-height:2.5rem!important;background:#3e5ff1;border-radius:6px;height:2.5rem;width:5.5rem;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-focus{display:block;padding:0 .625rem;line-height:2.5rem!important;border-radius:6px;height:2.5rem;width:5.5rem;border:.0625rem solid #3e5ff1;font-size:1.125rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{display:none!important;line-height:2.5rem!important;background:#7f8082;border-radius:6px;height:2.5rem;width:5.5rem;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus{display:block;line-height:2.5rem!important;height:2.5rem!important;border-radius:6px;width:5.5rem;background:#97989e;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus-hover{display:block!important;padding:0 .625rem;line-height:2.5rem!important;background:#3e5ff1;border-radius:6px;width:5.5rem;height:2.5rem;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus{display:none}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus-hover{display:block!important;line-height:2.5rem!important;height:2.5rem!important;width:5.5rem;background:#7f8082;border-radius:6px;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus{display:none}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .8125rem}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list ul{margin-top:1.25rem;display:flex;flex-direction:column;align-items:center;padding-left:0!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list li{list-style:none;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list .title{font-size:1.25rem;font-weight:700!important;color:#636468!important;font-size:1.25rem!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list .num{font-size:1.25rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .card-recommended-icon{position:absolute;top:0;right:0;width:1.4375rem;height:2.5rem}.preset-list-container .preset-list-flex .list-item-block .item-row-1{margin-top:.3125rem;width:100%;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .item-row-1 p{margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu{width:2.8125rem!important;height:2.8125rem!important}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu img{width:100%;height:100%}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu .play-menu-del{font-size:1.5rem;font-weight:400!important;color:#e66666!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .product-media-row{height:1.5625rem}.preset-list-container .preset-list-flex .list-item-block .product-media-row-margin{margin-right:.625rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .cover-desc-row{margin-top:.3125rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row{margin-top:.9375rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .count{font-size:1rem;font-weight:400;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .learn-more{display:flex;align-items:center;font-size:1rem;font-weight:400;color:#3e5ff1!important;line-height:1rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .learn-more .learn-more-icon{font-size:.875rem;height:1em}.preset-list-container .preset-list-flex .list-item-block .line{margin-top:.9375rem}.preset-list-container .preset-list-flex .list-item-block .state-count{margin-top:1.125rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left{display:flex;justify-content:flex-start;align-items:center}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item{display:flex;justify-content:space-around;align-items:center;font-size:.875rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;margin-right:.625rem;height:1.1875rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item div{margin-left:.1875rem;height:1.1875rem;line-height:1.1875rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .opt-icon{width:1.25rem!important;margin-right:.25rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .download-icon{width:1.125rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .img-share{width:1.625rem!important;height:1.3125rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .img-comment{width:1.625rem!important;height:1.5rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .praise{width:1.3125rem;height:auto;margin-top:-.125rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .download-img{width:1.375rem!important;height:1.5625rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item img{width:1.75rem;height:auto}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .praise:hover{transform:scale(1.1)}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item span{padding-left:.125rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right img{margin-left:.4375rem;width:.875rem!important;height:.4375rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right .preset-date{font-size:.875rem;font-weight:400;color:#9a9a9a!important;color:var(--info-sig-color)!important;line-height:1.5rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.preset-list-container .card-placeholder:after{content:"";width:23.75rem}.preset-list-container .hot-data-container .hot-data{width:23.75rem;padding:.875rem 1.25rem 0;background-color:#fff;background-color:var(--white-bg-color);border-radius:8px}.preset-list-container .hot-data-container .hot-data .hot-data-head{padding:0 .8125rem .6875rem}.preset-list-container .hot-data-container .hot-data .hot-data-head div{font-size:1.125rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.preset-list-container .hot-data-container .hot-data .hot-data-head .small-img{width:1.5625rem}.preset-list-container .hot-data-container .hot-data .hot-data-head img{width:1.125rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container{padding:1rem .5rem .375rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset{margin-bottom:.625rem;cursor:pointer}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .circle{width:2.375em;height:2.375em;border-radius:50%;background-position:50%;background-size:cover;text-align:center;line-height:2.4375rem;color:#fff;font-weight:700;font-size:1rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9em;margin-left:1.25rem;color:#67676a;color:var(--hot-name-color);font-size:1rem}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags{padding:.3125rem .625rem .75rem}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags{margin-top:.4375rem;margin-right:.5rem;padding:.25rem .3em;border-radius:3px;font-size:1rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);cursor:pointer}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags:hover{opacity:.8}.preset-list-container .hot-data-container .hot-data-gap{margin-top:1.3125rem}.preset-list-container .product{font-size:.875rem}.preset-list-container .media-symbol{max-width:1.5625rem;width:1.5625rem}.preset-list-container .video-symbol-margin{margin-right:.4375rem}.preset-list-container .media-symbol-margin-left{margin-left:.4375rem}.preset-list-container .preset-name{font-size:1.25rem;font-weight:700;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:2.3125rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-sub-info{font-size:1.125rem;font-weight:400;color:#8c8f9f!important;line-height:2.125rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .player-container{position:relative;width:1.75rem!important;height:1.75rem!important;margin-right:.625rem}.preset-list-container .player-container .v-image{width:1.75rem!important;height:1.75rem!important;max-width:1.75rem;position:absolute;top:0;left:0;z-index:7}.preset-list-container .player-container .v-progress-circular{position:absolute;width:1.75rem!important;height:1.75rem!important;z-index:6}.preset-list-container .list-cover-img{height:5.875rem;width:8.8125rem;min-width:8.8125rem;max-width:8.8125rem;margin-right:.625rem;border-radius:6px}.preset-list-container .list-cover-img-left-margin{margin-left:.625rem}.preset-list-container .preset-desc{word-break:break-word;font-size:1rem;font-weight:400;color:#97989e!important;color:var(--preset-list-desc-color)!important;line-height:1.5rem;margin-bottom:0;font-family:Roboto light,sans-serif}.preset-list-container .list-preset-desc{height:4.375rem;max-height:4.375rem;-webkit-line-clamp:3}.preset-list-container .card-preset-desc,.preset-list-container .list-preset-desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.preset-list-container .card-preset-desc{height:5.875rem;max-height:5.875rem;-webkit-line-clamp:4}.preset-list-container .tone-tag-row{margin-top:.25rem!important}.preset-list-container .musical-style-tag-row{margin-top:.9375rem;height:2rem;overflow:hidden}.preset-list-container .musical-style-tag-row .c-tag{display:flex;align-items:center;padding:0 .5em;height:2em}.preset-list-container .musical-style-tag-row .c-tag img{margin-right:.25rem;height:1.8em}.preset-list-container .musical-style-tag-row .c-tag span{word-break:keep-all}.preset-list-container .musical-style-tag-row .musical-style-tag{padding:.5em;margin-right:.5em;text-align:center;font-size:1rem;line-height:1em;border-radius:3px;cursor:pointer}.preset-list-container .musical-style-tag-row .style-tag{font-size:1rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;background:#f8f8f8;background:var(--tag-bg-color)}.preset-list-container .musical-style-tag-row .musical-style-tag:hover{opacity:.8}.preset-list-container .name-date{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .name-date .circle{width:2.75rem!important;height:2.75rem!important;min-width:2.75rem;border-radius:50%;font-size:1.125rem;font-weight:700;color:#fff!important;line-height:2.75rem;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.preset-list-container .name-date .name-date-for{margin-left:.75rem}.preset-list-container .name-date .name-date-for p:first-child{font-size:1rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.6875rem;margin-bottom:0;max-width:14.0625rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preset-list-container .name-date .name-date-for p:nth-child(2){font-size:1rem;font-weight:400;color:#8c8f9f!important;color:var(--date-color)!important;line-height:1.6875rem;margin-bottom:0}.preset-list-container .name-date .name-date-list{width:6rem}.preset-list-container .download-btn{padding:0 1.875rem;border-radius:4px;width:5.875rem;height:2rem!important;font-size:1rem!important;color:#fff!important}.preset-list-container .download-btn .v-btn__content{line-height:1em}.preset-list-container .download-btn:hover{background:#4c6cfb}.preset-list-container .preset-list-style-container .list-item-block{position:relative;padding:.75rem 1.5rem;margin-bottom:.9375rem;border-radius:8px;background:#fff;background:var(--white-bg-color)}.preset-list-container .preset-list-style-container .list-item-block .list-recommended-icon{position:absolute;top:0;left:0;width:1.4375rem;height:2.5rem}.preset-list-container .preset-list-style-container .list-item-block .list-media-symbol-row{height:1.5rem}.preset-list-container .preset-list-style-container .list-item-block .list-media-symbol-row-margin-left{margin-left:.625rem}.preset-list-container .preset-list-style-container .list-item-block .preset-list-desc-container{display:flex;align-items:center;margin-bottom:0;max-height:5.875rem}.preset-list-container .preset-list-style-container .list-item-block .preset-list-desc-container span{height:auto}.preset-list-container .preset-list-style-container .list-item-block .player-container{margin-right:1.4375rem}.preset-list-container .preset-list-style-container .list-item-block .cover-img{margin-left:.625rem;margin-right:0}.preset-list-container .preset-list-style-container .list-item-block .name-download-row{margin-bottom:.625rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row{margin-top:.625rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item{display:flex;align-items:center}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item .opt-icon{width:1.125rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item .num{margin-left:.1875rem;font-size:.875rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.preset-list-container .preset-list-style-container .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.preset-list-container .preset-list-style-container .list-item-block-bottom-margin{margin-bottom:3.75rem}.preset-list-container .preset-list-style-container .preset-list-style-left{padding-right:1.5%}.preset-list-container .preset-list-style-container .preset-list-style-center{padding:0 1.5%}.preset-list-container .preset-list-style-container .preset-list-style-right{padding-left:1.5%}.preset-list-container .preset-loading-container .loading-container{width:73.75rem;max-width:73.75rem;min-width:73.75rem}.preset-list-container .preset-loading-container .card-loading-item{width:23.75rem;padding:1.5rem 1.9375rem 0;margin-bottom:1.4375rem;background:#fff;background:var(--white-bg-color);border-radius:14px;min-height:200px}.preset-list-container .preset-loading-container .list-loading-item{width:100%;height:7.6875rem;padding:.75rem .875rem;margin-bottom:.6875rem;background:#fff;background:var(--white-bg-color);border-radius:8px}.preset-list-container .preset-loading-container .circle{max-width:2.875rem;min-width:2.875rem;height:2.875rem}.preset-list-container .preset-loading-container .height-20{height:1.25rem}.preset-list-container .preset-loading-container .height-23{height:1.4375rem}.preset-list-container .preset-loading-container .height-42{height:2.625rem}.preset-list-container .preset-loading-container .height-47{height:2.9375rem}.preset-list-container .three-column-flex{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.preset-list-container .three-column-flex:after{content:"";width:65%!important}.preset-list-container .three-column-flex .three-column-item{width:32.4%!important;padding-top:0}.preset-list-container .three-column-flex .three-column-item .circle-mycollect{width:2.5rem!important;height:2.5rem!important;min-width:2.5rem;background:#71b47f;border-radius:50%;font-size:1rem;font-weight:700;color:#fff!important;line-height:2.5rem;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.preset-list-container .three-column-flex .three-column-item .line{margin-top:.875rem!important}.preset-list-container .three-column-flex .flex-gap{margin-right:.9375rem}.preset-list-container .three-column-flex .has-padding{padding-top:1.25rem!important}.preset-list-container .three-column-flex .has-padding .hover-block{display:none;position:absolute;bottom:0;left:0;width:100%;height:100%;background:#9e9e9e;opacity:.6;box-shadow:0 .125rem 1.25rem hsla(0,0%,62%,.48);border-radius:14px}.preset-list-container .three-column-flex .has-padding .btn-area{display:none;position:absolute;bottom:2.8%;left:55%}.preset-list-container .three-column-flex .has-padding .btn-area div{width:100%;bottom:1.625rem;left:0;display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .three-column-flex .has-padding .btn-area div img{width:2.375rem!important;height:2.375rem!important;margin-right:1.5rem}.preset-list-container .three-column-flex .has-padding .btn-area div span{line-height:2.375rem;margin-right:1.5rem;background:#3e5ff1;border-radius:22px;height:2.375rem;font-size:1.0625rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center;width:5.9375rem}.preset-list-container .three-column-flex .has-padding .btn-area div span:hover{background:#4c6cfb}.preset-list-container .three-column-flex .has-padding:hover .hover-block{display:block;z-index:49}.preset-list-container .three-column-flex .has-padding:hover .btn-area{display:block;z-index:199}.preset-list-container .page-item{margin:20px 0 40px;display:flex;justify-content:center}.no-padding-top{margin-top:0!important}.reminder-icon{background:#e5c24e;border-radius:50%;width:2rem;height:2rem;color:#fff;font-size:1.25rem;text-align:center;margin-right:.5rem}.dialog-cancel-btn{background:#f5f5f5!important;font-weight:700!important;color:#4f525e!important}.dialog-delete-btn{background:#f13e3e!important;color:#fff!important;font-weight:700!important;margin-left:2.5rem}.drop-item{max-height:2.25rem!important;height:2.25rem!important;min-height:2.25rem!important;text-align:center!important;justify-content:center!important}.drop-item-block{min-height:1rem!important}.hoverAuthorInfo{width:23.6875rem;height:11.9375rem;z-index:2;padding:1.75rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .1875rem 1.25rem rgba(0,0,0,.1);border-radius:6px}.hoverAuthorInfo .row-1{margin-bottom:0;justify-content:space-between!important}.hoverAuthorInfo .row-1,.hoverAuthorInfo .row-1 .row-1-left{display:flex!important;align-items:center!important;flex-wrap:nowrap!important}.hoverAuthorInfo .row-1 .row-1-left{width:70%;justify-content:flex-start!important}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-name{width:2.75rem!important;height:2.75rem!important;border-radius:50%;flex-shrink:0;font-size:1.1875rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;background-size:cover;background-position:50%}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname{padding-left:1rem}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p{margin-bottom:0}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:first-child{width:8.125rem;font-size:1rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:nth-child(2){width:8.125rem;font-size:1rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{display:none!important;background:#3e5ff1;border-radius:6px;color:#fff!important;display:grid;text-align:center}.hoverAuthorInfo .row-1 .hover-container .row-1-focus,.hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{padding:0 .625rem;line-height:2.5rem!important;height:2.5rem;width:5.5rem;font-size:1.125rem;font-weight:400!important;margin-bottom:0;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container .row-1-focus{display:block;border-radius:6px;border:.0625rem solid #3e5ff1;color:#3e5ff1!important;display:grid}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{display:none!important;background:#7f8082;height:2.5rem;display:grid;text-align:center}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus,.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{line-height:2.5rem!important;border-radius:6px;width:5.5rem;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus{display:block;height:2.5rem!important;background:#97989e;display:grid}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus-hover{display:block!important;padding:0 .625rem;line-height:2.5rem!important;background:#3e5ff1;border-radius:6px;width:5.5rem;height:2.5rem;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus{display:none}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus-hover{display:block!important;line-height:2.5rem!important;height:2.5rem!important;width:5.5rem;background:#7f8082;border-radius:6px;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus{display:none}.hoverAuthorInfo .data-show-list{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .8125rem}.hoverAuthorInfo .data-show-list ul{margin-top:1.25rem;display:flex;flex-direction:column;align-items:center;padding-left:0!important}.hoverAuthorInfo .data-show-list li{list-style:none;text-align:center}.hoverAuthorInfo .data-show-list .title{font-size:1.25rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;font-size:1.25rem!important;margin-bottom:0}.hoverAuthorInfo .data-show-list .num{font-size:1.25rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.font-size-14{font-size:.875rem}.follow-container{width:100%;padding-bottom:2.5rem}.follow-container .my-focus-item .rows-1{margin-bottom:1.25rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 p{margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-left{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 .rows-1-left .name-circle-follow{width:2.75rem!important;height:2.75rem!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;font-size:1.125rem;font-weight:700!important;color:#fff!important;margin-bottom:0;border-radius:50%;background-position:50%;background-size:cover}.follow-container .my-focus-item .rows-1 .rows-1-left .name{font-size:1.25rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;margin-left:1.25rem}.follow-container .my-focus-item .rows-1 .rows-1-left .date{font-size:1.0625rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-right{width:6.75rem;line-height:2.625rem;border:1px solid #707070;border-radius:7px;font-size:1.125rem;font-weight:300!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.follow-container .my-focus-item .rows-1 .rows-1-right-hover{display:none;width:6.75rem;line-height:2.625rem;background:#e84747;border-radius:7px;border:1px solid #e84747;font-size:1.125rem;font-weight:300!important;color:#fff!important;margin-bottom:0;text-align:center}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right-hover{display:block}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right{display:none}.follow-container .my-focus-item .preset-list-flex .hover-parent .hover-item{display:none;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:8px}.follow-container .my-focus-item .preset-list-flex .hover-parent:hover .hover-item{display:block;z-index:2}.follow-container .my-focus-item .preset-list-flex .light-hover-item{background:#9e9e9e;opacity:.6}.follow-container .my-focus-item .preset-list-flex .dark-hover-item{background-image:linear-gradient(180deg,rgba(64,64,64,.08),#201f1f);opacity:.7}.follow-container .my-focus-item .preset-list-flex .hover-parent:hover .btn-area{display:block;z-index:3}.follow-container .my-focus-item .preset-list-flex .btn-area{display:none;position:absolute;width:100%;height:100%;top:0;left:0}.follow-container .my-focus-item .preset-list-flex .btn-area .down-btn{position:absolute;right:1.25rem;bottom:.9375rem;line-height:2rem;background:#3e5ff1;border-radius:4px;height:2rem;font-size:1rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center;width:5.875rem}.follow-container .my-focus-item .preset-list-flex .btn-area .down-span:hover{background:#4c6cfb}.follow-container .my-focus-item .preset-list:after{content:"";display:block;width:33.33333%;height:100%}.follow-container .page-item{margin:20px 0 50px;display:flex;justify-content:center}.focus-author-list{width:100%}.myinfo-container{width:75rem}.myinfo-container .title-name{font-size:1.25rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .info-data-block{margin-top:1.75rem;padding:2.5rem 2rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .1875rem .375rem rgba(0,0,0,.03);border-radius:10px}.myinfo-container .info-data-block .info-data-block-left{max-width:61%;display:flex;justify-content:flex-start;align-items:center}.myinfo-container .info-data-block .info-data-block-left .shot-name{position:relative;min-width:6.25rem;width:6.25rem;height:6.25rem;line-height:6.25rem;border-radius:50%;font-size:2.75rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.myinfo-container .info-data-block .info-data-block-left .shot-name .upload-avatar-block{width:2.5rem;height:2.5rem;position:absolute;bottom:0;right:-.625rem;border-radius:50%;background-color:#626367;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1}.myinfo-container .info-data-block .info-data-block-left .shot-name .upload-avatar-block .camera{max-width:1.25rem}.myinfo-container .info-data-block .info-data-block-left .shot-name .official{position:absolute;bottom:0;right:0;max-width:1.875rem}.myinfo-container .info-data-block .info-data-block-left .shot-name .avatar{border-radius:50%}.myinfo-container .info-data-block .info-data-block-left .userinfo-data{width:97%;margin-left:1.625rem}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .admin-symbol{margin-right:.3125rem;padding:0 .25rem;font-size:1rem;color:#3e5ff1;line-height:1.5rem;background-color:#d0d7f4;background-color:var(--change-style-gb-color);border:1px solid #3e5ff1;border-radius:6px;word-break:keep-all}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-name{margin-bottom:0;font-size:1.5rem;color:#636468;color:var(--register-btn-color);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-account{margin-bottom:2px;font-size:1.125rem;color:#636468;color:var(--register-btn-color)}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-sig{font-size:1.125rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-sig-no-fold{font-size:1.125rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;line-height:1.25rem;word-break:break-word}.myinfo-container .info-data-block .info-data-block-left .expand-info{color:#3e5ff1;text-decoration:underline;cursor:pointer}.myinfo-container .info-data-block .info-data-btns .focus-btn{min-width:5.625rem;margin-top:.875rem;padding:.3125rem .5rem;color:#fff;font-size:1rem;line-height:1.625rem;border-radius:3px}.myinfo-container .info-data-block .info-data-btns .msg-btn{color:#8c8f9f!important;color:var(--date-color)!important;border:1px solid #8c8f9f!important;border:1px solid var(--date-color)!important}.myinfo-container .info-data-block .info-data-btns .msg-btn img{width:1.125rem;margin-right:.3125rem}.myinfo-container .info-data-block .info-data-btns .focused{color:#fff!important;color:var(--info-focus-color)!important;background:#d1d2d4!important;background:var(--filter-tag-bd-color)!important}.myinfo-container .info-data-block .info-data-btns .focused .focused-hover-span,.myinfo-container .info-data-block .info-data-btns .focused:hover .focused-non-hover-span{display:none}.myinfo-container .info-data-block .info-data-btns .focused:hover .focused-hover-span{display:inline!important}.myinfo-container .info-data-block .author-len{max-width:46.5625rem!important}.myinfo-container .info-data-block .info-data-block-right{display:grid;justify-items:flex-end}.myinfo-container .info-data-block .info-data-block-right .edit-btn{display:inline-block;align-self:end;width:6.75rem;line-height:2.5rem;border:1px solid #636468;border:1px solid var(--register-btn-color);border-radius:7px;font-size:1.125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.myinfo-container .info-data-block .info-data-block-right .edit-btn:hover{background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.myinfo-container .info-data-block .info-data-block-right .edit-btn-en{width:auto!important;padding:0 1.0625rem}.myinfo-container .info-data-block .data-show-list ul{margin-top:.625rem;padding-left:1.25rem}.myinfo-container .info-data-block .data-show-list li{list-style:none;text-align:center}.myinfo-container .info-data-block .data-show-list .title{font-size:1.125rem!important;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .info-data-block .data-show-list .num{font-size:1rem!important;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .info-data-block .data-show-list .data-divider{width:0;height:2.9375rem;margin:.625rem 0 0 1.25rem;opacity:.5;border-left:2px solid #707070;border-left:2px solid var(--feedbcak-color)}.myinfo-container .title-playmenu{position:relative;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 2rem;margin-top:3rem}.myinfo-container .title-playmenu .opt-btn{width:auto!important;padding:0 1.0625rem}.myinfo-container .title-playmenu .opt-btn:hover{background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.myinfo-container .title-playmenu p:first-child,.myinfo-container .title-playmenu p:nth-child(2){font-size:1.125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu p:nth-child(2){width:6.25rem;line-height:2.5rem;border:1px solid #636468;border:1px solid var(--register-btn-color);border-radius:7px;text-align:center}.myinfo-container .title-playmenu .anchor{position:absolute;left:0;top:3.125rem}.myinfo-container .title-playmenu-multip{margin-top:3.5rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .title-playmenu-multip .go-back{display:flex;justify-content:flex-start;align-items:center;font-size:1.75rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu-multip .go-back img{width:2rem!important;height:2rem!important}.myinfo-container .title-playmenu-multip .play-btn span:first-child{padding-right:1.75rem;font-size:1.5rem;font-weight:400!important;color:#e84747!important;margin-bottom:0}.myinfo-container .title-playmenu-multip .play-btn span:nth-child(2){padding-right:2.5rem;font-size:1.5rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list{padding:0 2rem;margin:1.25rem 0;background:#fff;background:var(--white-bg-color);box-shadow:0 .1875rem .375rem rgba(0,0,0,.03);border-radius:10px}.myinfo-container .focus-list .focus-item{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;min-height:7.5rem}.myinfo-container .focus-list .focus-item .focus-list-left{max-width:50%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .focus-list .focus-item .focus-list-left .short-name{width:2.875rem!important;height:2.875rem!important;min-width:2.875rem;width:2.875rem;line-height:2.875rem;border-radius:50%;font-size:1.25rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig{width:30rem;margin-left:1.625rem}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:first-child{font-size:1.125rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;font-weight:300!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-1{font-size:1.125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right .item-2{margin-left:1rem;padding:1.125rem;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:4px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;width:16.375rem!important;height:4.1875rem!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 img{width:3.875rem!important;height:3.875rem!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 span{padding-left:1.125rem;font-size:1.125rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;height:1.875rem;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.875rem}.myinfo-container .focus-list .focus-item .focus-list-right .item-3{border:1px solid #707070;border-radius:7px;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-3,.myinfo-container .focus-list .focus-item .focus-list-right .item-3-hover{width:auto;min-width:6.75rem;margin-left:2.5rem;line-height:2.625rem;height:2.625rem;font-size:1.125rem;font-weight:400!important;margin-bottom:0;text-align:center}.myinfo-container .focus-list .focus-item .focus-list-right .item-3-hover{display:none;border:1px solid #e84747;background:#e84747;border-radius:7px;color:#fff!important}.myinfo-container .focus-list .focus-item .focus-list-right .control-hover:hover .item-3{display:none}.myinfo-container .focus-list .focus-item .focus-list-right .control-hover:hover .item-3-hover{display:block}.myinfo-container .no-data{font-size:1.0625rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-shadow:0 0 #000;padding:10px 0 10px 32px}.myinfo-container .no-data-margin{margin-top:-1.75rem}.myinfo-container .preset-list-container{margin-top:1.75rem!important}.myinfo-container .preset-list-container .preset-list-flex{justify-content:space-between}.myinfo-container .preset-list-container .preset-list-flex .list-item-block{padding:.625rem 1.25rem 1.25rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .product-media-row .menu-img{width:1.25rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .musical-style-tag-row{margin:.5rem 0 .9375rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .state-count{margin-top:1.25rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.myinfo-container .preset-list-container .preset-list-flex:after{content:"";width:23.75rem}.myinfo-container .hand-hover{cursor:pointer}.delete-color{color:#e66666!important}.editmyinfo-container{width:75rem}.editmyinfo-container .title-label{display:flex}.editmyinfo-container .title-label i{font-size:1.6875rem;vertical-align:middle;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .title-label span{padding-left:.3125rem;font-size:1.375rem;font-weight:700;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .editmyinfo-layout{margin-top:1.8125rem;justify-content:space-between}.editmyinfo-container .setting-tab{flex-basis:13.5%;max-width:13.5%;height:47.5rem;background:#fff;background:var(--white-bg-color);border-radius:8px}.editmyinfo-container .setting-tab .tabs-container{padding-top:2.375rem;font-size:1.25rem;font-weight:700;text-align:center;color:#707070;color:var(--feedbcak-color)}.editmyinfo-container .setting-tab .tabs-container div{line-height:2.2em}.editmyinfo-container .setting-tab .tabs-container .tab-active{color:#3e5ff1}.editmyinfo-container .form-block{flex-basis:85%;max-width:85%;height:47.5rem;padding:2.375rem;overflow-y:scroll;background:#fff;background:var(--white-bg-color);box-shadow:0 .1875rem .375rem rgba(0,0,0,.03);border-radius:8px}.editmyinfo-container .form-block .avatar-block{position:relative}.editmyinfo-container .form-block .avatar-block .upload-btn{height:2.25rem;padding:0 .625rem;position:absolute;bottom:0;left:7.5rem;font-size:1.125rem;color:#97989e;color:var(--preset-list-desc-color);background-color:#fff;background-color:var(--white-bg-color);border:1px solid #97989e;border:1px solid var(--preset-list-desc-color);border-radius:7px}.editmyinfo-container .form-block .short-name{width:6.25rem;height:6.25rem;line-height:6.25rem;border-radius:50%;font-size:2.75rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.editmyinfo-container .form-block .input-div-title{display:flex;align-items:flex-start;align-items:baseline}.editmyinfo-container .form-block .input-div-title .word-count{display:inline-block;margin-left:1.25rem;color:#141414;color:var(--black-title)}.editmyinfo-container .form-block .input-div{margin-top:1.25rem}.editmyinfo-container .form-block .input-div .lable{font-size:1.25rem;font-weight:700!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .input{width:26.875rem!important;height:2.75rem!important;padding-left:.9375rem}.editmyinfo-container .form-block .input-div .input,.editmyinfo-container .form-block .input-div .textarea{background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:5px;font-size:1.125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .textarea{width:76%;height:7.625rem;padding:.9375rem}.editmyinfo-container .form-block .input-div .info-select{width:26.8125rem!important;height:2.75rem!important;border-radius:5px;font-size:1.125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;background-size:2.5%}.editmyinfo-container .form-block .input-div .info-select .v-btn__content{text-align:left;display:inline}.editmyinfo-container .form-block .input-div .info-select .v-btn__content span{width:25rem;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:2.75rem!important;line-height:2.75rem}.editmyinfo-container .form-block .input-div .info-select .select-icon{float:right;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .form-block .input-div .info-select-light-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll var(--preset-input-bg-color) 98%}.editmyinfo-container .form-block .input-div .info-select-dark-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll var(--preset-input-bg-color) 98%}.editmyinfo-container .form-block .input-div.active-color{color:#3e5ff1!important}.editmyinfo-container .form-block .button-sub{width:6.25rem!important;height:2.75rem!important;margin-top:2.875rem;background-color:#3e5ff1!important;border-radius:8px;text-transform:capitalize;font-size:1.125rem;color:#fff}.editmyinfo-container .form-block .tab-title{font-size:1.25rem;color:#636468;color:var(--register-btn-color);font-weight:700;line-height:2em}.editmyinfo-container .form-block .setting-item-desc,.editmyinfo-container .form-block .setting-item-title{font-size:1.125rem;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .form-block .setting-item-desc{opacity:.6}.editmyinfo-container .form-block .scope-menu .menu-btn{width:11.875rem;font-size:1rem;padding:0 .75rem;border-radius:6px;background-color:#fff!important;background-color:var(--post-menu-bg-color)!important;color:#88898d;color:var(--filter-btn-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2)}.editmyinfo-container .form-block .scope-menu .menu-btn .item-name{width:10.3125rem;padding-left:.3125rem;text-align:left}.editmyinfo-container .right-flex{text-align:right}.editmyinfo-container .height-65{height:4.0625rem}.editmyinfo-container .height-85{height:5.3125rem}.editmyinfo-container>>>.v-list-item__title{font-size:1.5rem!important;color:#97989e;font-weight:400!important}.not-exit-btn{color:#a4a4a4!important;border:1px solid #a4a4a4;border-radius:6.4375rem!important}.exit-btn,.not-exit-btn{background:#fff!important;background:var(--white-bg-color)!important;font-weight:700!important}.exit-btn{color:#707070!important;border:1px solid #707070;border-radius:6.4375rem!important;margin-left:2.5rem}.preset-info-container{width:75rem;max-width:75rem;margin:1.25rem auto;padding:3.375rem 5rem;background:#fff;background:var(--white-bg-color);border-radius:14px}.preset-info-container .info-loading-container .circle{max-width:3.375rem;min-width:3.375rem;height:3.375rem}.preset-info-container .info-loading-container .height-19{height:1.1875rem}.preset-info-container .info-loading-container .height-25{height:1.5625rem}.preset-info-container .info-loading-container .height-32{height:2rem}.preset-info-container .info-loading-container .width-height-160{height:10rem;max-width:10rem;width:10rem}.preset-info-container .info-loading-container .width-163-height-146{height:9.125rem;max-width:10.1875rem;width:10.1875rem}.preset-info-container .info-loading-container .height-62{height:3.875rem}.preset-info-container .info-loading-container .height-247{height:15.4375rem}.preset-info-container .info-loading-container .height-476{height:29.75rem}.comment-container{width:100%}.comment-container .row-1{font-size:2.25rem;font-weight:700!important;color:#141414!important;margin-bottom:0;margin-top:1.625rem;padding-left:.5rem}.comment-container .row-2{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;padding:0;margin-bottom:2.5rem}.comment-container .row-2 li{padding:.75rem .5rem;margin-right:1.875rem;list-style:none;font-size:1.5rem;font-weight:700!important;color:#919191!important;margin-bottom:0}.comment-container .row-2 .action{font-size:2.25rem;font-weight:700!important;color:#415fe6!important;margin-bottom:0;border-bottom:.125rem solid #415fe6}.comment-container .flex-two-column{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important}.comment-container .flex-two-column .short-name{width:7rem!important;height:7rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:3rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.comment-container .flex-two-column .textarea-container{margin-left:2.25rem}.comment-container .flex-two-column .textarea-container textarea{width:100%!important;height:8.625rem!important;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;padding:.875rem 0 0 1.25rem;font-size:1.75rem;font-weight:400!important;color:#b9b9b9!important;color:var(--text-area-color)!important;margin-bottom:0}.comment-container .flex-two-column .sub-comment{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.comment-container .flex-two-column .sub-comment .btn{width:8.875rem!important;height:3rem!important;background:#3f5ee6;border-radius:4px;font-size:1.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.comment-container .flex-two-column .flex-center,.comment-container .flex-two-column .tip-author{display:grid;justify-items:center;align-items:center}.comment-container .flex-two-column .tip-author{margin-top:.375rem;width:6.25rem!important;height:2.75rem!important;border:.0625rem solid #3f5ee6;border-radius:22px;font-size:1.5rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container{padding-top:.75rem;margin-left:2.25rem;font-size:1.25rem;font-weight:500!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .top-ceontent .top-sign{width:6.25rem!important;height:2.75rem!important;flex-shrink:0;margin-right:1.875rem;border:1px solid #3f5ee6;border-radius:6px;display:grid;justify-content:center;align-content:center;font-size:1.5rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .comment-content{width:60%}.comment-container .flex-two-column .comment-container .comment-content,.comment-container .flex-two-column .comment-container .comment-content-all{font-size:1.25rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .count-play{display:flex;justify-content:flex-start;align-items:center;margin-top:.625rem}.comment-container .flex-two-column .comment-container .count-play .time{font-size:1.25rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .count-play .dz-container{margin:0 3.125rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5eea3a990d.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container span{font-size:1.25rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.75rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container:hover i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f016ca36e/reday-dz.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f016989ee/dz-ok.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container span{font-size:1.25rem;font-weight:400!important;color:#919191!important;margin-bottom:0;padding-left:.75rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container{margin-left:2.125rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d55cbb0/bad-dz-default.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container:hover i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d5918c2/bad-dz-ready.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container{margin-left:2.125rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d5821da/bad-dz-ok.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .replay{font-size:1.25rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container{width:66.5rem;margin-top:1.375rem;padding:.5rem .5rem 1.375rem;background:#fafafa}.comment-container .flex-two-column .child-comment-container .short-name-child{width:3.75rem!important;height:3.75rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:3rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .replay-name{flex-shrink:0;margin-right:1.75rem}.comment-container .flex-two-column .child-comment-container .replay-name p{margin:0}.comment-container .flex-two-column .child-comment-container .replay-name span:first-child{font-size:1.25rem;font-weight:500!important;color:#919191!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .replay-name span:nth-child(2){font-size:1.25rem;font-weight:500!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .comment-content-long{width:100%;font-size:1.25rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .loading-replay{background:url(http://res.hotoneaudio.com/preset_20201118_5fb480d4aa198.png) no-repeat;background-size:1rem .875rem;background-position:center left 0;padding-left:1.625rem;font-size:1.5rem;font-weight:500!important;color:#3f5ee6!important;margin:2.5rem 0 0 6.25rem}.comment-container .flex-two-column .child-comment-container .shouqi-replay{background:url(http://res.hotoneaudio.com/preset_20201221_5fe033dbd2b1a/%E7%BB%84%201009%402x.png) no-repeat;background-size:1rem .875rem;background-position:center left 0;padding-left:1.625rem;font-size:1.5rem;font-weight:500!important;color:#3f5ee6!important;margin:2.5rem 0 0 6.25rem}.comment-container .flex-two-column .replay-textarea{margin-top:1.5rem}.comment-container .flex-two-column .replay-textarea .short-name-middle{width:4.75rem!important;height:4.75rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:3rem;font-weight:700!important;color:#fff!important;margin-bottom:0;flex-shrink:0}.comment-container .flex-two-column .replay-textarea textarea{width:60.25rem!important;height:8.125rem!important}.comment-container .bottom-border-line{margin-bottom:1.375rem;padding-bottom:1.5rem;border-bottom:.125rem solid #919191}.comment-container .flex-layout{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.comment-container .play-menu img{width:3rem!important;height:3rem!important}.info-container{position:relative}.info-container .recommedation-icon{position:absolute;top:-3.375rem;right:-5rem;width:1.4375rem;height:2.5rem;cursor:pointer}.info-container .row-1{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important}.info-container .row-1 .row-1-flex{width:80%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-1 .row-1-flex .circle{display:grid;justify-content:center;align-content:center;width:3.125rem!important;height:3.125rem!important;min-width:3.125rem;font-size:1.25rem;font-weight:700!important;color:#fff!important;margin-bottom:0;cursor:pointer;background-position:50%;background-size:cover;border-radius:50%}.info-container .row-1 .row-1-flex .row-1-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0}.info-container .row-1 .row-1-flex .v-btn{padding:0 1.0625rem;margin-left:1.25rem;border-radius:3px}.info-container .row-1 .row-1-flex .row-1-focus{font-size:1.25rem;font-weight:500!important;color:#fff!important;margin-bottom:0;background-color:#3e5ff1}.info-container .row-1 .row-1-flex .row-1-focus-already{font-size:1.25rem;font-weight:400!important;color:#fff!important;color:var(--info-focus-color)!important;margin-bottom:0;background:#d1d2d4;background:var(--filter-tag-bd-color)}.info-container .row-1 .row-1-flex .row-1-focus-already .v-btn__content{line-height:1em}.info-container .row-1 .row-1-flex .row-1-focus-already .hover-span{display:none}.info-container .row-1 .row-1-flex .row-1-focus-already:hover{background:#d1d2d4;background:var(--filter-tag-bd-color)}.info-container .row-1 .row-1-flex .row-1-focus-already:hover .hover-span{display:block!important}.info-container .row-1 .row-1-flex .row-1-focus-already:hover .not-hover-span{display:none}.info-container .row-1 .row-1-flex .name-sig{margin:.75rem;cursor:pointer}.info-container .row-1 .row-1-focus:hover{background:#3f5ee6;font-size:1.25rem;font-weight:400!important;color:#fff!important;margin-bottom:0}.info-container .row-1 .share-menu{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-1 .share-menu img{width:1.875rem!important;height:1.25rem!important}.info-container .row-1 .play-menu img{width:2rem!important;height:auto!important}.info-container .row-1 .play-menu .share-img{width:2.9375rem!important;height:2.3125rem!important}.info-container .row-2 .row-2-info{margin-right:.3125rem}.info-container .row-2 .row-2-info .row-2-name{font-size:1.5rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.info-container .row-2 .row-2-info .row-2-attr{font-size:1.375rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;white-space:normal;overflow:hidden;text-overflow:ellipsis;margin-top:.3125rem}.info-container .row-2 .row-2-info .musical-style-tag-container{margin-top:.375rem}.info-container .row-2 .row-2-info .musical-style-tag{padding:.5em .625em;margin:.3125em .5em 0 0;text-align:center;font-size:1rem;line-height:1em;border-radius:3px;cursor:pointer}.info-container .row-2 .row-2-info .c-tag{display:flex;align-items:center;height:2em;padding-top:0;padding-bottom:0}.info-container .row-2 .row-2-info .c-tag img{height:1.5em}.info-container .row-2 .row-2-info .style-tag{font-size:1rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;background:#f8f8f8;background:var(--tag-bg-color)}.info-container .row-2 .row-2-info .musical-style-tag:hover{opacity:.8}.info-container .row-2 .row-2-pro-img-name{display:flex;flex-direction:column;align-items:center;padding:0 .5rem 1.125rem;max-width:12.625rem;max-height:12.8125rem;background:#fbfbfb;background:var(--file-list-bg-color);text-align:center;border-radius:8px}.info-container .row-2 .row-2-pro-img-name img{width:6.875rem}.info-container .row-2 .row-2-pro-img-name div{font-size:1.125rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .file-list{max-height:16.25rem;margin-top:1rem;padding:.625rem 1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:8px;overflow-x:hidden;overflow-y:scroll}.info-container .file-list .file-list-item{position:relative;padding:0 1.25rem}.info-container .file-list .file-list-item .ab-center{position:absolute;left:0;top:50%;width:100%;height:85%;display:flex;justify-content:center;align-items:center;transform:translateY(-50%)}.info-container .file-list .file-list-item .unaudit-cover{background-color:#000;opacity:.3}.info-container .file-list .file-list-item .unaudit-text{font-size:1rem;color:#fff}.info-container .row-3{margin-top:3rem}.info-container .row-3 .file-tip{font-size:1.375rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-3 .file-tip span{font-size:1.25rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;margin-left:5px;background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px;display:inline-block;width:1.875rem;text-align:center}.info-container .row-3 .file-list .img-file-name-layout{margin:.875rem 0}.info-container .row-3 .file-list .img-file-name-flex{display:flex;align-items:center}.info-container .row-3 .file-list .img-file-name-flex img{width:3rem!important;height:3rem!important}.info-container .row-3 .file-list .img-file-name-flex div{margin-left:1rem;font-size:1.25rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis}.info-container .row-3 .file-list .custom-sm{flex-basis:4%;flex-grow:0;max-width:4%}.info-container .row-3 .file-list .download-img{width:.9375rem;cursor:pointer;margin-right:1.25rem}.info-container .row-3 .download{width:auto!important;height:2.25rem!important;background:#3e5ff1!important;border-radius:4px;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0}.info-container .row-3 .download:hover{background:#4c6cfb!important}.info-container .upload-audio-row{margin-top:1.25rem}.info-container .upload-audio-row .row-title{font-size:1.375rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .upload-audio-row .info-player-container{padding:.75rem 0}.info-container .upload-audio-row .info-player-container .v-image{width:2.75rem;height:2.75rem;max-width:2.75rem;margin-right:.9375rem;cursor:pointer}.info-container .upload-audio-row .info-player-container .player-info{font-size:1.125rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .upload-audio-row .info-player-container .file-name{padding:0 .3125rem 0 2.25rem}.info-container .row-4{width:100%;margin-top:1.4375rem;font-size:1.25rem;color:#949494;color:var(--tag-color);word-break:break-word;font-family:Roboto light,sans-serif;line-height:1.75rem;overflow:hidden}.info-container .row-4 .cover-img{float:left;width:20rem;margin-right:1.25rem;border-radius:4px}.info-container .row-5{margin-top:1.25rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-5 .row-5-url{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .row-5 .row-5-url span:first-child{font-size:1.25rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.info-container .row-5 .row-5-url span:nth-child(2){font-size:1.25rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .row-5 .row-5-changes{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-5 .row-5-changes p{display:grid;justify-content:center;align-content:center;width:1.375rem!important;height:1.375rem!important;margin-right:.625rem;border:1px solid #97989e;border-radius:4px;font-size:1.125rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .row-5 .row-5-changes p:hover{background-color:#f0f8ff}.info-container .row-5 .row-5-changes .active{border:1px solid #3e5ff1;font-size:1.125rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0}.info-container .row-6{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-6 iframe{height:88px!important;width:100%!important;border-radius:26px;border:none}.info-container .row-6 img{width:3rem!important;height:3rem!important}.info-container .row-7{margin-top:.9375rem}.info-container .row-7 .row-title{font-size:1.375rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-8{margin-top:.75rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-8 iframe{width:55rem!important;height:35rem!important;border-radius:26px;border:none}.info-container .row-8 img{width:3rem!important;height:3rem!important}.info-container .row-9{margin-top:2rem;display:grid;justify-content:center;align-content:center}.info-container .row-9 img{width:4rem!important;height:4rem!important}.info-container .row-9 .hover-container .not-focus-state{width:4rem!important;height:4rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75eaa71f/info-focus-pt.png);background-size:cover}.info-container .row-9 .hover-container:hover .not-focus-state{width:4rem!important;height:4rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75ee025e/info-focus-hover.png);background-size:cover}.info-container .row-10{margin:2rem 0}.info-container .row-10 .state-count-item{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;margin-right:1.375rem;cursor:pointer;font-size:1.125rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .row-10 .state-count-item img{width:1.875rem;height:auto;margin-right:.25rem}.info-container .row-10 .state-count-item .download-img{width:1.625rem!important}.info-container .row-10 .update-info{font-size:1.125rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .font-20-400-9A9A9A{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;font-weight:400!important;color:#9a9a9a!important;color:var(--info-sig-color)!important;margin-bottom:0}.info-container .qrcode{justify-content:center;display:flex}.info-container .hand-hover{cursor:pointer}.preset-comment-container{width:100%;margin-top:2.5rem}.preset-comment-container .row-1{font-size:1.25rem;font-weight:700!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0;margin-top:1.625rem;padding-left:.5rem}.preset-comment-container .row-2{margin-top:.8125rem;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;padding:0;margin-bottom:1.5rem}.preset-comment-container .row-2 li{padding:.75rem .5rem .125rem;margin-right:1.875rem;list-style:none;font-size:1.25rem;font-weight:700!important;color:#919191!important;margin-bottom:0}.preset-comment-container .row-2 .action{font-size:1.25rem;font-weight:700!important;color:#415fe6!important;margin-bottom:0;border-bottom:.125rem solid #415fe6}.preset-comment-container .flex-two-column{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important}.preset-comment-container .flex-two-column .short-name{width:4rem!important;height:4rem!important;display:grid;justify-content:center;align-content:center;border-radius:50%;font-size:1.875rem;font-weight:700!important;color:#fff!important;margin-bottom:0;min-width:4rem;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .textarea-container{margin-left:2.25rem;width:100%}.preset-comment-container .flex-two-column .textarea-container textarea{width:100%!important;height:8.625rem!important;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;padding:.875rem 0 0 1.25rem;font-size:1.25rem;font-weight:400!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0;resize:none;outline:none}.preset-comment-container .flex-two-column .no-margin{margin-left:0!important}.preset-comment-container .flex-two-column .sub-comment{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;margin-top:.75rem}.preset-comment-container .flex-two-column .sub-comment .btn{height:2.25rem!important;background:#3e5ff1!important;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;border-radius:4px}.preset-comment-container .flex-two-column .flex-center{display:grid;justify-items:center;align-items:center}.preset-comment-container .flex-two-column .tip-author{margin-top:.75rem;width:4.375rem!important;height:1.75rem!important;border:.0625rem solid #3f5ee6;border-radius:20px;font-size:1rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;display:grid;justify-items:center;align-items:center}.preset-comment-container .flex-two-column .comment-container{padding-top:.75rem;margin-left:2.25rem;font-size:1.25rem;font-weight:500!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .top-ceontent .top-sign{width:4.3125rem!important;height:1.9375rem!important;margin-right:.9375rem;border:1px solid #3f5ee6;border-radius:6px;display:inline-block!important;line-height:1.9375rem;font-size:1.125rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;text-align:center}.preset-comment-container .flex-two-column .comment-container .comment-content{width:60%}.preset-comment-container .flex-two-column .comment-container .comment-content,.preset-comment-container .flex-two-column .comment-container .comment-content-long{font-size:1.25rem;font-weight:400!important;color:#141414!important;color:var(--black-title-2)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play{display:flex;justify-content:flex-start;align-items:center;margin-top:.625rem}.preset-comment-container .flex-two-column .comment-container .count-play .time{font-size:1.25rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container{margin:0 3.125rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container{display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container .comment-opt-img{width:1.5rem!important;height:1.5rem!important;cursor:pointer}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container span{font-size:1.25rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.75rem}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container{display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/preset_btn_like_filled.svg);background-size:cover}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container span{font-size:1.25rem;font-weight:400!important;color:#919191!important;margin-bottom:0;padding-left:.75rem}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container{margin-left:2.125rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container .comment-opt-img{width:1.5rem!important;height:1.5rem!important;cursor:pointer}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container span{font-size:1.25rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.75rem}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container{margin-left:2.125rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/preset_btn_dislike_filled.svg);background-size:cover}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container span{padding-left:.75rem}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container span,.preset-comment-container .flex-two-column .comment-container .count-play .replay{font-size:1.25rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play .replay:hover{color:#3e5ff1!important}.preset-comment-container .flex-two-column .child-comment-container{width:100%!important;margin-top:1.375rem;padding:.9375rem .5rem 1.375rem 1.25rem;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px}.preset-comment-container .flex-two-column .child-comment-container .short-name-child{width:3.75rem!important;height:3.75rem!important;display:grid;justify-content:center;align-content:center;border-radius:50%;font-size:2rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .child-comment-container .replay-name{margin-right:1.75rem}.preset-comment-container .flex-two-column .child-comment-container .replay-name p{margin:0}.preset-comment-container .flex-two-column .child-comment-container .replay-name span:first-child{font-size:1.25rem;font-weight:500!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .replay-name span:nth-child(2){font-size:1.25rem;font-weight:500!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .comment-content-long{width:100%;font-size:1.25rem;font-weight:400!important;color:#141414!important;color:var(--black-title-2)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .loading-replay{background:url(http://res.hotoneaudio.com/preset_20201118_5fb480d4aa198.png) no-repeat;background-size:1rem .875rem;background-position:center left 0;padding-left:1.625rem;font-size:1.5rem;font-weight:500!important;color:#3f5ee6!important;margin:2.5rem 0 0 6.25rem}.preset-comment-container .flex-two-column .child-comment-container .shouqi-replay{background:url(http://res.hotoneaudio.com/preset_20201221_5fe033dbd2b1a/%E7%BB%84%201009%402x.png) no-repeat;background-size:1rem .875rem;background-position:center left 0;padding-left:1.625rem;font-size:1.5rem;font-weight:500!important;color:#3f5ee6!important;margin:2.5rem 0 0 6.25rem}.preset-comment-container .flex-two-column .replay-textarea{margin-top:1.5rem}.preset-comment-container .flex-two-column .replay-textarea .short-name-middle{min-width:3.75rem;width:3.75rem!important;height:3.75rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:2rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .replay-textarea textarea{height:8.125rem!important;width:100%!important;resize:none}.preset-comment-container .bottom-border-line{margin-bottom:1.375rem;padding-bottom:1.5rem;border-bottom:.0625rem solid #ececec;border-bottom:.0625rem solid var(--divider-color-3)}.preset-comment-container .flex-layout{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-comment-container .flex-layout .name-block{margin-bottom:.625rem}.preset-comment-container .play-menu img{width:2rem!important;height:auto!important}.preset-comment-container .hand-hover{cursor:pointer}.preset-comment-container .page-item{margin:30px 0 50px;display:flex;justify-content:center}.collect-container{width:100%}.collect-container .filter{width:100%;margin-bottom:2.5rem}.collect-container .filter,.collect-container .filter .title-filter{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important}.collect-container .filter .title-tip{font-size:1.25rem;font-weight:700!important;color:#636468!important;margin-bottom:0}.collect-container .filter .filter-btn{font-size:1.25rem;font-weight:400!important;color:#636468!important;margin-bottom:0;text-transform:none;letter-spacing:0}.collect-container .filter .filter-search{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;height:3rem;padding:.625rem .5rem;background:#fff;box-shadow:0 .1875rem 1.25rem rgba(0,0,0,.06);border-radius:11px}.collect-container .filter .filter-search img{width:1.75rem!important;height:1.75rem!important}.collect-container .filter .filter-search input{border:0;outline:none;margin-left:.625rem;font-size:1.25rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.collect-container .filter .filter-search .vertical-line{width:.125rem;height:98%;background:#fafafa}.collect-container .filter .filter-search .cate-slelct-btn{font-size:1.25rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;text-transform:none;letter-spacing:0}.empty-container .not-found-tip{margin-top:.9375rem;font-size:1.25rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.empty-container .key-word-block{margin-top:1.4375rem;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}.empty-container .key-word-block .key-word-title{font-size:1.25rem;font-weight:500!important;color:#636468!important;margin-bottom:0}.empty-container .key-word-block .key-word-content{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important;cursor:pointer}.empty-container .key-word-block .key-word-content span{padding:0 .5rem;font-size:1.4375rem;font-weight:700!important;color:#4163e6!important;margin-bottom:0;text-decoration:underline}.empty-container img{width:60%;height:auto}.pub-share-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50}.pub-share-container .share-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.pub-share-container .share-small-container{position:absolute;top:10.9375rem;width:43.75rem;padding:1.5rem;background:#fbfbfb;background:var(--file-list-bg-color);box-shadow:0 2px 1.25rem rgba(0,0,0,.25);border-radius:1.25rem;z-index:52;left:0;right:0;margin:auto}.pub-share-container .share-small-container .share-userinfo{display:flex;justify-content:flex-start;align-items:center}.pub-share-container .share-small-container .share-userinfo .item-1{width:4.25rem!important;height:4.25rem!important;background:#71b47f;border-radius:50%;font-size:1.875rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;flex-shrink:0;background-size:cover;background-position:50%}.pub-share-container .share-small-container .share-userinfo .item-2{width:80%;padding-left:1.375rem}.pub-share-container .share-small-container .share-userinfo .item-2 p{margin-bottom:0}.pub-share-container .share-small-container .share-userinfo .item-2 p:first-child{font-size:1.25rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0}.pub-share-container .share-small-container .share-userinfo .item-2 p:nth-child(2){font-size:1rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-share-container .share-small-container .preset-name{margin-top:1.0625rem;font-size:1.25rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.pub-share-container .share-small-container .preset-info{font-size:1.125rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;white-space:normal;max-width:39.375rem;max-height:6.625rem;overflow:hidden;text-overflow:ellipsis}.pub-share-container .share-big-container{position:absolute;top:13.5625rem;width:50rem;padding:3.125rem;background:#fbfbfb;background:var(--file-list-bg-color);box-shadow:0 2px 1.25rem rgba(0,0,0,.25);border-radius:1.25rem;z-index:51;left:0;right:0;margin:auto}.pub-share-container .share-big-container .share-tip{margin-top:12.875rem;font-size:1.375rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.pub-share-container .share-big-container .share-plateform{display:flex;justify-content:center;margin-top:1.5rem}.pub-share-container .share-big-container .share-plateform img{width:3.4375rem!important;height:3.4375rem!important;margin:0 .875rem;cursor:pointer}.pub-share-container .share-big-container .copy-link{display:flex;justify-content:flex-start;align-items:center;margin-top:2.875rem}.pub-share-container .share-big-container .copy-link input{width:34.375rem!important;height:3rem!important;padding-left:.625rem;background:#fbfbfb;background:var(--file-list-bg-color);border:.0625rem solid #97989e;border-radius:8px;font-size:1.25rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0}.pub-share-container .share-big-container .copy-link span{margin-left:1.5rem;padding:.625rem 1.25rem;background:#3e5ff1;border-radius:8px;font-size:1.25rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.pub-share-container .share-big-container .copy-link span:hover{background:#4c6cfb}.empty-upload-container .item-block{width:24.375rem!important;height:15rem!important;border-radius:14px;background:#fff;background:var(--white-bg-color)}.empty-upload-container .item-block i{display:flex;justify-content:center}.empty-upload-container .item-block i svg{margin-top:1.875rem;width:4.0625rem!important;height:4.0625rem!important;fill:#d4d5dc}.empty-upload-container .item-block p{display:flex;justify-content:center;padding:0 3.6875rem;text-align:center;word-break:break-word}.empty-upload-container .item-block .main-text{font-size:1.25rem;font-weight:700;line-height:2.125rem;color:#636468;color:var(--register-btn-color);margin:1rem 0 0}.empty-upload-container .item-block .info-text{font-size:1rem;font-weight:400;line-height:1.5rem;color:#97989e;margin-top:.9375rem}.empty-upload-container .item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.hand-hover{cursor:pointer}.v-dialog .theme--light.v-card{background-color:#fff;background-color:var(--white-bg-color);color:rgba(0,0,0,.87)}.v-dialog .v-sheet.v-card:not(.v-sheet--outlined){box-shadow:none}.v-dialog .pub-close-icon{position:absolute;right:10px;width:1.25rem;height:1.25rem;top:15px;cursor:pointer;z-index:999}.v-dialog .pub-title{display:flex;justify-content:center;align-items:center;margin-top:1.4375rem}.v-dialog .pub-title .pub-title-text{font-size:1.375rem;font-weight:700;line-height:2.3125rem;color:#636468}.v-dialog .pub-info-text{margin-top:.3125rem;font-size:1rem;font-weight:400;line-height:1.6875rem;color:#636468!important;color:var(--register-btn-color)!important;text-align:center}.v-dialog .pub-btn-block,.v-dialog .pub-info-text{display:flex;justify-content:center;align-items:center}.v-dialog .pub-btn-block{margin-bottom:1.875rem;margin-top:.625rem}.v-dialog .pub-btn-block button{border-radius:4px;width:5.125rem;height:2.5rem!important;font-size:1.125rem;box-shadow:none;text-transform:capitalize;letter-spacing:0}.v-main__wrap{background-color:#f5f5f5;background-color:var(--page-bg-color)}.avatar-upload-content{border-radius:14px!important}.avatar-upload-content .avatar-uploader{width:200px;height:200px}.avatar-upload-content .avatar-uploader .ant-upload.ant-upload-drag{border:none!important;border-radius:5px;background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important}.avatar-upload-content .avatar-uploader .ant-upload-list-item{display:none!important}.avatar-upload-content .upload-icon{width:6.25rem;margin:0 auto}.avatar-upload-content .upload-text{margin-top:1.25rem}.avatar-upload-content .avatar-upload-info{text-align:center}.avatar-upload-content .avatar-upload-info p{margin-bottom:0}.avatar-upload-content .upload-btn{margin-bottom:1.25rem;color:#fff!important;border-radius:5px;border:none!important;box-shadow:none;text-transform:none!important;letter-spacing:0}.v-menu__content .notice-tabs .tab{padding:.3125rem 0 .625rem;font-size:1rem}.v-menu__content .notice-tabs .tab .classfied-num{top:-.1875rem;left:.3125rem;min-width:25px;min-height:20px}.tab-block{width:100%;display:flex;justify-content:center;margin-top:1.25rem}.tab-block .tabs{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;max-width:75rem;width:75rem}.tab-block .tabs .tab{font-size:1.25rem;font-weight:700;color:#636468;color:var(--register-btn-color);padding:0 1.25rem .75rem;cursor:pointer;white-space:nowrap}.tab-block .tabs .tab-active{border-bottom:4px solid #3e5ff1;color:#3e5ff1!important}.reset-pwd-container h1{font-size:2rem;color:#141414;color:var(--black-title)}.reset-pwd-container .block-1{display:flex;flex-direction:column;align-items:center}.reset-pwd-container .block-1 .p-1{font-size:1.125rem;margin:.75rem 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-2{font-size:1.125rem;margin:.75rem 0 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-3{font-size:1.125rem;margin:0 0 1.375rem;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-4{font-size:1rem;margin:.75rem 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-4 .span-1{cursor:pointer;color:#3e5ff1}.reset-pwd-container .block-1 .input-container-1{display:flex;flex-direction:column}.reset-pwd-container .block-1 .input-container-1 .input-1{width:23.875rem;height:2.75rem;background:#ececec;background:var(--divider-color-1);border-radius:5px;font-size:1rem;font-weight:500;color:#414141;color:var(--user-color);padding:0 .625rem}.reset-pwd-container .block-1 .input-container-1 .input-1:focus{outline:none}.reset-pwd-container .block-1 .input-container-1 .input-gap{margin-top:1.875rem}.reset-pwd-container .block-1 .input-container-1 .input-gap-1{margin-top:.625rem}.reset-pwd-container .block-1 .input-container-1 .email-block{position:relative}.reset-pwd-container .block-1 .input-container-1 .email-block span{position:absolute;right:.5rem;top:.6875rem;cursor:pointer;font-size:1rem;font-weight:500;color:#3e5ff1;z-index:99}.reset-pwd-container .block-1 .btn-1{margin-top:1.875rem;background:#3e5ff1!important;border-radius:20px;font-size:1rem;font-weight:400;color:#fff;line-height:1.6875rem}.reset-pwd-container .block-1 .btn-size-1{width:21.25rem;height:2.5rem!important}.reset-pwd-container .block-1 .btn-size-2{width:13.625rem;height:2.5rem!important}.reset-pwd-container .v-overlay .v-overlay__content{display:flex;flex-direction:column;align-items:center}.notice-container{width:75rem;padding:1.25rem 0}.notice-container .notice-header .bell-img{max-width:1.75rem}.notice-container .notice-header .notice-header-title{margin-left:.9375rem;font-size:1.25rem}.notice-container .notice-content .notice-tab-container{padding:0 1.875rem 0 0}.notice-container .notice-content .notice-tab-container .tabs{position:sticky;top:7.5rem}.notice-container .notice-content .notice-tab-container .tabs .tab{margin-bottom:1.125rem;font-size:1.25rem;cursor:pointer}.notice-container .notice-content .notice-tab-container .tabs .setting-tab{margin-top:18px}.notice-container .notice-content .notice-list-container .v-list{background:#fff;background:var(--white-bg-color)}.notice-container .notice-content .notice-list-container .v-list-item__title .produce-name{font-size:1.125rem;color:#141414;color:var(--black-title-2)}.notice-container .notice-content .notice-list-container .v-list-item__title .notice-date{font-size:.875rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .replied-comment-content{font-size:1rem;color:#141414;color:var(--black-title)}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .comment-content{font-size:1rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .comment-content img{max-width:6.25rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .notice-message-container .info-text{font-size:1rem;color:#949494;color:var(--tag-color)}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .notice-message-container .info-text a{color:#3e5ff1}.notice-container .notice-content .notice-list-container .v-avatar{height:2.8125rem!important;min-width:2.8125rem!important;width:2.8125rem!important}.notice-message-container .info-text{font-size:1rem;color:#949494;color:var(--tag-color);white-space:normal;word-break:break-word}.notice-message-container .info-text a{color:#3e5ff1}.notice-message-container .comment-content{display:block;margin-top:.5rem;padding:.25rem;font-size:1rem;background-color:#f8f8f8;background-color:var(--tag-bg-color);color:#949494;color:var(--tag-color);border-radius:4px;line-height:1.5em;white-space:normal;word-break:break-word}.notice-message-container .comment-content figure,.notice-message-container .comment-content img{max-width:6.25rem}.switch-container .ant-switch-checked{background-color:#3e5ff1}.scrollbar{overflow:auto;float:left;border:none}.scrollbar::-webkit-scrollbar{display:block;width:5px;height:1px}.scrollbar::-webkit-scrollbar-thumb{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #18223e;background:#535353}.scrollbar::-webkit-scrollbar-track{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #101728;background:#ededed}.scrollbar{scrollbar-3d-light-color:initial;scrollbar-highlight-color:initial;scrollbar-face-color:initial;scrollbar-arrow-color:initial;scrollbar-shadow-color:initial;scrollbar-dark-shadow-color:initial;scrollbar-base-color:initial}.forum-content-container{width:75rem;margin-left:auto;margin-right:auto}.forum-content-container-w{width:98.75rem;margin-left:auto;margin-right:auto}.forum-post-container{margin-top:2.5rem;margin-bottom:2.5rem;padding:3.75rem;border-radius:12px;background:#fff;background:var(--white-bg-color)}.forum-post-container .title-row{font-size:1.5rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-post-container .v-input--selection-controls .v-input__control .v-messages{display:none!important}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input{width:20px;height:20px}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .v-icon{height:100%;border:2px solid #636468;border:2px solid var(--register-btn-color);border-radius:50%}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:before{content:"";position:absolute;width:10px;height:10px;background-color:#3e5ff1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:after,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:before,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:after,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .v-input--selection-controls__ripple{display:none}.forum-post-container .radio-label{font-size:1.0625rem;font-weight:700;color:#636468;color:var(--register-btn-color)}.forum-post-container .radio-label-active{color:#3e5ff1!important}.forum-post-container .menu-row{margin-top:.9375rem}.forum-post-container .menu-row .error-text{margin-left:1.0625rem;font-size:1.125rem;color:#e8263a}.forum-post-container .menu-row .forum-menu .menu-select-btn-1{background-color:#fff!important;background-color:var(--post-menu-bg-color)!important}.forum-post-container .input-title{margin-top:1.875rem;margin-bottom:.5rem}.forum-post-container .forum-input{padding:0 10px;height:3rem;font-size:1rem;color:#636468;color:var(--register-btn-color);outline:none}.forum-post-container .forum-editor-container,.forum-post-container .forum-input{width:100%;border-radius:4px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color)}.forum-post-container .forum-editor-container{margin-top:1.25rem}.forum-post-container .forum-tag-input-container .tag-block{padding:0 .3125rem;height:3rem;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);border-radius:4px}.forum-post-container .forum-tag-input-container .tag-block .chip-block{flex:none}.forum-post-container .forum-tag-input-container .tag-block .chip-block .v-chip{background:#e0e0e0;display:flex;align-items:center;padding:0 .625rem;margin-right:5px;height:2rem;border-radius:16px}.forum-post-container .forum-tag-input-container .tag-block .input-block{width:100%}.forum-post-container .forum-tag-input-container .tag-block .input-block input{width:100%;height:3rem;padding-left:.3125rem;color:#636468;color:var(--register-btn-color);outline:none}.forum-post-container .forum-tag-input-container .rec-tag-block{margin-top:.3125rem}.forum-post-container .forum-tag-input-container .rec-tag-block .rec-title{font-size:1.125rem;color:#4f525e;color:var(--preset-title-color);margin-right:.9375rem}.forum-post-container .forum-tag-input-container .rec-tag-block .rec-tag{margin-right:.625rem;padding:.1875rem .625rem;font-size:.875rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px}.forum-post-container .forum-tag-input-container .rec-tag-block div{margin-top:.3125rem}.forum-post-container .btns-row{text-align:right;margin-top:1.25rem}.forum-post-container .btns-row .cancel-btn{border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-post-container .btns-row .draft-btn{border:1px solid #3e5ff1;color:#3e5ff1;background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-post-container .btns-row .submit-btn{color:#fff}.forum-post-container .btns-row .v-btn{border-radius:6px;font-size:1rem;height:2.4375rem}.forum-menu .menu-select-btn-1{height:2.75rem!important;font-size:1.125rem;border-radius:6px;color:#88898d;color:var(--filter-btn-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);background-color:#f5f5f5;background-color:var(--filter-btn-bg-color)}.forum-menu .menu-select-btn-1 .item-name{padding-left:.3125rem;text-align:left}.forum-menu .menu-select-btn-1 .item-name,.forum-menu .menu-select-btn-1 .v-icon{color:#88898d;color:var(--filter-btn-color)}.forum-menu .menu-select-btn-error{border:1px solid #e8263a!important}.forum-product-menu .menu-select-btn{width:15.625rem}.forum-product-menu .menu-select-btn .item-name{width:13.125rem;text-overflow:ellipsis;overflow:hidden}.discussion-type-menu .menu-select-btn{width:15.3125rem}.discussion-type-menu .menu-select-btn .item-name{width:12.8125rem;text-overflow:ellipsis;overflow:hidden}.discussion-type-menu .menu-select-btn .item-name .list-dot{display:inline-block;width:.75rem;height:.75rem;margin-right:.1875rem;border-radius:4px}.forum-banner-container{position:relative}.forum-banner-container .banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.forum-banner-container .banner-text p{font-size:1rem}.forum-banner-container .banner-text .post-btn{color:#fff;font-size:1rem}.forum-index-discussion-type-container{margin-top:1rem}.forum-index-discussion-type-container .discussion-type{margin-top:1.25rem}.forum-index-discussion-type-container .discussion-sub-type{width:23.75rem;max-width:23.75rem;padding:1.25rem 1.875rem;margin-top:1.25rem;border-radius:8px;background:#fff;background:var(--white-bg-color)}.forum-index-discussion-type-container .discussion-sub-type .sub-type-badge-icon{position:relative;min-width:6.25rem;max-width:6.25rem;height:6.25rem;border-radius:50%;flex-grow:0}.forum-index-discussion-type-container .discussion-sub-type .sub-type-badge-icon img{width:5.625rem}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info{margin-left:1.25rem;text-align:center}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .index-sub-type-name{font-size:1.25rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .sub-type-desc{font-size:1rem;line-height:1.125rem;color:#88898d;color:var(--filter-tag-color)}.forum-index-discussion-type-container .discussion-sub-type-layout:after{content:"";display:block;width:23.75rem;height:100%}.forum-index-discussion-type-container .discussion-sub-type:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-index-discussion-type-container .data-title,.forum-index-discussions-container .data-title,.forum-index-rank-container .data-title{font-size:1.125rem;color:#4f525e;color:var(--preset-title-color);font-weight:700}.forum-index-discussion-type-container .learn-more,.forum-index-discussions-container .learn-more,.forum-index-rank-container .learn-more{color:#3e5ff1!important}.forum-index-discussion-type-container .learn-more .v-icon,.forum-index-discussions-container .learn-more .v-icon,.forum-index-rank-container .learn-more .v-icon{font-size:1.5rem}.forum-index-discussion-type-container .learn-more span,.forum-index-discussions-container .learn-more span,.forum-index-rank-container .learn-more span{display:inline-block;margin-right:-.625rem}.forum-index-container .forum-content-container-w .index-flex-left{width:73.375rem}.forum-index-container .forum-content-container-w .index-flex-right{width:24.125rem}.forum-index-discussions-container{margin-top:1.25rem}.forum-index-discussions-container .index-discussion{width:100%;margin-bottom:1.25rem;padding:.625rem 1.25rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-index-discussions-container .index-discussion .discussion-theme{width:37.5rem;font-size:1.125rem}.forum-index-discussions-container .index-discussion .discussion-desc{margin:0 0 .3125rem;font-size:.9375rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex{display:flex;align-items:center}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data{display:flex;align-items:center;margin-right:1.5625rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data img{width:1rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data span{padding-left:.25rem;font-size:1rem;color:#97989e;color:var(--preset-list-desc-color)}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-date{font-size:1rem;color:#8c8f9f;color:var(--date-color)}.forum-index-discussions-container .index-discussion:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-index-rank-container{position:sticky;top:7.25rem;margin-top:1rem}.forum-index-rank-container .index-post-btn{height:2.75rem!important;width:100%;font-size:1rem;color:#fff;margin-bottom:.75rem}.forum-index-rank-container .rank-content{padding:1.125rem 1.4375rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-index-rank-container .rank-content .blue-divider{width:.1875rem;height:1.1875rem;background:#3e5ff1;border-radius:23px}.forum-index-rank-container .rank-content .rank-title{margin-left:6px;font-size:20px;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-index-rank-container .discussions{padding:.625rem 0 .8125rem;border-bottom:1px solid #ececec;border-bottom:1px solid var(--divider-color-3)}.forum-index-rank-container .discussions img{width:1.125rem}.forum-index-rank-container .discussions span{padding-left:.25rem;font-size:1rem;color:#97989e;color:var(--preset-list-desc-color)}.forum-index-rank-container .discussions .rank-discussion-theme{margin-bottom:.3125rem;font-size:1rem;line-height:1.375rem;color:#97989e;color:var(--preset-list-desc-color);word-break:break-word}.forum-index-rank-container .hot-tags .hot-tag{margin-right:.625rem;margin-bottom:.625rem;padding:.3125rem .625rem;font-size:.875rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px}.forum-discussion-menu{position:sticky;top:7.5rem;align-self:flex-start;flex-grow:1;margin-top:2.5rem}.forum-discussion-menu .post-btn{width:15rem;height:2.75rem!important;font-size:1.125rem;color:#fff;border-radius:6px}.forum-discussion-menu .menu-opt-container{padding-left:1.8125rem}.forum-discussion-menu .menu-opt-container .menu-opt{font-size:1.25rem;color:#4f525e;color:var(--preset-title-color);font-weight:700}.forum-discussion-menu .menu-opt-container .menu-opt .menu-sub-opt{padding-left:1.25rem;font-size:1.125rem;line-height:2.125rem;color:#88898d;color:var(--filter-btn-color);font-weight:400}.forum-discussion-list-container{width:80.625rem;margin-top:2.5rem;padding-bottom:20px}.forum-discussion-list-container .keyword-input-container{position:relative;margin-left:0}.forum-discussion-list-container .keyword-input-container input{width:62rem;height:2.75rem;padding:0 .3125rem;background:#fcfcfc;background:var(--header-bg-color);color:#636468;color:var(--register-btn-color);border-radius:6px;outline:none}.forum-discussion-list-container .keyword-input-container img{position:absolute;height:1.5rem;left:.3125rem;top:.625rem}.forum-discussion-list-container .mobile-sort-menu{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .mobile-sort-menu .menu-select-btn{padding:0 .3125rem}.forum-discussion-list-container .mobile-sort-menu .menu-select-btn .item-name{padding-right:.75rem}.forum-discussion-list-container .search-results-text{font-size:1rem;margin-top:.9375rem;color:#636468;color:var(--register-btn-color)}.forum-discussion-list-container .main-sorter{margin-top:.9375rem}.forum-discussion-list-container .main-sorter div{margin-right:.9375rem}.forum-discussion-list-container .main-sorter .active{padding:.3125rem .875rem;color:#3e5ff1;background:#d0d7f4;border-radius:129px}.forum-discussion-list-container .sub-sorter{color:#88898d;color:var(--filter-btn-color);margin:1.875rem 0 1.5625rem;padding:0 1.3125rem 0 0}.forum-discussion-list-container .sub-sorter .forum-sorter-menu{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn{width:15.3125rem}.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn .item-name{width:12.8125rem;text-overflow:ellipsis;overflow:hidden}.forum-discussion-list-container .sub-sorter .sub-sorter-item{display:flex;align-items:center}.forum-discussion-list-container .sub-sorter .sub-sorter-item span{font-size:1rem}.forum-discussion-list-container .product-flex{max-width:13%;flex-basis:13%;flex-grow:0}.forum-discussion-list-container .sub-type-flex{display:flex;align-items:baseline;max-width:12%;flex-basis:12%;flex-grow:0}.forum-discussion-list-container .theme-flex{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .reply-flex,.forum-discussion-list-container .view-flex{max-width:8%;flex-basis:8%;flex-grow:0}.forum-discussion-list-container .last-comment-flex{width:auto;flex-grow:1}.forum-discussion-list-container .discussion{position:relative;width:100%;margin-bottom:.625rem;padding:.9375rem 1.3125rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-discussion-list-container .discussion .discussion-header img{width:1.25rem;margin-right:.625rem}.forum-discussion-list-container .discussion .info-discussion-container{position:relative;padding:.9375rem 1.3125rem}.forum-discussion-list-container .discussion .info-discussion-container .custom-mask{border-radius:6px}.forum-discussion-list-container .discussion .info-discussion-container .absulote-center span{color:#fff;font-size:1.25rem;font-weight:700}.forum-discussion-list-container .discussion .deleted-info-row{padding:.9375rem 1.3125rem}.forum-discussion-list-container .discussion .deleted-info-row .reason-flex span{font-size:1rem;color:#ee4545;word-break:break-word}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex{display:flex;justify-content:flex-end}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex .v-btn{height:2.3125rem;font-size:1rem;border-radius:6px}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex button:first-child{color:#636468!important;color:var(--register-btn-color)!important;background-color:#f3f3f3;background-color:var(--register-btn-bg-color)}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex button:nth-child(2){color:#3e5ff1!important;border:1px solid #3e5ff1;background-color:#fcfcfc!important;background-color:var(--header-bg-color)!important;margin-left:1.25rem}.forum-discussion-list-container .discussion .play-menu{position:absolute;top:1.1875rem;right:1.3125rem}.forum-discussion-list-container .discussion .discussion-main-content{margin-top:.625rem}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info{display:flex;align-items:center}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .essence{padding:0 .25rem;margin-right:.3125rem;border:1px solid #3e5ff1;border-radius:6px;font-size:1rem;color:#3e5ff1;line-height:1.5rem;word-break:keep-all}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .discussion-theme{padding-right:.3125rem;margin-bottom:0}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .discussion-des{margin-top:.3125rem}.forum-discussion-list-container .discussion .discussion-main-content .reply-users{display:flex;padding:0 15%}.forum-discussion-list-container .discussion .discussion-main-content .reply-users .avatar{width:2.25rem;height:2.25rem;line-height:2.25rem;font-size:1.0625rem}.forum-discussion-list-container .discussion .discussion-main-content .reply-users .reply-users-margin-right{margin-right:5px}.forum-discussion-list-container .discussion .discussion-main-content .stat-data{font-size:.9375rem;color:#8c8f9f;color:var(--date-color)}.forum-discussion-list-container .discussion .discussion-tags div{margin:.25rem .625rem 0 0;padding:.125rem .5rem;font-size:1rem;line-height:1.5rem;color:#949494;color:var(--tag-color);background-color:#f8f8f8;background-color:var(--tag-bg-color);border-radius:4px}.forum-discussion-list-container .discussion .reply-block{margin-top:.9375rem;padding:.875rem;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;color:#88898d;color:var(--filter-btn-color);font-size:1.0625rem}.forum-discussion-list-container .discussion .reply-block .reply-symbol{word-break:keep-all}.forum-discussion-list-container .discussion .reply-block .reply-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.forum-discussion-list-container .discussion:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-discussion-list-container .info-menu{width:11.875rem}.forum-discussion-list-container .info-menu .info-menu-btn{padding:.375rem}.forum-discussion-list-container .info-menu .info-menu-btn .item-name{width:9.6875rem}.forum-sorter-container{height:1.25rem;margin-left:.3125rem}.forum-sorter-container .sorter{width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-radius:3px;cursor:pointer}.forum-sorter-container .asc-sorter{border-bottom:.5rem solid #d0d7f4}.forum-sorter-container .desc-sorter{border-top:.5rem solid #d0d7f4}.forum-sorter-container .asc-sorter-active{border-bottom-color:#3e5ff1}.forum-sorter-container .desc-sorter-active{border-top-color:#3e5ff1}.forum-discussion-detail-container{margin:.625rem 0;padding:2.3125rem 2.8125rem 2.9375rem;background:#fff;background:var(--white-bg-color);border-radius:12px}.forum-discussion-detail-container .mobile-product-name{font-size:.875rem}.forum-discussion-detail-container .discussion-badge{margin-left:1.25rem}.forum-discussion-detail-container .discussion-user-row{position:relative}.forum-discussion-detail-container .discussion-user-row .discussion-date{position:absolute;right:0}.forum-discussion-detail-container .discussion-user-row .forum-user-menu .discussion-date{position:relative;line-height:1em}.forum-discussion-detail-container .discussion-initiator{height:1.875rem;margin-left:.625rem;padding:.3125rem .5rem;color:#3e5ff1;border:1px solid #3e5ff1;line-height:1.125rem;font-size:1rem;border-radius:4px}.forum-discussion-detail-container .discussion-content{font-size:1rem;word-break:break-word;color:#4f525e;color:var(--preset-title-color)}.forum-discussion-detail-container .discussion-content img{max-width:100%}.forum-discussion-detail-container .discussion-reply img{width:6.25rem}.forum-discussion-detail-container .discussion-reply .reply-content-editor-outer .forum-reply-content-dialog{width:96%}.forum-discussion-detail-container .discussion-reply .reply-content-editor-outer .forum-reply-content-dialog .v-card .outer-editor-container .content-editor{height:7.1875rem}.forum-discussion-detail-container .discussion-opt-row{margin-top:1.5625rem;justify-content:flex-start}.forum-discussion-detail-container .discussion-opt-row div{display:flex;align-items:center}.forum-discussion-detail-container .discussion-opt-row div img{width:1.4375rem;margin-right:.5rem}.forum-discussion-detail-container .discussion-opt-row div span{color:#4f525e;color:var(--preset-title-color);font-size:1rem}.forum-discussion-detail-container .main-reply-content-editor-outer{margin-top:1.5625rem;padding:.9375rem .9375rem 5rem;background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:8px}.forum-discussion-detail-container .main-reply-content-editor-outer .forum-reply-content-dialog{margin-top:0}.parent-reply-content .reply-label{min-width:2.8125rem;max-width:2.8125rem;padding-top:.5rem;font-size:.9375rem;color:#707070;color:var(--feedbcak-color)}.parent-reply-content .parent-reply-outer{padding:.5rem;background:#f3f3f3;background:var(--register-btn-bg-color);border-radius:8px;flex-grow:1}.parent-reply-content .parent-reply-outer .parent-reply{font-size:.9375rem;color:#414141;color:var(--user-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.forum-reply-content-dialog{margin:1.25rem 0}.forum-reply-content-dialog .v-card{border-radius:8px;border:1px solid #ececec!important;border:1px solid var(--divider-color-3)!important;box-shadow:none!important;background:#fff;background:var(--white-bg-color)}.forum-reply-content-dialog .v-card .editor-toolbar{margin:.5rem .9375rem 0;padding-bottom:.5rem;border-bottom:1px solid #ececec;border-bottom:1px solid var(--divider-color-3);border-radius:0}.forum-reply-content-dialog .v-card .editor-toolbar .img-input-caontainer{margin-left:5px}.forum-reply-content-dialog .v-card .parent-reply-content{padding:.5rem .9375rem}.forum-reply-content-dialog .v-card .outer-editor-container .content-editor{height:180px;margin:.5rem .9375rem;color:#636468!important;color:var(--register-btn-color)!important}.forum-reply-content-dialog .v-card .inner-editor-container{display:flex;align-items:center;justify-content:space-between;width:75%}.forum-reply-content-dialog .v-card .inner-editor-container .content-editor{flex-basis:90%;max-width:90%;min-height:40px;margin:.5rem 0;padding:.625rem;flex-grow:1;border:1px solid #d5d5d5!important}.forum-reply-content-dialog .v-card .content-editor{outline:none;overflow-y:scroll;font-size:1rem;line-height:1.5rem}.forum-reply-content-dialog .v-card .content-editor img{width:5.625rem}.forum-reply-content-dialog .v-card .v-icon{color:#4f525e;font-size:1.875rem}.forum-reply-content-dialog .reply-editor-btn{min-width:5.5rem!important;height:2.75rem!important;float:right;margin-top:.9375rem;font-size:1.125rem!important;border-radius:6px}.forum-reply-content-dialog .send-btn{color:#fff!important}.forum-reply-content-dialog .cancel-btn{margin-right:1.25rem;border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-breadcrumb-container .v-breadcrumbs{padding-left:0}.forum-breadcrumb-container .v-breadcrumbs li .v-breadcrumbs__item{font-size:1.125rem;font-weight:700;color:#3e5ff1}.forum-breadcrumb-container .v-breadcrumbs li .v-breadcrumbs__item--disabled{color:#8c8f9f;color:var(--date-color)}.forum-breadcrumb-container .v-breadcrumbs .v-breadcrumbs__divider{padding:0}.forum-breadcrumb-container .v-breadcrumbs .v-breadcrumbs__divider .v-icon{font-size:1.375rem;color:#8c8f9f;color:var(--date-color)}.forum-img-view-container img{max-width:75rem}.avatar-circle-with-border{width:1.875rem;height:1.875rem;background-size:contain!important;font-size:.875rem;line-height:1.875rem}.avatar{border-radius:50%!important;color:#fff;font-weight:700;text-align:center}.discussion-user-name{margin-left:.75rem;font-size:.9375rem;font-weight:700;color:#414141;color:var(--user-color)}.discussion-date{margin-left:.75rem;font-size:1rem;color:#8c8f9f;color:var(--date-color)}.discussion-product{font-size:.875rem}.discussion-badge{width:.75rem;height:.75rem;border-radius:4px}.sub-type-name{margin-left:.3125rem;font-size:.875rem;line-height:1.75rem}.discussion-theme,.sub-type-name{font-weight:700;color:#4f525e;color:var(--preset-title-color)}.discussion-theme{font-size:1.125rem;word-break:break-word;-webkit-line-clamp:1}.discussion-desc,.discussion-theme{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.discussion-desc{font-size:.9375rem;color:#88898d;color:var(--filter-btn-color);line-height:1.5rem;-webkit-line-clamp:3}.margin-top-5{margin-top:.3125rem}.margin-top-8{margin-top:.5rem}.margin-top-12{margin-top:.75rem}.margin-top-15{margin-top:.9375rem}.margin-top-20{margin-top:1.25rem}.margin-top-25{margin-top:1.5625rem}.margin-top-30{margin-top:1.875rem}.margin-top-35{margin-top:2.1875rem}.margin-left-25{margin-left:1.5625rem}.margin-left-40{margin-left:2.5rem}.margin-left-65{margin-left:4.0625rem}.margin-right-5{margin-right:.3125rem}.v-menu__content .forum-user-card{width:15.9375rem;padding:1.875rem .8125rem .875rem;text-align:center}.v-menu__content .forum-user-card .avatar-circle-with-border{margin:0 auto}.v-menu__content .forum-user-card .discussion-user-name{margin-top:.4375rem;word-break:break-all;text-align:center}.v-menu__content .forum-user-card .focus-btn{min-width:5.625rem;margin-top:.875rem;padding:.3125rem .5rem;color:#fff;font-size:1rem;line-height:1.625rem;border-radius:3px}.v-menu__content .forum-user-card .focused{color:#fff!important;color:var(--info-focus-color)!important;background:#d1d2d4!important;background:var(--filter-tag-bd-color)!important}.v-menu__content .forum-user-card .focused .focused-hover-span{display:none}.v-menu__content .forum-user-card .msg-btn{color:#8c8f9f!important;color:var(--date-color)!important;border:1px solid #8c8f9f!important;border:1px solid var(--date-color)!important}.v-menu__content .forum-user-card .msg-btn img{width:1.125rem;margin-right:.3125rem}.v-menu__content .forum-user-card .focused:hover .focused-non-hover-span{display:none}.v-menu__content .forum-user-card .focused:hover .focused-hover-span{display:inline!important}.v-menu__content .forum-user-card .loading{height:11.75rem}.v-menu__content .forum-user-card .loading .circular-loading-container{height:100%}.v-menu__content .forum-user-card .loading .circular-loading-container .circular-container{height:100%;margin-top:0!important;flex-direction:column;align-items:center}.v-menu__content .forum-user-card .forum-stat .num{font-size:1.375rem;color:#4f525e;color:var(--preset-title-color)}.v-menu__content .forum-user-card .forum-stat .stat-title,.v-menu__content .forum-user-card .join-time{font-size:.875rem;color:#4f525e;color:var(--preset-title-color)}.forum-delete-modal{padding:0 1.25rem 1.25rem}.forum-delete-modal .radio-container{margin-top:.625rem;padding:.625rem 1.25rem;border-radius:8px;background-color:#f5f5f5;background-color:var(--page-bg-color)}.forum-delete-modal .radio-container .v-input--selection-controls{margin-top:8px;padding-top:0}.forum-delete-modal .radio-container .v-input--selection-controls .v-input__control .v-messages{display:none!important}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input{width:20px;height:20px}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .v-icon{height:100%;border:2px solid #636468;border:2px solid var(--register-btn-color);border-radius:50%}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:before{content:"";position:absolute;width:10px;height:10px;background-color:#3e5ff1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:after,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:before,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:after,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .v-input--selection-controls__ripple{display:none}.forum-delete-modal .cancel-btn{border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important;font-size:1rem}.forum-delete-modal .delete-btn{color:#fff;font-size:1rem}.forum-delete-modal textarea{width:100%;height:6.25rem;padding:.3125rem;font-size:1rem;border-radius:8px;background-color:#fff;background-color:var(--white-bg-color);color:#4f525e;color:var(--preset-title-color)}.absulote-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-user-menu__content .forum-user-card{background:#fff;background:var(--white-bg-color)}.custom-mask{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity:.3}}@media only screen and (max-width:1920px){html{font-size:16px!important}html body{margin:0 auto;max-width:100%;background:#fafafa}html body .v-application .v-menu__content{background-color:#fff;background-color:var(--menu-bg-color);box-shadow:0 2px 20px rgba(0,0,0,.25);border-radius:6px;scrollbar-color:#f3f3f3 transparent;scrollbar-color:var(--register-btn-bg-color) transparent;scrollbar-width:thin}html body .v-application .v-menu__content .v-list{background:transparent!important}html body .v-application .v-menu__content::-webkit-scrollbar{width:4px}html body .v-application .v-menu__content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#f3f3f3;background:var(--register-btn-bg-color)}html body .v-application .v-menu__content::-webkit-scrollbar-track{border-radius:0;background:transparent}html body .v-application .v-menu__content--fixed{box-shadow:0 2px 20px rgba(0,0,0,.25);border-radius:6px}html body .style_check-box{height:2.1875rem!important}html body .style_check-box .v-input--checkbox .v-input__control .v-input__slot .mdi-checkbox-blank-outline:before,html body .style_check-box .v-input--checkbox .v-input__control .v-input__slot label{color:#88898d!important}html body .v-dialog{background-color:#fff;background-color:var(--white-bg-color);position:relative;border-radius:14px!important}html body .v-dialog .close-icon{position:absolute;right:10px;width:1.25rem;height:1.25rem;top:15px;cursor:pointer}html body .v-dialog .modal-title{display:flex;justify-content:center;align-items:center;margin-top:2.5rem}html body .v-dialog .icon-1{width:2rem;height:2rem;border-radius:50%;display:flex;justify-content:center;align-items:center}html body .v-dialog .failure-icon{background:#e54e4e;position:relative}html body .v-dialog .failure-icon:before{transform:translate(-50%,-50%) rotate(45deg)}html body .v-dialog .failure-icon:after,html body .v-dialog .failure-icon:before{content:"";display:block;width:1.125rem;height:.125rem;background:#fff;position:absolute;top:50%;left:50%}html body .v-dialog .failure-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}html body .v-dialog .success-icon:before{content:"";display:block;width:.875rem;height:.625rem;border:2px solid #fff;border-top:none;border-right:none;transform:rotate(-45deg) translate(.125rem,-.125rem)}html body .v-dialog .success-icon{background:#3e5ff1}html body .v-dialog .title-text{display:inline-block;font-size:1.375rem;font-weight:700;color:#636468;color:var(--register-btn-color);margin-left:.5rem}html body .v-dialog .info-text{font-size:1rem;font-weight:400;line-height:1.6875rem;color:#636468;color:var(--register-btn-color)}html body .v-dialog .btn-block,html body .v-dialog .info-text{margin-top:1.5rem;display:flex;justify-content:center;align-items:center}html body .v-dialog .btn-block{margin-bottom:1.875rem}html body .v-dialog .btn-block button{border-radius:4px;width:7rem;height:2.5rem!important;font-size:1.125rem;box-shadow:none;text-transform:capitalize;letter-spacing:0}html body .v-dialog .btn-block .btn-left{font-weight:400;background:#3e5ff1;color:#fff}html body .v-dialog .btn-block .btn-right{font-weight:700;background:#fff;background:var(--white-bg-color);color:#4f525e;color:var(--preset-title-color);margin-left:1.875rem}html #preset-container{width:100%;margin:0 auto 1.25rem;padding:.75rem 0 0;width:75rem}html #preset-container input:-moz-placeholder,html #preset-container input::-moz-placeholder,html #preset-container textarea:-moz-placeholder,html #preset-container textarea::-moz-placeholder{color:#52545b;font-weight:400}html #preset-container input::-webkit-input-placeholder,html #preset-container textarea::-webkit-input-placeholder{color:#52545b;font-weight:400}html #preset-container .content-container{padding:.625rem;margin:1.25rem auto 3.125rem;max-width:76.125rem}html #preset-container .content-container .use-profile{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}html #preset-container .content-container .use-profile .profile-title1{font-size:1.5rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:2.5625rem;margin-bottom:0;padding-right:2.75rem}html #preset-container .content-container .use-profile .profile-title2{font-size:1.25rem;font-weight:400;color:#141414!important;color:var(--black-title-2)!important;line-height:1.5rem;margin-bottom:0}html #preset-container .content-container .file-upload-block{margin-top:1.25rem}html #preset-container .content-container .file-upload-block .ant-upload{border-radius:20px;background-color:transparent;border-width:2px;border-color:#b5b5b5!important}html #preset-container .content-container .file-upload-block .ant-upload-list{display:none;flex-wrap:wrap}html #preset-container .content-container .file-upload-block .ant-upload-list div{width:20%}html #preset-container .content-container .file-upload-block .ant-upload-list div .ant-upload-list-item,html #preset-container .content-container .file-upload-block .ant-upload-list div .ant-upload-list-item .ant-upload-list-item-info{width:95%}html #preset-container .content-container .file-upload-block .file-upload-info{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;margin-left:2.375rem;max-width:80%;text-align:left}html #preset-container .content-container .ant-upload-drag-icon{margin-bottom:.9375rem;margin-left:1.375rem;height:2.6875rem}html #preset-container .content-container .ant-upload-drag-icon li{font-size:2.6875rem}html #preset-container .content-container .ant-upload-drag-icon .anticon-cloud-upload svg{fill:#707070;fill:var(--feedbcak-color)}html #preset-container .content-container .ant-upload-text{font-size:1.3125rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:2.5625rem;margin-bottom:0}html #preset-container .content-container .ant-upload-text-s{font-size:1.25rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:1.3125rem;margin-bottom:0}html #preset-container .content-container .file-block{margin-top:.9375rem;padding:.625rem 0;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:10px}html #preset-container .content-container .file-block ul{padding:0 .9375rem}html #preset-container .content-container .file-block ul .file-list{list-style:none;cursor:pointer}html #preset-container .content-container .file-block ul .file-list .file-item{display:flex;align-items:center;justify-content:space-between}html #preset-container .content-container .file-block ul .file-list .file-item span{font-size:1.25rem;width:30%;line-height:2.5rem}html #preset-container .content-container .file-block ul .file-list .file-item .name{margin-left:.9375rem;font-weight:700;color:#404040;color:var(--preset-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .content-container .file-block ul .file-list .file-item .size{font-size:400;color:#404040;color:var(--preset-text-color)}html #preset-container .content-container .file-block ul .file-list .file-item .delete-icon{color:#404040;color:var(--preset-text-color);height:1.25rem;margin-right:.9375rem}html #preset-container .content-container .file-block ul .file-list:hover{background:var(--preset-select-bg-color);border-radius:5px}html #preset-container .content-container .file-block .file-upload-block-2{padding:0 .9375rem .9375rem;margin-top:.9375rem}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload{border-radius:5px;background-color:#fbfbfb;background-color:var(--file-list-bg-color);border-width:1px;border-color:#1753e1!important}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload .ant-upload-btn{padding:.5rem 0}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload .ant-upload-text-2{font-size:1.25rem;font-weight:400;color:#1753e1}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload-list{display:none!important}html #preset-container .content-container .red-star{color:red}html #preset-container .content-container .select-product{width:100%;padding:2.6875rem 5.625rem 2.5rem 3.125rem;margin-top:2.5rem;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:27px}html #preset-container .content-container .select-product h4{font-size:1.5rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:2.5625rem;margin-bottom:0}html #preset-container .content-container .select-product .product-check-show{display:flex;justify-content:flex-start;align-items:center}html #preset-container .content-container .select-product .product-check-show .show-label{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}html #preset-container .content-container .select-product .product-check-show .lable-item{display:flex;justify-content:flex-start;align-items:center;padding:0 2.6875rem 1.875rem 0}html #preset-container .content-container .select-product .product-check-show .lable-item .ant-form-item{margin-bottom:0}html #preset-container .content-container .select-product .product-check-show .lable-item p{font-size:1.25rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:2.125rem;margin:0 .3125rem 0 0;width:5.375rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-style{max-width:12.5rem!important}html #preset-container .content-container .select-product .product-check-show .lable-item .v-input__control{height:2.375rem;border-radius:5px}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn{width:14.6875rem;height:2.5rem;color:#404040;color:var(--preset-text-color);background-size:8%;padding:0 .5rem;justify-content:flex-start;border-radius:5px}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content{font-size:1rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content span{text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:12.5rem;text-align:left;display:inline-block!important}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content i{position:absolute;right:0;font-size:1rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn-bg-light{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll var(--preset-select-bg-color) 98%}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn-bg-dark{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll var(--preset-select-bg-color) 98%}html #preset-container .content-container .select-product .product-check-show .product-image{width:14.375rem;height:8.125rem}html #preset-container .content-container .select-product .product-check-show .product-image img{width:100%;height:auto}html #preset-container .content-container .select-product .no-product-margin{margin-top:1.25rem!important}html #preset-container .content-container .select-product .preset-match{width:100%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}html #preset-container .content-container .select-product .preset-match p:first-child{font-size:1.5rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:2.5625rem;margin-bottom:0}html #preset-container .content-container .select-product .preset-match p:nth-child(2){font-size:1.5rem;font-weight:700;color:#818181!important;line-height:2.5625rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-left:1.875rem}html #preset-container .content-container .content-form{width:100%;margin-top:.9375rem}html #preset-container .content-container .content-form .v-row-height{margin-top:2.1875rem}html #preset-container .content-container .content-form .form-title{display:flex;align-items:baseline}html #preset-container .content-container .content-form .form-title .word-count{display:inline-block;margin-left:1.25rem;color:#141414;color:var(--black-title)}html #preset-container .content-container .content-form .form-label{font-size:1.5rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:2.5625rem;margin-bottom:5px;white-space:pre}html #preset-container .content-container .content-form .form-label .question{width:1.75rem;height:1.75rem;font-size:1.25rem;font-weight:400;color:#777!important;line-height:1.75rem;margin-bottom:0;background:#e5e5e5;border-radius:50%;display:inline-block;margin-left:1.25rem;text-align:center}html #preset-container .content-container .content-form .form-label .text{font-size:1.25rem;font-weight:400;color:#3e5ff1!important;line-height:1.5rem;margin-bottom:0;margin-left:2.625rem}html #preset-container .content-container .content-form .form-label .text:hover{color:#4c6cfb!important}html #preset-container .content-container .content-form .form-tip{font-size:1.25rem;font-weight:400;color:#777!important;line-height:1.25rem;margin-bottom:0;margin-left:20px}html #preset-container .content-container .content-form .cover-container{margin:.625rem 0;border-radius:10px!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container{min-width:330px;max-width:330px;height:250px}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .ant-upload.ant-upload-drag{border:none!important;border-radius:5px;background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .ant-upload-list-item{display:none!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .upload-icon{width:4.9375rem;margin:0 auto}html #preset-container .content-container .content-form .cover-container .cropper-container{max-width:330px;height:250px;position:relative}html #preset-container .content-container .content-form .cover-container .cropper-container .delete-icon{color:#404040;color:var(--preset-text-color);position:absolute;top:-8px;right:-17px;cursor:pointer}html #preset-container .content-container .content-form .cover-container .upload-controller{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:5.0625rem;width:90%}html #preset-container .content-container .content-form .cover-container .upload-controller .controller-tip{font-size:1.25rem;font-weight:400;color:#b9b9b9!important;line-height:1.25rem;margin-bottom:0}html #preset-container .content-container .content-form .cover-container .upload-controller .slider-container{max-height:2.5rem;width:90%}html #preset-container .content-container .content-form .cover-container .upload-controller .slider-container .slider{width:100%;height:35px}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container{max-height:2.25rem;width:100%}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .v-btn{box-shadow:none;border-radius:10px}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .upload-btn{color:#fff}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .reset-btn{color:#8c8f9f}html #preset-container .content-container .content-form .uploaded-cover-conatiner{width:300px;height:200px;position:relative}html #preset-container .content-container .content-form .uploaded-cover-conatiner .delete-icon{color:#404040;color:var(--preset-text-color);position:absolute;top:-8px;right:-17px;cursor:pointer}html #preset-container .content-container .content-form .media-margin{margin-top:1.25rem}html #preset-container .content-container .content-form .hint-tips{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:-.75rem;margin-bottom:1.5625rem;padding-left:.75rem}html #preset-container .content-container .content-form .hint-tips-1{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:.6875rem;margin-bottom:1.5625rem;padding-left:.75rem;font-size:.875rem!important}html #preset-container .content-container .content-form .tag-block{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;height:3.5rem;background-color:#e5e5e5;background-color:var(--preset-input-bg-color);width:100%;border-radius:5px}html #preset-container .content-container .content-form .tag-block .chip-block{height:3.5rem;line-height:3.5rem;display:flex;align-items:center}html #preset-container .content-container .content-form .tag-block .chip-block span{margin-left:.3125rem}html #preset-container .content-container .content-form .tag-block .chip-block span i{font-size:1rem;padding-bottom:1px;cursor:pointer}html #preset-container .content-container .content-form .tag-block .chip-block span i:hover{color:#3e5ff1!important}html #preset-container .content-container .content-form .tag-block .chip-block .v-chip{align-items:center;display:inline-flex;line-height:2.1875rem;max-width:100%;outline:none;overflow:hidden;padding:0 .75rem;position:relative;text-decoration:none;transition-duration:.28s;transition-property:box-shadow,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);vertical-align:middle;white-space:nowrap;border-radius:20px;background:#e0e0e0;margin-right:.3125rem}html #preset-container .content-container .content-form .tag-block .content-padding{padding-left:1.5rem}html #preset-container .content-container .content-form .tag-block .input-block{height:3.5rem;width:100%;background-color:#fbfbfb;background-color:var(--file-list-bg-color);border-radius:5px}html #preset-container .content-container .content-form .tag-block .input-block .tag-input{width:100%;height:3.5rem;padding:0 1.5rem;font-size:1.25rem;color:#404040;color:var(--preset-text-color);background-color:#e5e5e5;background-color:var(--preset-input-bg-color);border-radius:5px}html #preset-container .content-container .content-form .tag-block .input-block .tag-input:focus{outline:none}html #preset-container .content-container .content-form .v-select__selections{font-size:1.25rem;font-weight:400;color:#6e6e6e!important;line-height:1.5rem;margin-bottom:0}html #preset-container .content-container .content-form .row{display:block}html #preset-container .content-container .content-form .row .hint-tips{margin-top:-.5rem}html #preset-container .content-container .content-form .row .hint-tips .v-messages__wrapper .v-messages__message{font-size:.875rem!important}html #preset-container .content-container .content-form .row .style-tip{margin-top:1rem!important}html #preset-container .content-container .content-form .row .v-input .v-input__control .v-text-field__details{margin-top:.4375rem!important}html #preset-container .content-container .content-form .row .v-input .v-input__control .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message{font-size:.875rem!important;line-height:.875rem!important}html #preset-container .content-container .content-form .col .row{display:flex}html #preset-container .content-container .content-form .form-text{font-size:1.25rem;font-weight:400;color:#6e6e6e!important;line-height:1.5rem;margin-bottom:0}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot{background-color:#e5e5e5;background-color:var(--preset-input-bg-color)}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot fieldset{border:none}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot .v-text-field__slot input{color:#404040;color:var(--preset-text-color)}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot .v-text-field__slot textarea{color:#404040;color:var(--preset-text-color);resize:none}html #preset-container .content-container .content-form .select-raws{margin:1.25rem 0}html #preset-container .content-container .content-form .select-raws .title-tip{font-size:1.5rem;font-weight:700;color:#141414!important;line-height:2.5625rem;margin:0}html #preset-container .content-container .content-form .select-raws .title-tip-sub{font-size:1.25rem;font-weight:700;color:#777!important;line-height:2.125rem;margin-bottom:0}html #preset-container .content-container .content-form .select-raws .select-style{width:14.25rem}html #preset-container .content-container .content-form .select-raws .select-style-long{width:53.75rem}html #preset-container .content-container .content-form .select-raws div{width:100%}html #preset-container .content-container .content-form .select-raws input,html #preset-container .content-container .content-form .select-raws textarea{width:53.75rem}html #preset-container .content-container .content-form .select-raws .tag-name{font-size:1rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;text-decoration:underline;margin-right:.8125rem;display:inline-block}html #preset-container .content-container .content-form .user-control{width:100%;margin-left:-12px;margin-top:15px;display:flex;justify-content:flex-start;align-items:center}html #preset-container .content-container .content-form .user-control .checkbox-font{font-size:1.25rem;font-weight:400;color:#272727!important;line-height:1.5rem;margin-bottom:0}html #preset-container .content-container .content-form .user-control .control{font-size:1.25rem;font-weight:400;color:#3e5ff1!important;line-height:1.5rem;margin-bottom:0}html #preset-container .content-container .content-form .user-control .control:hover{color:#4c6cfb!important}html #preset-container .content-container .content-form .v-input-self-mgbm{margin-bottom:0}html #preset-container .content-container .content-form .v-select-self-mgtop{margin-top:1.125rem!important}html #preset-container .content-container .content-form .v-input__control{border-radius:5px}html #preset-container .content-container .content-form .v-form-h,html #preset-container .content-container .content-form .v-form-h .v-input__control,html #preset-container .content-container .content-form .v-form-h .v-input__control .v-input__slot{height:3.5rem}html #preset-container .content-container .content-form .v-form-h .v-input__control .v-input__slot .v-select__slot .v-input__append-inner{margin-top:.875rem}html #preset-container .content-container .content-form .v-select-w{width:16.25rem}html #preset-container .content-container .content-form .select-btn{background-size:8%;max-width:100%;width:auto;min-width:16.25rem;padding-left:1.5rem!important;border-radius:6px}html #preset-container .content-container .content-form .select-btn span{text-align:left;display:inline-block!important;padding-right:1.875rem}html #preset-container .content-container .content-form .select-btn-bg-light{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll var(--preset-input-bg-color) 98%}html #preset-container .content-container .content-form .select-btn-bg-dark{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll var(--preset-input-bg-color) 98%}html #preset-container .content-container .content-form .filled-text{color:#404040;color:var(--preset-text-color);font-size:1.25rem;font-weight:400}html #preset-container .content-container .content-form .empty-text{color:#52545b;font-size:1.25rem;font-weight:400}html #preset-container .content-container .content-form .submit-btn{min-width:6.25rem!important;width:auto!important;height:2.5rem!important;background:#3e5ff1!important;border-radius:24px;display:grid;justify-content:center;align-content:center;font-size:1.25rem;font-weight:400!important;color:#fff!important;margin-bottom:0;letter-spacing:0;box-shadow:none;text-transform:capitalize}html #preset-container .content-container .content-form .submit-btn span{line-height:2.5rem}html #preset-container .submit-fixed{width:100%;padding:0 5rem;height:6.875rem;position:fixed;bottom:0;box-shadow:0 -1px 6px rgba(0,0,0,.16);background:#fff;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}html #preset-container .submit-fixed .btn-self{border-radius:24px}html #preset-container .state-container{width:100%;border-radius:27px;padding:2rem 3.125rem 2rem 2.5rem;margin:0;display:flex;justify-content:flex-start;align-items:center}html #preset-container .state-container .container-left{width:32.1875rem}html #preset-container .state-container .container-left .title{font-size:3rem!important;line-height:3.75rem;font-weight:800;padding-left:1.6875rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}html #preset-container .state-container .container-left .name{width:28.5625rem;padding-left:1.6875rem;display:flex;justify-content:flex-start;align-items:center}html #preset-container .state-container .container-left .name p:first-child{width:2.5rem;line-height:2.5rem!important;background:#71b47f;border-radius:50%;text-align:center;font-size:1.125rem;font-weight:700;color:#fff!important;line-height:1.9375rem;margin-bottom:0}html #preset-container .state-container .container-left .name p:nth-child(2){padding-left:.625rem;font-size:1.25rem;font-weight:700;color:#414141!important;line-height:2.125rem;margin-bottom:0}html #preset-container .state-container .container-left .meta{width:100%;padding:.625rem 1.6875rem;border-radius:27px}html #preset-container .state-container .container-left .meta p{margin:0}html #preset-container .state-container .container-left .meta p:first-child{font-size:2rem;font-weight:700;color:#fff!important;line-height:3.375rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-left .meta p:nth-child(2){font-size:1.375rem;font-weight:500;color:#fff!important;line-height:2.3125rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-left .meta p:nth-child(3){font-size:1.375rem;font-weight:300;color:#fff!important;line-height:2.3125rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-right{width:39.3125rem;padding-left:2.375rem}html #preset-container .state-container .container-right .musical p:first-child{width:5rem;height:5rem;padding:.6875rem;margin-left:1.25rem;border-radius:27px;display:grid;justify-content:center}html #preset-container .state-container .container-right .musical p:first-child img{width:3.6875rem;height:3.6875rem}html #preset-container .state-container .container-right .musical p:nth-child(2){font-size:1.25rem;font-weight:500;line-height:2.125rem;margin-top:1.125rem}html #preset-container .state-container .container-right .desc{margin-top:4.25rem;font-size:1.25rem;font-weight:300;color:#818181!important;line-height:1.875rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}html #preset-container .state-container .container-right .styles{display:flex;justify-content:flex-end;align-items:center}html #preset-container .state-container .container-right .styles p{width:5.25rem;line-height:2.25rem;margin-left:1.25rem;background:#636468;border-radius:7px;font-size:1.25rem;font-weight:400;color:#fff!important;line-height:2.125rem;margin-bottom:0;text-align:center}html #preset-container .ok-icon{margin-top:2.5rem;text-align:center;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;color:#141414!important;line-height:2.5625rem;margin-bottom:0}html #preset-container .ok-icon img{width:1.875rem;height:1.875rem}html #preset-container .ok-icon text{padding-left:1.375rem}html #preset-container .gotoindexpage{display:block;line-height:3rem;color:#141414!important;text-align:center}html #preset-container .gotoindexpage,html #preset-container .restuplaod{width:13.6875rem;border:.0625rem solid #707070;border-radius:11px;font-size:1.5rem;font-weight:400;line-height:2.5625rem;margin:1.75rem auto 0}html #preset-container .restuplaod{display:block;height:3rem;color:#687a7a!important;display:flex;justify-content:center;align-items:center}html #preset-container .restuplaod image{width:.875rem;height:.875rem}html #preset-container .edit-loading-container{width:100%;max-width:100%;margin:20px auto;background:#fff;background:var(--white-bg-color);border-radius:14px;padding:2rem}html .drop-down-item{color:#88898d!important;font-size:1rem!important}html .outer{width:320px;height:5px;background:#fff;border-radius:10px}html .outer .inner{background:#3e5ff1;border-radius:10px;height:100%}.header-block{display:flex;justify-content:center;width:100%;background:#fcfcfc;background:var(--header-bg-color);height:6.25rem;position:fixed;z-index:50}.toobar{position:relative;width:75rem;max-width:75rem}.toobar .logo{width:6.875rem;height:auto;cursor:pointer}.toobar .header-tab-container{flex-grow:0;margin-left:5%}.toobar .header-tab-container .layout .tab{font-size:1.125rem;font-weight:700;line-height:1.9375rem;color:#636468;color:var(--register-btn-color);cursor:pointer}.toobar .header-tab-container .layout .active{color:#3e5ff1!important}.toobar .header-tab-container .layout .underline{height:.25rem;background:#3e5ff1;border-radius:10px}.toobar .header-tab-container-zh{flex-basis:15%;max-width:15%}.toobar .header-tab-container-en{flex-basis:18%;max-width:18%}.toobar .pad-user-info{position:absolute}.toobar .userinfo-login-sm{right:13.875rem;flex-basis:25%;flex-grow:0;max-width:25%}.toobar .userinfo-login-post-sm{right:12.875rem;flex-basis:18%;flex-grow:0;max-width:18%}.toobar .userinfo-unlogin-sm{right:13.875rem;flex-basis:26%;flex-grow:0;max-width:26%;min-width:26%}.toobar .userinfo-unlogin-post-sm{right:13.875rem;flex-basis:17%;flex-grow:0;max-width:17%;min-width:17%}.toobar .login-btn{background-color:#fcfcfc!important;background-color:var(--header-bg-color)!important;border-radius:6px!important;color:#3e5ff1!important;border:1px solid #3e5ff1}.toobar .login-btn,.toobar .register-btn{padding:1.25rem;font-size:1.125rem!important;min-width:5.5rem!important;min-height:2.75rem!important}.toobar .register-btn{border:none;border-radius:6px!important;color:#636468!important;color:var(--register-btn-color)!important;background-color:#f3f3f3!important;background-color:var(--register-btn-bg-color)!important}.toobar .upload-btn{padding:1.25rem;background-color:#3e5ff1!important;border-radius:6px!important;font-size:1.125rem!important;color:#fff!important;min-width:5.5rem!important;min-height:2.75rem!important}.toobar .menu-btn{padding:0!important;line-height:3rem;color:#636468!important;height:4.375rem!important;max-width:3.125rem!important;min-width:3.125rem!important}.toobar .menu-btn .span-1{font-size:1.625rem!important;font-weight:700}.toobar .menu-btn:before{background-color:transparent!important}.toobar .notice-btn-container{width:4.0625rem;height:4.375rem;flex-grow:0}.toobar .notice-btn-container .notice-btn{position:relative;border-radius:7px;cursor:pointer;max-width:3.4375rem;min-width:3.4375rem;max-height:3.4375rem;min-height:3.4375rem}.toobar .notice-btn-container .notice-btn .bell-img{max-width:3.4375rem}.toobar .notice-btn-container .notice-btn .notice-badge{background-color:red;color:#fff;border-radius:50%;font-size:12px;transform:scale(.8);padding:2px;position:absolute;top:.375rem;right:.3125rem;width:24px;height:24px;display:flex;justify-content:center;text-align:center;align-items:center}.toobar .dark-theme{position:absolute;right:9.875rem;width:2.75rem;max-width:2.75rem;cursor:pointer}.toobar .dark-theme-post-margin{margin-left:.6875rem}.toobar .lang-block{position:absolute;right:0}.toobar .lang-block .lang-menu-btn{width:8.625rem;min-height:2.75rem;padding:.75rem 0 .75rem .25rem!important;color:#636468!important;color:var(--register-btn-color)!important;background-color:#e5e5e5;background-color:var(--preset-input-bg-color);border-radius:6px}.toobar .lang-block .lang-menu-btn .v-btn__content img{width:1.75rem;margin-right:.1875rem}.toobar .lang-block .lang-menu-btn .v-btn__content .v-divider{border-right-width:2px;margin-right:.1875rem;border-color:#636468;border-color:var(--register-btn-color)}.toobar .lang-block .lang-menu-btn .span-2{font-size:1.125rem!important}.toobar .lang-block .lang-menu-btn .mdi-chevron-down{font-size:1.5rem}.toobar .lang-block .lang-menu-btn:before{background-color:transparent!important}.userinfo-font-color{color:#636468;color:var(--register-btn-color);text-align:center;height:1.875rem!important;line-height:1.875rem!important;font-size:1.125rem!important;font-weight:500!important}.userinfo-font-color:hover{background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:3px}.font-color-DB6060{color:#db6060!important;text-align:center;height:1.875rem!important;line-height:1.875rem!important;font-size:1.125rem!important}.font-color-DB6060:hover{background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:3px}.user-menu-block{margin-left:2.5rem!important}.menu-line{width:80%;margin:0 auto}.name-circle{width:2.75rem!important;height:2.75rem!important;min-width:2.75rem!important;border-radius:50%;box-shadow:0 .1875rem .375rem rgba(0,0,0,.16)}.name-circle .headline-1{font-size:1.25rem!important;font-weight:400;line-height:2rem;letter-spacing:normal!important;font-family:Roboto,sans-serif!important;font-weight:700}.name-circle2{width:3.75rem!important;height:3.75rem!important;min-width:3.75rem!important;border-radius:50%;box-shadow:0 .1875rem .375rem rgba(0,0,0,.16)}.name-circle2 .headline-2{font-size:1.625rem!important;font-weight:400;line-height:2rem;letter-spacing:normal!important;font-family:Roboto,sans-serif!important;font-weight:700}.layer-list-item-block{background-color:#fff!important;background-color:var(--menu-bg-color)!important;color:#000!important}.v-list-item--link:before{background-color:transparent!important}.list-item-block:before{background-color:#fff!important;background-color:var(--white-bg-color)!important;color:#000!important}.list-item-text{font-size:1.125rem!important;text-align:center;line-height:1.25rem!important;color:#636468;color:var(--register-btn-color)}.list-item-text:hover{color:#3e5ff1!important}.my-info-list .span-2{font-size:1.8125rem;color:#4f525e;color:var(--preset-title-color);font-weight:700;max-width:90%;text-align:center;overflow:hidden;display:inline-block;width:auto;text-overflow:ellipsis;white-space:nowrap}.v-main{margin-top:6.25rem}.footer-container .feedback-menu-btn{position:fixed;right:10px;width:2.8125rem;height:2.8125rem;background:#fff;background:var(--white-bg-color);border-radius:50%;cursor:pointer}.footer-container .bottom-20{bottom:20px}.footer-container .preset-to-top{bottom:75px}.footer-container .feedback-menu-btn:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.footer-menu{width:19.375rem;padding:.9375rem .3125rem}.feedback-card,.footer-menu{background-color:#fff!important;background-color:var(--white-bg-color)!important}.feedback-card{box-shadow:none!important}.feedback-card .footer-title{margin-bottom:.625rem;padding:10px 0;font-size:1.375rem;font-weight:700;line-height:1.2em;color:#707070;color:var(--feedbcak-color);cursor:pointer}.feedback-card .footer-title .v-icon{margin-right:.25rem}.feedback-card .footer-title:hover{background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border-radius:4px}.feedback-card .desc{margin-top:.375rem;font-size:1rem;color:#9b9dab;line-height:1.1em;text-align:center}.feedback-card a:hover{color:#3e5ff1}.feedback-card .copy-btn{font-size:1rem;height:1.5625rem!important;max-width:3rem!important;min-width:3rem!important;margin-left:.625rem;background:#fff!important;background:var(--white-bg-color)!important;color:#3e5ff1;border:1px solid #3e5ff1;border-radius:4px}.feedback-card-dialog{padding:1.25rem}body{margin:0 auto;max-width:1920px}.main-content-container{width:100%;height:100%;display:flex;justify-content:center;flex-wrap:nowrap!important;padding-top:1.25rem}.content-block{display:flex;justify-content:center;flex-wrap:nowrap;max-width:98.75rem;width:98.75rem}.content-block .search-count{font-size:1rem;font-weight:400!important;color:#4f525e!important;margin-bottom:0;padding:0 1.25rem}.content-block .show-margin{margin-top:1.25rem}.content-block .row-1{width:100%;margin-bottom:1.25rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.content-block .row-1 .phone-wrap{flex-grow:0}.content-block .row-1 .select-self-style{height:3rem!important;padding-left:.75rem!important;padding-right:.75rem!important;font-size:1.125rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:3rem;margin-bottom:0;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);outline:none;border-radius:6px;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll #f5f5f5 93%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll var(--filter-btn-bg-color) 93%}.content-block .row-1 .select-self-style span{text-align:left;display:inline!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-block .row-1 .select-self-style .icon-1{position:absolute;right:0}.content-block .row-1 .no-ellipsis-select-btn{background-size:6.7%;width:12.3125rem}.content-block .row-1 .ellipsis-select-btn-1{margin-left:.9375rem;justify-content:flex-start;background-size:9%;width:9.375rem}.content-block .row-1 .ellipsis-select-btn-1 span{max-width:6.875rem}.content-block .row-1 .select-en-1ength{width:15rem!important}.content-block .row-1 .select-self-style:before{background-color:#fafafa!important}.content-block .row-1 .self-btn-1{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .9375rem;font-size:1.125rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.9375rem;margin-bottom:0;height:3rem;width:6.1875rem;background:#f5f5f5;background:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:6px}.content-block .row-1 .self-btn-1 img{width:.8125rem!important;height:1.125rem!important;margin-right:.8125rem}.content-block .row-1 .self-btn-1-default{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;height:3rem;width:6.1875rem;padding:0 .9375rem;font-size:1.125rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.3125rem;margin-bottom:0;background:transparent;border-radius:6px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color)}.content-block .row-1 .self-btn-1-default img{width:.8125rem!important;height:1.125rem!important;margin-right:.8125rem}.content-block .row-1 .filter-card-list-change-block{flex-grow:0}.content-block .row-1 .filter-card-list-change-block .card-list-change-block{width:5.75rem;height:3rem;margin-left:.625rem;border-radius:6px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);padding:1px}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block{display:flex;justify-content:center;align-items:center;cursor:pointer}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block img{width:1.625rem;vertical-align:middle}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block-active{background:#d0d7f4;background:var(--change-style-gb-color);border-radius:5px}.content-block .row-1 .input-container{position:relative;width:46.875rem}.content-block .row-1 .input-container input{width:100%;height:3rem;padding:0 3.125rem 0 1.25rem;background:#fcfcfc;background:var(--header-bg-color);color:#636468;color:var(--register-btn-color);border-radius:7px;outline:none}.content-block .row-1 .input-container img{position:absolute;height:2.25rem;right:.9375rem;top:.3125rem}.content-block .selections-block{display:flex;flex-wrap:wrap}.content-block .selections-block .selection-block{display:flex;flex-direction:column;margin-right:2.125rem}.content-block .selections-block .selection-block .filter-title{width:11.25rem;font-size:1.125rem;font-weight:500;line-height:1.125rem;color:#4f525e;color:var(--preset-title-color)}.content-block .selections-block .selection-block .v-btn__content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:6.25rem;line-height:1rem}.content-block .selections-block .selection-block .select-self-style-2{padding-left:.8125rem!important;padding-right:.375rem!important;width:9.25rem!important;height:2.5rem!important;font-size:1rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.6875rem;margin-bottom:0;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);outline:none;text-transform:capitalize;letter-spacing:0;border-radius:6px;margin-top:.5rem;justify-content:flex-start;text-align:left;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll #f5f5f5 93%/6.6%!important;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll var(--filter-btn-bg-color) 93%/6.6%!important}.content-block .selections-block .selection-block .select-self-style-2 .icon-1{position:absolute;right:0;font-size:1.1875rem}.content-block .selections-block .selection-block .select-self-style-2:before{background-color:#fafafa!important}.content-block .hot-tag-list{display:flex;flex-direction:column;margin-top:1.25rem}.content-block .hot-tag-list h3{font-size:1.125rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.9375rem;margin-bottom:0;padding-right:1.125rem}.content-block .hot-tag-list div{display:flex;flex-wrap:wrap}.content-block .hot-tag-list div p{margin-top:.3125rem;min-width:5.5rem;line-height:2.5rem;margin-right:1rem;border-radius:4px;border:1px solid #d1d2d4;border:1px solid var(--filter-tag-bd-color);font-size:1rem;font-weight:400;color:#88898d!important;color:var(--filter-tag-color)!important;line-height:2rem;margin-bottom:0;height:2rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 .3125rem}.content-block .hot-tag-list div p:hover{border:1px solid #88898d;border:1px solid var(--filter-tag-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.content-block .hot-tag-list div .acticon{background:#3e5ff1!important;font-size:1rem;font-weight:400;color:#fff!important;line-height:2rem;margin-bottom:0;border-radius:7px;border:none}.content-block .check-block{margin-top:1.25rem}.content-block .check-block h3{font-size:1.125rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.9375rem;margin-bottom:0;padding-right:1.125rem}.content-block .check-block .checkboxs .custom-checkbox{margin-top:.3125rem!important;padding-top:0!important}.content-block .check-block .checkboxs .custom-checkbox label{color:#88898d!important;color:var(--filter-btn-color)!important}.content-block .check-block .checkboxs .custom-checkbox-right{margin-left:.625rem}.content-block .page-item{margin:20px 0 50px;display:flex;justify-content:center}.content-block .hand-hover{cursor:pointer}.content-block-s{display:flex;justify-content:center;flex-wrap:nowrap;width:75rem}.index-banner-container{max-width:98.75rem;width:98.75rem;margin:0 auto}.index-banner-container .img-container{position:relative;height:27.5rem;margin-top:3.125rem}.index-banner-container .img-container .behind-img-container{position:relative;height:23.375rem;flex-basis:48%;flex-grow:0;max-width:48%;margin-top:2.0625rem}.index-banner-container .img-container .behind-img-container .v-image{height:23.375rem;border-radius:29px}.index-banner-container .img-container .behind-img-container .behind-layer{position:absolute;width:100%;height:23.375rem;background-color:#000;z-index:1;border-radius:29px;opacity:.3}.index-banner-container .img-container .current-img-container{position:absolute;top:0;width:100%;z-index:2;cursor:pointer}.index-banner-container .img-container .current-img-container .hover-block{display:flex;justify-content:center;align-items:center;height:23.375rem;width:5rem;cursor:pointer}.index-banner-container .img-container .current-img-container .left-hover-block:hover .left-icon,.index-banner-container .img-container .current-img-container .right-hover-block:hover .right-icon{visibility:visible;opacity:1}.index-banner-container .img-container .current-img-container .img-change-icon{opacity:0;visibility:hidden;transition:visibility 0s,opacity .5s linear;height:3.125rem;font-size:3.125rem}.index-banner-container .img-container .current-img-container .v-image{width:88.375rem;max-width:88.375rem;height:27.5rem;border-radius:31px}.index-banner-container .img-index-container{margin-top:1.875rem}.index-banner-container .img-index-container .img-index{width:.9375rem;height:.9375rem;background:#aeaeae;border-radius:100%;cursor:pointer}.index-banner-container .img-index-container .img-index-margin{margin-right:1.1875rem}.index-banner-container .img-index-container .index-active{background:#3e5ff1}.homepage .index-banner-container{position:relative;width:100%!important;max-width:100%!important}.homepage .index-banner-container .img-container{height:40.625rem!important;margin-top:0!important}.homepage .index-banner-container .img-container .behind-img-container{display:none!important}.homepage .index-banner-container .img-container .current-img-container .left-hover-block{left:.375rem;position:absolute;width:2.125rem;height:2.125rem;z-index:9}.homepage .index-banner-container .img-container .current-img-container .right-hover-block{right:.375rem;position:absolute;width:2.125rem;height:2.125rem;z-index:9}.homepage .index-banner-container .img-container .current-img-container .v-image{width:100%!important;max-width:100%!important;height:40.625rem!important;border-radius:0!important}.homepage .index-banner-container .img-container .current-img-container .img-change-icon{opacity:1;visibility:visible;height:34px;font-size:34px}.homepage .index-banner-container .img-index-container{position:absolute;width:100%;bottom:1.5625rem;margin-top:0;z-index:9}.homepage .index-container .index-row{width:100%;position:relative}.homepage .index-container .index-row-height{height:37.5rem}.homepage .index-container .index-row-height-auto{height:auto}.homepage .index-container .preset .avatar{border-radius:50%;color:#fff;text-align:center}.homepage .index-container .preset .avatar-large{max-width:3.125rem;width:3.125rem;height:3.125rem;font-size:1.125rem;line-height:3.125rem}.homepage .index-container .preset .avatar-s{max-width:2.5rem;width:2.5rem;height:2.5rem;font-size:1rem;line-height:2.5rem}.homepage .index-container .preset .preset-text{margin-left:.875rem;max-width:14.625rem}.homepage .index-container .preset .preset-text .main-preset-name{max-width:100%;margin-left:0}.homepage .index-container .preset .preset-text .preset-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;color:#8c8f9f;color:var(--date-color)}.homepage .index-container .preset .name{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:.75rem;font-size:1rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.homepage .index-container .preset-list{padding-left:3.125rem}.homepage .index-container .preset-list .preset-in-list{position:relative;padding:0 .3125rem;margin-bottom:.5rem}.homepage .index-container .preset-list .preset-in-list .num-stat{position:absolute;right:0}.homepage .index-container .preset-list .preset-in-list .num-stat div{min-width:4.0625rem}.homepage .index-container .preset-list .preset-in-list .num-stat div img{height:.875rem;vertical-align:middle}.homepage .index-container .preset-list .preset-in-list .num-stat div span{font-size:.8125rem;color:#97989e;color:var(--preset-list-desc-color)}.homepage .index-container .forum-index-discussions-container{margin-top:1.875rem}.homepage .index-container .forum-index-discussions-container .index-discussion{width:100%}.index-content{width:75rem;height:100%;margin:0 auto}.index-content h2{font-size:1.3125rem}.index-content h2,.index-content p{color:#636468;color:var(--register-btn-color)}.index-content p{font-size:1.0625rem}.index-content .text-flex{padding-right:10px}.index-content .img-flex{padding-left:10px}.index-content .upload-img{width:80%}.index-content .learn-more{display:flex;font-size:1.0625rem;color:#3e5ff1}.index-content .learn-more span{display:inline-block;margin-right:-.125rem}.index-content .learn-more .v-icon{color:#3e5ff1}.index-content .preset-cover{border-radius:12px}.package-news-container{width:75rem;max-width:75rem;margin:1.25rem auto;padding:3.375rem 5rem;background:#fff;background:var(--white-bg-color);border-radius:14px}.package-news-container .preview-date{font-size:1.25rem;color:#4f525e;color:var(--preset-title-color)}.package-news-container .cover-img{width:100%;height:20.1875rem;margin-top:.625rem;border-radius:31px}.package-news-container .package-desc{margin-top:1.6875rem;word-break:break-word}.package-news-container .package-desc p{margin-bottom:5px;font-size:1.25rem}.package-news-container .package-desc p,.package-news-container .package-desc p span{color:#4f525e;color:var(--preset-title-color)}.package-news-container .package-desc p .text-big{font-size:1.4em}.package-news-container .package-desc p .text-huge{font-size:1.8em}.package-news-container .all-download-btn-container{text-align:right}.package-news-container .all-download-btn-container .all-download-btn{color:#fff;border-radius:8px;font-size:.9375rem}.package-news-container .author-preset{margin-top:2.1875rem}.package-news-container .author-preset .author-col{display:flex;flex-wrap:wrap}.package-news-container .author-preset .author-col .avatar{width:5.625rem;height:5.625rem;margin:0 .4375rem .625rem 0;border-radius:31px;color:#fff;text-align:center;line-height:5.625rem;font-size:1.875rem;cursor:pointer}.package-news-container .author-preset .preset-col .preset-list .preset{display:flex;align-items:center;justify-content:space-between;font-size:1.25rem;padding:.5rem .3125rem;color:#88898d;color:var(--filter-btn-color)}.package-news-container .author-preset .preset-col .preset-list .preset .preset-name{width:85%;cursor:pointer;word-break:break-word}.package-news-container .author-preset .preset-col .preset-list .preset .player-container{position:relative;width:1.75rem!important;height:1.75rem!important;margin-right:.625rem;cursor:pointer}.package-news-container .author-preset .preset-col .preset-list .preset .player-container .v-image{width:1.75rem!important;height:1.75rem!important;max-width:1.75rem;position:absolute;top:0;left:0;z-index:7}.package-news-container .author-preset .preset-col .preset-list .preset .player-container .v-progress-circular{position:absolute;width:1.75rem!important;height:1.75rem!important;z-index:6}.package-news-container .author-preset .preset-col .preset-list .preset .anticon{width:1.25rem;height:1.25rem}.v-list-block{background-color:transparent!important;color:#000!important}.v-list-block .v-list-item{color:#636468;color:var(--register-btn-color);text-align:left;line-height:30px!important;text-transform:capitalize;font-weight:400!important}.v-list-block .v-list-item .v-input--checkbox{width:100%}.v-list-block .active-color{color:#3e5ff1!important}.v-list-block .v-list-item:hover{background-color:#f3f3f3!important;background-color:var(--register-btn-bg-color)!important;border-radius:3px}.v-list-block:before{background-color:#fff!important;background-color:var(--white-bg-color)!important;color:#000!important}.font-18{font-size:1.125rem!important}.font-16{font-size:1rem!important}.ant-pagination-prev{display:inline-block;width:6.6875rem;height:2.75rem;margin-right:1rem;line-height:2.625rem;font-size:1.25rem!important;text-align:center;vertical-align:middle;list-style:none;background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:7px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-pagination-prev a{padding:0;font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-prev:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-next{display:inline-block;width:6.6875rem;height:2.75rem;margin-left:.5rem;line-height:2.625rem;font-size:1.25rem!important;text-align:center;vertical-align:middle;list-style:none;background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:7px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-pagination-next a{padding:0 .625rem;font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-next:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-item-active{border-color:#1753e1!important}.ant-pagination-item-active a{color:#1753e1!important}.ant-pagination-item{background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);height:2.75rem!important;width:2.9375rem!important;font-size:1.25rem!important;line-height:2.625rem;border-radius:7px!important}.ant-pagination-item a{font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-item a:hover{color:#636468!important;color:var(--register-btn-color)!important}.ant-pagination-item:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-disabled{border-color:rgba(0,0,0,.25)!important}.ant-pagination-item-link{color:#1753e1!important}.ant-pagination-item-ellipsis{color:#88898d!important;color:var(--filter-btn-color)!important}.ant-pagination-disabled{opacity:.7}.mdi-checkbox-blank-outline{color:#88898d!important;color:var(--filter-btn-color)!important}.message-container{width:75rem;margin:10px auto 0}.message-container .page-title{font-size:1.5rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.message-container .message-box{margin-top:.625rem;height:45.3125rem;background-color:#fff;background-color:var(--white-bg-color);border-radius:2px;box-shadow:0 3px 6px 1px rgba(0,0,0,.03)}.message-container .message-box .message-user .chat-user-container{height:37.5rem;padding-bottom:10px;overflow-y:scroll}.message-container .message-box .message-user .chat-user-container .chat-user-item{padding:1rem 1.875rem;position:relative;cursor:pointer}.message-container .message-box .message-user .chat-user-container .chat-user-item .avatar-container{position:relative}.message-container .message-box .message-user .chat-user-container .chat-user-item .avatar-container .badge{position:absolute;width:.875rem;height:.875rem;border-radius:50%;background-color:red;top:0;right:0}.message-container .message-box .message-user .chat-user-container .chat-user-item .date{position:absolute;right:1.875rem;top:1rem;font-size:.875rem;color:#636468}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info{margin-left:.875rem}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .name{max-width:10rem;font-size:1.125rem;color:#4f525e;color:var(--preset-title-color)}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .message{max-width:14.375rem;font-size:1rem;color:#636468}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .over-flow-hiden{height:1.5em;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.message-container .message-box .message-user .chat-user-container .active-item{background-color:#f8f8f8;background-color:var(--tag-bg-color)}.message-container .message-box .message-content .chat-content-container{height:25rem;padding:.625rem;overflow-y:scroll}.message-container .message-box .message-content .chat-content-container .chat-item .chat-time{text-align:center;color:#c1c1c3;font-size:.875rem;margin-bottom:.375rem}.message-container .message-box .message-content .chat-content-container .chat-item .message{margin-bottom:.375rem;padding:.5rem;border-radius:8px;font-size:1rem;word-break:break-word}.message-container .message-box .message-content .chat-content-container .chat-item .message img{display:block;width:9.1875rem}.message-container .message-box .message-content .chat-content-container .chat-item .reciver-message{margin-left:.5rem;background:#f8f8f8;background:var(--tag-bg-color);color:#636468;color:var(--register-btn-color)}.message-container .message-box .message-content .chat-content-container .chat-item .sender-message{margin-right:.5rem;background:#3e5ff1;color:#fff}.message-container .message-box .message-content .chat-content-container .chat-item .message-width{max-width:65%}.message-container .message-box .message-content .chat-input-container{padding:0 .875rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input{margin-top:.625rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input .mdi-image-plus-outline{margin-left:.625rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input .v-icon{font-size:1.5rem;color:#4f525e}.message-container .message-box .message-content .chat-input-container .text-input{margin-top:.625rem;height:6.875rem;font-size:1rem;line-height:1.25rem;outline:none;overflow-y:scroll;color:#636468;color:var(--register-btn-color)}.message-container .message-box .message-content .chat-input-container .text-input img{width:12.5rem;height:auto;vertical-align:bottom}.message-container .message-box .message-content .chat-input-container .send-btn{margin-top:.75rem}.message-container .message-box .message-content .chat-input-container .send-btn .v-btn{color:#fff;border-radius:6px;font-size:1.125rem;height:2.75rem;min-width:5rem}.message-container .message-box .avatar{width:3rem;min-width:3rem;height:3rem;border-radius:31px;color:#fff;text-align:center;line-height:3rem;font-size:1.25rem}.message-container .message-box-header{height:6.25rem}.message-container .search-input{position:relative;padding:1.4375rem 1.875rem}.message-container .search-input input{width:100%;height:3.375rem;padding:0 1.25rem;background:#f8f8f8;background:var(--tag-bg-color);color:#636468;color:var(--register-btn-color);border-radius:6px;outline:none}.message-container .search-input img{position:absolute;height:2.25rem;left:2.5rem;top:1.875rem}.message-container .message-detail-header{padding:0 .875rem;margin-left:.625rem}.message-container .message-detail-header .name{margin-left:.875rem;font-size:1.75rem;font-weight:500;color:#4f525e;color:var(--preset-title-color)}.emoji-list{width:13.125rem;padding:.625rem}.emoji-list .emoji-item{height:1.5em;font-size:1.0625rem;text-align:center;line-height:1.5em;cursor:pointer;transition:.3s}.emoji-list .emoji-item:hover{transform:scale(1.2)}.white-bg{background-color:#fff;background-color:var(--white-bg-color)}.v-menu__content .notice-list-info-title{font-size:1rem;color:#141414;color:var(--black-title-2);padding-left:16px}.v-menu__content .notice-list-container{max-height:340px;overflow-y:auto}.v-menu__content .notice-list-container::-webkit-scrollbar{width:4px}.v-menu__content .notice-list-container::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.v-menu__content .notice-list-container::-webkit-scrollbar-track{border-radius:0;background:#fff}.v-menu__content .notice-footer{position:fixed;bottom:0;width:100%;height:38px;color:#949494;color:var(--tag-color);cursor:pointer}.notice-list-title .produce-name{overflow:hidden;text-overflow:ellipsis;color:#141414;color:var(--black-title-2)}.notice-list-title .produce-name-comment{max-width:70%}.notice-list-title .produce-name-focus{max-width:90%}.notice-list-title .produce-name-collect{max-width:60%}.notice-list-title .notice-date{float:right;font-size:12px;opacity:.5}.notice-list-title .notice-date,.notice-list-title .system{color:#141414;color:var(--black-title-2)}.notice-list-subtitle .notice-content .replied-comment-content{display:inline-block;max-width:90%;overflow:hidden;text-overflow:ellipsis;color:#141414;color:var(--black-title)}.notice-list-subtitle .notice-content .comment-content{display:inline-block;width:100%;padding:5px 6px;background-color:#f8f8f8;background-color:var(--tag-bg-color);color:#949494;color:var(--tag-color);border-radius:4px;text-align:justify;white-space:normal;line-height:2em}.notice-list-subtitle .private-message{font-size:1rem;color:#97989e;color:var(--preset-list-desc-color)}.user-login-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:80}.user-login-container .user-login-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.user-login-container .user-login-card{position:relative;width:100%;max-width:75rem;padding:3.4375rem 5rem;background:#fff;background:var(--white-bg-color);z-index:99;margin-left:auto;margin-right:auto;margin-top:7.5rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .chacha{width:1.625rem!important;height:1.5625rem!important;position:absolute;right:10px;top:-30px;z-index:100;cursor:pointer}.user-login-container .user-login-card .card-right{width:36.875rem;height:100%;position:relative}.user-login-container .user-login-card .card-right .card-img{width:100%}.user-login-container .user-login-card .card-right .login-slogan{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;font-weight:700;text-align:center}.user-login-container .user-login-card .card-right .login-slogan p{margin-bottom:.5rem}.user-login-container .user-login-card .card-title{font-size:1.75rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:3rem;margin-bottom:0}.user-login-container .user-login-card .card-subtitle{font-size:.875rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:1.25rem;margin-bottom:0}.user-login-container .user-login-card .subtitle-width{width:21.25rem}.user-login-container .user-login-card .card-user-title{font-size:1rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.6875rem;margin:1.875rem 0 .75rem}.user-login-container .user-login-card .card-user-input{width:21.25rem;height:2.5rem;padding-left:.875rem;background:#f5fbff;background:var(--login-input-bg-color);border-radius:5px;font-size:1rem;font-weight:500;color:#141414!important;color:var(--black-title-2)!important;line-height:.875rem;margin-bottom:0}.user-login-container .user-login-card .forget-password{margin:1.875rem 0 .75rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .forget-password .forget-tip{font-size:.875rem;font-weight:500;color:#3e5ff1!important;line-height:1.25rem;margin-bottom:0;cursor:pointer}.user-login-container .user-login-card .forget-password .forget-title{font-size:1rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.6875rem;margin-bottom:0}.user-login-container .user-login-card .card-user-login-btn{width:21.25rem;height:2.8125rem!important;margin-top:2.4375rem;background:#3e5ff1!important;border-radius:5px;font-size:1rem;font-weight:400;color:#fff!important;line-height:1.6875rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-login-container .user-login-card .card-user-no-acount{margin-top:1.375rem;font-size:1rem;font-weight:400;color:#97989e!important;line-height:1.6875rem;margin-bottom:0;text-align:center}.user-login-container .user-login-card .card-user-register-btn{width:21.25rem;height:2.8125rem!important;margin-top:.625rem;background:#fff!important;border:1px solid #3e5ff1;border-radius:5px;font-size:1rem;font-weight:400;color:#3e5ff1!important;line-height:1.6875rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.register-container{width:100%;height:100%;background:#fff;background:var(--white-bg-color)}.go-to-index{padding-top:2.5rem;padding-left:22.9%;margin-top:0!important}.go-to-index i{width:.4375rem!important;height:.8125rem!important}.go-to-index .link-a{padding-left:.625rem;font-size:1.25rem;font-weight:400;color:#141414!important;color:var(--black-title)!important;line-height:2.125rem;margin-bottom:0}.user-register-card{width:100%;padding:3.0625rem 22.9% 0;z-index:99;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:nowrap!important}.user-register-card .card-right{position:relative;margin-left:2.5rem}.user-register-card .card-right .card-img{width:36.875rem;height:auto}.user-register-card .card-right .login-slogan{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;font-weight:700;text-align:center}.user-register-card .card-right .login-slogan p{margin-bottom:.5rem}.user-register-card .card-title{font-size:1.75rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:3rem;margin-bottom:0}.user-register-card .card-subtitle{font-size:.875rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:1.25rem;margin-bottom:0}.user-register-card .card-user-title{font-size:1rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.6875rem;margin:1.875rem 0 .75rem}.user-register-card .card-user-input{width:21.25rem;height:2.5rem;padding-left:.875rem;background:#f5fbff;background:var(--login-input-bg-color);border-radius:5px;font-size:.9375rem;font-weight:500;color:#141414!important;color:var(--black-title-2)!important;line-height:.875rem;margin-bottom:0}.user-register-card .card-user-subtitle{font-size:.75rem;font-weight:500;color:#414141!important;line-height:1.25rem;margin-bottom:0;padding:.625rem 0 .5rem}.user-register-card .card-user-login-btn{width:21.25rem;height:2.8125rem!important;background:#3e5ff1!important;border-radius:5px;font-size:1.125rem;font-weight:400;color:#fff!important;line-height:1.6875rem;margin-bottom:0;font-size:1rem!important;text-transform:capitalize;letter-spacing:0}.user-register-card .red-tip{text-align:right;margin-top:.1875rem}.user-register-card .red-tip span{color:#e60000;font-size:.75rem;display:inline-block}.user-register-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-register-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-register-card .muti-col-title{display:flex;justify-content:space-between;align-items:center;margin:1.875rem 0 .75rem}.user-register-card .muti-col-title p:first-child{font-size:1rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.6875rem;margin-bottom:0}.user-register-card .muti-col-title p:nth-child(2){display:inline-block;padding:0 0 0 .375rem;font-size:.75rem;font-weight:300;color:#414141!important;color:var(--user-color)!important;line-height:.875rem;margin-bottom:0;max-width:12.375rem;line-height:1.125rem}.user-register-card .muti-col-title .width-en{min-width:9.875rem}.user-register-card .register-controle{display:flex;justify-content:flex-start;align-items:center;font-size:1rem;font-weight:400;height:1.5rem;margin:1rem 0 .875rem}.user-register-card .register-controle div{color:#272727}.user-register-card .register-controle span{color:#3e5ff1}.user-register-card .register-controle .primary--text{color:#3e5ff1!important}.user-register-card .go-to-login{margin-top:.8125rem}.user-register-card .go-to-login span:first-child{font-size:1rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:.625rem;margin-bottom:0}.user-register-card .go-to-login span:nth-child(2){font-size:1rem;font-weight:400;color:#3e5ff1!important;line-height:.625rem;margin-bottom:0}.user-register-card .login-width{margin-top:.3125rem!important;width:21.25rem}.preset-list-container{margin-top:1.875rem;width:100%}.preset-list-container .preset-sm{width:73.75rem;max-width:73.75rem;min-width:73.75rem}.preset-list-container .preset-list-flex .list-item-block{position:relative;width:23.75rem;padding:1.125rem 1.25rem;margin-bottom:.9375rem;background:#fff;background:var(--white-bg-color);border-radius:8px;cursor:pointer}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo{width:23.6875rem;height:11.9375rem;position:absolute;top:4.375rem;left:2.5rem;z-index:2;padding:1.75rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .1875rem 1.25rem rgba(0,0,0,.1);border-radius:6px}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1{margin-bottom:0;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left{width:70%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-name{width:2.75rem!important;height:2.75rem!important;border-radius:50%;flex-shrink:0;font-size:1.1875rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;background-size:cover;background-position:50%}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname{padding-left:1rem}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p{margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:first-child{width:8.125rem;font-size:1rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:nth-child(2){width:8.125rem;font-size:1rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{display:none!important;padding:0 .625rem;line-height:2.5rem!important;background:#3e5ff1;border-radius:6px;height:2.5rem;width:5.5rem;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-focus{display:block;padding:0 .625rem;line-height:2.5rem!important;border-radius:6px;height:2.5rem;width:5.5rem;border:.0625rem solid #3e5ff1;font-size:1.125rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{display:none!important;line-height:2.5rem!important;background:#7f8082;border-radius:6px;height:2.5rem;width:5.5rem;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus{display:block;line-height:2.5rem!important;height:2.5rem!important;border-radius:6px;width:5.5rem;background:#97989e;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus-hover{display:block!important;padding:0 .625rem;line-height:2.5rem!important;background:#3e5ff1;border-radius:6px;width:5.5rem;height:2.5rem;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus{display:none}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus-hover{display:block!important;line-height:2.5rem!important;height:2.5rem!important;width:5.5rem;background:#7f8082;border-radius:6px;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus{display:none}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .8125rem}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list ul{margin-top:1.25rem;display:flex;flex-direction:column;align-items:center;padding-left:0!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list li{list-style:none;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list .title{font-size:1.25rem;font-weight:700!important;color:#636468!important;font-size:1.25rem!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list .num{font-size:1.25rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .card-recommended-icon{position:absolute;top:0;right:0;width:1.4375rem;height:2.5rem}.preset-list-container .preset-list-flex .list-item-block .item-row-1{margin-top:.3125rem;width:100%;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .item-row-1 p{margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu{width:2.8125rem!important;height:2.8125rem!important}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu img{width:100%;height:100%}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu .play-menu-del{font-size:1.5rem;font-weight:400!important;color:#e66666!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .product-media-row{height:1.5625rem}.preset-list-container .preset-list-flex .list-item-block .product-media-row-margin{margin-right:.625rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .cover-desc-row{margin-top:.3125rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row{margin-top:.9375rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .count{font-size:1rem;font-weight:400;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .learn-more{display:flex;align-items:center;font-size:1rem;font-weight:400;color:#3e5ff1!important;line-height:1rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .learn-more .learn-more-icon{font-size:.875rem;height:1em}.preset-list-container .preset-list-flex .list-item-block .line{margin-top:.9375rem}.preset-list-container .preset-list-flex .list-item-block .state-count{margin-top:1.125rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left{display:flex;justify-content:flex-start;align-items:center}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item{display:flex;justify-content:space-around;align-items:center;font-size:.875rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;margin-right:.625rem;height:1.1875rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item div{margin-left:.1875rem;height:1.1875rem;line-height:1.1875rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .opt-icon{width:1.25rem!important;margin-right:.25rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .download-icon{width:1.125rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .img-share{width:1.625rem!important;height:1.3125rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .img-comment{width:1.625rem!important;height:1.5rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .praise{width:1.3125rem;height:auto;margin-top:-.125rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .download-img{width:1.375rem!important;height:1.5625rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item img{width:1.75rem;height:auto}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .praise:hover{transform:scale(1.1)}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item span{padding-left:.125rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right img{margin-left:.4375rem;width:.875rem!important;height:.4375rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right .preset-date{font-size:.875rem;font-weight:400;color:#9a9a9a!important;color:var(--info-sig-color)!important;line-height:1.5rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.preset-list-container .card-placeholder:after{content:"";width:23.75rem}.preset-list-container .hot-data-container .hot-data{width:23.75rem;padding:.875rem 1.25rem 0;background-color:#fff;background-color:var(--white-bg-color);border-radius:8px}.preset-list-container .hot-data-container .hot-data .hot-data-head{padding:0 .8125rem .6875rem}.preset-list-container .hot-data-container .hot-data .hot-data-head div{font-size:1.125rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.preset-list-container .hot-data-container .hot-data .hot-data-head .small-img{width:1.5625rem}.preset-list-container .hot-data-container .hot-data .hot-data-head img{width:1.125rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container{padding:1rem .5rem .375rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset{margin-bottom:.625rem;cursor:pointer}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .circle{width:2.375em;height:2.375em;border-radius:50%;background-position:50%;background-size:cover;text-align:center;line-height:2.4375rem;color:#fff;font-weight:700;font-size:1rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9em;margin-left:1.25rem;color:#67676a;color:var(--hot-name-color);font-size:1rem}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags{padding:.3125rem .625rem .75rem}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags{margin-top:.4375rem;margin-right:.5rem;padding:.25rem .3em;border-radius:3px;font-size:1rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);cursor:pointer}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags:hover{opacity:.8}.preset-list-container .hot-data-container .hot-data-gap{margin-top:1.3125rem}.preset-list-container .product{font-size:.875rem}.preset-list-container .media-symbol{max-width:1.5625rem;width:1.5625rem}.preset-list-container .video-symbol-margin{margin-right:.4375rem}.preset-list-container .media-symbol-margin-left{margin-left:.4375rem}.preset-list-container .preset-name{font-size:1.25rem;font-weight:700;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:2.3125rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-sub-info{font-size:1.125rem;font-weight:400;color:#8c8f9f!important;line-height:2.125rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .player-container{position:relative;width:1.75rem!important;height:1.75rem!important;margin-right:.625rem}.preset-list-container .player-container .v-image{width:1.75rem!important;height:1.75rem!important;max-width:1.75rem;position:absolute;top:0;left:0;z-index:7}.preset-list-container .player-container .v-progress-circular{position:absolute;width:1.75rem!important;height:1.75rem!important;z-index:6}.preset-list-container .list-cover-img{height:5.875rem;width:8.8125rem;min-width:8.8125rem;max-width:8.8125rem;margin-right:.625rem;border-radius:6px}.preset-list-container .list-cover-img-left-margin{margin-left:.625rem}.preset-list-container .preset-desc{word-break:break-word;font-size:1rem;font-weight:400;color:#97989e!important;color:var(--preset-list-desc-color)!important;line-height:1.5rem;margin-bottom:0;font-family:Roboto light,sans-serif}.preset-list-container .list-preset-desc{height:4.375rem;max-height:4.375rem;-webkit-line-clamp:3}.preset-list-container .card-preset-desc,.preset-list-container .list-preset-desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.preset-list-container .card-preset-desc{height:5.875rem;max-height:5.875rem;-webkit-line-clamp:4}.preset-list-container .tone-tag-row{margin-top:.25rem!important}.preset-list-container .musical-style-tag-row{margin-top:.9375rem;height:2rem;overflow:hidden}.preset-list-container .musical-style-tag-row .c-tag{display:flex;align-items:center;padding:0 .5em;height:2em}.preset-list-container .musical-style-tag-row .c-tag img{margin-right:.25rem;height:1.8em}.preset-list-container .musical-style-tag-row .c-tag span{word-break:keep-all}.preset-list-container .musical-style-tag-row .musical-style-tag{padding:.5em;margin-right:.5em;text-align:center;font-size:1rem;line-height:1em;border-radius:3px;cursor:pointer}.preset-list-container .musical-style-tag-row .style-tag{font-size:1rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;background:#f8f8f8;background:var(--tag-bg-color)}.preset-list-container .musical-style-tag-row .musical-style-tag:hover{opacity:.8}.preset-list-container .name-date{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .name-date .circle{width:2.75rem!important;height:2.75rem!important;min-width:2.75rem;border-radius:50%;font-size:1.125rem;font-weight:700;color:#fff!important;line-height:2.75rem;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.preset-list-container .name-date .name-date-for{margin-left:.75rem}.preset-list-container .name-date .name-date-for p:first-child{font-size:1rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.6875rem;margin-bottom:0;max-width:14.0625rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preset-list-container .name-date .name-date-for p:nth-child(2){font-size:1rem;font-weight:400;color:#8c8f9f!important;color:var(--date-color)!important;line-height:1.6875rem;margin-bottom:0}.preset-list-container .name-date .name-date-list{width:6rem}.preset-list-container .download-btn{padding:0 1.875rem;border-radius:4px;width:5.875rem;height:2rem!important;font-size:1rem!important;color:#fff!important}.preset-list-container .download-btn .v-btn__content{line-height:1em}.preset-list-container .download-btn:hover{background:#4c6cfb}.preset-list-container .preset-list-style-container .list-item-block{position:relative;padding:.75rem 1.5rem;margin-bottom:.9375rem;border-radius:8px;background:#fff;background:var(--white-bg-color)}.preset-list-container .preset-list-style-container .list-item-block .list-recommended-icon{position:absolute;top:0;left:0;width:1.4375rem;height:2.5rem}.preset-list-container .preset-list-style-container .list-item-block .list-media-symbol-row{height:1.5rem}.preset-list-container .preset-list-style-container .list-item-block .list-media-symbol-row-margin-left{margin-left:.625rem}.preset-list-container .preset-list-style-container .list-item-block .preset-list-desc-container{display:flex;align-items:center;margin-bottom:0;max-height:5.875rem}.preset-list-container .preset-list-style-container .list-item-block .preset-list-desc-container span{height:auto}.preset-list-container .preset-list-style-container .list-item-block .player-container{margin-right:1.4375rem}.preset-list-container .preset-list-style-container .list-item-block .cover-img{margin-left:.625rem;margin-right:0}.preset-list-container .preset-list-style-container .list-item-block .name-download-row{margin-bottom:.625rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row{margin-top:.625rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item{display:flex;align-items:center}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item .opt-icon{width:1.125rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item .num{margin-left:.1875rem;font-size:.875rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.preset-list-container .preset-list-style-container .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.preset-list-container .preset-list-style-container .list-item-block-bottom-margin{margin-bottom:3.75rem}.preset-list-container .preset-list-style-container .preset-list-style-left{padding-right:1.5%}.preset-list-container .preset-list-style-container .preset-list-style-center{padding:0 1.5%}.preset-list-container .preset-list-style-container .preset-list-style-right{padding-left:1.5%}.preset-list-container .preset-loading-container .loading-container{width:73.75rem;max-width:73.75rem;min-width:73.75rem}.preset-list-container .preset-loading-container .card-loading-item{width:23.75rem;padding:1.5rem 1.9375rem 0;margin-bottom:1.4375rem;background:#fff;background:var(--white-bg-color);border-radius:14px;min-height:200px}.preset-list-container .preset-loading-container .list-loading-item{width:100%;height:7.6875rem;padding:.75rem .875rem;margin-bottom:.6875rem;background:#fff;background:var(--white-bg-color);border-radius:8px}.preset-list-container .preset-loading-container .circle{max-width:2.875rem;min-width:2.875rem;height:2.875rem}.preset-list-container .preset-loading-container .height-20{height:1.25rem}.preset-list-container .preset-loading-container .height-23{height:1.4375rem}.preset-list-container .preset-loading-container .height-42{height:2.625rem}.preset-list-container .preset-loading-container .height-47{height:2.9375rem}.preset-list-container .three-column-flex{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.preset-list-container .three-column-flex:after{content:"";width:65%!important}.preset-list-container .three-column-flex .three-column-item{width:32.4%!important;padding-top:0}.preset-list-container .three-column-flex .three-column-item .circle-mycollect{width:2.5rem!important;height:2.5rem!important;min-width:2.5rem;background:#71b47f;border-radius:50%;font-size:1rem;font-weight:700;color:#fff!important;line-height:2.5rem;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.preset-list-container .three-column-flex .three-column-item .line{margin-top:.875rem!important}.preset-list-container .three-column-flex .flex-gap{margin-right:.9375rem}.preset-list-container .three-column-flex .has-padding{padding-top:1.25rem!important}.preset-list-container .three-column-flex .has-padding .hover-block{display:none;position:absolute;bottom:0;left:0;width:100%;height:100%;background:#9e9e9e;opacity:.6;box-shadow:0 .125rem 1.25rem hsla(0,0%,62%,.48);border-radius:14px}.preset-list-container .three-column-flex .has-padding .btn-area{display:none;position:absolute;bottom:2.8%;left:55%}.preset-list-container .three-column-flex .has-padding .btn-area div{width:100%;bottom:1.625rem;left:0;display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .three-column-flex .has-padding .btn-area div img{width:2.375rem!important;height:2.375rem!important;margin-right:1.5rem}.preset-list-container .three-column-flex .has-padding .btn-area div span{line-height:2.375rem;margin-right:1.5rem;background:#3e5ff1;border-radius:22px;height:2.375rem;font-size:1.0625rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center;width:5.9375rem}.preset-list-container .three-column-flex .has-padding .btn-area div span:hover{background:#4c6cfb}.preset-list-container .three-column-flex .has-padding:hover .hover-block{display:block;z-index:49}.preset-list-container .three-column-flex .has-padding:hover .btn-area{display:block;z-index:199}.preset-list-container .page-item{margin:20px 0 40px;display:flex;justify-content:center}.no-padding-top{margin-top:0!important}.reminder-icon{background:#e5c24e;border-radius:50%;width:2rem;height:2rem;color:#fff;font-size:1.25rem;text-align:center;margin-right:.5rem}.dialog-cancel-btn{background:#f5f5f5!important;font-weight:700!important;color:#4f525e!important}.dialog-delete-btn{background:#f13e3e!important;color:#fff!important;font-weight:700!important;margin-left:2.5rem}.drop-item{max-height:2.25rem!important;height:2.25rem!important;min-height:2.25rem!important;text-align:center!important;justify-content:center!important}.drop-item-block{min-height:1rem!important}.hoverAuthorInfo{width:23.6875rem;height:11.9375rem;z-index:2;padding:1.75rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .1875rem 1.25rem rgba(0,0,0,.1);border-radius:6px}.hoverAuthorInfo .row-1{margin-bottom:0;justify-content:space-between!important}.hoverAuthorInfo .row-1,.hoverAuthorInfo .row-1 .row-1-left{display:flex!important;align-items:center!important;flex-wrap:nowrap!important}.hoverAuthorInfo .row-1 .row-1-left{width:70%;justify-content:flex-start!important}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-name{width:2.75rem!important;height:2.75rem!important;border-radius:50%;flex-shrink:0;font-size:1.1875rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;background-size:cover;background-position:50%}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname{padding-left:1rem}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p{margin-bottom:0}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:first-child{width:8.125rem;font-size:1rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:nth-child(2){width:8.125rem;font-size:1rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{display:none!important;background:#3e5ff1;border-radius:6px;color:#fff!important;display:grid;text-align:center}.hoverAuthorInfo .row-1 .hover-container .row-1-focus,.hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{padding:0 .625rem;line-height:2.5rem!important;height:2.5rem;width:5.5rem;font-size:1.125rem;font-weight:400!important;margin-bottom:0;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container .row-1-focus{display:block;border-radius:6px;border:.0625rem solid #3e5ff1;color:#3e5ff1!important;display:grid}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{display:none!important;background:#7f8082;height:2.5rem;display:grid;text-align:center}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus,.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{line-height:2.5rem!important;border-radius:6px;width:5.5rem;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus{display:block;height:2.5rem!important;background:#97989e;display:grid}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus-hover{display:block!important;padding:0 .625rem;line-height:2.5rem!important;background:#3e5ff1;border-radius:6px;width:5.5rem;height:2.5rem;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus{display:none}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus-hover{display:block!important;line-height:2.5rem!important;height:2.5rem!important;width:5.5rem;background:#7f8082;border-radius:6px;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus{display:none}.hoverAuthorInfo .data-show-list{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .8125rem}.hoverAuthorInfo .data-show-list ul{margin-top:1.25rem;display:flex;flex-direction:column;align-items:center;padding-left:0!important}.hoverAuthorInfo .data-show-list li{list-style:none;text-align:center}.hoverAuthorInfo .data-show-list .title{font-size:1.25rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;font-size:1.25rem!important;margin-bottom:0}.hoverAuthorInfo .data-show-list .num{font-size:1.25rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.font-size-14{font-size:.875rem}.follow-container{width:100%;padding-bottom:2.5rem}.follow-container .my-focus-item .rows-1{margin-bottom:1.25rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 p{margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-left{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 .rows-1-left .name-circle-follow{width:2.75rem!important;height:2.75rem!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;font-size:1.125rem;font-weight:700!important;color:#fff!important;margin-bottom:0;border-radius:50%;background-position:50%;background-size:cover}.follow-container .my-focus-item .rows-1 .rows-1-left .name{font-size:1.25rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;margin-left:1.25rem}.follow-container .my-focus-item .rows-1 .rows-1-left .date{font-size:1.0625rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-right{width:6.75rem;line-height:2.625rem;border:1px solid #707070;border-radius:7px;font-size:1.125rem;font-weight:300!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.follow-container .my-focus-item .rows-1 .rows-1-right-hover{display:none;width:6.75rem;line-height:2.625rem;background:#e84747;border-radius:7px;border:1px solid #e84747;font-size:1.125rem;font-weight:300!important;color:#fff!important;margin-bottom:0;text-align:center}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right-hover{display:block}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right{display:none}.follow-container .my-focus-item .preset-list-flex .hover-parent .hover-item{display:none;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:8px}.follow-container .my-focus-item .preset-list-flex .hover-parent:hover .hover-item{display:block;z-index:2}.follow-container .my-focus-item .preset-list-flex .light-hover-item{background:#9e9e9e;opacity:.6}.follow-container .my-focus-item .preset-list-flex .dark-hover-item{background-image:linear-gradient(180deg,rgba(64,64,64,.08),#201f1f);opacity:.7}.follow-container .my-focus-item .preset-list-flex .hover-parent:hover .btn-area{display:block;z-index:3}.follow-container .my-focus-item .preset-list-flex .btn-area{display:none;position:absolute;width:100%;height:100%;top:0;left:0}.follow-container .my-focus-item .preset-list-flex .btn-area .down-btn{position:absolute;right:1.25rem;bottom:.9375rem;line-height:2rem;background:#3e5ff1;border-radius:4px;height:2rem;font-size:1rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center;width:5.875rem}.follow-container .my-focus-item .preset-list-flex .btn-area .down-span:hover{background:#4c6cfb}.follow-container .my-focus-item .preset-list:after{content:"";display:block;width:33.33333%;height:100%}.follow-container .page-item{margin:20px 0 50px;display:flex;justify-content:center}.focus-author-list{width:100%}.myinfo-container{width:75rem}.myinfo-container .title-name{font-size:1.25rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .info-data-block{margin-top:1.75rem;padding:2.5rem 2rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .1875rem .375rem rgba(0,0,0,.03);border-radius:10px}.myinfo-container .info-data-block .info-data-block-left{max-width:61%;display:flex;justify-content:flex-start;align-items:center}.myinfo-container .info-data-block .info-data-block-left .shot-name{position:relative;min-width:6.25rem;width:6.25rem;height:6.25rem;line-height:6.25rem;border-radius:50%;font-size:2.75rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.myinfo-container .info-data-block .info-data-block-left .shot-name .upload-avatar-block{width:2.5rem;height:2.5rem;position:absolute;bottom:0;right:-.625rem;border-radius:50%;background-color:#626367;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1}.myinfo-container .info-data-block .info-data-block-left .shot-name .upload-avatar-block .camera{max-width:1.25rem}.myinfo-container .info-data-block .info-data-block-left .shot-name .official{position:absolute;bottom:0;right:0;max-width:1.875rem}.myinfo-container .info-data-block .info-data-block-left .shot-name .avatar{border-radius:50%}.myinfo-container .info-data-block .info-data-block-left .userinfo-data{width:97%;margin-left:1.625rem}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .admin-symbol{margin-right:.3125rem;padding:0 .25rem;font-size:1rem;color:#3e5ff1;line-height:1.5rem;background-color:#d0d7f4;background-color:var(--change-style-gb-color);border:1px solid #3e5ff1;border-radius:6px;word-break:keep-all}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-name{margin-bottom:0;font-size:1.5rem;color:#636468;color:var(--register-btn-color);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-account{margin-bottom:2px;font-size:1.125rem;color:#636468;color:var(--register-btn-color)}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-sig{font-size:1.125rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-sig-no-fold{font-size:1.125rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;line-height:1.25rem;word-break:break-word}.myinfo-container .info-data-block .info-data-block-left .expand-info{color:#3e5ff1;text-decoration:underline;cursor:pointer}.myinfo-container .info-data-block .info-data-btns .focus-btn{min-width:5.625rem;margin-top:.875rem;padding:.3125rem .5rem;color:#fff;font-size:1rem;line-height:1.625rem;border-radius:3px}.myinfo-container .info-data-block .info-data-btns .msg-btn{color:#8c8f9f!important;color:var(--date-color)!important;border:1px solid #8c8f9f!important;border:1px solid var(--date-color)!important}.myinfo-container .info-data-block .info-data-btns .msg-btn img{width:1.125rem;margin-right:.3125rem}.myinfo-container .info-data-block .info-data-btns .focused{color:#fff!important;color:var(--info-focus-color)!important;background:#d1d2d4!important;background:var(--filter-tag-bd-color)!important}.myinfo-container .info-data-block .info-data-btns .focused .focused-hover-span,.myinfo-container .info-data-block .info-data-btns .focused:hover .focused-non-hover-span{display:none}.myinfo-container .info-data-block .info-data-btns .focused:hover .focused-hover-span{display:inline!important}.myinfo-container .info-data-block .author-len{max-width:46.5625rem!important}.myinfo-container .info-data-block .info-data-block-right{display:grid;justify-items:flex-end}.myinfo-container .info-data-block .info-data-block-right .edit-btn{display:inline-block;align-self:end;width:6.75rem;line-height:2.5rem;border:1px solid #636468;border:1px solid var(--register-btn-color);border-radius:7px;font-size:1.125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.myinfo-container .info-data-block .info-data-block-right .edit-btn:hover{background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.myinfo-container .info-data-block .info-data-block-right .edit-btn-en{width:auto!important;padding:0 1.0625rem}.myinfo-container .info-data-block .data-show-list ul{margin-top:.625rem;padding-left:1.25rem}.myinfo-container .info-data-block .data-show-list li{list-style:none;text-align:center}.myinfo-container .info-data-block .data-show-list .title{font-size:1.125rem!important;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .info-data-block .data-show-list .num{font-size:1rem!important;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .info-data-block .data-show-list .data-divider{width:0;height:2.9375rem;margin:.625rem 0 0 1.25rem;opacity:.5;border-left:2px solid #707070;border-left:2px solid var(--feedbcak-color)}.myinfo-container .title-playmenu{position:relative;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 2rem;margin-top:3rem}.myinfo-container .title-playmenu .opt-btn{width:auto!important;padding:0 1.0625rem}.myinfo-container .title-playmenu .opt-btn:hover{background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.myinfo-container .title-playmenu p:first-child,.myinfo-container .title-playmenu p:nth-child(2){font-size:1.125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu p:nth-child(2){width:6.25rem;line-height:2.5rem;border:1px solid #636468;border:1px solid var(--register-btn-color);border-radius:7px;text-align:center}.myinfo-container .title-playmenu .anchor{position:absolute;left:0;top:3.125rem}.myinfo-container .title-playmenu-multip{margin-top:3.5rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .title-playmenu-multip .go-back{display:flex;justify-content:flex-start;align-items:center;font-size:1.75rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu-multip .go-back img{width:2rem!important;height:2rem!important}.myinfo-container .title-playmenu-multip .play-btn span:first-child{padding-right:1.75rem;font-size:1.5rem;font-weight:400!important;color:#e84747!important;margin-bottom:0}.myinfo-container .title-playmenu-multip .play-btn span:nth-child(2){padding-right:2.5rem;font-size:1.5rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list{padding:0 2rem;margin:1.25rem 0;background:#fff;background:var(--white-bg-color);box-shadow:0 .1875rem .375rem rgba(0,0,0,.03);border-radius:10px}.myinfo-container .focus-list .focus-item{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;min-height:7.5rem}.myinfo-container .focus-list .focus-item .focus-list-left{max-width:50%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .focus-list .focus-item .focus-list-left .short-name{width:2.875rem!important;height:2.875rem!important;min-width:2.875rem;width:2.875rem;line-height:2.875rem;border-radius:50%;font-size:1.25rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig{width:30rem;margin-left:1.625rem}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:first-child{font-size:1.125rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;font-weight:300!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-1{font-size:1.125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right .item-2{margin-left:1rem;padding:1.125rem;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:4px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;width:16.375rem!important;height:4.1875rem!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 img{width:3.875rem!important;height:3.875rem!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 span{padding-left:1.125rem;font-size:1.125rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;height:1.875rem;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.875rem}.myinfo-container .focus-list .focus-item .focus-list-right .item-3{border:1px solid #707070;border-radius:7px;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-3,.myinfo-container .focus-list .focus-item .focus-list-right .item-3-hover{width:auto;min-width:6.75rem;margin-left:2.5rem;line-height:2.625rem;height:2.625rem;font-size:1.125rem;font-weight:400!important;margin-bottom:0;text-align:center}.myinfo-container .focus-list .focus-item .focus-list-right .item-3-hover{display:none;border:1px solid #e84747;background:#e84747;border-radius:7px;color:#fff!important}.myinfo-container .focus-list .focus-item .focus-list-right .control-hover:hover .item-3{display:none}.myinfo-container .focus-list .focus-item .focus-list-right .control-hover:hover .item-3-hover{display:block}.myinfo-container .no-data{font-size:1.0625rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-shadow:0 0 #000;padding:10px 0 10px 32px}.myinfo-container .no-data-margin{margin-top:-1.75rem}.myinfo-container .preset-list-container{margin-top:1.75rem!important}.myinfo-container .preset-list-container .preset-list-flex{justify-content:space-between}.myinfo-container .preset-list-container .preset-list-flex .list-item-block{padding:.625rem 1.25rem 1.25rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .product-media-row .menu-img{width:1.25rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .musical-style-tag-row{margin:.5rem 0 .9375rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .state-count{margin-top:1.25rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.myinfo-container .preset-list-container .preset-list-flex:after{content:"";width:23.75rem}.myinfo-container .hand-hover{cursor:pointer}.delete-color{color:#e66666!important}.editmyinfo-container{width:75rem}.editmyinfo-container .title-label{display:flex}.editmyinfo-container .title-label i{font-size:1.6875rem;vertical-align:middle;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .title-label span{padding-left:.3125rem;font-size:1.375rem;font-weight:700;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .editmyinfo-layout{margin-top:1.8125rem;justify-content:space-between}.editmyinfo-container .setting-tab{flex-basis:13.5%;max-width:13.5%;height:47.5rem;background:#fff;background:var(--white-bg-color);border-radius:8px}.editmyinfo-container .setting-tab .tabs-container{padding-top:2.375rem;font-size:1.25rem;font-weight:700;text-align:center;color:#707070;color:var(--feedbcak-color)}.editmyinfo-container .setting-tab .tabs-container div{line-height:2.2em}.editmyinfo-container .setting-tab .tabs-container .tab-active{color:#3e5ff1}.editmyinfo-container .form-block{flex-basis:85%;max-width:85%;height:47.5rem;padding:2.375rem;overflow-y:scroll;background:#fff;background:var(--white-bg-color);box-shadow:0 .1875rem .375rem rgba(0,0,0,.03);border-radius:8px}.editmyinfo-container .form-block .avatar-block{position:relative}.editmyinfo-container .form-block .avatar-block .upload-btn{height:2.25rem;padding:0 .625rem;position:absolute;bottom:0;left:7.5rem;font-size:1.125rem;color:#97989e;color:var(--preset-list-desc-color);background-color:#fff;background-color:var(--white-bg-color);border:1px solid #97989e;border:1px solid var(--preset-list-desc-color);border-radius:7px}.editmyinfo-container .form-block .short-name{width:6.25rem;height:6.25rem;line-height:6.25rem;border-radius:50%;font-size:2.75rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.editmyinfo-container .form-block .input-div-title{display:flex;align-items:flex-start;align-items:baseline}.editmyinfo-container .form-block .input-div-title .word-count{display:inline-block;margin-left:1.25rem;color:#141414;color:var(--black-title)}.editmyinfo-container .form-block .input-div{margin-top:1.25rem}.editmyinfo-container .form-block .input-div .lable{font-size:1.25rem;font-weight:700!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .input{width:26.875rem!important;height:2.75rem!important;padding-left:.9375rem}.editmyinfo-container .form-block .input-div .input,.editmyinfo-container .form-block .input-div .textarea{background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:5px;font-size:1.125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .textarea{width:76%;height:7.625rem;padding:.9375rem}.editmyinfo-container .form-block .input-div .info-select{width:26.8125rem!important;height:2.75rem!important;border-radius:5px;font-size:1.125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;background-size:2.5%}.editmyinfo-container .form-block .input-div .info-select .v-btn__content{text-align:left;display:inline}.editmyinfo-container .form-block .input-div .info-select .v-btn__content span{width:25rem;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:2.75rem!important;line-height:2.75rem}.editmyinfo-container .form-block .input-div .info-select .select-icon{float:right;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .form-block .input-div .info-select-light-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll var(--preset-input-bg-color) 98%}.editmyinfo-container .form-block .input-div .info-select-dark-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll var(--preset-input-bg-color) 98%}.editmyinfo-container .form-block .input-div.active-color{color:#3e5ff1!important}.editmyinfo-container .form-block .button-sub{width:6.25rem!important;height:2.75rem!important;margin-top:2.875rem;background-color:#3e5ff1!important;border-radius:8px;text-transform:capitalize;font-size:1.125rem;color:#fff}.editmyinfo-container .form-block .tab-title{font-size:1.25rem;color:#636468;color:var(--register-btn-color);font-weight:700;line-height:2em}.editmyinfo-container .form-block .setting-item-desc,.editmyinfo-container .form-block .setting-item-title{font-size:1.125rem;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .form-block .setting-item-desc{opacity:.6}.editmyinfo-container .form-block .scope-menu .menu-btn{width:11.875rem;font-size:1rem;padding:0 .75rem;border-radius:6px;background-color:#fff!important;background-color:var(--post-menu-bg-color)!important;color:#88898d;color:var(--filter-btn-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2)}.editmyinfo-container .form-block .scope-menu .menu-btn .item-name{width:10.3125rem;padding-left:.3125rem;text-align:left}.editmyinfo-container .right-flex{text-align:right}.editmyinfo-container .height-65{height:4.0625rem}.editmyinfo-container .height-85{height:5.3125rem}.editmyinfo-container>>>.v-list-item__title{font-size:1.5rem!important;color:#97989e;font-weight:400!important}.not-exit-btn{color:#a4a4a4!important;border:1px solid #a4a4a4;border-radius:6.4375rem!important}.exit-btn,.not-exit-btn{background:#fff!important;background:var(--white-bg-color)!important;font-weight:700!important}.exit-btn{color:#707070!important;border:1px solid #707070;border-radius:6.4375rem!important;margin-left:2.5rem}.preset-info-container{width:75rem;max-width:75rem;margin:1.25rem auto;padding:3.375rem 5rem;background:#fff;background:var(--white-bg-color);border-radius:14px}.preset-info-container .info-loading-container .circle{max-width:3.375rem;min-width:3.375rem;height:3.375rem}.preset-info-container .info-loading-container .height-19{height:1.1875rem}.preset-info-container .info-loading-container .height-25{height:1.5625rem}.preset-info-container .info-loading-container .height-32{height:2rem}.preset-info-container .info-loading-container .width-height-160{height:10rem;max-width:10rem;width:10rem}.preset-info-container .info-loading-container .width-163-height-146{height:9.125rem;max-width:10.1875rem;width:10.1875rem}.preset-info-container .info-loading-container .height-62{height:3.875rem}.preset-info-container .info-loading-container .height-247{height:15.4375rem}.preset-info-container .info-loading-container .height-476{height:29.75rem}.comment-container{width:100%}.comment-container .row-1{font-size:2.25rem;font-weight:700!important;color:#141414!important;margin-bottom:0;margin-top:1.625rem;padding-left:.5rem}.comment-container .row-2{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;padding:0;margin-bottom:2.5rem}.comment-container .row-2 li{padding:.75rem .5rem;margin-right:1.875rem;list-style:none;font-size:1.5rem;font-weight:700!important;color:#919191!important;margin-bottom:0}.comment-container .row-2 .action{font-size:2.25rem;font-weight:700!important;color:#415fe6!important;margin-bottom:0;border-bottom:.125rem solid #415fe6}.comment-container .flex-two-column{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important}.comment-container .flex-two-column .short-name{width:7rem!important;height:7rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:3rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.comment-container .flex-two-column .textarea-container{margin-left:2.25rem}.comment-container .flex-two-column .textarea-container textarea{width:100%!important;height:8.625rem!important;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;padding:.875rem 0 0 1.25rem;font-size:1.75rem;font-weight:400!important;color:#b9b9b9!important;color:var(--text-area-color)!important;margin-bottom:0}.comment-container .flex-two-column .sub-comment{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.comment-container .flex-two-column .sub-comment .btn{width:8.875rem!important;height:3rem!important;background:#3f5ee6;border-radius:4px;font-size:1.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.comment-container .flex-two-column .flex-center,.comment-container .flex-two-column .tip-author{display:grid;justify-items:center;align-items:center}.comment-container .flex-two-column .tip-author{margin-top:.375rem;width:6.25rem!important;height:2.75rem!important;border:.0625rem solid #3f5ee6;border-radius:22px;font-size:1.5rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container{padding-top:.75rem;margin-left:2.25rem;font-size:1.25rem;font-weight:500!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .top-ceontent .top-sign{width:6.25rem!important;height:2.75rem!important;flex-shrink:0;margin-right:1.875rem;border:1px solid #3f5ee6;border-radius:6px;display:grid;justify-content:center;align-content:center;font-size:1.5rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .comment-content{width:60%}.comment-container .flex-two-column .comment-container .comment-content,.comment-container .flex-two-column .comment-container .comment-content-all{font-size:1.25rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .count-play{display:flex;justify-content:flex-start;align-items:center;margin-top:.625rem}.comment-container .flex-two-column .comment-container .count-play .time{font-size:1.25rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .count-play .dz-container{margin:0 3.125rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5eea3a990d.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container span{font-size:1.25rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.75rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container:hover i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f016ca36e/reday-dz.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f016989ee/dz-ok.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container span{font-size:1.25rem;font-weight:400!important;color:#919191!important;margin-bottom:0;padding-left:.75rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container{margin-left:2.125rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d55cbb0/bad-dz-default.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container:hover i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d5918c2/bad-dz-ready.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container{margin-left:2.125rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d5821da/bad-dz-ok.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .replay{font-size:1.25rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container{width:66.5rem;margin-top:1.375rem;padding:.5rem .5rem 1.375rem;background:#fafafa}.comment-container .flex-two-column .child-comment-container .short-name-child{width:3.75rem!important;height:3.75rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:3rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .replay-name{flex-shrink:0;margin-right:1.75rem}.comment-container .flex-two-column .child-comment-container .replay-name p{margin:0}.comment-container .flex-two-column .child-comment-container .replay-name span:first-child{font-size:1.25rem;font-weight:500!important;color:#919191!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .replay-name span:nth-child(2){font-size:1.25rem;font-weight:500!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .comment-content-long{width:100%;font-size:1.25rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .loading-replay{background:url(http://res.hotoneaudio.com/preset_20201118_5fb480d4aa198.png) no-repeat;background-size:1rem .875rem;background-position:center left 0;padding-left:1.625rem;font-size:1.5rem;font-weight:500!important;color:#3f5ee6!important;margin:2.5rem 0 0 6.25rem}.comment-container .flex-two-column .child-comment-container .shouqi-replay{background:url(http://res.hotoneaudio.com/preset_20201221_5fe033dbd2b1a/%E7%BB%84%201009%402x.png) no-repeat;background-size:1rem .875rem;background-position:center left 0;padding-left:1.625rem;font-size:1.5rem;font-weight:500!important;color:#3f5ee6!important;margin:2.5rem 0 0 6.25rem}.comment-container .flex-two-column .replay-textarea{margin-top:1.5rem}.comment-container .flex-two-column .replay-textarea .short-name-middle{width:4.75rem!important;height:4.75rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:3rem;font-weight:700!important;color:#fff!important;margin-bottom:0;flex-shrink:0}.comment-container .flex-two-column .replay-textarea textarea{width:60.25rem!important;height:8.125rem!important}.comment-container .bottom-border-line{margin-bottom:1.375rem;padding-bottom:1.5rem;border-bottom:.125rem solid #919191}.comment-container .flex-layout{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.comment-container .play-menu img{width:3rem!important;height:3rem!important}.info-container{position:relative}.info-container .recommedation-icon{position:absolute;top:-3.375rem;right:-5rem;width:1.4375rem;height:2.5rem;cursor:pointer}.info-container .row-1{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important}.info-container .row-1 .row-1-flex{width:80%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-1 .row-1-flex .circle{display:grid;justify-content:center;align-content:center;width:3.125rem!important;height:3.125rem!important;min-width:3.125rem;font-size:1.25rem;font-weight:700!important;color:#fff!important;margin-bottom:0;cursor:pointer;background-position:50%;background-size:cover;border-radius:50%}.info-container .row-1 .row-1-flex .row-1-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0}.info-container .row-1 .row-1-flex .v-btn{padding:0 1.0625rem;margin-left:1.25rem;border-radius:3px}.info-container .row-1 .row-1-flex .row-1-focus{font-size:1.25rem;font-weight:500!important;color:#fff!important;margin-bottom:0;background-color:#3e5ff1}.info-container .row-1 .row-1-flex .row-1-focus-already{font-size:1.25rem;font-weight:400!important;color:#fff!important;color:var(--info-focus-color)!important;margin-bottom:0;background:#d1d2d4;background:var(--filter-tag-bd-color)}.info-container .row-1 .row-1-flex .row-1-focus-already .v-btn__content{line-height:1em}.info-container .row-1 .row-1-flex .row-1-focus-already .hover-span{display:none}.info-container .row-1 .row-1-flex .row-1-focus-already:hover{background:#d1d2d4;background:var(--filter-tag-bd-color)}.info-container .row-1 .row-1-flex .row-1-focus-already:hover .hover-span{display:block!important}.info-container .row-1 .row-1-flex .row-1-focus-already:hover .not-hover-span{display:none}.info-container .row-1 .row-1-flex .name-sig{margin:.75rem;cursor:pointer}.info-container .row-1 .row-1-focus:hover{background:#3f5ee6;font-size:1.25rem;font-weight:400!important;color:#fff!important;margin-bottom:0}.info-container .row-1 .share-menu{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-1 .share-menu img{width:1.875rem!important;height:1.25rem!important}.info-container .row-1 .play-menu img{width:2rem!important;height:auto!important}.info-container .row-1 .play-menu .share-img{width:2.9375rem!important;height:2.3125rem!important}.info-container .row-2 .row-2-info{margin-right:.3125rem}.info-container .row-2 .row-2-info .row-2-name{font-size:1.5rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.info-container .row-2 .row-2-info .row-2-attr{font-size:1.375rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;white-space:normal;overflow:hidden;text-overflow:ellipsis;margin-top:.3125rem}.info-container .row-2 .row-2-info .musical-style-tag-container{margin-top:.375rem}.info-container .row-2 .row-2-info .musical-style-tag{padding:.5em .625em;margin:.3125em .5em 0 0;text-align:center;font-size:1rem;line-height:1em;border-radius:3px;cursor:pointer}.info-container .row-2 .row-2-info .c-tag{display:flex;align-items:center;height:2em;padding-top:0;padding-bottom:0}.info-container .row-2 .row-2-info .c-tag img{height:1.5em}.info-container .row-2 .row-2-info .style-tag{font-size:1rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;background:#f8f8f8;background:var(--tag-bg-color)}.info-container .row-2 .row-2-info .musical-style-tag:hover{opacity:.8}.info-container .row-2 .row-2-pro-img-name{display:flex;flex-direction:column;align-items:center;padding:0 .5rem 1.125rem;max-width:12.625rem;max-height:12.8125rem;background:#fbfbfb;background:var(--file-list-bg-color);text-align:center;border-radius:8px}.info-container .row-2 .row-2-pro-img-name img{width:6.875rem}.info-container .row-2 .row-2-pro-img-name div{font-size:1.125rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .file-list{max-height:16.25rem;margin-top:1rem;padding:.625rem 1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:8px;overflow-x:hidden;overflow-y:scroll}.info-container .file-list .file-list-item{position:relative;padding:0 1.25rem}.info-container .file-list .file-list-item .ab-center{position:absolute;left:0;top:50%;width:100%;height:85%;display:flex;justify-content:center;align-items:center;transform:translateY(-50%)}.info-container .file-list .file-list-item .unaudit-cover{background-color:#000;opacity:.3}.info-container .file-list .file-list-item .unaudit-text{font-size:1rem;color:#fff}.info-container .row-3{margin-top:3rem}.info-container .row-3 .file-tip{font-size:1.375rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-3 .file-tip span{font-size:1.25rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;margin-left:5px;background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px;display:inline-block;width:1.875rem;text-align:center}.info-container .row-3 .file-list .img-file-name-layout{margin:.875rem 0}.info-container .row-3 .file-list .img-file-name-flex{display:flex;align-items:center}.info-container .row-3 .file-list .img-file-name-flex img{width:3rem!important;height:3rem!important}.info-container .row-3 .file-list .img-file-name-flex div{margin-left:1rem;font-size:1.25rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis}.info-container .row-3 .file-list .custom-sm{flex-basis:4%;flex-grow:0;max-width:4%}.info-container .row-3 .file-list .download-img{width:.9375rem;cursor:pointer;margin-right:1.25rem}.info-container .row-3 .download{width:auto!important;height:2.25rem!important;background:#3e5ff1!important;border-radius:4px;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0}.info-container .row-3 .download:hover{background:#4c6cfb!important}.info-container .upload-audio-row{margin-top:1.25rem}.info-container .upload-audio-row .row-title{font-size:1.375rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .upload-audio-row .info-player-container{padding:.75rem 0}.info-container .upload-audio-row .info-player-container .v-image{width:2.75rem;height:2.75rem;max-width:2.75rem;margin-right:.9375rem;cursor:pointer}.info-container .upload-audio-row .info-player-container .player-info{font-size:1.125rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .upload-audio-row .info-player-container .file-name{padding:0 .3125rem 0 2.25rem}.info-container .row-4{width:100%;margin-top:1.4375rem;font-size:1.25rem;color:#949494;color:var(--tag-color);word-break:break-word;font-family:Roboto light,sans-serif;line-height:1.75rem;overflow:hidden}.info-container .row-4 .cover-img{float:left;width:20rem;margin-right:1.25rem;border-radius:4px}.info-container .row-5{margin-top:1.25rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-5 .row-5-url{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .row-5 .row-5-url span:first-child{font-size:1.25rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.info-container .row-5 .row-5-url span:nth-child(2){font-size:1.25rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .row-5 .row-5-changes{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-5 .row-5-changes p{display:grid;justify-content:center;align-content:center;width:1.375rem!important;height:1.375rem!important;margin-right:.625rem;border:1px solid #97989e;border-radius:4px;font-size:1.125rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .row-5 .row-5-changes p:hover{background-color:#f0f8ff}.info-container .row-5 .row-5-changes .active{border:1px solid #3e5ff1;font-size:1.125rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0}.info-container .row-6{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-6 iframe{height:88px!important;width:100%!important;border-radius:26px;border:none}.info-container .row-6 img{width:3rem!important;height:3rem!important}.info-container .row-7{margin-top:.9375rem}.info-container .row-7 .row-title{font-size:1.375rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-8{margin-top:.75rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-8 iframe{width:55rem!important;height:35rem!important;border-radius:26px;border:none}.info-container .row-8 img{width:3rem!important;height:3rem!important}.info-container .row-9{margin-top:2rem;display:grid;justify-content:center;align-content:center}.info-container .row-9 img{width:4rem!important;height:4rem!important}.info-container .row-9 .hover-container .not-focus-state{width:4rem!important;height:4rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75eaa71f/info-focus-pt.png);background-size:cover}.info-container .row-9 .hover-container:hover .not-focus-state{width:4rem!important;height:4rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75ee025e/info-focus-hover.png);background-size:cover}.info-container .row-10{margin:2rem 0}.info-container .row-10 .state-count-item{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;margin-right:1.375rem;cursor:pointer;font-size:1.125rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .row-10 .state-count-item img{width:1.875rem;height:auto;margin-right:.25rem}.info-container .row-10 .state-count-item .download-img{width:1.625rem!important}.info-container .row-10 .update-info{font-size:1.125rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .font-20-400-9A9A9A{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;font-weight:400!important;color:#9a9a9a!important;color:var(--info-sig-color)!important;margin-bottom:0}.info-container .qrcode{justify-content:center;display:flex}.info-container .hand-hover{cursor:pointer}.preset-comment-container{width:100%;margin-top:2.5rem}.preset-comment-container .row-1{font-size:1.25rem;font-weight:700!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0;margin-top:1.625rem;padding-left:.5rem}.preset-comment-container .row-2{margin-top:.8125rem;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;padding:0;margin-bottom:1.5rem}.preset-comment-container .row-2 li{padding:.75rem .5rem .125rem;margin-right:1.875rem;list-style:none;font-size:1.25rem;font-weight:700!important;color:#919191!important;margin-bottom:0}.preset-comment-container .row-2 .action{font-size:1.25rem;font-weight:700!important;color:#415fe6!important;margin-bottom:0;border-bottom:.125rem solid #415fe6}.preset-comment-container .flex-two-column{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important}.preset-comment-container .flex-two-column .short-name{width:4rem!important;height:4rem!important;display:grid;justify-content:center;align-content:center;border-radius:50%;font-size:1.875rem;font-weight:700!important;color:#fff!important;margin-bottom:0;min-width:4rem;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .textarea-container{margin-left:2.25rem;width:100%}.preset-comment-container .flex-two-column .textarea-container textarea{width:100%!important;height:8.625rem!important;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;padding:.875rem 0 0 1.25rem;font-size:1.25rem;font-weight:400!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0;resize:none;outline:none}.preset-comment-container .flex-two-column .no-margin{margin-left:0!important}.preset-comment-container .flex-two-column .sub-comment{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;margin-top:.75rem}.preset-comment-container .flex-two-column .sub-comment .btn{height:2.25rem!important;background:#3e5ff1!important;font-size:1.125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;border-radius:4px}.preset-comment-container .flex-two-column .flex-center{display:grid;justify-items:center;align-items:center}.preset-comment-container .flex-two-column .tip-author{margin-top:.75rem;width:4.375rem!important;height:1.75rem!important;border:.0625rem solid #3f5ee6;border-radius:20px;font-size:1rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;display:grid;justify-items:center;align-items:center}.preset-comment-container .flex-two-column .comment-container{padding-top:.75rem;margin-left:2.25rem;font-size:1.25rem;font-weight:500!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .top-ceontent .top-sign{width:4.3125rem!important;height:1.9375rem!important;margin-right:.9375rem;border:1px solid #3f5ee6;border-radius:6px;display:inline-block!important;line-height:1.9375rem;font-size:1.125rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;text-align:center}.preset-comment-container .flex-two-column .comment-container .comment-content{width:60%}.preset-comment-container .flex-two-column .comment-container .comment-content,.preset-comment-container .flex-two-column .comment-container .comment-content-long{font-size:1.25rem;font-weight:400!important;color:#141414!important;color:var(--black-title-2)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play{display:flex;justify-content:flex-start;align-items:center;margin-top:.625rem}.preset-comment-container .flex-two-column .comment-container .count-play .time{font-size:1.25rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container{margin:0 3.125rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container{display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container .comment-opt-img{width:1.5rem!important;height:1.5rem!important;cursor:pointer}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container span{font-size:1.25rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.75rem}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container{display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/preset_btn_like_filled.svg);background-size:cover}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container span{font-size:1.25rem;font-weight:400!important;color:#919191!important;margin-bottom:0;padding-left:.75rem}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container{margin-left:2.125rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container .comment-opt-img{width:1.5rem!important;height:1.5rem!important;cursor:pointer}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container span{font-size:1.25rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.75rem}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container{margin-left:2.125rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container i{display:inline-block;width:1.5rem!important;height:1.5rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/preset_btn_dislike_filled.svg);background-size:cover}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container span{padding-left:.75rem}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container span,.preset-comment-container .flex-two-column .comment-container .count-play .replay{font-size:1.25rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play .replay:hover{color:#3e5ff1!important}.preset-comment-container .flex-two-column .child-comment-container{width:100%!important;margin-top:1.375rem;padding:.9375rem .5rem 1.375rem 1.25rem;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px}.preset-comment-container .flex-two-column .child-comment-container .short-name-child{width:3.75rem!important;height:3.75rem!important;display:grid;justify-content:center;align-content:center;border-radius:50%;font-size:2rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .child-comment-container .replay-name{margin-right:1.75rem}.preset-comment-container .flex-two-column .child-comment-container .replay-name p{margin:0}.preset-comment-container .flex-two-column .child-comment-container .replay-name span:first-child{font-size:1.25rem;font-weight:500!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .replay-name span:nth-child(2){font-size:1.25rem;font-weight:500!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .comment-content-long{width:100%;font-size:1.25rem;font-weight:400!important;color:#141414!important;color:var(--black-title-2)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .loading-replay{background:url(http://res.hotoneaudio.com/preset_20201118_5fb480d4aa198.png) no-repeat;background-size:1rem .875rem;background-position:center left 0;padding-left:1.625rem;font-size:1.5rem;font-weight:500!important;color:#3f5ee6!important;margin:2.5rem 0 0 6.25rem}.preset-comment-container .flex-two-column .child-comment-container .shouqi-replay{background:url(http://res.hotoneaudio.com/preset_20201221_5fe033dbd2b1a/%E7%BB%84%201009%402x.png) no-repeat;background-size:1rem .875rem;background-position:center left 0;padding-left:1.625rem;font-size:1.5rem;font-weight:500!important;color:#3f5ee6!important;margin:2.5rem 0 0 6.25rem}.preset-comment-container .flex-two-column .replay-textarea{margin-top:1.5rem}.preset-comment-container .flex-two-column .replay-textarea .short-name-middle{min-width:3.75rem;width:3.75rem!important;height:3.75rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:2rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .replay-textarea textarea{height:8.125rem!important;width:100%!important;resize:none}.preset-comment-container .bottom-border-line{margin-bottom:1.375rem;padding-bottom:1.5rem;border-bottom:.0625rem solid #ececec;border-bottom:.0625rem solid var(--divider-color-3)}.preset-comment-container .flex-layout{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-comment-container .flex-layout .name-block{margin-bottom:.625rem}.preset-comment-container .play-menu img{width:2rem!important;height:auto!important}.preset-comment-container .hand-hover{cursor:pointer}.preset-comment-container .page-item{margin:30px 0 50px;display:flex;justify-content:center}.collect-container{width:100%}.collect-container .filter{width:100%;margin-bottom:2.5rem}.collect-container .filter,.collect-container .filter .title-filter{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important}.collect-container .filter .title-tip{font-size:1.25rem;font-weight:700!important;color:#636468!important;margin-bottom:0}.collect-container .filter .filter-btn{font-size:1.25rem;font-weight:400!important;color:#636468!important;margin-bottom:0;text-transform:none;letter-spacing:0}.collect-container .filter .filter-search{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;height:3rem;padding:.625rem .5rem;background:#fff;box-shadow:0 .1875rem 1.25rem rgba(0,0,0,.06);border-radius:11px}.collect-container .filter .filter-search img{width:1.75rem!important;height:1.75rem!important}.collect-container .filter .filter-search input{border:0;outline:none;margin-left:.625rem;font-size:1.25rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.collect-container .filter .filter-search .vertical-line{width:.125rem;height:98%;background:#fafafa}.collect-container .filter .filter-search .cate-slelct-btn{font-size:1.25rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;text-transform:none;letter-spacing:0}.empty-container .not-found-tip{margin-top:.9375rem;font-size:1.25rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.empty-container .key-word-block{margin-top:1.4375rem;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}.empty-container .key-word-block .key-word-title{font-size:1.25rem;font-weight:500!important;color:#636468!important;margin-bottom:0}.empty-container .key-word-block .key-word-content{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important;cursor:pointer}.empty-container .key-word-block .key-word-content span{padding:0 .5rem;font-size:1.4375rem;font-weight:700!important;color:#4163e6!important;margin-bottom:0;text-decoration:underline}.empty-container img{width:60%;height:auto}.pub-share-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50}.pub-share-container .share-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.pub-share-container .share-small-container{position:absolute;top:10.9375rem;width:43.75rem;padding:1.5rem;background:#fbfbfb;background:var(--file-list-bg-color);box-shadow:0 2px 1.25rem rgba(0,0,0,.25);border-radius:1.25rem;z-index:52;left:0;right:0;margin:auto}.pub-share-container .share-small-container .share-userinfo{display:flex;justify-content:flex-start;align-items:center}.pub-share-container .share-small-container .share-userinfo .item-1{width:4.25rem!important;height:4.25rem!important;background:#71b47f;border-radius:50%;font-size:1.875rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;flex-shrink:0;background-size:cover;background-position:50%}.pub-share-container .share-small-container .share-userinfo .item-2{width:80%;padding-left:1.375rem}.pub-share-container .share-small-container .share-userinfo .item-2 p{margin-bottom:0}.pub-share-container .share-small-container .share-userinfo .item-2 p:first-child{font-size:1.25rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0}.pub-share-container .share-small-container .share-userinfo .item-2 p:nth-child(2){font-size:1rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-share-container .share-small-container .preset-name{margin-top:1.0625rem;font-size:1.25rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.pub-share-container .share-small-container .preset-info{font-size:1.125rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;white-space:normal;max-width:39.375rem;max-height:6.625rem;overflow:hidden;text-overflow:ellipsis}.pub-share-container .share-big-container{position:absolute;top:13.5625rem;width:50rem;padding:3.125rem;background:#fbfbfb;background:var(--file-list-bg-color);box-shadow:0 2px 1.25rem rgba(0,0,0,.25);border-radius:1.25rem;z-index:51;left:0;right:0;margin:auto}.pub-share-container .share-big-container .share-tip{margin-top:12.875rem;font-size:1.375rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.pub-share-container .share-big-container .share-plateform{display:flex;justify-content:center;margin-top:1.5rem}.pub-share-container .share-big-container .share-plateform img{width:3.4375rem!important;height:3.4375rem!important;margin:0 .875rem;cursor:pointer}.pub-share-container .share-big-container .copy-link{display:flex;justify-content:flex-start;align-items:center;margin-top:2.875rem}.pub-share-container .share-big-container .copy-link input{width:34.375rem!important;height:3rem!important;padding-left:.625rem;background:#fbfbfb;background:var(--file-list-bg-color);border:.0625rem solid #97989e;border-radius:8px;font-size:1.25rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0}.pub-share-container .share-big-container .copy-link span{margin-left:1.5rem;padding:.625rem 1.25rem;background:#3e5ff1;border-radius:8px;font-size:1.25rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.pub-share-container .share-big-container .copy-link span:hover{background:#4c6cfb}.empty-upload-container .item-block{width:24.375rem!important;height:15rem!important;border-radius:14px;background:#fff;background:var(--white-bg-color)}.empty-upload-container .item-block i{display:flex;justify-content:center}.empty-upload-container .item-block i svg{margin-top:1.875rem;width:4.0625rem!important;height:4.0625rem!important;fill:#d4d5dc}.empty-upload-container .item-block p{display:flex;justify-content:center;padding:0 3.6875rem;text-align:center;word-break:break-word}.empty-upload-container .item-block .main-text{font-size:1.25rem;font-weight:700;line-height:2.125rem;color:#636468;color:var(--register-btn-color);margin:1rem 0 0}.empty-upload-container .item-block .info-text{font-size:1rem;font-weight:400;line-height:1.5rem;color:#97989e;margin-top:.9375rem}.empty-upload-container .item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.hand-hover{cursor:pointer}.v-dialog .theme--light.v-card{background-color:#fff;background-color:var(--white-bg-color);color:rgba(0,0,0,.87)}.v-dialog .v-sheet.v-card:not(.v-sheet--outlined){box-shadow:none}.v-dialog .pub-close-icon{position:absolute;right:10px;width:1.25rem;height:1.25rem;top:15px;cursor:pointer;z-index:999}.v-dialog .pub-title{display:flex;justify-content:center;align-items:center;margin-top:1.4375rem}.v-dialog .pub-title .pub-title-text{font-size:1.375rem;font-weight:700;line-height:2.3125rem;color:#636468}.v-dialog .pub-info-text{margin-top:.3125rem;font-size:1rem;font-weight:400;line-height:1.6875rem;color:#636468!important;color:var(--register-btn-color)!important;text-align:center}.v-dialog .pub-btn-block,.v-dialog .pub-info-text{display:flex;justify-content:center;align-items:center}.v-dialog .pub-btn-block{margin-bottom:1.875rem;margin-top:.625rem}.v-dialog .pub-btn-block button{border-radius:4px;width:5.125rem;height:2.5rem!important;font-size:1.125rem;box-shadow:none;text-transform:capitalize;letter-spacing:0}.v-main__wrap{background-color:#f5f5f5;background-color:var(--page-bg-color)}.avatar-upload-content{border-radius:14px!important}.avatar-upload-content .avatar-uploader{width:200px;height:200px}.avatar-upload-content .avatar-uploader .ant-upload.ant-upload-drag{border:none!important;border-radius:5px;background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important}.avatar-upload-content .avatar-uploader .ant-upload-list-item{display:none!important}.avatar-upload-content .upload-icon{width:6.25rem;margin:0 auto}.avatar-upload-content .upload-text{margin-top:1.25rem}.avatar-upload-content .avatar-upload-info{text-align:center}.avatar-upload-content .avatar-upload-info p{margin-bottom:0}.avatar-upload-content .upload-btn{margin-bottom:1.25rem;color:#fff!important;border-radius:5px;border:none!important;box-shadow:none;text-transform:none!important;letter-spacing:0}.v-menu__content .notice-tabs .tab{padding:.3125rem 0 .625rem;font-size:1rem}.v-menu__content .notice-tabs .tab .classfied-num{top:-.1875rem;left:.3125rem;min-width:25px;min-height:20px}.tab-block{width:100%;display:flex;justify-content:center;margin-top:1.25rem}.tab-block .tabs{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;max-width:75rem;width:75rem}.tab-block .tabs .tab{font-size:1.25rem;font-weight:700;color:#636468;color:var(--register-btn-color);padding:0 1.25rem .75rem;cursor:pointer;white-space:nowrap}.tab-block .tabs .tab-active{border-bottom:4px solid #3e5ff1;color:#3e5ff1!important}.reset-pwd-container h1{font-size:2rem;color:#141414;color:var(--black-title)}.reset-pwd-container .block-1{display:flex;flex-direction:column;align-items:center}.reset-pwd-container .block-1 .p-1{font-size:1.125rem;margin:.75rem 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-2{font-size:1.125rem;margin:.75rem 0 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-3{font-size:1.125rem;margin:0 0 1.375rem;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-4{font-size:1rem;margin:.75rem 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-4 .span-1{cursor:pointer;color:#3e5ff1}.reset-pwd-container .block-1 .input-container-1{display:flex;flex-direction:column}.reset-pwd-container .block-1 .input-container-1 .input-1{width:23.875rem;height:2.75rem;background:#ececec;background:var(--divider-color-1);border-radius:5px;font-size:1rem;font-weight:500;color:#414141;color:var(--user-color);padding:0 .625rem}.reset-pwd-container .block-1 .input-container-1 .input-1:focus{outline:none}.reset-pwd-container .block-1 .input-container-1 .input-gap{margin-top:1.875rem}.reset-pwd-container .block-1 .input-container-1 .input-gap-1{margin-top:.625rem}.reset-pwd-container .block-1 .input-container-1 .email-block{position:relative}.reset-pwd-container .block-1 .input-container-1 .email-block span{position:absolute;right:.5rem;top:.6875rem;cursor:pointer;font-size:1rem;font-weight:500;color:#3e5ff1;z-index:99}.reset-pwd-container .block-1 .btn-1{margin-top:1.875rem;background:#3e5ff1!important;border-radius:20px;font-size:1rem;font-weight:400;color:#fff;line-height:1.6875rem}.reset-pwd-container .block-1 .btn-size-1{width:21.25rem;height:2.5rem!important}.reset-pwd-container .block-1 .btn-size-2{width:13.625rem;height:2.5rem!important}.reset-pwd-container .v-overlay .v-overlay__content{display:flex;flex-direction:column;align-items:center}.notice-container{width:75rem;padding:1.25rem 0}.notice-container .notice-header .bell-img{max-width:1.75rem}.notice-container .notice-header .notice-header-title{margin-left:.9375rem;font-size:1.25rem}.notice-container .notice-content .notice-tab-container{padding:0 1.875rem 0 0}.notice-container .notice-content .notice-tab-container .tabs{position:sticky;top:7.5rem}.notice-container .notice-content .notice-tab-container .tabs .tab{margin-bottom:1.125rem;font-size:1.25rem;cursor:pointer}.notice-container .notice-content .notice-tab-container .tabs .setting-tab{margin-top:18px}.notice-container .notice-content .notice-list-container .v-list{background:#fff;background:var(--white-bg-color)}.notice-container .notice-content .notice-list-container .v-list-item__title .produce-name{font-size:1.125rem;color:#141414;color:var(--black-title-2)}.notice-container .notice-content .notice-list-container .v-list-item__title .notice-date{font-size:.875rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .replied-comment-content{font-size:1rem;color:#141414;color:var(--black-title)}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .comment-content{font-size:1rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .comment-content img{max-width:6.25rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .notice-message-container .info-text{font-size:1rem;color:#949494;color:var(--tag-color)}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .notice-message-container .info-text a{color:#3e5ff1}.notice-container .notice-content .notice-list-container .v-avatar{height:2.8125rem!important;min-width:2.8125rem!important;width:2.8125rem!important}.notice-message-container .info-text{font-size:1rem;color:#949494;color:var(--tag-color);white-space:normal;word-break:break-word}.notice-message-container .info-text a{color:#3e5ff1}.notice-message-container .comment-content{display:block;margin-top:.5rem;padding:.25rem;font-size:1rem;background-color:#f8f8f8;background-color:var(--tag-bg-color);color:#949494;color:var(--tag-color);border-radius:4px;line-height:1.5em;white-space:normal;word-break:break-word}.notice-message-container .comment-content figure,.notice-message-container .comment-content img{max-width:6.25rem}.switch-container .ant-switch-checked{background-color:#3e5ff1}.scrollbar{overflow:auto;float:left;border:none}.scrollbar::-webkit-scrollbar{display:block;width:5px;height:1px}.scrollbar::-webkit-scrollbar-thumb{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #18223e;background:#535353}.scrollbar::-webkit-scrollbar-track{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #101728;background:#ededed}.scrollbar{scrollbar-3d-light-color:initial;scrollbar-highlight-color:initial;scrollbar-face-color:initial;scrollbar-arrow-color:initial;scrollbar-shadow-color:initial;scrollbar-dark-shadow-color:initial;scrollbar-base-color:initial}.forum-content-container{width:75rem;margin-left:auto;margin-right:auto}.forum-content-container-w{width:98.75rem;margin-left:auto;margin-right:auto}.forum-post-container{margin-top:2.5rem;margin-bottom:2.5rem;padding:3.75rem;border-radius:12px;background:#fff;background:var(--white-bg-color)}.forum-post-container .title-row{font-size:1.5rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-post-container .v-input--selection-controls .v-input__control .v-messages{display:none!important}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input{width:20px;height:20px}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .v-icon{height:100%;border:2px solid #636468;border:2px solid var(--register-btn-color);border-radius:50%}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:before{content:"";position:absolute;width:10px;height:10px;background-color:#3e5ff1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:after,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:before,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:after,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .v-input--selection-controls__ripple{display:none}.forum-post-container .radio-label{font-size:1.0625rem;font-weight:700;color:#636468;color:var(--register-btn-color)}.forum-post-container .radio-label-active{color:#3e5ff1!important}.forum-post-container .menu-row{margin-top:.9375rem}.forum-post-container .menu-row .error-text{margin-left:1.0625rem;font-size:1.125rem;color:#e8263a}.forum-post-container .menu-row .forum-menu .menu-select-btn-1{background-color:#fff!important;background-color:var(--post-menu-bg-color)!important}.forum-post-container .input-title{margin-top:1.875rem;margin-bottom:.5rem}.forum-post-container .forum-input{padding:0 10px;height:3rem;font-size:1rem;color:#636468;color:var(--register-btn-color);outline:none}.forum-post-container .forum-editor-container,.forum-post-container .forum-input{width:100%;border-radius:4px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color)}.forum-post-container .forum-editor-container{margin-top:1.25rem}.forum-post-container .forum-tag-input-container .tag-block{padding:0 .3125rem;height:3rem;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);border-radius:4px}.forum-post-container .forum-tag-input-container .tag-block .chip-block{flex:none}.forum-post-container .forum-tag-input-container .tag-block .chip-block .v-chip{background:#e0e0e0;display:flex;align-items:center;padding:0 .625rem;margin-right:5px;height:2rem;border-radius:16px}.forum-post-container .forum-tag-input-container .tag-block .input-block{width:100%}.forum-post-container .forum-tag-input-container .tag-block .input-block input{width:100%;height:3rem;padding-left:.3125rem;color:#636468;color:var(--register-btn-color);outline:none}.forum-post-container .forum-tag-input-container .rec-tag-block{margin-top:.3125rem}.forum-post-container .forum-tag-input-container .rec-tag-block .rec-title{font-size:1.125rem;color:#4f525e;color:var(--preset-title-color);margin-right:.9375rem}.forum-post-container .forum-tag-input-container .rec-tag-block .rec-tag{margin-right:.625rem;padding:.1875rem .625rem;font-size:.875rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px}.forum-post-container .forum-tag-input-container .rec-tag-block div{margin-top:.3125rem}.forum-post-container .btns-row{text-align:right;margin-top:1.25rem}.forum-post-container .btns-row .cancel-btn{border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-post-container .btns-row .draft-btn{border:1px solid #3e5ff1;color:#3e5ff1;background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-post-container .btns-row .submit-btn{color:#fff}.forum-post-container .btns-row .v-btn{border-radius:6px;font-size:1rem;height:2.4375rem}.forum-menu .menu-select-btn-1{height:2.75rem!important;font-size:1.125rem;border-radius:6px;color:#88898d;color:var(--filter-btn-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);background-color:#f5f5f5;background-color:var(--filter-btn-bg-color)}.forum-menu .menu-select-btn-1 .item-name{padding-left:.3125rem;text-align:left}.forum-menu .menu-select-btn-1 .item-name,.forum-menu .menu-select-btn-1 .v-icon{color:#88898d;color:var(--filter-btn-color)}.forum-menu .menu-select-btn-error{border:1px solid #e8263a!important}.forum-product-menu .menu-select-btn{width:15.625rem}.forum-product-menu .menu-select-btn .item-name{width:13.125rem;text-overflow:ellipsis;overflow:hidden}.discussion-type-menu .menu-select-btn{width:15.3125rem}.discussion-type-menu .menu-select-btn .item-name{width:12.8125rem;text-overflow:ellipsis;overflow:hidden}.discussion-type-menu .menu-select-btn .item-name .list-dot{display:inline-block;width:.75rem;height:.75rem;margin-right:.1875rem;border-radius:4px}.forum-banner-container{position:relative}.forum-banner-container .banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.forum-banner-container .banner-text p{font-size:1rem}.forum-banner-container .banner-text .post-btn{color:#fff;font-size:1rem}.forum-index-discussion-type-container{margin-top:1rem}.forum-index-discussion-type-container .discussion-type{margin-top:1.25rem}.forum-index-discussion-type-container .discussion-sub-type{width:23.75rem;max-width:23.75rem;padding:1.25rem 1.875rem;margin-top:1.25rem;border-radius:8px;background:#fff;background:var(--white-bg-color)}.forum-index-discussion-type-container .discussion-sub-type .sub-type-badge-icon{position:relative;min-width:6.25rem;max-width:6.25rem;height:6.25rem;border-radius:50%;flex-grow:0}.forum-index-discussion-type-container .discussion-sub-type .sub-type-badge-icon img{width:5.625rem}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info{margin-left:1.25rem;text-align:center}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .index-sub-type-name{font-size:1.25rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .sub-type-desc{font-size:1rem;line-height:1.125rem;color:#88898d;color:var(--filter-tag-color)}.forum-index-discussion-type-container .discussion-sub-type-layout:after{content:"";display:block;width:23.75rem;height:100%}.forum-index-discussion-type-container .discussion-sub-type:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-index-discussion-type-container .data-title,.forum-index-discussions-container .data-title,.forum-index-rank-container .data-title{font-size:1.125rem;color:#4f525e;color:var(--preset-title-color);font-weight:700}.forum-index-discussion-type-container .learn-more,.forum-index-discussions-container .learn-more,.forum-index-rank-container .learn-more{color:#3e5ff1!important}.forum-index-discussion-type-container .learn-more .v-icon,.forum-index-discussions-container .learn-more .v-icon,.forum-index-rank-container .learn-more .v-icon{font-size:1.5rem}.forum-index-discussion-type-container .learn-more span,.forum-index-discussions-container .learn-more span,.forum-index-rank-container .learn-more span{display:inline-block;margin-right:-.625rem}.forum-index-container .forum-content-container-w .index-flex-left{width:73.375rem}.forum-index-container .forum-content-container-w .index-flex-right{width:24.125rem}.forum-index-discussions-container{margin-top:1.25rem}.forum-index-discussions-container .index-discussion{width:100%;margin-bottom:1.25rem;padding:.625rem 1.25rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-index-discussions-container .index-discussion .discussion-theme{width:37.5rem;font-size:1.125rem}.forum-index-discussions-container .index-discussion .discussion-desc{margin:0 0 .3125rem;font-size:.9375rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex{display:flex;align-items:center}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data{display:flex;align-items:center;margin-right:1.5625rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data img{width:1rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data span{padding-left:.25rem;font-size:1rem;color:#97989e;color:var(--preset-list-desc-color)}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-date{font-size:1rem;color:#8c8f9f;color:var(--date-color)}.forum-index-discussions-container .index-discussion:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-index-rank-container{position:sticky;top:7.25rem;margin-top:1rem}.forum-index-rank-container .index-post-btn{height:2.75rem!important;width:100%;font-size:1rem;color:#fff;margin-bottom:.75rem}.forum-index-rank-container .rank-content{padding:1.125rem 1.4375rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-index-rank-container .rank-content .blue-divider{width:.1875rem;height:1.1875rem;background:#3e5ff1;border-radius:23px}.forum-index-rank-container .rank-content .rank-title{margin-left:6px;font-size:20px;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-index-rank-container .discussions{padding:.625rem 0 .8125rem;border-bottom:1px solid #ececec;border-bottom:1px solid var(--divider-color-3)}.forum-index-rank-container .discussions img{width:1.125rem}.forum-index-rank-container .discussions span{padding-left:.25rem;font-size:1rem;color:#97989e;color:var(--preset-list-desc-color)}.forum-index-rank-container .discussions .rank-discussion-theme{margin-bottom:.3125rem;font-size:1rem;line-height:1.375rem;color:#97989e;color:var(--preset-list-desc-color);word-break:break-word}.forum-index-rank-container .hot-tags .hot-tag{margin-right:.625rem;margin-bottom:.625rem;padding:.3125rem .625rem;font-size:.875rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px}.forum-discussion-menu{position:sticky;top:7.5rem;align-self:flex-start;flex-grow:1;margin-top:2.5rem}.forum-discussion-menu .post-btn{width:15rem;height:2.75rem!important;font-size:1.125rem;color:#fff;border-radius:6px}.forum-discussion-menu .menu-opt-container{padding-left:1.8125rem}.forum-discussion-menu .menu-opt-container .menu-opt{font-size:1.25rem;color:#4f525e;color:var(--preset-title-color);font-weight:700}.forum-discussion-menu .menu-opt-container .menu-opt .menu-sub-opt{padding-left:1.25rem;font-size:1.125rem;line-height:2.125rem;color:#88898d;color:var(--filter-btn-color);font-weight:400}.forum-discussion-list-container{width:80.625rem;margin-top:2.5rem;padding-bottom:20px}.forum-discussion-list-container .keyword-input-container{position:relative;margin-left:0}.forum-discussion-list-container .keyword-input-container input{width:62rem;height:2.75rem;padding:0 .3125rem;background:#fcfcfc;background:var(--header-bg-color);color:#636468;color:var(--register-btn-color);border-radius:6px;outline:none}.forum-discussion-list-container .keyword-input-container img{position:absolute;height:1.5rem;left:.3125rem;top:.625rem}.forum-discussion-list-container .mobile-sort-menu{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .mobile-sort-menu .menu-select-btn{padding:0 .3125rem}.forum-discussion-list-container .mobile-sort-menu .menu-select-btn .item-name{padding-right:.75rem}.forum-discussion-list-container .search-results-text{font-size:1rem;margin-top:.9375rem;color:#636468;color:var(--register-btn-color)}.forum-discussion-list-container .main-sorter{margin-top:.9375rem}.forum-discussion-list-container .main-sorter div{margin-right:.9375rem}.forum-discussion-list-container .main-sorter .active{padding:.3125rem .875rem;color:#3e5ff1;background:#d0d7f4;border-radius:129px}.forum-discussion-list-container .sub-sorter{color:#88898d;color:var(--filter-btn-color);margin:1.875rem 0 1.5625rem;padding:0 1.3125rem 0 0}.forum-discussion-list-container .sub-sorter .forum-sorter-menu{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn{width:15.3125rem}.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn .item-name{width:12.8125rem;text-overflow:ellipsis;overflow:hidden}.forum-discussion-list-container .sub-sorter .sub-sorter-item{display:flex;align-items:center}.forum-discussion-list-container .sub-sorter .sub-sorter-item span{font-size:1rem}.forum-discussion-list-container .product-flex{max-width:13%;flex-basis:13%;flex-grow:0}.forum-discussion-list-container .sub-type-flex{display:flex;align-items:baseline;max-width:12%;flex-basis:12%;flex-grow:0}.forum-discussion-list-container .theme-flex{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .reply-flex,.forum-discussion-list-container .view-flex{max-width:8%;flex-basis:8%;flex-grow:0}.forum-discussion-list-container .last-comment-flex{width:auto;flex-grow:1}.forum-discussion-list-container .discussion{position:relative;width:100%;margin-bottom:.625rem;padding:.9375rem 1.3125rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-discussion-list-container .discussion .discussion-header img{width:1.25rem;margin-right:.625rem}.forum-discussion-list-container .discussion .info-discussion-container{position:relative;padding:.9375rem 1.3125rem}.forum-discussion-list-container .discussion .info-discussion-container .custom-mask{border-radius:6px}.forum-discussion-list-container .discussion .info-discussion-container .absulote-center span{color:#fff;font-size:1.25rem;font-weight:700}.forum-discussion-list-container .discussion .deleted-info-row{padding:.9375rem 1.3125rem}.forum-discussion-list-container .discussion .deleted-info-row .reason-flex span{font-size:1rem;color:#ee4545;word-break:break-word}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex{display:flex;justify-content:flex-end}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex .v-btn{height:2.3125rem;font-size:1rem;border-radius:6px}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex button:first-child{color:#636468!important;color:var(--register-btn-color)!important;background-color:#f3f3f3;background-color:var(--register-btn-bg-color)}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex button:nth-child(2){color:#3e5ff1!important;border:1px solid #3e5ff1;background-color:#fcfcfc!important;background-color:var(--header-bg-color)!important;margin-left:1.25rem}.forum-discussion-list-container .discussion .play-menu{position:absolute;top:1.1875rem;right:1.3125rem}.forum-discussion-list-container .discussion .discussion-main-content{margin-top:.625rem}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info{display:flex;align-items:center}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .essence{padding:0 .25rem;margin-right:.3125rem;border:1px solid #3e5ff1;border-radius:6px;font-size:1rem;color:#3e5ff1;line-height:1.5rem;word-break:keep-all}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .discussion-theme{padding-right:.3125rem;margin-bottom:0}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .discussion-des{margin-top:.3125rem}.forum-discussion-list-container .discussion .discussion-main-content .reply-users{display:flex;padding:0 15%}.forum-discussion-list-container .discussion .discussion-main-content .reply-users .avatar{width:2.25rem;height:2.25rem;line-height:2.25rem;font-size:1.0625rem}.forum-discussion-list-container .discussion .discussion-main-content .reply-users .reply-users-margin-right{margin-right:5px}.forum-discussion-list-container .discussion .discussion-main-content .stat-data{font-size:.9375rem;color:#8c8f9f;color:var(--date-color)}.forum-discussion-list-container .discussion .discussion-tags div{margin:.25rem .625rem 0 0;padding:.125rem .5rem;font-size:1rem;line-height:1.5rem;color:#949494;color:var(--tag-color);background-color:#f8f8f8;background-color:var(--tag-bg-color);border-radius:4px}.forum-discussion-list-container .discussion .reply-block{margin-top:.9375rem;padding:.875rem;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;color:#88898d;color:var(--filter-btn-color);font-size:1.0625rem}.forum-discussion-list-container .discussion .reply-block .reply-symbol{word-break:keep-all}.forum-discussion-list-container .discussion .reply-block .reply-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.forum-discussion-list-container .discussion:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-discussion-list-container .info-menu{width:11.875rem}.forum-discussion-list-container .info-menu .info-menu-btn{padding:.375rem}.forum-discussion-list-container .info-menu .info-menu-btn .item-name{width:9.6875rem}.forum-sorter-container{height:1.25rem;margin-left:.3125rem}.forum-sorter-container .sorter{width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-radius:3px;cursor:pointer}.forum-sorter-container .asc-sorter{border-bottom:.5rem solid #d0d7f4}.forum-sorter-container .desc-sorter{border-top:.5rem solid #d0d7f4}.forum-sorter-container .asc-sorter-active{border-bottom-color:#3e5ff1}.forum-sorter-container .desc-sorter-active{border-top-color:#3e5ff1}.forum-discussion-detail-container{margin:.625rem 0;padding:2.3125rem 2.8125rem 2.9375rem;background:#fff;background:var(--white-bg-color);border-radius:12px}.forum-discussion-detail-container .mobile-product-name{font-size:.875rem}.forum-discussion-detail-container .discussion-badge{margin-left:1.25rem}.forum-discussion-detail-container .discussion-user-row{position:relative}.forum-discussion-detail-container .discussion-user-row .discussion-date{position:absolute;right:0}.forum-discussion-detail-container .discussion-user-row .forum-user-menu .discussion-date{position:relative;line-height:1em}.forum-discussion-detail-container .discussion-initiator{height:1.875rem;margin-left:.625rem;padding:.3125rem .5rem;color:#3e5ff1;border:1px solid #3e5ff1;line-height:1.125rem;font-size:1rem;border-radius:4px}.forum-discussion-detail-container .discussion-content{font-size:1rem;word-break:break-word;color:#4f525e;color:var(--preset-title-color)}.forum-discussion-detail-container .discussion-content img{max-width:100%}.forum-discussion-detail-container .discussion-reply img{width:6.25rem}.forum-discussion-detail-container .discussion-reply .reply-content-editor-outer .forum-reply-content-dialog{width:96%}.forum-discussion-detail-container .discussion-reply .reply-content-editor-outer .forum-reply-content-dialog .v-card .outer-editor-container .content-editor{height:7.1875rem}.forum-discussion-detail-container .discussion-opt-row{margin-top:1.5625rem;justify-content:flex-start}.forum-discussion-detail-container .discussion-opt-row div{display:flex;align-items:center}.forum-discussion-detail-container .discussion-opt-row div img{width:1.4375rem;margin-right:.5rem}.forum-discussion-detail-container .discussion-opt-row div span{color:#4f525e;color:var(--preset-title-color);font-size:1rem}.forum-discussion-detail-container .main-reply-content-editor-outer{margin-top:1.5625rem;padding:.9375rem .9375rem 5rem;background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:8px}.forum-discussion-detail-container .main-reply-content-editor-outer .forum-reply-content-dialog{margin-top:0}.parent-reply-content .reply-label{min-width:2.8125rem;max-width:2.8125rem;padding-top:.5rem;font-size:.9375rem;color:#707070;color:var(--feedbcak-color)}.parent-reply-content .parent-reply-outer{padding:.5rem;background:#f3f3f3;background:var(--register-btn-bg-color);border-radius:8px;flex-grow:1}.parent-reply-content .parent-reply-outer .parent-reply{font-size:.9375rem;color:#414141;color:var(--user-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.forum-reply-content-dialog{margin:1.25rem 0}.forum-reply-content-dialog .v-card{border-radius:8px;border:1px solid #ececec!important;border:1px solid var(--divider-color-3)!important;box-shadow:none!important;background:#fff;background:var(--white-bg-color)}.forum-reply-content-dialog .v-card .editor-toolbar{margin:.5rem .9375rem 0;padding-bottom:.5rem;border-bottom:1px solid #ececec;border-bottom:1px solid var(--divider-color-3);border-radius:0}.forum-reply-content-dialog .v-card .editor-toolbar .img-input-caontainer{margin-left:5px}.forum-reply-content-dialog .v-card .parent-reply-content{padding:.5rem .9375rem}.forum-reply-content-dialog .v-card .outer-editor-container .content-editor{height:180px;margin:.5rem .9375rem;color:#636468!important;color:var(--register-btn-color)!important}.forum-reply-content-dialog .v-card .inner-editor-container{display:flex;align-items:center;justify-content:space-between;width:75%}.forum-reply-content-dialog .v-card .inner-editor-container .content-editor{flex-basis:90%;max-width:90%;min-height:40px;margin:.5rem 0;padding:.625rem;flex-grow:1;border:1px solid #d5d5d5!important}.forum-reply-content-dialog .v-card .content-editor{outline:none;overflow-y:scroll;font-size:1rem;line-height:1.5rem}.forum-reply-content-dialog .v-card .content-editor img{width:5.625rem}.forum-reply-content-dialog .v-card .v-icon{color:#4f525e;font-size:1.875rem}.forum-reply-content-dialog .reply-editor-btn{min-width:5.5rem!important;height:2.75rem!important;float:right;margin-top:.9375rem;font-size:1.125rem!important;border-radius:6px}.forum-reply-content-dialog .send-btn{color:#fff!important}.forum-reply-content-dialog .cancel-btn{margin-right:1.25rem;border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-breadcrumb-container .v-breadcrumbs{padding-left:0}.forum-breadcrumb-container .v-breadcrumbs li .v-breadcrumbs__item{font-size:1.125rem;font-weight:700;color:#3e5ff1}.forum-breadcrumb-container .v-breadcrumbs li .v-breadcrumbs__item--disabled{color:#8c8f9f;color:var(--date-color)}.forum-breadcrumb-container .v-breadcrumbs .v-breadcrumbs__divider{padding:0}.forum-breadcrumb-container .v-breadcrumbs .v-breadcrumbs__divider .v-icon{font-size:1.375rem;color:#8c8f9f;color:var(--date-color)}.forum-img-view-container img{max-width:75rem}.avatar-circle-with-border{width:1.875rem;height:1.875rem;background-size:contain!important;font-size:.875rem;line-height:1.875rem}.avatar{border-radius:50%!important;color:#fff;font-weight:700;text-align:center}.discussion-user-name{margin-left:.75rem;font-size:.9375rem;font-weight:700;color:#414141;color:var(--user-color)}.discussion-date{margin-left:.75rem;font-size:1rem;color:#8c8f9f;color:var(--date-color)}.discussion-product{font-size:.875rem}.discussion-badge{width:.75rem;height:.75rem;border-radius:4px}.sub-type-name{margin-left:.3125rem;font-size:.875rem;line-height:1.75rem}.discussion-theme,.sub-type-name{font-weight:700;color:#4f525e;color:var(--preset-title-color)}.discussion-theme{font-size:1.125rem;word-break:break-word;-webkit-line-clamp:1}.discussion-desc,.discussion-theme{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.discussion-desc{font-size:.9375rem;color:#88898d;color:var(--filter-btn-color);line-height:1.5rem;-webkit-line-clamp:3}.margin-top-5{margin-top:.3125rem}.margin-top-8{margin-top:.5rem}.margin-top-12{margin-top:.75rem}.margin-top-15{margin-top:.9375rem}.margin-top-20{margin-top:1.25rem}.margin-top-25{margin-top:1.5625rem}.margin-top-30{margin-top:1.875rem}.margin-top-35{margin-top:2.1875rem}.margin-left-25{margin-left:1.5625rem}.margin-left-40{margin-left:2.5rem}.margin-left-65{margin-left:4.0625rem}.margin-right-5{margin-right:.3125rem}.v-menu__content .forum-user-card{width:15.9375rem;padding:1.875rem .8125rem .875rem;text-align:center}.v-menu__content .forum-user-card .avatar-circle-with-border{margin:0 auto}.v-menu__content .forum-user-card .discussion-user-name{margin-top:.4375rem;word-break:break-all;text-align:center}.v-menu__content .forum-user-card .focus-btn{min-width:5.625rem;margin-top:.875rem;padding:.3125rem .5rem;color:#fff;font-size:1rem;line-height:1.625rem;border-radius:3px}.v-menu__content .forum-user-card .focused{color:#fff!important;color:var(--info-focus-color)!important;background:#d1d2d4!important;background:var(--filter-tag-bd-color)!important}.v-menu__content .forum-user-card .focused .focused-hover-span{display:none}.v-menu__content .forum-user-card .msg-btn{color:#8c8f9f!important;color:var(--date-color)!important;border:1px solid #8c8f9f!important;border:1px solid var(--date-color)!important}.v-menu__content .forum-user-card .msg-btn img{width:1.125rem;margin-right:.3125rem}.v-menu__content .forum-user-card .focused:hover .focused-non-hover-span{display:none}.v-menu__content .forum-user-card .focused:hover .focused-hover-span{display:inline!important}.v-menu__content .forum-user-card .loading{height:11.75rem}.v-menu__content .forum-user-card .loading .circular-loading-container{height:100%}.v-menu__content .forum-user-card .loading .circular-loading-container .circular-container{height:100%;margin-top:0!important;flex-direction:column;align-items:center}.v-menu__content .forum-user-card .forum-stat .num{font-size:1.375rem;color:#4f525e;color:var(--preset-title-color)}.v-menu__content .forum-user-card .forum-stat .stat-title,.v-menu__content .forum-user-card .join-time{font-size:.875rem;color:#4f525e;color:var(--preset-title-color)}.forum-delete-modal{padding:0 1.25rem 1.25rem}.forum-delete-modal .radio-container{margin-top:.625rem;padding:.625rem 1.25rem;border-radius:8px;background-color:#f5f5f5;background-color:var(--page-bg-color)}.forum-delete-modal .radio-container .v-input--selection-controls{margin-top:8px;padding-top:0}.forum-delete-modal .radio-container .v-input--selection-controls .v-input__control .v-messages{display:none!important}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input{width:20px;height:20px}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .v-icon{height:100%;border:2px solid #636468;border:2px solid var(--register-btn-color);border-radius:50%}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:before{content:"";position:absolute;width:10px;height:10px;background-color:#3e5ff1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:after,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:before,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:after,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .v-input--selection-controls__ripple{display:none}.forum-delete-modal .cancel-btn{border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important;font-size:1rem}.forum-delete-modal .delete-btn{color:#fff;font-size:1rem}.forum-delete-modal textarea{width:100%;height:6.25rem;padding:.3125rem;font-size:1rem;border-radius:8px;background-color:#fff;background-color:var(--white-bg-color);color:#4f525e;color:var(--preset-title-color)}.absulote-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-user-menu__content .forum-user-card{background:#fff;background:var(--white-bg-color)}.custom-mask{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity:.3}}@media only screen and (max-width:1680px){html{font-size:16px!important}html body{margin:0 auto;max-width:100%;background:#fafafa}html body .v-application .v-menu__content{background-color:#fff;background-color:var(--menu-bg-color);box-shadow:0 2px 20px rgba(0,0,0,.25);border-radius:6px;scrollbar-color:#f3f3f3 transparent;scrollbar-color:var(--register-btn-bg-color) transparent;scrollbar-width:thin}html body .v-application .v-menu__content .v-list{background:transparent!important}html body .v-application .v-menu__content::-webkit-scrollbar{width:4px}html body .v-application .v-menu__content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#f3f3f3;background:var(--register-btn-bg-color)}html body .v-application .v-menu__content::-webkit-scrollbar-track{border-radius:0;background:transparent}html body .v-application .v-menu__content--fixed{box-shadow:0 2px 20px rgba(0,0,0,.25);border-radius:6px}html body .style_check-box{height:1.9140625rem!important}html body .style_check-box .v-input--checkbox .v-input__control .v-input__slot .mdi-checkbox-blank-outline:before,html body .style_check-box .v-input--checkbox .v-input__control .v-input__slot label{color:#88898d!important}html body .v-dialog{background-color:#fff;background-color:var(--white-bg-color);position:relative;border-radius:14px!important}html body .v-dialog .close-icon{position:absolute;right:10px;width:1.09375rem;height:1.09375rem;top:15px;cursor:pointer}html body .v-dialog .modal-title{display:flex;justify-content:center;align-items:center;margin-top:2.1875rem}html body .v-dialog .icon-1{width:1.75rem;height:1.75rem;border-radius:50%;display:flex;justify-content:center;align-items:center}html body .v-dialog .failure-icon{background:#e54e4e;position:relative}html body .v-dialog .failure-icon:before{transform:translate(-50%,-50%) rotate(45deg)}html body .v-dialog .failure-icon:after,html body .v-dialog .failure-icon:before{content:"";display:block;width:.984375rem;height:.109375rem;background:#fff;position:absolute;top:50%;left:50%}html body .v-dialog .failure-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}html body .v-dialog .success-icon:before{content:"";display:block;width:.765625rem;height:.546875rem;border:2px solid #fff;border-top:none;border-right:none;transform:rotate(-45deg) translate(.109375rem,-.109375rem)}html body .v-dialog .success-icon{background:#3e5ff1}html body .v-dialog .title-text{display:inline-block;font-size:1.203125rem;font-weight:700;color:#636468;color:var(--register-btn-color);margin-left:.4375rem}html body .v-dialog .info-text{font-size:.875rem;font-weight:400;line-height:1.4765625rem;color:#636468;color:var(--register-btn-color)}html body .v-dialog .btn-block,html body .v-dialog .info-text{margin-top:1.3125rem;display:flex;justify-content:center;align-items:center}html body .v-dialog .btn-block{margin-bottom:1.640625rem}html body .v-dialog .btn-block button{border-radius:4px;width:6.125rem;height:2.1875rem!important;font-size:.984375rem;box-shadow:none;text-transform:capitalize;letter-spacing:0}html body .v-dialog .btn-block .btn-left{font-weight:400;background:#3e5ff1;color:#fff}html body .v-dialog .btn-block .btn-right{font-weight:700;background:#fff;background:var(--white-bg-color);color:#4f525e;color:var(--preset-title-color);margin-left:1.640625rem}html #preset-container{width:100%;margin:0 auto 1.09375rem;padding:.65625rem 0 0;width:65.625rem}html #preset-container input:-moz-placeholder,html #preset-container input::-moz-placeholder,html #preset-container textarea:-moz-placeholder,html #preset-container textarea::-moz-placeholder{color:#52545b;font-weight:400}html #preset-container input::-webkit-input-placeholder,html #preset-container textarea::-webkit-input-placeholder{color:#52545b;font-weight:400}html #preset-container .content-container{padding:.546875rem;margin:1.09375rem auto 2.734375rem;max-width:66.609375rem}html #preset-container .content-container .use-profile{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}html #preset-container .content-container .use-profile .profile-title1{font-size:1.3125rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:2.2421875rem;margin-bottom:0;padding-right:2.40625rem}html #preset-container .content-container .use-profile .profile-title2{font-size:1.09375rem;font-weight:400;color:#141414!important;color:var(--black-title-2)!important;line-height:1.3125rem;margin-bottom:0}html #preset-container .content-container .file-upload-block{margin-top:1.09375rem}html #preset-container .content-container .file-upload-block .ant-upload{border-radius:20px;background-color:transparent;border-width:2px;border-color:#b5b5b5!important}html #preset-container .content-container .file-upload-block .ant-upload-list{display:none;flex-wrap:wrap}html #preset-container .content-container .file-upload-block .ant-upload-list div{width:20%}html #preset-container .content-container .file-upload-block .ant-upload-list div .ant-upload-list-item,html #preset-container .content-container .file-upload-block .ant-upload-list div .ant-upload-list-item .ant-upload-list-item-info{width:95%}html #preset-container .content-container .file-upload-block .file-upload-info{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;margin-left:2.078125rem;max-width:80%;text-align:left}html #preset-container .content-container .ant-upload-drag-icon{margin-bottom:.8203125rem;margin-left:1.203125rem;height:2.3515625rem}html #preset-container .content-container .ant-upload-drag-icon li{font-size:2.3515625rem}html #preset-container .content-container .ant-upload-drag-icon .anticon-cloud-upload svg{fill:#707070;fill:var(--feedbcak-color)}html #preset-container .content-container .ant-upload-text{font-size:1.1484375rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:2.2421875rem;margin-bottom:0}html #preset-container .content-container .ant-upload-text-s{font-size:1.09375rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:1.1484375rem;margin-bottom:0}html #preset-container .content-container .file-block{margin-top:.8203125rem;padding:.546875rem 0;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:10px}html #preset-container .content-container .file-block ul{padding:0 .8203125rem}html #preset-container .content-container .file-block ul .file-list{list-style:none;cursor:pointer}html #preset-container .content-container .file-block ul .file-list .file-item{display:flex;align-items:center;justify-content:space-between}html #preset-container .content-container .file-block ul .file-list .file-item span{font-size:1.09375rem;width:30%;line-height:2.1875rem}html #preset-container .content-container .file-block ul .file-list .file-item .name{margin-left:.8203125rem;font-weight:700;color:#404040;color:var(--preset-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .content-container .file-block ul .file-list .file-item .size{font-size:400;color:#404040;color:var(--preset-text-color)}html #preset-container .content-container .file-block ul .file-list .file-item .delete-icon{color:#404040;color:var(--preset-text-color);height:1.09375rem;margin-right:.8203125rem}html #preset-container .content-container .file-block ul .file-list:hover{background:var(--preset-select-bg-color);border-radius:5px}html #preset-container .content-container .file-block .file-upload-block-2{padding:0 .8203125rem .8203125rem;margin-top:.8203125rem}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload{border-radius:5px;background-color:#fbfbfb;background-color:var(--file-list-bg-color);border-width:1px;border-color:#1753e1!important}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload .ant-upload-btn{padding:.4375rem 0}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload .ant-upload-text-2{font-size:1.09375rem;font-weight:400;color:#1753e1}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload-list{display:none!important}html #preset-container .content-container .red-star{color:red}html #preset-container .content-container .select-product{width:100%;padding:2.3515625rem 4.921875rem 2.1875rem 2.734375rem;margin-top:2.1875rem;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:27px}html #preset-container .content-container .select-product h4{font-size:1.3125rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:2.2421875rem;margin-bottom:0}html #preset-container .content-container .select-product .product-check-show{display:flex;justify-content:flex-start;align-items:center}html #preset-container .content-container .select-product .product-check-show .show-label{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}html #preset-container .content-container .select-product .product-check-show .lable-item{display:flex;justify-content:flex-start;align-items:center;padding:0 2.3515625rem 1.640625rem 0}html #preset-container .content-container .select-product .product-check-show .lable-item .ant-form-item{margin-bottom:0}html #preset-container .content-container .select-product .product-check-show .lable-item p{font-size:1.09375rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:1.859375rem;margin:0 .2734375rem 0 0;width:4.703125rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-style{max-width:10.9375rem!important}html #preset-container .content-container .select-product .product-check-show .lable-item .v-input__control{height:2.078125rem;border-radius:5px}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn{width:12.8515625rem;height:2.1875rem;color:#404040;color:var(--preset-text-color);background-size:8%;padding:0 .4375rem;justify-content:flex-start;border-radius:5px}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content{font-size:.875rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content span{text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:10.9375rem;text-align:left;display:inline-block!important}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content i{position:absolute;right:0;font-size:.875rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn-bg-light{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll var(--preset-select-bg-color) 98%}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn-bg-dark{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll var(--preset-select-bg-color) 98%}html #preset-container .content-container .select-product .product-check-show .product-image{width:12.578125rem;height:7.109375rem}html #preset-container .content-container .select-product .product-check-show .product-image img{width:100%;height:auto}html #preset-container .content-container .select-product .no-product-margin{margin-top:1.09375rem!important}html #preset-container .content-container .select-product .preset-match{width:100%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}html #preset-container .content-container .select-product .preset-match p:first-child{font-size:1.3125rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:2.2421875rem;margin-bottom:0}html #preset-container .content-container .select-product .preset-match p:nth-child(2){font-size:1.3125rem;font-weight:700;color:#818181!important;line-height:2.2421875rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-left:1.640625rem}html #preset-container .content-container .content-form{width:100%;margin-top:.8203125rem}html #preset-container .content-container .content-form .v-row-height{margin-top:1.9140625rem}html #preset-container .content-container .content-form .form-title{display:flex;align-items:baseline}html #preset-container .content-container .content-form .form-title .word-count{display:inline-block;margin-left:1.09375rem;color:#141414;color:var(--black-title)}html #preset-container .content-container .content-form .form-label{font-size:1.3125rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:2.2421875rem;margin-bottom:5px;white-space:pre}html #preset-container .content-container .content-form .form-label .question{width:1.53125rem;height:1.53125rem;font-size:1.09375rem;font-weight:400;color:#777!important;line-height:1.53125rem;margin-bottom:0;background:#e5e5e5;border-radius:50%;display:inline-block;margin-left:1.09375rem;text-align:center}html #preset-container .content-container .content-form .form-label .text{font-size:1.09375rem;font-weight:400;color:#3e5ff1!important;line-height:1.3125rem;margin-bottom:0;margin-left:2.296875rem}html #preset-container .content-container .content-form .form-label .text:hover{color:#4c6cfb!important}html #preset-container .content-container .content-form .form-tip{font-size:1.09375rem;font-weight:400;color:#777!important;line-height:1.09375rem;margin-bottom:0;margin-left:20px}html #preset-container .content-container .content-form .cover-container{margin:.546875rem 0;border-radius:10px!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container{min-width:330px;max-width:330px;height:250px}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .ant-upload.ant-upload-drag{border:none!important;border-radius:5px;background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .ant-upload-list-item{display:none!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .upload-icon{width:4.3203125rem;margin:0 auto}html #preset-container .content-container .content-form .cover-container .cropper-container{max-width:330px;height:250px;position:relative}html #preset-container .content-container .content-form .cover-container .cropper-container .delete-icon{color:#404040;color:var(--preset-text-color);position:absolute;top:-8px;right:-17px;cursor:pointer}html #preset-container .content-container .content-form .cover-container .upload-controller{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:4.4296875rem;width:90%}html #preset-container .content-container .content-form .cover-container .upload-controller .controller-tip{font-size:1.09375rem;font-weight:400;color:#b9b9b9!important;line-height:1.09375rem;margin-bottom:0}html #preset-container .content-container .content-form .cover-container .upload-controller .slider-container{max-height:2.1875rem;width:90%}html #preset-container .content-container .content-form .cover-container .upload-controller .slider-container .slider{width:100%;height:35px}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container{max-height:1.96875rem;width:100%}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .v-btn{box-shadow:none;border-radius:10px}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .upload-btn{color:#fff}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .reset-btn{color:#8c8f9f}html #preset-container .content-container .content-form .uploaded-cover-conatiner{width:300px;height:200px;position:relative}html #preset-container .content-container .content-form .uploaded-cover-conatiner .delete-icon{color:#404040;color:var(--preset-text-color);position:absolute;top:-8px;right:-17px;cursor:pointer}html #preset-container .content-container .content-form .media-margin{margin-top:1.09375rem}html #preset-container .content-container .content-form .hint-tips{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:-.65625rem;margin-bottom:1.3671875rem;padding-left:.65625rem}html #preset-container .content-container .content-form .hint-tips-1{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:.6015625rem;margin-bottom:1.3671875rem;padding-left:.65625rem;font-size:.765625rem!important}html #preset-container .content-container .content-form .tag-block{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;height:3.0625rem;background-color:#e5e5e5;background-color:var(--preset-input-bg-color);width:100%;border-radius:5px}html #preset-container .content-container .content-form .tag-block .chip-block{height:3.0625rem;line-height:3.0625rem;display:flex;align-items:center}html #preset-container .content-container .content-form .tag-block .chip-block span{margin-left:.2734375rem}html #preset-container .content-container .content-form .tag-block .chip-block span i{font-size:.875rem;padding-bottom:1px;cursor:pointer}html #preset-container .content-container .content-form .tag-block .chip-block span i:hover{color:#3e5ff1!important}html #preset-container .content-container .content-form .tag-block .chip-block .v-chip{align-items:center;display:inline-flex;line-height:1.9140625rem;max-width:100%;outline:none;overflow:hidden;padding:0 .65625rem;position:relative;text-decoration:none;transition-duration:.28s;transition-property:box-shadow,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);vertical-align:middle;white-space:nowrap;border-radius:20px;background:#e0e0e0;margin-right:.2734375rem}html #preset-container .content-container .content-form .tag-block .content-padding{padding-left:1.3125rem}html #preset-container .content-container .content-form .tag-block .input-block{height:3.0625rem;width:100%;background-color:#fbfbfb;background-color:var(--file-list-bg-color);border-radius:5px}html #preset-container .content-container .content-form .tag-block .input-block .tag-input{width:100%;height:3.0625rem;padding:0 1.3125rem;font-size:1.09375rem;color:#404040;color:var(--preset-text-color);background-color:#e5e5e5;background-color:var(--preset-input-bg-color);border-radius:5px}html #preset-container .content-container .content-form .tag-block .input-block .tag-input:focus{outline:none}html #preset-container .content-container .content-form .v-select__selections{font-size:1.09375rem;font-weight:400;color:#6e6e6e!important;line-height:1.3125rem;margin-bottom:0}html #preset-container .content-container .content-form .row{display:block}html #preset-container .content-container .content-form .row .hint-tips{margin-top:-.4375rem}html #preset-container .content-container .content-form .row .hint-tips .v-messages__wrapper .v-messages__message{font-size:.765625rem!important}html #preset-container .content-container .content-form .row .style-tip{margin-top:.875rem!important}html #preset-container .content-container .content-form .row .v-input .v-input__control .v-text-field__details{margin-top:.3828125rem!important}html #preset-container .content-container .content-form .row .v-input .v-input__control .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message{font-size:.765625rem!important;line-height:.765625rem!important}html #preset-container .content-container .content-form .col .row{display:flex}html #preset-container .content-container .content-form .form-text{font-size:1.09375rem;font-weight:400;color:#6e6e6e!important;line-height:1.3125rem;margin-bottom:0}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot{background-color:#e5e5e5;background-color:var(--preset-input-bg-color)}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot fieldset{border:none}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot .v-text-field__slot input{color:#404040;color:var(--preset-text-color)}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot .v-text-field__slot textarea{color:#404040;color:var(--preset-text-color);resize:none}html #preset-container .content-container .content-form .select-raws{margin:1.09375rem 0}html #preset-container .content-container .content-form .select-raws .title-tip{font-size:1.3125rem;font-weight:700;color:#141414!important;line-height:2.2421875rem;margin:0}html #preset-container .content-container .content-form .select-raws .title-tip-sub{font-size:1.09375rem;font-weight:700;color:#777!important;line-height:1.859375rem;margin-bottom:0}html #preset-container .content-container .content-form .select-raws .select-style{width:12.46875rem}html #preset-container .content-container .content-form .select-raws .select-style-long{width:47.03125rem}html #preset-container .content-container .content-form .select-raws div{width:100%}html #preset-container .content-container .content-form .select-raws input,html #preset-container .content-container .content-form .select-raws textarea{width:47.03125rem}html #preset-container .content-container .content-form .select-raws .tag-name{font-size:.875rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;text-decoration:underline;margin-right:.7109375rem;display:inline-block}html #preset-container .content-container .content-form .user-control{width:100%;margin-left:-12px;margin-top:15px;display:flex;justify-content:flex-start;align-items:center}html #preset-container .content-container .content-form .user-control .checkbox-font{font-size:1.09375rem;font-weight:400;color:#272727!important;line-height:1.3125rem;margin-bottom:0}html #preset-container .content-container .content-form .user-control .control{font-size:1.09375rem;font-weight:400;color:#3e5ff1!important;line-height:1.3125rem;margin-bottom:0}html #preset-container .content-container .content-form .user-control .control:hover{color:#4c6cfb!important}html #preset-container .content-container .content-form .v-input-self-mgbm{margin-bottom:0}html #preset-container .content-container .content-form .v-select-self-mgtop{margin-top:.984375rem!important}html #preset-container .content-container .content-form .v-input__control{border-radius:5px}html #preset-container .content-container .content-form .v-form-h,html #preset-container .content-container .content-form .v-form-h .v-input__control,html #preset-container .content-container .content-form .v-form-h .v-input__control .v-input__slot{height:3.0625rem}html #preset-container .content-container .content-form .v-form-h .v-input__control .v-input__slot .v-select__slot .v-input__append-inner{margin-top:.765625rem}html #preset-container .content-container .content-form .v-select-w{width:14.21875rem}html #preset-container .content-container .content-form .select-btn{background-size:8%;max-width:100%;width:auto;min-width:14.21875rem;padding-left:1.3125rem!important;border-radius:6px}html #preset-container .content-container .content-form .select-btn span{text-align:left;display:inline-block!important;padding-right:1.640625rem}html #preset-container .content-container .content-form .select-btn-bg-light{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll var(--preset-input-bg-color) 98%}html #preset-container .content-container .content-form .select-btn-bg-dark{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll var(--preset-input-bg-color) 98%}html #preset-container .content-container .content-form .filled-text{color:#404040;color:var(--preset-text-color);font-size:1.09375rem;font-weight:400}html #preset-container .content-container .content-form .empty-text{color:#52545b;font-size:1.09375rem;font-weight:400}html #preset-container .content-container .content-form .submit-btn{min-width:5.46875rem!important;width:auto!important;height:2.1875rem!important;background:#3e5ff1!important;border-radius:24px;display:grid;justify-content:center;align-content:center;font-size:1.09375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;letter-spacing:0;box-shadow:none;text-transform:capitalize}html #preset-container .content-container .content-form .submit-btn span{line-height:2.1875rem}html #preset-container .submit-fixed{width:100%;padding:0 4.375rem;height:6.015625rem;position:fixed;bottom:0;box-shadow:0 -1px 6px rgba(0,0,0,.16);background:#fff;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}html #preset-container .submit-fixed .btn-self{border-radius:24px}html #preset-container .state-container{width:100%;border-radius:27px;padding:1.75rem 2.734375rem 1.75rem 2.1875rem;margin:0;display:flex;justify-content:flex-start;align-items:center}html #preset-container .state-container .container-left{width:28.1640625rem}html #preset-container .state-container .container-left .title{font-size:2.625rem!important;line-height:3.28125rem;font-weight:800;padding-left:1.4765625rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}html #preset-container .state-container .container-left .name{width:24.9921875rem;padding-left:1.4765625rem;display:flex;justify-content:flex-start;align-items:center}html #preset-container .state-container .container-left .name p:first-child{width:2.1875rem;line-height:2.1875rem!important;background:#71b47f;border-radius:50%;text-align:center;font-size:.984375rem;font-weight:700;color:#fff!important;line-height:1.6953125rem;margin-bottom:0}html #preset-container .state-container .container-left .name p:nth-child(2){padding-left:.546875rem;font-size:1.09375rem;font-weight:700;color:#414141!important;line-height:1.859375rem;margin-bottom:0}html #preset-container .state-container .container-left .meta{width:100%;padding:.546875rem 1.4765625rem;border-radius:27px}html #preset-container .state-container .container-left .meta p{margin:0}html #preset-container .state-container .container-left .meta p:first-child{font-size:1.75rem;font-weight:700;color:#fff!important;line-height:2.953125rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-left .meta p:nth-child(2){font-size:1.203125rem;font-weight:500;color:#fff!important;line-height:2.0234375rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-left .meta p:nth-child(3){font-size:1.203125rem;font-weight:300;color:#fff!important;line-height:2.0234375rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-right{width:34.3984375rem;padding-left:2.078125rem}html #preset-container .state-container .container-right .musical p:first-child{width:4.375rem;height:4.375rem;padding:.6015625rem;margin-left:1.09375rem;border-radius:27px;display:grid;justify-content:center}html #preset-container .state-container .container-right .musical p:first-child img{width:3.2265625rem;height:3.2265625rem}html #preset-container .state-container .container-right .musical p:nth-child(2){font-size:1.09375rem;font-weight:500;line-height:1.859375rem;margin-top:.984375rem}html #preset-container .state-container .container-right .desc{margin-top:3.71875rem;font-size:1.09375rem;font-weight:300;color:#818181!important;line-height:1.640625rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}html #preset-container .state-container .container-right .styles{display:flex;justify-content:flex-end;align-items:center}html #preset-container .state-container .container-right .styles p{width:4.59375rem;line-height:1.96875rem;margin-left:1.09375rem;background:#636468;border-radius:7px;font-size:1.09375rem;font-weight:400;color:#fff!important;line-height:1.859375rem;margin-bottom:0;text-align:center}html #preset-container .ok-icon{margin-top:2.1875rem;text-align:center;display:flex;justify-content:center;align-items:center;font-size:1.3125rem;font-weight:700;color:#141414!important;line-height:2.2421875rem;margin-bottom:0}html #preset-container .ok-icon img{width:1.640625rem;height:1.640625rem}html #preset-container .ok-icon text{padding-left:1.203125rem}html #preset-container .gotoindexpage{display:block;line-height:2.625rem;color:#141414!important;text-align:center}html #preset-container .gotoindexpage,html #preset-container .restuplaod{width:11.9765625rem;border:.0546875rem solid #707070;border-radius:11px;font-size:1.3125rem;font-weight:400;line-height:2.2421875rem;margin:1.53125rem auto 0}html #preset-container .restuplaod{display:block;height:2.625rem;color:#687a7a!important;display:flex;justify-content:center;align-items:center}html #preset-container .restuplaod image{width:.765625rem;height:.765625rem}html #preset-container .edit-loading-container{width:100%;max-width:100%;margin:20px auto;background:#fff;background:var(--white-bg-color);border-radius:14px;padding:2rem}html .drop-down-item{color:#88898d!important;font-size:.875rem!important}html .outer{width:320px;height:5px;background:#fff;border-radius:10px}html .outer .inner{background:#3e5ff1;border-radius:10px;height:100%}.header-block{display:flex;justify-content:center;width:100%;background:#fcfcfc;background:var(--header-bg-color);height:5.46875rem;position:fixed;z-index:50}.toobar{position:relative;width:65.625rem;max-width:65.625rem}.toobar .logo{width:6.015625rem;height:auto;cursor:pointer}.toobar .header-tab-container{flex-grow:0;margin-left:5%}.toobar .header-tab-container .layout .tab{font-size:.984375rem;font-weight:700;line-height:1.6953125rem;color:#636468;color:var(--register-btn-color);cursor:pointer}.toobar .header-tab-container .layout .active{color:#3e5ff1!important}.toobar .header-tab-container .layout .underline{height:.21875rem;background:#3e5ff1;border-radius:10px}.toobar .header-tab-container-zh{flex-basis:15%;max-width:15%}.toobar .header-tab-container-en{flex-basis:18%;max-width:18%}.toobar .pad-user-info{position:absolute}.toobar .userinfo-login-sm{right:12.140625rem;flex-basis:25%;flex-grow:0;max-width:25%}.toobar .userinfo-login-post-sm{right:11.265625rem;flex-basis:18%;flex-grow:0;max-width:18%}.toobar .userinfo-unlogin-sm{right:12.140625rem;flex-basis:26%;flex-grow:0;max-width:26%;min-width:26%}.toobar .userinfo-unlogin-post-sm{right:12.140625rem;flex-basis:17%;flex-grow:0;max-width:17%;min-width:17%}.toobar .login-btn{background-color:#fcfcfc!important;background-color:var(--header-bg-color)!important;border-radius:6px!important;color:#3e5ff1!important;border:1px solid #3e5ff1}.toobar .login-btn,.toobar .register-btn{padding:1.09375rem;font-size:.984375rem!important;min-width:4.8125rem!important;min-height:2.40625rem!important}.toobar .register-btn{border:none;border-radius:6px!important;color:#636468!important;color:var(--register-btn-color)!important;background-color:#f3f3f3!important;background-color:var(--register-btn-bg-color)!important}.toobar .upload-btn{padding:1.09375rem;background-color:#3e5ff1!important;border-radius:6px!important;font-size:.984375rem!important;color:#fff!important;min-width:4.8125rem!important;min-height:2.40625rem!important}.toobar .menu-btn{padding:0!important;line-height:2.625rem;color:#636468!important;height:3.828125rem!important;max-width:2.734375rem!important;min-width:2.734375rem!important}.toobar .menu-btn .span-1{font-size:1.421875rem!important;font-weight:700}.toobar .menu-btn:before{background-color:transparent!important}.toobar .notice-btn-container{width:3.5546875rem;height:3.828125rem;flex-grow:0}.toobar .notice-btn-container .notice-btn{position:relative;border-radius:7px;cursor:pointer;max-width:3.0078125rem;min-width:3.0078125rem;max-height:3.0078125rem;min-height:3.0078125rem}.toobar .notice-btn-container .notice-btn .bell-img{max-width:3.0078125rem}.toobar .notice-btn-container .notice-btn .notice-badge{background-color:red;color:#fff;border-radius:50%;font-size:12px;transform:scale(.8);padding:2px;position:absolute;top:.328125rem;right:.2734375rem;width:24px;height:24px;display:flex;justify-content:center;text-align:center;align-items:center}.toobar .dark-theme{position:absolute;right:8.640625rem;width:2.40625rem;max-width:2.40625rem;cursor:pointer}.toobar .dark-theme-post-margin{margin-left:.6015625rem}.toobar .lang-block{position:absolute;right:0}.toobar .lang-block .lang-menu-btn{width:7.546875rem;min-height:2.40625rem;padding:.65625rem 0 .65625rem .21875rem!important;color:#636468!important;color:var(--register-btn-color)!important;background-color:#e5e5e5;background-color:var(--preset-input-bg-color);border-radius:6px}.toobar .lang-block .lang-menu-btn .v-btn__content img{width:1.53125rem;margin-right:.1640625rem}.toobar .lang-block .lang-menu-btn .v-btn__content .v-divider{border-right-width:2px;margin-right:.1640625rem;border-color:#636468;border-color:var(--register-btn-color)}.toobar .lang-block .lang-menu-btn .span-2{font-size:.984375rem!important}.toobar .lang-block .lang-menu-btn .mdi-chevron-down{font-size:1.3125rem}.toobar .lang-block .lang-menu-btn:before{background-color:transparent!important}.userinfo-font-color{color:#636468;color:var(--register-btn-color);text-align:center;height:1.640625rem!important;line-height:1.640625rem!important;font-size:.984375rem!important;font-weight:500!important}.userinfo-font-color:hover{background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:3px}.font-color-DB6060{color:#db6060!important;text-align:center;height:1.640625rem!important;line-height:1.640625rem!important;font-size:.984375rem!important}.font-color-DB6060:hover{background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:3px}.user-menu-block{margin-left:2.1875rem!important}.menu-line{width:80%;margin:0 auto}.name-circle{width:2.40625rem!important;height:2.40625rem!important;min-width:2.40625rem!important;border-radius:50%;box-shadow:0 .1640625rem .328125rem rgba(0,0,0,.16)}.name-circle .headline-1{font-size:1.09375rem!important;font-weight:400;line-height:2rem;letter-spacing:normal!important;font-family:Roboto,sans-serif!important;font-weight:700}.name-circle2{width:3.28125rem!important;height:3.28125rem!important;min-width:3.28125rem!important;border-radius:50%;box-shadow:0 .1640625rem .328125rem rgba(0,0,0,.16)}.name-circle2 .headline-2{font-size:1.421875rem!important;font-weight:400;line-height:2rem;letter-spacing:normal!important;font-family:Roboto,sans-serif!important;font-weight:700}.layer-list-item-block{background-color:#fff!important;background-color:var(--menu-bg-color)!important;color:#000!important}.v-list-item--link:before{background-color:transparent!important}.list-item-block:before{background-color:#fff!important;background-color:var(--white-bg-color)!important;color:#000!important}.list-item-text{font-size:.984375rem!important;text-align:center;line-height:1.09375rem!important;color:#636468;color:var(--register-btn-color)}.list-item-text:hover{color:#3e5ff1!important}.my-info-list .span-2{font-size:1.5859375rem;color:#4f525e;color:var(--preset-title-color);font-weight:700;max-width:90%;text-align:center;overflow:hidden;display:inline-block;width:auto;text-overflow:ellipsis;white-space:nowrap}.v-main{margin-top:5.46875rem}.footer-container .feedback-menu-btn{position:fixed;right:10px;width:2.4609375rem;height:2.4609375rem;background:#fff;background:var(--white-bg-color);border-radius:50%;cursor:pointer}.footer-container .bottom-20{bottom:20px}.footer-container .preset-to-top{bottom:75px}.footer-container .feedback-menu-btn:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.footer-menu{width:16.953125rem;padding:.8203125rem .2734375rem}.feedback-card,.footer-menu{background-color:#fff!important;background-color:var(--white-bg-color)!important}.feedback-card{box-shadow:none!important}.feedback-card .footer-title{margin-bottom:.546875rem;padding:10px 0;font-size:1.203125rem;font-weight:700;line-height:1.2em;color:#707070;color:var(--feedbcak-color);cursor:pointer}.feedback-card .footer-title .v-icon{margin-right:.21875rem}.feedback-card .footer-title:hover{background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border-radius:4px}.feedback-card .desc{margin-top:.328125rem;font-size:.875rem;color:#9b9dab;line-height:1.1em;text-align:center}.feedback-card a:hover{color:#3e5ff1}.feedback-card .copy-btn{font-size:.875rem;height:1.3671875rem!important;max-width:2.625rem!important;min-width:2.625rem!important;margin-left:.546875rem;background:#fff!important;background:var(--white-bg-color)!important;color:#3e5ff1;border:1px solid #3e5ff1;border-radius:4px}.feedback-card-dialog{padding:1.09375rem}body{margin:0 auto;max-width:1920px}.main-content-container{width:100%;height:100%;display:flex;justify-content:center;flex-wrap:nowrap!important;padding-top:1.09375rem}.content-block{display:flex;justify-content:center;flex-wrap:nowrap;max-width:86.40625rem;width:86.40625rem}.content-block .search-count{font-size:.875rem;font-weight:400!important;color:#4f525e!important;margin-bottom:0;padding:0 1.09375rem}.content-block .show-margin{margin-top:1.09375rem}.content-block .row-1{width:100%;margin-bottom:1.09375rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.content-block .row-1 .phone-wrap{flex-grow:0}.content-block .row-1 .select-self-style{height:2.625rem!important;padding-left:.65625rem!important;padding-right:.65625rem!important;font-size:.984375rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:2.625rem;margin-bottom:0;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);outline:none;border-radius:6px;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll #f5f5f5 93%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll var(--filter-btn-bg-color) 93%}.content-block .row-1 .select-self-style span{text-align:left;display:inline!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-block .row-1 .select-self-style .icon-1{position:absolute;right:0}.content-block .row-1 .no-ellipsis-select-btn{background-size:6.7%;width:10.7734375rem}.content-block .row-1 .ellipsis-select-btn-1{margin-left:.8203125rem;justify-content:flex-start;background-size:9%;width:8.203125rem}.content-block .row-1 .ellipsis-select-btn-1 span{max-width:6.015625rem}.content-block .row-1 .select-en-1ength{width:13.125rem!important}.content-block .row-1 .select-self-style:before{background-color:#fafafa!important}.content-block .row-1 .self-btn-1{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .8203125rem;font-size:.984375rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.6953125rem;margin-bottom:0;height:2.625rem;width:5.4140625rem;background:#f5f5f5;background:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:6px}.content-block .row-1 .self-btn-1 img{width:.7109375rem!important;height:.984375rem!important;margin-right:.7109375rem}.content-block .row-1 .self-btn-1-default{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;height:2.625rem;width:5.4140625rem;padding:0 .8203125rem;font-size:.984375rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.1484375rem;margin-bottom:0;background:transparent;border-radius:6px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color)}.content-block .row-1 .self-btn-1-default img{width:.7109375rem!important;height:.984375rem!important;margin-right:.7109375rem}.content-block .row-1 .filter-card-list-change-block{flex-grow:0}.content-block .row-1 .filter-card-list-change-block .card-list-change-block{width:5.03125rem;height:2.625rem;margin-left:.546875rem;border-radius:6px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);padding:1px}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block{display:flex;justify-content:center;align-items:center;cursor:pointer}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block img{width:1.421875rem;vertical-align:middle}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block-active{background:#d0d7f4;background:var(--change-style-gb-color);border-radius:5px}.content-block .row-1 .input-container{position:relative;width:41.015625rem}.content-block .row-1 .input-container input{width:100%;height:2.625rem;padding:0 2.734375rem 0 1.09375rem;background:#fcfcfc;background:var(--header-bg-color);color:#636468;color:var(--register-btn-color);border-radius:7px;outline:none}.content-block .row-1 .input-container img{position:absolute;height:1.96875rem;right:.8203125rem;top:.2734375rem}.content-block .selections-block{display:flex;flex-wrap:wrap}.content-block .selections-block .selection-block{display:flex;flex-direction:column;margin-right:1.859375rem}.content-block .selections-block .selection-block .filter-title{width:9.84375rem;font-size:.984375rem;font-weight:500;line-height:.984375rem;color:#4f525e;color:var(--preset-title-color)}.content-block .selections-block .selection-block .v-btn__content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:5.46875rem;line-height:.875rem}.content-block .selections-block .selection-block .select-self-style-2{padding-left:.7109375rem!important;padding-right:.328125rem!important;width:8.09375rem!important;height:2.1875rem!important;font-size:.875rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.4765625rem;margin-bottom:0;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);outline:none;text-transform:capitalize;letter-spacing:0;border-radius:6px;margin-top:.4375rem;justify-content:flex-start;text-align:left;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll #f5f5f5 93%/6.6%!important;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll var(--filter-btn-bg-color) 93%/6.6%!important}.content-block .selections-block .selection-block .select-self-style-2 .icon-1{position:absolute;right:0;font-size:1.0390625rem}.content-block .selections-block .selection-block .select-self-style-2:before{background-color:#fafafa!important}.content-block .hot-tag-list{display:flex;flex-direction:column;margin-top:1.09375rem}.content-block .hot-tag-list h3{font-size:.984375rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.6953125rem;margin-bottom:0;padding-right:.984375rem}.content-block .hot-tag-list div{display:flex;flex-wrap:wrap}.content-block .hot-tag-list div p{margin-top:.2734375rem;min-width:4.8125rem;line-height:2.1875rem;margin-right:.875rem;border-radius:4px;border:1px solid #d1d2d4;border:1px solid var(--filter-tag-bd-color);font-size:.875rem;font-weight:400;color:#88898d!important;color:var(--filter-tag-color)!important;line-height:1.75rem;margin-bottom:0;height:1.75rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 .2734375rem}.content-block .hot-tag-list div p:hover{border:1px solid #88898d;border:1px solid var(--filter-tag-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.content-block .hot-tag-list div .acticon{background:#3e5ff1!important;font-size:.875rem;font-weight:400;color:#fff!important;line-height:1.75rem;margin-bottom:0;border-radius:7px;border:none}.content-block .check-block{margin-top:1.09375rem}.content-block .check-block h3{font-size:.984375rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.6953125rem;margin-bottom:0;padding-right:.984375rem}.content-block .check-block .checkboxs .custom-checkbox{margin-top:.2734375rem!important;padding-top:0!important}.content-block .check-block .checkboxs .custom-checkbox label{color:#88898d!important;color:var(--filter-btn-color)!important}.content-block .check-block .checkboxs .custom-checkbox-right{margin-left:.546875rem}.content-block .page-item{margin:20px 0 50px;display:flex;justify-content:center}.content-block .hand-hover{cursor:pointer}.content-block-s{display:flex;justify-content:center;flex-wrap:nowrap;width:65.625rem}.index-banner-container{max-width:86.40625rem;width:86.40625rem;margin:0 auto}.index-banner-container .img-container{position:relative;height:24.0625rem;margin-top:2.734375rem}.index-banner-container .img-container .behind-img-container{position:relative;height:20.453125rem;flex-basis:48%;flex-grow:0;max-width:48%;margin-top:1.8046875rem}.index-banner-container .img-container .behind-img-container .v-image{height:20.453125rem;border-radius:29px}.index-banner-container .img-container .behind-img-container .behind-layer{position:absolute;width:100%;height:20.453125rem;background-color:#000;z-index:1;border-radius:29px;opacity:.3}.index-banner-container .img-container .current-img-container{position:absolute;top:0;width:100%;z-index:2;cursor:pointer}.index-banner-container .img-container .current-img-container .hover-block{display:flex;justify-content:center;align-items:center;height:20.453125rem;width:4.375rem;cursor:pointer}.index-banner-container .img-container .current-img-container .left-hover-block:hover .left-icon,.index-banner-container .img-container .current-img-container .right-hover-block:hover .right-icon{visibility:visible;opacity:1}.index-banner-container .img-container .current-img-container .img-change-icon{opacity:0;visibility:hidden;transition:visibility 0s,opacity .5s linear;height:2.734375rem;font-size:2.734375rem}.index-banner-container .img-container .current-img-container .v-image{width:77.328125rem;max-width:77.328125rem;height:24.0625rem;border-radius:31px}.index-banner-container .img-index-container{margin-top:1.640625rem}.index-banner-container .img-index-container .img-index{width:.8203125rem;height:.8203125rem;background:#aeaeae;border-radius:100%;cursor:pointer}.index-banner-container .img-index-container .img-index-margin{margin-right:1.0390625rem}.index-banner-container .img-index-container .index-active{background:#3e5ff1}.homepage .index-banner-container{position:relative;width:100%!important;max-width:100%!important}.homepage .index-banner-container .img-container{height:35.546875rem!important;margin-top:0!important}.homepage .index-banner-container .img-container .behind-img-container{display:none!important}.homepage .index-banner-container .img-container .current-img-container .left-hover-block{left:.328125rem;position:absolute;width:1.859375rem;height:1.859375rem;z-index:9}.homepage .index-banner-container .img-container .current-img-container .right-hover-block{right:.328125rem;position:absolute;width:1.859375rem;height:1.859375rem;z-index:9}.homepage .index-banner-container .img-container .current-img-container .v-image{width:100%!important;max-width:100%!important;height:35.546875rem!important;border-radius:0!important}.homepage .index-banner-container .img-container .current-img-container .img-change-icon{opacity:1;visibility:visible;height:34px;font-size:34px}.homepage .index-banner-container .img-index-container{position:absolute;width:100%;bottom:1.3671875rem;margin-top:0;z-index:9}.homepage .index-container .index-row{width:100%;position:relative}.homepage .index-container .index-row-height{height:32.8125rem}.homepage .index-container .index-row-height-auto{height:auto}.homepage .index-container .preset .avatar{border-radius:50%;color:#fff;text-align:center}.homepage .index-container .preset .avatar-large{max-width:2.734375rem;width:2.734375rem;height:2.734375rem;font-size:.984375rem;line-height:2.734375rem}.homepage .index-container .preset .avatar-s{max-width:2.1875rem;width:2.1875rem;height:2.1875rem;font-size:.875rem;line-height:2.1875rem}.homepage .index-container .preset .preset-text{margin-left:.765625rem;max-width:12.796875rem}.homepage .index-container .preset .preset-text .main-preset-name{max-width:100%;margin-left:0}.homepage .index-container .preset .preset-text .preset-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.765625rem;color:#8c8f9f;color:var(--date-color)}.homepage .index-container .preset .name{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:.65625rem;font-size:.875rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.homepage .index-container .preset-list{padding-left:2.734375rem}.homepage .index-container .preset-list .preset-in-list{position:relative;padding:0 .2734375rem;margin-bottom:.4375rem}.homepage .index-container .preset-list .preset-in-list .num-stat{position:absolute;right:0}.homepage .index-container .preset-list .preset-in-list .num-stat div{min-width:3.5546875rem}.homepage .index-container .preset-list .preset-in-list .num-stat div img{height:.765625rem;vertical-align:middle}.homepage .index-container .preset-list .preset-in-list .num-stat div span{font-size:.7109375rem;color:#97989e;color:var(--preset-list-desc-color)}.homepage .index-container .forum-index-discussions-container{margin-top:1.640625rem}.homepage .index-container .forum-index-discussions-container .index-discussion{width:100%}.index-content{width:65.625rem;height:100%;margin:0 auto}.index-content h2{font-size:1.1484375rem}.index-content h2,.index-content p{color:#636468;color:var(--register-btn-color)}.index-content p{font-size:.9296875rem}.index-content .text-flex{padding-right:10px}.index-content .img-flex{padding-left:10px}.index-content .upload-img{width:80%}.index-content .learn-more{display:flex;font-size:.9296875rem;color:#3e5ff1}.index-content .learn-more span{display:inline-block;margin-right:-.109375rem}.index-content .learn-more .v-icon{color:#3e5ff1}.index-content .preset-cover{border-radius:12px}.package-news-container{width:65.625rem;max-width:65.625rem;margin:1.09375rem auto;padding:2.953125rem 4.375rem;background:#fff;background:var(--white-bg-color);border-radius:14px}.package-news-container .preview-date{font-size:1.09375rem;color:#4f525e;color:var(--preset-title-color)}.package-news-container .cover-img{width:100%;height:17.6640625rem;margin-top:.546875rem;border-radius:31px}.package-news-container .package-desc{margin-top:1.4765625rem;word-break:break-word}.package-news-container .package-desc p{margin-bottom:5px;font-size:1.09375rem}.package-news-container .package-desc p,.package-news-container .package-desc p span{color:#4f525e;color:var(--preset-title-color)}.package-news-container .package-desc p .text-big{font-size:1.4em}.package-news-container .package-desc p .text-huge{font-size:1.8em}.package-news-container .all-download-btn-container{text-align:right}.package-news-container .all-download-btn-container .all-download-btn{color:#fff;border-radius:8px;font-size:.8203125rem}.package-news-container .author-preset{margin-top:1.9140625rem}.package-news-container .author-preset .author-col{display:flex;flex-wrap:wrap}.package-news-container .author-preset .author-col .avatar{width:4.921875rem;height:4.921875rem;margin:0 .3828125rem .546875rem 0;border-radius:31px;color:#fff;text-align:center;line-height:4.921875rem;font-size:1.640625rem;cursor:pointer}.package-news-container .author-preset .preset-col .preset-list .preset{display:flex;align-items:center;justify-content:space-between;font-size:1.09375rem;padding:.4375rem .2734375rem;color:#88898d;color:var(--filter-btn-color)}.package-news-container .author-preset .preset-col .preset-list .preset .preset-name{width:85%;cursor:pointer;word-break:break-word}.package-news-container .author-preset .preset-col .preset-list .preset .player-container{position:relative;width:1.53125rem!important;height:1.53125rem!important;margin-right:.546875rem;cursor:pointer}.package-news-container .author-preset .preset-col .preset-list .preset .player-container .v-image{width:1.53125rem!important;height:1.53125rem!important;max-width:1.53125rem;position:absolute;top:0;left:0;z-index:7}.package-news-container .author-preset .preset-col .preset-list .preset .player-container .v-progress-circular{position:absolute;width:1.53125rem!important;height:1.53125rem!important;z-index:6}.package-news-container .author-preset .preset-col .preset-list .preset .anticon{width:1.09375rem;height:1.09375rem}.v-list-block{background-color:transparent!important;color:#000!important}.v-list-block .v-list-item{color:#636468;color:var(--register-btn-color);text-align:left;line-height:30px!important;text-transform:capitalize;font-weight:400!important}.v-list-block .v-list-item .v-input--checkbox{width:100%}.v-list-block .active-color{color:#3e5ff1!important}.v-list-block .v-list-item:hover{background-color:#f3f3f3!important;background-color:var(--register-btn-bg-color)!important;border-radius:3px}.v-list-block:before{background-color:#fff!important;background-color:var(--white-bg-color)!important;color:#000!important}.font-18{font-size:.984375rem!important}.font-16{font-size:.875rem!important}.ant-pagination-prev{display:inline-block;width:5.8515625rem;height:2.40625rem;margin-right:.875rem;line-height:2.296875rem;font-size:1.09375rem!important;text-align:center;vertical-align:middle;list-style:none;background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:7px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-pagination-prev a{padding:0;font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-prev:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-next{display:inline-block;width:5.8515625rem;height:2.40625rem;margin-left:.4375rem;line-height:2.296875rem;font-size:1.09375rem!important;text-align:center;vertical-align:middle;list-style:none;background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:7px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-pagination-next a{padding:0 .546875rem;font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-next:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-item-active{border-color:#1753e1!important}.ant-pagination-item-active a{color:#1753e1!important}.ant-pagination-item{background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);height:2.40625rem!important;width:2.5703125rem!important;font-size:1.09375rem!important;line-height:2.296875rem;border-radius:7px!important}.ant-pagination-item a{font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-item a:hover{color:#636468!important;color:var(--register-btn-color)!important}.ant-pagination-item:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-disabled{border-color:rgba(0,0,0,.25)!important}.ant-pagination-item-link{color:#1753e1!important}.ant-pagination-item-ellipsis{color:#88898d!important;color:var(--filter-btn-color)!important}.ant-pagination-disabled{opacity:.7}.mdi-checkbox-blank-outline{color:#88898d!important;color:var(--filter-btn-color)!important}.message-container{width:65.625rem;margin:10px auto 0}.message-container .page-title{font-size:1.3125rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.message-container .message-box{margin-top:.546875rem;height:39.6484375rem;background-color:#fff;background-color:var(--white-bg-color);border-radius:2px;box-shadow:0 3px 6px 1px rgba(0,0,0,.03)}.message-container .message-box .message-user .chat-user-container{height:32.8125rem;padding-bottom:10px;overflow-y:scroll}.message-container .message-box .message-user .chat-user-container .chat-user-item{padding:.875rem 1.640625rem;position:relative;cursor:pointer}.message-container .message-box .message-user .chat-user-container .chat-user-item .avatar-container{position:relative}.message-container .message-box .message-user .chat-user-container .chat-user-item .avatar-container .badge{position:absolute;width:.765625rem;height:.765625rem;border-radius:50%;background-color:red;top:0;right:0}.message-container .message-box .message-user .chat-user-container .chat-user-item .date{position:absolute;right:1.640625rem;top:.875rem;font-size:.765625rem;color:#636468}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info{margin-left:.765625rem}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .name{max-width:8.75rem;font-size:.984375rem;color:#4f525e;color:var(--preset-title-color)}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .message{max-width:12.578125rem;font-size:.875rem;color:#636468}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .over-flow-hiden{height:1.5em;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.message-container .message-box .message-user .chat-user-container .active-item{background-color:#f8f8f8;background-color:var(--tag-bg-color)}.message-container .message-box .message-content .chat-content-container{height:21.875rem;padding:.546875rem;overflow-y:scroll}.message-container .message-box .message-content .chat-content-container .chat-item .chat-time{text-align:center;color:#c1c1c3;font-size:.765625rem;margin-bottom:.328125rem}.message-container .message-box .message-content .chat-content-container .chat-item .message{margin-bottom:.328125rem;padding:.4375rem;border-radius:8px;font-size:.875rem;word-break:break-word}.message-container .message-box .message-content .chat-content-container .chat-item .message img{display:block;width:8.0390625rem}.message-container .message-box .message-content .chat-content-container .chat-item .reciver-message{margin-left:.4375rem;background:#f8f8f8;background:var(--tag-bg-color);color:#636468;color:var(--register-btn-color)}.message-container .message-box .message-content .chat-content-container .chat-item .sender-message{margin-right:.4375rem;background:#3e5ff1;color:#fff}.message-container .message-box .message-content .chat-content-container .chat-item .message-width{max-width:65%}.message-container .message-box .message-content .chat-input-container{padding:0 .765625rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input{margin-top:.546875rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input .mdi-image-plus-outline{margin-left:.546875rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input .v-icon{font-size:1.3125rem;color:#4f525e}.message-container .message-box .message-content .chat-input-container .text-input{margin-top:.546875rem;height:6.015625rem;font-size:.875rem;line-height:1.09375rem;outline:none;overflow-y:scroll;color:#636468;color:var(--register-btn-color)}.message-container .message-box .message-content .chat-input-container .text-input img{width:10.9375rem;height:auto;vertical-align:bottom}.message-container .message-box .message-content .chat-input-container .send-btn{margin-top:.65625rem}.message-container .message-box .message-content .chat-input-container .send-btn .v-btn{color:#fff;border-radius:6px;font-size:.984375rem;height:2.40625rem;min-width:4.375rem}.message-container .message-box .avatar{width:2.625rem;min-width:2.625rem;height:2.625rem;border-radius:31px;color:#fff;text-align:center;line-height:2.625rem;font-size:1.09375rem}.message-container .message-box-header{height:5.46875rem}.message-container .search-input{position:relative;padding:1.2578125rem 1.640625rem}.message-container .search-input input{width:100%;height:2.953125rem;padding:0 1.09375rem;background:#f8f8f8;background:var(--tag-bg-color);color:#636468;color:var(--register-btn-color);border-radius:6px;outline:none}.message-container .search-input img{position:absolute;height:1.96875rem;left:2.1875rem;top:1.640625rem}.message-container .message-detail-header{padding:0 .765625rem;margin-left:.546875rem}.message-container .message-detail-header .name{margin-left:.765625rem;font-size:1.53125rem;font-weight:500;color:#4f525e;color:var(--preset-title-color)}.emoji-list{width:11.484375rem;padding:.546875rem}.emoji-list .emoji-item{height:1.5em;font-size:.9296875rem;text-align:center;line-height:1.5em;cursor:pointer;transition:.3s}.emoji-list .emoji-item:hover{transform:scale(1.2)}.white-bg{background-color:#fff;background-color:var(--white-bg-color)}.v-menu__content .notice-list-info-title{font-size:.875rem;color:#141414;color:var(--black-title-2);padding-left:16px}.v-menu__content .notice-list-container{max-height:340px;overflow-y:auto}.v-menu__content .notice-list-container::-webkit-scrollbar{width:4px}.v-menu__content .notice-list-container::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.v-menu__content .notice-list-container::-webkit-scrollbar-track{border-radius:0;background:#fff}.v-menu__content .notice-footer{position:fixed;bottom:0;width:100%;height:38px;color:#949494;color:var(--tag-color);cursor:pointer}.notice-list-title .produce-name{overflow:hidden;text-overflow:ellipsis;color:#141414;color:var(--black-title-2)}.notice-list-title .produce-name-comment{max-width:70%}.notice-list-title .produce-name-focus{max-width:90%}.notice-list-title .produce-name-collect{max-width:60%}.notice-list-title .notice-date{float:right;font-size:12px;opacity:.5}.notice-list-title .notice-date,.notice-list-title .system{color:#141414;color:var(--black-title-2)}.notice-list-subtitle .notice-content .replied-comment-content{display:inline-block;max-width:90%;overflow:hidden;text-overflow:ellipsis;color:#141414;color:var(--black-title)}.notice-list-subtitle .notice-content .comment-content{display:inline-block;width:100%;padding:5px 6px;background-color:#f8f8f8;background-color:var(--tag-bg-color);color:#949494;color:var(--tag-color);border-radius:4px;text-align:justify;white-space:normal;line-height:2em}.notice-list-subtitle .private-message{font-size:.875rem;color:#97989e;color:var(--preset-list-desc-color)}.user-login-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:80}.user-login-container .user-login-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.user-login-container .user-login-card{position:relative;width:100%;max-width:65.625rem;padding:3.0078125rem 4.375rem;background:#fff;background:var(--white-bg-color);z-index:99;margin-left:auto;margin-right:auto;margin-top:6.5625rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .chacha{width:1.421875rem!important;height:1.3671875rem!important;position:absolute;right:10px;top:-30px;z-index:100;cursor:pointer}.user-login-container .user-login-card .card-right{width:32.265625rem;height:100%;position:relative}.user-login-container .user-login-card .card-right .card-img{width:100%}.user-login-container .user-login-card .card-right .login-slogan{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.75rem;font-weight:700;text-align:center}.user-login-container .user-login-card .card-right .login-slogan p{margin-bottom:.4375rem}.user-login-container .user-login-card .card-title{font-size:1.53125rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:2.625rem;margin-bottom:0}.user-login-container .user-login-card .card-subtitle{font-size:.765625rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:1.09375rem;margin-bottom:0}.user-login-container .user-login-card .subtitle-width{width:18.59375rem}.user-login-container .user-login-card .card-user-title{font-size:.875rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.4765625rem;margin:1.640625rem 0 .65625rem}.user-login-container .user-login-card .card-user-input{width:18.59375rem;height:2.1875rem;padding-left:.765625rem;background:#f5fbff;background:var(--login-input-bg-color);border-radius:5px;font-size:.875rem;font-weight:500;color:#141414!important;color:var(--black-title-2)!important;line-height:.765625rem;margin-bottom:0}.user-login-container .user-login-card .forget-password{margin:1.640625rem 0 .65625rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .forget-password .forget-tip{font-size:.765625rem;font-weight:500;color:#3e5ff1!important;line-height:1.09375rem;margin-bottom:0;cursor:pointer}.user-login-container .user-login-card .forget-password .forget-title{font-size:.875rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.4765625rem;margin-bottom:0}.user-login-container .user-login-card .card-user-login-btn{width:18.59375rem;height:2.4609375rem!important;margin-top:2.1328125rem;background:#3e5ff1!important;border-radius:5px;font-size:.875rem;font-weight:400;color:#fff!important;line-height:1.4765625rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-login-container .user-login-card .card-user-no-acount{margin-top:1.203125rem;font-size:.875rem;font-weight:400;color:#97989e!important;line-height:1.4765625rem;margin-bottom:0;text-align:center}.user-login-container .user-login-card .card-user-register-btn{width:18.59375rem;height:2.4609375rem!important;margin-top:.546875rem;background:#fff!important;border:1px solid #3e5ff1;border-radius:5px;font-size:.875rem;font-weight:400;color:#3e5ff1!important;line-height:1.4765625rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.register-container{width:100%;height:100%;background:#fff;background:var(--white-bg-color)}.go-to-index{padding-top:2.1875rem;padding-left:22.9%;margin-top:0!important}.go-to-index i{width:.3828125rem!important;height:.7109375rem!important}.go-to-index .link-a{padding-left:.546875rem;font-size:1.09375rem;font-weight:400;color:#141414!important;color:var(--black-title)!important;line-height:1.859375rem;margin-bottom:0}.user-register-card{width:100%;padding:2.6796875rem 22.9% 0;z-index:99;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:nowrap!important}.user-register-card .card-right{position:relative;margin-left:2.1875rem}.user-register-card .card-right .card-img{width:32.265625rem;height:auto}.user-register-card .card-right .login-slogan{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.75rem;font-weight:700;text-align:center}.user-register-card .card-right .login-slogan p{margin-bottom:.4375rem}.user-register-card .card-title{font-size:1.53125rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:2.625rem;margin-bottom:0}.user-register-card .card-subtitle{font-size:.765625rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:1.09375rem;margin-bottom:0}.user-register-card .card-user-title{font-size:.875rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.4765625rem;margin:1.640625rem 0 .65625rem}.user-register-card .card-user-input{width:18.59375rem;height:2.1875rem;padding-left:.765625rem;background:#f5fbff;background:var(--login-input-bg-color);border-radius:5px;font-size:.8203125rem;font-weight:500;color:#141414!important;color:var(--black-title-2)!important;line-height:.765625rem;margin-bottom:0}.user-register-card .card-user-subtitle{font-size:.65625rem;font-weight:500;color:#414141!important;line-height:1.09375rem;margin-bottom:0;padding:.546875rem 0 .4375rem}.user-register-card .card-user-login-btn{width:18.59375rem;height:2.4609375rem!important;background:#3e5ff1!important;border-radius:5px;font-size:.984375rem;font-weight:400;color:#fff!important;line-height:1.4765625rem;margin-bottom:0;font-size:.875rem!important;text-transform:capitalize;letter-spacing:0}.user-register-card .red-tip{text-align:right;margin-top:.1640625rem}.user-register-card .red-tip span{color:#e60000;font-size:.65625rem;display:inline-block}.user-register-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-register-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-register-card .muti-col-title{display:flex;justify-content:space-between;align-items:center;margin:1.640625rem 0 .65625rem}.user-register-card .muti-col-title p:first-child{font-size:.875rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.4765625rem;margin-bottom:0}.user-register-card .muti-col-title p:nth-child(2){display:inline-block;padding:0 0 0 .328125rem;font-size:.65625rem;font-weight:300;color:#414141!important;color:var(--user-color)!important;line-height:.765625rem;margin-bottom:0;max-width:10.828125rem;line-height:.984375rem}.user-register-card .muti-col-title .width-en{min-width:8.640625rem}.user-register-card .register-controle{display:flex;justify-content:flex-start;align-items:center;font-size:.875rem;font-weight:400;height:1.3125rem;margin:.875rem 0 .765625rem}.user-register-card .register-controle div{color:#272727}.user-register-card .register-controle span{color:#3e5ff1}.user-register-card .register-controle .primary--text{color:#3e5ff1!important}.user-register-card .go-to-login{margin-top:.7109375rem}.user-register-card .go-to-login span:first-child{font-size:.875rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:.546875rem;margin-bottom:0}.user-register-card .go-to-login span:nth-child(2){font-size:.875rem;font-weight:400;color:#3e5ff1!important;line-height:.546875rem;margin-bottom:0}.user-register-card .login-width{margin-top:.2734375rem!important;width:18.59375rem}.preset-list-container{margin-top:1.640625rem;width:100%}.preset-list-container .preset-sm{width:64.53125rem;max-width:64.53125rem;min-width:64.53125rem}.preset-list-container .preset-list-flex .list-item-block{position:relative;width:20.78125rem;padding:.984375rem 1.09375rem;margin-bottom:.8203125rem;background:#fff;background:var(--white-bg-color);border-radius:8px;cursor:pointer}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo{width:20.7265625rem;height:10.4453125rem;position:absolute;top:3.828125rem;left:2.1875rem;z-index:2;padding:1.53125rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .1640625rem 1.09375rem rgba(0,0,0,.1);border-radius:6px}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1{margin-bottom:0;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left{width:70%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-name{width:2.40625rem!important;height:2.40625rem!important;border-radius:50%;flex-shrink:0;font-size:1.0390625rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;background-size:cover;background-position:50%}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname{padding-left:.875rem}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p{margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:first-child{width:7.109375rem;font-size:.875rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:nth-child(2){width:7.109375rem;font-size:.875rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{display:none!important;padding:0 .546875rem;line-height:2.1875rem!important;background:#3e5ff1;border-radius:6px;height:2.1875rem;width:4.8125rem;font-size:.984375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-focus{display:block;padding:0 .546875rem;line-height:2.1875rem!important;border-radius:6px;height:2.1875rem;width:4.8125rem;border:.0546875rem solid #3e5ff1;font-size:.984375rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{display:none!important;line-height:2.1875rem!important;background:#7f8082;border-radius:6px;height:2.1875rem;width:4.8125rem;font-size:.984375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus{display:block;line-height:2.1875rem!important;height:2.1875rem!important;border-radius:6px;width:4.8125rem;background:#97989e;font-size:.984375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus-hover{display:block!important;padding:0 .546875rem;line-height:2.1875rem!important;background:#3e5ff1;border-radius:6px;width:4.8125rem;height:2.1875rem;font-size:.984375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus{display:none}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus-hover{display:block!important;line-height:2.1875rem!important;height:2.1875rem!important;width:4.8125rem;background:#7f8082;border-radius:6px;font-size:.984375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus{display:none}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .7109375rem}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list ul{margin-top:1.09375rem;display:flex;flex-direction:column;align-items:center;padding-left:0!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list li{list-style:none;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list .title{font-size:1.09375rem;font-weight:700!important;color:#636468!important;font-size:1.09375rem!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list .num{font-size:1.09375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .card-recommended-icon{position:absolute;top:0;right:0;width:1.2578125rem;height:2.1875rem}.preset-list-container .preset-list-flex .list-item-block .item-row-1{margin-top:.2734375rem;width:100%;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .item-row-1 p{margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu{width:2.4609375rem!important;height:2.4609375rem!important}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu img{width:100%;height:100%}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu .play-menu-del{font-size:1.3125rem;font-weight:400!important;color:#e66666!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .product-media-row{height:1.3671875rem}.preset-list-container .preset-list-flex .list-item-block .product-media-row-margin{margin-right:.546875rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .cover-desc-row{margin-top:.2734375rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row{margin-top:.8203125rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .count{font-size:.875rem;font-weight:400;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:.875rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .learn-more{display:flex;align-items:center;font-size:.875rem;font-weight:400;color:#3e5ff1!important;line-height:.875rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .learn-more .learn-more-icon{font-size:.765625rem;height:1em}.preset-list-container .preset-list-flex .list-item-block .line{margin-top:.8203125rem}.preset-list-container .preset-list-flex .list-item-block .state-count{margin-top:.984375rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left{display:flex;justify-content:flex-start;align-items:center}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item{display:flex;justify-content:space-around;align-items:center;font-size:.765625rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;margin-right:.546875rem;height:1.0390625rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item div{margin-left:.1640625rem;height:1.0390625rem;line-height:1.0390625rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .opt-icon{width:1.09375rem!important;margin-right:.21875rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .download-icon{width:.984375rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .img-share{width:1.421875rem!important;height:1.1484375rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .img-comment{width:1.421875rem!important;height:1.3125rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .praise{width:1.1484375rem;height:auto;margin-top:-.109375rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .download-img{width:1.203125rem!important;height:1.3671875rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item img{width:1.53125rem;height:auto}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .praise:hover{transform:scale(1.1)}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item span{padding-left:.109375rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right img{margin-left:.3828125rem;width:.765625rem!important;height:.3828125rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right .preset-date{font-size:.765625rem;font-weight:400;color:#9a9a9a!important;color:var(--info-sig-color)!important;line-height:1.3125rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.preset-list-container .card-placeholder:after{content:"";width:20.78125rem}.preset-list-container .hot-data-container .hot-data{width:20.78125rem;padding:.765625rem 1.09375rem 0;background-color:#fff;background-color:var(--white-bg-color);border-radius:8px}.preset-list-container .hot-data-container .hot-data .hot-data-head{padding:0 .7109375rem .6015625rem}.preset-list-container .hot-data-container .hot-data .hot-data-head div{font-size:.984375rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.preset-list-container .hot-data-container .hot-data .hot-data-head .small-img{width:1.3671875rem}.preset-list-container .hot-data-container .hot-data .hot-data-head img{width:.984375rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container{padding:.875rem .4375rem .328125rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset{margin-bottom:.546875rem;cursor:pointer}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .circle{width:2.375em;height:2.375em;border-radius:50%;background-position:50%;background-size:cover;text-align:center;line-height:2.1328125rem;color:#fff;font-weight:700;font-size:.875rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9em;margin-left:1.09375rem;color:#67676a;color:var(--hot-name-color);font-size:.875rem}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags{padding:.2734375rem .546875rem .65625rem}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags{margin-top:.3828125rem;margin-right:.4375rem;padding:.21875rem .3em;border-radius:3px;font-size:.875rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);cursor:pointer}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags:hover{opacity:.8}.preset-list-container .hot-data-container .hot-data-gap{margin-top:1.1484375rem}.preset-list-container .product{font-size:.765625rem}.preset-list-container .media-symbol{max-width:1.3671875rem;width:1.3671875rem}.preset-list-container .video-symbol-margin{margin-right:.3828125rem}.preset-list-container .media-symbol-margin-left{margin-left:.3828125rem}.preset-list-container .preset-name{font-size:1.09375rem;font-weight:700;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:2.0234375rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-sub-info{font-size:.984375rem;font-weight:400;color:#8c8f9f!important;line-height:1.859375rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .player-container{position:relative;width:1.53125rem!important;height:1.53125rem!important;margin-right:.546875rem}.preset-list-container .player-container .v-image{width:1.53125rem!important;height:1.53125rem!important;max-width:1.53125rem;position:absolute;top:0;left:0;z-index:7}.preset-list-container .player-container .v-progress-circular{position:absolute;width:1.53125rem!important;height:1.53125rem!important;z-index:6}.preset-list-container .list-cover-img{height:5.140625rem;width:7.7109375rem;min-width:7.7109375rem;max-width:7.7109375rem;margin-right:.546875rem;border-radius:6px}.preset-list-container .list-cover-img-left-margin{margin-left:.546875rem}.preset-list-container .preset-desc{word-break:break-word;font-size:.875rem;font-weight:400;color:#97989e!important;color:var(--preset-list-desc-color)!important;line-height:1.3125rem;margin-bottom:0;font-family:Roboto light,sans-serif}.preset-list-container .list-preset-desc{height:3.828125rem;max-height:3.828125rem;-webkit-line-clamp:3}.preset-list-container .card-preset-desc,.preset-list-container .list-preset-desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.preset-list-container .card-preset-desc{height:5.140625rem;max-height:5.140625rem;-webkit-line-clamp:4}.preset-list-container .tone-tag-row{margin-top:.21875rem!important}.preset-list-container .musical-style-tag-row{margin-top:.8203125rem;height:1.75rem;overflow:hidden}.preset-list-container .musical-style-tag-row .c-tag{display:flex;align-items:center;padding:0 .5em;height:2em}.preset-list-container .musical-style-tag-row .c-tag img{margin-right:.21875rem;height:1.8em}.preset-list-container .musical-style-tag-row .c-tag span{word-break:keep-all}.preset-list-container .musical-style-tag-row .musical-style-tag{padding:.5em;margin-right:.5em;text-align:center;font-size:.875rem;line-height:1em;border-radius:3px;cursor:pointer}.preset-list-container .musical-style-tag-row .style-tag{font-size:.875rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;background:#f8f8f8;background:var(--tag-bg-color)}.preset-list-container .musical-style-tag-row .musical-style-tag:hover{opacity:.8}.preset-list-container .name-date{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .name-date .circle{width:2.40625rem!important;height:2.40625rem!important;min-width:2.40625rem;border-radius:50%;font-size:.984375rem;font-weight:700;color:#fff!important;line-height:2.40625rem;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.preset-list-container .name-date .name-date-for{margin-left:.65625rem}.preset-list-container .name-date .name-date-for p:first-child{font-size:.875rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.4765625rem;margin-bottom:0;max-width:12.3046875rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preset-list-container .name-date .name-date-for p:nth-child(2){font-size:.875rem;font-weight:400;color:#8c8f9f!important;color:var(--date-color)!important;line-height:1.4765625rem;margin-bottom:0}.preset-list-container .name-date .name-date-list{width:5.25rem}.preset-list-container .download-btn{padding:0 1.640625rem;border-radius:4px;width:5.140625rem;height:1.75rem!important;font-size:.875rem!important;color:#fff!important}.preset-list-container .download-btn .v-btn__content{line-height:1em}.preset-list-container .download-btn:hover{background:#4c6cfb}.preset-list-container .preset-list-style-container .list-item-block{position:relative;padding:.65625rem 1.3125rem;margin-bottom:.8203125rem;border-radius:8px;background:#fff;background:var(--white-bg-color)}.preset-list-container .preset-list-style-container .list-item-block .list-recommended-icon{position:absolute;top:0;left:0;width:1.2578125rem;height:2.1875rem}.preset-list-container .preset-list-style-container .list-item-block .list-media-symbol-row{height:1.3125rem}.preset-list-container .preset-list-style-container .list-item-block .list-media-symbol-row-margin-left{margin-left:.546875rem}.preset-list-container .preset-list-style-container .list-item-block .preset-list-desc-container{display:flex;align-items:center;margin-bottom:0;max-height:5.140625rem}.preset-list-container .preset-list-style-container .list-item-block .preset-list-desc-container span{height:auto}.preset-list-container .preset-list-style-container .list-item-block .player-container{margin-right:1.2578125rem}.preset-list-container .preset-list-style-container .list-item-block .cover-img{margin-left:.546875rem;margin-right:0}.preset-list-container .preset-list-style-container .list-item-block .name-download-row{margin-bottom:.546875rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row{margin-top:.546875rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item{display:flex;align-items:center}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item .opt-icon{width:.984375rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item .num{margin-left:.1640625rem;font-size:.765625rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.preset-list-container .preset-list-style-container .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.preset-list-container .preset-list-style-container .list-item-block-bottom-margin{margin-bottom:3.28125rem}.preset-list-container .preset-list-style-container .preset-list-style-left{padding-right:1.5%}.preset-list-container .preset-list-style-container .preset-list-style-center{padding:0 1.5%}.preset-list-container .preset-list-style-container .preset-list-style-right{padding-left:1.5%}.preset-list-container .preset-loading-container .loading-container{width:64.53125rem;max-width:64.53125rem;min-width:64.53125rem}.preset-list-container .preset-loading-container .card-loading-item{width:20.78125rem;padding:1.3125rem 1.6953125rem 0;margin-bottom:1.2578125rem;background:#fff;background:var(--white-bg-color);border-radius:14px;min-height:200px}.preset-list-container .preset-loading-container .list-loading-item{width:100%;height:6.7265625rem;padding:.65625rem .765625rem;margin-bottom:.6015625rem;background:#fff;background:var(--white-bg-color);border-radius:8px}.preset-list-container .preset-loading-container .circle{max-width:2.515625rem;min-width:2.515625rem;height:2.515625rem}.preset-list-container .preset-loading-container .height-20{height:1.09375rem}.preset-list-container .preset-loading-container .height-23{height:1.2578125rem}.preset-list-container .preset-loading-container .height-42{height:2.296875rem}.preset-list-container .preset-loading-container .height-47{height:2.5703125rem}.preset-list-container .three-column-flex{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.preset-list-container .three-column-flex:after{content:"";width:65%!important}.preset-list-container .three-column-flex .three-column-item{width:32.4%!important;padding-top:0}.preset-list-container .three-column-flex .three-column-item .circle-mycollect{width:2.1875rem!important;height:2.1875rem!important;min-width:2.1875rem;background:#71b47f;border-radius:50%;font-size:.875rem;font-weight:700;color:#fff!important;line-height:2.1875rem;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.preset-list-container .three-column-flex .three-column-item .line{margin-top:.765625rem!important}.preset-list-container .three-column-flex .flex-gap{margin-right:.8203125rem}.preset-list-container .three-column-flex .has-padding{padding-top:1.09375rem!important}.preset-list-container .three-column-flex .has-padding .hover-block{display:none;position:absolute;bottom:0;left:0;width:100%;height:100%;background:#9e9e9e;opacity:.6;box-shadow:0 .109375rem 1.09375rem hsla(0,0%,62%,.48);border-radius:14px}.preset-list-container .three-column-flex .has-padding .btn-area{display:none;position:absolute;bottom:2.8%;left:55%}.preset-list-container .three-column-flex .has-padding .btn-area div{width:100%;bottom:1.421875rem;left:0;display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .three-column-flex .has-padding .btn-area div img{width:2.078125rem!important;height:2.078125rem!important;margin-right:1.3125rem}.preset-list-container .three-column-flex .has-padding .btn-area div span{line-height:2.078125rem;margin-right:1.3125rem;background:#3e5ff1;border-radius:22px;height:2.078125rem;font-size:.9296875rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center;width:5.1953125rem}.preset-list-container .three-column-flex .has-padding .btn-area div span:hover{background:#4c6cfb}.preset-list-container .three-column-flex .has-padding:hover .hover-block{display:block;z-index:49}.preset-list-container .three-column-flex .has-padding:hover .btn-area{display:block;z-index:199}.preset-list-container .page-item{margin:20px 0 40px;display:flex;justify-content:center}.no-padding-top{margin-top:0!important}.reminder-icon{background:#e5c24e;border-radius:50%;width:1.75rem;height:1.75rem;color:#fff;font-size:1.09375rem;text-align:center;margin-right:.4375rem}.dialog-cancel-btn{background:#f5f5f5!important;font-weight:700!important;color:#4f525e!important}.dialog-delete-btn{background:#f13e3e!important;color:#fff!important;font-weight:700!important;margin-left:2.1875rem}.drop-item{max-height:1.96875rem!important;height:1.96875rem!important;min-height:1.96875rem!important;text-align:center!important;justify-content:center!important}.drop-item-block{min-height:1rem!important}.hoverAuthorInfo{width:20.7265625rem;height:10.4453125rem;z-index:2;padding:1.53125rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .1640625rem 1.09375rem rgba(0,0,0,.1);border-radius:6px}.hoverAuthorInfo .row-1{margin-bottom:0;justify-content:space-between!important}.hoverAuthorInfo .row-1,.hoverAuthorInfo .row-1 .row-1-left{display:flex!important;align-items:center!important;flex-wrap:nowrap!important}.hoverAuthorInfo .row-1 .row-1-left{width:70%;justify-content:flex-start!important}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-name{width:2.40625rem!important;height:2.40625rem!important;border-radius:50%;flex-shrink:0;font-size:1.0390625rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;background-size:cover;background-position:50%}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname{padding-left:.875rem}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p{margin-bottom:0}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:first-child{width:7.109375rem;font-size:.875rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:nth-child(2){width:7.109375rem;font-size:.875rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{display:none!important;background:#3e5ff1;border-radius:6px;color:#fff!important;display:grid;text-align:center}.hoverAuthorInfo .row-1 .hover-container .row-1-focus,.hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{padding:0 .546875rem;line-height:2.1875rem!important;height:2.1875rem;width:4.8125rem;font-size:.984375rem;font-weight:400!important;margin-bottom:0;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container .row-1-focus{display:block;border-radius:6px;border:.0546875rem solid #3e5ff1;color:#3e5ff1!important;display:grid}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{display:none!important;background:#7f8082;height:2.1875rem;display:grid;text-align:center}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus,.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{line-height:2.1875rem!important;border-radius:6px;width:4.8125rem;font-size:.984375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus{display:block;height:2.1875rem!important;background:#97989e;display:grid}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus-hover{display:block!important;padding:0 .546875rem;line-height:2.1875rem!important;background:#3e5ff1;border-radius:6px;width:4.8125rem;height:2.1875rem;font-size:.984375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus{display:none}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus-hover{display:block!important;line-height:2.1875rem!important;height:2.1875rem!important;width:4.8125rem;background:#7f8082;border-radius:6px;font-size:.984375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus{display:none}.hoverAuthorInfo .data-show-list{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .7109375rem}.hoverAuthorInfo .data-show-list ul{margin-top:1.09375rem;display:flex;flex-direction:column;align-items:center;padding-left:0!important}.hoverAuthorInfo .data-show-list li{list-style:none;text-align:center}.hoverAuthorInfo .data-show-list .title{font-size:1.09375rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;font-size:1.09375rem!important;margin-bottom:0}.hoverAuthorInfo .data-show-list .num{font-size:1.09375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.font-size-14{font-size:.765625rem}.follow-container{width:100%;padding-bottom:2.1875rem}.follow-container .my-focus-item .rows-1{margin-bottom:1.09375rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 p{margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-left{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 .rows-1-left .name-circle-follow{width:2.40625rem!important;height:2.40625rem!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;font-size:.984375rem;font-weight:700!important;color:#fff!important;margin-bottom:0;border-radius:50%;background-position:50%;background-size:cover}.follow-container .my-focus-item .rows-1 .rows-1-left .name{font-size:1.09375rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;margin-left:1.09375rem}.follow-container .my-focus-item .rows-1 .rows-1-left .date{font-size:.9296875rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-right{border:1px solid #707070;border-radius:7px;color:#636468!important;color:var(--register-btn-color)!important}.follow-container .my-focus-item .rows-1 .rows-1-right,.follow-container .my-focus-item .rows-1 .rows-1-right-hover{width:5.90625rem;line-height:2.296875rem;font-size:.984375rem;font-weight:300!important;margin-bottom:0;text-align:center}.follow-container .my-focus-item .rows-1 .rows-1-right-hover{display:none;background:#e84747;border-radius:7px;border:1px solid #e84747;color:#fff!important}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right-hover{display:block}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right{display:none}.follow-container .my-focus-item .preset-list-flex .hover-parent .hover-item{display:none;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:8px}.follow-container .my-focus-item .preset-list-flex .hover-parent:hover .hover-item{display:block;z-index:2}.follow-container .my-focus-item .preset-list-flex .light-hover-item{background:#9e9e9e;opacity:.6}.follow-container .my-focus-item .preset-list-flex .dark-hover-item{background-image:linear-gradient(180deg,rgba(64,64,64,.08),#201f1f);opacity:.7}.follow-container .my-focus-item .preset-list-flex .hover-parent:hover .btn-area{display:block;z-index:3}.follow-container .my-focus-item .preset-list-flex .btn-area{display:none;position:absolute;width:100%;height:100%;top:0;left:0}.follow-container .my-focus-item .preset-list-flex .btn-area .down-btn{position:absolute;right:1.09375rem;bottom:.8203125rem;line-height:1.75rem;background:#3e5ff1;border-radius:4px;height:1.75rem;font-size:.875rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center;width:5.140625rem}.follow-container .my-focus-item .preset-list-flex .btn-area .down-span:hover{background:#4c6cfb}.follow-container .my-focus-item .preset-list:after{content:"";display:block;width:33.33333%;height:100%}.follow-container .page-item{margin:20px 0 50px;display:flex;justify-content:center}.focus-author-list{width:100%}.myinfo-container{width:65.625rem}.myinfo-container .title-name{font-size:1.09375rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .info-data-block{margin-top:1.53125rem;padding:2.1875rem 1.75rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .1640625rem .328125rem rgba(0,0,0,.03);border-radius:10px}.myinfo-container .info-data-block .info-data-block-left{max-width:61%;display:flex;justify-content:flex-start;align-items:center}.myinfo-container .info-data-block .info-data-block-left .shot-name{position:relative;min-width:5.46875rem;width:5.46875rem;height:5.46875rem;line-height:5.46875rem;border-radius:50%;font-size:2.40625rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.myinfo-container .info-data-block .info-data-block-left .shot-name .upload-avatar-block{width:2.1875rem;height:2.1875rem;position:absolute;bottom:0;right:-.546875rem;border-radius:50%;background-color:#626367;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1}.myinfo-container .info-data-block .info-data-block-left .shot-name .upload-avatar-block .camera{max-width:1.09375rem}.myinfo-container .info-data-block .info-data-block-left .shot-name .official{position:absolute;bottom:0;right:0;max-width:1.640625rem}.myinfo-container .info-data-block .info-data-block-left .shot-name .avatar{border-radius:50%}.myinfo-container .info-data-block .info-data-block-left .userinfo-data{width:97%;margin-left:1.421875rem}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .admin-symbol{margin-right:.2734375rem;padding:0 .21875rem;font-size:.875rem;color:#3e5ff1;line-height:1.3125rem;background-color:#d0d7f4;background-color:var(--change-style-gb-color);border:1px solid #3e5ff1;border-radius:6px;word-break:keep-all}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-name{margin-bottom:0;font-size:1.3125rem;color:#636468;color:var(--register-btn-color);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-account{margin-bottom:2px;font-size:.984375rem;color:#636468;color:var(--register-btn-color)}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-sig{font-size:.984375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-sig-no-fold{font-size:.984375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;line-height:1.09375rem;word-break:break-word}.myinfo-container .info-data-block .info-data-block-left .expand-info{color:#3e5ff1;text-decoration:underline;cursor:pointer}.myinfo-container .info-data-block .info-data-btns .focus-btn{min-width:4.921875rem;margin-top:.765625rem;padding:.2734375rem .4375rem;color:#fff;font-size:.875rem;line-height:1.421875rem;border-radius:3px}.myinfo-container .info-data-block .info-data-btns .msg-btn{color:#8c8f9f!important;color:var(--date-color)!important;border:1px solid #8c8f9f!important;border:1px solid var(--date-color)!important}.myinfo-container .info-data-block .info-data-btns .msg-btn img{width:.984375rem;margin-right:.2734375rem}.myinfo-container .info-data-block .info-data-btns .focused{color:#fff!important;color:var(--info-focus-color)!important;background:#d1d2d4!important;background:var(--filter-tag-bd-color)!important}.myinfo-container .info-data-block .info-data-btns .focused .focused-hover-span,.myinfo-container .info-data-block .info-data-btns .focused:hover .focused-non-hover-span{display:none}.myinfo-container .info-data-block .info-data-btns .focused:hover .focused-hover-span{display:inline!important}.myinfo-container .info-data-block .author-len{max-width:40.7421875rem!important}.myinfo-container .info-data-block .info-data-block-right{display:grid;justify-items:flex-end}.myinfo-container .info-data-block .info-data-block-right .edit-btn{display:inline-block;align-self:end;width:5.90625rem;line-height:2.1875rem;border:1px solid #636468;border:1px solid var(--register-btn-color);border-radius:7px;font-size:.984375rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.myinfo-container .info-data-block .info-data-block-right .edit-btn:hover{background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.myinfo-container .info-data-block .info-data-block-right .edit-btn-en{width:auto!important;padding:0 .9296875rem}.myinfo-container .info-data-block .data-show-list ul{margin-top:.546875rem;padding-left:1.09375rem}.myinfo-container .info-data-block .data-show-list li{list-style:none;text-align:center}.myinfo-container .info-data-block .data-show-list .title{font-size:.984375rem!important;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .info-data-block .data-show-list .num{font-size:.875rem!important;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .info-data-block .data-show-list .data-divider{width:0;height:2.5703125rem;margin:.546875rem 0 0 1.09375rem;opacity:.5;border-left:2px solid #707070;border-left:2px solid var(--feedbcak-color)}.myinfo-container .title-playmenu{position:relative;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 1.75rem;margin-top:2.625rem}.myinfo-container .title-playmenu .opt-btn{width:auto!important;padding:0 .9296875rem}.myinfo-container .title-playmenu .opt-btn:hover{background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.myinfo-container .title-playmenu p:first-child,.myinfo-container .title-playmenu p:nth-child(2){font-size:.984375rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu p:nth-child(2){width:5.46875rem;line-height:2.1875rem;border:1px solid #636468;border:1px solid var(--register-btn-color);border-radius:7px;text-align:center}.myinfo-container .title-playmenu .anchor{position:absolute;left:0;top:2.734375rem}.myinfo-container .title-playmenu-multip{margin-top:3.0625rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .title-playmenu-multip .go-back{display:flex;justify-content:flex-start;align-items:center;font-size:1.53125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu-multip .go-back img{width:1.75rem!important;height:1.75rem!important}.myinfo-container .title-playmenu-multip .play-btn span:first-child{padding-right:1.53125rem;font-size:1.3125rem;font-weight:400!important;color:#e84747!important;margin-bottom:0}.myinfo-container .title-playmenu-multip .play-btn span:nth-child(2){padding-right:2.1875rem;font-size:1.3125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list{padding:0 1.75rem;margin:1.09375rem 0;background:#fff;background:var(--white-bg-color);box-shadow:0 .1640625rem .328125rem rgba(0,0,0,.03);border-radius:10px}.myinfo-container .focus-list .focus-item{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;min-height:6.5625rem}.myinfo-container .focus-list .focus-item .focus-list-left{max-width:50%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .focus-list .focus-item .focus-list-left .short-name{width:2.515625rem!important;height:2.515625rem!important;min-width:2.515625rem;width:2.515625rem;line-height:2.515625rem;border-radius:50%;font-size:1.09375rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig{width:26.25rem;margin-left:1.421875rem}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:first-child{font-size:.984375rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.984375rem;font-weight:300!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-1{font-size:.984375rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right .item-2{margin-left:.875rem;padding:.984375rem;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:4px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;width:14.328125rem!important;height:3.6640625rem!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 img{width:3.390625rem!important;height:3.390625rem!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 span{padding-left:.984375rem;font-size:.984375rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;height:1.640625rem;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.640625rem}.myinfo-container .focus-list .focus-item .focus-list-right .item-3{border:1px solid #707070;border-radius:7px;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-3,.myinfo-container .focus-list .focus-item .focus-list-right .item-3-hover{width:auto;min-width:5.90625rem;margin-left:2.1875rem;line-height:2.296875rem;height:2.296875rem;font-size:.984375rem;font-weight:400!important;margin-bottom:0;text-align:center}.myinfo-container .focus-list .focus-item .focus-list-right .item-3-hover{display:none;border:1px solid #e84747;background:#e84747;border-radius:7px;color:#fff!important}.myinfo-container .focus-list .focus-item .focus-list-right .control-hover:hover .item-3{display:none}.myinfo-container .focus-list .focus-item .focus-list-right .control-hover:hover .item-3-hover{display:block}.myinfo-container .no-data{font-size:.9296875rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-shadow:0 0 #000;padding:10px 0 10px 32px}.myinfo-container .no-data-margin{margin-top:-1.53125rem}.myinfo-container .preset-list-container{margin-top:1.53125rem!important}.myinfo-container .preset-list-container .preset-list-flex{justify-content:space-between}.myinfo-container .preset-list-container .preset-list-flex .list-item-block{padding:.546875rem 1.09375rem 1.09375rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .product-media-row .menu-img{width:1.09375rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .musical-style-tag-row{margin:.4375rem 0 .8203125rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .state-count{margin-top:1.09375rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.myinfo-container .preset-list-container .preset-list-flex:after{content:"";width:20.78125rem}.myinfo-container .hand-hover{cursor:pointer}.delete-color{color:#e66666!important}.editmyinfo-container{width:65.625rem}.editmyinfo-container .title-label{display:flex}.editmyinfo-container .title-label i{font-size:1.4765625rem;vertical-align:middle;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .title-label span{padding-left:.2734375rem;font-size:1.203125rem;font-weight:700;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .editmyinfo-layout{margin-top:1.5859375rem;justify-content:space-between}.editmyinfo-container .setting-tab{flex-basis:13.5%;max-width:13.5%;height:41.5625rem;background:#fff;background:var(--white-bg-color);border-radius:8px}.editmyinfo-container .setting-tab .tabs-container{padding-top:2.078125rem;font-size:1.09375rem;font-weight:700;text-align:center;color:#707070;color:var(--feedbcak-color)}.editmyinfo-container .setting-tab .tabs-container div{line-height:2.2em}.editmyinfo-container .setting-tab .tabs-container .tab-active{color:#3e5ff1}.editmyinfo-container .form-block{flex-basis:85%;max-width:85%;height:41.5625rem;padding:2.078125rem;overflow-y:scroll;background:#fff;background:var(--white-bg-color);box-shadow:0 .1640625rem .328125rem rgba(0,0,0,.03);border-radius:8px}.editmyinfo-container .form-block .avatar-block{position:relative}.editmyinfo-container .form-block .avatar-block .upload-btn{height:1.96875rem;padding:0 .546875rem;position:absolute;bottom:0;left:6.5625rem;font-size:.984375rem;color:#97989e;color:var(--preset-list-desc-color);background-color:#fff;background-color:var(--white-bg-color);border:1px solid #97989e;border:1px solid var(--preset-list-desc-color);border-radius:7px}.editmyinfo-container .form-block .short-name{width:5.46875rem;height:5.46875rem;line-height:5.46875rem;border-radius:50%;font-size:2.40625rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.editmyinfo-container .form-block .input-div-title{display:flex;align-items:flex-start;align-items:baseline}.editmyinfo-container .form-block .input-div-title .word-count{display:inline-block;margin-left:1.09375rem;color:#141414;color:var(--black-title)}.editmyinfo-container .form-block .input-div{margin-top:1.09375rem}.editmyinfo-container .form-block .input-div .lable{font-size:1.09375rem;font-weight:700!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .input{width:23.515625rem!important;height:2.40625rem!important;padding-left:.8203125rem}.editmyinfo-container .form-block .input-div .input,.editmyinfo-container .form-block .input-div .textarea{background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:5px;font-size:.984375rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .textarea{width:76%;height:6.671875rem;padding:.8203125rem}.editmyinfo-container .form-block .input-div .info-select{width:23.4609375rem!important;height:2.40625rem!important;border-radius:5px;font-size:.984375rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;background-size:2.5%}.editmyinfo-container .form-block .input-div .info-select .v-btn__content{text-align:left;display:inline}.editmyinfo-container .form-block .input-div .info-select .v-btn__content span{width:21.875rem;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:2.40625rem!important;line-height:2.40625rem}.editmyinfo-container .form-block .input-div .info-select .select-icon{float:right;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .form-block .input-div .info-select-light-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll var(--preset-input-bg-color) 98%}.editmyinfo-container .form-block .input-div .info-select-dark-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll var(--preset-input-bg-color) 98%}.editmyinfo-container .form-block .input-div.active-color{color:#3e5ff1!important}.editmyinfo-container .form-block .button-sub{width:5.46875rem!important;height:2.40625rem!important;margin-top:2.515625rem;background-color:#3e5ff1!important;border-radius:8px;text-transform:capitalize;font-size:.984375rem;color:#fff}.editmyinfo-container .form-block .tab-title{font-size:1.09375rem;color:#636468;color:var(--register-btn-color);font-weight:700;line-height:2em}.editmyinfo-container .form-block .setting-item-desc,.editmyinfo-container .form-block .setting-item-title{font-size:.984375rem;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .form-block .setting-item-desc{opacity:.6}.editmyinfo-container .form-block .scope-menu .menu-btn{width:10.390625rem;font-size:.875rem;padding:0 .65625rem;border-radius:6px;background-color:#fff!important;background-color:var(--post-menu-bg-color)!important;color:#88898d;color:var(--filter-btn-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2)}.editmyinfo-container .form-block .scope-menu .menu-btn .item-name{width:9.0234375rem;padding-left:.2734375rem;text-align:left}.editmyinfo-container .right-flex{text-align:right}.editmyinfo-container .height-65{height:3.5546875rem}.editmyinfo-container .height-85{height:4.6484375rem}.editmyinfo-container>>>.v-list-item__title{font-size:1.3125rem!important;color:#97989e;font-weight:400!important}.not-exit-btn{color:#a4a4a4!important;border:1px solid #a4a4a4;border-radius:5.6328125rem!important}.exit-btn,.not-exit-btn{background:#fff!important;background:var(--white-bg-color)!important;font-weight:700!important}.exit-btn{color:#707070!important;border:1px solid #707070;border-radius:5.6328125rem!important;margin-left:2.1875rem}.preset-info-container{width:65.625rem;max-width:65.625rem;margin:1.09375rem auto;padding:2.953125rem 4.375rem;background:#fff;background:var(--white-bg-color);border-radius:14px}.preset-info-container .info-loading-container .circle{max-width:2.953125rem;min-width:2.953125rem;height:2.953125rem}.preset-info-container .info-loading-container .height-19{height:1.0390625rem}.preset-info-container .info-loading-container .height-25{height:1.3671875rem}.preset-info-container .info-loading-container .height-32{height:1.75rem}.preset-info-container .info-loading-container .width-height-160{height:8.75rem;max-width:8.75rem;width:8.75rem}.preset-info-container .info-loading-container .width-163-height-146{height:7.984375rem;max-width:8.9140625rem;width:8.9140625rem}.preset-info-container .info-loading-container .height-62{height:3.390625rem}.preset-info-container .info-loading-container .height-247{height:13.5078125rem}.preset-info-container .info-loading-container .height-476{height:26.03125rem}.comment-container{width:100%}.comment-container .row-1{font-size:1.96875rem;font-weight:700!important;color:#141414!important;margin-bottom:0;margin-top:1.421875rem;padding-left:.4375rem}.comment-container .row-2{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;padding:0;margin-bottom:2.1875rem}.comment-container .row-2 li{padding:.65625rem .4375rem;margin-right:1.640625rem;list-style:none;font-size:1.3125rem;font-weight:700!important;color:#919191!important;margin-bottom:0}.comment-container .row-2 .action{font-size:1.96875rem;font-weight:700!important;color:#415fe6!important;margin-bottom:0;border-bottom:.109375rem solid #415fe6}.comment-container .flex-two-column{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important}.comment-container .flex-two-column .short-name{width:6.125rem!important;height:6.125rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:2.625rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.comment-container .flex-two-column .textarea-container{margin-left:1.96875rem}.comment-container .flex-two-column .textarea-container textarea{width:100%!important;height:7.546875rem!important;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;padding:.765625rem 0 0 1.09375rem;font-size:1.53125rem;font-weight:400!important;color:#b9b9b9!important;color:var(--text-area-color)!important;margin-bottom:0}.comment-container .flex-two-column .sub-comment{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.comment-container .flex-two-column .sub-comment .btn{width:7.765625rem!important;height:2.625rem!important;background:#3f5ee6;border-radius:4px;font-size:1.53125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.comment-container .flex-two-column .flex-center,.comment-container .flex-two-column .tip-author{display:grid;justify-items:center;align-items:center}.comment-container .flex-two-column .tip-author{margin-top:.328125rem;width:5.46875rem!important;height:2.40625rem!important;border:.0546875rem solid #3f5ee6;border-radius:22px;font-size:1.3125rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container{padding-top:.65625rem;margin-left:1.96875rem;font-size:1.09375rem;font-weight:500!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .top-ceontent .top-sign{width:5.46875rem!important;height:2.40625rem!important;flex-shrink:0;margin-right:1.640625rem;border:1px solid #3f5ee6;border-radius:6px;display:grid;justify-content:center;align-content:center;font-size:1.3125rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .comment-content{width:60%}.comment-container .flex-two-column .comment-container .comment-content,.comment-container .flex-two-column .comment-container .comment-content-all{font-size:1.09375rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .count-play{display:flex;justify-content:flex-start;align-items:center;margin-top:.546875rem}.comment-container .flex-two-column .comment-container .count-play .time{font-size:1.09375rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .count-play .dz-container{margin:0 2.734375rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container i{display:inline-block;width:1.3125rem!important;height:1.3125rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5eea3a990d.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container span{font-size:1.09375rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.65625rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container:hover i{display:inline-block;width:1.3125rem!important;height:1.3125rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f016ca36e/reday-dz.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container i{display:inline-block;width:1.3125rem!important;height:1.3125rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f016989ee/dz-ok.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container span{font-size:1.09375rem;font-weight:400!important;color:#919191!important;margin-bottom:0;padding-left:.65625rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container{margin-left:1.859375rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container i{display:inline-block;width:1.3125rem!important;height:1.3125rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d55cbb0/bad-dz-default.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container:hover i{display:inline-block;width:1.3125rem!important;height:1.3125rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d5918c2/bad-dz-ready.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container{margin-left:1.859375rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container i{display:inline-block;width:1.3125rem!important;height:1.3125rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d5821da/bad-dz-ok.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .replay{font-size:1.09375rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container{width:58.1875rem;margin-top:1.203125rem;padding:.4375rem .4375rem 1.203125rem;background:#fafafa}.comment-container .flex-two-column .child-comment-container .short-name-child{width:3.28125rem!important;height:3.28125rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:2.625rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .replay-name{flex-shrink:0;margin-right:1.53125rem}.comment-container .flex-two-column .child-comment-container .replay-name p{margin:0}.comment-container .flex-two-column .child-comment-container .replay-name span:first-child{font-size:1.09375rem;font-weight:500!important;color:#919191!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .replay-name span:nth-child(2){font-size:1.09375rem;font-weight:500!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .comment-content-long{width:100%;font-size:1.09375rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .loading-replay{background:url(http://res.hotoneaudio.com/preset_20201118_5fb480d4aa198.png) no-repeat;background-size:.875rem .765625rem;background-position:center left 0;padding-left:1.421875rem;font-size:1.3125rem;font-weight:500!important;color:#3f5ee6!important;margin:2.1875rem 0 0 5.46875rem}.comment-container .flex-two-column .child-comment-container .shouqi-replay{background:url(http://res.hotoneaudio.com/preset_20201221_5fe033dbd2b1a/%E7%BB%84%201009%402x.png) no-repeat;background-size:.875rem .765625rem;background-position:center left 0;padding-left:1.421875rem;font-size:1.3125rem;font-weight:500!important;color:#3f5ee6!important;margin:2.1875rem 0 0 5.46875rem}.comment-container .flex-two-column .replay-textarea{margin-top:1.3125rem}.comment-container .flex-two-column .replay-textarea .short-name-middle{width:4.15625rem!important;height:4.15625rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:2.625rem;font-weight:700!important;color:#fff!important;margin-bottom:0;flex-shrink:0}.comment-container .flex-two-column .replay-textarea textarea{width:52.71875rem!important;height:7.109375rem!important}.comment-container .bottom-border-line{margin-bottom:1.203125rem;padding-bottom:1.3125rem;border-bottom:.109375rem solid #919191}.comment-container .flex-layout{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.comment-container .play-menu img{width:2.625rem!important;height:2.625rem!important}.info-container{position:relative}.info-container .recommedation-icon{position:absolute;top:-2.953125rem;right:-4.375rem;width:1.2578125rem;height:2.1875rem;cursor:pointer}.info-container .row-1{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important}.info-container .row-1 .row-1-flex{width:80%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-1 .row-1-flex .circle{display:grid;justify-content:center;align-content:center;width:2.734375rem!important;height:2.734375rem!important;min-width:2.734375rem;font-size:1.09375rem;font-weight:700!important;color:#fff!important;margin-bottom:0;cursor:pointer;background-position:50%;background-size:cover;border-radius:50%}.info-container .row-1 .row-1-flex .row-1-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.09375rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0}.info-container .row-1 .row-1-flex .v-btn{padding:0 .9296875rem;margin-left:1.09375rem;border-radius:3px}.info-container .row-1 .row-1-flex .row-1-focus{font-size:1.09375rem;font-weight:500!important;color:#fff!important;margin-bottom:0;background-color:#3e5ff1}.info-container .row-1 .row-1-flex .row-1-focus-already{font-size:1.09375rem;font-weight:400!important;color:#fff!important;color:var(--info-focus-color)!important;margin-bottom:0;background:#d1d2d4;background:var(--filter-tag-bd-color)}.info-container .row-1 .row-1-flex .row-1-focus-already .v-btn__content{line-height:1em}.info-container .row-1 .row-1-flex .row-1-focus-already .hover-span{display:none}.info-container .row-1 .row-1-flex .row-1-focus-already:hover{background:#d1d2d4;background:var(--filter-tag-bd-color)}.info-container .row-1 .row-1-flex .row-1-focus-already:hover .hover-span{display:block!important}.info-container .row-1 .row-1-flex .row-1-focus-already:hover .not-hover-span{display:none}.info-container .row-1 .row-1-flex .name-sig{margin:.65625rem;cursor:pointer}.info-container .row-1 .row-1-focus:hover{background:#3f5ee6;font-size:1.09375rem;font-weight:400!important;color:#fff!important;margin-bottom:0}.info-container .row-1 .share-menu{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-1 .share-menu img{width:1.640625rem!important;height:1.09375rem!important}.info-container .row-1 .play-menu img{width:1.75rem!important;height:auto!important}.info-container .row-1 .play-menu .share-img{width:2.5703125rem!important;height:2.0234375rem!important}.info-container .row-2 .row-2-info{margin-right:.2734375rem}.info-container .row-2 .row-2-info .row-2-name{font-size:1.3125rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.info-container .row-2 .row-2-info .row-2-attr{font-size:1.203125rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;white-space:normal;overflow:hidden;text-overflow:ellipsis;margin-top:.2734375rem}.info-container .row-2 .row-2-info .musical-style-tag-container{margin-top:.328125rem}.info-container .row-2 .row-2-info .musical-style-tag{padding:.5em .625em;margin:.3125em .5em 0 0;text-align:center;font-size:.875rem;line-height:1em;border-radius:3px;cursor:pointer}.info-container .row-2 .row-2-info .c-tag{display:flex;align-items:center;height:2em;padding-top:0;padding-bottom:0}.info-container .row-2 .row-2-info .c-tag img{height:1.5em}.info-container .row-2 .row-2-info .style-tag{font-size:.875rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;background:#f8f8f8;background:var(--tag-bg-color)}.info-container .row-2 .row-2-info .musical-style-tag:hover{opacity:.8}.info-container .row-2 .row-2-pro-img-name{display:flex;flex-direction:column;align-items:center;padding:0 .4375rem .984375rem;max-width:11.046875rem;max-height:11.2109375rem;background:#fbfbfb;background:var(--file-list-bg-color);text-align:center;border-radius:8px}.info-container .row-2 .row-2-pro-img-name img{width:6.015625rem}.info-container .row-2 .row-2-pro-img-name div{font-size:.984375rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .file-list{max-height:14.21875rem;margin-top:.875rem;padding:.546875rem 1.09375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:8px;overflow-x:hidden;overflow-y:scroll}.info-container .file-list .file-list-item{position:relative;padding:0 1.09375rem}.info-container .file-list .file-list-item .ab-center{position:absolute;left:0;top:50%;width:100%;height:85%;display:flex;justify-content:center;align-items:center;transform:translateY(-50%)}.info-container .file-list .file-list-item .unaudit-cover{background-color:#000;opacity:.3}.info-container .file-list .file-list-item .unaudit-text{font-size:.875rem;color:#fff}.info-container .row-3{margin-top:2.625rem}.info-container .row-3 .file-tip{font-size:1.203125rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-3 .file-tip span{font-size:1.09375rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;margin-left:5px;background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px;display:inline-block;width:1.640625rem;text-align:center}.info-container .row-3 .file-list .img-file-name-layout{margin:.765625rem 0}.info-container .row-3 .file-list .img-file-name-flex{display:flex;align-items:center}.info-container .row-3 .file-list .img-file-name-flex img{width:2.625rem!important;height:2.625rem!important}.info-container .row-3 .file-list .img-file-name-flex div{margin-left:.875rem;font-size:1.09375rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis}.info-container .row-3 .file-list .custom-sm{flex-basis:4%;flex-grow:0;max-width:4%}.info-container .row-3 .file-list .download-img{width:.8203125rem;cursor:pointer;margin-right:1.09375rem}.info-container .row-3 .download{width:auto!important;height:1.96875rem!important;background:#3e5ff1!important;border-radius:4px;font-size:.984375rem;font-weight:400!important;color:#fff!important;margin-bottom:0}.info-container .row-3 .download:hover{background:#4c6cfb!important}.info-container .upload-audio-row{margin-top:1.09375rem}.info-container .upload-audio-row .row-title{font-size:1.203125rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .upload-audio-row .info-player-container{padding:.65625rem 0}.info-container .upload-audio-row .info-player-container .v-image{width:2.40625rem;height:2.40625rem;max-width:2.40625rem;margin-right:.8203125rem;cursor:pointer}.info-container .upload-audio-row .info-player-container .player-info{font-size:.984375rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .upload-audio-row .info-player-container .file-name{padding:0 .2734375rem 0 1.96875rem}.info-container .row-4{width:100%;margin-top:1.2578125rem;font-size:1.09375rem;color:#949494;color:var(--tag-color);word-break:break-word;font-family:Roboto light,sans-serif;line-height:1.53125rem;overflow:hidden}.info-container .row-4 .cover-img{float:left;width:17.5rem;margin-right:1.09375rem;border-radius:4px}.info-container .row-5{margin-top:1.09375rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-5 .row-5-url{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .row-5 .row-5-url span:first-child{font-size:1.09375rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.info-container .row-5 .row-5-url span:nth-child(2){font-size:1.09375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .row-5 .row-5-changes{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-5 .row-5-changes p{display:grid;justify-content:center;align-content:center;width:1.203125rem!important;height:1.203125rem!important;margin-right:.546875rem;border:1px solid #97989e;border-radius:4px;font-size:.984375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .row-5 .row-5-changes p:hover{background-color:#f0f8ff}.info-container .row-5 .row-5-changes .active{border:1px solid #3e5ff1;font-size:.984375rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0}.info-container .row-6{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-6 iframe{height:88px!important;width:100%!important;border-radius:26px;border:none}.info-container .row-6 img{width:2.625rem!important;height:2.625rem!important}.info-container .row-7{margin-top:.8203125rem}.info-container .row-7 .row-title{font-size:1.203125rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-8{margin-top:.65625rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-8 iframe{width:48.125rem!important;height:30.625rem!important;border-radius:26px;border:none}.info-container .row-8 img{width:2.625rem!important;height:2.625rem!important}.info-container .row-9{margin-top:1.75rem;display:grid;justify-content:center;align-content:center}.info-container .row-9 img{width:3.5rem!important;height:3.5rem!important}.info-container .row-9 .hover-container .not-focus-state{width:3.5rem!important;height:3.5rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75eaa71f/info-focus-pt.png);background-size:cover}.info-container .row-9 .hover-container:hover .not-focus-state{width:3.5rem!important;height:3.5rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75ee025e/info-focus-hover.png);background-size:cover}.info-container .row-10{margin:1.75rem 0}.info-container .row-10 .state-count-item{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;margin-right:1.203125rem;cursor:pointer;font-size:.984375rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .row-10 .state-count-item img{width:1.640625rem;height:auto;margin-right:.21875rem}.info-container .row-10 .state-count-item .download-img{width:1.421875rem!important}.info-container .row-10 .update-info{font-size:.984375rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .font-20-400-9A9A9A{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.09375rem;font-weight:400!important;color:#9a9a9a!important;color:var(--info-sig-color)!important;margin-bottom:0}.info-container .qrcode{justify-content:center;display:flex}.info-container .hand-hover{cursor:pointer}.preset-comment-container{width:100%;margin-top:2.1875rem}.preset-comment-container .row-1{font-size:1.09375rem;font-weight:700!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0;margin-top:1.421875rem;padding-left:.4375rem}.preset-comment-container .row-2{margin-top:.7109375rem;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;padding:0;margin-bottom:1.3125rem}.preset-comment-container .row-2 li{padding:.65625rem .4375rem .109375rem;margin-right:1.640625rem;list-style:none;font-size:1.09375rem;font-weight:700!important;color:#919191!important;margin-bottom:0}.preset-comment-container .row-2 .action{font-size:1.09375rem;font-weight:700!important;color:#415fe6!important;margin-bottom:0;border-bottom:.109375rem solid #415fe6}.preset-comment-container .flex-two-column{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important}.preset-comment-container .flex-two-column .short-name{width:3.5rem!important;height:3.5rem!important;display:grid;justify-content:center;align-content:center;border-radius:50%;font-size:1.640625rem;font-weight:700!important;color:#fff!important;margin-bottom:0;min-width:3.5rem;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .textarea-container{margin-left:1.96875rem;width:100%}.preset-comment-container .flex-two-column .textarea-container textarea{width:100%!important;height:7.546875rem!important;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;padding:.765625rem 0 0 1.09375rem;font-size:1.09375rem;font-weight:400!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0;resize:none;outline:none}.preset-comment-container .flex-two-column .no-margin{margin-left:0!important}.preset-comment-container .flex-two-column .sub-comment{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;margin-top:.65625rem}.preset-comment-container .flex-two-column .sub-comment .btn{height:1.96875rem!important;background:#3e5ff1!important;font-size:.984375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;border-radius:4px}.preset-comment-container .flex-two-column .flex-center{display:grid;justify-items:center;align-items:center}.preset-comment-container .flex-two-column .tip-author{margin-top:.65625rem;width:3.828125rem!important;height:1.53125rem!important;border:.0546875rem solid #3f5ee6;border-radius:20px;font-size:.875rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;display:grid;justify-items:center;align-items:center}.preset-comment-container .flex-two-column .comment-container{padding-top:.65625rem;margin-left:1.96875rem;font-size:1.09375rem;font-weight:500!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .top-ceontent .top-sign{width:3.7734375rem!important;height:1.6953125rem!important;margin-right:.8203125rem;border:1px solid #3f5ee6;border-radius:6px;display:inline-block!important;line-height:1.6953125rem;font-size:.984375rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;text-align:center}.preset-comment-container .flex-two-column .comment-container .comment-content{width:60%}.preset-comment-container .flex-two-column .comment-container .comment-content,.preset-comment-container .flex-two-column .comment-container .comment-content-long{font-size:1.09375rem;font-weight:400!important;color:#141414!important;color:var(--black-title-2)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play{display:flex;justify-content:flex-start;align-items:center;margin-top:.546875rem}.preset-comment-container .flex-two-column .comment-container .count-play .time{font-size:1.09375rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container{margin:0 2.734375rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container{display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container .comment-opt-img{width:1.3125rem!important;height:1.3125rem!important;cursor:pointer}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container span{font-size:1.09375rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.65625rem}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container{display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container i{display:inline-block;width:1.3125rem!important;height:1.3125rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/preset_btn_like_filled.svg);background-size:cover}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container span{font-size:1.09375rem;font-weight:400!important;color:#919191!important;margin-bottom:0;padding-left:.65625rem}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container{margin-left:1.859375rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container .comment-opt-img{width:1.3125rem!important;height:1.3125rem!important;cursor:pointer}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container span{font-size:1.09375rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.65625rem}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container{margin-left:1.859375rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container i{display:inline-block;width:1.3125rem!important;height:1.3125rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/preset_btn_dislike_filled.svg);background-size:cover}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container span{padding-left:.65625rem}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container span,.preset-comment-container .flex-two-column .comment-container .count-play .replay{font-size:1.09375rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play .replay:hover{color:#3e5ff1!important}.preset-comment-container .flex-two-column .child-comment-container{width:100%!important;margin-top:1.203125rem;padding:.8203125rem .4375rem 1.203125rem 1.09375rem;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px}.preset-comment-container .flex-two-column .child-comment-container .short-name-child{width:3.28125rem!important;height:3.28125rem!important;display:grid;justify-content:center;align-content:center;border-radius:50%;font-size:1.75rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .child-comment-container .replay-name{margin-right:1.53125rem}.preset-comment-container .flex-two-column .child-comment-container .replay-name p{margin:0}.preset-comment-container .flex-two-column .child-comment-container .replay-name span:first-child{font-size:1.09375rem;font-weight:500!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .replay-name span:nth-child(2){font-size:1.09375rem;font-weight:500!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .comment-content-long{width:100%;font-size:1.09375rem;font-weight:400!important;color:#141414!important;color:var(--black-title-2)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .loading-replay{background:url(http://res.hotoneaudio.com/preset_20201118_5fb480d4aa198.png) no-repeat;background-size:.875rem .765625rem;background-position:center left 0;padding-left:1.421875rem;font-size:1.3125rem;font-weight:500!important;color:#3f5ee6!important;margin:2.1875rem 0 0 5.46875rem}.preset-comment-container .flex-two-column .child-comment-container .shouqi-replay{background:url(http://res.hotoneaudio.com/preset_20201221_5fe033dbd2b1a/%E7%BB%84%201009%402x.png) no-repeat;background-size:.875rem .765625rem;background-position:center left 0;padding-left:1.421875rem;font-size:1.3125rem;font-weight:500!important;color:#3f5ee6!important;margin:2.1875rem 0 0 5.46875rem}.preset-comment-container .flex-two-column .replay-textarea{margin-top:1.3125rem}.preset-comment-container .flex-two-column .replay-textarea .short-name-middle{min-width:3.28125rem;width:3.28125rem!important;height:3.28125rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:1.75rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .replay-textarea textarea{height:7.109375rem!important;width:100%!important;resize:none}.preset-comment-container .bottom-border-line{margin-bottom:1.203125rem;padding-bottom:1.3125rem;border-bottom:.0546875rem solid #ececec;border-bottom:.0546875rem solid var(--divider-color-3)}.preset-comment-container .flex-layout{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-comment-container .flex-layout .name-block{margin-bottom:.546875rem}.preset-comment-container .play-menu img{width:1.75rem!important;height:auto!important}.preset-comment-container .hand-hover{cursor:pointer}.preset-comment-container .page-item{margin:30px 0 50px;display:flex;justify-content:center}.collect-container{width:100%}.collect-container .filter{width:100%;margin-bottom:2.1875rem}.collect-container .filter,.collect-container .filter .title-filter{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important}.collect-container .filter .title-tip{font-size:1.09375rem;font-weight:700!important;color:#636468!important;margin-bottom:0}.collect-container .filter .filter-btn{font-size:1.09375rem;font-weight:400!important;color:#636468!important;margin-bottom:0;text-transform:none;letter-spacing:0}.collect-container .filter .filter-search{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;height:2.625rem;padding:.546875rem .4375rem;background:#fff;box-shadow:0 .1640625rem 1.09375rem rgba(0,0,0,.06);border-radius:11px}.collect-container .filter .filter-search img{width:1.53125rem!important;height:1.53125rem!important}.collect-container .filter .filter-search input{border:0;outline:none;margin-left:.546875rem;font-size:1.09375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.collect-container .filter .filter-search .vertical-line{width:.109375rem;height:98%;background:#fafafa}.collect-container .filter .filter-search .cate-slelct-btn{font-size:1.09375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;text-transform:none;letter-spacing:0}.empty-container .not-found-tip{margin-top:.8203125rem;font-size:1.09375rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.empty-container .key-word-block{margin-top:1.2578125rem;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}.empty-container .key-word-block .key-word-title{font-size:1.09375rem;font-weight:500!important;color:#636468!important;margin-bottom:0}.empty-container .key-word-block .key-word-content{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important;cursor:pointer}.empty-container .key-word-block .key-word-content span{padding:0 .4375rem;font-size:1.2578125rem;font-weight:700!important;color:#4163e6!important;margin-bottom:0;text-decoration:underline}.empty-container img{width:60%;height:auto}.pub-share-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50}.pub-share-container .share-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.pub-share-container .share-small-container{position:absolute;top:9.5703125rem;width:38.28125rem;padding:1.3125rem;background:#fbfbfb;background:var(--file-list-bg-color);box-shadow:0 2px 1.09375rem rgba(0,0,0,.25);border-radius:1.09375rem;z-index:52;left:0;right:0;margin:auto}.pub-share-container .share-small-container .share-userinfo{display:flex;justify-content:flex-start;align-items:center}.pub-share-container .share-small-container .share-userinfo .item-1{width:3.71875rem!important;height:3.71875rem!important;background:#71b47f;border-radius:50%;font-size:1.640625rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;flex-shrink:0;background-size:cover;background-position:50%}.pub-share-container .share-small-container .share-userinfo .item-2{width:80%;padding-left:1.203125rem}.pub-share-container .share-small-container .share-userinfo .item-2 p{margin-bottom:0}.pub-share-container .share-small-container .share-userinfo .item-2 p:first-child{font-size:1.09375rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0}.pub-share-container .share-small-container .share-userinfo .item-2 p:nth-child(2){font-size:.875rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-share-container .share-small-container .preset-name{margin-top:.9296875rem;font-size:1.09375rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.pub-share-container .share-small-container .preset-info{font-size:.984375rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;white-space:normal;max-width:34.453125rem;max-height:5.796875rem;overflow:hidden;text-overflow:ellipsis}.pub-share-container .share-big-container{position:absolute;top:11.8671875rem;width:43.75rem;padding:2.734375rem;background:#fbfbfb;background:var(--file-list-bg-color);box-shadow:0 2px 1.09375rem rgba(0,0,0,.25);border-radius:1.09375rem;z-index:51;left:0;right:0;margin:auto}.pub-share-container .share-big-container .share-tip{margin-top:11.265625rem;font-size:1.203125rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.pub-share-container .share-big-container .share-plateform{display:flex;justify-content:center;margin-top:1.3125rem}.pub-share-container .share-big-container .share-plateform img{width:3.0078125rem!important;height:3.0078125rem!important;margin:0 .765625rem;cursor:pointer}.pub-share-container .share-big-container .copy-link{display:flex;justify-content:flex-start;align-items:center;margin-top:2.515625rem}.pub-share-container .share-big-container .copy-link input{width:30.078125rem!important;height:2.625rem!important;padding-left:.546875rem;background:#fbfbfb;background:var(--file-list-bg-color);border:.0546875rem solid #97989e;border-radius:8px;font-size:1.09375rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0}.pub-share-container .share-big-container .copy-link span{margin-left:1.3125rem;padding:.546875rem 1.09375rem;background:#3e5ff1;border-radius:8px;font-size:1.09375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.pub-share-container .share-big-container .copy-link span:hover{background:#4c6cfb}.empty-upload-container .item-block{width:21.328125rem!important;height:13.125rem!important;border-radius:14px;background:#fff;background:var(--white-bg-color)}.empty-upload-container .item-block i{display:flex;justify-content:center}.empty-upload-container .item-block i svg{margin-top:1.640625rem;width:3.5546875rem!important;height:3.5546875rem!important;fill:#d4d5dc}.empty-upload-container .item-block p{display:flex;justify-content:center;padding:0 3.2265625rem;text-align:center;word-break:break-word}.empty-upload-container .item-block .main-text{font-size:1.09375rem;font-weight:700;line-height:1.859375rem;color:#636468;color:var(--register-btn-color);margin:.875rem 0 0}.empty-upload-container .item-block .info-text{font-size:.875rem;font-weight:400;line-height:1.3125rem;color:#97989e;margin-top:.8203125rem}.empty-upload-container .item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.hand-hover{cursor:pointer}.v-dialog .theme--light.v-card{background-color:#fff;background-color:var(--white-bg-color);color:rgba(0,0,0,.87)}.v-dialog .v-sheet.v-card:not(.v-sheet--outlined){box-shadow:none}.v-dialog .pub-close-icon{position:absolute;right:10px;width:1.09375rem;height:1.09375rem;top:15px;cursor:pointer;z-index:999}.v-dialog .pub-title{display:flex;justify-content:center;align-items:center;margin-top:1.2578125rem}.v-dialog .pub-title .pub-title-text{font-size:1.203125rem;font-weight:700;line-height:2.0234375rem;color:#636468}.v-dialog .pub-info-text{margin-top:.2734375rem;font-size:.875rem;font-weight:400;line-height:1.4765625rem;color:#636468!important;color:var(--register-btn-color)!important;text-align:center}.v-dialog .pub-btn-block,.v-dialog .pub-info-text{display:flex;justify-content:center;align-items:center}.v-dialog .pub-btn-block{margin-bottom:1.640625rem;margin-top:.546875rem}.v-dialog .pub-btn-block button{border-radius:4px;width:4.484375rem;height:2.1875rem!important;font-size:.984375rem;box-shadow:none;text-transform:capitalize;letter-spacing:0}.v-main__wrap{background-color:#f5f5f5;background-color:var(--page-bg-color)}.avatar-upload-content{border-radius:14px!important}.avatar-upload-content .avatar-uploader{width:200px;height:200px}.avatar-upload-content .avatar-uploader .ant-upload.ant-upload-drag{border:none!important;border-radius:5px;background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important}.avatar-upload-content .avatar-uploader .ant-upload-list-item{display:none!important}.avatar-upload-content .upload-icon{width:5.46875rem;margin:0 auto}.avatar-upload-content .upload-text{margin-top:1.09375rem}.avatar-upload-content .avatar-upload-info{text-align:center}.avatar-upload-content .avatar-upload-info p{margin-bottom:0}.avatar-upload-content .upload-btn{margin-bottom:1.09375rem;color:#fff!important;border-radius:5px;border:none!important;box-shadow:none;text-transform:none!important;letter-spacing:0}.v-menu__content .notice-tabs .tab{padding:.2734375rem 0 .546875rem;font-size:.875rem}.v-menu__content .notice-tabs .tab .classfied-num{top:-.1640625rem;left:.2734375rem;min-width:25px;min-height:20px}.tab-block{width:100%;display:flex;justify-content:center;margin-top:1.09375rem}.tab-block .tabs{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;max-width:65.625rem;width:65.625rem}.tab-block .tabs .tab{font-size:1.09375rem;font-weight:700;color:#636468;color:var(--register-btn-color);padding:0 1.09375rem .65625rem;cursor:pointer;white-space:nowrap}.tab-block .tabs .tab-active{border-bottom:4px solid #3e5ff1;color:#3e5ff1!important}.reset-pwd-container h1{font-size:1.75rem;color:#141414;color:var(--black-title)}.reset-pwd-container .block-1{display:flex;flex-direction:column;align-items:center}.reset-pwd-container .block-1 .p-1{font-size:.984375rem;margin:.65625rem 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-2{font-size:.984375rem;margin:.65625rem 0 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-3{font-size:.984375rem;margin:0 0 1.203125rem;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-4{font-size:.875rem;margin:.65625rem 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-4 .span-1{cursor:pointer;color:#3e5ff1}.reset-pwd-container .block-1 .input-container-1{display:flex;flex-direction:column}.reset-pwd-container .block-1 .input-container-1 .input-1{width:20.890625rem;height:2.40625rem;background:#ececec;background:var(--divider-color-1);border-radius:5px;font-size:.875rem;font-weight:500;color:#414141;color:var(--user-color);padding:0 .546875rem}.reset-pwd-container .block-1 .input-container-1 .input-1:focus{outline:none}.reset-pwd-container .block-1 .input-container-1 .input-gap{margin-top:1.640625rem}.reset-pwd-container .block-1 .input-container-1 .input-gap-1{margin-top:.546875rem}.reset-pwd-container .block-1 .input-container-1 .email-block{position:relative}.reset-pwd-container .block-1 .input-container-1 .email-block span{position:absolute;right:.4375rem;top:.6015625rem;cursor:pointer;font-size:.875rem;font-weight:500;color:#3e5ff1;z-index:99}.reset-pwd-container .block-1 .btn-1{margin-top:1.640625rem;background:#3e5ff1!important;border-radius:20px;font-size:.875rem;font-weight:400;color:#fff;line-height:1.4765625rem}.reset-pwd-container .block-1 .btn-size-1{width:18.59375rem;height:2.1875rem!important}.reset-pwd-container .block-1 .btn-size-2{width:11.921875rem;height:2.1875rem!important}.reset-pwd-container .v-overlay .v-overlay__content{display:flex;flex-direction:column;align-items:center}.notice-container{width:65.625rem;padding:1.09375rem 0}.notice-container .notice-header .bell-img{max-width:1.53125rem}.notice-container .notice-header .notice-header-title{margin-left:.8203125rem;font-size:1.09375rem}.notice-container .notice-content .notice-tab-container{padding:0 1.640625rem 0 0}.notice-container .notice-content .notice-tab-container .tabs{position:sticky;top:6.5625rem}.notice-container .notice-content .notice-tab-container .tabs .tab{margin-bottom:.984375rem;font-size:1.09375rem;cursor:pointer}.notice-container .notice-content .notice-tab-container .tabs .setting-tab{margin-top:18px}.notice-container .notice-content .notice-list-container .v-list{background:#fff;background:var(--white-bg-color)}.notice-container .notice-content .notice-list-container .v-list-item__title .produce-name{font-size:.984375rem;color:#141414;color:var(--black-title-2)}.notice-container .notice-content .notice-list-container .v-list-item__title .notice-date{font-size:.765625rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .replied-comment-content{font-size:.875rem;color:#141414;color:var(--black-title)}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .comment-content{font-size:.875rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .comment-content img{max-width:5.46875rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .notice-message-container .info-text{font-size:.875rem;color:#949494;color:var(--tag-color)}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .notice-message-container .info-text a{color:#3e5ff1}.notice-container .notice-content .notice-list-container .v-avatar{height:2.4609375rem!important;min-width:2.4609375rem!important;width:2.4609375rem!important}.notice-message-container .info-text{font-size:.875rem;color:#949494;color:var(--tag-color);white-space:normal;word-break:break-word}.notice-message-container .info-text a{color:#3e5ff1}.notice-message-container .comment-content{display:block;margin-top:.4375rem;padding:.21875rem;font-size:.875rem;background-color:#f8f8f8;background-color:var(--tag-bg-color);color:#949494;color:var(--tag-color);border-radius:4px;line-height:1.5em;white-space:normal;word-break:break-word}.notice-message-container .comment-content figure,.notice-message-container .comment-content img{max-width:5.46875rem}.switch-container .ant-switch-checked{background-color:#3e5ff1}.scrollbar{overflow:auto;float:left;border:none}.scrollbar::-webkit-scrollbar{display:block;width:5px;height:1px}.scrollbar::-webkit-scrollbar-thumb{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #18223e;background:#535353}.scrollbar::-webkit-scrollbar-track{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #101728;background:#ededed}.scrollbar{scrollbar-3d-light-color:initial;scrollbar-highlight-color:initial;scrollbar-face-color:initial;scrollbar-arrow-color:initial;scrollbar-shadow-color:initial;scrollbar-dark-shadow-color:initial;scrollbar-base-color:initial}.forum-content-container{width:65.625rem;margin-left:auto;margin-right:auto}.forum-content-container-w{width:86.40625rem;margin-left:auto;margin-right:auto}.forum-post-container{margin-top:2.1875rem;margin-bottom:2.1875rem;padding:3.28125rem;border-radius:12px;background:#fff;background:var(--white-bg-color)}.forum-post-container .title-row{font-size:1.3125rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-post-container .v-input--selection-controls .v-input__control .v-messages{display:none!important}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input{width:20px;height:20px}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .v-icon{height:100%;border:2px solid #636468;border:2px solid var(--register-btn-color);border-radius:50%}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:before{content:"";position:absolute;width:10px;height:10px;background-color:#3e5ff1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:after,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:before,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:after,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .v-input--selection-controls__ripple{display:none}.forum-post-container .radio-label{font-size:.9296875rem;font-weight:700;color:#636468;color:var(--register-btn-color)}.forum-post-container .radio-label-active{color:#3e5ff1!important}.forum-post-container .menu-row{margin-top:.8203125rem}.forum-post-container .menu-row .error-text{margin-left:.9296875rem;font-size:.984375rem;color:#e8263a}.forum-post-container .menu-row .forum-menu .menu-select-btn-1{background-color:#fff!important;background-color:var(--post-menu-bg-color)!important}.forum-post-container .input-title{margin-top:1.640625rem;margin-bottom:.4375rem}.forum-post-container .forum-input{padding:0 10px;height:2.625rem;font-size:.875rem;color:#636468;color:var(--register-btn-color);outline:none}.forum-post-container .forum-editor-container,.forum-post-container .forum-input{width:100%;border-radius:4px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color)}.forum-post-container .forum-editor-container{margin-top:1.09375rem}.forum-post-container .forum-tag-input-container .tag-block{padding:0 .2734375rem;height:2.625rem;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);border-radius:4px}.forum-post-container .forum-tag-input-container .tag-block .chip-block{flex:none}.forum-post-container .forum-tag-input-container .tag-block .chip-block .v-chip{background:#e0e0e0;display:flex;align-items:center;padding:0 .546875rem;margin-right:5px;height:1.75rem;border-radius:16px}.forum-post-container .forum-tag-input-container .tag-block .input-block{width:100%}.forum-post-container .forum-tag-input-container .tag-block .input-block input{width:100%;height:2.625rem;padding-left:.2734375rem;color:#636468;color:var(--register-btn-color);outline:none}.forum-post-container .forum-tag-input-container .rec-tag-block{margin-top:.2734375rem}.forum-post-container .forum-tag-input-container .rec-tag-block .rec-title{font-size:.984375rem;color:#4f525e;color:var(--preset-title-color);margin-right:.8203125rem}.forum-post-container .forum-tag-input-container .rec-tag-block .rec-tag{margin-right:.546875rem;padding:.1640625rem .546875rem;font-size:.765625rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px}.forum-post-container .forum-tag-input-container .rec-tag-block div{margin-top:.2734375rem}.forum-post-container .btns-row{text-align:right;margin-top:1.09375rem}.forum-post-container .btns-row .cancel-btn{border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-post-container .btns-row .draft-btn{border:1px solid #3e5ff1;color:#3e5ff1;background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-post-container .btns-row .submit-btn{color:#fff}.forum-post-container .btns-row .v-btn{border-radius:6px;font-size:.875rem;height:2.1328125rem}.forum-menu .menu-select-btn-1{height:2.40625rem!important;font-size:.984375rem;border-radius:6px;color:#88898d;color:var(--filter-btn-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);background-color:#f5f5f5;background-color:var(--filter-btn-bg-color)}.forum-menu .menu-select-btn-1 .item-name{padding-left:.2734375rem;text-align:left}.forum-menu .menu-select-btn-1 .item-name,.forum-menu .menu-select-btn-1 .v-icon{color:#88898d;color:var(--filter-btn-color)}.forum-menu .menu-select-btn-error{border:1px solid #e8263a!important}.forum-product-menu .menu-select-btn{width:13.671875rem}.forum-product-menu .menu-select-btn .item-name{width:11.484375rem;text-overflow:ellipsis;overflow:hidden}.discussion-type-menu .menu-select-btn{width:13.3984375rem}.discussion-type-menu .menu-select-btn .item-name{width:11.2109375rem;text-overflow:ellipsis;overflow:hidden}.discussion-type-menu .menu-select-btn .item-name .list-dot{display:inline-block;width:.65625rem;height:.65625rem;margin-right:.1640625rem;border-radius:4px}.forum-banner-container{position:relative}.forum-banner-container .banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.forum-banner-container .banner-text p{font-size:.875rem}.forum-banner-container .banner-text .post-btn{color:#fff;font-size:.875rem}.forum-index-discussion-type-container{margin-top:.875rem}.forum-index-discussion-type-container .discussion-type{margin-top:1.09375rem}.forum-index-discussion-type-container .discussion-sub-type{width:20.78125rem;max-width:20.78125rem;padding:1.09375rem 1.640625rem;margin-top:1.09375rem;border-radius:8px;background:#fff;background:var(--white-bg-color)}.forum-index-discussion-type-container .discussion-sub-type .sub-type-badge-icon{position:relative;min-width:5.46875rem;max-width:5.46875rem;height:5.46875rem;border-radius:50%;flex-grow:0}.forum-index-discussion-type-container .discussion-sub-type .sub-type-badge-icon img{width:4.921875rem}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info{margin-left:1.09375rem;text-align:center}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .index-sub-type-name{font-size:1.09375rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .sub-type-desc{font-size:.875rem;line-height:.984375rem;color:#88898d;color:var(--filter-tag-color)}.forum-index-discussion-type-container .discussion-sub-type-layout:after{content:"";display:block;width:20.78125rem;height:100%}.forum-index-discussion-type-container .discussion-sub-type:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-index-discussion-type-container .data-title,.forum-index-discussions-container .data-title,.forum-index-rank-container .data-title{font-size:.984375rem;color:#4f525e;color:var(--preset-title-color);font-weight:700}.forum-index-discussion-type-container .learn-more,.forum-index-discussions-container .learn-more,.forum-index-rank-container .learn-more{color:#3e5ff1!important}.forum-index-discussion-type-container .learn-more .v-icon,.forum-index-discussions-container .learn-more .v-icon,.forum-index-rank-container .learn-more .v-icon{font-size:1.3125rem}.forum-index-discussion-type-container .learn-more span,.forum-index-discussions-container .learn-more span,.forum-index-rank-container .learn-more span{display:inline-block;margin-right:-.546875rem}.forum-index-container .forum-content-container-w .index-flex-left{width:64.203125rem}.forum-index-container .forum-content-container-w .index-flex-right{width:21.109375rem}.forum-index-discussions-container{margin-top:1.09375rem}.forum-index-discussions-container .index-discussion{width:100%;margin-bottom:1.09375rem;padding:.546875rem 1.09375rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-index-discussions-container .index-discussion .discussion-theme{width:32.8125rem;font-size:.984375rem}.forum-index-discussions-container .index-discussion .discussion-desc{margin:0 0 .2734375rem;font-size:.8203125rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex{display:flex;align-items:center}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data{display:flex;align-items:center;margin-right:1.3671875rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data img{width:.875rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data span{padding-left:.21875rem;font-size:.875rem;color:#97989e;color:var(--preset-list-desc-color)}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-date{font-size:.875rem;color:#8c8f9f;color:var(--date-color)}.forum-index-discussions-container .index-discussion:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-index-rank-container{position:sticky;top:6.34375rem;margin-top:.875rem}.forum-index-rank-container .index-post-btn{height:2.40625rem!important;width:100%;font-size:.875rem;color:#fff;margin-bottom:.65625rem}.forum-index-rank-container .rank-content{padding:.984375rem 1.2578125rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-index-rank-container .rank-content .blue-divider{width:.1640625rem;height:1.0390625rem;background:#3e5ff1;border-radius:23px}.forum-index-rank-container .rank-content .rank-title{margin-left:6px;font-size:20px;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-index-rank-container .discussions{padding:.546875rem 0 .7109375rem;border-bottom:1px solid #ececec;border-bottom:1px solid var(--divider-color-3)}.forum-index-rank-container .discussions img{width:.984375rem}.forum-index-rank-container .discussions span{padding-left:.21875rem;font-size:.875rem;color:#97989e;color:var(--preset-list-desc-color)}.forum-index-rank-container .discussions .rank-discussion-theme{margin-bottom:.2734375rem;font-size:.875rem;line-height:1.203125rem;color:#97989e;color:var(--preset-list-desc-color);word-break:break-word}.forum-index-rank-container .hot-tags .hot-tag{margin-right:.546875rem;margin-bottom:.546875rem;padding:.2734375rem .546875rem;font-size:.765625rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px}.forum-discussion-menu{position:sticky;top:6.5625rem;align-self:flex-start;flex-grow:1;margin-top:2.1875rem}.forum-discussion-menu .post-btn{width:13.125rem;height:2.40625rem!important;font-size:.984375rem;color:#fff;border-radius:6px}.forum-discussion-menu .menu-opt-container{padding-left:1.5859375rem}.forum-discussion-menu .menu-opt-container .menu-opt{font-size:1.09375rem;color:#4f525e;color:var(--preset-title-color);font-weight:700}.forum-discussion-menu .menu-opt-container .menu-opt .menu-sub-opt{padding-left:1.09375rem;font-size:.984375rem;line-height:1.859375rem;color:#88898d;color:var(--filter-btn-color);font-weight:400}.forum-discussion-list-container{width:70.546875rem;margin-top:2.1875rem;padding-bottom:20px}.forum-discussion-list-container .keyword-input-container{position:relative;margin-left:0}.forum-discussion-list-container .keyword-input-container input{width:54.25rem;height:2.40625rem;padding:0 .2734375rem;background:#fcfcfc;background:var(--header-bg-color);color:#636468;color:var(--register-btn-color);border-radius:6px;outline:none}.forum-discussion-list-container .keyword-input-container img{position:absolute;height:1.3125rem;left:.2734375rem;top:.546875rem}.forum-discussion-list-container .mobile-sort-menu{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .mobile-sort-menu .menu-select-btn{padding:0 .2734375rem}.forum-discussion-list-container .mobile-sort-menu .menu-select-btn .item-name{padding-right:.65625rem}.forum-discussion-list-container .search-results-text{font-size:.875rem;margin-top:.8203125rem;color:#636468;color:var(--register-btn-color)}.forum-discussion-list-container .main-sorter{margin-top:.8203125rem}.forum-discussion-list-container .main-sorter div{margin-right:.8203125rem}.forum-discussion-list-container .main-sorter .active{padding:.2734375rem .765625rem;color:#3e5ff1;background:#d0d7f4;border-radius:129px}.forum-discussion-list-container .sub-sorter{color:#88898d;color:var(--filter-btn-color);margin:1.640625rem 0 1.3671875rem;padding:0 1.1484375rem 0 0}.forum-discussion-list-container .sub-sorter .forum-sorter-menu{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn{width:13.3984375rem}.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn .item-name{width:11.2109375rem;text-overflow:ellipsis;overflow:hidden}.forum-discussion-list-container .sub-sorter .sub-sorter-item{display:flex;align-items:center}.forum-discussion-list-container .sub-sorter .sub-sorter-item span{font-size:.875rem}.forum-discussion-list-container .product-flex{max-width:13%;flex-basis:13%;flex-grow:0}.forum-discussion-list-container .sub-type-flex{display:flex;align-items:baseline;max-width:12%;flex-basis:12%;flex-grow:0}.forum-discussion-list-container .theme-flex{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .reply-flex,.forum-discussion-list-container .view-flex{max-width:8%;flex-basis:8%;flex-grow:0}.forum-discussion-list-container .last-comment-flex{width:auto;flex-grow:1}.forum-discussion-list-container .discussion{position:relative;width:100%;margin-bottom:.546875rem;padding:.8203125rem 1.1484375rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-discussion-list-container .discussion .discussion-header img{width:1.09375rem;margin-right:.546875rem}.forum-discussion-list-container .discussion .info-discussion-container{position:relative;padding:.8203125rem 1.1484375rem}.forum-discussion-list-container .discussion .info-discussion-container .custom-mask{border-radius:6px}.forum-discussion-list-container .discussion .info-discussion-container .absulote-center span{color:#fff;font-size:1.09375rem;font-weight:700}.forum-discussion-list-container .discussion .deleted-info-row{padding:.8203125rem 1.1484375rem}.forum-discussion-list-container .discussion .deleted-info-row .reason-flex span{font-size:.875rem;color:#ee4545;word-break:break-word}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex{display:flex;justify-content:flex-end}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex .v-btn{height:2.0234375rem;font-size:.875rem;border-radius:6px}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex button:first-child{color:#636468!important;color:var(--register-btn-color)!important;background-color:#f3f3f3;background-color:var(--register-btn-bg-color)}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex button:nth-child(2){color:#3e5ff1!important;border:1px solid #3e5ff1;background-color:#fcfcfc!important;background-color:var(--header-bg-color)!important;margin-left:1.09375rem}.forum-discussion-list-container .discussion .play-menu{position:absolute;top:1.0390625rem;right:1.1484375rem}.forum-discussion-list-container .discussion .discussion-main-content{margin-top:.546875rem}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info{display:flex;align-items:center}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .essence{padding:0 .21875rem;margin-right:.2734375rem;border:1px solid #3e5ff1;border-radius:6px;font-size:.875rem;color:#3e5ff1;line-height:1.3125rem;word-break:keep-all}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .discussion-theme{padding-right:.2734375rem;margin-bottom:0}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .discussion-des{margin-top:.2734375rem}.forum-discussion-list-container .discussion .discussion-main-content .reply-users{display:flex;padding:0 15%}.forum-discussion-list-container .discussion .discussion-main-content .reply-users .avatar{width:1.96875rem;height:1.96875rem;line-height:1.96875rem;font-size:.9296875rem}.forum-discussion-list-container .discussion .discussion-main-content .reply-users .reply-users-margin-right{margin-right:5px}.forum-discussion-list-container .discussion .discussion-main-content .stat-data{font-size:.8203125rem;color:#8c8f9f;color:var(--date-color)}.forum-discussion-list-container .discussion .discussion-tags div{margin:.21875rem .546875rem 0 0;padding:.109375rem .4375rem;font-size:.875rem;line-height:1.3125rem;color:#949494;color:var(--tag-color);background-color:#f8f8f8;background-color:var(--tag-bg-color);border-radius:4px}.forum-discussion-list-container .discussion .reply-block{margin-top:.8203125rem;padding:.765625rem;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;color:#88898d;color:var(--filter-btn-color);font-size:.9296875rem}.forum-discussion-list-container .discussion .reply-block .reply-symbol{word-break:keep-all}.forum-discussion-list-container .discussion .reply-block .reply-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.forum-discussion-list-container .discussion:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-discussion-list-container .info-menu{width:10.390625rem}.forum-discussion-list-container .info-menu .info-menu-btn{padding:.328125rem}.forum-discussion-list-container .info-menu .info-menu-btn .item-name{width:8.4765625rem}.forum-sorter-container{height:1.09375rem;margin-left:.2734375rem}.forum-sorter-container .sorter{width:0;height:0;border-left:.21875rem solid transparent;border-right:.21875rem solid transparent;border-radius:3px;cursor:pointer}.forum-sorter-container .asc-sorter{border-bottom:.4375rem solid #d0d7f4}.forum-sorter-container .desc-sorter{border-top:.4375rem solid #d0d7f4}.forum-sorter-container .asc-sorter-active{border-bottom-color:#3e5ff1}.forum-sorter-container .desc-sorter-active{border-top-color:#3e5ff1}.forum-discussion-detail-container{margin:.546875rem 0;padding:2.0234375rem 2.4609375rem 2.5703125rem;background:#fff;background:var(--white-bg-color);border-radius:12px}.forum-discussion-detail-container .mobile-product-name{font-size:.765625rem}.forum-discussion-detail-container .discussion-badge{margin-left:1.09375rem}.forum-discussion-detail-container .discussion-user-row{position:relative}.forum-discussion-detail-container .discussion-user-row .discussion-date{position:absolute;right:0}.forum-discussion-detail-container .discussion-user-row .forum-user-menu .discussion-date{position:relative;line-height:1em}.forum-discussion-detail-container .discussion-initiator{height:1.640625rem;margin-left:.546875rem;padding:.2734375rem .4375rem;color:#3e5ff1;border:1px solid #3e5ff1;line-height:.984375rem;font-size:.875rem;border-radius:4px}.forum-discussion-detail-container .discussion-content{font-size:.875rem;word-break:break-word;color:#4f525e;color:var(--preset-title-color)}.forum-discussion-detail-container .discussion-content img{max-width:100%}.forum-discussion-detail-container .discussion-reply img{width:5.46875rem}.forum-discussion-detail-container .discussion-reply .reply-content-editor-outer .forum-reply-content-dialog{width:96%}.forum-discussion-detail-container .discussion-reply .reply-content-editor-outer .forum-reply-content-dialog .v-card .outer-editor-container .content-editor{height:6.2890625rem}.forum-discussion-detail-container .discussion-opt-row{margin-top:1.3671875rem;justify-content:flex-start}.forum-discussion-detail-container .discussion-opt-row div{display:flex;align-items:center}.forum-discussion-detail-container .discussion-opt-row div img{width:1.2578125rem;margin-right:.4375rem}.forum-discussion-detail-container .discussion-opt-row div span{color:#4f525e;color:var(--preset-title-color);font-size:.875rem}.forum-discussion-detail-container .main-reply-content-editor-outer{margin-top:1.3671875rem;padding:.8203125rem .8203125rem 4.375rem;background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:8px}.forum-discussion-detail-container .main-reply-content-editor-outer .forum-reply-content-dialog{margin-top:0}.parent-reply-content .reply-label{min-width:2.4609375rem;max-width:2.4609375rem;padding-top:.4375rem;font-size:.8203125rem;color:#707070;color:var(--feedbcak-color)}.parent-reply-content .parent-reply-outer{padding:.4375rem;background:#f3f3f3;background:var(--register-btn-bg-color);border-radius:8px;flex-grow:1}.parent-reply-content .parent-reply-outer .parent-reply{font-size:.8203125rem;color:#414141;color:var(--user-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.forum-reply-content-dialog{margin:1.09375rem 0}.forum-reply-content-dialog .v-card{border-radius:8px;border:1px solid #ececec!important;border:1px solid var(--divider-color-3)!important;box-shadow:none!important;background:#fff;background:var(--white-bg-color)}.forum-reply-content-dialog .v-card .editor-toolbar{margin:.4375rem .8203125rem 0;padding-bottom:.4375rem;border-bottom:1px solid #ececec;border-bottom:1px solid var(--divider-color-3);border-radius:0}.forum-reply-content-dialog .v-card .editor-toolbar .img-input-caontainer{margin-left:5px}.forum-reply-content-dialog .v-card .parent-reply-content{padding:.4375rem .8203125rem}.forum-reply-content-dialog .v-card .outer-editor-container .content-editor{height:180px;margin:.4375rem .8203125rem;color:#636468!important;color:var(--register-btn-color)!important}.forum-reply-content-dialog .v-card .inner-editor-container{display:flex;align-items:center;justify-content:space-between;width:75%}.forum-reply-content-dialog .v-card .inner-editor-container .content-editor{flex-basis:90%;max-width:90%;min-height:40px;margin:.4375rem 0;padding:.546875rem;flex-grow:1;border:1px solid #d5d5d5!important}.forum-reply-content-dialog .v-card .content-editor{outline:none;overflow-y:scroll;font-size:.875rem;line-height:1.3125rem}.forum-reply-content-dialog .v-card .content-editor img{width:4.921875rem}.forum-reply-content-dialog .v-card .v-icon{color:#4f525e;font-size:1.640625rem}.forum-reply-content-dialog .reply-editor-btn{min-width:4.8125rem!important;height:2.40625rem!important;float:right;margin-top:.8203125rem;font-size:.984375rem!important;border-radius:6px}.forum-reply-content-dialog .send-btn{color:#fff!important}.forum-reply-content-dialog .cancel-btn{margin-right:1.09375rem;border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-breadcrumb-container .v-breadcrumbs{padding-left:0}.forum-breadcrumb-container .v-breadcrumbs li .v-breadcrumbs__item{font-size:.984375rem;font-weight:700;color:#3e5ff1}.forum-breadcrumb-container .v-breadcrumbs li .v-breadcrumbs__item--disabled{color:#8c8f9f;color:var(--date-color)}.forum-breadcrumb-container .v-breadcrumbs .v-breadcrumbs__divider{padding:0}.forum-breadcrumb-container .v-breadcrumbs .v-breadcrumbs__divider .v-icon{font-size:1.203125rem;color:#8c8f9f;color:var(--date-color)}.forum-img-view-container img{max-width:65.625rem}.avatar-circle-with-border{width:1.640625rem;height:1.640625rem;background-size:contain!important;font-size:.765625rem;line-height:1.640625rem}.avatar{border-radius:50%!important;color:#fff;font-weight:700;text-align:center}.discussion-user-name{margin-left:.65625rem;font-size:.8203125rem;font-weight:700;color:#414141;color:var(--user-color)}.discussion-date{margin-left:.65625rem;font-size:.875rem;color:#8c8f9f;color:var(--date-color)}.discussion-product{font-size:.765625rem}.discussion-badge{width:.65625rem;height:.65625rem;border-radius:4px}.sub-type-name{margin-left:.2734375rem;font-size:.765625rem;line-height:1.53125rem}.discussion-theme,.sub-type-name{font-weight:700;color:#4f525e;color:var(--preset-title-color)}.discussion-theme{font-size:.984375rem;word-break:break-word;-webkit-line-clamp:1}.discussion-desc,.discussion-theme{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.discussion-desc{font-size:.8203125rem;color:#88898d;color:var(--filter-btn-color);line-height:1.3125rem;-webkit-line-clamp:3}.margin-top-5{margin-top:.2734375rem}.margin-top-8{margin-top:.4375rem}.margin-top-12{margin-top:.65625rem}.margin-top-15{margin-top:.8203125rem}.margin-top-20{margin-top:1.09375rem}.margin-top-25{margin-top:1.3671875rem}.margin-top-30{margin-top:1.640625rem}.margin-top-35{margin-top:1.9140625rem}.margin-left-25{margin-left:1.3671875rem}.margin-left-40{margin-left:2.1875rem}.margin-left-65{margin-left:3.5546875rem}.margin-right-5{margin-right:.2734375rem}.v-menu__content .forum-user-card{width:13.9453125rem;padding:1.640625rem .7109375rem .765625rem;text-align:center}.v-menu__content .forum-user-card .avatar-circle-with-border{margin:0 auto}.v-menu__content .forum-user-card .discussion-user-name{margin-top:.3828125rem;word-break:break-all;text-align:center}.v-menu__content .forum-user-card .focus-btn{min-width:4.921875rem;margin-top:.765625rem;padding:.2734375rem .4375rem;color:#fff;font-size:.875rem;line-height:1.421875rem;border-radius:3px}.v-menu__content .forum-user-card .focused{color:#fff!important;color:var(--info-focus-color)!important;background:#d1d2d4!important;background:var(--filter-tag-bd-color)!important}.v-menu__content .forum-user-card .focused .focused-hover-span{display:none}.v-menu__content .forum-user-card .msg-btn{color:#8c8f9f!important;color:var(--date-color)!important;border:1px solid #8c8f9f!important;border:1px solid var(--date-color)!important}.v-menu__content .forum-user-card .msg-btn img{width:.984375rem;margin-right:.2734375rem}.v-menu__content .forum-user-card .focused:hover .focused-non-hover-span{display:none}.v-menu__content .forum-user-card .focused:hover .focused-hover-span{display:inline!important}.v-menu__content .forum-user-card .loading{height:10.28125rem}.v-menu__content .forum-user-card .loading .circular-loading-container{height:100%}.v-menu__content .forum-user-card .loading .circular-loading-container .circular-container{height:100%;margin-top:0!important;flex-direction:column;align-items:center}.v-menu__content .forum-user-card .forum-stat .num{font-size:1.203125rem;color:#4f525e;color:var(--preset-title-color)}.v-menu__content .forum-user-card .forum-stat .stat-title,.v-menu__content .forum-user-card .join-time{font-size:.765625rem;color:#4f525e;color:var(--preset-title-color)}.forum-delete-modal{padding:0 1.09375rem 1.09375rem}.forum-delete-modal .radio-container{margin-top:.546875rem;padding:.546875rem 1.09375rem;border-radius:8px;background-color:#f5f5f5;background-color:var(--page-bg-color)}.forum-delete-modal .radio-container .v-input--selection-controls{margin-top:8px;padding-top:0}.forum-delete-modal .radio-container .v-input--selection-controls .v-input__control .v-messages{display:none!important}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input{width:20px;height:20px}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .v-icon{height:100%;border:2px solid #636468;border:2px solid var(--register-btn-color);border-radius:50%}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:before{content:"";position:absolute;width:10px;height:10px;background-color:#3e5ff1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:after,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:before,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:after,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .v-input--selection-controls__ripple{display:none}.forum-delete-modal .cancel-btn{border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important;font-size:.875rem}.forum-delete-modal .delete-btn{color:#fff;font-size:.875rem}.forum-delete-modal textarea{width:100%;height:5.46875rem;padding:.2734375rem;font-size:.875rem;border-radius:8px;background-color:#fff;background-color:var(--white-bg-color);color:#4f525e;color:var(--preset-title-color)}.absulote-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-user-menu__content .forum-user-card{background:#fff;background:var(--white-bg-color)}.custom-mask{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity:.3}}@media only screen and (max-width:1440px){html{font-size:16px!important}html body{margin:0 auto;max-width:100%;background:#fafafa}html body .v-application .v-menu__content{background-color:#fff;background-color:var(--menu-bg-color);box-shadow:0 2px 20px rgba(0,0,0,.25);border-radius:6px;scrollbar-color:#f3f3f3 transparent;scrollbar-color:var(--register-btn-bg-color) transparent;scrollbar-width:thin}html body .v-application .v-menu__content .v-list{background:transparent!important}html body .v-application .v-menu__content::-webkit-scrollbar{width:4px}html body .v-application .v-menu__content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#f3f3f3;background:var(--register-btn-bg-color)}html body .v-application .v-menu__content::-webkit-scrollbar-track{border-radius:0;background:transparent}html body .v-application .v-menu__content--fixed{box-shadow:0 2px 20px rgba(0,0,0,.25);border-radius:6px}html body .style_check-box{height:1.640625rem!important}html body .style_check-box .v-input--checkbox .v-input__control .v-input__slot .mdi-checkbox-blank-outline:before,html body .style_check-box .v-input--checkbox .v-input__control .v-input__slot label{color:#88898d!important}html body .v-dialog{background-color:#fff;background-color:var(--white-bg-color);position:relative;border-radius:14px!important}html body .v-dialog .close-icon{position:absolute;right:10px;width:.9375rem;height:.9375rem;top:15px;cursor:pointer}html body .v-dialog .modal-title{display:flex;justify-content:center;align-items:center;margin-top:1.875rem}html body .v-dialog .icon-1{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center}html body .v-dialog .failure-icon{background:#e54e4e;position:relative}html body .v-dialog .failure-icon:before{transform:translate(-50%,-50%) rotate(45deg)}html body .v-dialog .failure-icon:after,html body .v-dialog .failure-icon:before{content:"";display:block;width:.84375rem;height:.09375rem;background:#fff;position:absolute;top:50%;left:50%}html body .v-dialog .failure-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}html body .v-dialog .success-icon:before{content:"";display:block;width:.65625rem;height:.46875rem;border:2px solid #fff;border-top:none;border-right:none;transform:rotate(-45deg) translate(.09375rem,-.09375rem)}html body .v-dialog .success-icon{background:#3e5ff1}html body .v-dialog .title-text{display:inline-block;font-size:1.03125rem;font-weight:700;color:#636468;color:var(--register-btn-color);margin-left:.375rem}html body .v-dialog .info-text{font-size:.75rem;font-weight:400;line-height:1.265625rem;color:#636468;color:var(--register-btn-color)}html body .v-dialog .btn-block,html body .v-dialog .info-text{margin-top:1.125rem;display:flex;justify-content:center;align-items:center}html body .v-dialog .btn-block{margin-bottom:1.40625rem}html body .v-dialog .btn-block button{border-radius:4px;width:5.25rem;height:1.875rem!important;font-size:.84375rem;box-shadow:none;text-transform:capitalize;letter-spacing:0}html body .v-dialog .btn-block .btn-left{font-weight:400;background:#3e5ff1;color:#fff}html body .v-dialog .btn-block .btn-right{font-weight:700;background:#fff;background:var(--white-bg-color);color:#4f525e;color:var(--preset-title-color);margin-left:1.40625rem}html #preset-container{width:100%;margin:0 auto .9375rem;padding:.5625rem 0 0;width:56.25rem}html #preset-container input:-moz-placeholder,html #preset-container input::-moz-placeholder,html #preset-container textarea:-moz-placeholder,html #preset-container textarea::-moz-placeholder{color:#52545b;font-weight:400}html #preset-container input::-webkit-input-placeholder,html #preset-container textarea::-webkit-input-placeholder{color:#52545b;font-weight:400}html #preset-container .content-container{padding:.46875rem;margin:.9375rem auto 2.34375rem;max-width:57.09375rem}html #preset-container .content-container .use-profile{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}html #preset-container .content-container .use-profile .profile-title1{font-size:1.125rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.921875rem;margin-bottom:0;padding-right:2.0625rem}html #preset-container .content-container .use-profile .profile-title2{font-size:.9375rem;font-weight:400;color:#141414!important;color:var(--black-title-2)!important;line-height:1.125rem;margin-bottom:0}html #preset-container .content-container .file-upload-block{margin-top:.9375rem}html #preset-container .content-container .file-upload-block .ant-upload{border-radius:20px;background-color:transparent;border-width:2px;border-color:#b5b5b5!important}html #preset-container .content-container .file-upload-block .ant-upload-list{display:none;flex-wrap:wrap}html #preset-container .content-container .file-upload-block .ant-upload-list div{width:20%}html #preset-container .content-container .file-upload-block .ant-upload-list div .ant-upload-list-item,html #preset-container .content-container .file-upload-block .ant-upload-list div .ant-upload-list-item .ant-upload-list-item-info{width:95%}html #preset-container .content-container .file-upload-block .file-upload-info{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;margin-left:1.78125rem;max-width:80%;text-align:left}html #preset-container .content-container .ant-upload-drag-icon{margin-bottom:.703125rem;margin-left:1.03125rem;height:2.015625rem}html #preset-container .content-container .ant-upload-drag-icon li{font-size:2.015625rem}html #preset-container .content-container .ant-upload-drag-icon .anticon-cloud-upload svg{fill:#707070;fill:var(--feedbcak-color)}html #preset-container .content-container .ant-upload-text{font-size:.984375rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.921875rem;margin-bottom:0}html #preset-container .content-container .ant-upload-text-s{font-size:.9375rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:.984375rem;margin-bottom:0}html #preset-container .content-container .file-block{margin-top:.703125rem;padding:.46875rem 0;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:10px}html #preset-container .content-container .file-block ul{padding:0 .703125rem}html #preset-container .content-container .file-block ul .file-list{list-style:none;cursor:pointer}html #preset-container .content-container .file-block ul .file-list .file-item{display:flex;align-items:center;justify-content:space-between}html #preset-container .content-container .file-block ul .file-list .file-item span{font-size:.9375rem;width:30%;line-height:1.875rem}html #preset-container .content-container .file-block ul .file-list .file-item .name{margin-left:.703125rem;font-weight:700;color:#404040;color:var(--preset-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .content-container .file-block ul .file-list .file-item .size{font-size:400;color:#404040;color:var(--preset-text-color)}html #preset-container .content-container .file-block ul .file-list .file-item .delete-icon{color:#404040;color:var(--preset-text-color);height:.9375rem;margin-right:.703125rem}html #preset-container .content-container .file-block ul .file-list:hover{background:var(--preset-select-bg-color);border-radius:5px}html #preset-container .content-container .file-block .file-upload-block-2{padding:0 .703125rem .703125rem;margin-top:.703125rem}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload{border-radius:5px;background-color:#fbfbfb;background-color:var(--file-list-bg-color);border-width:1px;border-color:#1753e1!important}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload .ant-upload-btn{padding:.375rem 0}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload .ant-upload-text-2{font-size:.9375rem;font-weight:400;color:#1753e1}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload-list{display:none!important}html #preset-container .content-container .red-star{color:red}html #preset-container .content-container .select-product{width:100%;padding:2.015625rem 4.21875rem 1.875rem 2.34375rem;margin-top:1.875rem;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:27px}html #preset-container .content-container .select-product h4{font-size:1.125rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:1.921875rem;margin-bottom:0}html #preset-container .content-container .select-product .product-check-show{display:flex;justify-content:flex-start;align-items:center}html #preset-container .content-container .select-product .product-check-show .show-label{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}html #preset-container .content-container .select-product .product-check-show .lable-item{display:flex;justify-content:flex-start;align-items:center;padding:0 2.015625rem 1.40625rem 0}html #preset-container .content-container .select-product .product-check-show .lable-item .ant-form-item{margin-bottom:0}html #preset-container .content-container .select-product .product-check-show .lable-item p{font-size:.9375rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:1.59375rem;margin:0 .234375rem 0 0;width:4.03125rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-style{max-width:9.375rem!important}html #preset-container .content-container .select-product .product-check-show .lable-item .v-input__control{height:1.78125rem;border-radius:5px}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn{width:11.015625rem;height:1.875rem;color:#404040;color:var(--preset-text-color);background-size:8%;padding:0 .375rem;justify-content:flex-start;border-radius:5px}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content{font-size:.75rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content span{text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:9.375rem;text-align:left;display:inline-block!important}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content i{position:absolute;right:0;font-size:.75rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn-bg-light{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll var(--preset-select-bg-color) 98%}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn-bg-dark{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll var(--preset-select-bg-color) 98%}html #preset-container .content-container .select-product .product-check-show .product-image{width:10.78125rem;height:6.09375rem}html #preset-container .content-container .select-product .product-check-show .product-image img{width:100%;height:auto}html #preset-container .content-container .select-product .no-product-margin{margin-top:.9375rem!important}html #preset-container .content-container .select-product .preset-match{width:100%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}html #preset-container .content-container .select-product .preset-match p:first-child{font-size:1.125rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:1.921875rem;margin-bottom:0}html #preset-container .content-container .select-product .preset-match p:nth-child(2){font-size:1.125rem;font-weight:700;color:#818181!important;line-height:1.921875rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-left:1.40625rem}html #preset-container .content-container .content-form{width:100%;margin-top:.703125rem}html #preset-container .content-container .content-form .v-row-height{margin-top:1.640625rem}html #preset-container .content-container .content-form .form-title{display:flex;align-items:baseline}html #preset-container .content-container .content-form .form-title .word-count{display:inline-block;margin-left:.9375rem;color:#141414;color:var(--black-title)}html #preset-container .content-container .content-form .form-label{font-size:1.125rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.921875rem;margin-bottom:5px;white-space:pre}html #preset-container .content-container .content-form .form-label .question{width:1.3125rem;height:1.3125rem;font-size:.9375rem;font-weight:400;color:#777!important;line-height:1.3125rem;margin-bottom:0;background:#e5e5e5;border-radius:50%;display:inline-block;margin-left:.9375rem;text-align:center}html #preset-container .content-container .content-form .form-label .text{font-size:.9375rem;font-weight:400;color:#3e5ff1!important;line-height:1.125rem;margin-bottom:0;margin-left:1.96875rem}html #preset-container .content-container .content-form .form-label .text:hover{color:#4c6cfb!important}html #preset-container .content-container .content-form .form-tip{font-size:.9375rem;font-weight:400;color:#777!important;line-height:.9375rem;margin-bottom:0;margin-left:20px}html #preset-container .content-container .content-form .cover-container{margin:.46875rem 0;border-radius:10px!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container{min-width:330px;max-width:330px;height:250px}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .ant-upload.ant-upload-drag{border:none!important;border-radius:5px;background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .ant-upload-list-item{display:none!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .upload-icon{width:3.703125rem;margin:0 auto}html #preset-container .content-container .content-form .cover-container .cropper-container{max-width:330px;height:250px;position:relative}html #preset-container .content-container .content-form .cover-container .cropper-container .delete-icon{color:#404040;color:var(--preset-text-color);position:absolute;top:-8px;right:-17px;cursor:pointer}html #preset-container .content-container .content-form .cover-container .upload-controller{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:3.796875rem;width:90%}html #preset-container .content-container .content-form .cover-container .upload-controller .controller-tip{font-size:.9375rem;font-weight:400;color:#b9b9b9!important;line-height:.9375rem;margin-bottom:0}html #preset-container .content-container .content-form .cover-container .upload-controller .slider-container{max-height:1.875rem;width:90%}html #preset-container .content-container .content-form .cover-container .upload-controller .slider-container .slider{width:100%;height:35px}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container{max-height:1.6875rem;width:100%}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .v-btn{box-shadow:none;border-radius:10px}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .upload-btn{color:#fff}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .reset-btn{color:#8c8f9f}html #preset-container .content-container .content-form .uploaded-cover-conatiner{width:300px;height:200px;position:relative}html #preset-container .content-container .content-form .uploaded-cover-conatiner .delete-icon{color:#404040;color:var(--preset-text-color);position:absolute;top:-8px;right:-17px;cursor:pointer}html #preset-container .content-container .content-form .media-margin{margin-top:.9375rem}html #preset-container .content-container .content-form .hint-tips{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:-.5625rem;margin-bottom:1.171875rem;padding-left:.5625rem}html #preset-container .content-container .content-form .hint-tips-1{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:.515625rem;margin-bottom:1.171875rem;padding-left:.5625rem;font-size:.65625rem!important}html #preset-container .content-container .content-form .tag-block{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;height:2.625rem;background-color:#e5e5e5;background-color:var(--preset-input-bg-color);width:100%;border-radius:5px}html #preset-container .content-container .content-form .tag-block .chip-block{height:2.625rem;line-height:2.625rem;display:flex;align-items:center}html #preset-container .content-container .content-form .tag-block .chip-block span{margin-left:.234375rem}html #preset-container .content-container .content-form .tag-block .chip-block span i{font-size:.75rem;padding-bottom:1px;cursor:pointer}html #preset-container .content-container .content-form .tag-block .chip-block span i:hover{color:#3e5ff1!important}html #preset-container .content-container .content-form .tag-block .chip-block .v-chip{align-items:center;display:inline-flex;line-height:1.640625rem;max-width:100%;outline:none;overflow:hidden;padding:0 .5625rem;position:relative;text-decoration:none;transition-duration:.28s;transition-property:box-shadow,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);vertical-align:middle;white-space:nowrap;border-radius:20px;background:#e0e0e0;margin-right:.234375rem}html #preset-container .content-container .content-form .tag-block .content-padding{padding-left:1.125rem}html #preset-container .content-container .content-form .tag-block .input-block{height:2.625rem;width:100%;background-color:#fbfbfb;background-color:var(--file-list-bg-color);border-radius:5px}html #preset-container .content-container .content-form .tag-block .input-block .tag-input{width:100%;height:2.625rem;padding:0 1.125rem;font-size:.9375rem;color:#404040;color:var(--preset-text-color);background-color:#e5e5e5;background-color:var(--preset-input-bg-color);border-radius:5px}html #preset-container .content-container .content-form .tag-block .input-block .tag-input:focus{outline:none}html #preset-container .content-container .content-form .v-select__selections{font-size:.9375rem;font-weight:400;color:#6e6e6e!important;line-height:1.125rem;margin-bottom:0}html #preset-container .content-container .content-form .row{display:block}html #preset-container .content-container .content-form .row .hint-tips{margin-top:-.375rem}html #preset-container .content-container .content-form .row .hint-tips .v-messages__wrapper .v-messages__message{font-size:.65625rem!important}html #preset-container .content-container .content-form .row .style-tip{margin-top:.75rem!important}html #preset-container .content-container .content-form .row .v-input .v-input__control .v-text-field__details{margin-top:.328125rem!important}html #preset-container .content-container .content-form .row .v-input .v-input__control .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message{font-size:.65625rem!important;line-height:.65625rem!important}html #preset-container .content-container .content-form .col .row{display:flex}html #preset-container .content-container .content-form .form-text{font-size:.9375rem;font-weight:400;color:#6e6e6e!important;line-height:1.125rem;margin-bottom:0}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot{background-color:#e5e5e5;background-color:var(--preset-input-bg-color)}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot fieldset{border:none}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot .v-text-field__slot input{color:#404040;color:var(--preset-text-color)}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot .v-text-field__slot textarea{color:#404040;color:var(--preset-text-color);resize:none}html #preset-container .content-container .content-form .select-raws{margin:.9375rem 0}html #preset-container .content-container .content-form .select-raws .title-tip{font-size:1.125rem;font-weight:700;color:#141414!important;line-height:1.921875rem;margin:0}html #preset-container .content-container .content-form .select-raws .title-tip-sub{font-size:.9375rem;font-weight:700;color:#777!important;line-height:1.59375rem;margin-bottom:0}html #preset-container .content-container .content-form .select-raws .select-style{width:10.6875rem}html #preset-container .content-container .content-form .select-raws .select-style-long{width:40.3125rem}html #preset-container .content-container .content-form .select-raws div{width:100%}html #preset-container .content-container .content-form .select-raws input,html #preset-container .content-container .content-form .select-raws textarea{width:40.3125rem}html #preset-container .content-container .content-form .select-raws .tag-name{font-size:.75rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;text-decoration:underline;margin-right:.609375rem;display:inline-block}html #preset-container .content-container .content-form .user-control{width:100%;margin-left:-12px;margin-top:15px;display:flex;justify-content:flex-start;align-items:center}html #preset-container .content-container .content-form .user-control .checkbox-font{font-size:.9375rem;font-weight:400;color:#272727!important;line-height:1.125rem;margin-bottom:0}html #preset-container .content-container .content-form .user-control .control{font-size:.9375rem;font-weight:400;color:#3e5ff1!important;line-height:1.125rem;margin-bottom:0}html #preset-container .content-container .content-form .user-control .control:hover{color:#4c6cfb!important}html #preset-container .content-container .content-form .v-input-self-mgbm{margin-bottom:0}html #preset-container .content-container .content-form .v-select-self-mgtop{margin-top:.84375rem!important}html #preset-container .content-container .content-form .v-input__control{border-radius:5px}html #preset-container .content-container .content-form .v-form-h,html #preset-container .content-container .content-form .v-form-h .v-input__control,html #preset-container .content-container .content-form .v-form-h .v-input__control .v-input__slot{height:2.625rem}html #preset-container .content-container .content-form .v-form-h .v-input__control .v-input__slot .v-select__slot .v-input__append-inner{margin-top:.65625rem}html #preset-container .content-container .content-form .v-select-w{width:12.1875rem}html #preset-container .content-container .content-form .select-btn{background-size:8%;max-width:100%;width:auto;min-width:12.1875rem;padding-left:1.125rem!important;border-radius:6px}html #preset-container .content-container .content-form .select-btn span{text-align:left;display:inline-block!important;padding-right:1.40625rem}html #preset-container .content-container .content-form .select-btn-bg-light{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll var(--preset-input-bg-color) 98%}html #preset-container .content-container .content-form .select-btn-bg-dark{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll var(--preset-input-bg-color) 98%}html #preset-container .content-container .content-form .filled-text{color:#404040;color:var(--preset-text-color);font-size:.9375rem;font-weight:400}html #preset-container .content-container .content-form .empty-text{color:#52545b;font-size:.9375rem;font-weight:400}html #preset-container .content-container .content-form .submit-btn{min-width:4.6875rem!important;width:auto!important;height:1.875rem!important;background:#3e5ff1!important;border-radius:24px;display:grid;justify-content:center;align-content:center;font-size:.9375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;letter-spacing:0;box-shadow:none;text-transform:capitalize}html #preset-container .content-container .content-form .submit-btn span{line-height:1.875rem}html #preset-container .submit-fixed{width:100%;padding:0 3.75rem;height:5.15625rem;position:fixed;bottom:0;box-shadow:0 -1px 6px rgba(0,0,0,.16);background:#fff;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}html #preset-container .submit-fixed .btn-self{border-radius:24px}html #preset-container .state-container{width:100%;border-radius:27px;padding:1.5rem 2.34375rem 1.5rem 1.875rem;margin:0;display:flex;justify-content:flex-start;align-items:center}html #preset-container .state-container .container-left{width:24.140625rem}html #preset-container .state-container .container-left .title{font-size:2.25rem!important;line-height:2.8125rem;font-weight:800;padding-left:1.265625rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}html #preset-container .state-container .container-left .name{width:21.421875rem;padding-left:1.265625rem;display:flex;justify-content:flex-start;align-items:center}html #preset-container .state-container .container-left .name p:first-child{width:1.875rem;line-height:1.875rem!important;background:#71b47f;border-radius:50%;text-align:center;font-size:.84375rem;font-weight:700;color:#fff!important;line-height:1.453125rem;margin-bottom:0}html #preset-container .state-container .container-left .name p:nth-child(2){padding-left:.46875rem;font-size:.9375rem;font-weight:700;color:#414141!important;line-height:1.59375rem;margin-bottom:0}html #preset-container .state-container .container-left .meta{width:100%;padding:.46875rem 1.265625rem;border-radius:27px}html #preset-container .state-container .container-left .meta p{margin:0}html #preset-container .state-container .container-left .meta p:first-child{font-size:1.5rem;font-weight:700;color:#fff!important;line-height:2.53125rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-left .meta p:nth-child(2){font-size:1.03125rem;font-weight:500;color:#fff!important;line-height:1.734375rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-left .meta p:nth-child(3){font-size:1.03125rem;font-weight:300;color:#fff!important;line-height:1.734375rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-right{width:29.484375rem;padding-left:1.78125rem}html #preset-container .state-container .container-right .musical p:first-child{width:3.75rem;height:3.75rem;padding:.515625rem;margin-left:.9375rem;border-radius:27px;display:grid;justify-content:center}html #preset-container .state-container .container-right .musical p:first-child img{width:2.765625rem;height:2.765625rem}html #preset-container .state-container .container-right .musical p:nth-child(2){font-size:.9375rem;font-weight:500;line-height:1.59375rem;margin-top:.84375rem}html #preset-container .state-container .container-right .desc{margin-top:3.1875rem;font-size:.9375rem;font-weight:300;color:#818181!important;line-height:1.40625rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}html #preset-container .state-container .container-right .styles{display:flex;justify-content:flex-end;align-items:center}html #preset-container .state-container .container-right .styles p{width:3.9375rem;line-height:1.6875rem;margin-left:.9375rem;background:#636468;border-radius:7px;font-size:.9375rem;font-weight:400;color:#fff!important;line-height:1.59375rem;margin-bottom:0;text-align:center}html #preset-container .ok-icon{margin-top:1.875rem;text-align:center;display:flex;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;color:#141414!important;line-height:1.921875rem;margin-bottom:0}html #preset-container .ok-icon img{width:1.40625rem;height:1.40625rem}html #preset-container .ok-icon text{padding-left:1.03125rem}html #preset-container .gotoindexpage{display:block;line-height:2.25rem;color:#141414!important;text-align:center}html #preset-container .gotoindexpage,html #preset-container .restuplaod{width:10.265625rem;border:.046875rem solid #707070;border-radius:11px;font-size:1.125rem;font-weight:400;line-height:1.921875rem;margin:1.3125rem auto 0}html #preset-container .restuplaod{display:block;height:2.25rem;color:#687a7a!important;display:flex;justify-content:center;align-items:center}html #preset-container .restuplaod image{width:.65625rem;height:.65625rem}html #preset-container .edit-loading-container{width:100%;max-width:100%;margin:20px auto;background:#fff;background:var(--white-bg-color);border-radius:14px;padding:2rem}html .drop-down-item{color:#88898d!important;font-size:.75rem!important}html .outer{width:320px;height:5px;background:#fff;border-radius:10px}html .outer .inner{background:#3e5ff1;border-radius:10px;height:100%}.header-block{display:flex;justify-content:center;width:100%;background:#fcfcfc;background:var(--header-bg-color);height:4.6875rem;position:fixed;z-index:50}.toobar{position:relative;width:56.25rem;max-width:56.25rem}.toobar .logo{width:5.15625rem;height:auto;cursor:pointer}.toobar .header-tab-container{flex-grow:0;margin-left:5%}.toobar .header-tab-container .layout .tab{font-size:.84375rem;font-weight:700;line-height:1.453125rem;color:#636468;color:var(--register-btn-color);cursor:pointer}.toobar .header-tab-container .layout .active{color:#3e5ff1!important}.toobar .header-tab-container .layout .underline{height:.1875rem;background:#3e5ff1;border-radius:10px}.toobar .header-tab-container-zh{flex-basis:15%;max-width:15%}.toobar .header-tab-container-en{flex-basis:18%;max-width:18%}.toobar .pad-user-info{position:absolute}.toobar .userinfo-login-sm{right:10.40625rem;flex-basis:25%;flex-grow:0;max-width:25%}.toobar .userinfo-login-post-sm{right:9.65625rem;flex-basis:18%;flex-grow:0;max-width:18%}.toobar .userinfo-unlogin-sm{right:10.40625rem;flex-basis:26%;flex-grow:0;max-width:26%;min-width:26%}.toobar .userinfo-unlogin-post-sm{right:10.40625rem;flex-basis:17%;flex-grow:0;max-width:17%;min-width:17%}.toobar .login-btn{background-color:#fcfcfc!important;background-color:var(--header-bg-color)!important;border-radius:6px!important;color:#3e5ff1!important;border:1px solid #3e5ff1}.toobar .login-btn,.toobar .register-btn{padding:.9375rem;font-size:.84375rem!important;min-width:4.125rem!important;min-height:2.0625rem!important}.toobar .register-btn{border:none;border-radius:6px!important;color:#636468!important;color:var(--register-btn-color)!important;background-color:#f3f3f3!important;background-color:var(--register-btn-bg-color)!important}.toobar .upload-btn{padding:.9375rem;background-color:#3e5ff1!important;border-radius:6px!important;font-size:.84375rem!important;color:#fff!important;min-width:4.125rem!important;min-height:2.0625rem!important}.toobar .menu-btn{padding:0!important;line-height:2.25rem;color:#636468!important;height:3.28125rem!important;max-width:2.34375rem!important;min-width:2.34375rem!important}.toobar .menu-btn .span-1{font-size:1.21875rem!important;font-weight:700}.toobar .menu-btn:before{background-color:transparent!important}.toobar .notice-btn-container{width:3.046875rem;height:3.28125rem;flex-grow:0}.toobar .notice-btn-container .notice-btn{position:relative;border-radius:7px;cursor:pointer;max-width:2.578125rem;min-width:2.578125rem;max-height:2.578125rem;min-height:2.578125rem}.toobar .notice-btn-container .notice-btn .bell-img{max-width:2.578125rem}.toobar .notice-btn-container .notice-btn .notice-badge{background-color:red;color:#fff;border-radius:50%;font-size:12px;transform:scale(.8);padding:2px;position:absolute;top:.28125rem;right:.234375rem;width:24px;height:24px;display:flex;justify-content:center;text-align:center;align-items:center}.toobar .dark-theme{position:absolute;right:7.40625rem;width:2.0625rem;max-width:2.0625rem;cursor:pointer}.toobar .dark-theme-post-margin{margin-left:.515625rem}.toobar .lang-block{position:absolute;right:0}.toobar .lang-block .lang-menu-btn{width:6.46875rem;min-height:2.0625rem;padding:.5625rem 0 .5625rem .1875rem!important;color:#636468!important;color:var(--register-btn-color)!important;background-color:#e5e5e5;background-color:var(--preset-input-bg-color);border-radius:6px}.toobar .lang-block .lang-menu-btn .v-btn__content img{width:1.3125rem;margin-right:.140625rem}.toobar .lang-block .lang-menu-btn .v-btn__content .v-divider{border-right-width:2px;margin-right:.140625rem;border-color:#636468;border-color:var(--register-btn-color)}.toobar .lang-block .lang-menu-btn .span-2{font-size:.84375rem!important}.toobar .lang-block .lang-menu-btn .mdi-chevron-down{font-size:1.125rem}.toobar .lang-block .lang-menu-btn:before{background-color:transparent!important}.userinfo-font-color{color:#636468;color:var(--register-btn-color);text-align:center;height:1.40625rem!important;line-height:1.40625rem!important;font-size:.84375rem!important;font-weight:500!important}.userinfo-font-color:hover{background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:3px}.font-color-DB6060{color:#db6060!important;text-align:center;height:1.40625rem!important;line-height:1.40625rem!important;font-size:.84375rem!important}.font-color-DB6060:hover{background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:3px}.user-menu-block{margin-left:1.875rem!important}.menu-line{width:80%;margin:0 auto}.name-circle{width:2.0625rem!important;height:2.0625rem!important;min-width:2.0625rem!important;border-radius:50%;box-shadow:0 .140625rem .28125rem rgba(0,0,0,.16)}.name-circle .headline-1{font-size:.9375rem!important;font-weight:400;line-height:2rem;letter-spacing:normal!important;font-family:Roboto,sans-serif!important;font-weight:700}.name-circle2{width:2.8125rem!important;height:2.8125rem!important;min-width:2.8125rem!important;border-radius:50%;box-shadow:0 .140625rem .28125rem rgba(0,0,0,.16)}.name-circle2 .headline-2{font-size:1.21875rem!important;font-weight:400;line-height:2rem;letter-spacing:normal!important;font-family:Roboto,sans-serif!important;font-weight:700}.layer-list-item-block{background-color:#fff!important;background-color:var(--menu-bg-color)!important;color:#000!important}.v-list-item--link:before{background-color:transparent!important}.list-item-block:before{background-color:#fff!important;background-color:var(--white-bg-color)!important;color:#000!important}.list-item-text{font-size:.84375rem!important;text-align:center;line-height:.9375rem!important;color:#636468;color:var(--register-btn-color)}.list-item-text:hover{color:#3e5ff1!important}.my-info-list .span-2{font-size:1.359375rem;color:#4f525e;color:var(--preset-title-color);font-weight:700;max-width:90%;text-align:center;overflow:hidden;display:inline-block;width:auto;text-overflow:ellipsis;white-space:nowrap}.v-main{margin-top:4.6875rem}.footer-container .feedback-menu-btn{position:fixed;right:10px;width:2.109375rem;height:2.109375rem;background:#fff;background:var(--white-bg-color);border-radius:50%;cursor:pointer}.footer-container .bottom-20{bottom:20px}.footer-container .preset-to-top{bottom:75px}.footer-container .feedback-menu-btn:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.footer-menu{width:14.53125rem;padding:.703125rem .234375rem}.feedback-card,.footer-menu{background-color:#fff!important;background-color:var(--white-bg-color)!important}.feedback-card{box-shadow:none!important}.feedback-card .footer-title{margin-bottom:.46875rem;padding:10px 0;font-size:1.03125rem;font-weight:700;line-height:1.2em;color:#707070;color:var(--feedbcak-color);cursor:pointer}.feedback-card .footer-title .v-icon{margin-right:.1875rem}.feedback-card .footer-title:hover{background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border-radius:4px}.feedback-card .desc{margin-top:.28125rem;font-size:.75rem;color:#9b9dab;line-height:1.1em;text-align:center}.feedback-card a:hover{color:#3e5ff1}.feedback-card .copy-btn{font-size:.75rem;height:1.171875rem!important;max-width:2.25rem!important;min-width:2.25rem!important;margin-left:.46875rem;background:#fff!important;background:var(--white-bg-color)!important;color:#3e5ff1;border:1px solid #3e5ff1;border-radius:4px}.feedback-card-dialog{padding:.9375rem}body{margin:0 auto;max-width:1920px}.main-content-container{width:100%;height:100%;display:flex;justify-content:center;flex-wrap:nowrap!important;padding-top:.9375rem}.content-block{display:flex;justify-content:center;flex-wrap:nowrap;max-width:74.0625rem;width:74.0625rem}.content-block .search-count{font-size:.75rem;font-weight:400!important;color:#4f525e!important;margin-bottom:0;padding:0 .9375rem}.content-block .show-margin{margin-top:.9375rem}.content-block .row-1{width:100%;margin-bottom:.9375rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.content-block .row-1 .phone-wrap{flex-grow:0}.content-block .row-1 .select-self-style{height:2.25rem!important;padding-left:.5625rem!important;padding-right:.5625rem!important;font-size:.84375rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:2.25rem;margin-bottom:0;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);outline:none;border-radius:6px;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll #f5f5f5 93%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll var(--filter-btn-bg-color) 93%}.content-block .row-1 .select-self-style span{text-align:left;display:inline!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-block .row-1 .select-self-style .icon-1{position:absolute;right:0}.content-block .row-1 .no-ellipsis-select-btn{background-size:6.7%;width:9.234375rem}.content-block .row-1 .ellipsis-select-btn-1{margin-left:.703125rem;justify-content:flex-start;background-size:9%;width:7.03125rem}.content-block .row-1 .ellipsis-select-btn-1 span{max-width:5.15625rem}.content-block .row-1 .select-en-1ength{width:11.25rem!important}.content-block .row-1 .select-self-style:before{background-color:#fafafa!important}.content-block .row-1 .self-btn-1{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .703125rem;font-size:.84375rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.453125rem;margin-bottom:0;height:2.25rem;width:4.640625rem;background:#f5f5f5;background:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:6px}.content-block .row-1 .self-btn-1 img{width:.609375rem!important;height:.84375rem!important;margin-right:.609375rem}.content-block .row-1 .self-btn-1-default{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;height:2.25rem;width:4.640625rem;padding:0 .703125rem;font-size:.84375rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:.984375rem;margin-bottom:0;background:transparent;border-radius:6px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color)}.content-block .row-1 .self-btn-1-default img{width:.609375rem!important;height:.84375rem!important;margin-right:.609375rem}.content-block .row-1 .filter-card-list-change-block{flex-grow:0}.content-block .row-1 .filter-card-list-change-block .card-list-change-block{width:4.3125rem;height:2.25rem;margin-left:.46875rem;border-radius:6px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);padding:1px}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block{display:flex;justify-content:center;align-items:center;cursor:pointer}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block img{width:1.21875rem;vertical-align:middle}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block-active{background:#d0d7f4;background:var(--change-style-gb-color);border-radius:5px}.content-block .row-1 .input-container{position:relative;width:35.15625rem}.content-block .row-1 .input-container input{width:100%;height:2.25rem;padding:0 2.34375rem 0 .9375rem;background:#fcfcfc;background:var(--header-bg-color);color:#636468;color:var(--register-btn-color);border-radius:7px;outline:none}.content-block .row-1 .input-container img{position:absolute;height:1.6875rem;right:.703125rem;top:.234375rem}.content-block .selections-block{display:flex;flex-wrap:wrap}.content-block .selections-block .selection-block{display:flex;flex-direction:column;margin-right:1.59375rem}.content-block .selections-block .selection-block .filter-title{width:8.4375rem;font-size:.84375rem;font-weight:500;line-height:.84375rem;color:#4f525e;color:var(--preset-title-color)}.content-block .selections-block .selection-block .v-btn__content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:4.6875rem;line-height:.75rem}.content-block .selections-block .selection-block .select-self-style-2{padding-left:.609375rem!important;padding-right:.28125rem!important;width:6.9375rem!important;height:1.875rem!important;font-size:.75rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.265625rem;margin-bottom:0;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);outline:none;text-transform:capitalize;letter-spacing:0;border-radius:6px;margin-top:.375rem;justify-content:flex-start;text-align:left;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll #f5f5f5 93%/6.6%!important;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll var(--filter-btn-bg-color) 93%/6.6%!important}.content-block .selections-block .selection-block .select-self-style-2 .icon-1{position:absolute;right:0;font-size:.890625rem}.content-block .selections-block .selection-block .select-self-style-2:before{background-color:#fafafa!important}.content-block .hot-tag-list{display:flex;flex-direction:column;margin-top:.9375rem}.content-block .hot-tag-list h3{font-size:.84375rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.453125rem;margin-bottom:0;padding-right:.84375rem}.content-block .hot-tag-list div{display:flex;flex-wrap:wrap}.content-block .hot-tag-list div p{margin-top:.234375rem;min-width:4.125rem;line-height:1.875rem;margin-right:.75rem;border-radius:4px;border:1px solid #d1d2d4;border:1px solid var(--filter-tag-bd-color);font-size:.75rem;font-weight:400;color:#88898d!important;color:var(--filter-tag-color)!important;line-height:1.5rem;margin-bottom:0;height:1.5rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 .234375rem}.content-block .hot-tag-list div p:hover{border:1px solid #88898d;border:1px solid var(--filter-tag-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.content-block .hot-tag-list div .acticon{background:#3e5ff1!important;font-size:.75rem;font-weight:400;color:#fff!important;line-height:1.5rem;margin-bottom:0;border-radius:7px;border:none}.content-block .check-block{margin-top:.9375rem}.content-block .check-block h3{font-size:.84375rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.453125rem;margin-bottom:0;padding-right:.84375rem}.content-block .check-block .checkboxs .custom-checkbox{margin-top:.234375rem!important;padding-top:0!important}.content-block .check-block .checkboxs .custom-checkbox label{color:#88898d!important;color:var(--filter-btn-color)!important}.content-block .check-block .checkboxs .custom-checkbox-right{margin-left:.46875rem}.content-block .page-item{margin:20px 0 50px;display:flex;justify-content:center}.content-block .hand-hover{cursor:pointer}.content-block-s{display:flex;justify-content:center;flex-wrap:nowrap;width:56.25rem}.index-banner-container{max-width:74.0625rem;width:74.0625rem;margin:0 auto}.index-banner-container .img-container{position:relative;height:20.625rem;margin-top:2.34375rem}.index-banner-container .img-container .behind-img-container{position:relative;height:17.53125rem;flex-basis:48%;flex-grow:0;max-width:48%;margin-top:1.546875rem}.index-banner-container .img-container .behind-img-container .v-image{height:17.53125rem;border-radius:29px}.index-banner-container .img-container .behind-img-container .behind-layer{position:absolute;width:100%;height:17.53125rem;background-color:#000;z-index:1;border-radius:29px;opacity:.3}.index-banner-container .img-container .current-img-container{position:absolute;top:0;width:100%;z-index:2;cursor:pointer}.index-banner-container .img-container .current-img-container .hover-block{display:flex;justify-content:center;align-items:center;height:17.53125rem;width:3.75rem;cursor:pointer}.index-banner-container .img-container .current-img-container .left-hover-block:hover .left-icon,.index-banner-container .img-container .current-img-container .right-hover-block:hover .right-icon{visibility:visible;opacity:1}.index-banner-container .img-container .current-img-container .img-change-icon{opacity:0;visibility:hidden;transition:visibility 0s,opacity .5s linear;height:2.34375rem;font-size:2.34375rem}.index-banner-container .img-container .current-img-container .v-image{width:66.28125rem;max-width:66.28125rem;height:20.625rem;border-radius:31px}.index-banner-container .img-index-container{margin-top:1.40625rem}.index-banner-container .img-index-container .img-index{width:.703125rem;height:.703125rem;background:#aeaeae;border-radius:100%;cursor:pointer}.index-banner-container .img-index-container .img-index-margin{margin-right:.890625rem}.index-banner-container .img-index-container .index-active{background:#3e5ff1}.homepage .index-banner-container{position:relative;width:100%!important;max-width:100%!important}.homepage .index-banner-container .img-container{height:30.46875rem!important;margin-top:0!important}.homepage .index-banner-container .img-container .behind-img-container{display:none!important}.homepage .index-banner-container .img-container .current-img-container .left-hover-block{left:.28125rem;position:absolute;width:1.59375rem;height:1.59375rem;z-index:9}.homepage .index-banner-container .img-container .current-img-container .right-hover-block{right:.28125rem;position:absolute;width:1.59375rem;height:1.59375rem;z-index:9}.homepage .index-banner-container .img-container .current-img-container .v-image{width:100%!important;max-width:100%!important;height:30.46875rem!important;border-radius:0!important}.homepage .index-banner-container .img-container .current-img-container .img-change-icon{opacity:1;visibility:visible;height:34px;font-size:34px}.homepage .index-banner-container .img-index-container{position:absolute;width:100%;bottom:1.171875rem;margin-top:0;z-index:9}.homepage .index-container .index-row{width:100%;position:relative}.homepage .index-container .index-row-height{height:28.125rem}.homepage .index-container .index-row-height-auto{height:auto}.homepage .index-container .preset .avatar{border-radius:50%;color:#fff;text-align:center}.homepage .index-container .preset .avatar-large{max-width:2.34375rem;width:2.34375rem;height:2.34375rem;font-size:.84375rem;line-height:2.34375rem}.homepage .index-container .preset .avatar-s{max-width:1.875rem;width:1.875rem;height:1.875rem;font-size:.75rem;line-height:1.875rem}.homepage .index-container .preset .preset-text{margin-left:.65625rem;max-width:10.96875rem}.homepage .index-container .preset .preset-text .main-preset-name{max-width:100%;margin-left:0}.homepage .index-container .preset .preset-text .preset-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65625rem;color:#8c8f9f;color:var(--date-color)}.homepage .index-container .preset .name{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:.5625rem;font-size:.75rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.homepage .index-container .preset-list{padding-left:2.34375rem}.homepage .index-container .preset-list .preset-in-list{position:relative;padding:0 .234375rem;margin-bottom:.375rem}.homepage .index-container .preset-list .preset-in-list .num-stat{position:absolute;right:0}.homepage .index-container .preset-list .preset-in-list .num-stat div{min-width:3.046875rem}.homepage .index-container .preset-list .preset-in-list .num-stat div img{height:.65625rem;vertical-align:middle}.homepage .index-container .preset-list .preset-in-list .num-stat div span{font-size:.609375rem;color:#97989e;color:var(--preset-list-desc-color)}.homepage .index-container .forum-index-discussions-container{margin-top:1.40625rem}.homepage .index-container .forum-index-discussions-container .index-discussion{width:100%}.index-content{width:56.25rem;height:100%;margin:0 auto}.index-content h2{font-size:.984375rem}.index-content h2,.index-content p{color:#636468;color:var(--register-btn-color)}.index-content p{font-size:.796875rem}.index-content .text-flex{padding-right:10px}.index-content .img-flex{padding-left:10px}.index-content .upload-img{width:80%}.index-content .learn-more{display:flex;font-size:.796875rem;color:#3e5ff1}.index-content .learn-more span{display:inline-block;margin-right:-.09375rem}.index-content .learn-more .v-icon{color:#3e5ff1}.index-content .preset-cover{border-radius:12px}.package-news-container{width:56.25rem;max-width:56.25rem;margin:.9375rem auto;padding:2.53125rem 3.75rem;background:#fff;background:var(--white-bg-color);border-radius:14px}.package-news-container .preview-date{font-size:.9375rem;color:#4f525e;color:var(--preset-title-color)}.package-news-container .cover-img{width:100%;height:15.140625rem;margin-top:.46875rem;border-radius:31px}.package-news-container .package-desc{margin-top:1.265625rem;word-break:break-word}.package-news-container .package-desc p{margin-bottom:5px;font-size:.9375rem}.package-news-container .package-desc p,.package-news-container .package-desc p span{color:#4f525e;color:var(--preset-title-color)}.package-news-container .package-desc p .text-big{font-size:1.4em}.package-news-container .package-desc p .text-huge{font-size:1.8em}.package-news-container .all-download-btn-container{text-align:right}.package-news-container .all-download-btn-container .all-download-btn{color:#fff;border-radius:8px;font-size:.703125rem}.package-news-container .author-preset{margin-top:1.640625rem}.package-news-container .author-preset .author-col{display:flex;flex-wrap:wrap}.package-news-container .author-preset .author-col .avatar{width:4.21875rem;height:4.21875rem;margin:0 .328125rem .46875rem 0;border-radius:31px;color:#fff;text-align:center;line-height:4.21875rem;font-size:1.40625rem;cursor:pointer}.package-news-container .author-preset .preset-col .preset-list .preset{display:flex;align-items:center;justify-content:space-between;font-size:.9375rem;padding:.375rem .234375rem;color:#88898d;color:var(--filter-btn-color)}.package-news-container .author-preset .preset-col .preset-list .preset .preset-name{width:85%;cursor:pointer;word-break:break-word}.package-news-container .author-preset .preset-col .preset-list .preset .player-container{position:relative;width:1.3125rem!important;height:1.3125rem!important;margin-right:.46875rem;cursor:pointer}.package-news-container .author-preset .preset-col .preset-list .preset .player-container .v-image{width:1.3125rem!important;height:1.3125rem!important;max-width:1.3125rem;position:absolute;top:0;left:0;z-index:7}.package-news-container .author-preset .preset-col .preset-list .preset .player-container .v-progress-circular{position:absolute;width:1.3125rem!important;height:1.3125rem!important;z-index:6}.package-news-container .author-preset .preset-col .preset-list .preset .anticon{width:.9375rem;height:.9375rem}.v-list-block{background-color:transparent!important;color:#000!important}.v-list-block .v-list-item{color:#636468;color:var(--register-btn-color);text-align:left;line-height:30px!important;text-transform:capitalize;font-weight:400!important}.v-list-block .v-list-item .v-input--checkbox{width:100%}.v-list-block .active-color{color:#3e5ff1!important}.v-list-block .v-list-item:hover{background-color:#f3f3f3!important;background-color:var(--register-btn-bg-color)!important;border-radius:3px}.v-list-block:before{background-color:#fff!important;background-color:var(--white-bg-color)!important;color:#000!important}.font-18{font-size:.84375rem!important}.font-16{font-size:.75rem!important}.ant-pagination-prev{display:inline-block;width:5.015625rem;height:2.0625rem;margin-right:.75rem;line-height:1.96875rem;font-size:.9375rem!important;text-align:center;vertical-align:middle;list-style:none;background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:7px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-pagination-prev a{padding:0;font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-prev:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-next{display:inline-block;width:5.015625rem;height:2.0625rem;margin-left:.375rem;line-height:1.96875rem;font-size:.9375rem!important;text-align:center;vertical-align:middle;list-style:none;background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:7px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-pagination-next a{padding:0 .46875rem;font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-next:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-item-active{border-color:#1753e1!important}.ant-pagination-item-active a{color:#1753e1!important}.ant-pagination-item{background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);height:2.0625rem!important;width:2.203125rem!important;font-size:.9375rem!important;line-height:1.96875rem;border-radius:7px!important}.ant-pagination-item a{font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-item a:hover{color:#636468!important;color:var(--register-btn-color)!important}.ant-pagination-item:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-disabled{border-color:rgba(0,0,0,.25)!important}.ant-pagination-item-link{color:#1753e1!important}.ant-pagination-item-ellipsis{color:#88898d!important;color:var(--filter-btn-color)!important}.ant-pagination-disabled{opacity:.7}.mdi-checkbox-blank-outline{color:#88898d!important;color:var(--filter-btn-color)!important}.message-container{width:56.25rem;margin:10px auto 0}.message-container .page-title{font-size:1.125rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.message-container .message-box{margin-top:.46875rem;height:33.984375rem;background-color:#fff;background-color:var(--white-bg-color);border-radius:2px;box-shadow:0 3px 6px 1px rgba(0,0,0,.03)}.message-container .message-box .message-user .chat-user-container{height:28.125rem;padding-bottom:10px;overflow-y:scroll}.message-container .message-box .message-user .chat-user-container .chat-user-item{padding:.75rem 1.40625rem;position:relative;cursor:pointer}.message-container .message-box .message-user .chat-user-container .chat-user-item .avatar-container{position:relative}.message-container .message-box .message-user .chat-user-container .chat-user-item .avatar-container .badge{position:absolute;width:.65625rem;height:.65625rem;border-radius:50%;background-color:red;top:0;right:0}.message-container .message-box .message-user .chat-user-container .chat-user-item .date{position:absolute;right:1.40625rem;top:.75rem;font-size:.65625rem;color:#636468}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info{margin-left:.65625rem}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .name{max-width:7.5rem;font-size:.84375rem;color:#4f525e;color:var(--preset-title-color)}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .message{max-width:10.78125rem;font-size:.75rem;color:#636468}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .over-flow-hiden{height:1.5em;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.message-container .message-box .message-user .chat-user-container .active-item{background-color:#f8f8f8;background-color:var(--tag-bg-color)}.message-container .message-box .message-content .chat-content-container{height:18.75rem;padding:.46875rem;overflow-y:scroll}.message-container .message-box .message-content .chat-content-container .chat-item .chat-time{text-align:center;color:#c1c1c3;font-size:.65625rem;margin-bottom:.28125rem}.message-container .message-box .message-content .chat-content-container .chat-item .message{margin-bottom:.28125rem;padding:.375rem;border-radius:8px;font-size:.75rem;word-break:break-word}.message-container .message-box .message-content .chat-content-container .chat-item .message img{display:block;width:6.890625rem}.message-container .message-box .message-content .chat-content-container .chat-item .reciver-message{margin-left:.375rem;background:#f8f8f8;background:var(--tag-bg-color);color:#636468;color:var(--register-btn-color)}.message-container .message-box .message-content .chat-content-container .chat-item .sender-message{margin-right:.375rem;background:#3e5ff1;color:#fff}.message-container .message-box .message-content .chat-content-container .chat-item .message-width{max-width:65%}.message-container .message-box .message-content .chat-input-container{padding:0 .65625rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input{margin-top:.46875rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input .mdi-image-plus-outline{margin-left:.46875rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input .v-icon{font-size:1.125rem;color:#4f525e}.message-container .message-box .message-content .chat-input-container .text-input{margin-top:.46875rem;height:5.15625rem;font-size:.75rem;line-height:.9375rem;outline:none;overflow-y:scroll;color:#636468;color:var(--register-btn-color)}.message-container .message-box .message-content .chat-input-container .text-input img{width:9.375rem;height:auto;vertical-align:bottom}.message-container .message-box .message-content .chat-input-container .send-btn{margin-top:.5625rem}.message-container .message-box .message-content .chat-input-container .send-btn .v-btn{color:#fff;border-radius:6px;font-size:.84375rem;height:2.0625rem;min-width:3.75rem}.message-container .message-box .avatar{width:2.25rem;min-width:2.25rem;height:2.25rem;border-radius:31px;color:#fff;text-align:center;line-height:2.25rem;font-size:.9375rem}.message-container .message-box-header{height:4.6875rem}.message-container .search-input{position:relative;padding:1.078125rem 1.40625rem}.message-container .search-input input{width:100%;height:2.53125rem;padding:0 .9375rem;background:#f8f8f8;background:var(--tag-bg-color);color:#636468;color:var(--register-btn-color);border-radius:6px;outline:none}.message-container .search-input img{position:absolute;height:1.6875rem;left:1.875rem;top:1.40625rem}.message-container .message-detail-header{padding:0 .65625rem;margin-left:.46875rem}.message-container .message-detail-header .name{margin-left:.65625rem;font-size:1.3125rem;font-weight:500;color:#4f525e;color:var(--preset-title-color)}.emoji-list{width:9.84375rem;padding:.46875rem}.emoji-list .emoji-item{height:1.5em;font-size:.796875rem;text-align:center;line-height:1.5em;cursor:pointer;transition:.3s}.emoji-list .emoji-item:hover{transform:scale(1.2)}.white-bg{background-color:#fff;background-color:var(--white-bg-color)}.v-menu__content .notice-list-info-title{font-size:.75rem;color:#141414;color:var(--black-title-2);padding-left:16px}.v-menu__content .notice-list-container{max-height:340px;overflow-y:auto}.v-menu__content .notice-list-container::-webkit-scrollbar{width:4px}.v-menu__content .notice-list-container::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.v-menu__content .notice-list-container::-webkit-scrollbar-track{border-radius:0;background:#fff}.v-menu__content .notice-footer{position:fixed;bottom:0;width:100%;height:38px;color:#949494;color:var(--tag-color);cursor:pointer}.notice-list-title .produce-name{overflow:hidden;text-overflow:ellipsis;color:#141414;color:var(--black-title-2)}.notice-list-title .produce-name-comment{max-width:70%}.notice-list-title .produce-name-focus{max-width:90%}.notice-list-title .produce-name-collect{max-width:60%}.notice-list-title .notice-date{float:right;font-size:12px;opacity:.5}.notice-list-title .notice-date,.notice-list-title .system{color:#141414;color:var(--black-title-2)}.notice-list-subtitle .notice-content .replied-comment-content{display:inline-block;max-width:90%;overflow:hidden;text-overflow:ellipsis;color:#141414;color:var(--black-title)}.notice-list-subtitle .notice-content .comment-content{display:inline-block;width:100%;padding:5px 6px;background-color:#f8f8f8;background-color:var(--tag-bg-color);color:#949494;color:var(--tag-color);border-radius:4px;text-align:justify;white-space:normal;line-height:2em}.notice-list-subtitle .private-message{font-size:.75rem;color:#97989e;color:var(--preset-list-desc-color)}.user-login-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:80}.user-login-container .user-login-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.user-login-container .user-login-card{position:relative;width:100%;max-width:56.25rem;padding:2.578125rem 3.75rem;background:#fff;background:var(--white-bg-color);z-index:99;margin-left:auto;margin-right:auto;margin-top:5.625rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .chacha{width:1.21875rem!important;height:1.171875rem!important;position:absolute;right:10px;top:-30px;z-index:100;cursor:pointer}.user-login-container .user-login-card .card-right{width:27.65625rem;height:100%;position:relative}.user-login-container .user-login-card .card-right .card-img{width:100%}.user-login-container .user-login-card .card-right .login-slogan{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;font-weight:700;text-align:center}.user-login-container .user-login-card .card-right .login-slogan p{margin-bottom:.375rem}.user-login-container .user-login-card .card-title{font-size:1.3125rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:2.25rem;margin-bottom:0}.user-login-container .user-login-card .card-subtitle{font-size:.65625rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:.9375rem;margin-bottom:0}.user-login-container .user-login-card .subtitle-width{width:15.9375rem}.user-login-container .user-login-card .card-user-title{font-size:.75rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.265625rem;margin:1.40625rem 0 .5625rem}.user-login-container .user-login-card .card-user-input{width:15.9375rem;height:1.875rem;padding-left:.65625rem;background:#f5fbff;background:var(--login-input-bg-color);border-radius:5px;font-size:.75rem;font-weight:500;color:#141414!important;color:var(--black-title-2)!important;line-height:.65625rem;margin-bottom:0}.user-login-container .user-login-card .forget-password{margin:1.40625rem 0 .5625rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .forget-password .forget-tip{font-size:.65625rem;font-weight:500;color:#3e5ff1!important;line-height:.9375rem;margin-bottom:0;cursor:pointer}.user-login-container .user-login-card .forget-password .forget-title{font-size:.75rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.265625rem;margin-bottom:0}.user-login-container .user-login-card .card-user-login-btn{width:15.9375rem;height:2.109375rem!important;margin-top:1.828125rem;background:#3e5ff1!important;border-radius:5px;font-size:.75rem;font-weight:400;color:#fff!important;line-height:1.265625rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-login-container .user-login-card .card-user-no-acount{margin-top:1.03125rem;font-size:.75rem;font-weight:400;color:#97989e!important;line-height:1.265625rem;margin-bottom:0;text-align:center}.user-login-container .user-login-card .card-user-register-btn{width:15.9375rem;height:2.109375rem!important;margin-top:.46875rem;background:#fff!important;border:1px solid #3e5ff1;border-radius:5px;font-size:.75rem;font-weight:400;color:#3e5ff1!important;line-height:1.265625rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.register-container{width:100%;height:100%;background:#fff;background:var(--white-bg-color)}.go-to-index{padding-top:1.875rem;padding-left:22.9%;margin-top:0!important}.go-to-index i{width:.328125rem!important;height:.609375rem!important}.go-to-index .link-a{padding-left:.46875rem;font-size:.9375rem;font-weight:400;color:#141414!important;color:var(--black-title)!important;line-height:1.59375rem;margin-bottom:0}.user-register-card{width:100%;padding:2.296875rem 22.9% 0;z-index:99;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:nowrap!important}.user-register-card .card-right{position:relative;margin-left:1.875rem}.user-register-card .card-right .card-img{width:27.65625rem;height:auto}.user-register-card .card-right .login-slogan{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;font-weight:700;text-align:center}.user-register-card .card-right .login-slogan p{margin-bottom:.375rem}.user-register-card .card-title{font-size:1.3125rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:2.25rem;margin-bottom:0}.user-register-card .card-subtitle{font-size:.65625rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:.9375rem;margin-bottom:0}.user-register-card .card-user-title{font-size:.75rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.265625rem;margin:1.40625rem 0 .5625rem}.user-register-card .card-user-input{width:15.9375rem;height:1.875rem;padding-left:.65625rem;background:#f5fbff;background:var(--login-input-bg-color);border-radius:5px;font-size:.703125rem;font-weight:500;color:#141414!important;color:var(--black-title-2)!important;line-height:.65625rem;margin-bottom:0}.user-register-card .card-user-subtitle{font-size:.5625rem;font-weight:500;color:#414141!important;line-height:.9375rem;margin-bottom:0;padding:.46875rem 0 .375rem}.user-register-card .card-user-login-btn{width:15.9375rem;height:2.109375rem!important;background:#3e5ff1!important;border-radius:5px;font-size:.84375rem;font-weight:400;color:#fff!important;line-height:1.265625rem;margin-bottom:0;font-size:.75rem!important;text-transform:capitalize;letter-spacing:0}.user-register-card .red-tip{text-align:right;margin-top:.140625rem}.user-register-card .red-tip span{color:#e60000;font-size:.5625rem;display:inline-block}.user-register-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-register-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-register-card .muti-col-title{display:flex;justify-content:space-between;align-items:center;margin:1.40625rem 0 .5625rem}.user-register-card .muti-col-title p:first-child{font-size:.75rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.265625rem;margin-bottom:0}.user-register-card .muti-col-title p:nth-child(2){display:inline-block;padding:0 0 0 .28125rem;font-size:.5625rem;font-weight:300;color:#414141!important;color:var(--user-color)!important;line-height:.65625rem;margin-bottom:0;max-width:9.28125rem;line-height:.84375rem}.user-register-card .muti-col-title .width-en{min-width:7.40625rem}.user-register-card .register-controle{display:flex;justify-content:flex-start;align-items:center;font-size:.75rem;font-weight:400;height:1.125rem;margin:.75rem 0 .65625rem}.user-register-card .register-controle div{color:#272727}.user-register-card .register-controle span{color:#3e5ff1}.user-register-card .register-controle .primary--text{color:#3e5ff1!important}.user-register-card .go-to-login{margin-top:.609375rem}.user-register-card .go-to-login span:first-child{font-size:.75rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:.46875rem;margin-bottom:0}.user-register-card .go-to-login span:nth-child(2){font-size:.75rem;font-weight:400;color:#3e5ff1!important;line-height:.46875rem;margin-bottom:0}.user-register-card .login-width{margin-top:.234375rem!important;width:15.9375rem}.preset-list-container{margin-top:1.40625rem;width:100%}.preset-list-container .preset-sm{width:55.3125rem;max-width:55.3125rem;min-width:55.3125rem}.preset-list-container .preset-list-flex .list-item-block{position:relative;width:17.8125rem;padding:.84375rem .9375rem;margin-bottom:.703125rem;background:#fff;background:var(--white-bg-color);border-radius:8px;cursor:pointer}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo{width:17.765625rem;height:8.953125rem;position:absolute;top:3.28125rem;left:1.875rem;z-index:2;padding:1.3125rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .140625rem .9375rem rgba(0,0,0,.1);border-radius:6px}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1{margin-bottom:0;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left{width:70%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-name{width:2.0625rem!important;height:2.0625rem!important;border-radius:50%;flex-shrink:0;font-size:.890625rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;background-size:cover;background-position:50%}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname{padding-left:.75rem}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p{margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:first-child{width:6.09375rem;font-size:.75rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:nth-child(2){width:6.09375rem;font-size:.75rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{display:none!important;padding:0 .46875rem;line-height:1.875rem!important;background:#3e5ff1;border-radius:6px;height:1.875rem;width:4.125rem;font-size:.84375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-focus{display:block;padding:0 .46875rem;line-height:1.875rem!important;border-radius:6px;height:1.875rem;width:4.125rem;border:.046875rem solid #3e5ff1;font-size:.84375rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{display:none!important;line-height:1.875rem!important;background:#7f8082;border-radius:6px;height:1.875rem;width:4.125rem;font-size:.84375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus{display:block;line-height:1.875rem!important;height:1.875rem!important;border-radius:6px;width:4.125rem;background:#97989e;font-size:.84375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus-hover{display:block!important;padding:0 .46875rem;line-height:1.875rem!important;background:#3e5ff1;border-radius:6px;width:4.125rem;height:1.875rem;font-size:.84375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus{display:none}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus-hover{display:block!important;line-height:1.875rem!important;height:1.875rem!important;width:4.125rem;background:#7f8082;border-radius:6px;font-size:.84375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus{display:none}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .609375rem}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list ul{margin-top:.9375rem;display:flex;flex-direction:column;align-items:center;padding-left:0!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list li{list-style:none;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list .title{font-size:.9375rem;font-weight:700!important;color:#636468!important;font-size:.9375rem!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list .num{font-size:.9375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .card-recommended-icon{position:absolute;top:0;right:0;width:1.078125rem;height:1.875rem}.preset-list-container .preset-list-flex .list-item-block .item-row-1{margin-top:.234375rem;width:100%;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .item-row-1 p{margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu{width:2.109375rem!important;height:2.109375rem!important}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu img{width:100%;height:100%}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu .play-menu-del{font-size:1.125rem;font-weight:400!important;color:#e66666!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .product-media-row{height:1.171875rem}.preset-list-container .preset-list-flex .list-item-block .product-media-row-margin{margin-right:.46875rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .cover-desc-row{margin-top:.234375rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row{margin-top:.703125rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .count{font-size:.75rem;font-weight:400;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:.75rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .learn-more{display:flex;align-items:center;font-size:.75rem;font-weight:400;color:#3e5ff1!important;line-height:.75rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .learn-more .learn-more-icon{font-size:.65625rem;height:1em}.preset-list-container .preset-list-flex .list-item-block .line{margin-top:.703125rem}.preset-list-container .preset-list-flex .list-item-block .state-count{margin-top:.84375rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left{display:flex;justify-content:flex-start;align-items:center}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item{display:flex;justify-content:space-around;align-items:center;font-size:.65625rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;margin-right:.46875rem;height:.890625rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item div{margin-left:.140625rem;height:.890625rem;line-height:.890625rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .opt-icon{width:.9375rem!important;margin-right:.1875rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .download-icon{width:.84375rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .img-share{width:1.21875rem!important;height:.984375rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .img-comment{width:1.21875rem!important;height:1.125rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .praise{width:.984375rem;height:auto;margin-top:-.09375rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .download-img{width:1.03125rem!important;height:1.171875rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item img{width:1.3125rem;height:auto}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .praise:hover{transform:scale(1.1)}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item span{padding-left:.09375rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right img{margin-left:.328125rem;width:.65625rem!important;height:.328125rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right .preset-date{font-size:.65625rem;font-weight:400;color:#9a9a9a!important;color:var(--info-sig-color)!important;line-height:1.125rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.preset-list-container .card-placeholder:after{content:"";width:17.8125rem}.preset-list-container .hot-data-container .hot-data{width:17.8125rem;padding:.65625rem .9375rem 0;background-color:#fff;background-color:var(--white-bg-color);border-radius:8px}.preset-list-container .hot-data-container .hot-data .hot-data-head{padding:0 .609375rem .515625rem}.preset-list-container .hot-data-container .hot-data .hot-data-head div{font-size:.84375rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.preset-list-container .hot-data-container .hot-data .hot-data-head .small-img{width:1.171875rem}.preset-list-container .hot-data-container .hot-data .hot-data-head img{width:.84375rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container{padding:.75rem .375rem .28125rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset{margin-bottom:.46875rem;cursor:pointer}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .circle{width:2.375em;height:2.375em;border-radius:50%;background-position:50%;background-size:cover;text-align:center;line-height:1.828125rem;color:#fff;font-weight:700;font-size:.75rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9em;margin-left:.9375rem;color:#67676a;color:var(--hot-name-color);font-size:.75rem}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags{padding:.234375rem .46875rem .5625rem}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags{margin-top:.328125rem;margin-right:.375rem;padding:.1875rem .3em;border-radius:3px;font-size:.75rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);cursor:pointer}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags:hover{opacity:.8}.preset-list-container .hot-data-container .hot-data-gap{margin-top:.984375rem}.preset-list-container .product{font-size:.65625rem}.preset-list-container .media-symbol{max-width:1.171875rem;width:1.171875rem}.preset-list-container .video-symbol-margin{margin-right:.328125rem}.preset-list-container .media-symbol-margin-left{margin-left:.328125rem}.preset-list-container .preset-name{font-size:.9375rem;font-weight:700;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.734375rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-sub-info{font-size:.84375rem;font-weight:400;color:#8c8f9f!important;line-height:1.59375rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .player-container{position:relative;width:1.3125rem!important;height:1.3125rem!important;margin-right:.46875rem}.preset-list-container .player-container .v-image{width:1.3125rem!important;height:1.3125rem!important;max-width:1.3125rem;position:absolute;top:0;left:0;z-index:7}.preset-list-container .player-container .v-progress-circular{position:absolute;width:1.3125rem!important;height:1.3125rem!important;z-index:6}.preset-list-container .list-cover-img{height:4.40625rem;width:6.609375rem;min-width:6.609375rem;max-width:6.609375rem;margin-right:.46875rem;border-radius:6px}.preset-list-container .list-cover-img-left-margin{margin-left:.46875rem}.preset-list-container .preset-desc{word-break:break-word;font-size:.75rem;font-weight:400;color:#97989e!important;color:var(--preset-list-desc-color)!important;line-height:1.125rem;margin-bottom:0;font-family:Roboto light,sans-serif}.preset-list-container .list-preset-desc{height:3.28125rem;max-height:3.28125rem;-webkit-line-clamp:3}.preset-list-container .card-preset-desc,.preset-list-container .list-preset-desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.preset-list-container .card-preset-desc{height:4.40625rem;max-height:4.40625rem;-webkit-line-clamp:4}.preset-list-container .tone-tag-row{margin-top:.1875rem!important}.preset-list-container .musical-style-tag-row{margin-top:.703125rem;height:1.5rem;overflow:hidden}.preset-list-container .musical-style-tag-row .c-tag{display:flex;align-items:center;padding:0 .5em;height:2em}.preset-list-container .musical-style-tag-row .c-tag img{margin-right:.1875rem;height:1.8em}.preset-list-container .musical-style-tag-row .c-tag span{word-break:keep-all}.preset-list-container .musical-style-tag-row .musical-style-tag{padding:.5em;margin-right:.5em;text-align:center;font-size:.75rem;line-height:1em;border-radius:3px;cursor:pointer}.preset-list-container .musical-style-tag-row .style-tag{font-size:.75rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;background:#f8f8f8;background:var(--tag-bg-color)}.preset-list-container .musical-style-tag-row .musical-style-tag:hover{opacity:.8}.preset-list-container .name-date{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .name-date .circle{width:2.0625rem!important;height:2.0625rem!important;min-width:2.0625rem;border-radius:50%;font-size:.84375rem;font-weight:700;color:#fff!important;line-height:2.0625rem;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.preset-list-container .name-date .name-date-for{margin-left:.5625rem}.preset-list-container .name-date .name-date-for p:first-child{font-size:.75rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.265625rem;margin-bottom:0;max-width:10.546875rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preset-list-container .name-date .name-date-for p:nth-child(2){font-size:.75rem;font-weight:400;color:#8c8f9f!important;color:var(--date-color)!important;line-height:1.265625rem;margin-bottom:0}.preset-list-container .name-date .name-date-list{width:4.5rem}.preset-list-container .download-btn{padding:0 1.40625rem;border-radius:4px;width:4.40625rem;height:1.5rem!important;font-size:.75rem!important;color:#fff!important}.preset-list-container .download-btn .v-btn__content{line-height:1em}.preset-list-container .download-btn:hover{background:#4c6cfb}.preset-list-container .preset-list-style-container .list-item-block{position:relative;padding:.5625rem 1.125rem;margin-bottom:.703125rem;border-radius:8px;background:#fff;background:var(--white-bg-color)}.preset-list-container .preset-list-style-container .list-item-block .list-recommended-icon{position:absolute;top:0;left:0;width:1.078125rem;height:1.875rem}.preset-list-container .preset-list-style-container .list-item-block .list-media-symbol-row{height:1.125rem}.preset-list-container .preset-list-style-container .list-item-block .list-media-symbol-row-margin-left{margin-left:.46875rem}.preset-list-container .preset-list-style-container .list-item-block .preset-list-desc-container{display:flex;align-items:center;margin-bottom:0;max-height:4.40625rem}.preset-list-container .preset-list-style-container .list-item-block .preset-list-desc-container span{height:auto}.preset-list-container .preset-list-style-container .list-item-block .player-container{margin-right:1.078125rem}.preset-list-container .preset-list-style-container .list-item-block .cover-img{margin-left:.46875rem;margin-right:0}.preset-list-container .preset-list-style-container .list-item-block .name-download-row{margin-bottom:.46875rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row{margin-top:.46875rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item{display:flex;align-items:center}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item .opt-icon{width:.84375rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item .num{margin-left:.140625rem;font-size:.65625rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.preset-list-container .preset-list-style-container .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.preset-list-container .preset-list-style-container .list-item-block-bottom-margin{margin-bottom:2.8125rem}.preset-list-container .preset-list-style-container .preset-list-style-left{padding-right:1.5%}.preset-list-container .preset-list-style-container .preset-list-style-center{padding:0 1.5%}.preset-list-container .preset-list-style-container .preset-list-style-right{padding-left:1.5%}.preset-list-container .preset-loading-container .loading-container{width:55.3125rem;max-width:55.3125rem;min-width:55.3125rem}.preset-list-container .preset-loading-container .card-loading-item{width:17.8125rem;padding:1.125rem 1.453125rem 0;margin-bottom:1.078125rem;background:#fff;background:var(--white-bg-color);border-radius:14px;min-height:200px}.preset-list-container .preset-loading-container .list-loading-item{width:100%;height:5.765625rem;padding:.5625rem .65625rem;margin-bottom:.515625rem;background:#fff;background:var(--white-bg-color);border-radius:8px}.preset-list-container .preset-loading-container .circle{max-width:2.15625rem;min-width:2.15625rem;height:2.15625rem}.preset-list-container .preset-loading-container .height-20{height:.9375rem}.preset-list-container .preset-loading-container .height-23{height:1.078125rem}.preset-list-container .preset-loading-container .height-42{height:1.96875rem}.preset-list-container .preset-loading-container .height-47{height:2.203125rem}.preset-list-container .three-column-flex{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.preset-list-container .three-column-flex:after{content:"";width:65%!important}.preset-list-container .three-column-flex .three-column-item{width:32.4%!important;padding-top:0}.preset-list-container .three-column-flex .three-column-item .circle-mycollect{width:1.875rem!important;height:1.875rem!important;min-width:1.875rem;background:#71b47f;border-radius:50%;font-size:.75rem;font-weight:700;color:#fff!important;line-height:1.875rem;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.preset-list-container .three-column-flex .three-column-item .line{margin-top:.65625rem!important}.preset-list-container .three-column-flex .flex-gap{margin-right:.703125rem}.preset-list-container .three-column-flex .has-padding{padding-top:.9375rem!important}.preset-list-container .three-column-flex .has-padding .hover-block{display:none;position:absolute;bottom:0;left:0;width:100%;height:100%;background:#9e9e9e;opacity:.6;box-shadow:0 .09375rem .9375rem hsla(0,0%,62%,.48);border-radius:14px}.preset-list-container .three-column-flex .has-padding .btn-area{display:none;position:absolute;bottom:2.8%;left:55%}.preset-list-container .three-column-flex .has-padding .btn-area div{width:100%;bottom:1.21875rem;left:0;display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .three-column-flex .has-padding .btn-area div img{width:1.78125rem!important;height:1.78125rem!important;margin-right:1.125rem}.preset-list-container .three-column-flex .has-padding .btn-area div span{line-height:1.78125rem;margin-right:1.125rem;background:#3e5ff1;border-radius:22px;height:1.78125rem;font-size:.796875rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center;width:4.453125rem}.preset-list-container .three-column-flex .has-padding .btn-area div span:hover{background:#4c6cfb}.preset-list-container .three-column-flex .has-padding:hover .hover-block{display:block;z-index:49}.preset-list-container .three-column-flex .has-padding:hover .btn-area{display:block;z-index:199}.preset-list-container .page-item{margin:20px 0 40px;display:flex;justify-content:center}.no-padding-top{margin-top:0!important}.reminder-icon{background:#e5c24e;border-radius:50%;width:1.5rem;height:1.5rem;color:#fff;font-size:.9375rem;text-align:center;margin-right:.375rem}.dialog-cancel-btn{background:#f5f5f5!important;font-weight:700!important;color:#4f525e!important}.dialog-delete-btn{background:#f13e3e!important;color:#fff!important;font-weight:700!important;margin-left:1.875rem}.drop-item{max-height:1.6875rem!important;height:1.6875rem!important;min-height:1.6875rem!important;text-align:center!important;justify-content:center!important}.drop-item-block{min-height:1rem!important}.hoverAuthorInfo{width:17.765625rem;height:8.953125rem;z-index:2;padding:1.3125rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .140625rem .9375rem rgba(0,0,0,.1);border-radius:6px}.hoverAuthorInfo .row-1{margin-bottom:0;justify-content:space-between!important}.hoverAuthorInfo .row-1,.hoverAuthorInfo .row-1 .row-1-left{display:flex!important;align-items:center!important;flex-wrap:nowrap!important}.hoverAuthorInfo .row-1 .row-1-left{width:70%;justify-content:flex-start!important}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-name{width:2.0625rem!important;height:2.0625rem!important;border-radius:50%;flex-shrink:0;font-size:.890625rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;background-size:cover;background-position:50%}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname{padding-left:.75rem}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p{margin-bottom:0}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:first-child{width:6.09375rem;font-size:.75rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:nth-child(2){width:6.09375rem;font-size:.75rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{display:none!important;background:#3e5ff1;border-radius:6px;color:#fff!important;display:grid;text-align:center}.hoverAuthorInfo .row-1 .hover-container .row-1-focus,.hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{padding:0 .46875rem;line-height:1.875rem!important;height:1.875rem;width:4.125rem;font-size:.84375rem;font-weight:400!important;margin-bottom:0;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container .row-1-focus{display:block;border-radius:6px;border:.046875rem solid #3e5ff1;color:#3e5ff1!important;display:grid}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{display:none!important;background:#7f8082;height:1.875rem;display:grid;text-align:center}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus,.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{line-height:1.875rem!important;border-radius:6px;width:4.125rem;font-size:.84375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus{display:block;height:1.875rem!important;background:#97989e;display:grid}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus-hover{display:block!important;padding:0 .46875rem;line-height:1.875rem!important;background:#3e5ff1;border-radius:6px;width:4.125rem;height:1.875rem;font-size:.84375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus{display:none}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus-hover{display:block!important;line-height:1.875rem!important;height:1.875rem!important;width:4.125rem;background:#7f8082;border-radius:6px;font-size:.84375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus{display:none}.hoverAuthorInfo .data-show-list{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .609375rem}.hoverAuthorInfo .data-show-list ul{margin-top:.9375rem;display:flex;flex-direction:column;align-items:center;padding-left:0!important}.hoverAuthorInfo .data-show-list li{list-style:none;text-align:center}.hoverAuthorInfo .data-show-list .title{font-size:.9375rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;font-size:.9375rem!important;margin-bottom:0}.hoverAuthorInfo .data-show-list .num{font-size:.9375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.font-size-14{font-size:.65625rem}.follow-container{width:100%;padding-bottom:1.875rem}.follow-container .my-focus-item .rows-1{margin-bottom:.9375rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 p{margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-left{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 .rows-1-left .name-circle-follow{width:2.0625rem!important;height:2.0625rem!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;font-size:.84375rem;font-weight:700!important;color:#fff!important;margin-bottom:0;border-radius:50%;background-position:50%;background-size:cover}.follow-container .my-focus-item .rows-1 .rows-1-left .name{font-size:.9375rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;margin-left:.9375rem}.follow-container .my-focus-item .rows-1 .rows-1-left .date{font-size:.796875rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-right{border:1px solid #707070;border-radius:7px;color:#636468!important;color:var(--register-btn-color)!important}.follow-container .my-focus-item .rows-1 .rows-1-right,.follow-container .my-focus-item .rows-1 .rows-1-right-hover{width:5.0625rem;line-height:1.96875rem;font-size:.84375rem;font-weight:300!important;margin-bottom:0;text-align:center}.follow-container .my-focus-item .rows-1 .rows-1-right-hover{display:none;background:#e84747;border-radius:7px;border:1px solid #e84747;color:#fff!important}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right-hover{display:block}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right{display:none}.follow-container .my-focus-item .preset-list-flex .hover-parent .hover-item{display:none;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:8px}.follow-container .my-focus-item .preset-list-flex .hover-parent:hover .hover-item{display:block;z-index:2}.follow-container .my-focus-item .preset-list-flex .light-hover-item{background:#9e9e9e;opacity:.6}.follow-container .my-focus-item .preset-list-flex .dark-hover-item{background-image:linear-gradient(180deg,rgba(64,64,64,.08),#201f1f);opacity:.7}.follow-container .my-focus-item .preset-list-flex .hover-parent:hover .btn-area{display:block;z-index:3}.follow-container .my-focus-item .preset-list-flex .btn-area{display:none;position:absolute;width:100%;height:100%;top:0;left:0}.follow-container .my-focus-item .preset-list-flex .btn-area .down-btn{position:absolute;right:.9375rem;bottom:.703125rem;line-height:1.5rem;background:#3e5ff1;border-radius:4px;height:1.5rem;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center;width:4.40625rem}.follow-container .my-focus-item .preset-list-flex .btn-area .down-span:hover{background:#4c6cfb}.follow-container .my-focus-item .preset-list:after{content:"";display:block;width:33.33333%;height:100%}.follow-container .page-item{margin:20px 0 50px;display:flex;justify-content:center}.focus-author-list{width:100%}.myinfo-container{width:56.25rem}.myinfo-container .title-name{font-size:.9375rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .info-data-block{margin-top:1.3125rem;padding:1.875rem 1.5rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .140625rem .28125rem rgba(0,0,0,.03);border-radius:10px}.myinfo-container .info-data-block .info-data-block-left{max-width:61%;display:flex;justify-content:flex-start;align-items:center}.myinfo-container .info-data-block .info-data-block-left .shot-name{position:relative;min-width:4.6875rem;width:4.6875rem;height:4.6875rem;line-height:4.6875rem;border-radius:50%;font-size:2.0625rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.myinfo-container .info-data-block .info-data-block-left .shot-name .upload-avatar-block{width:1.875rem;height:1.875rem;position:absolute;bottom:0;right:-.46875rem;border-radius:50%;background-color:#626367;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1}.myinfo-container .info-data-block .info-data-block-left .shot-name .upload-avatar-block .camera{max-width:.9375rem}.myinfo-container .info-data-block .info-data-block-left .shot-name .official{position:absolute;bottom:0;right:0;max-width:1.40625rem}.myinfo-container .info-data-block .info-data-block-left .shot-name .avatar{border-radius:50%}.myinfo-container .info-data-block .info-data-block-left .userinfo-data{width:97%;margin-left:1.21875rem}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .admin-symbol{margin-right:.234375rem;padding:0 .1875rem;font-size:.75rem;color:#3e5ff1;line-height:1.125rem;background-color:#d0d7f4;background-color:var(--change-style-gb-color);border:1px solid #3e5ff1;border-radius:6px;word-break:keep-all}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-name{margin-bottom:0;font-size:1.125rem;color:#636468;color:var(--register-btn-color);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-account{margin-bottom:2px;font-size:.84375rem;color:#636468;color:var(--register-btn-color)}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-sig{font-size:.84375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-sig-no-fold{font-size:.84375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;line-height:.9375rem;word-break:break-word}.myinfo-container .info-data-block .info-data-block-left .expand-info{color:#3e5ff1;text-decoration:underline;cursor:pointer}.myinfo-container .info-data-block .info-data-btns .focus-btn{min-width:4.21875rem;margin-top:.65625rem;padding:.234375rem .375rem;color:#fff;font-size:.75rem;line-height:1.21875rem;border-radius:3px}.myinfo-container .info-data-block .info-data-btns .msg-btn{color:#8c8f9f!important;color:var(--date-color)!important;border:1px solid #8c8f9f!important;border:1px solid var(--date-color)!important}.myinfo-container .info-data-block .info-data-btns .msg-btn img{width:.84375rem;margin-right:.234375rem}.myinfo-container .info-data-block .info-data-btns .focused{color:#fff!important;color:var(--info-focus-color)!important;background:#d1d2d4!important;background:var(--filter-tag-bd-color)!important}.myinfo-container .info-data-block .info-data-btns .focused .focused-hover-span,.myinfo-container .info-data-block .info-data-btns .focused:hover .focused-non-hover-span{display:none}.myinfo-container .info-data-block .info-data-btns .focused:hover .focused-hover-span{display:inline!important}.myinfo-container .info-data-block .author-len{max-width:34.921875rem!important}.myinfo-container .info-data-block .info-data-block-right{display:grid;justify-items:flex-end}.myinfo-container .info-data-block .info-data-block-right .edit-btn{display:inline-block;align-self:end;width:5.0625rem;line-height:1.875rem;border:1px solid #636468;border:1px solid var(--register-btn-color);border-radius:7px;font-size:.84375rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.myinfo-container .info-data-block .info-data-block-right .edit-btn:hover{background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.myinfo-container .info-data-block .info-data-block-right .edit-btn-en{width:auto!important;padding:0 .796875rem}.myinfo-container .info-data-block .data-show-list ul{margin-top:.46875rem;padding-left:.9375rem}.myinfo-container .info-data-block .data-show-list li{list-style:none;text-align:center}.myinfo-container .info-data-block .data-show-list .title{font-size:.84375rem!important;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .info-data-block .data-show-list .num{font-size:.75rem!important;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .info-data-block .data-show-list .data-divider{width:0;height:2.203125rem;margin:.46875rem 0 0 .9375rem;opacity:.5;border-left:2px solid #707070;border-left:2px solid var(--feedbcak-color)}.myinfo-container .title-playmenu{position:relative;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 1.5rem;margin-top:2.25rem}.myinfo-container .title-playmenu .opt-btn{width:auto!important;padding:0 .796875rem}.myinfo-container .title-playmenu .opt-btn:hover{background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.myinfo-container .title-playmenu p:first-child,.myinfo-container .title-playmenu p:nth-child(2){font-size:.84375rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu p:nth-child(2){width:4.6875rem;line-height:1.875rem;border:1px solid #636468;border:1px solid var(--register-btn-color);border-radius:7px;text-align:center}.myinfo-container .title-playmenu .anchor{position:absolute;left:0;top:2.34375rem}.myinfo-container .title-playmenu-multip{margin-top:2.625rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .title-playmenu-multip .go-back{display:flex;justify-content:flex-start;align-items:center;font-size:1.3125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu-multip .go-back img{width:1.5rem!important;height:1.5rem!important}.myinfo-container .title-playmenu-multip .play-btn span:first-child{padding-right:1.3125rem;font-size:1.125rem;font-weight:400!important;color:#e84747!important;margin-bottom:0}.myinfo-container .title-playmenu-multip .play-btn span:nth-child(2){padding-right:1.875rem;font-size:1.125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list{padding:0 1.5rem;margin:.9375rem 0;background:#fff;background:var(--white-bg-color);box-shadow:0 .140625rem .28125rem rgba(0,0,0,.03);border-radius:10px}.myinfo-container .focus-list .focus-item{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;min-height:5.625rem}.myinfo-container .focus-list .focus-item .focus-list-left{max-width:50%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .focus-list .focus-item .focus-list-left .short-name{width:2.15625rem!important;height:2.15625rem!important;min-width:2.15625rem;width:2.15625rem;line-height:2.15625rem;border-radius:50%;font-size:.9375rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig{width:22.5rem;margin-left:1.21875rem}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:first-child{font-size:.84375rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84375rem;font-weight:300!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-1{font-size:.84375rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right .item-2{margin-left:.75rem;padding:.84375rem;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:4px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;width:12.28125rem!important;height:3.140625rem!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 img{width:2.90625rem!important;height:2.90625rem!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 span{padding-left:.84375rem;font-size:.84375rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;height:1.40625rem;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.40625rem}.myinfo-container .focus-list .focus-item .focus-list-right .item-3{border:1px solid #707070;border-radius:7px;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-3,.myinfo-container .focus-list .focus-item .focus-list-right .item-3-hover{width:auto;min-width:5.0625rem;margin-left:1.875rem;line-height:1.96875rem;height:1.96875rem;font-size:.84375rem;font-weight:400!important;margin-bottom:0;text-align:center}.myinfo-container .focus-list .focus-item .focus-list-right .item-3-hover{display:none;border:1px solid #e84747;background:#e84747;border-radius:7px;color:#fff!important}.myinfo-container .focus-list .focus-item .focus-list-right .control-hover:hover .item-3{display:none}.myinfo-container .focus-list .focus-item .focus-list-right .control-hover:hover .item-3-hover{display:block}.myinfo-container .no-data{font-size:.796875rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-shadow:0 0 #000;padding:10px 0 10px 32px}.myinfo-container .no-data-margin{margin-top:-1.3125rem}.myinfo-container .preset-list-container{margin-top:1.3125rem!important}.myinfo-container .preset-list-container .preset-list-flex{justify-content:space-between}.myinfo-container .preset-list-container .preset-list-flex .list-item-block{padding:.46875rem .9375rem .9375rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .product-media-row .menu-img{width:.9375rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .musical-style-tag-row{margin:.375rem 0 .703125rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .state-count{margin-top:.9375rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.myinfo-container .preset-list-container .preset-list-flex:after{content:"";width:17.8125rem}.myinfo-container .hand-hover{cursor:pointer}.delete-color{color:#e66666!important}.editmyinfo-container{width:56.25rem}.editmyinfo-container .title-label{display:flex}.editmyinfo-container .title-label i{font-size:1.265625rem;vertical-align:middle;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .title-label span{padding-left:.234375rem;font-size:1.03125rem;font-weight:700;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .editmyinfo-layout{margin-top:1.359375rem;justify-content:space-between}.editmyinfo-container .setting-tab{flex-basis:13.5%;max-width:13.5%;height:35.625rem;background:#fff;background:var(--white-bg-color);border-radius:8px}.editmyinfo-container .setting-tab .tabs-container{padding-top:1.78125rem;font-size:.9375rem;font-weight:700;text-align:center;color:#707070;color:var(--feedbcak-color)}.editmyinfo-container .setting-tab .tabs-container div{line-height:2.2em}.editmyinfo-container .setting-tab .tabs-container .tab-active{color:#3e5ff1}.editmyinfo-container .form-block{flex-basis:85%;max-width:85%;height:35.625rem;padding:1.78125rem;overflow-y:scroll;background:#fff;background:var(--white-bg-color);box-shadow:0 .140625rem .28125rem rgba(0,0,0,.03);border-radius:8px}.editmyinfo-container .form-block .avatar-block{position:relative}.editmyinfo-container .form-block .avatar-block .upload-btn{height:1.6875rem;padding:0 .46875rem;position:absolute;bottom:0;left:5.625rem;font-size:.84375rem;color:#97989e;color:var(--preset-list-desc-color);background-color:#fff;background-color:var(--white-bg-color);border:1px solid #97989e;border:1px solid var(--preset-list-desc-color);border-radius:7px}.editmyinfo-container .form-block .short-name{width:4.6875rem;height:4.6875rem;line-height:4.6875rem;border-radius:50%;font-size:2.0625rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.editmyinfo-container .form-block .input-div-title{display:flex;align-items:flex-start;align-items:baseline}.editmyinfo-container .form-block .input-div-title .word-count{display:inline-block;margin-left:.9375rem;color:#141414;color:var(--black-title)}.editmyinfo-container .form-block .input-div{margin-top:.9375rem}.editmyinfo-container .form-block .input-div .lable{font-size:.9375rem;font-weight:700!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .input{width:20.15625rem!important;height:2.0625rem!important;padding-left:.703125rem}.editmyinfo-container .form-block .input-div .input,.editmyinfo-container .form-block .input-div .textarea{background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:5px;font-size:.84375rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .textarea{width:76%;height:5.71875rem;padding:.703125rem}.editmyinfo-container .form-block .input-div .info-select{width:20.109375rem!important;height:2.0625rem!important;border-radius:5px;font-size:.84375rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;background-size:2.5%}.editmyinfo-container .form-block .input-div .info-select .v-btn__content{text-align:left;display:inline}.editmyinfo-container .form-block .input-div .info-select .v-btn__content span{width:18.75rem;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:2.0625rem!important;line-height:2.0625rem}.editmyinfo-container .form-block .input-div .info-select .select-icon{float:right;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .form-block .input-div .info-select-light-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll var(--preset-input-bg-color) 98%}.editmyinfo-container .form-block .input-div .info-select-dark-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll var(--preset-input-bg-color) 98%}.editmyinfo-container .form-block .input-div.active-color{color:#3e5ff1!important}.editmyinfo-container .form-block .button-sub{width:4.6875rem!important;height:2.0625rem!important;margin-top:2.15625rem;background-color:#3e5ff1!important;border-radius:8px;text-transform:capitalize;font-size:.84375rem;color:#fff}.editmyinfo-container .form-block .tab-title{font-size:.9375rem;color:#636468;color:var(--register-btn-color);font-weight:700;line-height:2em}.editmyinfo-container .form-block .setting-item-desc,.editmyinfo-container .form-block .setting-item-title{font-size:.84375rem;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .form-block .setting-item-desc{opacity:.6}.editmyinfo-container .form-block .scope-menu .menu-btn{width:8.90625rem;font-size:.75rem;padding:0 .5625rem;border-radius:6px;background-color:#fff!important;background-color:var(--post-menu-bg-color)!important;color:#88898d;color:var(--filter-btn-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2)}.editmyinfo-container .form-block .scope-menu .menu-btn .item-name{width:7.734375rem;padding-left:.234375rem;text-align:left}.editmyinfo-container .right-flex{text-align:right}.editmyinfo-container .height-65{height:3.046875rem}.editmyinfo-container .height-85{height:3.984375rem}.editmyinfo-container>>>.v-list-item__title{font-size:1.125rem!important;color:#97989e;font-weight:400!important}.not-exit-btn{color:#a4a4a4!important;border:1px solid #a4a4a4;border-radius:4.828125rem!important}.exit-btn,.not-exit-btn{background:#fff!important;background:var(--white-bg-color)!important;font-weight:700!important}.exit-btn{color:#707070!important;border:1px solid #707070;border-radius:4.828125rem!important;margin-left:1.875rem}.preset-info-container{width:56.25rem;max-width:56.25rem;margin:.9375rem auto;padding:2.53125rem 3.75rem;background:#fff;background:var(--white-bg-color);border-radius:14px}.preset-info-container .info-loading-container .circle{max-width:2.53125rem;min-width:2.53125rem;height:2.53125rem}.preset-info-container .info-loading-container .height-19{height:.890625rem}.preset-info-container .info-loading-container .height-25{height:1.171875rem}.preset-info-container .info-loading-container .height-32{height:1.5rem}.preset-info-container .info-loading-container .width-height-160{height:7.5rem;max-width:7.5rem;width:7.5rem}.preset-info-container .info-loading-container .width-163-height-146{height:6.84375rem;max-width:7.640625rem;width:7.640625rem}.preset-info-container .info-loading-container .height-62{height:2.90625rem}.preset-info-container .info-loading-container .height-247{height:11.578125rem}.preset-info-container .info-loading-container .height-476{height:22.3125rem}.comment-container{width:100%}.comment-container .row-1{font-size:1.6875rem;font-weight:700!important;color:#141414!important;margin-bottom:0;margin-top:1.21875rem;padding-left:.375rem}.comment-container .row-2{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;padding:0;margin-bottom:1.875rem}.comment-container .row-2 li{padding:.5625rem .375rem;margin-right:1.40625rem;list-style:none;font-size:1.125rem;font-weight:700!important;color:#919191!important;margin-bottom:0}.comment-container .row-2 .action{font-size:1.6875rem;font-weight:700!important;color:#415fe6!important;margin-bottom:0;border-bottom:.09375rem solid #415fe6}.comment-container .flex-two-column{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important}.comment-container .flex-two-column .short-name{width:5.25rem!important;height:5.25rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:2.25rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.comment-container .flex-two-column .textarea-container{margin-left:1.6875rem}.comment-container .flex-two-column .textarea-container textarea{width:100%!important;height:6.46875rem!important;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;padding:.65625rem 0 0 .9375rem;font-size:1.3125rem;font-weight:400!important;color:#b9b9b9!important;color:var(--text-area-color)!important;margin-bottom:0}.comment-container .flex-two-column .sub-comment{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.comment-container .flex-two-column .sub-comment .btn{width:6.65625rem!important;height:2.25rem!important;background:#3f5ee6;border-radius:4px;font-size:1.3125rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.comment-container .flex-two-column .flex-center,.comment-container .flex-two-column .tip-author{display:grid;justify-items:center;align-items:center}.comment-container .flex-two-column .tip-author{margin-top:.28125rem;width:4.6875rem!important;height:2.0625rem!important;border:.046875rem solid #3f5ee6;border-radius:22px;font-size:1.125rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container{padding-top:.5625rem;margin-left:1.6875rem;font-size:.9375rem;font-weight:500!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .top-ceontent .top-sign{width:4.6875rem!important;height:2.0625rem!important;flex-shrink:0;margin-right:1.40625rem;border:1px solid #3f5ee6;border-radius:6px;display:grid;justify-content:center;align-content:center;font-size:1.125rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .comment-content{width:60%}.comment-container .flex-two-column .comment-container .comment-content,.comment-container .flex-two-column .comment-container .comment-content-all{font-size:.9375rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .count-play{display:flex;justify-content:flex-start;align-items:center;margin-top:.46875rem}.comment-container .flex-two-column .comment-container .count-play .time{font-size:.9375rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .count-play .dz-container{margin:0 2.34375rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container i{display:inline-block;width:1.125rem!important;height:1.125rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5eea3a990d.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container span{font-size:.9375rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.5625rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container:hover i{display:inline-block;width:1.125rem!important;height:1.125rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f016ca36e/reday-dz.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container i{display:inline-block;width:1.125rem!important;height:1.125rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f016989ee/dz-ok.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container span{font-size:.9375rem;font-weight:400!important;color:#919191!important;margin-bottom:0;padding-left:.5625rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container{margin-left:1.59375rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container i{display:inline-block;width:1.125rem!important;height:1.125rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d55cbb0/bad-dz-default.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container:hover i{display:inline-block;width:1.125rem!important;height:1.125rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d5918c2/bad-dz-ready.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container{margin-left:1.59375rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container i{display:inline-block;width:1.125rem!important;height:1.125rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d5821da/bad-dz-ok.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .replay{font-size:.9375rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container{width:49.875rem;margin-top:1.03125rem;padding:.375rem .375rem 1.03125rem;background:#fafafa}.comment-container .flex-two-column .child-comment-container .short-name-child{width:2.8125rem!important;height:2.8125rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:2.25rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .replay-name{flex-shrink:0;margin-right:1.3125rem}.comment-container .flex-two-column .child-comment-container .replay-name p{margin:0}.comment-container .flex-two-column .child-comment-container .replay-name span:first-child{font-size:.9375rem;font-weight:500!important;color:#919191!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .replay-name span:nth-child(2){font-size:.9375rem;font-weight:500!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .comment-content-long{width:100%;font-size:.9375rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .loading-replay{background:url(http://res.hotoneaudio.com/preset_20201118_5fb480d4aa198.png) no-repeat;background-size:.75rem .65625rem;background-position:center left 0;padding-left:1.21875rem;font-size:1.125rem;font-weight:500!important;color:#3f5ee6!important;margin:1.875rem 0 0 4.6875rem}.comment-container .flex-two-column .child-comment-container .shouqi-replay{background:url(http://res.hotoneaudio.com/preset_20201221_5fe033dbd2b1a/%E7%BB%84%201009%402x.png) no-repeat;background-size:.75rem .65625rem;background-position:center left 0;padding-left:1.21875rem;font-size:1.125rem;font-weight:500!important;color:#3f5ee6!important;margin:1.875rem 0 0 4.6875rem}.comment-container .flex-two-column .replay-textarea{margin-top:1.125rem}.comment-container .flex-two-column .replay-textarea .short-name-middle{width:3.5625rem!important;height:3.5625rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:2.25rem;font-weight:700!important;color:#fff!important;margin-bottom:0;flex-shrink:0}.comment-container .flex-two-column .replay-textarea textarea{width:45.1875rem!important;height:6.09375rem!important}.comment-container .bottom-border-line{margin-bottom:1.03125rem;padding-bottom:1.125rem;border-bottom:.09375rem solid #919191}.comment-container .flex-layout{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.comment-container .play-menu img{width:2.25rem!important;height:2.25rem!important}.info-container{position:relative}.info-container .recommedation-icon{position:absolute;top:-2.53125rem;right:-3.75rem;width:1.078125rem;height:1.875rem;cursor:pointer}.info-container .row-1{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important}.info-container .row-1 .row-1-flex{width:80%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-1 .row-1-flex .circle{display:grid;justify-content:center;align-content:center;width:2.34375rem!important;height:2.34375rem!important;min-width:2.34375rem;font-size:.9375rem;font-weight:700!important;color:#fff!important;margin-bottom:0;cursor:pointer;background-position:50%;background-size:cover;border-radius:50%}.info-container .row-1 .row-1-flex .row-1-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0}.info-container .row-1 .row-1-flex .v-btn{padding:0 .796875rem;margin-left:.9375rem;border-radius:3px}.info-container .row-1 .row-1-flex .row-1-focus{font-size:.9375rem;font-weight:500!important;color:#fff!important;margin-bottom:0;background-color:#3e5ff1}.info-container .row-1 .row-1-flex .row-1-focus-already{font-size:.9375rem;font-weight:400!important;color:#fff!important;color:var(--info-focus-color)!important;margin-bottom:0;background:#d1d2d4;background:var(--filter-tag-bd-color)}.info-container .row-1 .row-1-flex .row-1-focus-already .v-btn__content{line-height:1em}.info-container .row-1 .row-1-flex .row-1-focus-already .hover-span{display:none}.info-container .row-1 .row-1-flex .row-1-focus-already:hover{background:#d1d2d4;background:var(--filter-tag-bd-color)}.info-container .row-1 .row-1-flex .row-1-focus-already:hover .hover-span{display:block!important}.info-container .row-1 .row-1-flex .row-1-focus-already:hover .not-hover-span{display:none}.info-container .row-1 .row-1-flex .name-sig{margin:.5625rem;cursor:pointer}.info-container .row-1 .row-1-focus:hover{background:#3f5ee6;font-size:.9375rem;font-weight:400!important;color:#fff!important;margin-bottom:0}.info-container .row-1 .share-menu{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-1 .share-menu img{width:1.40625rem!important;height:.9375rem!important}.info-container .row-1 .play-menu img{width:1.5rem!important;height:auto!important}.info-container .row-1 .play-menu .share-img{width:2.203125rem!important;height:1.734375rem!important}.info-container .row-2 .row-2-info{margin-right:.234375rem}.info-container .row-2 .row-2-info .row-2-name{font-size:1.125rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.info-container .row-2 .row-2-info .row-2-attr{font-size:1.03125rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;white-space:normal;overflow:hidden;text-overflow:ellipsis;margin-top:.234375rem}.info-container .row-2 .row-2-info .musical-style-tag-container{margin-top:.28125rem}.info-container .row-2 .row-2-info .musical-style-tag{padding:.5em .625em;margin:.3125em .5em 0 0;text-align:center;font-size:.75rem;line-height:1em;border-radius:3px;cursor:pointer}.info-container .row-2 .row-2-info .c-tag{display:flex;align-items:center;height:2em;padding-top:0;padding-bottom:0}.info-container .row-2 .row-2-info .c-tag img{height:1.5em}.info-container .row-2 .row-2-info .style-tag{font-size:.75rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;background:#f8f8f8;background:var(--tag-bg-color)}.info-container .row-2 .row-2-info .musical-style-tag:hover{opacity:.8}.info-container .row-2 .row-2-pro-img-name{display:flex;flex-direction:column;align-items:center;padding:0 .375rem .84375rem;max-width:9.46875rem;max-height:9.609375rem;background:#fbfbfb;background:var(--file-list-bg-color);text-align:center;border-radius:8px}.info-container .row-2 .row-2-pro-img-name img{width:5.15625rem}.info-container .row-2 .row-2-pro-img-name div{font-size:.84375rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .file-list{max-height:12.1875rem;margin-top:.75rem;padding:.46875rem .9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:8px;overflow-x:hidden;overflow-y:scroll}.info-container .file-list .file-list-item{position:relative;padding:0 .9375rem}.info-container .file-list .file-list-item .ab-center{position:absolute;left:0;top:50%;width:100%;height:85%;display:flex;justify-content:center;align-items:center;transform:translateY(-50%)}.info-container .file-list .file-list-item .unaudit-cover{background-color:#000;opacity:.3}.info-container .file-list .file-list-item .unaudit-text{font-size:.75rem;color:#fff}.info-container .row-3{margin-top:2.25rem}.info-container .row-3 .file-tip{font-size:1.03125rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-3 .file-tip span{font-size:.9375rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;margin-left:5px;background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px;display:inline-block;width:1.40625rem;text-align:center}.info-container .row-3 .file-list .img-file-name-layout{margin:.65625rem 0}.info-container .row-3 .file-list .img-file-name-flex{display:flex;align-items:center}.info-container .row-3 .file-list .img-file-name-flex img{width:2.25rem!important;height:2.25rem!important}.info-container .row-3 .file-list .img-file-name-flex div{margin-left:.75rem;font-size:.9375rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis}.info-container .row-3 .file-list .custom-sm{flex-basis:4%;flex-grow:0;max-width:4%}.info-container .row-3 .file-list .download-img{width:.703125rem;cursor:pointer;margin-right:.9375rem}.info-container .row-3 .download{width:auto!important;height:1.6875rem!important;background:#3e5ff1!important;border-radius:4px;font-size:.84375rem;font-weight:400!important;color:#fff!important;margin-bottom:0}.info-container .row-3 .download:hover{background:#4c6cfb!important}.info-container .upload-audio-row{margin-top:.9375rem}.info-container .upload-audio-row .row-title{font-size:1.03125rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .upload-audio-row .info-player-container{padding:.5625rem 0}.info-container .upload-audio-row .info-player-container .v-image{width:2.0625rem;height:2.0625rem;max-width:2.0625rem;margin-right:.703125rem;cursor:pointer}.info-container .upload-audio-row .info-player-container .player-info{font-size:.84375rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .upload-audio-row .info-player-container .file-name{padding:0 .234375rem 0 1.6875rem}.info-container .row-4{width:100%;margin-top:1.078125rem;font-size:.9375rem;color:#949494;color:var(--tag-color);word-break:break-word;font-family:Roboto light,sans-serif;line-height:1.3125rem;overflow:hidden}.info-container .row-4 .cover-img{float:left;width:15rem;margin-right:.9375rem;border-radius:4px}.info-container .row-5{margin-top:.9375rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-5 .row-5-url{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .row-5 .row-5-url span:first-child{font-size:.9375rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.info-container .row-5 .row-5-url span:nth-child(2){font-size:.9375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .row-5 .row-5-changes{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-5 .row-5-changes p{display:grid;justify-content:center;align-content:center;width:1.03125rem!important;height:1.03125rem!important;margin-right:.46875rem;border:1px solid #97989e;border-radius:4px;font-size:.84375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .row-5 .row-5-changes p:hover{background-color:#f0f8ff}.info-container .row-5 .row-5-changes .active{border:1px solid #3e5ff1;font-size:.84375rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0}.info-container .row-6{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-6 iframe{height:88px!important;width:100%!important;border-radius:26px;border:none}.info-container .row-6 img{width:2.25rem!important;height:2.25rem!important}.info-container .row-7{margin-top:.703125rem}.info-container .row-7 .row-title{font-size:1.03125rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-8{margin-top:.5625rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-8 iframe{width:41.25rem!important;height:26.25rem!important;border-radius:26px;border:none}.info-container .row-8 img{width:2.25rem!important;height:2.25rem!important}.info-container .row-9{margin-top:1.5rem;display:grid;justify-content:center;align-content:center}.info-container .row-9 img{width:3rem!important;height:3rem!important}.info-container .row-9 .hover-container .not-focus-state{width:3rem!important;height:3rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75eaa71f/info-focus-pt.png);background-size:cover}.info-container .row-9 .hover-container:hover .not-focus-state{width:3rem!important;height:3rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75ee025e/info-focus-hover.png);background-size:cover}.info-container .row-10{margin:1.5rem 0}.info-container .row-10 .state-count-item{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;margin-right:1.03125rem;cursor:pointer;font-size:.84375rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .row-10 .state-count-item img{width:1.40625rem;height:auto;margin-right:.1875rem}.info-container .row-10 .state-count-item .download-img{width:1.21875rem!important}.info-container .row-10 .update-info{font-size:.84375rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .font-20-400-9A9A9A{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:400!important;color:#9a9a9a!important;color:var(--info-sig-color)!important;margin-bottom:0}.info-container .qrcode{justify-content:center;display:flex}.info-container .hand-hover{cursor:pointer}.preset-comment-container{width:100%;margin-top:1.875rem}.preset-comment-container .row-1{font-size:.9375rem;font-weight:700!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0;margin-top:1.21875rem;padding-left:.375rem}.preset-comment-container .row-2{margin-top:.609375rem;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;padding:0;margin-bottom:1.125rem}.preset-comment-container .row-2 li{padding:.5625rem .375rem .09375rem;margin-right:1.40625rem;list-style:none;font-size:.9375rem;font-weight:700!important;color:#919191!important;margin-bottom:0}.preset-comment-container .row-2 .action{font-size:.9375rem;font-weight:700!important;color:#415fe6!important;margin-bottom:0;border-bottom:.09375rem solid #415fe6}.preset-comment-container .flex-two-column{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important}.preset-comment-container .flex-two-column .short-name{width:3rem!important;height:3rem!important;display:grid;justify-content:center;align-content:center;border-radius:50%;font-size:1.40625rem;font-weight:700!important;color:#fff!important;margin-bottom:0;min-width:3rem;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .textarea-container{margin-left:1.6875rem;width:100%}.preset-comment-container .flex-two-column .textarea-container textarea{width:100%!important;height:6.46875rem!important;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;padding:.65625rem 0 0 .9375rem;font-size:.9375rem;font-weight:400!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0;resize:none;outline:none}.preset-comment-container .flex-two-column .no-margin{margin-left:0!important}.preset-comment-container .flex-two-column .sub-comment{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;margin-top:.5625rem}.preset-comment-container .flex-two-column .sub-comment .btn{height:1.6875rem!important;background:#3e5ff1!important;font-size:.84375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;border-radius:4px}.preset-comment-container .flex-two-column .flex-center{display:grid;justify-items:center;align-items:center}.preset-comment-container .flex-two-column .tip-author{margin-top:.5625rem;width:3.28125rem!important;height:1.3125rem!important;border:.046875rem solid #3f5ee6;border-radius:20px;font-size:.75rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;display:grid;justify-items:center;align-items:center}.preset-comment-container .flex-two-column .comment-container{padding-top:.5625rem;margin-left:1.6875rem;font-size:.9375rem;font-weight:500!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .top-ceontent .top-sign{width:3.234375rem!important;height:1.453125rem!important;margin-right:.703125rem;border:1px solid #3f5ee6;border-radius:6px;display:inline-block!important;line-height:1.453125rem;font-size:.84375rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;text-align:center}.preset-comment-container .flex-two-column .comment-container .comment-content{width:60%}.preset-comment-container .flex-two-column .comment-container .comment-content,.preset-comment-container .flex-two-column .comment-container .comment-content-long{font-size:.9375rem;font-weight:400!important;color:#141414!important;color:var(--black-title-2)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play{display:flex;justify-content:flex-start;align-items:center;margin-top:.46875rem}.preset-comment-container .flex-two-column .comment-container .count-play .time{font-size:.9375rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container{margin:0 2.34375rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container{display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container .comment-opt-img{width:1.125rem!important;height:1.125rem!important;cursor:pointer}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container span{font-size:.9375rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.5625rem}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container{display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container i{display:inline-block;width:1.125rem!important;height:1.125rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/preset_btn_like_filled.svg);background-size:cover}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container span{font-size:.9375rem;font-weight:400!important;color:#919191!important;margin-bottom:0;padding-left:.5625rem}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container{margin-left:1.59375rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container .comment-opt-img{width:1.125rem!important;height:1.125rem!important;cursor:pointer}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container span{font-size:.9375rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.5625rem}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container{margin-left:1.59375rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container i{display:inline-block;width:1.125rem!important;height:1.125rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/preset_btn_dislike_filled.svg);background-size:cover}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container span{padding-left:.5625rem}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container span,.preset-comment-container .flex-two-column .comment-container .count-play .replay{font-size:.9375rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play .replay:hover{color:#3e5ff1!important}.preset-comment-container .flex-two-column .child-comment-container{width:100%!important;margin-top:1.03125rem;padding:.703125rem .375rem 1.03125rem .9375rem;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px}.preset-comment-container .flex-two-column .child-comment-container .short-name-child{width:2.8125rem!important;height:2.8125rem!important;display:grid;justify-content:center;align-content:center;border-radius:50%;font-size:1.5rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .child-comment-container .replay-name{margin-right:1.3125rem}.preset-comment-container .flex-two-column .child-comment-container .replay-name p{margin:0}.preset-comment-container .flex-two-column .child-comment-container .replay-name span:first-child{font-size:.9375rem;font-weight:500!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .replay-name span:nth-child(2){font-size:.9375rem;font-weight:500!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .comment-content-long{width:100%;font-size:.9375rem;font-weight:400!important;color:#141414!important;color:var(--black-title-2)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .loading-replay{background:url(http://res.hotoneaudio.com/preset_20201118_5fb480d4aa198.png) no-repeat;background-size:.75rem .65625rem;background-position:center left 0;padding-left:1.21875rem;font-size:1.125rem;font-weight:500!important;color:#3f5ee6!important;margin:1.875rem 0 0 4.6875rem}.preset-comment-container .flex-two-column .child-comment-container .shouqi-replay{background:url(http://res.hotoneaudio.com/preset_20201221_5fe033dbd2b1a/%E7%BB%84%201009%402x.png) no-repeat;background-size:.75rem .65625rem;background-position:center left 0;padding-left:1.21875rem;font-size:1.125rem;font-weight:500!important;color:#3f5ee6!important;margin:1.875rem 0 0 4.6875rem}.preset-comment-container .flex-two-column .replay-textarea{margin-top:1.125rem}.preset-comment-container .flex-two-column .replay-textarea .short-name-middle{min-width:2.8125rem;width:2.8125rem!important;height:2.8125rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:1.5rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .replay-textarea textarea{height:6.09375rem!important;width:100%!important;resize:none}.preset-comment-container .bottom-border-line{margin-bottom:1.03125rem;padding-bottom:1.125rem;border-bottom:.046875rem solid #ececec;border-bottom:.046875rem solid var(--divider-color-3)}.preset-comment-container .flex-layout{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-comment-container .flex-layout .name-block{margin-bottom:.46875rem}.preset-comment-container .play-menu img{width:1.5rem!important;height:auto!important}.preset-comment-container .hand-hover{cursor:pointer}.preset-comment-container .page-item{margin:30px 0 50px;display:flex;justify-content:center}.collect-container{width:100%}.collect-container .filter{width:100%;margin-bottom:1.875rem}.collect-container .filter,.collect-container .filter .title-filter{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important}.collect-container .filter .title-tip{font-size:.9375rem;font-weight:700!important;color:#636468!important;margin-bottom:0}.collect-container .filter .filter-btn{font-size:.9375rem;font-weight:400!important;color:#636468!important;margin-bottom:0;text-transform:none;letter-spacing:0}.collect-container .filter .filter-search{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;height:2.25rem;padding:.46875rem .375rem;background:#fff;box-shadow:0 .140625rem .9375rem rgba(0,0,0,.06);border-radius:11px}.collect-container .filter .filter-search img{width:1.3125rem!important;height:1.3125rem!important}.collect-container .filter .filter-search input{border:0;outline:none;margin-left:.46875rem;font-size:.9375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.collect-container .filter .filter-search .vertical-line{width:.09375rem;height:98%;background:#fafafa}.collect-container .filter .filter-search .cate-slelct-btn{font-size:.9375rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;text-transform:none;letter-spacing:0}.empty-container .not-found-tip{margin-top:.703125rem;font-size:.9375rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.empty-container .key-word-block{margin-top:1.078125rem;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}.empty-container .key-word-block .key-word-title{font-size:.9375rem;font-weight:500!important;color:#636468!important;margin-bottom:0}.empty-container .key-word-block .key-word-content{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important;cursor:pointer}.empty-container .key-word-block .key-word-content span{padding:0 .375rem;font-size:1.078125rem;font-weight:700!important;color:#4163e6!important;margin-bottom:0;text-decoration:underline}.empty-container img{width:60%;height:auto}.pub-share-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50}.pub-share-container .share-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.pub-share-container .share-small-container{position:absolute;top:8.203125rem;width:32.8125rem;padding:1.125rem;background:#fbfbfb;background:var(--file-list-bg-color);box-shadow:0 2px .9375rem rgba(0,0,0,.25);border-radius:.9375rem;z-index:52;left:0;right:0;margin:auto}.pub-share-container .share-small-container .share-userinfo{display:flex;justify-content:flex-start;align-items:center}.pub-share-container .share-small-container .share-userinfo .item-1{width:3.1875rem!important;height:3.1875rem!important;background:#71b47f;border-radius:50%;font-size:1.40625rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;flex-shrink:0;background-size:cover;background-position:50%}.pub-share-container .share-small-container .share-userinfo .item-2{width:80%;padding-left:1.03125rem}.pub-share-container .share-small-container .share-userinfo .item-2 p{margin-bottom:0}.pub-share-container .share-small-container .share-userinfo .item-2 p:first-child{font-size:.9375rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0}.pub-share-container .share-small-container .share-userinfo .item-2 p:nth-child(2){font-size:.75rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-share-container .share-small-container .preset-name{margin-top:.796875rem;font-size:.9375rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.pub-share-container .share-small-container .preset-info{font-size:.84375rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;white-space:normal;max-width:29.53125rem;max-height:4.96875rem;overflow:hidden;text-overflow:ellipsis}.pub-share-container .share-big-container{position:absolute;top:10.171875rem;width:37.5rem;padding:2.34375rem;background:#fbfbfb;background:var(--file-list-bg-color);box-shadow:0 2px .9375rem rgba(0,0,0,.25);border-radius:.9375rem;z-index:51;left:0;right:0;margin:auto}.pub-share-container .share-big-container .share-tip{margin-top:9.65625rem;font-size:1.03125rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.pub-share-container .share-big-container .share-plateform{display:flex;justify-content:center;margin-top:1.125rem}.pub-share-container .share-big-container .share-plateform img{width:2.578125rem!important;height:2.578125rem!important;margin:0 .65625rem;cursor:pointer}.pub-share-container .share-big-container .copy-link{display:flex;justify-content:flex-start;align-items:center;margin-top:2.15625rem}.pub-share-container .share-big-container .copy-link input{width:25.78125rem!important;height:2.25rem!important;padding-left:.46875rem;background:#fbfbfb;background:var(--file-list-bg-color);border:.046875rem solid #97989e;border-radius:8px;font-size:.9375rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0}.pub-share-container .share-big-container .copy-link span{margin-left:1.125rem;padding:.46875rem .9375rem;background:#3e5ff1;border-radius:8px;font-size:.9375rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.pub-share-container .share-big-container .copy-link span:hover{background:#4c6cfb}.empty-upload-container .item-block{width:18.28125rem!important;height:11.25rem!important;border-radius:14px;background:#fff;background:var(--white-bg-color)}.empty-upload-container .item-block i{display:flex;justify-content:center}.empty-upload-container .item-block i svg{margin-top:1.40625rem;width:3.046875rem!important;height:3.046875rem!important;fill:#d4d5dc}.empty-upload-container .item-block p{display:flex;justify-content:center;padding:0 2.765625rem;text-align:center;word-break:break-word}.empty-upload-container .item-block .main-text{font-size:.9375rem;font-weight:700;line-height:1.59375rem;color:#636468;color:var(--register-btn-color);margin:.75rem 0 0}.empty-upload-container .item-block .info-text{font-size:.75rem;font-weight:400;line-height:1.125rem;color:#97989e;margin-top:.703125rem}.empty-upload-container .item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.hand-hover{cursor:pointer}.v-dialog .theme--light.v-card{background-color:#fff;background-color:var(--white-bg-color);color:rgba(0,0,0,.87)}.v-dialog .v-sheet.v-card:not(.v-sheet--outlined){box-shadow:none}.v-dialog .pub-close-icon{position:absolute;right:10px;width:.9375rem;height:.9375rem;top:15px;cursor:pointer;z-index:999}.v-dialog .pub-title{display:flex;justify-content:center;align-items:center;margin-top:1.078125rem}.v-dialog .pub-title .pub-title-text{font-size:1.03125rem;font-weight:700;line-height:1.734375rem;color:#636468}.v-dialog .pub-info-text{margin-top:.234375rem;font-size:.75rem;font-weight:400;line-height:1.265625rem;color:#636468!important;color:var(--register-btn-color)!important;text-align:center}.v-dialog .pub-btn-block,.v-dialog .pub-info-text{display:flex;justify-content:center;align-items:center}.v-dialog .pub-btn-block{margin-bottom:1.40625rem;margin-top:.46875rem}.v-dialog .pub-btn-block button{border-radius:4px;width:3.84375rem;height:1.875rem!important;font-size:.84375rem;box-shadow:none;text-transform:capitalize;letter-spacing:0}.v-main__wrap{background-color:#f5f5f5;background-color:var(--page-bg-color)}.avatar-upload-content{border-radius:14px!important}.avatar-upload-content .avatar-uploader{width:200px;height:200px}.avatar-upload-content .avatar-uploader .ant-upload.ant-upload-drag{border:none!important;border-radius:5px;background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important}.avatar-upload-content .avatar-uploader .ant-upload-list-item{display:none!important}.avatar-upload-content .upload-icon{width:4.6875rem;margin:0 auto}.avatar-upload-content .upload-text{margin-top:.9375rem}.avatar-upload-content .avatar-upload-info{text-align:center}.avatar-upload-content .avatar-upload-info p{margin-bottom:0}.avatar-upload-content .upload-btn{margin-bottom:.9375rem;color:#fff!important;border-radius:5px;border:none!important;box-shadow:none;text-transform:none!important;letter-spacing:0}.v-menu__content .notice-tabs .tab{padding:.234375rem 0 .46875rem;font-size:.75rem}.v-menu__content .notice-tabs .tab .classfied-num{top:-.140625rem;left:.234375rem;min-width:25px;min-height:20px}.tab-block{width:100%;display:flex;justify-content:center;margin-top:.9375rem}.tab-block .tabs{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;max-width:56.25rem;width:56.25rem}.tab-block .tabs .tab{font-size:.9375rem;font-weight:700;color:#636468;color:var(--register-btn-color);padding:0 .9375rem .5625rem;cursor:pointer;white-space:nowrap}.tab-block .tabs .tab-active{border-bottom:4px solid #3e5ff1;color:#3e5ff1!important}.reset-pwd-container h1{font-size:1.5rem;color:#141414;color:var(--black-title)}.reset-pwd-container .block-1{display:flex;flex-direction:column;align-items:center}.reset-pwd-container .block-1 .p-1{font-size:.84375rem;margin:.5625rem 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-2{font-size:.84375rem;margin:.5625rem 0 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-3{font-size:.84375rem;margin:0 0 1.03125rem;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-4{font-size:.75rem;margin:.5625rem 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-4 .span-1{cursor:pointer;color:#3e5ff1}.reset-pwd-container .block-1 .input-container-1{display:flex;flex-direction:column}.reset-pwd-container .block-1 .input-container-1 .input-1{width:17.90625rem;height:2.0625rem;background:#ececec;background:var(--divider-color-1);border-radius:5px;font-size:.75rem;font-weight:500;color:#414141;color:var(--user-color);padding:0 .46875rem}.reset-pwd-container .block-1 .input-container-1 .input-1:focus{outline:none}.reset-pwd-container .block-1 .input-container-1 .input-gap{margin-top:1.40625rem}.reset-pwd-container .block-1 .input-container-1 .input-gap-1{margin-top:.46875rem}.reset-pwd-container .block-1 .input-container-1 .email-block{position:relative}.reset-pwd-container .block-1 .input-container-1 .email-block span{position:absolute;right:.375rem;top:.515625rem;cursor:pointer;font-size:.75rem;font-weight:500;color:#3e5ff1;z-index:99}.reset-pwd-container .block-1 .btn-1{margin-top:1.40625rem;background:#3e5ff1!important;border-radius:20px;font-size:.75rem;font-weight:400;color:#fff;line-height:1.265625rem}.reset-pwd-container .block-1 .btn-size-1{width:15.9375rem;height:1.875rem!important}.reset-pwd-container .block-1 .btn-size-2{width:10.21875rem;height:1.875rem!important}.reset-pwd-container .v-overlay .v-overlay__content{display:flex;flex-direction:column;align-items:center}.notice-container{width:56.25rem;padding:.9375rem 0}.notice-container .notice-header .bell-img{max-width:1.3125rem}.notice-container .notice-header .notice-header-title{margin-left:.703125rem;font-size:.9375rem}.notice-container .notice-content .notice-tab-container{padding:0 1.40625rem 0 0}.notice-container .notice-content .notice-tab-container .tabs{position:sticky;top:5.625rem}.notice-container .notice-content .notice-tab-container .tabs .tab{margin-bottom:.84375rem;font-size:.9375rem;cursor:pointer}.notice-container .notice-content .notice-tab-container .tabs .setting-tab{margin-top:18px}.notice-container .notice-content .notice-list-container .v-list{background:#fff;background:var(--white-bg-color)}.notice-container .notice-content .notice-list-container .v-list-item__title .produce-name{font-size:.84375rem;color:#141414;color:var(--black-title-2)}.notice-container .notice-content .notice-list-container .v-list-item__title .notice-date{font-size:.65625rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .replied-comment-content{font-size:.75rem;color:#141414;color:var(--black-title)}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .comment-content{font-size:.75rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .comment-content img{max-width:4.6875rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .notice-message-container .info-text{font-size:.75rem;color:#949494;color:var(--tag-color)}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .notice-message-container .info-text a{color:#3e5ff1}.notice-container .notice-content .notice-list-container .v-avatar{height:2.109375rem!important;min-width:2.109375rem!important;width:2.109375rem!important}.notice-message-container .info-text{font-size:.75rem;color:#949494;color:var(--tag-color);white-space:normal;word-break:break-word}.notice-message-container .info-text a{color:#3e5ff1}.notice-message-container .comment-content{display:block;margin-top:.375rem;padding:.1875rem;font-size:.75rem;background-color:#f8f8f8;background-color:var(--tag-bg-color);color:#949494;color:var(--tag-color);border-radius:4px;line-height:1.5em;white-space:normal;word-break:break-word}.notice-message-container .comment-content figure,.notice-message-container .comment-content img{max-width:4.6875rem}.switch-container .ant-switch-checked{background-color:#3e5ff1}.scrollbar{overflow:auto;float:left;border:none}.scrollbar::-webkit-scrollbar{display:block;width:5px;height:1px}.scrollbar::-webkit-scrollbar-thumb{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #18223e;background:#535353}.scrollbar::-webkit-scrollbar-track{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #101728;background:#ededed}.scrollbar{scrollbar-3d-light-color:initial;scrollbar-highlight-color:initial;scrollbar-face-color:initial;scrollbar-arrow-color:initial;scrollbar-shadow-color:initial;scrollbar-dark-shadow-color:initial;scrollbar-base-color:initial}.forum-content-container{width:56.25rem;margin-left:auto;margin-right:auto}.forum-content-container-w{width:74.0625rem;margin-left:auto;margin-right:auto}.forum-post-container{margin-top:1.875rem;margin-bottom:1.875rem;padding:2.8125rem;border-radius:12px;background:#fff;background:var(--white-bg-color)}.forum-post-container .title-row{font-size:1.125rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-post-container .v-input--selection-controls .v-input__control .v-messages{display:none!important}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input{width:20px;height:20px}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .v-icon{height:100%;border:2px solid #636468;border:2px solid var(--register-btn-color);border-radius:50%}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:before{content:"";position:absolute;width:10px;height:10px;background-color:#3e5ff1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:after,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:before,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:after,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .v-input--selection-controls__ripple{display:none}.forum-post-container .radio-label{font-size:.796875rem;font-weight:700;color:#636468;color:var(--register-btn-color)}.forum-post-container .radio-label-active{color:#3e5ff1!important}.forum-post-container .menu-row{margin-top:.703125rem}.forum-post-container .menu-row .error-text{margin-left:.796875rem;font-size:.84375rem;color:#e8263a}.forum-post-container .menu-row .forum-menu .menu-select-btn-1{background-color:#fff!important;background-color:var(--post-menu-bg-color)!important}.forum-post-container .input-title{margin-top:1.40625rem;margin-bottom:.375rem}.forum-post-container .forum-input{padding:0 10px;height:2.25rem;font-size:.75rem;color:#636468;color:var(--register-btn-color);outline:none}.forum-post-container .forum-editor-container,.forum-post-container .forum-input{width:100%;border-radius:4px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color)}.forum-post-container .forum-editor-container{margin-top:.9375rem}.forum-post-container .forum-tag-input-container .tag-block{padding:0 .234375rem;height:2.25rem;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);border-radius:4px}.forum-post-container .forum-tag-input-container .tag-block .chip-block{flex:none}.forum-post-container .forum-tag-input-container .tag-block .chip-block .v-chip{background:#e0e0e0;display:flex;align-items:center;padding:0 .46875rem;margin-right:5px;height:1.5rem;border-radius:16px}.forum-post-container .forum-tag-input-container .tag-block .input-block{width:100%}.forum-post-container .forum-tag-input-container .tag-block .input-block input{width:100%;height:2.25rem;padding-left:.234375rem;color:#636468;color:var(--register-btn-color);outline:none}.forum-post-container .forum-tag-input-container .rec-tag-block{margin-top:.234375rem}.forum-post-container .forum-tag-input-container .rec-tag-block .rec-title{font-size:.84375rem;color:#4f525e;color:var(--preset-title-color);margin-right:.703125rem}.forum-post-container .forum-tag-input-container .rec-tag-block .rec-tag{margin-right:.46875rem;padding:.140625rem .46875rem;font-size:.65625rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px}.forum-post-container .forum-tag-input-container .rec-tag-block div{margin-top:.234375rem}.forum-post-container .btns-row{text-align:right;margin-top:.9375rem}.forum-post-container .btns-row .cancel-btn{border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-post-container .btns-row .draft-btn{border:1px solid #3e5ff1;color:#3e5ff1;background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-post-container .btns-row .submit-btn{color:#fff}.forum-post-container .btns-row .v-btn{border-radius:6px;font-size:.75rem;height:1.828125rem}.forum-menu .menu-select-btn-1{height:2.0625rem!important;font-size:.84375rem;border-radius:6px;color:#88898d;color:var(--filter-btn-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);background-color:#f5f5f5;background-color:var(--filter-btn-bg-color)}.forum-menu .menu-select-btn-1 .item-name{padding-left:.234375rem;text-align:left}.forum-menu .menu-select-btn-1 .item-name,.forum-menu .menu-select-btn-1 .v-icon{color:#88898d;color:var(--filter-btn-color)}.forum-menu .menu-select-btn-error{border:1px solid #e8263a!important}.forum-product-menu .menu-select-btn{width:11.71875rem}.forum-product-menu .menu-select-btn .item-name{width:9.84375rem;text-overflow:ellipsis;overflow:hidden}.discussion-type-menu .menu-select-btn{width:11.484375rem}.discussion-type-menu .menu-select-btn .item-name{width:9.609375rem;text-overflow:ellipsis;overflow:hidden}.discussion-type-menu .menu-select-btn .item-name .list-dot{display:inline-block;width:.5625rem;height:.5625rem;margin-right:.140625rem;border-radius:4px}.forum-banner-container{position:relative}.forum-banner-container .banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.forum-banner-container .banner-text p{font-size:.75rem}.forum-banner-container .banner-text .post-btn{color:#fff;font-size:.75rem}.forum-index-discussion-type-container{margin-top:.75rem}.forum-index-discussion-type-container .discussion-type{margin-top:.9375rem}.forum-index-discussion-type-container .discussion-sub-type{width:17.8125rem;max-width:17.8125rem;padding:.9375rem 1.40625rem;margin-top:.9375rem;border-radius:8px;background:#fff;background:var(--white-bg-color)}.forum-index-discussion-type-container .discussion-sub-type .sub-type-badge-icon{position:relative;min-width:4.6875rem;max-width:4.6875rem;height:4.6875rem;border-radius:50%;flex-grow:0}.forum-index-discussion-type-container .discussion-sub-type .sub-type-badge-icon img{width:4.21875rem}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info{margin-left:.9375rem;text-align:center}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .index-sub-type-name{font-size:.9375rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .sub-type-desc{font-size:.75rem;line-height:.84375rem;color:#88898d;color:var(--filter-tag-color)}.forum-index-discussion-type-container .discussion-sub-type-layout:after{content:"";display:block;width:17.8125rem;height:100%}.forum-index-discussion-type-container .discussion-sub-type:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-index-discussion-type-container .data-title,.forum-index-discussions-container .data-title,.forum-index-rank-container .data-title{font-size:.84375rem;color:#4f525e;color:var(--preset-title-color);font-weight:700}.forum-index-discussion-type-container .learn-more,.forum-index-discussions-container .learn-more,.forum-index-rank-container .learn-more{color:#3e5ff1!important}.forum-index-discussion-type-container .learn-more .v-icon,.forum-index-discussions-container .learn-more .v-icon,.forum-index-rank-container .learn-more .v-icon{font-size:1.125rem}.forum-index-discussion-type-container .learn-more span,.forum-index-discussions-container .learn-more span,.forum-index-rank-container .learn-more span{display:inline-block;margin-right:-.46875rem}.forum-index-container .forum-content-container-w .index-flex-left{width:55.03125rem}.forum-index-container .forum-content-container-w .index-flex-right{width:18.09375rem}.forum-index-discussions-container{margin-top:.9375rem}.forum-index-discussions-container .index-discussion{width:100%;margin-bottom:.9375rem;padding:.46875rem .9375rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-index-discussions-container .index-discussion .discussion-theme{width:28.125rem;font-size:.84375rem}.forum-index-discussions-container .index-discussion .discussion-desc{margin:0 0 .234375rem;font-size:.703125rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex{display:flex;align-items:center}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data{display:flex;align-items:center;margin-right:1.171875rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data img{width:.75rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data span{padding-left:.1875rem;font-size:.75rem;color:#97989e;color:var(--preset-list-desc-color)}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-date{font-size:.75rem;color:#8c8f9f;color:var(--date-color)}.forum-index-discussions-container .index-discussion:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-index-rank-container{position:sticky;top:5.4375rem;margin-top:.75rem}.forum-index-rank-container .index-post-btn{height:2.0625rem!important;width:100%;font-size:.75rem;color:#fff;margin-bottom:.5625rem}.forum-index-rank-container .rank-content{padding:.84375rem 1.078125rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-index-rank-container .rank-content .blue-divider{width:.140625rem;height:.890625rem;background:#3e5ff1;border-radius:23px}.forum-index-rank-container .rank-content .rank-title{margin-left:6px;font-size:20px;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-index-rank-container .discussions{padding:.46875rem 0 .609375rem;border-bottom:1px solid #ececec;border-bottom:1px solid var(--divider-color-3)}.forum-index-rank-container .discussions img{width:.84375rem}.forum-index-rank-container .discussions span{padding-left:.1875rem;font-size:.75rem;color:#97989e;color:var(--preset-list-desc-color)}.forum-index-rank-container .discussions .rank-discussion-theme{margin-bottom:.234375rem;font-size:.75rem;line-height:1.03125rem;color:#97989e;color:var(--preset-list-desc-color);word-break:break-word}.forum-index-rank-container .hot-tags .hot-tag{margin-right:.46875rem;margin-bottom:.46875rem;padding:.234375rem .46875rem;font-size:.65625rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px}.forum-discussion-menu{position:sticky;top:5.625rem;align-self:flex-start;flex-grow:1;margin-top:1.875rem}.forum-discussion-menu .post-btn{width:11.25rem;height:2.0625rem!important;font-size:.84375rem;color:#fff;border-radius:6px}.forum-discussion-menu .menu-opt-container{padding-left:1.359375rem}.forum-discussion-menu .menu-opt-container .menu-opt{font-size:.9375rem;color:#4f525e;color:var(--preset-title-color);font-weight:700}.forum-discussion-menu .menu-opt-container .menu-opt .menu-sub-opt{padding-left:.9375rem;font-size:.84375rem;line-height:1.59375rem;color:#88898d;color:var(--filter-btn-color);font-weight:400}.forum-discussion-list-container{width:60.46875rem;margin-top:1.875rem;padding-bottom:20px}.forum-discussion-list-container .keyword-input-container{position:relative;margin-left:0}.forum-discussion-list-container .keyword-input-container input{width:46.5rem;height:2.0625rem;padding:0 .234375rem;background:#fcfcfc;background:var(--header-bg-color);color:#636468;color:var(--register-btn-color);border-radius:6px;outline:none}.forum-discussion-list-container .keyword-input-container img{position:absolute;height:1.125rem;left:.234375rem;top:.46875rem}.forum-discussion-list-container .mobile-sort-menu{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .mobile-sort-menu .menu-select-btn{padding:0 .234375rem}.forum-discussion-list-container .mobile-sort-menu .menu-select-btn .item-name{padding-right:.5625rem}.forum-discussion-list-container .search-results-text{font-size:.75rem;margin-top:.703125rem;color:#636468;color:var(--register-btn-color)}.forum-discussion-list-container .main-sorter{margin-top:.703125rem}.forum-discussion-list-container .main-sorter div{margin-right:.703125rem}.forum-discussion-list-container .main-sorter .active{padding:.234375rem .65625rem;color:#3e5ff1;background:#d0d7f4;border-radius:129px}.forum-discussion-list-container .sub-sorter{color:#88898d;color:var(--filter-btn-color);margin:1.40625rem 0 1.171875rem;padding:0 .984375rem 0 0}.forum-discussion-list-container .sub-sorter .forum-sorter-menu{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn{width:11.484375rem}.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn .item-name{width:9.609375rem;text-overflow:ellipsis;overflow:hidden}.forum-discussion-list-container .sub-sorter .sub-sorter-item{display:flex;align-items:center}.forum-discussion-list-container .sub-sorter .sub-sorter-item span{font-size:.75rem}.forum-discussion-list-container .product-flex{max-width:13%;flex-basis:13%;flex-grow:0}.forum-discussion-list-container .sub-type-flex{display:flex;align-items:baseline;max-width:12%;flex-basis:12%;flex-grow:0}.forum-discussion-list-container .theme-flex{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .reply-flex,.forum-discussion-list-container .view-flex{max-width:8%;flex-basis:8%;flex-grow:0}.forum-discussion-list-container .last-comment-flex{width:auto;flex-grow:1}.forum-discussion-list-container .discussion{position:relative;width:100%;margin-bottom:.46875rem;padding:.703125rem .984375rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-discussion-list-container .discussion .discussion-header img{width:.9375rem;margin-right:.46875rem}.forum-discussion-list-container .discussion .info-discussion-container{position:relative;padding:.703125rem .984375rem}.forum-discussion-list-container .discussion .info-discussion-container .custom-mask{border-radius:6px}.forum-discussion-list-container .discussion .info-discussion-container .absulote-center span{color:#fff;font-size:.9375rem;font-weight:700}.forum-discussion-list-container .discussion .deleted-info-row{padding:.703125rem .984375rem}.forum-discussion-list-container .discussion .deleted-info-row .reason-flex span{font-size:.75rem;color:#ee4545;word-break:break-word}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex{display:flex;justify-content:flex-end}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex .v-btn{height:1.734375rem;font-size:.75rem;border-radius:6px}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex button:first-child{color:#636468!important;color:var(--register-btn-color)!important;background-color:#f3f3f3;background-color:var(--register-btn-bg-color)}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex button:nth-child(2){color:#3e5ff1!important;border:1px solid #3e5ff1;background-color:#fcfcfc!important;background-color:var(--header-bg-color)!important;margin-left:.9375rem}.forum-discussion-list-container .discussion .play-menu{position:absolute;top:.890625rem;right:.984375rem}.forum-discussion-list-container .discussion .discussion-main-content{margin-top:.46875rem}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info{display:flex;align-items:center}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .essence{padding:0 .1875rem;margin-right:.234375rem;border:1px solid #3e5ff1;border-radius:6px;font-size:.75rem;color:#3e5ff1;line-height:1.125rem;word-break:keep-all}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .discussion-theme{padding-right:.234375rem;margin-bottom:0}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .discussion-des{margin-top:.234375rem}.forum-discussion-list-container .discussion .discussion-main-content .reply-users{display:flex;padding:0 15%}.forum-discussion-list-container .discussion .discussion-main-content .reply-users .avatar{width:1.6875rem;height:1.6875rem;line-height:1.6875rem;font-size:.796875rem}.forum-discussion-list-container .discussion .discussion-main-content .reply-users .reply-users-margin-right{margin-right:5px}.forum-discussion-list-container .discussion .discussion-main-content .stat-data{font-size:.703125rem;color:#8c8f9f;color:var(--date-color)}.forum-discussion-list-container .discussion .discussion-tags div{margin:.1875rem .46875rem 0 0;padding:.09375rem .375rem;font-size:.75rem;line-height:1.125rem;color:#949494;color:var(--tag-color);background-color:#f8f8f8;background-color:var(--tag-bg-color);border-radius:4px}.forum-discussion-list-container .discussion .reply-block{margin-top:.703125rem;padding:.65625rem;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;color:#88898d;color:var(--filter-btn-color);font-size:.796875rem}.forum-discussion-list-container .discussion .reply-block .reply-symbol{word-break:keep-all}.forum-discussion-list-container .discussion .reply-block .reply-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.forum-discussion-list-container .discussion:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-discussion-list-container .info-menu{width:8.90625rem}.forum-discussion-list-container .info-menu .info-menu-btn{padding:.28125rem}.forum-discussion-list-container .info-menu .info-menu-btn .item-name{width:7.265625rem}.forum-sorter-container{height:.9375rem;margin-left:.234375rem}.forum-sorter-container .sorter{width:0;height:0;border-left:.1875rem solid transparent;border-right:.1875rem solid transparent;border-radius:3px;cursor:pointer}.forum-sorter-container .asc-sorter{border-bottom:.375rem solid #d0d7f4}.forum-sorter-container .desc-sorter{border-top:.375rem solid #d0d7f4}.forum-sorter-container .asc-sorter-active{border-bottom-color:#3e5ff1}.forum-sorter-container .desc-sorter-active{border-top-color:#3e5ff1}.forum-discussion-detail-container{margin:.46875rem 0;padding:1.734375rem 2.109375rem 2.203125rem;background:#fff;background:var(--white-bg-color);border-radius:12px}.forum-discussion-detail-container .mobile-product-name{font-size:.65625rem}.forum-discussion-detail-container .discussion-badge{margin-left:.9375rem}.forum-discussion-detail-container .discussion-user-row{position:relative}.forum-discussion-detail-container .discussion-user-row .discussion-date{position:absolute;right:0}.forum-discussion-detail-container .discussion-user-row .forum-user-menu .discussion-date{position:relative;line-height:1em}.forum-discussion-detail-container .discussion-initiator{height:1.40625rem;margin-left:.46875rem;padding:.234375rem .375rem;color:#3e5ff1;border:1px solid #3e5ff1;line-height:.84375rem;font-size:.75rem;border-radius:4px}.forum-discussion-detail-container .discussion-content{font-size:.75rem;word-break:break-word;color:#4f525e;color:var(--preset-title-color)}.forum-discussion-detail-container .discussion-content img{max-width:100%}.forum-discussion-detail-container .discussion-reply img{width:4.6875rem}.forum-discussion-detail-container .discussion-reply .reply-content-editor-outer .forum-reply-content-dialog{width:96%}.forum-discussion-detail-container .discussion-reply .reply-content-editor-outer .forum-reply-content-dialog .v-card .outer-editor-container .content-editor{height:5.390625rem}.forum-discussion-detail-container .discussion-opt-row{margin-top:1.171875rem;justify-content:flex-start}.forum-discussion-detail-container .discussion-opt-row div{display:flex;align-items:center}.forum-discussion-detail-container .discussion-opt-row div img{width:1.078125rem;margin-right:.375rem}.forum-discussion-detail-container .discussion-opt-row div span{color:#4f525e;color:var(--preset-title-color);font-size:.75rem}.forum-discussion-detail-container .main-reply-content-editor-outer{margin-top:1.171875rem;padding:.703125rem .703125rem 3.75rem;background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:8px}.forum-discussion-detail-container .main-reply-content-editor-outer .forum-reply-content-dialog{margin-top:0}.parent-reply-content .reply-label{min-width:2.109375rem;max-width:2.109375rem;padding-top:.375rem;font-size:.703125rem;color:#707070;color:var(--feedbcak-color)}.parent-reply-content .parent-reply-outer{padding:.375rem;background:#f3f3f3;background:var(--register-btn-bg-color);border-radius:8px;flex-grow:1}.parent-reply-content .parent-reply-outer .parent-reply{font-size:.703125rem;color:#414141;color:var(--user-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.forum-reply-content-dialog{margin:.9375rem 0}.forum-reply-content-dialog .v-card{border-radius:8px;border:1px solid #ececec!important;border:1px solid var(--divider-color-3)!important;box-shadow:none!important;background:#fff;background:var(--white-bg-color)}.forum-reply-content-dialog .v-card .editor-toolbar{margin:.375rem .703125rem 0;padding-bottom:.375rem;border-bottom:1px solid #ececec;border-bottom:1px solid var(--divider-color-3);border-radius:0}.forum-reply-content-dialog .v-card .editor-toolbar .img-input-caontainer{margin-left:5px}.forum-reply-content-dialog .v-card .parent-reply-content{padding:.375rem .703125rem}.forum-reply-content-dialog .v-card .outer-editor-container .content-editor{height:180px;margin:.375rem .703125rem;color:#636468!important;color:var(--register-btn-color)!important}.forum-reply-content-dialog .v-card .inner-editor-container{display:flex;align-items:center;justify-content:space-between;width:75%}.forum-reply-content-dialog .v-card .inner-editor-container .content-editor{flex-basis:90%;max-width:90%;min-height:40px;margin:.375rem 0;padding:.46875rem;flex-grow:1;border:1px solid #d5d5d5!important}.forum-reply-content-dialog .v-card .content-editor{outline:none;overflow-y:scroll;font-size:.75rem;line-height:1.125rem}.forum-reply-content-dialog .v-card .content-editor img{width:4.21875rem}.forum-reply-content-dialog .v-card .v-icon{color:#4f525e;font-size:1.40625rem}.forum-reply-content-dialog .reply-editor-btn{min-width:4.125rem!important;height:2.0625rem!important;float:right;margin-top:.703125rem;font-size:.84375rem!important;border-radius:6px}.forum-reply-content-dialog .send-btn{color:#fff!important}.forum-reply-content-dialog .cancel-btn{margin-right:.9375rem;border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-breadcrumb-container .v-breadcrumbs{padding-left:0}.forum-breadcrumb-container .v-breadcrumbs li .v-breadcrumbs__item{font-size:.84375rem;font-weight:700;color:#3e5ff1}.forum-breadcrumb-container .v-breadcrumbs li .v-breadcrumbs__item--disabled{color:#8c8f9f;color:var(--date-color)}.forum-breadcrumb-container .v-breadcrumbs .v-breadcrumbs__divider{padding:0}.forum-breadcrumb-container .v-breadcrumbs .v-breadcrumbs__divider .v-icon{font-size:1.03125rem;color:#8c8f9f;color:var(--date-color)}.forum-img-view-container img{max-width:56.25rem}.avatar-circle-with-border{width:1.40625rem;height:1.40625rem;background-size:contain!important;font-size:.65625rem;line-height:1.40625rem}.avatar{border-radius:50%!important;color:#fff;font-weight:700;text-align:center}.discussion-user-name{margin-left:.5625rem;font-size:.703125rem;font-weight:700;color:#414141;color:var(--user-color)}.discussion-date{margin-left:.5625rem;font-size:.75rem;color:#8c8f9f;color:var(--date-color)}.discussion-product{font-size:.65625rem}.discussion-badge{width:.5625rem;height:.5625rem;border-radius:4px}.sub-type-name{margin-left:.234375rem;font-size:.65625rem;line-height:1.3125rem}.discussion-theme,.sub-type-name{font-weight:700;color:#4f525e;color:var(--preset-title-color)}.discussion-theme{font-size:.84375rem;word-break:break-word;-webkit-line-clamp:1}.discussion-desc,.discussion-theme{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.discussion-desc{font-size:.703125rem;color:#88898d;color:var(--filter-btn-color);line-height:1.125rem;-webkit-line-clamp:3}.margin-top-5{margin-top:.234375rem}.margin-top-8{margin-top:.375rem}.margin-top-12{margin-top:.5625rem}.margin-top-15{margin-top:.703125rem}.margin-top-20{margin-top:.9375rem}.margin-top-25{margin-top:1.171875rem}.margin-top-30{margin-top:1.40625rem}.margin-top-35{margin-top:1.640625rem}.margin-left-25{margin-left:1.171875rem}.margin-left-40{margin-left:1.875rem}.margin-left-65{margin-left:3.046875rem}.margin-right-5{margin-right:.234375rem}.v-menu__content .forum-user-card{width:11.953125rem;padding:1.40625rem .609375rem .65625rem;text-align:center}.v-menu__content .forum-user-card .avatar-circle-with-border{margin:0 auto}.v-menu__content .forum-user-card .discussion-user-name{margin-top:.328125rem;word-break:break-all;text-align:center}.v-menu__content .forum-user-card .focus-btn{min-width:4.21875rem;margin-top:.65625rem;padding:.234375rem .375rem;color:#fff;font-size:.75rem;line-height:1.21875rem;border-radius:3px}.v-menu__content .forum-user-card .focused{color:#fff!important;color:var(--info-focus-color)!important;background:#d1d2d4!important;background:var(--filter-tag-bd-color)!important}.v-menu__content .forum-user-card .focused .focused-hover-span{display:none}.v-menu__content .forum-user-card .msg-btn{color:#8c8f9f!important;color:var(--date-color)!important;border:1px solid #8c8f9f!important;border:1px solid var(--date-color)!important}.v-menu__content .forum-user-card .msg-btn img{width:.84375rem;margin-right:.234375rem}.v-menu__content .forum-user-card .focused:hover .focused-non-hover-span{display:none}.v-menu__content .forum-user-card .focused:hover .focused-hover-span{display:inline!important}.v-menu__content .forum-user-card .loading{height:8.8125rem}.v-menu__content .forum-user-card .loading .circular-loading-container{height:100%}.v-menu__content .forum-user-card .loading .circular-loading-container .circular-container{height:100%;margin-top:0!important;flex-direction:column;align-items:center}.v-menu__content .forum-user-card .forum-stat .num{font-size:1.03125rem;color:#4f525e;color:var(--preset-title-color)}.v-menu__content .forum-user-card .forum-stat .stat-title,.v-menu__content .forum-user-card .join-time{font-size:.65625rem;color:#4f525e;color:var(--preset-title-color)}.forum-delete-modal{padding:0 .9375rem .9375rem}.forum-delete-modal .radio-container{margin-top:.46875rem;padding:.46875rem .9375rem;border-radius:8px;background-color:#f5f5f5;background-color:var(--page-bg-color)}.forum-delete-modal .radio-container .v-input--selection-controls{margin-top:8px;padding-top:0}.forum-delete-modal .radio-container .v-input--selection-controls .v-input__control .v-messages{display:none!important}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input{width:20px;height:20px}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .v-icon{height:100%;border:2px solid #636468;border:2px solid var(--register-btn-color);border-radius:50%}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:before{content:"";position:absolute;width:10px;height:10px;background-color:#3e5ff1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:after,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:before,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:after,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .v-input--selection-controls__ripple{display:none}.forum-delete-modal .cancel-btn{border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important;font-size:.75rem}.forum-delete-modal .delete-btn{color:#fff;font-size:.75rem}.forum-delete-modal textarea{width:100%;height:4.6875rem;padding:.234375rem;font-size:.75rem;border-radius:8px;background-color:#fff;background-color:var(--white-bg-color);color:#4f525e;color:var(--preset-title-color)}.absulote-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-user-menu__content .forum-user-card{background:#fff;background:var(--white-bg-color)}.custom-mask{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity:.3}}@media only screen and (max-width:1366px){html{font-size:16px!important}html body{margin:0 auto;max-width:100%;background:#fafafa}html body .v-application .v-menu__content{background-color:#fff;background-color:var(--menu-bg-color);box-shadow:0 2px 20px rgba(0,0,0,.25);border-radius:6px;scrollbar-color:#f3f3f3 transparent;scrollbar-color:var(--register-btn-bg-color) transparent;scrollbar-width:thin}html body .v-application .v-menu__content .v-list{background:transparent!important}html body .v-application .v-menu__content::-webkit-scrollbar{width:4px}html body .v-application .v-menu__content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#f3f3f3;background:var(--register-btn-bg-color)}html body .v-application .v-menu__content::-webkit-scrollbar-track{border-radius:0;background:transparent}html body .v-application .v-menu__content--fixed{box-shadow:0 2px 20px rgba(0,0,0,.25);border-radius:6px}html body .style_check-box{height:1.5563151042rem!important}html body .style_check-box .v-input--checkbox .v-input__control .v-input__slot .mdi-checkbox-blank-outline:before,html body .style_check-box .v-input--checkbox .v-input__control .v-input__slot label{color:#88898d!important}html body .v-dialog{background-color:#fff;background-color:var(--white-bg-color);position:relative;border-radius:14px!important}html body .v-dialog .close-icon{position:absolute;right:10px;width:.8893229167rem;height:.8893229167rem;top:15px;cursor:pointer}html body .v-dialog .modal-title{display:flex;justify-content:center;align-items:center;margin-top:1.7786458333rem}html body .v-dialog .icon-1{width:1.4229166667rem;height:1.4229166667rem;border-radius:50%;display:flex;justify-content:center;align-items:center}html body .v-dialog .failure-icon{background:#e54e4e;position:relative}html body .v-dialog .failure-icon:before{transform:translate(-50%,-50%) rotate(45deg)}html body .v-dialog .failure-icon:after,html body .v-dialog .failure-icon:before{content:"";display:block;width:.800390625rem;height:.0889322917rem;background:#fff;position:absolute;top:50%;left:50%}html body .v-dialog .failure-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}html body .v-dialog .success-icon:before{content:"";display:block;width:.6225260417rem;height:.4446614583rem;border:2px solid #fff;border-top:none;border-right:none;transform:rotate(-45deg) translate(.0889322917rem,-.0889322917rem)}html body .v-dialog .success-icon{background:#3e5ff1}html body .v-dialog .title-text{display:inline-block;font-size:.9782552083rem;font-weight:700;color:#636468;color:var(--register-btn-color);margin-left:.3557291667rem}html body .v-dialog .info-text{font-size:.7114583333rem;font-weight:400;line-height:1.2005859375rem;color:#636468;color:var(--register-btn-color)}html body .v-dialog .btn-block,html body .v-dialog .info-text{margin-top:1.0671875rem;display:flex;justify-content:center;align-items:center}html body .v-dialog .btn-block{margin-bottom:1.333984375rem}html body .v-dialog .btn-block button{border-radius:4px;width:4.9802083333rem;height:1.7786458333rem!important;font-size:.800390625rem;box-shadow:none;text-transform:capitalize;letter-spacing:0}html body .v-dialog .btn-block .btn-left{font-weight:400;background:#3e5ff1;color:#fff}html body .v-dialog .btn-block .btn-right{font-weight:700;background:#fff;background:var(--white-bg-color);color:#4f525e;color:var(--preset-title-color);margin-left:1.333984375rem}html #preset-container{width:100%;margin:0 auto .8893229167rem;padding:.53359375rem 0 0;width:53.359375rem}html #preset-container input:-moz-placeholder,html #preset-container input::-moz-placeholder,html #preset-container textarea:-moz-placeholder,html #preset-container textarea::-moz-placeholder{color:#52545b;font-weight:400}html #preset-container input::-webkit-input-placeholder,html #preset-container textarea::-webkit-input-placeholder{color:#52545b;font-weight:400}html #preset-container .content-container{padding:.4446614583rem;margin:.8893229167rem auto 2.2233072917rem;max-width:54.159765625rem}html #preset-container .content-container .use-profile{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}html #preset-container .content-container .use-profile .profile-title1{font-size:1.0671875rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.8231119792rem;margin-bottom:0;padding-right:1.9565104167rem}html #preset-container .content-container .use-profile .profile-title2{font-size:.8893229167rem;font-weight:400;color:#141414!important;color:var(--black-title-2)!important;line-height:1.0671875rem;margin-bottom:0}html #preset-container .content-container .file-upload-block{margin-top:.8893229167rem}html #preset-container .content-container .file-upload-block .ant-upload{border-radius:20px;background-color:transparent;border-width:2px;border-color:#b5b5b5!important}html #preset-container .content-container .file-upload-block .ant-upload-list{display:none;flex-wrap:wrap}html #preset-container .content-container .file-upload-block .ant-upload-list div{width:20%}html #preset-container .content-container .file-upload-block .ant-upload-list div .ant-upload-list-item,html #preset-container .content-container .file-upload-block .ant-upload-list div .ant-upload-list-item .ant-upload-list-item-info{width:95%}html #preset-container .content-container .file-upload-block .file-upload-info{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;margin-left:1.6897135417rem;max-width:80%;text-align:left}html #preset-container .content-container .ant-upload-drag-icon{margin-bottom:.6669921875rem;margin-left:.9782552083rem;height:1.9120442708rem}html #preset-container .content-container .ant-upload-drag-icon li{font-size:1.9120442708rem}html #preset-container .content-container .ant-upload-drag-icon .anticon-cloud-upload svg{fill:#707070;fill:var(--feedbcak-color)}html #preset-container .content-container .ant-upload-text{font-size:.9337890625rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.8231119792rem;margin-bottom:0}html #preset-container .content-container .ant-upload-text-s{font-size:.8893229167rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:.9337890625rem;margin-bottom:0}html #preset-container .content-container .file-block{margin-top:.6669921875rem;padding:.4446614583rem 0;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:10px}html #preset-container .content-container .file-block ul{padding:0 .6669921875rem}html #preset-container .content-container .file-block ul .file-list{list-style:none;cursor:pointer}html #preset-container .content-container .file-block ul .file-list .file-item{display:flex;align-items:center;justify-content:space-between}html #preset-container .content-container .file-block ul .file-list .file-item span{font-size:.8893229167rem;width:30%;line-height:1.7786458333rem}html #preset-container .content-container .file-block ul .file-list .file-item .name{margin-left:.6669921875rem;font-weight:700;color:#404040;color:var(--preset-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .content-container .file-block ul .file-list .file-item .size{font-size:400;color:#404040;color:var(--preset-text-color)}html #preset-container .content-container .file-block ul .file-list .file-item .delete-icon{color:#404040;color:var(--preset-text-color);height:.8893229167rem;margin-right:.6669921875rem}html #preset-container .content-container .file-block ul .file-list:hover{background:var(--preset-select-bg-color);border-radius:5px}html #preset-container .content-container .file-block .file-upload-block-2{padding:0 .6669921875rem .6669921875rem;margin-top:.6669921875rem}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload{border-radius:5px;background-color:#fbfbfb;background-color:var(--file-list-bg-color);border-width:1px;border-color:#1753e1!important}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload .ant-upload-btn{padding:.3557291667rem 0}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload .ant-upload-text-2{font-size:.8893229167rem;font-weight:400;color:#1753e1}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload-list{display:none!important}html #preset-container .content-container .red-star{color:red}html #preset-container .content-container .select-product{width:100%;padding:1.9120442708rem 4.001953125rem 1.7786458333rem 2.2233072917rem;margin-top:1.7786458333rem;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:27px}html #preset-container .content-container .select-product h4{font-size:1.0671875rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:1.8231119792rem;margin-bottom:0}html #preset-container .content-container .select-product .product-check-show{display:flex;justify-content:flex-start;align-items:center}html #preset-container .content-container .select-product .product-check-show .show-label{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}html #preset-container .content-container .select-product .product-check-show .lable-item{display:flex;justify-content:flex-start;align-items:center;padding:0 1.9120442708rem 1.333984375rem 0}html #preset-container .content-container .select-product .product-check-show .lable-item .ant-form-item{margin-bottom:0}html #preset-container .content-container .select-product .product-check-show .lable-item p{font-size:.8893229167rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:1.5118489583rem;margin:0 .2223307292rem 0 0;width:3.8240885417rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-style{max-width:8.8932291667rem!important}html #preset-container .content-container .select-product .product-check-show .lable-item .v-input__control{height:1.6897135417rem;border-radius:5px}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn{width:10.4495442708rem;height:1.7786458333rem;color:#404040;color:var(--preset-text-color);background-size:8%;padding:0 .3557291667rem;justify-content:flex-start;border-radius:5px}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content{font-size:.7114583333rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content span{text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:8.8932291667rem;text-align:left;display:inline-block!important}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content i{position:absolute;right:0;font-size:.7114583333rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn-bg-light{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll var(--preset-select-bg-color) 98%}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn-bg-dark{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll var(--preset-select-bg-color) 98%}html #preset-container .content-container .select-product .product-check-show .product-image{width:10.2272135417rem;height:5.7805989583rem}html #preset-container .content-container .select-product .product-check-show .product-image img{width:100%;height:auto}html #preset-container .content-container .select-product .no-product-margin{margin-top:.8893229167rem!important}html #preset-container .content-container .select-product .preset-match{width:100%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}html #preset-container .content-container .select-product .preset-match p:first-child{font-size:1.0671875rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:1.8231119792rem;margin-bottom:0}html #preset-container .content-container .select-product .preset-match p:nth-child(2){font-size:1.0671875rem;font-weight:700;color:#818181!important;line-height:1.8231119792rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-left:1.333984375rem}html #preset-container .content-container .content-form{width:100%;margin-top:.6669921875rem}html #preset-container .content-container .content-form .v-row-height{margin-top:1.5563151042rem}html #preset-container .content-container .content-form .form-title{display:flex;align-items:baseline}html #preset-container .content-container .content-form .form-title .word-count{display:inline-block;margin-left:.8893229167rem;color:#141414;color:var(--black-title)}html #preset-container .content-container .content-form .form-label{font-size:1.0671875rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.8231119792rem;margin-bottom:5px;white-space:pre}html #preset-container .content-container .content-form .form-label .question{width:1.2450520833rem;height:1.2450520833rem;font-size:.8893229167rem;font-weight:400;color:#777!important;line-height:1.2450520833rem;margin-bottom:0;background:#e5e5e5;border-radius:50%;display:inline-block;margin-left:.8893229167rem;text-align:center}html #preset-container .content-container .content-form .form-label .text{font-size:.8893229167rem;font-weight:400;color:#3e5ff1!important;line-height:1.0671875rem;margin-bottom:0;margin-left:1.867578125rem}html #preset-container .content-container .content-form .form-label .text:hover{color:#4c6cfb!important}html #preset-container .content-container .content-form .form-tip{font-size:.8893229167rem;font-weight:400;color:#777!important;line-height:.8893229167rem;margin-bottom:0;margin-left:20px}html #preset-container .content-container .content-form .cover-container{margin:.4446614583rem 0;border-radius:10px!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container{min-width:330px;max-width:330px;height:250px}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .ant-upload.ant-upload-drag{border:none!important;border-radius:5px;background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .ant-upload-list-item{display:none!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .upload-icon{width:3.5128255208rem;margin:0 auto}html #preset-container .content-container .content-form .cover-container .cropper-container{max-width:330px;height:250px;position:relative}html #preset-container .content-container .content-form .cover-container .cropper-container .delete-icon{color:#404040;color:var(--preset-text-color);position:absolute;top:-8px;right:-17px;cursor:pointer}html #preset-container .content-container .content-form .cover-container .upload-controller{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:3.6017578125rem;width:90%}html #preset-container .content-container .content-form .cover-container .upload-controller .controller-tip{font-size:.8893229167rem;font-weight:400;color:#b9b9b9!important;line-height:.8893229167rem;margin-bottom:0}html #preset-container .content-container .content-form .cover-container .upload-controller .slider-container{max-height:1.7786458333rem;width:90%}html #preset-container .content-container .content-form .cover-container .upload-controller .slider-container .slider{width:100%;height:35px}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container{max-height:1.60078125rem;width:100%}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .v-btn{box-shadow:none;border-radius:10px}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .upload-btn{color:#fff}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .reset-btn{color:#8c8f9f}html #preset-container .content-container .content-form .uploaded-cover-conatiner{width:300px;height:200px;position:relative}html #preset-container .content-container .content-form .uploaded-cover-conatiner .delete-icon{color:#404040;color:var(--preset-text-color);position:absolute;top:-8px;right:-17px;cursor:pointer}html #preset-container .content-container .content-form .media-margin{margin-top:.8893229167rem}html #preset-container .content-container .content-form .hint-tips{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:-.53359375rem;margin-bottom:1.1116536458rem;padding-left:.53359375rem}html #preset-container .content-container .content-form .hint-tips-1{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:.4891276042rem;margin-bottom:1.1116536458rem;padding-left:.53359375rem;font-size:.6225260417rem!important}html #preset-container .content-container .content-form .tag-block{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;height:2.4901041667rem;background-color:#e5e5e5;background-color:var(--preset-input-bg-color);width:100%;border-radius:5px}html #preset-container .content-container .content-form .tag-block .chip-block{height:2.4901041667rem;line-height:2.4901041667rem;display:flex;align-items:center}html #preset-container .content-container .content-form .tag-block .chip-block span{margin-left:.2223307292rem}html #preset-container .content-container .content-form .tag-block .chip-block span i{font-size:.7114583333rem;padding-bottom:1px;cursor:pointer}html #preset-container .content-container .content-form .tag-block .chip-block span i:hover{color:#3e5ff1!important}html #preset-container .content-container .content-form .tag-block .chip-block .v-chip{align-items:center;display:inline-flex;line-height:1.5563151042rem;max-width:100%;outline:none;overflow:hidden;padding:0 .53359375rem;position:relative;text-decoration:none;transition-duration:.28s;transition-property:box-shadow,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);vertical-align:middle;white-space:nowrap;border-radius:20px;background:#e0e0e0;margin-right:.2223307292rem}html #preset-container .content-container .content-form .tag-block .content-padding{padding-left:1.0671875rem}html #preset-container .content-container .content-form .tag-block .input-block{height:2.4901041667rem;width:100%;background-color:#fbfbfb;background-color:var(--file-list-bg-color);border-radius:5px}html #preset-container .content-container .content-form .tag-block .input-block .tag-input{width:100%;height:2.4901041667rem;padding:0 1.0671875rem;font-size:.8893229167rem;color:#404040;color:var(--preset-text-color);background-color:#e5e5e5;background-color:var(--preset-input-bg-color);border-radius:5px}html #preset-container .content-container .content-form .tag-block .input-block .tag-input:focus{outline:none}html #preset-container .content-container .content-form .v-select__selections{font-size:.8893229167rem;font-weight:400;color:#6e6e6e!important;line-height:1.0671875rem;margin-bottom:0}html #preset-container .content-container .content-form .row{display:block}html #preset-container .content-container .content-form .row .hint-tips{margin-top:-.3557291667rem}html #preset-container .content-container .content-form .row .hint-tips .v-messages__wrapper .v-messages__message{font-size:.6225260417rem!important}html #preset-container .content-container .content-form .row .style-tip{margin-top:.7114583333rem!important}html #preset-container .content-container .content-form .row .v-input .v-input__control .v-text-field__details{margin-top:.3112630208rem!important}html #preset-container .content-container .content-form .row .v-input .v-input__control .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message{font-size:.6225260417rem!important;line-height:.6225260417rem!important}html #preset-container .content-container .content-form .col .row{display:flex}html #preset-container .content-container .content-form .form-text{font-size:.8893229167rem;font-weight:400;color:#6e6e6e!important;line-height:1.0671875rem;margin-bottom:0}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot{background-color:#e5e5e5;background-color:var(--preset-input-bg-color)}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot fieldset{border:none}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot .v-text-field__slot input{color:#404040;color:var(--preset-text-color)}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot .v-text-field__slot textarea{color:#404040;color:var(--preset-text-color);resize:none}html #preset-container .content-container .content-form .select-raws{margin:.8893229167rem 0}html #preset-container .content-container .content-form .select-raws .title-tip{font-size:1.0671875rem;font-weight:700;color:#141414!important;line-height:1.8231119792rem;margin:0}html #preset-container .content-container .content-form .select-raws .title-tip-sub{font-size:.8893229167rem;font-weight:700;color:#777!important;line-height:1.5118489583rem;margin-bottom:0}html #preset-container .content-container .content-form .select-raws .select-style{width:10.13828125rem}html #preset-container .content-container .content-form .select-raws .select-style-long{width:38.2408854167rem}html #preset-container .content-container .content-form .select-raws div{width:100%}html #preset-container .content-container .content-form .select-raws input,html #preset-container .content-container .content-form .select-raws textarea{width:38.2408854167rem}html #preset-container .content-container .content-form .select-raws .tag-name{font-size:.7114583333rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;text-decoration:underline;margin-right:.5780598958rem;display:inline-block}html #preset-container .content-container .content-form .user-control{width:100%;margin-left:-12px;margin-top:15px;display:flex;justify-content:flex-start;align-items:center}html #preset-container .content-container .content-form .user-control .checkbox-font{font-size:.8893229167rem;font-weight:400;color:#272727!important;line-height:1.0671875rem;margin-bottom:0}html #preset-container .content-container .content-form .user-control .control{font-size:.8893229167rem;font-weight:400;color:#3e5ff1!important;line-height:1.0671875rem;margin-bottom:0}html #preset-container .content-container .content-form .user-control .control:hover{color:#4c6cfb!important}html #preset-container .content-container .content-form .v-input-self-mgbm{margin-bottom:0}html #preset-container .content-container .content-form .v-select-self-mgtop{margin-top:.800390625rem!important}html #preset-container .content-container .content-form .v-input__control{border-radius:5px}html #preset-container .content-container .content-form .v-form-h,html #preset-container .content-container .content-form .v-form-h .v-input__control,html #preset-container .content-container .content-form .v-form-h .v-input__control .v-input__slot{height:2.4901041667rem}html #preset-container .content-container .content-form .v-form-h .v-input__control .v-input__slot .v-select__slot .v-input__append-inner{margin-top:.6225260417rem}html #preset-container .content-container .content-form .v-select-w{width:11.5611979167rem}html #preset-container .content-container .content-form .select-btn{background-size:8%;max-width:100%;width:auto;min-width:11.5611979167rem;padding-left:1.0671875rem!important;border-radius:6px}html #preset-container .content-container .content-form .select-btn span{text-align:left;display:inline-block!important;padding-right:1.333984375rem}html #preset-container .content-container .content-form .select-btn-bg-light{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll var(--preset-input-bg-color) 98%}html #preset-container .content-container .content-form .select-btn-bg-dark{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll var(--preset-input-bg-color) 98%}html #preset-container .content-container .content-form .filled-text{color:#404040;color:var(--preset-text-color);font-size:.8893229167rem;font-weight:400}html #preset-container .content-container .content-form .empty-text{color:#52545b;font-size:.8893229167rem;font-weight:400}html #preset-container .content-container .content-form .submit-btn{min-width:4.4466145833rem!important;width:auto!important;height:1.7786458333rem!important;background:#3e5ff1!important;border-radius:24px;display:grid;justify-content:center;align-content:center;font-size:.8893229167rem;font-weight:400!important;color:#fff!important;margin-bottom:0;letter-spacing:0;box-shadow:none;text-transform:capitalize}html #preset-container .content-container .content-form .submit-btn span{line-height:1.7786458333rem}html #preset-container .submit-fixed{width:100%;padding:0 3.5572916667rem;height:4.8912760417rem;position:fixed;bottom:0;box-shadow:0 -1px 6px rgba(0,0,0,.16);background:#fff;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}html #preset-container .submit-fixed .btn-self{border-radius:24px}html #preset-container .state-container{width:100%;border-radius:27px;padding:1.4229166667rem 2.2233072917rem 1.4229166667rem 1.7786458333rem;margin:0;display:flex;justify-content:flex-start;align-items:center}html #preset-container .state-container .container-left{width:22.9000651042rem}html #preset-container .state-container .container-left .title{font-size:2.134375rem!important;line-height:2.66796875rem;font-weight:800;padding-left:1.2005859375rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}html #preset-container .state-container .container-left .name{width:20.3210286458rem;padding-left:1.2005859375rem;display:flex;justify-content:flex-start;align-items:center}html #preset-container .state-container .container-left .name p:first-child{width:1.7786458333rem;line-height:1.7786458333rem!important;background:#71b47f;border-radius:50%;text-align:center;font-size:.800390625rem;font-weight:700;color:#fff!important;line-height:1.3784505208rem;margin-bottom:0}html #preset-container .state-container .container-left .name p:nth-child(2){padding-left:.4446614583rem;font-size:.8893229167rem;font-weight:700;color:#414141!important;line-height:1.5118489583rem;margin-bottom:0}html #preset-container .state-container .container-left .meta{width:100%;padding:.4446614583rem 1.2005859375rem;border-radius:27px}html #preset-container .state-container .container-left .meta p{margin:0}html #preset-container .state-container .container-left .meta p:first-child{font-size:1.4229166667rem;font-weight:700;color:#fff!important;line-height:2.401171875rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-left .meta p:nth-child(2){font-size:.9782552083rem;font-weight:500;color:#fff!important;line-height:1.6452473958rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-left .meta p:nth-child(3){font-size:.9782552083rem;font-weight:300;color:#fff!important;line-height:1.6452473958rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-right{width:27.9692057292rem;padding-left:1.6897135417rem}html #preset-container .state-container .container-right .musical p:first-child{width:3.5572916667rem;height:3.5572916667rem;padding:.4891276042rem;margin-left:.8893229167rem;border-radius:27px;display:grid;justify-content:center}html #preset-container .state-container .container-right .musical p:first-child img{width:2.6235026042rem;height:2.6235026042rem}html #preset-container .state-container .container-right .musical p:nth-child(2){font-size:.8893229167rem;font-weight:500;line-height:1.5118489583rem;margin-top:.800390625rem}html #preset-container .state-container .container-right .desc{margin-top:3.0236979167rem;font-size:.8893229167rem;font-weight:300;color:#818181!important;line-height:1.333984375rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}html #preset-container .state-container .container-right .styles{display:flex;justify-content:flex-end;align-items:center}html #preset-container .state-container .container-right .styles p{width:3.73515625rem;line-height:1.60078125rem;margin-left:.8893229167rem;background:#636468;border-radius:7px;font-size:.8893229167rem;font-weight:400;color:#fff!important;line-height:1.5118489583rem;margin-bottom:0;text-align:center}html #preset-container .ok-icon{margin-top:1.7786458333rem;text-align:center;display:flex;justify-content:center;align-items:center;font-size:1.0671875rem;font-weight:700;color:#141414!important;line-height:1.8231119792rem;margin-bottom:0}html #preset-container .ok-icon img{width:1.333984375rem;height:1.333984375rem}html #preset-container .ok-icon text{padding-left:.9782552083rem}html #preset-container .gotoindexpage{display:block;line-height:2.134375rem;color:#141414!important;text-align:center}html #preset-container .gotoindexpage,html #preset-container .restuplaod{width:9.7380859375rem;border:.0444661458rem solid #707070;border-radius:11px;font-size:1.0671875rem;font-weight:400;line-height:1.8231119792rem;margin:1.2450520833rem auto 0}html #preset-container .restuplaod{display:block;height:2.134375rem;color:#687a7a!important;display:flex;justify-content:center;align-items:center}html #preset-container .restuplaod image{width:.6225260417rem;height:.6225260417rem}html #preset-container .edit-loading-container{width:100%;max-width:100%;margin:20px auto;background:#fff;background:var(--white-bg-color);border-radius:14px;padding:2rem}html .drop-down-item{color:#88898d!important;font-size:.7114583333rem!important}html .outer{width:320px;height:5px;background:#fff;border-radius:10px}html .outer .inner{background:#3e5ff1;border-radius:10px;height:100%}.header-block{display:flex;justify-content:center;width:100%;background:#fcfcfc;background:var(--header-bg-color);height:4.4466145833rem;position:fixed;z-index:50}.toobar{position:relative;width:53.359375rem;max-width:53.359375rem}.toobar .logo{width:4.8912760417rem;height:auto;cursor:pointer}.toobar .header-tab-container{flex-grow:0;margin-left:5%}.toobar .header-tab-container .layout .tab{font-size:.800390625rem;font-weight:700;line-height:1.3784505208rem;color:#636468;color:var(--register-btn-color);cursor:pointer}.toobar .header-tab-container .layout .active{color:#3e5ff1!important}.toobar .header-tab-container .layout .underline{height:.1778645833rem;background:#3e5ff1;border-radius:10px}.toobar .header-tab-container-zh{flex-basis:15%;max-width:15%}.toobar .header-tab-container-en{flex-basis:18%;max-width:18%}.toobar .pad-user-info{position:absolute}.toobar .userinfo-login-sm{right:9.871484375rem;flex-basis:25%;flex-grow:0;max-width:25%}.toobar .userinfo-login-post-sm{right:9.1600260417rem;flex-basis:18%;flex-grow:0;max-width:18%}.toobar .userinfo-unlogin-sm{right:9.871484375rem;flex-basis:26%;flex-grow:0;max-width:26%;min-width:26%}.toobar .userinfo-unlogin-post-sm{right:9.871484375rem;flex-basis:17%;flex-grow:0;max-width:17%;min-width:17%}.toobar .login-btn{background-color:#fcfcfc!important;background-color:var(--header-bg-color)!important;border-radius:6px!important;color:#3e5ff1!important;border:1px solid #3e5ff1}.toobar .login-btn,.toobar .register-btn{padding:.8893229167rem;font-size:.800390625rem!important;min-width:3.9130208333rem!important;min-height:1.9565104167rem!important}.toobar .register-btn{border:none;border-radius:6px!important;color:#636468!important;color:var(--register-btn-color)!important;background-color:#f3f3f3!important;background-color:var(--register-btn-bg-color)!important}.toobar .upload-btn{padding:.8893229167rem;background-color:#3e5ff1!important;border-radius:6px!important;font-size:.800390625rem!important;color:#fff!important;min-width:3.9130208333rem!important;min-height:1.9565104167rem!important}.toobar .menu-btn{padding:0!important;line-height:2.134375rem;color:#636468!important;height:3.1126302083rem!important;max-width:2.2233072917rem!important;min-width:2.2233072917rem!important}.toobar .menu-btn .span-1{font-size:1.1561197917rem!important;font-weight:700}.toobar .menu-btn:before{background-color:transparent!important}.toobar .notice-btn-container{width:2.8902994792rem;height:3.1126302083rem;flex-grow:0}.toobar .notice-btn-container .notice-btn{position:relative;border-radius:7px;cursor:pointer;max-width:2.4456380208rem;min-width:2.4456380208rem;max-height:2.4456380208rem;min-height:2.4456380208rem}.toobar .notice-btn-container .notice-btn .bell-img{max-width:2.4456380208rem}.toobar .notice-btn-container .notice-btn .notice-badge{background-color:red;color:#fff;border-radius:50%;font-size:12px;transform:scale(.8);padding:2px;position:absolute;top:.266796875rem;right:.2223307292rem;width:24px;height:24px;display:flex;justify-content:center;text-align:center;align-items:center}.toobar .dark-theme{position:absolute;right:7.0256510417rem;width:1.9565104167rem;max-width:1.9565104167rem;cursor:pointer}.toobar .dark-theme-post-margin{margin-left:.4891276042rem}.toobar .lang-block{position:absolute;right:0}.toobar .lang-block .lang-menu-btn{width:6.136328125rem;min-height:1.9565104167rem;padding:.53359375rem 0 .53359375rem .1778645833rem!important;color:#636468!important;color:var(--register-btn-color)!important;background-color:#e5e5e5;background-color:var(--preset-input-bg-color);border-radius:6px}.toobar .lang-block .lang-menu-btn .v-btn__content img{width:1.2450520833rem;margin-right:.1333984375rem}.toobar .lang-block .lang-menu-btn .v-btn__content .v-divider{border-right-width:2px;margin-right:.1333984375rem;border-color:#636468;border-color:var(--register-btn-color)}.toobar .lang-block .lang-menu-btn .span-2{font-size:.800390625rem!important}.toobar .lang-block .lang-menu-btn .mdi-chevron-down{font-size:1.0671875rem}.toobar .lang-block .lang-menu-btn:before{background-color:transparent!important}.userinfo-font-color{color:#636468;color:var(--register-btn-color);text-align:center;height:1.333984375rem!important;line-height:1.333984375rem!important;font-size:.800390625rem!important;font-weight:500!important}.userinfo-font-color:hover{background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:3px}.font-color-DB6060{color:#db6060!important;text-align:center;height:1.333984375rem!important;line-height:1.333984375rem!important;font-size:.800390625rem!important}.font-color-DB6060:hover{background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:3px}.user-menu-block{margin-left:1.7786458333rem!important}.menu-line{width:80%;margin:0 auto}.name-circle{width:1.9565104167rem!important;height:1.9565104167rem!important;min-width:1.9565104167rem!important;border-radius:50%;box-shadow:0 .1333984375rem .266796875rem rgba(0,0,0,.16)}.name-circle .headline-1{font-size:.8893229167rem!important;font-weight:400;line-height:2rem;letter-spacing:normal!important;font-family:Roboto,sans-serif!important;font-weight:700}.name-circle2{width:2.66796875rem!important;height:2.66796875rem!important;min-width:2.66796875rem!important;border-radius:50%;box-shadow:0 .1333984375rem .266796875rem rgba(0,0,0,.16)}.name-circle2 .headline-2{font-size:1.1561197917rem!important;font-weight:400;line-height:2rem;letter-spacing:normal!important;font-family:Roboto,sans-serif!important;font-weight:700}.layer-list-item-block{background-color:#fff!important;background-color:var(--menu-bg-color)!important;color:#000!important}.v-list-item--link:before{background-color:transparent!important}.list-item-block:before{background-color:#fff!important;background-color:var(--white-bg-color)!important;color:#000!important}.list-item-text{font-size:.800390625rem!important;text-align:center;line-height:.8893229167rem!important;color:#636468;color:var(--register-btn-color)}.list-item-text:hover{color:#3e5ff1!important}.my-info-list .span-2{font-size:1.2895182292rem;color:#4f525e;color:var(--preset-title-color);font-weight:700;max-width:90%;text-align:center;overflow:hidden;display:inline-block;width:auto;text-overflow:ellipsis;white-space:nowrap}.v-main{margin-top:4.4466145833rem}.footer-container .feedback-menu-btn{position:fixed;right:10px;width:2.0009765625rem;height:2.0009765625rem;background:#fff;background:var(--white-bg-color);border-radius:50%;cursor:pointer}.footer-container .bottom-20{bottom:20px}.footer-container .preset-to-top{bottom:75px}.footer-container .feedback-menu-btn:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.footer-menu{width:13.7845052083rem;padding:.6669921875rem .2223307292rem}.feedback-card,.footer-menu{background-color:#fff!important;background-color:var(--white-bg-color)!important}.feedback-card{box-shadow:none!important}.feedback-card .footer-title{margin-bottom:.4446614583rem;padding:10px 0;font-size:.9782552083rem;font-weight:700;line-height:1.2em;color:#707070;color:var(--feedbcak-color);cursor:pointer}.feedback-card .footer-title .v-icon{margin-right:.1778645833rem}.feedback-card .footer-title:hover{background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border-radius:4px}.feedback-card .desc{margin-top:.266796875rem;font-size:.7114583333rem;color:#9b9dab;line-height:1.1em;text-align:center}.feedback-card a:hover{color:#3e5ff1}.feedback-card .copy-btn{font-size:.7114583333rem;height:1.1116536458rem!important;max-width:2.134375rem!important;min-width:2.134375rem!important;margin-left:.4446614583rem;background:#fff!important;background:var(--white-bg-color)!important;color:#3e5ff1;border:1px solid #3e5ff1;border-radius:4px}.feedback-card-dialog{padding:.8893229167rem}body{margin:0 auto;max-width:1920px}.main-content-container{width:100%;height:100%;display:flex;justify-content:center;flex-wrap:nowrap!important;padding-top:.8893229167rem}.content-block{display:flex;justify-content:center;flex-wrap:nowrap;max-width:70.2565104167rem;width:70.2565104167rem}.content-block .search-count{font-size:.7114583333rem;font-weight:400!important;color:#4f525e!important;margin-bottom:0;padding:0 .8893229167rem}.content-block .show-margin{margin-top:.8893229167rem}.content-block .row-1{width:100%;margin-bottom:.8893229167rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.content-block .row-1 .phone-wrap{flex-grow:0}.content-block .row-1 .select-self-style{height:2.134375rem!important;padding-left:.53359375rem!important;padding-right:.53359375rem!important;font-size:.800390625rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:2.134375rem;margin-bottom:0;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);outline:none;border-radius:6px;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll #f5f5f5 93%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll var(--filter-btn-bg-color) 93%}.content-block .row-1 .select-self-style span{text-align:left;display:inline!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-block .row-1 .select-self-style .icon-1{position:absolute;right:0}.content-block .row-1 .no-ellipsis-select-btn{background-size:6.7%;width:8.7598307292rem}.content-block .row-1 .ellipsis-select-btn-1{margin-left:.6669921875rem;justify-content:flex-start;background-size:9%;width:6.669921875rem}.content-block .row-1 .ellipsis-select-btn-1 span{max-width:4.8912760417rem}.content-block .row-1 .select-en-1ength{width:10.671875rem!important}.content-block .row-1 .select-self-style:before{background-color:#fafafa!important}.content-block .row-1 .self-btn-1{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .6669921875rem;font-size:.800390625rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.3784505208rem;margin-bottom:0;height:2.134375rem;width:4.4021484375rem;background:#f5f5f5;background:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:6px}.content-block .row-1 .self-btn-1 img{width:.5780598958rem!important;height:.800390625rem!important;margin-right:.5780598958rem}.content-block .row-1 .self-btn-1-default{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;height:2.134375rem;width:4.4021484375rem;padding:0 .6669921875rem;font-size:.800390625rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:.9337890625rem;margin-bottom:0;background:transparent;border-radius:6px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color)}.content-block .row-1 .self-btn-1-default img{width:.5780598958rem!important;height:.800390625rem!important;margin-right:.5780598958rem}.content-block .row-1 .filter-card-list-change-block{flex-grow:0}.content-block .row-1 .filter-card-list-change-block .card-list-change-block{width:4.0908854167rem;height:2.134375rem;margin-left:.4446614583rem;border-radius:6px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);padding:1px}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block{display:flex;justify-content:center;align-items:center;cursor:pointer}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block img{width:1.1561197917rem;vertical-align:middle}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block-active{background:#d0d7f4;background:var(--change-style-gb-color);border-radius:5px}.content-block .row-1 .input-container{position:relative;width:33.349609375rem}.content-block .row-1 .input-container input{width:100%;height:2.134375rem;padding:0 2.2233072917rem 0 .8893229167rem;background:#fcfcfc;background:var(--header-bg-color);color:#636468;color:var(--register-btn-color);border-radius:7px;outline:none}.content-block .row-1 .input-container img{position:absolute;height:1.60078125rem;right:.6669921875rem;top:.2223307292rem}.content-block .selections-block{display:flex;flex-wrap:wrap}.content-block .selections-block .selection-block{display:flex;flex-direction:column;margin-right:1.5118489583rem}.content-block .selections-block .selection-block .filter-title{width:8.00390625rem;font-size:.800390625rem;font-weight:500;line-height:.800390625rem;color:#4f525e;color:var(--preset-title-color)}.content-block .selections-block .selection-block .v-btn__content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:4.4466145833rem;line-height:.7114583333rem}.content-block .selections-block .selection-block .select-self-style-2{padding-left:.5780598958rem!important;padding-right:.266796875rem!important;width:6.5809895833rem!important;height:1.7786458333rem!important;font-size:.7114583333rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.2005859375rem;margin-bottom:0;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);outline:none;text-transform:capitalize;letter-spacing:0;border-radius:6px;margin-top:.3557291667rem;justify-content:flex-start;text-align:left;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll #f5f5f5 93%/6.6%!important;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll var(--filter-btn-bg-color) 93%/6.6%!important}.content-block .selections-block .selection-block .select-self-style-2 .icon-1{position:absolute;right:0;font-size:.8448567708rem}.content-block .selections-block .selection-block .select-self-style-2:before{background-color:#fafafa!important}.content-block .hot-tag-list{display:flex;flex-direction:column;margin-top:.8893229167rem}.content-block .hot-tag-list h3{font-size:.800390625rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.3784505208rem;margin-bottom:0;padding-right:.800390625rem}.content-block .hot-tag-list div{display:flex;flex-wrap:wrap}.content-block .hot-tag-list div p{margin-top:.2223307292rem;min-width:3.9130208333rem;line-height:1.7786458333rem;margin-right:.7114583333rem;border-radius:4px;border:1px solid #d1d2d4;border:1px solid var(--filter-tag-bd-color);font-size:.7114583333rem;font-weight:400;color:#88898d!important;color:var(--filter-tag-color)!important;line-height:1.4229166667rem;margin-bottom:0;height:1.4229166667rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 .2223307292rem}.content-block .hot-tag-list div p:hover{border:1px solid #88898d;border:1px solid var(--filter-tag-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.content-block .hot-tag-list div .acticon{background:#3e5ff1!important;font-size:.7114583333rem;font-weight:400;color:#fff!important;line-height:1.4229166667rem;margin-bottom:0;border-radius:7px;border:none}.content-block .check-block{margin-top:.8893229167rem}.content-block .check-block h3{font-size:.800390625rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.3784505208rem;margin-bottom:0;padding-right:.800390625rem}.content-block .check-block .checkboxs .custom-checkbox{margin-top:.2223307292rem!important;padding-top:0!important}.content-block .check-block .checkboxs .custom-checkbox label{color:#88898d!important;color:var(--filter-btn-color)!important}.content-block .check-block .checkboxs .custom-checkbox-right{margin-left:.4446614583rem}.content-block .page-item{margin:20px 0 50px;display:flex;justify-content:center}.content-block .hand-hover{cursor:pointer}.content-block-s{display:flex;justify-content:center;flex-wrap:nowrap;width:53.359375rem}.index-banner-container{max-width:70.2565104167rem;width:70.2565104167rem;margin:0 auto}.index-banner-container .img-container{position:relative;height:19.5651041667rem;margin-top:2.2233072917rem}.index-banner-container .img-container .behind-img-container{position:relative;height:16.6303385417rem;flex-basis:48%;flex-grow:0;max-width:48%;margin-top:1.4673828125rem}.index-banner-container .img-container .behind-img-container .v-image{height:16.6303385417rem;border-radius:29px}.index-banner-container .img-container .behind-img-container .behind-layer{position:absolute;width:100%;height:16.6303385417rem;background-color:#000;z-index:1;border-radius:29px;opacity:.3}.index-banner-container .img-container .current-img-container{position:absolute;top:0;width:100%;z-index:2;cursor:pointer}.index-banner-container .img-container .current-img-container .hover-block{display:flex;justify-content:center;align-items:center;height:16.6303385417rem;width:3.5572916667rem;cursor:pointer}.index-banner-container .img-container .current-img-container .left-hover-block:hover .left-icon,.index-banner-container .img-container .current-img-container .right-hover-block:hover .right-icon{visibility:visible;opacity:1}.index-banner-container .img-container .current-img-container .img-change-icon{opacity:0;visibility:hidden;transition:visibility 0s,opacity .5s linear;height:2.2233072917rem;font-size:2.2233072917rem}.index-banner-container .img-container .current-img-container .v-image{width:62.8751302083rem;max-width:62.8751302083rem;height:19.5651041667rem;border-radius:31px}.index-banner-container .img-index-container{margin-top:1.333984375rem}.index-banner-container .img-index-container .img-index{width:.6669921875rem;height:.6669921875rem;background:#aeaeae;border-radius:100%;cursor:pointer}.index-banner-container .img-index-container .img-index-margin{margin-right:.8448567708rem}.index-banner-container .img-index-container .index-active{background:#3e5ff1}.homepage .index-banner-container{position:relative;width:100%!important;max-width:100%!important}.homepage .index-banner-container .img-container{height:28.9029947917rem!important;margin-top:0!important}.homepage .index-banner-container .img-container .behind-img-container{display:none!important}.homepage .index-banner-container .img-container .current-img-container .left-hover-block{left:.266796875rem;position:absolute;width:1.5118489583rem;height:1.5118489583rem;z-index:9}.homepage .index-banner-container .img-container .current-img-container .right-hover-block{right:.266796875rem;position:absolute;width:1.5118489583rem;height:1.5118489583rem;z-index:9}.homepage .index-banner-container .img-container .current-img-container .v-image{width:100%!important;max-width:100%!important;height:28.9029947917rem!important;border-radius:0!important}.homepage .index-banner-container .img-container .current-img-container .img-change-icon{opacity:1;visibility:visible;height:34px;font-size:34px}.homepage .index-banner-container .img-index-container{position:absolute;width:100%;bottom:1.1116536458rem;margin-top:0;z-index:9}.homepage .index-container .index-row{width:100%;position:relative}.homepage .index-container .index-row-height{height:26.6796875rem}.homepage .index-container .index-row-height-auto{height:auto}.homepage .index-container .preset .avatar{border-radius:50%;color:#fff;text-align:center}.homepage .index-container .preset .avatar-large{max-width:2.2233072917rem;width:2.2233072917rem;height:2.2233072917rem;font-size:.800390625rem;line-height:2.2233072917rem}.homepage .index-container .preset .avatar-s{max-width:1.7786458333rem;width:1.7786458333rem;height:1.7786458333rem;font-size:.7114583333rem;line-height:1.7786458333rem}.homepage .index-container .preset .preset-text{margin-left:.6225260417rem;max-width:10.405078125rem}.homepage .index-container .preset .preset-text .main-preset-name{max-width:100%;margin-left:0}.homepage .index-container .preset .preset-text .preset-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6225260417rem;color:#8c8f9f;color:var(--date-color)}.homepage .index-container .preset .name{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:.53359375rem;font-size:.7114583333rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.homepage .index-container .preset-list{padding-left:2.2233072917rem}.homepage .index-container .preset-list .preset-in-list{position:relative;padding:0 .2223307292rem;margin-bottom:.3557291667rem}.homepage .index-container .preset-list .preset-in-list .num-stat{position:absolute;right:0}.homepage .index-container .preset-list .preset-in-list .num-stat div{min-width:2.8902994792rem}.homepage .index-container .preset-list .preset-in-list .num-stat div img{height:.6225260417rem;vertical-align:middle}.homepage .index-container .preset-list .preset-in-list .num-stat div span{font-size:.5780598958rem;color:#97989e;color:var(--preset-list-desc-color)}.homepage .index-container .forum-index-discussions-container{margin-top:1.333984375rem}.homepage .index-container .forum-index-discussions-container .index-discussion{width:100%}.index-content{width:53.359375rem;height:100%;margin:0 auto}.index-content h2{font-size:.9337890625rem}.index-content h2,.index-content p{color:#636468;color:var(--register-btn-color)}.index-content p{font-size:.7559244792rem}.index-content .text-flex{padding-right:10px}.index-content .img-flex{padding-left:10px}.index-content .upload-img{width:80%}.index-content .learn-more{display:flex;font-size:.7559244792rem;color:#3e5ff1}.index-content .learn-more span{display:inline-block;margin-right:-.0889322917rem}.index-content .learn-more .v-icon{color:#3e5ff1}.index-content .preset-cover{border-radius:12px}.package-news-container{width:53.359375rem;max-width:53.359375rem;margin:.8893229167rem auto;padding:2.401171875rem 3.5572916667rem;background:#fff;background:var(--white-bg-color);border-radius:14px}.package-news-container .preview-date{font-size:.8893229167rem;color:#4f525e;color:var(--preset-title-color)}.package-news-container .cover-img{width:100%;height:14.3625651042rem;margin-top:.4446614583rem;border-radius:31px}.package-news-container .package-desc{margin-top:1.2005859375rem;word-break:break-word}.package-news-container .package-desc p{margin-bottom:5px;font-size:.8893229167rem}.package-news-container .package-desc p,.package-news-container .package-desc p span{color:#4f525e;color:var(--preset-title-color)}.package-news-container .package-desc p .text-big{font-size:1.4em}.package-news-container .package-desc p .text-huge{font-size:1.8em}.package-news-container .all-download-btn-container{text-align:right}.package-news-container .all-download-btn-container .all-download-btn{color:#fff;border-radius:8px;font-size:.6669921875rem}.package-news-container .author-preset{margin-top:1.5563151042rem}.package-news-container .author-preset .author-col{display:flex;flex-wrap:wrap}.package-news-container .author-preset .author-col .avatar{width:4.001953125rem;height:4.001953125rem;margin:0 .3112630208rem .4446614583rem 0;border-radius:31px;color:#fff;text-align:center;line-height:4.001953125rem;font-size:1.333984375rem;cursor:pointer}.package-news-container .author-preset .preset-col .preset-list .preset{display:flex;align-items:center;justify-content:space-between;font-size:.8893229167rem;padding:.3557291667rem .2223307292rem;color:#88898d;color:var(--filter-btn-color)}.package-news-container .author-preset .preset-col .preset-list .preset .preset-name{width:85%;cursor:pointer;word-break:break-word}.package-news-container .author-preset .preset-col .preset-list .preset .player-container{position:relative;width:1.2450520833rem!important;height:1.2450520833rem!important;margin-right:.4446614583rem;cursor:pointer}.package-news-container .author-preset .preset-col .preset-list .preset .player-container .v-image{width:1.2450520833rem!important;height:1.2450520833rem!important;max-width:1.2450520833rem;position:absolute;top:0;left:0;z-index:7}.package-news-container .author-preset .preset-col .preset-list .preset .player-container .v-progress-circular{position:absolute;width:1.2450520833rem!important;height:1.2450520833rem!important;z-index:6}.package-news-container .author-preset .preset-col .preset-list .preset .anticon{width:.8893229167rem;height:.8893229167rem}.v-list-block{background-color:transparent!important;color:#000!important}.v-list-block .v-list-item{color:#636468;color:var(--register-btn-color);text-align:left;line-height:30px!important;text-transform:capitalize;font-weight:400!important}.v-list-block .v-list-item .v-input--checkbox{width:100%}.v-list-block .active-color{color:#3e5ff1!important}.v-list-block .v-list-item:hover{background-color:#f3f3f3!important;background-color:var(--register-btn-bg-color)!important;border-radius:3px}.v-list-block:before{background-color:#fff!important;background-color:var(--white-bg-color)!important;color:#000!important}.font-18{font-size:.800390625rem!important}.font-16{font-size:.7114583333rem!important}.ant-pagination-prev{display:inline-block;width:4.7578776042rem;height:1.9565104167rem;margin-right:.7114583333rem;line-height:1.867578125rem;font-size:.8893229167rem!important;text-align:center;vertical-align:middle;list-style:none;background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:7px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-pagination-prev a{padding:0;font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-prev:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-next{display:inline-block;width:4.7578776042rem;height:1.9565104167rem;margin-left:.3557291667rem;line-height:1.867578125rem;font-size:.8893229167rem!important;text-align:center;vertical-align:middle;list-style:none;background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:7px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-pagination-next a{padding:0 .4446614583rem;font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-next:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-item-active{border-color:#1753e1!important}.ant-pagination-item-active a{color:#1753e1!important}.ant-pagination-item{background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);height:1.9565104167rem!important;width:2.0899088542rem!important;font-size:.8893229167rem!important;line-height:1.867578125rem;border-radius:7px!important}.ant-pagination-item a{font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-item a:hover{color:#636468!important;color:var(--register-btn-color)!important}.ant-pagination-item:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-disabled{border-color:rgba(0,0,0,.25)!important}.ant-pagination-item-link{color:#1753e1!important}.ant-pagination-item-ellipsis{color:#88898d!important;color:var(--filter-btn-color)!important}.ant-pagination-disabled{opacity:.7}.mdi-checkbox-blank-outline{color:#88898d!important;color:var(--filter-btn-color)!important}.message-container{width:53.359375rem;margin:10px auto 0}.message-container .page-title{font-size:1.0671875rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.message-container .message-box{margin-top:.4446614583rem;height:32.2379557292rem;background-color:#fff;background-color:var(--white-bg-color);border-radius:2px;box-shadow:0 3px 6px 1px rgba(0,0,0,.03)}.message-container .message-box .message-user .chat-user-container{height:26.6796875rem;padding-bottom:10px;overflow-y:scroll}.message-container .message-box .message-user .chat-user-container .chat-user-item{padding:.7114583333rem 1.333984375rem;position:relative;cursor:pointer}.message-container .message-box .message-user .chat-user-container .chat-user-item .avatar-container{position:relative}.message-container .message-box .message-user .chat-user-container .chat-user-item .avatar-container .badge{position:absolute;width:.6225260417rem;height:.6225260417rem;border-radius:50%;background-color:red;top:0;right:0}.message-container .message-box .message-user .chat-user-container .chat-user-item .date{position:absolute;right:1.333984375rem;top:.7114583333rem;font-size:.6225260417rem;color:#636468}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info{margin-left:.6225260417rem}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .name{max-width:7.1145833333rem;font-size:.800390625rem;color:#4f525e;color:var(--preset-title-color)}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .message{max-width:10.2272135417rem;font-size:.7114583333rem;color:#636468}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .over-flow-hiden{height:1.5em;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.message-container .message-box .message-user .chat-user-container .active-item{background-color:#f8f8f8;background-color:var(--tag-bg-color)}.message-container .message-box .message-content .chat-content-container{height:17.7864583333rem;padding:.4446614583rem;overflow-y:scroll}.message-container .message-box .message-content .chat-content-container .chat-item .chat-time{text-align:center;color:#c1c1c3;font-size:.6225260417rem;margin-bottom:.266796875rem}.message-container .message-box .message-content .chat-content-container .chat-item .message{margin-bottom:.266796875rem;padding:.3557291667rem;border-radius:8px;font-size:.7114583333rem;word-break:break-word}.message-container .message-box .message-content .chat-content-container .chat-item .message img{display:block;width:6.5365234375rem}.message-container .message-box .message-content .chat-content-container .chat-item .reciver-message{margin-left:.3557291667rem;background:#f8f8f8;background:var(--tag-bg-color);color:#636468;color:var(--register-btn-color)}.message-container .message-box .message-content .chat-content-container .chat-item .sender-message{margin-right:.3557291667rem;background:#3e5ff1;color:#fff}.message-container .message-box .message-content .chat-content-container .chat-item .message-width{max-width:65%}.message-container .message-box .message-content .chat-input-container{padding:0 .6225260417rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input{margin-top:.4446614583rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input .mdi-image-plus-outline{margin-left:.4446614583rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input .v-icon{font-size:1.0671875rem;color:#4f525e}.message-container .message-box .message-content .chat-input-container .text-input{margin-top:.4446614583rem;height:4.8912760417rem;font-size:.7114583333rem;line-height:.8893229167rem;outline:none;overflow-y:scroll;color:#636468;color:var(--register-btn-color)}.message-container .message-box .message-content .chat-input-container .text-input img{width:8.8932291667rem;height:auto;vertical-align:bottom}.message-container .message-box .message-content .chat-input-container .send-btn{margin-top:.53359375rem}.message-container .message-box .message-content .chat-input-container .send-btn .v-btn{color:#fff;border-radius:6px;font-size:.800390625rem;height:1.9565104167rem;min-width:3.5572916667rem}.message-container .message-box .avatar{width:2.134375rem;min-width:2.134375rem;height:2.134375rem;border-radius:31px;color:#fff;text-align:center;line-height:2.134375rem;font-size:.8893229167rem}.message-container .message-box-header{height:4.4466145833rem}.message-container .search-input{position:relative;padding:1.0227213542rem 1.333984375rem}.message-container .search-input input{width:100%;height:2.401171875rem;padding:0 .8893229167rem;background:#f8f8f8;background:var(--tag-bg-color);color:#636468;color:var(--register-btn-color);border-radius:6px;outline:none}.message-container .search-input img{position:absolute;height:1.60078125rem;left:1.7786458333rem;top:1.333984375rem}.message-container .message-detail-header{padding:0 .6225260417rem;margin-left:.4446614583rem}.message-container .message-detail-header .name{margin-left:.6225260417rem;font-size:1.2450520833rem;font-weight:500;color:#4f525e;color:var(--preset-title-color)}.emoji-list{width:9.337890625rem;padding:.4446614583rem}.emoji-list .emoji-item{height:1.5em;font-size:.7559244792rem;text-align:center;line-height:1.5em;cursor:pointer;transition:.3s}.emoji-list .emoji-item:hover{transform:scale(1.2)}.white-bg{background-color:#fff;background-color:var(--white-bg-color)}.v-menu__content .notice-list-info-title{font-size:.7114583333rem;color:#141414;color:var(--black-title-2);padding-left:16px}.v-menu__content .notice-list-container{max-height:340px;overflow-y:auto}.v-menu__content .notice-list-container::-webkit-scrollbar{width:4px}.v-menu__content .notice-list-container::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.v-menu__content .notice-list-container::-webkit-scrollbar-track{border-radius:0;background:#fff}.v-menu__content .notice-footer{position:fixed;bottom:0;width:100%;height:38px;color:#949494;color:var(--tag-color);cursor:pointer}.notice-list-title .produce-name{overflow:hidden;text-overflow:ellipsis;color:#141414;color:var(--black-title-2)}.notice-list-title .produce-name-comment{max-width:70%}.notice-list-title .produce-name-focus{max-width:90%}.notice-list-title .produce-name-collect{max-width:60%}.notice-list-title .notice-date{float:right;font-size:12px;opacity:.5}.notice-list-title .notice-date,.notice-list-title .system{color:#141414;color:var(--black-title-2)}.notice-list-subtitle .notice-content .replied-comment-content{display:inline-block;max-width:90%;overflow:hidden;text-overflow:ellipsis;color:#141414;color:var(--black-title)}.notice-list-subtitle .notice-content .comment-content{display:inline-block;width:100%;padding:5px 6px;background-color:#f8f8f8;background-color:var(--tag-bg-color);color:#949494;color:var(--tag-color);border-radius:4px;text-align:justify;white-space:normal;line-height:2em}.notice-list-subtitle .private-message{font-size:.7114583333rem;color:#97989e;color:var(--preset-list-desc-color)}.user-login-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:80}.user-login-container .user-login-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.user-login-container .user-login-card{position:relative;width:100%;max-width:53.359375rem;padding:2.4456380208rem 3.5572916667rem;background:#fff;background:var(--white-bg-color);z-index:99;margin-left:auto;margin-right:auto;margin-top:5.3359375rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .chacha{width:1.1561197917rem!important;height:1.1116536458rem!important;position:absolute;right:10px;top:-30px;z-index:100;cursor:pointer}.user-login-container .user-login-card .card-right{width:26.2350260417rem;height:100%;position:relative}.user-login-container .user-login-card .card-right .card-img{width:100%}.user-login-container .user-login-card .card-right .login-slogan{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.4229166667rem;font-weight:700;text-align:center}.user-login-container .user-login-card .card-right .login-slogan p{margin-bottom:.3557291667rem}.user-login-container .user-login-card .card-title{font-size:1.2450520833rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:2.134375rem;margin-bottom:0}.user-login-container .user-login-card .card-subtitle{font-size:.6225260417rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:.8893229167rem;margin-bottom:0}.user-login-container .user-login-card .subtitle-width{width:15.1184895833rem}.user-login-container .user-login-card .card-user-title{font-size:.7114583333rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.2005859375rem;margin:1.333984375rem 0 .53359375rem}.user-login-container .user-login-card .card-user-input{width:15.1184895833rem;height:1.7786458333rem;padding-left:.6225260417rem;background:#f5fbff;background:var(--login-input-bg-color);border-radius:5px;font-size:.7114583333rem;font-weight:500;color:#141414!important;color:var(--black-title-2)!important;line-height:.6225260417rem;margin-bottom:0}.user-login-container .user-login-card .forget-password{margin:1.333984375rem 0 .53359375rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .forget-password .forget-tip{font-size:.6225260417rem;font-weight:500;color:#3e5ff1!important;line-height:.8893229167rem;margin-bottom:0;cursor:pointer}.user-login-container .user-login-card .forget-password .forget-title{font-size:.7114583333rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.2005859375rem;margin-bottom:0}.user-login-container .user-login-card .card-user-login-btn{width:15.1184895833rem;height:2.0009765625rem!important;margin-top:1.7341796875rem;background:#3e5ff1!important;border-radius:5px;font-size:.7114583333rem;font-weight:400;color:#fff!important;line-height:1.2005859375rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-login-container .user-login-card .card-user-no-acount{margin-top:.9782552083rem;font-size:.7114583333rem;font-weight:400;color:#97989e!important;line-height:1.2005859375rem;margin-bottom:0;text-align:center}.user-login-container .user-login-card .card-user-register-btn{width:15.1184895833rem;height:2.0009765625rem!important;margin-top:.4446614583rem;background:#fff!important;border:1px solid #3e5ff1;border-radius:5px;font-size:.7114583333rem;font-weight:400;color:#3e5ff1!important;line-height:1.2005859375rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.register-container{width:100%;height:100%;background:#fff;background:var(--white-bg-color)}.go-to-index{padding-top:1.7786458333rem;padding-left:22.9%;margin-top:0!important}.go-to-index i{width:.3112630208rem!important;height:.5780598958rem!important}.go-to-index .link-a{padding-left:.4446614583rem;font-size:.8893229167rem;font-weight:400;color:#141414!important;color:var(--black-title)!important;line-height:1.5118489583rem;margin-bottom:0}.user-register-card{width:100%;padding:2.1788411458rem 22.9% 0;z-index:99;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:nowrap!important}.user-register-card .card-right{position:relative;margin-left:1.7786458333rem}.user-register-card .card-right .card-img{width:26.2350260417rem;height:auto}.user-register-card .card-right .login-slogan{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.4229166667rem;font-weight:700;text-align:center}.user-register-card .card-right .login-slogan p{margin-bottom:.3557291667rem}.user-register-card .card-title{font-size:1.2450520833rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:2.134375rem;margin-bottom:0}.user-register-card .card-subtitle{font-size:.6225260417rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:.8893229167rem;margin-bottom:0}.user-register-card .card-user-title{font-size:.7114583333rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.2005859375rem;margin:1.333984375rem 0 .53359375rem}.user-register-card .card-user-input{width:15.1184895833rem;height:1.7786458333rem;padding-left:.6225260417rem;background:#f5fbff;background:var(--login-input-bg-color);border-radius:5px;font-size:.6669921875rem;font-weight:500;color:#141414!important;color:var(--black-title-2)!important;line-height:.6225260417rem;margin-bottom:0}.user-register-card .card-user-subtitle{font-size:.53359375rem;font-weight:500;color:#414141!important;line-height:.8893229167rem;margin-bottom:0;padding:.4446614583rem 0 .3557291667rem}.user-register-card .card-user-login-btn{width:15.1184895833rem;height:2.0009765625rem!important;background:#3e5ff1!important;border-radius:5px;font-size:.800390625rem;font-weight:400;color:#fff!important;line-height:1.2005859375rem;margin-bottom:0;font-size:.7114583333rem!important;text-transform:capitalize;letter-spacing:0}.user-register-card .red-tip{text-align:right;margin-top:.1333984375rem}.user-register-card .red-tip span{color:#e60000;font-size:.53359375rem;display:inline-block}.user-register-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-register-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-register-card .muti-col-title{display:flex;justify-content:space-between;align-items:center;margin:1.333984375rem 0 .53359375rem}.user-register-card .muti-col-title p:first-child{font-size:.7114583333rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.2005859375rem;margin-bottom:0}.user-register-card .muti-col-title p:nth-child(2){display:inline-block;padding:0 0 0 .266796875rem;font-size:.53359375rem;font-weight:300;color:#414141!important;color:var(--user-color)!important;line-height:.6225260417rem;margin-bottom:0;max-width:8.804296875rem;line-height:.800390625rem}.user-register-card .muti-col-title .width-en{min-width:7.0256510417rem}.user-register-card .register-controle{display:flex;justify-content:flex-start;align-items:center;font-size:.7114583333rem;font-weight:400;height:1.0671875rem;margin:.7114583333rem 0 .6225260417rem}.user-register-card .register-controle div{color:#272727}.user-register-card .register-controle span{color:#3e5ff1}.user-register-card .register-controle .primary--text{color:#3e5ff1!important}.user-register-card .go-to-login{margin-top:.5780598958rem}.user-register-card .go-to-login span:first-child{font-size:.7114583333rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:.4446614583rem;margin-bottom:0}.user-register-card .go-to-login span:nth-child(2){font-size:.7114583333rem;font-weight:400;color:#3e5ff1!important;line-height:.4446614583rem;margin-bottom:0}.user-register-card .login-width{margin-top:.2223307292rem!important;width:15.1184895833rem}.preset-list-container{margin-top:1.333984375rem;width:100%}.preset-list-container .preset-sm{width:52.4700520833rem;max-width:52.4700520833rem;min-width:52.4700520833rem}.preset-list-container .preset-list-flex .list-item-block{position:relative;width:16.8971354167rem;padding:.800390625rem .8893229167rem;margin-bottom:.6669921875rem;background:#fff;background:var(--white-bg-color);border-radius:8px;cursor:pointer}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo{width:16.8526692708rem;height:8.4930338542rem;position:absolute;top:3.1126302083rem;left:1.7786458333rem;z-index:2;padding:1.2450520833rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .1333984375rem .8893229167rem rgba(0,0,0,.1);border-radius:6px}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1{margin-bottom:0;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left{width:70%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-name{width:1.9565104167rem!important;height:1.9565104167rem!important;border-radius:50%;flex-shrink:0;font-size:.8448567708rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;background-size:cover;background-position:50%}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname{padding-left:.7114583333rem}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p{margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:first-child{width:5.7805989583rem;font-size:.7114583333rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:nth-child(2){width:5.7805989583rem;font-size:.7114583333rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{display:none!important;padding:0 .4446614583rem;line-height:1.7786458333rem!important;background:#3e5ff1;border-radius:6px;height:1.7786458333rem;width:3.9130208333rem;font-size:.800390625rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-focus{display:block;padding:0 .4446614583rem;line-height:1.7786458333rem!important;border-radius:6px;height:1.7786458333rem;width:3.9130208333rem;border:.0444661458rem solid #3e5ff1;font-size:.800390625rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{display:none!important;line-height:1.7786458333rem!important;background:#7f8082;border-radius:6px;height:1.7786458333rem;width:3.9130208333rem;font-size:.800390625rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus{display:block;line-height:1.7786458333rem!important;height:1.7786458333rem!important;border-radius:6px;width:3.9130208333rem;background:#97989e;font-size:.800390625rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus-hover{display:block!important;padding:0 .4446614583rem;line-height:1.7786458333rem!important;background:#3e5ff1;border-radius:6px;width:3.9130208333rem;height:1.7786458333rem;font-size:.800390625rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus{display:none}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus-hover{display:block!important;line-height:1.7786458333rem!important;height:1.7786458333rem!important;width:3.9130208333rem;background:#7f8082;border-radius:6px;font-size:.800390625rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus{display:none}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .5780598958rem}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list ul{margin-top:.8893229167rem;display:flex;flex-direction:column;align-items:center;padding-left:0!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list li{list-style:none;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list .title{font-size:.8893229167rem;font-weight:700!important;color:#636468!important;font-size:.8893229167rem!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list .num{font-size:.8893229167rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .card-recommended-icon{position:absolute;top:0;right:0;width:1.0227213542rem;height:1.7786458333rem}.preset-list-container .preset-list-flex .list-item-block .item-row-1{margin-top:.2223307292rem;width:100%;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .item-row-1 p{margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu{width:2.0009765625rem!important;height:2.0009765625rem!important}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu img{width:100%;height:100%}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu .play-menu-del{font-size:1.0671875rem;font-weight:400!important;color:#e66666!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .product-media-row{height:1.1116536458rem}.preset-list-container .preset-list-flex .list-item-block .product-media-row-margin{margin-right:.4446614583rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .cover-desc-row{margin-top:.2223307292rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row{margin-top:.6669921875rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .count{font-size:.7114583333rem;font-weight:400;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:.7114583333rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .learn-more{display:flex;align-items:center;font-size:.7114583333rem;font-weight:400;color:#3e5ff1!important;line-height:.7114583333rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .learn-more .learn-more-icon{font-size:.6225260417rem;height:1em}.preset-list-container .preset-list-flex .list-item-block .line{margin-top:.6669921875rem}.preset-list-container .preset-list-flex .list-item-block .state-count{margin-top:.800390625rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left{display:flex;justify-content:flex-start;align-items:center}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item{display:flex;justify-content:space-around;align-items:center;font-size:.6225260417rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;margin-right:.4446614583rem;height:.8448567708rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item div{margin-left:.1333984375rem;height:.8448567708rem;line-height:.8448567708rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .opt-icon{width:.8893229167rem!important;margin-right:.1778645833rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .download-icon{width:.800390625rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .img-share{width:1.1561197917rem!important;height:.9337890625rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .img-comment{width:1.1561197917rem!important;height:1.0671875rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .praise{width:.9337890625rem;height:auto;margin-top:-.0889322917rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .download-img{width:.9782552083rem!important;height:1.1116536458rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item img{width:1.2450520833rem;height:auto}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .praise:hover{transform:scale(1.1)}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item span{padding-left:.0889322917rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right img{margin-left:.3112630208rem;width:.6225260417rem!important;height:.3112630208rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right .preset-date{font-size:.6225260417rem;font-weight:400;color:#9a9a9a!important;color:var(--info-sig-color)!important;line-height:1.0671875rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.preset-list-container .card-placeholder:after{content:"";width:16.8971354167rem}.preset-list-container .hot-data-container .hot-data{width:16.8971354167rem;padding:.6225260417rem .8893229167rem 0;background-color:#fff;background-color:var(--white-bg-color);border-radius:8px}.preset-list-container .hot-data-container .hot-data .hot-data-head{padding:0 .5780598958rem .4891276042rem}.preset-list-container .hot-data-container .hot-data .hot-data-head div{font-size:.800390625rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.preset-list-container .hot-data-container .hot-data .hot-data-head .small-img{width:1.1116536458rem}.preset-list-container .hot-data-container .hot-data .hot-data-head img{width:.800390625rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container{padding:.7114583333rem .3557291667rem .266796875rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset{margin-bottom:.4446614583rem;cursor:pointer}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .circle{width:2.375em;height:2.375em;border-radius:50%;background-position:50%;background-size:cover;text-align:center;line-height:1.7341796875rem;color:#fff;font-weight:700;font-size:.7114583333rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9em;margin-left:.8893229167rem;color:#67676a;color:var(--hot-name-color);font-size:.7114583333rem}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags{padding:.2223307292rem .4446614583rem .53359375rem}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags{margin-top:.3112630208rem;margin-right:.3557291667rem;padding:.1778645833rem .3em;border-radius:3px;font-size:.7114583333rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);cursor:pointer}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags:hover{opacity:.8}.preset-list-container .hot-data-container .hot-data-gap{margin-top:.9337890625rem}.preset-list-container .product{font-size:.6225260417rem}.preset-list-container .media-symbol{max-width:1.1116536458rem;width:1.1116536458rem}.preset-list-container .video-symbol-margin{margin-right:.3112630208rem}.preset-list-container .media-symbol-margin-left{margin-left:.3112630208rem}.preset-list-container .preset-name{font-size:.8893229167rem;font-weight:700;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.6452473958rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-sub-info{font-size:.800390625rem;font-weight:400;color:#8c8f9f!important;line-height:1.5118489583rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .player-container{position:relative;width:1.2450520833rem!important;height:1.2450520833rem!important;margin-right:.4446614583rem}.preset-list-container .player-container .v-image{width:1.2450520833rem!important;height:1.2450520833rem!important;max-width:1.2450520833rem;position:absolute;top:0;left:0;z-index:7}.preset-list-container .player-container .v-progress-circular{position:absolute;width:1.2450520833rem!important;height:1.2450520833rem!important;z-index:6}.preset-list-container .list-cover-img{height:4.1798177083rem;width:6.2697265625rem;min-width:6.2697265625rem;max-width:6.2697265625rem;margin-right:.4446614583rem;border-radius:6px}.preset-list-container .list-cover-img-left-margin{margin-left:.4446614583rem}.preset-list-container .preset-desc{word-break:break-word;font-size:.7114583333rem;font-weight:400;color:#97989e!important;color:var(--preset-list-desc-color)!important;line-height:1.0671875rem;margin-bottom:0;font-family:Roboto light,sans-serif}.preset-list-container .list-preset-desc{height:3.1126302083rem;max-height:3.1126302083rem;-webkit-line-clamp:3}.preset-list-container .card-preset-desc,.preset-list-container .list-preset-desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.preset-list-container .card-preset-desc{height:4.1798177083rem;max-height:4.1798177083rem;-webkit-line-clamp:4}.preset-list-container .tone-tag-row{margin-top:.1778645833rem!important}.preset-list-container .musical-style-tag-row{margin-top:.6669921875rem;height:1.4229166667rem;overflow:hidden}.preset-list-container .musical-style-tag-row .c-tag{display:flex;align-items:center;padding:0 .5em;height:2em}.preset-list-container .musical-style-tag-row .c-tag img{margin-right:.1778645833rem;height:1.8em}.preset-list-container .musical-style-tag-row .c-tag span{word-break:keep-all}.preset-list-container .musical-style-tag-row .musical-style-tag{padding:.5em;margin-right:.5em;text-align:center;font-size:.7114583333rem;line-height:1em;border-radius:3px;cursor:pointer}.preset-list-container .musical-style-tag-row .style-tag{font-size:.7114583333rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;background:#f8f8f8;background:var(--tag-bg-color)}.preset-list-container .musical-style-tag-row .musical-style-tag:hover{opacity:.8}.preset-list-container .name-date{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .name-date .circle{width:1.9565104167rem!important;height:1.9565104167rem!important;min-width:1.9565104167rem;border-radius:50%;font-size:.800390625rem;font-weight:700;color:#fff!important;line-height:1.9565104167rem;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.preset-list-container .name-date .name-date-for{margin-left:.53359375rem}.preset-list-container .name-date .name-date-for p:first-child{font-size:.7114583333rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.2005859375rem;margin-bottom:0;max-width:10.0048828125rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preset-list-container .name-date .name-date-for p:nth-child(2){font-size:.7114583333rem;font-weight:400;color:#8c8f9f!important;color:var(--date-color)!important;line-height:1.2005859375rem;margin-bottom:0}.preset-list-container .name-date .name-date-list{width:4.26875rem}.preset-list-container .download-btn{padding:0 1.333984375rem;border-radius:4px;width:4.1798177083rem;height:1.4229166667rem!important;font-size:.7114583333rem!important;color:#fff!important}.preset-list-container .download-btn .v-btn__content{line-height:1em}.preset-list-container .download-btn:hover{background:#4c6cfb}.preset-list-container .preset-list-style-container .list-item-block{position:relative;padding:.53359375rem 1.0671875rem;margin-bottom:.6669921875rem;border-radius:8px;background:#fff;background:var(--white-bg-color)}.preset-list-container .preset-list-style-container .list-item-block .list-recommended-icon{position:absolute;top:0;left:0;width:1.0227213542rem;height:1.7786458333rem}.preset-list-container .preset-list-style-container .list-item-block .list-media-symbol-row{height:1.0671875rem}.preset-list-container .preset-list-style-container .list-item-block .list-media-symbol-row-margin-left{margin-left:.4446614583rem}.preset-list-container .preset-list-style-container .list-item-block .preset-list-desc-container{display:flex;align-items:center;margin-bottom:0;max-height:4.1798177083rem}.preset-list-container .preset-list-style-container .list-item-block .preset-list-desc-container span{height:auto}.preset-list-container .preset-list-style-container .list-item-block .player-container{margin-right:1.0227213542rem}.preset-list-container .preset-list-style-container .list-item-block .cover-img{margin-left:.4446614583rem;margin-right:0}.preset-list-container .preset-list-style-container .list-item-block .name-download-row{margin-bottom:.4446614583rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row{margin-top:.4446614583rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item{display:flex;align-items:center}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item .opt-icon{width:.800390625rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item .num{margin-left:.1333984375rem;font-size:.6225260417rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.preset-list-container .preset-list-style-container .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.preset-list-container .preset-list-style-container .list-item-block-bottom-margin{margin-bottom:2.66796875rem}.preset-list-container .preset-list-style-container .preset-list-style-left{padding-right:1.5%}.preset-list-container .preset-list-style-container .preset-list-style-center{padding:0 1.5%}.preset-list-container .preset-list-style-container .preset-list-style-right{padding-left:1.5%}.preset-list-container .preset-loading-container .loading-container{width:52.4700520833rem;max-width:52.4700520833rem;min-width:52.4700520833rem}.preset-list-container .preset-loading-container .card-loading-item{width:16.8971354167rem;padding:1.0671875rem 1.3784505208rem 0;margin-bottom:1.0227213542rem;background:#fff;background:var(--white-bg-color);border-radius:14px;min-height:200px}.preset-list-container .preset-loading-container .list-loading-item{width:100%;height:5.4693359375rem;padding:.53359375rem .6225260417rem;margin-bottom:.4891276042rem;background:#fff;background:var(--white-bg-color);border-radius:8px}.preset-list-container .preset-loading-container .circle{max-width:2.0454427083rem;min-width:2.0454427083rem;height:2.0454427083rem}.preset-list-container .preset-loading-container .height-20{height:.8893229167rem}.preset-list-container .preset-loading-container .height-23{height:1.0227213542rem}.preset-list-container .preset-loading-container .height-42{height:1.867578125rem}.preset-list-container .preset-loading-container .height-47{height:2.0899088542rem}.preset-list-container .three-column-flex{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.preset-list-container .three-column-flex:after{content:"";width:65%!important}.preset-list-container .three-column-flex .three-column-item{width:32.4%!important;padding-top:0}.preset-list-container .three-column-flex .three-column-item .circle-mycollect{width:1.7786458333rem!important;height:1.7786458333rem!important;min-width:1.7786458333rem;background:#71b47f;border-radius:50%;font-size:.7114583333rem;font-weight:700;color:#fff!important;line-height:1.7786458333rem;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.preset-list-container .three-column-flex .three-column-item .line{margin-top:.6225260417rem!important}.preset-list-container .three-column-flex .flex-gap{margin-right:.6669921875rem}.preset-list-container .three-column-flex .has-padding{padding-top:.8893229167rem!important}.preset-list-container .three-column-flex .has-padding .hover-block{display:none;position:absolute;bottom:0;left:0;width:100%;height:100%;background:#9e9e9e;opacity:.6;box-shadow:0 .0889322917rem .8893229167rem hsla(0,0%,62%,.48);border-radius:14px}.preset-list-container .three-column-flex .has-padding .btn-area{display:none;position:absolute;bottom:2.8%;left:55%}.preset-list-container .three-column-flex .has-padding .btn-area div{width:100%;bottom:1.1561197917rem;left:0;display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .three-column-flex .has-padding .btn-area div img{width:1.6897135417rem!important;height:1.6897135417rem!important;margin-right:1.0671875rem}.preset-list-container .three-column-flex .has-padding .btn-area div span{line-height:1.6897135417rem;margin-right:1.0671875rem;background:#3e5ff1;border-radius:22px;height:1.6897135417rem;font-size:.7559244792rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center;width:4.2242838542rem}.preset-list-container .three-column-flex .has-padding .btn-area div span:hover{background:#4c6cfb}.preset-list-container .three-column-flex .has-padding:hover .hover-block{display:block;z-index:49}.preset-list-container .three-column-flex .has-padding:hover .btn-area{display:block;z-index:199}.preset-list-container .page-item{margin:20px 0 40px;display:flex;justify-content:center}.no-padding-top{margin-top:0!important}.reminder-icon{background:#e5c24e;border-radius:50%;width:1.4229166667rem;height:1.4229166667rem;color:#fff;font-size:.8893229167rem;text-align:center;margin-right:.3557291667rem}.dialog-cancel-btn{background:#f5f5f5!important;font-weight:700!important;color:#4f525e!important}.dialog-delete-btn{background:#f13e3e!important;color:#fff!important;font-weight:700!important;margin-left:1.7786458333rem}.drop-item{max-height:1.60078125rem!important;height:1.60078125rem!important;min-height:1.60078125rem!important;text-align:center!important;justify-content:center!important}.drop-item-block{min-height:1rem!important}.hoverAuthorInfo{width:16.8526692708rem;height:8.4930338542rem;z-index:2;padding:1.2450520833rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .1333984375rem .8893229167rem rgba(0,0,0,.1);border-radius:6px}.hoverAuthorInfo .row-1{margin-bottom:0;justify-content:space-between!important}.hoverAuthorInfo .row-1,.hoverAuthorInfo .row-1 .row-1-left{display:flex!important;align-items:center!important;flex-wrap:nowrap!important}.hoverAuthorInfo .row-1 .row-1-left{width:70%;justify-content:flex-start!important}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-name{width:1.9565104167rem!important;height:1.9565104167rem!important;border-radius:50%;flex-shrink:0;font-size:.8448567708rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;background-size:cover;background-position:50%}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname{padding-left:.7114583333rem}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p{margin-bottom:0}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:first-child{width:5.7805989583rem;font-size:.7114583333rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:nth-child(2){width:5.7805989583rem;font-size:.7114583333rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{display:none!important;background:#3e5ff1;border-radius:6px;color:#fff!important;display:grid;text-align:center}.hoverAuthorInfo .row-1 .hover-container .row-1-focus,.hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{padding:0 .4446614583rem;line-height:1.7786458333rem!important;height:1.7786458333rem;width:3.9130208333rem;font-size:.800390625rem;font-weight:400!important;margin-bottom:0;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container .row-1-focus{display:block;border-radius:6px;border:.0444661458rem solid #3e5ff1;color:#3e5ff1!important;display:grid}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{display:none!important;background:#7f8082;height:1.7786458333rem;display:grid;text-align:center}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus,.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{line-height:1.7786458333rem!important;border-radius:6px;width:3.9130208333rem;font-size:.800390625rem;font-weight:400!important;color:#fff!important;margin-bottom:0;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus{display:block;height:1.7786458333rem!important;background:#97989e;display:grid}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus-hover{display:block!important;padding:0 .4446614583rem;line-height:1.7786458333rem!important;background:#3e5ff1;border-radius:6px;width:3.9130208333rem;height:1.7786458333rem;font-size:.800390625rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus{display:none}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus-hover{display:block!important;line-height:1.7786458333rem!important;height:1.7786458333rem!important;width:3.9130208333rem;background:#7f8082;border-radius:6px;font-size:.800390625rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus{display:none}.hoverAuthorInfo .data-show-list{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .5780598958rem}.hoverAuthorInfo .data-show-list ul{margin-top:.8893229167rem;display:flex;flex-direction:column;align-items:center;padding-left:0!important}.hoverAuthorInfo .data-show-list li{list-style:none;text-align:center}.hoverAuthorInfo .data-show-list .title{font-size:.8893229167rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;font-size:.8893229167rem!important;margin-bottom:0}.hoverAuthorInfo .data-show-list .num{font-size:.8893229167rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.font-size-14{font-size:.6225260417rem}.follow-container{width:100%;padding-bottom:1.7786458333rem}.follow-container .my-focus-item .rows-1{margin-bottom:.8893229167rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 p{margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-left{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 .rows-1-left .name-circle-follow{width:1.9565104167rem!important;height:1.9565104167rem!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;font-size:.800390625rem;font-weight:700!important;color:#fff!important;margin-bottom:0;border-radius:50%;background-position:50%;background-size:cover}.follow-container .my-focus-item .rows-1 .rows-1-left .name{font-size:.8893229167rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;margin-left:.8893229167rem}.follow-container .my-focus-item .rows-1 .rows-1-left .date{font-size:.7559244792rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-right{border:1px solid #707070;border-radius:7px;color:#636468!important;color:var(--register-btn-color)!important}.follow-container .my-focus-item .rows-1 .rows-1-right,.follow-container .my-focus-item .rows-1 .rows-1-right-hover{width:4.80234375rem;line-height:1.867578125rem;font-size:.800390625rem;font-weight:300!important;margin-bottom:0;text-align:center}.follow-container .my-focus-item .rows-1 .rows-1-right-hover{display:none;background:#e84747;border-radius:7px;border:1px solid #e84747;color:#fff!important}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right-hover{display:block}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right{display:none}.follow-container .my-focus-item .preset-list-flex .hover-parent .hover-item{display:none;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:8px}.follow-container .my-focus-item .preset-list-flex .hover-parent:hover .hover-item{display:block;z-index:2}.follow-container .my-focus-item .preset-list-flex .light-hover-item{background:#9e9e9e;opacity:.6}.follow-container .my-focus-item .preset-list-flex .dark-hover-item{background-image:linear-gradient(180deg,rgba(64,64,64,.08),#201f1f);opacity:.7}.follow-container .my-focus-item .preset-list-flex .hover-parent:hover .btn-area{display:block;z-index:3}.follow-container .my-focus-item .preset-list-flex .btn-area{display:none;position:absolute;width:100%;height:100%;top:0;left:0}.follow-container .my-focus-item .preset-list-flex .btn-area .down-btn{position:absolute;right:.8893229167rem;bottom:.6669921875rem;line-height:1.4229166667rem;background:#3e5ff1;border-radius:4px;height:1.4229166667rem;font-size:.7114583333rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center;width:4.1798177083rem}.follow-container .my-focus-item .preset-list-flex .btn-area .down-span:hover{background:#4c6cfb}.follow-container .my-focus-item .preset-list:after{content:"";display:block;width:33.33333%;height:100%}.follow-container .page-item{margin:20px 0 50px;display:flex;justify-content:center}.focus-author-list{width:100%}.myinfo-container{width:53.359375rem}.myinfo-container .title-name{font-size:.8893229167rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .info-data-block{margin-top:1.2450520833rem;padding:1.7786458333rem 1.4229166667rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .1333984375rem .266796875rem rgba(0,0,0,.03);border-radius:10px}.myinfo-container .info-data-block .info-data-block-left{max-width:61%;display:flex;justify-content:flex-start;align-items:center}.myinfo-container .info-data-block .info-data-block-left .shot-name{position:relative;min-width:4.4466145833rem;width:4.4466145833rem;height:4.4466145833rem;line-height:4.4466145833rem;border-radius:50%;font-size:1.9565104167rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.myinfo-container .info-data-block .info-data-block-left .shot-name .upload-avatar-block{width:1.7786458333rem;height:1.7786458333rem;position:absolute;bottom:0;right:-.4446614583rem;border-radius:50%;background-color:#626367;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1}.myinfo-container .info-data-block .info-data-block-left .shot-name .upload-avatar-block .camera{max-width:.8893229167rem}.myinfo-container .info-data-block .info-data-block-left .shot-name .official{position:absolute;bottom:0;right:0;max-width:1.333984375rem}.myinfo-container .info-data-block .info-data-block-left .shot-name .avatar{border-radius:50%}.myinfo-container .info-data-block .info-data-block-left .userinfo-data{width:97%;margin-left:1.1561197917rem}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .admin-symbol{margin-right:.2223307292rem;padding:0 .1778645833rem;font-size:.7114583333rem;color:#3e5ff1;line-height:1.0671875rem;background-color:#d0d7f4;background-color:var(--change-style-gb-color);border:1px solid #3e5ff1;border-radius:6px;word-break:keep-all}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-name{margin-bottom:0;font-size:1.0671875rem;color:#636468;color:var(--register-btn-color);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-account{margin-bottom:2px;font-size:.800390625rem;color:#636468;color:var(--register-btn-color)}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-sig{font-size:.800390625rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-sig-no-fold{font-size:.800390625rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;line-height:.8893229167rem;word-break:break-word}.myinfo-container .info-data-block .info-data-block-left .expand-info{color:#3e5ff1;text-decoration:underline;cursor:pointer}.myinfo-container .info-data-block .info-data-btns .focus-btn{min-width:4.001953125rem;margin-top:.6225260417rem;padding:.2223307292rem .3557291667rem;color:#fff;font-size:.7114583333rem;line-height:1.1561197917rem;border-radius:3px}.myinfo-container .info-data-block .info-data-btns .msg-btn{color:#8c8f9f!important;color:var(--date-color)!important;border:1px solid #8c8f9f!important;border:1px solid var(--date-color)!important}.myinfo-container .info-data-block .info-data-btns .msg-btn img{width:.800390625rem;margin-right:.2223307292rem}.myinfo-container .info-data-block .info-data-btns .focused{color:#fff!important;color:var(--info-focus-color)!important;background:#d1d2d4!important;background:var(--filter-tag-bd-color)!important}.myinfo-container .info-data-block .info-data-btns .focused .focused-hover-span,.myinfo-container .info-data-block .info-data-btns .focused:hover .focused-non-hover-span{display:none}.myinfo-container .info-data-block .info-data-btns .focused:hover .focused-hover-span{display:inline!important}.myinfo-container .info-data-block .author-len{max-width:33.1272786458rem!important}.myinfo-container .info-data-block .info-data-block-right{display:grid;justify-items:flex-end}.myinfo-container .info-data-block .info-data-block-right .edit-btn{display:inline-block;align-self:end;width:4.80234375rem;line-height:1.7786458333rem;border:1px solid #636468;border:1px solid var(--register-btn-color);border-radius:7px;font-size:.800390625rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.myinfo-container .info-data-block .info-data-block-right .edit-btn:hover{background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.myinfo-container .info-data-block .info-data-block-right .edit-btn-en{width:auto!important;padding:0 .7559244792rem}.myinfo-container .info-data-block .data-show-list ul{margin-top:.4446614583rem;padding-left:.8893229167rem}.myinfo-container .info-data-block .data-show-list li{list-style:none;text-align:center}.myinfo-container .info-data-block .data-show-list .title{font-size:.800390625rem!important;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .info-data-block .data-show-list .num{font-size:.7114583333rem!important;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .info-data-block .data-show-list .data-divider{width:0;height:2.0899088542rem;margin:.4446614583rem 0 0 .8893229167rem;opacity:.5;border-left:2px solid #707070;border-left:2px solid var(--feedbcak-color)}.myinfo-container .title-playmenu{position:relative;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 1.4229166667rem;margin-top:2.134375rem}.myinfo-container .title-playmenu .opt-btn{width:auto!important;padding:0 .7559244792rem}.myinfo-container .title-playmenu .opt-btn:hover{background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.myinfo-container .title-playmenu p:first-child,.myinfo-container .title-playmenu p:nth-child(2){font-size:.800390625rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu p:nth-child(2){width:4.4466145833rem;line-height:1.7786458333rem;border:1px solid #636468;border:1px solid var(--register-btn-color);border-radius:7px;text-align:center}.myinfo-container .title-playmenu .anchor{position:absolute;left:0;top:2.2233072917rem}.myinfo-container .title-playmenu-multip{margin-top:2.4901041667rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .title-playmenu-multip .go-back{display:flex;justify-content:flex-start;align-items:center;font-size:1.2450520833rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu-multip .go-back img{width:1.4229166667rem!important;height:1.4229166667rem!important}.myinfo-container .title-playmenu-multip .play-btn span:first-child{padding-right:1.2450520833rem;font-size:1.0671875rem;font-weight:400!important;color:#e84747!important;margin-bottom:0}.myinfo-container .title-playmenu-multip .play-btn span:nth-child(2){padding-right:1.7786458333rem;font-size:1.0671875rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list{padding:0 1.4229166667rem;margin:.8893229167rem 0;background:#fff;background:var(--white-bg-color);box-shadow:0 .1333984375rem .266796875rem rgba(0,0,0,.03);border-radius:10px}.myinfo-container .focus-list .focus-item{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;min-height:5.3359375rem}.myinfo-container .focus-list .focus-item .focus-list-left{max-width:50%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .focus-list .focus-item .focus-list-left .short-name{width:2.0454427083rem!important;height:2.0454427083rem!important;min-width:2.0454427083rem;width:2.0454427083rem;line-height:2.0454427083rem;border-radius:50%;font-size:.8893229167rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig{width:21.34375rem;margin-left:1.1561197917rem}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:first-child{font-size:.800390625rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.800390625rem;font-weight:300!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-1{font-size:.800390625rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right .item-2{margin-left:.7114583333rem;padding:.800390625rem;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:4px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;width:11.6501302083rem!important;height:2.9792317708rem!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 img{width:2.7569010417rem!important;height:2.7569010417rem!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 span{padding-left:.800390625rem;font-size:.800390625rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;height:1.333984375rem;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.333984375rem}.myinfo-container .focus-list .focus-item .focus-list-right .item-3{border:1px solid #707070;border-radius:7px;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-3,.myinfo-container .focus-list .focus-item .focus-list-right .item-3-hover{width:auto;min-width:4.80234375rem;margin-left:1.7786458333rem;line-height:1.867578125rem;height:1.867578125rem;font-size:.800390625rem;font-weight:400!important;margin-bottom:0;text-align:center}.myinfo-container .focus-list .focus-item .focus-list-right .item-3-hover{display:none;border:1px solid #e84747;background:#e84747;border-radius:7px;color:#fff!important}.myinfo-container .focus-list .focus-item .focus-list-right .control-hover:hover .item-3{display:none}.myinfo-container .focus-list .focus-item .focus-list-right .control-hover:hover .item-3-hover{display:block}.myinfo-container .no-data{font-size:.7559244792rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-shadow:0 0 #000;padding:10px 0 10px 32px}.myinfo-container .no-data-margin{margin-top:-1.2450520833rem}.myinfo-container .preset-list-container{margin-top:1.2450520833rem!important}.myinfo-container .preset-list-container .preset-list-flex{justify-content:space-between}.myinfo-container .preset-list-container .preset-list-flex .list-item-block{padding:.4446614583rem .8893229167rem .8893229167rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .product-media-row .menu-img{width:.8893229167rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .musical-style-tag-row{margin:.3557291667rem 0 .6669921875rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .state-count{margin-top:.8893229167rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.myinfo-container .preset-list-container .preset-list-flex:after{content:"";width:16.8971354167rem}.myinfo-container .hand-hover{cursor:pointer}.delete-color{color:#e66666!important}.editmyinfo-container{width:53.359375rem}.editmyinfo-container .title-label{display:flex}.editmyinfo-container .title-label i{font-size:1.2005859375rem;vertical-align:middle;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .title-label span{padding-left:.2223307292rem;font-size:.9782552083rem;font-weight:700;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .editmyinfo-layout{margin-top:1.2895182292rem;justify-content:space-between}.editmyinfo-container .setting-tab{flex-basis:13.5%;max-width:13.5%;height:33.7942708333rem;background:#fff;background:var(--white-bg-color);border-radius:8px}.editmyinfo-container .setting-tab .tabs-container{padding-top:1.6897135417rem;font-size:.8893229167rem;font-weight:700;text-align:center;color:#707070;color:var(--feedbcak-color)}.editmyinfo-container .setting-tab .tabs-container div{line-height:2.2em}.editmyinfo-container .setting-tab .tabs-container .tab-active{color:#3e5ff1}.editmyinfo-container .form-block{flex-basis:85%;max-width:85%;height:33.7942708333rem;padding:1.6897135417rem;overflow-y:scroll;background:#fff;background:var(--white-bg-color);box-shadow:0 .1333984375rem .266796875rem rgba(0,0,0,.03);border-radius:8px}.editmyinfo-container .form-block .avatar-block{position:relative}.editmyinfo-container .form-block .avatar-block .upload-btn{height:1.60078125rem;padding:0 .4446614583rem;position:absolute;bottom:0;left:5.3359375rem;font-size:.800390625rem;color:#97989e;color:var(--preset-list-desc-color);background-color:#fff;background-color:var(--white-bg-color);border:1px solid #97989e;border:1px solid var(--preset-list-desc-color);border-radius:7px}.editmyinfo-container .form-block .short-name{width:4.4466145833rem;height:4.4466145833rem;line-height:4.4466145833rem;border-radius:50%;font-size:1.9565104167rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.editmyinfo-container .form-block .input-div-title{display:flex;align-items:flex-start;align-items:baseline}.editmyinfo-container .form-block .input-div-title .word-count{display:inline-block;margin-left:.8893229167rem;color:#141414;color:var(--black-title)}.editmyinfo-container .form-block .input-div{margin-top:.8893229167rem}.editmyinfo-container .form-block .input-div .lable{font-size:.8893229167rem;font-weight:700!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .input{width:19.1204427083rem!important;height:1.9565104167rem!important;padding-left:.6669921875rem}.editmyinfo-container .form-block .input-div .input,.editmyinfo-container .form-block .input-div .textarea{background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:5px;font-size:.800390625rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .textarea{width:76%;height:5.4248697917rem;padding:.6669921875rem}.editmyinfo-container .form-block .input-div .info-select{width:19.0759765625rem!important;height:1.9565104167rem!important;border-radius:5px;font-size:.800390625rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;background-size:2.5%}.editmyinfo-container .form-block .input-div .info-select .v-btn__content{text-align:left;display:inline}.editmyinfo-container .form-block .input-div .info-select .v-btn__content span{width:17.7864583333rem;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:1.9565104167rem!important;line-height:1.9565104167rem}.editmyinfo-container .form-block .input-div .info-select .select-icon{float:right;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .form-block .input-div .info-select-light-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll var(--preset-input-bg-color) 98%}.editmyinfo-container .form-block .input-div .info-select-dark-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll var(--preset-input-bg-color) 98%}.editmyinfo-container .form-block .input-div.active-color{color:#3e5ff1!important}.editmyinfo-container .form-block .button-sub{width:4.4466145833rem!important;height:1.9565104167rem!important;margin-top:2.0454427083rem;background-color:#3e5ff1!important;border-radius:8px;text-transform:capitalize;font-size:.800390625rem;color:#fff}.editmyinfo-container .form-block .tab-title{font-size:.8893229167rem;color:#636468;color:var(--register-btn-color);font-weight:700;line-height:2em}.editmyinfo-container .form-block .setting-item-desc,.editmyinfo-container .form-block .setting-item-title{font-size:.800390625rem;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .form-block .setting-item-desc{opacity:.6}.editmyinfo-container .form-block .scope-menu .menu-btn{width:8.4485677083rem;font-size:.7114583333rem;padding:0 .53359375rem;border-radius:6px;background-color:#fff!important;background-color:var(--post-menu-bg-color)!important;color:#88898d;color:var(--filter-btn-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2)}.editmyinfo-container .form-block .scope-menu .menu-btn .item-name{width:7.3369140625rem;padding-left:.2223307292rem;text-align:left}.editmyinfo-container .right-flex{text-align:right}.editmyinfo-container .height-65{height:2.8902994792rem}.editmyinfo-container .height-85{height:3.7796223958rem}.editmyinfo-container>>>.v-list-item__title{font-size:1.0671875rem!important;color:#97989e;font-weight:400!important}.not-exit-btn{color:#a4a4a4!important;border:1px solid #a4a4a4;border-radius:4.5800130208rem!important}.exit-btn,.not-exit-btn{background:#fff!important;background:var(--white-bg-color)!important;font-weight:700!important}.exit-btn{color:#707070!important;border:1px solid #707070;border-radius:4.5800130208rem!important;margin-left:1.7786458333rem}.preset-info-container{width:53.359375rem;max-width:53.359375rem;margin:.8893229167rem auto;padding:2.401171875rem 3.5572916667rem;background:#fff;background:var(--white-bg-color);border-radius:14px}.preset-info-container .info-loading-container .circle{max-width:2.401171875rem;min-width:2.401171875rem;height:2.401171875rem}.preset-info-container .info-loading-container .height-19{height:.8448567708rem}.preset-info-container .info-loading-container .height-25{height:1.1116536458rem}.preset-info-container .info-loading-container .height-32{height:1.4229166667rem}.preset-info-container .info-loading-container .width-height-160{height:7.1145833333rem;max-width:7.1145833333rem;width:7.1145833333rem}.preset-info-container .info-loading-container .width-163-height-146{height:6.4920572917rem;max-width:7.2479817708rem;width:7.2479817708rem}.preset-info-container .info-loading-container .height-62{height:2.7569010417rem}.preset-info-container .info-loading-container .height-247{height:10.9831380208rem}.preset-info-container .info-loading-container .height-476{height:21.1658854167rem}.comment-container{width:100%}.comment-container .row-1{font-size:1.60078125rem;font-weight:700!important;color:#141414!important;margin-bottom:0;margin-top:1.1561197917rem;padding-left:.3557291667rem}.comment-container .row-2{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;padding:0;margin-bottom:1.7786458333rem}.comment-container .row-2 li{padding:.53359375rem .3557291667rem;margin-right:1.333984375rem;list-style:none;font-size:1.0671875rem;font-weight:700!important;color:#919191!important;margin-bottom:0}.comment-container .row-2 .action{font-size:1.60078125rem;font-weight:700!important;color:#415fe6!important;margin-bottom:0;border-bottom:.0889322917rem solid #415fe6}.comment-container .flex-two-column{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important}.comment-container .flex-two-column .short-name{width:4.9802083333rem!important;height:4.9802083333rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:2.134375rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.comment-container .flex-two-column .textarea-container{margin-left:1.60078125rem}.comment-container .flex-two-column .textarea-container textarea{width:100%!important;height:6.136328125rem!important;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;padding:.6225260417rem 0 0 .8893229167rem;font-size:1.2450520833rem;font-weight:400!important;color:#b9b9b9!important;color:var(--text-area-color)!important;margin-bottom:0}.comment-container .flex-two-column .sub-comment{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.comment-container .flex-two-column .sub-comment .btn{width:6.3141927083rem!important;height:2.134375rem!important;background:#3f5ee6;border-radius:4px;font-size:1.2450520833rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.comment-container .flex-two-column .flex-center,.comment-container .flex-two-column .tip-author{display:grid;justify-items:center;align-items:center}.comment-container .flex-two-column .tip-author{margin-top:.266796875rem;width:4.4466145833rem!important;height:1.9565104167rem!important;border:.0444661458rem solid #3f5ee6;border-radius:22px;font-size:1.0671875rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container{padding-top:.53359375rem;margin-left:1.60078125rem;font-size:.8893229167rem;font-weight:500!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .top-ceontent .top-sign{width:4.4466145833rem!important;height:1.9565104167rem!important;flex-shrink:0;margin-right:1.333984375rem;border:1px solid #3f5ee6;border-radius:6px;display:grid;justify-content:center;align-content:center;font-size:1.0671875rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .comment-content{width:60%}.comment-container .flex-two-column .comment-container .comment-content,.comment-container .flex-two-column .comment-container .comment-content-all{font-size:.8893229167rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .count-play{display:flex;justify-content:flex-start;align-items:center;margin-top:.4446614583rem}.comment-container .flex-two-column .comment-container .count-play .time{font-size:.8893229167rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .count-play .dz-container{margin:0 2.2233072917rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container i{display:inline-block;width:1.0671875rem!important;height:1.0671875rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5eea3a990d.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container span{font-size:.8893229167rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.53359375rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container:hover i{display:inline-block;width:1.0671875rem!important;height:1.0671875rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f016ca36e/reday-dz.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container i{display:inline-block;width:1.0671875rem!important;height:1.0671875rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f016989ee/dz-ok.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container span{font-size:.8893229167rem;font-weight:400!important;color:#919191!important;margin-bottom:0;padding-left:.53359375rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container{margin-left:1.5118489583rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container i{display:inline-block;width:1.0671875rem!important;height:1.0671875rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d55cbb0/bad-dz-default.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container:hover i{display:inline-block;width:1.0671875rem!important;height:1.0671875rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d5918c2/bad-dz-ready.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container{margin-left:1.5118489583rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container i{display:inline-block;width:1.0671875rem!important;height:1.0671875rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d5821da/bad-dz-ok.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .replay{font-size:.8893229167rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container{width:47.3119791667rem;margin-top:.9782552083rem;padding:.3557291667rem .3557291667rem .9782552083rem;background:#fafafa}.comment-container .flex-two-column .child-comment-container .short-name-child{width:2.66796875rem!important;height:2.66796875rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:2.134375rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .replay-name{flex-shrink:0;margin-right:1.2450520833rem}.comment-container .flex-two-column .child-comment-container .replay-name p{margin:0}.comment-container .flex-two-column .child-comment-container .replay-name span:first-child{font-size:.8893229167rem;font-weight:500!important;color:#919191!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .replay-name span:nth-child(2){font-size:.8893229167rem;font-weight:500!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .comment-content-long{width:100%;font-size:.8893229167rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .loading-replay{background:url(http://res.hotoneaudio.com/preset_20201118_5fb480d4aa198.png) no-repeat;background-size:.7114583333rem .6225260417rem;background-position:center left 0;padding-left:1.1561197917rem;font-size:1.0671875rem;font-weight:500!important;color:#3f5ee6!important;margin:1.7786458333rem 0 0 4.4466145833rem}.comment-container .flex-two-column .child-comment-container .shouqi-replay{background:url(http://res.hotoneaudio.com/preset_20201221_5fe033dbd2b1a/%E7%BB%84%201009%402x.png) no-repeat;background-size:.7114583333rem .6225260417rem;background-position:center left 0;padding-left:1.1561197917rem;font-size:1.0671875rem;font-weight:500!important;color:#3f5ee6!important;margin:1.7786458333rem 0 0 4.4466145833rem}.comment-container .flex-two-column .replay-textarea{margin-top:1.0671875rem}.comment-container .flex-two-column .replay-textarea .short-name-middle{width:3.3794270833rem!important;height:3.3794270833rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:2.134375rem;font-weight:700!important;color:#fff!important;margin-bottom:0;flex-shrink:0}.comment-container .flex-two-column .replay-textarea textarea{width:42.8653645833rem!important;height:5.7805989583rem!important}.comment-container .bottom-border-line{margin-bottom:.9782552083rem;padding-bottom:1.0671875rem;border-bottom:.0889322917rem solid #919191}.comment-container .flex-layout{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.comment-container .play-menu img{width:2.134375rem!important;height:2.134375rem!important}.info-container{position:relative}.info-container .recommedation-icon{position:absolute;top:-2.401171875rem;right:-3.5572916667rem;width:1.0227213542rem;height:1.7786458333rem;cursor:pointer}.info-container .row-1{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important}.info-container .row-1 .row-1-flex{width:80%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-1 .row-1-flex .circle{display:grid;justify-content:center;align-content:center;width:2.2233072917rem!important;height:2.2233072917rem!important;min-width:2.2233072917rem;font-size:.8893229167rem;font-weight:700!important;color:#fff!important;margin-bottom:0;cursor:pointer;background-position:50%;background-size:cover;border-radius:50%}.info-container .row-1 .row-1-flex .row-1-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8893229167rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0}.info-container .row-1 .row-1-flex .v-btn{padding:0 .7559244792rem;margin-left:.8893229167rem;border-radius:3px}.info-container .row-1 .row-1-flex .row-1-focus{font-size:.8893229167rem;font-weight:500!important;color:#fff!important;margin-bottom:0;background-color:#3e5ff1}.info-container .row-1 .row-1-flex .row-1-focus-already{font-size:.8893229167rem;font-weight:400!important;color:#fff!important;color:var(--info-focus-color)!important;margin-bottom:0;background:#d1d2d4;background:var(--filter-tag-bd-color)}.info-container .row-1 .row-1-flex .row-1-focus-already .v-btn__content{line-height:1em}.info-container .row-1 .row-1-flex .row-1-focus-already .hover-span{display:none}.info-container .row-1 .row-1-flex .row-1-focus-already:hover{background:#d1d2d4;background:var(--filter-tag-bd-color)}.info-container .row-1 .row-1-flex .row-1-focus-already:hover .hover-span{display:block!important}.info-container .row-1 .row-1-flex .row-1-focus-already:hover .not-hover-span{display:none}.info-container .row-1 .row-1-flex .name-sig{margin:.53359375rem;cursor:pointer}.info-container .row-1 .row-1-focus:hover{background:#3f5ee6;font-size:.8893229167rem;font-weight:400!important;color:#fff!important;margin-bottom:0}.info-container .row-1 .share-menu{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-1 .share-menu img{width:1.333984375rem!important;height:.8893229167rem!important}.info-container .row-1 .play-menu img{width:1.4229166667rem!important;height:auto!important}.info-container .row-1 .play-menu .share-img{width:2.0899088542rem!important;height:1.6452473958rem!important}.info-container .row-2 .row-2-info{margin-right:.2223307292rem}.info-container .row-2 .row-2-info .row-2-name{font-size:1.0671875rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.info-container .row-2 .row-2-info .row-2-attr{font-size:.9782552083rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;white-space:normal;overflow:hidden;text-overflow:ellipsis;margin-top:.2223307292rem}.info-container .row-2 .row-2-info .musical-style-tag-container{margin-top:.266796875rem}.info-container .row-2 .row-2-info .musical-style-tag{padding:.5em .625em;margin:.3125em .5em 0 0;text-align:center;font-size:.7114583333rem;line-height:1em;border-radius:3px;cursor:pointer}.info-container .row-2 .row-2-info .c-tag{display:flex;align-items:center;height:2em;padding-top:0;padding-bottom:0}.info-container .row-2 .row-2-info .c-tag img{height:1.5em}.info-container .row-2 .row-2-info .style-tag{font-size:.7114583333rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;background:#f8f8f8;background:var(--tag-bg-color)}.info-container .row-2 .row-2-info .musical-style-tag:hover{opacity:.8}.info-container .row-2 .row-2-pro-img-name{display:flex;flex-direction:column;align-items:center;padding:0 .3557291667rem .800390625rem;max-width:8.9821614583rem;max-height:9.1155598958rem;background:#fbfbfb;background:var(--file-list-bg-color);text-align:center;border-radius:8px}.info-container .row-2 .row-2-pro-img-name img{width:4.8912760417rem}.info-container .row-2 .row-2-pro-img-name div{font-size:.800390625rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .file-list{max-height:11.5611979167rem;margin-top:.7114583333rem;padding:.4446614583rem .8893229167rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:8px;overflow-x:hidden;overflow-y:scroll}.info-container .file-list .file-list-item{position:relative;padding:0 .8893229167rem}.info-container .file-list .file-list-item .ab-center{position:absolute;left:0;top:50%;width:100%;height:85%;display:flex;justify-content:center;align-items:center;transform:translateY(-50%)}.info-container .file-list .file-list-item .unaudit-cover{background-color:#000;opacity:.3}.info-container .file-list .file-list-item .unaudit-text{font-size:.7114583333rem;color:#fff}.info-container .row-3{margin-top:2.134375rem}.info-container .row-3 .file-tip{font-size:.9782552083rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-3 .file-tip span{font-size:.8893229167rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;margin-left:5px;background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px;display:inline-block;width:1.333984375rem;text-align:center}.info-container .row-3 .file-list .img-file-name-layout{margin:.6225260417rem 0}.info-container .row-3 .file-list .img-file-name-flex{display:flex;align-items:center}.info-container .row-3 .file-list .img-file-name-flex img{width:2.134375rem!important;height:2.134375rem!important}.info-container .row-3 .file-list .img-file-name-flex div{margin-left:.7114583333rem;font-size:.8893229167rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis}.info-container .row-3 .file-list .custom-sm{flex-basis:4%;flex-grow:0;max-width:4%}.info-container .row-3 .file-list .download-img{width:.6669921875rem;cursor:pointer;margin-right:.8893229167rem}.info-container .row-3 .download{width:auto!important;height:1.60078125rem!important;background:#3e5ff1!important;border-radius:4px;font-size:.800390625rem;font-weight:400!important;color:#fff!important;margin-bottom:0}.info-container .row-3 .download:hover{background:#4c6cfb!important}.info-container .upload-audio-row{margin-top:.8893229167rem}.info-container .upload-audio-row .row-title{font-size:.9782552083rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .upload-audio-row .info-player-container{padding:.53359375rem 0}.info-container .upload-audio-row .info-player-container .v-image{width:1.9565104167rem;height:1.9565104167rem;max-width:1.9565104167rem;margin-right:.6669921875rem;cursor:pointer}.info-container .upload-audio-row .info-player-container .player-info{font-size:.800390625rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .upload-audio-row .info-player-container .file-name{padding:0 .2223307292rem 0 1.60078125rem}.info-container .row-4{width:100%;margin-top:1.0227213542rem;font-size:.8893229167rem;color:#949494;color:var(--tag-color);word-break:break-word;font-family:Roboto light,sans-serif;line-height:1.2450520833rem;overflow:hidden}.info-container .row-4 .cover-img{float:left;width:14.2291666667rem;margin-right:.8893229167rem;border-radius:4px}.info-container .row-5{margin-top:.8893229167rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-5 .row-5-url{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .row-5 .row-5-url span:first-child{font-size:.8893229167rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.info-container .row-5 .row-5-url span:nth-child(2){font-size:.8893229167rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .row-5 .row-5-changes{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-5 .row-5-changes p{display:grid;justify-content:center;align-content:center;width:.9782552083rem!important;height:.9782552083rem!important;margin-right:.4446614583rem;border:1px solid #97989e;border-radius:4px;font-size:.800390625rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .row-5 .row-5-changes p:hover{background-color:#f0f8ff}.info-container .row-5 .row-5-changes .active{border:1px solid #3e5ff1;font-size:.800390625rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0}.info-container .row-6{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-6 iframe{height:88px!important;width:100%!important;border-radius:26px;border:none}.info-container .row-6 img{width:2.134375rem!important;height:2.134375rem!important}.info-container .row-7{margin-top:.6669921875rem}.info-container .row-7 .row-title{font-size:.9782552083rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-8{margin-top:.53359375rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-8 iframe{width:39.1302083333rem!important;height:24.9010416667rem!important;border-radius:26px;border:none}.info-container .row-8 img{width:2.134375rem!important;height:2.134375rem!important}.info-container .row-9{margin-top:1.4229166667rem;display:grid;justify-content:center;align-content:center}.info-container .row-9 img{width:2.8458333333rem!important;height:2.8458333333rem!important}.info-container .row-9 .hover-container .not-focus-state{width:2.8458333333rem!important;height:2.8458333333rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75eaa71f/info-focus-pt.png);background-size:cover}.info-container .row-9 .hover-container:hover .not-focus-state{width:2.8458333333rem!important;height:2.8458333333rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75ee025e/info-focus-hover.png);background-size:cover}.info-container .row-10{margin:1.4229166667rem 0}.info-container .row-10 .state-count-item{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;margin-right:.9782552083rem;cursor:pointer;font-size:.800390625rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .row-10 .state-count-item img{width:1.333984375rem;height:auto;margin-right:.1778645833rem}.info-container .row-10 .state-count-item .download-img{width:1.1561197917rem!important}.info-container .row-10 .update-info{font-size:.800390625rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .font-20-400-9A9A9A{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8893229167rem;font-weight:400!important;color:#9a9a9a!important;color:var(--info-sig-color)!important;margin-bottom:0}.info-container .qrcode{justify-content:center;display:flex}.info-container .hand-hover{cursor:pointer}.preset-comment-container{width:100%;margin-top:1.7786458333rem}.preset-comment-container .row-1{font-size:.8893229167rem;font-weight:700!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0;margin-top:1.1561197917rem;padding-left:.3557291667rem}.preset-comment-container .row-2{margin-top:.5780598958rem;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;padding:0;margin-bottom:1.0671875rem}.preset-comment-container .row-2 li{padding:.53359375rem .3557291667rem .0889322917rem;margin-right:1.333984375rem;list-style:none;font-size:.8893229167rem;font-weight:700!important;color:#919191!important;margin-bottom:0}.preset-comment-container .row-2 .action{font-size:.8893229167rem;font-weight:700!important;color:#415fe6!important;margin-bottom:0;border-bottom:.0889322917rem solid #415fe6}.preset-comment-container .flex-two-column{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important}.preset-comment-container .flex-two-column .short-name{width:2.8458333333rem!important;height:2.8458333333rem!important;display:grid;justify-content:center;align-content:center;border-radius:50%;font-size:1.333984375rem;font-weight:700!important;color:#fff!important;margin-bottom:0;min-width:2.8458333333rem;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .textarea-container{margin-left:1.60078125rem;width:100%}.preset-comment-container .flex-two-column .textarea-container textarea{width:100%!important;height:6.136328125rem!important;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;padding:.6225260417rem 0 0 .8893229167rem;font-size:.8893229167rem;font-weight:400!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0;resize:none;outline:none}.preset-comment-container .flex-two-column .no-margin{margin-left:0!important}.preset-comment-container .flex-two-column .sub-comment{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;margin-top:.53359375rem}.preset-comment-container .flex-two-column .sub-comment .btn{height:1.60078125rem!important;background:#3e5ff1!important;font-size:.800390625rem;font-weight:400!important;color:#fff!important;margin-bottom:0;border-radius:4px}.preset-comment-container .flex-two-column .flex-center{display:grid;justify-items:center;align-items:center}.preset-comment-container .flex-two-column .tip-author{margin-top:.53359375rem;width:3.1126302083rem!important;height:1.2450520833rem!important;border:.0444661458rem solid #3f5ee6;border-radius:20px;font-size:.7114583333rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;display:grid;justify-items:center;align-items:center}.preset-comment-container .flex-two-column .comment-container{padding-top:.53359375rem;margin-left:1.60078125rem;font-size:.8893229167rem;font-weight:500!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .top-ceontent .top-sign{width:3.0681640625rem!important;height:1.3784505208rem!important;margin-right:.6669921875rem;border:1px solid #3f5ee6;border-radius:6px;display:inline-block!important;line-height:1.3784505208rem;font-size:.800390625rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;text-align:center}.preset-comment-container .flex-two-column .comment-container .comment-content{width:60%}.preset-comment-container .flex-two-column .comment-container .comment-content,.preset-comment-container .flex-two-column .comment-container .comment-content-long{font-size:.8893229167rem;font-weight:400!important;color:#141414!important;color:var(--black-title-2)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play{display:flex;justify-content:flex-start;align-items:center;margin-top:.4446614583rem}.preset-comment-container .flex-two-column .comment-container .count-play .time{font-size:.8893229167rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container{margin:0 2.2233072917rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container{display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container .comment-opt-img{width:1.0671875rem!important;height:1.0671875rem!important;cursor:pointer}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container span{font-size:.8893229167rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.53359375rem}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container{display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container i{display:inline-block;width:1.0671875rem!important;height:1.0671875rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/preset_btn_like_filled.svg);background-size:cover}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container span{font-size:.8893229167rem;font-weight:400!important;color:#919191!important;margin-bottom:0;padding-left:.53359375rem}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container{margin-left:1.5118489583rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container .comment-opt-img{width:1.0671875rem!important;height:1.0671875rem!important;cursor:pointer}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container span{font-size:.8893229167rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.53359375rem}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container{margin-left:1.5118489583rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container i{display:inline-block;width:1.0671875rem!important;height:1.0671875rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/preset_btn_dislike_filled.svg);background-size:cover}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container span{padding-left:.53359375rem}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container span,.preset-comment-container .flex-two-column .comment-container .count-play .replay{font-size:.8893229167rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play .replay:hover{color:#3e5ff1!important}.preset-comment-container .flex-two-column .child-comment-container{width:100%!important;margin-top:.9782552083rem;padding:.6669921875rem .3557291667rem .9782552083rem .8893229167rem;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px}.preset-comment-container .flex-two-column .child-comment-container .short-name-child{width:2.66796875rem!important;height:2.66796875rem!important;display:grid;justify-content:center;align-content:center;border-radius:50%;font-size:1.4229166667rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .child-comment-container .replay-name{margin-right:1.2450520833rem}.preset-comment-container .flex-two-column .child-comment-container .replay-name p{margin:0}.preset-comment-container .flex-two-column .child-comment-container .replay-name span:first-child{font-size:.8893229167rem;font-weight:500!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .replay-name span:nth-child(2){font-size:.8893229167rem;font-weight:500!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .comment-content-long{width:100%;font-size:.8893229167rem;font-weight:400!important;color:#141414!important;color:var(--black-title-2)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .loading-replay{background:url(http://res.hotoneaudio.com/preset_20201118_5fb480d4aa198.png) no-repeat;background-size:.7114583333rem .6225260417rem;background-position:center left 0;padding-left:1.1561197917rem;font-size:1.0671875rem;font-weight:500!important;color:#3f5ee6!important;margin:1.7786458333rem 0 0 4.4466145833rem}.preset-comment-container .flex-two-column .child-comment-container .shouqi-replay{background:url(http://res.hotoneaudio.com/preset_20201221_5fe033dbd2b1a/%E7%BB%84%201009%402x.png) no-repeat;background-size:.7114583333rem .6225260417rem;background-position:center left 0;padding-left:1.1561197917rem;font-size:1.0671875rem;font-weight:500!important;color:#3f5ee6!important;margin:1.7786458333rem 0 0 4.4466145833rem}.preset-comment-container .flex-two-column .replay-textarea{margin-top:1.0671875rem}.preset-comment-container .flex-two-column .replay-textarea .short-name-middle{min-width:2.66796875rem;width:2.66796875rem!important;height:2.66796875rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:1.4229166667rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .replay-textarea textarea{height:5.7805989583rem!important;width:100%!important;resize:none}.preset-comment-container .bottom-border-line{margin-bottom:.9782552083rem;padding-bottom:1.0671875rem;border-bottom:.0444661458rem solid #ececec;border-bottom:.0444661458rem solid var(--divider-color-3)}.preset-comment-container .flex-layout{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-comment-container .flex-layout .name-block{margin-bottom:.4446614583rem}.preset-comment-container .play-menu img{width:1.4229166667rem!important;height:auto!important}.preset-comment-container .hand-hover{cursor:pointer}.preset-comment-container .page-item{margin:30px 0 50px;display:flex;justify-content:center}.collect-container{width:100%}.collect-container .filter{width:100%;margin-bottom:1.7786458333rem}.collect-container .filter,.collect-container .filter .title-filter{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important}.collect-container .filter .title-tip{font-size:.8893229167rem;font-weight:700!important;color:#636468!important;margin-bottom:0}.collect-container .filter .filter-btn{font-size:.8893229167rem;font-weight:400!important;color:#636468!important;margin-bottom:0;text-transform:none;letter-spacing:0}.collect-container .filter .filter-search{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;height:2.134375rem;padding:.4446614583rem .3557291667rem;background:#fff;box-shadow:0 .1333984375rem .8893229167rem rgba(0,0,0,.06);border-radius:11px}.collect-container .filter .filter-search img{width:1.2450520833rem!important;height:1.2450520833rem!important}.collect-container .filter .filter-search input{border:0;outline:none;margin-left:.4446614583rem;font-size:.8893229167rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.collect-container .filter .filter-search .vertical-line{width:.0889322917rem;height:98%;background:#fafafa}.collect-container .filter .filter-search .cate-slelct-btn{font-size:.8893229167rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;text-transform:none;letter-spacing:0}.empty-container .not-found-tip{margin-top:.6669921875rem;font-size:.8893229167rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.empty-container .key-word-block{margin-top:1.0227213542rem;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}.empty-container .key-word-block .key-word-title{font-size:.8893229167rem;font-weight:500!important;color:#636468!important;margin-bottom:0}.empty-container .key-word-block .key-word-content{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important;cursor:pointer}.empty-container .key-word-block .key-word-content span{padding:0 .3557291667rem;font-size:1.0227213542rem;font-weight:700!important;color:#4163e6!important;margin-bottom:0;text-decoration:underline}.empty-container img{width:60%;height:auto}.pub-share-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50}.pub-share-container .share-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.pub-share-container .share-small-container{position:absolute;top:7.7815755208rem;width:31.1263020833rem;padding:1.0671875rem;background:#fbfbfb;background:var(--file-list-bg-color);box-shadow:0 2px .8893229167rem rgba(0,0,0,.25);border-radius:.8893229167rem;z-index:52;left:0;right:0;margin:auto}.pub-share-container .share-small-container .share-userinfo{display:flex;justify-content:flex-start;align-items:center}.pub-share-container .share-small-container .share-userinfo .item-1{width:3.0236979167rem!important;height:3.0236979167rem!important;background:#71b47f;border-radius:50%;font-size:1.333984375rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;flex-shrink:0;background-size:cover;background-position:50%}.pub-share-container .share-small-container .share-userinfo .item-2{width:80%;padding-left:.9782552083rem}.pub-share-container .share-small-container .share-userinfo .item-2 p{margin-bottom:0}.pub-share-container .share-small-container .share-userinfo .item-2 p:first-child{font-size:.8893229167rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0}.pub-share-container .share-small-container .share-userinfo .item-2 p:nth-child(2){font-size:.7114583333rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-share-container .share-small-container .preset-name{margin-top:.7559244792rem;font-size:.8893229167rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.pub-share-container .share-small-container .preset-info{font-size:.800390625rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;white-space:normal;max-width:28.013671875rem;max-height:4.7134114583rem;overflow:hidden;text-overflow:ellipsis}.pub-share-container .share-big-container{position:absolute;top:9.6491536458rem;width:35.5729166667rem;padding:2.2233072917rem;background:#fbfbfb;background:var(--file-list-bg-color);box-shadow:0 2px .8893229167rem rgba(0,0,0,.25);border-radius:.8893229167rem;z-index:51;left:0;right:0;margin:auto}.pub-share-container .share-big-container .share-tip{margin-top:9.1600260417rem;font-size:.9782552083rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.pub-share-container .share-big-container .share-plateform{display:flex;justify-content:center;margin-top:1.0671875rem}.pub-share-container .share-big-container .share-plateform img{width:2.4456380208rem!important;height:2.4456380208rem!important;margin:0 .6225260417rem;cursor:pointer}.pub-share-container .share-big-container .copy-link{display:flex;justify-content:flex-start;align-items:center;margin-top:2.0454427083rem}.pub-share-container .share-big-container .copy-link input{width:24.4563802083rem!important;height:2.134375rem!important;padding-left:.4446614583rem;background:#fbfbfb;background:var(--file-list-bg-color);border:.0444661458rem solid #97989e;border-radius:8px;font-size:.8893229167rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0}.pub-share-container .share-big-container .copy-link span{margin-left:1.0671875rem;padding:.4446614583rem .8893229167rem;background:#3e5ff1;border-radius:8px;font-size:.8893229167rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.pub-share-container .share-big-container .copy-link span:hover{background:#4c6cfb}.empty-upload-container .item-block{width:17.341796875rem!important;height:10.671875rem!important;border-radius:14px;background:#fff;background:var(--white-bg-color)}.empty-upload-container .item-block i{display:flex;justify-content:center}.empty-upload-container .item-block i svg{margin-top:1.333984375rem;width:2.8902994792rem!important;height:2.8902994792rem!important;fill:#d4d5dc}.empty-upload-container .item-block p{display:flex;justify-content:center;padding:0 2.6235026042rem;text-align:center;word-break:break-word}.empty-upload-container .item-block .main-text{font-size:.8893229167rem;font-weight:700;line-height:1.5118489583rem;color:#636468;color:var(--register-btn-color);margin:.7114583333rem 0 0}.empty-upload-container .item-block .info-text{font-size:.7114583333rem;font-weight:400;line-height:1.0671875rem;color:#97989e;margin-top:.6669921875rem}.empty-upload-container .item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.hand-hover{cursor:pointer}.v-dialog .theme--light.v-card{background-color:#fff;background-color:var(--white-bg-color);color:rgba(0,0,0,.87)}.v-dialog .v-sheet.v-card:not(.v-sheet--outlined){box-shadow:none}.v-dialog .pub-close-icon{position:absolute;right:10px;width:.8893229167rem;height:.8893229167rem;top:15px;cursor:pointer;z-index:999}.v-dialog .pub-title{display:flex;justify-content:center;align-items:center;margin-top:1.0227213542rem}.v-dialog .pub-title .pub-title-text{font-size:.9782552083rem;font-weight:700;line-height:1.6452473958rem;color:#636468}.v-dialog .pub-info-text{margin-top:.2223307292rem;font-size:.7114583333rem;font-weight:400;line-height:1.2005859375rem;color:#636468!important;color:var(--register-btn-color)!important;text-align:center}.v-dialog .pub-btn-block,.v-dialog .pub-info-text{display:flex;justify-content:center;align-items:center}.v-dialog .pub-btn-block{margin-bottom:1.333984375rem;margin-top:.4446614583rem}.v-dialog .pub-btn-block button{border-radius:4px;width:3.6462239583rem;height:1.7786458333rem!important;font-size:.800390625rem;box-shadow:none;text-transform:capitalize;letter-spacing:0}.v-main__wrap{background-color:#f5f5f5;background-color:var(--page-bg-color)}.avatar-upload-content{border-radius:14px!important}.avatar-upload-content .avatar-uploader{width:200px;height:200px}.avatar-upload-content .avatar-uploader .ant-upload.ant-upload-drag{border:none!important;border-radius:5px;background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important}.avatar-upload-content .avatar-uploader .ant-upload-list-item{display:none!important}.avatar-upload-content .upload-icon{width:4.4466145833rem;margin:0 auto}.avatar-upload-content .upload-text{margin-top:.8893229167rem}.avatar-upload-content .avatar-upload-info{text-align:center}.avatar-upload-content .avatar-upload-info p{margin-bottom:0}.avatar-upload-content .upload-btn{margin-bottom:.8893229167rem;color:#fff!important;border-radius:5px;border:none!important;box-shadow:none;text-transform:none!important;letter-spacing:0}.v-menu__content .notice-tabs .tab{padding:.2223307292rem 0 .4446614583rem;font-size:.7114583333rem}.v-menu__content .notice-tabs .tab .classfied-num{top:-.1333984375rem;left:.2223307292rem;min-width:25px;min-height:20px}.tab-block{width:100%;display:flex;justify-content:center;margin-top:.8893229167rem}.tab-block .tabs{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;max-width:53.359375rem;width:53.359375rem}.tab-block .tabs .tab{font-size:.8893229167rem;font-weight:700;color:#636468;color:var(--register-btn-color);padding:0 .8893229167rem .53359375rem;cursor:pointer;white-space:nowrap}.tab-block .tabs .tab-active{border-bottom:4px solid #3e5ff1;color:#3e5ff1!important}.reset-pwd-container h1{font-size:1.4229166667rem;color:#141414;color:var(--black-title)}.reset-pwd-container .block-1{display:flex;flex-direction:column;align-items:center}.reset-pwd-container .block-1 .p-1{font-size:.800390625rem;margin:.53359375rem 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-2{font-size:.800390625rem;margin:.53359375rem 0 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-3{font-size:.800390625rem;margin:0 0 .9782552083rem;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-4{font-size:.7114583333rem;margin:.53359375rem 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-4 .span-1{cursor:pointer;color:#3e5ff1}.reset-pwd-container .block-1 .input-container-1{display:flex;flex-direction:column}.reset-pwd-container .block-1 .input-container-1 .input-1{width:16.9860677083rem;height:1.9565104167rem;background:#ececec;background:var(--divider-color-1);border-radius:5px;font-size:.7114583333rem;font-weight:500;color:#414141;color:var(--user-color);padding:0 .4446614583rem}.reset-pwd-container .block-1 .input-container-1 .input-1:focus{outline:none}.reset-pwd-container .block-1 .input-container-1 .input-gap{margin-top:1.333984375rem}.reset-pwd-container .block-1 .input-container-1 .input-gap-1{margin-top:.4446614583rem}.reset-pwd-container .block-1 .input-container-1 .email-block{position:relative}.reset-pwd-container .block-1 .input-container-1 .email-block span{position:absolute;right:.3557291667rem;top:.4891276042rem;cursor:pointer;font-size:.7114583333rem;font-weight:500;color:#3e5ff1;z-index:99}.reset-pwd-container .block-1 .btn-1{margin-top:1.333984375rem;background:#3e5ff1!important;border-radius:20px;font-size:.7114583333rem;font-weight:400;color:#fff;line-height:1.2005859375rem}.reset-pwd-container .block-1 .btn-size-1{width:15.1184895833rem;height:1.7786458333rem!important}.reset-pwd-container .block-1 .btn-size-2{width:9.6936197917rem;height:1.7786458333rem!important}.reset-pwd-container .v-overlay .v-overlay__content{display:flex;flex-direction:column;align-items:center}.notice-container{width:53.359375rem;padding:.8893229167rem 0}.notice-container .notice-header .bell-img{max-width:1.2450520833rem}.notice-container .notice-header .notice-header-title{margin-left:.6669921875rem;font-size:.8893229167rem}.notice-container .notice-content .notice-tab-container{padding:0 1.333984375rem 0 0}.notice-container .notice-content .notice-tab-container .tabs{position:sticky;top:5.3359375rem}.notice-container .notice-content .notice-tab-container .tabs .tab{margin-bottom:.800390625rem;font-size:.8893229167rem;cursor:pointer}.notice-container .notice-content .notice-tab-container .tabs .setting-tab{margin-top:18px}.notice-container .notice-content .notice-list-container .v-list{background:#fff;background:var(--white-bg-color)}.notice-container .notice-content .notice-list-container .v-list-item__title .produce-name{font-size:.800390625rem;color:#141414;color:var(--black-title-2)}.notice-container .notice-content .notice-list-container .v-list-item__title .notice-date{font-size:.6225260417rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .replied-comment-content{font-size:.7114583333rem;color:#141414;color:var(--black-title)}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .comment-content{font-size:.7114583333rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .comment-content img{max-width:4.4466145833rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .notice-message-container .info-text{font-size:.7114583333rem;color:#949494;color:var(--tag-color)}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .notice-message-container .info-text a{color:#3e5ff1}.notice-container .notice-content .notice-list-container .v-avatar{height:2.0009765625rem!important;min-width:2.0009765625rem!important;width:2.0009765625rem!important}.notice-message-container .info-text{font-size:.7114583333rem;color:#949494;color:var(--tag-color);white-space:normal;word-break:break-word}.notice-message-container .info-text a{color:#3e5ff1}.notice-message-container .comment-content{display:block;margin-top:.3557291667rem;padding:.1778645833rem;font-size:.7114583333rem;background-color:#f8f8f8;background-color:var(--tag-bg-color);color:#949494;color:var(--tag-color);border-radius:4px;line-height:1.5em;white-space:normal;word-break:break-word}.notice-message-container .comment-content figure,.notice-message-container .comment-content img{max-width:4.4466145833rem}.switch-container .ant-switch-checked{background-color:#3e5ff1}.scrollbar{overflow:auto;float:left;border:none}.scrollbar::-webkit-scrollbar{display:block;width:5px;height:1px}.scrollbar::-webkit-scrollbar-thumb{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #18223e;background:#535353}.scrollbar::-webkit-scrollbar-track{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #101728;background:#ededed}.scrollbar{scrollbar-3d-light-color:initial;scrollbar-highlight-color:initial;scrollbar-face-color:initial;scrollbar-arrow-color:initial;scrollbar-shadow-color:initial;scrollbar-dark-shadow-color:initial;scrollbar-base-color:initial}.forum-content-container{width:53.359375rem;margin-left:auto;margin-right:auto}.forum-content-container-w{width:70.2565104167rem;margin-left:auto;margin-right:auto}.forum-post-container{margin-top:1.7786458333rem;margin-bottom:1.7786458333rem;padding:2.66796875rem;border-radius:12px;background:#fff;background:var(--white-bg-color)}.forum-post-container .title-row{font-size:1.0671875rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-post-container .v-input--selection-controls .v-input__control .v-messages{display:none!important}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input{width:20px;height:20px}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .v-icon{height:100%;border:2px solid #636468;border:2px solid var(--register-btn-color);border-radius:50%}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:before{content:"";position:absolute;width:10px;height:10px;background-color:#3e5ff1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:after,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:before,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:after,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .v-input--selection-controls__ripple{display:none}.forum-post-container .radio-label{font-size:.7559244792rem;font-weight:700;color:#636468;color:var(--register-btn-color)}.forum-post-container .radio-label-active{color:#3e5ff1!important}.forum-post-container .menu-row{margin-top:.6669921875rem}.forum-post-container .menu-row .error-text{margin-left:.7559244792rem;font-size:.800390625rem;color:#e8263a}.forum-post-container .menu-row .forum-menu .menu-select-btn-1{background-color:#fff!important;background-color:var(--post-menu-bg-color)!important}.forum-post-container .input-title{margin-top:1.333984375rem;margin-bottom:.3557291667rem}.forum-post-container .forum-input{padding:0 10px;height:2.134375rem;font-size:.7114583333rem;color:#636468;color:var(--register-btn-color);outline:none}.forum-post-container .forum-editor-container,.forum-post-container .forum-input{width:100%;border-radius:4px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color)}.forum-post-container .forum-editor-container{margin-top:.8893229167rem}.forum-post-container .forum-tag-input-container .tag-block{padding:0 .2223307292rem;height:2.134375rem;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);border-radius:4px}.forum-post-container .forum-tag-input-container .tag-block .chip-block{flex:none}.forum-post-container .forum-tag-input-container .tag-block .chip-block .v-chip{background:#e0e0e0;display:flex;align-items:center;padding:0 .4446614583rem;margin-right:5px;height:1.4229166667rem;border-radius:16px}.forum-post-container .forum-tag-input-container .tag-block .input-block{width:100%}.forum-post-container .forum-tag-input-container .tag-block .input-block input{width:100%;height:2.134375rem;padding-left:.2223307292rem;color:#636468;color:var(--register-btn-color);outline:none}.forum-post-container .forum-tag-input-container .rec-tag-block{margin-top:.2223307292rem}.forum-post-container .forum-tag-input-container .rec-tag-block .rec-title{font-size:.800390625rem;color:#4f525e;color:var(--preset-title-color);margin-right:.6669921875rem}.forum-post-container .forum-tag-input-container .rec-tag-block .rec-tag{margin-right:.4446614583rem;padding:.1333984375rem .4446614583rem;font-size:.6225260417rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px}.forum-post-container .forum-tag-input-container .rec-tag-block div{margin-top:.2223307292rem}.forum-post-container .btns-row{text-align:right;margin-top:.8893229167rem}.forum-post-container .btns-row .cancel-btn{border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-post-container .btns-row .draft-btn{border:1px solid #3e5ff1;color:#3e5ff1;background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-post-container .btns-row .submit-btn{color:#fff}.forum-post-container .btns-row .v-btn{border-radius:6px;font-size:.7114583333rem;height:1.7341796875rem}.forum-menu .menu-select-btn-1{height:1.9565104167rem!important;font-size:.800390625rem;border-radius:6px;color:#88898d;color:var(--filter-btn-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);background-color:#f5f5f5;background-color:var(--filter-btn-bg-color)}.forum-menu .menu-select-btn-1 .item-name{padding-left:.2223307292rem;text-align:left}.forum-menu .menu-select-btn-1 .item-name,.forum-menu .menu-select-btn-1 .v-icon{color:#88898d;color:var(--filter-btn-color)}.forum-menu .menu-select-btn-error{border:1px solid #e8263a!important}.forum-product-menu .menu-select-btn{width:11.1165364583rem}.forum-product-menu .menu-select-btn .item-name{width:9.337890625rem;text-overflow:ellipsis;overflow:hidden}.discussion-type-menu .menu-select-btn{width:10.8942057292rem}.discussion-type-menu .menu-select-btn .item-name{width:9.1155598958rem;text-overflow:ellipsis;overflow:hidden}.discussion-type-menu .menu-select-btn .item-name .list-dot{display:inline-block;width:.53359375rem;height:.53359375rem;margin-right:.1333984375rem;border-radius:4px}.forum-banner-container{position:relative}.forum-banner-container .banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.forum-banner-container .banner-text p{font-size:.7114583333rem}.forum-banner-container .banner-text .post-btn{color:#fff;font-size:.7114583333rem}.forum-index-discussion-type-container{margin-top:.7114583333rem}.forum-index-discussion-type-container .discussion-type{margin-top:.8893229167rem}.forum-index-discussion-type-container .discussion-sub-type{width:16.8971354167rem;max-width:16.8971354167rem;padding:.8893229167rem 1.333984375rem;margin-top:.8893229167rem;border-radius:8px;background:#fff;background:var(--white-bg-color)}.forum-index-discussion-type-container .discussion-sub-type .sub-type-badge-icon{position:relative;min-width:4.4466145833rem;max-width:4.4466145833rem;height:4.4466145833rem;border-radius:50%;flex-grow:0}.forum-index-discussion-type-container .discussion-sub-type .sub-type-badge-icon img{width:4.001953125rem}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info{margin-left:.8893229167rem;text-align:center}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .index-sub-type-name{font-size:.8893229167rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .sub-type-desc{font-size:.7114583333rem;line-height:.800390625rem;color:#88898d;color:var(--filter-tag-color)}.forum-index-discussion-type-container .discussion-sub-type-layout:after{content:"";display:block;width:16.8971354167rem;height:100%}.forum-index-discussion-type-container .discussion-sub-type:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-index-discussion-type-container .data-title,.forum-index-discussions-container .data-title,.forum-index-rank-container .data-title{font-size:.800390625rem;color:#4f525e;color:var(--preset-title-color);font-weight:700}.forum-index-discussion-type-container .learn-more,.forum-index-discussions-container .learn-more,.forum-index-rank-container .learn-more{color:#3e5ff1!important}.forum-index-discussion-type-container .learn-more .v-icon,.forum-index-discussions-container .learn-more .v-icon,.forum-index-rank-container .learn-more .v-icon{font-size:1.0671875rem}.forum-index-discussion-type-container .learn-more span,.forum-index-discussions-container .learn-more span,.forum-index-rank-container .learn-more span{display:inline-block;margin-right:-.4446614583rem}.forum-index-container .forum-content-container-w .index-flex-left{width:52.2032552083rem}.forum-index-container .forum-content-container-w .index-flex-right{width:17.1639322917rem}.forum-index-discussions-container{margin-top:.8893229167rem}.forum-index-discussions-container .index-discussion{width:100%;margin-bottom:.8893229167rem;padding:.4446614583rem .8893229167rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-index-discussions-container .index-discussion .discussion-theme{width:26.6796875rem;font-size:.800390625rem}.forum-index-discussions-container .index-discussion .discussion-desc{margin:0 0 .2223307292rem;font-size:.6669921875rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex{display:flex;align-items:center}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data{display:flex;align-items:center;margin-right:1.1116536458rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data img{width:.7114583333rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data span{padding-left:.1778645833rem;font-size:.7114583333rem;color:#97989e;color:var(--preset-list-desc-color)}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-date{font-size:.7114583333rem;color:#8c8f9f;color:var(--date-color)}.forum-index-discussions-container .index-discussion:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-index-rank-container{position:sticky;top:5.1580729167rem;margin-top:.7114583333rem}.forum-index-rank-container .index-post-btn{height:1.9565104167rem!important;width:100%;font-size:.7114583333rem;color:#fff;margin-bottom:.53359375rem}.forum-index-rank-container .rank-content{padding:.800390625rem 1.0227213542rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-index-rank-container .rank-content .blue-divider{width:.1333984375rem;height:.8448567708rem;background:#3e5ff1;border-radius:23px}.forum-index-rank-container .rank-content .rank-title{margin-left:6px;font-size:20px;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-index-rank-container .discussions{padding:.4446614583rem 0 .5780598958rem;border-bottom:1px solid #ececec;border-bottom:1px solid var(--divider-color-3)}.forum-index-rank-container .discussions img{width:.800390625rem}.forum-index-rank-container .discussions span{padding-left:.1778645833rem;font-size:.7114583333rem;color:#97989e;color:var(--preset-list-desc-color)}.forum-index-rank-container .discussions .rank-discussion-theme{margin-bottom:.2223307292rem;font-size:.7114583333rem;line-height:.9782552083rem;color:#97989e;color:var(--preset-list-desc-color);word-break:break-word}.forum-index-rank-container .hot-tags .hot-tag{margin-right:.4446614583rem;margin-bottom:.4446614583rem;padding:.2223307292rem .4446614583rem;font-size:.6225260417rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px}.forum-discussion-menu{position:sticky;top:5.3359375rem;align-self:flex-start;flex-grow:1;margin-top:1.7786458333rem}.forum-discussion-menu .post-btn{width:10.671875rem;height:1.9565104167rem!important;font-size:.800390625rem;color:#fff;border-radius:6px}.forum-discussion-menu .menu-opt-container{padding-left:1.2895182292rem}.forum-discussion-menu .menu-opt-container .menu-opt{font-size:.8893229167rem;color:#4f525e;color:var(--preset-title-color);font-weight:700}.forum-discussion-menu .menu-opt-container .menu-opt .menu-sub-opt{padding-left:.8893229167rem;font-size:.800390625rem;line-height:1.5118489583rem;color:#88898d;color:var(--filter-btn-color);font-weight:400}.forum-discussion-list-container{width:57.361328125rem;margin-top:1.7786458333rem;padding-bottom:20px}.forum-discussion-list-container .keyword-input-container{position:relative;margin-left:0}.forum-discussion-list-container .keyword-input-container input{width:44.1104166667rem;height:1.9565104167rem;padding:0 .2223307292rem;background:#fcfcfc;background:var(--header-bg-color);color:#636468;color:var(--register-btn-color);border-radius:6px;outline:none}.forum-discussion-list-container .keyword-input-container img{position:absolute;height:1.0671875rem;left:.2223307292rem;top:.4446614583rem}.forum-discussion-list-container .mobile-sort-menu{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .mobile-sort-menu .menu-select-btn{padding:0 .2223307292rem}.forum-discussion-list-container .mobile-sort-menu .menu-select-btn .item-name{padding-right:.53359375rem}.forum-discussion-list-container .search-results-text{font-size:.7114583333rem;margin-top:.6669921875rem;color:#636468;color:var(--register-btn-color)}.forum-discussion-list-container .main-sorter{margin-top:.6669921875rem}.forum-discussion-list-container .main-sorter div{margin-right:.6669921875rem}.forum-discussion-list-container .main-sorter .active{padding:.2223307292rem .6225260417rem;color:#3e5ff1;background:#d0d7f4;border-radius:129px}.forum-discussion-list-container .sub-sorter{color:#88898d;color:var(--filter-btn-color);margin:1.333984375rem 0 1.1116536458rem;padding:0 .9337890625rem 0 0}.forum-discussion-list-container .sub-sorter .forum-sorter-menu{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn{width:10.8942057292rem}.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn .item-name{width:9.1155598958rem;text-overflow:ellipsis;overflow:hidden}.forum-discussion-list-container .sub-sorter .sub-sorter-item{display:flex;align-items:center}.forum-discussion-list-container .sub-sorter .sub-sorter-item span{font-size:.7114583333rem}.forum-discussion-list-container .product-flex{max-width:13%;flex-basis:13%;flex-grow:0}.forum-discussion-list-container .sub-type-flex{display:flex;align-items:baseline;max-width:12%;flex-basis:12%;flex-grow:0}.forum-discussion-list-container .theme-flex{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .reply-flex,.forum-discussion-list-container .view-flex{max-width:8%;flex-basis:8%;flex-grow:0}.forum-discussion-list-container .last-comment-flex{width:auto;flex-grow:1}.forum-discussion-list-container .discussion{position:relative;width:100%;margin-bottom:.4446614583rem;padding:.6669921875rem .9337890625rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-discussion-list-container .discussion .discussion-header img{width:.8893229167rem;margin-right:.4446614583rem}.forum-discussion-list-container .discussion .info-discussion-container{position:relative;padding:.6669921875rem .9337890625rem}.forum-discussion-list-container .discussion .info-discussion-container .custom-mask{border-radius:6px}.forum-discussion-list-container .discussion .info-discussion-container .absulote-center span{color:#fff;font-size:.8893229167rem;font-weight:700}.forum-discussion-list-container .discussion .deleted-info-row{padding:.6669921875rem .9337890625rem}.forum-discussion-list-container .discussion .deleted-info-row .reason-flex span{font-size:.7114583333rem;color:#ee4545;word-break:break-word}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex{display:flex;justify-content:flex-end}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex .v-btn{height:1.6452473958rem;font-size:.7114583333rem;border-radius:6px}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex button:first-child{color:#636468!important;color:var(--register-btn-color)!important;background-color:#f3f3f3;background-color:var(--register-btn-bg-color)}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex button:nth-child(2){color:#3e5ff1!important;border:1px solid #3e5ff1;background-color:#fcfcfc!important;background-color:var(--header-bg-color)!important;margin-left:.8893229167rem}.forum-discussion-list-container .discussion .play-menu{position:absolute;top:.8448567708rem;right:.9337890625rem}.forum-discussion-list-container .discussion .discussion-main-content{margin-top:.4446614583rem}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info{display:flex;align-items:center}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .essence{padding:0 .1778645833rem;margin-right:.2223307292rem;border:1px solid #3e5ff1;border-radius:6px;font-size:.7114583333rem;color:#3e5ff1;line-height:1.0671875rem;word-break:keep-all}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .discussion-theme{padding-right:.2223307292rem;margin-bottom:0}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .discussion-des{margin-top:.2223307292rem}.forum-discussion-list-container .discussion .discussion-main-content .reply-users{display:flex;padding:0 15%}.forum-discussion-list-container .discussion .discussion-main-content .reply-users .avatar{width:1.60078125rem;height:1.60078125rem;line-height:1.60078125rem;font-size:.7559244792rem}.forum-discussion-list-container .discussion .discussion-main-content .reply-users .reply-users-margin-right{margin-right:5px}.forum-discussion-list-container .discussion .discussion-main-content .stat-data{font-size:.6669921875rem;color:#8c8f9f;color:var(--date-color)}.forum-discussion-list-container .discussion .discussion-tags div{margin:.1778645833rem .4446614583rem 0 0;padding:.0889322917rem .3557291667rem;font-size:.7114583333rem;line-height:1.0671875rem;color:#949494;color:var(--tag-color);background-color:#f8f8f8;background-color:var(--tag-bg-color);border-radius:4px}.forum-discussion-list-container .discussion .reply-block{margin-top:.6669921875rem;padding:.6225260417rem;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;color:#88898d;color:var(--filter-btn-color);font-size:.7559244792rem}.forum-discussion-list-container .discussion .reply-block .reply-symbol{word-break:keep-all}.forum-discussion-list-container .discussion .reply-block .reply-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.forum-discussion-list-container .discussion:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-discussion-list-container .info-menu{width:8.4485677083rem}.forum-discussion-list-container .info-menu .info-menu-btn{padding:.266796875rem}.forum-discussion-list-container .info-menu .info-menu-btn .item-name{width:6.8922526042rem}.forum-sorter-container{height:.8893229167rem;margin-left:.2223307292rem}.forum-sorter-container .sorter{width:0;height:0;border-left:.1778645833rem solid transparent;border-right:.1778645833rem solid transparent;border-radius:3px;cursor:pointer}.forum-sorter-container .asc-sorter{border-bottom:.3557291667rem solid #d0d7f4}.forum-sorter-container .desc-sorter{border-top:.3557291667rem solid #d0d7f4}.forum-sorter-container .asc-sorter-active{border-bottom-color:#3e5ff1}.forum-sorter-container .desc-sorter-active{border-top-color:#3e5ff1}.forum-discussion-detail-container{margin:.4446614583rem 0;padding:1.6452473958rem 2.0009765625rem 2.0899088542rem;background:#fff;background:var(--white-bg-color);border-radius:12px}.forum-discussion-detail-container .mobile-product-name{font-size:.6225260417rem}.forum-discussion-detail-container .discussion-badge{margin-left:.8893229167rem}.forum-discussion-detail-container .discussion-user-row{position:relative}.forum-discussion-detail-container .discussion-user-row .discussion-date{position:absolute;right:0}.forum-discussion-detail-container .discussion-user-row .forum-user-menu .discussion-date{position:relative;line-height:1em}.forum-discussion-detail-container .discussion-initiator{height:1.333984375rem;margin-left:.4446614583rem;padding:.2223307292rem .3557291667rem;color:#3e5ff1;border:1px solid #3e5ff1;line-height:.800390625rem;font-size:.7114583333rem;border-radius:4px}.forum-discussion-detail-container .discussion-content{font-size:.7114583333rem;word-break:break-word;color:#4f525e;color:var(--preset-title-color)}.forum-discussion-detail-container .discussion-content img{max-width:100%}.forum-discussion-detail-container .discussion-reply img{width:4.4466145833rem}.forum-discussion-detail-container .discussion-reply .reply-content-editor-outer .forum-reply-content-dialog{width:96%}.forum-discussion-detail-container .discussion-reply .reply-content-editor-outer .forum-reply-content-dialog .v-card .outer-editor-container .content-editor{height:5.1136067708rem}.forum-discussion-detail-container .discussion-opt-row{margin-top:1.1116536458rem;justify-content:flex-start}.forum-discussion-detail-container .discussion-opt-row div{display:flex;align-items:center}.forum-discussion-detail-container .discussion-opt-row div img{width:1.0227213542rem;margin-right:.3557291667rem}.forum-discussion-detail-container .discussion-opt-row div span{color:#4f525e;color:var(--preset-title-color);font-size:.7114583333rem}.forum-discussion-detail-container .main-reply-content-editor-outer{margin-top:1.1116536458rem;padding:.6669921875rem .6669921875rem 3.5572916667rem;background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:8px}.forum-discussion-detail-container .main-reply-content-editor-outer .forum-reply-content-dialog{margin-top:0}.parent-reply-content .reply-label{min-width:2.0009765625rem;max-width:2.0009765625rem;padding-top:.3557291667rem;font-size:.6669921875rem;color:#707070;color:var(--feedbcak-color)}.parent-reply-content .parent-reply-outer{padding:.3557291667rem;background:#f3f3f3;background:var(--register-btn-bg-color);border-radius:8px;flex-grow:1}.parent-reply-content .parent-reply-outer .parent-reply{font-size:.6669921875rem;color:#414141;color:var(--user-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.forum-reply-content-dialog{margin:.8893229167rem 0}.forum-reply-content-dialog .v-card{border-radius:8px;border:1px solid #ececec!important;border:1px solid var(--divider-color-3)!important;box-shadow:none!important;background:#fff;background:var(--white-bg-color)}.forum-reply-content-dialog .v-card .editor-toolbar{margin:.3557291667rem .6669921875rem 0;padding-bottom:.3557291667rem;border-bottom:1px solid #ececec;border-bottom:1px solid var(--divider-color-3);border-radius:0}.forum-reply-content-dialog .v-card .editor-toolbar .img-input-caontainer{margin-left:5px}.forum-reply-content-dialog .v-card .parent-reply-content{padding:.3557291667rem .6669921875rem}.forum-reply-content-dialog .v-card .outer-editor-container .content-editor{height:180px;margin:.3557291667rem .6669921875rem;color:#636468!important;color:var(--register-btn-color)!important}.forum-reply-content-dialog .v-card .inner-editor-container{display:flex;align-items:center;justify-content:space-between;width:75%}.forum-reply-content-dialog .v-card .inner-editor-container .content-editor{flex-basis:90%;max-width:90%;min-height:40px;margin:.3557291667rem 0;padding:.4446614583rem;flex-grow:1;border:1px solid #d5d5d5!important}.forum-reply-content-dialog .v-card .content-editor{outline:none;overflow-y:scroll;font-size:.7114583333rem;line-height:1.0671875rem}.forum-reply-content-dialog .v-card .content-editor img{width:4.001953125rem}.forum-reply-content-dialog .v-card .v-icon{color:#4f525e;font-size:1.333984375rem}.forum-reply-content-dialog .reply-editor-btn{min-width:3.9130208333rem!important;height:1.9565104167rem!important;float:right;margin-top:.6669921875rem;font-size:.800390625rem!important;border-radius:6px}.forum-reply-content-dialog .send-btn{color:#fff!important}.forum-reply-content-dialog .cancel-btn{margin-right:.8893229167rem;border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-breadcrumb-container .v-breadcrumbs{padding-left:0}.forum-breadcrumb-container .v-breadcrumbs li .v-breadcrumbs__item{font-size:.800390625rem;font-weight:700;color:#3e5ff1}.forum-breadcrumb-container .v-breadcrumbs li .v-breadcrumbs__item--disabled{color:#8c8f9f;color:var(--date-color)}.forum-breadcrumb-container .v-breadcrumbs .v-breadcrumbs__divider{padding:0}.forum-breadcrumb-container .v-breadcrumbs .v-breadcrumbs__divider .v-icon{font-size:.9782552083rem;color:#8c8f9f;color:var(--date-color)}.forum-img-view-container img{max-width:53.359375rem}.avatar-circle-with-border{width:1.333984375rem;height:1.333984375rem;background-size:contain!important;font-size:.6225260417rem;line-height:1.333984375rem}.avatar{border-radius:50%!important;color:#fff;font-weight:700;text-align:center}.discussion-user-name{margin-left:.53359375rem;font-size:.6669921875rem;font-weight:700;color:#414141;color:var(--user-color)}.discussion-date{margin-left:.53359375rem;font-size:.7114583333rem;color:#8c8f9f;color:var(--date-color)}.discussion-product{font-size:.6225260417rem}.discussion-badge{width:.53359375rem;height:.53359375rem;border-radius:4px}.sub-type-name{margin-left:.2223307292rem;font-size:.6225260417rem;line-height:1.2450520833rem}.discussion-theme,.sub-type-name{font-weight:700;color:#4f525e;color:var(--preset-title-color)}.discussion-theme{font-size:.800390625rem;word-break:break-word;-webkit-line-clamp:1}.discussion-desc,.discussion-theme{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.discussion-desc{font-size:.6669921875rem;color:#88898d;color:var(--filter-btn-color);line-height:1.0671875rem;-webkit-line-clamp:3}.margin-top-5{margin-top:.2223307292rem}.margin-top-8{margin-top:.3557291667rem}.margin-top-12{margin-top:.53359375rem}.margin-top-15{margin-top:.6669921875rem}.margin-top-20{margin-top:.8893229167rem}.margin-top-25{margin-top:1.1116536458rem}.margin-top-30{margin-top:1.333984375rem}.margin-top-35{margin-top:1.5563151042rem}.margin-left-25{margin-left:1.1116536458rem}.margin-left-40{margin-left:1.7786458333rem}.margin-left-65{margin-left:2.8902994792rem}.margin-right-5{margin-right:.2223307292rem}.v-menu__content .forum-user-card{width:11.3388671875rem;padding:1.333984375rem .5780598958rem .6225260417rem;text-align:center}.v-menu__content .forum-user-card .avatar-circle-with-border{margin:0 auto}.v-menu__content .forum-user-card .discussion-user-name{margin-top:.3112630208rem;word-break:break-all;text-align:center}.v-menu__content .forum-user-card .focus-btn{min-width:4.001953125rem;margin-top:.6225260417rem;padding:.2223307292rem .3557291667rem;color:#fff;font-size:.7114583333rem;line-height:1.1561197917rem;border-radius:3px}.v-menu__content .forum-user-card .focused{color:#fff!important;color:var(--info-focus-color)!important;background:#d1d2d4!important;background:var(--filter-tag-bd-color)!important}.v-menu__content .forum-user-card .focused .focused-hover-span{display:none}.v-menu__content .forum-user-card .msg-btn{color:#8c8f9f!important;color:var(--date-color)!important;border:1px solid #8c8f9f!important;border:1px solid var(--date-color)!important}.v-menu__content .forum-user-card .msg-btn img{width:.800390625rem;margin-right:.2223307292rem}.v-menu__content .forum-user-card .focused:hover .focused-non-hover-span{display:none}.v-menu__content .forum-user-card .focused:hover .focused-hover-span{display:inline!important}.v-menu__content .forum-user-card .loading{height:8.3596354167rem}.v-menu__content .forum-user-card .loading .circular-loading-container{height:100%}.v-menu__content .forum-user-card .loading .circular-loading-container .circular-container{height:100%;margin-top:0!important;flex-direction:column;align-items:center}.v-menu__content .forum-user-card .forum-stat .num{font-size:.9782552083rem;color:#4f525e;color:var(--preset-title-color)}.v-menu__content .forum-user-card .forum-stat .stat-title,.v-menu__content .forum-user-card .join-time{font-size:.6225260417rem;color:#4f525e;color:var(--preset-title-color)}.forum-delete-modal{padding:0 .8893229167rem .8893229167rem}.forum-delete-modal .radio-container{margin-top:.4446614583rem;padding:.4446614583rem .8893229167rem;border-radius:8px;background-color:#f5f5f5;background-color:var(--page-bg-color)}.forum-delete-modal .radio-container .v-input--selection-controls{margin-top:8px;padding-top:0}.forum-delete-modal .radio-container .v-input--selection-controls .v-input__control .v-messages{display:none!important}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input{width:20px;height:20px}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .v-icon{height:100%;border:2px solid #636468;border:2px solid var(--register-btn-color);border-radius:50%}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:before{content:"";position:absolute;width:10px;height:10px;background-color:#3e5ff1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:after,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:before,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:after,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .v-input--selection-controls__ripple{display:none}.forum-delete-modal .cancel-btn{border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important;font-size:.7114583333rem}.forum-delete-modal .delete-btn{color:#fff;font-size:.7114583333rem}.forum-delete-modal textarea{width:100%;height:4.4466145833rem;padding:.2223307292rem;font-size:.7114583333rem;border-radius:8px;background-color:#fff;background-color:var(--white-bg-color);color:#4f525e;color:var(--preset-title-color)}.absulote-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-user-menu__content .forum-user-card{background:#fff;background:var(--white-bg-color)}.custom-mask{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity:.3}}@media only screen and (max-width:1280px){html{font-size:16px!important}html body{margin:0 auto;max-width:100%;background:#fafafa}html body .v-application .v-menu__content{background-color:#fff;background-color:var(--menu-bg-color);box-shadow:0 2px 20px rgba(0,0,0,.25);border-radius:6px;scrollbar-color:#f3f3f3 transparent;scrollbar-color:var(--register-btn-bg-color) transparent;scrollbar-width:thin}html body .v-application .v-menu__content .v-list{background:transparent!important}html body .v-application .v-menu__content::-webkit-scrollbar{width:4px}html body .v-application .v-menu__content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#f3f3f3;background:var(--register-btn-bg-color)}html body .v-application .v-menu__content::-webkit-scrollbar-track{border-radius:0;background:transparent}html body .v-application .v-menu__content--fixed{box-shadow:0 2px 20px rgba(0,0,0,.25);border-radius:6px}html body .style_check-box{height:1.4583333333rem!important}html body .style_check-box .v-input--checkbox .v-input__control .v-input__slot .mdi-checkbox-blank-outline:before,html body .style_check-box .v-input--checkbox .v-input__control .v-input__slot label{color:#88898d!important}html body .v-dialog{background-color:#fff;background-color:var(--white-bg-color);position:relative;border-radius:14px!important}html body .v-dialog .close-icon{position:absolute;right:10px;width:.8333333333rem;height:.8333333333rem;top:15px;cursor:pointer}html body .v-dialog .modal-title{display:flex;justify-content:center;align-items:center;margin-top:1.6666666667rem}html body .v-dialog .icon-1{width:1.3333333333rem;height:1.3333333333rem;border-radius:50%;display:flex;justify-content:center;align-items:center}html body .v-dialog .failure-icon{background:#e54e4e;position:relative}html body .v-dialog .failure-icon:before{transform:translate(-50%,-50%) rotate(45deg)}html body .v-dialog .failure-icon:after,html body .v-dialog .failure-icon:before{content:"";display:block;width:.75rem;height:.0833333333rem;background:#fff;position:absolute;top:50%;left:50%}html body .v-dialog .failure-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}html body .v-dialog .success-icon:before{content:"";display:block;width:.5833333333rem;height:.4166666667rem;border:2px solid #fff;border-top:none;border-right:none;transform:rotate(-45deg) translate(.0833333333rem,-.0833333333rem)}html body .v-dialog .success-icon{background:#3e5ff1}html body .v-dialog .title-text{display:inline-block;font-size:.9166666667rem;font-weight:700;color:#636468;color:var(--register-btn-color);margin-left:.3333333333rem}html body .v-dialog .info-text{font-size:.6666666667rem;font-weight:400;line-height:1.125rem;color:#636468;color:var(--register-btn-color)}html body .v-dialog .btn-block,html body .v-dialog .info-text{margin-top:1rem;display:flex;justify-content:center;align-items:center}html body .v-dialog .btn-block{margin-bottom:1.25rem}html body .v-dialog .btn-block button{border-radius:4px;width:4.6666666667rem;height:1.6666666667rem!important;font-size:.75rem;box-shadow:none;text-transform:capitalize;letter-spacing:0}html body .v-dialog .btn-block .btn-left{font-weight:400;background:#3e5ff1;color:#fff}html body .v-dialog .btn-block .btn-right{font-weight:700;background:#fff;background:var(--white-bg-color);color:#4f525e;color:var(--preset-title-color);margin-left:1.25rem}html #preset-container{width:100%;margin:0 auto .8333333333rem;padding:.5rem 0 0;width:50rem}html #preset-container input:-moz-placeholder,html #preset-container input::-moz-placeholder,html #preset-container textarea:-moz-placeholder,html #preset-container textarea::-moz-placeholder{color:#52545b;font-weight:400}html #preset-container input::-webkit-input-placeholder,html #preset-container textarea::-webkit-input-placeholder{color:#52545b;font-weight:400}html #preset-container .content-container{padding:.4166666667rem;margin:.8333333333rem auto 2.0833333333rem;max-width:50.75rem}html #preset-container .content-container .use-profile{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}html #preset-container .content-container .use-profile .profile-title1{font-size:1rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.7083333333rem;margin-bottom:0;padding-right:1.8333333333rem}html #preset-container .content-container .use-profile .profile-title2{font-size:.8333333333rem;font-weight:400;color:#141414!important;color:var(--black-title-2)!important;line-height:1rem;margin-bottom:0}html #preset-container .content-container .file-upload-block{margin-top:.8333333333rem}html #preset-container .content-container .file-upload-block .ant-upload{border-radius:20px;background-color:transparent;border-width:2px;border-color:#b5b5b5!important}html #preset-container .content-container .file-upload-block .ant-upload-list{display:none;flex-wrap:wrap}html #preset-container .content-container .file-upload-block .ant-upload-list div{width:20%}html #preset-container .content-container .file-upload-block .ant-upload-list div .ant-upload-list-item,html #preset-container .content-container .file-upload-block .ant-upload-list div .ant-upload-list-item .ant-upload-list-item-info{width:95%}html #preset-container .content-container .file-upload-block .file-upload-info{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;margin-left:1.5833333333rem;max-width:80%;text-align:left}html #preset-container .content-container .ant-upload-drag-icon{margin-bottom:.625rem;margin-left:.9166666667rem;height:1.7916666667rem}html #preset-container .content-container .ant-upload-drag-icon li{font-size:1.7916666667rem}html #preset-container .content-container .ant-upload-drag-icon .anticon-cloud-upload svg{fill:#707070;fill:var(--feedbcak-color)}html #preset-container .content-container .ant-upload-text{font-size:.875rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.7083333333rem;margin-bottom:0}html #preset-container .content-container .ant-upload-text-s{font-size:.8333333333rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:.875rem;margin-bottom:0}html #preset-container .content-container .file-block{margin-top:.625rem;padding:.4166666667rem 0;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:10px}html #preset-container .content-container .file-block ul{padding:0 .625rem}html #preset-container .content-container .file-block ul .file-list{list-style:none;cursor:pointer}html #preset-container .content-container .file-block ul .file-list .file-item{display:flex;align-items:center;justify-content:space-between}html #preset-container .content-container .file-block ul .file-list .file-item span{font-size:.8333333333rem;width:30%;line-height:1.6666666667rem}html #preset-container .content-container .file-block ul .file-list .file-item .name{margin-left:.625rem;font-weight:700;color:#404040;color:var(--preset-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .content-container .file-block ul .file-list .file-item .size{font-size:400;color:#404040;color:var(--preset-text-color)}html #preset-container .content-container .file-block ul .file-list .file-item .delete-icon{color:#404040;color:var(--preset-text-color);height:.8333333333rem;margin-right:.625rem}html #preset-container .content-container .file-block ul .file-list:hover{background:var(--preset-select-bg-color);border-radius:5px}html #preset-container .content-container .file-block .file-upload-block-2{padding:0 .625rem .625rem;margin-top:.625rem}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload{border-radius:5px;background-color:#fbfbfb;background-color:var(--file-list-bg-color);border-width:1px;border-color:#1753e1!important}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload .ant-upload-btn{padding:.3333333333rem 0}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload .ant-upload-text-2{font-size:.8333333333rem;font-weight:400;color:#1753e1}html #preset-container .content-container .file-block .file-upload-block-2 .ant-upload-list{display:none!important}html #preset-container .content-container .red-star{color:red}html #preset-container .content-container .select-product{width:100%;padding:1.7916666667rem 3.75rem 1.6666666667rem 2.0833333333rem;margin-top:1.6666666667rem;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:27px}html #preset-container .content-container .select-product h4{font-size:1rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:1.7083333333rem;margin-bottom:0}html #preset-container .content-container .select-product .product-check-show{display:flex;justify-content:flex-start;align-items:center}html #preset-container .content-container .select-product .product-check-show .show-label{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}html #preset-container .content-container .select-product .product-check-show .lable-item{display:flex;justify-content:flex-start;align-items:center;padding:0 1.7916666667rem 1.25rem 0}html #preset-container .content-container .select-product .product-check-show .lable-item .ant-form-item{margin-bottom:0}html #preset-container .content-container .select-product .product-check-show .lable-item p{font-size:.8333333333rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:1.4166666667rem;margin:0 .2083333333rem 0 0;width:3.5833333333rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-style{max-width:8.3333333333rem!important}html #preset-container .content-container .select-product .product-check-show .lable-item .v-input__control{height:1.5833333333rem;border-radius:5px}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn{width:9.7916666667rem;height:1.6666666667rem;color:#404040;color:var(--preset-text-color);background-size:8%;padding:0 .3333333333rem;justify-content:flex-start;border-radius:5px}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content{font-size:.6666666667rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content span{text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:8.3333333333rem;text-align:left;display:inline-block!important}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn .v-btn__content i{position:absolute;right:0;font-size:.6666666667rem}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn-bg-light{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll var(--preset-select-bg-color) 98%}html #preset-container .content-container .select-product .product-check-show .lable-item .select-btn-bg-dark{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll var(--preset-select-bg-color) 98%}html #preset-container .content-container .select-product .product-check-show .product-image{width:9.5833333333rem;height:5.4166666667rem}html #preset-container .content-container .select-product .product-check-show .product-image img{width:100%;height:auto}html #preset-container .content-container .select-product .no-product-margin{margin-top:.8333333333rem!important}html #preset-container .content-container .select-product .preset-match{width:100%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}html #preset-container .content-container .select-product .preset-match p:first-child{font-size:1rem;font-weight:700;color:#141414!important;color:var(--black-title-2)!important;line-height:1.7083333333rem;margin-bottom:0}html #preset-container .content-container .select-product .preset-match p:nth-child(2){font-size:1rem;font-weight:700;color:#818181!important;line-height:1.7083333333rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-left:1.25rem}html #preset-container .content-container .content-form{width:100%;margin-top:.625rem}html #preset-container .content-container .content-form .v-row-height{margin-top:1.4583333333rem}html #preset-container .content-container .content-form .form-title{display:flex;align-items:baseline}html #preset-container .content-container .content-form .form-title .word-count{display:inline-block;margin-left:.8333333333rem;color:#141414;color:var(--black-title)}html #preset-container .content-container .content-form .form-label{font-size:1rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.7083333333rem;margin-bottom:5px;white-space:pre}html #preset-container .content-container .content-form .form-label .question{width:1.1666666667rem;height:1.1666666667rem;font-size:.8333333333rem;font-weight:400;color:#777!important;line-height:1.1666666667rem;margin-bottom:0;background:#e5e5e5;border-radius:50%;display:inline-block;margin-left:.8333333333rem;text-align:center}html #preset-container .content-container .content-form .form-label .text{font-size:.8333333333rem;font-weight:400;color:#3e5ff1!important;line-height:1rem;margin-bottom:0;margin-left:1.75rem}html #preset-container .content-container .content-form .form-label .text:hover{color:#4c6cfb!important}html #preset-container .content-container .content-form .form-tip{font-size:.8333333333rem;font-weight:400;color:#777!important;line-height:.8333333333rem;margin-bottom:0;margin-left:20px}html #preset-container .content-container .content-form .cover-container{margin:.4166666667rem 0;border-radius:10px!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container{min-width:330px;max-width:330px;height:250px}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .ant-upload.ant-upload-drag{border:none!important;border-radius:5px;background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .ant-upload-list-item{display:none!important}html #preset-container .content-container .content-form .cover-container .upload-dragger-container .upload-icon{width:3.2916666667rem;margin:0 auto}html #preset-container .content-container .content-form .cover-container .cropper-container{max-width:330px;height:250px;position:relative}html #preset-container .content-container .content-form .cover-container .cropper-container .delete-icon{color:#404040;color:var(--preset-text-color);position:absolute;top:-8px;right:-17px;cursor:pointer}html #preset-container .content-container .content-form .cover-container .upload-controller{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:3.375rem;width:90%}html #preset-container .content-container .content-form .cover-container .upload-controller .controller-tip{font-size:.8333333333rem;font-weight:400;color:#b9b9b9!important;line-height:.8333333333rem;margin-bottom:0}html #preset-container .content-container .content-form .cover-container .upload-controller .slider-container{max-height:1.6666666667rem;width:90%}html #preset-container .content-container .content-form .cover-container .upload-controller .slider-container .slider{width:100%;height:35px}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container{max-height:1.5rem;width:100%}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .v-btn{box-shadow:none;border-radius:10px}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .upload-btn{color:#fff}html #preset-container .content-container .content-form .cover-container .upload-controller .opt-btns-container .reset-btn{color:#8c8f9f}html #preset-container .content-container .content-form .uploaded-cover-conatiner{width:300px;height:200px;position:relative}html #preset-container .content-container .content-form .uploaded-cover-conatiner .delete-icon{color:#404040;color:var(--preset-text-color);position:absolute;top:-8px;right:-17px;cursor:pointer}html #preset-container .content-container .content-form .media-margin{margin-top:.8333333333rem}html #preset-container .content-container .content-form .hint-tips{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:-.5rem;margin-bottom:1.0416666667rem;padding-left:.5rem}html #preset-container .content-container .content-form .hint-tips-1{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:.4583333333rem;margin-bottom:1.0416666667rem;padding-left:.5rem;font-size:.5833333333rem!important}html #preset-container .content-container .content-form .tag-block{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;height:2.3333333333rem;background-color:#e5e5e5;background-color:var(--preset-input-bg-color);width:100%;border-radius:5px}html #preset-container .content-container .content-form .tag-block .chip-block{height:2.3333333333rem;line-height:2.3333333333rem;display:flex;align-items:center}html #preset-container .content-container .content-form .tag-block .chip-block span{margin-left:.2083333333rem}html #preset-container .content-container .content-form .tag-block .chip-block span i{font-size:.6666666667rem;padding-bottom:1px;cursor:pointer}html #preset-container .content-container .content-form .tag-block .chip-block span i:hover{color:#3e5ff1!important}html #preset-container .content-container .content-form .tag-block .chip-block .v-chip{align-items:center;display:inline-flex;line-height:1.4583333333rem;max-width:100%;outline:none;overflow:hidden;padding:0 .5rem;position:relative;text-decoration:none;transition-duration:.28s;transition-property:box-shadow,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);vertical-align:middle;white-space:nowrap;border-radius:20px;background:#e0e0e0;margin-right:.2083333333rem}html #preset-container .content-container .content-form .tag-block .content-padding{padding-left:1rem}html #preset-container .content-container .content-form .tag-block .input-block{height:2.3333333333rem;width:100%;background-color:#fbfbfb;background-color:var(--file-list-bg-color);border-radius:5px}html #preset-container .content-container .content-form .tag-block .input-block .tag-input{width:100%;height:2.3333333333rem;padding:0 1rem;font-size:.8333333333rem;color:#404040;color:var(--preset-text-color);background-color:#e5e5e5;background-color:var(--preset-input-bg-color);border-radius:5px}html #preset-container .content-container .content-form .tag-block .input-block .tag-input:focus{outline:none}html #preset-container .content-container .content-form .v-select__selections{font-size:.8333333333rem;font-weight:400;color:#6e6e6e!important;line-height:1rem;margin-bottom:0}html #preset-container .content-container .content-form .row{display:block}html #preset-container .content-container .content-form .row .hint-tips{margin-top:-.3333333333rem}html #preset-container .content-container .content-form .row .hint-tips .v-messages__wrapper .v-messages__message{font-size:.5833333333rem!important}html #preset-container .content-container .content-form .row .style-tip{margin-top:.6666666667rem!important}html #preset-container .content-container .content-form .row .v-input .v-input__control .v-text-field__details{margin-top:.2916666667rem!important}html #preset-container .content-container .content-form .row .v-input .v-input__control .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message{font-size:.5833333333rem!important;line-height:.5833333333rem!important}html #preset-container .content-container .content-form .col .row{display:flex}html #preset-container .content-container .content-form .form-text{font-size:.8333333333rem;font-weight:400;color:#6e6e6e!important;line-height:1rem;margin-bottom:0}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot{background-color:#e5e5e5;background-color:var(--preset-input-bg-color)}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot fieldset{border:none}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot .v-text-field__slot input{color:#404040;color:var(--preset-text-color)}html #preset-container .content-container .content-form .form-text .v-input__control .v-input__slot .v-text-field__slot textarea{color:#404040;color:var(--preset-text-color);resize:none}html #preset-container .content-container .content-form .select-raws{margin:.8333333333rem 0}html #preset-container .content-container .content-form .select-raws .title-tip{font-size:1rem;font-weight:700;color:#141414!important;line-height:1.7083333333rem;margin:0}html #preset-container .content-container .content-form .select-raws .title-tip-sub{font-size:.8333333333rem;font-weight:700;color:#777!important;line-height:1.4166666667rem;margin-bottom:0}html #preset-container .content-container .content-form .select-raws .select-style{width:9.5rem}html #preset-container .content-container .content-form .select-raws .select-style-long{width:35.8333333333rem}html #preset-container .content-container .content-form .select-raws div{width:100%}html #preset-container .content-container .content-form .select-raws input,html #preset-container .content-container .content-form .select-raws textarea{width:35.8333333333rem}html #preset-container .content-container .content-form .select-raws .tag-name{font-size:.6666666667rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;text-decoration:underline;margin-right:.5416666667rem;display:inline-block}html #preset-container .content-container .content-form .user-control{width:100%;margin-left:-12px;margin-top:15px;display:flex;justify-content:flex-start;align-items:center}html #preset-container .content-container .content-form .user-control .checkbox-font{font-size:.8333333333rem;font-weight:400;color:#272727!important;line-height:1rem;margin-bottom:0}html #preset-container .content-container .content-form .user-control .control{font-size:.8333333333rem;font-weight:400;color:#3e5ff1!important;line-height:1rem;margin-bottom:0}html #preset-container .content-container .content-form .user-control .control:hover{color:#4c6cfb!important}html #preset-container .content-container .content-form .v-input-self-mgbm{margin-bottom:0}html #preset-container .content-container .content-form .v-select-self-mgtop{margin-top:.75rem!important}html #preset-container .content-container .content-form .v-input__control{border-radius:5px}html #preset-container .content-container .content-form .v-form-h,html #preset-container .content-container .content-form .v-form-h .v-input__control,html #preset-container .content-container .content-form .v-form-h .v-input__control .v-input__slot{height:2.3333333333rem}html #preset-container .content-container .content-form .v-form-h .v-input__control .v-input__slot .v-select__slot .v-input__append-inner{margin-top:.5833333333rem}html #preset-container .content-container .content-form .v-select-w{width:10.8333333333rem}html #preset-container .content-container .content-form .select-btn{background-size:8%;max-width:100%;width:auto;min-width:10.8333333333rem;padding-left:1rem!important;border-radius:6px}html #preset-container .content-container .content-form .select-btn span{text-align:left;display:inline-block!important;padding-right:1.25rem}html #preset-container .content-container .content-form .select-btn-bg-light{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll var(--preset-input-bg-color) 98%}html #preset-container .content-container .content-form .select-btn-bg-dark{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll var(--preset-input-bg-color) 98%}html #preset-container .content-container .content-form .filled-text{color:#404040;color:var(--preset-text-color);font-size:.8333333333rem;font-weight:400}html #preset-container .content-container .content-form .empty-text{color:#52545b;font-size:.8333333333rem;font-weight:400}html #preset-container .content-container .content-form .submit-btn{min-width:4.1666666667rem!important;width:auto!important;height:1.6666666667rem!important;background:#3e5ff1!important;border-radius:24px;display:grid;justify-content:center;align-content:center;font-size:.8333333333rem;font-weight:400!important;color:#fff!important;margin-bottom:0;letter-spacing:0;box-shadow:none;text-transform:capitalize}html #preset-container .content-container .content-form .submit-btn span{line-height:1.6666666667rem}html #preset-container .submit-fixed{width:100%;padding:0 3.3333333333rem;height:4.5833333333rem;position:fixed;bottom:0;box-shadow:0 -1px 6px rgba(0,0,0,.16);background:#fff;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}html #preset-container .submit-fixed .btn-self{border-radius:24px}html #preset-container .state-container{width:100%;border-radius:27px;padding:1.3333333333rem 2.0833333333rem 1.3333333333rem 1.6666666667rem;margin:0;display:flex;justify-content:flex-start;align-items:center}html #preset-container .state-container .container-left{width:21.4583333333rem}html #preset-container .state-container .container-left .title{font-size:2rem!important;line-height:2.5rem;font-weight:800;padding-left:1.125rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}html #preset-container .state-container .container-left .name{width:19.0416666667rem;padding-left:1.125rem;display:flex;justify-content:flex-start;align-items:center}html #preset-container .state-container .container-left .name p:first-child{width:1.6666666667rem;line-height:1.6666666667rem!important;background:#71b47f;border-radius:50%;text-align:center;font-size:.75rem;font-weight:700;color:#fff!important;line-height:1.2916666667rem;margin-bottom:0}html #preset-container .state-container .container-left .name p:nth-child(2){padding-left:.4166666667rem;font-size:.8333333333rem;font-weight:700;color:#414141!important;line-height:1.4166666667rem;margin-bottom:0}html #preset-container .state-container .container-left .meta{width:100%;padding:.4166666667rem 1.125rem;border-radius:27px}html #preset-container .state-container .container-left .meta p{margin:0}html #preset-container .state-container .container-left .meta p:first-child{font-size:1.3333333333rem;font-weight:700;color:#fff!important;line-height:2.25rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-left .meta p:nth-child(2){font-size:.9166666667rem;font-weight:500;color:#fff!important;line-height:1.5416666667rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-left .meta p:nth-child(3){font-size:.9166666667rem;font-weight:300;color:#fff!important;line-height:1.5416666667rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html #preset-container .state-container .container-right{width:26.2083333333rem;padding-left:1.5833333333rem}html #preset-container .state-container .container-right .musical p:first-child{width:3.3333333333rem;height:3.3333333333rem;padding:.4583333333rem;margin-left:.8333333333rem;border-radius:27px;display:grid;justify-content:center}html #preset-container .state-container .container-right .musical p:first-child img{width:2.4583333333rem;height:2.4583333333rem}html #preset-container .state-container .container-right .musical p:nth-child(2){font-size:.8333333333rem;font-weight:500;line-height:1.4166666667rem;margin-top:.75rem}html #preset-container .state-container .container-right .desc{margin-top:2.8333333333rem;font-size:.8333333333rem;font-weight:300;color:#818181!important;line-height:1.25rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}html #preset-container .state-container .container-right .styles{display:flex;justify-content:flex-end;align-items:center}html #preset-container .state-container .container-right .styles p{width:3.5rem;line-height:1.5rem;margin-left:.8333333333rem;background:#636468;border-radius:7px;font-size:.8333333333rem;font-weight:400;color:#fff!important;line-height:1.4166666667rem;margin-bottom:0;text-align:center}html #preset-container .ok-icon{margin-top:1.6666666667rem;text-align:center;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:700;color:#141414!important;line-height:1.7083333333rem;margin-bottom:0}html #preset-container .ok-icon img{width:1.25rem;height:1.25rem}html #preset-container .ok-icon text{padding-left:.9166666667rem}html #preset-container .gotoindexpage{display:block;line-height:2rem;color:#141414!important;text-align:center}html #preset-container .gotoindexpage,html #preset-container .restuplaod{width:9.125rem;border:.0416666667rem solid #707070;border-radius:11px;font-size:1rem;font-weight:400;line-height:1.7083333333rem;margin:1.1666666667rem auto 0}html #preset-container .restuplaod{display:block;height:2rem;color:#687a7a!important;display:flex;justify-content:center;align-items:center}html #preset-container .restuplaod image{width:.5833333333rem;height:.5833333333rem}html #preset-container .edit-loading-container{width:100%;max-width:100%;margin:20px auto;background:#fff;background:var(--white-bg-color);border-radius:14px;padding:2rem}html .drop-down-item{color:#88898d!important;font-size:.6666666667rem!important}html .outer{width:320px;height:5px;background:#fff;border-radius:10px}html .outer .inner{background:#3e5ff1;border-radius:10px;height:100%}.header-block{display:flex;justify-content:center;width:100%;background:#fcfcfc;background:var(--header-bg-color);height:4.1666666667rem;position:fixed;z-index:50}.toobar{position:relative;width:50rem;max-width:50rem}.toobar .logo{width:4.5833333333rem;height:auto;cursor:pointer}.toobar .header-tab-container{flex-grow:0;margin-left:5%}.toobar .header-tab-container .layout .tab{font-size:.75rem;font-weight:700;line-height:1.2916666667rem;color:#636468;color:var(--register-btn-color);cursor:pointer}.toobar .header-tab-container .layout .active{color:#3e5ff1!important}.toobar .header-tab-container .layout .underline{height:.1666666667rem;background:#3e5ff1;border-radius:10px}.toobar .header-tab-container-zh{flex-basis:15%;max-width:15%}.toobar .header-tab-container-en{flex-basis:18%;max-width:18%}.toobar .pad-user-info{position:absolute}.toobar .userinfo-login-sm{right:9.25rem;flex-basis:25%;flex-grow:0;max-width:25%}.toobar .userinfo-login-post-sm{right:8.5833333333rem;flex-basis:18%;flex-grow:0;max-width:18%}.toobar .userinfo-unlogin-sm{right:9.25rem;flex-basis:26%;flex-grow:0;max-width:26%;min-width:26%}.toobar .userinfo-unlogin-post-sm{right:9.25rem;flex-basis:17%;flex-grow:0;max-width:17%;min-width:17%}.toobar .login-btn{background-color:#fcfcfc!important;background-color:var(--header-bg-color)!important;border-radius:6px!important;color:#3e5ff1!important;border:1px solid #3e5ff1}.toobar .login-btn,.toobar .register-btn{padding:.8333333333rem;font-size:.75rem!important;min-width:3.6666666667rem!important;min-height:1.8333333333rem!important}.toobar .register-btn{border:none;border-radius:6px!important;color:#636468!important;color:var(--register-btn-color)!important;background-color:#f3f3f3!important;background-color:var(--register-btn-bg-color)!important}.toobar .upload-btn{padding:.8333333333rem;background-color:#3e5ff1!important;border-radius:6px!important;font-size:.75rem!important;color:#fff!important;min-width:3.6666666667rem!important;min-height:1.8333333333rem!important}.toobar .menu-btn{padding:0!important;line-height:2rem;color:#636468!important;height:2.9166666667rem!important;max-width:2.0833333333rem!important;min-width:2.0833333333rem!important}.toobar .menu-btn .span-1{font-size:1.0833333333rem!important;font-weight:700}.toobar .menu-btn:before{background-color:transparent!important}.toobar .notice-btn-container{width:2.7083333333rem;height:2.9166666667rem;flex-grow:0}.toobar .notice-btn-container .notice-btn{position:relative;border-radius:7px;cursor:pointer;max-width:2.2916666667rem;min-width:2.2916666667rem;max-height:2.2916666667rem;min-height:2.2916666667rem}.toobar .notice-btn-container .notice-btn .bell-img{max-width:2.2916666667rem}.toobar .notice-btn-container .notice-btn .notice-badge{background-color:red;color:#fff;border-radius:50%;font-size:12px;transform:scale(.8);padding:2px;position:absolute;top:.25rem;right:.2083333333rem;width:24px;height:24px;display:flex;justify-content:center;text-align:center;align-items:center}.toobar .dark-theme{position:absolute;right:6.5833333333rem;width:1.8333333333rem;max-width:1.8333333333rem;cursor:pointer}.toobar .dark-theme-post-margin{margin-left:.4583333333rem}.toobar .lang-block{position:absolute;right:0}.toobar .lang-block .lang-menu-btn{width:5.75rem;min-height:1.8333333333rem;padding:.5rem 0 .5rem .1666666667rem!important;color:#636468!important;color:var(--register-btn-color)!important;background-color:#e5e5e5;background-color:var(--preset-input-bg-color);border-radius:6px}.toobar .lang-block .lang-menu-btn .v-btn__content img{width:1.1666666667rem;margin-right:.125rem}.toobar .lang-block .lang-menu-btn .v-btn__content .v-divider{border-right-width:2px;margin-right:.125rem;border-color:#636468;border-color:var(--register-btn-color)}.toobar .lang-block .lang-menu-btn .span-2{font-size:.75rem!important}.toobar .lang-block .lang-menu-btn .mdi-chevron-down{font-size:1rem}.toobar .lang-block .lang-menu-btn:before{background-color:transparent!important}.userinfo-font-color{color:#636468;color:var(--register-btn-color);text-align:center;height:1.25rem!important;line-height:1.25rem!important;font-size:.75rem!important;font-weight:500!important}.userinfo-font-color:hover{background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:3px}.font-color-DB6060{color:#db6060!important;text-align:center;height:1.25rem!important;line-height:1.25rem!important;font-size:.75rem!important}.font-color-DB6060:hover{background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:3px}.user-menu-block{margin-left:1.6666666667rem!important}.menu-line{width:80%;margin:0 auto}.name-circle{width:1.8333333333rem!important;height:1.8333333333rem!important;min-width:1.8333333333rem!important;border-radius:50%;box-shadow:0 .125rem .25rem rgba(0,0,0,.16)}.name-circle .headline-1{font-size:.8333333333rem!important;font-weight:400;line-height:2rem;letter-spacing:normal!important;font-family:Roboto,sans-serif!important;font-weight:700}.name-circle2{width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;border-radius:50%;box-shadow:0 .125rem .25rem rgba(0,0,0,.16)}.name-circle2 .headline-2{font-size:1.0833333333rem!important;font-weight:400;line-height:2rem;letter-spacing:normal!important;font-family:Roboto,sans-serif!important;font-weight:700}.layer-list-item-block{background-color:#fff!important;background-color:var(--menu-bg-color)!important;color:#000!important}.v-list-item--link:before{background-color:transparent!important}.list-item-block:before{background-color:#fff!important;background-color:var(--white-bg-color)!important;color:#000!important}.list-item-text{font-size:.75rem!important;text-align:center;line-height:.8333333333rem!important;color:#636468;color:var(--register-btn-color)}.list-item-text:hover{color:#3e5ff1!important}.my-info-list .span-2{font-size:1.2083333333rem;color:#4f525e;color:var(--preset-title-color);font-weight:700;max-width:90%;text-align:center;overflow:hidden;display:inline-block;width:auto;text-overflow:ellipsis;white-space:nowrap}.v-main{margin-top:4.1666666667rem}.footer-container .feedback-menu-btn{position:fixed;right:10px;width:1.875rem;height:1.875rem;background:#fff;background:var(--white-bg-color);border-radius:50%;cursor:pointer}.footer-container .bottom-20{bottom:20px}.footer-container .preset-to-top{bottom:75px}.footer-container .feedback-menu-btn:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.footer-menu{width:12.9166666667rem;padding:.625rem .2083333333rem}.feedback-card,.footer-menu{background-color:#fff!important;background-color:var(--white-bg-color)!important}.feedback-card{box-shadow:none!important}.feedback-card .footer-title{margin-bottom:.4166666667rem;padding:10px 0;font-size:.9166666667rem;font-weight:700;line-height:1.2em;color:#707070;color:var(--feedbcak-color);cursor:pointer}.feedback-card .footer-title .v-icon{margin-right:.1666666667rem}.feedback-card .footer-title:hover{background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border-radius:4px}.feedback-card .desc{margin-top:.25rem;font-size:.6666666667rem;color:#9b9dab;line-height:1.1em;text-align:center}.feedback-card a:hover{color:#3e5ff1}.feedback-card .copy-btn{font-size:.6666666667rem;height:1.0416666667rem!important;max-width:2rem!important;min-width:2rem!important;margin-left:.4166666667rem;background:#fff!important;background:var(--white-bg-color)!important;color:#3e5ff1;border:1px solid #3e5ff1;border-radius:4px}.feedback-card-dialog{padding:.8333333333rem}body{margin:0 auto;max-width:1920px}.main-content-container{width:100%;height:100%;display:flex;justify-content:center;flex-wrap:nowrap!important;padding-top:.8333333333rem}.content-block{display:flex;justify-content:center;flex-wrap:nowrap;max-width:65.8333333333rem;width:65.8333333333rem}.content-block .search-count{font-size:.6666666667rem;font-weight:400!important;color:#4f525e!important;margin-bottom:0;padding:0 .8333333333rem}.content-block .show-margin{margin-top:.8333333333rem}.content-block .row-1{width:100%;margin-bottom:.8333333333rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.content-block .row-1 .phone-wrap{flex-grow:0}.content-block .row-1 .select-self-style{height:2rem!important;padding-left:.5rem!important;padding-right:.5rem!important;font-size:.75rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:2rem;margin-bottom:0;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);outline:none;border-radius:6px;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll #f5f5f5 93%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll var(--filter-btn-bg-color) 93%}.content-block .row-1 .select-self-style span{text-align:left;display:inline!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-block .row-1 .select-self-style .icon-1{position:absolute;right:0}.content-block .row-1 .no-ellipsis-select-btn{background-size:6.7%;width:8.2083333333rem}.content-block .row-1 .ellipsis-select-btn-1{margin-left:.625rem;justify-content:flex-start;background-size:9%;width:6.25rem}.content-block .row-1 .ellipsis-select-btn-1 span{max-width:4.5833333333rem}.content-block .row-1 .select-en-1ength{width:10rem!important}.content-block .row-1 .select-self-style:before{background-color:#fafafa!important}.content-block .row-1 .self-btn-1{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .625rem;font-size:.75rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.2916666667rem;margin-bottom:0;height:2rem;width:4.125rem;background:#f5f5f5;background:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:6px}.content-block .row-1 .self-btn-1 img{width:.5416666667rem!important;height:.75rem!important;margin-right:.5416666667rem}.content-block .row-1 .self-btn-1-default{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;height:2rem;width:4.125rem;padding:0 .625rem;font-size:.75rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:.875rem;margin-bottom:0;background:transparent;border-radius:6px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color)}.content-block .row-1 .self-btn-1-default img{width:.5416666667rem!important;height:.75rem!important;margin-right:.5416666667rem}.content-block .row-1 .filter-card-list-change-block{flex-grow:0}.content-block .row-1 .filter-card-list-change-block .card-list-change-block{width:3.8333333333rem;height:2rem;margin-left:.4166666667rem;border-radius:6px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);padding:1px}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block{display:flex;justify-content:center;align-items:center;cursor:pointer}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block img{width:1.0833333333rem;vertical-align:middle}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block-active{background:#d0d7f4;background:var(--change-style-gb-color);border-radius:5px}.content-block .row-1 .input-container{position:relative;width:31.25rem}.content-block .row-1 .input-container input{width:100%;height:2rem;padding:0 2.0833333333rem 0 .8333333333rem;background:#fcfcfc;background:var(--header-bg-color);color:#636468;color:var(--register-btn-color);border-radius:7px;outline:none}.content-block .row-1 .input-container img{position:absolute;height:1.5rem;right:.625rem;top:.2083333333rem}.content-block .selections-block{display:flex;flex-wrap:wrap}.content-block .selections-block .selection-block{display:flex;flex-direction:column;margin-right:1.4166666667rem}.content-block .selections-block .selection-block .filter-title{width:7.5rem;font-size:.75rem;font-weight:500;line-height:.75rem;color:#4f525e;color:var(--preset-title-color)}.content-block .selections-block .selection-block .v-btn__content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:4.1666666667rem;line-height:.6666666667rem}.content-block .selections-block .selection-block .select-self-style-2{padding-left:.5416666667rem!important;padding-right:.25rem!important;width:6.1666666667rem!important;height:1.6666666667rem!important;font-size:.6666666667rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.125rem;margin-bottom:0;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);outline:none;text-transform:capitalize;letter-spacing:0;border-radius:6px;margin-top:.3333333333rem;justify-content:flex-start;text-align:left;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll #f5f5f5 93%/6.6%!important;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll var(--filter-btn-bg-color) 93%/6.6%!important}.content-block .selections-block .selection-block .select-self-style-2 .icon-1{position:absolute;right:0;font-size:.7916666667rem}.content-block .selections-block .selection-block .select-self-style-2:before{background-color:#fafafa!important}.content-block .hot-tag-list{display:flex;flex-direction:column;margin-top:.8333333333rem}.content-block .hot-tag-list h3{font-size:.75rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.2916666667rem;margin-bottom:0;padding-right:.75rem}.content-block .hot-tag-list div{display:flex;flex-wrap:wrap}.content-block .hot-tag-list div p{margin-top:.2083333333rem;min-width:3.6666666667rem;line-height:1.6666666667rem;margin-right:.6666666667rem;border-radius:4px;border:1px solid #d1d2d4;border:1px solid var(--filter-tag-bd-color);font-size:.6666666667rem;font-weight:400;color:#88898d!important;color:var(--filter-tag-color)!important;line-height:1.3333333333rem;margin-bottom:0;height:1.3333333333rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 .2083333333rem}.content-block .hot-tag-list div p:hover{border:1px solid #88898d;border:1px solid var(--filter-tag-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.content-block .hot-tag-list div .acticon{background:#3e5ff1!important;font-size:.6666666667rem;font-weight:400;color:#fff!important;line-height:1.3333333333rem;margin-bottom:0;border-radius:7px;border:none}.content-block .check-block{margin-top:.8333333333rem}.content-block .check-block h3{font-size:.75rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.2916666667rem;margin-bottom:0;padding-right:.75rem}.content-block .check-block .checkboxs .custom-checkbox{margin-top:.2083333333rem!important;padding-top:0!important}.content-block .check-block .checkboxs .custom-checkbox label{color:#88898d!important;color:var(--filter-btn-color)!important}.content-block .check-block .checkboxs .custom-checkbox-right{margin-left:.4166666667rem}.content-block .page-item{margin:20px 0 50px;display:flex;justify-content:center}.content-block .hand-hover{cursor:pointer}.content-block-s{display:flex;justify-content:center;flex-wrap:nowrap;width:50rem}.index-banner-container{max-width:65.8333333333rem;width:65.8333333333rem;margin:0 auto}.index-banner-container .img-container{position:relative;height:18.3333333333rem;margin-top:2.0833333333rem}.index-banner-container .img-container .behind-img-container{position:relative;height:15.5833333333rem;flex-basis:48%;flex-grow:0;max-width:48%;margin-top:1.375rem}.index-banner-container .img-container .behind-img-container .v-image{height:15.5833333333rem;border-radius:29px}.index-banner-container .img-container .behind-img-container .behind-layer{position:absolute;width:100%;height:15.5833333333rem;background-color:#000;z-index:1;border-radius:29px;opacity:.3}.index-banner-container .img-container .current-img-container{position:absolute;top:0;width:100%;z-index:2;cursor:pointer}.index-banner-container .img-container .current-img-container .hover-block{display:flex;justify-content:center;align-items:center;height:15.5833333333rem;width:3.3333333333rem;cursor:pointer}.index-banner-container .img-container .current-img-container .left-hover-block:hover .left-icon,.index-banner-container .img-container .current-img-container .right-hover-block:hover .right-icon{visibility:visible;opacity:1}.index-banner-container .img-container .current-img-container .img-change-icon{opacity:0;visibility:hidden;transition:visibility 0s,opacity .5s linear;height:2.0833333333rem;font-size:2.0833333333rem}.index-banner-container .img-container .current-img-container .v-image{width:58.9166666667rem;max-width:58.9166666667rem;height:18.3333333333rem;border-radius:31px}.index-banner-container .img-index-container{margin-top:1.25rem}.index-banner-container .img-index-container .img-index{width:.625rem;height:.625rem;background:#aeaeae;border-radius:100%;cursor:pointer}.index-banner-container .img-index-container .img-index-margin{margin-right:.7916666667rem}.index-banner-container .img-index-container .index-active{background:#3e5ff1}.homepage .index-banner-container{position:relative;width:100%!important;max-width:100%!important}.homepage .index-banner-container .img-container{height:27.0833333333rem!important;margin-top:0!important}.homepage .index-banner-container .img-container .behind-img-container{display:none!important}.homepage .index-banner-container .img-container .current-img-container .left-hover-block{left:.25rem;position:absolute;width:1.4166666667rem;height:1.4166666667rem;z-index:9}.homepage .index-banner-container .img-container .current-img-container .right-hover-block{right:.25rem;position:absolute;width:1.4166666667rem;height:1.4166666667rem;z-index:9}.homepage .index-banner-container .img-container .current-img-container .v-image{width:100%!important;max-width:100%!important;height:27.0833333333rem!important;border-radius:0!important}.homepage .index-banner-container .img-container .current-img-container .img-change-icon{opacity:1;visibility:visible;height:34px;font-size:34px}.homepage .index-banner-container .img-index-container{position:absolute;width:100%;bottom:1.0416666667rem;margin-top:0;z-index:9}.homepage .index-container .index-row{width:100%;position:relative}.homepage .index-container .index-row-height{height:25rem}.homepage .index-container .index-row-height-auto{height:auto}.homepage .index-container .preset .avatar{border-radius:50%;color:#fff;text-align:center}.homepage .index-container .preset .avatar-large{max-width:2.0833333333rem;width:2.0833333333rem;height:2.0833333333rem;font-size:.75rem;line-height:2.0833333333rem}.homepage .index-container .preset .avatar-s{max-width:1.6666666667rem;width:1.6666666667rem;height:1.6666666667rem;font-size:.6666666667rem;line-height:1.6666666667rem}.homepage .index-container .preset .preset-text{margin-left:.5833333333rem;max-width:9.75rem}.homepage .index-container .preset .preset-text .main-preset-name{max-width:100%;margin-left:0}.homepage .index-container .preset .preset-text .preset-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.5833333333rem;color:#8c8f9f;color:var(--date-color)}.homepage .index-container .preset .name{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:.5rem;font-size:.6666666667rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.homepage .index-container .preset-list{padding-left:2.0833333333rem}.homepage .index-container .preset-list .preset-in-list{position:relative;padding:0 .2083333333rem;margin-bottom:.3333333333rem}.homepage .index-container .preset-list .preset-in-list .num-stat{position:absolute;right:0}.homepage .index-container .preset-list .preset-in-list .num-stat div{min-width:2.7083333333rem}.homepage .index-container .preset-list .preset-in-list .num-stat div img{height:.5833333333rem;vertical-align:middle}.homepage .index-container .preset-list .preset-in-list .num-stat div span{font-size:.5416666667rem;color:#97989e;color:var(--preset-list-desc-color)}.homepage .index-container .forum-index-discussions-container{margin-top:1.25rem}.homepage .index-container .forum-index-discussions-container .index-discussion{width:100%}.index-content{width:50rem;height:100%;margin:0 auto}.index-content h2{font-size:.875rem}.index-content h2,.index-content p{color:#636468;color:var(--register-btn-color)}.index-content p{font-size:.7083333333rem}.index-content .text-flex{padding-right:10px}.index-content .img-flex{padding-left:10px}.index-content .upload-img{width:80%}.index-content .learn-more{display:flex;font-size:.7083333333rem;color:#3e5ff1}.index-content .learn-more span{display:inline-block;margin-right:-.0833333333rem}.index-content .learn-more .v-icon{color:#3e5ff1}.index-content .preset-cover{border-radius:12px}.package-news-container{width:50rem;max-width:50rem;margin:.8333333333rem auto;padding:2.25rem 3.3333333333rem;background:#fff;background:var(--white-bg-color);border-radius:14px}.package-news-container .preview-date{font-size:.8333333333rem;color:#4f525e;color:var(--preset-title-color)}.package-news-container .cover-img{width:100%;height:13.4583333333rem;margin-top:.4166666667rem;border-radius:31px}.package-news-container .package-desc{margin-top:1.125rem;word-break:break-word}.package-news-container .package-desc p{margin-bottom:5px;font-size:.8333333333rem}.package-news-container .package-desc p,.package-news-container .package-desc p span{color:#4f525e;color:var(--preset-title-color)}.package-news-container .package-desc p .text-big{font-size:1.4em}.package-news-container .package-desc p .text-huge{font-size:1.8em}.package-news-container .all-download-btn-container{text-align:right}.package-news-container .all-download-btn-container .all-download-btn{color:#fff;border-radius:8px;font-size:.625rem}.package-news-container .author-preset{margin-top:1.4583333333rem}.package-news-container .author-preset .author-col{display:flex;flex-wrap:wrap}.package-news-container .author-preset .author-col .avatar{width:3.75rem;height:3.75rem;margin:0 .2916666667rem .4166666667rem 0;border-radius:31px;color:#fff;text-align:center;line-height:3.75rem;font-size:1.25rem;cursor:pointer}.package-news-container .author-preset .preset-col .preset-list .preset{display:flex;align-items:center;justify-content:space-between;font-size:.8333333333rem;padding:.3333333333rem .2083333333rem;color:#88898d;color:var(--filter-btn-color)}.package-news-container .author-preset .preset-col .preset-list .preset .preset-name{width:85%;cursor:pointer;word-break:break-word}.package-news-container .author-preset .preset-col .preset-list .preset .player-container{position:relative;width:1.1666666667rem!important;height:1.1666666667rem!important;margin-right:.4166666667rem;cursor:pointer}.package-news-container .author-preset .preset-col .preset-list .preset .player-container .v-image{width:1.1666666667rem!important;height:1.1666666667rem!important;max-width:1.1666666667rem;position:absolute;top:0;left:0;z-index:7}.package-news-container .author-preset .preset-col .preset-list .preset .player-container .v-progress-circular{position:absolute;width:1.1666666667rem!important;height:1.1666666667rem!important;z-index:6}.package-news-container .author-preset .preset-col .preset-list .preset .anticon{width:.8333333333rem;height:.8333333333rem}.v-list-block{background-color:transparent!important;color:#000!important}.v-list-block .v-list-item{color:#636468;color:var(--register-btn-color);text-align:left;line-height:30px!important;text-transform:capitalize;font-weight:400!important}.v-list-block .v-list-item .v-input--checkbox{width:100%}.v-list-block .active-color{color:#3e5ff1!important}.v-list-block .v-list-item:hover{background-color:#f3f3f3!important;background-color:var(--register-btn-bg-color)!important;border-radius:3px}.v-list-block:before{background-color:#fff!important;background-color:var(--white-bg-color)!important;color:#000!important}.font-18{font-size:.75rem!important}.font-16{font-size:.6666666667rem!important}.ant-pagination-prev{display:inline-block;width:4.4583333333rem;height:1.8333333333rem;margin-right:.6666666667rem;line-height:1.75rem;font-size:.8333333333rem!important;text-align:center;vertical-align:middle;list-style:none;background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:7px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-pagination-prev a{padding:0;font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-prev:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-next{display:inline-block;width:4.4583333333rem;height:1.8333333333rem;margin-left:.3333333333rem;line-height:1.75rem;font-size:.8333333333rem!important;text-align:center;vertical-align:middle;list-style:none;background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);border-radius:7px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-pagination-next a{padding:0 .4166666667rem;font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-next:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-item-active{border-color:#1753e1!important}.ant-pagination-item-active a{color:#1753e1!important}.ant-pagination-item{background-color:#f5f5f5;background-color:var(--filter-btn-bg-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);height:1.8333333333rem!important;width:1.9583333333rem!important;font-size:.8333333333rem!important;line-height:1.75rem;border-radius:7px!important}.ant-pagination-item a{font-family:Roboto,sans-serif!important;color:#88898d;color:var(--filter-btn-color)}.ant-pagination-item a:hover{color:#636468!important;color:var(--register-btn-color)!important}.ant-pagination-item:hover{border:1px solid #c8d2fe!important;box-shadow:0 1px 10px rgba(62,95,241,.19)}.ant-pagination-disabled{border-color:rgba(0,0,0,.25)!important}.ant-pagination-item-link{color:#1753e1!important}.ant-pagination-item-ellipsis{color:#88898d!important;color:var(--filter-btn-color)!important}.ant-pagination-disabled{opacity:.7}.mdi-checkbox-blank-outline{color:#88898d!important;color:var(--filter-btn-color)!important}.message-container{width:50rem;margin:10px auto 0}.message-container .page-title{font-size:1rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.message-container .message-box{margin-top:.4166666667rem;height:30.2083333333rem;background-color:#fff;background-color:var(--white-bg-color);border-radius:2px;box-shadow:0 3px 6px 1px rgba(0,0,0,.03)}.message-container .message-box .message-user .chat-user-container{height:25rem;padding-bottom:10px;overflow-y:scroll}.message-container .message-box .message-user .chat-user-container .chat-user-item{padding:.6666666667rem 1.25rem;position:relative;cursor:pointer}.message-container .message-box .message-user .chat-user-container .chat-user-item .avatar-container{position:relative}.message-container .message-box .message-user .chat-user-container .chat-user-item .avatar-container .badge{position:absolute;width:.5833333333rem;height:.5833333333rem;border-radius:50%;background-color:red;top:0;right:0}.message-container .message-box .message-user .chat-user-container .chat-user-item .date{position:absolute;right:1.25rem;top:.6666666667rem;font-size:.5833333333rem;color:#636468}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info{margin-left:.5833333333rem}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .name{max-width:6.6666666667rem;font-size:.75rem;color:#4f525e;color:var(--preset-title-color)}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .message{max-width:9.5833333333rem;font-size:.6666666667rem;color:#636468}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .over-flow-hiden{height:1.5em;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.message-container .message-box .message-user .chat-user-container .active-item{background-color:#f8f8f8;background-color:var(--tag-bg-color)}.message-container .message-box .message-content .chat-content-container{height:16.6666666667rem;padding:.4166666667rem;overflow-y:scroll}.message-container .message-box .message-content .chat-content-container .chat-item .chat-time{text-align:center;color:#c1c1c3;font-size:.5833333333rem;margin-bottom:.25rem}.message-container .message-box .message-content .chat-content-container .chat-item .message{margin-bottom:.25rem;padding:.3333333333rem;border-radius:8px;font-size:.6666666667rem;word-break:break-word}.message-container .message-box .message-content .chat-content-container .chat-item .message img{display:block;width:6.125rem}.message-container .message-box .message-content .chat-content-container .chat-item .reciver-message{margin-left:.3333333333rem;background:#f8f8f8;background:var(--tag-bg-color);color:#636468;color:var(--register-btn-color)}.message-container .message-box .message-content .chat-content-container .chat-item .sender-message{margin-right:.3333333333rem;background:#3e5ff1;color:#fff}.message-container .message-box .message-content .chat-content-container .chat-item .message-width{max-width:65%}.message-container .message-box .message-content .chat-input-container{padding:0 .5833333333rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input{margin-top:.4166666667rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input .mdi-image-plus-outline{margin-left:.4166666667rem}.message-container .message-box .message-content .chat-input-container .emoji-img-input .v-icon{font-size:1rem;color:#4f525e}.message-container .message-box .message-content .chat-input-container .text-input{margin-top:.4166666667rem;height:4.5833333333rem;font-size:.6666666667rem;line-height:.8333333333rem;outline:none;overflow-y:scroll;color:#636468;color:var(--register-btn-color)}.message-container .message-box .message-content .chat-input-container .text-input img{width:8.3333333333rem;height:auto;vertical-align:bottom}.message-container .message-box .message-content .chat-input-container .send-btn{margin-top:.5rem}.message-container .message-box .message-content .chat-input-container .send-btn .v-btn{color:#fff;border-radius:6px;font-size:.75rem;height:1.8333333333rem;min-width:3.3333333333rem}.message-container .message-box .avatar{width:2rem;min-width:2rem;height:2rem;border-radius:31px;color:#fff;text-align:center;line-height:2rem;font-size:.8333333333rem}.message-container .message-box-header{height:4.1666666667rem}.message-container .search-input{position:relative;padding:.9583333333rem 1.25rem}.message-container .search-input input{width:100%;height:2.25rem;padding:0 .8333333333rem;background:#f8f8f8;background:var(--tag-bg-color);color:#636468;color:var(--register-btn-color);border-radius:6px;outline:none}.message-container .search-input img{position:absolute;height:1.5rem;left:1.6666666667rem;top:1.25rem}.message-container .message-detail-header{padding:0 .5833333333rem;margin-left:.4166666667rem}.message-container .message-detail-header .name{margin-left:.5833333333rem;font-size:1.1666666667rem;font-weight:500;color:#4f525e;color:var(--preset-title-color)}.emoji-list{width:8.75rem;padding:.4166666667rem}.emoji-list .emoji-item{height:1.5em;font-size:.7083333333rem;text-align:center;line-height:1.5em;cursor:pointer;transition:.3s}.emoji-list .emoji-item:hover{transform:scale(1.2)}.white-bg{background-color:#fff;background-color:var(--white-bg-color)}.v-menu__content .notice-list-info-title{font-size:.6666666667rem;color:#141414;color:var(--black-title-2);padding-left:16px}.v-menu__content .notice-list-container{max-height:340px;overflow-y:auto}.v-menu__content .notice-list-container::-webkit-scrollbar{width:4px}.v-menu__content .notice-list-container::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.v-menu__content .notice-list-container::-webkit-scrollbar-track{border-radius:0;background:#fff}.v-menu__content .notice-footer{position:fixed;bottom:0;width:100%;height:38px;color:#949494;color:var(--tag-color);cursor:pointer}.notice-list-title .produce-name{overflow:hidden;text-overflow:ellipsis;color:#141414;color:var(--black-title-2)}.notice-list-title .produce-name-comment{max-width:70%}.notice-list-title .produce-name-focus{max-width:90%}.notice-list-title .produce-name-collect{max-width:60%}.notice-list-title .notice-date{float:right;font-size:12px;opacity:.5}.notice-list-title .notice-date,.notice-list-title .system{color:#141414;color:var(--black-title-2)}.notice-list-subtitle .notice-content .replied-comment-content{display:inline-block;max-width:90%;overflow:hidden;text-overflow:ellipsis;color:#141414;color:var(--black-title)}.notice-list-subtitle .notice-content .comment-content{display:inline-block;width:100%;padding:5px 6px;background-color:#f8f8f8;background-color:var(--tag-bg-color);color:#949494;color:var(--tag-color);border-radius:4px;text-align:justify;white-space:normal;line-height:2em}.notice-list-subtitle .private-message{font-size:.6666666667rem;color:#97989e;color:var(--preset-list-desc-color)}.user-login-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:80}.user-login-container .user-login-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.user-login-container .user-login-card{position:relative;width:100%;max-width:50rem;padding:2.2916666667rem 3.3333333333rem;background:#fff;background:var(--white-bg-color);z-index:99;margin-left:auto;margin-right:auto;margin-top:5rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .chacha{width:1.0833333333rem!important;height:1.0416666667rem!important;position:absolute;right:10px;top:-30px;z-index:100;cursor:pointer}.user-login-container .user-login-card .card-right{width:24.5833333333rem;height:100%;position:relative}.user-login-container .user-login-card .card-right .card-img{width:100%}.user-login-container .user-login-card .card-right .login-slogan{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.3333333333rem;font-weight:700;text-align:center}.user-login-container .user-login-card .card-right .login-slogan p{margin-bottom:.3333333333rem}.user-login-container .user-login-card .card-title{font-size:1.1666666667rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:2rem;margin-bottom:0}.user-login-container .user-login-card .card-subtitle{font-size:.5833333333rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:.8333333333rem;margin-bottom:0}.user-login-container .user-login-card .subtitle-width{width:14.1666666667rem}.user-login-container .user-login-card .card-user-title{font-size:.6666666667rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.125rem;margin:1.25rem 0 .5rem}.user-login-container .user-login-card .card-user-input{width:14.1666666667rem;height:1.6666666667rem;padding-left:.5833333333rem;background:#f5fbff;background:var(--login-input-bg-color);border-radius:5px;font-size:.6666666667rem;font-weight:500;color:#141414!important;color:var(--black-title-2)!important;line-height:.5833333333rem;margin-bottom:0}.user-login-container .user-login-card .forget-password{margin:1.25rem 0 .5rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .forget-password .forget-tip{font-size:.5833333333rem;font-weight:500;color:#3e5ff1!important;line-height:.8333333333rem;margin-bottom:0;cursor:pointer}.user-login-container .user-login-card .forget-password .forget-title{font-size:.6666666667rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.125rem;margin-bottom:0}.user-login-container .user-login-card .card-user-login-btn{width:14.1666666667rem;height:1.875rem!important;margin-top:1.625rem;background:#3e5ff1!important;border-radius:5px;font-size:.6666666667rem;font-weight:400;color:#fff!important;line-height:1.125rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-login-container .user-login-card .card-user-no-acount{margin-top:.9166666667rem;font-size:.6666666667rem;font-weight:400;color:#97989e!important;line-height:1.125rem;margin-bottom:0;text-align:center}.user-login-container .user-login-card .card-user-register-btn{width:14.1666666667rem;height:1.875rem!important;margin-top:.4166666667rem;background:#fff!important;border:1px solid #3e5ff1;border-radius:5px;font-size:.6666666667rem;font-weight:400;color:#3e5ff1!important;line-height:1.125rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.register-container{width:100%;height:100%;background:#fff;background:var(--white-bg-color)}.go-to-index{padding-top:1.6666666667rem;padding-left:22.9%;margin-top:0!important}.go-to-index i{width:.2916666667rem!important;height:.5416666667rem!important}.go-to-index .link-a{padding-left:.4166666667rem;font-size:.8333333333rem;font-weight:400;color:#141414!important;color:var(--black-title)!important;line-height:1.4166666667rem;margin-bottom:0}.user-register-card{width:100%;padding:2.0416666667rem 22.9% 0;z-index:99;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:nowrap!important}.user-register-card .card-right{position:relative;margin-left:1.6666666667rem}.user-register-card .card-right .card-img{width:24.5833333333rem;height:auto}.user-register-card .card-right .login-slogan{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.3333333333rem;font-weight:700;text-align:center}.user-register-card .card-right .login-slogan p{margin-bottom:.3333333333rem}.user-register-card .card-title{font-size:1.1666666667rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:2rem;margin-bottom:0}.user-register-card .card-subtitle{font-size:.5833333333rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:.8333333333rem;margin-bottom:0}.user-register-card .card-user-title{font-size:.6666666667rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.125rem;margin:1.25rem 0 .5rem}.user-register-card .card-user-input{width:14.1666666667rem;height:1.6666666667rem;padding-left:.5833333333rem;background:#f5fbff;background:var(--login-input-bg-color);border-radius:5px;font-size:.625rem;font-weight:500;color:#141414!important;color:var(--black-title-2)!important;line-height:.5833333333rem;margin-bottom:0}.user-register-card .card-user-subtitle{font-size:.5rem;font-weight:500;color:#414141!important;line-height:.8333333333rem;margin-bottom:0;padding:.4166666667rem 0 .3333333333rem}.user-register-card .card-user-login-btn{width:14.1666666667rem;height:1.875rem!important;background:#3e5ff1!important;border-radius:5px;font-size:.75rem;font-weight:400;color:#fff!important;line-height:1.125rem;margin-bottom:0;font-size:.6666666667rem!important;text-transform:capitalize;letter-spacing:0}.user-register-card .red-tip{text-align:right;margin-top:.125rem}.user-register-card .red-tip span{color:#e60000;font-size:.5rem;display:inline-block}.user-register-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-register-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-register-card .muti-col-title{display:flex;justify-content:space-between;align-items:center;margin:1.25rem 0 .5rem}.user-register-card .muti-col-title p:first-child{font-size:.6666666667rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.125rem;margin-bottom:0}.user-register-card .muti-col-title p:nth-child(2){display:inline-block;padding:0 0 0 .25rem;font-size:.5rem;font-weight:300;color:#414141!important;color:var(--user-color)!important;line-height:.5833333333rem;margin-bottom:0;max-width:8.25rem;line-height:.75rem}.user-register-card .muti-col-title .width-en{min-width:6.5833333333rem}.user-register-card .register-controle{display:flex;justify-content:flex-start;align-items:center;font-size:.6666666667rem;font-weight:400;height:1rem;margin:.6666666667rem 0 .5833333333rem}.user-register-card .register-controle div{color:#272727}.user-register-card .register-controle span{color:#3e5ff1}.user-register-card .register-controle .primary--text{color:#3e5ff1!important}.user-register-card .go-to-login{margin-top:.5416666667rem}.user-register-card .go-to-login span:first-child{font-size:.6666666667rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:.4166666667rem;margin-bottom:0}.user-register-card .go-to-login span:nth-child(2){font-size:.6666666667rem;font-weight:400;color:#3e5ff1!important;line-height:.4166666667rem;margin-bottom:0}.user-register-card .login-width{margin-top:.2083333333rem!important;width:14.1666666667rem}.preset-list-container{margin-top:1.25rem;width:100%}.preset-list-container .preset-sm{width:49.1666666667rem;max-width:49.1666666667rem;min-width:49.1666666667rem}.preset-list-container .preset-list-flex .list-item-block{position:relative;width:15.8333333333rem;padding:.75rem .8333333333rem;margin-bottom:.625rem;background:#fff;background:var(--white-bg-color);border-radius:8px;cursor:pointer}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo{width:15.7916666667rem;height:7.9583333333rem;position:absolute;top:2.9166666667rem;left:1.6666666667rem;z-index:2;padding:1.1666666667rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .125rem .8333333333rem rgba(0,0,0,.1);border-radius:6px}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1{margin-bottom:0;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left{width:70%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-name{width:1.8333333333rem!important;height:1.8333333333rem!important;border-radius:50%;flex-shrink:0;font-size:.7916666667rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;background-size:cover;background-position:50%}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname{padding-left:.6666666667rem}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p{margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:first-child{width:5.4166666667rem;font-size:.6666666667rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:nth-child(2){width:5.4166666667rem;font-size:.6666666667rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{display:none!important;padding:0 .4166666667rem;line-height:1.6666666667rem!important;background:#3e5ff1;border-radius:6px;height:1.6666666667rem;width:3.6666666667rem;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-focus{display:block;padding:0 .4166666667rem;line-height:1.6666666667rem!important;border-radius:6px;height:1.6666666667rem;width:3.6666666667rem;border:.0416666667rem solid #3e5ff1;font-size:.75rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{display:none!important;line-height:1.6666666667rem!important;background:#7f8082;border-radius:6px;height:1.6666666667rem;width:3.6666666667rem;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus{display:block;line-height:1.6666666667rem!important;height:1.6666666667rem!important;border-radius:6px;width:3.6666666667rem;background:#97989e;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus-hover{display:block!important;padding:0 .4166666667rem;line-height:1.6666666667rem!important;background:#3e5ff1;border-radius:6px;width:3.6666666667rem;height:1.6666666667rem;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus{display:none}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus-hover{display:block!important;line-height:1.6666666667rem!important;height:1.6666666667rem!important;width:3.6666666667rem;background:#7f8082;border-radius:6px;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus{display:none}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .5416666667rem}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list ul{margin-top:.8333333333rem;display:flex;flex-direction:column;align-items:center;padding-left:0!important}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list li{list-style:none;text-align:center}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list .title{font-size:.8333333333rem;font-weight:700!important;color:#636468!important;font-size:.8333333333rem!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .hoverAuthorInfo .data-show-list .num{font-size:.8333333333rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .card-recommended-icon{position:absolute;top:0;right:0;width:.9583333333rem;height:1.6666666667rem}.preset-list-container .preset-list-flex .list-item-block .item-row-1{margin-top:.2083333333rem;width:100%;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .item-row-1 p{margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu{width:1.875rem!important;height:1.875rem!important}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu img{width:100%;height:100%}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .play-menu .play-menu-del{font-size:1rem;font-weight:400!important;color:#e66666!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .product-media-row{height:1.0416666667rem}.preset-list-container .preset-list-flex .list-item-block .product-media-row-margin{margin-right:.4166666667rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .cover-desc-row{margin-top:.2083333333rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row{margin-top:.625rem}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .count{font-size:.6666666667rem;font-weight:400;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:.6666666667rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .learn-more{display:flex;align-items:center;font-size:.6666666667rem;font-weight:400;color:#3e5ff1!important;line-height:.6666666667rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .intruct-info .count-learn-more-row .learn-more .learn-more-icon{font-size:.5833333333rem;height:1em}.preset-list-container .preset-list-flex .list-item-block .line{margin-top:.625rem}.preset-list-container .preset-list-flex .list-item-block .state-count{margin-top:.75rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left{display:flex;justify-content:flex-start;align-items:center}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item{display:flex;justify-content:space-around;align-items:center;font-size:.5833333333rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;margin-right:.4166666667rem;height:.7916666667rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item div{margin-left:.125rem;height:.7916666667rem;line-height:.7916666667rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .opt-icon{width:.8333333333rem!important;margin-right:.1666666667rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .download-icon{width:.75rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .img-share{width:1.0833333333rem!important;height:.875rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .img-comment{width:1.0833333333rem!important;height:1rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .praise{width:.875rem;height:auto;margin-top:-.0833333333rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .download-img{width:.9166666667rem!important;height:1.0416666667rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item img{width:1.1666666667rem;height:auto}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .praise:hover{transform:scale(1.1)}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item span{padding-left:.0833333333rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right img{margin-left:.2916666667rem;width:.5833333333rem!important;height:.2916666667rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right .preset-date{font-size:.5833333333rem;font-weight:400;color:#9a9a9a!important;color:var(--info-sig-color)!important;line-height:1rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.preset-list-container .card-placeholder:after{content:"";width:15.8333333333rem}.preset-list-container .hot-data-container .hot-data{width:15.8333333333rem;padding:.5833333333rem .8333333333rem 0;background-color:#fff;background-color:var(--white-bg-color);border-radius:8px}.preset-list-container .hot-data-container .hot-data .hot-data-head{padding:0 .5416666667rem .4583333333rem}.preset-list-container .hot-data-container .hot-data .hot-data-head div{font-size:.75rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.preset-list-container .hot-data-container .hot-data .hot-data-head .small-img{width:1.0416666667rem}.preset-list-container .hot-data-container .hot-data .hot-data-head img{width:.75rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container{padding:.6666666667rem .3333333333rem .25rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset{margin-bottom:.4166666667rem;cursor:pointer}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .circle{width:2.375em;height:2.375em;border-radius:50%;background-position:50%;background-size:cover;text-align:center;line-height:1.625rem;color:#fff;font-weight:700;font-size:.6666666667rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9em;margin-left:.8333333333rem;color:#67676a;color:var(--hot-name-color);font-size:.6666666667rem}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags{padding:.2083333333rem .4166666667rem .5rem}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags{margin-top:.2916666667rem;margin-right:.3333333333rem;padding:.1666666667rem .3em;border-radius:3px;font-size:.6666666667rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);cursor:pointer}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags:hover{opacity:.8}.preset-list-container .hot-data-container .hot-data-gap{margin-top:.875rem}.preset-list-container .product{font-size:.5833333333rem}.preset-list-container .media-symbol{max-width:1.0416666667rem;width:1.0416666667rem}.preset-list-container .video-symbol-margin{margin-right:.2916666667rem}.preset-list-container .media-symbol-margin-left{margin-left:.2916666667rem}.preset-list-container .preset-name{font-size:.8333333333rem;font-weight:700;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.5416666667rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-sub-info{font-size:.75rem;font-weight:400;color:#8c8f9f!important;line-height:1.4166666667rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .player-container{position:relative;width:1.1666666667rem!important;height:1.1666666667rem!important;margin-right:.4166666667rem}.preset-list-container .player-container .v-image{width:1.1666666667rem!important;height:1.1666666667rem!important;max-width:1.1666666667rem;position:absolute;top:0;left:0;z-index:7}.preset-list-container .player-container .v-progress-circular{position:absolute;width:1.1666666667rem!important;height:1.1666666667rem!important;z-index:6}.preset-list-container .list-cover-img{height:3.9166666667rem;width:5.875rem;min-width:5.875rem;max-width:5.875rem;margin-right:.4166666667rem;border-radius:6px}.preset-list-container .list-cover-img-left-margin{margin-left:.4166666667rem}.preset-list-container .preset-desc{word-break:break-word;font-size:.6666666667rem;font-weight:400;color:#97989e!important;color:var(--preset-list-desc-color)!important;line-height:1rem;margin-bottom:0;font-family:Roboto light,sans-serif}.preset-list-container .list-preset-desc{height:2.9166666667rem;max-height:2.9166666667rem;-webkit-line-clamp:3}.preset-list-container .card-preset-desc,.preset-list-container .list-preset-desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.preset-list-container .card-preset-desc{height:3.9166666667rem;max-height:3.9166666667rem;-webkit-line-clamp:4}.preset-list-container .tone-tag-row{margin-top:.1666666667rem!important}.preset-list-container .musical-style-tag-row{margin-top:.625rem;height:1.3333333333rem;overflow:hidden}.preset-list-container .musical-style-tag-row .c-tag{display:flex;align-items:center;padding:0 .5em;height:2em}.preset-list-container .musical-style-tag-row .c-tag img{margin-right:.1666666667rem;height:1.8em}.preset-list-container .musical-style-tag-row .c-tag span{word-break:keep-all}.preset-list-container .musical-style-tag-row .musical-style-tag{padding:.5em;margin-right:.5em;text-align:center;font-size:.6666666667rem;line-height:1em;border-radius:3px;cursor:pointer}.preset-list-container .musical-style-tag-row .style-tag{font-size:.6666666667rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;background:#f8f8f8;background:var(--tag-bg-color)}.preset-list-container .musical-style-tag-row .musical-style-tag:hover{opacity:.8}.preset-list-container .name-date{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .name-date .circle{width:1.8333333333rem!important;height:1.8333333333rem!important;min-width:1.8333333333rem;border-radius:50%;font-size:.75rem;font-weight:700;color:#fff!important;line-height:1.8333333333rem;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.preset-list-container .name-date .name-date-for{margin-left:.5rem}.preset-list-container .name-date .name-date-for p:first-child{font-size:.6666666667rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.125rem;margin-bottom:0;max-width:9.375rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preset-list-container .name-date .name-date-for p:nth-child(2){font-size:.6666666667rem;font-weight:400;color:#8c8f9f!important;color:var(--date-color)!important;line-height:1.125rem;margin-bottom:0}.preset-list-container .name-date .name-date-list{width:4rem}.preset-list-container .download-btn{padding:0 1.25rem;border-radius:4px;width:3.9166666667rem;height:1.3333333333rem!important;font-size:.6666666667rem!important;color:#fff!important}.preset-list-container .download-btn .v-btn__content{line-height:1em}.preset-list-container .download-btn:hover{background:#4c6cfb}.preset-list-container .preset-list-style-container .list-item-block{position:relative;padding:.5rem 1rem;margin-bottom:.625rem;border-radius:8px;background:#fff;background:var(--white-bg-color)}.preset-list-container .preset-list-style-container .list-item-block .list-recommended-icon{position:absolute;top:0;left:0;width:.9583333333rem;height:1.6666666667rem}.preset-list-container .preset-list-style-container .list-item-block .list-media-symbol-row{height:1rem}.preset-list-container .preset-list-style-container .list-item-block .list-media-symbol-row-margin-left{margin-left:.4166666667rem}.preset-list-container .preset-list-style-container .list-item-block .preset-list-desc-container{display:flex;align-items:center;margin-bottom:0;max-height:3.9166666667rem}.preset-list-container .preset-list-style-container .list-item-block .preset-list-desc-container span{height:auto}.preset-list-container .preset-list-style-container .list-item-block .player-container{margin-right:.9583333333rem}.preset-list-container .preset-list-style-container .list-item-block .cover-img{margin-left:.4166666667rem;margin-right:0}.preset-list-container .preset-list-style-container .list-item-block .name-download-row{margin-bottom:.4166666667rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row{margin-top:.4166666667rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item{display:flex;align-items:center}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item .opt-icon{width:.75rem}.preset-list-container .preset-list-style-container .list-item-block .preset-stat-opt-row .stat-opt-item .num{margin-left:.125rem;font-size:.5833333333rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.preset-list-container .preset-list-style-container .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.preset-list-container .preset-list-style-container .list-item-block-bottom-margin{margin-bottom:2.5rem}.preset-list-container .preset-list-style-container .preset-list-style-left{padding-right:1.5%}.preset-list-container .preset-list-style-container .preset-list-style-center{padding:0 1.5%}.preset-list-container .preset-list-style-container .preset-list-style-right{padding-left:1.5%}.preset-list-container .preset-loading-container .loading-container{width:49.1666666667rem;max-width:49.1666666667rem;min-width:49.1666666667rem}.preset-list-container .preset-loading-container .card-loading-item{width:15.8333333333rem;padding:1rem 1.2916666667rem 0;margin-bottom:.9583333333rem;background:#fff;background:var(--white-bg-color);border-radius:14px;min-height:200px}.preset-list-container .preset-loading-container .list-loading-item{width:100%;height:5.125rem;padding:.5rem .5833333333rem;margin-bottom:.4583333333rem;background:#fff;background:var(--white-bg-color);border-radius:8px}.preset-list-container .preset-loading-container .circle{max-width:1.9166666667rem;min-width:1.9166666667rem;height:1.9166666667rem}.preset-list-container .preset-loading-container .height-20{height:.8333333333rem}.preset-list-container .preset-loading-container .height-23{height:.9583333333rem}.preset-list-container .preset-loading-container .height-42{height:1.75rem}.preset-list-container .preset-loading-container .height-47{height:1.9583333333rem}.preset-list-container .three-column-flex{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.preset-list-container .three-column-flex:after{content:"";width:65%!important}.preset-list-container .three-column-flex .three-column-item{width:32.4%!important;padding-top:0}.preset-list-container .three-column-flex .three-column-item .circle-mycollect{width:1.6666666667rem!important;height:1.6666666667rem!important;min-width:1.6666666667rem;background:#71b47f;border-radius:50%;font-size:.6666666667rem;font-weight:700;color:#fff!important;line-height:1.6666666667rem;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.preset-list-container .three-column-flex .three-column-item .line{margin-top:.5833333333rem!important}.preset-list-container .three-column-flex .flex-gap{margin-right:.625rem}.preset-list-container .three-column-flex .has-padding{padding-top:.8333333333rem!important}.preset-list-container .three-column-flex .has-padding .hover-block{display:none;position:absolute;bottom:0;left:0;width:100%;height:100%;background:#9e9e9e;opacity:.6;box-shadow:0 .0833333333rem .8333333333rem hsla(0,0%,62%,.48);border-radius:14px}.preset-list-container .three-column-flex .has-padding .btn-area{display:none;position:absolute;bottom:2.8%;left:55%}.preset-list-container .three-column-flex .has-padding .btn-area div{width:100%;bottom:1.0833333333rem;left:0;display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .three-column-flex .has-padding .btn-area div img{width:1.5833333333rem!important;height:1.5833333333rem!important;margin-right:1rem}.preset-list-container .three-column-flex .has-padding .btn-area div span{line-height:1.5833333333rem;margin-right:1rem;background:#3e5ff1;border-radius:22px;height:1.5833333333rem;font-size:.7083333333rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center;width:3.9583333333rem}.preset-list-container .three-column-flex .has-padding .btn-area div span:hover{background:#4c6cfb}.preset-list-container .three-column-flex .has-padding:hover .hover-block{display:block;z-index:49}.preset-list-container .three-column-flex .has-padding:hover .btn-area{display:block;z-index:199}.preset-list-container .page-item{margin:20px 0 40px;display:flex;justify-content:center}.no-padding-top{margin-top:0!important}.reminder-icon{background:#e5c24e;border-radius:50%;width:1.3333333333rem;height:1.3333333333rem;color:#fff;font-size:.8333333333rem;text-align:center;margin-right:.3333333333rem}.dialog-cancel-btn{background:#f5f5f5!important;font-weight:700!important;color:#4f525e!important}.dialog-delete-btn{background:#f13e3e!important;color:#fff!important;font-weight:700!important;margin-left:1.6666666667rem}.drop-item{max-height:1.5rem!important;height:1.5rem!important;min-height:1.5rem!important;text-align:center!important;justify-content:center!important}.drop-item-block{min-height:1rem!important}.hoverAuthorInfo{width:15.7916666667rem;height:7.9583333333rem;z-index:2;padding:1.1666666667rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .125rem .8333333333rem rgba(0,0,0,.1);border-radius:6px}.hoverAuthorInfo .row-1{margin-bottom:0;justify-content:space-between!important}.hoverAuthorInfo .row-1,.hoverAuthorInfo .row-1 .row-1-left{display:flex!important;align-items:center!important;flex-wrap:nowrap!important}.hoverAuthorInfo .row-1 .row-1-left{width:70%;justify-content:flex-start!important}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-name{width:1.8333333333rem!important;height:1.8333333333rem!important;border-radius:50%;flex-shrink:0;font-size:.7916666667rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;background-size:cover;background-position:50%}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname{padding-left:.6666666667rem}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p{margin-bottom:0}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:first-child{width:5.4166666667rem;font-size:.6666666667rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoverAuthorInfo .row-1 .row-1-left .row-1-left-nickname p:nth-child(2){width:5.4166666667rem;font-size:.6666666667rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{display:none!important;background:#3e5ff1;border-radius:6px;color:#fff!important;display:grid;text-align:center}.hoverAuthorInfo .row-1 .hover-container .row-1-focus,.hoverAuthorInfo .row-1 .hover-container .row-1-focus-hover{padding:0 .4166666667rem;line-height:1.6666666667rem!important;height:1.6666666667rem;width:3.6666666667rem;font-size:.75rem;font-weight:400!important;margin-bottom:0;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container .row-1-focus{display:block;border-radius:6px;border:.0416666667rem solid #3e5ff1;color:#3e5ff1!important;display:grid}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{display:none!important;background:#7f8082;height:1.6666666667rem;display:grid;text-align:center}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus,.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus-hover{line-height:1.6666666667rem!important;border-radius:6px;width:3.6666666667rem;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container .row-1-ok-focus{display:block;height:1.6666666667rem!important;background:#97989e;display:grid}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus-hover{display:block!important;padding:0 .4166666667rem;line-height:1.6666666667rem!important;background:#3e5ff1;border-radius:6px;width:3.6666666667rem;height:1.6666666667rem;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-focus{display:none}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus-hover{display:block!important;line-height:1.6666666667rem!important;height:1.6666666667rem!important;width:3.6666666667rem;background:#7f8082;border-radius:6px;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.hoverAuthorInfo .row-1 .hover-container:hover .row-1-ok-focus{display:none}.hoverAuthorInfo .data-show-list{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .5416666667rem}.hoverAuthorInfo .data-show-list ul{margin-top:.8333333333rem;display:flex;flex-direction:column;align-items:center;padding-left:0!important}.hoverAuthorInfo .data-show-list li{list-style:none;text-align:center}.hoverAuthorInfo .data-show-list .title{font-size:.8333333333rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;font-size:.8333333333rem!important;margin-bottom:0}.hoverAuthorInfo .data-show-list .num{font-size:.8333333333rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.font-size-14{font-size:.5833333333rem}.follow-container{width:100%;padding-bottom:1.6666666667rem}.follow-container .my-focus-item .rows-1{margin-bottom:.8333333333rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 p{margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-left{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 .rows-1-left .name-circle-follow{width:1.8333333333rem!important;height:1.8333333333rem!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;font-size:.75rem;font-weight:700!important;color:#fff!important;margin-bottom:0;border-radius:50%;background-position:50%;background-size:cover}.follow-container .my-focus-item .rows-1 .rows-1-left .name{font-size:.8333333333rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;margin-left:.8333333333rem}.follow-container .my-focus-item .rows-1 .rows-1-left .date{font-size:.7083333333rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-right{width:4.5rem;line-height:1.75rem;border:1px solid #707070;border-radius:7px;font-size:.75rem;font-weight:300!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.follow-container .my-focus-item .rows-1 .rows-1-right-hover{display:none;width:4.5rem;line-height:1.75rem;background:#e84747;border-radius:7px;border:1px solid #e84747;font-size:.75rem;font-weight:300!important;color:#fff!important;margin-bottom:0;text-align:center}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right-hover{display:block}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right{display:none}.follow-container .my-focus-item .preset-list-flex .hover-parent .hover-item{display:none;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:8px}.follow-container .my-focus-item .preset-list-flex .hover-parent:hover .hover-item{display:block;z-index:2}.follow-container .my-focus-item .preset-list-flex .light-hover-item{background:#9e9e9e;opacity:.6}.follow-container .my-focus-item .preset-list-flex .dark-hover-item{background-image:linear-gradient(180deg,rgba(64,64,64,.08),#201f1f);opacity:.7}.follow-container .my-focus-item .preset-list-flex .hover-parent:hover .btn-area{display:block;z-index:3}.follow-container .my-focus-item .preset-list-flex .btn-area{display:none;position:absolute;width:100%;height:100%;top:0;left:0}.follow-container .my-focus-item .preset-list-flex .btn-area .down-btn{position:absolute;right:.8333333333rem;bottom:.625rem;line-height:1.3333333333rem;background:#3e5ff1;border-radius:4px;height:1.3333333333rem;font-size:.6666666667rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center;width:3.9166666667rem}.follow-container .my-focus-item .preset-list-flex .btn-area .down-span:hover{background:#4c6cfb}.follow-container .my-focus-item .preset-list:after{content:"";display:block;width:33.33333%;height:100%}.follow-container .page-item{margin:20px 0 50px;display:flex;justify-content:center}.focus-author-list{width:100%}.myinfo-container{width:50rem}.myinfo-container .title-name{font-size:.8333333333rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .info-data-block{margin-top:1.1666666667rem;padding:1.6666666667rem 1.3333333333rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .125rem .25rem rgba(0,0,0,.03);border-radius:10px}.myinfo-container .info-data-block .info-data-block-left{max-width:61%;display:flex;justify-content:flex-start;align-items:center}.myinfo-container .info-data-block .info-data-block-left .shot-name{position:relative;min-width:4.1666666667rem;width:4.1666666667rem;height:4.1666666667rem;line-height:4.1666666667rem;border-radius:50%;font-size:1.8333333333rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.myinfo-container .info-data-block .info-data-block-left .shot-name .upload-avatar-block{width:1.6666666667rem;height:1.6666666667rem;position:absolute;bottom:0;right:-.4166666667rem;border-radius:50%;background-color:#626367;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1}.myinfo-container .info-data-block .info-data-block-left .shot-name .upload-avatar-block .camera{max-width:.8333333333rem}.myinfo-container .info-data-block .info-data-block-left .shot-name .official{position:absolute;bottom:0;right:0;max-width:1.25rem}.myinfo-container .info-data-block .info-data-block-left .shot-name .avatar{border-radius:50%}.myinfo-container .info-data-block .info-data-block-left .userinfo-data{width:97%;margin-left:1.0833333333rem}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .admin-symbol{margin-right:.2083333333rem;padding:0 .1666666667rem;font-size:.6666666667rem;color:#3e5ff1;line-height:1rem;background-color:#d0d7f4;background-color:var(--change-style-gb-color);border:1px solid #3e5ff1;border-radius:6px;word-break:keep-all}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-name{margin-bottom:0;font-size:1rem;color:#636468;color:var(--register-btn-color);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-account{margin-bottom:2px;font-size:.75rem;color:#636468;color:var(--register-btn-color)}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-sig{font-size:.75rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-sig-no-fold{font-size:.75rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;line-height:.8333333333rem;word-break:break-word}.myinfo-container .info-data-block .info-data-block-left .expand-info{color:#3e5ff1;text-decoration:underline;cursor:pointer}.myinfo-container .info-data-block .info-data-btns .focus-btn{min-width:3.75rem;margin-top:.5833333333rem;padding:.2083333333rem .3333333333rem;color:#fff;font-size:.6666666667rem;line-height:1.0833333333rem;border-radius:3px}.myinfo-container .info-data-block .info-data-btns .msg-btn{color:#8c8f9f!important;color:var(--date-color)!important;border:1px solid #8c8f9f!important;border:1px solid var(--date-color)!important}.myinfo-container .info-data-block .info-data-btns .msg-btn img{width:.75rem;margin-right:.2083333333rem}.myinfo-container .info-data-block .info-data-btns .focused{color:#fff!important;color:var(--info-focus-color)!important;background:#d1d2d4!important;background:var(--filter-tag-bd-color)!important}.myinfo-container .info-data-block .info-data-btns .focused .focused-hover-span,.myinfo-container .info-data-block .info-data-btns .focused:hover .focused-non-hover-span{display:none}.myinfo-container .info-data-block .info-data-btns .focused:hover .focused-hover-span{display:inline!important}.myinfo-container .info-data-block .author-len{max-width:31.0416666667rem!important}.myinfo-container .info-data-block .info-data-block-right{display:grid;justify-items:flex-end}.myinfo-container .info-data-block .info-data-block-right .edit-btn{display:inline-block;align-self:end;width:4.5rem;line-height:1.6666666667rem;border:1px solid #636468;border:1px solid var(--register-btn-color);border-radius:7px;font-size:.75rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.myinfo-container .info-data-block .info-data-block-right .edit-btn:hover{background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.myinfo-container .info-data-block .info-data-block-right .edit-btn-en{width:auto!important;padding:0 .7083333333rem}.myinfo-container .info-data-block .data-show-list ul{margin-top:.4166666667rem;padding-left:.8333333333rem}.myinfo-container .info-data-block .data-show-list li{list-style:none;text-align:center}.myinfo-container .info-data-block .data-show-list .title{font-size:.75rem!important;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .info-data-block .data-show-list .num{font-size:.6666666667rem!important;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .info-data-block .data-show-list .data-divider{width:0;height:1.9583333333rem;margin:.4166666667rem 0 0 .8333333333rem;opacity:.5;border-left:2px solid #707070;border-left:2px solid var(--feedbcak-color)}.myinfo-container .title-playmenu{position:relative;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 1.3333333333rem;margin-top:2rem}.myinfo-container .title-playmenu .opt-btn{width:auto!important;padding:0 .7083333333rem}.myinfo-container .title-playmenu .opt-btn:hover{background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);box-shadow:0 1px 10px rgba(62,95,241,.19)}.myinfo-container .title-playmenu p:first-child,.myinfo-container .title-playmenu p:nth-child(2){font-size:.75rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu p:nth-child(2){width:4.1666666667rem;line-height:1.6666666667rem;border:1px solid #636468;border:1px solid var(--register-btn-color);border-radius:7px;text-align:center}.myinfo-container .title-playmenu .anchor{position:absolute;left:0;top:2.0833333333rem}.myinfo-container .title-playmenu-multip{margin-top:2.3333333333rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .title-playmenu-multip .go-back{display:flex;justify-content:flex-start;align-items:center;font-size:1.1666666667rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu-multip .go-back img{width:1.3333333333rem!important;height:1.3333333333rem!important}.myinfo-container .title-playmenu-multip .play-btn span:first-child{padding-right:1.1666666667rem;font-size:1rem;font-weight:400!important;color:#e84747!important;margin-bottom:0}.myinfo-container .title-playmenu-multip .play-btn span:nth-child(2){padding-right:1.6666666667rem;font-size:1rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list{padding:0 1.3333333333rem;margin:.8333333333rem 0;background:#fff;background:var(--white-bg-color);box-shadow:0 .125rem .25rem rgba(0,0,0,.03);border-radius:10px}.myinfo-container .focus-list .focus-item{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;min-height:5rem}.myinfo-container .focus-list .focus-item .focus-list-left{max-width:50%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .focus-list .focus-item .focus-list-left .short-name{width:1.9166666667rem!important;height:1.9166666667rem!important;min-width:1.9166666667rem;width:1.9166666667rem;line-height:1.9166666667rem;border-radius:50%;font-size:.8333333333rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig{width:20rem;margin-left:1.0833333333rem}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:first-child{font-size:.75rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:300!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-1{font-size:.75rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right .item-2{margin-left:.6666666667rem;padding:.75rem;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:4px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;width:10.9166666667rem!important;height:2.7916666667rem!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 img{width:2.5833333333rem!important;height:2.5833333333rem!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 span{padding-left:.75rem;font-size:.75rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;height:1.25rem;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.25rem}.myinfo-container .focus-list .focus-item .focus-list-right .item-3{border:1px solid #707070;border-radius:7px;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-3,.myinfo-container .focus-list .focus-item .focus-list-right .item-3-hover{width:auto;min-width:4.5rem;margin-left:1.6666666667rem;line-height:1.75rem;height:1.75rem;font-size:.75rem;font-weight:400!important;margin-bottom:0;text-align:center}.myinfo-container .focus-list .focus-item .focus-list-right .item-3-hover{display:none;border:1px solid #e84747;background:#e84747;border-radius:7px;color:#fff!important}.myinfo-container .focus-list .focus-item .focus-list-right .control-hover:hover .item-3{display:none}.myinfo-container .focus-list .focus-item .focus-list-right .control-hover:hover .item-3-hover{display:block}.myinfo-container .no-data{font-size:.7083333333rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-shadow:0 0 #000;padding:10px 0 10px 32px}.myinfo-container .no-data-margin{margin-top:-1.1666666667rem}.myinfo-container .preset-list-container{margin-top:1.1666666667rem!important}.myinfo-container .preset-list-container .preset-list-flex{justify-content:space-between}.myinfo-container .preset-list-container .preset-list-flex .list-item-block{padding:.4166666667rem .8333333333rem .8333333333rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .product-media-row .menu-img{width:.8333333333rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .musical-style-tag-row{margin:.3333333333rem 0 .625rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .state-count{margin-top:.8333333333rem}.myinfo-container .preset-list-container .preset-list-flex .list-item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.myinfo-container .preset-list-container .preset-list-flex:after{content:"";width:15.8333333333rem}.myinfo-container .hand-hover{cursor:pointer}.delete-color{color:#e66666!important}.editmyinfo-container{width:50rem}.editmyinfo-container .title-label{display:flex}.editmyinfo-container .title-label i{font-size:1.125rem;vertical-align:middle;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .title-label span{padding-left:.2083333333rem;font-size:.9166666667rem;font-weight:700;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .editmyinfo-layout{margin-top:1.2083333333rem;justify-content:space-between}.editmyinfo-container .setting-tab{flex-basis:13.5%;max-width:13.5%;height:31.6666666667rem;background:#fff;background:var(--white-bg-color);border-radius:8px}.editmyinfo-container .setting-tab .tabs-container{padding-top:1.5833333333rem;font-size:.8333333333rem;font-weight:700;text-align:center;color:#707070;color:var(--feedbcak-color)}.editmyinfo-container .setting-tab .tabs-container div{line-height:2.2em}.editmyinfo-container .setting-tab .tabs-container .tab-active{color:#3e5ff1}.editmyinfo-container .form-block{flex-basis:85%;max-width:85%;height:31.6666666667rem;padding:1.5833333333rem;overflow-y:scroll;background:#fff;background:var(--white-bg-color);box-shadow:0 .125rem .25rem rgba(0,0,0,.03);border-radius:8px}.editmyinfo-container .form-block .avatar-block{position:relative}.editmyinfo-container .form-block .avatar-block .upload-btn{height:1.5rem;padding:0 .4166666667rem;position:absolute;bottom:0;left:5rem;font-size:.75rem;color:#97989e;color:var(--preset-list-desc-color);background-color:#fff;background-color:var(--white-bg-color);border:1px solid #97989e;border:1px solid var(--preset-list-desc-color);border-radius:7px}.editmyinfo-container .form-block .short-name{width:4.1666666667rem;height:4.1666666667rem;line-height:4.1666666667rem;border-radius:50%;font-size:1.8333333333rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.editmyinfo-container .form-block .input-div-title{display:flex;align-items:flex-start;align-items:baseline}.editmyinfo-container .form-block .input-div-title .word-count{display:inline-block;margin-left:.8333333333rem;color:#141414;color:var(--black-title)}.editmyinfo-container .form-block .input-div{margin-top:.8333333333rem}.editmyinfo-container .form-block .input-div .lable{font-size:.8333333333rem;font-weight:700!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .input{width:17.9166666667rem!important;height:1.8333333333rem!important;padding-left:.625rem}.editmyinfo-container .form-block .input-div .input,.editmyinfo-container .form-block .input-div .textarea{background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:5px;font-size:.75rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .textarea{width:76%;height:5.0833333333rem;padding:.625rem}.editmyinfo-container .form-block .input-div .info-select{width:17.875rem!important;height:1.8333333333rem!important;border-radius:5px;font-size:.75rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;background-size:2.5%}.editmyinfo-container .form-block .input-div .info-select .v-btn__content{text-align:left;display:inline}.editmyinfo-container .form-block .input-div .info-select .v-btn__content span{width:16.6666666667rem;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:1.8333333333rem!important;line-height:1.8333333333rem}.editmyinfo-container .form-block .input-div .info-select .select-icon{float:right;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .form-block .input-div .info-select-light-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll var(--preset-input-bg-color) 98%}.editmyinfo-container .form-block .input-div .info-select-dark-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll #e5e5e5 98%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll var(--preset-input-bg-color) 98%}.editmyinfo-container .form-block .input-div.active-color{color:#3e5ff1!important}.editmyinfo-container .form-block .button-sub{width:4.1666666667rem!important;height:1.8333333333rem!important;margin-top:1.9166666667rem;background-color:#3e5ff1!important;border-radius:8px;text-transform:capitalize;font-size:.75rem;color:#fff}.editmyinfo-container .form-block .tab-title{font-size:.8333333333rem;color:#636468;color:var(--register-btn-color);font-weight:700;line-height:2em}.editmyinfo-container .form-block .setting-item-desc,.editmyinfo-container .form-block .setting-item-title{font-size:.75rem;color:#636468;color:var(--register-btn-color)}.editmyinfo-container .form-block .setting-item-desc{opacity:.6}.editmyinfo-container .form-block .scope-menu .menu-btn{width:7.9166666667rem;font-size:.6666666667rem;padding:0 .5rem;border-radius:6px;background-color:#fff!important;background-color:var(--post-menu-bg-color)!important;color:#88898d;color:var(--filter-btn-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2)}.editmyinfo-container .form-block .scope-menu .menu-btn .item-name{width:6.875rem;padding-left:.2083333333rem;text-align:left}.editmyinfo-container .right-flex{text-align:right}.editmyinfo-container .height-65{height:2.7083333333rem}.editmyinfo-container .height-85{height:3.5416666667rem}.editmyinfo-container>>>.v-list-item__title{font-size:1rem!important;color:#97989e;font-weight:400!important}.not-exit-btn{color:#a4a4a4!important;border:1px solid #a4a4a4;border-radius:4.2916666667rem!important}.exit-btn,.not-exit-btn{background:#fff!important;background:var(--white-bg-color)!important;font-weight:700!important}.exit-btn{color:#707070!important;border:1px solid #707070;border-radius:4.2916666667rem!important;margin-left:1.6666666667rem}.preset-info-container{width:50rem;max-width:50rem;margin:.8333333333rem auto;padding:2.25rem 3.3333333333rem;background:#fff;background:var(--white-bg-color);border-radius:14px}.preset-info-container .info-loading-container .circle{max-width:2.25rem;min-width:2.25rem;height:2.25rem}.preset-info-container .info-loading-container .height-19{height:.7916666667rem}.preset-info-container .info-loading-container .height-25{height:1.0416666667rem}.preset-info-container .info-loading-container .height-32{height:1.3333333333rem}.preset-info-container .info-loading-container .width-height-160{height:6.6666666667rem;max-width:6.6666666667rem;width:6.6666666667rem}.preset-info-container .info-loading-container .width-163-height-146{height:6.0833333333rem;max-width:6.7916666667rem;width:6.7916666667rem}.preset-info-container .info-loading-container .height-62{height:2.5833333333rem}.preset-info-container .info-loading-container .height-247{height:10.2916666667rem}.preset-info-container .info-loading-container .height-476{height:19.8333333333rem}.comment-container{width:100%}.comment-container .row-1{font-size:1.5rem;font-weight:700!important;color:#141414!important;margin-bottom:0;margin-top:1.0833333333rem;padding-left:.3333333333rem}.comment-container .row-2{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;padding:0;margin-bottom:1.6666666667rem}.comment-container .row-2 li{padding:.5rem .3333333333rem;margin-right:1.25rem;list-style:none;font-size:1rem;font-weight:700!important;color:#919191!important;margin-bottom:0}.comment-container .row-2 .action{font-size:1.5rem;font-weight:700!important;color:#415fe6!important;margin-bottom:0;border-bottom:.0833333333rem solid #415fe6}.comment-container .flex-two-column{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important}.comment-container .flex-two-column .short-name{width:4.6666666667rem!important;height:4.6666666667rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:2rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.comment-container .flex-two-column .textarea-container{margin-left:1.5rem}.comment-container .flex-two-column .textarea-container textarea{width:100%!important;height:5.75rem!important;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;padding:.5833333333rem 0 0 .8333333333rem;font-size:1.1666666667rem;font-weight:400!important;color:#b9b9b9!important;color:var(--text-area-color)!important;margin-bottom:0}.comment-container .flex-two-column .sub-comment{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.comment-container .flex-two-column .sub-comment .btn{width:5.9166666667rem!important;height:2rem!important;background:#3f5ee6;border-radius:4px;font-size:1.1666666667rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.comment-container .flex-two-column .flex-center,.comment-container .flex-two-column .tip-author{display:grid;justify-items:center;align-items:center}.comment-container .flex-two-column .tip-author{margin-top:.25rem;width:4.1666666667rem!important;height:1.8333333333rem!important;border:.0416666667rem solid #3f5ee6;border-radius:22px;font-size:1rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container{padding-top:.5rem;margin-left:1.5rem;font-size:.8333333333rem;font-weight:500!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .top-ceontent .top-sign{width:4.1666666667rem!important;height:1.8333333333rem!important;flex-shrink:0;margin-right:1.25rem;border:1px solid #3f5ee6;border-radius:6px;display:grid;justify-content:center;align-content:center;font-size:1rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .comment-content{width:60%}.comment-container .flex-two-column .comment-container .comment-content,.comment-container .flex-two-column .comment-container .comment-content-all{font-size:.8333333333rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .count-play{display:flex;justify-content:flex-start;align-items:center;margin-top:.4166666667rem}.comment-container .flex-two-column .comment-container .count-play .time{font-size:.8333333333rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .count-play .dz-container{margin:0 2.0833333333rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container i{display:inline-block;width:1rem!important;height:1rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5eea3a990d.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container span{font-size:.8333333333rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.5rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container:hover i{display:inline-block;width:1rem!important;height:1rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f016ca36e/reday-dz.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container i{display:inline-block;width:1rem!important;height:1rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f016989ee/dz-ok.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container span{font-size:.8333333333rem;font-weight:400!important;color:#919191!important;margin-bottom:0;padding-left:.5rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container{margin-left:1.4166666667rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container i{display:inline-block;width:1rem!important;height:1rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d55cbb0/bad-dz-default.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container:hover i{display:inline-block;width:1rem!important;height:1rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d5918c2/bad-dz-ready.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container{margin-left:1.4166666667rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container i{display:inline-block;width:1rem!important;height:1rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d5821da/bad-dz-ok.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .replay{font-size:.8333333333rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container{width:44.3333333333rem;margin-top:.9166666667rem;padding:.3333333333rem .3333333333rem .9166666667rem;background:#fafafa}.comment-container .flex-two-column .child-comment-container .short-name-child{width:2.5rem!important;height:2.5rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:2rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .replay-name{flex-shrink:0;margin-right:1.1666666667rem}.comment-container .flex-two-column .child-comment-container .replay-name p{margin:0}.comment-container .flex-two-column .child-comment-container .replay-name span:first-child{font-size:.8333333333rem;font-weight:500!important;color:#919191!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .replay-name span:nth-child(2){font-size:.8333333333rem;font-weight:500!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .comment-content-long{width:100%;font-size:.8333333333rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .loading-replay{background:url(http://res.hotoneaudio.com/preset_20201118_5fb480d4aa198.png) no-repeat;background-size:.6666666667rem .5833333333rem;background-position:center left 0;padding-left:1.0833333333rem;font-size:1rem;font-weight:500!important;color:#3f5ee6!important;margin:1.6666666667rem 0 0 4.1666666667rem}.comment-container .flex-two-column .child-comment-container .shouqi-replay{background:url(http://res.hotoneaudio.com/preset_20201221_5fe033dbd2b1a/%E7%BB%84%201009%402x.png) no-repeat;background-size:.6666666667rem .5833333333rem;background-position:center left 0;padding-left:1.0833333333rem;font-size:1rem;font-weight:500!important;color:#3f5ee6!important;margin:1.6666666667rem 0 0 4.1666666667rem}.comment-container .flex-two-column .replay-textarea{margin-top:1rem}.comment-container .flex-two-column .replay-textarea .short-name-middle{width:3.1666666667rem!important;height:3.1666666667rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:2rem;font-weight:700!important;color:#fff!important;margin-bottom:0;flex-shrink:0}.comment-container .flex-two-column .replay-textarea textarea{width:40.1666666667rem!important;height:5.4166666667rem!important}.comment-container .bottom-border-line{margin-bottom:.9166666667rem;padding-bottom:1rem;border-bottom:.0833333333rem solid #919191}.comment-container .flex-layout{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.comment-container .play-menu img{width:2rem!important;height:2rem!important}.info-container{position:relative}.info-container .recommedation-icon{position:absolute;top:-2.25rem;right:-3.3333333333rem;width:.9583333333rem;height:1.6666666667rem;cursor:pointer}.info-container .row-1{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important}.info-container .row-1 .row-1-flex{width:80%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-1 .row-1-flex .circle{display:grid;justify-content:center;align-content:center;width:2.0833333333rem!important;height:2.0833333333rem!important;min-width:2.0833333333rem;font-size:.8333333333rem;font-weight:700!important;color:#fff!important;margin-bottom:0;cursor:pointer;background-position:50%;background-size:cover;border-radius:50%}.info-container .row-1 .row-1-flex .row-1-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8333333333rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0}.info-container .row-1 .row-1-flex .v-btn{padding:0 .7083333333rem;margin-left:.8333333333rem;border-radius:3px}.info-container .row-1 .row-1-flex .row-1-focus{font-size:.8333333333rem;font-weight:500!important;color:#fff!important;margin-bottom:0;background-color:#3e5ff1}.info-container .row-1 .row-1-flex .row-1-focus-already{font-size:.8333333333rem;font-weight:400!important;color:#fff!important;color:var(--info-focus-color)!important;margin-bottom:0;background:#d1d2d4;background:var(--filter-tag-bd-color)}.info-container .row-1 .row-1-flex .row-1-focus-already .v-btn__content{line-height:1em}.info-container .row-1 .row-1-flex .row-1-focus-already .hover-span{display:none}.info-container .row-1 .row-1-flex .row-1-focus-already:hover{background:#d1d2d4;background:var(--filter-tag-bd-color)}.info-container .row-1 .row-1-flex .row-1-focus-already:hover .hover-span{display:block!important}.info-container .row-1 .row-1-flex .row-1-focus-already:hover .not-hover-span{display:none}.info-container .row-1 .row-1-flex .name-sig{margin:.5rem;cursor:pointer}.info-container .row-1 .row-1-focus:hover{background:#3f5ee6;font-size:.8333333333rem;font-weight:400!important;color:#fff!important;margin-bottom:0}.info-container .row-1 .share-menu{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-1 .share-menu img{width:1.25rem!important;height:.8333333333rem!important}.info-container .row-1 .play-menu img{width:1.3333333333rem!important;height:auto!important}.info-container .row-1 .play-menu .share-img{width:1.9583333333rem!important;height:1.5416666667rem!important}.info-container .row-2 .row-2-info{margin-right:.2083333333rem}.info-container .row-2 .row-2-info .row-2-name{font-size:1rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.info-container .row-2 .row-2-info .row-2-attr{font-size:.9166666667rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;white-space:normal;overflow:hidden;text-overflow:ellipsis;margin-top:.2083333333rem}.info-container .row-2 .row-2-info .musical-style-tag-container{margin-top:.25rem}.info-container .row-2 .row-2-info .musical-style-tag{padding:.5em .625em;margin:.3125em .5em 0 0;text-align:center;font-size:.6666666667rem;line-height:1em;border-radius:3px;cursor:pointer}.info-container .row-2 .row-2-info .c-tag{display:flex;align-items:center;height:2em;padding-top:0;padding-bottom:0}.info-container .row-2 .row-2-info .c-tag img{height:1.5em}.info-container .row-2 .row-2-info .style-tag{font-size:.6666666667rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;background:#f8f8f8;background:var(--tag-bg-color)}.info-container .row-2 .row-2-info .musical-style-tag:hover{opacity:.8}.info-container .row-2 .row-2-pro-img-name{display:flex;flex-direction:column;align-items:center;padding:0 .3333333333rem .75rem;max-width:8.4166666667rem;max-height:8.5416666667rem;background:#fbfbfb;background:var(--file-list-bg-color);text-align:center;border-radius:8px}.info-container .row-2 .row-2-pro-img-name img{width:4.5833333333rem}.info-container .row-2 .row-2-pro-img-name div{font-size:.75rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .file-list{max-height:10.8333333333rem;margin-top:.6666666667rem;padding:.4166666667rem .8333333333rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:8px;overflow-x:hidden;overflow-y:scroll}.info-container .file-list .file-list-item{position:relative;padding:0 .8333333333rem}.info-container .file-list .file-list-item .ab-center{position:absolute;left:0;top:50%;width:100%;height:85%;display:flex;justify-content:center;align-items:center;transform:translateY(-50%)}.info-container .file-list .file-list-item .unaudit-cover{background-color:#000;opacity:.3}.info-container .file-list .file-list-item .unaudit-text{font-size:.6666666667rem;color:#fff}.info-container .row-3{margin-top:2rem}.info-container .row-3 .file-tip{font-size:.9166666667rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-3 .file-tip span{font-size:.8333333333rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;margin-left:5px;background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px;display:inline-block;width:1.25rem;text-align:center}.info-container .row-3 .file-list .img-file-name-layout{margin:.5833333333rem 0}.info-container .row-3 .file-list .img-file-name-flex{display:flex;align-items:center}.info-container .row-3 .file-list .img-file-name-flex img{width:2rem!important;height:2rem!important}.info-container .row-3 .file-list .img-file-name-flex div{margin-left:.6666666667rem;font-size:.8333333333rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis}.info-container .row-3 .file-list .custom-sm{flex-basis:4%;flex-grow:0;max-width:4%}.info-container .row-3 .file-list .download-img{width:.625rem;cursor:pointer;margin-right:.8333333333rem}.info-container .row-3 .download{width:auto!important;height:1.5rem!important;background:#3e5ff1!important;border-radius:4px;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0}.info-container .row-3 .download:hover{background:#4c6cfb!important}.info-container .upload-audio-row{margin-top:.8333333333rem}.info-container .upload-audio-row .row-title{font-size:.9166666667rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .upload-audio-row .info-player-container{padding:.5rem 0}.info-container .upload-audio-row .info-player-container .v-image{width:1.8333333333rem;height:1.8333333333rem;max-width:1.8333333333rem;margin-right:.625rem;cursor:pointer}.info-container .upload-audio-row .info-player-container .player-info{font-size:.75rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .upload-audio-row .info-player-container .file-name{padding:0 .2083333333rem 0 1.5rem}.info-container .row-4{width:100%;margin-top:.9583333333rem;font-size:.8333333333rem;color:#949494;color:var(--tag-color);word-break:break-word;font-family:Roboto light,sans-serif;line-height:1.1666666667rem;overflow:hidden}.info-container .row-4 .cover-img{float:left;width:13.3333333333rem;margin-right:.8333333333rem;border-radius:4px}.info-container .row-5{margin-top:.8333333333rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-5 .row-5-url{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .row-5 .row-5-url span:first-child{font-size:.8333333333rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.info-container .row-5 .row-5-url span:nth-child(2){font-size:.8333333333rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .row-5 .row-5-changes{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-5 .row-5-changes p{display:grid;justify-content:center;align-content:center;width:.9166666667rem!important;height:.9166666667rem!important;margin-right:.4166666667rem;border:1px solid #97989e;border-radius:4px;font-size:.75rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .row-5 .row-5-changes p:hover{background-color:#f0f8ff}.info-container .row-5 .row-5-changes .active{border:1px solid #3e5ff1;font-size:.75rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0}.info-container .row-6{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-6 iframe{height:88px!important;width:100%!important;border-radius:26px;border:none}.info-container .row-6 img{width:2rem!important;height:2rem!important}.info-container .row-7{margin-top:.625rem}.info-container .row-7 .row-title{font-size:.9166666667rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-8{margin-top:.5rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-8 iframe{width:36.6666666667rem!important;height:23.3333333333rem!important;border-radius:26px;border:none}.info-container .row-8 img{width:2rem!important;height:2rem!important}.info-container .row-9{margin-top:1.3333333333rem;display:grid;justify-content:center;align-content:center}.info-container .row-9 img{width:2.6666666667rem!important;height:2.6666666667rem!important}.info-container .row-9 .hover-container .not-focus-state{width:2.6666666667rem!important;height:2.6666666667rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75eaa71f/info-focus-pt.png);background-size:cover}.info-container .row-9 .hover-container:hover .not-focus-state{width:2.6666666667rem!important;height:2.6666666667rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75ee025e/info-focus-hover.png);background-size:cover}.info-container .row-10{margin:1.3333333333rem 0}.info-container .row-10 .state-count-item{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;margin-right:.9166666667rem;cursor:pointer;font-size:.75rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .row-10 .state-count-item img{width:1.25rem;height:auto;margin-right:.1666666667rem}.info-container .row-10 .state-count-item .download-img{width:1.0833333333rem!important}.info-container .row-10 .update-info{font-size:.75rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .font-20-400-9A9A9A{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8333333333rem;font-weight:400!important;color:#9a9a9a!important;color:var(--info-sig-color)!important;margin-bottom:0}.info-container .qrcode{justify-content:center;display:flex}.info-container .hand-hover{cursor:pointer}.preset-comment-container{width:100%;margin-top:1.6666666667rem}.preset-comment-container .row-1{font-size:.8333333333rem;font-weight:700!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0;margin-top:1.0833333333rem;padding-left:.3333333333rem}.preset-comment-container .row-2{margin-top:.5416666667rem;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;padding:0;margin-bottom:1rem}.preset-comment-container .row-2 li{padding:.5rem .3333333333rem .0833333333rem;margin-right:1.25rem;list-style:none;font-size:.8333333333rem;font-weight:700!important;color:#919191!important;margin-bottom:0}.preset-comment-container .row-2 .action{font-size:.8333333333rem;font-weight:700!important;color:#415fe6!important;margin-bottom:0;border-bottom:.0833333333rem solid #415fe6}.preset-comment-container .flex-two-column{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important}.preset-comment-container .flex-two-column .short-name{width:2.6666666667rem!important;height:2.6666666667rem!important;display:grid;justify-content:center;align-content:center;border-radius:50%;font-size:1.25rem;font-weight:700!important;color:#fff!important;margin-bottom:0;min-width:2.6666666667rem;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .textarea-container{margin-left:1.5rem;width:100%}.preset-comment-container .flex-two-column .textarea-container textarea{width:100%!important;height:5.75rem!important;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;padding:.5833333333rem 0 0 .8333333333rem;font-size:.8333333333rem;font-weight:400!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0;resize:none;outline:none}.preset-comment-container .flex-two-column .no-margin{margin-left:0!important}.preset-comment-container .flex-two-column .sub-comment{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;margin-top:.5rem}.preset-comment-container .flex-two-column .sub-comment .btn{height:1.5rem!important;background:#3e5ff1!important;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;border-radius:4px}.preset-comment-container .flex-two-column .flex-center{display:grid;justify-items:center;align-items:center}.preset-comment-container .flex-two-column .tip-author{margin-top:.5rem;width:2.9166666667rem!important;height:1.1666666667rem!important;border:.0416666667rem solid #3f5ee6;border-radius:20px;font-size:.6666666667rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;display:grid;justify-items:center;align-items:center}.preset-comment-container .flex-two-column .comment-container{padding-top:.5rem;margin-left:1.5rem;font-size:.8333333333rem;font-weight:500!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .top-ceontent .top-sign{width:2.875rem!important;height:1.2916666667rem!important;margin-right:.625rem;border:1px solid #3f5ee6;border-radius:6px;display:inline-block!important;line-height:1.2916666667rem;font-size:.75rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0;text-align:center}.preset-comment-container .flex-two-column .comment-container .comment-content{width:60%}.preset-comment-container .flex-two-column .comment-container .comment-content,.preset-comment-container .flex-two-column .comment-container .comment-content-long{font-size:.8333333333rem;font-weight:400!important;color:#141414!important;color:var(--black-title-2)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play{display:flex;justify-content:flex-start;align-items:center;margin-top:.4166666667rem}.preset-comment-container .flex-two-column .comment-container .count-play .time{font-size:.8333333333rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container{margin:0 2.0833333333rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container{display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container .comment-opt-img{width:1rem!important;height:1rem!important;cursor:pointer}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container span{font-size:.8333333333rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.5rem}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container{display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container i{display:inline-block;width:1rem!important;height:1rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/preset_btn_like_filled.svg);background-size:cover}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container span{font-size:.8333333333rem;font-weight:400!important;color:#919191!important;margin-bottom:0;padding-left:.5rem}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container{margin-left:1.4166666667rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container .comment-opt-img{width:1rem!important;height:1rem!important;cursor:pointer}.preset-comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container span{font-size:.8333333333rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.5rem}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container{margin-left:1.4166666667rem;display:flex;justify-content:flex-start;align-items:center}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container i{display:inline-block;width:1rem!important;height:1rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/preset_btn_dislike_filled.svg);background-size:cover}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container span{padding-left:.5rem}.preset-comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container span,.preset-comment-container .flex-two-column .comment-container .count-play .replay{font-size:.8333333333rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .comment-container .count-play .replay:hover{color:#3e5ff1!important}.preset-comment-container .flex-two-column .child-comment-container{width:100%!important;margin-top:.9166666667rem;padding:.625rem .3333333333rem .9166666667rem .8333333333rem;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px}.preset-comment-container .flex-two-column .child-comment-container .short-name-child{width:2.5rem!important;height:2.5rem!important;display:grid;justify-content:center;align-content:center;border-radius:50%;font-size:1.3333333333rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .child-comment-container .replay-name{margin-right:1.1666666667rem}.preset-comment-container .flex-two-column .child-comment-container .replay-name p{margin:0}.preset-comment-container .flex-two-column .child-comment-container .replay-name span:first-child{font-size:.8333333333rem;font-weight:500!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .replay-name span:nth-child(2){font-size:.8333333333rem;font-weight:500!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .comment-content-long{width:100%;font-size:.8333333333rem;font-weight:400!important;color:#141414!important;color:var(--black-title-2)!important;margin-bottom:0}.preset-comment-container .flex-two-column .child-comment-container .loading-replay{background:url(http://res.hotoneaudio.com/preset_20201118_5fb480d4aa198.png) no-repeat;background-size:.6666666667rem .5833333333rem;background-position:center left 0;padding-left:1.0833333333rem;font-size:1rem;font-weight:500!important;color:#3f5ee6!important;margin:1.6666666667rem 0 0 4.1666666667rem}.preset-comment-container .flex-two-column .child-comment-container .shouqi-replay{background:url(http://res.hotoneaudio.com/preset_20201221_5fe033dbd2b1a/%E7%BB%84%201009%402x.png) no-repeat;background-size:.6666666667rem .5833333333rem;background-position:center left 0;padding-left:1.0833333333rem;font-size:1rem;font-weight:500!important;color:#3f5ee6!important;margin:1.6666666667rem 0 0 4.1666666667rem}.preset-comment-container .flex-two-column .replay-textarea{margin-top:1rem}.preset-comment-container .flex-two-column .replay-textarea .short-name-middle{min-width:2.5rem;width:2.5rem!important;height:2.5rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:1.3333333333rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.preset-comment-container .flex-two-column .replay-textarea textarea{height:5.4166666667rem!important;width:100%!important;resize:none}.preset-comment-container .bottom-border-line{margin-bottom:.9166666667rem;padding-bottom:1rem;border-bottom:.0416666667rem solid #ececec;border-bottom:.0416666667rem solid var(--divider-color-3)}.preset-comment-container .flex-layout{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-comment-container .flex-layout .name-block{margin-bottom:.4166666667rem}.preset-comment-container .play-menu img{width:1.3333333333rem!important;height:auto!important}.preset-comment-container .hand-hover{cursor:pointer}.preset-comment-container .page-item{margin:30px 0 50px;display:flex;justify-content:center}.collect-container{width:100%}.collect-container .filter{width:100%;margin-bottom:1.6666666667rem}.collect-container .filter,.collect-container .filter .title-filter{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important}.collect-container .filter .title-tip{font-size:.8333333333rem;font-weight:700!important;color:#636468!important;margin-bottom:0}.collect-container .filter .filter-btn{font-size:.8333333333rem;font-weight:400!important;color:#636468!important;margin-bottom:0;text-transform:none;letter-spacing:0}.collect-container .filter .filter-search{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;height:2rem;padding:.4166666667rem .3333333333rem;background:#fff;box-shadow:0 .125rem .8333333333rem rgba(0,0,0,.06);border-radius:11px}.collect-container .filter .filter-search img{width:1.1666666667rem!important;height:1.1666666667rem!important}.collect-container .filter .filter-search input{border:0;outline:none;margin-left:.4166666667rem;font-size:.8333333333rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.collect-container .filter .filter-search .vertical-line{width:.0833333333rem;height:98%;background:#fafafa}.collect-container .filter .filter-search .cate-slelct-btn{font-size:.8333333333rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;text-transform:none;letter-spacing:0}.empty-container .not-found-tip{margin-top:.625rem;font-size:.8333333333rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.empty-container .key-word-block{margin-top:.9583333333rem;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}.empty-container .key-word-block .key-word-title{font-size:.8333333333rem;font-weight:500!important;color:#636468!important;margin-bottom:0}.empty-container .key-word-block .key-word-content{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important;cursor:pointer}.empty-container .key-word-block .key-word-content span{padding:0 .3333333333rem;font-size:.9583333333rem;font-weight:700!important;color:#4163e6!important;margin-bottom:0;text-decoration:underline}.empty-container img{width:60%;height:auto}.pub-share-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50}.pub-share-container .share-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.pub-share-container .share-small-container{position:absolute;top:7.2916666667rem;width:29.1666666667rem;padding:1rem;background:#fbfbfb;background:var(--file-list-bg-color);box-shadow:0 2px .8333333333rem rgba(0,0,0,.25);border-radius:.8333333333rem;z-index:52;left:0;right:0;margin:auto}.pub-share-container .share-small-container .share-userinfo{display:flex;justify-content:flex-start;align-items:center}.pub-share-container .share-small-container .share-userinfo .item-1{width:2.8333333333rem!important;height:2.8333333333rem!important;background:#71b47f;border-radius:50%;font-size:1.25rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;flex-shrink:0;background-size:cover;background-position:50%}.pub-share-container .share-small-container .share-userinfo .item-2{width:80%;padding-left:.9166666667rem}.pub-share-container .share-small-container .share-userinfo .item-2 p{margin-bottom:0}.pub-share-container .share-small-container .share-userinfo .item-2 p:first-child{font-size:.8333333333rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0}.pub-share-container .share-small-container .share-userinfo .item-2 p:nth-child(2){font-size:.6666666667rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-share-container .share-small-container .preset-name{margin-top:.7083333333rem;font-size:.8333333333rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.pub-share-container .share-small-container .preset-info{font-size:.75rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;white-space:normal;max-width:26.25rem;max-height:4.4166666667rem;overflow:hidden;text-overflow:ellipsis}.pub-share-container .share-big-container{position:absolute;top:9.0416666667rem;width:33.3333333333rem;padding:2.0833333333rem;background:#fbfbfb;background:var(--file-list-bg-color);box-shadow:0 2px .8333333333rem rgba(0,0,0,.25);border-radius:.8333333333rem;z-index:51;left:0;right:0;margin:auto}.pub-share-container .share-big-container .share-tip{margin-top:8.5833333333rem;font-size:.9166666667rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.pub-share-container .share-big-container .share-plateform{display:flex;justify-content:center;margin-top:1rem}.pub-share-container .share-big-container .share-plateform img{width:2.2916666667rem!important;height:2.2916666667rem!important;margin:0 .5833333333rem;cursor:pointer}.pub-share-container .share-big-container .copy-link{display:flex;justify-content:flex-start;align-items:center;margin-top:1.9166666667rem}.pub-share-container .share-big-container .copy-link input{width:22.9166666667rem!important;height:2rem!important;padding-left:.4166666667rem;background:#fbfbfb;background:var(--file-list-bg-color);border:.0416666667rem solid #97989e;border-radius:8px;font-size:.8333333333rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0}.pub-share-container .share-big-container .copy-link span{margin-left:1rem;padding:.4166666667rem .8333333333rem;background:#3e5ff1;border-radius:8px;font-size:.8333333333rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.pub-share-container .share-big-container .copy-link span:hover{background:#4c6cfb}.empty-upload-container .item-block{width:16.25rem!important;height:10rem!important;border-radius:14px;background:#fff;background:var(--white-bg-color)}.empty-upload-container .item-block i{display:flex;justify-content:center}.empty-upload-container .item-block i svg{margin-top:1.25rem;width:2.7083333333rem!important;height:2.7083333333rem!important;fill:#d4d5dc}.empty-upload-container .item-block p{display:flex;justify-content:center;padding:0 2.4583333333rem;text-align:center;word-break:break-word}.empty-upload-container .item-block .main-text{font-size:.8333333333rem;font-weight:700;line-height:1.4166666667rem;color:#636468;color:var(--register-btn-color);margin:.6666666667rem 0 0}.empty-upload-container .item-block .info-text{font-size:.6666666667rem;font-weight:400;line-height:1rem;color:#97989e;margin-top:.625rem}.empty-upload-container .item-block:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.hand-hover{cursor:pointer}.v-dialog .theme--light.v-card{background-color:#fff;background-color:var(--white-bg-color);color:rgba(0,0,0,.87)}.v-dialog .v-sheet.v-card:not(.v-sheet--outlined){box-shadow:none}.v-dialog .pub-close-icon{position:absolute;right:10px;width:.8333333333rem;height:.8333333333rem;top:15px;cursor:pointer;z-index:999}.v-dialog .pub-title{display:flex;justify-content:center;align-items:center;margin-top:.9583333333rem}.v-dialog .pub-title .pub-title-text{font-size:.9166666667rem;font-weight:700;line-height:1.5416666667rem;color:#636468}.v-dialog .pub-info-text{margin-top:.2083333333rem;font-size:.6666666667rem;font-weight:400;line-height:1.125rem;color:#636468!important;color:var(--register-btn-color)!important;text-align:center}.v-dialog .pub-btn-block,.v-dialog .pub-info-text{display:flex;justify-content:center;align-items:center}.v-dialog .pub-btn-block{margin-bottom:1.25rem;margin-top:.4166666667rem}.v-dialog .pub-btn-block button{border-radius:4px;width:3.4166666667rem;height:1.6666666667rem!important;font-size:.75rem;box-shadow:none;text-transform:capitalize;letter-spacing:0}.v-main__wrap{background-color:#f5f5f5;background-color:var(--page-bg-color)}.avatar-upload-content{border-radius:14px!important}.avatar-upload-content .avatar-uploader{width:200px;height:200px}.avatar-upload-content .avatar-uploader .ant-upload.ant-upload-drag{border:none!important;border-radius:5px;background:#f5f5f5!important;background:var(--filter-btn-bg-color)!important}.avatar-upload-content .avatar-uploader .ant-upload-list-item{display:none!important}.avatar-upload-content .upload-icon{width:4.1666666667rem;margin:0 auto}.avatar-upload-content .upload-text{margin-top:.8333333333rem}.avatar-upload-content .avatar-upload-info{text-align:center}.avatar-upload-content .avatar-upload-info p{margin-bottom:0}.avatar-upload-content .upload-btn{margin-bottom:.8333333333rem;color:#fff!important;border-radius:5px;border:none!important;box-shadow:none;text-transform:none!important;letter-spacing:0}.v-menu__content .notice-tabs .tab{padding:.2083333333rem 0 .4166666667rem;font-size:.6666666667rem}.v-menu__content .notice-tabs .tab .classfied-num{top:-.125rem;left:.2083333333rem;min-width:25px;min-height:20px}.tab-block{width:100%;display:flex;justify-content:center;margin-top:.8333333333rem}.tab-block .tabs{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;max-width:50rem;width:50rem}.tab-block .tabs .tab{font-size:.8333333333rem;font-weight:700;color:#636468;color:var(--register-btn-color);padding:0 .8333333333rem .5rem;cursor:pointer;white-space:nowrap}.tab-block .tabs .tab-active{border-bottom:4px solid #3e5ff1;color:#3e5ff1!important}.reset-pwd-container h1{font-size:1.3333333333rem;color:#141414;color:var(--black-title)}.reset-pwd-container .block-1{display:flex;flex-direction:column;align-items:center}.reset-pwd-container .block-1 .p-1{font-size:.75rem;margin:.5rem 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-2{font-size:.75rem;margin:.5rem 0 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-3{font-size:.75rem;margin:0 0 .9166666667rem;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-4{font-size:.6666666667rem;margin:.5rem 0;color:#636468;color:var(--register-btn-color)}.reset-pwd-container .block-1 .p-4 .span-1{cursor:pointer;color:#3e5ff1}.reset-pwd-container .block-1 .input-container-1{display:flex;flex-direction:column}.reset-pwd-container .block-1 .input-container-1 .input-1{width:15.9166666667rem;height:1.8333333333rem;background:#ececec;background:var(--divider-color-1);border-radius:5px;font-size:.6666666667rem;font-weight:500;color:#414141;color:var(--user-color);padding:0 .4166666667rem}.reset-pwd-container .block-1 .input-container-1 .input-1:focus{outline:none}.reset-pwd-container .block-1 .input-container-1 .input-gap{margin-top:1.25rem}.reset-pwd-container .block-1 .input-container-1 .input-gap-1{margin-top:.4166666667rem}.reset-pwd-container .block-1 .input-container-1 .email-block{position:relative}.reset-pwd-container .block-1 .input-container-1 .email-block span{position:absolute;right:.3333333333rem;top:.4583333333rem;cursor:pointer;font-size:.6666666667rem;font-weight:500;color:#3e5ff1;z-index:99}.reset-pwd-container .block-1 .btn-1{margin-top:1.25rem;background:#3e5ff1!important;border-radius:20px;font-size:.6666666667rem;font-weight:400;color:#fff;line-height:1.125rem}.reset-pwd-container .block-1 .btn-size-1{width:14.1666666667rem;height:1.6666666667rem!important}.reset-pwd-container .block-1 .btn-size-2{width:9.0833333333rem;height:1.6666666667rem!important}.reset-pwd-container .v-overlay .v-overlay__content{display:flex;flex-direction:column;align-items:center}.notice-container{width:50rem;padding:.8333333333rem 0}.notice-container .notice-header .bell-img{max-width:1.1666666667rem}.notice-container .notice-header .notice-header-title{margin-left:.625rem;font-size:.8333333333rem}.notice-container .notice-content .notice-tab-container{padding:0 1.25rem 0 0}.notice-container .notice-content .notice-tab-container .tabs{position:sticky;top:5rem}.notice-container .notice-content .notice-tab-container .tabs .tab{margin-bottom:.75rem;font-size:.8333333333rem;cursor:pointer}.notice-container .notice-content .notice-tab-container .tabs .setting-tab{margin-top:18px}.notice-container .notice-content .notice-list-container .v-list{background:#fff;background:var(--white-bg-color)}.notice-container .notice-content .notice-list-container .v-list-item__title .produce-name{font-size:.75rem;color:#141414;color:var(--black-title-2)}.notice-container .notice-content .notice-list-container .v-list-item__title .notice-date{font-size:.5833333333rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .replied-comment-content{font-size:.6666666667rem;color:#141414;color:var(--black-title)}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .comment-content{font-size:.6666666667rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .comment-content img{max-width:4.1666666667rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .notice-message-container .info-text{font-size:.6666666667rem;color:#949494;color:var(--tag-color)}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .notice-message-container .info-text a{color:#3e5ff1}.notice-container .notice-content .notice-list-container .v-avatar{height:1.875rem!important;min-width:1.875rem!important;width:1.875rem!important}.notice-message-container .info-text{font-size:.6666666667rem;color:#949494;color:var(--tag-color);white-space:normal;word-break:break-word}.notice-message-container .info-text a{color:#3e5ff1}.notice-message-container .comment-content{display:block;margin-top:.3333333333rem;padding:.1666666667rem;font-size:.6666666667rem;background-color:#f8f8f8;background-color:var(--tag-bg-color);color:#949494;color:var(--tag-color);border-radius:4px;line-height:1.5em;white-space:normal;word-break:break-word}.notice-message-container .comment-content figure,.notice-message-container .comment-content img{max-width:4.1666666667rem}.switch-container .ant-switch-checked{background-color:#3e5ff1}.scrollbar{overflow:auto;float:left;border:none}.scrollbar::-webkit-scrollbar{display:block;width:5px;height:1px}.scrollbar::-webkit-scrollbar-thumb{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #18223e;background:#535353}.scrollbar::-webkit-scrollbar-track{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #101728;background:#ededed}.scrollbar{scrollbar-3d-light-color:initial;scrollbar-highlight-color:initial;scrollbar-face-color:initial;scrollbar-arrow-color:initial;scrollbar-shadow-color:initial;scrollbar-dark-shadow-color:initial;scrollbar-base-color:initial}.forum-content-container{width:50rem;margin-left:auto;margin-right:auto}.forum-content-container-w{width:65.8333333333rem;margin-left:auto;margin-right:auto}.forum-post-container{margin-top:1.6666666667rem;margin-bottom:1.6666666667rem;padding:2.5rem;border-radius:12px;background:#fff;background:var(--white-bg-color)}.forum-post-container .title-row{font-size:1rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-post-container .v-input--selection-controls .v-input__control .v-messages{display:none!important}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input{width:20px;height:20px}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .v-icon{height:100%;border:2px solid #636468;border:2px solid var(--register-btn-color);border-radius:50%}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:before{content:"";position:absolute;width:10px;height:10px;background-color:#3e5ff1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:after,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:before,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:after,.forum-post-container .v-input--selection-controls .v-input--selection-controls__input .v-input--selection-controls__ripple{display:none}.forum-post-container .radio-label{font-size:.7083333333rem;font-weight:700;color:#636468;color:var(--register-btn-color)}.forum-post-container .radio-label-active{color:#3e5ff1!important}.forum-post-container .menu-row{margin-top:.625rem}.forum-post-container .menu-row .error-text{margin-left:.7083333333rem;font-size:.75rem;color:#e8263a}.forum-post-container .menu-row .forum-menu .menu-select-btn-1{background-color:#fff!important;background-color:var(--post-menu-bg-color)!important}.forum-post-container .input-title{margin-top:1.25rem;margin-bottom:.3333333333rem}.forum-post-container .forum-input{padding:0 10px;height:2rem;font-size:.6666666667rem;color:#636468;color:var(--register-btn-color);outline:none}.forum-post-container .forum-editor-container,.forum-post-container .forum-input{width:100%;border-radius:4px;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color)}.forum-post-container .forum-editor-container{margin-top:.8333333333rem}.forum-post-container .forum-tag-input-container .tag-block{padding:0 .2083333333rem;height:2rem;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);border-radius:4px}.forum-post-container .forum-tag-input-container .tag-block .chip-block{flex:none}.forum-post-container .forum-tag-input-container .tag-block .chip-block .v-chip{background:#e0e0e0;display:flex;align-items:center;padding:0 .4166666667rem;margin-right:5px;height:1.3333333333rem;border-radius:16px}.forum-post-container .forum-tag-input-container .tag-block .input-block{width:100%}.forum-post-container .forum-tag-input-container .tag-block .input-block input{width:100%;height:2rem;padding-left:.2083333333rem;color:#636468;color:var(--register-btn-color);outline:none}.forum-post-container .forum-tag-input-container .rec-tag-block{margin-top:.2083333333rem}.forum-post-container .forum-tag-input-container .rec-tag-block .rec-title{font-size:.75rem;color:#4f525e;color:var(--preset-title-color);margin-right:.625rem}.forum-post-container .forum-tag-input-container .rec-tag-block .rec-tag{margin-right:.4166666667rem;padding:.125rem .4166666667rem;font-size:.5833333333rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px}.forum-post-container .forum-tag-input-container .rec-tag-block div{margin-top:.2083333333rem}.forum-post-container .btns-row{text-align:right;margin-top:.8333333333rem}.forum-post-container .btns-row .cancel-btn{border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-post-container .btns-row .draft-btn{border:1px solid #3e5ff1;color:#3e5ff1;background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-post-container .btns-row .submit-btn{color:#fff}.forum-post-container .btns-row .v-btn{border-radius:6px;font-size:.6666666667rem;height:1.625rem}.forum-menu .menu-select-btn-1{height:1.8333333333rem!important;font-size:.75rem;border-radius:6px;color:#88898d;color:var(--filter-btn-color);border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color-2);background-color:#f5f5f5;background-color:var(--filter-btn-bg-color)}.forum-menu .menu-select-btn-1 .item-name{padding-left:.2083333333rem;text-align:left}.forum-menu .menu-select-btn-1 .item-name,.forum-menu .menu-select-btn-1 .v-icon{color:#88898d;color:var(--filter-btn-color)}.forum-menu .menu-select-btn-error{border:1px solid #e8263a!important}.forum-product-menu .menu-select-btn{width:10.4166666667rem}.forum-product-menu .menu-select-btn .item-name{width:8.75rem;text-overflow:ellipsis;overflow:hidden}.discussion-type-menu .menu-select-btn{width:10.2083333333rem}.discussion-type-menu .menu-select-btn .item-name{width:8.5416666667rem;text-overflow:ellipsis;overflow:hidden}.discussion-type-menu .menu-select-btn .item-name .list-dot{display:inline-block;width:.5rem;height:.5rem;margin-right:.125rem;border-radius:4px}.forum-banner-container{position:relative}.forum-banner-container .banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.forum-banner-container .banner-text p{font-size:.6666666667rem}.forum-banner-container .banner-text .post-btn{color:#fff;font-size:.6666666667rem}.forum-index-discussion-type-container{margin-top:.6666666667rem}.forum-index-discussion-type-container .discussion-type{margin-top:.8333333333rem}.forum-index-discussion-type-container .discussion-sub-type{width:15.8333333333rem;max-width:15.8333333333rem;padding:.8333333333rem 1.25rem;margin-top:.8333333333rem;border-radius:8px;background:#fff;background:var(--white-bg-color)}.forum-index-discussion-type-container .discussion-sub-type .sub-type-badge-icon{position:relative;min-width:4.1666666667rem;max-width:4.1666666667rem;height:4.1666666667rem;border-radius:50%;flex-grow:0}.forum-index-discussion-type-container .discussion-sub-type .sub-type-badge-icon img{width:3.75rem}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info{margin-left:.8333333333rem;text-align:center}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .index-sub-type-name{font-size:.8333333333rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .sub-type-desc{font-size:.6666666667rem;line-height:.75rem;color:#88898d;color:var(--filter-tag-color)}.forum-index-discussion-type-container .discussion-sub-type-layout:after{content:"";display:block;width:15.8333333333rem;height:100%}.forum-index-discussion-type-container .discussion-sub-type:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-index-discussion-type-container .data-title,.forum-index-discussions-container .data-title,.forum-index-rank-container .data-title{font-size:.75rem;color:#4f525e;color:var(--preset-title-color);font-weight:700}.forum-index-discussion-type-container .learn-more,.forum-index-discussions-container .learn-more,.forum-index-rank-container .learn-more{color:#3e5ff1!important}.forum-index-discussion-type-container .learn-more .v-icon,.forum-index-discussions-container .learn-more .v-icon,.forum-index-rank-container .learn-more .v-icon{font-size:1rem}.forum-index-discussion-type-container .learn-more span,.forum-index-discussions-container .learn-more span,.forum-index-rank-container .learn-more span{display:inline-block;margin-right:-.4166666667rem}.forum-index-container .forum-content-container-w .index-flex-left{width:48.9166666667rem}.forum-index-container .forum-content-container-w .index-flex-right{width:16.0833333333rem}.forum-index-discussions-container{margin-top:.8333333333rem}.forum-index-discussions-container .index-discussion{width:100%;margin-bottom:.8333333333rem;padding:.4166666667rem .8333333333rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-index-discussions-container .index-discussion .discussion-theme{width:25rem;font-size:.75rem}.forum-index-discussions-container .index-discussion .discussion-desc{margin:0 0 .2083333333rem;font-size:.625rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex{display:flex;align-items:center}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data{display:flex;align-items:center;margin-right:1.0416666667rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data img{width:.6666666667rem}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data span{padding-left:.1666666667rem;font-size:.6666666667rem;color:#97989e;color:var(--preset-list-desc-color)}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-date{font-size:.6666666667rem;color:#8c8f9f;color:var(--date-color)}.forum-index-discussions-container .index-discussion:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-index-rank-container{position:sticky;top:4.8333333333rem;margin-top:.6666666667rem}.forum-index-rank-container .index-post-btn{height:1.8333333333rem!important;width:100%;font-size:.6666666667rem;color:#fff;margin-bottom:.5rem}.forum-index-rank-container .rank-content{padding:.75rem .9583333333rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-index-rank-container .rank-content .blue-divider{width:.125rem;height:.7916666667rem;background:#3e5ff1;border-radius:23px}.forum-index-rank-container .rank-content .rank-title{margin-left:6px;font-size:20px;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.forum-index-rank-container .discussions{padding:.4166666667rem 0 .5416666667rem;border-bottom:1px solid #ececec;border-bottom:1px solid var(--divider-color-3)}.forum-index-rank-container .discussions img{width:.75rem}.forum-index-rank-container .discussions span{padding-left:.1666666667rem;font-size:.6666666667rem;color:#97989e;color:var(--preset-list-desc-color)}.forum-index-rank-container .discussions .rank-discussion-theme{margin-bottom:.2083333333rem;font-size:.6666666667rem;line-height:.9166666667rem;color:#97989e;color:var(--preset-list-desc-color);word-break:break-word}.forum-index-rank-container .hot-tags .hot-tag{margin-right:.4166666667rem;margin-bottom:.4166666667rem;padding:.2083333333rem .4166666667rem;font-size:.5833333333rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);border-radius:3px}.forum-discussion-menu{position:sticky;top:5rem;align-self:flex-start;flex-grow:1;margin-top:1.6666666667rem}.forum-discussion-menu .post-btn{width:10rem;height:1.8333333333rem!important;font-size:.75rem;color:#fff;border-radius:6px}.forum-discussion-menu .menu-opt-container{padding-left:1.2083333333rem}.forum-discussion-menu .menu-opt-container .menu-opt{font-size:.8333333333rem;color:#4f525e;color:var(--preset-title-color);font-weight:700}.forum-discussion-menu .menu-opt-container .menu-opt .menu-sub-opt{padding-left:.8333333333rem;font-size:.75rem;line-height:1.4166666667rem;color:#88898d;color:var(--filter-btn-color);font-weight:400}.forum-discussion-list-container{width:53.75rem;margin-top:1.6666666667rem;padding-bottom:20px}.forum-discussion-list-container .keyword-input-container{position:relative;margin-left:0}.forum-discussion-list-container .keyword-input-container input{width:41.3333333333rem;height:1.8333333333rem;padding:0 .2083333333rem;background:#fcfcfc;background:var(--header-bg-color);color:#636468;color:var(--register-btn-color);border-radius:6px;outline:none}.forum-discussion-list-container .keyword-input-container img{position:absolute;height:1rem;left:.2083333333rem;top:.4166666667rem}.forum-discussion-list-container .mobile-sort-menu{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .mobile-sort-menu .menu-select-btn{padding:0 .2083333333rem}.forum-discussion-list-container .mobile-sort-menu .menu-select-btn .item-name{padding-right:.5rem}.forum-discussion-list-container .search-results-text{font-size:.6666666667rem;margin-top:.625rem;color:#636468;color:var(--register-btn-color)}.forum-discussion-list-container .main-sorter{margin-top:.625rem}.forum-discussion-list-container .main-sorter div{margin-right:.625rem}.forum-discussion-list-container .main-sorter .active{padding:.2083333333rem .5833333333rem;color:#3e5ff1;background:#d0d7f4;border-radius:129px}.forum-discussion-list-container .sub-sorter{color:#88898d;color:var(--filter-btn-color);margin:1.25rem 0 1.0416666667rem;padding:0 .875rem 0 0}.forum-discussion-list-container .sub-sorter .forum-sorter-menu{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn{width:10.2083333333rem}.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn .item-name{width:8.5416666667rem;text-overflow:ellipsis;overflow:hidden}.forum-discussion-list-container .sub-sorter .sub-sorter-item{display:flex;align-items:center}.forum-discussion-list-container .sub-sorter .sub-sorter-item span{font-size:.6666666667rem}.forum-discussion-list-container .product-flex{max-width:13%;flex-basis:13%;flex-grow:0}.forum-discussion-list-container .sub-type-flex{display:flex;align-items:baseline;max-width:12%;flex-basis:12%;flex-grow:0}.forum-discussion-list-container .theme-flex{max-width:75%;flex-basis:75%;flex-grow:0}.forum-discussion-list-container .reply-flex,.forum-discussion-list-container .view-flex{max-width:8%;flex-basis:8%;flex-grow:0}.forum-discussion-list-container .last-comment-flex{width:auto;flex-grow:1}.forum-discussion-list-container .discussion{position:relative;width:100%;margin-bottom:.4166666667rem;padding:.625rem .875rem;background:#fff;background:var(--white-bg-color);border-radius:6px}.forum-discussion-list-container .discussion .discussion-header img{width:.8333333333rem;margin-right:.4166666667rem}.forum-discussion-list-container .discussion .info-discussion-container{position:relative;padding:.625rem .875rem}.forum-discussion-list-container .discussion .info-discussion-container .custom-mask{border-radius:6px}.forum-discussion-list-container .discussion .info-discussion-container .absulote-center span{color:#fff;font-size:.8333333333rem;font-weight:700}.forum-discussion-list-container .discussion .deleted-info-row{padding:.625rem .875rem}.forum-discussion-list-container .discussion .deleted-info-row .reason-flex span{font-size:.6666666667rem;color:#ee4545;word-break:break-word}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex{display:flex;justify-content:flex-end}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex .v-btn{height:1.5416666667rem;font-size:.6666666667rem;border-radius:6px}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex button:first-child{color:#636468!important;color:var(--register-btn-color)!important;background-color:#f3f3f3;background-color:var(--register-btn-bg-color)}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex button:nth-child(2){color:#3e5ff1!important;border:1px solid #3e5ff1;background-color:#fcfcfc!important;background-color:var(--header-bg-color)!important;margin-left:.8333333333rem}.forum-discussion-list-container .discussion .play-menu{position:absolute;top:.7916666667rem;right:.875rem}.forum-discussion-list-container .discussion .discussion-main-content{margin-top:.4166666667rem}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info{display:flex;align-items:center}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .essence{padding:0 .1666666667rem;margin-right:.2083333333rem;border:1px solid #3e5ff1;border-radius:6px;font-size:.6666666667rem;color:#3e5ff1;line-height:1rem;word-break:keep-all}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .discussion-theme{padding-right:.2083333333rem;margin-bottom:0}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .discussion-des{margin-top:.2083333333rem}.forum-discussion-list-container .discussion .discussion-main-content .reply-users{display:flex;padding:0 15%}.forum-discussion-list-container .discussion .discussion-main-content .reply-users .avatar{width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:.7083333333rem}.forum-discussion-list-container .discussion .discussion-main-content .reply-users .reply-users-margin-right{margin-right:5px}.forum-discussion-list-container .discussion .discussion-main-content .stat-data{font-size:.625rem;color:#8c8f9f;color:var(--date-color)}.forum-discussion-list-container .discussion .discussion-tags div{margin:.1666666667rem .4166666667rem 0 0;padding:.0833333333rem .3333333333rem;font-size:.6666666667rem;line-height:1rem;color:#949494;color:var(--tag-color);background-color:#f8f8f8;background-color:var(--tag-bg-color);border-radius:4px}.forum-discussion-list-container .discussion .reply-block{margin-top:.625rem;padding:.5833333333rem;background:#e5e5e5;background:var(--preset-input-bg-color);border-radius:4px;color:#88898d;color:var(--filter-btn-color);font-size:.7083333333rem}.forum-discussion-list-container .discussion .reply-block .reply-symbol{word-break:keep-all}.forum-discussion-list-container .discussion .reply-block .reply-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.forum-discussion-list-container .discussion:hover{box-shadow:0 2px 20px rgba(0,0,0,.25)}.forum-discussion-list-container .info-menu{width:7.9166666667rem}.forum-discussion-list-container .info-menu .info-menu-btn{padding:.25rem}.forum-discussion-list-container .info-menu .info-menu-btn .item-name{width:6.4583333333rem}.forum-sorter-container{height:.8333333333rem;margin-left:.2083333333rem}.forum-sorter-container .sorter{width:0;height:0;border-left:.1666666667rem solid transparent;border-right:.1666666667rem solid transparent;border-radius:3px;cursor:pointer}.forum-sorter-container .asc-sorter{border-bottom:.3333333333rem solid #d0d7f4}.forum-sorter-container .desc-sorter{border-top:.3333333333rem solid #d0d7f4}.forum-sorter-container .asc-sorter-active{border-bottom-color:#3e5ff1}.forum-sorter-container .desc-sorter-active{border-top-color:#3e5ff1}.forum-discussion-detail-container{margin:.4166666667rem 0;padding:1.5416666667rem 1.875rem 1.9583333333rem;background:#fff;background:var(--white-bg-color);border-radius:12px}.forum-discussion-detail-container .mobile-product-name{font-size:.5833333333rem}.forum-discussion-detail-container .discussion-badge{margin-left:.8333333333rem}.forum-discussion-detail-container .discussion-user-row{position:relative}.forum-discussion-detail-container .discussion-user-row .discussion-date{position:absolute;right:0}.forum-discussion-detail-container .discussion-user-row .forum-user-menu .discussion-date{position:relative;line-height:1em}.forum-discussion-detail-container .discussion-initiator{height:1.25rem;margin-left:.4166666667rem;padding:.2083333333rem .3333333333rem;color:#3e5ff1;border:1px solid #3e5ff1;line-height:.75rem;font-size:.6666666667rem;border-radius:4px}.forum-discussion-detail-container .discussion-content{font-size:.6666666667rem;word-break:break-word;color:#4f525e;color:var(--preset-title-color)}.forum-discussion-detail-container .discussion-content img{max-width:100%}.forum-discussion-detail-container .discussion-reply img{width:4.1666666667rem}.forum-discussion-detail-container .discussion-reply .reply-content-editor-outer .forum-reply-content-dialog{width:96%}.forum-discussion-detail-container .discussion-reply .reply-content-editor-outer .forum-reply-content-dialog .v-card .outer-editor-container .content-editor{height:4.7916666667rem}.forum-discussion-detail-container .discussion-opt-row{margin-top:1.0416666667rem;justify-content:flex-start}.forum-discussion-detail-container .discussion-opt-row div{display:flex;align-items:center}.forum-discussion-detail-container .discussion-opt-row div img{width:.9583333333rem;margin-right:.3333333333rem}.forum-discussion-detail-container .discussion-opt-row div span{color:#4f525e;color:var(--preset-title-color);font-size:.6666666667rem}.forum-discussion-detail-container .main-reply-content-editor-outer{margin-top:1.0416666667rem;padding:.625rem .625rem 3.3333333333rem;background-color:#f3f3f3;background-color:var(--register-btn-bg-color);border-radius:8px}.forum-discussion-detail-container .main-reply-content-editor-outer .forum-reply-content-dialog{margin-top:0}.parent-reply-content .reply-label{min-width:1.875rem;max-width:1.875rem;padding-top:.3333333333rem;font-size:.625rem;color:#707070;color:var(--feedbcak-color)}.parent-reply-content .parent-reply-outer{padding:.3333333333rem;background:#f3f3f3;background:var(--register-btn-bg-color);border-radius:8px;flex-grow:1}.parent-reply-content .parent-reply-outer .parent-reply{font-size:.625rem;color:#414141;color:var(--user-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.forum-reply-content-dialog{margin:.8333333333rem 0}.forum-reply-content-dialog .v-card{border-radius:8px;border:1px solid #ececec!important;border:1px solid var(--divider-color-3)!important;box-shadow:none!important;background:#fff;background:var(--white-bg-color)}.forum-reply-content-dialog .v-card .editor-toolbar{margin:.3333333333rem .625rem 0;padding-bottom:.3333333333rem;border-bottom:1px solid #ececec;border-bottom:1px solid var(--divider-color-3);border-radius:0}.forum-reply-content-dialog .v-card .editor-toolbar .img-input-caontainer{margin-left:5px}.forum-reply-content-dialog .v-card .parent-reply-content{padding:.3333333333rem .625rem}.forum-reply-content-dialog .v-card .outer-editor-container .content-editor{height:180px;margin:.3333333333rem .625rem;color:#636468!important;color:var(--register-btn-color)!important}.forum-reply-content-dialog .v-card .inner-editor-container{display:flex;align-items:center;justify-content:space-between;width:75%}.forum-reply-content-dialog .v-card .inner-editor-container .content-editor{flex-basis:90%;max-width:90%;min-height:40px;margin:.3333333333rem 0;padding:.4166666667rem;flex-grow:1;border:1px solid #d5d5d5!important}.forum-reply-content-dialog .v-card .content-editor{outline:none;overflow-y:scroll;font-size:.6666666667rem;line-height:1rem}.forum-reply-content-dialog .v-card .content-editor img{width:3.75rem}.forum-reply-content-dialog .v-card .v-icon{color:#4f525e;font-size:1.25rem}.forum-reply-content-dialog .reply-editor-btn{min-width:3.6666666667rem!important;height:1.8333333333rem!important;float:right;margin-top:.625rem;font-size:.75rem!important;border-radius:6px}.forum-reply-content-dialog .send-btn{color:#fff!important}.forum-reply-content-dialog .cancel-btn{margin-right:.8333333333rem;border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important}.forum-breadcrumb-container .v-breadcrumbs{padding-left:0}.forum-breadcrumb-container .v-breadcrumbs li .v-breadcrumbs__item{font-size:.75rem;font-weight:700;color:#3e5ff1}.forum-breadcrumb-container .v-breadcrumbs li .v-breadcrumbs__item--disabled{color:#8c8f9f;color:var(--date-color)}.forum-breadcrumb-container .v-breadcrumbs .v-breadcrumbs__divider{padding:0}.forum-breadcrumb-container .v-breadcrumbs .v-breadcrumbs__divider .v-icon{font-size:.9166666667rem;color:#8c8f9f;color:var(--date-color)}.forum-img-view-container img{max-width:50rem}.avatar-circle-with-border{width:1.25rem;height:1.25rem;background-size:contain!important;font-size:.5833333333rem;line-height:1.25rem}.avatar{border-radius:50%!important;color:#fff;font-weight:700;text-align:center}.discussion-user-name{margin-left:.5rem;font-size:.625rem;font-weight:700;color:#414141;color:var(--user-color)}.discussion-date{margin-left:.5rem;font-size:.6666666667rem;color:#8c8f9f;color:var(--date-color)}.discussion-product{font-size:.5833333333rem}.discussion-badge{width:.5rem;height:.5rem;border-radius:4px}.sub-type-name{margin-left:.2083333333rem;font-size:.5833333333rem;line-height:1.1666666667rem}.discussion-theme,.sub-type-name{font-weight:700;color:#4f525e;color:var(--preset-title-color)}.discussion-theme{font-size:.75rem;word-break:break-word;-webkit-line-clamp:1}.discussion-desc,.discussion-theme{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.discussion-desc{font-size:.625rem;color:#88898d;color:var(--filter-btn-color);line-height:1rem;-webkit-line-clamp:3}.margin-top-5{margin-top:.2083333333rem}.margin-top-8{margin-top:.3333333333rem}.margin-top-12{margin-top:.5rem}.margin-top-15{margin-top:.625rem}.margin-top-20{margin-top:.8333333333rem}.margin-top-25{margin-top:1.0416666667rem}.margin-top-30{margin-top:1.25rem}.margin-top-35{margin-top:1.4583333333rem}.margin-left-25{margin-left:1.0416666667rem}.margin-left-40{margin-left:1.6666666667rem}.margin-left-65{margin-left:2.7083333333rem}.margin-right-5{margin-right:.2083333333rem}.v-menu__content .forum-user-card{width:10.625rem;padding:1.25rem .5416666667rem .5833333333rem;text-align:center}.v-menu__content .forum-user-card .avatar-circle-with-border{margin:0 auto}.v-menu__content .forum-user-card .discussion-user-name{margin-top:.2916666667rem;word-break:break-all;text-align:center}.v-menu__content .forum-user-card .focus-btn{min-width:3.75rem;margin-top:.5833333333rem;padding:.2083333333rem .3333333333rem;color:#fff;font-size:.6666666667rem;line-height:1.0833333333rem;border-radius:3px}.v-menu__content .forum-user-card .focused{color:#fff!important;color:var(--info-focus-color)!important;background:#d1d2d4!important;background:var(--filter-tag-bd-color)!important}.v-menu__content .forum-user-card .focused .focused-hover-span{display:none}.v-menu__content .forum-user-card .msg-btn{color:#8c8f9f!important;color:var(--date-color)!important;border:1px solid #8c8f9f!important;border:1px solid var(--date-color)!important}.v-menu__content .forum-user-card .msg-btn img{width:.75rem;margin-right:.2083333333rem}.v-menu__content .forum-user-card .focused:hover .focused-non-hover-span{display:none}.v-menu__content .forum-user-card .focused:hover .focused-hover-span{display:inline!important}.v-menu__content .forum-user-card .loading{height:7.8333333333rem}.v-menu__content .forum-user-card .loading .circular-loading-container{height:100%}.v-menu__content .forum-user-card .loading .circular-loading-container .circular-container{height:100%;margin-top:0!important;flex-direction:column;align-items:center}.v-menu__content .forum-user-card .forum-stat .num{font-size:.9166666667rem;color:#4f525e;color:var(--preset-title-color)}.v-menu__content .forum-user-card .forum-stat .stat-title,.v-menu__content .forum-user-card .join-time{font-size:.5833333333rem;color:#4f525e;color:var(--preset-title-color)}.forum-delete-modal{padding:0 .8333333333rem .8333333333rem}.forum-delete-modal .radio-container{margin-top:.4166666667rem;padding:.4166666667rem .8333333333rem;border-radius:8px;background-color:#f5f5f5;background-color:var(--page-bg-color)}.forum-delete-modal .radio-container .v-input--selection-controls{margin-top:8px;padding-top:0}.forum-delete-modal .radio-container .v-input--selection-controls .v-input__control .v-messages{display:none!important}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input{width:20px;height:20px}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .v-icon{height:100%;border:2px solid #636468;border:2px solid var(--register-btn-color);border-radius:50%}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:before{content:"";position:absolute;width:10px;height:10px;background-color:#3e5ff1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:after,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-blank:before,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .mdi-radiobox-marked:after,.forum-delete-modal .radio-container .v-input--selection-controls .v-input--selection-controls__input .v-input--selection-controls__ripple{display:none}.forum-delete-modal .cancel-btn{border:1px solid #4f525e;border:1px solid var(--preset-title-color);color:#4f525e;color:var(--preset-title-color);background-color:#fff!important;background-color:var(--white-bg-color)!important;font-size:.6666666667rem}.forum-delete-modal .delete-btn{color:#fff;font-size:.6666666667rem}.forum-delete-modal textarea{width:100%;height:4.1666666667rem;padding:.2083333333rem;font-size:.6666666667rem;border-radius:8px;background-color:#fff;background-color:var(--white-bg-color);color:#4f525e;color:var(--preset-title-color)}.absulote-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.forum-user-menu__content .forum-user-card{background:#fff;background:var(--white-bg-color)}.custom-mask{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity:.3}}@media only screen and (min-width:768px)and (max-width:1150px){a,div,i,img{-webkit-tap-highlight-color:transparent;outline:none}.ipad-hid{display:none!important}.ipad-show{display:block!important}.ipad-show-flex{display:flex!important}.scrollbar{overflow:auto;float:left;border:none}.scrollbar::-webkit-scrollbar{display:block;width:5px;height:1px}.scrollbar::-webkit-scrollbar-thumb{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #18223e;background:#535353}.scrollbar::-webkit-scrollbar-track{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #101728;background:#ededed}.scrollbar{scrollbar-3d-light-color:initial;scrollbar-highlight-color:initial;scrollbar-face-color:initial;scrollbar-arrow-color:initial;scrollbar-shadow-color:initial;scrollbar-dark-shadow-color:initial;scrollbar-base-color:initial}body{margin:0 auto;max-width:768px}.main-content-container{width:100%;height:100%;display:flex;justify-content:center;flex-wrap:nowrap!important}.content-block{max-width:43.125rem;width:43.125rem}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){.content-block{max-width:54.5rem!important;width:54.5rem!important}}@media only screen and (min-width:768px)and (max-width:1150px){.content-block .search-count{font-size:1rem;font-weight:400!important;color:#636468!important;margin-bottom:0;padding-bottom:.625rem}}@media only screen and (min-width:768px)and (max-width:1150px){.content-block .key-word-block .key-word-content .key-word span,.content-block .key-word-block .key-word-title{font-size:1rem!important}}@media only screen and (min-width:768px)and (max-width:1150px){.content-block .row-1{width:100%;margin-bottom:1.25rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.content-block .row-1 .select-self-style{height:2.5rem!important;padding-left:.375rem;font-size:1rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:3rem;margin-bottom:0;-moz-text-align-last:left;text-align-last:left;border-radius:2px;outline:none}.content-block .row-1 .select-self-style .v-btn__content{line-height:1em}.content-block .row-1 .select-self-style .icon-1{font-size:1.25rem}.content-block .row-1 .select-en-1ength{width:12.5rem!important}.content-block .row-1 .no-ellipsis-select-btn{background-size:6.7%;width:160px}.content-block .row-1 .ellipsis-select-btn-1{margin-left:.9375rem;justify-content:flex-start;background-size:8.8%;width:8.125rem!important;height:2.5rem!important}.content-block .row-1 .ellipsis-select-btn-1 span{max-width:6.4375rem}.content-block .row-1 .self-btn-1{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;height:2.5rem!important;width:5.5rem!important;padding:0 .625rem!important;font-size:1rem;font-weight:400;color:#636468!important;color:var(--register-btn-color)!important;line-height:1rem;margin-bottom:0;border-radius:2px}.content-block .row-1 .self-btn-1 img{width:1rem!important;height:1rem!important;margin-right:.4375rem}.content-block .row-1 .self-btn-1-default{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;height:2.5rem!important;width:5.5rem!important;padding:0 .625rem!important;font-size:1rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1rem;margin-bottom:0;border-radius:2px}.content-block .row-1 .self-btn-1-default img{width:1rem!important;height:1rem!important;margin-right:.4375rem}.content-block .row-1 .filter-card-list-change-block{flex-grow:0}.content-block .row-1 .filter-card-list-change-block .card-list-change-block{width:76px;height:40px;margin-left:.625rem;border-radius:2px;padding:1px}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block img{width:1.625rem}.content-block .row-1 .filter-card-list-change-block .card-list-change-block .chang-img-block-active{background:#d0d7f4;background:var(--change-style-gb-color);border-radius:5px}}@media only screen and (min-width:768px)and (max-width:1150px){.content-block .row-2{width:100%;margin-bottom:1rem;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.content-block .row-2 .select-self-style-2{border-radius:2px;width:15.375rem!important;height:2.375rem!important;font-size:.875rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:2.375rem;margin-bottom:0}.content-block .row-2 .row-2-div{display:flex;justify-content:flex-start;align-items:center;margin-right:3.125rem}.content-block .row-2 .row-2-div span{font-size:1.75rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:3rem;margin-bottom:0;padding-right:2.3125rem}}@media only screen and (min-width:768px)and (max-width:1150px){.content-block .input-container{position:relative;width:450px;margin-bottom:10px}.content-block .input-container input{width:100%;height:40px;padding:0 50px 0 10px;background:#fcfcfc;background:var(--header-bg-color);border-radius:2px;outline:none}.content-block .input-container img{position:absolute;height:30px;right:10px;top:4px}}@media only screen and (min-width:768px)and (max-width:1150px){.content-block .selections-block{display:flex;flex-wrap:wrap}.content-block .selections-block .selection-block{display:flex;flex-direction:column;margin-right:3.125rem;margin-top:.625rem}.content-block .selections-block .selection-block .filter-title{font-size:.875rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:.875rem;margin-bottom:0}.content-block .selections-block .selection-block .select-self-style-2{padding-left:.8125rem!important;width:9.25rem!important;height:2.375rem!important;font-size:.875rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.6875rem;margin-bottom:0;border:1px solid #d1d2d4;border:1px solid var(--filter-btn-bd-color);outline:none;border-radius:2px}.content-block .selections-block .selection-block .select-self-style-2 .v-btn__content{line-height:.875rem!important}.content-block .selections-block .selection-block .select-self-style-2 .v-btn__content span{font-weight:500;line-height:.875rem!important;margin-bottom:0;padding-right:.75rem;font-size:.875rem!important;width:8.125rem}.content-block .selections-block .selection-block .select-self-style-2:hover{border:1px solid #d0d9fc}}@media only screen and (min-width:768px)and (max-width:1150px){.content-block .hot-tag-list{display:flex;flex-direction:column}.content-block .hot-tag-list h3{font-size:.875rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.9375rem;margin-bottom:0;margin-right:1rem}.content-block .hot-tag-list div{display:flex;margin-top:0}.content-block .hot-tag-list div p{line-height:1.5em;margin-right:1rem;border-radius:2px;height:28px!important;font-size:.875rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.75rem;margin-bottom:0;text-align:center;padding:0 .3125rem}.content-block .hot-tag-list div .acticon{background:#3e5ff1!important;color:#fff;border:1px solid #3e5ff1;line-height:1.5em}}@media only screen and (min-width:768px)and (max-width:1150px){.content-block .check-block{margin-top:10px}.content-block .check-block h3{font-size:.875rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.9375rem;margin-bottom:0;padding-right:1.125rem}.content-block .check-block .checkboxs .custom-checkbox{margin-top:.3125rem!important;padding-top:0!important}.content-block .check-block .checkboxs .custom-checkbox i{font-size:20px}.content-block .check-block .checkboxs .custom-checkbox label{font-size:14px!important}.content-block .check-block .checkboxs .custom-checkbox-right{margin-left:.625rem}}@media only screen and (min-width:768px)and (max-width:1150px){.content-block .page-item{margin-bottom:20px 0}}@media only screen and (min-width:768px)and (max-width:1150px){.content-block-s{display:flex;max-width:100%!important;width:100%!important}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){.content-block-s .three-column-flex{justify-content:space-between!important}}@media only screen and (min-width:768px)and (max-width:1150px)and (max-width:1023px){.content-block-s .three-column-flex{justify-content:space-evenly!important}}@media only screen and (min-width:768px)and (max-width:1150px){.content-block-s .three-column-flex .three-column-item{width:280px!important}}@media only screen and (min-width:768px)and (max-width:1150px){.content-block-s .three-column-flex .flex-gap{margin-right:0!important}}@media only screen and (min-width:768px)and (max-width:1150px){.content-block-s .three-column-flex:after{content:"";width:280px!important}}@media only screen and (min-width:768px)and (max-width:1150px){.homepage .index-container .index-row{width:100%}.homepage .index-container .preset .avatar-large{max-width:32px;width:32px;height:32px;font-size:14px;line-height:32px}.homepage .index-container .preset .avatar-s{max-width:26px;width:26px;height:26px;font-size:12px;line-height:26px}}@media only screen and (min-width:768px)and (max-width:1150px)and (max-width:1023px){.homepage .index-container .preset .preset-text{min-width:132px}}@media only screen and (min-width:768px)and (max-width:1150px){.homepage .index-container .preset .preset-text .preset-info{font-size:12px}}@media only screen and (min-width:768px)and (max-width:1150px){.homepage .index-container .preset .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px;margin-left:8px;font-size:13px}}@media only screen and (min-width:768px)and (max-width:1150px){.homepage .index-container .preset-list{padding-left:15px}.homepage .index-container .preset-list .preset-in-list{padding:0 5px;margin:7px 0}.homepage .index-container .preset-list .preset-in-list .num-stat div{min-width:65px}.homepage .index-container .preset-list .preset-in-list .num-stat div img{height:15px}.homepage .index-container .preset-list .preset-in-list .num-stat div span{font-size:13px}}@media only screen and (min-width:768px)and (max-width:1150px){.homepage .index-container .forum-index-discussions-container{margin-top:20px}.homepage .index-container .forum-index-discussions-container .index-discussion{width:100%!important}}@media only screen and (min-width:768px)and (max-width:1150px){.homepage .index-content{max-width:690px;min-width:690px}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){.homepage .index-content{max-width:872px!important;min-width:872px!important}}@media only screen and (min-width:768px)and (max-width:1150px){.homepage .index-content h2{font-size:16px}}@media only screen and (min-width:768px)and (max-width:1150px){.homepage .index-content p{font-size:14px}}@media only screen and (min-width:768px)and (max-width:1150px){.homepage .index-content .text-flex{padding-right:5px}}@media only screen and (min-width:768px)and (max-width:1150px){.homepage .index-content .img-flex{padding-left:5px}}@media only screen and (min-width:768px)and (max-width:1150px){.homepage .index-content .learn-more{font-size:14px}}@media only screen and (min-width:768px)and (max-width:1150px){.homepage .index-content .upload-img{width:80%}}@media only screen and (min-width:768px)and (max-width:1150px){.package-news-container{max-width:43.125rem;width:43.125rem;padding:25px 30px}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){.package-news-container{max-width:54.5rem!important;width:54.5rem!important}}@media only screen and (min-width:768px)and (max-width:1150px){.package-news-container .cover-img{border-radius:10px}}@media only screen and (min-width:768px)and (max-width:1150px){.package-news-container .all-download-btn-container .all-download-btn{font-size:14px}}@media only screen and (min-width:768px)and (max-width:1150px){.package-news-container .author-preset .author-col .avatar{border-radius:18px}}@media only screen and (min-width:768px)and (max-width:1150px){.index-banner-container{max-width:100%;width:100%}}@media only screen and (min-width:768px)and (max-width:1150px)and (max-width:1023px){.index-banner-container .img-container .current-img-container .v-image{width:100%;border-radius:0}.index-banner-container .img-container .left-hover-block{position:absolute;left:0;z-index:49}.index-banner-container .img-container .left-hover-block .img-change-icon{opacity:1;visibility:visible}.index-banner-container .img-container .right-hover-block{position:absolute;right:0;z-index:49}.index-banner-container .img-container .right-hover-block .img-change-icon{opacity:1;visibility:visible}}@media only screen and (min-width:768px)and (max-width:1150px){.message-container{width:690px}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){.message-container{width:872px!important}}@media only screen and (min-width:768px)and (max-width:1150px){.message-container .page-title{font-size:16px}}@media only screen and (min-width:768px)and (max-width:1150px){.message-container .message-box,.message-container .message-box .message-user .chat-user-container{height:500px}.message-container .message-box .message-user .chat-user-container .chat-user-item{padding:8px}.message-container .message-box .message-user .chat-user-container .chat-user-item .date{top:8px;right:10px;font-size:12px}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info{margin-left:8px}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .name{max-width:70px;font-size:12px}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .message{max-width:170px;font-size:12px}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .name{max-width:130px}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .message{max-width:230px}}@media only screen and (min-width:768px)and (max-width:1150px){.message-container .message-box .message-content .chat-content-container .chat-item .chat-time{font-size:11px}.message-container .message-box .message-content .chat-content-container .chat-item .message{font-size:12px}.message-container .message-box .message-content .chat-input-container .emoji-img-input .v-icon{font-size:24px}.message-container .message-box .message-content .chat-input-container .send-btn .v-btn{width:75px;height:36px;border-radius:3px;font-size:16px}}@media only screen and (min-width:768px)and (max-width:1150px){html{font-size:16px!important;background:#f5f5f5}html body{margin:0;max-width:100%;background:#fafafa}html #preset-container{margin-top:-.625rem;padding-top:0;max-width:690px;width:690px}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){html #preset-container{max-width:872px!important;width:872px!important}}@media only screen and (min-width:768px)and (max-width:1150px){html #preset-container .v-form .content-container{margin-top:25px;padding:0!important;max-width:690px;width:690px}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){html #preset-container .v-form .content-container{max-width:872px!important;width:872px!important}}@media only screen and (min-width:768px)and (max-width:1150px){html #preset-container .v-form .content-container .file-upload-block .ant-upload-drag .ant-upload .ant-upload-drag-container .ant-upload-drag-icon i{font-size:2.0625rem}html #preset-container .v-form .content-container .file-upload-block .ant-upload-drag .ant-upload .ant-upload-drag-container .ant-upload-drag-icon .anticon-cloud-upload svg{fill:#707070;fill:var(--feedbcak-color)}}@media only screen and (min-width:768px)and (max-width:1150px){html #preset-container .v-form .content-container .select-product{padding:1.25rem .625rem 1.25rem 1.25rem}html #preset-container .v-form .content-container .select-product h4{font-size:1.125rem}}@media only screen and (min-width:768px)and (max-width:1150px){html #preset-container .v-form .content-container .product-check-show{margin-top:0}html #preset-container .v-form .content-container .product-check-show .show-label{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}html #preset-container .v-form .content-container .product-check-show .show-label .lable-item{display:flex;justify-content:flex-start;align-items:center;padding-right:.9375rem}html #preset-container .v-form .content-container .product-check-show .show-label .lable-item p{font-size:1rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:1rem;margin:0 .625rem 0 0;width:4.125rem;text-align:left}html #preset-container .v-form .content-container .product-check-show .show-label .lable-item .select-btn{width:10rem!important;height:2.1875rem}html #preset-container .v-form .content-container .product-check-show .show-label .lable-item .select-btn .v-btn__content{font-size:1rem}html #preset-container .v-form .content-container .product-check-show img{width:23%!important}}@media only screen and (min-width:768px)and (max-width:1150px){html #preset-container .v-form .content-container .preset-match{margin-top:.3125rem}html #preset-container .v-form .content-container .preset-match p:first-child{font-size:1.125rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:2.5625rem;margin-bottom:0}html #preset-container .v-form .content-container .preset-match p:nth-child(2){font-size:1.125rem;font-weight:700;color:#818181!important;line-height:2.5625rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media only screen and (min-width:768px)and (max-width:1150px){html #preset-container .v-form .content-container .content-form{margin-top:0}html #preset-container .v-form .content-container .content-form .col-md-9{max-width:100%!important}html #preset-container .v-form .content-container .content-form .v-input-self-mgbm{font-size:1rem!important;padding-bottom:0!important;margin-bottom:0!important}html #preset-container .v-form .content-container .content-form .v-input-self-mgbm .v-input__control .v-text-field__details{margin-top:.4375rem!important}html #preset-container .v-form .content-container .content-form .v-input-self-mgbm .v-input__control .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message{font-size:.875rem!important;line-height:.875rem!important}html #preset-container .v-form .content-container .content-form .v-input-self-mgbm .v-input__control .v-input__slot{min-height:3rem!important}html #preset-container .v-form .content-container .content-form .v-form-h{height:3rem!important;min-width:15.625rem!important;max-width:36.25rem}html #preset-container .v-form .content-container .content-form .hint-tips{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:.875rem!important}html #preset-container .v-form .content-container .content-form .hint-tips .v-messages__wrapper .v-messages__message{font-size:.875rem!important}html #preset-container .v-form .content-container .content-form .hint-tips-1{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:.875rem}html #preset-container .v-form .content-container .content-form .hint-tips-1 .v-messages__wrapper .v-messages__message{font-size:.875rem!important}html #preset-container .v-form .content-container .content-form .media-margin{margin-top:1.25rem}html #preset-container .v-form .content-container .content-form .select-btn{height:3rem;padding-left:1.5rem!important}html #preset-container .v-form .content-container .content-form .form-length{width:44.375rem}html #preset-container .v-form .content-container .content-form .v-row-height{margin-top:1.25rem!important}html #preset-container .v-form .content-container .content-form .v-select__slot .v-select__selections{font-size:1rem!important}html #preset-container .v-form .content-container .content-form .v-textarea .v-input__control .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message{font-size:.875rem!important;line-height:.875rem!important}html #preset-container .v-form .content-container .content-form .v-textarea .v-input__control .v-input__slot{min-height:3rem!important}html #preset-container .v-form .content-container .content-form textarea{font-size:1rem!important}html #preset-container .v-form .content-container .content-form .tag-block{height:3rem!important;width:100%!important}html #preset-container .v-form .content-container .content-form .tag-block .chip-block span{margin-right:.5rem}html #preset-container .v-form .content-container .content-form .tag-block .chip-block .v-chip{line-height:1.25rem;padding:0 0 0 .625rem}html #preset-container .v-form .content-container .content-form .tag-block .input-block{width:100%}html #preset-container .v-form .content-container .content-form .tag-block .input-block input{width:100%;font-size:1rem!important}html #preset-container .v-form .content-container .content-form .user-control{margin-top:.3125rem}html #preset-container .v-form .content-container .content-form .submit-btn{margin-top:-.625rem}}@media only screen and (min-width:768px)and (max-width:1150px){html .drop-down-item,html .style_check-box .v-input--checkbox .v-input__control .v-input__slot label{font-size:14px!important}}@media only screen and (min-width:768px)and (max-width:1150px){.footer-container .feedback-menu-btn{width:30px;height:30px}}@media only screen and (min-width:768px)and (max-width:1150px){.footer-menu{width:280px;padding:15px 5px}}@media only screen and (min-width:768px)and (max-width:1150px){.feedback-card .footer-title{font-size:18px;margin-bottom:5px}.feedback-card .desc{font-size:14px}}@media only screen and (min-width:768px)and (max-width:1150px){.header-block{top:1.875rem;height:5rem!important}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar{max-width:690px;width:690px}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){.toobar{max-width:872px!important;width:872px!important}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .logo{width:6.875rem}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .home-link{font-size:1.125rem;line-height:1.9375rem}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .pad-user-info{position:absolute;right:52px;margin-left:0}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .userinfo-login-post-sm{right:45px;flex-basis:23%;flex-grow:0;min-width:23%;max-width:23%}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .userinfo-unlogin-post-sm{flex-basis:24.1%;flex-grow:0;max-width:24.1%;min-width:24.1%;margin-right:0}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .userinfo-login-sm{min-width:260px}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .userinfo-unlogin-sm{min-width:265px;margin-right:2px}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .menu-btn{min-height:3.75rem;height:3.75rem!important;max-width:3.125rem!important;min-width:3.125rem!important}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .notice-btn-container{width:3.125rem;height:3.75rem}.toobar .notice-btn-container .notice-btn{position:relative;border-radius:7px;cursor:pointer;max-width:3.4375rem;min-width:3.4375rem;max-height:3.4375rem;min-height:3.4375rem}.toobar .notice-btn-container .notice-btn .bell-img{max-width:3.125rem}.toobar .notice-btn-container .notice-btn .notice-badge{background-color:red;color:#fff;border-radius:50%;font-size:12px;transform:scale(.8);padding:2px;position:absolute;top:.375rem;right:.3125rem;width:24px;height:24px;display:flex;justify-content:center;text-align:center;align-items:center}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .v-btn{width:4.6875rem!important;height:2.25rem!important;border-radius:3px!important;font-size:16px!important}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .login-btn{border:.0625rem solid #4068e9;margin-right:0;font-size:1rem!important;color:#4068e9!important}.toobar .login-btn .v-btn__content{line-height:36px}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .register-btn{color:#636468!important;color:var(--register-btn-color)!important;background-color:#f3f3f3!important;background-color:var(--register-btn-bg-color)!important}.toobar .register-btn .v-btn__content{line-height:36px}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .upload-btn{border:1px solid #4068e9;color:#fff!important;background:#4068e9!important}.toobar .upload-btn span{line-height:2.25rem}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .dark-theme{position:absolute;right:0;width:36px;max-width:36px;height:36px;margin-left:0!important}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .header-tab-container{margin-left:35px}.toobar .header-tab-container .layout div{font-size:16px;font-weight:700}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .header-tab-container-zh{max-width:130px;min-width:130px}}@media only screen and (min-width:768px)and (max-width:1150px){.toobar .header-tab-container-en{max-width:180px;min-width:180px}}@media only screen and (min-width:768px)and (max-width:1150px){.change-lang{position:fixed;top:0;left:0;width:100%;height:1.875rem;background:#fcfcfc;background:var(--header-bg-color);border-bottom:.0625rem solid #404040;border-bottom:.0625rem solid var(--preset-text-color);text-align:right;padding-right:0;z-index:80}.change-lang .ipad-lang-block{max-width:690px;width:690px;margin:0 auto}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){.change-lang .ipad-lang-block{max-width:872px!important;width:872px!important}}@media only screen and (min-width:768px)and (max-width:1150px){.change-lang .ipad-lang-block .ipad-lang-btn{color:#636468;color:var(--register-btn-color);padding-right:0!important;height:1.75rem!important}}@media only screen and (min-width:768px)and (max-width:1150px){.userinfo-font-color{height:1.875rem!important;line-height:1.875rem!important}}@media only screen and (min-width:768px)and (max-width:1150px){.font-color-DB6060,.userinfo-font-color{text-align:center;font-size:1rem!important}.font-color-DB6060{color:#db6060!important}}@media only screen and (min-width:768px)and (max-width:1150px){.menu-line{width:80%;height:0;border-top:1px solid #f2f2f2;margin:0 auto}}@media only screen and (min-width:768px)and (max-width:1150px){.name-circle{width:2.25rem!important;height:2.25rem!important;margin-right:0}}@media only screen and (min-width:768px)and (max-width:1150px){.name-circle,.name-circle2{border-radius:50%;box-shadow:0 .1875rem .375rem rgba(0,0,0,.16)}.name-circle2{width:3rem!important;height:3rem!important}}@media only screen and (min-width:768px)and (max-width:1150px){.v-main{margin-top:6.875rem}}@media only screen and (min-width:768px)and (max-width:1150px){.user-login-container{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;z-index:80}.user-login-container .user-login-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.user-login-container .ipad-div{width:100%;height:100%}.user-login-container .ipad-div div{display:flex!important;align-items:center;justify-content:flex-start;font-size:1.25rem;font-weight:400;color:#141414!important;color:var(--black-title-2)!important;line-height:2.125rem;margin-bottom:0}.user-login-container .ipad-div div img{width:1.625rem;height:1.625rem}.user-login-container .user-login-card{position:relative;min-width:100%;height:100%;left:0;top:0;z-index:99;margin-top:0!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .chacha{width:1.625rem!important;height:1.5625rem!important;position:absolute;right:10px;top:-30px;z-index:100}.user-login-container .user-login-card .card-right{width:36.875rem;height:100%}.user-login-container .user-login-card .card-right .card-img{width:36.875rem!important;height:34.75rem!important}.user-login-container .user-login-card .card-title{margin-left:20%;width:58%;font-size:3.125rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:5.3125rem;margin-bottom:0}.user-login-container .user-login-card .card-subtitle{margin-left:20%;width:58%;font-size:1.25rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:2.125rem;margin-bottom:0}.user-login-container .user-login-card .card-user-title{margin-left:20%!important;width:58%;font-size:1.375rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:2.6875rem;margin:1.875rem 0 .75rem}.user-login-container .user-login-card .card-user-input{margin-left:20%;width:58%;height:3.4375rem;padding-left:.875rem;border-radius:5px;font-size:1.375rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.8125rem;margin-bottom:0}.user-login-container .user-login-card .forget-password{margin-left:20%!important;width:58%;margin:1.875rem 0 .75rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .forget-password .forget-tip{font-size:1rem;font-weight:500;color:#3e5ff1!important;line-height:1.6875rem;margin-bottom:0}.user-login-container .user-login-card .forget-password .forget-title{font-size:1.375rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:2.3125rem;margin-bottom:0}.user-login-container .user-login-card .card-user-login-btn{margin-left:20%!important;width:58%;height:3.125rem!important;margin-top:2.4375rem;background:#3e5ff1!important;border-radius:5px;font-size:1.375rem;font-weight:400;color:#fff!important;line-height:2.75rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-login-container .user-login-card .card-user-no-acount{width:58%;margin-top:1.375rem;margin-left:20%!important;font-size:1rem;font-weight:400;color:#97989e!important;line-height:1.6875rem;margin-bottom:0;text-align:center}.user-login-container .user-login-card .ipad-login-width{width:58%;margin-left:20%!important}.user-login-container .user-login-card .card-user-register-btn{display:inline-block;width:100%;height:3.125rem!important;margin-top:.625rem;background:#fff!important;border:1px solid #3e5ff1;border-radius:5px;font-size:1.375rem;font-weight:400;color:#3e5ff1!important;line-height:1.6875rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.user-login-container .user-login-card .ipad-login-bt{display:inline-block;width:100%;height:100%}}@media only screen and (min-width:768px)and (max-width:1150px){.register-container{width:100%;height:100%;background:#fff}}@media only screen and (min-width:768px)and (max-width:1150px){.go-to-index{padding-top:10.5rem;padding-left:22.9%}.go-to-index i{width:.4375rem!important;height:.8125rem!important}.go-to-index .link-a{padding-left:.625rem;font-size:1.25rem;font-weight:400;color:#1c1c1c!important;line-height:2.125rem;margin-bottom:0}}@media only screen and (min-width:768px)and (max-width:1150px){.iapd-width{width:100%}}@media only screen and (min-width:768px)and (max-width:1150px){.user-register-card{width:100%;padding:3.0625rem 20% 0;background:#fff;z-index:99;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:nowrap!important}.user-register-card .card-title{width:100%;font-size:1.75rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:3rem;margin-bottom:0}.user-register-card .card-subtitle{width:100%;font-size:1.25rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:2.5rem;margin-bottom:0}.user-register-card .card-user-title{width:100%;font-size:1.375rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:2.3125rem;margin:1.875rem 0 .75rem}.user-register-card .card-user-input{width:100%;height:3.125rem;padding-left:.875rem;background:#f5fbff;background:var(--login-input-bg-color);border-radius:5px;font-size:1.5rem;font-weight:500;color:#141414!important;color:var(--black-title-2)!important;line-height:1.8125rem;margin-bottom:0}.user-register-card .red-tip{text-align:right;margin-top:.1875rem}.user-register-card .red-tip span{color:#e60000;font-size:.75rem;display:inline-block}.user-register-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-register-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-register-card .card-user-subtitle{font-size:1.25rem;font-weight:500;color:#414141!important;line-height:2.125rem;margin-bottom:0;padding:.625rem 0 .5rem}.user-register-card .card-user-login-btn{width:100%;height:3.125rem!important;background:#3e5ff1!important;border-radius:5px;font-size:1rem;font-weight:400;color:#fff!important;line-height:1.6875rem;margin-bottom:0;font-size:1.25rem!important}.user-register-card .muti-col-title{display:flex;justify-content:flex-start;margin:1.875rem 0 .75rem;align-items:center}.user-register-card .muti-col-title p:first-child{font-size:1.25rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:2.125rem;margin-bottom:0}.user-register-card .muti-col-title p:nth-child(2){display:inline-block;padding:0;font-size:.75rem;font-weight:300;color:#414141!important;line-height:2.25rem;margin-bottom:0;margin-left:.625rem;font-size:.875rem!important;min-width:18.75rem;max-width:18.75rem}.user-register-card .register-controle{display:flex;justify-content:flex-start;align-items:center;font-size:1.25rem;font-weight:400;height:1.5rem;margin:1rem 0 .875rem}.user-register-card .register-controle div{color:#272727}.user-register-card .register-controle span{color:#3e5ff1}.user-register-card .go-to-login{margin-top:.8125rem}.user-register-card .go-to-login span:first-child{font-size:1.25rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:1.6875rem;margin-bottom:0}.user-register-card .go-to-login span:nth-child(2){font-size:1.25rem!important;font-size:1.25rem;font-weight:400;color:#3e5ff1!important;line-height:1.6875rem;margin-bottom:0}.user-register-card .login-width{margin-top:0!important;width:100%;padding-bottom:45px}}@media only screen and (min-width:768px)and (max-width:1150px){.name-date-for p:first-child{font-size:1rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.6875rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:97%}}@media only screen and (min-width:768px)and (max-width:1150px){.btn-area{left:53%!important}.btn-area div span{padding:0 .625rem!important;min-width:3.75rem}}@media only screen and (min-width:768px)and (max-width:1150px){.preset-list-container .preset-list-flex{margin-right:0}.preset-list-container .preset-list-flex .list-item-block{width:21.25rem}.preset-list-container .preset-list-flex .list-item-block .product-media-row{height:25px}.preset-list-container .preset-list-flex .list-item-block .intruct-info .in-en{width:5.625rem!important}.preset-list-container .preset-list-flex .list-item-block .count-learn-more-row{margin-top:8px}.preset-list-container .preset-list-flex .list-item-block .count-learn-more-row .count,.preset-list-container .preset-list-flex .list-item-block .count-learn-more-row .learn-more{font-size:13px}.preset-list-container .preset-list-flex .list-item-block .count-learn-more-row .learn-more .learn-more-icon{font-size:14;height:1em}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item{font-size:12px}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item div{margin-left:.1875rem;height:1.1875rem;line-height:1.1875rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .opt-icon{width:20px;margin-right:4px}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-left .state-count-item .download-icon{width:18px}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right img{margin-left:.4375rem;width:.875rem!important;height:.4375rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right .preset-date{font-size:.875rem;font-weight:400;color:#9a9a9a!important;line-height:1.5rem;margin-bottom:0}.preset-list-container .product{font-size:12px;line-height:22px}.preset-list-container .media-symbol{max-width:18px;width:18px}.preset-list-container .video-symbol-margin{margin-right:7px}.preset-list-container .audio-play-product-row{margin:5px 0}.preset-list-container .player-container{width:28px!important;height:28px!important}.preset-list-container .player-container .media-symbol{width:28px!important;height:28px!important;min-width:28px!important}.preset-list-container .player-container .v-progress-circular{width:1.75rem!important;height:1.75rem!important}.preset-list-container .preset-name{font-size:15px}.preset-list-container .preset-sub-info{font-size:14px}.preset-list-container .list-cover-img{height:55px;width:82px;min-width:82px;max-width:82px;margin-right:10px;border-radius:2px}.preset-list-container .list-cover-img-left-margin{margin-left:.625rem}.preset-list-container .preset-desc{font-size:13px}.preset-list-container .list-preset-desc{height:4.375rem;max-height:4.375rem}.preset-list-container .card-preset-desc,.preset-list-container .list-preset-desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.preset-list-container .card-preset-desc{height:50px;max-height:50px}.preset-list-container .musical-style-tag-row{height:26px}.preset-list-container .musical-style-tag-row .musical-style-tag{padding:5px;font-size:13px;border-radius:2px;margin-bottom:3px}.preset-list-container .download-btn{border-radius:3px;width:68px;height:24px!important;font-size:12px!important}.preset-list-container .hot-data-container .hot-data{width:170px;padding:14px 0 0;background-color:#fff;background-color:var(--white-bg-color);border-radius:8px}.preset-list-container .hot-data-container .hot-data .hot-data-head{padding:0 .8125rem .6875rem}.preset-list-container .hot-data-container .hot-data .hot-data-head div{font-size:15px;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.preset-list-container .hot-data-container .hot-data .hot-data-head img{width:16px}.preset-list-container .hot-data-container .hot-data .hot-data-head .small-img{width:22px}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container{padding:1rem .5rem .375rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset{margin-bottom:.625rem;cursor:pointer}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .circle{width:2em;height:2em;font-size:14px}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .name{max-width:9em;margin-left:10px;font-size:13px}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags{padding:.3125rem .625rem .75rem}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags{font-size:13px;border-radius:2px}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags:hover{opacity:.8}.preset-list-container .hot-data-container .hot-data-gap{margin-top:10px}.preset-list-container .name-date .name-list p{width:56px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preset-list-container .ipad-vertical-hid,.preset-list-container .ipad-visible{display:none}.preset-list-container .preset-sm{width:690px;max-width:690px;min-width:690px}.preset-list-container .preset-list-style-container .list-item-block{padding:8px 12px}.preset-list-container .preset-list-style-container .preset-list-style-left{padding-right:.75%}.preset-list-container .preset-list-style-container .preset-list-style-center{padding:0 .75%;flex-basis:48%!important;max-width:48%!important}.preset-list-container .preset-list-style-container .preset-list-style-right{padding-left:.75%;flex-basis:27%!important;max-width:27%!important}.preset-list-container .preset-loading-container .loading-container{width:690px;max-width:690px;min-width:690px}.preset-list-container .preset-loading-container .loading-container .card-loading-item{width:21.25rem}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){.preset-list-container .ipad-horizontal-show{display:block!important}}@media only screen and (min-width:768px)and (max-width:1150px){.reminder-icon{width:32px;height:32px;font-size:20px}}@media only screen and (min-width:768px)and (max-width:1150px){.follow-container{width:100%}.follow-container .title{width:100%;font-size:1.75rem;font-weight:700!important;color:#636468!important;margin-bottom:0}.follow-container .my-focus-item{width:100%;margin-top:2.5rem}.follow-container .my-focus-item .rows-1{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 p{margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-left{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 .rows-1-left .name-circle{width:2.25rem!important;height:2.25rem!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;font-size:1rem;font-weight:700!important;color:#fff!important;margin-bottom:0;border-radius:50%;margin-right:.6875rem}.follow-container .my-focus-item .rows-1 .rows-1-left .name{font-size:.875rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-left .date{font-size:.875rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-right{width:6.25rem;line-height:2.25rem;border:1px solid #707070;border-radius:103px;font-size:1rem;font-weight:300!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.follow-container .my-focus-item .rows-1 .rows-1-right-hover{display:none;width:6.25rem;line-height:2.25rem;background:#e84747;border-radius:103px;border:1px solid #e84747;font-size:1rem;font-weight:300!important;color:#fff!important;margin-bottom:0;text-align:center}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right-hover{display:block}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right{display:none}.follow-container .my-focus-item .preset-list{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;max-width:100%;overflow:hidden;margin:0!important}.follow-container .my-focus-item .preset-list .hover-parent{width:32.5%!important;margin:0!important}.follow-container .my-focus-item .preset-list .hover-parent .list-item{max-width:100%;width:100%;margin-top:.875rem;padding:1rem 1rem .625rem;background:#fff;background:var(--white-bg-color);border-radius:14px}.follow-container .my-focus-item .preset-list .hover-parent .list-item .preset-name{font-size:.875rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.follow-container .my-focus-item .preset-list .hover-parent .list-item .attr-data{font-size:.75rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-container .my-focus-item .preset-list .hover-parent .list-item .data{margin-top:.125rem;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.follow-container .my-focus-item .preset-list .hover-parent .list-item .musical-style-tag-row{margin-top:6px;height:23px}.follow-container .my-focus-item .preset-list .hover-parent .list-item .musical-style-tag-row .musical-style-tag{border-radius:2px;margin-bottom:4px}.follow-container .my-focus-item .preset-list .hover-parent .list-item .line-block{display:block;width:100%;margin:.625rem auto 0;border:1px solid #ececec;border:1px solid var(--divider-color-3);transform:scaleY(.1)}.follow-container .my-focus-item .preset-list .hover-parent .list-item .state-count{margin-top:.625rem}.follow-container .my-focus-item .preset-list .hover-parent .list-item .state-count,.follow-container .my-focus-item .preset-list .hover-parent .list-item .state-count .state-count-left{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .preset-list .hover-parent .list-item .state-count .state-count-left .state-count-item{font-size:.75rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.follow-container .my-focus-item .preset-list .hover-parent .list-item .state-count .state-count-left .state-count-item img{width:auto;height:auto}.follow-container .my-focus-item .preset-list .hover-parent .list-item .state-count .state-count-right{font-size:.75rem;font-weight:400;color:#9a9a9a!important;line-height:1.5rem;margin-bottom:0}.follow-container .my-focus-item .preset-list .hover-item-two{display:none;position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,hsla(0,0%,97.6%,.68),hsla(0,0%,89%,.68),hsla(0,0%,71.8%,.68),hsla(0,0%,47.1%,.68),rgba(0,0,0,.68));box-shadow:0 .125rem 1.25rem hsla(0,0%,83.5%,.31);border-radius:14px}.follow-container .my-focus-item .preset-list .hover-item-two div{width:100%;position:absolute;bottom:1.625rem;left:0;display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .preset-list .hover-item-two div img{width:2.75rem!important;height:2.75rem!important;margin-right:1.5rem}.follow-container .my-focus-item .preset-list .hover-item-two div span{padding:0 1.875rem;line-height:2.75rem;margin-right:1.5rem;background:#3e5ff1;border-radius:22px;font-size:1.25rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center}.follow-container .my-focus-item .preset-list .hover-item{width:100%;height:80%;display:none;position:absolute;top:0;left:0}.follow-container .my-focus-item .preset-list .hover-parent:hover .hover-item{display:block;z-index:2}.follow-container .my-focus-item .preset-list .hover-parent:hover .hover-item-two{display:block;z-index:1}.follow-container .my-focus-item .preset-list .btn-area{display:none;position:absolute;bottom:4.8%;left:46%}.follow-container .my-focus-item .preset-list .btn-area div{width:100%;bottom:1.625rem;left:0;display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .preset-list .btn-area div img{width:1.75rem!important;height:1.75rem!important;margin-right:1.5rem}.follow-container .my-focus-item .preset-list .btn-area div span{padding:0 .625rem;line-height:1.75rem;background:#3e5ff1;border-radius:22px;height:1.75rem;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center;margin-right:0;min-width:3.4375rem}.follow-container .my-focus-item .preset-list .btn-area div span:hover{background:#4c6cfb}.follow-container .my-focus-item .preset-list .left-en{left:39%!important}.follow-container .my-focus-item .preset-list:after{content:"";width:32.5%}}@media only screen and (min-width:768px)and (max-width:1150px){.info-container{margin-bottom:30px}.info-container .recommedation-icon{top:-35px;right:-44px;width:15px;height:27px}.info-container .row-1 .margin-left-12{max-width:80%;margin:.75rem}.info-container .row-1 .row-1-flex{width:80%}.info-container .row-1 .row-1-flex .circle{display:grid;justify-content:center;align-content:center;width:2.25rem!important;height:2.25rem!important;min-width:2.25rem;flex-shrink:0;border-radius:50%;font-size:1rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.info-container .row-1 .row-1-flex .row-1-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0}.info-container .row-1 .row-1-flex .row-1-focus{height:24px;text-align:center;padding:0 1.125rem;margin-left:2.375rem;border:.0625rem solid #3f5ee6;border-radius:6px;font-size:12px;flex-shrink:0}.info-container .row-1 .row-1-flex .row-1-focus .v-btn__content{line-height:1.5rem}.info-container .row-1 .row-1-flex .row-1-focus-already{height:1.5rem;text-align:center;padding:0 .75rem;margin-left:2.375rem;border-radius:6px;font-size:.6875rem;font-weight:500!important;color:#fff!important;color:var(--info-focus-color)!important;margin-bottom:0;background:#d1d2d4;background:var(--filter-tag-bd-color)}.info-container .row-1 .row-1-flex .row-1-focus-already .v-btn__content{line-height:1.5rem}.info-container .row-1 .share-menu{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-1 .share-menu img{width:1rem;height:auto}.info-container .row-1 .play-menu img{width:2.1875rem;height:auto}.info-container .row-2{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-2 .row-2-info .row-2-name{font-size:1rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.info-container .row-2 .row-2-info .row-2-attr{font-size:1rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;white-space:normal;max-width:22.1875rem}.info-container .row-2 .row-2-info .musical-style-tag{padding:5px;margin:.3125em .5em 0 0;text-align:center;font-size:12px;line-height:1em;border-radius:2px}.info-container .row-2 .row-2-info .c-tag{height:22px}.info-container .row-2 .row-2-info .c-tag img{height:16px}.info-container .row-2 .row-2-info .style-tag{font-size:.75rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0}.info-container .row-2 .row-2-pro-img-name{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;padding:1.125rem;border-radius:3px}.info-container .row-2 .row-2-pro-img-name img{width:78px}.info-container .row-2 .row-2-pro-img-name span{padding-left:.9375rem;font-size:.875rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .file-list{padding:11px 14px;background:#fbfbfb;background:var(--file-list-bg-color);border-radius:3px;max-height:200px}.info-container .file-list .file-list-item{padding:0 14px}.info-container .row-3 .file-tip{font-size:1rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-3 .download{padding:0 8px!important;font-size:.875rem;font-weight:400!important;color:#fff!important;margin-bottom:0;height:27px!important}.info-container .upload-audio-row .row-title{font-size:1rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-4{width:100%;margin-top:.75rem;font-size:1rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;word-break:break-word}.info-container .row-5{margin-top:.875rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;align-content:center}.info-container .row-5 .row-5-url{width:100%}.info-container .row-5 .row-5-url span:first-child{font-size:1rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.info-container .row-5 .row-5-url span:nth-child(2){font-size:1rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .row-5 .row-5-changes{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-5 .row-5-changes p{display:grid;justify-content:center;align-content:center;width:1rem!important;height:1rem!important;margin-right:.625rem;border:1px solid #97989e;border-radius:4px;font-size:.5625rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .row-5 .row-5-changes .active{border:1px solid #3e5ff1;font-size:.5625rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0}.info-container .row-6{margin-top:.125rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-6 iframe{height:5.5rem!important;border-radius:26px;border:none}.info-container .row-6 img{width:1.25rem!important;height:1.25rem!important}.info-container .row-7{margin-top:.625rem}.info-container .row-7 span:first-child{font-size:1rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.info-container .row-7 span:nth-child(2){font-size:.875rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .row-8{margin-top:.875rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-8 iframe{width:34rem!important;height:17.5rem!important;border-radius:13px;border:none}.info-container .row-8 img{width:1.5rem!important;height:1.5rem!important}.info-container .row-9{margin-top:.75rem;display:grid;justify-content:center;align-content:center}.info-container .row-9 img{width:2rem!important;height:2rem!important}.info-container .row-9 .hover-container .not-focus-state{width:2rem!important;height:2rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75eaa71f/info-focus-pt.png);background-size:cover}.info-container .row-9 .hover-container:hover .not-focus-state{width:2rem!important;height:2rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75ee025e/info-focus-hover.png);background-size:cover}.info-container .row-10{justify-content:center!important;margin-top:.9375rem}.info-container .row-10,.info-container .row-10 .state-count-item{display:flex!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-10 .state-count-item{justify-content:flex-start!important;margin-right:1.3125rem;font-size:.75rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .row-10 .state-count-item img{width:1.25rem;height:auto;padding-right:.125rem}.info-container .row-10 .state-count-item .download-img{width:1.0625rem!important}.info-container .row-11{font-size:.625rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;margin-top:.75rem;text-align:center}.info-container .line{display:block;width:100%;margin-top:2.5rem;border:1px solid #eaeaee}.info-container .font-20-400-9A9A9A{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:400!important;color:#9a9a9a!important;color:var(--info-sig-color)!important;margin-bottom:0}}@media only screen and (min-width:768px)and (max-width:1150px){.preset-info-container{max-width:690px;width:690px;padding:35px 44px;border-radius:14px;margin:10px auto 0}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){.preset-info-container{max-width:872px!important;width:872px!important}}@media only screen and (min-width:768px)and (max-width:1150px){.comment-container{width:100%}.comment-container .row-1{font-size:1rem;font-weight:700!important;color:#141414!important;margin-bottom:0;margin-top:.8125rem;padding-left:.625rem}.comment-container .row-2{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;padding:0;margin-bottom:1.5rem}.comment-container .row-2 li{padding:.5625rem .5rem;margin-right:1.75rem;list-style:none;font-size:1rem;font-weight:700!important;color:#919191!important;margin-bottom:0}.comment-container .row-2 .action{font-size:1rem;font-weight:700!important;color:#415fe6!important;margin-bottom:0;border-bottom:.125rem solid #415fe6}.comment-container .flex-two-column{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important;margin-bottom:10px}.comment-container .flex-two-column .short-name{flex-shrink:0;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:1.5625rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.comment-container .flex-two-column .textarea-container{margin-left:.9375rem}.comment-container .flex-two-column .textarea-container textarea{width:100%!important;height:4.3125rem;border-radius:4px;padding:.875rem 0 0 1.25rem;font-size:.75rem;font-weight:400!important;color:#b9b9b9!important;color:var(--text-area-color)!important;margin-bottom:0}.comment-container .flex-two-column .sub-comment{margin-top:.125rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.comment-container .flex-two-column .sub-comment .btn{width:4.4375rem!important;height:1.5rem!important;background:#3f5ee6;border-radius:4px;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center}.comment-container .flex-two-column .sub-comment .btn span{font-size:.75rem!important}.comment-container .flex-two-column .flex-center,.comment-container .flex-two-column .tip-author{display:grid;justify-items:center;align-items:center}.comment-container .flex-two-column .tip-author{margin-top:.375rem;width:3.125rem!important;height:1.25rem!important;border:.0625rem solid #3f5ee6;border-radius:22px;font-size:.6875rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container{padding-top:4px;margin-left:1.25rem;font-size:1.25rem;font-weight:500!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .top-ceontent .top-sign{width:2.8125rem!important;height:1.25rem!important;flex-shrink:0;margin-right:.1875rem;border:1px solid #3f5ee6;border-radius:6px;display:grid;justify-content:center;align-content:center;font-size:.6875rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .comment-content-all{font-size:.5625rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .replay-name{margin-bottom:5px;color:#141414;color:var(--black-title-2);font-size:12px}.comment-container .flex-two-column .comment-container .count-play{display:flex;justify-content:flex-start;align-items:center;margin-top:0}.comment-container .flex-two-column .comment-container .count-play .time{font-size:.75rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .count-play .dz-container{margin:0 3.125rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container i{display:inline-block;width:.6875rem!important;height:.6875rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/comment_praise.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container span{font-size:.75rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.375rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container:hover i{display:inline-block;width:.6875rem!important;height:.6875rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/comment_praise_hover.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container i{display:inline-block;width:.6875rem!important;height:.6875rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/comment_has_praised.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container span{font-size:.75rem;font-weight:400!important;color:#919191!important;margin-bottom:0;padding-left:.375rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container{margin-left:2.125rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container i{display:inline-block;width:.6875rem!important;height:.6875rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/comment_oppose.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container span{font-size:.75rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.375rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container:hover i{display:inline-block;width:.6875rem!important;height:.6875rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/comment_oppose_hover.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container{margin-left:2.125rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container i{display:inline-block;width:.6875rem!important;height:.6875rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/comment_has_opposed.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container span{font-size:.75rem;font-weight:400!important;color:#919191!important;margin-bottom:0;padding-left:.375rem}.comment-container .flex-two-column .comment-container .count-play .replay{font-size:.75rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container{width:100%;margin-top:.75rem;padding:.5rem .5rem 1.375rem;background:#fafafa}.comment-container .flex-two-column .child-comment-container .ipad-margin{margin-top:.625rem}.comment-container .flex-two-column .child-comment-container .short-name-child{width:2.375rem!important;height:2.375rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:1.3125rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.comment-container .flex-two-column .child-comment-container .replay-name{flex-shrink:0;margin-right:1.75rem;margin-top:-.1875rem;width:100%;margin-bottom:0;line-height:1.125rem}.comment-container .flex-two-column .child-comment-container .replay-name .comment-content{font-size:14px!important;font-weight:500;color:#141414}.comment-container .flex-two-column .child-comment-container .replay-name p{margin:0}.comment-container .flex-two-column .child-comment-container .replay-name span:first-child{color:#919191!important;line-height:1!important}.comment-container .flex-two-column .child-comment-container .comment-content-long{width:100%;font-size:.875rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .loading-replay{background:url(http://res.hotoneaudio.com/preset_20201118_5fb480d4aa198.png) no-repeat;background-size:1rem .875rem;background-position:center left 0;padding-left:1.625rem;font-size:.875rem;font-weight:500!important;color:#3f5ee6!important;margin:1.25rem 0 0 1.25rem}.comment-container .flex-two-column .child-comment-container .shouqi-replay{background:url(http://res.hotoneaudio.com/preset_20201221_5fe033dbd2b1a/%E7%BB%84%201009%402x.png) no-repeat;background-size:1rem .875rem;background-position:center left 0;padding-left:1.625rem;font-size:.875rem;font-weight:500!important;color:#3f5ee6!important;margin:1.25rem 0 0 1.25rem}.comment-container .flex-two-column .replay-textarea{margin-top:1.5rem}.comment-container .flex-two-column .replay-textarea .short-name-middle{width:2.375rem!important;height:2.375rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:1.3125rem;font-weight:700!important;color:#fff!important;margin-bottom:0;flex-shrink:0}.comment-container .flex-two-column .replay-textarea textarea{width:100%!important;height:4rem!important}.comment-container .bottom-border-line{margin-bottom:.9375rem;padding-bottom:.9375rem;border-bottom:.0625rem solid #f1f1f1}.comment-container .flex-layout{margin-top:-.1875rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;font-size:.625rem;font-weight:400!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0;height:1.25rem}.comment-container .play-menu img{width:2.1875rem;height:auto}}@media only screen and (min-width:768px)and (max-width:1150px){.myinfo-container{width:100%}.myinfo-container .title-name{width:100%;font-size:1.375rem;font-weight:700!important;color:#636468!important;margin-bottom:0}.myinfo-container .info-data-block{margin-top:1.75rem;padding:1.25rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .1875rem .375rem rgba(0,0,0,.03);border-radius:10px}.myinfo-container .info-data-block .info-data-block-left{max-width:50%}.myinfo-container .info-data-block .info-data-block-left .shot-name{min-width:2.75rem;width:2.75rem;height:2.75rem;line-height:2.75rem;font-size:1.4375rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.myinfo-container .info-data-block .info-data-block-left .upload-avatar-block{width:1.875rem;height:1.875rem;right:-.625rem}.myinfo-container .info-data-block .info-data-block-left .upload-avatar-block .camera{max-width:1.25rem}.myinfo-container .info-data-block .info-data-block-left .userinfo-data{width:100%;margin-left:.625rem}.myinfo-container .info-data-block .info-data-block-left .userinfo-data p:first-child{font-size:1rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;font-size:1rem!important}.myinfo-container .info-data-block .info-data-block-left .userinfo-data .user-sig-no-fold,.myinfo-container .info-data-block .info-data-block-left .userinfo-data p:nth-child(2){font-size:.875rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.myinfo-container .info-data-block .author-len{max-width:26.25rem!important}.myinfo-container .info-data-block .info-data-block-right .edit-btn{width:5.1875rem;line-height:2.125rem;height:2.125rem;border-radius:7px;font-size:1rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .info-data-block .info-data-block-right .data-show-list ul{margin-top:0}.myinfo-container .info-data-block .info-data-block-right .data-show-list .title{font-size:.75rem;font-weight:500!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;font-size:.75rem!important}.myinfo-container .info-data-block .info-data-block-right .data-show-list .num{font-size:.6875rem;font-weight:500!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .info-data-block .info-data-block-right .data-show-list .data-divider{height:30px}.myinfo-container .title-playmenu{padding:0 1.25rem;margin-top:1.6875rem}.myinfo-container .title-playmenu p:first-child,.myinfo-container .title-playmenu p:nth-child(2){font-size:1rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu p:nth-child(2){width:auto!important;height:2.125rem!important;line-height:2.125rem;border-radius:7px;padding:0 .53125rem}.myinfo-container .title-playmenu-multip{margin-top:1.6875rem}.myinfo-container .title-playmenu-multip .go-back{font-size:1rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu-multip .go-back img{width:1.25rem!important;height:1.25rem!important}.myinfo-container .title-playmenu-multip .play-btn span:first-child{font-size:1rem;font-weight:400!important;color:#e84747!important;margin-bottom:0}.myinfo-container .title-playmenu-multip .play-btn span:nth-child(2){padding-left:1.75rem;font-size:1rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list{padding:0 20px;margin-top:29px;box-shadow:none;border-radius:10px}.myinfo-container .focus-list .focus-item{min-height:5rem}.myinfo-container .focus-list .focus-item .focus-list-left{max-width:50%}.myinfo-container .focus-list .focus-item .focus-list-left .short-name{width:2.25rem!important;height:2.25rem!important;min-width:2.25rem;width:2.25rem;max-width:2.25rem;line-height:2.25rem;font-size:.875rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig{width:480px;margin-left:.625rem}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:first-child{font-size:.875rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:nth-child(2){font-size:.875rem;font-weight:300!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right .item-1{font-size:1.125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right .item-2{margin-left:1rem;padding:1.125rem;background:#fafafa;border-radius:4px}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 img{width:3.875rem!important;height:1.875rem!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 span{padding-left:1.125rem;font-size:1.125rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right .item-3{width:5.1875rem;margin-left:2.5rem;line-height:2.125rem;height:2.125rem!important;border-radius:7px;font-size:1rem;font-weight:300!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right .item-3-hover{display:none;width:5.1875rem;margin-left:2.5rem;line-height:2.125rem;height:2.125rem!important;border-radius:102px;font-size:1rem;font-weight:300!important;color:#fff!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right .control-hover:hover .item-3{display:none}.myinfo-container .focus-list .focus-item .focus-list-right .control-hover:hover .item-3-hover{display:block}.myinfo-container .no-data{font-size:.9375rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;padding:10px 0 10px 20px}.myinfo-container .preset-list-container .preset-list-flex{justify-content:space-around}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){.myinfo-container .preset-list-container .preset-list-flex{justify-content:space-between!important}}@media only screen and (min-width:768px)and (max-width:1150px){.myinfo-container .preset-list-container .preset-list-flex .list-item-block{width:285px}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .state-count .state-count-right .preset-date{font-size:12px}}@media only screen and (min-width:768px)and (max-width:1150px){.myinfo-container .preset-list-container .preset-list-flex:after{content:"";width:17.8125rem}}@media only screen and (min-width:768px)and (max-width:1150px){.editmyinfo-container{width:100%}.editmyinfo-container .title-name{font-size:1rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.editmyinfo-container .title-name img{width:1.25rem!important;height:1.25rem!important}.editmyinfo-container .setting-tab .tabs-container{padding-top:20px;font-size:14px}.editmyinfo-container .form-block{width:100%;padding:20px 15px 45px;border-radius:10px}.editmyinfo-container .form-block .short-name{width:4.0625rem;line-height:4.0625rem;font-size:2rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.editmyinfo-container .form-block .input-div{margin-top:1.25rem}.editmyinfo-container .form-block .input-div .lable{font-size:1rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .input{width:20.875rem!important;height:2.25rem!important;padding-left:.5rem}.editmyinfo-container .form-block .input-div .input,.editmyinfo-container .form-block .input-div .textarea{border-radius:5px;font-size:1rem;font-weight:400!important;color:#404040!important;color:var(--preset-text-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .textarea{width:100%!important;height:5.375rem!important;padding:.6875rem .5rem}.editmyinfo-container .form-block .input-div .info-select{width:20.875rem!important;height:2.25rem!important;padding:0 .5rem;font-size:1rem;font-weight:400!important;color:#404040!important;color:var(--preset-text-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .info-select .v-btn__content span{width:12.5rem;height:2.25rem!important;line-height:2.25rem}.editmyinfo-container .form-block .input-div .info-select-light-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll #e5e5e5 98%/7%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll var(--preset-input-bg-color) 98%/7%}.editmyinfo-container .form-block .input-div .info-select-dark-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll #e5e5e5 98%/7%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll var(--preset-input-bg-color) 98%/7%}.editmyinfo-container .form-block .button-sub{width:5.5rem!important;height:2.25rem!important;margin-top:1.25rem;border-radius:3px;font-size:1rem;font-weight:400!important;color:#fff!important;margin-bottom:0}.editmyinfo-container .form-block .tab-title{font-size:14px}}@media only screen and (min-width:768px)and (max-width:1150px){.empty-container .not-found-tip{margin-top:0;font-size:1rem}.empty-container .not-found-tip .key-word-block .key-word-content .key-word span,.empty-container .not-found-tip .key-word-block .key-word-title{font-size:1rem!important}.empty-container img{width:80%;height:auto}}@media only screen and (min-width:768px)and (max-width:1150px){.pub-share-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50}.pub-share-container .share-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.pub-share-container .share-small-container{position:absolute;top:11.1875rem;width:27.625rem;padding:1.5625rem;border-radius:1.25rem}.pub-share-container .share-small-container .share-userinfo{display:flex;justify-content:flex-start;align-items:center}.pub-share-container .share-small-container .share-userinfo .item-1{width:2.6875rem!important;height:2.6875rem!important;background:#71b47f;border-radius:50%;font-size:1.1875rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;flex-shrink:0;background-size:cover;background-position:50%}.pub-share-container .share-small-container .share-userinfo .item-2{width:80%;padding-left:1.375rem}.pub-share-container .share-small-container .share-userinfo .item-2 p{margin-bottom:0}.pub-share-container .share-small-container .share-userinfo .item-2 p:first-child{font-size:1rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0}.pub-share-container .share-small-container .share-userinfo .item-2 p:nth-child(2){font-size:1rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-share-container .share-small-container .preset-name{margin-top:.75rem;font-size:1rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.pub-share-container .share-small-container .preset-info{font-size:1rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;white-space:normal;max-width:24.375rem;max-height:44px}.pub-share-container .share-big-container{position:absolute;top:12.8125rem;width:31.625rem;padding:2rem;box-shadow:0 .1875rem .375rem hsla(0,0%,83.5%,.31);border-radius:1.25rem}.pub-share-container .share-big-container .share-tip{margin-top:8.5rem;font-size:1.125rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.pub-share-container .share-big-container .share-plateform{display:flex;justify-content:center;margin-top:1rem}.pub-share-container .share-big-container .share-plateform img{width:2.625rem!important;height:2.625rem!important;margin:0 .875rem}.pub-share-container .share-big-container .copy-link{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem}.pub-share-container .share-big-container .copy-link input{width:20rem!important;height:2.25rem!important;padding-left:.375rem;border:.0625rem solid #97989e;border-radius:8px;font-size:.6875rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0}.pub-share-container .share-big-container .copy-link span{margin-left:0;padding:.5rem .75rem .4375rem;background:#3e5ff1;border-radius:8px;font-size:1rem;font-weight:700!important;color:#fff!important;margin-bottom:0}}@media only screen and (min-width:768px)and (max-width:1150px){.v-dialog .v-sheet.v-card:not(.v-sheet--outlined){box-shadow:none}.v-dialog .pub-close-icon{position:absolute;right:10px;width:1.25rem;height:1.25rem;top:15px;cursor:pointer;z-index:999}.v-dialog .pub-title{display:flex;justify-content:center;align-items:center;margin-top:1.4375rem}.v-dialog .pub-title .pub-title-text{font-size:1.375rem;font-weight:700;line-height:2.3125rem;color:#636468}.v-dialog .pub-info-text{margin-top:.3125rem;font-size:1rem;font-weight:400;line-height:1.6875rem}.v-dialog .pub-btn-block{display:flex;justify-content:center;align-items:center;margin-bottom:1.875rem;margin-top:.625rem}.v-dialog .pub-btn-block button{border-radius:4px;width:5.125rem;height:2.5rem!important;font-size:1.125rem;box-shadow:none;text-transform:capitalize;letter-spacing:0}}@media only screen and (min-width:768px)and (max-width:1150px){.tab-block{max-width:690px;width:690px;padding:0;margin:0 auto}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){.tab-block{max-width:872px!important;width:872px!important}}@media only screen and (min-width:768px)and (max-width:1150px){.tab-block .tabs{max-width:100%;width:100%}}@media only screen and (min-width:768px)and (max-width:1150px){.notice-container{width:44.375rem;padding:1.25rem 0}.notice-container .notice-header .bell-img{max-width:1.75rem}.notice-container .notice-header .notice-header-title{margin-left:.9375rem;font-size:1.125rem}.notice-container .notice-content .notice-tab-container{padding:0 .9375rem 0 0}.notice-container .notice-content .notice-tab-container .tabs{position:sticky;top:8.75rem}.notice-container .notice-content .notice-tab-container .tabs .tab{margin-bottom:.625rem;font-size:1.125rem;cursor:pointer}.notice-container .notice-content .notice-tab-container .tabs .setting-tab{margin-top:18px}.notice-container .notice-content .notice-list-container .v-list-item__title .produce-name{font-size:1rem}.notice-container .notice-content .notice-list-container .v-list-item__title .notice-date{font-size:.8125rem}.notice-container .notice-content .notice-list-container .v-list-item__subtitle .comment-content,.notice-container .notice-content .notice-list-container .v-list-item__subtitle .replied-comment-content{font-size:.875rem}.notice-container .notice-content .notice-list-container .v-avatar{height:2.5rem!important;min-width:2.5rem!important;width:2.5rem!important}}@media only screen and (min-width:768px)and (max-width:1150px){.notice-message-container .info-text{font-size:14px!important}.notice-message-container .comment-content{display:block;margin-top:6px;padding:4px;font-size:14px}}@media only screen and (min-width:768px)and (max-width:1150px){.scrollbar{overflow:auto;float:left;border:none}}@media only screen and (min-width:768px)and (max-width:1150px){.scrollbar::-webkit-scrollbar{display:block;width:5px;height:1px}}@media only screen and (min-width:768px)and (max-width:1150px){.scrollbar::-webkit-scrollbar-thumb{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #18223e;background:#535353}}@media only screen and (min-width:768px)and (max-width:1150px){.scrollbar::-webkit-scrollbar-track{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #101728;background:#ededed}}@media only screen and (min-width:768px)and (max-width:1150px){.scrollbar{scrollbar-3d-light-color:initial;scrollbar-highlight-color:initial;scrollbar-face-color:initial;scrollbar-arrow-color:initial;scrollbar-shadow-color:initial;scrollbar-dark-shadow-color:initial;scrollbar-base-color:initial}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-content-container{width:690px}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){.forum-content-container{width:872px!important}}@media only screen and (min-width:768px)and (max-width:1150px)and (max-width:1023px){.forum-content-container-w{width:690px}.forum-content-container-w .forum-discussion-menu{display:none}.forum-content-container-w .mobile-index-post-btn{position:fixed;display:inline-flex!important;width:200px;left:0;right:0;bottom:13px;margin:0 auto;color:#fff;z-index:9}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){.forum-content-container-w{width:872px}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-discussion-menu{top:128px}.forum-discussion-menu .post-btn{height:32px!important}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-banner-container .banner-text{width:80%}.forum-banner-container .banner-text h2{font-size:18px}.forum-banner-container .banner-text .post-btn,.forum-banner-container .banner-text p{font-size:13px}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-index-container .forum-content-container-w .index-flex-left{width:690px}}@media only screen and (min-width:768px)and (max-width:1150px)and (max-width:1023px){.forum-index-container .forum-content-container-w .index-flex-right{display:none}}@media only screen and (min-width:768px)and (max-width:1150px)and (min-width:1024px){.forum-index-container .forum-content-container-w .index-flex-right{width:170px}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-index-discussion-type-container{margin-top:16px}.forum-index-discussion-type-container .discussion-type{margin-top:15px}.forum-index-discussion-type-container .discussion-sub-type{width:340px;max-width:340px;padding:10px;margin-top:15px}.forum-index-discussion-type-container .discussion-sub-type .sub-type-badge-icon{min-width:60px;max-width:60px;height:60px}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info{margin-left:10px}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .index-sub-type-name{font-size:16px}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .sub-type-desc{font-size:13px;line-height:15px}.forum-index-discussion-type-container .discussion-sub-type-layout:after{width:220px}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-index-discussion-type-container .data-title,.forum-index-discussions-container .data-title,.forum-index-rank-container .data-title{font-size:16px}.forum-index-discussion-type-container .learn-more .v-icon,.forum-index-discussions-container .learn-more .v-icon,.forum-index-rank-container .learn-more .v-icon{font-size:24px;margin-bottom:3px}.forum-index-discussion-type-container .learn-more span,.forum-index-discussions-container .learn-more span,.forum-index-rank-container .learn-more span{margin-right:-10px}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-index-discussions-container .index-discussion{width:690px;padding:10px}.forum-index-discussions-container .index-discussion .discussion-theme{font-size:16px;width:450px}.forum-index-discussions-container .index-discussion .discussion-desc{font-size:14px}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data{margin-right:25px}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data img{width:12px}.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-data span,.forum-index-discussions-container .index-discussion .index-discussion-footer .footer-flex .footer-right-date{font-size:12px}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-index-rank-container{top:124px;margin-top:16px}.forum-index-rank-container .index-post-btn{height:32px!important;font-size:14px;margin-bottom:8px}.forum-index-rank-container .rank-content{padding:8px;border-radius:6px}.forum-index-rank-container .rank-content .blue-divider{width:3px;height:20px}.forum-index-rank-container .rank-content .rank-title{margin-left:6px;font-size:16px}.forum-index-rank-container .discussions{padding:5px 0}.forum-index-rank-container .discussions img{width:12px}.forum-index-rank-container .discussions span{font-size:12px}.forum-index-rank-container .discussions .rank-discussion-theme{font-size:14px;line-height:16px}.forum-index-rank-container .hot-tags .hot-tag{margin-right:5px;margin-bottom:5px;padding:3px 5px;font-size:14px}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-discussion-list-container{width:690px}.forum-discussion-list-container .keyword-input-container{margin-left:0}.forum-discussion-list-container .keyword-input-container input{width:500px;height:32px;padding:0 5px;border-radius:6px}.forum-discussion-list-container .keyword-input-container img{height:20px;left:3px;top:6px}.forum-discussion-list-container .search-results-text{font-size:14px;margin-top:12px}.forum-discussion-list-container .sub-sorter .theme{font-size:12px}}@media only screen and (min-width:768px)and (max-width:1150px)and (max-width:1023px){.forum-discussion-list-container .sub-sorter .theme{max-width:72%;flex-basis:72%}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-discussion-list-container .sub-sorter .sub-sorter-item span{font-size:12px}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn{width:160px}.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn .item-name{width:135px}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-discussion-list-container .discussion{width:100%}.forum-discussion-list-container .discussion .discussion-main-content{margin-top:10px}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .essence{font-size:14px;padding:2px 4px;line-height:18px}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .discussion-desc{margin-top:5px}.forum-discussion-list-container .discussion .discussion-main-content .reply-users{padding:0 8px}.forum-discussion-list-container .discussion .discussion-main-content .reply-users div{height:24px}.forum-discussion-list-container .discussion .discussion-main-content .stat-data{font-size:13px}.forum-discussion-list-container .discussion .discussion-tags div{margin:4px 8px 0 0;padding:2px 4px;font-size:12px}.forum-discussion-list-container .discussion .reply-block{margin-top:15px;padding:6px;font-size:14px}.forum-discussion-list-container .discussion .deleted-info-row .reason-flex span{font-size:14px}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex .v-btn{border-radius:7px;height:35px!important;padding:0 10px!important;font-size:14px}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-sorter-container{height:20px;margin-left:3px}.forum-sorter-container .sorter{border-left:4px solid transparent;border-right:4px solid transparent}.forum-sorter-container .asc-sorter{border-bottom:8px solid #d0d7f4}.forum-sorter-container .desc-sorter{border-top:8px solid #d0d7f4}.forum-sorter-container .asc-sorter-active{border-bottom-color:#3e5ff1}.forum-sorter-container .desc-sorter-active{border-top-color:#3e5ff1}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-discussion-detail-container{padding:15px 20px 45px}.forum-discussion-detail-container .mobile-product-name{font-size:12px}.forum-discussion-detail-container .discussion-theme{margin-bottom:6px}.forum-discussion-detail-container .discussion-initiator{height:24px;font-size:14px;line-height:16px;padding:3px 8px}.forum-discussion-detail-container .discussion-opt-row{width:300px}.forum-discussion-detail-container .discussion-opt-row div img{width:16px;margin-right:5px}.forum-discussion-detail-container .discussion-content,.forum-discussion-detail-container .discussion-opt-row div span{font-size:14px}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-reply-content-dialog .v-card .outer-editor-container .content-editor{height:180px;margin:.5rem .9375rem}.forum-reply-content-dialog .v-card .inner-editor-container{width:90%}.forum-reply-content-dialog .v-card .inner-editor-container .content-editor{min-height:30px;margin:5px 0;padding:5px}.forum-reply-content-dialog .v-card .content-editor{font-size:14px;line-height:20px}.forum-reply-content-dialog .v-card .content-editor img{width:40px}.forum-reply-content-dialog .v-card .v-icon{color:#4f525e;font-size:25px}.forum-reply-content-dialog .reply-editor-btn{width:75px;height:36px!important;font-size:16px!important;border-radius:3px!important}}@media only screen and (min-width:768px)and (max-width:1150px){.parent-reply-content .reply-label{min-width:40px;max-width:40px;padding-top:5px;font-size:14px;line-height:20px}.parent-reply-content .parent-reply-outer{padding:5px;border-radius:4px}.parent-reply-content .parent-reply-outer .parent-reply{font-size:14px;line-height:20px}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-menu .menu-select-btn-1{height:32px!important}.forum-menu .menu-select-btn-1 .item-name{padding-left:5px}}@media only screen and (min-width:768px)and (max-width:1150px){.discussion-type-menu .menu-select-btn{width:160px;height:32px!important}.discussion-type-menu .menu-select-btn .item-name{width:135px}.discussion-type-menu .menu-select-btn .item-name .list-dot{width:12px;height:12px;margin-right:3px}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-post-container{padding:15px 20px 45px;border-radius:6px}.forum-post-container .title-row{font-size:18px}.forum-post-container .radio-label{font-size:14px}.forum-post-container .forum-input{height:40px;font-size:14px}.forum-post-container .forum-tag-input-container .tag-block{padding:0 5px;height:36px}.forum-post-container .forum-tag-input-container .tag-block .chip-block .v-chip{height:30px;padding:0 5px;border-radius:16px}.forum-post-container .forum-tag-input-container .tag-block .input-block input{width:100%;height:36px;padding-left:5px;font-size:14px}.forum-post-container .forum-tag-input-container .rec-tag-block .rec-title{font-size:14px;margin-right:10px}.forum-post-container .forum-tag-input-container .rec-tag-block .rec-tag{margin-right:8px;padding:3px 5px;font-size:14px}.forum-post-container .forum-tag-input-container .rec-tag-block div{margin-top:5px}.forum-post-container .btns-row .v-btn{border-radius:3px;font-size:14px}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-breadcrumb-container .v-breadcrumbs li .v-breadcrumbs__item{font-size:14px}.forum-breadcrumb-container .v-breadcrumbs .v-breadcrumbs__divider .v-icon{font-size:20px}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-img-view-container img{max-width:600px}}@media only screen and (min-width:768px)and (max-width:1150px){.avatar-circle-with-border{width:28px;height:28px;font-size:13px;line-height:28px}}@media only screen and (min-width:768px)and (max-width:1150px){.discussion-theme{font-size:14px;overflow:hidden;text-overflow:ellipsis}}@media only screen and (min-width:768px)and (max-width:1150px){.discussion-product{font-size:12px}}@media only screen and (min-width:768px)and (max-width:1150px){.discussion-badge{width:10px;height:10px;border-radius:4px}}@media only screen and (min-width:768px)and (max-width:1150px){.sub-type-name{margin-left:6px;font-size:12px}}@media only screen and (min-width:768px)and (max-width:1150px){.discussion-desc{font-size:13px;line-height:18px}}@media only screen and (min-width:768px)and (max-width:1150px){.discussion-user-name{margin-left:10px;font-size:13px}}@media only screen and (min-width:768px)and (max-width:1150px){.discussion-date{margin-left:8px;font-size:12px}}@media only screen and (min-width:768px)and (max-width:1150px){.font-14-pad{font-size:14px!important}}@media only screen and (min-width:768px)and (max-width:1150px){.forum-user-menu__content{min-width:200px}.forum-user-menu__content .forum-user-card{width:200px}.forum-user-menu__content .forum-user-card .focus-btn{font-size:14px}.forum-user-menu__content .forum-user-card .forum-stat .num{font-size:16px}.forum-user-menu__content .forum-user-card .forum-stat .stat-title,.forum-user-menu__content .forum-user-card .join-time{font-size:14px}}@media only screen and (min-width:768px)and (max-width:1150px){.emoji-list{width:180px}.emoji-list .emoji-item{font-size:14px}}@media only screen and (min-width:320px)and (max-width:767px){a,div,i,img{-webkit-tap-highlight-color:transparent;outline:none}.iphone-hid{display:none!important}.iphone-show{display:block!important}.iphone-show-flex{display:flex!important}.scrollbar{overflow:auto;float:left;border:none}.scrollbar::-webkit-scrollbar{display:block;width:5px;height:1px}.scrollbar::-webkit-scrollbar-thumb{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #18223e;background:#535353}.scrollbar::-webkit-scrollbar-track{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #101728;background:#ededed}.scrollbar{scrollbar-3d-light-color:initial;scrollbar-highlight-color:initial;scrollbar-face-color:initial;scrollbar-arrow-color:initial;scrollbar-shadow-color:initial;scrollbar-dark-shadow-color:initial;scrollbar-base-color:initial}body{margin:0 auto;max-width:768px}.main-content-container{height:100%;flex-wrap:nowrap!important;padding:0 10px;margin-top:0}.content-block,.main-content-container{width:100%;display:flex;justify-content:center}.content-block{flex-wrap:nowrap}.content-block .search-count{font-size:.875rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.content-block .row-1{width:21.5625rem;margin:1.25rem auto;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:nowrap!important}.content-block .row-1 .phone-wrap{width:180px;max-width:180px;flex-wrap:wrap}.content-block .row-1 .select-self-style{height:35px!important;padding-left:4px!important;font-size:.8125rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:1.6875rem;margin-bottom:0;padding-right:1px!important}.content-block .row-1 .select-self-style .v-btn__content{line-height:1em}.content-block .row-1 .select-self-style .icon-1{position:absolute;right:0;font-size:1.125rem!important}.content-block .row-1 .select-en-1ength{width:108px!important}.content-block .row-1 .ellipsis-select-btn-2{width:108px;justify-content:flex-start;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll #f5f5f5 96%/8%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll var(--filter-btn-bg-color) 96%/8%}.content-block .row-1 .ellipsis-select-btn-2 span{max-width:88px}.content-block .row-1 .ellipsis-select-btn-1{margin:7px 7px 0 0;justify-content:flex-start;width:76px;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll #f5f5f5 93%/11%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down.svg) no-repeat scroll var(--filter-btn-bg-color) 93%/11%}.content-block .row-1 .ellipsis-select-btn-1 span{max-width:56px}.content-block .row-1 .self-btn-1{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;height:35px;width:62px;padding:0 4px;font-size:.8125rem;font-weight:400;color:#636468!important;line-height:.8125rem;margin-bottom:0;border-radius:5px}.content-block .row-1 .self-btn-1 img{width:.875rem!important;height:.875rem!important;margin-right:6px}.content-block .row-1 .self-btn-1-default{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;height:35px;width:62px;padding:0 4px;font-size:.8125rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:.8125rem;margin-bottom:0;border-radius:5px}.content-block .row-1 .self-btn-1-default img{width:.875rem!important;height:.875rem!important;margin-right:6px}.content-block .input-container{position:relative;width:100%;margin-bottom:20px}.content-block .input-container input{width:100%;height:35px;padding:0 40px 0 10px;background:#fcfcfc;background:var(--header-bg-color);border-radius:6px;outline:none}.content-block .input-container img{position:absolute;height:24px;right:10px;top:5px}.content-block .selections-block{width:20.9375rem;margin:0 auto;justify-content:space-between}.content-block .selections-block .selection-block{display:flex;align-items:center;flex-direction:row!important;margin-right:0!important}.content-block .selections-block .selection-block .filter-title{width:auto!important;font-size:.875rem;font-weight:500;line-height:2rem;height:2rem;padding-top:.25rem}.content-block .selections-block .selection-block .select-self-style-2{margin-left:.625rem;padding-left:.4375rem!important;padding-right:.125rem!important;width:6.5625rem!important;height:2rem!important;font-size:.8125rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:.8125rem;margin-bottom:0;border-radius:7px;margin-top:.5rem;text-align:left}.content-block .selections-block .selection-block .select-self-style-2 .v-btn__content{line-height:2rem!important;height:2rem!important;width:5.75rem!important}.content-block .selections-block .selection-block .select-self-style-2 .v-btn__content span{line-height:2rem!important;height:2rem!important;width:5rem!important}.content-block .selections-block .selection-block .select-self-style-2 .v-btn__content .icon-1{position:absolute;right:0;font-size:1.125rem!important;top:.375rem!important}.content-block .row-2{width:100%;margin-bottom:1rem;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.content-block .row-2 .select-self-style-2{width:7.6875rem!important;height:1.75rem!important;padding-left:.625rem;font-size:.75rem;font-weight:400;color:#636468!important;line-height:1.0625rem;margin-bottom:0;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:url(https://res.hotoneaudio.com/prod/preset/img/select.png) no-repeat scroll transparent 98%;padding-right:1.125rem;border:1px solid #707070;border-radius:6px;background-size:5%}.content-block .row-2 .row-2-div{display:flex;justify-content:flex-start;align-items:center;margin-right:1.5625rem}.content-block .row-2 .row-2-div span{font-size:.875rem;font-weight:500;color:#414141!important;line-height:1.5rem;margin-bottom:0;padding-right:1.125rem}.content-block .hot-tag-list{display:flex;flex-direction:row;align-items:center!important;width:20.9375rem;margin:0 auto .75rem}.content-block .hot-tag-list h3{font-size:.875rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.5rem;margin-bottom:0;margin-right:.25rem;height:2.25rem;padding-top:.625rem}.content-block .hot-tag-list div{display:flex;margin-top:.625rem}.content-block .hot-tag-list div p{width:auto;line-height:1.25rem;margin-right:.5rem;border-radius:7px;height:2rem;font-size:.875rem;font-weight:400;color:#88898d!important;color:var(--filter-btn-color)!important;line-height:2rem;margin-bottom:0;text-align:center}.content-block .hot-tag-list div .acticon{background:#3e5ff1!important;font-size:.875rem;font-weight:400;color:#fff!important;line-height:2rem;margin-bottom:0;border:1px solid #3e5ff1}.content-block .check-block{margin-top:.75rem}.content-block .check-block h3{font-size:.875rem;font-weight:500;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.9375rem;margin-bottom:0;padding-right:1.125rem}.content-block .check-block .checkboxs .custom-checkbox{margin-top:.3125rem!important;padding-top:0!important}.content-block .check-block .checkboxs .custom-checkbox i{font-size:20px}.content-block .check-block .checkboxs .custom-checkbox label{font-size:14px!important}.content-block .check-block .checkboxs .custom-checkbox .mdi-checkbox-blank-outline,.content-block .check-block .checkboxs .custom-checkbox label{color:#88898d!important;color:var(--filter-btn-color)!important}.content-block .check-block .checkboxs .custom-checkbox-right{margin-left:.625rem}.content-block .page-item{display:flex;justify-content:center}.content-block-s{width:345px}.index-banner-container{width:100%;max-width:100%;margin-top:0}.index-banner-container .img-container{margin-top:0;height:234px}.index-banner-container .img-container .behind-img-container{display:none}.index-banner-container .img-container .current-img-container{height:234px}.index-banner-container .img-container .current-img-container .left-hover-block{left:6px;position:absolute;width:34px;height:34px;z-index:99}.index-banner-container .img-container .current-img-container .right-hover-block{right:6px;position:absolute;width:34px;height:34px}.index-banner-container .img-container .current-img-container .img-change-icon{opacity:1;visibility:visible;height:34px;font-size:34px}.index-banner-container .img-container .current-img-container .v-image{height:234px;width:100%;border-radius:0}.index-banner-container .img-index-container{margin-top:10px}.homepage .index-container .index-row{width:100%}.homepage .index-container .index-row-height{height:600px}.homepage .index-container .index-preset-row-height{height:660px}.homepage .index-container .mobile-index-row-height-1{height:502px}.homepage .index-container .preset .avatar-large{max-width:40px;min-width:40px;min-height:40px}.homepage .index-container .preset .avatar-s{width:32px;height:32px;max-width:32px;min-height:32px}.homepage .index-container .preset .preset-text{max-width:270px}.homepage .index-container .preset .preset-text .preset-info{font-size:12px}.homepage .index-container .preset .name{margin-left:6px;font-size:14px}.homepage .index-container .mobile-preset{margin:25px 0 5px!important}.homepage .index-container .preset-list{padding-left:0}.homepage .index-container .preset-list .preset-in-list{padding:0 5px;margin:5px 0!important}.homepage .index-content{max-width:335px;min-width:335px}.homepage .index-content h2{font-size:16px;text-align:center}.homepage .index-content .index-text{font-size:14px;text-align:center}.homepage .index-content .text-flex{padding-right:0}.homepage .index-content .img-flex{padding-left:0}.homepage .index-content .learn-more{font-size:14px;line-height:24px}.homepage .index-content .learn-more span{margin-right:-4px}.homepage .index-content .upload-img{width:100%}.package-news-container{max-width:345px;width:345px;padding:10px 15px}.package-news-container .cover-img{height:200px;border-radius:10px}.package-news-container .all-download-btn-container .all-download-btn{font-size:13px}.package-news-container .author-preset .author-col .avatar{border-radius:18px;width:58px;height:58px}.package-news-container .author-preset .preset-col{margin-top:10px}.package-news-container .author-preset .preset-col .preset-list .preset .preset-name{width:75%}.v-list-item{font-size:14px!important}.ant-pagination{padding-left:0!important}.ant-pagination .ant-pagination-jump-next,.ant-pagination .ant-pagination-jump-prev{max-width:20px!important;width:20px!important;min-width:20px!important;margin-right:6px}.ant-pagination-prev{width:3.875rem;height:1.875rem;margin-right:6px;line-height:0;font-size:.75rem!important;border-radius:7px}.ant-pagination-prev a{line-height:1.75rem}.ant-pagination-next{width:3.875rem;height:1.875rem;margin:0;font-size:.75rem!important;border-radius:7px}.ant-pagination-next a{padding:0 .625rem;line-height:1.75rem}.ant-pagination-item{max-width:27px!important;width:27px!important;min-width:27px!important;margin-right:6px;font-size:12px!important;line-height:0;border-radius:5px!important}.ant-pagination-item a{line-height:1.75rem;padding:0}.ant-pagination-item-ellipsis{font-size:10px;letter-spacing:-5px!important;text-indent:0!important}.message-container{width:345px}.message-container .page-title{font-size:16px}.message-container .message-box{height:500px}.message-container .message-box .message-user{flex-basis:100%;max-width:100%}.message-container .message-box .message-user .chat-user-container{height:500px}.message-container .message-box .message-user .chat-user-container .chat-user-item{padding:8px}.message-container .message-box .message-user .chat-user-container .chat-user-item .date{top:8px;right:10px;font-size:12px}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info{margin-left:8px}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .name{max-width:70px;font-size:12px}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .message{max-width:170px;font-size:12px}}@media only screen and (min-width:320px)and (max-width:767px)and (min-width:1024px){.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .name{max-width:130px}.message-container .message-box .message-user .chat-user-container .chat-user-item .message-info .message{max-width:230px}}@media only screen and (min-width:320px)and (max-width:767px){.message-container .message-box .message-content{flex-basis:100%;max-width:100%}.message-container .message-box .message-content .message-box-header{padding:0}.message-container .message-box .message-content .message-box-header .v-icon{font-size:30px}.message-container .message-box .message-content .chat-content-container .chat-item .chat-time{font-size:11px}.message-container .message-box .message-content .chat-content-container .chat-item .message{font-size:12px}.message-container .message-box .message-content .chat-content-container .chat-item .message-width{max-width:80%}.message-container .message-box .message-content .chat-input-container .emoji-img-input .v-icon{font-size:24px}.message-container .message-box .message-content .chat-input-container .send-btn .v-btn{width:64px;height:32px;border-radius:5px;font-size:14px}}@media only screen and (min-width:320px)and (max-width:767px){html{font-size:16px!important}html body{margin:0 auto;max-width:768px;background:#fafafa}html #preset-container{margin-top:0;padding-top:0;width:345px}html #preset-container .v-form .content-container{padding:0!important;margin-top:0;width:20.9375rem}html #preset-container .v-form .content-container .use-profile{display:block}html #preset-container .v-form .content-container .use-profile .profile-title2{margin-top:.625rem}html #preset-container .v-form .content-container .file-upload-block .ant-upload-drag .ant-upload .ant-upload-drag-container .ant-upload-drag-icon i{font-size:2.0625rem}html #preset-container .v-form .content-container .file-upload-block .ant-upload-drag .ant-upload .ant-upload-drag-container .ant-upload-drag-icon .anticon-cloud-upload svg{fill:#707070;fill:var(--feedbcak-color)}html #preset-container .v-form .content-container .select-product{padding:.9375rem 0 .9375rem .9375rem;border-radius:10px}html #preset-container .v-form .content-container .select-product h4{font-size:.9375rem}html #preset-container .v-form .content-container .product-check-show{display:flex;margin-top:.9375rem;justify-self:space-between;text-align:center}html #preset-container .v-form .content-container .product-check-show .show-label .lable-item{padding-right:0}html #preset-container .v-form .content-container .product-check-show .show-label .lable-item p{font-size:.875rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:1rem;margin:0 .625rem 0 0;width:3.625rem;text-align:left}html #preset-container .v-form .content-container .product-check-show .show-label .lable-item .select-btn{max-width:8.125rem!important;min-width:8.125rem!important;height:2.25rem}html #preset-container .v-form .content-container .product-check-show .show-label .lable-item .select-btn .v-btn__content{font-size:.875rem}html #preset-container .v-form .content-container .product-check-show .show-label .lable-item .select-btn .v-btn__content span{width:6.875rem}html #preset-container .v-form .content-container .product-check-show .show-label .lable-item .select-btn-bg-light{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-light.svg) no-repeat scroll var(--preset-select-bg-color) 98%/12%}html #preset-container .v-form .content-container .product-check-show .show-label .lable-item .select-btn-bg-dark{background:url(https://res.hotoneaudio.com/prod/preset/img/menu-down-dark.svg) no-repeat scroll var(--preset-select-bg-color) 98%/12%}html #preset-container .v-form .content-container .product-check-show img{width:30%!important;margin-right:.3125rem!important}html #preset-container .v-form .content-container .preset-match{margin-top:.3125rem;flex-wrap:wrap!important}html #preset-container .v-form .content-container .preset-match p:first-child{font-size:.875rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:2.5625rem;margin-bottom:0;margin-right:10px}html #preset-container .v-form .content-container .preset-match p:nth-child(2){margin-left:0;font-size:.875rem;font-weight:700;color:#818181!important;line-height:2.5625rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}html #preset-container .v-form .content-container .content-form{margin-top:0}html #preset-container .v-form .content-container .content-form .col-12{padding:0!important}html #preset-container .v-form .content-container .content-form .col-12 .row{width:20.9375rem;margin:0}html #preset-container .v-form .content-container .content-form .col{padding:0!important}html #preset-container .v-form .content-container .content-form .v-input-self-mgbm{font-size:1rem!important;padding-bottom:0!important;margin-bottom:0!important}html #preset-container .v-form .content-container .content-form .v-input-self-mgbm .v-input__control .v-text-field__details{margin-top:.4375rem!important}html #preset-container .v-form .content-container .content-form .v-input-self-mgbm .v-input__control .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message{font-size:.875rem!important;line-height:.875rem!important}html #preset-container .v-form .content-container .content-form .v-input-self-mgbm .v-input__control .v-input__slot{min-height:2.5rem!important}html #preset-container .v-form .content-container .content-form .form-length{width:20.9375rem!important}html #preset-container .v-form .content-container .content-form .v-form-h{height:2.5rem!important;width:15.625rem!important}html #preset-container .v-form .content-container .content-form .hint-tips{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:.875rem!important}html #preset-container .v-form .content-container .content-form .hint-tips .v-messages__wrapper .v-messages__message{font-size:.875rem!important}html #preset-container .v-form .content-container .content-form .hint-tips-1{transition:.9s cubic-bezier(.25,.8,.5,1);margin-top:.875rem}html #preset-container .v-form .content-container .content-form .hint-tips-1 .v-messages__wrapper .v-messages__message{font-size:.875rem!important}html #preset-container .v-form .content-container .content-form .form-title{align-items:center}html #preset-container .v-form .content-container .content-form .form-title .form-label{white-space:nowrap}html #preset-container .v-form .content-container .content-form .select-btn{padding-left:1.5rem!important}html #preset-container .v-form .content-container .content-form .select-btn .v-btn__content{height:2.5rem}html #preset-container .v-form .content-container .content-form .select-btn .v-btn__content span{width:12.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:2.5625rem;padding-right:0}html #preset-container .v-form .content-container .content-form .select-btn .v-btn__content i{top:.75rem}html #preset-container .v-form .content-container .content-form .empty-text{font-weight:400}html #preset-container .v-form .content-container .content-form .media-margin{margin-top:.625rem!important}html #preset-container .v-form .content-container .content-form .v-row-height{margin-top:1.25rem!important}html #preset-container .v-form .content-container .content-form .v-select__slot .v-select__selections{font-size:1rem!important}html #preset-container .v-form .content-container .content-form .v-textarea .v-input__control .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message{font-size:.875rem!important;line-height:.875rem!important}html #preset-container .v-form .content-container .content-form .v-textarea .v-input__control .v-input__slot{min-height:3rem!important}html #preset-container .v-form .content-container .content-form textarea{font-size:1rem!important}html #preset-container .v-form .content-container .content-form .tag-block{height:2.5rem!important;width:20.9375rem!important}html #preset-container .v-form .content-container .content-form .tag-block .chip-block{display:flex}html #preset-container .v-form .content-container .content-form .tag-block .chip-block .v-chip{padding:0 .3125rem 0 .4375rem;line-height:28px;height:28px}html #preset-container .v-form .content-container .content-form .tag-block .input-block{width:100%}html #preset-container .v-form .content-container .content-form .tag-block .input-block input{font-size:1rem!important}html #preset-container .v-form .content-container .content-form .user-control{height:1.875rem;margin-top:.75rem;margin-left:0!important}html #preset-container .v-form .content-container .content-form .submit-btn{margin-top:.625rem}html #preset-container .v-form .content-container .content-form .cover-container{align-items:center;justify-content:center}html #preset-container .v-form .content-container .content-form .cover-container .upload-controller{margin-left:0!important;margin-top:10px}html .drop-down-item{color:#88898d!important;font-size:1rem!important}}@media only screen and (min-width:320px)and (max-width:767px){.preset-list-container{margin-top:.625rem;width:100%}.preset-list-container .title-name{font-size:.875rem;font-weight:700;line-height:24px;color:#636468;color:var(--register-btn-color);padding-left:.625rem}.preset-list-container .preset-list-flex{width:100%}.preset-list-container .preset-list-flex .list-item-block{position:relative;width:100%;padding:10px;margin-bottom:.625rem;box-shadow:none;border-radius:3px;width:21.5625rem;max-width:21.5625rem;min-width:21.5625rem}.preset-list-container .preset-list-flex .list-item-block .product-media-row{height:15px}.preset-list-container .preset-list-flex .list-item-block .product-media-row .product{font-size:12px}.preset-list-container .preset-list-flex .list-item-block .product-media-row .media-symbol{max-width:15px;width:15px}.preset-list-container .preset-list-flex .list-item-block .product-media-row .video-symbol-margin{margin-right:6px}.preset-list-container .preset-list-flex .list-item-block .item-row-1{width:100%;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .item-row-1 p{margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .name-date{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .name-date .circle{flex-shrink:0;width:1.6875rem!important;height:1.6875rem!important;min-width:1.6875rem;background:#71b47f;border-radius:50%;font-size:.75rem;font-weight:700;color:#fff!important;line-height:1.0625rem;margin-bottom:0;display:grid;align-items:center;justify-content:center;background-position:50%;background-size:cover}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .name-date .name-date-for{margin-left:1rem}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .name-date .name-date-for p:first-child{width:100%;font-size:.6875rem;font-weight:700;color:#414141!important;color:var(--user-color)!important;line-height:1.25rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .item-row-1 .name-date .name-date-for p:nth-child(2){font-size:.625rem;font-weight:400;color:#8c8f9f!important;color:var(--date-color)!important;line-height:1.0625rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .intruct-info{margin-bottom:10px}.preset-list-container .preset-list-flex .list-item-block .intruct-info .preset-name{margin-top:5px;font-size:1.0625rem;font-weight:700;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.625rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-list-flex .list-item-block .intruct-info .name{margin-top:2px;font-size:.875rem;font-weight:400;color:#8c8f9f!important;line-height:.875rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-list-flex .list-item-block .intruct-info .player-container .media-symbol{width:29px!important;height:29px!important;min-width:29px!important}.preset-list-container .preset-list-flex .list-item-block .intruct-info .player-container .v-progress-circular{width:1.8125rem!important;height:1.8125rem!important}.preset-list-container .preset-list-flex .list-item-block .intruct-info .cover-desc-row{margin-top:8px}.preset-list-container .preset-list-flex .list-item-block .intruct-info .cover-desc-row .list-cover-img{height:auto;width:75px;height:50px;min-width:75px;max-width:75px;margin-right:8px;border-radius:2px}.preset-list-container .preset-list-flex .list-item-block .intruct-info .cover-desc-row .preset-desc{font-size:.875rem;font-weight:300;color:#97989e!important;color:var(--preset-list-desc-color)!important;line-height:1.1875rem;margin-bottom:0;font-family:Roboto light,sans-serif}.preset-list-container .preset-list-flex .list-item-block .intruct-info .cover-desc-row .card-preset-desc{height:40px;max-height:40px;min-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.preset-list-container .preset-list-flex .list-item-block .intruct-info .musical-style-tag-row{margin-top:12px;height:24px}.preset-list-container .preset-list-flex .list-item-block .intruct-info .musical-style-tag-row .musical-style-tag{padding:5px;margin-right:5px;font-size:13px;border-radius:2px;margin-bottom:2px}.preset-list-container .preset-list-flex .list-item-block .my-preset-play{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .my-preset-play .preset-name{font-size:1rem;font-weight:700;color:#4f525e!important;color:var(--preset-title-color)!important;line-height:1.625rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-list-container .preset-list-flex .list-item-block .my-preset-play .play-menu{width:2rem!important;height:2rem!important}.preset-list-container .preset-list-flex .list-item-block .my-preset-play .play-menu img{width:100%;height:100%}.preset-list-container .preset-list-flex .list-item-block .other-info{width:100%}.preset-list-container .preset-list-flex .list-item-block .other-info .desc{font-size:1.25rem;font-weight:400;color:#97989e!important;line-height:1.6875rem;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .other-info .musical-info{width:100%;margin-top:.625rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .other-info .musical-info .musical-info-left{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .other-info .musical-info .musical-info-left .musical-name{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;font-size:1.5rem;font-weight:400!important;color:#4093ff!important;margin-bottom:0;background:#e4f3ff;border:1px solid #4093ff;border-radius:6px;padding:.25rem .625rem}.preset-list-container .preset-list-flex .list-item-block .other-info .musical-info .musical-info-left .musical-name .img-1{width:1.25rem!important;height:2rem!important;margin-right:.625rem}.preset-list-container .preset-list-flex .list-item-block .other-info .musical-info .musical-info-left .musical-name .img-2{width:.625rem!important;height:1.0625rem!important;margin-left:.75rem}.preset-list-container .preset-list-flex .list-item-block .other-info .musical-info .musical-info-left .tags-name{background:#e4f3ff;border:1px solid #4093ff;border-radius:6px;font-size:1.5rem;font-weight:400!important;color:#4093ff!important;margin-bottom:0;padding:.25rem .625rem;margin-left:.75rem}.preset-list-container .preset-list-flex .list-item-block .other-info .musical-info .musical-info-right{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;padding:.75rem .875rem;background:#fbfbfb;border-radius:4px}.preset-list-container .preset-list-flex .list-item-block .other-info .musical-info .musical-info-right img{width:4.25rem!important;height:2rem!important}.preset-list-container .preset-list-flex .list-item-block .other-info .musical-info .musical-info-right p{font-size:1.125rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;padding-left:1.5625rem}.preset-list-container .preset-list-flex .list-item-block .change-audio{margin-top:2.25rem;display:flex;justify-content:flex-start;align-items:center}.preset-list-container .preset-list-flex .list-item-block .change-audio .tip-title{font-size:1.25rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .change-audio .audio-index{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;width:1.375rem!important;height:1.375rem!important;margin-right:.625rem;border:1px solid #97989e;border-radius:4px;font-size:1.25rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .change-audio .active{border:1px solid #3e5ff1;font-size:1.25rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0}.preset-list-container .preset-list-flex .list-item-block .other-frame{width:100%;height:5.75rem;margin-top:.875rem;background:#f5f5f5;border-radius:26px}.preset-list-container .preset-list-flex .list-item-block .other-frame iframe{width:100%;height:100%;border:0;border-radius:26px}.preset-list-container .preset-list-flex .list-item-block .line{height:0;border:1px solid #eaeaee;margin-top:0}.preset-list-container .preset-list-flex .list-item-block .state-count{margin-top:10px;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-item{display:flex;align-items:center;font-size:.625rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;margin-right:.6875rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-item img{width:auto;height:auto;margin-right:.1875rem}.preset-list-container .preset-list-flex .list-item-block .state-count .state-count-item .download-img{width:1.125rem!important}.preset-list-container .preset-list-flex .list-item-block .state-count .download-btn{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;line-height:1.75rem!important;padding:0 1rem;background:#3e5ff1;border-radius:8px;font-size:.875rem;font-weight:700;color:#fff!important;line-height:25rem;margin-bottom:0;font-weight:400!important;width:auto;height:1.75rem!important;box-shadow:none!important;text-transform:capitalize;letter-spacing:0}.preset-list-container .hot-data-container .hot-data{width:20.625rem;padding-top:14px;background-color:#fff;background-color:var(--white-bg-color);border-radius:8px}.preset-list-container .hot-data-container .hot-data .hot-data-head{padding:0 .8125rem .6875rem}.preset-list-container .hot-data-container .hot-data .hot-data-head div{font-size:1.125rem;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.preset-list-container .hot-data-container .hot-data .hot-data-head img{width:18px}.preset-list-container .hot-data-container .hot-data .hot-data-head .small-img{width:25px}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container{padding:1rem .5rem .375rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset{margin-bottom:.625rem;cursor:pointer}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .circle{width:2.375em;height:2.375em;border-radius:50%;background-position:50%;background-size:cover;text-align:center;line-height:2.4375rem;color:#fff;font-weight:700;font-size:1rem}.preset-list-container .hot-data-container .hot-data .hot-data-preset-container .hot-data-preset .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9em;margin-left:1.25rem;color:#67676a;color:var(--hot-name-color);font-size:1rem}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags{padding:.3125rem .625rem .75rem}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags{margin-top:.4375rem;margin-right:.5rem;padding:.25rem .3em;border-radius:3px;font-size:1rem;color:#949494;color:var(--tag-color);background:#f8f8f8;background:var(--tag-bg-color);cursor:pointer}.preset-list-container .hot-data-container .hot-data .hot-data-products-tags .products-tags:hover{opacity:.8}.preset-list-container .hot-data-container .hot-data-gap{margin-top:1.3125rem}.preset-list-container .preset-loading-container .loading-container{width:345px;max-width:345px;min-width:345px}.preset-list-container .preset-loading-container .loading-container .card-loading-item{width:345px}.preset-list-container .my-preset-list-filter{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;margin-bottom:1.125rem}.preset-list-container .my-preset-list-filter .title-tip{font-size:.625rem;font-weight:700!important;color:#636468!important;margin-bottom:0}.preset-list-container .my-preset-list-filter .title-filter{display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .my-preset-list-filter .title-filter p{padding-bottom:.125rem;font-size:.5rem;font-weight:700!important;color:#636468!important;margin:0 2.3125rem 0 0}.preset-list-container .my-preset-list-filter .title-filter .action{font-size:.5rem;font-weight:700!important;color:#3e5ff1!important;margin-bottom:0;border-bottom:1px solid #3e5ff1}.preset-list-container .three-column-flex .flex-gap{margin-right:0}.preset-list-container .three-column-flex .three-column-item{width:100%!important;padding-top:0}.preset-list-container .three-column-flex .three-column-item .circle-mycollect{width:2.5rem!important;height:2.5rem!important;background:#71b47f;border-radius:50%;font-size:1.125rem;font-weight:700;color:#fff!important;line-height:2.5rem;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.preset-list-container .three-column-flex .three-column-item .line{margin-top:.5rem!important}.preset-list-container .three-column-flex .has-padding{padding-top:1.25rem!important}.preset-list-container .three-column-flex .has-padding .hover-block{display:none;position:absolute;bottom:0;left:0;width:100%;height:100%;background:#9e9e9e;opacity:.6;box-shadow:0 .125rem 1.25rem hsla(0,0%,62%,.48);border-radius:14px}.preset-list-container .three-column-flex .has-padding .btn-area{display:none;position:absolute;bottom:4.8%;left:58%}.preset-list-container .three-column-flex .has-padding .btn-area div{width:100%;bottom:1.625rem;left:0;display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important}.preset-list-container .three-column-flex .has-padding .btn-area div img{width:2.375rem!important;height:2.375rem!important;margin-right:1.5rem}.preset-list-container .three-column-flex .has-padding .btn-area div span{padding:0 1.875rem;line-height:2.375rem;margin-right:1.5rem;background:#3e5ff1;border-radius:22px;height:2.375rem;font-size:1.0625rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center}.preset-list-container .three-column-flex .has-padding .btn-area div span:hover{background:#4c6cfb}.preset-list-container .three-column-flex .has-padding .left-en{left:50%!important}.preset-list-container .three-column-flex .has-padding:hover .hover-block{display:block;z-index:99}.preset-list-container .three-column-flex .has-padding:hover .btn-area{display:block;z-index:199}}@media only screen and (min-width:320px)and (max-width:767px){.no-padding-top{margin-top:0!important}}@media only screen and (min-width:320px)and (max-width:767px){.reminder-icon{width:32px;height:32px;font-size:20px}}@media only screen and (min-width:320px)and (max-width:767px){.drawer-block{background-color:#fff;background-color:var(--white-bg-color);z-index:100;position:fixed;top:58px;right:0;width:70%;max-width:70%;max-height:calc(100% - 58px);min-height:calc(100% - 58px);overflow-y:scroll;text-align:right;padding:20px 30px 20px 10px;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.drawer-block .block-text-right{width:100%;display:grid;justify-content:flex-end}.drawer-block .block-text-right .avatar-icon{width:2.75rem}.drawer-block .block-text-right .login-block{margin-top:10px}.drawer-block .block-text-right .login-block span{font-size:1.5625rem;font-weight:700;color:#414141!important;color:var(--drawer-color)!important;line-height:2.6875rem;margin-bottom:0}.drawer-block .upload-btn{height:32px!important;margin-top:12px;color:#fff}.drawer-block .drawer-menu .drawer-menu-item{margin-top:6px;cursor:pointer}.drawer-block .drawer-menu .drawer-menu-item div{margin-right:10px;font-size:.875rem;font-weight:400;color:#636468!important;color:var(--register-btn-color)!important;line-height:1.75rem;margin-bottom:0}.drawer-block .drawer-menu img{width:23px}.drawer-block .drawer-copyright a,.drawer-block .drawer-copyright div{font-size:12px;color:#9b9dab}.drawer-block .line{margin-top:8px}.drawer-block .phone-name-circle{width:44px;min-width:44px;height:44px;box-shadow:0 2px 4px rgba(0,0,0,.05);border-radius:50%;font-size:1.5625rem;font-weight:700;color:#fff!important;line-height:1.6875rem;margin-bottom:0;background-position:50%;background-size:cover;float:right;text-align:center;line-height:44px}.drawer-block .phone-nickname{margin-right:10px;font-size:1rem;font-weight:700;color:#636468!important;color:var(--register-btn-color)!important;line-height:1.6875rem}.drawer-block .phone-nickname,.drawer-block .phone-sig{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-block .phone-sig{font-size:.875rem;font-weight:400;color:#97989e!important;color:var(--preset-list-desc-color)!important;line-height:1.25rem;word-break:break-word;text-align:right}.drawer-block .iphone-lang .menu-btn{text-transform:capitalize;font-size:.875rem;font-weight:400;color:#636468!important;color:var(--register-btn-color)!important;line-height:1.75rem;margin-bottom:0;padding:0!important;min-width:0!important;height:28px!important}.drawer-block .layout-login{display:inline-block;margin-top:10px;margin-bottom:6px;padding:0 10px;border:1px solid #d12f2f;border-radius:4px;color:#d12f2f;font-size:16px;line-height:30px}.drawer-block .iphone-logo{width:103px;margin-top:15px}}@media only screen and (min-width:320px)and (max-width:767px){.list-item-text{font-size:1rem!important;text-align:center;line-height:1rem!important}}@media only screen and (min-width:320px)and (max-width:767px){.active-color{color:#3e5ff1!important}}@media only screen and (min-width:320px)and (max-width:767px){.feedback-card .footer-title{font-size:14px;margin-bottom:5px}.feedback-card .desc{font-size:12px}}@media only screen and (min-width:320px)and (max-width:767px){.header-block{height:58px!important;z-index:50}}@media only screen and (min-width:320px)and (max-width:767px){.toobar{width:345px;max-width:345px}}@media only screen and (min-width:320px)and (max-width:767px){.login-btn{width:3.3125rem;height:2rem!important;border:1px solid #4068e9;border-radius:5px!important;font-size:14px!important;color:#fff!important;background:#4068e9!important;margin-left:0}}@media only screen and (min-width:320px)and (max-width:767px){.change-lang,.com-logo{display:none!important}}@media only screen and (min-width:320px)and (max-width:767px){.userinfo-font-color{text-align:center}}@media only screen and (min-width:320px)and (max-width:767px){.font-color-DB6060{color:#db6060!important;text-align:center}}@media only screen and (min-width:320px)and (max-width:767px){.user-menu-block{margin-left:1rem!important}}@media only screen and (min-width:320px)and (max-width:767px){.name-circle{width:2.875rem!important;height:2.875rem!important;margin-right:0;border-radius:50%;box-shadow:0 .1875rem .375rem rgba(0,0,0,.16)}}@media only screen and (min-width:320px)and (max-width:767px){.iphone-header{width:345px;max-width:345px}.iphone-header .logo-container{width:220px;height:18px}.iphone-header .logo{height:18px}.iphone-header .menu-bar{height:38px;width:38px}.iphone-header .user-menu{flex-grow:0}.iphone-header .user-menu .notice-btn-container{margin-right:0!important}.iphone-header .user-menu .notice-btn-container .notice-btn{position:relative;height:32px}.iphone-header .user-menu .notice-btn-container .notice-btn .bell-img{width:38px;max-width:38px}.iphone-header .user-menu .notice-btn-container .notice-btn .notice-badge{position:absolute;top:2px;width:10px;height:10px;border-radius:50%;background:#f14242}.iphone-header .user-menu-mobile-login{width:88px}.iphone-header .search-input-focus{border-radius:5px 5px 0 0!important;border:1px solid #d1d2d4!important}}@media only screen and (min-width:320px)and (max-width:767px){.v-main{margin-top:58px!important}}@media only screen and (min-width:320px)and (max-width:767px){.user-login-container{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;z-index:80}.user-login-container .user-login-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.user-login-container .ipad-div{width:100%;height:100%}.user-login-container .ipad-div div{display:flex!important;align-items:center;justify-content:flex-start;font-size:1.25rem;font-weight:400;color:#141414!important;color:var(--black-title-2)!important;line-height:2.125rem;margin-bottom:0}.user-login-container .ipad-div div img{width:1.8125rem;height:auto}.user-login-container .ipad-div .back{margin-left:.9375rem}.user-login-container .user-login-card{position:relative;min-width:100%;height:100%;left:0;top:0;padding:0;z-index:99;margin-top:0!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .chacha{width:1.625rem!important;height:1.5625rem!important;position:absolute;right:10px;top:-30px;z-index:100}.user-login-container .user-login-card .card-right{width:36.875rem;height:100%}.user-login-container .user-login-card .card-right .card-img{width:36.875rem!important;height:34.75rem!important}.user-login-container .user-login-card .card-title{margin-top:1.875rem;margin-left:2.5rem;font-size:2rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:2rem;margin-bottom:0}.user-login-container .user-login-card .card-subtitle{margin-top:.3125rem;margin-left:2.5rem;font-size:.875rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:1rem;margin-bottom:0}.user-login-container .user-login-card .subtitle-width{width:calc(100% - 80px);margin-top:0!important}.user-login-container .user-login-card .card-user-title{font-size:1.125rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.6875rem;margin:.625rem 0 .5rem 2.5rem}.user-login-container .user-login-card .card-user-input{width:calc(100% - 80px);height:2.625rem;padding-left:.875rem;background:#f5fbff;background:var(--login-input-bg-color);border-radius:5px;font-size:1.125rem;font-weight:500;color:#141414!important;color:var(--black-title-2)!important;line-height:1.8125rem;margin:0 2.5rem}.user-login-container .user-login-card .forget-password{margin:1.25rem 2.5rem .5rem;width:calc(100% - 80px);display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.user-login-container .user-login-card .forget-password .forget-tip{font-size:.75rem;font-weight:500;color:#3e5ff1!important;line-height:1.6875rem;margin-bottom:0}.user-login-container .user-login-card .forget-password .forget-title{font-size:1.125rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.6875rem;margin-bottom:0}.user-login-container .user-login-card .card-user-login-btn{margin:2.1875rem 2.5rem 0!important;width:calc(100% - 80px);height:2.75rem!important;background:#3e5ff1!important;border-radius:5px;font-size:1.3125rem;font-weight:400;color:#fff!important;line-height:3.125rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.user-login-container .user-login-card .card-user-login-btn span{line-height:2.75rem}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-login-container .user-login-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-login-container .user-login-card .card-user-no-acount{width:58%;margin-top:1rem;margin-left:20%!important;font-size:1rem;font-weight:400;color:#97989e!important;line-height:1.6875rem;margin-bottom:0;text-align:center}.user-login-container .user-login-card .ipad-login-width{width:calc(100% - 80px);margin:0 2.5rem!important}.user-login-container .user-login-card .card-user-register-btn{width:100%;height:2.75rem!important;margin-top:.625rem;background:#fff!important;border:1px solid #3e5ff1;border-radius:5px;font-size:1.3125rem;font-weight:400;color:#3e5ff1!important;line-height:3.125rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.user-login-container .user-login-card .card-user-register-btn span{line-height:2.75rem}.user-login-container .user-login-card .ipad-login-bt{display:inline-block;width:100%;height:100%}}@media only screen and (min-width:320px)and (max-width:767px){.content-block{display:flex;justify-content:center;flex-wrap:nowrap;width:21.5625rem}}@media only screen and (min-width:320px)and (max-width:767px){.follow-container{width:100%}.follow-container .title{width:100%;margin-bottom:.5rem;font-size:.625rem!important;color:#636468!important;font-weight:700!important}.follow-container .my-focus-item{width:100%;margin-top:.625rem}.follow-container .my-focus-item .rows-1{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 p{margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-left{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .rows-1 .rows-1-left .name-circle{width:2.25rem!important;height:2.25rem!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;font-size:1rem;font-weight:700!important;color:#fff!important;margin-bottom:0;border-radius:50%;margin-right:.6875rem}.follow-container .my-focus-item .rows-1 .rows-1-left .name{width:13.4375rem;font-size:.875rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-container .my-focus-item .rows-1 .rows-1-left .date{font-size:.875rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0}.follow-container .my-focus-item .rows-1 .rows-1-right{width:4.25rem;line-height:1.5rem;border:1px solid #707070;border-radius:4px;font-size:.75rem;font-weight:300!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.follow-container .my-focus-item .rows-1 .rows-1-right-hover{display:none;width:4.25rem;line-height:1.5rem;background:#e84747;border-radius:4px;border:1px solid #e84747;font-size:.75rem;font-weight:300!important;color:#fff!important;margin-bottom:0;text-align:center}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right-hover{display:block}.follow-container .my-focus-item .rows-1 .control-hover-parent:hover .rows-1-right{display:none}.follow-container .my-focus-item .preset-list{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;width:100%;max-width:100%;overflow:hidden}.follow-container .my-focus-item .preset-list .list-item{width:10rem;margin-top:.875rem;padding:.75rem .8125rem .625rem .75rem;background:#fff;background:var(--white-bg-color);border-radius:8px}.follow-container .my-focus-item .preset-list .list-item .preset-name{font-size:.875rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0}.follow-container .my-focus-item .preset-list .list-item .attr-data{font-size:.75rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-container .my-focus-item .preset-list .list-item .data{margin-top:.1875rem;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.follow-container .my-focus-item .preset-list .list-item .musical-info-left{margin:.3125rem 0 0;display:block}.follow-container .my-focus-item .preset-list .list-item .musical-info-left .musical-name{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;font-size:.75rem;font-weight:400!important;color:#4093ff!important;margin-bottom:0;background:#e4f3ff;border:1px solid #4093ff;border-radius:6px;padding:.125rem .3125rem}.follow-container .my-focus-item .preset-list .list-item .musical-info-left .musical-name .img-1{width:.875rem!important;height:.9375rem!important;margin-right:.1875rem}.follow-container .my-focus-item .preset-list .list-item .musical-info-left .musical-name .img-2{width:.625rem!important;height:1.0625rem!important;margin-left:.75rem}.follow-container .my-focus-item .preset-list .list-item .musical-info-left .tags-name{background:#e4f3ff;border:1px solid #4093ff;border-radius:6px;font-size:1.5rem;font-weight:400!important;color:#4093ff!important;margin-bottom:0;padding:.25rem .625rem;margin-left:.75rem}.follow-container .my-focus-item .preset-list .list-item .tags{margin-top:.1875rem;max-height:3.25rem;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}.follow-container .my-focus-item .preset-list .list-item .tags .musical-name{font-size:.75rem;font-weight:400!important;color:#4093ff!important;margin-bottom:0;background:#e4f3ff;border:1px solid #4093ff;border-radius:2px;padding:.125rem .3125rem;margin-right:.1875rem;margin-top:.125rem}.follow-container .my-focus-item .preset-list .list-item .tags .musical-name .img-1{width:.875rem!important;height:.9375rem!important;margin-right:.1875rem}.follow-container .my-focus-item .preset-list .list-item .tags .musical-name .img-2{width:.625rem!important;height:1.0625rem!important;margin-left:.75rem}.follow-container .my-focus-item .preset-list .list-item .tags .tag-span{padding:.125rem .3125rem;margin-right:.1875rem;border:.0625rem solid #c6c6c6;border-radius:2px;margin-top:.125rem;font-size:.75rem;font-weight:400!important;color:#c6c6c6!important;margin-bottom:0}.follow-container .my-focus-item .preset-list .list-item .line-block{display:block;width:100%;margin:.625rem auto 0;border:1px solid #eaeaee}.follow-container .my-focus-item .preset-list .list-item .state-count-left{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;width:100%}.follow-container .my-focus-item .preset-list .list-item .state-count-left .state-count-item{font-size:.75rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;margin-right:0}.follow-container .my-focus-item .preset-list .list-item .state-count-left .state-count-item img{width:.875rem!important;height:auto}.follow-container .my-focus-item .preset-list .list-item .state-count-left .state-count-item .download-img{width:.75rem!important}.follow-container .my-focus-item .preset-list .list-item .state-count-right{font-size:.75rem;font-weight:400;color:#9a9a9a!important;line-height:1.5rem;margin-bottom:0}.follow-container .my-focus-item .preset-list .hover-item-two{display:none;position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,hsla(0,0%,97.6%,.68),hsla(0,0%,89%,.68),hsla(0,0%,71.8%,.68),hsla(0,0%,47.1%,.68),rgba(0,0,0,.68));box-shadow:0 .125rem 1.25rem hsla(0,0%,83.5%,.31);border-radius:14px}.follow-container .my-focus-item .preset-list .hover-item-two div{width:100%;position:absolute;bottom:1.625rem;left:0;display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important}.follow-container .my-focus-item .preset-list .hover-item-two div img{width:2.75rem!important;height:2.75rem!important;margin-right:1.5rem}.follow-container .my-focus-item .preset-list .hover-item-two div span{padding:0 1.875rem;line-height:2.75rem;margin-right:1.5rem;background:#3e5ff1;border-radius:22px;font-size:1.25rem;font-weight:400!important;color:#fff!important;margin-bottom:0;text-align:center}.follow-container .my-focus-item .preset-list .hover-item{width:100%;height:80%;display:none;position:absolute;top:0;left:0}.follow-container .my-focus-item .preset-list .hover-parent{width:10rem}.follow-container .my-focus-item .preset-list .hover-parent:hover .hover-item{display:block;z-index:2}.follow-container .my-focus-item .preset-list .hover-parent:hover .hover-item-two{display:block;z-index:1}.follow-container .my-focus-item .preset-list:after{content:"";display:block;width:33.33333%;height:100%}.follow-container .my-focus-item .preset-list div:first-child{margin-right:0}}@media only screen and (min-width:320px)and (max-width:767px){.info-container{margin-bottom:30px 0}.info-container .recommedation-icon{top:-17px;right:-10px;width:13px}.info-container .row-1{display:flex;align-items:center;flex-wrap:nowrap!important;margin-top:.3125rem;margin-bottom:.9375rem}.info-container .row-1 .name-sig{margin-left:.5rem}.info-container .row-1 .name-sig .row-1-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;max-width:160px;line-height:1.1875rem!important}.info-container .row-1 .name-sig .font-20-400-9A9A9A{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:400!important;color:#9a9a9a!important;color:var(--info-sig-color)!important;margin-bottom:0;margin-top:4px;width:230px;max-width:230px;min-width:230px;line-height:14px!important}.info-container .row-1 .circle{display:grid;justify-content:center;align-content:center;width:2.125rem!important;height:2.125rem!important;flex-shrink:0;background:#71b47f;border-radius:50%;font-size:.9375rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.info-container .row-1 .media-symbol-container{max-width:44px}.info-container .row-1 .media-symbol-container .media-symbol{max-width:18px;width:18px}.info-container .row-1 .media-symbol-container .video-symbol-margin{margin-right:6px}.info-container .row-1 .focus-btn{margin-left:10px}.info-container .row-1 .focus-btn button{height:1.5rem;text-align:center;border-radius:2px;padding:0 1.125rem}.info-container .row-1 .focus-btn .row-1-focus-m{min-width:3.125rem;max-width:3.125rem}.info-container .row-1 .focus-btn .row-1-focus-already,.info-container .row-1 .focus-btn .row-1-focus-m{font-size:.6875rem;font-weight:500!important;color:#fff!important;color:var(--info-focus-color)!important;margin-bottom:0;background:#d1d2d4;background:var(--filter-tag-bd-color);margin-left:0!important}.info-container .row-1 .focus-btn .row-1-focus-already{width:3.75rem}.info-container .flex-between{justify-content:space-between!important}.info-container .info-block-1{display:flex;align-items:center;justify-content:space-between}.info-container .info-block-1 .row-2-name{font-size:1rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;white-space:nowrap}.info-container .info-block-1 .row-2-attr,.info-container .info-block-1 .row-2-name{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;width:18.125rem;max-width:18.125rem;min-width:18.125rem}.info-container .info-block-1 .row-2-attr{font-size:.875rem;font-weight:400!important;color:#8c8f9f!important;white-space:normal}.info-container .info-block-1 .play-menu{text-align:right}.info-container .info-block-1 .play-menu .share-img{width:30px}.info-container .info-block-1 .play-menu .opt-img{width:1.2rem;height:auto}.info-container .tag-prod-block{margin-top:.3125rem!important}.info-container .tag-prod-block .musical-style-tag{padding:5px;margin-right:5px;font-size:13px;border-radius:2px;margin-bottom:5px;line-height:1em}.info-container .tag-prod-block .style-tag{background:#f8f8f8;background:var(--tag-bg-color);color:#949494;color:var(--tag-color)}.info-container .tag-prod-block .c-tag{display:flex;align-items:center;height:23px;word-break:keep-all}.info-container .tag-prod-block .c-tag img{height:16px}.info-container .tag-prod-block .product-img-version{margin-top:6px;height:60px;padding:4px;background:#fbfbfb;background:var(--file-list-bg-color)}.info-container .tag-prod-block .product-img-version .divider{margin-left:8px;height:40px;border-left:1px solid #f5f5f5;border-left:1px solid var(--page-bg-color)}.info-container .tag-prod-block .product-img-version img{width:51px}.info-container .tag-prod-block .product-img-version .product-version{margin-left:19px}.info-container .tag-prod-block .product-img-version .product-version span{font-size:.75rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .row-3 .file-tip{font-size:.875rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-3 .file-list{max-height:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.375rem;margin-left:0;border-radius:4px;overflow-x:hidden;overflow-y:scroll}.info-container .row-3 .download{padding:0 8px!important;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;height:1.5rem!important}.info-container .row-3 .download span{color:#fff!important;padding-left:0!important}.info-container .row-3 .additional{clear:both;height:1.875rem}.info-container .file-list .file-list-item{padding:0 .375rem}.info-container .upload-audio-row .info-player-container .v-image{width:1.5rem!important;height:1.5rem!important;max-width:1.5rem}.info-container .upload-audio-row .info-player-container .file-name,.info-container .upload-audio-row .info-player-container .player-info{padding:0 4px}.info-container .row-4{width:100%;margin-top:1.125rem;font-size:.875rem;font-weight:400!important;color:#949494!important;color:var(--tag-color)!important;margin-bottom:0;word-break:break-word}.info-container .row-4 .cover-img{width:93px;border-radius:3px}.info-container .row-5{margin-top:.875rem;display:block!important}.info-container .row-5 .row-5-tip{font-size:.875rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.info-container .row-5 .audio{display:flex;justify-content:space-between;align-items:center}.info-container .row-5 .audio .audio-url{font-size:.875rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .row-5 .audio .row-5-changes{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-5 .audio .row-5-changes p{display:grid;justify-content:center;align-content:center;width:1rem!important;height:1rem!important;margin-left:.25rem;margin-right:0!important;border:1px solid #97989e;border:1px solid var(--preset-list-desc-color);border-radius:4px;font-size:.5625rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .row-5 .audio .row-5-changes .active{border:1px solid #3e5ff1;font-size:.5625rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0}.info-container .row-6{margin-top:.3125rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-6 iframe{height:91!important;border-radius:8px;border:none}.info-container .row-6 img{width:1.25rem!important;height:1.25rem!important}.info-container .row-7{margin-top:1.25rem}.info-container .row-7 span:first-child{font-size:1rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.info-container .row-7 span:nth-child(2){padding-left:.3125rem;font-size:.875rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0;word-break:break-all}.info-container .row-8{margin-top:.75rem;display:block!important}.info-container .row-8 .row-8-tip{font-size:.875rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .row-8 iframe{width:19.3125rem!important;height:11.25rem!important;border-radius:8px;border:none;margin:.4375rem auto;display:flex;justify-content:center}.info-container .row-8 img{width:1.25rem!important;height:1.25rem!important}.info-container .row-8 .video{display:flex;justify-content:space-between;align-items:center}.info-container .row-8 .video .video-url{font-size:.875rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-container .row-8 .video .row-8-changes{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.info-container .row-8 .video .row-8-changes p{display:grid;justify-content:center;align-content:center;width:1rem!important;height:1rem!important;margin-left:.25rem;margin-right:0!important;border:1px solid #97989e;border-radius:4px;font-size:.5625rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.info-container .row-8 .video .row-8-changes .active{border:1px solid #3e5ff1;font-size:.5625rem;font-weight:400!important;color:#3e5ff1!important;margin-bottom:0}.info-container .row-9{margin-top:.75rem;display:grid;justify-content:center;align-content:center}.info-container .row-9 img{width:2rem!important;height:2rem!important}.info-container .row-9 .hover-container .not-focus-state{width:2rem!important;height:2rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75eaa71f/info-focus-pt.png);background-size:cover}.info-container .row-9 .hover-container:hover .not-focus-state{width:2rem!important;height:2rem!important;background:url(http://res.hotoneaudio.com/preset_20201130_5fc4b75ee025e/info-focus-hover.png);background-size:cover}.info-container .row-10{flex-direction:column!important;margin:.5rem 0}.info-container .row-10 .state-count-item{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;margin-right:.375rem;font-size:.875rem;font-weight:400!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.info-container .row-10 .state-count-item img{width:.875rem;height:auto;margin-right:.125rem}.info-container .row-10 .state-count-item .download-img{width:.75rem!important}.info-container .row-11{font-size:.875rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;margin-top:.75rem;text-align:center}.info-container .line{display:block;width:100%;margin-top:2.5rem;border:1px solid #eaeaee}}@media only screen and (min-width:320px)and (max-width:767px){#presetinfo-container{margin-top:10px}}@media only screen and (min-width:320px)and (max-width:767px){.preset-info-container{width:21.5625rem;max-width:21.5625rem;margin:0 auto;padding:.625rem;border-radius:9px}}@media only screen and (min-width:320px)and (max-width:767px){.preset-comment-container{margin-top:35px}}@media only screen and (min-width:320px)and (max-width:767px){.flex-two-column .comment-container .count-play .dz-container{margin:0 10px!important}}@media only screen and (min-width:320px)and (max-width:767px){.comment-container{width:100%;overflow:hidden}.comment-container .row-1{margin-top:.3125rem!important;font-size:1rem;font-weight:700!important;color:#141414!important;margin-bottom:0;margin-top:0;padding-left:.625rem}.comment-container .row-2{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;padding:0;margin-bottom:1.25rem;margin-top:0}.comment-container .row-2 li{padding:.5625rem .5rem;margin-right:1.75rem;list-style:none;font-size:1rem;font-weight:700!important;color:#919191!important;margin-bottom:0}.comment-container .row-2 .action{font-size:1rem;font-weight:700!important;color:#415fe6!important;margin-bottom:0;border-bottom:.125rem solid #415fe6}.comment-container .flex-two-column{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important}.comment-container .flex-two-column .short-name{flex-shrink:0;width:1.875rem!important;height:1.875rem!important;max-width:1.875rem!important;min-width:1.875rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:1rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.comment-container .flex-two-column .textarea-container{margin-left:.625rem}.comment-container .flex-two-column .textarea-container textarea{height:4.3125rem!important;width:100%!important;border-radius:4px;padding:.875rem 0 0 1.25rem;font-size:.75rem;font-weight:400!important;color:#b9b9b9!important;color:var(--text-area-color)!important;margin-bottom:0}.comment-container .flex-two-column .sub-comment{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;margin-top:0!important}.comment-container .flex-two-column .sub-comment .btn{width:4.4375rem!important;height:1.5rem!important;background:#3f5ee6;border-radius:4px;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;font-size:.75rem!important}.comment-container .flex-two-column .flex-center,.comment-container .flex-two-column .tip-author{display:grid;justify-items:center;align-items:center}.comment-container .flex-two-column .tip-author{margin-top:.375rem;width:3.125rem!important;height:1.25rem!important;border:.0625rem solid #3f5ee6;border-radius:22px;font-size:.6875rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container{padding-top:12px;margin-left:.625rem}.comment-container .flex-two-column .comment-container .top-ceontent{margin-top:0;display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;flex-wrap:nowrap!important}.comment-container .flex-two-column .comment-container .top-ceontent .top-sign{width:2.8125rem!important;height:1.25rem!important;flex-shrink:0;border:1px solid #3f5ee6;border-radius:6px;margin-right:3px!important;display:grid;justify-content:center;align-content:center;font-size:.6875rem;font-weight:500!important;color:#3f5ee6!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .comment-content{width:60%;margin-left:0;word-break:break-all;white-space:break-spaces;font-size:.875rem;font-weight:400!important;color:#141414!important;color:var(--black-title-2)!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .comment-content-all{font-size:.5625rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .comment-content-long{margin-top:.125rem;font-size:.875rem;font-weight:400!important;color:#141414!important;color:var(--black-title-2)!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .replay-name{line-height:1.2!important;margin-bottom:5px;color:#141414;color:var(--black-title-2)}.comment-container .flex-two-column .comment-container .count-play{display:flex;justify-content:flex-start;align-items:center;margin-top:.125rem}.comment-container .flex-two-column .comment-container .count-play .time{font-size:.75rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .comment-container .count-play .dz-container{margin:0 .625rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container i{display:inline-block;width:.6875rem!important;height:.6875rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/comment_praise.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container span{font-size:.625rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.1875rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-hover-container:hover i{display:inline-block;width:.6875rem!important;height:.6875rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/comment_praise_hover.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container{display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container i{display:inline-block;width:.6875rem!important;height:.6875rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/comment_has_praised.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .good-dz-ok-container span{font-size:.625rem;font-weight:400!important;color:#919191!important;margin-bottom:0;padding-left:.375rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container{margin-left:.9375rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container i{display:inline-block;width:.6875rem!important;height:.6875rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/comment_oppose.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container span{font-size:.625rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0;padding-left:.1875rem}.comment-container .flex-two-column .comment-container .count-play .dz-container .bad-dz-hover-container:hover i{display:inline-block;width:.6875rem!important;height:.6875rem!important;background:url(https://res.hotoneaudio.com/prod/preset/img/comment_has_opposed.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container{margin-left:2.125rem;display:flex;justify-content:flex-start;align-items:center}.comment-container .flex-two-column .comment-container .count-play .bad-dz-ok-container i{display:inline-block;width:.6875rem!important;height:.6875rem!important;background:url(http://res.hotoneaudio.com/preset_20201201_5fc5f0d5821da/bad-dz-ok.png);background-size:cover}.comment-container .flex-two-column .comment-container .count-play .replay{font-size:.5625rem;font-weight:400!important;color:#919191!important;color:var(--light-text-color)!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container{width:100%;margin-top:.75rem;padding:.375rem;background:#fafafa}.comment-container .flex-two-column .child-comment-container .short-name-child{width:1.875rem!important;height:1.875rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:1rem;font-weight:700!important;color:#fff!important;margin-bottom:0;background-position:50%;background-size:cover}.comment-container .flex-two-column .child-comment-container .comment-container{padding-top:0!important}.comment-container .flex-two-column .child-comment-container .replay-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;margin-right:.375rem;margin-top:-.625rem;margin-bottom:0!important}.comment-container .flex-two-column .child-comment-container .replay-name p{margin:0}.comment-container .flex-two-column .child-comment-container .replay-name span:first-child{display:inline-block;font-size:.875rem;font-weight:500!important;color:#919191!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .replay-name span:nth-child(2){font-size:.875rem;font-weight:500!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .comment-content-long{width:100%;font-size:.875rem;font-weight:400!important;color:#141414!important;margin-bottom:0}.comment-container .flex-two-column .child-comment-container .loading-replay{background:url(http://res.hotoneaudio.com/preset_20201118_5fb480d4aa198.png) no-repeat;background-size:.75rem .75rem;background-position:center left 0;padding-left:1.625rem;font-size:.75rem;font-weight:500!important;color:#3f5ee6!important;margin:1.25rem 0 0 .625rem}.comment-container .flex-two-column .child-comment-container .shouqi-replay{background:url(http://res.hotoneaudio.com/preset_20201221_5fe033dbd2b1a/%E7%BB%84%201009%402x.png) no-repeat;background-size:.75rem .75rem;background-position:center left 0;padding-left:1.625rem;font-size:.75rem;font-weight:500!important;color:#3f5ee6!important;margin:1.25rem 0 0 .625rem}.comment-container .flex-two-column .replay-textarea{margin-top:1.5rem}.comment-container .flex-two-column .replay-textarea .short-name-middle{width:2.375rem!important;height:2.375rem!important;display:grid;justify-content:center;align-content:center;background:#71b47f;border-radius:50%;font-size:1.375rem;font-weight:700!important;color:#fff!important;margin-bottom:0;flex-shrink:0}.comment-container .flex-two-column .replay-textarea textarea{width:124%;height:4rem}.comment-container .bottom-border-line{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:.0625rem solid #f1f1f1}.comment-container .flex-layout{margin-top:-.1875rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;font-size:.625rem;font-weight:400!important;color:#141414!important;margin-bottom:0;height:1.25rem}.comment-container .flex-layout .name-block{font-size:.875rem;font-weight:500!important;color:#141414!important;color:var(--black-title)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-container .play-menu img{width:1.5rem;height:auto}}@media only screen and (min-width:320px)and (max-width:767px){.myinfo-container{width:100%;margin-top:15px}.myinfo-container .title-name{width:100%;margin-bottom:.9375rem;font-size:.875rem;color:#636468;color:var(--register-btn-color)}.myinfo-container .info-data-block{margin-top:1rem;padding:.8125rem .625rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .1875rem .375rem rgba(0,0,0,.03);border-radius:10px}.myinfo-container .info-data-block .author-len{max-width:200px!important}.myinfo-container .info-data-block .info-data-block-left .userinfo-data{width:55%}.myinfo-container .info-data-block .data-block .info-data-block-left{max-width:57%}.myinfo-container .info-data-block .data-block .info-data-block-left .shot-name{min-width:2.75rem;width:2.75rem;height:2.75rem;line-height:2.75rem;font-size:1.4375rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.myinfo-container .info-data-block .data-block .info-data-block-left .shot-name .upload-avatar-block{width:1.5625rem;height:1.5625rem;right:-.4375rem;z-index:99}.myinfo-container .info-data-block .data-block .info-data-block-left .shot-name .upload-avatar-block .camera{max-width:1rem}.myinfo-container .info-data-block .data-block .info-data-block-left .userinfo-data{width:120px;margin-left:12px}.myinfo-container .info-data-block .data-block .info-data-block-left .userinfo-data p:first-child{font-size:.875rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .info-data-block .data-block .info-data-block-left .userinfo-data p:nth-child(2){font-size:.75rem;font-weight:700!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.myinfo-container .info-data-block .data-block .info-data-block-left .author p:first-child,.myinfo-container .info-data-block .data-block .info-data-block-left .author p:nth-child(2){width:16.25rem!important}.myinfo-container .info-data-block .data-block .info-data-block-left .author .user-sig-no-fold{font-size:.75rem;font-weight:400!important;color:#97989e!important;margin-bottom:0;line-height:.75rem;width:16.25rem!important;word-break:break-word}.myinfo-container .info-data-block .data-block .info-data-block-left .author .user-sig-no-fold .expand-info{color:#3e5ff1;text-decoration:underline}.myinfo-container .info-data-block .data-show-list ul{padding-left:8px}.myinfo-container .info-data-block .data-show-list .title{font-size:.75rem;font-weight:500!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;font-size:.75rem!important}.myinfo-container .info-data-block .data-show-list .num{font-size:.6875rem;font-weight:500!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .info-data-block .data-show-list .data-divider{height:30px}.myinfo-container .info-data-block .info-data-block-right{justify-content:flex-end;margin-top:10px}.myinfo-container .info-data-block .info-data-block-right .edit-btn{width:auto;padding:0 .625rem;line-height:1.6875rem;height:1.6875rem;border-radius:4px;font-size:.75rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:0 .625rem;margin-top:1.6875rem}.myinfo-container .title-playmenu p:first-child{font-size:.8125rem}.myinfo-container .title-playmenu p:first-child,.myinfo-container .title-playmenu p:nth-child(2){font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu p:nth-child(2){width:auto!important;padding:0 .625rem!important;line-height:1.6875rem;height:1.6875rem;border-radius:4px;font-size:.75rem;text-align:center}.myinfo-container .no-data-margin{margin-top:-.625rem}.myinfo-container .title-playmenu-multip{margin-top:1.6875rem;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .title-playmenu-multip .go-back{display:flex;justify-content:flex-start;align-items:center;font-size:.8125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0}.myinfo-container .title-playmenu-multip .go-back img{width:1.25rem!important;height:1.25rem!important}.myinfo-container .title-playmenu-multip .play-btn span:first-child{font-size:.8125rem;font-weight:400!important;color:#e84747!important;margin-bottom:0;padding-right:0}.myinfo-container .title-playmenu-multip .play-btn span:nth-child(2){padding-left:1.25rem;font-size:.8125rem;font-weight:400!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;padding-right:0}.myinfo-container .focus-list{padding:0 .625rem;margin-top:.875rem;background:#fff;background:var(--white-bg-color);box-shadow:0 .1875rem .375rem rgba(0,0,0,.03);border-radius:10px}.myinfo-container .focus-list .focus-item{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;min-height:5rem;border-bottom:none;padding-bottom:0;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-left{max-width:50%;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .focus-list .focus-item .focus-list-left .short-name{width:2.25rem!important;height:2.25rem!important;width:2.25rem;min-width:2.25rem;line-height:2.25rem;background:#71b47f;border-radius:50%;font-size:.875rem;font-weight:700!important;color:#fff!important;margin-bottom:0;text-align:center;background-position:50%;background-size:cover}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig{width:188px;margin-left:.625rem}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:first-child{font-size:.875rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myinfo-container .focus-list .focus-item .focus-list-left .userinfo-sig p:nth-child(2){width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:300!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-1{font-size:1.125rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right .item-2{margin-left:1rem;padding:1.125rem;background:#fafafa;border-radius:4px}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 img{width:3.875rem!important;height:1.875rem!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-2 span{padding-left:1.125rem;font-size:1.125rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.myinfo-container .focus-list .focus-item .focus-list-right .item-3{border:1px solid #707070;border-radius:4px;color:#636468!important;color:var(--register-btn-color)!important}.myinfo-container .focus-list .focus-item .focus-list-right .item-3,.myinfo-container .focus-list .focus-item .focus-list-right .item-3-hover{margin-left:2.5rem;width:4.3125rem!important;line-height:1.6875rem;height:1.6875rem;font-size:.75rem;font-weight:300!important;margin-bottom:0;text-align:center}.myinfo-container .focus-list .focus-item .focus-list-right .item-3-hover{display:none;border:1px solid #e84747;background:#e84747;border-radius:102px;color:#fff!important}.myinfo-container .no-data{font-size:.75rem;font-weight:400!important;color:#636468!important;margin-bottom:0;text-shadow:0 0 #000;padding:10px 0 10px 10px}.myinfo-container .preset-list-container{margin-top:18px!important}.myinfo-container .preset-list-container .preset-list-flex .list-item-block{padding:10px 15px;box-shadow:none}.myinfo-container .preset-list-container .preset-list-flex .list-item-block .state-count{margin-top:.625rem}}@media only screen and (min-width:320px)and (max-width:767px){.focus-author-list{width:20.9375rem}}@media only screen and (min-width:320px)and (max-width:767px){.editmyinfo-container{width:100%}.editmyinfo-container .title-label{margin-top:15px}.editmyinfo-container .editmyinfo-layout{margin-top:0;flex-direction:column}.editmyinfo-container .editmyinfo-layout .setting-tab{flex-basis:100%;flex-grow:0;max-width:100%;margin-top:8px;background:transparent}.editmyinfo-container .editmyinfo-layout .setting-tab .tabs-container{display:flex;padding-top:0}.editmyinfo-container .editmyinfo-layout .setting-tab .tabs-container div{margin-right:5px;text-align:center}.editmyinfo-container .form-block{flex-basis:100%;flex-grow:0;max-width:100%;margin-top:10px;padding:24px 10px 44px;border-radius:0;box-shadow:none}.editmyinfo-container .form-block .short-name{width:4.0625rem;line-height:4.0625rem;font-size:2rem;font-weight:700!important;color:#fff!important;margin-bottom:0}.editmyinfo-container .form-block .input-div{margin-top:1.25rem}.editmyinfo-container .form-block .input-div .lable{font-size:1rem;font-weight:700!important;color:#97989e!important;color:var(--preset-list-desc-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .input{height:2.25rem!important;padding-left:.75rem}.editmyinfo-container .form-block .input-div .input,.editmyinfo-container .form-block .input-div .textarea{width:100%!important;margin-top:.625rem;border-radius:4px;font-size:1rem;font-weight:400!important;color:#404040!important;color:var(--preset-text-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .textarea{height:4.125rem!important;padding:.4375rem .75rem}.editmyinfo-container .form-block .input-div .info-select{width:100%!important;height:2.25rem!important;margin-top:.625rem;padding-left:.75rem!important;border-radius:4px!important;font-size:1rem;font-weight:400!important;color:#404040!important;color:var(--preset-text-color)!important;margin-bottom:0}.editmyinfo-container .form-block .input-div .info-select .v-btn__content span{width:290px;height:2.25rem!important;line-height:2.25rem}.editmyinfo-container .form-block .input-div .info-select-light-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll #e5e5e5 96%/5.5%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-light.svg) no-repeat scroll var(--preset-input-bg-color) 96%/5.5%}.editmyinfo-container .form-block .input-div .info-select-dark-bg{background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll #e5e5e5 98%/5.5%;background:url(https://res.hotoneaudio.com/prod/preset/img/chevron-down-dark.svg) no-repeat scroll var(--preset-input-bg-color) 98%/5.5%}.editmyinfo-container .form-block .textarea-div{height:6.25rem}.editmyinfo-container .form-block .button-sub{width:4rem!important;height:2rem!important;margin-top:1.25rem;border-radius:5px;font-size:.875rem;font-weight:400!important;color:#fff!important;margin-bottom:0}.editmyinfo-container .form-block .scope-menu .menu-btn{width:100px;font-size:12px;padding:0 6px;border-radius:5px}.editmyinfo-container .form-block .scope-menu .menu-btn .item-name{width:85px;padding-left:5px}}@media only screen and (min-width:320px)and (max-width:767px){.not-exit-btn{border-radius:6.4375rem!important;width:4.375rem}.not-exit-btn .v-btn__content{line-height:1.8125rem!important}}@media only screen and (min-width:320px)and (max-width:767px){.exit-btn{border-radius:6.4375rem!important;margin-left:3.125rem;width:4.375rem}.exit-btn .v-btn__content{line-height:1.8125rem!important}}@media only screen and (min-width:320px)and (max-width:767px){.mobile-font-12{font-size:12px!important}}@media only screen and (min-width:320px)and (max-width:767px){.empty-container{width:20.9375rem;margin:0 auto}.empty-container .not-found-tip{font-size:.75rem;font-weight:400!important;color:#636468!important;margin-bottom:0}.empty-container .key-word-block{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important}.empty-container .key-word-block .key-word-title{font-size:.875rem;font-weight:500!important;color:#636468!important;margin-bottom:0}.empty-container .key-word-block span{padding-right:.625rem;font-size:.875rem;font-weight:700!important;color:#4163e6!important;margin-bottom:0;text-decoration:underline}.empty-container img{width:60%;height:auto}}@media only screen and (min-width:320px)and (max-width:767px){.pub-share-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50}.pub-share-container .share-background{position:absolute;width:100%;height:100%;background:#c3c3c3;opacity:.6}.pub-share-container .share-small-container{position:absolute;top:11.1875rem;width:15.625rem;padding:.875rem .875rem .6875rem;border-radius:.4375rem}.pub-share-container .share-small-container .share-userinfo{display:flex;justify-content:flex-start;align-items:center}.pub-share-container .share-small-container .share-userinfo .item-1{width:2.125rem!important;height:2.125rem!important;border-radius:50%;font-size:1rem;font-weight:700!important;color:#fff!important;margin-bottom:0;display:grid;justify-content:center;align-content:center;flex-shrink:0}.pub-share-container .share-small-container .share-userinfo .item-2{width:80%;padding-left:.4375rem}.pub-share-container .share-small-container .share-userinfo .item-2 p{margin-bottom:0}.pub-share-container .share-small-container .share-userinfo .item-2 p:first-child{font-size:.75rem;font-weight:700!important;color:#414141!important;color:var(--user-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-share-container .share-small-container .share-userinfo .item-2 p:nth-child(2){font-size:.75rem;font-weight:400!important;color:#9a9a9a!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-share-container .share-small-container .preset-name{margin-top:.75rem;font-size:.75rem;font-weight:700!important;color:#4f525e!important;color:var(--preset-title-color)!important;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-share-container .share-small-container .preset-info{font-size:.75rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0;white-space:normal;max-height:33px}.pub-share-container .share-big-container{position:absolute;top:12.8125rem;width:17.875rem;padding:1.125rem;box-shadow:0 .1875rem .375rem hsla(0,0%,83.5%,.31);border-radius:.375rem}.pub-share-container .share-big-container .share-tip{margin-top:5.9375rem;font-size:.875rem;font-weight:700!important;color:#636468!important;color:var(--register-btn-color)!important;margin-bottom:0;text-align:center}.pub-share-container .share-big-container .share-plateform{display:flex;justify-content:center;margin-top:10px}.pub-share-container .share-big-container .share-plateform img{width:1.875rem!important;height:1.875rem!important;margin:0 .375rem}.pub-share-container .share-big-container .copy-link{display:flex;justify-content:flex-start;align-items:center;margin-top:1.25rem;width:15.625rem!important}.pub-share-container .share-big-container .copy-link input{width:11.875rem;height:1.875rem;padding-left:.375rem;border:.0625rem solid #97989e;border-radius:4px;font-size:.75rem;font-weight:400!important;color:#8c8f9f!important;margin-bottom:0}.pub-share-container .share-big-container .copy-link span{background:#3e5ff1;border-radius:4px;font-size:.75rem;font-weight:400!important;color:#fff!important;margin-bottom:0;width:3.125rem;height:1.875rem;padding:0 .3125rem;display:inline-block;min-width:4.375rem;margin-left:.3125rem;text-align:center;line-height:1.875rem}}@media only screen and (min-width:320px)and (max-width:767px){.v-dialog .v-sheet.v-card:not(.v-sheet--outlined){box-shadow:none}.v-dialog .pub-info-text{margin-top:.3125rem;font-size:.875rem;font-weight:400;line-height:1.6875rem}.v-dialog .pub-btn-block{display:flex;justify-content:center;align-items:center;margin-bottom:1.875rem;margin-top:.625rem}.v-dialog .pub-btn-block button{height:1.875rem!important;font-size:1rem;box-shadow:none;text-transform:capitalize;letter-spacing:0}}@media only screen and (min-width:320px)and (max-width:767px){.register-container{width:100%;height:100%;background:#fff}}@media only screen and (min-width:320px)and (max-width:767px){.go-to-index{padding-top:3.125rem;padding-left:0}}@media only screen and (min-width:320px)and (max-width:767px){.iphone-block{display:flex;align-items:center;margin-left:.9375rem;padding-top:1.25rem}.iphone-block img{width:1.8125rem;height:auto}.iphone-block .link-a{padding:0;font-size:1.25rem;font-weight:400;color:#1c1c1c!important;line-height:2.125rem;margin-bottom:0}}@media only screen and (min-width:320px)and (max-width:767px){.iapd-width{width:100%}}@media only screen and (min-width:320px)and (max-width:767px){.user-register-card{width:100%;padding:1.25rem 2.5rem;background:#fff;z-index:99;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:nowrap!important}.user-register-card .card-title{width:100%;font-size:2rem;font-weight:700;color:#141414!important;color:var(--black-title)!important;line-height:3rem;margin-bottom:0}.user-register-card .card-subtitle{width:100%;font-size:.75rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:1.5rem;margin-bottom:0}.user-register-card .card-user-title{width:100%;font-size:1.125rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:1.9375rem;margin:.9375rem 0 .5rem}.user-register-card .first-form{margin-top:0!important}.user-register-card .card-user-input{width:100%;height:2.5rem;padding-left:.875rem;background:#f5fbff;background:var(--login-input-bg-color);border-radius:5px;font-size:1.125rem;font-weight:500;color:#141414!important;color:var(--black-title-2)!important;line-height:1.8125rem;margin-bottom:0}.user-register-card .card-user-subtitle{font-size:1.25rem;font-weight:500;color:#414141!important;line-height:2.125rem;margin-bottom:0;padding:.625rem 0 .3125rem}.user-register-card .card-user-login-btn{width:100%;height:2.75rem!important;background:#3e5ff1!important;border-radius:5px;font-size:1.25rem;font-weight:400;color:#fff!important;line-height:1.6875rem;margin-bottom:0;text-transform:capitalize;letter-spacing:0}.user-register-card .card-user-login-btn .v-btn__content{font-size:1.3125rem!important;line-height:2.75rem!important}.user-register-card .red-tip{text-align:right}.user-register-card .red-tip span{color:#e60000;font-size:.5625rem;display:inline-block}.user-register-card .theme--light.v-btn.v-btn--disabled.v-btn--has-bg{background-color:#a8b7f9!important}.user-register-card .theme--light.v-btn.v-btn--disabled{color:#fff!important}.user-register-card .muti-col-title{display:flex;justify-content:space-between;margin:1.25rem 0 .3125rem;align-items:baseline}.user-register-card .muti-col-title p:first-child{font-size:1.125rem;font-weight:500;color:#414141!important;color:var(--user-color)!important;line-height:2.125rem;margin-bottom:0}.user-register-card .muti-col-title p:nth-child(2){display:inline-block;padding:0!important;font-size:.625rem;font-weight:300;color:#414141!important;line-height:1.0625rem;margin-bottom:0;max-width:inherit}.user-register-card .register-controle{display:flex;justify-content:flex-start;align-items:center;font-size:.875rem;font-weight:400;height:1.5rem;margin:1.25rem 0 .875rem}.user-register-card .register-controle div{color:#272727}.user-register-card .register-controle span{font-size:.875rem;color:#3e5ff1}.user-register-card .go-to-login{margin-top:.8125rem}.user-register-card .go-to-login span:first-child{font-size:.875rem;font-weight:400;color:#414141!important;color:var(--user-color)!important;line-height:1.0625rem;margin-bottom:0}.user-register-card .go-to-login span:nth-child(2){font-size:.875rem;font-weight:400;color:#3e5ff1!important;line-height:1.0625rem;margin-bottom:0}.user-register-card .login-width{margin-top:0!important;width:100%}}@media only screen and (min-width:320px)and (max-width:767px){.collect-container{width:100%}.collect-container .filter{width:100%;margin-bottom:.625rem;justify-content:space-between!important}.collect-container .filter,.collect-container .filter .title-filter{display:flex!important;align-items:center!important;flex-wrap:wrap!important}.collect-container .filter .title-filter{justify-content:flex-start!important}.collect-container .filter .title-tip{font-size:.625rem;font-weight:700!important;color:#636468!important;margin-bottom:0}.collect-container .filter .filter-btn{padding:0!important;font-size:.625rem;font-weight:400!important;color:#636468!important;margin-bottom:0;margin-right:10px}.collect-container .filter .filter-search{display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;height:1.5rem;padding:.3125rem .25rem;background:#fff;box-shadow:0 .1875rem 1.25rem rgba(0,0,0,.06);border-radius:11px}.collect-container .filter .filter-search img{width:.875rem!important;height:.875rem!important}.collect-container .filter .filter-search input{width:80%;border:0;outline:none;margin-left:.625rem;font-size:.625rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}.collect-container .filter .filter-search .vertical-line{width:.125rem;height:98%;background:#fafafa}.collect-container .filter .filter-search .cate-slelct-btn{font-size:.625rem;font-weight:400!important;color:#97989e!important;margin-bottom:0}}@media only screen and (min-width:320px)and (max-width:767px){.tab-block{width:100%;display:flex;justify-content:center;margin-top:20px}.tab-block .tabs{justify-content:flex-start;align-items:center;flex-wrap:wrap;max-width:345px;width:345px}.tab-block .tabs .tab{font-size:14px;padding:0 .3125rem .375rem;margin:8px 8px 0 0;white-space:normal}.tab-block .tabs .tab-active{border-bottom:2px solid #3e5ff1}}@media only screen and (min-width:320px)and (max-width:767px){.notice-container{width:20.9375rem;padding:.3125rem 0 1.25rem}.notice-container .notice-content .notice-list-container{margin-top:20px}.notice-container .notice-content .notice-list-container .tabs{flex-wrap:wrap;flex-direction:row!important;justify-content:space-between!important}}@media only screen and (min-width:320px)and (max-width:767px){.notice-message-container .info-text{font-size:13px!important}.notice-message-container .comment-content{display:block;margin-top:6px;padding:4px;font-size:13px}}@media only screen and (min-width:320px)and (max-width:767px){.scrollbar{overflow:auto;float:left;border:none}}@media only screen and (min-width:320px)and (max-width:767px){.scrollbar::-webkit-scrollbar{display:block;width:5px;height:1px}}@media only screen and (min-width:320px)and (max-width:767px){.scrollbar::-webkit-scrollbar-thumb{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #18223e;background:#535353}}@media only screen and (min-width:320px)and (max-width:767px){.scrollbar::-webkit-scrollbar-track{border-radius:50px;-webkit-box-shadow:inset 0 0 5px #101728;background:#ededed}}@media only screen and (min-width:320px)and (max-width:767px){.scrollbar{scrollbar-3d-light-color:initial;scrollbar-highlight-color:initial;scrollbar-face-color:initial;scrollbar-arrow-color:initial;scrollbar-shadow-color:initial;scrollbar-dark-shadow-color:initial;scrollbar-base-color:initial}}@media only screen and (min-width:320px)and (max-width:767px){.forum-content-container{width:355px;margin:0 auto}.forum-content-container .radio-label{font-size:13px}.forum-content-container .input-title{margin-top:15px}.forum-content-container .forum-input{height:36px;font-size:14px}.forum-content-container .forum-tag-input-container .tag-block{height:40px}.forum-content-container .forum-tag-input-container .tag-block .chip-block .v-chip{margin-right:3px;padding:0 5px;line-height:25px;height:25px;border-radius:16px;font-size:13px}.forum-content-container .forum-tag-input-container .tag-block .chip-block .v-chip .v-icon{font-size:20px}.forum-content-container .forum-tag-input-container .tag-block .input-block input{height:40px;font-size:14px}.forum-content-container .forum-tag-input-container .rec-tag-block{margin-top:5px}.forum-content-container .forum-tag-input-container .rec-tag-block .rec-title{font-size:14px;margin-right:10px}.forum-content-container .forum-tag-input-container .rec-tag-block .rec-tag{margin-right:5px;padding:2px 8px;font-size:13px}.forum-content-container .forum-tag-input-container .rec-tag-block div{margin-top:5px}.forum-content-container .btns-row .v-btn{font-size:14px}}@media only screen and (min-width:320px)and (max-width:767px){.forum-banner-container .banner-text{width:90%}.forum-banner-container .banner-text h2{font-size:15px}.forum-banner-container .banner-text p{font-size:12px}.forum-banner-container .banner-text .post-btn{font-size:13px}}@media only screen and (min-width:320px)and (max-width:767px){.forum-content-container-w{width:345px}.forum-content-container-w .index-flex-left{width:100%}.forum-content-container-w .mobile-index-post-btn{position:fixed;display:inline-flex!important;width:200px;left:0;right:0;bottom:13px;margin:0 auto;color:#fff;z-index:9}}@media only screen and (min-width:320px)and (max-width:767px){.forum-index-discussion-type-container .discussion-sub-type{width:345px;max-width:345px;padding:10px;margin-top:15px}.forum-index-discussion-type-container .discussion-sub-type .sub-type-badge-icon{min-width:60px;max-width:60px;height:60px}.forum-index-discussion-type-container .discussion-sub-type .sub-type-badge-icon img{width:50px}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info{margin-left:10px}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .index-sub-type-name{font-size:16px}.forum-index-discussion-type-container .discussion-sub-type .sub-type-info .sub-type-desc{font-size:13px;line-height:15px}.forum-index-discussion-type-container .discussion-sub-type-layout:after{width:220px}}@media only screen and (min-width:320px)and (max-width:767px){.forum-index-discussion-type-container .data-title,.forum-index-discussions-container .data-title,.forum-index-rank-container .data-title{font-size:16px}.forum-index-discussion-type-container .learn-more .v-icon,.forum-index-discussions-container .learn-more .v-icon,.forum-index-rank-container .learn-more .v-icon{font-size:24px;margin-bottom:2px}.forum-index-discussion-type-container .learn-more span,.forum-index-discussions-container .learn-more span,.forum-index-rank-container .learn-more span{margin-right:-10px}}@media only screen and (min-width:320px)and (max-width:767px){.forum-index-discussions-container{margin-top:10px}.forum-index-discussions-container .mbile-index-tab{margin-bottom:10px}.forum-index-discussions-container .mbile-index-tab span{font-size:13px;color:#4f525e}.forum-index-discussions-container .index-discussion{width:345px;padding:9px 12px;border-radius:4px}.forum-index-discussions-container .index-discussion .discussion-theme{font-size:16px;width:210px;max-width:210px}.forum-index-discussions-container .index-discussion .discussion-product{font-size:12px}.forum-index-discussions-container .index-discussion .discussion-desc{margin:3px;font-size:14px;line-height:17px}.forum-index-discussions-container .index-discussion .discussion-date,.forum-index-discussions-container .index-discussion .discussion-user-name{font-size:12px}.forum-index-discussions-container .index-discussion .index-discussion-footer{position:relative;margin-top:12px}.forum-index-discussions-container .index-discussion .index-discussion-footer .discussion-date{position:absolute;right:0}}@media only screen and (min-width:320px)and (max-width:767px){.forum-discussion-list-container .keyword-input-container input{width:210px;height:32px;padding:0 5px;font-size:13px;border-radius:6px}.forum-discussion-list-container .keyword-input-container img{height:22px;left:5px;top:4px}.forum-discussion-list-container .search-results-text{font-size:13px}.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn{width:122px}.forum-discussion-list-container .sub-sorter .forum-sorter-menu .menu-select-btn .v-btn__content .item-name{width:100px}.forum-discussion-list-container .discussion{width:100%;padding:9px 12px;border-radius:4px}.forum-discussion-list-container .discussion .discussion-header{position:relative;top:0;left:0}.forum-discussion-list-container .discussion .play-menu{top:7px;right:12px}.forum-discussion-list-container .discussion .moblie-sub-type{margin-top:5px}.forum-discussion-list-container .discussion .moblie-sub-type .discussion-badge{width:9px;height:9px;border-radius:2px}.forum-discussion-list-container .discussion .moblie-sub-type .sub-type-name{margin-left:3px;font-size:12px;font-weight:700}.forum-discussion-list-container .discussion .moblie-sub-type .discussion-product{margin-left:10px;font-size:12px}.forum-discussion-list-container .discussion .discussion-main-content{margin-top:6px}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .essence{font-size:14px;padding:2px 4px;line-height:18px}.forum-discussion-list-container .discussion .discussion-main-content .discussion-info .discussion-theme-with-essence{font-size:16px;width:215px}.forum-discussion-list-container .discussion .discussion-tags div{margin:4px 8px 0 0;padding:2px 4px;font-size:12px}.forum-discussion-list-container .discussion .mobile-dicsussion-footer{position:relative;margin-top:14px;font-size:12px;color:#8c8f9f;color:var(--date-color)}.forum-discussion-list-container .discussion .mobile-dicsussion-footer .discussion-date{position:absolute;right:0;font-size:12px}.forum-discussion-list-container .discussion .reply-block{margin-top:10px;padding:6px;font-size:14px}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex{margin-top:10px;justify-content:flex-start}.forum-discussion-list-container .discussion .deleted-info-row .btn-flex .v-btn{border-radius:4px;height:27px!important;padding:0 10px!important}.forum-discussion-list-container .info-menu{margin-bottom:16px}}@media only screen and (min-width:320px)and (max-width:767px){.post-header-container{margin-top:10px}.post-header-container .cancel-text{font-size:13px;color:#4f525e;color:var(--preset-title-color)}.post-header-container .cancel-text span{vertical-align:middle;display:inline-block;line-height:1em}.post-header-container .v-btn{min-width:48px!important;height:32px!important;padding:0 10px!important}.post-header-container .header-title{font-size:15px;font-weight:700;color:#4f525e;color:var(--preset-title-color)}.post-header-container .draft-btn{border:1px solid #3e5ff1;color:#3e5ff1!important}.post-header-container .submit-btn{color:#fff!important}}@media only screen and (min-width:320px)and (max-width:767px){.forum-post-container{margin-top:10px;padding:15px 15px 40px;border-radius:4px}.forum-post-container .v-input--selection-controls{margin-top:0!important}.forum-post-container .menu-row{position:relative}.forum-post-container .menu-row .error-text{position:absolute;right:92px;top:38px}}@media only screen and (min-width:320px)and (max-width:767px){.forum-discussion-detail-container{margin:0 0 20px;padding:21px 13px 40px;border-radius:4px}.forum-discussion-detail-container .discussion-initiator{padding:3px 6px;font-size:12px}.forum-discussion-detail-container .discussion-date{margin-left:0;font-size:12px}.forum-discussion-detail-container .discussion-content{margin-top:15px;font-size:14px}.forum-discussion-detail-container .forum-user-menu .discussion-date{margin-left:10px}.forum-discussion-detail-container .opt-img{font-size:18px}.forum-discussion-detail-container .discussion-opt-row{width:100%}.forum-discussion-detail-container .discussion-opt-row div img{width:14px;margin-right:10px;vertical-align:middle}.forum-discussion-detail-container .discussion-opt-row div span{font-size:14px}}@media only screen and (min-width:320px)and (max-width:767px){.forum-reply-content-dialog .v-card .outer-editor-container .content-editor{height:180px;margin:.5rem .9375rem}.forum-reply-content-dialog .v-card .inner-editor-container{width:100%}.forum-reply-content-dialog .v-card .inner-editor-container .content-editor{flex-basis:83%;max-width:83%;min-height:30px;margin:5px 0;padding:5px}.forum-reply-content-dialog .v-card .content-editor{font-size:14px;line-height:20px}.forum-reply-content-dialog .v-card .content-editor img{width:30px}.forum-reply-content-dialog .v-card .v-icon{color:#4f525e;font-size:25px}.forum-reply-content-dialog .reply-editor-btn{min-width:64px!important;height:32px!important;font-size:14px!important;border-radius:5px}}@media only screen and (min-width:320px)and (max-width:767px){.parent-reply-content .reply-label{font-size:14px;padding-top:5px;line-height:18px}.parent-reply-content .parent-reply-outer{padding:5px;border-radius:4px}.parent-reply-content .parent-reply-outer .parent-reply{font-size:14px;line-height:18px}}@media only screen and (min-width:320px)and (max-width:767px){.forum-menu .menu-select-btn-1{width:122px;height:32px!important;font-size:13px;padding:0!important}.forum-menu .menu-select-btn-1 .v-btn__content{justify-content:flex-start!important}.forum-menu .menu-select-btn-1 .v-btn__content .item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px;padding-left:5px}.forum-menu .menu-select-btn-1 .v-btn__content .v-icon{position:absolute;right:2px;font-size:18px}}@media only screen and (min-width:320px)and (max-width:767px){.mobile-sort-menu{margin-top:6px}.mobile-sort-menu .menu-select-btn{width:182px!important;border:none!important}.mobile-sort-menu .menu-select-btn .v-btn__content .item-name{width:165px!important;color:#3e5ff1!important}.mobile-sort-menu .menu-select-btn .v-btn__content .v-icon{color:#3e5ff1}}@media only screen and (min-width:320px)and (max-width:767px){.forum-img-view-container img{max-width:300px}}@media only screen and (min-width:320px)and (max-width:767px){.mobile-sub-badge{width:9px!important;height:9px!important;border-radius:2px!important}}@media only screen and (min-width:320px)and (max-width:767px){.mobile-sub-name{font-size:12px;color:#4f525e;color:var(--preset-title-color);font-weight:700;line-height:18px}}@media only screen and (min-width:320px)and (max-width:767px){.mobile-product-name{font-size:12px!important;line-height:14px}}@media only screen and (min-width:320px)and (max-width:767px){.mobile-discussion-theme{font-size:16px!important;width:310px!important}}@media only screen and (min-width:320px)and (max-width:767px){.discussion-user-name{margin-left:8px;font-size:12px!important}}@media only screen and (min-width:320px)and (max-width:767px){.discussion-user-name-detail{margin-left:10px!important;font-size:12px!important}}@media only screen and (min-width:320px)and (max-width:767px){.discussion-desc{margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:14px;line-height:17px}.discussion-desc p{margin-bottom:0!important}}@media only screen and (min-width:320px)and (max-width:767px){.forum-user-menu__content{min-width:170px!important}.forum-user-menu__content .forum-user-card{width:170px}.forum-user-menu__content .forum-user-card .focus-btn{font-size:13px;height:30px!important;padding:0 8px!important;min-width:56px!important}.forum-user-menu__content .forum-user-card .forum-stat .num{font-size:15px}.forum-user-menu__content .forum-user-card .forum-stat .stat-title,.forum-user-menu__content .forum-user-card .join-time{font-size:13px}}@media only screen and (min-width:320px)and (max-width:767px){.myinfo-margin-18{margin-top:16px}}@media only screen and (min-width:320px)and (max-width:767px){.emoji-list{width:180px}.emoji-list .emoji-item{font-size:14px}}:root{--page-bg-color:#f5f5f5;--header-bg-color:#fcfcfc;--white-bg-color:#fff;--filter-btn-bg-color:#f5f5f5;--filter-btn-bd-color:#d1d2d4;--filter-btn-color:#88898d;--preset-title-color:#4f525e;--user-color:#414141;--date-color:#8c8f9f;--tag-color:#949494;--tag-bg-color:#f8f8f8;--change-style-gb-color:#d0d7f4;--register-btn-bg-color:#f3f3f3;--register-btn-color:#636468;--hot-name-color:#67676a;--file-list-bg-color:#fbfbfb;--loading-bar-bg-color:#dcdcdc;--header-input-bg-color:#fff;--progress-bar-bg-color:#dcdcdc;--divider-color-1:#ececec;--divider-color-2:#ececec;--divider-color-3:#ececec;--black-title:#141414;--black-title-2:#141414;--text-area-color:#b9b9b9;--light-text-color:#919191;--preset-select-bg:#e5e5e5;--preset-text-color:#404040;--preset-list-desc-color:#97989e;--drawer-color:#414141;--info-sig-color:#9a9a9a;--menu-shadow:#d5d5d5;--filter-btn-bd-color-2:#d1d2d4;--menu-bg-color:#fff;--filter-tag-color:#88898d;--filter-tag-bd-color:#d1d2d4;--feedbcak-color:#707070;--preset-input-bg-color:#e5e5e5;--info-focus-color:#fff;--login-input-bg-color:#f5fbff;--post-menu-bg-color:#fff}