.comm-sub-nav{width:100%}.comm-sub-nav .nav{align-items:center;display:flex;height:58px;margin:0 auto;width:1200px}.comm-sub-nav .nav .nav-box{border-radius:0 0 4px 4px;display:flex;white-space:nowrap}.comm-sub-nav .nav .nav-list{align-items:center;display:flex}.comm-sub-nav .nav .nav-list a,.comm-sub-nav .nav .nav-list i,.comm-sub-nav .nav .nav-list span{color:#3d3d3d;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.comm-sub-nav .nav .nav-list i{padding:0 5px}.comm-sub-nav .nav .nav-list:last-child i{display:none}@media screen and (max-width:1199px){.comm-sub-nav .nav{width:940px}}@media screen and (max-width:999px){.comm-sub-nav .nav{width:752px}}@media screen and (max-width:799px){.comm-sub-nav{display:none}}.article-list-john{background:#fff;border:1px solid rgba(0,0,0,.05);box-sizing:border-box;height:190px;margin-bottom:12px;width:100%}.article-list-john:last-child{margin-bottom:0}.article-list-john a{align-items:center;box-sizing:border-box;display:flex;height:100%;padding:0 24px;width:100%}.article-list-john a .ul-l{border:1px solid #eee;box-sizing:border-box;flex-shrink:0;margin-right:24px;overflow:hidden}.article-list-john a .ul-l,.article-list-john a .ul-l img{border-radius:4px;height:121px;width:200px}.article-list-john a .ul-r{box-sizing:border-box;flex:1}.article-list-john a .ul-r h2{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#3d3d3d;display:-webkit-box;font-size:21px;font-style:normal;font-weight:600;line-height:29px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.article-list-john a .ul-r h2:hover{color:#f9811d}.article-list-john a .ul-r p{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#a3a3a3;display:-webkit-box;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin-top:12px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.article-list-john a .ul-r .label{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.article-list-john a .ul-r .label .label-label{background:#e67373;border-radius:2px;color:#fff;font-size:12px;font-style:normal;font-weight:400;height:20px;line-height:20px;padding:0 6px}.article-list-john a .ul-r .label .label-time{color:#a3a3a3;font-size:12px;font-style:normal;font-weight:400;line-height:17px}@media screen and (max-width:1199px){.article-list-john{height:157px}.article-list-john a .ul-r h2{font-size:16px}.article-list-john a .ul-r p{font-size:12px}}@media screen and (max-width:999px){.article-list-john{height:157px;width:100%}.article-list-john a .ul-r h2{font-size:16px}.article-list-john a .ul-r p{font-size:12px}}@media screen and (max-width:799px){.article-list-john{height:96px;width:100%}.article-list-john a{padding:0 12px}.article-list-john a .ul-l{height:72px;margin-right:13px;width:120px}.article-list-john a .ul-l img{height:72px;width:120px}.article-list-john a .ul-r h2{font-size:14px;line-height:20px}.article-list-john a .ul-r p{display:none}.article-list-john a .ul-r .label{margin-top:6px}.article-list-john a .ul-r .label .label-label{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}html[dir=rtl] .article-list-john a .ul-l{margin-left:24px;margin-right:0}.article-page{display:flex;justify-content:center;margin-top:10px;width:100%}.article-page .page{display:flex}.article-page .page a{align-items:center;background:#f5f5f5;color:#a3a3a3;display:flex;font-size:13px;font-style:normal;font-weight:400;height:30px;justify-content:center;line-height:18px;margin-right:10px;width:30px}.article-page .page .active,.article-page .page .page-a:hover{background:#ffd733;color:#000}.article-title h3{color:rgba(61,61,61,.6);font-size:16px;font-style:normal;font-weight:600;line-height:22px}.article-hot{margin-top:18px}.article-hot a{border-bottom:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;padding-bottom:19px}.article-hot a h3{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#3d3d3d;display:-webkit-box;font-size:16px;font-style:normal;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis}.article-hot a h3:hover{color:#f9811d}.article-hot a .tool{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.article-hot a .tool .tool-l{display:flex}.article-hot a .tool .tool-l img{border-radius:3px;height:15px;width:15px}.article-hot a .tool .tool-l span{color:#3d3d3d;font-size:12px;font-style:normal;font-weight:600;line-height:17px;padding:0 5px}.article-hot a .tool .tool-r{color:rgba(61,61,61,.5);font-size:12px;font-style:normal;font-weight:400;line-height:17px}@media screen and (max-width:1199px){.article-hot a h3{font-size:14px}}@media screen and (max-width:999px){.article-hot a h3{font-size:14px}}.article-hot:last-child a{border-bottom:none}.no-data{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;margin-bottom:15px;position:relative;width:100%}.no-data .img{height:200px;width:250px}.no-data .title{color:#ccc;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;height:24px;line-height:24px;text-align:center}.no-data .title .nodataval{align-items:center;display:flex;margin:0 auto}.no-data .comment{background:#ffd733;border-radius:32px;box-sizing:border-box;flex-direction:row;gap:6px;justify-content:center;line-height:42px;margin-top:16px;order:2;padding:10px 16px}.no-data .comment,.no-data .comment .commenttext{align-items:center;display:flex;flex:none;flex-grow:0}.no-data .comment .commenttext{color:#301;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin:0;max-width:250px;order:0;text-align:center}.no-data .comment .iconfont{color:#301;font-size:18px;font-weight:600;height:18px;line-height:20px;width:22px}@media screen and (max-width:799px){.no-data .no-data-1{font-size:20px;margin-top:40px}.no-data .no-data-2,.no-data .no-data-link{font-size:14px}}.tag .tag-list{background:#fff;border-top:4px solid #ffd733;box-sizing:border-box;margin:0 auto;padding:28px 30px;width:1200px}.tag .tag-list .tag-title span{color:#3d3d3d;font-size:20px;font-style:normal;font-weight:600;line-height:28px;position:relative}.tag .tag-list .tag-title span:after{background:#3d3d3d;bottom:-7px;content:"";display:flex;height:1px;left:0;position:absolute;width:100%}.tag .tag-list .tag-content{display:flex;justify-content:space-between;margin-top:28px}.tag .tag-list .tag-content .tag-l{width:737px}.tag .tag-list .tag-content .tag-r{width:383px}.tag .tag-list .tag-content .tag-r .r-list{border:1px solid #f2f2f2;box-sizing:border-box;margin-bottom:16px;padding:20px;width:100%}.tag .tag-list .tag-content .tag-r .r-list .tag-label{display:flex;flex-wrap:wrap;margin-top:18px}.tag .tag-list .tag-content .tag-r .r-list .tag-label a{background:#f5f5f5;border-radius:2px;color:#292929;font-size:12px;font-style:normal;font-weight:400;height:24px;line-height:24px;margin-bottom:10px;margin-right:12px;padding:0 6px}@media screen and (max-width:1199px){.tag .tag-list{padding:18px 20px 18px 0;width:940px}.tag .tag-list .tag-title{box-sizing:border-box;padding-left:20px}.tag .tag-list .tag-title span{font-size:16px}.tag .tag-list .tag-content{margin-top:22px}.tag .tag-list .tag-content .tag-l{width:597px}.tag .tag-list .tag-content .tag-r{width:309px}}@media screen and (max-width:999px){.tag .tag-list{padding:26px 24px;width:760px}.tag .tag-list .tag-title span{font-size:16px}.tag .tag-list .tag-content{margin-top:22px}.tag .tag-list .tag-content .tag-l{width:100%}.tag .tag-list .tag-content .tag-r{display:none}}@media screen and (max-width:799px){.tag .tag-list{padding:13px 20px;width:100%}.tag .tag-list .tag-title span{font-size:16px;font-weight:400}.tag .tag-list .tag-content{margin-top:22px}.tag .tag-list .tag-content .tag-l{width:100%}.tag .tag-list .tag-content .tag-r{display:none}}