@charset "utf-8";
/* CSS Document */
.floatL {float: left;}
.floatR {float: right;}
.fl {float: left;}
.layout {width: 960px;margin: 0 auto;}
.clearfix:after {content: '';display: block;clear: both;}
/* 热门导航 */
.webNav{width: 100%; margin-bottom: 20px;}
.webNav .layout{position: relative;border-top: 1px solid #dcdcdc;}
.webNav .dh{background: #fff;}
.webNav ul{padding: 10px 30px 16px 30px;flex-wrap: wrap;justify-content: space-between;}
.webNav ul li{width: 100px;height: 32px;background: #f3f3f3;text-align: center;line-height: 32px;margin-top: 10px;margin-right: 10px;display: inline-block;}
.webNav ul li:nth-child(8n){margin-right: 0px;}
.webNav ul li a{font-size: 14px;color: #2c2c2c;display: block;text-decoration: none;white-space: nowrap;overflow: hidden;}
.webNav ul li:hover{background: #1972ea;}
.webNav ul li:hover a{color: #fff;}
.webNav ul li.timelink_bg a{color: #fff;background: #1972ea;}

.layout .layui-breadcrumb, .layout .layui-breadcrumb a{font-size: 15px;color: #5f5f5f;}
/* 网站列表 */
.fl_webList{width: 100%;margin-top: 40px;}
.fl_webList .layout{ position: relative; border-top: 1px solid #dcdcdc;}
.total_title{position: absolute;top: -22px;background: #f9f9fa;}
.total_title hr{width: 80px;height: 3px;background: #599fff;border: none;float: left;margin-top: 20px;clear: none;}
.total_title h1, .total_title h2{font-size: 30px;color: #24292f;font-weight: 500;padding-right: 30px;}
.total_title span{color: #ff7859;margin-left: 30px;float: right;margin-bottom: 0px;clear: none;padding: 10px 10px 10px 20px;font-size: 15px;}
.total_title span a{margin-right: 10px;font-size: 15px;}
.total_title .layui-icon.layui-icon-spread-left{font-size: 12px;}
.fl_webList .WebList{padding-top: 15px;}
.fl_webList .WebList ul li{ width: 223px;height: 303px; border: 1px solid #f2f3f4; background: #fff; margin-top: 22px; border-radius: 5px;margin-right: 20px;transition: transform .3s ease-in-out,translateY .3s ease-in-out,box-shadow .3s ease-in-out;/* overflow: hidden; */}
.fl_webList .WebList ul li:nth-child(4n){margin-right: 0px;}
.fl_webList .WebList ul li a{display: block;padding: 0px 23px;}
.fl_webList .WebList ul li img{width: 63px;height: 63px;margin-top: 23px;border-radius: 10px; transition: transform .3s ease-in-out,translateY .3s ease-in-out;}
.fl_webList .WebList ul li img.ico{width: 15px;height: 15px;margin-top: 0;border-radius: 0px;position: relative;bottom: 1px;padding-right: 5px;}
.fl_webList .WebList ul li h3{font-size: 20px;color: #24292f; font-weight: 500; margin-top: 20px;width: 172px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fl_webList .WebList ul li p.describe{font-size: 15px;color: #aaaaaa;line-height: 24px;margin-top: 15px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 48px;}
.fl_webList .WebList ul li .detail{margin-top: 8px;display: flex;justify-content: space-between;}
.detail span{color: #aaaaaa;font-size: 13px;/* margin-right: 14px; */}
.fl_webList .WebList ul li span.jt{display: block;width: 38px;height: 10px;background-position: -135px -5px; margin-top: 25px;}
.fl_webList .WebList ul li:hover{-webkit-transform: translateY(-5px);box-shadow: 0 4px 8px rgb(84 81 81 / 15%);z-index: 1;}
.fl_webList .WebList ul li:hover h3{ color: #1972ea;}
.fl_webList .WebList ul li:hover span.jt{ background-position: -177px -5px;}
.fl_webList .WebList ul li:hover img{ transform: scale(1.1);/* transform: rotateZ(360deg); */transition: transform .5s ease-in-out 0s;-webkit-transition: transform .5s ease-in-out 0s;}
.WebIcon { position: relative;}
.WebIcon .WebIcon-hover { background-color: var(--color);background-size: cover;background-repeat: no-repeat;}
.WebIcon .WebIcon-hover{--size: 83px;width: var(--size);height: var(--size);position: absolute;top: 19px;left: -10px;background-image: var(--img); border-radius: 55px;opacity: .6;transform: scale(0) translateX(-50%);filter: blur(20px) opacity(70%);z-index: -1;transition-delay: .05s;}
.fl_webList .WebList ul li:hover .WebIcon-hover {transform: scale(1);}
.fl_webList .WebList button{width: 137px;  height: 40px;border: 1px solid #1972ea;border-radius: 20px;background: #fff;position: absolute;bottom: 23px;left: 50%; margin-left: -68px;cursor: pointer;font-size: 16px;color: #1972ea;}
.fl_webList .WebList ul li{ position: relative;}
.fl_webList .WebList ul li button .layui-icon-release{width: 24px; height: 18px;display: inline-block;background-position: -32px -124px;vertical-align: middle; margin-right: 4px;color: #1972ea;}
.fl_webList .WebList ul li button:hover{ background: #1972ea;color: #fff;}
.fl_webList .WebList ul li button:hover .layui-icon-release{background-position: -84px -124px;color: #fff;}
.fl_webList .WebList ul li .score{position: absolute;right: 23px; top: 23px;display: block;color: #fff;text-align: justify;font-size: 20px; border-radius: 0 5px 0 5px;}
.fl_webList .WebList ul li .score em{width: 45px; height: 18px;background-size: cover;background-position: center center;position: absolute;right: 0px;top: 0px;}
.fl_webList .WebList ul li .score i{font-style: italic;}
.fl_webList .WebList ul li .score i.fraction {font-size: 16px;}
.fl_webList .WebList ul li .category{position: absolute;right: 0px; top: 0px;display: block;padding: 3px 7px;text-align: justify;background: linear-gradient(265.96deg,#3370ff 10.16%,#5b8dff 104.43%);border-radius: 0 5px 0 5px;}
.fl_webList .WebList ul li .category a{padding: 0;color: #fff;}
.fl_webList .showpage{text-align: center;padding-bottom: 0px;}
.fl_webList .current, .fl_webList .first_page, .fl_webList .last_page, .fl_webList .prev_page, .fl_webList .next_page, .fl_webList .pages{border: none;width: 36px;height: 36px;line-height: 36px;border-radius: 6px;background-color: #fff;margin-right: 12px;display: inline-block;vertical-align: text-bottom;text-align: center;text-decoration: none; overflow: hidden;color: #1972ea;padding: 0;}
.fl_webList .current{background: #1972ea;color: #fff;}
.fl_webList .total_page, .fl_webList .jump_page{background: #1972ea;color: #fff;padding: 0 13px; margin-right: 12px;display: inline-block;vertical-align: text-bottom;text-align: center;text-decoration: none;overflow: hidden;line-height: 36px;height: 36px;border: 0;border-radius: 6px;}
.fl_webList .showpage a:hover{border: none;background: #1972ea;color: #fff;}
/* 最新资讯 */
.zixun{width: 100%;margin-top: 40px;}
.zixun .layout{ position: relative; border-top: 1px solid #dcdcdc;}
.zixun .focustoday-con li{margin-top: 22px;width: 300px;height: 251px;border: 1px solid #e6e6e6;}
.zixun .focustoday-con li .box{width: 300px;height: 251px;}
.zixun .focustoday-con li .img{width: 300px;height: 169px;}
/* 影响力排行 */
.yxlph{width: 100%;margin-top: 40px;}
.yxlph .layout{ position: relative; border-top: 1px solid #dcdcdc;}
.yxlph .wgt-influence-rank{ padding-top: 15px;}
.yxlph .wgt-influence-rank .rank-list .rank-item{ margin-top: 22px;margin-right: 30px;border-radius: 0;height: 420px;}
.yxlph .wgt-influence-rank .rank-list .rank-item .rank-user{margin-bottom: 20px;}
.yxlph .wgt-influence-rank .rank-list .rank-item .rank-user .text-con{max-width: 110px;}
.yxlph .wgt-influence-rank .rank-list .rank-item .rank-user .order{margin: 0px 15px 0 7px;}
.yxlph .wgt-influence-rank .rank-list .rank-item .rank-user .first, .yxlph .wgt-influence-rank .rank-list .rank-item .rank-user .second, .yxlph .wgt-influence-rank .rank-list .rank-item .rank-user .third{margin: 0px 13px 0 5px;}
.yxlph .wgt-influence-rank .wgt-two-layout-left{margin-top: 22px;width: 330px;height: 400px;box-shadow: 0 6px 14px 0 rgba(158,172,182,.25);padding: 10px 5px;background: #fff;}
.yxlph .wgt-influence-rank .read-num{line-height: 16px;}
.yxlph .wgt-influence-rank .read-num img{height: 13px;vertical-align: middle;bottom: 1px;position: relative;}

.lastTab{width: 100%;margin-top: 40px;}
.lastTab .layout {width: 898px;border: 0;padding: 12px 30px 30px;}
.lastTab .title .TabName{font-size: 24px;color: #3c4248;cursor: pointer;}
.lastTab .TabList {}
.lastTab .TabList ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.lastTab .TabList ul li {width: 130px;display: inline-block;margin-top: 18px;margin-left: 13px;padding: 0 10px;border-radius: 6px;height: 34px;line-height: 34px;font-family: PingFangSC-Regular;letter-spacing: 0;text-align: center;background-color: #f5f5f5;text-overflow: ellipsis;position: relative;max-width: 20em;}
.lastTab .TabList ul li:nth-child(5n){margin-right: 0px;}
.lastTab .TabList ul li a {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;}
.lastTab .TabList ul li:hover a{color: #3e8dff;}
.lastTab .TabList ul li:hover {color: #3e8dff;background-color: rgba(49,93,251,.1);}
.lastTab .TabList ul li img{display: inline-block;width: 16px;height: 16px;margin-right: 3px; margin-top: -2px;}
.lastTab .TabList ul li .num{height: 30px;line-height: 30px;font-size: 12px;width: 18px;border-radius: 6px 0 0 6px; position: absolute;top: 0px;left: -13px;background: rgba(0,0,0,0.3);color: #FFF;z-index: 1;}
.lastTab .TabList ul li .bg1{background: #fe2d46;}
.lastTab .TabList ul li .bg2{background: #f60;}
.lastTab .TabList ul li .bg3{background: #faa90e;}

.daoNav{background: #fff;}
.TagFilterNav {margin: 0 auto;padding: 5px 20px 15px;width: 960px;margin-bottom: 20px;background: #fff;}
.TagFilterNav .userSelected {padding: 10px 18px;height: 26px; border-bottom: 1px solid #EEEEEE;background: #fff;}
.TagFilterNav .userSelected .tipsName {height: 26px;line-height: 26px;font-family: PingFangSC-Regular;font-size: 12px;color: #999999;}
.TagFilterNav .userSelected .selectedList {margin-left: 38px;height: 26px;line-height: 26px;width: auto;}
.TagFilterNav .userSelected .selectedList .selectedItem {margin-right: 8px;height: 26px;line-height: 26px;background: #FFE120;border-radius: 4px;font-family: PingFangSC-Regular;font-size: 12px;background: #1972ea;color: #fff;text-align: center;width: 60px;}
.TagFilterNav .userSelected .selectedList .selectedAll{height: 26px;line-height: 26px;font-family: PingFangSC-Regular;font-size: 12px;color: #fff;text-align: center;width: 60px;}
.TagFilterNav .category, .TagFilterNav .theme {padding-top: 10px;width: 100%;background: #fff;}
.TagFilterNav .category .selName, .TagFilterNav .theme .selName, .TagFilterNav .theme .selName a {height: 26px;line-height: 26px;font-family: PingFangSC-Regular;font-size: 12px;color: #999999;display: block;width: 60px;border-radius: 4px;text-align: center;}
.TagFilterNav .category .selList, .TagFilterNav .theme .selList {max-width: 880px;padding-left: 12px;}
.TagFilterNav .category .selList .selListItem, .TagFilterNav .theme .selList .selListItem {display: block;float: left;margin-left: 8px;text-align: center;width: 60px;height: 26px;line-height: 26px;font-family: PingFangSC-Regular;font-size: 12px;color: #333333;border-radius: 4px;cursor: pointer;}
.TagFilterNav .category .selList .active, .TagFilterNav .theme .selList .active, .TagFilterNav .theme .selName .active{background: #1972ea;color: #fff;}
.TagFilterNav .category {padding-top: 8px;}
.cls::before, .cls::after {display: block;content: " ";clear: both;height: 0;font-size: 0;line-height: 0;overflow: hidden;}
.TagFilterNav .theme .selList .selListItem:nth-child(10n){margin-right: 0px;}

.introduce_content{padding: 20px 30px;background: #fff;margin-top: 20px;}
.introduce_content .ztName{font-size: 22px;margin-top: 20px;display: block;white-space: nowrap;overflow: hidden;}
.introduce_content .pic{width: 283px;height: 180px;border-radius: 5px;background-size: cover;}
.introduce_content .floatR{width: 590px;}
.introduce_content p{font-size: 14px;color: #aeafb2;margin-top: 20px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.introduce_content p span{color: #e5e5e5;padding: 0px 15px;margin-top: -1px;}
.introduce_content p i{ color: #599fff;font-style: initial;}
.introduce_content .content{ font-size: 16px; color: #7f7f7f;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 20px;}

.blockList {background: #fff;margin: 30px 0;overflow: hidden;padding: 10px 0px 0px 0px;border-radius: 8px;}
.blockList .column { width: 120px;float: left;margin: 0 0px 10px 17px;padding: 0 10px;height: 26px;line-height: 26px;letter-spacing: 0;text-align: center;background-color: rgb(223, 228, 249);text-overflow: ellipsis;position: relative; max-width: 20em;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;border-radius: 5px;}
.blockList .column:hover {color: #fff;background: #1972ea;}
.blockList .bgcolor{background-color: #f5f5f5;width: auto;margin-left: 10px;font-size: 13px;}

.nav-sidebar{position: fixed;width: 90px;left: 50%;margin-left: 500px;text-align: center;bottom: 55px;_position: absolute;_top: expression(eval(document.documentElement.scrollTop || document.body.scrollTop)+eval(document.documentElement.clientHeight || document.body.clientHeight)-361+'px');xz-index: 998;background: #FFFFFF;}
.nav-sidebar .nav-title{width: 80px;height: 30px; line-height: 30px;padding-left: 10px;border-bottom: 1px dashed #CCCCCC;display: block;text-align: center;color: #000;}
.nav-sidebar .nav-title .pointer{position: absolute; display: block;width: 5px;height: 5px;border-radius: 50%;margin-top: 13px;left: 10px;background: #CCC;cursor: pointer;}
.nav-sidebar .nav-title:last-child{border-bottom:0;}
.nav-sidebar .nav-title:hover{border-bottom: 1px solid #1972ea;color:#1972ea;}
.nav-sidebar .nav-title:hover .pointer{background: #1972ea;}
.nav-sidebar .nav-title:last-child:hover{border-bottom:0;}
.nav-sidebar .nav-title.back{padding: 0 5px; background-color: #f9f4d9;color: #8f7f5d;}
.nav-sidebar .nav-title.back:hover{color: #FFFFFF;background:#1972ea;}
.nav-sidebar .nav-title.fldh{padding: 0 5px;color: #FFFFFF; background-color: #1972ea;}

.course-box {}
.course-box .course-box-small{float: left; width: 266px;padding: 10px 20px;background-color: #FFFFFF;margin: 0px 20px 20px 0px;height: 77px;overflow: hidden;}
.course-box .course-box-small:nth-child(3n){margin-right: 0px;}
.course-box .course-box-small span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.course-box .course-box-small span img.ico{width: 15px;height: 15px;margin-top: 0;border-radius: 0px;position: relative;bottom: 1px;padding-right: 5px;}
.course-box a.course-box-small{text-decoration: none;cursor:pointer; border-radius: 5px;-moz-border-radius:5px ;-webkit-border-radius:5px;transition: color 0.25s linear 0s;-webkit-transition: color  0.25s linear 0s;-moz-transition: color  0.25s linear 0s; transition: background-color 0.25s linear 0s;-webkit-transition: background-color  0.25s linear 0s;-moz-transition: background-color  0.25s linear 0s;}
.course-box .course-box-content{border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;}
.course-box a.course-box-small:hover{background: url(../images/da_v2_bg.png);color: #fff;background-size: cover;}
.course-box .course-box-small p{font-size:16px;margin-bottom:10px;margin-top: 4px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.course-box .course-box-content img{width: 56px;height: 76px;float: left;margin-right: 16px; border-radius: 6px;}
.break {clear: both;}

.ul_web {width: 100%;margin: 0 auto;}
.ul_web a {margin-top: 20px;}
.public_display {display: flex;flex-direction: row;flex-flow: wrap;align-items: center;justify-content: space-between;}
.ul_web li {width: 430px;background-color: #ffffff;padding: 20px;}
.top_div {justify-content: flex-start;}
.top_div .text{color: #333333;line-height: 26px;}
.top_div .pic{width: 267px;height: 130px;background-size: cover;background-position: center center;}
.bottom_div {padding-top: 20px; margin-top: 20px;border-top: 1px solid #f2f2f2;}
.bottom_div .ld_a01{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-size: 16px;}
.bottom_div .ld_a04 {font-size: 16px;font-family: cursive;}
.logo_left, .logo_left img {width: 72px;height: 72px;border-radius: 5px;}
.logo_left {margin-right: 10px;}
.con_right h4 {font-size: 16px;margin-bottom: 6px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.con_right p {color: rgba(0,0,0,.5);display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: justify;}
.con_right {max-width: 338px;}
.bottom_div em {width: 45px;height: 18px; background-size: cover;background-position: center center;}


.main.clearfix{width: 960px;margin: 0 auto;}
.main .list {float: left;width: 640px;height: auto;}
.main .list .item{position: relative;
    display: block;
    background: 16px 20px no-repeat #fff;
    background-size: 77px auto;
    margin: 20px 0 0;
    padding: 20px 16px 20px 109px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.08);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.08);}

.main .list .item .url{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.main .list .item .name{}.main .list .item .name .name-text{position:relative;display:inline-block;max-width:420px;height:30px;margin-right:10px;vertical-align:top;font-size:22px;z-index:10;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main .list .item .name .label{position:relative;display:inline-block;background:#f7f7f7;line-height:20px;margin:5px 10px 0 0;padding:0 8px;border:1px solid #f7f7f7;border-radius:4px;vertical-align:top;font-size:14px;color:#999;cursor:pointer;z-index:2}
/*.main .list .item .name .label.on,.main .list .item .name .label:hover{background:#fff;border-color:#ff6a00;color:#ff6a00}*/
.main .list .item .text{display:block;height:48px;line-height:24px;margin:5px 0 10px;overflow:hidden;font-size:14px;text-align: justify;}.main .list .item .images{height:90px;overflow:hidden;margin-bottom:22px}.main .list .item .images .el-image{float:left;margin-right:10px}.main .list .item .images .el-image img{display:block;width:auto;height:90px;border-radius:4px}.main .list .item .images .el-image .error{background:#f7f7f7;width:90px;padding:5px 0;border-radius:4px;text-align:center}.main .list .item .images .el-image .error img{width:60px;height:60px;margin:0 auto}.main .list .item .images .el-image .error .txt{line-height:20px;font-size:12px;color:#999}.main .list .item .other{line-height:18px;font-size:0;color:#a7a7a7}.main .list .item .other a,.main .list .item .other span{display:inline-block;margin-right:15px;vertical-align:top;font-size:14px;color:inherit}.main .list .item .other i{display:inline-block;margin-right:6px;vertical-align:top;font-size:16px;color:#ccc}.main .list .item .other .el-rate{margin-right:26px}.main .list .item .other .el-rate .el-rate__item{margin-right:0}.main .list .item .authorize{float:right;margin-right:15px;font-size:0}.main .list .item .authorize i{display:inline-block;line-height:18px;vertical-align:top;font-size:16px;color:#34b458}.main .list .item .authorize label{display:inline-block;line-height:18px;vertical-align:top;font-size:14px;color:#333}.main .list .item .store{position:relative;float:right;font-size:0;z-index:9}.main .list .item .store.on i{color:#1972ea}.main .list .item .store.on label{color:#333}.main .list .item .store i{font-size:16px}.main .list .item .store i,.main .list .item .store label{display:inline-block;line-height:18px;vertical-align:top;color:#999}.main .list .item .store label{font-size:14px}.main .pagination-box{margin:20px 0 0;text-align:right}.main .pagination-box .el-pagination,.main .pagination-box .more{display:inline-block;vertical-align:top}.main .pagination-box .more{background:#fafafa;height:36px;line-height:36px;margin-left:12px;padding:0 18px;border:1px solid #ddd!important;color:#333}.main .pagination-box .more:hover{color:#ff6a00!important}.main .pagination-box .more span{font-size:14px}.main .propagate-box{background:#fff;margin:20px 0 0;padding:5px;overflow:hidden;font-size:0;box-shadow:0 2px 3px rgba(0,0,0,.1)}.main .propagate-box .propagate{width:580px;overflow:hidden}.main .propagate-box .propagate:nth-child(odd){float:left}.main .propagate-box .propagate:nth-child(2n){float:right}.main .propagate-box .propagate img{display:block}.reco{float:right;width:300px;overflow: hidden;}