section.main{padding-top:80px}section.main .container{grid-column:var(--normal-grid)}section.main .title-block .title{width:fit-content}section.main .title-block .title[data-aost-clip-left].aost-show{clip-path:polygon(0 0,110% 0,110% 150%,0 150%)}section.main .title-block .des{margin-top:50px;margin-left:auto;width:69.9541284404%}section.main .category-bar{margin-top:80px;margin-left:auto;width:69.9541284404%}section.main .content-block{display:flex;justify-content:space-between;gap:5.9895833333vw}section.main .content-block .aside-wrapper{margin-top:101px;padding-left:3.0208333333vw;position:relative;width:23.3371559633%}section.main .content-block .aside-wrapper:before{position:absolute;top:0;left:0;display:block;width:6px;height:100%;background:#3a44a6;content:""}section.main .content-block .aside-wrapper .aside{position:sticky;top:100px;display:flex;gap:5px;flex-direction:column}section.main .content-block .main-block{width:69.9541284404%;counter-reset:num}section.main .content-block .main-block:before{margin-top:50px;display:block;width:100%;height:1px;background:#d0d0d0;content:""}section.main .content-block .main-block .no-data{margin-top:50px}section.main .content-block .main-block .des{margin-top:50px}section.main .content-block .main-block .btn-box{margin-top:50px;display:flex;align-items:center}section.main .content-block .main-block .btn-box .common-btn-box{margin-left:30px}section.main .content-block .main-block .btn-box .common-btn-box .btnText{display:flex;align-items:center}section.main .content-block .main-block .btn-box .common-btn-box .icon{margin-left:10px;display:flex;align-items:center;justify-content:center}section.main .content-block .main-block .btn-box .common-btn-box .icon i{font-size:1.4375rem}section.main .content-block .main-block .pic{margin-top:50px;position:relative}section.main .content-block .main-block .pic:before{display:block;width:100%;height:0;padding-bottom:56.0655737705%;content:""}section.main .content-block .main-block .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.main .content-block .main-block .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.main .content-block .main-block .pic .tips{padding:10px;position:absolute;right:10px;bottom:10px;display:none;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;cursor:pointer;z-index:1}section.main .content-block .main-block .pic .tips:before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:1px solid rgba(0,0,0,.2);content:""}section.main .content-block .main-block .pic .tips i{font-size:.75rem}section.main .content-block .main-block .list{margin-top:50px;padding:40px 50px 50px;background:#f5f5f5}section.main .content-block .main-block .list .title{padding:20px 30px;width:fit-content;background:#3a44a6;color:#fff;transform:translate3d(-68px,0,0)}section.main .content-block .main-block .list .content{margin-top:43px;display:flex;flex-wrap:wrap;gap:15px 2.6041666667vw}section.main .content-block .main-block .list .content .item{padding-left:23px;position:relative;width:calc((100% - 2.6041666667vw) / 2)}section.main .content-block .main-block .list .content .item:before{display:block;position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:#3a44a6;content:""}section.main .content-block .main-block .question-item{padding:35px 50px;position:relative;display:flex;background:#fff;counter-increment:num;transition:background var(--trans-normal),padding var(--trans-normal)}section.main .content-block .main-block .question-item .num{display:block;width:65px;font-size:1.625rem;font-weight:300;line-height:1.3;transition:opacity var(--trans-s),transform var(--trans-normal),width var(--trans-normal)}section.main .content-block .main-block .question-item .num-active{position:absolute;top:17px;left:-18px;display:flex;justify-content:center;align-items:center;width:120px;height:120px;font-size:2.5rem;font-weight:200;line-height:1.3;color:#fff;background:#3a44a6;z-index:1;opacity:0;transform:translate3d(-100%,0,0);transition:transform var(--trans-normal),opacity var(--trans-s)}section.main .content-block .main-block .question-item:first-child{margin-top:50px}section.main .content-block .main-block .question-item:not(:first-child){margin-top:3px}section.main .content-block .main-block .question-item:not(:first-child) .collapse-wrapper:after{display:block;position:absolute;top:-3px;left:0;width:100%;height:1px;opacity:1;background:#d0d0d0;transition:opacity var(--trans-normal);content:""}section.main .content-block .main-block .question-item:last-child{position:relative}section.main .content-block .main-block .question-item:last-child .collapse-wrapper:before{display:block;position:absolute;top:unset;bottom:0;left:0;width:100%;height:3px;background:#3a44a6;content:""}section.main .content-block .main-block .question-item.open{padding:50px;background:#f5f5f5}section.main .content-block .main-block .question-item.open .num{opacity:0;transform:translate3d(-100%,0,0)}section.main .content-block .main-block .question-item.open .num-active{opacity:1;transform:translateZ(0)}section.main .content-block .main-block .question-item.open .collapse-wrapper:after{opacity:0}section.main .content-block .main-block .question-item.open+.question-item .collapse-wrapper:after{opacity:0}section.main .content-block .main-block .question-item.open .collapse-wrapper .collapseBox{padding-top:10px}section.main .content-block .main-block .question-item.open .collapse-wrapper .collapseBox .icon{transform:scaleY(-1)}section.main .content-block .main-block .question-item.open .collapse-wrapper .collapseTarget{grid-template-rows:1fr}section.main .content-block .main-block .question-item .collapse-wrapper{margin-left:30px;flex:1}section.main .content-block .main-block .question-item .collapse-wrapper .collapseBox{padding-top:5px;display:flex;align-items:baseline;cursor:pointer;transition:padding-top var(--trans-s)}section.main .content-block .main-block .question-item .collapse-wrapper .collapseBox:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:""}section.main .content-block .main-block .question-item .collapse-wrapper .collapseBox .title{width:100%}section.main .content-block .main-block .question-item .collapse-wrapper .collapseBox .icon{margin-left:35px;transition:transform var(--trans-s)}section.main .content-block .main-block .question-item .collapse-wrapper .collapseBox .icon i{font-size:1.0625rem}section.main .content-block .main-block .question-item .collapse-wrapper .collapseTarget{position:relative;display:grid;grid-template-rows:0fr;z-index:1;transition:grid-template-rows var(--customized-trans)}section.main .content-block .main-block .question-item .collapse-wrapper .collapseTarget>div{padding-right:20px;overflow:hidden}section.main .content-block .main-block .question-item .collapse-wrapper .collapseTarget ._articleBlock{margin-top:35px}section.main .content-block .main-block .common-pagination{margin:50px 0}@media only screen and (max-width: 1200px){section.main{padding-top:60px}section.main .title-block .des{margin-left:unset;width:100%}section.main .category-bar{margin-left:unset;margin-top:50px;width:100%}section.main .content-block{margin-top:100px;position:relative;flex-direction:column;gap:unset}section.main .content-block:before{position:absolute;top:-50px;left:0;width:100%;height:1px;background:#d0d0d0;content:""}section.main .content-block .aside-wrapper{margin-top:unset;padding-left:28px;width:100%}section.main .content-block .main-block{width:100%}section.main .content-block .main-block:before{display:none}section.main .content-block .main-block .question-item{padding:35px 20px}section.main .content-block .main-block .question-item .num{width:45px;font-size:1.25rem}section.main .content-block .main-block .question-item .num-active{top:37px;left:-20px;width:55px;height:55px;font-size:1.25rem;font-weight:200;line-height:1.3}section.main .content-block .main-block .question-item.open{padding:35px 20px 50px}section.main .content-block .main-block .question-item.open .num{width:15px}section.main .content-block .main-block .question-item.open .collapse-wrapper .collapseBox{padding-top:unset}section.main .content-block .main-block .question-item .collapse-wrapper{margin-left:15px}section.main .content-block .main-block .question-item .collapse-wrapper .collapseBox{padding-top:unset}section.main .content-block .main-block .question-item .collapse-wrapper .collapseBox .icon{margin-left:15px}section.main .content-block .main-block .question-item .collapse-wrapper .collapseTarget ._articleBlock{margin-top:30px}}@media only screen and (max-width: 767px){section.main .content-block .main-block .btn-box{flex-direction:column;align-items:flex-start}section.main .content-block .main-block .btn-box .common-btn-box{margin-left:unset;margin-top:20px}section.main .content-block .main-block .pic .tips{display:flex}section.main .content-block .main-block .list{padding:29px 20px 50px}section.main .content-block .main-block .list .title{width:100%;transform:translate3d(-30px,0,0)}section.main .content-block .main-block .list .content{margin-top:27px}section.main .content-block .main-block .list .content .item{width:100%}}@media only screen and (max-width: 575px){section.main .content-block .main-block .list .title{max-width:317px;width:100%}}section.main .category-bar multipurpose-nav[m4-type=drag] .drag-container{padding:0 10px;background:#3a44a6}section.main .category-bar multipurpose-nav[m4-type=drag] .drag-container .category{padding:10px 0;color:#fff}section.main .category-bar multipurpose-nav[m4-type=drag] .drag-container .category:after{right:unset;left:0;background-color:unset}section.main .category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button{background:unset}section.main .category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{top:50%;transform:translate3d(0,-50%,0)}section.main .category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before{border-top:2px solid #FFFFFF;border-left:2px solid #FFFFFF}section.main .category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{top:50%;transform:translate3d(0,-50%,0)}section.main .category-bar multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{border-top:2px solid #FFFFFF;border-right:2px solid #FFFFFF}
