.ys-home .iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ys-home .icon-nav:before {content:"\e60f";}
.ys-home .icon-code:before {content:"\e615";}
.ys-home .icon-jc:before {content:"\e606";}
.ys-home .icon-mb:before {content:"\e678";}
.ys-home .icon-zy:before {content:"\e6f5";}
.ys-home .icon-more:before {content:"\e667";}
.ys-home .icon-ck:before {content:"\e616";}
.ys-home .icon-bulletin:before {content:"\e6df";}
.ys-home .icon-tag:before {content:"\e666";}
.ys-home .search button .iconfont {font-size:25px;color:#fff;}
.ys-home .tongji {width:100%;float:left;}
.ys-home .tongji .fl {width:520px;float:left;height:45px;line-height:45px;background:#FFE6B0;border-radius:20px;}
.ys-home .tongji .fl .t {height:45px;float:left;margin-right:20px;background:#f5b01a;border-radius:20px 0px 0px 20px;padding:0px 15px;}
.ys-home .tongji .fl .t i {font-size:16px;color:#fff;}
.ys-home .tongji .fl .t span {font-size:14px;float:none !important;margin:0px !important;color:#fff !important;}
.ys-home .tongji .fl a {width:60%;color:#f00;float:left;font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ys-home .tongji .fl span {float:right;margin-right:25px;font-size:12px;color:#666;}
.ys-home .tongji .fr .v0,.ys-home .tongji .fr .v1,.ys-home .tongji .fr .v2,.ys-home .tongji .fr .v3,.ys-home .tongji .fr .v4,.ys-home .tongji .fr .v5 {float:left;margin-top:5px;width:90px;margin-left:15px;}
.ys-home .tongji .fr .v0 i,.ys-home .tongji .fr .v1 i,.ys-home .tongji .fr .v2 i,.ys-home .tongji .fr .v3 i,.ys-home .tongji .fr .v4 i,.ys-home .tongji .fr .v5 i {width:35px;height:35px;border-radius:100%;float:left;text-align:center;line-height:35px;color:#fff;font-size:19px;}
.ys-home .tongji .fr .v0 i {background:#e03232;}
.ys-home .tongji .fr .v1 i {background:#46cbce;}
.ys-home .tongji .fr .v2 i {background:#4663ce;}
.ys-home .tongji .fr .v3 i {font-size:22px;background:#46ce8f;}
.ys-home .tongji .fr .v4 i {background:#ce46ab;}
.ys-home .tongji .fr .v5 i {background:#a6ce46;}
.ys-home .tongji .fr span,.ys-home .tongji .fr em {width:50px;text-align:center;color:#222;font-size:12px;float:right;font-style:normal;}
.ys-home .tongji .fr span {color:#666;margin-top:3px;}
.ys-home .title {width:100%;float:left;margin-top:25px;}
.ys-home .title h1,.ys-home .title h2,.ys-home .title h3,.ys-home .title h4,.ys-home .title span {float:left;font-size:20px;font-weight:bold;color:#4285F4;position:relative;padding-left:28px;}
.ys-home .title h1 a,.ys-home .title h2 a,.ys-home .title h3 a,.ys-home .title h4 a,.ys-home .title span a {font-size:20px;font-weight:bold;color:#4285F4;}
.ys-home .title h1 i,.ys-home .title h2 i,.ys-home .title h3 i,.ys-home .title h4 i,.ys-home .title span i {font-size:25px;position:absolute;left:0px;top:0px;}
.ys-home .title .more {font-size:12px;color:#999;float:right;line-height:26px;}
.ys-home .title .more i {font-size:12px;margin-left:2px;}
.ys-home .title .nav {float:right;}
.ys-home .title .nav a {display:inline-block;margin:0px 5px;background:#fff;color:#222;line-height:26px;padding:0px 5px;font-size:12px;border-radius:4px 0px 4px 0px;}
.ys-home .title.no {margin-top:0px;}
.ys-home .list_img {width:100%;float:left;}
.ys-home .list_img ul {width:101%;float:left;margin-top:10px;}
.ys-home .list_img li {width:20%;padding:10px 1% 0px 0px;float:left;}
.ys-home .list_img a {width:100%;float:left;background:#FFF;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.02);transition:all 0.3s ease-in-out;border:1px solid #ddd;position:relative;}
.ys-home .list_img .pic {width:100%;height:157px;float:left;overflow:hidden;padding:7px 7px 0px 7px;position:relative;}
.ys-home .list_img .pic img {width:100%;height:auto;float:left;position:relative;z-index:1;}
.ys-home .list_img .pic:before {content:"\e60b";font-family:"iconfont";position:absolute;background:rgba(0,0,0,0);border-radius:300px;height:100%;width:160px;opacity:0;top:50%;left:50%;margin:-80px 0 0 -80px;text-align:center;line-height:160px;font-size:24px;color:#fff;z-index:2;transition:all 0.3s;}
.ys-home .list_img .t {width:90%;float:left;height:45px;overflow:hidden;margin:10px 5%;}
.ys-home .list_img .t h2,.ys-home .list_img .t h3,.ys-home .list_img .t h4,.ys-home .list_img .t h5 {font-size:16px;line-height:22px;color:#222;letter-spacing:1px;transition:all 0.3s ease-in-out;}
.ys-home .list_img .tool {width:100%;float:left;border-top:1px solid #efefef;padding:10px;color:#999;font-size:12px;}
.ys-home .list_img h3.fl,.ys-home .list_img span.fl,.ys-home .list_img em.fl {float:left;height:24px;line-height:22px;border:1px solid #eee;padding:0px 5px;border-radius:4px;font-style:normal;}
.ys-home .list_img span.fr {line-height:24px;}
.ys-home .list_img span.fr i {font-size:15px;position:relative;top:1px;}
.ys-home .list_img .ico {position:absolute;left:7px;top:7px;z-index:9;padding:3px 10px;background:#a6ce46;font-size:12px;color:#fff;border-radius:0px 0px 4px 0px;}
.ys-home .list_img a:hover {box-shadow:0px 0px 10px #ccc;border:1px solid #ddd;}
.ys-home .list_img a:hover h2 {color:#4285f4;}
.ys-home .list_img a:hover .pic:before {opacity:1;height:48px;width:48px;margin:-24px 0 0 -24px;line-height:48px;background:rgba(0,0,0,0.15);}
.ys-home .list_zy {width:100%;float:left;}
.ys-home .list_zy ul {width:101%;float:left;margin-top:10px;}
.ys-home .list_zy li {width:33.333%;float:left;padding:10px 1% 0px 0px;}
.ys-home .list_zy a {width:100%;float:left;background:#fff;padding:10px;position:relative;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.02);transition:all 0.3s ease-in-out;border:1px solid #ddd;}
.ys-home .list_zy .pic {width:100px;height:70px;overflow:hidden;float:left;margin-right:8px;border:1px solid #eee;display:flex;align-items:center;background:#F7F7F7;}
.ys-home .list_zy .pic img {width:100%;height:auto;float:left;transition:all 0.6s;align-items:center;}
.ys-home .list_zy h2,.ys-home .list_zy h3,.ys-home .list_zy h4 {line-height:22px;color:#222;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.ys-home .list_zy p {font-size:12px;color:#666;margin-top:10px;height:35px;display:block;overflow:hidden;}
.ys-home .list_zy .ico {height:22px;margin-right:4px;padding:0px 5px;font-size:12px;float:left;border-radius:4px 0px 4px 0px;}
.ys-home .list_zy a:hover {box-shadow:0px 0px 10px #ccc;border:1px solid #ddd;}
.ys-home .list_zy a:hover h4 {color:#4285F4;}
.ys-home .list_zy a:hover img {transform:scale(1.1);}
.ys-home .list_zy .isgood h4 {color:#000;}
.ys-home .list_zy .isgood p {color:#444;}
.ys-home .list_zy .isgood_2 a {background:#ffdcdc !important;border:1px solid #fb8888;}
.ys-home .list_zy .isgood_2 a .ico {background:#fc5574;color:#fff;}
.ys-home .list_zy .isgood_1 a {background:#fffbdc !important;border:1px solid #e0cb25;}
.ys-home .list_zy .isgood_1 a .ico {background:#dcc40b;color:#fff;}
.ys-home .list_zy .isgood_1 a:hover,.ys-home .list_zy .isgood_2 a:hover {box-shadow:0px 0px 10px #ccc;}
.ys-home .index_ym {width:100%;float:left;}
.ys-home .index_ym .fl {width:70%;margin-top:20px;background:#fff;padding:0px 10px 10px 10px;}
.ys-home .index_ym .fl .title {margin-top:13px;}
.ys-home .index_ym .list_img {width:101%;}
.ys-home .index_ym .list_img li {width:25%;}
.ys-home .index_ym .list_img .pic {height:110px;}
.ys-home .index_ym .list_img .t {margin:5px 5%;}
.ys-home .index_ym .list_img .t h4,.ys-home .index_ym .list_img .t h5 {font-size:14px;}
.ys-home .index_ym .txt {width:100%;float:left;margin-top:12px;}
.ys-home .index_ym .txt ul {width:100%;float:left;}
.ys-home .index_ym .txt li {width:48%;float:left;position:relative;line-height:33px;}
.ys-home .index_ym .txt li:nth-child(2n) {float:right;}
.ys-home .index_ym .txt li:after {font-family:"iconfont";content:'\e66b';float:left;font-size:12px;color:#666;position:absolute;left:0px;top:1px;}
.ys-home .index_ym .txt li:nth-child(2n):after {left:0px;}
.ys-home .index_ym .txt a {width:80%;float:left;padding-left:13px;color:#444;font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color 0.3s;}
.ys-home .index_ym .txt a:hover {color:#4285F4;}
.ys-home .index_ym .txt span {float:right;font-size:12px;color:#999;}
.ys-home .index_ym .list_ph {float:right;width:29%;margin-top:20px;}
.ys-home .index_ym .list_ph h4 {width:75%;}
.ys-home .index_x {width:25%;padding-right:1%;float:left;margin-top:20px;}
.ys-home .index_x h3 a {width:100%;float:left;height:45px;line-height:45px;overflow:hidden;background:#fff;padding-left:15px;font-size:16px;color:#000;border:1px solid #eee;border-bottom:0px;}
.ys-home .index_x ul {width:100%;float:left;padding:5px 10px;background:#fff;border:1px solid #eee;}
.ys-home .index_x ul li {width:100%;float:left;position:relative;line-height:30px;}
.ys-home .index_x ul li:after {font-family:"iconfont";content:'\e66b';float:left;font-size:12px;color:#666;position:absolute;left:0px;top:1px;}
.ys-home .index_x ul a {width:80%;float:left;padding-left:13px;color:#444;font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color 0.3s;}
.ys-home .index_x ul a:hover {color:#4285F4;}
.ys-home .index_x ul span {float:right;font-size:12px;color:#999;}
.ys-home .index_x_4 {padding-right:0px;}
.ys-home .list_tags {width:100%;float:left;margin-top:20px;border:1px solid #eee;}
.ys-home .list_tags a {width:10%;padding:8px;float:left;text-align:center;font-size:12px;color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #F5F5F5;border-right:1px solid #F5F5F5;background:#fff;transition:background 0.5s;}
.ys-home .list_tags .a1 {color:#6ad4d7;}
.ys-home .list_tags .a2 {color:#6a81d7;}
.ys-home .list_tags .a3 {color:#8799de;}
.ys-home .list_tags .a4 {color:#d76abb;}
.ys-home .list_tags .a5 {color:#6a81d7;}
.ys-home .list_tags .a1:hover {color:#fff;background:#6a81d7;}
.ys-home .list_tags .a2:hover {color:#fff;background:#6ad4d7;}
.ys-home .list_tags .a3:hover {color:#fff;background:#8799de;}
.ys-home .list_tags .a4:hover {color:#fff;background:#d76abb;}
.ys-home .list_tags .a5:hover {color:#fff;background:#6a81d7;}
.ys-home .list_tags.b {margin-top:30px;}
.ys-home .list_tags.t {margin-top:20px;margin-bottom:10px;}
.ys-home .list_txt.list_zy {background:0px;padding:0px;}
.ys-home .list_txt.list_zy ul {margin-top:0px;width:100%;}
.ys-home .list_txt.list_zy li {padding:0px;margin-bottom:10px;border-bottom:0px;}
.ys-home .list_txt.list_zy li:last-child {margin-bottom:0px;}
.ys-home .list_txt.list_zy .isgood h2 {color:#000;}
.ys-home .list_txt.list_zy .isgood_2 a {background:#ffdcdc !important;border:1px solid #fb8888;}
.ys-home .list_txt.list_zy .isgood_1 a {background:#fffbdc !important;border:1px solid #e0cb25;}
.ys-home .list_txt.list_zy a {width:100%;height:auto;float:left;background:#fff;padding:10px;position:relative;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.02);transition:all 0.3s ease-in-out;border:1px solid #ddd;}
.ys-home .list_txt.list_zy a:hover h2 {color:#4285F4;}
.ys-home .list_txt.list_zy span {color:#666;}
.ys-home .list_ph {width:100%;float:left;background:#fff;border:1px solid #eee;}
.ys-home .list_ph .t {width:100%;float:left;height:45px;line-height:45px;border-bottom:1px solid #eae9e9;overflow:hidden;padding-left:15px;font-size:16px;color:#000;}
.ys-home .list_ph .t a {font-size:16px;color:#000;}
.ys-home .list_ph li {width:100%;float:left;padding:6px 10px 7px 10px;border-bottom:1px solid #F9F9F9;}
.ys-home .list_ph li:last-child {border-bottom:0px;}
.ys-home .list_ph a {width:100%;float:left;}
.ys-home .list_ph a:hover i {transform:rotate(360deg);}
.ys-home .list_ph i {width:20px;height:20px;line-height:20px;text-indent:5px;float:left;font-size:12px;color:#999;background:#eee;border-radius:100%;margin-top:3px;transition:all 0.4s ease-in-out;}
.ys-home .list_ph h4 {float:left;margin-left:10px;font-size:14px;color:#222;line-height:25px;width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ys-home .list_ph span {float:right;color:#999;font-size:13px;line-height:25px;}
.ys-home .list_ph li:nth-child(1) i,.ys-home .list_ph li:nth-child(2) i,.ys-home .list_ph li:nth-child(3) i {background:#4285F4;color:#fff;}
.ys-home .about_r .title {width:100%;float:left;display:block;height:47px;line-height:48px;border-bottom:1px solid #f2e7eb;color:#090810;font-size:16px;text-indent:20px;font-weight:bold;margin-top:0px;background:#fff;}
.ys-home .syntaxhighlighter .toolbar span.title {display:inline !important;}
@media only screen and (max-width:1300px) {
.ys-home .content_img .vip,.ys-home .list_ph span,.ys-home .tongji .fl span,.ys-home .header .nav .vip {display:none !important;}
.ys-home .tongji .fl {width:35%;}
.ys-home .tongji .fl a {width:73%;}
.ys-home .title .nav {width:80%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ys-home .list_ph h4 {width:80%;}
.ys-home .list_img .pic {height:135px;}
.ys-home .list_img .pic img {height:auto;}
.ys-home .list_tags a {width:20%;}
}
@media only screen and (min-width:767px) and (max-width:1000px) {
.ys-home .dl,.ys-home .header .nav .vip,.ys-home .header .nav li a i,.ys-home .header .nav li ul,.ys-home .tongji .fl span,.ys-home .index_ym .list_ph,.ys-home .page_r {display:none !important;}
.ys-home .index_ym .fl,.ys-home .page_l {width:100% !important;}
.ys-home .index_x {width:49.5%;float:left;padding:0px;}
.ys-home .index_x:nth-child(2n) {padding-right:0px;float:right;}
.ys-home .tongji .fl {width:40%;}
.ys-home .tongji .fl a {width:70%;}
.ys-home .tongji .fr span,.ys-home .tongji .fr em {width:30px;height:18px;overflow:hidden;}
.ys-home .tongji .fr span {margin-top:0px;}
.ys-home .tongji .fr .v0,.ys-home .tongji .fr .v1,.ys-home .tongji .fr .v2,.ys-home .tongji .fr .v3,.ys-home .tongji .fr .v4,.ys-home .tongji .fr .v5 {width:65px;margin-left:0px;margin-right:5px;}
.ys-home .list_img li {width:25%;}
.ys-home .list_img .pic {height:120px;}
.ys-home .list_img li:nth-child(5n) {padding-right:1%;}
.ys-home .list_img li:nth-child(4n) {padding-right:0px;}
.ys-home .title .nav {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70%;text-align:right;}
}
@media only screen and (max-width:479px) {
.ys-home .dl,.ys-home .ag,.ys-home .header .nav .vip,.ys-home .header .nav li:first-child:not(.nav_tool li:first-child),.ys-home .tongji,.ys-home .header .login span,.ys-home .header .search,.ys-home .tongji .fl,.ys-home .header .nav li a i,.ys-home .header .nav li ul,.ys-home .page_nav,.ys-home .index_ym .list_ph,.ys-home .page_r,.ys-home .list_txt .pic,.ys-home .content_txt .tags span,.ys-home .title .nav,.ys-home .date .date_span span {display:none;}
.ys-home .title {margin-top:15px;}
.ys-home .list_img ul {margin-top:0px;}
.ys-home .index_ym .fl,.ys-home .page_l {width:100% !important;}
.ys-home .index_x {width:100%;float:left;padding-right:0px;}
.ys-home .list_tags a {width:50%;}
.ys-home .list_img li {width:50%;}
.ys-home .list_img li:nth-child(5n) {padding-right:1%;}
.ys-home .list_img li:nth-child(2n) {padding-right:0px;}
.ys-home .list_zy li {width:100%;}
.ys-home .index_ym .list_img li {width:50%;}
.ys-home .index_ym .txt li {width:100%;}
.ys-home .pager,.ys-home .list_tags.b {margin-top:15px;}
}
.ys-home{width:100%;float:left;}
.ys-home .ysh-box{width:1200px;margin:0 auto;max-width:100%;}
.ys-home *{box-sizing:border-box;}
.ys-home .fa{margin-right:3px;}
@media (max-width:1240px){.ys-home .ysh-box{width:98%;}}
.ys-home .index_x.index_x_w{width:100%;}

/* ===== 移动端兜底规则 ===== */
@media (max-width:1000px){
.ys-home .tongji .fl{width:100%!important;margin-bottom:10px;}
.ys-home .tongji .fr{width:100%;float:left;}
.ys-home .tongji .fr .v1,.ys-home .tongji .fr .v2,.ys-home .tongji .fr .v3,.ys-home .tongji .fr .v4,.ys-home .tongji .fr .v5{margin:5px 10px 5px 0;}
.ys-home .index_ym .fl{width:100%!important;}
.ys-home .index_ym .list_ph{width:100%;float:left;margin-top:20px;}
.ys-home .list_ph h4{width:70%;}
}
@media (max-width:768px){
.ys-home .list_img li{width:50%!important;}
.ys-home .list_img li:nth-child(5n){padding-right:1%;}
.ys-home .list_img li:nth-child(2n){padding-right:0;}
.ys-home .list_zy li{width:100%!important;}
.ys-home .index_x{width:100%!important;}
.ys-home .index_x.index_x_w{width:100%;}
.ys-home .list_tags a{width:33.333%!important;}
.ys-home .art-body{padding:15px;}
.ys-home .art-rel li{width:100%;}
.ys-home .page_nav{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}
@media (max-width:480px){
.ys-home .list_img li{width:100%!important;}
.ys-home .list_img li:nth-child(2n){padding-right:1%;}
.ys-home .list_tags a{width:50%!important;}
.ys-home .ysh-box{padding:0 8px;}
}

/* ===== 首页排版修复 ===== */
/* 1. 公告统计条 flex 化，防图标掉行 */
.ys-home .tongji{display:flex;justify-content:space-between;align-items:flex-start;}
.ys-home .tongji .fl{width:56%;max-width:520px;box-sizing:border-box;}
.ys-home .tongji .fr{width:42%;display:flex;justify-content:flex-end;}
.ys-home .tongji .fr .v0,.ys-home .tongji .fr .v1,.ys-home .tongji .fr .v2,.ys-home .tongji .fr .v3,.ys-home .tongji .fr .v4,.ys-home .tongji .fr .v5{width:19%;min-width:64px;margin-left:0;margin-top:5px;box-sizing:border-box;}
/* 2. 资源采集双栏 flex 顶对齐 */
.ys-home .index_ym{display:flex;flex-wrap:wrap;align-items:flex-start;}
.ys-home .index_ym .fl{float:none;width:69%;}
.ys-home .index_ym .list_ph{float:none;width:29%;}
/* 3. 教程/资源列表前 iconfont 豆腐块换圆点 */
.ys-home .index_x ul li:after,.ys-home .index_ym .txt li:after{font-family:inherit;content:'';width:5px;height:5px;border-radius:100%;background:#c9c9c9;top:12px;}
@media (max-width:1000px){
.ys-home .index_ym{flex-direction:column;}
.ys-home .index_ym .fl{width:100%!important;}
.ys-home .index_ym .list_ph{width:100%;margin-top:20px;}
.ys-home .tongji{flex-wrap:wrap;}
.ys-home .tongji .fl{width:100%!important;}
.ys-home .tongji .fr{width:100%;justify-content:flex-start;}
}