.eyou_matter .ey_majoro .inward,.eyou_matter .ey_majoro .eyou_xs,.eyou_matter .ey_majoro .eyou_tp,.eyou_matter .ey_majoro .eyou_matter .ey_majoro .inward:before,.eyou_matter .ey_majoro .eyou_xs:before,.eyou_matter .ey_majoro .eyou_tp:before,.eyou_matter .ey_majoro .eyou_matter .ey_majoro .inward:after,.eyou_matter .ey_majoro .eyou_xs:after,.eyou_matter .ey_majoro .eyou_tp:after,.eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_tp .eyou_zc .bots .tit,.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm .ey_myc .eyou_xbts,.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li a,.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li .eyou_tm,.eyou_matter .ey_impor1 .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt,.eyou_matter .ey_impor2 .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt,.eyou_matter .ey_impor6 .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt,.eyou_matter .ey_impor6 .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bte{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}html,body{color:#000;background:#fff url("../../image/bz/bz10.jpg") no-repeat center;background-size:cover;background-attachment:fixed;}html a:hover{color:#ff6f06;}.eyou_matter{width:100%;margin:0 auto;}.eyou_matter .ey_majoro{padding-bottom:0px;}.eyou_matter .ey_majoro .inward{margin:0 auto;max-width:1200px;width:95%}.eyou_matter .ey_majoro .eyou_xs{padding:27px 0 0px 0;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;}.eyou_matter .ey_majoro .eyou_xs .eyou_zc{position:relative;width:225px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-sizing:border-box;}.eyou_matter .ey_majoro .eyou_xs .eyou_zc:after{content:'';width:1px;height:40px;background-color:#e3e4e5;position:absolute;right:0px;top:10px;}.eyou_matter .ey_majoro .eyou_xs .eyou_zc .icon{display:inline-block;text-align:center;}.eyou_matter .ey_majoro .eyou_xs .eyou_zc .icon p{color:#333333;font-size:12px;margin-top:3px;}.eyou_matter .ey_majoro .eyou_xs .eyou_zc .icon p:hover{color:#ff6f06;}.eyou_matter .ey_majoro .eyou_xs .centre{position:relative;display:flex;align-items:center;flex:1;min-width:0;justify-content:center;}.eyou_matter .ey_majoro .eyou_xs .centre:after{content:'';width:1px;height:40px;background-color:#e3e4e5;position:absolute;right:0px;top:10px;}.eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_xs .centre ul li{float:left;width:100px;text-align:left;margin:5px 0;}.eyou_matter .ey_majoro .eyou_xs .centre ul li a{color:#333333;font-size:14px;}.eyou_matter .ey_majoro .eyou_xs .centre ul li a:hover{color:#ff6f06;cursor:pointer;}.eyou_matter .ey_majoro .eyou_xs .eyou_yc{display:flex;justify-content:space-between;flex-wrap:wrap;flex:1;}.eyou_matter .ey_majoro .eyou_xs .eyou_yc .ey_xm{display:inline-block;width:50%;color:#333;text-align:center;}.eyou_matter .ey_majoro .eyou_xs .eyou_yc .ey_xm:hover{color:#ff6f06;cursor:pointer;}.eyou_matter .ey_majoro .eyou_xs .eyou_yc .ey_xm img{vertical-align:-7px;}.eyou_matter .ey_majoro .eyou_xs .eyou_yc .ey_xm span{margin-left:5px;position:relative;;}.eyou_matter .ey_majoro .eyou_tp{display:flex;margin-top:25px;}.eyou_matter .ey_majoro .eyou_tp .eyou_zc{border-radius:12px;flex:1;min-width:0;margin-right:15px;border:2px solid #f2c4d0;overflow:hidden;}.eyou_matter .ey_majoro .eyou_tp .eyou_zc .swiper-container{box-sizing:border-box;text-align:left;position:relative;width:100%;height:100%;}.eyou_matter .ey_majoro .eyou_tp .eyou_zc .swiper-container .eyou_hd{position:absolute;left:0;top:0;width:100%;height:335px;border-radius:5px;}.swiper-slide{border-radius:5px;}.swiper-pagination{position:absolute !important;bottom:20px !important;left:350px !important;}.eyou-mhdyc{padding-top:0 !important;min-height:auto;}.eyou-mhdyc .ey_project{margin-bottom:20px !important;}.eyou_matter .ey_majoro .eyou_tp .eyou_yc{flex:1}.eyou_matter .eyou_matter .eyou_matter .eyou_matter .eyou_matter .eyou_matter .eyou_matter .eyou_matter .eyou_matter .eyou_matter .eyou_matter .ey_impor1{background-color:transparent;}.eyou_matter .ey_impor1 .inward{font-family:PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif;margin:0 auto;max-width:1200px;width:95%;display:flex;flex-wrap:wrap}.eyou_matter .ey_impor1 .ey_impor1_zc{flex:1;min-width:0;max-width:100%;position:relative;}.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt{display:flex;align-items:center;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr{float:left;width:100%;max-width:100%;border-radius:5px;}.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt h6{color:#181818;font-size:24px;margin-right:20px;}.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt .eyoucms_xz{box-sizing:border-box;display:inline-block;}.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt .eyoucms_xz .ey_barcut{float:left;}.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt .eyoucms_xz .ey_barcut span{padding-left:25px;height:21px;color:#dcdddf;}.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column{display:inline-flex;margin:0 0px 0 22px;color:#4e4e4e;position:relative;cursor:pointer;}.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column:hover{color:#ff6f06;}.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column:hover i{color:#ff6f06;}.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column i{position:relative;top:-3px;}.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column.behavior{color:#ff6f06;}.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column.behavior i{color:#ff6f06;}.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt .eyoucms_xz .eyou_see{position:absolute;right:0;float:right;top:3px;}.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt .eyoucms_xz .eyou_see a{color:#999999;}.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt .eyoucms_xz .eyou_see a:hover{color:#ff6f06;}.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt .eyoucms_xz .eyou_see a:hover i{color:#ff6f06;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_lbabbr{display:none;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms{display:none;padding:10px;height:500px;box-sizing:border-box;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm{-webkit-backface-visibility:hidden;float:left;margin-right:30px;margin-bottom:20px;transition:all 0.2s ease-in;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm:hover{transform:translateY(-4px)}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm:nth-child(even){margin-right:0;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm .ey_mzc{float:left;text-align:left;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm .ey_mzc .eyou_mzl{width:131px;height:auto;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm .ey_myc{float:left;text-align:left;margin-left:15px;margin-top:0px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm .ey_myc a:hover{color:#ff6f06;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm .ey_myc .eyou_xbts{font-family:MicrosoftYaHei;color:#333333;font-size:18px;display:block;width:251px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm .ey_myc .principal{font-size:14px;color:#949596;width:286px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:6px 0;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul{text-align:left;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li i{float:left;margin-top:5px;font-size:15px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li{float:left;margin:0 40px 10px 0;display:flex;align-items:center;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li .ey_msj{float:right;margin-left:70px;color:#949596;font-size:15px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li a .ey_mzxtxt{display:inline-block;width:290px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li:nth-child(even){margin-right:0;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li a{float:left;display:block;color:#333333;font-size:14px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li a:hover{color:#ff6f06;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li a:hover + .ey_msj{color:#ff6f06;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie{display:none;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li{background:transparent;border-radius:5px;-webkit-backface-visibility:hidden;position:relative;display:inline-block;transition:all 0.6s;margin:15px 20px 0 0;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li:nth-child(4n){margin-right:0;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li .eyou_sphz{position:relative;display:block;width:210px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .image{width:210px;height:110px;border-radius:5px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie .eyou_xinxi{position:relative;height:40px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie .describe{transition:all .8s ease-out;height:40px;background:transparent;overflow:hidden;position:absolute;bottom:0;width:100%;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie li:hover .describe{height:90px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie .ey_xx_kc{padding:0 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#333;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li .eyou_sphz i{color:#fff;position:absolute;left:43%;top:29%;font-size:40px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li .eyou_tm{color:#181818;font-size:16px;text-align:left;margin-top:5px;padding:10px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li .eyou_tm:hover{color:#ff6f06;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li .ey_employ{float:right;color:#949596;width:100%;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mjg{margin-left:75px;padding:4px 0px;color:#ff6f06;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li .ey_employ .ey-learn{padding:10px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li .ey_employ .ey-learn .eyou_mtp{margin-right:5px;width:20px;height:20px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .article ul li .ey_mwxz .ey_mavc .ey-wdtxt{text-align:left;color:#333333;font-size:16px;width:242px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .article ul li .ey_mwxz .ey_employ{float:right;color:#949596;margin-bottom:10px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .article ul li .ey_mwxz .ey_employ i{font-size:25px;position:relative;top:5px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .article ul li .ey_mwxz .ey_employ span{font-size:12px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .article ul li .ey_mwxz2{border-top:solid 1px #e3e6ed;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul{display:inline-flex;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li{margin-right:30px;padding-bottom:15px;position:relative;display:inline-block;position:relative;width:285px;height:auto;background-color:transparent;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mdbt{transition:all 0.7s;width:285px;height:120px;background:url("../images/lt1.png") no-repeat center;position:relative;padding:20px;box-sizing:border-box;text-align:left;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mdbt .ey_mwbt{font-size:20px;color:#fff;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mdbt .ey_mwbts{font-size:14px;color:#fff;margin-top:5px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mdbt .ey_mck{position:absolute;right:20px;bottom:10px;font-size:12px;color:#fff;cursor:pointer;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li:nth-child(2) .ey_mdbt{background:url("../images/lt2.png") no-repeat center;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li:nth-child(3) .ey_mdbt{background:url("../images/lt3.png") no-repeat center;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mwxz{height:40px;overflow:hidden;padding-top:15px;box-sizing:border-box;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mwxz .ey_mavc{clear:both;position:relative;padding-left:20px;box-sizing:border-box;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mwxz .ey_mavc .ey_mlj{display:inline-block;width:4px;height:4px;background-color:#3522b4;float:left;margin-top:10px;margin-right:6px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mwxz .ey_mavc .ey-wdtxt{text-align:left;color:#333333;font-size:14px;width:242px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:55px;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mwxz .ey_mavc .ey-wdtxt:hover{color:#ff6f06;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mwxz .ey_employ{position:relative;top:-22px;float:right;color:#949596;width:100%;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mwxz .ey_employ .ey-learn{float:left;}.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mwxz2{border-top:solid 1px #e3e6ed;}.eyou_matter .majort_yb{width:260px;flex-shrink:0;margin-left:auto;}.eyou_matter .majort_yb .eyou_fate{height:36px;line-height:36px;margin-bottom:15px;margin-left:6px;}.fatelb .eyou-yclb{height:500px;overflow:hidden;box-sizing:border-box;}.fatelb .eyou-yclb .ey_project{margin-bottom:19.5px;}.eyou_matter .majort_yb .eyou_fate span{color:#999999;padding-left:13px;}.eyou_matter .majort_yb .eyou_fate .eyou_column{cursor:pointer;font-size:16px;margin:0 0 0 10px;}.eyou_matter .majort_yb .eyou_fate .eyou_column.behavior{font-weight:bolder;}.eyou_matter .majort_yb .ey_rmbt .ey_rmtp{width:33px;height:33px;}.eyou_matter .majort_yb .ey_rmbt{color:black;font-size:18px;position:relative;text-align:left;height:36px;line-height:36px;margin-bottom:15px;margin-left:12px;}.eyou_matter .majort_yb .eyou-yclb{background-color:transparent;padding:10px;margin-top:8px;border-radius:5px;padding-top:20px;}.eyou_matter .majort_yb .eyou-yclb .ey_project{-webkit-backface-visibility:hidden;margin-bottom:22px;transition:all 0.6s;}.ey_mrmdw{padding-top:16px !important;}.eyou_matter .majort_yb .eyou-yclb .ey_project .ey_ject_zc{float:left;margin-right:10px;}.eyou_matter .majort_yb .eyou-yclb .ey_project:nth-child(1) .ey_ject_zc span{background-color:#f34f1c;}.eyou_matter .majort_yb .eyou-yclb .ey_project .ey_ject_zc span{display:inline-block;margin:0 8px 0 10px;width:16px;height:16px;background-color:#c1c3c8;text-align:center;line-height:16px;color:white;}.eyou_matter .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt{display:block;color:#333333;font-size:14px;}.eyou_matter .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt:hover{color:#ff6f06;}.eyou_matter .ey_impor2{background:transparent;padding-top:25px;box-sizing:border-box;}.eyou_matter .ey_impor2 .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt{width:195px !important;}.eyou_matter .eyou_cape{background:transparent;padding-top:20px;margin-bottom:25px;}.eyou_matter .eyou_cape .eyou_cape_hp{display:block;position:relative;max-width:1200px;width:95%;margin:0 auto;}.eyou_matter .ey_impor1.ey_impor3{background:transparent;}.eyou_matter .ey_impor6{padding-top:25px;box-sizing:border-box;background:transparent;padding-bottom:30px;}.eyou_matter .ey_impor6 .majort_yb .eyou-yclb .ey_project{height:102px;background-color:transparent;border-radius:8px;box-sizing:border-box;margin-top:0;}.eyou_matter .ey_impor6 .majort_yb .eyou-yclb .ey_project .ey_ject_yc{text-align:left;}.eyou_matter .ey_impor6 .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bte{width:140px;color:#282a2c;font-size:14px;}#fadeInDown{-webkit-animation:fadeInDown 1s .2s ease both;-moz-animation:fadeInDown 1s .2s ease both;}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px);}100%{opacity:1;-moz-transform:translateY(0);}}#fadeInUp{-webkit-animation:fadeInUp 1s .2s ease both;-moz-animation:fadeInUp 1s .2s ease both;}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px);}100%{opacity:1;-moz-transform:translateY(0);}}.ey_employs{float:left;height:30px;line-height:30px;}.ey_employs img{width:25px;width:25px;border-radius:50%;}.ey_majort .majort_yb{width:280px;flex-shrink:0;margin-left:5px;background-color:#fff;border-top:4px solid #f34f1c;border-radius:5px;}.ey_majort .majort_yb .eyou_fate{padding:10px 0px 0 10px;}.ey_majort .majort_yb .eyou_fate .eyou_column{font-size:17px;}.ey_majort .majort_yb .eyou-yclb{background-color:transparent;}.ey_majort .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt{display:block;width:85%;color:#333333;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.eyou_matter .majort_yb .eyou-yclb .ey_project:nth-child(1) .ey_ject_zc span{background-color:#f34f1c;}.eyou_matter .majort_yb .eyou-yclb .ey_project:nth-child(2) .ey_ject_zc span{background-color:#ff8447;}.eyou_matter .majort_yb .eyou-yclb .ey_project:nth-child(3) .ey_ject_zc span{background-color:#ffb95f;}.eyou_matter .ey_majort .majort_yb .eyou-yclb .ey_project:nth-child(1) .ey_ject_zc span{background-color:#ff6f06;}.eyou_matter .ey_majort .majort_yb .eyou-yclb .ey_project:nth-child(2) .ey_ject_zc span{background-color:#fd8a27;}.eyou_matter .ey_majort .majort_yb .eyou-yclb .ey_project:nth-child(3) .ey_ject_zc span{background-color:#ffb95f;}.ey_hznrht{margin-top:15px;}.ey_impor4,.ey_impor5{padding-top:25px;}.ey_ject{height:24px !important;}.eyou_overall{margin:0 auto;}.swiper-container,.swiper-wrapper{border-radius:5px;}.swiper-div{position:relative;height:100%}.ey_mzx{background-color:transparent;margin-top:15px;}.ey_mtb{position:relative;top:-7px;margin-right:7px;}.ey_impor6{margin-top:0;}@keyframes pulse{0%{-webkit-transform:scale(1)}35%{-webkit-transform:scale(1.02)}70%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1)}}.ey_enroll .disem a{color:#333;}.ey_enroll .ey_xie{color:#dcdde0;margin:0 10px}.disem a{color:#333;}.eyou_more{background:transparent;display:inline-block;padding:0px 35px 0 20px;height:31px;line-height:31px;border-radius:31px;position:relative;}.eyou_more i{width:10px;height:10px;background:url("../images/jia.png") no-repeat right center;background-size:10px 10px;display:block;position:absolute;right:16px;top:11px;}.eyou_more:hover{color:#e31436;}.ey-zc{padding:10px 20px}.ey-zc li .fl{float:left}.ey-zc li a{color:#333}.ey-zc li a:hover{color:#36aafd}.ey-zc ul li{height:75px;cursor:pointer;vertical-align:top;position:relative;}.ey-zc ul li .ey_num{margin-top:15px;float:left;width:19px;height:24px;line-height:20px;font-size:16px;text-align:center;overflow:hidden;font-style:normal;display:inline-block}.ey-zc ul li .ey_num.icon-1{background-position:0 -296px}.ey-zc ul li .ey_num.icon-1,.ey-zc ul li .ey_num.icon-2{background-repeat:no-repeat;background-image:url(../images/sprite.png);width:19px;height:24px;color:#fff}.ey-zc ul li .ey_num.icon-2{background-position:0 -320px}.ey-zc ul li .ey_num.icon-3{background-repeat:no-repeat;background-image:url(../images/sprite.png);background-position:0 -344px;width:19px;height:24px;color:#fff}.ey-zc ul li .app-box{margin-left:14px}.ey-zc ul li .app-icon{border-radius:12px;overflow:hidden}.ey-zc ul li .app-icon img{display:block}.ey-zc ul li .app-info{margin-left:14px;line-height:1}.ey-zc ul li .app-downs,.ey-zc li .app-title{width:80px;line-height:24px}.ey-zc ul li .app-title{display:inline-block}.ey-zc ul li .app-downs{color:#848484}.ey-zc ul li:hover .app-downs{display:block;color:tomato}.xiazailb{width:913px;margin:auto;}.xiazailb li{float:left;width:435px;margin:30px 0px 0px 30px;}.xiazailb li:nth-child(2n+1){margin-left:0px;}.xiazailb li span a{display:block;float:left;width:68px;height:68px;overflow:hidden;border-radius:3px;}.xiazailb li span a img{height:68px;border-radius:3px;transition:all 0.2s;}.xiazailb li span a:hover img{transform:scale(1.1);}.xiazailb li dl{float:right;width:345px;margin-top:6px;}.xiazailb li dl dt a{display:block;height:18px;line-height:18px;overflow:hidden;}.xiazailb li dl dd{margin-top:15px;}.xiazailb li dl dd em{display:block;}.xiazailb li dl dd em.name1{float:left;max-width:175px;height:22px;overflow:hidden;}.xiazailb li dl dd em.name1 a{display:block;float:left;height:22px;background:#fef6f6;font-size:12px;color:#666666;text-decoration:none;line-height:22px;overflow:hidden;border-radius:3px;padding:0px 5px;margin-left:10px;}.xiazailb li dl dd em.name1 a:first-child{margin-left:0px;}.xiazailb li dl dd em.name1 a:hover{background:#ff6f06;color:#ffffff;}.xiazailb li dl dd em.name2{float:left;max-width:90px;height:22px;overflow:hidden;font-size:12px;color:#c3c3c3;line-height:22px;margin-left:20px;}.xiazailb li dl dd em.name2 b{display:block;float:left;width:18px;height:12px;background:url(../images/bg1.png) no-repeat -170px -65px;margin:6px 5px 0px 0px;}.xiazailb li dl dd em.name3{float:right;width:40px;height:22px;line-height:22px;overflow:hidden;font-size:12px;color:#c5c5c5;text-align:right;}.xiazailb em{font-weight:normal;font-style:normal;}.xiazailb .web_black a,.xiazailb .web_black{color:#333333;text-decoration:none;}.xiazailb .web_black a:hover,.xiazailb .web_black:hover{color:#ff6f06;text-decoration:underline;}.eyou_matter .ey_majoro .eyou_xs .centre ul{display:flex;flex-wrap:wrap;gap:15px;padding:0;}.eyou_matter .ey_majoro .eyou_xs .centre ul li{margin:5px 0;}.eyou_matter .ey_majoro .eyou_xs .centre ul{display:flex;flex-wrap:wrap;gap:10px 25px;align-items:center;padding:0;margin:0;}.eyou_matter .ey_majoro .eyou_xs .centre ul li{list-style:none;margin:5px 0;white-space:nowrap;}.eyou_matter .ey_majoro .eyou_xs .centre ul li.nav-second{margin-top:15px;}.eyou_matter .ey_majoro .eyou_xs .centre{display:flex;flex-direction:column;gap:10px;}.eyou_matter .ey_majoro .eyou_xs .centre .nav-row{display:flex;align-items:center;gap:20px;}.eyou_matter .ey_majoro .eyou_xs .centre .nav-row a{color:#333;text-decoration:none;}.eyou_matter .ey_majoro .eyou_xs .centre .nav-row a:hover{color:#ff6f06;}.eyou_matter .ey_majoro .eyou_xs .centre .nav-row .divider{color:#ccc;}.eyou_matter .ey_majoro .eyou_xs .centre ul{display: flex; flex-wrap: wrap; align-items: center; padding: 0; margin: 0; list-style: none;}.eyou_matter .ey_majoro .eyou_xs .centre ul li{margin-right: 0px; white-space: nowrap;}.eyou_matter .ey_majoro .eyou_xs .centre ul li.divider{color: #ccc; font-size: 16px;}.eyou_matter .ey_majoro .eyou_xs .centre ul li.nav-second{margin-top: 10px;}.eyou_matter .ey_majoro .eyou_xs .centre ul li a{color: #333; text-decoration: none;}.eyou_matter .ey_majoro .eyou_xs .centre ul li a:hover{color: #ff6f06;}.eyou_matter .ey_majoro .eyou_xs .eyou_yc{display: flex; flex-direction: column; gap: 8px; padding-left: 15px;}.eyou_matter .ey_majoro .eyou_xs .eyou_yc .yc-row{display: flex; align-items: center; gap: 15px;}.eyou_matter .ey_majoro .eyou_xs .eyou_yc .yc-row .ey_xm{display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: #333; line-height: 24px; height: 24px;}.eyou_matter .ey_majoro .eyou_xs .eyou_yc .yc-row .ey_xm img{width: 20px; height: 20px; margin-right: 5px; padding: 0; margin-bottom: 0; border: none; outline: none;}.eyou_matter .ey_majoro .eyou_xs .eyou_yc .yc-row .ey_xm span{font-size: 14px; padding: 0; margin: 0; line-height: 24px;}.eyou_matter .ey_majoro .eyou_xs .eyou_yc .yc-row .ey_xm:hover{color: #ff6f06;}.eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro 50%{opacity: 1; transform: scale(1.2);}}.eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro 50%{opacity: 1; transform: scale(1.3);}}.eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward 50%{opacity: 1; transform: scale(1.3);}}.eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward .eyou_matter .ey_majoro .inward 50%{opacity: 1; transform: scale(1.3);}}
/* 样式分隔 */
.eyou_matter .ey_majoro {
    padding-bottom: 30px;
}
/* 卡片公共样式 */
.eyou_hezi {
    padding: 0 !important;
    background: transparent !important;
    max-width: 1200px;
    margin: 30px auto 0;
}
.eyou_hezi .cards-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 0;
}
/* 样式分隔 */
.eyou_hezi .new-card {
    flex: 1;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    transition: all 0.35s ease;
    cursor: pointer;
}
.eyou_hezi .new-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.15);
}
.eyou_hezi .new-card a {
    text-decoration: none;
    display: block;
    color: inherit;
}
/* 样式分隔 */
.eyou_hezi .card-img-wrapper {
    position: relative;
    width: 100%;
    height: 130px;
    overflow: hidden;
}
.eyou_hezi .card-img-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.eyou_hezi .card-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #f5f5f5;
    transition: filter 0.35s ease;
}
.eyou_hezi .new-card:hover .card-img-box img {
    filter: brightness(1.08);
}
/* 样式分隔 */
.eyou_hezi .card-img-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 55px;
    background: linear-gradient(to top, rgba(255,255,255,0.92), rgba(255,255,255,0.4), transparent);
    pointer-events: none;
    z-index: 1;
}
/* 样式分隔 */
.eyou_hezi .card-tag {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    backdrop-filter: blur(6px);
    letter-spacing: 0.5px;
    z-index: 2;
}
.card-purple .card-tag { background: rgba(138, 79, 255, 0.75); }
.card-green  .card-tag { background: rgba(34, 197, 94, 0.75); }
.card-orange .card-tag { background: rgba(249, 115, 22, 0.75); }
.card-blue   .card-tag { background: rgba(59, 130, 246, 0.75); }
/* 样式分隔 */
.eyou_hezi .card-body {
    padding: 10px 12px 14px;
    text-align: center;
}
.eyou_hezi .card-icon {
    display: inline;
    vertical-align: middle;
    margin-right: 4px;
}
.eyou_hezi .card-icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    vertical-align: middle;
}
.eyou_hezi .card-body h3 {
    display: inline;
    font-size: 14px;
    font-weight: 700;
    color: #1a1a2e;
    vertical-align: middle;
    margin: 0;
}
.eyou_hezi .card-body p {
    font-size: 11px;
    color: #777;
    margin: 6px 0 10px 0;
    line-height: 1.5;
}
/* 样式分隔 */
.eyou_hezi .card-btn {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
}
.card-purple .card-btn { background: linear-gradient(135deg, #a855f7, #7c3aed); }
.card-green  .card-btn { background: linear-gradient(135deg, #22c55e, #16a34a); }
.card-orange .card-btn { background: linear-gradient(135deg, #f97316, #ea580c); }
.card-blue   .card-btn { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.card-teal   .card-btn { background: linear-gradient(135deg, #14b8a6, #0d9488); }
.eyou_hezi .new-card:hover .card-btn {
    transform: scale(1.05);
    box-shadow: 0 4px 14px rgba(0,0,0,0.2);
}

/* 首页主内容区域背景 - 淡雅米色圆角容器 */
.main-content-wrapper {
    max-width: 1300px;
    margin: 25px auto 30px;
    background: #ffffffd9;
    border-radius: 28px;
   /*  padding: 25px 30px; */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* 首页轮播图宽度约束 */
.eyou_matter .ey_majoro .eyou_tp .eyou_zc {
    flex: 0 0 500px;
    max-width: 500px;
    min-width: 0;
}

/* ---------- 快捷按钮组 ---------- */
.eyou_btn_area {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 5px;
}

.eyou_btn_area .btn-row {
    display: flex;
    gap: 10px;
    flex: 1;
}

.eyou_btn_area .btn-row .ey_btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    color: #4a3728;
    border-radius: 16px;
    padding: 0 20px;
    height: 80px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    letter-spacing: 0.5px;
}

.eyou_btn_area .btn-row .ey_btn .btn-icon {
    /* 外层圆形框：固定 48px，不随里面图片缩放而变 */
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.6);
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: rgba(255,255,255,0.12);
    transition: border-color .6s ease;
}

/* 里面那张图片：默认充满圆框；可单独缩放/位移，不影响圆框大小 */
.eyou_btn_area .btn-row .ey_btn .btn-icon .btn-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .7s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 个别图标像素级微调：只改里面的图片，圆框保持 48px 不变
   注意：.btn-row 每行只有 2 个按钮，nth-child/last-child 是相对每行算的，
   故改用图标 src 属性精确定位，避免误伤同行的其它按钮。 */
/* 好看好玩：里面的图片再小 1px（共小 2px） */
.eyou_btn_area .ey_btn .btn-icon .btn-img[src*="hw.png"] {
    width: 46px;
    height: 46px;
}
/* 活动合集：里面的图片 44px */
.eyou_btn_area .ey_btn .btn-icon .btn-img[src*="hd.png"] {
    width: 44px;
    height: 44px;
}
/* 学习工具：里面的图片 44px，在圆内再向右 5px */
.eyou_btn_area .ey_btn .btn-icon .btn-img[src*="xx.png"] {
    width: 44px;
    height: 44px;
    transform: translate(5px, 0);
}

/* 悬停“切色”特效：色块从一角斜切进来铺满 + 图标文字放大上浮
   （已替换掉原来的新拟态凹陷/内阴影特效；仅浅色模式生效） */
body:not(.dark-mode) .eyou_btn_area .btn-row .ey_btn {
    /* 静止时只保留极轻的立体投影（不再有任何 inset 内阴影） */
    box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.05),
                -6px -6px 16px rgba(255, 255, 255, 0.75);
}
/* 切进来的色块：旋转 45° 的正方形，默认停在左下角外，悬停时斜切铺满整个按钮。
   用「正方形 + aspect-ratio:1 + transform 位移」而不是改 left/top，
   因为 left/top 的百分比是按按钮尺寸算的，长方形按钮的四角会盖不满。

   尺寸与起点都经过实测标定（181x80 按钮）：
   - 盖满一个 176x80 的长方形，色块边长至少 (w+h)/√2 ≈ 181px；用 130% 留足余量（窄到 160px 宽也够）。
   - 边长若远大于此（原来 200%），色块会「提前盖满」，位移后段完全看不见，
     观感就是「一下就切过去」。故缩到 130%。
   - 起点也用实测：位移 -100%~-60% 这段色块完全碰不到按钮（空跑），
     真正可见的是 -60%→-10%，所以起点收到 -63%、终点收到 -10%，两头空跑都去掉，
     过渡时长几乎全部用在实际看得见的斜切上。 */
body:not(.dark-mode) .eyou_btn_area .btn-row .ey_btn::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 130%;
    aspect-ratio: 1 / 1;
    transform: translate(-50%, -50%) translate(-63%, 63%) rotate(45deg);
    z-index: 0;
    transition: transform .8s cubic-bezier(0.4, 0, 0.2, 1);
}
body:not(.dark-mode) .eyou_btn_area .btn-row .ey_btn:hover::before,
body:not(.dark-mode) .eyou_btn_area .btn-row .ey_btn:focus::before {
    /* 终点不落在正中心：实测 130% 色块在 -10% 处已完全盖满按钮，
       再往中心走就是「看不见的空跑」（正是「一下切过去」的元凶）。
       收到 -10% 后，整段位移都在做可见的斜切。 */
    transform: translate(-50%, -50%) translate(-10%, 10%) rotate(45deg);
}

/* 图标与文字浮在色块之上，悬停时一起放大上浮 */
body:not(.dark-mode) .eyou_btn_area .btn-row .ey_btn .btn-icon,
body:not(.dark-mode) .eyou_btn_area .btn-row .ey_btn .btn-txt {
    position: relative;
    z-index: 1;
}
body:not(.dark-mode) .eyou_btn_area .btn-row .ey_btn .btn-icon {
    transition: transform .7s cubic-bezier(0.4, 0, 0.2, 1), border-color .6s ease;
}
body:not(.dark-mode) .eyou_btn_area .btn-row .ey_btn .btn-txt {
    display: inline-block;
    transition: transform .7s cubic-bezier(0.4, 0, 0.2, 1), color .6s ease;
}
body:not(.dark-mode) .eyou_btn_area .btn-row .ey_btn:hover .btn-icon {
    transform: scale(1.18) translateY(-2px);
    border-color: rgba(255, 255, 255, 0.95);
}
/* 学习工具图片悬浮时也要保留圆内右移 5px 的微调 */
body:not(.dark-mode) .eyou_btn_area .ey_btn:hover .btn-icon .btn-img[src*="xx.png"] {
    transform: translate(5px, 0) scale(1.18) translateY(-2px);
}
body:not(.dark-mode) .eyou_btn_area .btn-row .ey_btn:hover .btn-txt {
    color: #ffffff;
    transform: scale(1.14) translateY(-2px);
}

/* 按钮配色 - 暖调柔色 */
.eyou_btn_area .btn-row:nth-child(1) .ey_btn:nth-child(1) {
    background: #FFD3B8;
}
.eyou_btn_area .btn-row:nth-child(1) .ey_btn:nth-child(1)::before {
    background-color: #E2703A;   /* 悬停切进来的颜色 */
}
.eyou_btn_area .btn-row:nth-child(1) .ey_btn:nth-child(2) {
    background: #FFE2A8;
}
.eyou_btn_area .btn-row:nth-child(1) .ey_btn:nth-child(2)::before {
    background-color: #C98A12;   /* 悬停切进来的颜色 */
}
.eyou_btn_area .btn-row:nth-child(2) .ey_btn:nth-child(1) {
    background: #C4DBF5;
}
.eyou_btn_area .btn-row:nth-child(2) .ey_btn:nth-child(1)::before {
    background-color: #3E7FC1;   /* 悬停切进来的颜色 */
}
.eyou_btn_area .btn-row:nth-child(2) .ey_btn:nth-child(2) {
    background: #BFE6CE;
}
.eyou_btn_area .btn-row:nth-child(2) .ey_btn:nth-child(2)::before {
    background-color: #2F9E63;   /* 悬停切进来的颜色 */
}
.eyou_btn_area .btn-row:nth-child(3) .ey_btn:nth-child(1) {
    background: #DDCDF3;
}
.eyou_btn_area .btn-row:nth-child(3) .ey_btn:nth-child(1)::before {
    background-color: #7E5BC4;   /* 悬停切进来的颜色 */
}
.eyou_btn_area .btn-row:nth-child(3) .ey_btn:nth-child(2) {
    background: #FFCBDD;
}
.eyou_btn_area .btn-row:nth-child(3) .ey_btn:nth-child(2)::before {
    background-color: #D95C8A;   /* 悬停切进来的颜色 */
}

/* 趣味视频模块子样式 */
.eyou_matter .ey_impor2 {
    background: linear-gradient(180deg, #fff8f5 0%, #fff0e8 50%, #fff5f0 100%) !important;
    padding-top: 30px !important;
    padding-bottom: 20px !important;
    margin-top: 10px;
    border-radius: 28px;
}
.eyou_matter .ey_impor2 .inward {
    background: #ffffffcc;
    border-radius: 24px;
    padding: 20px 25px;
    box-shadow: 0 6px 30px rgba(255, 150, 100, 0.12);
}
/* 样式分隔 */
.eyou_matter .ey_impor2 .eyou_xbt h2 {
    font-size: 22px;
    color: #ff7b42;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    padding-left: 28px;
}
.eyou_matter .ey_impor2 .eyou_xbt h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("../images/sp.png") center/contain no-repeat;
}
/* 样式分隔 */
.eyou_matter .ey_impor2 .eyou_xbt .eyoucms_xz .ey_barcut {
    display: inline-block;
    padding: 8px;
    margin-left: 8px;
    border: 1.5px solid #ffe0cc;
    border-radius: 22px;
    background: rgba(255,255,255,0.5);
}
.eyou_matter .ey_impor2 .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column {
    color: #8b6f5e !important;
    font-size: 14px;
    padding: 5px 16px;
    margin-right: 26px;
    border-radius: 16px;
    transition: all 0.3s;
    position: relative;
}
.eyou_matter .ey_impor2 .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column span {
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 !important;
    background: transparent !important;
    color: #dcdddf;
    font-size: 13px;
    pointer-events: none;
}
.eyou_matter .ey_impor2 .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column:hover {
    background: #fff0e5;
    color: #ff7b42 !important;
}
.eyou_matter .ey_impor2 .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column.behavior {
    background: linear-gradient(135deg, #ffe0cc, #ffc9a3);
    color: #ff6f06 !important;
    font-weight: 600;
}
/* 样式分隔 */
.eyou_matter .ey_impor2 .eyou_xbt .eyoucms_xz .eyou_see a {
    background: linear-gradient(135deg, #ffe0cc, #ffc9a3);
    color: #ff6f06 !important;
    border-radius: 20px;
    /*padding: 0 22px;*/
    height: 32px;
    line-height: 32px;
    display: inline-block;
   /*  font-size: 13px;*/
    transition: all 0.3s;
}
.eyou_matter .ey_impor2 .eyou_xbt .eyoucms_xz .eyou_see a:hover {
    background: linear-gradient(135deg, #ffc9a3, #ffaa80);
    transform: scale(1.05);
}
.eyou_matter .ey_impor2 .ey_impor1_zc .eyou_xbt .eyoucms_xz {
    position: relative;
    max-width: 910px;
    display: flex;
    align-items: center;
    flex: 1;
}
.eyou_matter .ey_impor2 .ey_impor1_zc .eyou_xbt .eyoucms_xz .eyou_see {
    position: static;
    float: none;
    margin-left: auto;
    margin-right: 17px;
}
/* 样式分隔 */
.eyou_matter .ey_impor2 .ey_hznr .ey_movie ul li {
    background: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(255, 150, 100, 0.08);
    transition: all 0.3s ease;
    overflow: hidden;
}
.eyou_matter .ey_impor2 .ey_hznr .ey_movie ul li:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 28px rgba(255, 130, 60, 0.18);
}
.eyou_matter .ey_impor2 .ey_hznr .image {
    border-radius: 14px 14px 0 0 !important;
}
.eyou_matter .ey_impor2 .ey_hznr .ey_movie .describe {
    background: rgba(255,255,255,0.8) !important;
    backdrop-filter: blur(4px);
}
.eyou_matter .ey_impor2 .ey_hznr .ey_movie ul li .eyou_tm {
    color: #5c4033 !important;
}
.eyou_matter .ey_impor2 .ey_hznr .ey_movie ul li .eyou_tm:hover {
    color: #ff6f06 !important;
}
/* ========== 栏目主背景样式 ========== */
.eyou_matter .ey_impor2 .majort_yb {
    background: linear-gradient(180deg, #fffaf7, #fff5f0) !important;
    border-radius: 16px;
    padding: 8px;
    margin-left: 10px;
    width: 245px;
    box-shadow: 0 4px 20px rgba(255, 150, 100, 0.08);
    border-top: none !important;
    border-left: 4px solid #ffb347;
}
.eyou_matter .ey_impor2 .majort_yb .ey_rmbt {
    color: #ff7b42 !important;
    font-weight: 600;
}
.eyou_matter .ey_impor2 .majort_yb .eyou-yclb {
    background: transparent !important;
}
.eyou_matter .ey_impor2 .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt {
    color: #5c4033 !important;
    font-size: 13px;
    width: 180px !important;
}
.eyou_matter .ey_impor2 .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt:hover {
    color: #ff6f06 !important;
}

/* ========== 栏目主背景样式 ========== */

/* ========== 栏目主背景样式 ========== */
.ey_majort .majort_yb {
    background: linear-gradient(180deg, #fffdfa 0%, #fff8f0 100%) !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
    box-shadow: 0 2px 12px rgba(255, 160, 100, 0.08) !important;
    border-top: 2px solid #ffb347 !important;
    border-left: none !important;
}
.ey_majort .majort_yb .eyou_fate {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 3px 2px 8px 2px !important;
    margin-bottom: 4px;
    border-bottom: 1px dashed #ffe0cc;
}
.ey_majort .majort_yb .eyou_fate .eyou_column {
    display: inline-block;
    padding: 3px 12px !important;
    margin: 0 2px !important;
    border-radius: 16px !important;
    font-size: 12px !important;
    font-weight: 500;
    color: #8b6f5e !important;
    background: rgba(255, 220, 190, 0.35);
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.25s ease;
    text-decoration: none;
}
.ey_majort .majort_yb .eyou_fate .eyou_column span {
    display: none;
}
.ey_majort .majort_yb .eyou_fate .eyou_column:hover {
    background: #ffe5d0;
    color: #ff7b42 !important;
    border-color: #ffc9a3;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(255, 150, 80, 0.15);
}
.ey_majort .majort_yb .eyou_fate .eyou_column.behavior {
    background: linear-gradient(135deg, #ff9a56, #ff6f06) !important;
    color: #fff !important;
    font-weight: 600 !important;
    border-color: transparent;
    box-shadow: 0 2px 10px rgba(255, 111, 6, 0.28);
}
.ey_majort .majort_yb .eyou-yclb {
    padding: 4px 2px !important;
    margin-top: 0 !important;
    background: transparent !important;
}
.ey_majort .majort_yb .eyou-yclb .ey_project.ey_ject {
    height: auto !important;
}
.ey_majort .majort_yb .eyou-yclb .ey_project {
    margin-bottom: 8px !important;
    padding: 3px 6px;
    border-radius: 6px;
    transition: all 0.2s ease;
    background: transparent;
}
.ey_majort .majort_yb .eyou-yclb .ey_project:hover {
    background: rgba(255, 240, 225, 0.55);
    transform: translateX(2px);
}
.ey_majort .majort_yb .eyou-yclb .ey_project .ey_ject_zc {
    margin-right: 10px;
}
.ey_majort .majort_yb .eyou-yclb .ey_project .ey_ject_zc span {
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
    text-align: center;
    font-size: 10px !important;
    font-weight: 600;
    color: #fff !important;
    border-radius: 50%;
    margin: 0 !important;
}
.ey_majort .majort_yb .eyou-yclb .ey_project:nth-child(1) .ey_ject_zc span {
    background: linear-gradient(135deg, #ff6f06, #ff9a56) !important;
    box-shadow: 0 1px 5px rgba(255, 111, 6, 0.35);
}
.ey_majort .majort_yb .eyou-yclb .ey_project:nth-child(2) .ey_ject_zc span {
    background: linear-gradient(135deg, #ff8447, #ffb369) !important;
    box-shadow: 0 1px 4px rgba(255, 132, 71, 0.25);
}
.ey_majort .majort_yb .eyou-yclb .ey_project:nth-child(3) .ey_ject_zc span {
    background: linear-gradient(135deg, #ffb95f, #ffd08a) !important;
    box-shadow: 0 1px 4px rgba(255, 185, 95, 0.25);
}
.ey_majort .majort_yb .eyou-yclb .ey_project:nth-child(n+4) .ey_ject_zc span {
    background: #d5c4b3 !important;
}
.ey_majort .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt {
    display: block;
    width: 82% !important;
    color: #4a3728 !important;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.4;
    padding: 1px 0;
    transition: all 0.2s ease;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.ey_majort .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt:hover {
    color: #ff6f06 !important;
    font-weight: 600;
    transform: translateX(2px);
    text-decoration: none !important;
}
.ey_majort .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ffb366;
    margin-right: 6px;
    vertical-align: middle;
    transition: all 0.25s;
    opacity: 0.45;
}
.ey_majort .majort_yb .eyou-yclb .ey_project:hover .ey_ject_yc .eyou_bt::before {
    background: #ff6f06;
    opacity: 1;
    transform: scale(1.3);
}
.eyou-mhdyc .ey_project {
    margin-bottom: 8px !important;
}


/* ========== 教程资料栏目样式 ========== */
.eyou_matter .ey_impor1.ey_impor3 {
    background: linear-gradient(180deg, #faf8f5 0%, #f3efe9 50%, #faf8f5 100%) !important;
    padding-top: 30px !important;
    padding-bottom: 20px !important;
    margin-top: 10px;
    border-radius: 28px;
}
.eyou_matter .ey_impor1.ey_impor3 .inward {
    background: #ffffffcc;
    border-radius: 24px;
    padding: 20px 25px;
    box-shadow: 0 6px 30px rgba(160, 140, 110, 0.10);
}
.eyou_matter .ey_impor1.ey_impor6 .inward {
    background: #ffffffcc;
    border-radius: 24px;
    padding: 20px 25px;
    box-shadow: 0 6px 30px rgba(160, 140, 110, 0.10);
}
/* ========== 资源下载栏（ey_impor_res）========== */
/* 标题 / 分类 tab / 更多 —— 与教程资料(ey_impor3)保持一致 */
.eyou_matter .ey_impor1.ey_impor_res .eyou_xbt h2 {
    font-size: 22px;
    color: #b8956a;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    padding-left: 28px;
}
.eyou_matter .ey_impor1.ey_impor_res .eyou_xbt h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("../images/jc.png") center/contain no-repeat;
}
.eyou_matter .ey_impor1.ey_impor_res .eyou_xbt {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}
.eyou_matter .ey_impor1.ey_impor_res .eyou_xbt .eyoucms_xz {
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
}
.eyou_matter .ey_impor1.ey_impor_res .eyou_xbt .eyoucms_xz .ey_barcut {
    display: inline-block;
    padding: 8px;
    margin-left: 8px;
    border: 1.5px solid #e8e0d5;
    border-radius: 22px;
    background: rgba(255,255,255,0.5);
}
.eyou_matter .ey_impor1.ey_impor_res .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column {
    color: #8c8070 !important;
    font-size: 14px;
    padding: 5px 16px;
    margin-right: 26px;
    border-radius: 16px;
    transition: all 0.3s;
    position: relative;
}
.eyou_matter .ey_impor1.ey_impor_res .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column span {
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 !important;
    background: transparent !important;
    color: #d5cfc5;
    font-size: 13px;
    pointer-events: none;
}
.eyou_matter .ey_impor1.ey_impor_res .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column:hover {
    background: #f5efe6;
    color: #b8956a !important;
}
.eyou_matter .ey_impor1.ey_impor_res .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column.behavior {
    background: linear-gradient(135deg, #e8d9c5, #dcc8ae);
    color: #9b7b55 !important;
    font-weight: 600;
}
.eyou_matter .ey_impor1.ey_impor_res .eyou_xbt .eyoucms_xz .eyou_see {
    position: static;
    margin-left: auto;
    display: flex;
    align-items: center;
}
.eyou_matter .ey_impor1.ey_impor_res .eyou_xbt .eyoucms_xz .eyou_see a {
    background: linear-gradient(135deg, #e8d9c5, #dcc8ae);
    color: #9b7b55 !important;
    border-radius: 20px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    transition: all 0.3s;
}
.eyou_matter .ey_impor1.ey_impor_res .eyou_xbt .eyoucms_xz .eyou_see a:hover {
    background: linear-gradient(135deg, #dcc8ae, #cdb594);
    transform: scale(1.05);
}

/* 主内容：软件卡片网格（一个软件一个小栏） */
.eyou_matter .ey_impor1.ey_impor_res .ey_hznr {
    width: 100% !important;
    float: none !important;
}
.ey_res_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.ey_res_card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: #ffffff;
    border: 1px solid #f0e9df;
    border-radius: 14px;
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow: 0 2px 10px rgba(160,140,110,0.06);
}
.ey_res_card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(160,140,110,0.16);
    border-color: #e3d3bd;
}
.ey_res_icon {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #f5efe6;
}
.ey_res_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ey_res_info {
    flex: 1;
    min-width: 0;
}
.ey_res_title {
    font-size: 15px;
    color: #3a3530;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ey_res_card:hover .ey_res_title {
    color: #b8956a;
}
.ey_res_meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
}
.ey_res_cat {
    font-size: 12px;
    color: #9b7b55;
    background: #f3ece1;
    padding: 2px 10px;
    border-radius: 10px;
    white-space: nowrap;
}
.ey_res_views {
    font-size: 12px;
    color: #a89a86;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.ey_res_views::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #c9a87c;
    display: inline-block;
    margin-right: 6px;
}

/* 右侧 热门资源 —— 与热门放映厅一致（包裹成块） */
.eyou_matter .ey_impor1.ey_impor_res .majort_yb {
    background: linear-gradient(180deg, #faf8f5, #f3efe9) !important;
    border-radius: 16px;
    padding: 10px 12px;
    box-shadow: 0 4px 20px rgba(160, 140, 110, 0.08);
    border-left: 4px solid #dcc8ae;
    width: 235px;
    margin-left: 24px;
}
.eyou_matter .ey_impor1.ey_impor_res .majort_yb .ey_rmbt {
    font-size: 16px;
    color: #b8956a;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin: 4px 0 10px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #e8e0d5;
}
.eyou_matter .ey_impor1.ey_impor_res .majort_yb .ey-zc ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.eyou_matter .ey_impor1.ey_impor_res .majort_yb .ey-zc ul li {
    display: flex;
    align-items: center;
    gap: 8px;
}
.eyou_matter .ey_impor1.ey_impor_res .majort_yb .ey-zc .app-box {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 6px;
    border-radius: 10px;
    transition: all 0.2s ease;
}
.eyou_matter .ey_impor1.ey_impor_res .majort_yb .ey-zc .app-box:hover {
    background: #f3ece1;
}
.eyou_matter .ey_impor1.ey_impor_res .majort_yb .ey-zc .ey_num {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg, #dcc8ae, #c9a87c);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.eyou_matter .ey_impor1.ey_impor_res .majort_yb .ey-zc .app-icon {
    flex-shrink: 0;
}
.eyou_matter .ey_impor1.ey_impor_res .majort_yb .ey-zc .app-icon img {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    object-fit: cover;
    display: block;
}
.eyou_matter .ey_impor1.ey_impor_res .majort_yb .ey-zc .app-info {
    flex: 1;
    min-width: 0;
}
.eyou_matter .ey_impor1.ey_impor_res .majort_yb .ey-zc .app-title {
    font-size: 14px;
    color: #3a3530;
    font-weight: 600;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}
.eyou_matter .ey_impor1.ey_impor_res .majort_yb .ey-zc .app-box:hover .app-title {
    color: #b8956a;
}
.eyou_matter .ey_impor1.ey_impor_res .majort_yb .ey-zc .app-downs {
    font-size: 12px;
    color: #a89a86;
    margin: 3px 0 0;
}

.eyou_matter .ey_impor1.ey_impor3 .eyou_xbt h2 {
    font-size: 22px;
    color: #b8956a;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    padding-left: 28px;
}
.eyou_matter .ey_impor1.ey_impor3 .eyou_xbt h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("../images/jc.png") center/contain no-repeat;
}
.eyou_matter .ey_impor1.ey_impor3 .eyou_xbt {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}
.eyou_matter .ey_impor1.ey_impor3 .eyou_xbt .eyoucms_xz {
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
}
.eyou_matter .ey_impor1.ey_impor3 .eyou_xbt .eyoucms_xz .ey_barcut {
    display: inline-block;
    padding: 8px;
    margin-left: 8px;
    border: 1.5px solid #e8e0d5;
    border-radius: 22px;
    background: rgba(255,255,255,0.5);
}
.eyou_matter .ey_impor1.ey_impor3 .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column {
    color: #8c8070 !important;
    font-size: 14px;
    padding: 5px 16px;
    margin-right: 26px;
    border-radius: 16px;
    transition: all 0.3s;
    position: relative;
}
.eyou_matter .ey_impor1.ey_impor3 .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column span {
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 !important;
    background: transparent !important;
    color: #d5cfc5;
    font-size: 13px;
    pointer-events: none;
}
.eyou_matter .ey_impor1.ey_impor3 .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column:hover {
    background: #f5efe6;
    color: #b8956a !important;
}
.eyou_matter .ey_impor1.ey_impor3 .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column.behavior {
    background: linear-gradient(135deg, #e8d9c5, #dcc8ae);
    color: #9b7b55 !important;
    font-weight: 600;
}
.eyou_matter .ey_impor1.ey_impor3 .eyou_xbt .eyoucms_xz .eyou_see {
    position: static;
    margin-left: auto;
    display: flex;
    align-items: center;
}
.eyou_matter .ey_impor1.ey_impor3 .eyou_xbt .eyoucms_xz .eyou_see a {
    background: linear-gradient(135deg, #e8d9c5, #dcc8ae);
    color: #9b7b55 !important;
    border-radius: 20px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    transition: all 0.3s;
}
.eyou_matter .ey_impor1.ey_impor3 .eyou_xbt .eyoucms_xz .eyou_see a:hover {
    background: linear-gradient(135deg, #dcc8ae, #cdb594);
    transform: scale(1.05);
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr {
    margin-top: 0;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms {
    position: relative;
    max-height: 620px;
    overflow: hidden;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to top, rgba(250,248,245,0.96), transparent);
    pointer-events: none;
    z-index: 5;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .ey_art {
    display: flex;
    gap: 20px;
    margin-bottom: 16px;
    float: none !important;
    width: 100% !important;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .ey_art .ey_xm {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #fff;
    border-radius: 12px;
    padding: 14px;
    box-shadow: 0 2px 12px rgba(160, 140, 110, 0.08);
    transition: all 0.3s ease;
    float: none;
    flex: 1;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .ey_art .ey_xm:hover {
    box-shadow: 0 6px 20px rgba(160, 140, 110, 0.16);
    transform: translateY(-3px);
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .ey_art .ey_xm .ey_mzc {
    flex-shrink: 0;
    float: none;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .ey_art .ey_xm .ey_mzc .eyou_mzl {
    width: 131px;
    height: auto;
    border-radius: 8px;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .ey_art .ey_xm .ey_myc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    float: none;
    margin-left: 0;
    margin-top: 0;
    min-width: 0;
    flex: 1;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .ey_art .ey_xm .ey_myc .eyou_xbts {
    color: #3a3530 !important;
    font-size: 16px;
    display: block;
    width: auto;
    max-width: 100%;
    line-height: 1.4;
    margin-bottom: 6px;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .ey_art .ey_xm .ey_myc .eyou_xbts:hover {
    color: #b8956a !important;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .ey_art .ey_xm .ey_myc .principal {
    color: #7a7268 !important;
    font-size: 13px;
    width: auto;
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .eyou_arr ul {
    display: flex;
    flex-wrap: wrap;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .eyou_arr {
    float: none !important;
    width: 100% !important;
    clear: both;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .eyou_arr ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 6px;
    transition: all 0.2s ease;
    flex: 0 0 calc(50% - 20px);
    margin: 0 40px 10px 0;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .eyou_arr ul li:hover {
    background: rgba(180, 150, 110, 0.06);
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .eyou_arr ul li:nth-child(even) {
    margin-right: 0;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .eyou_arr ul li i.ey_mtb {
    flex-shrink: 0;
    float: none;
    margin-top: 0;
    margin-right: 0;
    font-size: 15px;
    color: #b8956a;
    position: static;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .eyou_arr ul li a {
    flex: 1;
    min-width: 0;
    float: none;
    color: #3a3530 !important;
    font-size: 14px;
    text-decoration: none;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .eyou_arr ul li a:hover {
    color: #b8956a !important;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .eyou_arr ul li a .ey_mzxtxt {
    display: block;
    width: 100%;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms .eyou_arr ul li .ey_msj {
    flex-shrink: 0;
    float: none;
    margin-left: auto;
    color: #a09890 !important;
    font-size: 13px;
    white-space: nowrap;
}
.eyou_matter .ey_impor1.ey_impor3 .majort_yb {
    background: linear-gradient(180deg, #faf8f5, #f3efe9) !important;
    border-radius: 16px;
    padding: 10px;
    box-shadow: 0 4px 20px rgba(160, 140, 110, 0.08);
    border-left: 4px solid #dcc8ae;
}
.eyou_matter .ey_impor1.ey_impor3 .majort_yb .eyou_fate {
    margin-left: 0;
    padding: 5px 10px;
    border-bottom: 1px dashed #e8e0d5;
    display: flex;
    gap: 5px;
}
.eyou_matter .ey_impor1.ey_impor3 .majort_yb .eyou_fate .eyou_column {
    display: inline-block;
    padding: 3px 14px;
    border-radius: 16px;
    font-size: 12px;
    color: #8c8070 !important;
    background: rgba(210, 195, 170, 0.25);
    transition: all 0.25s;
    cursor: pointer;
    text-decoration: none;
    margin: 0 2px;
}
.eyou_matter .ey_impor1.ey_impor3 .majort_yb .eyou_fate .eyou_column span {
    display: none;
}
.eyou_matter .ey_impor1.ey_impor3 .majort_yb .eyou_fate .eyou_column:hover {
    background: #e8d9c5;
    color: #b8956a !important;
}
.eyou_matter .ey_impor1.ey_impor3 .majort_yb .eyou_fate .eyou_column.behavior {
    background: linear-gradient(135deg, #b8956a, #c9a87c);
    color: #fff !important;
    font-weight: 600;
}
.eyou_matter .ey_impor1.ey_impor3 .fatelb .eyou-yclb {
    position: relative;
    max-height: 500px;
    overflow: hidden;
}
.eyou_matter .ey_impor1.ey_impor3 .fatelb .eyou-yclb::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to top, rgba(250,248,245,0.95), transparent);
    pointer-events: none;
    z-index: 5;
}
.eyou_matter .ey_impor1.ey_impor3 .majort_yb .eyou-yclb {
    background: transparent !important;
}
.eyou_matter .ey_impor1.ey_impor3 .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt {
    color: #3a3530 !important;
}
.eyou_matter .ey_impor1.ey_impor3 .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt:hover {
    color: #b8956a !important;
}


/* ========== 教程资料栏 - 2x4 横向文章列表 ========== */
.eyou_matter .ey_impor1.ey_impor3 .ey_impor1_zc {
    width: 100% !important;
}
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr {
    width: 100% !important;
    float: none !important;
}
.ey_tutorial_list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 10px 0;
}
.ey_tutorial_item {
    /* 每个条目像“资源下载”一样裹一圈卡片外框 */
    background: #ffffff;
    border: 1px solid #f0e9df;
    border-radius: 14px;
    padding: 12px 14px;
    box-shadow: 0 2px 10px rgba(160,140,110,0.06);
    transition: all 0.25s ease;
}
.ey_tutorial_item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(160,140,110,0.16);
    border-color: #e3d3bd;
}
.ey_tutorial_link {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    color: inherit;
    gap: 16px;
}
.ey_tutorial_thumb {
    flex-shrink: 0;
    width: 160px;
    height: 105px;
    overflow: hidden;
    background: #f5f3ef;
    border-radius: 10px;
}
.ey_tutorial_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ey_tutorial_info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 2px;
}
.ey_tutorial_title {
    font-size: 16px;
    font-weight: 600;
    color: #2d2820;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 6px;
}
.ey_tutorial_link:hover .ey_tutorial_title {
    color: #b8956a;
}
.ey_tutorial_desc {
    font-size: 13px;
    color: #999;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/* 隐藏旧的 ey_impor3 ::after 渐变遮罩，新布局不需要 */
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms::after {
    display: none !important;
}
/* 旧布局兼容：ey_impor3 内不再需要 ey_art / eyou_arr 的特殊样式 */
.eyou_matter .ey_impor1.ey_impor3 .ey_hznr .eyou_mms {
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    height: auto !important;
}
/* 隐藏旧的 fatelb 渐变（已随 majort_yb 删除，此处做防御） */
.eyou_matter .ey_impor1.ey_impor3 .fatelb .eyou-yclb::after {
    display: none !important;
}

/* 响应式：小于 900px 时改为单列 */
@media screen and (max-width: 0px) {
    .ey_tutorial_list {
        grid-template-columns: 1fr;
    }
    .ey_tutorial_item:nth-last-child(2) {
        border-bottom: 1px solid #eee;
    }
    .ey_tutorial_item:last-child {
        border-bottom: none;
    }
}

/* 列表页左侧导航栏避让 */
.splist {
    padding-left: 260px;
}

/* ========== 全局响应式适配 ========== */

/* 中等屏幕 1200px-1400px */
@media screen and (max-width: 0px) {
    .eyou_matter .majort_yb {
        width: 220px;
    }
    .ey_majort .majort_yb {
        width: 240px;
    }
    .eyou_matter .ey_majoro .eyou_tp .eyou_zc {
        flex: 0 0 420px;
        max-width: 420px;
        min-width: 0;
    }
    .eyou_btn_area {
        max-width: 250px;
    }
}

/* 平板横屏 1024px-1199px */
@media screen and (max-width: 0px) {
    .eyou_matter .ey_impor1 .inward {
        flex-wrap: wrap;
    }
    .eyou_matter .ey_impor1 .ey_impor1_zc {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .eyou_matter .majort_yb {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
        flex-shrink: 1;
    }
    .ey_majort .majort_yb {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
        flex-shrink: 1;
    }
    .eyou_matter .ey_majoro .eyou_tp {
        flex-direction: column;
    }
    .eyou_matter .ey_majoro .eyou_tp .eyou_zc {
        margin-right: 0;
        margin-bottom: 15px;
        width: 100%;
    }
    .eyou_btn_area {
        max-width: 100%;
        width: 100%;
        margin-right: 0;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .eyou_btn_area .btn-row {
        flex: 1 1 calc(50% - 5px);
    }
}

/* 平板竖屏 768px-1023px */
@media screen and (max-width: 0px) {
    .eyou_matter .ey_majoro .eyou_xs {
        flex-direction: column;
        align-items: stretch;
    }
    .eyou_matter .ey_majoro .eyou_xs .eyou_zc {
        width: 100%;
        justify-content: center;
        padding: 10px 0;
    }
    .eyou_matter .ey_majoro .eyou_xs .eyou_zc:after {
        display: none;
    }
    .eyou_matter .ey_majoro .eyou_xs .centre {
        width: 100%;
        text-align: center;
        order: -1;
        padding: 10px 0;
    }
    .eyou_matter .ey_majoro .eyou_xs .eyou_yc {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        padding: 10px 0;
    }
    .eyou_matter .ey_majoro .eyou_xs .eyou_yc .yc-row {
        flex-wrap: wrap;
        justify-content: center;
    }
    .eyou_matter .ey_majoro .eyou_xs .eyou_yc .ey_xm {
        width: auto;
        margin: 5px 8px;
    }
    .eyou_hezi .cards-row {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* 手机端 <768px */
@media screen and (max-width: 0px) {
    .eyou_matter .ey_majoro .inward,
    .eyou_matter .ey_impor1 .inward {
        width: 98%;
        padding: 0 5px;
    }
    .eyou_hezi .cards-row {
        flex-direction: column;
        align-items: center;
    }
    .eyou_hezi .new-card {
        width: 100%;
        max-width: 100%;
    }
    .eyou_btn_area .btn-row {
        flex: 1 1 100%;
    }
    .eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li {
        width: calc(50% - 5px);
    }
    .eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr,
    .eyou_matter .ey_impor1 .ey_impor1_zc {
        width: 100%;
        max-width: 100%;
    }
}

/* ========== 人工智能栏目 ========== */
.eyou_matter .ey_impor1.ey_impor_ai {
    background: linear-gradient(180deg, #f5f8ff 0%, #e8f0fa 50%, #f5f8ff 100%) !important;
    padding-top: 30px !important;
    padding-bottom: 20px !important;
    margin-top: 10px;
    border-radius: 28px;
}
.eyou_matter .ey_impor1.ey_impor_ai .inward {
    background: #ffffffcc;
    border-radius: 24px;
    padding: 20px 25px;
    box-shadow: 0 6px 30px rgba(70, 110, 190, 0.10);
}
.eyou_matter .ey_impor1.ey_impor_ai .eyou_xbt h2 {
    font-size: 22px;
    color: #4a7fd4;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    padding-left: 28px;
}
.eyou_matter .ey_impor1.ey_impor_ai .eyou_xbt h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("../images/ai.png") center/contain no-repeat;
}
.eyou_matter .ey_impor1.ey_impor_ai .eyou_xbt {
    display: flex;
    align-items: center;

}
.eyou_matter .ey_impor1.ey_impor_ai .eyou_xbt .eyoucms_xz {
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
}
.eyou_matter .ey_impor1.ey_impor_ai .eyou_xbt .eyoucms_xz .ey_barcut {
    display: inline-block;
    padding: 8px;
    margin-left: 8px;
    border: 1.5px solid #d0dcf0;
    border-radius: 22px;
    background: rgba(255,255,255,0.5);
}
.eyou_matter .ey_impor1.ey_impor_ai .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column {
    color: #6a7d9e !important;
    font-size: 14px;
    padding: 5px 16px;
    margin-right: 26px;
    border-radius: 16px;
    transition: all 0.3s;
    position: relative;
}
.eyou_matter .ey_impor1.ey_impor_ai .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column span {
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 !important;
    background: transparent !important;
    color: #c0cde0;
    font-size: 13px;
    pointer-events: none;
}
.eyou_matter .ey_impor1.ey_impor_ai .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column:hover {
    background: #e4ecf8;
    color: #4a7fd4 !important;
}
.eyou_matter .ey_impor1.ey_impor_ai .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column.behavior {
    background: linear-gradient(135deg, #c5d5f0, #a8c0e8);
    color: #3a5faa !important;
    font-weight: 600;
}
.eyou_matter .ey_impor1.ey_impor_ai .eyou_xbt .eyoucms_xz .eyou_see {
    position: static;
    margin-left: auto;
    display: flex;
    align-items: center;
}
.eyou_matter .ey_impor1.ey_impor_ai .eyou_xbt .eyoucms_xz .eyou_see a {
    background: linear-gradient(135deg, #c5d5f0, #a8c0e8);
    color: #3a5faa !important;
    border-radius: 20px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    transition: all 0.3s;
}
.eyou_matter .ey_impor1.ey_impor_ai .eyou_xbt .eyoucms_xz .eyou_see a:hover {
    background: linear-gradient(135deg, #a8c0e8, #8da8d8);
    transform: scale(1.05);
}
.eyou_matter .ey_impor1.ey_impor_ai .ey_hznr {
    margin-top: 0;
    float: none;
    overflow: visible;
}
/* AI 卡片网格 - 4列 */
.ey_ai_card_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 18px;
    padding: 10px 0;
}
.ey_ai_card_item {
    min-width: 0;
}
.ey_ai_card_link {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-decoration: none;
    color: inherit;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(70, 110, 190, 0.06);
    transition: all 0.3s ease;
}
.ey_ai_card_link:hover {
    box-shadow: 0 6px 20px rgba(70, 110, 190, 0.14);
    transform: translateY(-4px);
}
.ey_ai_card_thumb {
    width: 100%;
    height: 140px;
    overflow: hidden;
    background: #f0f4fa;
}
.ey_ai_card_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ey_ai_card_info {
    padding: 14px;
    display: flex;
    flex-direction: column;
}
.ey_ai_card_title {
    font-size: 15px;
    font-weight: 600;
    color: #2d3540;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    overflow-wrap: break-word;
    margin-bottom: 6px;
}
.ey_ai_card_link:hover .ey_ai_card_title {
    color: #4a7fd4;
}
.ey_ai_card_desc {
    font-size: 13px;
    color: #888;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    overflow-wrap: break-word;
}
/* AI 响应式 */
@media screen and (max-width: 0px) {
    .ey_ai_card_list {
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 0px) {
    .ey_ai_card_list {
        grid-template-columns: 1fr;
    }
}

/* ========== 省心学习卡片区域 ========== */
.eyou_matter .ey_impor1.ey_impor_sx {
    background: linear-gradient(180deg, #fdf8f3 0%, #fef3e8 50%, #fdf8f3 100%) !important;
    padding-top: 30px !important;
    padding-bottom: 25px !important;
    margin-top: 10px;
    border-radius: 28px;
}
.eyou_matter .ey_impor1.ey_impor_sx .inward {
    background: #ffffffcc;
    border-radius: 24px;
    padding: 20px 25px;
    box-shadow: 0 6px 30px rgba(200, 140, 80, 0.10);
}
.eyou_matter .ey_impor1.ey_impor_sx .eyou_xbt h2 {
    font-size: 22px;
    color: #e8843c;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    padding-left: 28px;
}
.eyou_matter .ey_impor1.ey_impor_sx .eyou_xbt h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: linear-gradient(135deg, #f9a85c, #f0803c);
    border-radius: 6px;
}
.eyou_matter .ey_impor1.ey_impor_sx .eyou_xbt {
    display: flex;
    align-items: center;
}
.eyou_matter .ey_impor1.ey_impor_sx .eyou_xbt .eyoucms_xz {
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
}
.eyou_matter .ey_impor1.ey_impor_sx .eyou_xbt .eyoucms_xz .ey_barcut {
    display: inline-block;
    padding: 8px;
    margin-left: 8px;
    border: 1.5px solid #f0d8c0;
    border-radius: 22px;
    background: rgba(255,255,255,0.5);
}
.eyou_matter .ey_impor1.ey_impor_sx .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column {
    color: #b08560 !important;
    font-size: 14px;
    padding: 5px 16px;
    margin-right: 26px;
    border-radius: 16px;
    transition: all 0.3s;
    position: relative;
}
.eyou_matter .ey_impor1.ey_impor_sx .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column span {
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 !important;
    background: transparent !important;
    color: #e0c8b0;
    font-size: 13px;
    pointer-events: none;
}
.eyou_matter .ey_impor1.ey_impor_sx .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column:hover {
    background: #fef0e4;
    color: #e8843c !important;
}
.eyou_matter .ey_impor1.ey_impor_sx .eyou_xbt .eyoucms_xz .ey_barcut .eyou_column.behavior {
    background: linear-gradient(135deg, #fde4cc, #fad4b0);
    color: #d47830 !important;
    font-weight: 600;
}
.eyou_matter .ey_impor1.ey_impor_sx .eyou_xbt .eyoucms_xz .eyou_see {
    position: static;
    margin-left: auto;
    display: flex;
    align-items: center;
}
.eyou_matter .ey_impor1.ey_impor_sx .eyou_xbt .eyoucms_xz .eyou_see a {
    background: linear-gradient(135deg, #fde4cc, #fad4b0);
    color: #d47830 !important;
    border-radius: 20px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    transition: all 0.3s;
}
.eyou_matter .ey_impor1.ey_impor_sx .eyou_xbt .eyoucms_xz .eyou_see a:hover {
    background: linear-gradient(135deg, #fad4b0, #f5c498);
    transform: scale(1.05);
}

/* 省心学习卡片网格 */
.ey_sx_card_wrap {
    margin-top: 15px;
}
.ey_sx_card_wrap > .eyou_lbabbr {
    display: none;
}
.ey_sx_card_list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}
.ey_sx_card_item {
    min-width: 0;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 3px 16px rgba(0,0,0,0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ey_sx_card_item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 28px rgba(0,0,0,0.12);
}
.ey_sx_card_item a {
    text-decoration: none;
    color: inherit;
    display: block;
}
.ey_sx_card_top {
    position: relative;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.ey_sx_card_tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255,255,255,0.55);
    color: rgba(0,0,0,0.45);
    font-size: 11px;
    padding: 3px 10px;
    border-radius: 12px;
    font-weight: 500;
    z-index: 2;
}
.ey_sx_card_img {
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.ey_sx_card_img img {
    max-width: 110px;
    max-height: 110px;
    object-fit: contain;
    border-radius: 8px;
}
.ey_sx_card_bottom {
    background: #fff;
    padding: 12px 14px 14px;
    text-align: center;
}
.ey_sx_card_title {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ey_sx_card_meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.ey_sx_card_label {
    display: inline-block;
    font-size: 11px;
    padding: 3px 10px;
    border-radius: 10px;
    font-weight: 500;
    border: 1.5px solid;
}
.ey_sx_card_views {
    font-size: 11px;
    color: #aaa;
    white-space: nowrap;
}

/* 卡片颜色循环 - 5种柔和配色 */
.ey_sx_card_item:nth-child(1) .ey_sx_card_top { background: #FFE0D3; }
.ey_sx_card_item:nth-child(1) .ey_sx_card_label { color: #d47840; border-color: #f0c8a8; background: #fff6f0; }
.ey_sx_card_item:nth-child(2) .ey_sx_card_top { background: #D4EDDA; }
.ey_sx_card_item:nth-child(2) .ey_sx_card_label { color: #5a9a68; border-color: #b8d8c0; background: #f4faf5; }
.ey_sx_card_item:nth-child(3) .ey_sx_card_top { background: #FFEAA7; }
.ey_sx_card_item:nth-child(3) .ey_sx_card_label { color: #c89830; border-color: #e8d088; background: #fffdf4; }
.ey_sx_card_item:nth-child(4) .ey_sx_card_top { background: #D6EAF8; }
.ey_sx_card_item:nth-child(4) .ey_sx_card_label { color: #4a8ab8; border-color: #b0d0e8; background: #f4f9fc; }
.ey_sx_card_item:nth-child(5) .ey_sx_card_top { background: #E8DAEF; }
.ey_sx_card_item:nth-child(5) .ey_sx_card_label { color: #7a5a98; border-color: #d0c0e0; background: #faf6fc; }

/* 省心学习响应式 */
@media screen and (max-width: 0px) {
    .ey_sx_card_list {
        grid-template-columns: repeat(3, 1fr);
    }
    .ey_sx_card_item:nth-child(n+4) {
        display: none;
    }
}
@media screen and (max-width: 0px) {
    .ey_sx_card_list {
        grid-template-columns: repeat(2, 1fr);
    }
    .ey_sx_card_item:nth-child(n+3) {
        display: none;
    }
}

/* ========== 每日打卡栏 ========== */
.eyou_matter .ey_majoro .eyou_xs .centre {
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    min-width: 0;
}
.eyou_yc_daka {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start;
    gap: 0 !important;
    padding-left: 0 !important;
    margin-left: 10px !important;
    flex: 0;
    flex-shrink: 0;
}
.daka-bar {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, #fff8f0, #fff3e6);
    border: 2px solid #ffcc99;
    border-radius: 16px;
    padding: 14px 28px 14px 18px;
    box-shadow: 0 2px 12px rgba(255, 150, 60, 0.12);
}
.daka-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ffb347;
    flex-shrink: 0;
}
.daka-text {
    font-size: 15px;
    color: #5c4033;
    font-weight: 500;
    white-space: nowrap;
}
/* 打卡信息区：两行纵向布局 */
.daka-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}
/* 打卡进度条：圆点横向排列 */
.daka-progress {
    display: flex;
    align-items: center;
    gap: 6px;
}
/* 打卡圆点：24px空心圆 + 居中数字 */
.dk-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #f5f0e8;
    border: 1.5px solid #e0d5c5;
    font-size: 12px;
    color: #b0a090;
    flex-shrink: 0;
    line-height: 1;
}
/* 打卡计数文字 */
.dk-count {
    font-size: 13px;
    color: #999;
    margin-left: 4px;
}
.ey_daka_btn {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #ff9a56, #ff6f06);
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 26px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(255, 111, 6, 0.3);
    transition: all 0.3s ease;
    flex-shrink: 0;
    white-space: nowrap;
}
.ey_daka_btn:hover {
    background: linear-gradient(135deg, #ffab76, #ff8533);
    box-shadow: 0 6px 22px rgba(255, 111, 6, 0.45);
    transform: translateY(-2px);
    color: #fff !important;
}

/* ========== longlogo 图片尺寸约束 & 左对齐 ========== */
.eyou_matter .ey_majoro .eyou_xs .centre {
    justify-content: flex-start !important;
    align-items: flex-start !important;
}
.eyou_matter .ey_majoro .eyou_xs .centre ul li img[alt="longlogo"],
.eyou_matter .ey_majoro .eyou_xs .centre ul li img[src*="longlogo"] {
    width: 500px;
    max-width: 100%;
    height: auto;
    display: block;
}

/* ========== 打卡奖状栏（独立配色） ========== */
.jiangzhuang-bar {
    background: linear-gradient(135deg, #fef9e7, #fef3c7) !important;
    border-color: #f0d060 !important;
    box-shadow: 0 2px 12px rgba(200, 160, 40, 0.12) !important;
}
.jiangzhuang-bar .daka-text {
    color: #7a6a20;
}
.jiangzhuang-bar .ey_daka_btn {
    background: linear-gradient(135deg, #f5b041, #d68910);
    box-shadow: 0 4px 14px rgba(214, 137, 16, 0.3);
}
.jiangzhuang-bar .ey_daka_btn:hover {
    background: linear-gradient(135deg, #f7c36a, #e6a020);
    box-shadow: 0 6px 22px rgba(214, 137, 16, 0.45);
}

/* ========== 打卡弹窗样式 ========== */
/* 打卡圆点-已打卡状态 */
.dk-dot.filled {
    background: linear-gradient(135deg, #ff9a56, #ff6f06);
    border-color: #ff6f06;
    color: #fff;
    font-weight: bold;
}

/* 每日限制弹窗 */
.dk-limit-mode {
    text-align: center;
    padding: 30px 20px;
}
.dk-limit-mode .dk-limit-icon {
    font-size: 64px;
    margin-bottom: 16px;
}
.dk-limit-mode .dk-limit-title {
    font-size: 20px;
    font-weight: bold;
    color: #ff6f06;
    margin-bottom: 12px;
}
.dk-limit-mode .dk-limit-desc {
    font-size: 15px;
    color: #666;
    line-height: 1.8;
}

/* 五天奖励弹窗 */
.dk-reward-mode {
    text-align: center;
    padding: 30px 20px;
}
.dk-reward-mode .dk-reward-icon {
    font-size: 72px;
    margin-bottom: 16px;
}
.dk-reward-mode .dk-reward-title {
    font-size: 22px;
    font-weight: bold;
    color: #C41E24;
    margin-bottom: 12px;
}
.dk-reward-mode .dk-reward-desc {
    font-size: 15px;
    color: #5c4033;
    line-height: 1.8;
    margin-bottom: 20px;
}
.dk-reward-btn {
    display: inline-block;
    padding: 12px 36px;
    background: linear-gradient(135deg, #C41E24, #e74c3c);
    color: #fff;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(196, 30, 36, 0.3);
    transition: all 0.3s ease;
}
.dk-reward-btn:hover {
    background: linear-gradient(135deg, #a01820, #c0392b);
    box-shadow: 0 6px 22px rgba(196, 30, 36, 0.45);
    transform: translateY(-2px);
}

/* 登录提示 */
.dk-login-notice {
    color: #e74c3c;
    font-size: 13px;
    line-height: 1.6;
    margin: 10px 0;
    padding: 8px 12px;
    background: #fff5f5;
    border-radius: 8px;
    border: 1px solid #ffcccc;
}
.dk-login-notice .dk-login-link {
    color: #e74c3c;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}
.dk-login-welcome {
    color: #e74c3c;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
}

/* 保存按钮 */
.dk-save-btn {
    display: inline-block;
    margin-top: 16px;
    padding: 12px 36px;
    background: linear-gradient(135deg, #ff9a56, #ff6f06);
    color: #fff;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(255, 111, 6, 0.3);
    transition: all 0.3s ease;
}
.dk-save-btn:hover {
    background: linear-gradient(135deg, #ffab76, #ff8533);
    box-shadow: 0 6px 22px rgba(255, 111, 6, 0.45);
    transform: translateY(-2px);
}

/* 任务项 */
.dk-task-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    margin: 4px 0;
    background: #faf7f2;
    border: 1px solid #e8dcc8;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.dk-task-item:hover {
    background: #fff8f0;
    border-color: #ffcc99;
}
.dk-task-item.checked {
    background: #f0faf0;
    border-color: #a0d0a0;
}
.dk-task-item.checked .dk-task-label {
    text-decoration: line-through;
    color: #999;
}
.dk-task-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 2px solid #d0c0a0;
    border-radius: 50%;
    flex-shrink: 0;
    font-size: 12px;
    color: transparent;
    transition: all 0.2s ease;
}
.dk-task-item.checked .dk-task-checkbox {
    background: #27ae60;
    border-color: #27ae60;
    color: #fff;
}
.dk-task-label {
    font-size: 15px;
    color: #4a3728;
    flex: 1;
}
.dk-name-input {
    width: 100%;
    padding: 10px 14px;
    border: 1.5px solid #e8dcc8;
    border-radius: 8px;
    font-size: 15px;
    color: #2C1810;
    outline: none;
    transition: border-color 0.2s;
    box-sizing: border-box;
    margin: 8px 0;
}
.dk-name-input:focus {
    border-color: #ff9a56;
    box-shadow: 0 0 0 3px rgba(255, 154, 86, 0.1);
}

/* ============================================================
   详情页面包屑胶囊导航（趣味视频 / 休闲游戏 / 资源下载）
   与教程资料详情页同款：白底胶囊 + 橙色圆点 + 层次配色
   文字放大到 16px，分隔符 > 放大到 20px
   ============================================================ */
.page-media-detail .mianbaoxiao,
.page-game-detail .mianbaoxiao,
.page-download-detail .mianbaoxiao {
    width: 1200px;
    margin: 0 auto;
    overflow: visible;
}
.page-media-detail .mianbaoxiao .mianbao-min,
.page-game-detail .mianbaoxiao .mianbao-min,
.page-download-detail .mianbaoxiao .mianbao-min {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    margin: 20px 0 8px;
    padding: 12px 22px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    font-size: 20px;      /* 分隔符 > 的字号 */
    color: #ff700a;       /* 分隔符 > 的颜色 */
    font-weight: 600;
}
.page-media-detail .mianbaoxiao .mianbao-min::before,
.page-game-detail .mianbaoxiao .mianbao-min::before,
.page-download-detail .mianbaoxiao .mianbao-min::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff700a;
    margin-right: 12px;
    flex-shrink: 0;
}
.page-media-detail .mianbaoxiao .mianbao-min a,
.page-game-detail .mianbaoxiao .mianbao-min a,
.page-download-detail .mianbaoxiao .mianbao-min a {
    color: #888;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    transition: color .2s;
}
.page-media-detail .mianbaoxiao .mianbao-min a:hover,
.page-game-detail .mianbaoxiao .mianbao-min a:hover,
.page-download-detail .mianbaoxiao .mianbao-min a:hover {
    color: #ff700a;
}