header{
    background: #fff;
}
header nav{
    display: flex;
    padding: 12px 0;
    align-items: center;
    font-size: 18px;
    width: 100%;
    max-width: 1200px;
    min-width: 1080px;
    position: relative;
    margin: 0 auto;
}
header nav .router-link-active{
    
}
header nav .router-link-active .logo{
    height: 38px;
}
header nav ul{
    margin-right: 64px;
    margin-left: 64px;
    display: flex;
    gap: 30px;
    font-weight: 400;
    align-items: center;
}
header nav ul li{
    
}
header nav ul li a{
    
}
header nav ul li.active a{
    background: linear-gradient(90deg,#7774ff 2.49%,#017ffd 53.28%,#01b1fd 98.48%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 600;
}
header nav .widgets{
    margin-left: auto;
    display: flex;
    gap: 24px;
    justify-content: center;
    align-items: center;
}
header nav .widgets .search{
    border: 2px solid rgb(232 232 232 / 0%);
    /* transition: all .3s ease; */
    padding: 0 16px;
    height: 36px;
    border-radius: 20px;
    background: #f3f3f3;
    box-shadow: none;
    display: flex;
    gap: 10px;
    font-weight: 400;
    align-items: center;
}
header nav .widgets .search .input{
    width: 100%;
    background: 0 0;
    font-size: 14px;
}
header nav .widgets .search .sousuo{
    height: 18px;
}
.mainBox{
    zoom: 1;
    overflow: auto;
    max-width: 1200px;
    min-width: 1080px;
    position: relative;
    margin: 0 auto;
    margin-top: 10px;
}


.NewsBox{float: left;margin-left: 20px;width: calc(100% - 720px);}
.NewsBox .Newslead{position:relative;background: #f8f8f8 url(../img/toutiao-bg.png) no-repeat left;height: 45px;line-height: 45px;padding:0 15px;}
.NewsBox .Newslead span{font-size: 18px;color:#fff;font-weight: bold;}
.NewsBox .Newslead i{display: block;width:20px;height:20px;position: absolute;top: 15px;left: 120px;background: url(../img/gonggao.png) no-repeat;}
.NewsBox .Newslead .notice {width:70%;float: right;height: 46px;line-height: 46px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsBox .Newslead .notice>a{color: #FF5722;}

.NewsBox .Newslead .notice ul {overflow: hidden;}
.NewsBox .Newslead .notice li {font-size: 14px;}
.NewsBox .Newslead .notice li a {display: block;text-align: left; max-width: 430px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.NewsBox .Newslead .notice li s {display: inline-block; width: 16px; height: 16px; background-position: -20px -37px; vertical-align: middle; margin: -2px 5px 0 0;}
.NewsBox .Newslead .notice li a:hover,.NewsBox .NewsList ul li a:hover{color:#447ff8;}
.NewsBox .NewsList h3{font-size: 24px;font-weight: bold;color:#333;line-height: 26px;margin-top: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.NewsBox .NewsList ul{
    margin-top: 12px;
}
.NewsBox .NewsList ul li a{display: block;font-size: 16px;color:#333;line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.NewsBox .NewsList ul li a span{color:#a0a0a0;margin-right: 5px;}


.PicFocus{float: left;width: 700px;height: 420px;overflow: hidden;position: relative;}
.PicFocus img{width: 700px;height: 420px;}


.recBox{background: #fff;margin-top: 18px;border-bottom: solid 1px #F2F2F2;box-sizing: border-box;max-width: 1200px;min-width: 1080px;position: relative;margin: 0 auto;overflow: auto;margin-top: 10px;}
.recBox .titleBox {border-bottom:solid 1px #F2F2F2;padding: 0 20px;overflow: auto;}
.recBox .titleBox h3{font-size: 22px; color: #333; font-weight: bold; line-height: 68px; float: left; position: relative;}
.recBox .titleBox h3 .line{display: block; height: 4px; position: absolute; bottom: 0; left: 0; right: 0; background: #FF653B;}
.recBox .titleBox  a{float: right; font-size: 14px; color: #999; line-height: 68px;}
.recBox .infolist{padding: 0 20px; padding-top: 30px;}
.recBox .infolist li{width: 50%; float: left; box-sizing: border-box; margin-bottom: .26rem; margin-bottom: 20px; }
.recBox .infolist li a{display: block;}
.recBox .infolist li a:hover p,.recBox .infolist li a:hover .typename,.recBox .infolist li a:hover .fb_date{color:#FF653B !important;}
.recBox .infolist li .fb_date{float: right;}
.recBox .infolist li p{display: inline-block; max-width: 320px; overflow: hidden; text-overflow: ellipsis; color: #333; vertical-align: middle; font-size: 14px; white-space: nowrap;}
.recBox .infolist li .typename{color: #999; font-size: 15px; vertical-align: middle;}
.recBox .infolist li .fb_date{font-size: 12px; color: #999; line-height: 22px;}
.recBox .infolist li em{color: #fff; font-size: 12px; display: inline-block; vertical-align: middle; width: 18px; height: 18px; border-radius: 2px; background: #24C789; text-align: center; margin-left: 6px; }
.recBox .infolist li em.hot{background: #FF6000}
.recBox .infolist li:nth-child(2n){padding-left: 35px}
.recBox .infolist li:nth-child(2n-1){padding-right: 35px}


.articleList{
    width: 100%;
    max-width: 1200px;
    min-width: 1080px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.leftmain{
    float: left;
    width: calc(100% - 350px);
    margin-right: 10px;
}
.newlist,.stars,.lastnews,.morenews,.friendlink{padding:30px;background-color:#fff;}
.newlist li{padding:18px 0;border-bottom:1px solid #f6f6f6}
.newlist li:hover .new_img img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
.newlist li:first-child{padding-top:0}
.newlist li:last-child{border-bottom:none;padding-bottom:0}
.newlist .new_img{display:block;width:270px;height: 142px;overflow:hidden;margin-right:18px;}
.newlist .new_img img{width:270px;height:180px}
.newlist .main_news .main_article{color:#777;font-size:15px;line-height:2em;padding:8px 0 8px;max-height:104px;overflow:hidden;letter-spacing:1.1px}

.newlist ol li:hover .main_news header h3 a{color:#ff4b4b}
.newlist .l-img{position:relative;float: left;}
.newlist .l-img .tag{position:absolute;top:10px;left:10px;background-color:rgba(0,0,0,0.7);padding:5px 8px;border-radius:3px;font-size:12px;color:#fff;margin-left:2px;margin-top:3px;vertical-align:middle;display:inline-block}
.newlist .new_img img{transition:0.4s ease-in-out;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-ms-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out}
.newlist .main_news{width: calc(100% - 290px);float: right;}
.newlist .meta{font-size:12px;color:#bbb}
.newlist .meta span{font-size:14px;padding-right:16px}
.newlist .meta span i{padding-right:8px}
.newlist .meta a{display:inline-block;font-size:14px;color:#bbb}

 

 .aside{
     width: 340px;
     float: right;
     padding: 0px;
     background-color: #fff;
 }
.side_title{padding:16px}
 .aside .box_title{padding-bottom:16px;font-size:20px;font-weight:400}
 .aside .box_title .icon{padding-right:10px;color:#ff4b4b}
 .aside .box_title a{color:#666;font-size:14px;padding-top:8px}
 .aside .box_title a i{padding-left:8px;font-size:18px}
#aside_hot_comment .side_comment_img,#aside_new .side_comment_img{width:43%;height:80px;overflow:hidden;float: left;}
#aside_hot_comment .side_comment_img img,#aside_new .side_comment_img img{width:110px;height:80px}
#aside_hot_comment .side_comment_text,#aside_new .side_comment_text{width:55%;float: right;}
#aside_hot_comment .side_comment_text p,#aside_new .side_comment_text p{font-size:15px;line-height:1.85em;color:#444;max-height:54px;overflow:hidden}
#aside_hot_comment .side_comment_text .meta,#aside_new .side_comment_text .meta{color:#bbb}
#aside_hot ul li i{display:block;margin:6px 10px 0 0;width:12%;width:28px;height:28px;border-radius:14px 0;color:#ff4b4b;text-align:center;line-height:30px;font-size:20px;background-color:#d5d5d5;color:#aaa}
#aside_hot ul li:nth-child(-n+3) i{color:#fff;background:#ff4b4b}
#aside_hot ul a{display:block;width:85%;font-size:15px;color:#555;float:left}
#aside_hot ul a:hover{color:#ff4b4b}
#aside_hot_comment ul li,#aside_new .aside_new li{padding:10px 16px}
#aside_hot_comment ul li:first-child,#aside_new .aside_new li:first-child{padding-top:0}
#aside_hot_comment ul li:last-child,#aside_new .aside_new li:last-child{padding-bottom:20px}