<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
.text-left:hover&gt;p,
.required_reading:hover&gt;a&gt;h2,
.recommended_articles&gt;.f20&gt;a:hover{
    color: #B33D72;
}
.desc&gt;.text-left:hover&gt;p , .overText15:hover {
    color: #333;
}
.index-top&gt;.text-left{
    width: 55%;
}
.index-top&gt;.right{
    width: 40%;
}
.index-top&gt;.text-left&gt;img{
    max-width: 678px;
    width: 100%;
    height: 573px;
}
.index-top&gt;.text-left&gt;.text-right-desc{
    margin-left: 10%;
    width: 90%;
    margin-top: -100px;
    padding: 23px 26px;
    background: rgba(255, 255, 255, 0.54);
    backdrop-filter: blur(3.5999999046325684px);
}
.img1{
    width:30% ;
    max-width: 117px;
    height: 117px;
}
.img2{
    width:30% ;
    max-width: 150px;
    height: 150px;
}
.img3{
    width:30% ;
    max-width: 128px;
    height: 128px;
}
.img4{
    width:100% ;
    height: 351px;
}
.img5{
    width: 55%;
    height: 357px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.recommended_desc{
    width: 40%;
    height: 357px;
    display: flex;
    align-items: center;

    overflow: hidden;
}
.new-list&gt;li&gt;a&gt;.text-left{
    width: 66%;
}
.new-list&gt;li{
    padding-bottom: 20px;
    border-bottom: .5px solid #777;
}
.index-middle&gt;.left{
    width: 45%;
}
.index-middle&gt;.right{
    width: 52%;
    padding: 26px;
    border-radius: 20px;
    background: #B33D72;
}
   
.hot-list&gt;li&gt;a&gt;.desc{
    padding: 20px 0;
    width: 90%;
    border-bottom: 1px solid #B3EB48;
}

.hot-list&gt;li&gt;a&gt;.num{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #B3EB48;
    background: #8C2051;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.hot-list&gt;li&gt;a&gt;.desc&gt;.text-left{
    width: 70%;
}
.label2{
    padding: 5px 15px ;
    border-radius: 28px;
    border: 1px solid #D0D0D0;
}
.required_reading&gt;.left{
    width: 70%;
    max-width: 807px;
    background: #000;
    padding: 42px 48px ;
}
.required_reading&gt;.right{
    width: 28%;
   
}
.recommended_articles{
    padding: 37px 43px 62px;
    border-radius: 20px;
background: #EBFFA3;
}

@media (max-width: 635px){
    .recommended_desc{
        width: 100%;
        height: auto;
    }
    .required_reading&gt;.left{
        display: contents;
    }
    .required_reading&gt;.left&gt;.overText3{
        margin-top: 0 !important;
        color: #333;
    }
    .index-middle&gt;.right{
        margin-top: 50px;
    }
    .img3{
        height: 100px;
    }
    .img2{
        height: 120px;
    }
    .f36,.f24{
        font-size: 20px !important;
    }
    .index-top,index-middle,.required_reading{
        display: block !important;;
    }
    .index-top&gt;.text-left,
    .index-top&gt;.right,
    .index-middle&gt;.left,
    .index-middle&gt;.right{
        width: 100% !important;
    }
    .img5{
        display: block;
        height: 200px;
        margin: 40px auto;
        width: 100%;
    }
    .index-top&gt;.text-right&gt;.text-right-desc{
        top: 180px !important;
    }
    .index-top&gt;.text-left&gt;img{
        height: 300px;
        margin-top: 20px;
    }
    .index-top&gt;.text-right&gt;img{
        width: 100% !important;
        height: 180px;
    }
    .index-top&gt;.text-right,.index-top&gt;.left{
        width: 100%;
        margin: 30px auto 240px;
    }
    .required_reading_list&gt;.left, 
    .required_reading_list&gt;.middle, 
    .required_reading_list&gt;.middle&gt;img,
    .new-list&gt;.right,
    .new-list&gt;.left,
    .article-middle2&gt;a{
        width: 100% !important;     
     }
     .left-img{
        width: 100% !important;
        height: 150px;
        margin-bottom: 10px;
     }
    .article-middle2&gt;a{
        margin: 0 auto 20px !important;
    }
     
  
   
    .mr20,.mr16{
        margin-right: 0px !important;
    }
    .new-article-btn {
        width: 100px;
        height: 40px;
        background: #000000;
        border-radius: 39px 39px 39px 39px;
        margin: 10px auto 20px;
    }
    .f20,.f40{
        font-size: 16px !important;
    }
    .f16{
        font-size: 12px;
    }
    .article-top&gt;.left-img{
        width:45%;
        height: 150px;
        margin-right: 10px;

    }
    .article-top&gt;.right{
        width:50%;

    }
    .article-top&gt;.right&gt;div:first-child&gt;div,.article-middle&gt;a&gt;div&gt;.label,.label{
        padding: 5px;
    }
    .f32{
        font-size: 16px !important;
    }
    .lh40{
        line-height: 20px !important;
    }
    .overText5{
        overflow:hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3 !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .mt30{
        margin-top: 10px !important;
    }
    .mb20,.mb18{
        margin-bottom: 10px !important;
    }
    .d-space-between{
        flex-wrap: wrap;
    }
    .article-middle&gt;a,.new-article&gt;a{
        width: 100%;
        margin-bottom: 20px;
    }
    .article-middle&gt;a&gt;.left-img,.new-article&gt;a&gt;.left-img{
        height: 150px;
    }
    .lh23{
        line-height: 16px;
    }
    .article-middle,.new-article{
        display: flex;
        justify-content: space-between !important;
    }
    .mb120{
        margin-bottom: 50px !important;
    }
  

}

</pre></body></html>