.display-flex[data-v-1bae8be7]{text-transform:none;flex-wrap:nowrap;grid-gap:0;gap:0}#id-commnent[data-v-1bae8be7]{width:100%;outline:none;padding:0 10px}#id-time[data-v-1bae8be7]{justify-content:space-between;line-height:1.7rem;color:#8e8e93;padding:1rem 1rem 1rem 0}#id-time[data-v-1bae8be7],.comment[data-v-1bae8be7]{width:100%;font-size:1.4rem}.comment[data-v-1bae8be7]{min-height:168px;background:transparent;color:#c4c4c4;line-height:2.4rem;border-bottom:1px solid var(--background-white-5);border-top:1px solid var(--background-white-5);word-break:break-word}#id-reply[data-v-1bae8be7]{padding:10px 0;justify-content:space-between}.btn-reply[data-v-1bae8be7]{color:#51768d;text-transform:none}#id-user-infor[data-v-1bae8be7]{width:-moz-max-content;width:max-content;min-height:265px;border-radius:1rem 0 0 1rem}#id-user-infor-mobie[data-v-1bae8be7],#id-user-infor[data-v-1bae8be7]{background:var(--background-white-3)}#id-user-infor-mobie[data-v-1bae8be7]{height:9rem;border-radius:10px 10px 0 0}.avatar[data-v-1bae8be7]{width:12.2rem;height:12.2rem;margin:2rem auto;display:block;border:2px solid var(--color-white-5);border-radius:12.2rem}#id-icon-vip[data-v-1bae8be7]{width:3.2rem;height:1.8rem;background:linear-gradient(90deg,#c99d00,#ffee54 48.44%,#c99d00);border:1px solid #ffee54;box-sizing:border-box;border-radius:.8rem;font-weight:800;font-size:1.3rem;line-height:1.6rem;color:#cb2121;text-align:center;margin:5px auto 0}.username[data-v-1bae8be7]{margin-top:1rem;color:var(--color-white);font-weight:700;font-size:1.4rem;line-height:1.7rem;text-align:center}.achievement[data-v-1bae8be7]{text-align:center;font-size:1.2rem;line-height:1.5rem;color:#8e8e93}#id-achievement[data-v-1bae8be7]{text-align:left}.avatar-mobie[data-v-1bae8be7]{width:7rem;height:7rem;border-radius:7rem;margin:1rem}.id-title[data-v-1bae8be7]{margin-top:5px}.cl-content[data-v-1bae8be7]{width:100%;height:100%;padding:10px 0;overflow-x:hidden}.cl-parent[data-v-1bae8be7]{text-align:left;font-size:14px;margin:2px 0 0;padding:5px 5px 0;color:grey;border-left-style:solid;border-left-color:coral;overflow-x:scroll}.cl-parentContent[data-v-1bae8be7]{margin-top:5px;padding:5px}@media(min-width:0px){.btn-reply[data-v-1bae8be7]{font-size:1.4rem}}@media(min-width:760px){.btn-reply[data-v-1bae8be7]{font-size:1.6rem}.cl-parentContent[data-v-1bae8be7]{max-width:620px}}#id-commnet[data-v-2f6129ae]{flex:1;min-height:-moz-max-content;min-height:max-content;word-break:break-all;padding:0 10px}span[data-v-2f6129ae]{text-align:left}#id-time[data-v-2f6129ae]{font-size:1.4rem;line-height:1.7rem;color:#8e8e93;padding:1rem}#id-reply[data-v-2f6129ae],#id-time[data-v-2f6129ae]{justify-content:space-between}#id-reply[data-v-2f6129ae]{padding:1rem 0}.btn-reply[data-v-2f6129ae]{width:11.8rem;height:3.6rem;font-size:1.6rem;color:var(--color-white);background:#335984;border-radius:6px;text-transform:none}#id-user-infor[data-v-2f6129ae]{height:26.7rem;background:var(--background-white-3);border-radius:1rem}.avatar[data-v-2f6129ae]{width:12.2rem;height:12.2rem;margin:2rem 2rem 0;border:2px solid var(--color-white-5);border-radius:12.2rem}#id-icon[data-v-2f6129ae]{margin-top:1rem;justify-content:center;align-items:center}#id-icon-vip[data-v-2f6129ae]{width:3.2rem;height:1.8rem;background:linear-gradient(90deg,#c99d00,#ffee54 48.44%,#c99d00);border:1px solid #ffee54;box-sizing:border-box;border-radius:.8rem;font-weight:800;font-size:1.3rem;line-height:1.6rem;color:#cb2121;margin:5px auto 0;padding-left:3px}.username[data-v-2f6129ae]{margin-top:1rem;color:var(--color-white);font-weight:700;font-size:1.4rem;line-height:1.7rem;text-align:center}.achievement[data-v-2f6129ae]{font-size:1.2rem;line-height:1.5rem;text-align:center;color:#8e8e93}.avatar-mobie[data-v-2f6129ae]{width:7rem;height:7rem;border-radius:7rem;margin:1rem}#id-user-infor-mobie[data-v-2f6129ae]{height:9rem;background:var(--background-white-3);border-radius:10px 10px 0 0}.cl-recomment[data-v-2f6129ae]{text-align:left;font-size:14px;margin:2px 10px 0 28px;padding:5px;color:grey;border-left-style:solid;border-left-color:coral}.cl-btn-cancel[data-v-2f6129ae]{text-transform:none;color:grey;font-size:14px;font-weight:700}span[data-v-1818092c]{color:var(--color-white);font-weight:700;font-size:1.8rem;line-height:2.2rem}.cl-popup[data-v-1818092c]{width:100vw;height:100%;padding:50px;top:0;z-index:10;background:rgba(0,0,0,.2);position:fixed}.cl-popup .cl-popup-custom[data-v-1818092c]{max-width:86rem;margin-left:auto;margin-right:auto;background:#272b33;border-radius:10px;position:relative;top:50%;transform:translateY(-50%)}.cl-popup .cl-popup-custom .cl-title[data-v-1818092c]{padding:14px;font-size:18px}.cl-popup .cl-popup-custom #id-header[data-v-1818092c]{justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.05)}.cl-popup .cl-popup-custom #id-header .cl-btn-close-popup[data-v-1818092c]{width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;font-size:30px;margin-right:15px}.cl-popup .cl-popup-custom .cl-body[data-v-1818092c]{padding:20px;border-bottom:1px solid hsla(0,0%,100%,.05)}.cl-popup .cl-popup-custom .cl-body #id-select[data-v-1818092c]{width:100%;margin-bottom:20px;min-height:4rem;white-space:pre-wrap;overflow:hidden;border:1px solid hsla(0,0%,100%,.05);border-radius:6px;background:transparent;color:#fff;padding:0 10px;outline:none}.cl-popup .cl-popup-custom .cl-body #id-select[data-v-1818092c]:hover{border:1px solid var(--color-white-5)}.cl-popup .cl-popup-custom .cl-body #id-select option[data-v-1818092c]{border:1px solid red;background:#272b33}.cl-popup .cl-popup-custom .cl-body .cl-title-content[data-v-1818092c]{font-weight:400;font-size:14px;line-height:24px;color:#c4c4c4}.cl-popup .cl-popup-custom .cl-body .cl-content[data-v-1818092c]{width:100%;height:150px;margin-top:10px;max-height:151px;background:transparent;border:1px solid hsla(0,0%,100%,.05);border-radius:6px;outline:none;color:grey;padding:10px;resize:none}.cl-popup .cl-popup-custom .cl-footer[data-v-1818092c]{padding:20px;text-align:center}.cl-popup .cl-popup-custom .cl-footer .cl-send[data-v-1818092c]{width:120px;height:30px;background:#ff453a;border-radius:3px}.menu[data-v-f4fe2bde]{min-width:-moz-max-content;min-width:max-content;width:25rem;top:3rem;height:280px;right:0;position:absolute;background:var(--background-black-8);font-size:1.4rem;overflow:scroll;margin-right:20px;border-radius:0 0 10px 10px;cursor:pointer;z-index:999}.menu div[data-v-f4fe2bde]{color:var(--color-white-5);padding:1.2rem 1.6rem}.menu[data-v-f4fe2bde] :hover{color:#fff}.li-menu[data-v-f4fe2bde]{margin:0 10px;border-top:1px solid hsla(0,0%,100%,.2)}.li-menu img[data-v-f4fe2bde]{width:24px;height:24px;border-radius:50%;margin:5px 10px 0 0;flex-shrink:0}.li-menu span[data-v-f4fe2bde]{font-size:12px;line-height:18px}.li-menu #id-item-time[data-v-f4fe2bde]{margin-top:-15px;height:10px;font-size:12px;text-align:right}@media(max-width:1260px){.menu[data-v-f4fe2bde]{right:0!important}}#id-post-content[data-v-f4fe2bde]{flex-wrap:nowrap;margin-top:2rem}#id-post-content #id-content[data-v-f4fe2bde]{flex:1;overflow:hidden;word-wrap:break-word}#id-post-content #id-content span[data-v-f4fe2bde],.content[data-v-f4fe2bde]{text-align:left}.content[data-v-f4fe2bde]{padding-bottom:10rem}.content-mobie[data-v-f4fe2bde],.content[data-v-f4fe2bde]{margin-top:-65rem}span[data-v-f4fe2bde]{color:var(--color-white);font-weight:700;font-size:1.8rem;line-height:2.2rem}.group[data-v-f4fe2bde]{min-height:12.5rem;background:var(--background-black-3);-webkit-backdrop-filter:var(--backdrop-filter-10);backdrop-filter:var(--backdrop-filter-10);border-radius:1rem;margin-top:1rem}i[data-v-f4fe2bde]{font-size:22px;margin-right:10px}#id-pagination[data-v-f4fe2bde]{margin-top:2rem;margin-bottom:2rem;align-items:center;background:transparent;justify-content:space-between}#id-pagination .cl-sort[data-v-f4fe2bde]{width:110px;height:36px;background:hsla(0,0%,100%,.05);border-radius:6px;text-transform:none}#id-pagination .cl-sort img[data-v-f4fe2bde]{margin-right:10px}#id-pagination .cl-sort[data-v-f4fe2bde]:hover{background:#ff453a}#id-pagination .cl-flow[data-v-f4fe2bde],#id-pagination .cl-share[data-v-f4fe2bde]{width:36px;height:36px;margin-left:5px;background:hsla(0,0%,100%,.05);border-radius:6px}#id-pagination .cl-flow[data-v-f4fe2bde]:hover,#id-pagination .cl-share[data-v-f4fe2bde]:hover{background:#ff453a}.cl-rule-sort[data-v-f4fe2bde]{padding:10px 50px 10px 10px;background:#272b33;border:1px solid hsla(0,0%,100%,.05);border-radius:10px;position:absolute;z-index:1}.cl-rule-sort .cl-sort-item[data-v-f4fe2bde]{cursor:pointer;font-weight:400;font-size:16px;line-height:36px;color:hsla(0,0%,100%,.8)}.cl-rule-sort .cl-sort-item[data-v-f4fe2bde]:hover{color:#fff}.cl-rule-sort .cl-sort-item img[data-v-f4fe2bde]{margin-right:15px}.cl-rule-share[data-v-f4fe2bde]{padding:10px;position:absolute;z-index:1;border:1px solid hsla(0,0%,100%,.05);border-radius:10px;background:#272b33;text-align:center}.cl-rule-share .cl-title-share[data-v-f4fe2bde]{text-align:left;font-weight:400;font-size:16px;line-height:36px;color:#fff}.cl-rule-share .cl-share-item img[data-v-f4fe2bde]{margin:10px 30px 0 0}.cl-rule-share .cl-share-link[data-v-f4fe2bde]{border:1px solid hsla(0,0%,100%,.2);border-radius:6px;text-align:left;margin-top:20px;display:flex;flex-wrap:nowrap}.cl-rule-share .cl-share-link .cl-coopy[data-v-f4fe2bde]{cursor:pointer;max-width:40px;padding:10px;border-right:1px solid hsla(0,0%,100%,.2)}.cl-rule-share .cl-share-link span[data-v-f4fe2bde]{padding-top:3px;padding-left:10px;font-weight:400;font-size:16px;line-height:36px;color:#fff;overflow:scroll;white-space:nowrap}.cl-rule-share .cl-share-link span[data-v-f4fe2bde]::-webkit-scrollbar{display:none}.btn-post[data-v-f4fe2bde]{width:12rem;height:4rem;margin-right:1rem;background:var(--background-yellow);border-radius:.5rem;font-size:1.6rem}.btn-lesson[data-v-f4fe2bde]{width:11.8rem;height:3.6rem;font-size:1.6rem;border-radius:.6rem;white-space:nowrap;background:var(--background-white-5)}.search[data-v-f4fe2bde]{width:22rem;height:4rem;color:var(--color-white);padding-left:1rem;text-align:left;font-size:1.6rem;border:none;background:transparent}.item-comment[data-v-f4fe2bde]{margin-top:.5rem;min-height:-moz-max-content;min-height:max-content;background:hsla(0,0%,100%,.05);border-radius:10px}.btn-JoinGroup[data-v-f4fe2bde]{width:20rem;height:4rem;color:#fbbc04;background:var(--background-black-3);border-radius:.5rem;font-size:1.6rem}#id_title[data-v-f4fe2bde]{display:inline-flex;font-size:1.8rem;text-transform:uppercase;cursor:pointer;flex-wrap:nowrap;overflow:hidden}#id_title[data-v-f4fe2bde],.btn-title[data-v-f4fe2bde]{font-weight:700;text-shadow:2px 2px var(--background-black)}.btn-title[data-v-f4fe2bde]{margin-right:10px;text-align:left;white-space:nowrap}.img-ads[data-v-f4fe2bde]{width:320px;height:720px;margin-left:20px;display:none}@media(min-width:0px){#id-btn-title[data-v-f4fe2bde]{max-width:130px}.btn-title[data-v-f4fe2bde]{font-size:16px}.btn-title i[data-v-f4fe2bde]{font-size:18px}}@media(min-width:375px){#id-btn-title[data-v-f4fe2bde]{max-width:200px}}@media(min-width:768px){.btn-title[data-v-f4fe2bde]{font-size:18px}.btn-title i[data-v-f4fe2bde]{font-size:20px}#id-btn-title[data-v-f4fe2bde]{max-width:100%}}@media(min-width:1366px){.img-ads[data-v-f4fe2bde]{display:block}}.modal[data-v-f4fe2bde]{width:100%;height:100%;display:none;position:fixed;z-index:10000;left:0;top:0;padding-top:90px;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.6)}.modal-content[data-v-f4fe2bde]{margin:auto;position:relative;display:block;width:30%;max-width:800px;animation-name:zoom-data-v-f4fe2bde;animation-duration:.6s}@keyframes zoom-data-v-f4fe2bde{0%{transform:scale(0)}to{transform:scale(1)}}.close[data-v-f4fe2bde]{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.close[data-v-f4fe2bde]:focus,.close[data-v-f4fe2bde]:hover{color:#bbb;text-decoration:none;cursor:pointer}