header{position:sticky}html{line-height:1.4!important}body{overflow:unset}a:hover{color:#334BC0}main{color:#0A1730}.banner{background:linear-gradient(180deg,#F0F6FF 0%,#E6F0FE 100%);height:250px}.banner .base-maxwidth{display:flex;justify-content:center;align-items:center;height:100%}section.list{padding:60px 0 100px}.list .box{display:flex;justify-content:center;align-items:flex-start}.list .tab-switch{display:flex;justify-content:center;align-items:center;margin-bottom:60px}.list .tab-switch .base-tabswitch-title{border-radius:8px;background:#F0F2FA;padding:18px 24px;margin:0 10px;cursor:pointer}.list .tab-switch .base-tabswitch-title.base-tabswitch-title-active:hover a,.list .tab-switch .base-tabswitch-title.base-tabswitch-title-active:hover,.list .tab-switch .base-tabswitch-title.base-tabswitch-title-active{color:#fff;background:#334BC0}.list .left-list .articles-main .popu-video{position:relative;width:280px;min-height:158px;flex-shrink:0;border-radius:8px;overflow:hidden}.list .left-list .articles-main li{display:flex;justify-content:center;align-items:center;margin:0 auto 40px}.list .left-list .articles-main li .popu-video{margin-right:30px}.list .left-list .articles-main li .popu-video svg{width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.list .left-list .articles-main li a:hover b{text-decoration:underline}.list .left-list .articles-main li b{font-size:20px}.list .left-list .articles-main li p.desc{margin:10px auto 16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.list .left-list .articles-main li p{color:rgba(10,23,48,.6)}.list .left-list .articles-main li p.desc+p{display:flex;align-items:center}.list .left-list .articles-main li p svg{width:16px;height:16px;margin-right:8px}.list .left-list .article-show-more{color:#0A1730;font-weight:700;display:flex;align-items:center;justify-content:center;height:49px;border-radius:8px;border:1px solid #E4EBF0;background:#FFF}.list .left-list .article-show-more svg{width:16px;height:16px;margin-left:4px}.list .right-list{max-width:280px;width:100%;margin-left:40px;flex-shrink:0}.list .right-list b svg{width:18px;height:24px;flex-shrink:0;margin-right:10px}.list .right-list b{color:#FFF;display:flex;justify-content:center;align-items:center;height:60px;background:#334BC0;border-radius:8px 8px 0 0}.list .right-list ul{border:1px solid #D8DAE6;border-top:none;border-radius:0 0 8px 8px;padding:20px 16px 24px;overflow-y:auto;background:#fff}.list .right-list ul::-webkit-scrollbar{width:4px;height:4px;background-color:#C4C4C4;border-radius:2px}.list .right-list ul::-webkit-scrollbar-track{width:4px;background:#fff;border-radius:2px}.list .right-list ul::-webkit-scrollbar-thumb{width:4px;height:4px;background:#C4C4C4;border-radius:2px}.list .right-list ul li{display:flex;align-items:baseline;font-size:14px;line-height:24px}.list .right-list ul li:not(:last-child){margin:0 auto 16px}.list .right-list ul li:before{content:'';display:inline-block;width:6px;height:6px;background:#0A1730;flex-shrink:0;border-radius:100%;margin-right:8px;transform:translateY(-2px)}.list .right-list ul li:hover:before{background:#334BC0}.list .right-list ul li a:hover{color:#334BC0;text-decoration:underline}#popu-cont{display:flex;justify-content:center;align-items:center;z-index:9999}#popu-cont .popu-wrap{position:relative}@media (max-width:1024px){.banner{text-align:center;padding:30px 0;height:auto}section.list .tab-switch{overflow:auto;justify-content:flex-start}section.list .tab-switch .base-tabswitch-title{font-size:14px;width:auto;flex-shrink:0}section.list .right-list{position:fixed;top:50%;left:0;transform:translateY(-50%);margin:0;z-index:999}section.list .right-list b,section.list .right-list ul{display:none}section.list .right-list.active b{display:flex}section.list .right-list.active ul{display:block}section.list .right-list #mobile-arrow{display:block}section.list .right-list.active #mobile-arrow{display:none}section.list .right-list b{position:relative;font-size:20px;justify-content:flex-start;padding:0 16px}section.list .right-list b span{position:absolute;top:50%;transform:translateY(-50%);right:16px;display:block;width:28px;height:28px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC0SURBVHgB7dhBCoNAEETRJifIDePN5wgeoeOgiyxGcGyqCMl/IITAh25xoRMBAAAAAF8pM1/btW5X679jUrWXOob7tDp7qcFwXXP1UifDdYujl2I5YS/FcsJeiuWEvRTLCXupn16uy/2l9/Zw1X7WI+Y9B/9l+HqtfrdPHrFLnzLV3oIlDb0FSxp6C5Y09BYsaegt/nnJy+ea1d5iMOTUuWa1tziGbLkfvy8xqdoDAAAAwD1v91Q+HiiX8bwAAAAASUVORK5CYII=) no-repeat 0 0 / 100%;cursor:pointer}section.list #mobile-arrow{width:36px;height:44px;padding:12px;position:fixed;left:0;top:32%;box-shadow:0 4px 12px 0 rgba(23,23,123,.2);border-radius:0 8px 8px 0;background:rgba(255,255,255,.9);z-index:999}section.list #mobile-arrow:before{content:'';display:inline-block;width:11px;height:20px;background:url(//images.unictool.com/unictoolen/assets/images/article/articles_category/show_icon.svg) no-repeat;position:absolute}section.list .left-list .articles-main li .popu-video{width:auto;height:auto}section.list .left-list .articles-main li{flex-direction:column;align-items:flex-start;margin:0 auto 20px}section.list .left-list .articles-main li b{font-size:16px}section.list .left-list .articles-main li p.desc{font-size:16px;margin:10px auto 20px}section.list .left-list .articles-main .popu-video{margin:0 auto 20px}section.list .left-list .articles-main li .popu-video svg{width:56px;height:56px}section.list{padding:40px 0 50px}section.list .tab-switch{margin:0 0 30px}}