.bnr{padding:80px 0;color:#fff;text-align:center;background:url(/resource/images/tutorials/dp-tutorials-banner-bg.jpg) no-repeat;background-size:cover}.bnr h1{font-size:56px}.bnr .desc{font-size:20px;margin-top:10px}.bnr.password{background:url(/resource/images/password/dp-Password-banner-bg.jpg) no-repeat;background-size:cover}.bnr.win{background:url(/resource/images/win7/dp-Windows7-banner-bg.jpg) no-repeat;background-size:cover}.post-hot{padding:120px 0}.post-hot .hot{display:flex;gap:25px}.post-hot .hot h4{font-size:20px;color:#000;line-height:26px;margin-top:10px}.post-hot .hot .item{width:25%}.post-hot .hot .item:hover h4{color:#2258f6}.pagination{text-align:center}.pagination li{display:inline-block;margin:0 12px;vertical-align:middle;cursor:pointer}.pagination li .current,.pagination li a{color:#000;width:100%;height:100%;font-size:14px;color:rgba(0,0,0,0.65);line-height:22px}.pagination li .current{display:inline-block}.pagination li .last,.pagination li .first{display:none}.pagination li.active .current{font-weight:700}.pagination li:nth-child(2),.pagination li:nth-last-child(2){width:32px;height:32px;background:#ffffff;box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);font-size:0;border-radius:50%}.pagination li:nth-child(2) span.current,.pagination li:nth-last-child(2) span.current{opacity:.5}.pagination li:nth-child(2){margin-left:0px}.pagination li:nth-last-child(2){margin-right:0}@media (max-width:500px){.pagination li{margin:0 8px}.pagination li:nth-child(1),.pagination li:nth-child(2),.pagination li:nth-last-child(1),.pagination li:nth-last-child(2){width:24px;height:24px;background-size:24px 24px}}.post-list{overflow:hidden}.post-list .container2{display:flex}.post-list #post-list{max-width:978px;background:#ffffff;padding-bottom:100px}.post-list #post-list h2{text-align:center;margin-bottom:80px}.post-list #post-list .newlist{border-radius:24px;padding:0 40px;margin-bottom:40px;position:relative;margin-bottom:80px}.post-list #post-list .newlist::after{content:"";position:absolute;bottom:0;width:calc(100% - 80px);left:40px;height:1px;background:#fff}.post-list #post-list .newlist li{font-size:20px;font-weight:700;position:relative;padding:25px 30px 25px 0}.post-list #post-list .newlist li::after{content:"";display:inline-block;width:24px;height:24px;background:url(/resource/images/icon/ab-sync-ic-arrow-24-black@2x.png);background-size:24px 24px;position:absolute;top:43px;right:0}.post-list #post-list .newlist li .desc{max-width:848px;font-size:16px;font-weight:400;color:#8c8c8c;line-height:20px;margin-top:12px}.post-list #post-list .newlist li a{display:block;color:#000}.post-list #post-list .newlist li a:hover{color:#2258f6}.post-list #post-list .newlist li a .title{position:relative;padding-right:30px}.post-list .presentation{position:relative;max-width:242px;width:100%;min-height:100vh;background:#f8f9fa;text-align:center}.post-list .presentation h4{font-size:20px;margin:14px 0 24px 0}.post-list .presentation h4 a{color:#000}.post-list .presentation h4 a:hover{color:#2258f6}.post-list .presentation::before{content:"";display:inline-block;right:-999em;background:#f8f9fa;display:block;position:absolute;width:999em;top:0;bottom:0}.post-list .presentation-box{width:384px;padding:40px;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);border-radius:24px;border:1px solid #e6e8e9;transform:translateX(-80px)}.post-list .presentation .ic-lf{display:inline-block;text-align:left;margin-bottom:24px}.post-list .presentation .ic-lf li{padding-left:20px}.post-list .presentation .btn-bl{min-width:220px;height:48px}.newlist>li{position:relative;padding:30px 0 20px;max-width:985px;padding-right:130px}.newlist>li:hover a p.title{color:#2a6eea !important}.newlist>li a.link{color:#000 !important;line-height:1;border-bottom:1px solid #000;font-size:12px;font-weight:700;color:#000000}.newlist>li a.link:hover{color:#137df5 !important;border-bottom:1px solid #137df5}.light-theme .current.next,.light-theme .next,.light-theme .current.prev,.light-theme .prev{width:32px;height:32px;background:#ffffff;box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);border-radius:50%;font-size:0px;position:relative}.light-theme .current.next:hover,.light-theme .next:hover,.light-theme .current.prev:hover,.light-theme .prev:hover{background:#2258f6}.light-theme .current.next::before,.light-theme .next::before,.light-theme .current.prev::before,.light-theme .prev::before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:12px;height:12px;color:transparent;background:url(/resource/images/icon/ub-all-sprite@2x.png) no-repeat;background-size:1400px 872px;background-position:-84px -168px;transform:rotate(90deg)}.light-theme .current.prev:hover::before,.light-theme .prev:hover::before{transform:rotate(180deg);background:url(/resource/images/clone/ic-arrow-right-12-hover.svg) no-repeat center;background-size:12px 12px;background-position:center}.light-theme .current.next:hover::before,.light-theme .next:hover::before{transform:rotate(0deg);background:url(/resource/images/clone/ic-arrow-right-12-hover.svg) no-repeat center;background-size:12px 12px;background-position:center}.light-theme .current.next::before,.light-theme .next::before{transform:rotate(-90deg)}.light-theme .disabled .current.next,.light-theme .disabled .next,.light-theme .disabled .current.prev,.light-theme .disabled .prev{pointer-events:none}.light-theme .disabled .current.next::before,.light-theme .disabled .next::before,.light-theme .disabled .current.prev::before,.light-theme .disabled .prev::before{opacity:.4}@media (max-width:991px){.bnr h1{font-size:32px}.post-list .container2{flex-direction:column;text-align:center}.post-list #post-list .newlist{padding:0px}.post-list .presentation{padding-bottom:60px;min-height:auto;background:#fff;max-width:100%}.post-list .presentation::before{content:unset}.post-list .presentation-box{transform:translateX(0);width:100%;max-width:100%}.post-list #post-list .newlist li{padding:24px 0px}.post-list #post-list .newlist li a .title{padding:0px;font-size:18px}.post-hot{padding:60px 0}.post-hot .hot{flex-direction:column}.post-hot .hot h4{font-size:16px}.post-hot .hot .item{width:100%;text-align:center}#post-list .newlist{padding:0 20px}#post-list .newlist li{font-size:16px;line-height:20px;padding:30px 20px 30px 0}#post-list .newlist li li .desc{font-size:14px;line-height:18px}.post-list #post-list .newlist li .desc{font-size:14px}}