body{overflow:visible}main .container{max-width:1200px}@media (max-width:1440px) or (max-width:1024px){.container{padding-left:16px;padding-right:16px}}@media (max-width:580px){#back-top.bottom-pupo{bottom:10%}#back-top.isCookie.bottom-pupo{bottom:28%}}.top-banner{background:#000 url(https://images.topmediai.com/topmediaide/assets/how_to/article_how_to_banner.png) no-repeat center/cover;padding:50px 0;text-align:center}.top-banner h1,.top-banner p{color:#fff}.top-banner p{max-width:742px;margin:30px auto 20px;opacity:.6;font-size:16px;line-height:1.2}.top-banner .product-overview-bt-box{margin-top:20px}.top-banner .product-overview-bt-box a{color:#fff;font-size:16px}.top-banner .product-overview-bt-box a:hover{text-decoration:underline;color:#DD3BFF}@media (max-width:768px){.top-banner{padding:40px 0 45px}.top-banner h1{font-size:38px}.top-banner p{font-size:12px;line-height:160%;margin:30px auto 35px}}@media (max-width:390px){.top-banner{background-image:url(https://images.topmediai.com/topmediaide/assets/how_to/article_how_to_phone_banner.png)}}.nav-content{padding:15px 0;background:#161616}.category-list{display:flex;justify-content:center}.category-list li{position:relative;height:50px;color:#FFF;text-align:center;font-size:16px;font-weight:400;line-height:1.2}.category-list li:not(:last-child){border-right:1px solid rgba(255,255,255,.3)}.category-list li a{display:flex;align-items:center;justify-content:center;padding:11px 30px;height:100%}.category-list li a:hover{color:#DD3BFF}.category-list li a:hover .svg-icon{display:none}.category-list li a:hover .svg-icon-hover{display:inline-block}.category-list li a .svg-icon,.category-list li a .svg-icon-hover{margin-right:10px}.category-list li a .svg-icon-hover{display:none}.category-list li.curr a{color:#DD3BFF}.category-list li.curr .svg-icon-hover{display:inline-block}.category-list li.curr a .svg-icon{display:none}.category-list+.ul-show-more{display:none}@media (max-width:1023px){.nav-content .container{overflow-y:hidden;overflow-x:auto}.category-list{width:max-content}.category-list li{height:60px}.category-list li a{flex-direction:column}.category-list li a .svg-icon,.category-list li a .svg-icon-hover{margin:0 0 10px}}@media (max-width:580px){.nav-content .container{overflow:unset}.category-list{width:100%;flex-wrap:wrap;justify-content:flex-start}.category-list li{height:auto;width:50%;margin:10px 0}.category-list li:first-child a,.category-list li a{padding:0 30px}.category-list li:nth-of-type(2n){border:none}.category-list li:nth-of-type(2n+1) a{padding-left:0}.category-list li:nth-of-type(2n) a{padding-right:0}.category-list li:nth-of-type(n+3){display:none}.category-list+.ul-show-more{display:block;color:#fff;text-align:center}.category-list+.ul-show-more svg{transition:all .5s}.category-list.curr+.ul-show-more svg{transform:rotate(180deg)}}.article-list .box{display:flex;justify-content:space-between;padding:50px 0}.article-list .lt{width:calc(100% - 350px)}.article-list .rt{position:sticky;top:90px;width:300px;height:fit-content}@media (max-width:1024px){.article-list .lt{width:100%}.article-list .rt{position:fixed;top:10%;left:0;transform:translateX(-250px);transition:all .5s;z-index:2}.article-list .rt.curr{transform:translateX(0)}}.article-item{display:flex;padding:30px 20px;border-bottom:2px solid #EAECEF;margin:20px 0;transition:all .5s}.article-item:first-child{margin-top:0}.article-item:hover{background:#fff;border-color:#fff;box-shadow:0 7px 20px 0 rgba(0,0,0,.09);border-radius:10px;text-decoration:none}.article-item .article-left{flex-shrink:0;width:280px;max-height:203px;margin-right:30px;overflow:hidden}.article-info .title{color:#000;font-size:20px;font-weight:700;color:#2E2E2E;line-height:1.3}.article-info .title:hover{text-decoration:underline}.article-info .desc{padding:8px 10px 8px 0;font-size:16px;color:#2E2E2E;line-height:1.3}.article-desc{display:flex;align-items:center;font-size:16px;color:#6E6E6E;line-height:1.2}.article-desc .author-img{margin:0 10px}.article-desc .author-img img{border-radius:50%}.article-desc .author-name{font-size:16px;color:#666}.article-desc .time{margin-left:15px;padding-left:15px;border-left:1px solid #6E6E6E}.article-desc .time-icon{display:none}@media (max-width:768px){.article-item .article-left{width:208px}.article-item .article-left img{padding-top:0}.review-pagination .page-numbers{margin:0 5px}}@media (max-width:580px){.article-item{flex-direction:column}.article-item .article-left{width:260px;margin:0 0 12px 0}.article-info .desc{padding:12px 10px 12px 0}}.hot-article-list{position:relative;margin-top:20px;border-radius:10px;box-shadow:0 7px 20px 0 rgba(0,0,0,.09);z-index:1;overflow:hidden}.menu-open{display:none}.hot-category-list{max-height:330px;background:#fff;overflow-y:scroll;overscroll-behavior-y:contain}.hot-article-list h4{background:#DD3BFF;padding:14px 25px;display:flex;align-items:center;color:#fff;font-size:20px;line-height:28px}.hot-icon{margin-right:6px}.hot-category-item>p{font-size:16px;line-height:22px;color:#2e2e2e;padding:15px 18px;background:#FCEDFF}.line-icon{margin-right:5px}.hot-category-item>ul{margin:0 20px}.hot-article-item{margin:15px 0;color:#666}.hot-article-item a:hover{color:#DD3BFF;text-decoration:underline}@media (max-width:1024px){.hot-article-list{position:fixed;top:15%;left:-250px;width:300px;transition:all .5s}.hot-article-list.article-show{left:0}.hot-article-list.top-fixed{top:40%}.article-list-left{width:100%}.hot-article-list:not(.article-show) ul,.category-article-list{display:none}.menu-open{position:absolute;right:18px;top:18px;display:block;width:fit-content;height:fit-content;cursor:pointer}.article-show .menu-open svg{transition:all .5s}.article-show .hot-article-list ul{display:block}.article-show .menu-open svg{transform:rotate(180deg)}.hot-article-list:not(.article-show) h4{background:rgba(221,59,255,.8)}}.review-pagination{display:flex;margin:30px auto 60px;justify-content:center}.review-pagination .page-numbers.current{background:#FCEDFF;color:#AB00D1}.review-pagination .page-numbers{width:30px;height:30px;border-radius:4px;border:1px solid #999;display:block;margin:0 12px;line-height:28px;text-align:center}.review-pagination .page-numbers:not(span):hover{color:#AB00D1}@media (max-width:768px){.review-pagination .page-numbers{margin:0 5px}}.article-list .list{border:1px solid #C13EFF;border-radius:10px;overflow:hidden}.article-list .box h3,.article-list .box .atitleh3{position:relative;display:flex;justify-content:center;align-items:center;height:70px;margin:0;background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);font-size:20px;font-weight:700;line-height:1.2;color:#fff}.article-list .box ul{max-height:330px;overflow-y:auto;overflow-x:hidden;padding:15px 20px 20px;background:#fff}.article-list .show-tips{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:none}.article-list li:not(:last-child){border-bottom:1px solid #bababa}.article-list li a{display:flex;padding:15px 0;font-size:14px;line-height:1.2}.article-list li a:before{content:"";flex-shrink:0;width:8px;height:8px;margin:5px 5px 0 0;background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%),#D9D9D9;border-radius:50%}.article-list li a:hover{color:#C13EFF;text-decoration:underline}.article-list .product-overview-bt{display:flex;align-items:center;justify-content:center;width:200px;height:50px;padding:14px;margin:20px auto 0;border-radius:6px;background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);color:#fff;text-align:center;font-size:18px}.article-list .product-overview-bt:hover{background:linear-gradient(90.11deg,#E43BFF 0%,#983BFF 100%)}@media (max-width:1024px){.article-list .show-tips{display:block}.article-list .rt ul{padding:10px 23px 15px 23px}.article-list .rt h3{height:60px;font-size:18px}.article-list .show-tips svg{transition:all .5s}.article-list .rt.curr .show-tips svg{transform:rotate(180deg)}.article-list .rt:not(.curr) ul{display:none}.article-list li a{padding:10px 0}.article-list .box .atitleh3{height:50px}}.sort-bottom-container{--sort-bottom:0;position:fixed;bottom:var(--sort-bottom);left:0;right:0;background:#161616;color:#fff;z-index:101}.sort-bottom-container .container{display:flex;align-items:center;max-width:1200px;padding:10px;font-size:14px;font-weight:700}.sort-bottom-container .sort-text{background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-left:5px}.sort-bottom-container .sort-href{display:flex;justify-content:center;align-items:center;width:30px;height:30px;margin-left:5px;background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);border-radius:50%;line-height:30px}.sort-bottom-container .sort-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:url(https://images.topmediai.com/topmediaide/assets/common/article_black_close.svg) no-repeat center/cover}@media (max-width:375px){.sort-bottom-container .container{font-size:12px}}@media (max-width:360px){.sort-bottom-container .sort-close{right:0}}.authors-popups{padding:5px 10px;border-radius:5px;color:#fff;background:rgba(0,0,0,.7);position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}