.article .content{padding:104px 0;display:flex;gap:60px}.article .cnt{width:calc(100% - 420px)}.article .cnt h2{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #EDEDF1}.article .cnt .tt{padding:0 0 24px 16px;position:relative}.article .cnt .tt::before{content:'';position:absolute;left:0;top:7px;width:4px;height:16px;border-radius:3px;background:linear-gradient(173deg, #3BAAFF 0%, #5B5FFF 46%, #5757FF 84%)}.article .cnt .exper p{line-height:1.375}.article .cnt .exper p+p{margin-top:24px}.article .cnt .exper p+h4{margin-top:36px}.article .cnt p+h2{margin-top:80px}.article .cnt .art-ls{display:flex;gap:12px;margin-bottom:40px}.article .cnt .art-it{width:279px;border-radius:16px;overflow:hidden;border:1px solid #EDEDF1;color:#000;line-height:1.4}.article .cnt .art-it a{display:block}.article .cnt .art-it img{width:100%;height:auto}.article .cnt .art-it .it-btm{padding:24px 16px}.article .cnt .art-it a{color:#000000}.article .cnt .art-it a:hover{color:var(--theme-color)}.article .cnt .art h5{margin-bottom:16px;color:var(--tertiary-font-color)}.article .cnt .art p{line-height:1.375}.article .cnt .art p+p{margin-top:16px}.article .cnt .art .date{color:#5D5D63}.article .cnt .art dd{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #EDEDF1}.art-sidebar{width:360px;text-align:center}.art-sidebar .author{border-radius:12px;background:#FFFFFF;border:1px solid #EDEDF1;padding:24px;margin-bottom:24px}.art-sidebar .author-img{margin-bottom:24px;border-radius:50%}.art-sidebar .author h4{margin-bottom:8px;color:#0F0F0F}.art-sidebar .author h6{margin-bottom:16px;color:var(--tertiary-font-color)}.art-sidebar .author p{font-size:14px;line-height:18px;color:var(--secondary-font-color)}.art-sidebar .author-btm{padding:16px;text-align:left;border-radius:8px;background:#F9FAFD;margin-top:24px}.art-sidebar .author-btm img{margin-bottom:16px}.art-sidebar .author-btm h6{margin-bottom:8px}.art-sidebar .author-btm p{line-height:1.375}.art-sidebar .prd{padding:40px 16px;border-radius:12px;background:linear-gradient(317deg, #F6FBFF 0%, #EEEEFF 100%);color:var(--tertiary-font-color)}.art-sidebar .prd h5{margin-bottom:24px}.art-sidebar .prd p+.am-btn{margin-top:24px}@media (min-width:992px){.article .content::-webkit-scrollbar{display:none}.article .art{padding-bottom:40px}.art-sidebar{position:sticky;top:0}}@media (max-width:991px){.article .content{flex-direction:column}.article .cnt{width:100%}.art-sidebar{width:100%}}@media (max-width:768px){.article .cnt .art-ls{flex-direction:column}.article .cnt .art-it{width:100%}}.pagination{text-align:center;margin-bottom:40px}.pagination ul{display:flex;justify-content:center;align-items:center;gap:10px}.pagination li{display:inline-block;vertical-align:middle;cursor:pointer;width:40px;height:40px}.pagination li .current,.pagination li a{color:#5D5D63;width:100%;height:100%;line-height:40px;border-radius:50%}.pagination li .current{display:inline-block}.pagination li.active .current{color:#fff;background:#6051FF}.pagination li:nth-child(1),.pagination li:nth-child(2){transform:rotate(180deg)}.pagination li:nth-child(1),.pagination li:nth-child(2),.pagination li:nth-last-child(1),.pagination li:nth-last-child(2){width:40px;height:40px;font-size:0}.pagination li:nth-last-child(1),.pagination li:nth-child(1){display:none}.pagination li:nth-child(1),.pagination li:nth-child(2){transform:rotate(180deg)}.pagination li:nth-child(2){margin-left:0px}.pagination li:nth-last-child(2){margin-right:0}.pagination li:nth-last-child(2) a,.pagination li:nth-child(2) a,.pagination li:nth-last-child(2) span,.pagination li:nth-child(2) span{position:relative}.pagination li:nth-last-child(2) a::before,.pagination li:nth-child(2) a::before,.pagination li:nth-last-child(2) span::before,.pagination li:nth-child(2) span::before{content:"\e62d";font-family:"iconfont";width:100%;height:100%;position:absolute;top:0;left:0;color:#D2D1E0;font-size:40px;display:flex;justify-content:center;align-items:center;transform:rotate(-90deg)}.pagination li:nth-last-child(2):hover a::before,.pagination li:nth-child(2):hover a::before,.pagination li:nth-last-child(2):hover span::before,.pagination li:nth-child(2):hover span::before{color:#8E86EB}.pagination li:nth-last-child(2).disabled a::before,.pagination li:nth-child(2).disabled a::before,.pagination li:nth-last-child(2).disabled span::before,.pagination li:nth-child(2).disabled span::before{color:#D2D1E0;cursor:not-allowed}@media (max-width:500px){.pagination li{width:auto;height:auto}.pagination li.active .current{background:none;color:#6051FF;text-decoration:underline}}