/*
@author: sunke
*/
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:#fff;}
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;}
.layout{width:1200px;margin:0 auto;}
.mt0{ margin-top:0px !important;}
.mt10{ margin-top:10px;}
.common-title{ text-align:center; font-size:0; padding:25px 0 10px;}
.common-title h3{ display:inline-block; line-height:75px; font-size:36px; font-weight:bold; position:relative;}
.common-title h3:before{ content:""; width:41px; height:21px; position:absolute; left:-75px; top:30px; background:url("/images/zhongjizhicheng/project/2025project/index/commonTitle-ico01.png") no-repeat;}
.common-title h3:after{ content:""; width:41px; height:21px; position:absolute; right:-75px; top:30px; background:url("/images/zhongjizhicheng/project/2025project/index/commonTitle-ico02.png") no-repeat;}
.common-title .tit01{ display:block;  margin:0 auto; width:604px; height:38px; line-height:38px; text-align:center; font-size:18px; font-weight:bold; color:#ff631d; background:url("/images/zhongjizhicheng/project/2025project/index/commonTitle-bg01.png") no-repeat;}
.common-title .tit01 i{ display:inline-block; width:24px; height:24px; line-height:24px; font-size:16px; color:#fff; font-weight:normal; background:#ff6115; border-radius:50%; margin-right:13px;}

/**/
.topHeader-wrap{ width:100%; height:878px; background:url("//www.chinaacc.com/images/zhongjizhicheng/project/2025project/index/header.jpg") no-repeat center top;}
.header-mod{ height:297px;}
.header-mod .tips{ width:324px; height:40px; line-height:40px; text-align:left; font-size:22px; color:#5e0e02; font-weight:bold; top:212px; left:26px; background:url("//www.chinaacc.com/images/zhongjizhicheng/project/2025project/index/header-bg01.png") no-repeat;}
.header-mod .tips span{ display:inline-block; width:158px; text-align:center; color:#fff; font-weight:bold; margin-right:36px;}
.header-mod .free-word{ background:url("/images/zhongjizhicheng/project/2025project/index/free-word.png") no-repeat; width:398px; height: 40px; line-height: 40px; top:212px; left:26px; }
.header-mod .free-word span{display:inline-block; width:158px; text-align:center; color:#fff; font-weight:bold; font-size: 22px;}
.header-mod .free-word em{ display: inline-block; width: 240px; text-align: center; color: #5e0e02; font-size: 22px; font-weight:bold;}
/**/
.AICourse-mod{ height:520px; border-radius:12px; background:url("/images/zhongjizhicheng/project/2025project/index/AICourse-bg.jpg") no-repeat;}
.AICourse-mod .tit01{ text-align:center; line-height:56px; padding-top:20px; font-size:32px; font-weight:bold;}
.AICourse-mod .tips{ padding:0 0 0 32px;}
.AICourse-mod .tips li{ float:left; width:176px; height:87px; position:relative; margin:0 17px 0 0; background:url("/images/zhongjizhicheng/project/2025project/index/AICourse-bg01.png") no-repeat;}
.AICourse-mod .tips li .tit{ width:148px; height:32px; line-height:32px; font-size:16px; color:#fff; font-weight:bold; text-indent:40px; position:absolute; left:12px; top:-20px; background:url("/images/zhongjizhicheng/project/2025project/index/AICourse-bg02.png") no-repeat;}
.AICourse-mod .tips li .tit i{ display:block; width:32px; height:32px; text-align:center; text-indent:0; font-size:20px; position:absolute; left:0; top:0;}
.AICourse-mod .tips li p{ text-align:center; line-height:24px; padding-top:23px;}
.AICourse-mod .tips li p span{ font-weight:bold; background:-webkit-linear-gradient(left, #7770ff , #34b2fe); -webkit-background-clip: text; -webkit-text-fill-color:transparent;}
.AICourse-mod .tips li.mt01{ margin-top:20px;}
.AICourse-mod .tips li.mt02{ margin-top:40px;}
.AICourse-mod .tips li.mt03{ margin-top:50px;}
.AICourse-mod .tips li.mt04{ margin-top:50px;}
.AICourse-mod .explain{ line-height:46px; color:#666; padding:0 28px; text-align:right;}
.AICourse-mod .system{ padding:15px 0 0;}
.AICourse-mod .system .left-tit{ width:232px; text-align:center; padding:115px 0 0 88px; position:relative;}
.AICourse-mod .system .left-tit h3{ font-size:26px; color:#fff; font-weight:bold; line-height:40px; position:absolute; left:51px; top:65px;}
.AICourse-mod .system .left-tit h4{ line-height:36px; font-size:22px;}
.AICourse-mod .system .left-tit p{ font-size:16px; line-height:30px;}
.AICourse-mod .system .box{ width:413px; margin-right:29px;}
.AICourse-mod .system .box .tit{ height:42px; line-height:42px; font-size:18px; font-weight:bold;}
.AICourse-mod .system .box .tit i{ display:inline-block; vertical-align:-2px; width:32px; height:32px; line-height:32px; text-align:center; border-radius:40px; font-size:22px; color:#fff; font-weight:bold; margin:0 12px 0 23px; background:#0486ff; background-image:-webkit-linear-gradient(left, #0486ff, #88a4ff); background-image:-moz-linear-gradient(left, #0486ff, #88a4ff); background-image:linear-gradient(left,#0486ff,#88a4ff);}
.AICourse-mod .system .box .con{ height:171px; border-radius:0 0 10px 10px; padding:12px 0 0 30px;}
.AICourse-mod .system .box .con .top-tit{}
.AICourse-mod .system .box .con .top-tit h4{ float:left; width:184px; height:29px; line-height:29px; color:#fff; font-weight:bold; text-indent:32px;}
.AICourse-mod .system .box .con .top-tit .pic{ display:block; float:left; margin-left:32px;}
.AICourse-mod .system .box .con .text{ padding:8px 0 0;}
.AICourse-mod .system .box .con .text p{ line-height:30px; padding-left:30px; position:relative;}
.AICourse-mod .system .box .con .text p.tags:before{ content:""; width:19px; height:12px; position:absolute; left:0; top:10px; background:url("/images/zhongjizhicheng/project/2025project/index/AICourse-ico01.png") no-repeat;}
.AICourse-mod .system .box .con .text .tips{ display:inline-block; line-height:20px; font-size:12px; color:#fff; margin-left:7px; padding:0 6px; border-radius:40px 40px 40px 0; background:#ff6a2c; background-image:-webkit-linear-gradient(left, #ff6a2c, #ffbd6c); background-image:-moz-linear-gradient(left, #ff6a2c, #ffbd6c); background-image:linear-gradient(left,#ff6a2c,#ffbd6c);}
.AICourse-mod .system .box.system01 .tit{ color:#3c71ff; background:url("/images/zhongjizhicheng/project/2025project/index/AICourse-tit01.png") no-repeat;}
.AICourse-mod .system .box.system01 .con{ background:url("/images/zhongjizhicheng/project/2025project/index/AICourse-line01.png") no-repeat 38px 3px #fff;}
.AICourse-mod .system .box.system01 .con .top-tit h4{ background:url("/images/zhongjizhicheng/project/2025project/index/AICourse-tit03.png") no-repeat;}
.AICourse-mod .system .box.system02{ margin-right:0;}
.AICourse-mod .system .box.system02 .tit{ color:#28abf5; background:url("/images/zhongjizhicheng/project/2025project/index/AICourse-tit02.png") no-repeat;}
.AICourse-mod .system .box.system02 .con{ background:url("/images/zhongjizhicheng/project/2025project/index/AICourse-line02.png") no-repeat 38px 3px #fff;}
.AICourse-mod .system .box.system02 .con .top-tit h4{ background:url("/images/zhongjizhicheng/project/2025project/index/AICourse-tit04.png") no-repeat;}

/**/
.qijianban-wrap{ width:100%; height:320px; background:url("/images/zhongjizhicheng/project/2025project/index/qijianban-bg01.jpg") no-repeat center top;}
.qijianban-mod{}
.qijianban-mod .tit{ left:524px; top:7px;}
.qijianban-mod .tit .pic01{ margin-top:25px;}
.qijianban-mod .tit .pic02{ margin-left:15px;}
.qijianban-mod .tips{ width:117px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff; font-weight:bold; top:-21px; left:0; background:url("/images/zhongjizhicheng/project/2025project/index/qijianban-bg02.png") no-repeat;}
.qijianban-mod .left-con{ width:376px; position:relative; padding:87px 0 0 24px;}
.qijianban-mod .left-con .list{}
.qijianban-mod .left-con .list li{ margin-bottom:7px; white-space:nowrap; line-height:26px;}
.qijianban-mod .left-con .list span{ display:inline-block; width:108px; height:26px; line-height:26px; text-align:center; color:#1764fe; font-weight:bold; margin-right:10px; background:url("/images/zhongjizhicheng/project/2025project/index/qijianban-bg03.png") no-repeat;}
.qijianban-mod .left-con .btn-wrap{ width:100%; text-align:left; font-size:0; padding:16px 0 0;}
.qijianban-mod .left-con .btn-wrap .more-btn{ display:inline-block; vertical-align:top; width:158px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#f63606; border-radius:40px; text-decoration:none; border:1px solid #f63606; margin-right:13px;}
.qijianban-mod .left-con .btn-wrap .buy-btn{ display:inline-block; vertical-align:top; width:160px; height:42px; line-height:42px; text-align:center; font-size:18px; color:#fff; border-radius:40px; text-decoration:none; background:#f30d03; background-image:-webkit-linear-gradient(left, #f30d03, #fb7711); background-image:-moz-linear-gradient(left, #f30d03, #fb7711); background-image:linear-gradient(left,#f30d03,#fb7711);}
.qijianban-mod .box{ float:left; width:453px; height:138px; border-radius:20px; margin:123px 10px 0 0; position:relative;}
.qijianban-mod .box .text{ width:433px; height:41px; line-height:41px; font-size:18px; color:#fff; text-align:center; position:absolute; left:0; bottom:-15px; border-radius:12px; background:#3498fe; background-image:-webkit-linear-gradient(left, #227cfd, #3498fe); background-image:-moz-linear-gradient(left, #227cfd, #3498fe); background-image:linear-gradient(left,#227cfd,#3498fe);}
.qijianban-mod .box .text strong{ background:-webkit-linear-gradient(top,#ffe0b3,#ffeccf 40%,#fff4e3 60%,#ffe0b3);-webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#ffe0b3;}
.qijianban-mod .box .pic{ position:absolute; left:50%; bottom:26px; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -moz-transform:translate(-50%,0);}
.qijianban-mod .box:before{ content:""; width:30px; height:29px; position:absolute; right:-7px; top:46px; background:url("/images/zhongjizhicheng/project/2025project/index/courseBookPackage-ico02.jpg") no-repeat;}
.qijianban-mod .box.book-tags{ width:313px; margin-right:0; background:#dadcff; background-image:-webkit-linear-gradient(top, #dadcff, #c2f1ff); background-image:-moz-linear-gradient(top, #dadcff, #c2f1ff); background-image:linear-gradient(top,#dadcff,#c2f1ff);}
.qijianban-mod .box.book-tags .text{ left:-15px;}
.qijianban-mod .box.book-tags:before{ display:none;}
.qijianban-mod .box.book-tags .text{ width:350px;}
.qijianban-mod .send-tags{ width:195px; height:47px; line-height:47px; top:40px; right:15px; font-size:15px; color:#fff; font-weight:bold; background:url("/images/zhongjizhicheng/project/2025project/index/qijianban-bg04.png") no-repeat;}
.qijianban-mod .send-tags span{ display:inline-block; width:48px; line-height:47px; text-align:center; font-size:20px; font-weight:bold; vertical-align:top;}

/**/
.teacher-mod{ width:100%;}
.teacher-mod .tab-tit{ text-align:center; font-size:0; padding-bottom:23px;}
.teacher-mod .tab-tit .btn{ display:inline-block; width:220px; height:50px; line-height:50px; text-align:center; position:relative; text-decoration:none; font-size:22px; color:#591d00; margin:0 20px; background:url("/images/zhongjizhicheng/project/2025project/index/teacher-tab02.png") no-repeat;}
.teacher-mod .tab-tit .btn.on{ height:60px; color:#ab1800; font-weight:bold; background:url("/images/zhongjizhicheng/project/2025project/index/teacher-tab01.png") no-repeat;}
.teacher-mod .tab-tit .btn.on:before{ content:""; width:23px; height:11px; position:absolute; left:50%; margin-left:-12px; bottom:-11px; background:url("/images/zhongjizhicheng/project/2025project/index/teacher-ico01.png") no-repeat;}
.teacher-mod .tab-wrap{ width:100%; height:430px; overflow:hidden; background:url("/images/zhongjizhicheng/project/2025project/index/teacher-bg01.jpg") no-repeat center top;}
.teacher-mod .tab-wrap .layout:before{ content:""; width:58px; height:60px; position:absolute; left:15px; top:0; background:url("/images/zhongjizhicheng/project/2025project/index/teacher-ico02.png") no-repeat;}
.teacher-mod .tab-con{ height:430px; position:relative;}
.teacher-mod .tab-con .teacher-con{ display:none;}
.teacher-mod .tab-con .pic{ float:left; width:513px; height:430px; position:relative;}
.teacher-mod .tab-con .pic .tips{ display:block; height:32px; line-height:32px; font-size:16px; color:#784000; border-radius:40px 40px 0 40px; padding:0 26px; position:absolute; background:#ffdd9d; background-image:-webkit-linear-gradient(top, #fde9bd, #fec570); background-image:-moz-linear-gradient(top, #fde9bd, #fec570); background-image:linear-gradient(top,#fde9bd,#fec570);}
.teacher-mod .tab-con .pic .tips.other-tips{ border-radius:40px 40px 40px 0;}
.teacher-mod .tab-con .text{ float:right; width:605px; padding:0 40px; height:282px; background:#e9f3fe; border-radius:12px; margin-top:24px;}
.teacher-mod .tab-con .text .top-tit{ padding:16px 0 0;}
.teacher-mod .tab-con .text .top-tit h3{ float:left; line-height:50px; font-size:32px;}
.teacher-mod .tab-con .text .top-tit .video-btn{ display:block; float:right; width:150px; height:51px; line-height:51px; font-size:20px; color:#fff; text-decoration:none; font-weight:bold; text-align:center; background:url("/images/zhongjizhicheng/project/2025project/index/teacher-btn01.png") no-repeat;}
.teacher-mod .tab-con .text .introduce-text{ line-height:28px; padding:16px 0 15px; border-bottom:1px solid #d6e3f1;}
.teacher-mod .tab-con .text .main-text{ padding:10px 0 0; position:relative;}
.teacher-mod .tab-con .text .main-text p{ line-height:35px; padding-left:19px; font-size:16px; background:url("/images/zhongjizhicheng/project/2025project/index/teacher-ico03.png") no-repeat left center;}
.teacher-mod .tab-con .text .main-text .pic{ width:293px; text-align:center; position:absolute; right:-33px; top:-30px;}
.teacher-mod .tab-con .text .main-text .pic span{ display:block; width:100%; line-height:32px; text-align:center; border-radius:4px 25px 25px 25px; background:#e6d6fc; background-image:-webkit-linear-gradient(left, #e6d6fc, #b4e7ff); background-image:-moz-linear-gradient(left, #e6d6fc, #b4e7ff); background-image:linear-gradient(left,#e6d6fc,#b4e7ff);}
.teacher-mod .tab-con .teacher-tab{ width:686px; height:90px; background:#e9f3fe; border-radius:12px; position:absolute; right:0; bottom:20px;}
.teacher-mod .tab-con .teacher-tab .swiper-container{ height:80px; margin:0 38px;}
.teacher-mod .tab-con .teacher-tab .swiper-slide{ width:122px; height:80px; position:relative; cursor:pointer;}
.teacher-mod .tab-con .teacher-tab .swiper-slide span{ display:block; width:114px; height:64px; background:#fff; border-radius:12px; position:absolute; left:50%; margin-left:-57px; bottom:0;}
.teacher-mod .tab-con .teacher-tab .swiper-slide img{ width:102px; position:absolute; z-index:9; bottom:-50px; left:50%; transform: translate(-50%,0); -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -moz-transform:translate(-50%,0);}
.teacher-mod .tab-con .teacher-tab .swiper-slide.on span{ background:#b7d6ff;}
.teacher-mod .tab-con .teacher-tab .arrow-left,.teacher-mod .tab-con .teacher-tab .arrow-right{ display:none; width:10px; height:17px; position:absolute; left:14px; top:50%; margin-top:-8px; background:url("/images/zhongjizhicheng/project/2025project/index/teacher-ico04.png") no-repeat;}
.teacher-mod .tab-con .teacher-tab .arrow-right{ left:auto; right:14px; background:url("/images/zhongjizhicheng/project/2025project/index/teacher-ico05.png") no-repeat;}

/**/
.course-visible{width:1200px;position:fixed;left:50%;margin-left:-600px;top:0;z-index:90;display:none;}
.course-mod.course-visible .jpbCourse .top-tit{ height:125px; background:url("/images/zhongjizhicheng/project/2025project/index/jpbCourse-tit.jpg") no-repeat;}
.course-mod.course-visible .sybCourse .top-tit{ height:125px; background:url("/images/zhongjizhicheng/project/2025project/index/sybCourse-tit.jpg") no-repeat;}
.course-mod.course-visible .qjbCourse .top-tit{ height:125px; background:url("/images/zhongjizhicheng/project/2025project/index/qjbCourse-tit.jpg") no-repeat;}
.course-mod{ padding-bottom:42px;}
.course-mod .topNav{ text-align:right; font-size:0;}
.course-mod .topNav .btn{ display:inline-block; line-height:38px; font-size:16px;}
.course-mod .topNav span{ display:inline-block; width:16px; height:38px; line-height:38px; font-size:16px; font-weight:normal; text-align:center; color:#c7c7c7; vertical-align:top;}
.course-mod .con-wrap{ margin-top:22px;}
.course-mod .jpbCourse{ width:356px; margin-right:22px; box-shadow:0 5px 10px #e6e6e6; border-radius:12px;}
.course-mod .jpbCourse .top-tit{ height:229px; position:relative; background:url("/images/zhongjizhicheng/project/2025project/index/jpbCourse-tit.jpg") no-repeat;}
.course-mod .jpbCourse .top-tit p{ text-align:center; color:#fff; line-height:40px; padding-top:70px;}
.course-mod .jpbCourse .top-tit p span{ position:relative;}
.course-mod .jpbCourse .top-tit p span i{ display:inline-block; position:absolute; right:-90px; top:-10px; line-height:25px; font-size:12px; color:#5253fa; vertical-align:top; background:#e8fcfc; padding:0 9px; border-radius:40px 40px 40px 0; margin-left:6px;}
.course-mod .jpbCourse .top-tit .pic{ width:100%; text-align:center; position:absolute; left:0; bottom:0;}
.course-mod .jpbCourse .top-tit02{ width:100%; background:#1982f7; line-height:30px; text-align:center; color:#fff;}
.course-mod .jpbCourse .con{ padding:10px 18px 24px;}
.course-mod .jpbCourse .con .tit01{ height:42px; border-bottom:1px solid #e7e7e7; position:relative;}
.course-mod .jpbCourse .con .tit01:before{ content:""; width:26px; height:3px; background:#078ef8; position:absolute; right:0; bottom:-2px;}
.course-mod .jpbCourse .con .tit01 span{ display:block; float:left; width:35px; height:26px; line-height:26px; text-align:center; margin:9px 0 0; font-size:16px; color:#fff; font-weight:bold; border-radius:30px; box-shadow:0 4px 8px #a4c5fc; background:#0b5ef1; background-image:-webkit-linear-gradient(top, #37cdff, #0b5ef1); background-image:-moz-linear-gradient(top, #37cdff, #0b5ef1); background-image:linear-gradient(top,#37cdff,#0b5ef1);}
.course-mod .jpbCourse .con .tit01 h3{ float:left; padding:11px 0 0 11px;}
.course-mod .jpbCourse .con .text01{ padding:16px 0 6px 0;}
.course-mod .jpbCourse .con .text01 p{ line-height:24px; margin-bottom:6px;}
.course-mod .jpbCourse .con .text01 p span{ display:inline-block; width:116px; height:24px; line-height:24px; text-align:center; background:#f6f6ff; margin-right:9px; border-radius:4px;}
.course-mod .jpbCourse .con .tit02{ line-height:50px; font-size:18px; font-weight:bold; padding:6px 0 0 4px; border-top:1px solid #eee;}
.course-mod .jpbCourse .con .tit03{ line-height:50px; padding-top:2px; font-size:18px; font-weight:bold;}
.course-mod .jpbCourse .con .text02{ background:#f3f8ff; border-radius:10px; padding:22px 0 0; box-shadow:0 4px 8px #dce8fe; position:relative; margin-top:46px;}
.course-mod .jpbCourse .con .text02 h3{ line-height:26px; font-size:18px; margin:0 0 0 22px; position:relative; background:url("/images/zhongjizhicheng/project/2025project/index/skb-bg01.png") no-repeat left bottom;}
.course-mod .jpbCourse .con .text02 .head{ position:absolute; top:-12px; right:18px;}
.course-mod .jpbCourse .con .text02 .list{ padding:24px 16px 10px 17px;}
.course-mod .jpbCourse .con .text02 .list li{ padding:0 0 9px 14px; position:relative;}
.course-mod .jpbCourse .con .text02 .list li .list-tit{ line-height:26px;}
.course-mod .jpbCourse .con .text02 .list li .list-tit h4{ float:left; font-size:16px;}
.course-mod .jpbCourse .con .text02 .list li .list-tit .time{ float:right; color:#fd7400;}
.course-mod .jpbCourse .con .text02 .list li .list-tit .time strong{ font-size:18px; font-family:'DIN Alternate';}
.course-mod .jpbCourse .con .text02 .list li .text{ line-height:26px; color:#666;}
.course-mod .jpbCourse .con .text02 .list li:before{ content:""; width:6px; height:6px; background:#a6d0f4; border-radius:50%; position:absolute; left:-2px; top:10px;}
.course-mod .jpbCourse .con .text02 .list li:after{ content:""; width:1px; height:60px; border-right:1px dashed #8bcaff; position:absolute; left:0; top:14px;}
.course-mod .jpbCourse .con .text02 .list li:last-child:after{ display:none;}
.course-mod .jpbCourse .con .text03{ padding:15px 0 0;}
.course-mod .jpbCourse .con .text03 li{ font-size:16px; line-height:36px;}
.course-mod .jpbCourse .con .text03 li i{ font-size:12px; color:#666;}
.course-mod .jpbCourse .con .text03 span{ display:inline-block; width:56px; height:26px; border-radius:30px; margin-right:10px; vertical-align:middle;}
.course-mod .studMode{ border-radius:10px; margin-top:20px; padding-bottom:15px; box-shadow:0 4px 8px #e6efff; position:relative; background:url("/images/zhongjizhicheng/project/2025project/index/studMode-tit01.png") no-repeat 278px 42px #f3f8ff;}
.course-mod .studMode:before{ content:""; width:17px; height:9px; position:absolute; left:22px; top:-9px; background:url("/images/zhongjizhicheng/project/2025project/index/studMode-ico01.png") no-repeat;}
.course-mod .studMode .tit{ padding:15px 0 0 2px;}
.course-mod .studMode .tit h4{ display:inline-block; line-height:29px; color:#fff; padding:0 20px 0 28px; position:relative; background:#43b4ff; background-image:-webkit-linear-gradient(left, #5d8efe, #43b4ff); background-image:-moz-linear-gradient(left, #5d8efe, #43b4ff); background-image:linear-gradient(left,#5d8efe,#43b4ff);}
.course-mod .studMode .tit h4:before{ content:""; width:11px; height:29px; position:absolute; right:-11px; top:0; background:url("/images/zhongjizhicheng/project/2025project/index/studMode-ico02.png") no-repeat;}
.course-mod .studMode .list{ margin:0 0 0 20px; padding-bottom:10px; border-left:1px dashed #daecff;}
.course-mod .studMode .list p{ line-height:22px; font-size:16px; padding:8px 0 8px 18px; position:relative;}
.course-mod .studMode .list p.arrow-tags:before{ content:""; width:15px; height:8px; position:absolute;left:-6px; top:17px; background:url("/images/zhongjizhicheng/project/2025project/index/studMode-ico03.png") no-repeat;}
.course-mod .studMode .list p .tips{ display:inline-block; line-height:20px; font-size:12px; color:#fff; padding:0 5px; border-radius:40px 40px 40px 0; margin-left:10px; background:#6b58ff; background-image:-webkit-linear-gradient(left, #6b58ff, #a494fe); background-image:-moz-linear-gradient(left, #6b58ff, #a494fe); background-image:linear-gradient(left,#6b58ff,#a494fe);}
.course-mod .studMode .bottom-text{ line-height:32px; text-align:center; color:#078ef8; background:#daecff; position:relative; border-radius:40px;}
.course-mod .studMode .bottom-text span{ display:block; width:51px; height:41px; color:#fff; padding-top:10px; font-weight:bold; font-size:11px; line-height:17px; position:absolute; left:0; top:-10px; background:url("/images/zhongjizhicheng/project/2025project/index/studMode-ico04.png") no-repeat;}
.course-mod .studMode .bottom-text span i{ font-size:18px;}
.course-mod .studMode.syb-tags{ background:url("/images/zhongjizhicheng/project/2025project/index/sybCourse-text04.png") no-repeat 278px 42px #f6f6ff;}
.course-mod .studMode.syb-tags h4{ background:#6b58ff; background-image:-webkit-linear-gradient(left, #6b58ff, #a494fe); background-image:-moz-linear-gradient(left, #6b58ff, #a494fe); background-image:linear-gradient(left,#6b58ff,#a494fe);}
.course-mod .studMode.syb-tags h4:before{ background:url("/images/zhongjizhicheng/project/2025project/index/sybCourse-ico03.png") no-repeat;}
.course-mod .studMode.syb-tags:before{ background:url("/images/zhongjizhicheng/project/2025project/index/sybCourse-ico01.png") no-repeat;}
.course-mod .studMode.syb-tags .list p.arrow-tags:before{ background:url("/images/zhongjizhicheng/project/2025project/index/sybCourse-ico04.png") no-repeat;}
.course-mod .studMode.syb-tags .bottom-text{ background:#e6e6ff; color:#6b58ff;}
.course-mod .send{ background:#f3f8ff; margin-top:16px;}
.course-mod .send .tit{ width:42px; height:125px; font-size:22px; color:#078ef8; font-weight:bold; line-height:125px; text-align:center; border-radius:6px 0 0 6px; background:#a0d7ff; background-image:-webkit-linear-gradient(left, #9ad6ff, #a0d7ff); background-image:-moz-linear-gradient(left, #9ad6ff, #a0d7ff); background-image:linear-gradient(left,#9ad6ff,#a0d7ff);}
.course-mod .send .text{ width:262px; padding:10px 0 0;}
.course-mod .send .text p{ line-height:26px;}
.course-mod .send .text .pic{ vertical-align:middle;}
.course-mod .send.syb-tags{ background:#f6f6ff;}
.course-mod .send.syb-tags .tit{ color:#6247ff; background:#c0bffd; background-image:-webkit-linear-gradient(top, #c0bffd, #e3e5ff); background-image:-moz-linear-gradient(top, #c0bffd, #e3e5ff); background-image:linear-gradient(top,#c0bffd,#e3e5ff);}

.course-mod .sybCourse{ width:356px; box-shadow:0 5px 10px #e6e6e6; border-radius:12px;}
.course-mod .sybCourse .top-tit{ height:229px; position:relative; background:url("/images/zhongjizhicheng/project/2025project/index/sybCourse-tit.jpg") no-repeat;}
.course-mod .sybCourse .top-tit p{ text-align:center; color:#fff; line-height:40px; padding-top:70px;}
.course-mod .sybCourse .top-tit p span{ position:relative;}
.course-mod .sybCourse .top-tit p span i{ display:inline-block; position:absolute; right:-90px; top:-10px; line-height:25px; font-size:12px; color:#5253fa; vertical-align:top; background:#e8fcfc; padding:0 9px; border-radius:40px 40px 40px 0; margin-left:6px;}
.course-mod .sybCourse .top-tit .pic{ padding-left:18px; position:absolute; left:0; bottom:0;}
.course-mod .sybCourse .top-tit .book{ right:0; bottom:0;}
.course-mod .sybCourse .top-tit .book span{ display:block; width:100%; text-align:center; font-size:12px; color:#f30e03; line-height:16px; position:absolute; left:0; top:59px;}
.course-mod .sybCourse .top-tit02{ width:100%; background:#6f61f8; line-height:30px; text-align:center; color:#fff;}
.course-mod .sybCourse .con{ padding:10px 18px 24px;}
.course-mod .sybCourse .con .tit01{ height:42px; border-bottom:1px solid #e7e7e7; position:relative;}
.course-mod .sybCourse .con .tit01:before{ content:""; width:26px; height:3px; background:#078ef8; position:absolute; right:0; bottom:-2px;}
.course-mod .sybCourse .con .tit01 span{ display:block; float:left; width:35px; height:26px; line-height:26px; text-align:center; margin:9px 0 0; font-size:16px; color:#fff; font-weight:bold; border-radius:30px; box-shadow:0 4px 8px #857ee8; background:#423ae0; background-image:-webkit-linear-gradient(top, #978fff, #423ae0); background-image:-moz-linear-gradient(top, #978fff, #423ae0); background-image:linear-gradient(top,#978fff,#423ae0);}
.course-mod .sybCourse .con .tit01 h3{ float:left; padding:11px 0 0 11px;}

.course-mod .sybCourse .con .text01{ padding:16px 0 6px 0;}
.course-mod .sybCourse .con .text01 p{ line-height:24px; margin-bottom:6px;}
.course-mod .sybCourse .con .text01 p span{ display:inline-block; width:116px; height:24px; line-height:24px; text-align:center; background:#f6f6ff; margin-right:9px; border-radius:4px;}
.course-mod .sybCourse .con .tit01 p{ display:block; float:left; line-height:42px; color:#999; padding-left:15px; }
.course-mod .sybCourse .con .tit02{ line-height:50px; font-size:18px; font-weight:bold; padding:6px 0 0 4px; border-top:1px solid #eee;}
.course-mod .sybCourse .con .tit03{ line-height:50px; padding-top:2px; font-size:18px; font-weight:bold;}
.course-mod .sybCourse .con .text02{ background:#efefff; border-radius:10px; padding:22px 8px 0; width:320px; margin:46px 0 0 -8px; box-shadow:0 4px 8px #dce8fe; position:relative;}
.course-mod .sybCourse .con .text02 h3{ line-height:26px; font-size:18px; margin:0 0 0 22px; position:relative; background:url("/images/zhongjizhicheng/project/2025project/index/skb-bg01.png") no-repeat left bottom;}
.course-mod .sybCourse .con .introduce01{ margin:30px auto 0;}
.course-mod .sybCourse .con .introduce01 h4{ height:34px; line-height:34px; text-align:center; font-size:16px; color:#fff; border-radius:8px 8px 0 0; background:#7a77ff; background-image:-webkit-linear-gradient(left, #7a77ff, #6143ff); background-image:-moz-linear-gradient(left, #7a77ff, #6143ff); background-image:linear-gradient(left,#7a77ff,#6143ff);}
.course-mod .sybCourse .con .introduce01 .introduce-con{ background:#fff; border-radius:0 0 8px 8px;}
.course-mod .sybCourse .con .introduce01 .introduce-con ul{ padding:10px 13px 10px 23px;}
.course-mod .sybCourse .con .introduce01 .introduce-con li{ padding:3px 0;}
.course-mod .sybCourse .con .introduce01 .introduce-con h5{ line-height:32px; font-size:16px;}
.course-mod .sybCourse .con .introduce01 .introduce-con h5 span{ display:block; float:right; font-size:14px; color:#fd7400; font-weight:normal;}
.course-mod .sybCourse .con .introduce01 .introduce-con h5 span i{ font-size:18px; font-weight:bold;}
.course-mod .sybCourse .con .introduce01 .introduce-con p{ line-height:28px; color:#666;}
.course-mod .sybCourse .con .introduce02{ width:155px;}
.course-mod .sybCourse .con .introduce02 h4{ height:34px; line-height:34px; text-align:center; font-size:16px; color:#fff; border-radius:8px 8px 0 0; background:#7a77ff; background-image:-webkit-linear-gradient(left, #7a77ff, #6143ff); background-image:-moz-linear-gradient(left, #7a77ff, #6143ff); background-image:linear-gradient(left,#7a77ff,#6143ff);}
.course-mod .sybCourse .con .introduce02 h4.bg01{ background:#3385ff; background-image:-webkit-linear-gradient(left, #3385ff, #4175ff); background-image:-moz-linear-gradient(left, #3385ff, #4175ff); background-image:linear-gradient(left,#3385ff,#4175ff);}
.course-mod .sybCourse .con .introduce02 .introduce-con{ background:#fff; border-radius:0 0 8px 8px; padding-bottom:12px;}
.course-mod .sybCourse .con .introduce02 .introduce-con .teacher-pic{ height:90px;}
.course-mod .sybCourse .con .introduce02 .introduce-con h5{ padding:9px 0; text-align:center; font-size:0;}
.course-mod .sybCourse .con .introduce02 .introduce-con h5 span{ display:inline-block; line-height:26px; font-size:16px; position:relative;}
.course-mod .sybCourse .con .introduce02 .introduce-con h5 span:before,.course-mod .sybCourse .con .introduce02 .introduce-con h5 span:after{ content:""; width:19px; height:2px; position:absolute; left:-27px; top:11px; background:#6953ff; background-image:-webkit-linear-gradient(left, #fff, #6953ff); background-image:-moz-linear-gradient(left, #fff, #6953ff); background-image:linear-gradient(left,#fff,#6953ff);}
.course-mod .sybCourse .con .introduce02 .introduce-con h5 span:after{ left:auto; right:-27px; background-image:-webkit-linear-gradient(left, #6953ff, #fff); background-image:-moz-linear-gradient(left, #6953ff, #fff); background-image:linear-gradient(left,#6953ff,#fff);}
.course-mod .sybCourse .con .introduce02 .introduce-con .time{ width:135px; height:29px; line-height:29px; text-align:center; background:#f4f4ff; margin:0 auto; color:#fd7400;}
.course-mod .sybCourse .con .introduce02 .introduce-con .time span{ font-size:18px;}
.course-mod .sybCourse .con .introduce02 .introduce-con h6{ line-height:28px; font-size:12px; color:#6b58ff; text-align:center; padding-top:7px;}
.course-mod .sybCourse .con .introduce02 .introduce-con p{ line-height:25px; color:#666; padding:0 0 0 16px;}
.course-mod .sybCourse .con .tips{ line-height:42px; color:#666; padding-left:19px;}
.course-mod .sybCourse .con .text03{ padding:15px 0 0;}
.course-mod .sybCourse .con .text03 li{ font-size:16px; line-height:36px;}
.course-mod .sybCourse .con .text03 li i{ font-size:12px; color:#666;}
.course-mod .sybCourse .con .text03 span{ display:inline-block; width:56px; height:26px; border-radius:30px; margin-right:10px; vertical-align:middle;}

.course-mod .qjbCourse{ width:446px; box-shadow:0 5px 10px #e2bb94; border-radius:12px;}
.course-mod .qjbCourse .top-tit{ height:286px; position:relative; background:url("/images/zhongjizhicheng/project/2025project/index/qjbCourse-tit.jpg") no-repeat;}
.course-mod .qjbCourse .top-tit p{ text-align:center; color:#fff; line-height:40px; padding-top:70px;}
.course-mod .qjbCourse .top-tit .tips01{ width:207px; line-height:32px; text-align:center; font-size:16px; color:#642705; left:9px; top:-16px; background:url("/images/zhongjizhicheng/project/2025project/index/qjbCourse-bg01.png") no-repeat;}
.course-mod .qjbCourse .top-tit .tips02{ top:12px; right:4px;}
.course-mod .qjbCourse .top-tit p{ text-align:center; color:#ffedc6; line-height:40px; padding-top:70px;}
.course-mod .qjbCourse .top-tit .pic{ width:100%; text-align:center; position:absolute; left:0; bottom:0;}
.course-mod .qjbCourse .con{ background:#c92106; padding:0 0 11px; border-radius:0 0 12px 12px;}
.course-mod .qjbCourse .con .prize{ width:386px; background:#fff; border-radius:10px; margin:16px auto 0; padding:0 20px 13px;}
.course-mod .qjbCourse .con .prize .top-tit{ width:185px; height:44px; left:50%; top:-10px; margin-left:-92px; padding-top:5px; font-weight:bold; text-align:center; line-height:30px; font-size:18px; color:#823b0d; background:url("/images/zhongjizhicheng/project/2025project/index/qjbCourse-tit02.png") no-repeat;}
.course-mod .qjbCourse .con .prize .prize-con{}
.course-mod .qjbCourse .con .prize .prize-con .box{ height:42px; background:#fff1e8; border-radius:6px; margin-bottom:10px; position:relative;}
.course-mod .qjbCourse .con .prize .prize-con .box:before{ content:""; width:20px; height:20px; position:absolute; left:206px; bottom:-17px; z-index:9; background:url("/images/zhongjizhicheng/project/2025project/index/schedule-ico03.png") no-repeat;}
.course-mod .qjbCourse .con .prize .prize-con .box h4{ display:block; float:left; width:138px; line-height:42px; text-indent:25px; font-size:16px; color:#fff; font-weight:bold; border-radius:6px; background:#feedd9; background-image:-webkit-linear-gradient(left, #fd8c2d, #fe9f30); background-image:-moz-linear-gradient(left, #fd8c2d, #fe9f30); background-image:linear-gradient(left,#fd8c2d,#fe9f30);}
.course-mod .qjbCourse .con .prize .prize-con .box p{ display:block; float:left; line-height:42px; color:#fd7400; padding-left:40px;}
.course-mod .qjbCourse .con .prize .prize-con .box p strong{ font-size:22px; color:#f4664a;}
.course-mod .qjbCourse .con .prize .prize-con .box.last-tags:before{ display:none;}
.course-mod .qjbCourse .con .total-prize{ height:154px;}
.course-mod .qjbCourse .con .total-prize .top-con{ line-height:101px; text-align:center;}
.course-mod .qjbCourse .con .total-prize .top-con b{ font-size:30px;}
.course-mod .qjbCourse .con .total-prize .top-con em{ font-size:18px;}
.course-mod .qjbCourse .con .total-prize .top-con .sale-tags{ display:inline-block; vertical-align:top; width:104px; height:73px; text-align:center; margin-right:20px; padding-top:28px; font-size:15px; color:#fff; line-height:22px; background:url("/images/zhongjizhicheng/project/2025project/index/qjbCourse-prize01.png") no-repeat;}
.course-mod .qjbCourse .con .total-prize .top-con .sale-tags strong{ font-size:22px;}
.course-mod .qjbCourse .con .total-prize .top-con .sale-tags strong i{ font-size:15px;}
.course-mod .qjbCourse .con .total-prize .top-con .sale-tags.other-tags{ font-size:21px; line-height:48px;}
.course-mod .qjbCourse .con .total-prize .bottom-con01{ text-align:center; font-size:0; margin-top:-20px;}
.course-mod .qjbCourse .con .total-prize .bottom-con01 .box{ display:inline-block; width:155px; font-size:14px;}
.course-mod .qjbCourse .con .total-prize .bottom-con01 .box.w1{ width:130px;}
.course-mod .qjbCourse .con .total-prize .bottom-con01 .box p{ line-height:30px;}
.course-mod .qjbCourse .con .total-prize .bottom-con01 .box p.p1{ font-size:18px; font-weight:bold; color:#f4664a;}
.course-mod .qjbCourse .con .total-prize .bottom-con01 .box .tips{ display:inline-block; line-height:28px; color:#ef4608; padding:0 15px; border-radius:40px 40px 40px 0; background:#ffdd87; background-image:-webkit-linear-gradient(left, #ffdd87, #ffdead); background-image:-moz-linear-gradient(left, #ffdd87, #ffdead); background-image:linear-gradient(left,#ffdd87,#ffdead);}
.course-mod .qjbCourse .con .total-prize .bottom-con01 .box .p2{ font-size:34px; line-height:38px; color:#ef4608; font-weight:bold;}
.course-mod .qjbCourse .con .total-prize .bottom-con01 .box .p2 i{ font-size:18px;}
.course-mod .qjbCourse .con .total-prize .bottom-con01 .arrow{ display:inline-block; width:40px; height:27px; background:url("/images/zhongjizhicheng/project/2025project/index/qjbCourse-prize02.png") no-repeat;}
.course-mod .qjbCourse .con .total-prize .bottom-con02{ line-height:40px; text-align:center; font-size:14px;}
.course-mod .qjbCourse .con .total-prize .bottom-con02 strong{ font-size:34px; color:#ef4608; font-family:"DIN Alternate";}
.course-mod .qjbCourse .con .total-prize .bottom-con02 strong i{ font-size:18px; font-weight:normal;}
.course-mod .qjbCourse .con .pic{ text-align:center;}
.course-mod .qjbCourse .con .pic-con{ text-align:center;}


.course-mod .qjbCourse .top-nav{ height:186px; background:url("/images/zhongjizhicheng/project/2025project/index/qjbCourse-bg01.jpg") no-repeat;}
.course-mod .qjbCourse .top-nav .top-con{ text-align:center; font-size:0; padding:12px 0 0;}
.course-mod .qjbCourse .top-nav .top-con .box{ display:inline-block; width:198px; height:126px; margin:0 5px; border-radius:15px; background:#feedd9; background-image:-webkit-linear-gradient(left, #feedd9, #fdd5ae); background-image:-moz-linear-gradient(left, #feedd9, #fdd5ae); background-image:linear-gradient(left,#feedd9,#fdd5ae);}
.course-mod .qjbCourse .top-nav .top-con .box .tit{ line-height:30px; font-size:14px; color:#5e3100; font-weight:bold;}
.course-mod .qjbCourse .top-nav .top-con .box .pic02{ height:64px;}
.course-mod .qjbCourse .top-nav .top-con .box .text{ line-height:32px; text-align:center; font-size:16px; color:#fff; font-weight:bold; background:#ff6b31; background-image:-webkit-linear-gradient(left, #ff6b31, #ff9b1f); background-image:-moz-linear-gradient(left, #ff6b31, #ff9b1f); background-image:linear-gradient(left,#ff6b31,#ff9b1f); border-radius:0 0 15px 15px;}
.course-mod .qjbCourse .top-nav .bottom-text{ font-size:16px; color:#5e3100; font-weight:bold; text-align:center; line-height:42px; padding-top:6px;}
.course-mod .qjbCourse .schedule-con{ padding:10px 10px 0;}
.course-mod .qjbCourse .schedule-con .tit01{ height:42px; background:url("/images/zhongjizhicheng/project/2025project/index/schedule-tit01.png") no-repeat;}
.course-mod .qjbCourse .schedule-con .tit01 h4{ float:left; font-size:18px; color:#fff; font-weight:bold; line-height:37px; padding-left:20px;}
.course-mod .qjbCourse .schedule-con .tit01 .num{ float:right; width:45px; height:37px;}
.course-mod .qjbCourse .schedule-con .tit01 .num.num01{ background:url("/images/zhongjizhicheng/project/2025project/index/schedule-num01.png") no-repeat left 7px;}
.course-mod .qjbCourse .schedule-con .tit01 .num.num02{ background:url("/images/zhongjizhicheng/project/2025project/index/schedule-num02.png") no-repeat left 7px;}
.course-mod .qjbCourse .schedule-con .tit01 .num.num03{ background:url("/images/zhongjizhicheng/project/2025project/index/schedule-num03.png") no-repeat left 7px;}
.course-mod .qjbCourse .schedule-con .tit01.bg02{ background:url("/images/zhongjizhicheng/project/2025project/index/schedule-tit02.png") no-repeat;}
.course-mod .qjbCourse .schedule-con .live-con{ width:207px;}
.course-mod .qjbCourse .schedule-con .live-con .main-con{ border:1px solid #ffc16e; border-top:0; background:#fff; padding-bottom:13px; border-radius:0 0 8px 8px;}
.course-mod .qjbCourse .schedule-con .live-con .teacher{ text-align:center; font-size:0; padding-top:9px;}
.course-mod .qjbCourse .schedule-con .live-con .teacher .btn{ display:inline-block; vertical-align:top; width:63px; text-decoration:none;}
.course-mod .qjbCourse .schedule-con .live-con .teacher .btn .teacher-pic{ display:block; width:48px; height:48px; margin:0 auto;}
.course-mod .qjbCourse .schedule-con .live-con .teacher .btn .t1{ line-height:23px; color:#490001; font-size:14px;}
.course-mod .qjbCourse .schedule-con .live-con .teacher .btn .t2{ line-height:23px; font-size:12px; color:#9e9797;}
.course-mod .qjbCourse .schedule-con .live-con .tit02{ height:24px; margin:12px 8px 0; position:relative;}
.course-mod .qjbCourse .schedule-con .live-con .tit02 span{ display:block; line-height:24px; font-size:18px; font-weight:bold; position:relative; padding-left:4px;}
.course-mod .qjbCourse .schedule-con .live-con .tit02:before{ content:""; width:168px; height:7px; position:absolute; left:0; bottom:0; background:#ff8136; background-image:-webkit-linear-gradient(left, #ff8136, #fff); background-image:-moz-linear-gradient(left, #ff8136, #fff); background-image:linear-gradient(left,#ff8136,#fff);}
.course-mod .qjbCourse .schedule-con .live-con .text01{ margin:0 15px; padding:0 0 7px 14px;}
.course-mod .qjbCourse .schedule-con .live-con .text01 h4{ line-height:27px; font-size:16px; color:#5e3100; margin-top:10px; position:relative;}
.course-mod .qjbCourse .schedule-con .live-con .text01 h4:before{ content:""; width:6px; height:6px; background:#ffaa27; border-radius:50%; position:absolute; left:-13px; top:10px;}
.course-mod .qjbCourse .schedule-con .live-con .text01 .t1{ line-height:25px; color:#5e3100;}
.course-mod .qjbCourse .schedule-con .live-con .text01 .t2{ line-height:20px; font-size:12px; color:#b88a59; margin:5px 0 0; position:relative;}
.course-mod .qjbCourse .schedule-con .live-con .text01 .t2:before{ content:""; width:4px; height:2px; background:#ddcab8; position:absolute; left:-8px; top:10px;}
.course-mod .qjbCourse .schedule-con .live-con .text01 .t2 .book-pic{ position:absolute; right:0; bottom:-15px;}
.course-mod .qjbCourse .schedule-con .live-con .time{ width:175px; height:29px; line-height:29px; text-align:center; margin:4px auto 2px; color:#fd7400; background:#fff4eb;}
.course-mod .qjbCourse .schedule-con .live-con .time strong{ font-size:18px;}
.course-mod .qjbCourse .schedule-con .schedule-right{ width:207px;}
.course-mod .qjbCourse .schedule-con .lubo-con{ border-radius:0 0 12px 12px; padding:0 0 9px 0; margin-bottom:10px; background:#ffc972; background-image:-webkit-linear-gradient(top, #ffc972, #ffe3b1,#fba418); background-image:-moz-linear-gradient(top, #ffc972, #ffe3b1,#fba418); background-image:linear-gradient(top, #ffc972, #ffe3b1,#fba418);}
.course-mod .qjbCourse .schedule-con .lubo-con .box{ width:194px; margin:0 auto 9px; border-radius:8px; padding:9px 0 10px 0; position:relative; background:#ff8136; background-image:-webkit-linear-gradient(left, #fffbf0, #ffefcc); background-image:-moz-linear-gradient(left, #fffbf0, #ffefcc); background-image:linear-gradient(left,#fffbf0,#ffefcc);}
.course-mod .qjbCourse .schedule-con .lubo-con .box h4{ line-height:31px; font-size:18px; color:#653500; padding:0 0 0 13px; position:relative;}
.course-mod .qjbCourse .schedule-con .lubo-con .box h4 .tips{ display:block; width:44px; height:27px; line-height:27px; font-size:16px; color:#fff; position:absolute; top:4px; right:8px; text-indent:16px; background:url("/images/zhongjizhicheng/project/2025project/index/schedule-ico01.png") no-repeat;}
.course-mod .qjbCourse .schedule-con .lubo-con .box p{ line-height:27px; font-size:12px; color:#5e3100; padding:0 0 0 13px;}
.course-mod .qjbCourse .schedule-con .lubo-con .box .time{ line-height:27px; color:#fd7400; background:#ffe2bc; text-indent:13px; margin-top:4px; margin-bottom:2px; }
.course-mod .qjbCourse .schedule-con .lubo-con .box .time strong{ font-size:18px;}
.course-mod .qjbCourse .schedule-con .lubo-con .box .addIcon{ display:block; width:20px; height:20px; position:absolute; left:50%; margin-left:-10px; bottom:-15px; z-index:9; background:url("/images/zhongjizhicheng/project/2025project/index/schedule-ico03.png") no-repeat;}
.course-mod .qjbCourse .schedule-con .lubo-con .box.mt0{ margin-bottom:0;}
.course-mod .qjbCourse .schedule-con .ai-con{ border:1px solid #ffc16e; border-top:0; border-radius:0 0 8px 8px; background:#fff6f1; background-image:-webkit-linear-gradient(top, #fff6f1, #fefad0); background-image:-moz-linear-gradient(top, #fff6f1, #fefad0); background-image:linear-gradient(top,#fff6f1,#fefad0);}
.course-mod .qjbCourse .schedule-con .ai-con .nav{ height:178px; background:url("/images/zhongjizhicheng/project/2025project/index/ai-bg01.png") no-repeat center 33px;}
.course-mod .qjbCourse .schedule-con .ai-con .nav h4{ display:block; font-weight:normal; width:88px; text-align:center; font-size:12px; color:#fff; left:50%; margin-left:-44px; top:66px;}
.course-mod .qjbCourse .schedule-con .ai-con .nav h4 strong{ font-size:16px; font-weight:bold; line-height:22px;}
.course-mod .qjbCourse .schedule-con .ai-con .nav p{ display:block; width:70px; height:35px; box-shadow:0 3px 6px #ffe6bd; border-radius:40px; position:absolute; text-align:center; padding-top:5px; line-height:14px; font-size:12px; background:url("/images/zhongjizhicheng/project/2025project/index/ai-bg02.png") no-repeat;}
.course-mod .qjbCourse .schedule-con .ai-con .nav p.p1{ left:24px; top:20px;}
.course-mod .qjbCourse .schedule-con .ai-con .nav p.p2{ right:31px; top:20px;}
.course-mod .qjbCourse .schedule-con .ai-con .nav p.p3{ right:2px; top:71px;}
.course-mod .qjbCourse .schedule-con .ai-con .nav p.p4{ right:31px; top:124px;}
.course-mod .qjbCourse .schedule-con .ai-con .nav p.p5{ left:26px; top:124px;}
.course-mod .qjbCourse .schedule-con .ai-con .nav p.p6{ left:3px; top:71px;}
.course-mod .qjbCourse .schedule-con .ai-con .tit01{ width:179px; height:43px; line-height:38px; padding-right:10px; text-align:center; font-size:14px; color:#fff; font-weight:bold; background:url("/images/zhongjizhicheng/project/2025project/index/ai-tit01.png") no-repeat;}
.course-mod .qjbCourse .schedule-con .ai-con .mode{ border-left:1px dashed #ffa881; color:#5e3100; margin:4px 0 0 15px; padding:0 0 0 17px;}
.course-mod .qjbCourse .schedule-con .ai-con .mode h4{ line-height:26px; font-size:16px; position:relative; margin-top:6px;}
.course-mod .qjbCourse .schedule-con .ai-con .mode h4 .t1{ display:block; width:26px; height:26px; line-height:26px; text-align:center; font-size:18px; color:#fff; position:absolute; left:-30px; top:0; border-radius:50%; background:#fff6f1; background-image:-webkit-linear-gradient(left, #f38859, #fec368); background-image:-moz-linear-gradient(left, #f38859, #fec368); background-image:linear-gradient(left,#f38859,#fec368);}
.course-mod .qjbCourse .schedule-con .ai-con .mode p{ line-height:20px; margin-top:6px; padding-bottom:8px; position:relative;}
.course-mod .qjbCourse .schedule-con .ai-con .mode p.tips{ margin-top:10px;}
.course-mod .qjbCourse .schedule-con .ai-con .mode p.tips:before{ content:""; width:15px; height:8px; position:absolute; left:-25px; top:7px; background:url("/images/zhongjizhicheng/project/2025project/index/ai-ico01.png") no-repeat;}
.course-mod .qjbCourse .schedule-con .ai-con .mode p .tags{ display:inline-block; line-height:20px; font-size:12px; color:#fff; padding:0 8px 0 5px; border-radius:40px 40px 40px 0; position:absolute; right:0; top:-17px; background:#ff6a2c; background-image:-webkit-linear-gradient(left, #ff6a2c, #ffbe63); background-image:-moz-linear-gradient(left, #ff6a2c, #ffbe63); background-image:linear-gradient(left,#ff6a2c,#ffbe63);}
.course-mod .qjbCourse .schedule-con .ai-con .text01{ text-align:center; font-size:16px; color:#ff511f; font-weight:bold; padding-top:50px;}
.course-mod .qjbCourse .helpStudy{ width:406px; position:relative; background:#fff; border-radius:10px; margin:16px auto 0; padding:38px 0 13px 20px;}
.course-mod .qjbCourse .helpStudy .top-tit{ width:185px; height:44px; position:absolute; left:50%; top:-10px; margin-left:-92px; padding-top:5px; font-weight:bold; text-align:center; line-height:30px; font-size:18px; color:#823b0d; background:url("/images/zhongjizhicheng/project/2025project/index/qjbCourse-tit02.png") no-repeat;}
.course-mod .qjbCourse .helpStudy .con01{ line-height:26px; font-size:16px;}
.course-mod .qjbCourse .helpStudy .con01 span{ display:inline-block; line-height:26px; font-size:16px; color:#ff6b36; margin-right:6px; background:#ffeacb; border-radius:50px; padding:0 13px;}
.course-mod .qjbCourse .helpStudy .con01 .tags{ display:inline-block; width:34px; height:25px; line-height:25px; font-size:12px; color:#ff6b36; font-weight:bold; text-align:center; margin-left:15px; padding-left:6px; background:url("/images/zhongjizhicheng/project/2025project/index/helpStudy-ico01.png") no-repeat;}
.course-mod .qjbCourse .helpStudy .con02{ padding:12px 0 0;}
.course-mod .qjbCourse .helpStudy .con02 .box{ float:left; width:176px; height:76px; padding:0 0 0 12px; background:#ffc67d; color:#5e3100; border:1px solid #fff; border-radius:8px; box-shadow:0 3px 6px #ffe8ca; position:relative; margin-right:10px;}
.course-mod .qjbCourse .helpStudy .con02 .box h4{ line-height:25px; font-size:16px; padding:14px 0 0 0;}
.course-mod .qjbCourse .helpStudy .con02 .box p{ line-height:25px;}
.course-mod .qjbCourse .helpStudy .con02 .box .tips{ display:block; width:63px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#fff; padding-left:10px; position:absolute; right:0; top:0; background:url("/images/zhongjizhicheng/project/2025project/index/helpStudy-ico02.png") no-repeat;}
.course-mod .send.qjb-tags{ width:389px; background:#fff7d9;}
.course-mod .send.qjb-tags .tit{ color:#5e3100; background:#ffc076; background-image:-webkit-linear-gradient(top, #ffc076, #ffcf88); background-image:-moz-linear-gradient(top, #ffc076, #ffcf88); background-image:linear-gradient(top,#ffc076,#ffcf88);}
.course-mod .send.qjb-tags .text{ width:308px;}
.course-mod .send.qjb-tags .text p{ color:#5e3100;}
.course-mod .send.qjb-tags .text .send-pic{ margin-top:6px;}

.course-mod .coupon02{ width:386px; height:59px; margin:0 auto; background:url("/images/zhongjizhicheng/project/2025project/index/course-bg02.png") no-repeat;}
.course-mod .coupon02 .prize-text{ float:left; width:119px; line-height:59px; font-size:36px; text-align:center; font-weight:bold; color:#f9eac4; font-family:'DIN Alternate';}
.course-mod .coupon02 .prize-text i{ display:inline-block; width:17px; height:17px; line-height:17px; vertical-align:15px; background:#f9eac4; margin-right:2px; border-radius:50%; font-size:13px; color:#ff5d0b;}
.course-mod .coupon02 .text{ float:left; width:120px; padding:12px 0 0 16px; line-height:19px; color:#f9eac4;}
.course-mod .coupon02 .btn{ display:block; float:right; width:102px; height:32px; line-height:32px; text-align:center; color:#e9380c; font-size:16px; font-weight:bold; border-radius:40px; margin:14px 13px 0 0; text-decoration:none; background:#ffebc9; background-image:-webkit-linear-gradient(left, #fee8c9,#ffe4b9, #fff1db); background-image:-moz-linear-gradient(left, #fee8c9,#ffe4b9, #fff1db); background-image:linear-gradient(left,#fee8c9,#ffe4b9, #fff1db);}

.course-mod .buy-con{ border-top:1px solid #eee; margin-top:18px;}
.course-mod .buy-con h3{ line-height:62px; font-size:18px;}
.course-mod .buy-con .prize{ height:44px; line-height:44px; border:1px solid #eaeaea; position:relative; margin-bottom: 10px; cursor: pointer;}
.course-mod .buy-con .prize h4{ float:left; padding-left:11px;}
.course-mod .buy-con .prize p{ display:block; float:left; font-size:22px; color:#f4664a; font-weight:bold; padding-left:60px;}
.course-mod .buy-con .prize p del{ font-size:18px; font-weight:normal; color:#333; padding-left:16px; vertical-align:1px;}
.course-mod .buy-con .prize span{ display:block; float:right; font-size:14px; padding-right:20px;}
.course-mod .buy-con .prize:before{ display: none; content:""; width:18px; height:18px; position:absolute; right:0; bottom:0; background:url("/images/zhongjizhicheng/project/2025project/index/course-ico01.png") no-repeat;}
.course-mod .buy-con .prize.on{ border:1px solid #f4664a;}
.course-mod .buy-con .prize.on:before{ display: block;}
.course-mod .buy-con .btn-wrap{ height:46px; padding:10px 0 0;}
.course-mod .buy-con .service-btn{ display:block; float:left; width:130px; height:44px; line-height:44px; font-size:18px; color:#e8403f; text-decoration:none; text-align:center; border:1px solid #e8403f; border-radius:6px; background:#ffeee8; -webkit-transition:margin-top .3s ease;-moz-transition:margin-top .3s ease;-o-transition:margin-top .3s ease;-ms-transition:margin-top .3s ease;transition:margin-top .3s ease;}
.course-mod .buy-con .service-btn:hover{ margin-top:-10px;}
.course-mod .buy-con .buy-btn{ display:block; float:right; width:162px; height:46px; font-weight:bold; line-height:46px; text-align:center; font-size:18px; color:#fff; text-decoration:none; border-radius:6px; background:#ff5742; -webkit-transition:margin-top .3s ease;-moz-transition:margin-top .3s ease;-o-transition:margin-top .3s ease;-ms-transition:margin-top .3s ease;transition:margin-top .3s ease;}
.course-mod .buy-con .buy-btn:hover{ margin-top:-10px;}
.course-mod .qjbCourse .buy-con{ border-top:0; padding:13px 0 0; margin-top:0;}
.course-mod .qjbCourse .buy-con .buy-btn{ width:213px;}
.course-mod .qjbCourse .details-btn{ width:auto; margin:10px 10px 0; border-radius:6px;}
.course-mod .qjbCourse .details-btn.other-tags{ width:389px; margin:10px 0 0; border-radius:6px;}
.course-mod .details-btn{ display:block; width:100%; height:32px; line-height:32px; text-align:center; text-decoration:none; background:#fff8f3; color:#fd7400; margin-top:18px;}

/**/
.choiceCourse-mod{ display:none; margin-top:20px; position:relative;}
.choiceCourse-mod .tab-con{ background:#fff; border-radius:10px; padding:17px 0 0;  box-shadow:0 0 15px #e6e6e6;}
.choiceCourse-mod .tab-con .tit{ height:44px;}
.choiceCourse-mod .tab-con .tit h4{ float:left; line-height:44px; width:110px; text-align:right; font-size:18px;}
.choiceCourse-mod .tab-con .btn-wrap{ background:#fff; border-radius:10px; margin-top:13px;}
.choiceCourse-mod .tab-con .choiceClass-tit{ padding:0 0 10px 110px;}
.choiceCourse-mod .tab-con .choiceClass-tit p{ display:block; float:left; height:38px; line-height:38px; padding:0 30px; font-size:16px; border:1px solid #d2d2d2; border-radius:4px; position:relative; margin-right:14px; cursor:pointer;}
.choiceCourse-mod .tab-con .choiceClass-tit p.on{ border:1px solid #f4664a; color:#f4664a;}
.choiceCourse-mod .tab-con .choiceClass-tit p.on i{display:block;width:17px;height:17px;position:absolute;right:0;bottom:0;background:url(/images/zhongjizhicheng/project/index2022/course-on-icon.png) no-repeat center;}
.choiceCourse-mod .choiceClass-con{ display:none}
.choiceCourse-mod .tab-con .con{ padding:0 0 8px 110px;}
.choiceCourse-mod .tab-con .course-tit{ line-height:18px; font-weight:bold; padding-bottom:9px;}
.choiceCourse-mod .tab-con .course-tit strong{ color:#f4664a;}
.choiceCourse-mod .tab-con .course-con{ padding:0 0 13px 0;}
.choiceCourse-mod .tab-con .course-con div{ margin-top:8px; background:url(/images/zhongjizhicheng/project/index2022/down.png) no-repeat; padding-left:20px; color:#f4694e; font-size:12px; line-height:24px;}
.choiceCourse-mod .tab-con .course-con p{ display:block; float:left; height:38px; line-height:38px; padding:0 30px; font-size:16px; border:1px solid #d2d2d2; overflow:hidden; border-radius:4px; position:relative; margin:0 14px 5px 0; cursor:pointer;}
.choiceCourse-mod .tab-con .course-con p.on{ border:1px solid #f4664a; color:#f4664a;}
.choiceCourse-mod .tab-con .course-con p.on i{display:block;width:17px;height:17px;position:absolute;right:0;bottom:0;background:url(/images/zhongjizhicheng/project/index2022/course-on-icon.png) no-repeat center;}
.choiceCourse-mod .tab-con .course-con input{ position:absolute; left:-50px; top:-50px;}
.choiceCourse-mod .close-btn{ display:block; width:20px; height:20px; right:28px; top:28px; background: url(/images/zhongjizhicheng/project/index2022/close-btn.png) no-repeat center;}
.choiceCourse-mod .shoppingCart-wrap{ background:#707fb0; padding:19px 40px 18px 0; border-radius: 0 0 10px 10px;}
.choiceCourse-mod .shoppingCart-wrap .text{ color:#fff; line-height:21px; padding:0 20px;margin-top:10px;}
.choiceCourse-mod .shoppingCart-wrap .text strong{ font-size:22px; vertical-align:-2px;}
.choiceCourse-mod .shoppingCart-wrap .buy-btn{ display:block; width:154px; height:42px; line-height:42px; text-align:center; background:#fb6345; border-radius:5px; font-size:20px; font-weight:bold; color:#fff; text-decoration:none;}
.choiceCourse-mod .shoppingCart-wrap .coinNumber{ float: left; width: 350px; padding-left:50px; font-size: 12px; color: #fff;}
.choiceCourse-mod .shoppingCart-wrap .coinNumber p{ font-size: 18px; display: none;}

/**/
.course-mod .vipCourse{ margin-top:29px;}
.course-mod .vipCourse .title{ height:115px; background:url("/images/zhongjizhicheng/project/2025project/index/vipCourse-tit.jpg") no-repeat;}
.course-mod .vipCourse .title .text{ padding:32px 0 0 425px;}
.course-mod .vipCourse .title .text p{ line-height:28px; font-size:16px; color:#441c00;}
.course-mod .vipCourse .title .book{ right:46px; bottom:0;}
.course-mod .vipCourse .title .tips{ display:inline-block; line-height:33px; font-size:22px; color:#fff; box-shadow:0 4px 8px #e3a46d; border-radius:40px 40px 40px 0; position:absolute; left:0; top:-16px; padding:0 24px; background:#b35307; background-image:-webkit-linear-gradient(left, #b35307, #ff9029); background-image:-moz-linear-gradient(left, #b35307, #ff9029); background-image:linear-gradient(left,#b35307, #ff9029);}
.course-mod .vipCourse .con{ background:#ffecd2; border:1px solid #ff946d; border-radius:0 0 10px 10px; padding-bottom:20px;}
/*.course-mod .vipCourse .top-con{ padding:0 16px;}*/
/*.course-mod .vipCourse .artificial-con{ width:718px; height:300px; border:1px solid #ffe9cc; border-radius:8px;}*/

.course-mod .vipCourse .con .intelligent-con,.course-mod .vipCourse .con .teacherDouble{width: 720px; position: relative; box-shadow: 0 5px 5px rgba(255,207,141,0.28); background: #fff; border-radius: 2px; margin: 15px 0 0 15px; border: 1px solid #ffe9cc; }
.course-mod .vipCourse .con .intelligent-con h3,.course-mod .vipCourse .con .teacherDouble h3{background:url(/images/zhongjizhicheng/project/2025project/index/z-tit01.png) no-repeat; width:606px; height: 49px; line-height: 46px; color: #fff; margin: -5px auto 0; text-align: center; font-weight: normal;}
.course-mod .vipCourse .con .intelligent-con h3 strong,.course-mod .vipCourse .con .teacherDouble h3 strong{ font-size: 18px; margin-right: 15px;}
.course-mod .vipCourse .con .intelligent-con ul{margin: 15px 0 15px 15px;}
.course-mod .vipCourse .con .intelligent-con li{display: inline-block; width: 295px; height: 233px; vertical-align: top; position: relative;}
.course-mod .vipCourse .con .intelligent-con li.intelligent-system01{background:url(/images/zhongjizhicheng/project/2025project/index/vipCourse-bg05.jpg) no-repeat; margin-right: 8px;}
.course-mod .vipCourse .con .intelligent-con li.intelligent-system01 i{ position: absolute; font-size: 14px;}
.course-mod .vipCourse .con .intelligent-con li.intelligent-system01 i.ico01{left: 50%; top: 15px; margin-left: -40px;}
.course-mod .vipCourse .con .intelligent-con li.intelligent-system01 i.ico02{left: 0px; top: 80px; width: 80px; text-align: center;}
.course-mod .vipCourse .con .intelligent-con li.intelligent-system01 i.ico03{right:0px; top: 80px; width: 80px; text-align: center;}
.course-mod .vipCourse .con .intelligent-con li.intelligent-system01 i.ico04{left:10px; top: 160px; width: 80px; text-align: center;}
.course-mod .vipCourse .con .intelligent-con li.intelligent-system01 i.ico05{right:10px; top:160px; width: 80px; text-align: center;}
.course-mod .vipCourse .con .intelligent-con li.intelligent-system01 i.ico06{left:50%; bottom:10px; margin-left: -40px; }
.course-mod .vipCourse .con .intelligent-con li.intelligent-system01 strong{ text-align: center; font-size: 16px; color: #9f3601; line-height: 22px; display: block; width: 80px; margin:98px auto 0; }
.course-mod .vipCourse .con .intelligent-con li.intelligent-system02{background:url(/images/zhongjizhicheng/project/2025project/index/vipCourse-bg06.jpg) no-repeat; width: 385px;}
.course-mod .vipCourse .con .intelligent-con li.intelligent-system02 strong{ display: block; width: 175px; margin:142px 0 0 112px; color: #fff; line-height: 18px; text-align: center;}

.course-mod .vipCourse .con .teacherDouble{ width: 430px;}
.course-mod .vipCourse .con .teacherDouble h3{background:url(/images/zhongjizhicheng/project/2025project/index/z-tit02.png) no-repeat; width:316px; }
.course-mod .vipCourse .con .teacherDouble .tit-tab{ width:216px; margin: 15px auto; height: 30px; line-height: 30px; border-radius: 15px;
    background:#ffc37f;
    background:-webkit-linear-gradient(90deg,#ffc37f,#ffe792);
    background:-moz-linear-gradient(90deg,#ffc37f,#ffe792);
    background:-ms-linear-gradient(90deg,#ffc37f,#ffe792);
    background:linear-gradient(90deg,#ffc37f,#ffe792);
}
.course-mod .vipCourse .con .teacherDouble .tit-tab li{ width: 108px; text-align: center; color: #6a1e00; float: left; font-weight: bold; cursor: pointer;}
.course-mod .vipCourse .con .teacherDouble .tit-tab li.on{ border-radius: 15px;
    background:#ffc37f;
    background:-webkit-linear-gradient(90deg,#fff3e6,#fff8d1);
    background:-moz-linear-gradient(90deg,#fff3e6,#fff8d1);
    background:-ms-linear-gradient(90deg,#fff3e6,#fff8d1);
    background:linear-gradient(90deg,#fff3e6,#fff8d1);
}

.course-mod .vipCourse .con .teacherDouble .teacher-style{ width: 390px; text-align: center; margin: 0 auto 20px;}
.course-mod .vipCourse .con .teacherDouble .teacher-style p{ border-radius: 10px; text-align: left; padding: 10px 20px 10px 40px; color: #6a1e00; position: relative;
    background:#fee6af;
    background:-webkit-linear-gradient(90deg,#fed8b2,#fee6af);
    background:-moz-linear-gradient(90deg,#fed8b2,#fee6af);
    background:-ms-linear-gradient(90deg,#fed8b2,#fee6af);
    background:linear-gradient(90deg,#fed8b2,#fee6af);
}
.course-mod .vipCourse .con .teacherDouble .teacher-style p:before{content: ''; display:block; background: url("/images/zhongjizhicheng/project/2025project/index/n-icon01.png") no-repeat; position: absolute; left:9px; top:11px; width: 22px; height: 22px;}

.course-mod .vipCourse .vip-class-list{margin: 15px 0 0 15px;}
.course-mod .vipCourse .vip-class-list .vip-A-class{width: 349px; position: relative; margin-right: 10px;background: url("/images/zhongjizhicheng/project/2025project/index/n-A-class.png") no-repeat; height: 138px;}
.course-mod .vipCourse .vip-class-list .vip-A-class span,.course-mod .vipCourse .vip-class-list .vip-B-class span{ position: absolute;left: 0; top: 0;background: url("/images/zhongjizhicheng/project/2025project/index/n-icon03.png") no-repeat; width: 73px; height: 45px; line-height:36px; padding-left: 25px; color: #fff; font-size: 20px; font-weight: bold;}
.course-mod .vipCourse .vip-class-list .vip-A-class p{ margin:25px 0 0 100px; line-height: 30px; font-size: 16px; color: #6a1e00;}
.course-mod .vipCourse .vip-class-list .vip-A-class p i{ font-style: italic; color: #f5170f; font-size: 22px; font-weight: bold;font-family: 'DIN Alternate';}
.course-mod .vipCourse .vip-class-list .vip-B-class{width: 359px;position: relative; margin-right: 10px;background: url("/images/zhongjizhicheng/project/2025project/index/n-B-class.png") no-repeat;height: 138px;}
.course-mod .vipCourse .vip-class-list .vip-B-class strong{ display: inline-block; width: 175px; text-align: center; font-size: 56px; color: #e4160d; margin-top: 25px;font-family: 'DIN Alternate';}
.course-mod .vipCourse .vip-class-list .vip-B-class strong i{ font-size: 40px;}
.course-mod .vipCourse .vip-class-list .vip-B-class p{display: inline-block; width: 179px; text-align: center; vertical-align: top; margin-top:25px;}
.course-mod .vipCourse .vip-class-list .vip-B-class p b{ color: #6a1e00; font-size: 18px;}
.course-mod .vipCourse .vip-class-list .vip-B-class p .n-btn-coupon{ display: block;background: url("/images/zhongjizhicheng/project/2025project/index/n-btn.png") no-repeat; width: 131px; height: 54px; line-height: 50px; text-align: center; color: #fff0d8; font-size: 18px; margin:5px auto 0;}
.course-mod .vipCourse .vip-class-list .vip-AB-class{width:435px;}
.course-mod .vipCourse .vip-class-list .vip-AB-class ul{ width:240px;}
.course-mod .vipCourse .vip-class-list .vip-AB-class ul li{width: 235px; margin-bottom: 10px; cursor: pointer; position: relative; height: 60px; border: 1px solid #fdce7e; border-radius: 5px; color: #522702; font-size: 12px; font-weight: bold;
    background:#fff3c2;
    background:-webkit-linear-gradient(42deg,#fff1da,#fff2c2);
    background:-moz-linear-gradient(42deg,#fff1da,#fff2c2);
    background:-ms-linear-gradient(42deg,#fff1da,#fff2c2);
    background:linear-gradient(42deg,#fff1da,#fff2c2);
}
.course-mod .vipCourse .vip-class-list .vip-AB-class ul li input{opacity: 0; width: 0; height: 0; position:absolute; left: 0; top: 0;}
.course-mod .vipCourse .vip-class-list .vip-AB-class ul li img{ float: left; margin: 5px 5px 0 5px;}
.course-mod .vipCourse .vip-class-list .vip-AB-class ul li strong{ color: #e4160d; display: inline-block; margin-top: 5px;}
.course-mod .vipCourse .vip-class-list .vip-AB-class ul li strong b{font-size: 18px;}
.course-mod .vipCourse .vip-class-list .vip-AB-class ul li i{ position: absolute; display: block; right: 0; bottom: 0; width: 33px; height: 30px;  background: url("/images/zhongjizhicheng/project/2025project/index/n-icon05.png") no-repeat; }
.course-mod .vipCourse .vip-class-list .vip-AB-class ul li.on{ border: 1px solid #d77413;}
.course-mod .vipCourse .vip-class-list .vip-AB-class ul li.on i{ background: url("/images/zhongjizhicheng/project/2025project/index/n-icon04.png") no-repeat;}
.course-mod .vipCourse .vip-class-list .vip-AB-class p{ width: 175px; margin:10px 0 0 15px;}
.course-mod .vipCourse .vip-class-list .vip-AB-class p a{ display: block; width: 172px; margin-bottom: 10px; height: 56px; line-height: 56px; border-radius: 28px;text-align: center; color: #fff; font-size: 20px;
    background:#cb6d06;
    background:-webkit-linear-gradient(7deg,#cb6d06,#e57f0d);
    background:-moz-linear-gradient(7deg,#cb6d06,#e57f0d);
    background:-ms-linear-gradient(7deg,#cb6d06,#e57f0d);
    background:linear-gradient(7deg,#cb6d06,#e57f0d);
}
.course-mod .vipCourse .vip-class-list .vip-AB-class .n-buy-now{
    background:#cb6d06;
    background:-webkit-linear-gradient(-67deg,#fb7711,#f30d03);
    background:-moz-linear-gradient(-67deg,#fb7711,#f30d03);
    background:-ms-linear-gradient(-67deg,#fb7711,#f30d03);
    background:linear-gradient(-67deg,#fb7711,#f30d03);
}
.course-mod .vipCourse .vip-class-list .vip-AB-class p a:hover{ text-decoration: none;
    background:-webkit-linear-gradient(7deg,#e57f0d,#cb6d06);
    background:-moz-linear-gradient(7deg,#e57f0d,#cb6d06);
    background:-ms-linear-gradient(7deg,#e57f0d,#cb6d06);
    background:linear-gradient(7deg,#e57f0d,#cb6d06);}
.course-mod .vipCourse .vip-class-list .vip-AB-class .n-buy-now:hover{
    background:-webkit-linear-gradient(-67deg,#f30d03,#fb7711);
    background:-moz-linear-gradient(-67deg,#f30d03,#fb7711);
    background:-ms-linear-gradient(-67deg,#f30d03,#fb7711);
    background:linear-gradient(-67deg,#f30d03,#fb7711);
}



/**/
.equity-con{background:#fff;border-radius:10px; margin-top:30px; border:1px solid #e9e9e9; padding:10px 16px 12px 26px;/* padding:10px 0 12px; */box-shadow:0 6px 12px #f2f3f4;}
.equity-con h3{ line-height:50px; font-size:16px;}
.equity-con p{ line-height:34px;}
.equity-con .hide{ display:none;}
.equity-con .btn{ display:block; width:52px; height:26px; border:1px solid #e1e1e1;  background:url("/images/zhongjizhicheng/project/2025project/index/course-ico02.png") no-repeat center; border-radius:50px; margin:12px auto 0;}
.equity-con .btn.on{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}


/**/
.courseSystem-wrap{ width:100%; height:886px; background:url("/images/zhongjizhicheng/project/2025project/index/courseSystem-bg.jpg") no-repeat center bottom #edf3f9;}
.courseSystem-mod .tab-tit{ text-align:center; font-size:0; margin-top:10px;}
.courseSystem-mod .tab-tit .btn{ display:inline-block; width:220px; height:50px; line-height:50px; text-align:center; position:relative; text-decoration:none; font-size:22px; color:#591d00; margin:0 20px; background:url("/images/zhongjizhicheng/project/2025project/index/teacher-tab02.png") no-repeat;}
.courseSystem-mod .tab-tit .btn.on{ height:60px; color:#ab1800; font-weight:bold; background:url("/images/zhongjizhicheng/project/2025project/index/teacher-tab01.png") no-repeat;}
.courseSystem-mod .tab-wrap{ height:457px; overflow:hidden;}
.courseSystem-mod .tab-con{ padding:28px 0 0 0;}
.courseSystem-mod .tab-con .left-tit{ float:left; width:197px;}
.courseSystem-mod .tab-con .left-tit .tit{ height:97px; text-align:center; background:url("/images/zhongjizhicheng/project/2025project/index/courseSystem-tit.png") no-repeat;}
.courseSystem-mod .tab-con .left-tit .tit h3{ height:32px; padding-top:28px;}
.courseSystem-mod .tab-con .left-tit .tit p{ color:#fff; line-height:18px; font-family:'DIN Alternate';}
.courseSystem-mod .tab-con .left-tit .list{border-top:1px solid #fff; border-radius:0 0 6px 6px; padding:27px 0 10px; background:#1189ea; background-image:-webkit-linear-gradient(top, #1189ea, #41bbea); background-image:-moz-linear-gradient(top, #1189ea, #41bbea); background-image:linear-gradient(top,#1189ea, #41bbea);}
.courseSystem-mod .tab-con .left-tit .list li{ height:48px; line-height:48px; text-align:center; font-size:16px; color:#fff; font-weight:bold; border-bottom:1px solid #61c4ee;}
.courseSystem-mod .tab-con .left-tit .list li:last-child{ border-bottom:0; }
.courseSystem-mod .tab-con .right-wrap{ width:993px; height:429px; overflow-x:auto;}
.courseSystem-mod .tab-con .right-con{ width:auto; height:429px; overflow:hidden;}
.courseSystem-mod .tab-con .right-con .list{ float:left; margin-right:8px; padding:10px; border-radius:6px; background:#cfe7ff;}
.courseSystem-mod .tab-con .right-con .list .tit{ width:100%; text-align:center; line-height:30px; font-size:18px; color:#197ff5; font-weight:bold; margin-bottom:8px; position: relative;}
.courseSystem-mod .tab-con .right-con .list .tit .view-pplive{ position: absolute; right: 10px; top: 0px; font-weight:normal; font-size: 14px; color: #ff6a2c; display: block; height: 26px; line-height: 26px; border-radius: 13px; padding: 0 15px; background: #f5f1ee;}
.courseSystem-mod .tab-con .right-con .list .table{}
.courseSystem-mod .tab-con .word-text{font-size: 14px; color: #777; text-align: center; margin-top:10px;}
.courseSystem-mod .tab-con .word-text strong{color: #197ff5;}
.courseSystem-mod .tab-con .right-con .list .table td{ height:28px; line-height:28px; position:relative; border-bottom:1px solid #cfe7ff; border-right:1px solid #cfe7ff; text-align:center; padding:10px 0; font-size:15px; background:#fff;}
.courseSystem-mod .tab-con .right-con .list .table thead td{ font-weight:bold;}
.courseSystem-mod .tab-con .right-con .list .table td .live-tags{ display:block; width:40px; height:40px; position:absolute; right:0; top:0; background:url("/images/zhongjizhicheng/project/2025project/index/courseSystem-ico01.png") no-repeat;}
.courseSystem-mod .tab-con .right-con .list .table td .send-tags{ display:block; line-height:26px; font-size:14px; color:#fff; font-weight:bold; padding:0 10px; position:absolute; left:-10px; top:9px; border-radius:40px 40px 5px 40px; background:#f41704; background-image:-webkit-linear-gradient(left, #f41704, #fb7711); background-image:-moz-linear-gradient(left, #f41704, #fb7711); background-image:linear-gradient(left,#f41704, #fb7711);}
.courseSystem-mod .tab-con .right-con .list.last-tags{ margin-right:0;}
.courseSystem-mod .tab-con .right-wrap::-webkit-scrollbar-track-piece {
    background-color: rgba(255, 255, 255, 1);
    border-left: 1px solid rgba(255, 86, 104, 0);
}
.courseSystem-mod .tab-con .right-wrap::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.courseSystem-mod .tab-con .right-wrap::-webkit-scrollbar-thumb {
    background-color: rgba(194, 194, 194, 0.9);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 10px;
}
.courseSystem-mod .tab-con .right-wrap::-webkit-scrollbar-thumb:hover {
    background-color: rgba(194, 194, 194, 0.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.courseSystem-mod .t-main-time{width:1200px;height:143px; margin-top:30px; background:url("/images/zhongjizhicheng/project/2025project/index/ct-time-bg.png") no-repeat center}
.courseSystem-mod .t-main-time li{width:150px;text-align:center;margin-right:90px;padding-top:74px}
.courseSystem-mod .t-main-time .t-item-tt{font-size:18px;font-weight:700;color:#333;padding-bottom:6px}
.courseSystem-mod .t-main-time .t-item-bt{font-size:14px;font-weight:400;color:#333}
.courseSystem-mod .t-main-time li.first{margin-left:258px}
.courseSystem-mod .t-main-time li.end{margin-right:0}

/**/
.helpExamination-wrap{ padding-bottom:46px; background:#f8f8f8;}
.helpExamination-mod02{width: 590px;}
.helpExamination-mod02 .top-tit{background:url("/images/zhongjizhicheng/project/2025project/index/helpExamination-tit01.png") no-repeat; width: 590px; height: 90px;}
.helpExamination-mod02 .top-tit h3{ display:block; float:left; height:82px; width:83px; font-size:44px; color:#fff; font-weight:bold; line-height:82px; text-shadow:0 2px 4px #fc6d35; text-align:center; padding-top:2px;}
.helpExamination-mod02 .top-tit h4{ display:block; float:left; line-height:82px; font-size:26px; color:#d34a00; font-weight:bold; padding-left:33px;}
.helpExamination-mod02 .top-tit .btn{ display:block; float:right; height:28px; line-height:28px; font-size:14px; color:#d34a00; padding:0 17px; text-decoration:none; border:1px solid #f2a780; border-radius:40px; margin:26px 30px 0 0;}
.helpExamination-mod02 .tiku-con{ padding-bottom: 30px;background: #fff; box-shadow:0 5px 10px #efefef;}
.helpExamination-mod02 .tiku-con .right-con{ margin-top:10px;  padding-left: 50px;}
.helpExamination-mod02 .tiku-con .right-con:before{ content:""; width:1px; height:93%; background:#dff0ff; position:absolute; left:30px; top:32px;}
.helpExamination-mod02 .tiku-con .right-con .tit{ line-height:48px; margin-top:5px; font-size:18px; font-weight:bold; position:relative;}
.helpExamination-mod02 .tiku-con .right-con .tit:before{ content:"";  width:8px; height:8px; border:2px solid #88bfff; background:#fff; border-radius:50%; position:absolute; left:-25px; top:50%; margin-top:-4px;}
.helpExamination-mod02 .tiku-con .right-con .con01{ width:515px; height:50px; border:1px dashed #ffc97a;}
.helpExamination-mod02 .tiku-con .right-con .con01 h4{ display:block; width:173px; height:52px; line-height:52px; color:#d34a00; text-indent:47px; background: url(//www.chinaacc.com/images/chujizhicheng/project/2024project/ico.png) no-repeat 0 -529px; position:absolute; left:-1px; top:-1px;}
.helpExamination-mod02 .tiku-con .right-con .con01 p{ display:block; line-height:20px; font-size:12px; color:#666; padding:6px 0 0 189px;}
.helpExamination-mod02 .tiku-con .right-con .con02{ width:515px; border:1px dashed #ffc97a;}
.helpExamination-mod02 .tiku-con .right-con .con02 ul{ padding:15px 0 15px 17px;}
.helpExamination-mod02 .tiku-con .right-con .con02 li{ float:left; width:230px; margin:0 38px 9px 0;}
.helpExamination-mod02 .tiku-con .right-con .con02 li:nth-child(2n){ margin-right:0;}
.helpExamination-mod02 .tiku-con .right-con .con02 h4{ height:26px; line-height:26px; font-size:14px; padding-left:24px; position:relative; white-space:nowrap;}
.helpExamination-mod02 .tiku-con .right-con .con02 h4:before{ content:""; width:18px; height:18px;background: url(//www.chinaacc.com/images/chujizhicheng/project/2024project/ico.png) no-repeat -93px -447px; position:absolute; left:0; top:50%; margin-top:-9px;}
.helpExamination-mod02 .tiku-con .right-con .con02 p{ font-size:12px; color:#999; line-height:16px; padding-top:5px;}
.helpExamination-mod02 .data-con{ background: #fff;  padding:0px 0 32px  25px; margin-top: 10px; box-shadow:0 5px 10px #efefef;}
.helpExamination-mod02 .data-con .list{background:url("/images/zhongjizhicheng/project/2025project/index/beutiful-gril.jpg") no-repeat right bottom #fff; padding-top: 35px;}
.helpExamination-mod02 .data-con .list li{position: relative; width: 326px; font-size: 14px; color: #888; padding-left: 23px; padding-bottom: 22px; line-height: 26px;}
.helpExamination-mod02 .data-con .list li:before{content:"";  width:8px; height:8px; border:2px solid #88bfff; background:#fff; border-radius:50%; position:absolute; left:-5px; top:50%; margin-top:-26px; z-index: 2;}
.helpExamination-mod02 .data-con .list li:after{content: ''; width: 1px; height: 100%; border-left: 1px dashed #dff0ff; position: absolute; left: 0; top:15px;}
.helpExamination-mod02 .data-con .list li strong{font-size:20px; margin-right: 5px;}
.helpExamination-mod02 .data-con .list li span{font-size: 16px; display: block; color: #333;}
.helpExamination-mod02 .data-con .list li:last-child:after{ border-left: 0;}
.helpExamination-mod02 .data-con .list02{ width:540px; height:90px;border:1px solid #f9e8cc; background:#ffeedc; background-image:-webkit-linear-gradient(left, #ffeedc, #fffdfa); background-image:-moz-linear-gradient(left, #ffeedc, #fffdfa); background-image:linear-gradient(left,#ffeedc,#fffdfa);}
.helpExamination-mod02 .data-con .list02 li{ float:left; width:250px; border-top:2px solid #fe6a2c; padding:10px 0 0 20px; line-height: 30px;}
.helpExamination-mod02 .data-con .list02 .tit{ line-height:36px; font-size:20px; font-weight:bold; position:relative;}
.helpExamination-mod02 .data-con .list02 .tit span{ display:inline-block; width:24px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#fff; background:#ff6600; border-radius:4px; vertical-align: middle; margin-right: 8px;}
.helpExamination-mod02 .data-con .list02 .text p{ line-height:28px; color:#888;}

/**/
.helpExamination-mod{ padding-bottom:40px;}
.helpExamination-mod .top-tit{ height:83px; background:url("/images/chujizhicheng/project/2024project/helpExamination-tit.png") no-repeat;}
.helpExamination-mod .top-tit h3{ display:block; float:left; height:82px; width:83px; font-size:44px; color:#fff; font-weight:bold; line-height:82px; text-shadow:0 2px 4px #fc6d35; text-align:center; padding-top:2px;}
.helpExamination-mod .top-tit h4{ display:block; float:left; line-height:82px; font-size:26px; color:#d34a00; font-weight:bold; padding-left:33px;}
.helpExamination-mod .top-tit .btn{ display:block; float:right; height:28px; line-height:28px; font-size:14px; color:#d34a00; padding:0 17px; text-decoration:none; border:1px solid #f2a780; border-radius:40px; margin:26px 30px 0 0;}
.helpExamination-mod .learn-knowledage{background:#fff; margin:15px 0 10px 82px; padding:32px 50px 0 42px; box-shadow:0 4px 8px #efefef;}
.helpExamination-mod .learn-knowledage dt{ float: right; margin-left: 40px;}
.helpExamination-mod .learn-knowledage dd{ border: 1px solid #f9e8cc; border-radius: 8px; width: 552px; margin-bottom: 20px;line-height: 28px;
    background:#ffeedc;
    background:-webkit-linear-gradient(#ffeedc,#fffdfa);
    background:-moz-linear-gradient(#ffeedc,#fffdfa);
    background:-ms-linear-gradient(#ffeedc,#fffdfa);
    background:linear-gradient(#ffeedc,#fffdfa);
}
.helpExamination-mod .learn-knowledage dd p{ background:url("/images/zhongjizhicheng/project/2025project/index/AI-icon01-n.png") no-repeat 10px bottom; padding:35px 0 35px 148px; }
.helpExamination-mod .learn-knowledage dd p.last{background:url("/images/zhongjizhicheng/project/2025project/index/AI-icon02-n.png") no-repeat 10px bottom; padding-bottom:20px 20px 20px 148px;}
.helpExamination-mod .learn-knowledage dd p strong{ display: inline-block; width:88px; background:url("/images/zhongjizhicheng/project/2025project/index/AI-icon03-n.png") no-repeat 0 7px; padding-left: 20px;}
.helpExamination-mod .learn-knowledage dd p.last strong{ margin-top: 20px;}
.helpExamination-mod .learn-knowledage dd i{ display: block; width: 68px; height: 36px; border-radius: 8px 0 22px 0; background: #ff6528; color: #fff; font-size: 18px; text-align: center; line-height: 36px; font-weight: bold; left: 0; top: 0;}
.helpExamination-mod .helpExamination-con:before{ content:""; width:1px; height:520px; position:absolute; left:37px; top:-17px; border-left:1px dashed #ffbda2;}

/**/
.ewm-wrap{ width:100%; height:253px; background:url("/images/zhongjizhicheng/project/2025project/index/ewm-bg.jpg") no-repeat center top;}
.ewm-mod{ padding:33px 0 0;}
.ewm-mod ul{ text-align:center; font-size:0;}
.ewm-mod li{ display:inline-block; width:258px;}
.ewm-mod li p{ text-align:center; color:#fff; line-height:32px; font-size:16px;}

/**/
.left-nav{width:140px;height:476px;position:fixed;left:0;top:50%;margin-top:-269px;background:url("/images/chujizhicheng/project/2024project/right-nav-bg.png") no-repeat center;padding-top:3px;z-index:92}
.left-nav .coins-outer{width:120px;margin-left:15px;padding-top:5px;cursor:pointer}
.left-nav .top-t{text-align:center;font-size:12px;font-weight:400;color:#fff}
.left-nav .top-t strong{font-size:14px}
.left-nav .consult-btn{display:block;text-decoration:none;text-align:center;width:90px;margin:21px 0 0 30px;font-size:16px;font-weight:700;color:#fefefe;padding-top:15px;background:#ffc71b}
.left-nav .consult-btn img{margin-bottom:5px;animation:activeBox 1s linear infinite;transform:translateX(0)}
.left-nav ul{width:90px;margin-left:30px; margin-top:15px;}
.left-nav ul li{width:90px;height:30px;background:#ffe3aa;border:1px dashed #fffbf4;border-radius:4px;line-height:30px;text-align:center;font-size:14px;font-weight:700;color:#6a3100;margin-bottom:6px;transition:all .25s ease-in-out;cursor:pointer}
.left-nav ul li a{display:block;color:inherit;text-decoration:none}
.left-nav ul li.on{background:#f9541c;border:1px solid #fff8f0;color:#fff}
.left-nav ul li:hover{background:#f9541c;border:1px solid #fff8f0;color:#fff}
.left-nav ul li.last{margin-bottom:12px}
.left-nav .phone{ display:none; text-align:center;font-size:12px;font-weight:700;color:#844c00;width:110px;margin-left:19px}
.left-nav .qr-code{margin:6px 0 8px 35px}
.left-nav .img-tip{width:110px;margin-left:19px;text-align:center;font-size:14px;font-weight:700;color:#fefefe}
.left-nav .top-btn{display:block;width:54px;height:54px;border-radius:50%;margin:26px 0 0 47px}
.left-nav .arrow{display:block;width:30px;height:50px;background:url(/images/zhongjizhicheng/project/index2022/fixNav-common.png) no-repeat 0 0;position:absolute;right:-20px;top:50%;margin-top:-25px;background-position-x:-28px}

/**/
.bottomFix-ad{ width:100%; height:101px; position:fixed; left:0; bottom:0; z-index:69; background:url("/images/zhongjizhicheng/project/2025project/index/bottomFix-ad.jpg") no-repeat center top;}
.bottomFix-ad .left-text{ width:630px; padding:16px 0 0;}
.bottomFix-ad .left-text h4{ line-height:42px; font-size:32px; font-weight:bold; text-shadow:0 5px 10px #ea3209; color:#ffebba; font-style:italic;}
.bottomFix-ad .left-text p{ line-height:22px; font-size:18px; color:#fff2d2;}
.bottomFix-ad .coupon{ width:198px; height:78px; margin-top:9px; background:url("/images/zhongjizhicheng/project/2025project/index/bottomFix-bg.png") no-repeat;}
.bottomFix-ad .coupon .text{ text-align:center; width:101px; padding:0 0 0 6px;}
.bottomFix-ad .coupon .text h4{ line-height:36px; font-size:40px; color:#e4160d; padding-top:8px;}
.bottomFix-ad .coupon .text h4 span{ font-size:28px; font-weight:normal;}
.bottomFix-ad .coupon .text p{ line-height:22px; font-size:16px; color:#6a1e00;}
.bottomFix-ad .coupon .coupon-btn{ display:block; width:69px; height:70px; margin:6px 6px 0 0; background:url("/images/zhongjizhicheng/project/2025project/index/bottomFix-btn.png") no-repeat;}
.bottomFix-ad .btn{ display:block; width:151px; height:51px; margin:30px 0 0 11px; line-height:0; font-size:0; background:url("/images/zhongjizhicheng/project/2025project/index/bottomFix-btn02.png") no-repeat;}
.bottomFix-ad .service-btn{ display:block; width:146px; height:46px; line-height:46px; text-align:center; font-size:20px; color:#a14b00; font-weight:bold; border-radius:40px; margin:30px 11px 0 0; text-decoration:none; border:2px solid #ff9518; background:#ffe1bd; background-image:-webkit-linear-gradient(top, #fffffe, #ffe1bd); background-image:-moz-linear-gradient(top, #fffffe, #ffe1bd); background-image:linear-gradient(top,#fffffe,#ffe1bd);}
.bottomFix-ad .close-btn{ display:block; width:30px; height:35px; position:absolute; right:10px; top:0; background: url("/images/zhongjizhicheng/project/2025project/index/bottomFix-close.png") no-repeat;}

/**/
.footer-wrap{ padding-bottom:101px;}


/**/
.mask {
    display: none;
    width: 100%;
    z-index: 989;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    position: fixed;
    top: 0;
    left: 0;
}
.st_top{
    width: 1200px;
    height: 534px;
    background: #fff;
    border-radius: 12px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -600px;
    margin-top: -250px;
    z-index: 999;
    padding-top: 50px;
    z-index: 10000;
    display: none;
    
}
.st_top h4{
    text-align: center;
    font-size: 18px;
    width: 180px;
    margin-bottom: 20px;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -90px;
    height: 57px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: url(/images/zhongjizhicheng/project/2025project/vipdk/ab_class_list_bg.png)no-repeat top center ;
}
.close{
    position: absolute;
    right: 10px;
    top: 10px;
}
.tpl-bottomAd .tpl-bottomAd-text-rows{
    text-shadow: 0 4px 3px rgba(229, 32, 0, 0.8);
    color: #ffe9b5;
}
@keyframes heartbeat {
    0% {
        transform: scale(0.8, 0.8);
        opacity: 1;
    }
    
    25% {
        transform: scale(1, 1);
        opacity: 0.8;
    }
    
    100% {
        transform: scale(0.8, 0.8);
        opacity: 1;
    }
}