a:hover{text-decoration:underline}.text-center{text-align:center}.banner-category{background:#0049d6 url(https://images.imyfone.com/fr/assets/article/how_to/banner_bg.svg) bottom center no-repeat;color:#fff;min-height:220px;padding:20px 0;background-size:cover;display:flex}.banner-category .base-maxwidth{width:100%}.banner-category h1{padding-bottom:20px;font-size:36px;line-height:44px}.category-nav-content{padding:38px 0;align-items:center}.category-icon{margin-right:11px}.category-list{display:flex}.category-list li{padding:2px 10px;border-radius:3px;font-size:16px;line-height:22px;margin-right:20px;white-space:nowrap}.category-list li.curr{background:rgba(216,216,216,.3);color:#207cfb}.more-category{position:relative}.more-category p{display:flex;align-items:center;font-size:16px;line-height:22px;cursor:pointer}.more-category p svg{transition:all .5s ease}.more-category p.curr{color:#207cfb}.more-category p.curr svg{transform:rotate(180deg)}.more-category p.curr:after{content:'';position:absolute;right:16px;bottom:-15px;width:30px;height:15px}.arrow-icon{margin-left:5px}.more-category-list{position:absolute;right:0;top:37px;width:200px;height:0;max-height:calc(100vh - 550px);background:#fff;box-shadow:0 7px 20px 0 rgba(0,0,0,.09);border-radius:10px;z-index:2;overflow-y:scroll;overscroll-behavior-y:contain}.more-category-list.curr{padding:10px 0;height:auto}.more-category-list li{padding:10px 25px}.article-list{padding-bottom:30px}.article-list-content:after{display:table;content:'';clear:both}.article-list-left{width:calc(100% - 330px);border-top:2px solid #EAECEF;float:left}.hot-article-list{float:right;width:300px;border-radius:10px;overflow:hidden;box-shadow:0 7px 20px 0 rgba(0,0,0,.09);position:relative;z-index:1}.hot-article-list.current{position:fixed;top:30px;z-index:1}.article-item{display:flex;padding:40px 0 40px;border-bottom:2px solid #EAECEF}.article-item .article-left{width:260px;height:170px;margin-right:20px;overflow:hidden;flex-shrink:0}.article-item .article-left img{object-fit:contain}.article-info{display:flex;flex-direction:column}.article-info .title{font-size:20px;line-height:24px;color:#000}.article-info .title:hover{color:#207CFB;text-decoration:underline}.article-info .desc{padding:8px 10px 8px 0;flex-grow:1;color:#666}.article-info .time{display:flex;align-items:center;color:#707070}.article-info .time-icon{margin-right:6px}div[id*="pagediv"]{display:flex;justify-content:center}.article-show-more{color:#0049d6;text-align:center;padding:11px 66px;display:block;border-radius:10px;border:2px solid #0049d6;margin:30px auto 0;user-select:none;font-size:16px;line-height:22px;max-width:270px}.article-show-more:hover{color:#fff;background:#207cfb}.menu_open{display:none;width:50px;height:56px;position:absolute;right:0;top:0}.hot-category-list{max-height:calc(100vh - 250px);overflow-y:scroll;overscroll-behavior-y:contain;background:#fff}.hot-article-list h2{background:#0049d6;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:rgba(54,137,251,.1)}.line-icon{margin-right:5px}.hot-category-item>ul{margin:0 25px}.hot-article-item{margin:15px 0;color:#666}.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%)}@media (max-width:1024px){.category-nav-content{padding:38px 20px}.article-list-left{width:100%;float:unset}.hot-article-list{float:unset;position:fixed;top:285px;left:-244px;border-radius:0 10px 0 0;transition:all 0.5s ease}.hot-article-list.show{left:0;border-radius:0 10px 10px 0}.menu_open{display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 1s ease}.menu_open.opened{transform:rotateY(180deg)}.hot-article-list h2{background:rgba(54,137,251,.7)}.hot-article-list.show h2{background:#3689fb}.hot-category-list{max-height:calc(100vh - 450px);transition:all 0.5s ease;height:0}.hot-article-list.show .hot-category-list{height:auto}}@media (max-width:768px){.topbanner{height:auto;padding-bottom:50px;background:#207CFB}.article-item .article-left{width:208px;height:136px}.article-item .article-left img{padding-top:0}}@media (max-width:500px){.article-item{flex-direction:column}.article-item .article-left{width:100%;height:auto;margin:0 0 12px 0}.article-info .desc{padding:12px 10px 12px 0}}@media (max-width:428px){.more-category-list{width:180px;max-height:calc(100vh - 500px)}.banner-category h1{padding-bottom:10px}.category-list li{white-space:normal}}@media (max-width:375px){.more-category-list{max-height:calc(100vh - 440px)}}