body,html{background:url(../img/article/topic-bg.png) #f4f7fa no-repeat top}.banner{text-align:center;padding:6.25rem 0}.banner h1{font-size:2.25rem}.banner form{width:50rem;height:45px;margin:2.1875rem auto 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;border:1px solid #e7e7e7;border-radius:50px;overflow:hidden;padding:0 1.25rem;background-color:#fff}.banner form [type=text]{flex:0 0 calc(100% - 34px);border:none;outline:none;background-color:transparent;box-shadow:inset 0 0 0 1000px #fff}.banner form [type=text]::-webkit-input-placeholder{color:#ccc;font-size:14px}.banner form [type=text]:-moz-placeholder,.banner form [type=text]::-moz-placeholder{color:#ccc;font-size:14px}.banner form [type=text]:-ms-input-placeholder{color:#ccc;font-size:14px}.banner form [type=submit]{border:none;background-color:transparent;outline:none;font-size:20px;color:#a1a1a1}.banner .hot{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center}.banner .hot .label{font-size:14px;color:#999}.banner .hot .label span:before{color:#ff4a53;margin-right:4px}.banner .hot .content a{font-size:14px;color:#666;text-decoration:underline;margin:0 5px}@media (max-width:1200px){.banner form{width:100%}.banner .hot{flex-direction:column}.banner .hot .label{margin-bottom:10px}}@media (max-width:1200px) and (max-width:767px){.banner{padding:2.25rem 0}}.main{padding-bottom:6.25rem}.main .aside{flex:0 0 13.25rem}.main .aside .navs{background-color:#fff;border:1px dashed #e7e7e7;padding:0 18px}.main .aside .title{font-size:18px;color:#333;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center;padding:1.875rem 0 1.125rem;border-bottom:1px solid #e7e7e7}.main .aside .title:before{font-size:16px;color:#ff4a53;display:none}.main .aside .title.aside-animate:before{transform:rotate(90deg)}.main .aside .slide{padding:1rem 0}.main .aside .slide li{font-size:14px;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.main .aside .slide li:before{font-size:6px;color:#ff4a53;display:none}.main .aside .slide li:hover{flex-direction:row-reverse;cursor:pointer;color:#ff4a53}.main .aside .slide li:hover:before{display:block}.main .aside .slide li.li-animate{flex-direction:row-reverse;color:#ff4a53}.main .aside .slide li.li-animate:before{display:block}@media (max-width:1200px){.main .aside{flex:unset;margin-bottom:20px}.main .aside .navs{position:relative}.main .aside .title{flex-direction:row-reverse;height:78px;padding:0;border-bottom:none}.main .aside .title:before{display:block}.main .aside .slide{border:1px dashed #e7e7e7;position:absolute;width:100%;padding:1rem 1.125rem;left:0;top:77px;background-color:#fff;display:none;transition:0s}}.main .list{flex:0 0 59.875rem;display:none}.main .list.showBlock{display:block}.main .list .content{background-color:#fff;padding:0 2.875rem 2.875rem}@media (max-width:1200px){.main .list .content{padding-left:16px;padding-right:16px}}.main .list .content .item{padding:36px 0;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7e7e7;transition:0s}.main .list .content .item .news{flex:0 0 70%}@media (max-width:1200px){.main .list .content .item .news{flex:unset}}.main .list .content .item .news .name a{color:#333;font-size:20px}.main .list .content .item .news .desc{color:#666;font-size:16px;margin:10px 0 20px}.main .list .content .item .news .details a{font-size:14px;color:#666;padding:10px 14px;background-color:#fafafa;border-radius:4px}.main .list .content .item .news .details a:hover{background-color:#ff4a53;color:#fff!important}.main .list .content .item .preview{flex:0 0 22.2%}.main .list .content .item .preview img{width:100%;border-radius:14px}@media (max-width:1200px){.main .list .content .item .preview{display:none}}.main .list .readMore{margin-top:25px;background-color:#fafafa;border:1px solid #e7e7e7;font-size:16px;color:#666;padding:18px 0;cursor:pointer;text-align:center;display:none}.main .list .readMore span{position:relative}.main .list .readMore i{display:block;width:20px;height:20px;-webkit-animation:circle .75s linear infinite;animation:circle .75s linear infinite;border:1.4px solid #999;border-top-color:transparent;border-radius:100%;margin-left:20px;position:absolute;right:-35px;top:calc(50% - 10px);display:none}.main .list .readMore.read-more-animate i{display:block}