.banner{background:url(../jpg/av-howto-banner-bj.jpg) no-repeat center center / cover;color:#fff;text-align:center;padding:60px 0 60px;font-size:20px}.banner h1{font-size:5.6rem;line-height:1.107;margin-bottom:30px}.hot{text-align:center;background:#F8F9FA;padding:120px 0}.hot h2{margin-bottom:80px;font-size:40px;line-height:1.15}.hot-list{display:flex;justify-content:space-between}.hot-li{width:388px;height:394px;padding:270px 30px 30px}.hot-li:nth-child(1){background:url(../png/av-howto-p2-pic01.png) no-repeat center center / cover}.hot-li:nth-child(2){background:url(../png/av-howto-p2-pic02.png) no-repeat center center / cover}.hot-li:nth-child(3){background:url(../png/av-howto-p2-pic03.png) no-repeat center center / cover}.hot-li a{font-size:24px;line-height:1.25;color:#000;font-weight:700}.hot-li a:hover{color:#0256FF}@media (max-width:1199px) and (min-width:992px){.hot-li{margin:0 10px}}@media (max-width:991px){.hot-list{flex-direction:column;align-items:center}.hot-li{margin-bottom:20px;width:100%;max-width:600px;position:relative}.hot-li h4{position:absolute;width:100%;padding:0 20px;left:0;bottom:50px}}.article{padding:0 0 120px;background:#F8F9FA}.article .media-art{display:none}.article .media-art:nth-child(-n+10){display:block}.article .art-list{border-radius:16px;border:1px solid #E6E8E9;background:#fff;padding:40px;position:relative}.article .lk-arw{color:#5683f4;padding-left:4px}.article .lk-arw:hover{text-decoration:underline}.article h2{margin-bottom:50px;text-align:center}.article-ls>li{position:relative;padding:30px 0;margin:0 auto;margin-left:150px;padding-right:20px;border-bottom:1px solid rgba(0,0,0,0.1)}.article-ls .time{position:absolute;top:29px;left:-150px;width:130px;font-size:20px}.article-ls .title{font-size:20px;line-height:26px;margin-bottom:36px;font-family:myriad pro}.article-ls .title a{color:#000}.article-ls .title:hover a{color:#206efb}.article-ls .desc{line-height:1.8}.article-ls .pagination{margin-top:5%}@media (max-width:768px){.article-ls .media-art{margin-left:0}.article-ls .time{position:static}}.simple-pagination{display:block;overflow:hidden;margin:0}.simple-paginationul{list-style:none}.simple-pagination ul{list-style:none;padding:0;margin:0;display:inline-block}.simple-pagination li{list-style:none;padding:0;margin:0 0 0 15px;float:left}.simple-pagination li:last-child{margin:0}.simple-pagination li li:first-child{display:none}.light-theme a,.light-theme span{float:left;color:rgba(0,0,0,0.65);font-size:18px;font-size:1.8rem;height:20px;line-height:20px;font-weight:400;text-align:center;min-width:13px;padding:2px 0 3px;border-radius:3px;height:32px;line-height:28px}.light-theme .first,.light-theme .last{font-size:1.6rem}.light-theme a:hover{text-decoration:none;color:#000}.light-theme .current{color:#000;cursor:default}.light-theme .ellipse{background:0 0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:700;cursor:default}.light-theme .ratio{border:none;background:0 0;-webkit-box-shadow:none;box-shadow:none}.pagination .disabled{opacity:.4}.light-theme .current.next,.light-theme .current.prev,.light-theme .page-link.next,.light-theme .page-link.prev{border-radius:50%;padding:0;color:#E6E8E9;width:32px;height:32px;line-height:32px;background-size:100% 100%;box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);text-align:center;color:#000;font-size:0}.light-theme .prev{background-image:url(../svg/arrow-left.svg)}.light-theme .prev:hover{background-image:url(../svg/arrow-left.svg)}.light-theme .next{background-image:url(../svg/arrow-right.svg)}.light-theme .next:hover{background-image:url(../svg/arrow-right.svg)}.light-theme .first,.light-theme .last{display:none !important}.pagination{width:auto;display:block;margin:55px auto 0;text-align:center;position:absolute;width:100%;bottom:-72px;left:0}.pagination .first,.pagination .last{width:50px}.pagination .active{color:#000}.pagination .disabled .current{color:#E6E8E9 !important}@media all and (max-width:991px){.light-theme a,.light-theme span{margin-right:0;margin-left:0}.pagination.simple-pagination ul{display:-webkit-box;display:-ms-flexbox;display:flex;display:-moz-flex;display:-webkit-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}