/*
@author: njf
*/
@charset "utf-8";
body,input,select,textarea,button{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,PingFang SC,Microsoft Yahei,arial,STHeiTi,sans-serif;}
body{-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:#ecedf2;color:#333;}
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%;vertical-align:top;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{color:#333;text-decoration:none;outline:none;}
textarea{resize:none}
input,input:focus,select,textarea,button{outline:0;-webkit-user-modify:read-write-plaintext-only;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.abs{ position:absolute;}
.pr{ position:relative;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.box{ border-radius: 0.2rem; background: #fff; margin: 0 0.4rem; box-shadow: 0 0.187rem 0.387rem rgba(189,203,254,0.41); padding: 0.48rem 0 0;}
.title{ font-size: 0.507rem; font-weight: bold;}
.title:before{ content: ''; display: inline-block; width: 0.133rem; height: 0.453rem; background: #2682ff; vertical-align: middle; margin-right: 0.2rem;}

.topHeader{ margin-bottom: 0.4rem;}
.topHeader img{width: 100%; height: 4.133rem;}


.process-exam ul{ background: url("/images/zhuanti/hlgdx/process-bg.jpg") no-repeat 0 0.1rem; background-size: 100% auto; width:8.107rem; margin: 0.48rem auto 0.267rem; }
.process-exam ul li{ position: relative; color: #1d144e; font-size: 0.32rem; width: 2.267rem; text-align: center; line-height: 0.427rem; display: inline-block; vertical-align: top; margin-bottom: 0.427rem;}
.process-exam ul li i{display: block;width:0.56rem; height: 0.56rem;  text-align: center; border-radius: 50%; color: #fff; line-height: 0.56rem; font-size: 0.32rem; margin: 0 auto 0.133rem;
    background:-webkit-linear-gradient(-63deg,#3697ff,#79c4ff);
    background:-moz-linear-gradient(-63deg,#3697ff,#79c4ff);
    background:-ms-linear-gradient(-63deg,#3697ff,#79c4ff);
    background:linear-gradient(-63deg,#3697ff,#79c4ff);
}

.school-intro{ margin-bottom: 0.267rem;}
.school-intro .school-con{ margin: 0 0.4rem; font-size: 0.32rem; color: #222;line-height: 0.56rem; padding: 0.4rem 0;}
.school-intro .school-con img{ margin:0 auto 0.2rem; width: 8.133rem; display: block;}


.project-character{ background: url("/images/zhuanti/hlgdx/mid-con-bg.jpg") no-repeat; background-size: 100% auto; height: 12.76rem;}
.project-character .title{ color: #fff;}
.project-character .title:before{ background: #fff;}
.project-character .project-con{ padding: 0.4rem;}
.project-character .project-con ul{ text-align: right; margin-top: 0.5rem;}
.project-character .project-con ul li{ font-size: 0.32rem; line-height: 0.453rem;display: inline-block;}
.project-character .project-con ul li.first,.project-character .project-con ul li.secend,.project-character .project-con ul li.third{ background: url("/images/zhuanti/hlgdx/sharp01.png") no-repeat; background-size: 100% auto; width: 4.293rem; margin: 0.2rem 0.4rem 0 0; padding: 0.4rem 0.4rem 0; height: 1.333rem; text-align: left;}
.project-character .project-con ul li.secend{ background: url("/images/zhuanti/hlgdx/sharp02.png") no-repeat; background-size: 100% auto; height: 2.267rem;}
.project-character .project-con ul li.third{background: url("/images/zhuanti/hlgdx/sharp03.png") no-repeat; background-size: 100% auto; height:2.227rem;}
.project-character .project-con ul li.four{ background: #fff7e0; border-radius: 0.48rem; border: 1px solid #ffac36; width: 7.533rem; padding: 0.4rem; text-align: left; margin:0.2rem 0.4rem 0 0;}

.project-advantage{margin: 0.4rem 0.1rem 0.4rem 0.4rem;}
.project-advantage ul{ margin: 0.4rem 0;}
.project-advantage ul li{ width: 3.6rem; border-radius: 0.133rem; border-top: 0.067rem solid #fbc792; padding: 0.4rem; box-shadow: 0 0 0.533rem rgba(93,93,96,0.11); background: #fff; line-height: 0.533rem; display: inline-block; margin: 0 0.267rem 0.267rem 0;}
.project-advantage ul li h4{ text-align: center; font-size: 0.4rem; font-weight: bold;}
.project-advantage ul li h4:after{ content: ''; display: block; width: 0.533rem; height: 0.067rem; background: #cc0100; margin: 0.2rem auto;}

.enrollment{ margin: 0.4rem;}
.enrollment dl{ border-radius: 0.133rem; background: #fff;padding:.4rem 0.24rem; margin: 0.4rem 0;}
.enrollment dl dt{ float: left;}
.enrollment dl dt img{width:2.693rem; margin-right: 0.4rem;}
.enrollment dl dd h3{ font-size: 0.4rem; line-height: 0.453rem; margin-bottom: 0.2rem;}
.enrollment dl dd{ font-size: 0.32rem; line-height: 0.533rem;}


.major-enroll{ margin: 0.4rem;}
.major-enroll ul{margin: 0.4rem 0;}
.major-enroll ul li{ margin-bottom: 0.267rem; border-radius: 0.133rem; background: #fff;padding:.4rem 0.24rem;}
.major-enroll ul li dl dt{float: left;}
.major-enroll dl dt img{width:3.133rem; margin-right: 0.4rem;}
.major-enroll dl dd h3{ font-size: 0.4rem; color: #3e7ceb; line-height: 0.347rem; margin: 0.32rem 0;}
.major-enroll dl dd{ float: left;}
.major-enroll dl dd span{ display: block;line-height: 0.533rem; font-size: 0.32rem;}
.major-enroll dl dd span:before{ content: ''; display: inline-block; vertical-align: top; margin-top: 0.2rem; background: url("/images/zhuanti/hlgdx/tag.png") no-repeat; background-size: 100% auto; width: 0.093rem; height: 0.107rem; margin-right: 0.2rem; }
.major-enroll p{ border-top: 1px solid #e5e5e5; margin: 0.4rem 0 0; padding: 0.4rem 0 0;}
.major-enroll p a{ display: inline-block; width: 4rem; height: 1rem; border-radius: 0.48rem; border: 1px solid #ff7463; background: #ffeee8; color: #ff5743; font-size: 0.427rem; text-align: center; line-height: 1rem;}
.major-enroll p a.buy{background: #ff5743; color: #fff;}



.certificate-bg{background: url("/images/zhuanti/hlgdx/bottom-bg.jpg") no-repeat; background-size: 100% auto; height: 7.333rem; padding: 0.4rem 0.4rem 0;}
.certificate-bg .title{ color: #fff;}
.certificate-bg .title:before{ background: #fff;}
.certificate-con{border-radius: 0.133rem; background: #fff;padding:.4rem; margin: 0.4rem 0 0;}
.certificate-con .banner-intro li{ font-size: 0.32rem; line-height: 0.533rem; position: relative; padding-left: 0.267rem; margin-bottom: 0.2rem;}
.certificate-con .banner-intro li:before{content: ''; display: inline-block; position: absolute; left: 0; top: 0.15rem; background: url("/images/zhuanti/hlgdx/tag.png") no-repeat; background-size: 100% auto; width: 0.093rem; height: 0.107rem; margin-right: 0.2rem;}
.certificate-con .certificate li{ width: 3.933rem;}
.certificate-con .certificate li img{width: 3.933rem; background: #fff; padding: 0.12rem; box-shadow: 0 0.107rem 0.24rem rgba(237,237,238,0.96);}


.fixLeft{ position: fixed; width:1.333rem; right: 0; top: 50%; z-index: 10;}
.fixLeft .serice,.fixLeft .back{ display: block; width:1.333rem; height: 1.333rem;background: url("/images/zhuanti/hlgdx/service.png") no-repeat; background-size: 100% auto; margin-bottom: 0.1rem;}
.fixLeft .back{background: url("/images/zhuanti/hlgdx/back.png") no-repeat; background-size: 100% auto;}



.couponImg,.mian-coupon{ background: url("/images/zhuanti/hlgdx/coupon-bg.jpg") no-repeat; background-size: 100% auto; width: 9.133rem; height: 1.733rem; margin: 0 auto 0.267rem; }
.couponImg .discount{display:inline-block;width:1.187rem; height: 0.973rem; vertical-align: top; margin: 0.32rem 0.4rem 0 0.667rem;}
.couponImg span,.mian-coupon span{display: inline-block; width: 4.533rem; color: #da153a; font-size:0.32rem;vertical-align: top; margin: 0.32rem 0 0 0.4rem; line-height: 0.507rem;}
.couponImg span strong,.mian-coupon span strong{ font-size: 0.373rem;}
.couponImg .now-Claim{ display:inline-block; width:1.467rem; height: 1.48rem;background: url("/images/zhuanti/hlgdx/receive-btn.png") no-repeat; background-size: 100% auto;vertical-align: top; margin-top: 0.2rem;}
.mian-coupon{background: url("/images/zhuanti/hlgdx/mian_bg.jpg") no-repeat; background-size: 100% auto; }
.mian-coupon span{ margin-left:2.54rem;}


.mask {display: none;position: fixed;z-index: 18;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.6)}
.popup {display:none;position: fixed;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);z-index: 19;border-radius: .2rem !important}
.coupon-popup {width: 6.8rem;height: 3.2rem;background-color: #fff;border-radius: 0 0 .1rem .1rem;display: none;}
.popup .popup-close {position: absolute;right: 0;top: -.9rem;width: .66rem;height: .67rem;background: url("//m.zikao365.com/zhuanti/2022kxj/img/i-close.png") no-repeat;background-size: cover;}
.coupon-popup .cont {line-height: .5rem;font-size: .34rem;text-align: center;margin: 1.1rem 0 .5rem 0;font-weight: bold;color: #333}
.popup .see-btn {display: block;width: 3.4rem;line-height: .6rem;margin: .5rem auto .4rem;text-align: center;color: #fff;font-weight: bold;font-size: .26rem;background: linear-gradient(180deg,#f6431f,#d62b29);box-shadow: 0 4px 16px 0 rgba(239,45,39,0.59);border-radius: .3rem}