.container{margin-top:20px;margin-bottom:40px}.container .content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20px}.container .content .left-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:500px;border:1px solid #eee;border-radius:4px}.container .content .left-content ul{list-style:none;padding-left:0;margin:0;border:none}.container .content .left-content ul section{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:20px;background:#fff;cursor:pointer}.container .content .left-content ul section .left{width:240px;height:168px;margin-right:30px}.container .content .left-content ul section .left img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.container .content .left-content ul section .right{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;top:-10px;height:180px}.container .content .left-content ul section .right a{text-decoration:none;color:#333}.container .content .left-content ul section .right p{font-family:PingFangSC-Medium,PingFang SC}.container .content .left-content ul section .right p:first-of-type{font-size:20px;font-weight:600;color:#333;margin-bottom:19px}.container .content .left-content ul section .right p:nth-of-type(2){font-size:14px;font-weight:400;color:#666}.container .content .left-content ul section .right .time-and-view{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:0;left:0}.container .content .left-content ul section .right .time-and-view div{font-size:12px;font-weight:400;color:#999;margin-right:30px}.container .content .left-content ul section .right .time-and-view div i{width:14px;height:14px;margin-right:19px;vertical-align:middle}.container .content .left-content ul section:after{position:absolute;left:0;bottom:0;content:"";width:100%;height:1px;background:#eee}.container .content .right-content{width:400px;border:1px solid #eee;border-radius:4px}.container .content .right-content .hot-article{padding:20px}.container .content .right-content .hot-article .hot-article-title{font-size:20px;font-weight:600;color:#333;margin-bottom:20px}.container .content .right-content .hot-article .hot-article-list ul{list-style:none;padding-left:0;margin:0;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(8,1fr);gap:15px}.container .content .right-content .hot-article .hot-article-list ul li{margin:0}.container .content .right-content .hot-article .hot-article-list ul li a{text-decoration:none;color:#333;display:block;padding:4px 0;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.dynamic-nav{padding:15px 20px;border-bottom:1px solid #eee;background:transparent}.breadcrumb-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#666;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden}.breadcrumb-nav a{color:#333;text-decoration:none;-webkit-transition:color .3s ease;transition:color .3s ease;white-space:nowrap}.breadcrumb-nav a:hover{color:#007bff}.breadcrumb-nav .separator{margin:0 8px;color:#ccc;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.breadcrumb-nav .current{color:#007bff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.free-use-btn{display:block;width:calc(100% - 80px);margin:80px 40px 0;padding:12px 50px;background-image:-webkit-gradient(linear,left top,right top,from(#1a9bff),to(#3a6aff));background-image:linear-gradient(90deg,#1a9bff,#3a6aff);border-radius:4px;font-size:18px;color:#fff;letter-spacing:1px;text-align:center;cursor:pointer;border:none;outline:none;-webkit-transition:all .3s ease;transition:all .3s ease;font-weight:500;line-height:1.4}.free-use-btn:hover{background:#006ae4;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(26,155,255,.3);box-shadow:0 4px 12px rgba(26,155,255,.3)}.free-use-btn:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 2px 6px rgba(26,155,255,.3);box-shadow:0 2px 6px rgba(26,155,255,.3)}.free-use-btn:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(26,155,255,.2);box-shadow:0 0 0 3px rgba(26,155,255,.2)}.pagination-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:40px}