@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;900&display=swap);body{margin:0;padding:0;overflow:hidden;border:none}.btn-block,.custom-modal .modal-head,.ftr-bottom ul,.ftr-bottom ul li,.grid-data,.home-screen .avtar-postinfo .post-tag,.home-screen .post-header,.inner-header,.music-list .music-item .music-card,.optionbox,.tab-button,.text-link,.title-blk{height:auto;display:flex}.home-screen,.home-screen .video-view{width:100%;height:100vh;position:relative;overflow-y:auto}.home-screen .post-header .avtar-icon,.home-screen .post-header .avtar-icon img,.profileIcon,.profileIcon img{width:32px;height:32px;border-radius:100px}.home-screen .post-header .avtar-icon img,.profileIcon img{-o-object-fit:cover;object-fit:cover}.home-screen,.home-screen .video-view{position:relative;overflow:hidden}.home-screen .swiper-slide{position:relative}.home-screen .swiper-slide:before{height:80px;background:transparent linear-gradient(180deg,#000,transparent) 0 0 no-repeat;top:0}.home-screen .swiper-slide:after,.home-screen .swiper-slide:before{width:100%;position:absolute;left:0;content:"";z-index:1;opacity:.5}.home-screen .swiper-slide:after{height:40%;background:transparent linear-gradient(0deg,#000,transparent) 0 0 no-repeat;top:auto;bottom:0}.home-screen .right-option{width:64px;text-align:center;flex-direction:column;justify-content:center;align-items:center;position:absolute;right:0;bottom:96px;z-index:111;padding-right:8px}.home-screen .right-option ul li{margin-bottom:8px}.home-screen .right-option ul li .icon{width:36px;height:36px;background:rgba(0,0,0,.6);border-radius:100px;display:inline-block;position:relative;transition:all .3s ease;box-shadow:0 0 8px 0 rgba(0,0,0,.6)}.home-screen .right-option ul li .icon svg{height:18px;fill:#fff;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;transition:all .3s ease}.home-screen .right-option ul li .icon.like-btn svg{fill:none;width:24px;height:24px}.home-screen .right-option ul li .icon.like-btn svg path{stroke:#fff;fill:none;stroke-width:2px}.home-screen .right-option ul li .icon.liked_active svg{-webkit-animation:heart 1s cubic-bezier(.17,.89,.32,1.49);animation:heart 1s cubic-bezier(.17,.89,.32,1.49)}.home-screen .right-option ul li .icon.liked_active svg path{stroke:none;fill:#fff;stroke-width:0px}@keyframes heart{0%,17.5%{width:0}}@-webkit-keyframes heart{0%,17.5%{width:0}}.home-screen .right-option ul li .icon.post-wall svg{width:auto;height:24px;margin:1px 0 0 1px}.home-screen .right-option ul li .text-title{width:100%;display:block;font-size:.625em;font-weight:400;margin-top:0;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.7);white-space:nowrap;text-align:center}.home-screen .right-option ul li:last-child{border-bottom:0}.home-screen .right-option ul li.follow .icon:before{width:20px;height:20px;border-radius:100px;background:#ff5d00;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;content:"";transition:all .3s ease}.home-screen .right-option ul li.follow .icon.follow-post:before{width:24px;height:24px}.home-screen .right-option ul li.follow .icon.follow-post svg{width:14px;height:14px;-webkit-animation:heart 1s cubic-bezier(.17,.89,.32,1.49);animation:heart 1s cubic-bezier(.17,.89,.32,1.49)}.home-screen .right-option ul li.follow .icon.follow-post svg path{stroke:#fff}.home-screen .right-option ul li:last-child{margin-bottom:0}.home-screen .post-header{width:100%;height:auto;padding:0;position:absolute;left:16px;top:16px;z-index:11;align-items:center}.home-screen .post-header .avtar-icon{flex-shrink:0;flex-grow:0;margin-right:8px}.home-screen .post-header .avtar-icon img{border:1px solid #fff}.home-screen .post-header .avtar-title{font-size:.875em;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.7)}.home-screen .post-header .new-icon img{height:48px}.home-screen .avtar-postinfo{width:100%;position:absolute;left:16px;bottom:64px;text-align:left;padding:0 96px 16px 0;display:block;min-height:64px;z-index:11}.home-screen .avtar-postinfo p{font-size:.75em;color:#fff;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;text-shadow:0 0 5px rgba(0,0,0,.7)}.home-screen .avtar-postinfo .post-tag{width:100%;margin-top:4px;flex-wrap:wrap}.home-screen .avtar-postinfo .post-tag span{font-size:.75em;color:hsla(0,0%,100%,.6);margin:4px 8px 4px 0;display:inline-block;font-weight:400;text-shadow:0 0 5px rgba(0,0,0,.7)}.home-screen .recording-playbtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.home-screen .recording-playbtn svg{fill:rgba(0,0,0,.21);-webkit-animation:heart 1s cubic-bezier(.17,.89,.32,1.49);animation:heart 1s cubic-bezier(.17,.89,.32,1.49)}.home-screen.uservdo-screen .avtar-postinfo{bottom:0}.home-screen.uservdo-screen .right-option{bottom:16px}.home-screen.uservdo-screen .swiper-slide:after{z-index:1}.home-screen.uservdo-screen .post-header .goback{left:-8px;margin-right:0}.home-screen.uservdo-screen .post-header .goback svg{fill:#fff}.home-screen .news-titleblk{width:100%;position:absolute;left:50%;transform:translateX(-50%);bottom:0;text-align:left;padding:2em 16px 3em 16px;display:block;z-index:11;background:linear-gradient(180deg,transparent 0,#000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#000000",GradientType=0)}.home-screen .news-titleblk h2{font-size:1.125em;font-weight:500;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.7);line-height:normal}.home-screen .news-titleblk .dtl-btn-blk{width:100%;display:flex;text-align:center;margin-top:12px;justify-content:space-between;align-items:center}.home-screen .news-titleblk .dtl-btn-blk .rgtcol-btn{width:auto;display:flex;flex-direction:column}.home-screen .news-titleblk .news-detail-btn{background:#02a0e7;color:#fff;padding:8px 12px;outline:none;border-radius:4px;border:none;width:auto;font-size:.75em;font-weight:600;text-transform:uppercase;transition:all .3s ease;box-shadow:0 0 10px 0 rgba(0,0,0,.55)}.home-screen .news-titleblk .news-detail-btn:active{background:#fff;color:#02a0e7}.home-screen .news-titleblk .share-btn{width:auto;display:flex;align-items:center;font-size:.75em;color:#fff}.home-screen .news-titleblk .share-btn svg{fill:#fff;margin-right:6px;height:14px;width:auto}.home-screen .news-titleblk .provider-name{width:100%;text-align:right;font-size:.75em;color:#00b0ff;margin-top:12px;font-weight:500}.home-screen .news-titleblk .provider-name span{color:#fff;opacity:.7;font-weight:300;font-size:.875em}::-webkit-input-placeholder{color:#999}.btn-block,.custom-modal .modal-head,.ftr-bottom ul,.ftr-bottom ul li,.grid-data,.inner-header,.music-list .music-item .music-card,.optionbox,.tab-button,.text-link,.title-blk{height:auto;display:flex}.inputFile{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;z-index:1}.profileIcon,.profileIcon img{width:32px;height:32px;border-radius:100px}.profileIcon img{-o-object-fit:cover;object-fit:cover}.icon-Btn{width:32px;height:32px;position:relative}.icon-Btn svg{width:16px;height:16px;fill:#666;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute}.rgt-iconbox{margin-left:auto;width:auto;display:flex}.button,.gotoButton,.music-list .sound-video .button{width:100%;height:auto;padding:8px 16px;border-radius:6px;font-size:14px;color:#fff;font-weight:700}.mid-cnt{width:100%;padding:16px 16px 80px 16px}.roundcnt{width:100%;height:auto;padding:16px;background:#fff;border-radius:16px 16px 0 0;position:relative;margin-top:-24px}.tab-button{width:100%;justify-content:space-around;margin-bottom:16px}.tab-button li{width:auto;flex-grow:1;padding:4px 16px;color:#505050;font-size:.875em;font-weight:600;border-radius:32px;text-align:center;transition:all .5s ease}.tab-button li.active-tab{background:#f5f5f5}.btn-block{margin:16px 0}.btn-block,.title-blk{width:100%;height:auto;justify-content:space-between}.title-blk{margin-bottom:8px}.title-blk h2{font-size:1em}.text-link{align-items:center;font-size:.75em}.text-link svg{width:12px;height:12px;margin-right:4px}.banner-cnt{width:100%;display:block;padding:16px 0}.banner-cnt img{width:100%;height:auto;border-radius:4px}.footerfix,.ftr-bottom,.ftr-button{width:100%;height:auto;padding:16px;position:fixed;left:0;bottom:0;background:#fff;z-index:1}.button:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-shadow:none}.ftr-button .button{width:100%;display:block;text-align:center;padding:12px 16px;font-size:1em;font-weight:500}.grid-data,.inner-header{justify-content:space-between}.grid-data .col-item,.inner-header .col-item{width:50%}.ftr-bottom{background:transparent 0 0 no-repeat padding-box;border-top:1px solid hsla(0,0%,100%,.12);opacity:1;padding:8px 0;z-index:11}.ftr-bottom ul{width:100%;flex-direction:row;justify-content:space-between}.ftr-bottom ul li{width:100px;text-align:center;flex-grow:0;padding:0 0;flex-direction:column;justify-content:center;align-items:center}.ftr-bottom ul li .icon{width:16px;height:16px;display:inline-block}.ftr-bottom ul li .icon svg{width:16px;height:16px;fill:hsla(0,0%,100%,.6);transition:all .3s ease}.ftr-bottom ul li .text-title{width:100%;display:block;font-size:.625em;font-weight:400;margin-top:4px;color:hsla(0,0%,100%,.6);transition:all .3s ease}.ftr-bottom ul li.create-video .icon{width:38px;height:38px;background:#000 0 0 no-repeat padding-box;border-radius:100px;position:relative;box-shadow:0 0 5px 0 #f80}.ftr-bottom ul li.create-video .icon:before{width:16px;height:16px;border-radius:4px;border:2px solid #ff5d00;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;content:""}.ftr-bottom ul li.create-video .icon svg{width:auto;height:8px;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;fill:#ff5d00}.ftr-bottom ul li.active-tab .icon svg{fill:#fff}.ftr-bottom ul li.active-tab .text-title{color:#fff}.custom-modal{width:100%;height:100vh;position:fixed;top:auto;left:0;bottom:0;background:#fff;z-index:1111;transform:translateY(100%);transition:all .5s ease;opacity:0}.custom-modal .modal-head{width:100%;padding:16px;border-bottom:1px solid #ddd;align-items:center;background:#fff}.custom-modal .modal-head .icon-btn{width:32px;height:32px;display:flex;position:relative;margin:0 8px 0 -8px}.custom-modal .modal-head .icon-btn svg{width:16px;height:16px;fill:#666;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute}.custom-modal .modal-head .head-tilte{font-size:.875em;color:#000;font-weight:600}.custom-modal.open{transform:translateY(0);opacity:1}.sound-processing{width:100%;height:2px;background:#c2c2c2;position:relative;display:block;overflow:hidden}.sound-processing span{width:auto;height:2px;background:#666;position:absolute;left:0;top:0}.inner-header{padding:8px 16px;border-bottom:1px solid #ddd;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#fff;justify-content:flex-start}.inner-header .goback{left:-8px}.inner-header .txt-title{font-size:1em;color:#666;font-weight:600}.optionbox{margin:16px 0}.optionbox .input_radicol{width:auto;flex-shrink:0;flex-grow:0;padding:0 0 0 0}.optionbox .input-check{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:4px 8px 0 36px}.optionbox input{position:absolute;opacity:0;cursor:pointer;top:0;left:0}.optionbox input:checked+span.text-label{color:#ff5d00}.optionbox input:checked+span.text-label,.optionbox input:checked~.checkmark{-webkit-animation:anim_Scale .5s ease-in-out;animation:anim_Scale .5s ease-in-out}.optionbox input:checked~.checkmark{border-color:#ff5d00;background:#fff}.optionbox input:checked~.checkmark:after{display:block;background:#ff5d00}.optionbox .text-label{font-size:.875em;color:#000;margin:0}.optionbox .checkmark{position:absolute;top:0;left:0;height:26px;width:26px;background:#fff;border-radius:100%;border:1px solid #ddd}.optionbox .checkmark:after{content:"";display:none;width:18px;height:18px;border-radius:100%;background:#ff5d00;transition:all .5s ease}.optionbox .checkmark:after,.ring-loader{transform:translate(-50%,-50%);left:50%;top:50%;position:absolute}.ring-loader{width:48px;height:48px}.ring-loader span{box-sizing:border-box;display:block;position:absolute;width:32px;height:32px;margin:8px;border:4px solid rgba(0,0,0,.3);border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:rgba(0,0,0,.3) transparent transparent transparent}.ring-loader div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.ring-loader div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.ring-loader div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.music-list li{margin-bottom:8px}.music-list .music-item{width:100%;position:relative}.music-list .music-item .music-card{width:100%;position:relative;padding:0 16px;align-items:center}.music-list .music-item .music-card .sound-processing{margin-top:5px}.music-list .music-item .music-thumb{width:38px;height:38px;border-radius:4px;margin-right:16px}.music-list .music-item .music-thumb img{width:38px;height:38px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.music-list .music-item .music-info{width:100%;display:block;padding-right:0}.music-list .music-item .music-info .inner-text{width:100%;position:relative;padding-right:35px}.music-list .music-item .music-info h2{font-size:.75em;color:#202020;margin-bottom:4px}.music-list .music-item .music-info p{color:#666;font-size:.75em;font-weight:400;text-transform:capitalize}.music-list .music-item .icon-btn{width:32px;height:32px;position:absolute;background:#fff;top:50%;right:16px;transform:translateY(-50%)}.music-list .music-item .icon-btn svg{width:20px;height:20px;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;fill:#666}.music-list .sound-video{width:100%;padding:8px 16px;background:#f0f0f0;margin-top:8px;display:block}.music-list .sound-video .button{border:none;background:#ff5d00;font-size:.75em;font-weight:400;display:flex;justify-content:center;align-items:center;line-height:16px;border-radius:4px}.music-list .sound-video .button svg{height:12px;fill:#fff;margin-right:8px}.field-row .input-style,.field-row .textarea-style,.select-opt{width:100%;height:auto;padding:12px 8px;border:1px solid #ddd;color:#000;font-size:.875em;border-radius:6px}.field-row .input-style:focus,.field-row .textarea-style:focus,.select-opt:focus{outline:none;box-shadow:none}.field-row .input-style::-webkit-input-placeholder,.field-row .textarea-style::-webkit-input-placeholder,.select-opt::-webkit-input-placeholder{color:#999}.form-box{padding:16px}.field-row,.form-box{width:100%;display:block}.field-row{height:auto;margin-bottom:16px;position:relative}.field-row .text-label{display:block;font-size:.875em;font-weight:600;color:#505050;margin-bottom:8px}.field-row .text-label span{font-size:.75em;color:#999;font-weight:400}.field-row .textarea-style{height:100px;resize:none}.rel-box{width:100%;height:auto;position:relative}.rel-box .drop-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.select-opt{-moz-appearance:none;appearance:none;-webkit-appearance:none}.upload-vdo{width:100%;height:100vh;padding:16px}.upload-vdo .upload-btn{width:calc(100% - 32px);margin-left:auto;border:1px solid #ff5d00;padding:8px 12px;border-radius:4px;color:#ff5d00;font-size:.875em;font-weight:500;position:fixed;overflow:hidden;text-align:center;bottom:16px;left:50%;transform:translateX(-50%)}.upload-vdo .upload-btn .input_file{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0}.back-icon[data-v-05a00f9f]{padding:1em;background:#fff;outline:none;border:none}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;word-break:break-word}* ::-webkit-scrollbar{display:none}html{scroll-behavior:smooth}input:focus{outline:none;box-shadow:none}::-webkit-input-placeholder{color:#727272}li,ul{padding:0;margin:0;list-style:none}body,input,textarea{font-family:Roboto,sans-serif}body{font-size:16px;background:#fff;transition:all .5s ease;color:#000;scroll-behavior:smooth}