/*内容样式*/
.container{ width: 100%; position: relative; height: auto;background: #fff;}
.content01{position:relative; overflow: hidden; background: #f6f6f6;}
.content01 ul li{ width: 25%;float: left;border-right: 1px solid #fff; padding: 24px 0;box-sizing: border-box;}
.content01 ul li:nth-child(4){border-right: 0;}
.content01 ul li .round{margin: 0 auto; width:130px; height: 130px;line-height: 130px; text-align: center;color: #666666;font-size: 40px;}
.content01 ul li:nth-child(1) .round{background: url(con0101.png) no-repeat center;}
.content01 ul li:nth-child(2) .round{background: url(con0102.png) no-repeat center;}
.content01 ul li:nth-child(3) .round{background: url(con0103.png) no-repeat center;}
.content01 ul li:nth-child(4) .round{background: url(https://www.youchekaku.com/wp-content/uploads/2026/09/con0104.png) no-repeat center;}
.content01 ul li:hover .round{color: #01913a;}
.content01 ul li .cn{color: #666666;font-size: 20px;text-align: center;}
.content01 ul li .en{color: #666666;text-transform: uppercase;text-align: center;}


.content02{position:relative; overflow: hidden; padding: 0  0 140px; background: url(bg01.jpg) no-repeat center;}
.content02 .titleGin{padding: 108px 0 66px;margin: 0 auto;width: 840px;}
.content02 .con02C li {width: 380px; height: 300px;box-shadow: 0 0px 10px rgba(0,0,0,0.2); background: #fff; float: left; margin-right: 28px;margin-bottom: 28px;}
.content02 .con02C li:hover{background: #23a155;}
.content02 .con02C li:nth-child(3n){margin-right: 0;}
.content02 .con02C li:nth-child(1) .ico{ background: url(con02_ico01.png) no-repeat center; }
.content02 .con02C li:nth-child(2) .ico{ background: url(con02_ico02.png) no-repeat center; }
.content02 .con02C li:nth-child(3) .ico{ background: url(con02_ico03.png) no-repeat center; }
.content02 .con02C li:nth-child(4) .ico{ background: url(con02_ico04.png) no-repeat center; }
.content02 .con02C li:nth-child(5) .ico{ background: url(con02_ico05.png) no-repeat center; }
.content02 .con02C li:nth-child(6) .ico{ background: url(con02_ico06.png) no-repeat center; }
.content02 .con02C li:nth-child(7) .ico{ background: url(con02_ico07.png) no-repeat center; }
.content02 .con02C li:nth-child(8) .ico{ background: url(con02_ico08.png) no-repeat center; }
.content02 .con02C li:nth-child(9) .ico{ background: url(con02_ico09.png) no-repeat center; }

.content02 .con02C li:nth-child(1):hover .ico{ background: url(con02_ico01H.png) no-repeat center; }
.content02 .con02C li:nth-child(2):hover .ico{ background: url(con02_ico02H.png) no-repeat center; }
.content02 .con02C li:nth-child(3):hover .ico{ background: url(con02_ico03H.png) no-repeat center; }
.content02 .con02C li:nth-child(4):hover .ico{ background: url(con02_ico04H.png) no-repeat center; }
.content02 .con02C li:nth-child(5):hover .ico{ background: url(con02_ico05H.png) no-repeat center; }
.content02 .con02C li:nth-child(6):hover .ico{ background: url(con02_ico06H.png) no-repeat center; }
.content02 .con02C li:nth-child(7):hover .ico{ background: url(con02_ico07H.png) no-repeat center; }
.content02 .con02C li:nth-child(8):hover .ico{ background: url(con02_ico08H.png) no-repeat center; }
.content02 .con02C li:nth-child(9):hover .ico{ background: url(con02_ico09H.png) no-repeat center; }
.content02 .con02C li .ico{ width: 68px; height: 68px;margin: 30px auto 0; }
.content02 .con02C li .title{margin-top: 20px;text-align: center;font-size: 20px; color: #333;padding-bottom: 18px;position: relative;}
.content02 .con02C li:hover .title{ color: #fff; }
.content02 .con02C li:hover .title:after{ background: #fff; }
.content02 .con02C li:hover .content{color: #fff}
.content02 .con02C li .title:after{display: block;content: "";clear: both;position: absolute;bottom: 0%;left: 50%; width:20px; height:2px;margin-left: -10px; background: #333}
.content02 .con02C li .content{width: 280px;margin: 20px auto 0;font-size: 14px; color: #999;line-height: 22px; }

.content03{position:relative; overflow: hidden; padding: 0  0 70px; background: url(bg02.jpg) no-repeat center;}
.content03 .titleGin{padding: 80px 0 60px;margin: 0 auto;width: 730px;}
.content03 .titleGin.title-text{text-align: center;}
.content03 .titleGin.title-text h2{font-size: 36px;color: #fff;font-weight: bold;letter-spacing: 2px;text-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.content03 .con03 li .title{ position: absolute;background: rgba(0,0,0,0.65); bottom: 0; width: 100%; height: 36px; line-height: 36px;text-align: center;font-size: 14px; color: #fff; }
.content03 .con03 li .price{ position: absolute;background: rgba(255,133,0,0.92); bottom: 36px; width: 100%; height: 28px; line-height: 28px;text-align: center;font-size: 15px; color: #fff; font-weight: bold; }
.content03 .con03 li{height:180px; overflow: hidden;position: relative; float: left;margin-bottom: 20px;border-radius: 4px;}
.content03 .con03 li .img{width:100%;height:100%;overflow:hidden;}
.content03 .con03 li img{width:100% !important;height:100% !important;object-fit:cover;display:block;transition: all 0.6s ease-in-out;}
.content03 .con03 li img:hover{transform: scale(1.08);}
/* 培训课程分类展示 */
.content03 .train-section{margin-bottom: 40px;}
.content03 .train-section-title{font-size: 22px;color: #fff;font-weight: bold;margin-bottom: 20px;padding-left: 10px;border-left: 4px solid #ff8500;line-height: 1.4;}
.content03 .train-section-title .icon{color: #ff8500;margin-right: 8px;}
.content03 .train-section-title .sub{font-size: 14px;color: rgba(255,255,255,0.7);font-weight: normal;margin-left: 10px;}
/* 主修课程：4个一行 */
.content03 .con03-main li{width: 22%;margin-right: 4%;}
.content03 .con03-main li:nth-child(4n){margin-right: 0;}
.content03 .con03-main li:nth-child(5n){margin-right: 4%;}
/* 选修课程：3个一行 */
.content03 .con03-opt li{width: 30%;margin-right: 5%;}
.content03 .con03-opt li:nth-child(3n){margin-right: 0;}
.content03 .con03-opt li:nth-child(5n){margin-right: 5%;}
/* 套餐优惠：3个一行 */
.content03 .con03-pkg li{width: 30%;margin-right: 5%;}
.content03 .con03-pkg li:nth-child(3n){margin-right: 0;}
.content03 .con03-pkg li:nth-child(5n){margin-right: 5%;}
.content03 .more03{display:block;  border-radius: 4px; margin: 0 5px;width: 180px;text-align: center; margin: 50px auto 0;
height: 46px;line-height: 46px;color: #fff;font-size: 14px; border: 1px solid #ffffff; color: #ffffff;}
.content03 .more03:hover{background: #127a47; border: 1px solid #127a47; color: #fff}


.content04{position:relative; overflow: hidden; padding: 0  0 70px; background:#fff;}
.content04 .titleGin{padding: 100px 0 50px;margin: 0 auto;width: 600px;}

.txMovie{position:relative; }
.focus_pic{overflow:hidden}
.focus_pic li{vertical-align:top}
.focus_pic img{width:658px;height:439px;display:inline-block;vertical-align:top}
.focus_nav{position:relative;*zoom:1;  }
:root .focus_nav{-ms-filter:none}
.focus_nav ul{position:relative;*zoom:1; padding-top:10px !important;  }
.focus_nav li{position:relative;*zoom:1;float:left;display:inline;margin-right:10px; cursor:pointer;}
.focus_nav .navPrev,
.focus_nav .navNext{width:24px;height:47px;overflow:hidden;position:absolute;top:50%; margin-top: -24px;}
.focus_nav .navPrev{left:-50px; background: url(prev.png) no-repeat center;}
.focus_nav .navNext{right:-50px; background: url(next.png) no-repeat center;}
.focus_nav .navPrev:hover{left:-50px; background: url(prevH.png) no-repeat center;}
.focus_nav .navNext:hover{right:-50px; background: url(nextH.png) no-repeat center;}
.focus_nav .navPrev:hover, .focus_nav .navNext:hover{opacity:1;filter:Alpha(Opacity=100);border-right-color:#fff}
.focus_nav img{border:2px solid #000;width:286px;height:182px}
.focus_nav .on b,
.focus_nav li:hover b{color:#fff;position:absolute;top:-10px;left:30px;font-size:10px;font-family:arial;color: #000;}
.focus_text{position:absolute;width:542px;height:439px;right:0;top:0;background:#f9f9fb;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000',endColorstr='#CC000000');overflow:hidden}
:root .focus_text{-ms-filter:none}
.focus_text h2 a{font-size:22px;color:#575757;font-family:'microsoft yahei',simhei;font-weight:normal;display:block;width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.focus_text h2 a:hover{color:#575757;text-decoration:underline}
.focus_text ul{padding:80px 30px 0}
.focus_text .sub_tit{padding-bottom:20px;color:#575757;height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.focus_text .c_txt4,.focus_text .c_txt4 a{color:#787876;line-height:22px}
.focus_text .c_txt4 a:hover{color:#dddddd}
.focus_text .c_txt4{width:auto;/*white-space:nowrap;*/overflow:hidden}
.focus_info{height:132px;/*overflow:hidden*/}
.focus_text .mod_desc{width:260px;white-space:normal;overflow:hidden;text-indent:2em}
.btn_play_big{ overflow: hidden;padding: 0 0 0 15px;cursor: pointer;background: url(images/bg_btn.png) no-repeat;margin-right: 5px;
height:40px;line-height:40px;line-height:44px\9;+line-height:44px;_line-height:40px;padding-left:50px;font-size:14px;font-weight:bold;color:#FFF;background-position:0 -275px}
.btn_play_big span{ float: left; height: 24px; padding: 0 15px 0 0;background: url(images/bg_btn.png) no-repeat; height:40px;background-position:right -320px}
.btn_play_big:hover{color:#FFF}
.focus_text .btn_play_big{position:absolute;bottom:13px;left:20px}
.txMovie .focus_nav li .cover{display: none; position:absolute;top:0;left:0;width:68px;height:38px;line-height:999px;overflow:hidden;font-size:0;background:#040303;filter:alpha(opacity=30);opacity:.3}
.txMovie .focus_nav li.on .cover{display:none}
.txMovie .focus_nav li.on img{border:2px solid #23a155;}

.content05{position: relative;width: 1920px; left: 50%; margin-left: -960px;}
.content06{position:relative; overflow: hidden; padding: 0  0 70px; background: url(bg03.jpg) no-repeat center;}
.content06 .titleGin{padding: 80px 0 60px;margin: 0 auto;width: 512px;}
.content06 ul li{width: 400px; float: left;}
.content06 ul li .img{width:400px; height:172px;overflow: hidden;}
.content06 ul li .img img{transition: all 0.6s ease-in-out; }
.content06 ul li .img img:hover{transform: scale(1.1);}
.content06 ul li dl{padding: 32px;background: #fff;}
.content06 ul li dl dd{font-size: 14px; color: #333; line-height: 36px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.content06 ul li dl dd a{color: #333; }
.content06 ul li dl dd:hover a{padding-left: 14px;color: #01913a;}
.content06 ul li dl dt{margin-top: 20px;}
.content06 ul li dl dt a{color: #01913a;font-size: 14px;text-align: left;}

.content07{position:relative; overflow: hidden; padding: 0  0 70px; background: #f8f8f8 }
.content07 .titleGin{padding: 80px 0 60px;margin: 0 auto;width: 570px;}
.content07 .form{ width: 570px; background: #fff;}
.content07  .slideTxtBox .hd{width: 100%; border-bottom: 1px solid #dddddd;}
.content07  .slideTxtBox .hd  li{height: 58px;width: 140px;color: #ffa800;border-bottom: 3px solid #fff;cursor: pointer; font-size: 22px;font-weight: bold;text-align: center;
	line-height: 58px;float: left;}
.content07  .slideTxtBox .hd  li.on{color: #01913a;border-bottom: 3px solid #01913a;}
.content07  .slideTxtBox .bd ul{padding: 30px 0; width: 90%; margin: 0 auto;}
.content07  .slideTxtBox .bd ul li{ width: 100%;border: 1px solid #dddddd; border-radius:4px;margin-bottom: 18px; }
.content07  .slideTxtBox .bd ul li:last-child{margin-bottom: 0}
.content07  .slideTxtBox .bd ul li label{display:block;float: left; line-height: 50px;height: 50px;color: #666666; font-size: 14px;width: 20%;text-align: center;}
.content07  .slideTxtBox .bd ul li input{display:block;float: left; line-height: 50px;height: 50px;color: #666666; font-size: 14px;width: 70%;padding: 0 2%;}
.content07  .slideTxtBox .bd ul li.submit-field input{ width: 100%;line-height: 50px;height: 50px;color: #fff;font-size: 18px; background: #01913a;}


.content07 .topscroll{ width: 570px; background: #fff;}
.content07 .topscroll .hd{width: 100%; border-bottom: 1px solid #dddddd;height: 58px; font-size: 22px;font-weight: bold;text-align: center;color: #ffa800;
	line-height: 58px;}
.content07 .topscroll .bd {padding: 20px;}
.content07 .topscroll .bd li{border-bottom: 1px solid #dddddd}
.content07 .topscroll .bd b{display: block;float: left;width: 25%;text-align: center;font-size: 14px; color: #666666;line-height: 50px;height: 50px;}
.content07 .topscroll .bd i{display: block;float: left;width: 25%;text-align: center;font-size: 14px; color: #ffa800;line-height: 50px;height: 50px;}

/* 强制培训课程卡片样式 */
.content03 .train-section .con03 li{
    height: 180px !important;
    margin-bottom: 20px !important;
    border-radius: 4px !important;
}
.content03 .train-section .con03 li .img{
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}
.content03 .train-section .con03 li img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.content03 .train-section .con03 li .title{
    height: 36px !important;
    line-height: 36px !important;
    font-size: 14px !important;
}
.content03 .train-section .con03 li .price{
    bottom: 36px !important;
    height: 28px !important;
    line-height: 28px !important;
    font-size: 15px !important;
}


/* ===== 移动端自适应补丁 v1.0 ===== */
@media (max-width: 992px){
  .content01 ul li{width:50%;padding:16px 0;}
  .content01 ul li .round{width:80px;height:80px;line-height:80px;font-size:26px;}
  .content01 ul li .cn{font-size:16px;}
  .content02{padding-bottom:50px;}
  .content02 .titleGin,.content03 .titleGin,.content04 .titleGin,.content06 .titleGin,.content07 .titleGin{width:100%;box-sizing:border-box;padding:40px 15px 30px;}
  .content02 .con02C li{width:48%;height:auto;min-height:250px;margin-right:4%;margin-bottom:14px;box-sizing:border-box;}
  .content02 .con02C li:nth-child(3n){margin-right:4%;}
  .content02 .con02C li:nth-child(2n){margin-right:0;}
  .content02 .con02C li .content{width:90%;}
  .content03 .con03-main li,.content03 .con03-opt li,.content03 .con03-pkg li{width:48%;margin-right:4%;}
  .content03 .con03-main li:nth-child(4n),.content03 .con03-main li:nth-child(5n),.content03 .con03-opt li:nth-child(3n),.content03 .con03-pkg li:nth-child(3n){margin-right:4%;}
  .content03 .con03-main li:nth-child(2n),.content03 .con03-opt li:nth-child(2n),.content03 .con03-pkg li:nth-child(2n){margin-right:0;}
  .content03 .con03 li{height:150px;}
  .content04{padding-bottom:40px;}
  .focus_pic img{width:100%;height:auto;}
  .focus_text{position:static;width:100%;height:auto;min-height:180px;}
  .focus_text ul{padding:20px 15px;}
  .focus_text h2 a{width:100%;}
  .focus_nav ul{padding-left:0;}
  .focus_nav img{width:120px;height:76px;}
  .focus_nav .navPrev,.focus_nav .navNext{display:none;}
  .content05{width:100%;left:0;margin-left:0;}
  .content06 ul li{width:100%;margin-bottom:14px;}
  .content06 ul li .img{width:100%;height:auto;}
  .content06 ul li dl{padding:18px;}
  .content07 .form,.content07 .topscroll{width:100%;box-sizing:border-box;}
  .content07 .slideTxtBox .hd li{width:33.33%;font-size:16px;height:44px;line-height:44px;}
  .content07 .slideTxtBox .bd ul li label{width:30%;}
  .content07 .slideTxtBox .bd ul li input{width:62%;}
  .content03 .train-section-title{font-size:18px;}
}
@media (max-width: 480px){
  .content02 .con02C li{width:100%;margin-right:0;min-height:220px;}
  .content03 .con03-main li,.content03 .con03-opt li,.content03 .con03-pkg li{width:100%;margin-right:0;}
  .content01 ul li .round{width:64px;height:64px;line-height:64px;font-size:22px;}
  .content07 .slideTxtBox .bd ul li label{width:34%;font-size:13px;}
  .content07 .slideTxtBox .bd ul li input{width:58%;}
}

/* ===== 首页容器 .g-in 移动端修复 ===== */
@media (max-width: 992px){
  .g-in{width:100%;max-width:1200px;padding:0 10px;box-sizing:border-box;}
  .wrapper{width:100%;overflow:hidden;}
  .headerArea .topsearch,.headerArea .navArea{padding-left:10px;padding-right:10px;}
}
@media (max-width: 480px){
  .g-in{padding:0 6px;}
}

/* ===== YCKK ver60: iPad 竖版 821-992px 商城 3 列 ===== */
@media (min-width:821px) and (max-width:1199px){
  .content02 .con02C li{width:31.5%;height:auto;min-height:220px;margin-right:2.75%;margin-bottom:14px;box-sizing:border-box;}
  .content02 .con02C li:nth-child(3n){margin-right:0;}
  .content02 .con02C li .ico{width:56px;height:56px;margin:22px auto 0;background-size:contain;}
  .content02 .con02C li .title{font-size:17px;margin-top:14px;padding-bottom:14px;}
  .content02 .con02C li .content{width:90%;font-size:13px;line-height:20px;margin:14px auto 0;}
}

/* ===== YCKK ver60b: PC 大屏(>=1200px) 商城 3 列自适应 ===== */
@media (min-width:1200px){
  .content02 .con02C li{width:31.5%;height:auto;min-height:220px;margin-right:2.75%;margin-bottom:14px;box-sizing:border-box;}
  .content02 .con02C li:nth-child(3n){margin-right:0;}
  .content02 .con02C li .ico{width:56px;height:56px;margin:22px auto 0;background-size:contain;}
  .content02 .con02C li .title{font-size:17px;margin-top:14px;padding-bottom:14px;}
  .content02 .con02C li .content{width:90%;font-size:13px;line-height:20px;margin:14px auto 0;}
}


/* ===== 首页移动端对齐修复 v7 (2026-09-18) =====
   根因：UL 浏览器默认 padding-left:40px 未清零，服务/课程卡片右移60px且右侧被裁剪；
        news-col 未用 border-box，width:100% + padding 溢出视口。
   范围：仅首页（home.css 仅首页加载），<=992px 生效，桌面端不变 */
@media (max-width: 992px){
  /* 服务项目卡片：清除 UL 默认 40px 左缩进 */
  .content02 .con02C{ padding-left: 0 !important; }
  /* 培训课程/选修/套餐卡片：清除 UL 默认缩进 */
  .content03 .train-section ul{ padding-left: 0 !important; }
  /* 新闻卡片：border-box 修正宽度溢出 */
  .content04 .news-col{ box-sizing: border-box !important; }
}

/* ===== 2026-10-08 三端错位修复 v1.0 ===== */
.logo{display:flex!important;align-items:center!important;}
.logo img{vertical-align:middle!important;}
.content01 ul li .round{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;}
.content01 ul li .cn{margin-top:10px!important;}
.content01 ul li .en{margin-top:4px!important;}
.content01 ul.clearfix,.content02 .con02C ul,.content03 .con03 ul{padding-left:0!important;margin:0!important;list-style:none!important;}
@media(min-width:1200px){
  .banner .slideBox .prev{left:30px!important;}
  .banner .slideBox .next{right:30px!important;}
  .banner .slideBox .hd ul{display:flex!important;justify-content:center!important;}
  .content01 ul li{width:25%!important;box-sizing:border-box!important;}
  .back-to{right:20px!important;margin-right:0!important;}
}
@media(min-width:768px) and (max-width:1199px){
  .g-in{width:100%!important;max-width:100%!important;padding:0 16px!important;box-sizing:border-box!important;}
  .banner .slideBox .prev{left:12px!important;}
  .banner .slideBox .next{right:12px!important;}
  .content01 ul li{width:25%!important;}
  .content02 .con02C li{width:31.5%!important;margin-right:2.75%!important;}
  .content02 .con02C li:nth-child(3n){margin-right:0!important;}
}
@media(max-width:767px){
  .banner .slideBox .prev,.banner .slideBox .next{width:24px!important;height:32px!important;}
  .banner .slideBox .prev{left:6px!important;}
  .banner .slideBox .next{right:6px!important;}
  .content01 ul{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:0!important;}
  .content01 ul li{width:100%!important;padding:16px 0!important;}
  .content01 ul li .round{width:72px!important;height:72px!important;font-size:22px!important;background-size:contain!important;}
  .content01 ul li .cn{font-size:14px!important;}
  .content01 ul li .en{font-size:11px!important;}
  .content02 .con02C li{width:48%!important;margin-right:4%!important;}
  .content02 .con02C li:nth-child(2n){margin-right:0!important;}
}
@media(max-width:480px){
  .content01 ul li .round{width:60px!important;height:60px!important;font-size:20px!important;}
  body{padding-bottom:70px!important;}
}

/* ========================================
   优车卡酷 - 首页样式表 (清理版)
   版本: 2.0
   修复: 重复CSS、移动端冲突、内联样式整合
   ======================================== */

/* === 首页标题样式 === */
.shop-main-title,
.train-main-title,
.talent-main-title {
  position: relative;
  text-align: center;
  padding: 30px 0 20px;
  overflow: hidden;
}

.shop-main-title .en-bg,
.train-main-title .en-bg,
.talent-main-title .en-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 72px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.08);
  letter-spacing: 6px;
  white-space: nowrap;
  z-index: 0;
  max-width: 100%;
  overflow: hidden;
}

.shop-main-title h1,
.shop-main-title h2,
.train-main-title h2,
.talent-main-title h2 {
  position: relative;
  z-index: 1;
  font-size: 36px;
  color: var(--yckk-green, #01913a);
  font-weight: bold;
  letter-spacing: 2px;
  margin: 0;
}

.page-h1 {
  position: relative;
  z-index: 1;
  font-size: 36px;
  color: var(--yckk-green, #01913a);
  font-weight: bold;
  letter-spacing: 2px;
  margin: 0;
}

/* === 培训课程卡片 === */
.train-card {
  height: 150px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-bottom: 10px;
  border-radius: 4px;
}

.train-card .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.train-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease-in-out;
}

.train-card img:hover {
  transform: scale(1.08);
}

.train-card .title {
  position: absolute;
  background: rgba(0, 0, 0, 0.65);
  bottom: 0;
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}

.train-card .price {
  position: absolute;
  background: rgba(255, 133, 0, 0.92);
  bottom: 36px;
  width: 100%;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
}

/* 主修课程 */
.train-main {
  width: 22%;
  margin-right: 4%;
}

.train-main:nth-child(4n) {
  margin-right: 0;
}

/* 选修课程 */
.train-opt {
  width: 30%;
  margin-right: 5%;
}

.train-opt:nth-child(3n) {
  margin-right: 0;
}

/* 套餐课程 */
.train-pkg {
  width: 30%;
  margin-right: 5%;
}

.train-pkg:nth-child(3n) {
  margin-right: 0;
}

/* === 培训分区标题 === */
.train-section {
  margin-bottom: 30px;
}

.train-section-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 12px;
  border-left: 4px solid var(--yckk-orange, #ff8500);
  line-height: 1.4;
  color: #fff;
}

.train-section-title .icon {
  color: var(--yckk-orange, #ff8500);
  margin-right: 8px;
}

.train-section-title .sub {
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  color: rgba(255, 255, 255, 0.8);
}

/* === 新闻中心 === */
.news-grid {
  display: flex;
  gap: 24px;
  margin-top: 10px;
}

.news-col {
  flex: 1;
  background: #fff;
  border: 1px solid #e8f5ec;
  border-radius: 10px;
  padding: 20px 22px;
  box-sizing: border-box;
}

.news-col-head {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #f0f6f2;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.news-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #01913a, #23a155);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  margin-right: 10px;
  flex-shrink: 0;
}

.news-col-head h3 {
  font-size: 18px;
  color: #0a3d1a;
  margin: 0;
  flex: 1;
}

.news-more {
  font-size: 13px;
  color: #01913a;
  text-decoration: none;
}

.news-more:hover {
  color: #ff8500;
}

.news-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.news-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 0;
  border-bottom: 1px dashed #eef2f0;
}

.news-list li:last-child {
  border-bottom: none;
}

.news-list li a {
  font-size: 14px;
  color: #444;
  text-decoration: none;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  margin-right: 10px;
}

.news-list li a:hover {
  color: #01913a;
}

.news-date {
  font-size: 12px;
  color: #aaa;
  flex-shrink: 0;
}

/* === 人才中心 === */
.talent-card {
  width: 31%;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s;
}

.talent-card-head {
  padding: 20px;
  text-align: center;
}

.talent-card-head.green {
  background: linear-gradient(135deg, #01913a, #23a155);
}

.talent-card-head.orange {
  background: linear-gradient(135deg, #ff8500, #ffaa33);
}

.talent-card-head.blue {
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
}

.talent-card-head h3 {
  font-size: 22px;
  color: #fff;
  margin: 0;
}

.talent-card-head p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  margin: 5px 0 0 0;
}

.talent-card-body {
  padding: 20px;
}

.talent-card-body p {
  font-size: 14px;
  color: #666;
  line-height: 1.8;
  margin: 0 0 15px 0;
}

.talent-card-body .btn {
  display: inline-block;
  padding: 8px 25px;
  border: 2px solid;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px;
  text-decoration: none;
}

.talent-card-body .btn.green {
  border-color: #01913a;
  color: #01913a;
}

.talent-card-body .btn.orange {
  border-color: #ff8500;
  color: #ff8500;
}

.talent-card-body .btn.blue {
  border-color: #1e88e5;
  color: #1e88e5;
}

/* 学员风采展示区 */
.gallery-showcase {
  background: #f9f9f9;
  padding: 30px;
  border-radius: 8px;
  margin-bottom: 30px;
}

.gallery-showcase h3 {
  text-align: center;
  font-size: 24px;
  color: #333;
  margin: 0 0 20px 0;
}

.gallery-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.gallery-item {
  width: 23%;
  height: 150px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  margin-bottom: 15px;
}

.gallery-item.green { background: linear-gradient(135deg, #01913a, #23a155); }
.gallery-item.orange { background: linear-gradient(135deg, #ff8500, #ffaa33); }
.gallery-item.blue { background: linear-gradient(135deg, #1e88e5, #42a5f5); }
.gallery-item.purple { background: linear-gradient(135deg, #9c27b0, #ba68c8); }

/* === 留言表单 === */
.yckk-message-page {
  max-width: 650px;
  margin: 0 auto;
  padding: 10px 15px 20px;
}

.yckk-message-form {
  background: #fff;
  padding: 25px;
  border: 1px solid #eee;
  border-radius: 6px;
}

.yckk-message-form .form-group {
  margin-bottom: 20px;
}

.yckk-message-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
  color: #333;
  font-size: 14px;
}

.yckk-message-form .required {
  color: #ff0000;
}

.yckk-message-form .radio-group {
  display: flex;
  gap: 10px;
}

.yckk-message-form .radio-label {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 14px;
}

.yckk-message-form .radio-label:has(input:checked) {
  border-color: #01913a;
  background: #f0f9f4;
  color: #01913a;
}

.yckk-message-form input[type="text"],
.yckk-message-form input[type="tel"],
.yckk-message-form input[type="email"],
.yckk-message-form textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
}

.yckk-message-form input:focus,
.yckk-message-form textarea:focus {
  border-color: #01913a;
  outline: none;
}

.yckk-message-form .submit-btn {
  width: 100%;
  padding: 14px;
  background: #01913a;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s;
}

.yckk-message-form .submit-btn:hover {
  background: #017a30;
}

/* === 浮动按钮 === */
.yckk-float {
  position: fixed;
  right: 14px;
  bottom: 88px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.yckk-float-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  border: none;
  font-size: 12px;
  line-height: 1.15;
  text-align: center;
  padding: 0;
}

.yckk-float-btn:hover {
  transform: scale(1.08);
}

.yckk-float-panel {
  position: fixed;
  right: 78px;
  bottom: 76px;
  width: 262px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.22);
  padding: 16px;
  display: none;
  z-index: 10000;
}

.yckk-float-panel.open {
  display: block;
}

.yckk-fp-title {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.yckk-fp-close {
  width: 24px;
  height: 24px;
  border: none;
  background: #f2f2f2;
  border-radius: 50%;
  cursor: pointer;
  font-size: 14px;
  color: #666;
  line-height: 1;
}

/* === 底部拨号栏 === */
.yckk-m-callbar {
  display: none;
}

/* === 进入商城/人才中心按钮 === */
.entry-btn {
  display: inline-block;
  padding: 12px 40px;
  background: var(--yckk-green, #01913a);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.3s;
}

.entry-btn:hover {
  background: var(--yckk-green-dark, #017a30);
  color: #fff;
}

.entry-btn-outline {
  display: inline-block;
  padding: 10px 30px;
  border: 2px solid var(--yckk-green, #01913a);
  color: var(--yckk-green, #01913a);
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.3s;
}

.entry-btn-outline:hover {
  background: var(--yckk-green, #01913a);
  color: #fff;
}

/* ========================================
   响应式 - 移动端 (≤991px)
   ======================================== */
@media (max-width: 991px) {
  /* 标题 */
  .shop-main-title,
  .train-main-title,
  .talent-main-title {
    padding: 20px 10px 15px;
    text-align: left;
  }
  
  .shop-main-title .en-bg,
  .train-main-title .en-bg,
  .talent-main-title .en-bg {
    font-size: 40px;
    letter-spacing: 3px;
    opacity: 0.12;
  }
  
  .shop-main-title h1,
  .shop-main-title h2,
  .train-main-title h2,
  .talent-main-title h2 {
    font-size: 20px;
    text-align: left;
  }
  
  /* 新闻中心 单列 */
  .news-grid {
    flex-direction: column;
  }
  
  .news-col {
    width: 100%;
  }
  
  .news-list li a {
    font-size: 14px;
  }
  
  .news-list li {
    padding: 10px 0;
  }
  
  /* 人才中心 单列 */
  .talent-card {
    width: 100%;
    margin-bottom: 15px;
  }
  
  .gallery-item {
    width: 48%;
  }
  
  /* 培训课程 2列 */
  .train-card {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 10px;
    height: 140px;
  }
  
  .train-card:nth-child(2n) {
    margin-right: 0;
  }
  
  .train-main,
  .train-opt,
  .train-pkg {
    width: 48%;
    margin-right: 4%;
  }
  
  .train-main:nth-child(2n),
  .train-opt:nth-child(2n),
  .train-pkg:nth-child(2n) {
    margin-right: 0;
  }
  
  .train-card .title {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
  }
  
  .train-card .price {
    bottom: 28px;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
  }
  
  .train-section-title {
    font-size: 15px;
    margin: 12px 0 8px;
  }
  
  /* 浮动按钮 */
  .yckk-float {
    right: 12px;
    bottom: 84px;
  }
  
  .yckk-float-btn {
    width: 46px;
    height: 46px;
    font-size: 11px;
  }
  
  .yckk-float-panel {
    right: 12px;
    left: 12px;
    width: auto;
    bottom: 138px;
  }
  
  /* 底部拨号栏 */
  .yckk-m-callbar {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: var(--yckk-green, #01913a);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
  }
  
  .yckk-m-callbar a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
  }
  
  .yckk-m-callbar-main {
    flex: 1;
    padding: 13px 8px;
  }
  
  .yckk-m-callbar-cta {
    background: var(--yckk-orange, #ff8500);
    padding: 13px 18px;
    white-space: nowrap;
  }
}

/* ========================================
   响应式 - 小屏手机 (≤575px)
   ======================================== */
@media (max-width: 575px) {
  /* 人才中心 */
  .gallery-item {
    width: 100%;
  }
  
  /* 培训课程 单列 */
  .train-card {
    width: 100%;
    margin-right: 0;
    height: auto;
    min-height: 120px;
  }
  
  .train-main,
  .train-opt,
  .train-pkg {
    width: 100%;
    float: none;
  }
  
  .train-card .img {
    height: 120px;
  }
  
  .train-card .title {
    position: static;
    height: auto;
    background: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    padding: 6px 10px;
  }
  
  .train-card .price {
    position: static;
    height: auto;
    line-height: 1.5;
    font-size: 14px;
    padding: 4px 10px;
  }
}

/* ========================================
   响应式 - 超小屏 (≤480px)
   ======================================== */
@media (max-width: 480px) {
  .shop-main-title h1,
  .shop-main-title h2,
  .train-main-title h2,
  .talent-main-title h2 {
    font-size: 18px;
  }
  
  .train-card {
    height: 130px;
  }
  
  body {
    padding-bottom: 70px;
  }
}
.hd ul{list-style:none!important;margin:0!important;padding:0!important;text-align:center;position:absolute;bottom:15px;left:0;right:0;z-index:10}.hd ul li{display:inline-block;width:12px;height:12px;background:rgba(255,255,255,.5);border-radius:50%;margin:0 4px;cursor:pointer;text-indent:-9999px!important;overflow:hidden;list-style:none!important}.hd ul li.on{background:#fff}/* mobile fix */@media(max-width:768px){body{padding-bottom:70px!important;}.yckk-float-btn{right:10px!important;}.en-bg{opacity:0.08!important;font-size:48px!important;}.content01 ul li{width:25%!important;float:left;}.content01 ul li .round{width:55px!important;height:55px!important;line-height:55px!important;font-size:18px!important;}.content01 ul li .cn{font-size:12px!important;}.content01 ul li .en{font-size:9px!important;}.train-card{width:48%!important;margin-right:4%!important;float:left;}.train-card:nth-child(2n){margin-right:0!important;}}@media(max-width:480px){.content01 ul li{width:50%!important;}.train-card{width:100%!important;margin-right:0!important;}}