/*
@author: he
@update: he (2025-12-11)
*/
@charset "utf-8";
body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#fff;color:#333;font-size:0.32rem;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;border:0;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{text-decoration:none;outline:none;}
textarea{resize:none}
input[type="text"],input[type="password"],select,textarea,button,input[type="button"],input[type="reset"],input[type="submit"]{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.wrap{min-width:320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.iosFootHank{ padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
.ggTit{ padding-bottom: 0.533rem; text-align: center;}
.ggTit .lcion,.ggTit .rcion{ display: inline-block; background:url(/images/zhuanti/2025zysyjs/tit_01.png) no-repeat left center; background-size: 0.547rem 0.28rem;}
.ggTit .rcion{ background:url(/images/zhuanti/2025zysyjs/tit_02.png) no-repeat right center;background-size: 0.547rem 0.28rem;}
.ggTit .ctxt{ display: inline-block; padding: 0 0.88rem; line-height: 0.587rem; font-size: 0.48rem; font-weight: 700; color: #333;}
.ggTit .ctxt b{ color: #fd561f;}

/*公用页头*/
.header{ position: relative; z-index: 1; height: 8.107rem;}
.header .logo{ position: absolute; top: 0.52rem; left: 0.52rem; display: block; width: 3.507rem; height: 0.627rem;}
.header .tTxt{ position: absolute; top: 1.947rem; left: 0; right: 0; line-height: 0.347rem; font-size: 0.347rem; color: #077473; font-weight: 700; text-align: center; font-style: oblique;}
.header .bTxt{ position: absolute; top: 5.107rem; left: 0; right: 0; line-height: 0.973rem; font-size: 0.347rem; color: #fff; font-weight: 700; text-align: center;}

/*证书优势*/
.reasonBox{ padding: 0.4rem 0 0.533rem; background: #fffbf2;}
.reasonBox .cenBox{ margin: 0 0.4rem; background: #fff; border-radius: 0.213rem; -webkit-box-shadow:0 0 0.533rem rgba(228, 204, 157, 0.3); -moz-box-shadow:0 0 0.533rem rgba(228, 204, 157, 0.3); box-shadow:0 0 0.533rem rgba(228, 204, 157, 0.3);}
.reasonBox .cenBox-top{ padding-top: 0.4rem; margin: 0 0.4rem 0.4rem;}
.reasonBox .cenBox-top .clPic{ position: relative; z-index: 1; display: block; width: 4.027rem; height: 2.533rem; border: 1px solid #cde1f1;}
.reasonBox .cenBox-top .clPic img{ width: 4.027rem; height: 2.533rem; display: block;}
.reasonBox .cenBox-top .clPic p{ position: absolute; left: 0; right: 0; bottom: 0; height: 0.667rem; line-height: 0.667rem; text-align: center; font-size: 0.213rem; color: #fff; font-weight: 700; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
.reasonBox .cenBox-txt{ margin: 0 0.4rem; padding-bottom: 0.133rem;}
.reasonBox .cenBox-txt p{ line-height: 0.56rem; font-size: 0.293rem; margin-bottom: 0.267rem;}

/*证书特色*/
.featureBox{ padding: 0.533rem 0;}
.featureBox .swiper-container{ height: 6.053rem;}
.featureBox .swiper-slide{ width: 4.267rem; height: 4.48rem; padding-top: 0.853rem; margin-right: 0.267rem;}
.featureBox .swiper-slide .list{ position: relative; z-index: 1; width: 100%; height: 4.48rem; background: #fff4e6; border-radius: 0.267rem;}
.featureBox .swiper-slide .list-tit{ position: absolute; top: -0.853rem; left: 50%; margin-left: -1.147rem; width: 2.293rem; height: 1.68rem; padding-top: 0.613rem; text-align: center; font-size: 0.4rem; color: #fff; line-height: 0.533rem; font-weight: 700; background: url(/images/zhuanti/2025zysyjs/icon_01.png) no-repeat; background-size: 100% 100%;}
.featureBox .swiper-slide .list-txt{ padding-top: 1.573rem; line-height: 0.64rem; text-align: center; font-size: 0.373rem;}
.featureBox .swiper-slide .list-txt b{ color: #c85e00;}
.featureBox .swiper-slide:first-child{ margin-left: 0.4rem;}
.featureBox .swiper-slide:last-child{ margin-right: 0.4rem;}
.featureBox .swiper-pagination-bullets{ bottom: 0!important;}
.featureBox .swiper-pagination-bullet{ width: 0.4rem; height: 0.133rem; background: #c5c5c5 !important; opacity: 1; border-radius: 0.067rem; margin: 0 0.067rem !important;}
.featureBox .swiper-pagination-bullet-active{ background: #00a67a !important;}

/*就业前景*/
.getJob{ padding: 0.533rem 0; background: url(/images/zhuanti/2025zysyjs/bg_02.jpg) no-repeat center bottom #d7f2ed; background-size: 100% auto;}
.getJob .cenBox{ margin: 0 0.4rem;}
.getJob .cenBox-list{ position: relative; z-index: 1; padding: 0.213rem 0.667rem 0.213rem 3.067rem; background: #eefffc; border-radius: 0.72rem; margin-bottom: 0.4rem;}
.getJob .cenBox-list .fdTit{ position: absolute; top: 0; left: 0; bottom: 0; width: 2.667rem; font-size: 0.427rem; font-weight: 700; background: #b6ebe3; border-radius: 0.667rem; display: -webkit-flex; display: flex; justify-content: center; align-items: center;}
.getJob .cenBox-list .clTxt{ line-height: 0.507rem; font-size: 0.32rem;}

/*报考条件*/
.register{ padding: 0.533rem 0; background: url(/images/zhuanti/2025zysyjs/bg_03.jpg) no-repeat center bottom; background-size: 100% auto;}
.register .cenBox{ position: relative; z-index: 1; width: 8.4rem; height: 7.333rem; margin-left: 1.6rem;}
.register .cenBox-list{ position: absolute; z-index: 1; width: 6.667rem; height: 1.333rem; border-radius: 0.187rem; display: -webkit-flex; display: flex; align-items: center; background: url(/images/zhuanti/2025zysyjs/bg_04.jpg) no-repeat; background-size: 100% 100%; -webkit-box-shadow:0 0.133rem 0.533rem rgba(66, 184, 176, 0.5); -moz-box-shadow:0 0.133rem 0.533rem rgba(66, 184, 176, 0.5); box-shadow:0 0.133rem 0.533rem rgba(66, 184, 176, 0.5);}
.register .cenBox-list .clNum{ position: absolute; left: -0.48rem; top: 0.187rem; width: 0.96rem; height: 0.96rem;}
.register .cenBox-list .clTxt{ padding: 0 0.4rem 0 0.667rem; line-height: 0.56rem; font-size: 0.347rem; font-weight: 700;}
.register .cenBox-list.bg01{ left: 0; top: 0;}
.register .cenBox-list.bg02{ left: 1.333rem; top: 1.867rem;}
.register .cenBox-list.bg03{ left: 0.8rem; top: 3.733rem;}
.register .cenBox-list.bg04{ left: 0; top: 5.6rem;}

/*名师介绍*/
.teacherBox{ padding: 0.533rem 0 0.8rem; background: url(/images/zhuanti/2025zysyjs/bg_05.jpg) no-repeat center top; background-size: 100% auto;}
.teacherBox .tit{ height: 0.933rem; line-height: 0.933rem; font-size: 0.32rem; color: #188370; text-align: center; margin-bottom: 0.533rem;}
.teacherBox .teaCon{ display: none; height: 5.867rem;}
.teacherBox .teaCon .lPic{ float: left; position: relative; z-index: 1; display: block; width: 3.467rem; height: 5.013rem; background: #e3a777; border-radius: 0.08rem; margin: 0 0 0 0.533rem;}
.teacherBox .teaCon .lPic img{ display: block; width: 3.067rem; height: 4.027rem; margin: 0.187rem auto 0;}
.teacherBox .teaCon .lPic p{ height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.4rem; color: #fff;}
.teacherBox .teaCon .rCon{ float: right; width: 4.933rem; margin-right: 0.533rem;}
.teacherBox .teaCon .rCon-tit{ height: 0.72rem; margin-bottom: 0.24rem;}
.teacherBox .teaCon .rCon-tit .name{ float: left; height: 0.72rem; line-height: 0.72rem; font-size: 0.533rem; font-weight: 700; color: #333;}
.teacherBox .teaCon .rCon-txt{ line-height: 0.533rem; font-size: 0.347rem; color: #666;}
.teacherBox .swiper-teacher{ position: relative; z-index: 1; overflow: hidden; width: 9.733rem; height: 1.84rem; padding-top: 0.133rem; margin: 0 auto; background: #fff; border-radius: 0.987rem; -webkit-box-shadow:0 0.16rem 0.16rem rgba(251, 216, 168, 0.65); -moz-box-shadow:0 0.16rem 0.16rem rgba(251, 216, 168, 0.65); box-shadow:0 0.16rem 0.16rem rgba(251, 216, 168, 0.65);}
.teacherBox .swiper-teacher .swiper-slide{ float: left; width: 2.107rem; height: 1.76rem; margin: 0 0.027rem; cursor: pointer;}
.teacherBox .swiper-teacher .swiper-slide .pic{ width: 2.107rem; height: 1.707rem; padding-top: 0.053rem; background: url(/images/zhuanti/2025zysyjs/icon_07.png) no-repeat; background-size: 100% 100%;}
.teacherBox .swiper-teacher .swiper-slide .pic span{ position: relative; z-index: 1; display: block; overflow: hidden; width: 1.6rem; height: 1.6rem; margin: 0 auto; border-radius: 50%;}
.teacherBox .swiper-teacher .swiper-slide .pic span img{ position: absolute; top: 0; width: 1.6rem; height: auto;}
.teacherBox .swiper-teacher .swiper-slide.on .pic{ background: url(/images/zhuanti/2025zysyjs/icon_06.png) no-repeat; background-size: 100% 100%;}

/*课程内容*/
.courseCont{ padding: 0.533rem 0 0; background: url(/images/zhuanti/2025zysyjs/bg_06.jpg) no-repeat center bottom #ffdba4; background-size: 100% auto;}
.courseCont .ggTit{ padding-bottom: 0.4rem;}
.courseCont .subTit{ text-align: center; margin-bottom: 0.4rem;}
.courseCont .subTit .fdBtn01{ display: inline-block; width: 3.293rem; height: 0.88rem; line-height: 0.88rem; font-size: 0.347rem; text-indent: 0.667rem; text-align: left; font-weight: 700; color: #fff; margin: 0 0.2rem; background:url(/images/zhuanti/2025zysyjs/icon_09.png) no-repeat; background-size: 100% 100%; border-radius: 0.44rem; -webkit-box-shadow:0 0.133rem 0.133rem rgba(241, 101, 16, 0.4); -moz-box-shadow:0 0.133rem 0.133rem rgba(241, 101, 16, 0.4); box-shadow:0 0.133rem 0.133rem rgba(241, 101, 16, 0.4);}
.courseCont .tab-tit{ text-align:center; padding-bottom: 0.453rem;}
.courseCont .tab-tit .btn{ display:inline-block; position: relative; z-index: 1; width:2.133rem; height:1.067rem; line-height:1.067rem; text-align:center; color: #333; position:relative; text-decoration:none; font-size:0.4rem; border-radius: 0.133rem; margin:0 0.08rem;
    background: -webkit-linear-gradient(top, #c5f8f3, #dbf9f6); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #c5f8f3, #dbf9f6); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #c5f8f3, #dbf9f6); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #c5f8f3, #dbf9f6); /* 标准的语法 */}
.courseCont .tab-tit .btn:after{ content:" "; display:none; position: absolute; left: 50%; bottom: -0.173rem; margin-left: -0.173rem; width: 0.347rem; height: 0.173rem; background: url(/images/zhuanti/2025zysyjs/icon_10.png) no-repeat; background-size: 100% 100%;}
.courseCont .tab-tit .btn.on{ position: relative; z-index: 1; color:#fff; font-weight:bold;
    background: -webkit-linear-gradient(top, #009185, #00a79b); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #009185, #00a79b); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #009185, #00a79b); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #009185, #00a79b); /* 标准的语法 */}
.courseCont .tab-tit .btn.on:after{ display: block;}
.courseCont .cenBox{ display: none; margin: 0 0.4rem;}
.courseCont .cenBox .tabBox{ overflow: auto; overflow-y: hidden; background: #fff; -webkit-box-shadow:0 0 0.4rem rgba(247, 235, 214, 1); -moz-box-shadow:0 0 0.4rem rgba(247, 235, 214, 1); box-shadow:0 0 0.4rem rgba(247, 235, 214, 1); margin-bottom: 0.533rem;}
.courseCont .cenBox .tabBox table{ border-collapse: collapse; width: 300%; padding: 0; margin: 0;}
.courseCont .cenBox .tabBox thead{
    background: -webkit-linear-gradient(left, #d56a1a, #de863f); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #d56a1a, #de863f); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #d56a1a, #de863f); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #d56a1a, #de863f); /* 标准的语法 */}
.courseCont .cenBox .tabBox th{ line-height: 0.64rem; padding: 0.267rem 0.133rem; font-size: 0.32rem; border: 0; color: #fff; font-weight: 700; text-align: center;}
.courseCont .cenBox .tabBox td{ line-height: 0.48rem; padding: 0.267rem 0.133rem; font-size: 0.32rem; border: 0.013rem solid #d56a1a; text-align: center;}
.courseCont .cenBox .tabBox td.left{ text-align: left;}
.courseCont .cenBox .tabBox .btn{ display:inline-block; width:1.2rem; height:0.507rem; line-height:0.507rem; text-align:center; font-size:0.293rem; color: #fff; border-radius: 0.267rem; background:#fd561f;}
.courseCont .cenBox .fotBox{ width: 100%; height: 1.6rem;}
.courseCont .cenBox .fotBox .price{ float: left; height: 1.6rem; color: #590000;}
.courseCont .cenBox .fotBox .price-xian{ display: block; font-size: 0.32rem; line-height: 0.56rem; padding-top: 0.213rem;}
.courseCont .cenBox .fotBox .price-xian b{ font-size: 0.533rem; color: #f41a0b; vertical-align: -0.04rem;}
.courseCont .cenBox .fotBox .price-xian.max{ padding: 0; line-height: 1.6rem;}
.courseCont .cenBox .fotBox .price-yuan{ display: block; font-size: 0.32rem; line-height: 0.56rem; text-decoration: line-through;}
.courseCont .cenBox .fotBox .btn01{ float: right; width: 2.4rem; height: 1.067rem; line-height: 1.067rem; text-align: center; background:url(/images/zhuanti/2025zysyjs/icon_08.png) no-repeat; background-size: 100% 100%; border-radius: 0.533rem; color: #fff; font-size: 0.4rem; font-weight: 700; margin: 0.267rem 0 0 0; -webkit-box-shadow:0 0.133rem 0.133rem rgba(241, 101, 16, 0.4); -moz-box-shadow:0 0.133rem 0.133rem rgba(241, 101, 16, 0.4); box-shadow:0 0.133rem 0.133rem rgba(241, 101, 16, 0.4);}
.courseCont .cenBox .fotBox .btn02{ float: right; width: 1.733rem; height: 0.907rem; line-height: 0.907rem; text-align: center; background: #ffc25f; border-radius: 0.453rem; color: #f41a0b; font-size: 0.32rem; font-weight: 700; margin: 0.347rem 0.16rem 0 0;}

/*授课现场*/
.scene{ padding: 0.533rem 0; background: #d5f2ea;}
.scene .swiper-container{ height: 4rem;}
.scene .swiper-slide{ position: relative; z-index: 1; overflow: hidden; width: 5.12rem; height: 3.253rem; margin-left: 0.4rem; border-radius: 0.08rem;}
.scene .swiper-slide img{ width: 5.12rem; height: 3.253rem;}
.scene .swiper-slide p{ position: absolute; left: 0; right: 0; bottom: 0; height: 0.64rem; line-height: 0.64rem; text-align: center; font-size: 0.267rem; color: #fff; font-weight: 700; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.scene .swiper-slide:last-child{ margin-right: 0.4rem;}
.scene .swiper-pagination-bullets{ bottom: 0!important;}
.scene .swiper-pagination-bullet{ width: 0.4rem; height: 0.133rem; background: #c5c5c5 !important; opacity: 1; border-radius: 0.067rem; margin: 0 0.067rem !important;}
.scene .swiper-pagination-bullet-active{ background: #00a67a !important;}

/*加入我们*/
.joinBox{ padding: 0.533rem 0; background:url(/images/zhuanti/2025zysyjs/bg_07.jpg) no-repeat; background-size: 100% 100%;}
.joinBox .cbox{ display: -webkit-flex; display: flex; justify-content: center;}
.joinBox .cbox .list{ width: 2.8rem; height: 2.267rem; margin: 0 0.867rem; background:url(/images/zhuanti/2025zysyjs/bg_08.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow:0 0.093rem 0.093rem rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0.093rem 0.093rem rgba(0, 0, 0, 0.1); box-shadow:0 0.093rem 0.093rem rgba(0, 0, 0, 0.1);}
.joinBox .cbox .list-pic{ float: left; width: 2rem; height: 2rem; margin: 0.133rem 0 0 0.133rem;}
.joinBox .cbox .list-txt{ float: left; width: 0.587rem; line-height: 0.347rem; text-align: center; font-size: 0.267rem; color: #666;}

/*右侧浮动*/
.fix-share,.fix-top,.fix-kf{ display:block; width:1.2rem; height:1.2rem; z-index:70; background:url(/images/zhuanti/2025zysyjs/icon_32.png) no-repeat; background-size:100% auto; position:fixed; right:.2rem; bottom:3.1rem;}
.fix-top{ background:url(/images/zhuanti/2025zysyjs/icon_33.png) no-repeat; background-size:100% auto; right:.2rem; bottom:1.7rem;}
.fix-kf{ background:url(/images/zhuanti/2025zysyjs/icon_35.png) no-repeat; background-size:100% auto; right:.2rem; bottom:4.5rem;}

.mask{width:100%;height:100%;position:fixed;background:#000;opacity:.6; left:0; top:0; z-index:999; display:none;}

/*选课弹层*/
.course-pop{ display:none; overflow:hidden; width:100%; background-color:#fff; position:fixed; bottom:0; left:0; z-index:1000;}
.course-pop .tit{ height:1.013rem; line-height:1.013rem; padding-top: 0.267rem;}
.course-pop .tit h3{ float:left; font-size:0.507rem; color: #fe6b4e; font-weight:bold; padding-left: 0.4rem;}
.course-pop .tit .close{ display:block; width:1.013rem; height:1.013rem; background: url(/images/zhuanti/2025zysyjs/icon_17.png) no-repeat center; background-size: 0.613rem 0.613rem;}
.course-pop .con{ clear: both; padding:0 0 0.267rem 0.4rem; max-height: 12rem; overflow: auto; overflow-x: hidden;}
.course-pop .con h4{ clear: both; font-size:0.373rem; line-height:0.8rem; color: #666; font-weight:normal; margin-bottom: 0.24rem;}
.course-pop .con h4.cju{ color: #fd7400; font-weight: 700;}
.course-pop .con .courtab{ clear: both;}
.course-pop .con .courCon{ display: none; clear: both;}
.course-pop .con .courCon .list{ clear: both;}
.course-pop .con .chkName{ float:left; margin:0 0.187rem 0.267rem 0; width:4.507rem; height:0.907rem; line-height:0.907rem; font-size:0.373rem; text-indent: 0.267rem; cursor:pointer; border:0.027rem solid #999; position:relative; overflow:hidden;}
.course-pop .con .chkName.on{ border:0.027rem solid #18af8e; color:#18af8e;}
.course-pop .con .chkName.on i.gou{ display:block; width:0.52rem; height:0.467rem; position:absolute; right:0; bottom:0; background:url(/images/zhuanti/2025zysyjs/icon_18.png) no-repeat; background-size: 100% 100%;}
.course-pop .con .chkName .coursechk{ position:absolute; left:-0.4rem; top:-0.4rem;}
.course-pop .total{ height:1.6rem; background: #f7f7f7; padding: 0 0.4rem;}
.course-pop .total .ctxt{ float: left; padding-top: 0.13rem;}
.course-pop .total .ctxt .price{ line-height: 0.8rem; font-size:0.427rem; color:#666;}
.course-pop .total .ctxt .price b{ font-size:0.56rem; color: #fe4f42; vertical-align: -0.04rem;}
.course-pop .total .ctxt .ts{ line-height: 0.4rem; font-size: 0.32rem; color: #999;}
.course-pop .total .buy-btn{ float: right; display:block; width:3.6rem; height:1.067rem; line-height:1.067rem; text-align:center; font-size:0.507rem; color:#fff; font-weight: 700; border-radius:0.533rem; margin-top: 0.267rem;
    background: -webkit-linear-gradient(left, #ff5e21, #ffa747); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff5e21, #ffa747); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff5e21, #ffa747); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff5e21, #ffa747); /* 标准的语法 */}