a.bt:hover{background:linear-gradient(90.11deg,#6A41FF 5.13%,#23A3FF 104.11%)!important}.top-banner{background:url(https://images.topmediai.com/topmediai/assets/how_to/banner-bg.png) no-repeat 0 0;background-size:cover}.top-banner .box{display:flex;justify-content:center;align-items:center;min-height:355px}.top-banner .box .lt{position:relative;max-width:513px;margin-right:98px}.top-banner .box .lt h1{font-size:36px;margin-bottom:20px}.top-banner .box .lt p{margin-bottom:30px}.top-banner .box .lt a{display:flex;justify-content:center;align-items:center;width:182px;height:56px;background:linear-gradient(90.11deg,#8665FF 4.85%,#56B8FF 98.4%);border-radius:8px;font-size:18px;font-weight:700;color:#fff}.top-banner .box .lt picture{position:absolute;right:-65px;bottom:0}.article-list{position:relative;padding:100px 0 184px}.article-list:after{content:'';display:inline-block;width:337px;height:717px;background:url(https://images.topmediai.com/topmediai/assets/how_to/article-list-right.png) no-repeat 0 0;position:absolute;top:50%;margin-top:-358px;right:0}.article-list .box{display:flex}.article-list .box .column{align-self:self-start;margin-right:38px;width:345px;flex-shrink:0}.article-list .box .column div.list{border-radius:15px 15px 10px 10px;box-shadow:0 4px 27px rgba(221,234,243,.56);overflow:hidden;padding-bottom:28px}.article-list .box .column h3{display:flex;justify-content:center;align-items:center;font-size:22px;color:#fff;background:linear-gradient(90deg,#A899FF -2.95%,#A79AFF -2.95%,#8BB6FF 97.73%);height:88px}.article-list .box .column h3:after{content:'';display:inline-block;width:30px;height:21px;background:url(https://images.topmediai.com/topmediai/assets/how_to/arrow.png) no-repeat 0 0;margin-left:12px}.article-list .box .column a.product-overview-bt{margin:36px auto 0}.article-list .box .column ul{padding:22px 22px 0}.article-list .box .column ul li{text-align:center;border-radius:16px;padding:22px 0;cursor:pointer}.article-list .box .column ul li.active{background:#F2F3FF}.article-list .box .column ul li a:hover{color:#6E8FFF;text-decoration:underline}.article-list .article ul.active{display:block}.article-list .article ul{display:none}.article-list .article .more{display:flex;align-items:center;justify-content:center;width:182px;height:56px;margin:54px auto 0;background:linear-gradient(90.11deg,#8665FF 4.85%,#56B8FF 98.4%);border-radius:8px;font-size:18px;font-weight:700;color:#fff}.article-list .article ul li{position:relative;padding:24px 35px;margin-bottom:20px;background:#FFF;border-radius:10px;border:1px solid transparent;box-shadow:0 4px 22px rgba(210,213,247,.2)}.article-list .article ul li a{position:absolute;width:100%;height:100%;top:0;left:0}.article-list .article ul li:hover{border:1px solid #6E8FFF;box-shadow:0 4px 18px rgba(137,147,232,.3)}.article-list .article ul li b{font-size:18px;font-weight:700;color:#6E8FFF;display:flex;align-items:center}.article-list .article ul li b:before{content:'';width:6px;height:6px;background:linear-gradient(180deg,#8568FF 0%,#5BB2FF 100%);border-radius:100%;margin-right:6px}.article-list .article ul li p{margin-top:15px}.article-list .article ul li div{margin-top:11px}.article-list .article ul li div img{width:36px;height:36px;margin-right:2px;border-radius:100%}.article-list .article ul li div span{font-size:14px;padding:0 10px}.article-list .article ul li div span.name{position:relative;font-weight:700;color:#6E8FFF;padding-right:11px}.article-list .article ul li div span.name:after{content:'';position:absolute;top:50%;margin-top:-10.5px;right:0;display:inline-block;width:1px;height:21px;background:url(https://images.topmediai.com/topmediai/assets/how_to/user-line.png) no-repeat 0 0}.article-list .article ul li div span.date{color:#999}@media (max-width:1024px){.container{padding:0 15px}.top-banner{background:url(https://images.topmediai.com/topmediai/assets/how_to/banner-bg-m.png) no-repeat 0 0;background-size:cover;padding:40px 0}.top-banner .box{flex-wrap:wrap;justify-content:center}.top-banner .box .rt{margin-top:34px}.top-banner .box .lt picture{display:none}.top-banner .box .lt{margin:0;text-align:center}.top-banner .box .lt h1{font-size:24px;line-height:1.2;margin-bottom:10px}.top-banner .box .lt a{margin:0 auto}.top-banner .box .lt p{margin-bottom:18px}.article-list{padding:50px 0}.article-list .box{flex-wrap:wrap;justify-content:center}.article-list .box .column{width:100%;margin:0 0 50px}.article-list:after{display:none}.article-list .box .column ul li{font-size:14px}.article-list .article ul li{padding:24px 22px}.article-list .article ul li b{font-size:16px;align-items:baseline}.article-list .article ul li p{font-size:14px}.article-list .article .more{margin:43px auto 0}}.load-more-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%)}.product-overview-bt-box{text-align:center}.product-overview-bt{display:inline-block;padding:15px;background:linear-gradient(90.11deg,#8665FF 4.85%,#56B8FF 98.4%);border-radius:8px;font-size:18px;font-weight:700;color:#fff;text-align:center}.product-overview-bt:hover{background:linear-gradient(90.11deg,#6A41FF 5.13%,#23A3FF 104.11%)}.product-overview-bt:after{content:'';display:inline-block;vertical-align:middle}.product-overview-bt{min-width:182px}.product-overview-bt.pid-827:after{width:22px;height:22px;margin-left:6px;background:url(https://images.topmediai.com/topmediai/assets/how_to/product-icon-1.png) no-repeat}.product-overview-bt.pid-821:after{width:22px;height:22px;margin-left:6px;background:url(https://images.topmediai.com/topmediai/assets/how_to/product-icon-2.png) no-repeat}.product-overview-bt.pid-633:after{width:22px;height:22px;margin-left:6px;background:url(https://images.topmediai.com/topmediai/assets/how_to/product-icon-4.png) no-repeat}.product-overview-bt.pid-845:after{width:22px;height:22px;margin-left:6px;background:url(https://images.topmediai.com/topmediai/assets/how_to/product-icon-3.png) no-repeat}.product-overview-bt.pid-634:after{width:22px;height:22px;margin-left:6px;background:url(https://images.topmediai.com/topmediai/assets/how_to/product-icon-5.png) no-repeat}