/*
@author: njf
@update: njf (2024-6-21)
*/
body,input,textarea,button{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","PingFang SC","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
body{margin:0 auto;color:#333;min-width:1200px;background:#fc3c5c;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address,caption,cite,code,dfn,th,var{font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.tc{text-align:center;}
.layout{width:1200px;margin:0 auto;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mask {display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.6);z-index: 9998}
.title{background: url("/images/zhuanti/2024618/title.png") no-repeat center top; width: 1200px; margin: 0 auto; height: 160px; text-align: center; color: #fff; font-style: italic; font-size: 36px; font-weight: bold; line-height: 110px; text-shadow: 0 5px 5px rgba(252,52,59,.54);}


.bodybg{background: url("/images/zhuanti/20251111/topHeader1.jpg") no-repeat center 60px #fc3c5c;}
.topHeader{position: relative;}
.topHeader .countDown{ width:500px; height: 40px; line-height: 40px; text-align: center; border:1px solid #fff; border-radius:40px; margin: 309px 0 0 122px; color: #060201; font-size: 18px; font-weight: normal; background:#a7ed66; background-image:-webkit-linear-gradient(left, #a7ed66, #feea61); background-image:-moz-linear-gradient(left, #a7ed66, #feea61); background-image:linear-gradient(left,#a7ed66,#feea61);}
.topHeader .countDown strong{ display: inline-block; width: 35px; height: 30px; line-height: 30px; text-align: center; background: #fff; border-radius: 5px; font-weight: bold; color: #a2161b; font-size: 20px; margin: 0 5px;}
.topHeader ul{margin-left: -5px; margin-top:142px;}
.topHeader ul li{background: url("/images/zhuanti/2024618/top-welfare-bg.png") no-repeat; width: 311px; height: 178px; margin-left: -10px; float: left; position: relative;  transition: all .2s linear;-webkit-transition: all .2s linear;-moz-box-shadow: 0 3px 10px #9255e4;}
.topHeader ul li h3{ text-align: center; color: #fff; font-size: 22px; text-shadow: 0 3px 1px rgba(253,116,52,0.35); margin: 8px 0 20px;}
.topHeader ul li p { color: #790d08; font-size: 16px; margin-left: 50px; line-height: 26px;}
.topHeader ul li img{ position: absolute; right:55px; top:52px; width: 83px; height: 83px;}
.topHeader ul li:hover {text-decoration: none;transform: translate3d(0,-6px,0)}
.topHeader ul li .icon01 {animation: kc infinite 4s 0s}
.topHeader ul li .icon02 {animation: kc infinite 4s .5s}
.topHeader ul li .icon03 {animation: kc infinite 4s 1s}
.topHeader ul li .icon04 {animation: kc infinite 4s 1.5s}
.topHeader ul li a{display: block; position: absolute; left: 0;top: 0; width: 100%; height: 100%; z-index: 5;}

/**/
.box-content{ position: relative; border: 10px solid #ff8e64; border-top: none; border-radius: 0px 0px 20px 20px;
    background:#fdf8ef;
    background:-webkit-linear-gradient(#fdf8ef,#ffedcc 70%,#fdf7ed);
    background:-moz-linear-gradient(#fdf8ef,#ffedcc 70%,#fdf7ed);
    background:-ms-linear-gradient(#fdf8ef,#ffedcc 70%,#fdf7ed);
    background:linear-gradient(#fdf8ef,#ffedcc 70%,#fdf7ed);
}
.box-content.coupon-own{ padding-top: 215px;}
.coupon-con{background: url("/images/zhuanti/2024618/coupon-bg1.png") no-repeat; height: 210px; position: absolute;left: -27px; top:-46px; width: 1230px; }
.coupon-con .coupon-btn{animation: pulse2 1.5s ease infinite;-webkit-animation: pulse2 1.5s ease infinite; display: block; width: 126px; height: 129px; margin:44px 0 0 635px; float: left;}
.coupon-con p{float: right; width: 385px; color: #891500; font-size: 12px; line-height: 22px; margin: 35px 40px 0 0;}
.coupon-con p strong{ font-style: italic; color: #891500; font-size: 18px;}

.materialObject{ background: url("/images/zhuanti/2024618/welfare-bg.png") no-repeat; width: 1146px; margin: 0 auto; height: 220px; position: relative;}
.materialObject ul li{float: left; margin:15px 0 0 12px;}
.materialObject .tag-icon01{ position: absolute; left: -13px; top:-47px;}
.materialObject .rule-btn{ display: block; width: 130px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #f5315a; border-radius: 15px; color: #f5315a; position: absolute; right: 0; top:-45px;}

.borrowingPower{ background: #fff; border-radius: 10px; padding:60px 20px 20px; margin:60px 30px 30px; position: relative;}
.borrowingPower .subtit{ position: absolute; left: 50%; top: -30px; margin-left: -246px;  background: url("/images/zhuanti/2024618/sub-tit01.png") no-repeat; width: 486px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 32px;}
.borrowingPower .course-list li{ float: left; position: relative;}
.borrowingPower .course-list li.list01,.borrowingPower .course-list li.list02{background: url("/images/zhuanti/2024618/class01.png") no-repeat; width: 522px; height: 392px;}
.borrowingPower .course-list li.list02{background: url("/images/zhuanti/2024618/class02.png") no-repeat; margin-left: 35px;}
.borrowingPower .course-list li.list02 h4{ color: #834fe1;}
.borrowingPower .course-list li h4{ text-align: center; font-size: 32px; color: #fb3a33; margin: 40px 0 15px;}
.borrowingPower .course-list li p{ text-align: center; font-size: 18px; line-height: 30px;}
.borrowingPower .course-list .price{ border-top: 1px solid #fbd39c;border-bottom: 1px solid #fbd39c; padding: 10px 0; margin:25px 12px 20px;
    background:#ffdeab;
    background:-webkit-linear-gradient(#ffdeab,#fff0cc);
    background:-moz-linear-gradient(#ffdeab,#fff0cc);
    background:-ms-linear-gradient(#ffdeab,#fff0cc);
    background:linear-gradient(#ffdeab,#fff0cc);
}
.borrowingPower .course-list .price span{ display:inline-block;
    background:#ff9c31;
    background:-webkit-linear-gradient(left,#fa362e,#ff9c31);
    background:-moz-linear-gradient(left,#fa362e,#ff9c31);
    background:-ms-linear-gradient(left,#fa362e,#ff9c31);
    background:linear-gradient(left,#fa362e,#ff9c31);
    color: #fff; line-height: 24px; font-size: 18px; font-weight: bold; height: 42px; border-radius: 0 35px 35px 0; padding: 10px 25px 15px;
}
.borrowingPower .course-list .price em{ font-size: 18px; color: #ca4428; display: inline-block; vertical-align: top; margin: 10px 0 0 20px;}
.borrowingPower .course-list .price em strong{ font-size: 32px; color: #db3515;}
.borrowingPower .course-list .service-btn{background: url("/images/zhuanti/2024618/btn01.png") no-repeat; display: block; text-align: center; width: 255px; height: 64px; line-height:52px; font-weight: bold; font-size: 20px; color: #fff; margin: 0 auto;}
.borrowingPower .course-list .tag-icon02{ position: absolute; left: 60px; top: -30px;}
.borrowingPower .course-list .discount{ background: #db3515; height: 28px; line-height: 28px; border-radius: 0 10px 0 5px; color: #fff; padding: 0 10px; position: absolute;right:10px; top:10px;}
.borrowingPower .course-list .service-btn:hover{text-decoration: none;}

.applyingMajors{ border: 1px solid #facd8a; padding: 12px; border-radius: 10px; margin:20px 0;
    background:#fff1dc;
    background:-webkit-linear-gradient(left,#fff1dc,#ffd792);
    background:-moz-linear-gradient(left,#fff1dc,#ffd792);
    background:-ms-linear-gradient(left,#fff1dc,#ffd792);
    background:linear-gradient(left,#fff1dc,#ffd792);
}
.applyingMajors .left-tit{ float: left; margin: 45px 20px 0;}
.applyingMajors ul li{ text-align: center; background: #fff7ed; border-radius: 10px; width: 170px; height: 170px; float: left; margin:0 5px;}
.applyingMajors ul li h5{background: url("/images/zhuanti/2024618/sub-tit02.png") no-repeat; width: 147px; height: 45px; line-height:40px; font-size:16px; font-weight: bold; color: #fff; margin: 0 auto;}
.applyingMajors ul li strong{ font-size: 18px;}
.applyingMajors ul li em{ color: #666;}
.applyingMajors ul li p{ margin: 8px 20px 0; background: #fff; border-radius: 10px; padding:5px 10px; line-height: 22px;}
.applyingMajors ul li h5.tit{background: url("/images/zhuanti/2024618/sub-tit03.png") no-repeat; }
.applyingMajors ul li.last{ background: none; margin-left: 20px;}
.applyingMajors ul li.last img{ border: 5px solid #ff724f; border-radius: 10px; width: 115px; height: 115px;}
.applyingMajors ul li.last b{font-size: 18px; color: #ff724f; line-height: 22px; display: block;}
.applyingMajors ul li:hover{transform: translate3d(0,-6px,0)}


/**/
.getTutoring-mod{ margin: 45px 0; position: relative; z-index: 1;}
.getTutoring-mod .bg01{ left: 0; top: 0; position: absolute; z-index:-1;}
.getTutoring-mod .bg02{ right: 0; top: 245px; position: absolute;}
.getTutoring-mod ul{ margin: 0 35px;}
.getTutoring-mod ul li{ width:540px;  height:478px; border-radius:20px; background: #fff; float: left; position: relative; margin-bottom: 15px;
    border:4px solid transparent;
    background-image: linear-gradient(left,#ffd789, #ffe9c1), linear-gradient(left,#ffd789, #ffe9c1);
    background-image: -moz-linear-gradient(left,#ffd789, #ffe9c1), -moz-linear-gradient(left,#ffd789, #ffe9c1);
    background-image: -webkit-linear-gradient(left,#ffd789, #ffe9c1), -webkit-linear-gradient(left,#ffd789, #ffe9c1);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.getTutoring-mod ul li .border-box{ width:540px; height: 478px; background:url("/images/zhuanti/2024618/price-display-bg01.png") no-repeat center 120px #fff8ea;border-radius:20px; position: relative;}
.getTutoring-mod ul li.gxbclass .border-box{background-color: #ffe8f5;}
.getTutoring-mod ul li.jpbClass,.getTutoring-mod ul li.ewm-tags{ margin-left:13px;}
.getTutoring-mod ul li.jpbClass .border-box,.getTutoring-mod ul li.sybClass .border-box{background:url("/images/zhuanti/2024618/price-display-bg02.png") no-repeat center 130px #f6f3ff;}
.getTutoring-mod ul li.sybClass .border-box{background-color: #f3feff;}
.getTutoring-mod ul li h4{ text-align: center; font-size: 32px; color: #d12823; padding-top: 35px;}
.getTutoring-mod ul li .sub-word{ text-align: center; font-size: 18px;}
.getTutoring-mod ul li span{position: absolute; height: 32px; line-height: 32px; border-radius: 0 20px 0 20px; padding: 0 20px; color: #fff; font-size: 16px; right:-4px; top:-4px; background: #db3515;}
.getTutoring-mod ul li .sub-price{ font-size: 16px; margin:48px 30px 70px;}
.getTutoring-mod ul li .sub-price strong{ color: #fff; font-size: 18px; display: inline-block; width: 105px; text-align: center; margin-top: 10px;}
.getTutoring-mod ul li.jpbClass .sub-price strong,.getTutoring-mod ul li.sybClass .sub-price strong{ margin-top: 0; color: #e7252a;}
.getTutoring-mod ul li .sub-price strong b{font-size: 30px;}
.getTutoring-mod ul li .sub-price strong i{ font-weight: normal;}
.getTutoring-mod ul li.jpbClass .sub-price strong b,.getTutoring-mod ul li.jpbClass .sub-price strong i,.getTutoring-mod ul li.sybClass .sub-price strong b,.getTutoring-mod ul li.sybClass .sub-price strong i{ color: #fff; margin-top: 10px; display: inline-block;}
.getTutoring-mod ul li .sub-price em.fl{width:195px; display: inline-block;}
.getTutoring-mod ul li .last-price{ text-align: center; font-size: 18px; color: #f65827;}
.getTutoring-mod ul li .last-price strong{ font-size: 40px; color: #d92218;}
.getTutoring-mod ul li .btn-common{text-align: center; margin-top:20px;}
.getTutoring-mod ul li .btn-common a{ display: inline-block; width:240px; height:48px; line-height:48px; text-align: center; border-radius: 28px; border: 1px solid #ff3c48; background: #fff; box-shadow: 0 5px 8px rgba(251,89,89,0.33);font-weight: bold;  font-size: 18px; color: #ff3c48; }
.getTutoring-mod ul li .btn-common .now-buy{background: url("/images/zhuanti/2024618/btn01.png") no-repeat; border: none; box-shadow:none;  text-align: center; width: 255px; height: 64px; line-height:52px; color: #fff; margin-right: 10px;}
.getTutoring-mod ul li .btn-common a:hover{ text-decoration: none;}


/**/
.paperlessBank-mod{position: relative}
.paperlessBank-mod .bg03{ position: absolute; left: -245px; top: 180px;}
.paperlessBank-mod .title,.examStep-mod .title{ font-size: 16px; line-height:40px;font-style: normal;}
.paperlessBank-mod .title h3,.examStep-mod .title h3{ font-size: 40px; font-style: italic; padding-top:25px;}
.paperlessBank-mod .paperless-cont {margin: 0 20px 0 20px;display: flex}
.paperlessBank-mod .paperless-cont .paperless-item {flex: 1;margin: 0 5px;height: 231px;position: relative; border-radius: 20px;}
.paperlessBank-mod .paperless-cont .paperless-item .content {text-align: center;line-height: 30px;font-size: 14px;color: #fff; background: #ff5c59;}
.paperlessBank-mod .paperless-cont .paperless-item .pl-btn {position: absolute;display: block;width: 200px;height: 40px;border-radius: 20px;bottom: 20px;left: 50%;transform: translateX(-50%)}
.paperlessBank-mod .paperless-cont .paperless-item .desc {line-height: 22px;background: #fff; border-radius: 0 0 20px 20px;height:50px; padding: 15px 45px; position: relative;}
.paperlessBank-mod .paperless-cont .paperless-item .desc:before{position: absolute;left:25px; top:20px; background: url("/images/zhuanti/2024618/icon05.png") no-repeat left 0px; padding-left: 8px; content: ''; display: inline-block; width: 10px; height: 12px;}
.paperlessBank-mod .getPaperless{display: block;  background: url("/images/zhuanti/2024618/btn01.png") no-repeat;text-align: center; width: 255px; height: 64px; line-height:52px; color: #fff; margin:30px auto; font-size: 18px; font-weight: bold;}
.paperlessBank-mod .getPaperless:hover{ text-decoration: none;}

/**/
.examStep-mod{ margin: 45px auto;}
.examStep-mod .box-content{ padding-bottom: 30px;}
.examStep-mod .video-wrap{ width: 660px; height: 420px; float: left; border-radius: 10px;background: #f9deb2; margin-left: 20px; text-align: center; padding-top: 20px; position: relative;}
.examStep-mod .video-wrap .video{ width: 620px; height: 400px; margin: 0 auto; position: absolute; left: 20px; top: 20px;}
.examStep-mod .play-video__btn{ position: absolute; display: block; width: 109px; height: 109px; left: 50%; top:50%; margin-left: -54px; margin-top: -54px;}
.examStep-mod .ewmImg{ width: 453px; height: 410px; float: left; background: url(/images/zhuanti/2024618/ewm-bg.png) no-repeat 0 15px; margin-left: 30px; position: relative; text-align: center; font-size: 18px; line-height: 26px;}
.examStep-mod .ewmImg img{ display: block; width: 176px; margin: 78px 0 10px 128px; border: 1px solid #ffc6b3; padding: 5px; border-radius: 5px; background: #fff; }


/**/
.fix-nav{background: url(/images/zhuanti/2024618/fix-left1.png) no-repeat; width: 140px; height: 428px; position: fixed; right: 0; top: 50%;z-index: 70; margin-top: -214px;}
.fix-nav .ftop{ padding-top: 108px;}
.fix-nav .ftop li{display: block;width: 76px;height: 26px;line-height: 26px;font-size: 14px;text-align: center;color: #c21b00;margin: 0 auto 10px; border-bottom: 2px solid #fdaf75;
    background: #c21b00;border-radius: 13px;
    box-shadow: 0 0 2px #ffa018,0 5px 8px rgba(169,37,0,0.4);
    background: -webkit-linear-gradient(top,#ffe694,#ffc447);
    background: -o-linear-gradient(top,#ffe694,#ffc447);
    background: -moz-linear-gradient(top,#ffe694,#ffc447);
    background: linear-gradient(to bottom,#ffe694,#ffc447)
}
.fix-nav .ftop  li a{color: #c21b00;}
.fix-nav .ftop  li a:hover {
    display: block;width: 76px;height: 26px;line-height: 26px;border-radius: 13px;
    color: #c21b00;
    text-decoration: none;
    background: -webkit-linear-gradient(top,#ffc447,#ffe694);
    background: -o-linear-gradient(top,#ffc447,#ffe694);
    background: -moz-linear-gradient(top,#ffc447,#ffe694);
    background: linear-gradient(to bottom,#ffc447,#ffe694)
}
.discout-zxkf{ width: 115px; border-radius: 10px; margin: 0 auto; padding: 8px;
    background: -webkit-linear-gradient(top,#fff8e8,#ffe19f);
    background: -o-linear-gradient(top,#fff8e8,#ffe19f);
    background: -moz-linear-gradient(top,#fff8e8,#ffe19f);
    background: linear-gradient(top,#fff8e8,#ffe19f)
}
.discout-zxkf p{ border: 1px dotted #ff9f38; border-radius: 10px; text-align: center; padding: 5px;}
.discout-zxkf p em{ color: #f13718;}
.discout-zxkf p strong{font-size: 18px; color: #f13718;}
.discout-zxkf p strong i{ font-size:30px; }
.discout-zxkf .zxkf-btn{ display: block; width: 74px; height: 22px; line-height: 22px; text-align: center; color: #fff; font-size: 12px; margin: 0 auto; border-radius: 12px;
    background: -webkit-linear-gradient(top,#fc562f,#fb3d35);
    background: -o-linear-gradient(top,#fc562f,#fb3d35);
    background: -moz-linear-gradient(top,#fc562f,#fb3d35);
    background: linear-gradient(top,#fc562f,#fb3d35)
}
.fix-nav .fback {display: block;width: 76px;height: 26px;line-height: 26px;text-indent: 22px;font-size: 12px;color: #692be6;border-radius: 13px; margin: 10px auto 0;
    background: url("/images/zhuanti/2024618/icon06.png") no-repeat 7px center,linear-gradient(to bottom,#e9cffc,#deedff); border-bottom: 2px solid #e1beff;
    box-shadow: 0 5px 8px rgba(130,80,242,0.4);
}
.fix-nav .fback:hover {
    text-decoration: none;
    background: url("/images/zhuanti/2024618/icon06.png") no-repeat 7px center,linear-gradient(to bottom,#deedff,#e9cffc)
}
.fix-nav .switch-icon {position: absolute;left:0px;z-index: 2;top: 210px;width: 18px;height: 30px;background: url("//www.zikao365.com/zhuanti/20231212/img/icon_33.png") no-repeat}
.fix-nav.rightFloatNav-switch .switch-icon {background: url("//www.zikao365.com/zhuanti/20231212/img/icon_32.png") no-repeat}



    /**/
.coupon-popup{display: none;width: 500px;position: fixed;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);background: #fff;border-radius: 10px;z-index: 9999}
.rules-popup{display: none;width: 500px;position: fixed;top: 70%;left: 50%;transform: translate3d(-50%,-50%,0);background: #fff;border-radius: 10px;z-index: 9999}
.coupon-popup .close-popup,.rules-popup .close-popup {width: 16px;height: 16px;position: absolute;top: 6px;right: 0;margin: 18px;background: url("/images/zhuanti/2024618/close.png") no-repeat;cursor: pointer}
.coupon-popup{ margin-top: 45px;}
.coupon-popup .img{display: block;margin: 0 auto;width: 96px;height: 104px;overflow: hidden}
.coupon-popup .img img {width: 100%}
.coupon-popup .tip {font-size: 22px;line-height: 40px;margin-top: 20px;text-align: center}
.coupon-popup .target {display: block;width: 139px;line-height: 40px;margin: 30px auto;background: #f7553f;border-radius: 20px;color: #fff;font-size: 18px;text-align: center}
.rules-popup .tit{height: 64px; line-height: 64px; font-size: 20px; color: #d54904; padding-left: 25px; font-weight: bold; position: relative; border-radius: 10px 10px 0 0;
    background:#fdf8ef;
    background:-webkit-linear-gradient(-11deg,#ffdbad 22%,#ffc298 95%);
    background:-moz-linear-gradient(-11deg,#ffdbad 22%,#ffc298 95%);
    background:-ms-linear-gradient(-11deg,#ffdbad 22%,#ffc298 95%);
    background:linear-gradient(-11deg,#ffdbad 22%,#ffc298 95%);
}
.rules-popup .tip{ font-size: 16px; line-height: 38px; padding: 30px;}







@-moz-keyframes kc {
    0%, 25%, 5%, 12.5%, 20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    15% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@-webkit-keyframes kc {
    0%, 25%, 5%, 12.5%, 20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    15% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@-o-keyframes kc {
    0%, 25%, 5%, 12.5%, 20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    15% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@keyframes kc {
    0%, 25%, 5%, 12.5%, 20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    15% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@-webkit-keyframes pulse2 {
    0% {
        -webkit-transform: scale(.9)
    }

    50% {
        -webkit-transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.9)
    }
}