/* author njf zwq */ 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:#f8f8f8;} 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;} input,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;} .header-wrap{background:#fff;} .layout{width:1200px;margin:0 auto;} .hide{display: none;} .timeAxis-mod li i,.common-pop .pop-con .close-btn,.getReady-mod .con .icon,.liveSeckill-mod .live-state-mod .btns-play a i,.common-pop .pop-tit .close-btn,.courseListBox .closeBtn{background:url("//www.chinaacc.com/images/zhongjizhicheng/zhuanti/bmztc/ico.png") no-repeat;} .enroll-flow i,.courseNew-mod .price-sale i{background:url("//www.chinaacc.com/images/template/signUpSpecial/ico-v1.png") no-repeat;} .templateIcon{background:url("/images/template/signUpSpecial/templateIcon.png") no-repeat;} .title{ height:38px; line-height:68px; margin-bottom: 15px;} .title h3{ float:left; padding-left:16px; font-size:24px; color:#333; position:relative;} .title h3 i{ display:block; width:5px; height:20px; background:#578EEF; position:absolute; left:0; top:25px;} .title .more-btn{ float:right; color:#578EEF;} .title .rule-btn{ float: right; font-size: 16px;color:#5c92ff;} .title .redfont{ color: #ff0000; font-weight: normal; font-size: 16px;} .common-mod{ background:#fff; border-radius:8px;margin-bottom:32px;} /**/ .topHeader-wrap{ width:100%; height:300px; margin-bottom:20px;background:url("//www.chinaacc.com/upload/resources/image/2023/02/06/2001081.png") no-repeat center top;} .topHeader-mod{ height:300px;} .topHeader-mod h1{ left:56px; top:93px;} .topHeader-mod h3{ left:109px; top:38px;} .topHeader-mod .countDown{ display:none; width:460px; text-align:center; height:42px; line-height:42px; font-size:22px; color:#fff; left:109px; top:197px;} .topHeader-mod .countDown em{ font-weight:bold; padding:0 3px;} .topHeader-mod .text{ width:460px; text-align:center; height:42px; line-height:42px; font-size:22px; color:#fff; left:109px; top:197px;} .topHeader-mod .icon01{ top:30px; left:729px; animation:animationTop 6s linear .4s infinite; -webkit-animation:animationTop 6s linear .4s infinite;} .topHeader-mod .icon02{ top:179px; left:737px; animation:animationTop 6s linear 1.4s infinite; -webkit-animation:animationTop 6s linear 1.4s infinite;} .topHeader-mod .icon03{ top:210px; left:946px; animation:animationTop 6s linear 2.4s infinite; -webkit-animation:animationTop 6s linear 2.4s infinite;} .topHeader-mod .icon04{ top:135px; left:1061px; animation:animationTop 6s linear 3.4s infinite; -webkit-animation:animationTop 6s linear 3.4s infinite;} .topHeader-mod .text01{ top:117px; left:697px; animation:animationBig 6s linear .4s infinite; -webkit-animation:animationBig 6s linear .4s infinite;} .topHeader-mod .text02{ top:229px; left:797px; animation:animationBig 6s linear 1.4s infinite; -webkit-animation:animationBig 6s linear 1.4s infinite;} .topHeader-mod .text03{ top:226px; left:1000px; animation:animationBig 6s linear 2.4s infinite; -webkit-animation:animationBig 6s linear 2.4s infinite;} .topHeader-mod .text04{ top:156px; left:1098px; animation:animationBig 6s linear 3.4s infinite; -webkit-animation:animationBig 6s linear 3.4s infinite;} @keyframes animationTop { 0% {transform:translateY(0px)} 10% {transform:translateY(-15px)} 20% {transform:translateY(0px)} 100% {transform:translateY(0px)} } @-webkit-keyframes animationTop { 0% {transform:translateY(0px)} 10% {transform:translateY(-15px)} 20% {transform:translateY(0px)} 100% {transform:translateY(0px)} } @keyframes animationBig { 0% {transform:scale(1);} 10% {transform:scale(1.2);} 20% {transform:scale(1)} 100% {transform:scale(1)} } @-webkit-keyframes animationBig { 0% {transform:scale(1);} 10% {transform:scale(1.2);} 20% {transform:scale(1)} 100% {transform:scale(1)} } .timeAxis-mod{ padding-bottom:10px;box-shadow:0 0 12px 0 rgba(0,0,0,0.08); border:1px solid #f3f3f3\9;background:#fff; border-radius: 6px;} .timeAxis-mod ul{ text-align:center; font-size:0;} .timeAxis-mod li{ display:inline-block; *display:inline; *zoom:1; width:183px; text-align:center; position:relative;} .timeAxis-mod li i{ display:block; width:16px; height:16px; position:absolute; left:50%; top:50%; margin:-3px 0 0 -8px; background-position:0 0; z-index:1;} .timeAxis-mod li a{ display:block; width:100%; height:92px; position:absolute; left:0; top:0; z-index:2;} .timeAxis-mod h2{ font-size:16px; line-height:50px; color:#578eef;} .timeAxis-mod p{ line-height:42px; font-size:14px; padding-top:2px;} .timeAxis-mod .line{ display:block; height:2px; left:30px;right:30px; top:51px; background:#ccdfff;} /**/ .bmxzbg{ background: #fff;} .enrolmentCharter-mod{ width:860px;} .enrolmentCharter{ box-shadow:0 0 12px 0 rgba(0,0,0,0.08); border:1px solid #f3f3f3\9; padding:30px 0 33px 24px; background:url("//www.chinaacc.com/images/template/signUpSpecial/bg01.jpg") no-repeat 570px 150px #fff;} .enrolmentCharter .tab-tit{} .enrolmentCharter .tab-tit li{ float:left; height:40px; line-height:40px; padding:0 20px; margin-right:10px; border:1px solid #ccc; border-radius: 24px; font-size:18px; cursor:pointer; transition:all .1s linear; -webkit-transition:all .1s linear;} .enrolmentCharter .tab-tit li:hover{ border-color:#578EEF; color:#578EEF;} .enrolmentCharter .tab-tit li.current{ border-color:#578EEF; background:#578EEF; color:#fff; text-decoration:none;} .enrolmentCharter .tab-con{ display:none;} .eligibility-applicants{ padding:30px 18px 0 18px; font-size:16px;} .eligibility-applicants h4{ font-weight:bold; padding:6px 0; line-height:22px;} .eligibility-applicants p{ line-height:32px;} .eligibility-applicants p a{ color:#578EEF;} /**/ .register-examination{ padding:19px 0 0 14px; font-size:16px;} .register-examination .tit{ line-height:22px; font-weight:bold; padding-top:20px;} .register-examination .tit span{ font-size:14px; color:#999; padding-left:12px; font-weight:normal;} .register-examination ul{ padding-top:7px;} .register-examination li{ float:left; line-height:30px; padding:0 20px; border:1px solid #ccc; border-radius:6px; margin:10px 10px 0 0; background:#fff;} .register-examination li a{ display:block; width:100%; height:30px;} .register-examination li:hover{ border:1px solid #578EEF;} .register-examination li:hover a{ color:#578EEF; text-decoration:none;} /**/ .enroll-btn,.appointment-btn{ display:block; width:220px; height:46px; line-height:46px; font-size:18px; border-bottom:4px solid #EF8238; box-shadow: 0 0 8px 0 #FFB582; color:#fff; margin:20px auto 0; text-align:center; background-image: linear-gradient(-180deg, #FFB44F 7%, #FF9938 100%); background:#FF9938\9; border-radius: 30px;} .enroll-btn:hover,.appointment-btn:hover{ text-decoration:none;} /**/ .enroll-flow{ padding:26px 0 0 15px;} .enroll-flow h4{ line-height:22px; padding-bottom:17px; font-size:16px;} .enroll-flow li{ float:left; width:115px; height:76px; border:1px solid #e3e3e3; background:#fff; border-radius:6px; margin:0 26px 20px 0; padding:11px 0 0 18px; position:relative;} .enroll-flow .num{ line-height:28px; font-size:20px;} .enroll-flow .tex{ line-height:22px; font-size:16px;} .enroll-flow i{ display:block; width:6px; height:8px; position:absolute; right:-16px; top:50%; margin-top:-4px; background-position:0 -383px;} /**/ .common-problem{ padding:30px 30px 0;} .common-problem li{ width:590px; border-bottom:1px solid #EAEAEA; padding:15px 0; font-size:16px; padding-left:40px;} .common-problem h4{ line-height:25px; font-weight:bold; position:relative; cursor:pointer;} .common-problem h4 i{ width:24px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:16px; background:#999; border-radius:50%; position:absolute; left:-40px; top:1px;} .common-problem h4 span{ width:12px; height:6px;background:url(//www.chinaacc.com/images/template/signUpSpecial/ico-v1.png) no-repeat 0 -120px; position:absolute; right:11px; top:14px;} .common-problem p{ display:none; line-height:24px; position:relative; padding-top:9px;} .common-problem p a{ color:#578EEF} .common-problem p i{ width:24px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:16px; background:#999; border-radius:50%; position:absolute; left:-40px; top:10px;} .common-problem li.on h4 i{ background:#578EEF;} .common-problem li.on h4 span{ background:url(//www.chinaacc.com/images/template/signUpSpecial/ico-v1.png) no-repeat 0 -129px;} .common-problem li.on p{ display:block;} .common-problem li.on p i{ background:#FF9A49;} /**/ .ad-mod{ width:300px; padding:80px 0 0;} .ad-mod li{ height:180px; margin-bottom:20px;} .ad-mod li.none{ margin-bottom:0;} /**/ .zjz{color: #5c92ff;font-size: 16px;float: right;background:url('//www.chinaacc.com/images/zhucekuaijishi/zhuanti/baoming/zjz.png') no-repeat center left;padding-left: 35px;} .area-information-mod{ padding:34px 0;} .area-information-mod .area-nav{border: 1px solid #EAEAEA; border-radius: 8px;margin-bottom: 28px;background-color: #ffffff;} .area-information-mod .area-nav .tit{ width:68px; height:85px; background:#ccdfff; line-height:25px; padding-top:30px; font-size:16px; color:#333333; text-align:center;border-radius: 8px 0px 0px 8px;} .area-information-mod ul{ width:1110px; padding:16px 0 0 10px;} .area-information-mod li.red{color: #ff0000;} .area-information-mod li{ float:left; width:48px; height:24px; line-height:24px; margin:0 21px 9px 0; text-align:center; border-radius:4px; cursor:pointer;} .area-information-mod li.on{ background:#ff9a49; color:#fff;} .area-information-mod li.openArea{ background: #ff9a49; color: #fff;} .area-information-mod li:hover{ color:#578eef;} .area-information-mod li.on:hover{ color:#fff;} .area-information-mod .tit02{ line-height:22px; padding:27px 0 12px; font-size:16px; color:#333; font-weight:bold;} .area-information-mod .table-wrap{ height:246px; overflow-y:auto;} .area-information-mod .table-wrap .mCSB_inside>.mCSB_container{ margin-right:0;} .area-information-mod .table-wrap tr.on{ background:#ededed;} .area-information-mod .table{ width:100%;} .area-information-mod .table th{ height:45px; line-height:45px; text-align:center; padding-left:2px; background:#f3f3f3; font-size:16px; color:#666666; font-weight:bold; border-bottom:1px solid #EAEAEA; border-right:1px solid #EAEAEA; border-top:1px solid #EAEAEA;} .area-information-mod .table td{ height:40px; line-height:22px; text-align:left; padding-left:2px; font-size:16px; color:#333; border-bottom:1px solid #EAEAEA; border-right:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA;background-color: #ffffff;} .area-information-mod .table th.t1{border-left:1px solid #EAEAEA;} .area-information-mod .table .t3{ border-left:1px solid #EAEAEA; text-align:center; } .area-information-mod .table .t2{ text-align:center; } .area-information-mod .table a{ color:#578eef;} .area-information-mod .table-wrap tr.on td{background-color: #f1f5fb;} .area-information-mod table .rklink{font-size: 16px;color: #ffffff;background-color: #5080ff;padding: 3px 10px;border-radius: 40px;} /**/ .mCSB_scrollTools{ width:18px !important;} .mCSB_scrollTools .mCSB_draggerRail{ background: none;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:8px; background: #bbb !important;} .xlcd-b .mCSB_container{ margin-right: 13px;} /**/ .courseModTop{ margin-top: 0px;} .courseModTop .title .ruleBtn{ font-size: 16px; color: #76a1fe;} .courseNew-mod .course_list li{width: 282px;border: 1px solid #ffc569;border-radius: 8px;overflow: hidden;padding-bottom: 18px;margin-right: 20px; margin-bottom: 20px;} .courseNew-mod .course_list .lesson4{margin-right:0;} .courseNew-mod .course_list li .lesson_info{width: 100%;height: 260px;padding-top: 6px;background:#ffdb9a;background:-webkit-linear-gradient(left,#ffc76e,#ffd080);background:-moz-linear-gradient(left,#ffc76e,#ffd080);background:-ms-linear-gradient(left,#ffc76e,#ffd080);background:linear-gradient(left,#ffc76e,#ffd080);} .courseNew-mod .course_list .lesson2 .lesson_info{background:#f43636;} .courseNew-mod .course_list .lesson2 .lesson_info .tit div{background:#f43636;} .courseNew-mod .course_list .lesson2 .lesson_info .prise_text,.courseNew-mod .course_list .lesson2 .lesson_info .prise,.courseNew-mod .course_list .lesson2 .lesson_info .prise em{color:#fff;} .courseNew-mod .course_list li .lesson_info .tit{width: 273px;height: 206px;padding-top:2px;background:url(//www.chinaacc.com/images/template/signUpSpecial/lesson_bg.jpg) no-repeat;margin: 0 auto;position:relative;} .courseNew-mod .course_list .lesson_info .tit div{width: 168px;height: 30px;background:#ff9d0c;border-radius: 0 0 8px 0;color:#fff;text-align:center;font-size: 16px;margin-left:2px;line-height: 30px;} .courseNew-mod .course_list .lesson_info .tit h6{font-size: 30px;color:#f36100;text-align:center;line-height:1;margin:32px 0 16px;} .courseNew-mod .course_list .lesson_info .tit p{text-align:center;line-height: 26px;font-size: 20px;color:#666;} .courseNew-mod .course_list .lesson_info .tit i{display:block;width: 80px;height: 62px;position:absolute;top:0;right: 4px;} .courseNew-mod .lesson2 .lesson_info .tit i{background:url(//www.chinaacc.com/images/template/signUpSpecial/zhuangyuan_course.png) no-repeat;} .courseNew-mod .lesson4 .lesson_info .tit i{background:url(//www.chinaacc.com/images/template/signUpSpecial/hot_sale.png) no-repeat;} .courseNew-mod .course_list .lesson_info .prise_text{margin-left: 16px;font-size:12px;line-height:1;margin-top:8px;} .courseNew-mod .course_list .lesson_info .prise{margin-left: 16px;color:#033333;} .courseNew-mod .course_list .lesson_info .prise span{font-weight:bold;font-size: 20px;} .courseNew-mod .course_list .lesson_info .prise em{color:#666;font-size: 14px;margin-left:10px;text-decoration: line-through;} .courseNew-mod .course_list .dis_text{ display:block;width: 129px;height: 26px;margin: 16px auto 14px;background:url(/images/template/signUpSpecial/templateIcon.png) no-repeat 0 0;text-align:center;line-height: 26px;font-size: 12px;color:#ff4f5a; padding-right:15px;} .courseNew-mod .course_list .dis_text:hover{ background-position: 0 -32px;} .courseNew-mod .course_list .bom_btn a{font-size: 16px;color:#ff7e03;text-align:center;line-height: 40px;border-radius:21px;} .courseNew-mod .course_list .bom_btn a:hover{text-decoration: none;} .courseNew-mod .course_list .bom_btn .ask_serve{width: 114px;height: 40px;border:1px solid #ff7e03;margin: 0 10px 0 20px;} .courseNew-mod .course_list .bom_btn .buy_now{width: 116px;height: 42px;line-height: 40px;background:#ff9108;background:-webkit-linear-gradient(left,#ff7b02,#ffab10);background:-moz-linear-gradient(left,#ff7b02,#ffab10);background:-ms-linear-gradient(left,#ff7b02,#ffab10);background:linear-gradient(left,#ff7b02,#ffab10);color:#fff;} .courseNew-mod .more-btn{ display:block; width:264px; height:40px; background: #f8f8f8; line-height:40px; color: #ff733b; font-size:18px; border: 1px solid #ff733b;text-decoration:none; margin:0 auto; text-align:center;border-radius:20px; transition:all .3s linear; -webkit-transition:all .3s linear;} .courseNew-mod .more-btn:hover{ background:#ffe0e0;} .bannerMod{height:112px; margin: 30px 0;} .bannerMod ul li{float:left;font-size: 20px;font-weight: bold;color: #fff1e1;line-height:112px;} .bannerMod ul li.li1{font-size:32px;margin-right: 24px;} .bannerMod ul li.li2{} .bannerMod ul li.li3{margin-left:55px;font-size:18px;width:365px;} .bannerMod ul li.li3 span{color:#293caa;margin-right:38px;font-size:20px;} .bannerMod ul li.li4 a{display: inline-block;text-align: center;color: #fff;text-decoration: none;width: 136px; height: 46px; line-height:46px;border-radius: 5px;background:#fd7804;background:-webkit-linear-gradient(left,#fa5f34,#fd7804);background:-moz-linear-gradient(left,#fa5f34,#fd7804);background:-ms-linear-gradient(left,#fa5f34,#fd7804);background:linear-gradient(left,#fa5f34,#fd7804);} .bannerMod ul li.li4 a.btn-tiyan{margin-right:10px;color: #0065e3;background: #b3dbf9; line-height: 46px;} .dayGoodgift{ margin: 20px 0 20px;} .dayGoodgift .dayGift{ color: #5c92ff; font-size: 16px;} .dayGoodgift dl{background: #fff;box-shadow: 0 0 12px 0 rgb(0 0 0 / 8%);border-radius: 10px; padding: 40px 30px; margin-top: 15px; } .dayGoodgift dl dt{float: right; border-radius: 10px; font-size: 12px; color: #666; border: 3px solid #f3664a; padding: 18px 10px 18px 35px;background:#feedea;background:-webkit-linear-gradient(top,#fff9f8,#fde0db);background:-moz-linear-gradient(top,#fff9f8,#fde0db);background:-ms-linear-gradient(top,#fff9f8,#fde0db);background:linear-gradient(top,#fff9f8,#fde0db);} .dayGoodgift dl dt p{ background: url(/images/template/signUpSpecial/scanImg.png) no-repeat right top; width: 269px; margin-bottom: 15px;} .dayGoodgift dl dt i{display: block; width: 25px; height: 70px; background: #f3664a; border-radius: 0 5px 5px 0; text-align: center; color: #fff; left: 0;bottom: 25px; line-height:16px; padding-top: 5px;} .dayGoodgift dl dd{ float: left; width: 190px; height: 220px; padding: 40px 0 0; text-align: center; background: #fffaf1; border-radius: 10px; margin-right: 15px; z-index: 1;} .dayGoodgift dl dd span{ display: block; width: 150px; height: 75px; margin: 0 auto 30px;} .dayGoodgift dl dd span.tIcon01{ background-position:18px -130px;} .dayGoodgift dl dd span.tIcon02{ background-position:14px -221px;} .dayGoodgift dl dd span.tIcon03{ background-position:8px -306px;} .dayGoodgift dl dd span.tIcon04{ background-position:10px -421px;} .dayGoodgift dl dd h5{ color: #f3664a; font-size: 18px; margin-bottom: 10px;} .dayGoodgift dl dd p{ font-size: 16px; color: #666;} .dayGoodgift dl dd i{ display: block; background-position: 0 -84px; width: 35px; height: 30px; left:-25px; top: 50%; z-index: 5;} .scoreHighStudent {background: #fff;box-shadow: 0 0 12px 0 rgb(0 0 0 / 8%);border-radius: 10px; padding: 35px 30px;font-size: 16px;} .scoreHighStudent .intronContent .introduce{ margin-bottom: 20px;} .scoreHighStudent .intronContent{ width: 970px;} .scoreHighStudent .intronContent .amountImg{ right:-165px; top: -65px;background:url(/images/template/signUpSpecial/amountImg.png) no-repeat; width:155px; height:173px; display: block; color: #d62829; font-size: 20px; font-weight: bold; text-shadow: -2px 2px 0px #fdec4d;text-align: center; padding-top: 37px; } .scoreHighStudent .intronContent .amountImg i{ font-size: 26px;} .scoreHighStudent .intronContent span{display: inline-block; *display: inline; zoom: 1; margin:0 13px 15px 0; padding:5px 10px; border: 1px dashed #ff9c00;background:#fffbf3;background:-webkit-linear-gradient(left,#fff6e7,#fffffe);background:-moz-linear-gradient(left,#fff6e7,#fffffe);background:-ms-linear-gradient(left,#fff6e7,#fffffe);background:linear-gradient(left,#fff6e7,#fffffe);} .scoreHighStudent .intronContent span i{display: inline-block; *display: inline; zoom: 1; width: 18px; height: 18px; text-align: center; line-height: 18px; border-radius: 50%; background: #ffb238; color: #fff; margin-right: 5px;} .scoreHighStudent .studentHeartVoice{ background: #f4f7fe; border-radius: 5px; padding:0 0px 30px 30px;} .scoreHighStudent .studentHeartVoice .subtitle{height:85px;} .scoreHighStudent .studentHeartVoice .subtitle h4{ background: #5080ff; height: 44px; border-radius: 0 22px 22px 0; line-height: 44px; color: #fff; left:-36px; top: 15px; padding: 0 30px;} .scoreHighStudent .studentHeartVoice .subtitle h4 i{ display: inline-block; *display: inline; zoom: 1; background-position: 0 -521px; width: 5px; height: 6px; font-size: 0; left: 0; top: -6px; } .scoreHighStudent .studentHeartVoice ul{ height: 218px; overflow-y: auto;} .scoreHighStudent .studentHeartVoice ul li{ font-size: 16px; color: #666; border-bottom: 1px solid #ccc; padding:0 20px 25px 0; margin-bottom: 25px;} .scoreHighStudent .studentHeartVoice ul li img{ float: left; width: 80px; height: 80px; border-radius: 50%; margin-right: 24px;} .scoreHighStudent .studentHeartVoice ul li strong{ display: block; margin-bottom: 10px; color: #333;} .scoreHighStudent .studentHeartVoice ul li a{ color: #2c71eb;} .courseWhole{background: #fff url(/images/template/signUpSpecial/chinaacc.png) no-repeat left bottom;box-shadow: 0 0 12px 0 rgb(0 0 0 / 8%);border-radius: 10px; margin: 30px auto;} .courseWhole ul{ width: 640px; float: left; padding: 80px 0px 0 40px; margin-bottom: 20px;} .courseWhole ul li{width:296px; float: left; color: #999; font-size: 16px; margin-bottom:60px; line-height: 22px;} .courseWhole ul li i{ display: block; float: left; margin:8px 20px 0 0; width: 68px; height: 68px;} .courseWhole ul li i.tbIcon01{ background-position: 0 -593px;} .courseWhole ul li i.tbIcon02{ background-position: -82px -593px;} .courseWhole ul li i.tbIcon03{ background-position: 0 -675px;} .courseWhole ul li i.tbIcon04{ background-position:-82px -675px;} .courseWhole ul li strong{ display: block; font-size: 18px; margin-bottom:8px; color: #333;} .ewmDisplay{ float: right;background: #fff url(/images/template/signUpSpecial/fotBg.jpg) no-repeat right bottom; width:520px; height: 390px;} .ewmDisplay p{ width: 230px; text-align: center; left: -30px; top:66px; color: #999; line-height: 22px;} .ewmDisplay p img{ border:3px solid #9db8ff; padding:10px; border-radius: 10px;} .ewmDisplay p i{ display: block; background-position: 0 -560px; width:13px; height: 13px; margin: 10px auto;} .ewmDisplay p strong{ color: #5080ff; font-size: 16px; line-height: 30px;} .courseWhole .phoneImg{ right: 50px; bottom: 0;} .footer-wrap{ margin-bottom: 60px;} .footerFixed{width:100%;height:80px;background:url(//www.chinaacc.com/upload/resources/image/2022/01/18/1641250.png) center top no-repeat;position:fixed;bottom:0;left:0;z-index:100;} .footerFixed a{ float: right; display: block;} .footerFixed a.courseChoose{width:130px;height:45px; margin:15px 46px 0 0; line-height: 500px;overflow: hidden;} .footerFixed a.couponBtn{width:238px;height:75px;line-height: 500px;overflow: hidden; margin-right: 70px;} .footerFixed a.ask_now{background:#f5a640;} .footerFixed .close_btn{display:block;width:30px;height:30px;position:absolute;top:0px;right:0px;cursor: pointer; background-position: 0 -760px;} /**/ .module8Con{ margin-bottom: 30px;} .module8 .common-tit{margin:30px 0 10px 0} .mod8Left{width: 790px;box-shadow: 0 0 12px 0 rgb(0 0 0 / 8%);background-color: #ffffff;border-radius: 10px;overflow: hidden;height: 302px;} .zlcon{margin: 26px 0 22px 0;border-right:1px solid #eaeaea;width: 301px;text-align: center;padding-top: 25px;} .zlconPic{text-align: center;} .zlcon h2{font-size: 18px;color: #333333;font-weight: bold;padding-top: 24px;} .zlcon p{font-size: 16px;color: #999999;padding-top: 5px;} .freelinkto{display: block;width: 141px;height: 41px;background-color: #ff9037;font-size: 16px;color: #fffefe;font-weight: bold;text-align: center;line-height: 41px;border-radius: 40px;margin: 30px auto 0;} .lisconTit{font-size: 14px;color: #333333;font-weight: bold;padding-bottom: 20px;} .liscon{padding: 30px 0 30px 30px;line-height: normal;} .liscon li i{display: inline-block;width: 17px;height: 24px;background: url(//www.chinaacc.com/images/zhucekuaijishi/zhuanti/baoming/zl.png) no-repeat center center;float: left;margin-right: 5px;} .liscon li span{font-size: 14px;color: #666666;display: inline-block;float: left;width: 360px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .liscon li label{float: left;} .liscon li{height: 24px;line-height: 24px;margin-bottom: 10px;} .modRight1{width: 390px;height: 140px;box-shadow: 0 0 12px 0 rgb(0 0 0 / 8%);background-color: #ffffff;border-radius: 10px;margin-left: 20px;} .modRightPic{margin-left: 24px;margin-top: 38px;} .modRight1 .modRightPic{margin-left: 14px;margin-top: 38px;} .modLink2{margin: 8px 0 0 6px;} .modLink2 .arrow{width: 24px ;height: 20px;margin: 42px 0;} .modLink2 .code{width: 120px;height: 120px; border: 2px dashed #ff9037 ;} .modRightText{width: 135px;padding-left: 15px;} .modRightText h2{font-size: 18px;color: #333333;font-weight: bold;padding-top: 35px;} .modRightText p{font-size: 16px;color: #999999;} .modLink{margin: 60px 0 0 25px;} .modLink a{display: inline-block;width: 110px;height: 41px;background-color: #ff9037;text-align: center;color: #fffefe;font-size: 16px;font-weight: bold;line-height: 41px;border-radius: 40px;} .mb21{margin-bottom: 21px;} .codeCon1 p{color: #fffefe;font-size: 16px;} .ceilingNav{width:1200px;position:fixed;left:50%;top:0;margin-left:-600px;z-index:80;background:#5634ff;display:none;} .ceilingNav ul{height:38px;line-height:38px;padding:12px 0;} .ceilingNav ul li{width:20%;float:left;text-align:center;} .ceilingNav ul li a{padding:0 20px 0 35px;display:inline-block;font-size:18px;color:#fff;font-weight:bold;} .ceilingNav ul li a.entrance{ background-position:0 -793px;} .ceilingNav ul li a.cn-book{background-position:0px -837px;} .ceilingNav ul li a.cn-buyClass{background-position:0px -880px;} .ceilingNav ul li a.cn-live{background-position:0px -920px;} .ceilingNav ul li a.cn-data{background-position:0px -965px;} .ceilingNav ul li.on a{padding:0 40px 0 65px;background-color:#fff;color:#5634ff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .ceilingNav ul li.on a.entrance{background-position:30px -1006px;} .ceilingNav ul li.on .cn-book{background-position:30px -1052px;} .ceilingNav ul li.on .cn-buyClass{background-position:30px -1087px;} .ceilingNav ul li.on .cn-live{background-position:30px -1124px;} .ceilingNav ul li.on .cn-data{background-position:30px -1168px;} .book-mod{} .book-mod .swiper-container{ height:378px; width:1220px;} .book-mod .swiper-slide{ width:285px; height:378px; padding-right:20px;} .book-mod .swiper-slide .box{ width:285px; height:378px; background:#fff; border-radius:6px; } .book-mod .swiper-slide .pic{ height:187px; position:relative; padding-left:18px;} .book-mod .swiper-slide .pic span{ display:block; width:102px; height:93px; font-size:24px; color:#fff; line-height:30px; padding-top:4px; text-align:center; position:absolute; right:5px; top:0; background: url("//www.chinaacc.com/images/template/2020afterExam/book-bg01.png") no-repeat;} .book-mod .swiper-slide .pic.center{ text-align:center;} .book-mod .swiper-slide h3{ height:48px; line-height:24px; padding:0 15px;display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden;} .book-mod .swiper-slide .prize{ height:42px; line-height:42px; padding:16px 0 16px 20px; font-size:32px; font-weight:bold; color:#f3664a;} .book-mod .swiper-slide .prize em{ font-size:18px; font-weight:normal;} .book-mod .swiper-slide .prize span{ font-size:16px; color:#999; font-weight:normal; margin-left:10px;text-decoration: line-through;} .book-mod .swiper-slide .btn-wrap{ text-align:center; font-size:0;} .book-mod .swiper-slide .btn-wrap .service-btn{ display:inline-block; *display:inline; *zoom:1; width:117px; height:48px; line-height:48px; font-size:18px; color:#999; text-decoration:none; text-align:center; border:1px solid #d5d5d5; border-radius:50px; margin:0 9px;} .book-mod .swiper-slide .btn-wrap .buy-btn{ display:inline-block; *display:inline; *zoom:1; width:119px; height:50px; line-height:50px; background:#fb6142; font-size:18px; color:#fff; box-shadow:0 4px 8px #fcdad4; text-decoration:none; text-align:center; border-radius:50px; margin:0 9px;} .book-mod .arrow-left,.book-mod .arrow-right{ display:block; width:50px; height:50px; cursor:pointer; position:absolute; left:0; top:146px;background:url(//www.chinaacc.com/images/template/2020queryScore/ico.png) no-repeat 0 -258px; z-index:2;} .book-mod .arrow-right{ left:auto; right:0; background-position:0 -314px;} .book-mod .more-btn{ display:block; width:277px; height:44px; line-height:44px; font-size:20px; text-decoration:none; text-align:center; color:#ff733b; border:1px solid #ff733b; border-radius:50px; margin:0px auto 0;} .book-mod .more-btn:hover{ background: #ffe0e0;} .liveSeckill-mod{padding:0 20px 28px;} .liveSeckill-mod .video-main,.liveSeckill-mod .video-main .video-frame{width:624px;height:395px;} .liveSeckill-mod .video-main{float:left;position:relative;z-index:1;margin-top:20px;} .liveSeckill-mod .video-main .video-frame{overflow:hidden;} .liveSeckill-mod .video-main .video-h5{width:100%;height:100%;position:absolute;left:0;top:0;display:none;} .liveSeckill-mod .live-state-mod{position:absolute;left:0;top:0;right:0;bottom:0;padding-top:115px;text-align:center;z-index:2;} .liveSeckill-mod .live-state-mod p{line-height:40px;font-size:30px;display:none;color:#fff;} .liveSeckill-mod .live-state-mod .live-state{position:absolute;left:0;top:0;padding:8px 15px;line-height:1;color:#fff;font-size:18px;background:url("//www.chinaacc.com/images/zhongjizhicheng/zhuanti/bmztc/live-state-bg.png") repeat;-webkit-border-bottom-right-radius:14px;-moz-border-bottom-right-radius:14px;border-bottom-right-radius:14px;display:none} .liveSeckill-mod .live-state-mod .live-state i{width:23px;height:18px;display:inline-block;margin:-3px 12px 0 0;vertical-align:middle;background:url("//www.chinaacc.com/images/zhuanti/20201212/live-state-icon.gif") no-repeat;} .liveSeckill-mod .live-state-mod em.paly-state{ display:inline-block; width:26px; height:26px; background-position:0 -212px; vertical-align:middle; margin-left:9px;} .liveSeckill-mod .live-state-mod #live-countDown{line-height:40px;font-size:24px;margin-bottom:-32px;} .liveSeckill-mod .live-state-mod #live-countDown span{display:block;font-size:30px;} .liveSeckill-mod .live-state-mod #live-countDown em{display:none;} .liveSeckill-mod .live-state-mod .live-state-make{padding-bottom:88px;background:url(//www.chinaacc.com/images/zhuanti/20201212/live-state-icon1.png) no-repeat center bottom;} .liveSeckill-mod .video-main .pact-shade{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:#000;opacity:0.64;filter:alpha(opacity=64);} .liveSeckill-mod .live-state-mod .btns-play{padding-top:46px;} .liveSeckill-mod .live-state-mod .btns-play a{display:none;width:146px;height:42px;line-height:42px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px; font-size:18px;font-weight:bold;text-decoration:none; color:#fff; background:#fb6142;} .liveSeckill-mod .live-state-mod .btns-play a i{width:19px;height:19px;display:inline-block;vertical-align:middle;margin:-3px 0 0 10px;*margin-top:0; background-position:0 -717px;} .liveSeckill-mod .live-state-mod .btns-play a.live-play:hover{-webkit-box-shadow:0 3px 20px rgba(46,16,1,.15);-moz-box-shadow:0 3px 20px rgba(46,16,1,.15);box-shadow:0 3px 20px rgba(46,16,1,.15);} .liveSeckill-mod .live-state-mod .btns-play .live-pact,.liveSeckill-mod .live-state-mod .btns-play .no-pact{display:inline-block;} .liveSeckill-mod .live-state-mod .btns-play .live-other,.liveSeckill-mod .live-state-mod .btns-play .live-pact-after,.liveSeckill-mod .live-state-mod .btns-play .live-other:hover,.liveSeckill-mod .live-state-mod .btns-play .live-pact-after:hover{border-color:#fff;background:#a5a5a5;display:inline-block;text-decoration:none;cursor:default;} .liveSeckill-mod .live-state-mod .tips{ display:block; font-size:18px; color:#fff; line-height:32px; margin-top:18px;} .liveSeckill-mod .video-list{margin-left:664px; padding-top:10px;} .liveSeckill-mod .video-list h4{height:48px;line-height:38px;margin-left:5px;font-size:18px;padding-left:35px;background:url(/images/template/signUpSpecial/video-list-icon.png) no-repeat left 9px;} .liveSeckill-mod .video-list h4 a{color:#fff;display:inline-block;padding-right:18px;margin-left:5px;background:url(//www.chinaacc.com/images/zhuanti/20201212/video-list-icon1.png) no-repeat right center;} .liveSeckill-mod .video-list-main{height:358px;overflow:hidden;position:relative;z-index:1;} .liveSeckill-mod .video-list-main ul{min-height:330px;margin-left:15px;border-left:2px solid #ddd;} .liveSeckill-mod .video-list-main ul li{padding:0 24px 20px;position:relative;z-index:1;} .liveSeckill-mod .video-list-main ul li strong{padding:3px 0;line-height:22px;display:inline-block;font-size:16px;} .liveSeckill-mod .video-list-main ul li strong em{width:73px;height:21px;line-height:210px;overflow:hidden;display:inline-block;vertical-align:middle;margin:-3px 0 0 8px;background:url(/images/template/signUpSpecial/video-list-icon3.gif) no-repeat;} .liveSeckill-mod .video-list-main ul li.video-list-state strong{padding-right:88px;background:url(//www.chinaacc.com/images/zhongjizhicheng/zhuanti/bmztc/live-tags.png) no-repeat right 3px;} .liveSeckill-mod .video-list-main ul li p{line-height:26px;} .liveSeckill-mod .video-list-main .video-list-panel{cursor:pointer;} .liveSeckill-mod .video-list-main .video-list-btns{margin-top:6px;} .liveSeckill-mod .video-list-main .video-list-btns a{width:99px;height:26px;text-align:center;text-decoration:none;line-height:26px;border:1px solid #ff733b;color:#ff733b;background:#fff;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;visibility:hidden;display:inline-block;} .liveSeckill-mod .video-list-main .video-list-btns a:hover{background:#fb6142; color:#fff;} .liveSeckill-mod .video-list-main .video-list-btns .live-other,.liveSeckill-mod .video-list-main .video-list-btns .live-other:hover,.liveSeckill-mod .video-list-main .video-list-btns .live-pact-after,.liveSeckill-mod .video-list-main .video-list-btns .live-pact-after:hover{color:#fff;border-color:#999;visibility:visible;background:#999;cursor:default;text-decoration:none;} .liveSeckill-mod .video-list-main .video-list-btns .live-other,.liveSeckill-mod .video-list-main .video-list-btns .live-other:hover{border-color:#eaeaea;background:#eaeaea;color:#bcbcbc;} .liveSeckill-mod .video-list-main .video-list-btns .live-pact,.liveSeckill-mod .video-list-main .video-list-btns .video-play{visibility:visible;} .liveSeckill-mod .video-list-main .video-list-btns .live-pact{border:0 none;padding:1px;color:#fff;background:#fb6142;} .liveSeckill-mod .video-list-main .video-list-btns .live-pact:hover{background:#fa7f66;} .liveSeckill-mod .video-list-main .video-list-icon{width:10px; height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; background:#ff5463;border:3px solid #bcbcbc;left:-9px;top:6px;position:absolute;} .liveSeckill-mod .video-list-main .video-list-date{padding-top:38px;} .liveSeckill-mod .video-list-main .video-list-date .video-list-icon{top:44px;} .liveSeckill-mod .video-list-main .video-list-date-panel{width:148px;height:27px;line-height:27px;padding-left:38px;position:absolute;left:-16px;top:0;color:#ff5463;background:url(/images/template/signUpSpecial/video-list-icon2.png) no-repeat;} .liveSeckill-mod .video-list-main ul li.on{color:#ff733b;} .liveSeckill-mod .video-list-main ul li.on .video-list-icon{border-color:#fedd0e;} .liveSeckill-mod .mCSB_scrollTools{width:12px;background:#f9f9f9;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .liveSeckill-mod .mCSB_scrollTools .mCSB_draggerRail{background:#f9f9f9;} .liveSeckill-mod .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:12px;background:#ccc;*margin-left:-2px;} .liveSeckill-mod .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover,.liveSeckill-mod .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active,.liveSeckill-mod .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#ccc;} .liveSeckill-mod .mCSB_scrollTools .mCSB_buttonDown,.liveSeckill-mod .mCSB_scrollTools .mCSB_buttonUp{background:url("//www.chinaacc.com/images/zhongjizhicheng/zhuanti/bmztc/dragger-icon.png") no-repeat;} .liveSeckill-mod .mCSB_scrollTools .mCSB_buttonDown{background-position:left -20px;} .liveSeckill-mod .mCSB_inside>.mCSB_container{margin-right:18px;} .commodity-list{display:none;} .commodity-list .common-mod{padding-top:20px;} .commodity-link{height:15px;background:url(/images/zhuanti/20211111/commodity-link.png) no-repeat;display:block;} .commodity-list h4{height:46px;line-height:1;font-size:24px;color:#fff;text-align:center;} .commodity-list .commodity-hd{height:70px;font-size:0;padding-top:24px;text-align:center;} .commodity-list .commodity-hd li{width:135px;height:42px;line-height:42px;margin:0 20px;display:none;font-size:20px;position:relative;z-index:1;cursor:pointer;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .commodity-list .commodity-hd li.on{cursor:default;color:#fff;background:#5080ff;display:inline-block;*display:inline;*zoom:1;} .commodity-list .commodity-hd li.secKillDraw-tab-show{display:inline-block;*display:inline;} .commodity-list .commodity-bd{padding-bottom:1px;display:none;} .commodity-list .seckill-more-btn{width:178px;height:39px;line-height:39px;background:#e7aa5c;margin:0 auto 16px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;color:#fff;font-size:22px;text-align:center;display:none;} .commodity-list .seckill-more-btn i{width:17px;height:11px;background:url(/images/zhuanti/20201212/seckill-more-icon.png) no-repeat;overflow:hidden;display:inline-block;vertical-align:middle;margin:-3px 0 0 12px;} .commodity-list .seckill-more-btn:hover{text-decoration:none;background:#e9b16a;} .commodity-list .seckill-more-btn-on i{background-image:url(/images/zhuanti/20201212/seckill-more-icon1.png);} #seckill-list,#secKillDraw-list{font-size:0;} #seckill-list li,#secKillDraw-list li{width:216px;min-height:258px;display:inline-block;*display:inline;*zoom:1;margin:0 8px 18px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;vertical-align:top;} #seckill-list li{display:none;} #seckill-list li.li-show{display:inline-block;*display:inline;*zoom:1;} #seckill-list li .cover,#secKillDraw-list li .cover{height:120px;position:relative;z-index:1;margin-bottom:10px;overflow:hidden;} #seckill-list li .cover img,#secKillDraw-list li .cover img{display:block;margin:0 auto;} #seckill-list li .cover-bare{height:100%;position:absolute;left:0;top:0;right:0;bottom:0;background:url(/images/zhuanti/20201212/cover-bare.png) no-repeat center center;display:none;} #seckill-list li .cover-explain{height:23px;line-height:23px;position:absolute;left:0;bottom:0;right:0;text-align:center;display:none;} #seckill-list li .cover-explain em{position:absolute;left:0;right:0;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);z-index:1;} #seckill-list li .cover-explain span{font-size:14px;color:#fff;padding-right:10px;position:relative;z-index:2;} #seckill-list li .cover-explain span i{width:5px;height:5px;display:inline-block;background:#ff3c48;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;position:absolute;top:4px;right:0;overflow:hidden;} #seckill-list li .cover-num{position:absolute;left:0;top:0;padding:6px 10px;line-height:1;color:#fff;font-size:12px;background:#ff3c48;-webkit-border-bottom-right-radius:6px;-moz-border-bottom-right-radius:6px;border-bottom-right-radius:6px;display:none;} #seckill-list li strong{height:40px;line-height:20px;margin:0 10px;overflow:hidden;font-size:16px;font-weight:normal;display:block;} #seckill-list li .price-panel{height:40px;line-height:28px;color:#ff3c48;font-size:14px;padding-left:10px;} #seckill-list li .price-panel span{font-size:18px;font-weight:bold;} #seckill-list li .price-panel del{color:#999;margin-left:10px;} #seckill-list li .seckill-btns{padding:0 10px;} #seckill-list li .seckill-btns a,#seckill-list li .seckill-btns span,#seckill-list li .seckill-btns em{height:36px;line-height:36px;font-size:16px;font-weight:bold;background:#e83b22;text-align:center;color:#fff;display:none;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} #seckill-list li .seckill-btns span{height:34px;line-height:34px;background:none;border:1px solid #c8c8c8;color:#999;} #seckill-list li .seckill-btns em{background:#eaeaea;color:#bcbcbc;} #seckill-list li .seckill-btns a:hover{background:#e61c28;text-decoration:none;} #secKillDraw-list li{min-height:208px;font-size:16px;} #secKillDraw-list li strong{line-height:22px;padding:0 12px;display:block; text-align:center;} #secKillDraw-list li p{line-height:28px;color:#999;padding:0 12px;display:none;} .mask{display:none; width:100%;z-index:998;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;} .common-pop{ display:none; width:438px; position:fixed; left:50%; margin-left:-219px; top:50%; z-index:999;} .common-pop .pop-tit{background:#f0f0f0; height:60px; border-radius:5px 5px 0 0; background-image:-webkit-linear-gradient(left, #f0f0f0, #f0f0f0); background-image:-ms-linear-gradient(left, #f0f0f0, #f0f0f0); background-image:linear-gradient(left,#f0f0f0,#f0f0f0);} .common-pop .pop-tit h4{ float:left; line-height:60px; font-size:20px; padding-left:22px;} .common-pop .pop-tit .close-btn,.courseListBox .closeBtn{ display:block; float:right; width:16px; height:16px; margin:22px 20px 0 0; background-position:0 -297px;} .common-pop .pop-con{ border-radius:0 0 5px 5px;background:#fff;} .common-pop .pop-con .close-btn{ display:block; width:16px; height:16px; position:absolute; top:24px; right:26px; background-position:0 -297px;} .common-pop.over-pop .pop-con{ padding-bottom:30px;} .common-pop.over-pop p{ line-height:200px; text-align:center; font-size:20px;} .common-pop.over-pop .btn{ display:block; width:170px; text-align:center; margin:0 auto; text-decoration:none; height:40px; line-height:40px; font-size:18px; color:#fff; background:#ff3354; border-radius:50px;} .zjzPop, .dkxx,.yytx {text-align: center;width: 477px;margin-left: -238.5px;height: 330px;margin-top: -165px;background-color: #ffffff;border-radius: 10px;} .zjzPop .zjzPopp1, .dkxx .zjzPopp1,.yytx .zjzPopp1{font-size: 16px;color: #333333;background: url(//www.chinaacc.com/images/zhucekuaijishi/zhuanti/baoming/lb.png) no-repeat 35px 52px;padding-left: 30px;padding-top: 50px;font-weight: bold;} .zjzPopPic{margin: 20px 0;} .zjzPop .pop-con, .dkxx .pop-con{border-radius: 10px 10px 0px 0px;} .rule-pop{ width:574px; margin-left:-287px;} .rule-pop .pop-tit{ background:#f0f0f0; background-image:-webkit-linear-gradient(left, #f0f0f0, #f0f0f0); background-image:-ms-linear-gradient(left, #f0f0f0, #f0f0f0); background-image:linear-gradient(left,#f0f0f0,#f0f0f0);} .rule-pop .pop-con{ padding:26px 20px 20px 30px; background: #fff;} .rule-pop .pop-con p{ font-size:16px; line-height:28px;} .pactPop .pop-con{ border-top-left-radius:10px; border-top-right-radius:10px; padding:40px 0 37px 0; background-color: #fff;} .pactPop .pop-con .pic{ display:block; width:180px; height:180px; margin:0 auto;} .pactPop .pop-con h3{ font-size:18px; line-height:52px; text-align:center; padding-bottom:11px; font-weight:normal;} .pactPop .pop-con p{ line-height:24px; padding:0 27px;} .counpSuccessBox{background: url(/images/template/signUpSpecial/couponSuccessBox.png) no-repeat; width: 500px; height: 446px;} .counpSuccessBox p{ color: #fff; padding: 165px 0 0 235px; font-size: 18px;} .counpSuccessBox .gouseBtn{ display: block; width: 300px; height: 60px; line-height: 60px; text-align: center; color: #c0190a; font-size: 24px; margin:129px 0 0 100px; font-weight: bold;} .counpSuccessBox span{ color: #fff; font-size: 16px; text-align: center; display: block; margin: 15px 0 0 25px;} .counpSuccessBox a.close-btn{ display: block; width: 42px; height: 42px; background-position:-108px -747px; right:-10px; top:-50px; position: absolute;} .failBox{ width: 430px; background: #4878f7; padding: 15px; border-radius: 10px; text-align: center;} .failBox .failcontentBox{ padding:10px;background:#fffefc;border-radius: 10px; background-image:-webkit-linear-gradient(top, #fdf4d9, #ffffff); background-image:-ms-linear-gradient(top, #fdf4d9, #ffffff); background-image:linear-gradient(top, #fdf4d9, #ffffff);} .failBox .failcontentBox .failBoxline{ border: 1px solid #e49e8f;border-radius: 10px;} .failBox .failcontentBox .failBoxline h5{ font-size: 20px; color: #fb6142; text-align: center; padding: 30px 0 40px;} .failBox .kownBtn{ display: block; width: 170px; height: 45px; line-height: 45px; text-align: center; color: #fff; background: #fb6142; border-radius: 23px; margin: 50px auto 20px; font-size: 18px;} .courseListBox .closeBtn{right: 0; top: 0;} .courseListBox{ width: 712px; border-radius:5px; background: #fff; margin-left: -356px;} .courseListBox .couseSelectList{ padding: 20px 25px 0;display: none;} .courseListBox .couseSelectList h5{ font-size: 20px; margin-bottom: 5px;} .courseListBox .couseSelectList h6{ font-size: 16px; font-weight: normal; margin-bottom: 15px;} .courseListBox .couseSelectList h6 span{ color: #fb6345; margin-left: 20px;} .courseListBox .couseSelectList h3{ background-position: 0 -1214px; width: 116px; height: 26px; margin-bottom: 15px;} .courseListBox .couseSelectList ul{ padding-bottom: 50px;} .courseListBox .couseSelectList ul li{ color: #666; margin-bottom: 10px; } .courseListBox .couseSelectList ul li p{display:inline-block; *display:inline;zoom: 1; border: 1px solid #ddd; padding: 2px 20px; cursor: pointer;} .courseListBox .couseSelectList ul li p input{ width: 0; height: 0; position: absolute; left: 0; top: 0; font-size: 0;} .courseListBox .couseSelectList ul li del{ color: #999;} .courseListBox .couseSelectList ul li span{ margin: 0 5px; color: #333;} .courseListBox .couseSelectList ul li a{ display:inline-block; *display:inline;zoom: 1; background-position: 0 -1284px; padding-left: 15px; color: #3095fc; margin-left: 20px;} .courseListBox .couseSelectList ul li p.on{ border: 1px solid #fb6345; color: #fb6345;} .courseListBox .couseSelectList ul li p.on i{ display:block;background-position: 0 -1253px; width: 24px; height: 20px; right: 0; bottom: 0;} .courseListBox .couseSelectList ul li p.on span{ color: #fb6345;} .courseListBox .courseBottom{ height:65px; box-shadow:0 -2px 8px rgba(0,0,0,.06);border-top:1px solid #f3f3f3; padding: 15px 20px 0; border-radius: 0 0 5px 5px;} .courseListBox .courseBottom .coinOwn{ width:255px;float: left; font-size: 12px; color: #666; line-height: 26px;} .courseListBox .courseBottom .coinOwn em{ color: #fb6345;} .courseListBox .courseBottom .coinOwn i{ background-position: 0 -1314px; color: #999; font-size: 12px; padding-left: 15px;} .courseListBox .courseBottom .priceList{ width:415px; float: right;} .courseListBox .courseBottom .priceList dl dt{ float: right; margin-left: 10px;} .courseListBox .courseBottom .priceList dl dt a{ display: block; width: 130px; height: 50px; background: #fb6142; border-radius: 25px; box-shadow: 0 0 15px #fcd9d2; text-align: center; line-height: 50px; color: #fff; font-size: 21px;} .courseListBox .courseBottom .priceList dl dd{ color: #666; text-align: right; line-height:26px;} .courseListBox .courseBottom .priceList dl dd strong.num{ font-size:14px; margin-right: 20px;} .courseListBox .courseBottom .priceList dl dd strong.num i{ color: #fb6142;} .courseListBox .courseBottom .priceList dl dd strong.pricePaid{ color: #fb6142; font-size: 24px;} .courseClass.last{ margin-right: 0;} .commonTips-pop{ width:440px; margin-left:-230px; padding:16px 10px; background:#4a7af9; background-image:-webkit-linear-gradient(left, #4a7af9, #2758d8); background-image:-ms-linear-gradient(left, #4a7af9, #2758d8); background-image:linear-gradient(left,#4a7af9,#2758d8); border-radius:15px;} .commonTips-pop .close-btn{ display:block; line-height:0; font-size:0; width:40px; height:40px; background:url(/images/zhuanti/20211111/luckDraw-dialog-close.png) no-repeat; top:-54px; right:0;} .commonTips-pop .con{ border-radius:12px; padding:8px; background:#fff; background-image:-webkit-linear-gradient(top, #fdf4d8, #fff); background-image:-ms-linear-gradient(top, #fdf4d8, #fff); background-image:linear-gradient(top,#fdf4d8,#fff);} .commonTips-pop .con-border{ border:1px solid #e49e8f; border-radius:12px; padding-bottom:23px;} .commonTips-pop .con h4{font-size:20px; color:#fb6142; font-weight:bold; line-height:30px; padding:30px 0 160px;margin-bottom:34px; text-align:center; background:url(/images/zhuanti/20211212/zhengbao-icon01.png) no-repeat center bottom;} .commonTips-pop .con .btn{ display:block; width:180px; height:45px; line-height:45px; text-align:center; text-decoration:none; font-size:20px; color:#fff; border-radius:30px; margin:0 auto; background:#fb6142;} .luckDraw-mod .draw-con{width:640px;height:710px;padding-top:17px;background:#fff;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 0 10px rgba(128,128,128,.14);box-shadow:0 0 10px rgba(128,128,128,.14);} .luckDraw-mod .luckDraw-main{width:594px;margin:0 auto;} .luckDraw-mod .luckDraw-show{height:410px;position:relative;z-index:1;} .luckDraw-mod .luckDraw-show span{height:100%;position:absolute;left:0;top:0;right:0;bottom:0;z-index:8;background:url(/images/template/signUpSpecial/prizeDraw/prizeDraw.png) no-repeat center top;} .luckDraw-mod .luckDraw-show i{width:118px;height:123px;position:absolute;left:126px;top:74px;background:url(/images/zhuanti/20211212/luckDraw-clamp.png) no-repeat left bottom;} .luckDraw-mod .luckDraw-show .luckDraw-clamp-after{background-position:right bottom;} .luckDraw-mod .luckDraw-show em{height:314px;position:absolute;left:0;top:97px;right:0;z-index:10;background:url(/images/zhuanti/20211212/luckDraw-glass.png) no-repeat center top;} .luckDraw-mod .luckDraw-panel{height:165px;background:url(/images/template/signUpSpecial/prizeDraw/prizeDraw.png) no-repeat center -410px;} .luckDraw-mod .luckDraw-amount{width:282px;padding:104px 0 0 45px;text-align:center;line-height:1;font-size:20px;color:#fff;} .luckDraw-mod .userLuckDraw{width:174px;height:44px;line-height:44px;font-size:22px;color:#fff;text-align:center;margin-top:72px;} .luckDraw-mod .userLuckDraw:hover{opacity:.8;filter:alpha(opacity=80);} .luckDraw-mod .userLuckDraw-swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation:swing 1.2s infinite;animation:swing 1.2s infinite;} .luckDraw-mod .luckDraw-other{height:107px;background:url(/images/template/signUpSpecial/prizeDraw/prizeDraw.png) no-repeat center bottom;} .luckDraw-mod .luckDraw-zbb{width:247px;height:68px;padding:18px 12px 0 0;margin-left:58px;text-align:right;position:relative;z-index:1;background:url(/images/template/signUpSpecial/prizeDraw/luckDraw-zbb.png) no-repeat;} .luckDraw-mod .luckDraw-zbb p{line-height:24px;color:#fbe540;} .luckDraw-mod .luckDraw-zbb .zbb-amount{line-height:24px;color:#fff;} .luckDraw-mod .luckDraw-zbb a{height:100%;line-height:500px;overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0;} .luckDraw-mod .luckDraw-zbb i{width:40px;height:33px;position:absolute;right:-9px;bottom:-12px;background:url(/images/template/signUpSpecial/prizeDraw/luckDraw-zbb-icon.png) no-repeat;} .luckDraw-mod .luckDraw-call{width:225px;margin-left:16px;} .luckDraw-mod .luckDraw-call a{height:40px;line-height:40px;padding-left:15px;color:#fbe540;background:url(/images/template/signUpSpecial/prizeDraw/luckDraw-call.png) no-repeat;display:block;} .luckDraw-mod .luckDraw-call a + a{margin-top:6px;} .luckDraw-mod .draw-introduce{width:539px;} .luckDraw-mod .draw-introduce-bg{background:#fff;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 0 10px rgba(128,128,128,.14);box-shadow:0 0 10px rgba(128,128,128,.14);} .luckDraw-mod .draw-ranking-hd{height:36px;line-height:36px;padding-top:18px;position:relative;z-index:1;text-align:center;color:#fff;} .luckDraw-mod .draw-ranking-hd h4{font-size:20px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;color:#5080ff;} .luckDraw-mod .draw-ranking-hd .draw-ranking-btns{position:absolute;right:50px;top:24px;color:#e22d1c;font-weight:bold;} .luckDraw-mod .draw-ranking-hd .draw-ranking-btns a{background:#fb6142;padding:5px 8px;line-height:1;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;display:inline-block;color:#fff;} .luckDraw-mod .listAwards{padding-bottom:12px;} .luckDraw-mod .listAwards .listAwardsList{margin:6px 25px 0 21px;height:336px;overflow:hidden;position:relative;} .luckDraw-mod .listAwards .listAwardsList li{height:56px;line-height:56px;padding-left:28px;vertical-align:top;} .luckDraw-mod .listAwards .listAwardsList li .photo{float:left;margin:11px 18px 0 0;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .luckDraw-mod .listAwards .listAwardsList li p{width:154px;float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .luckDraw-mod .listAwards .listAwardsList li span{float:left;width:100px;} .luckDraw-mod .listAwards .listAwardsList li em{float:left;white-space:nowrap;margin-left:18px;} .luckDraw-mod .listAwards .mask-bg{width:100%;height:184px;position:absolute;left:0; top:52px; z-index:2;} .luckDraw-mod .draw-rule{margin-top:20px;padding-bottom:11px;} .luckDraw-mod .draw-rule-main{height:234px;padding:0 30px;overflow:hidden;position:relative;z-index:1;} .luckDraw-mod .draw-rule-main p{line-height:20px;padding-top:8px;} .luckDraw-mod .mCSB_scrollTools{width:12px;background:#d9c7c5;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .luckDraw-mod .mCSB_scrollTools .mCSB_draggerRail{background:#d9c7c5;} .luckDraw-mod .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:12px;background:#ac9d9b;*margin-left:-2px;} .luckDraw-mod .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover,.luckDraw-mod .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active,.luckDraw-mod .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#ac9d9b;} .luckDraw-mod .mCSB_scrollTools .mCSB_buttonDown,.luckDraw-mod .mCSB_scrollTools .mCSB_buttonUp{background:url(/images/zhuanti/20211111/dragger-icon.png) no-repeat;} .luckDraw-mod .mCSB_scrollTools .mCSB_buttonDown{background-position:left -20px;} .luckDraw-mod .mCSB_inside>.mCSB_container{margin-right:20px;} .luckDraw-dialog{width:528px;height:509px;position:fixed;left:50%;top:50%;z-index:800;margin:-254px 0 0 -264px;background:url(/images/template/signUpSpecial/prizeDraw/luckDraw-dialog.png) no-repeat;text-align:center;display:none;} .luckDraw-dialog .luckDraw-dialog-hd{padding-top:105px;height:130px;} .luckDraw-dialog .luckDraw-dialog-hd h6{line-height:30px;color:#fb6142;font-size:22px;} .luckDraw-dialog .luckDraw-dialog-hd p{line-height:38px;color:#999;} .luckDraw-dialog .luckDraw-dialog-img{height:190px;} .luckDraw-dialog .luckDraw-dialog-img img{display:block;margin:0 auto;} .luckDraw-dialog-btns{text-align:center;} .luckDraw-dialog-btns a{line-height:1;padding:13px 35px;display:inline-block;font-size:18px;color:#fff;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:#fb6142;} .luckDraw-dialog-close{width:40px;height:40px;line-height:400px;overflow:hidden;position:absolute;right:0;top:-48px;background:url(/images/zhuanti/20211111/luckDraw-dialog-close.png) no-repeat;} .luckDraw-dialog-v1{width:458px;position:fixed;left:50%;top:50%;z-index:800;margin-left:-229px;display:none;} .luckDraw-dialog-v1 .luckDraw-dialog-head{height:60px;line-height:60px;padding:0 30px;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;background:#4a7af9;background-image:-webkit-linear-gradient(left, #4a7af9, #2758d8); background-image:-moz-linear-gradient(left, #4a7af9, #2758d8); background-image:linear-gradient(left,#4a7af9,#2758d8);} .luckDraw-dialog-v1 .luckDraw-dialog-head h6{font-size:22px;color:#fff;} .luckDraw-dialog-v1 .luckDraw-dialog-body{padding:30px 35px;background:#fff;-webkit-border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;} .luckDraw-dialog-v1 .myPrize-none{display:none;} .luckDraw-dialog-v1 .myPrize-none p{line-height:30px;font-size:16px;text-align:center;margin-bottom:40px;} .luckDraw-dialog-v1 .luckDraw-dialog-close,.luckDraw-dialog-v2 .luckDraw-dialog-close{width:16px;height:15px;background:url(/images/zhuanti/20211111/luckDraw-dialog-close-v1.png) no-repeat;right:21px;top:21px;} .luckDraw-dialog-v1 .myPrize-detail{display:none;} .luckDraw-dialog-v1 .myPrize-detail-list{overflow:hidden;margin:0 -10px 24px 0;} .luckDraw-dialog-v1 .myPrize-detail-list ul li{height:30px;line-height:30px;text-align:right;} .luckDraw-dialog-v1 .myPrize-detail-list ul li strong{float:left;} .luckDraw-dialog-v1 .myPrize-tips{margin-bottom:24px;} .luckDraw-dialog-v1 .myPrize-tips p{line-height:24px;} .luckDraw-dialog-v1 .mCSB_scrollTools{width:4px !important;background:#d9c7c5;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .luckDraw-dialog-v1 .mCSB_scrollTools .mCSB_draggerRail{background:#d9c7c5;} .luckDraw-dialog-v1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background:#ac9d9b;*margin-left:-2px;} .luckDraw-dialog-v1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover,.luckDraw-dialog-v1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active,.luckDraw-dialog-v1 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#ac9d9b;} .myPrize-dialog .myPrize-detail .luckDraw-dialog-btns,.myPrize-dialog .myPrize-detail .luckDraw-dialog-btns a{display:none;} .address-dialog{width:538px;margin-left:-269px;} .address-form li{height:58px;} .address-form li label{float:left;font-size:16px;line-height:44px;} .address-form li .form-box{margin-left:76px;} .address-form li .form-box input,.address-form li .form-area strong{width:100%;height:22px;padding:9px 0;border:1px solid #e1e1e1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-indent:14px;} .address-form li .form-area{width:124px;position:relative;z-index:1;float:left;} .address-form li .form-area + .form-area{margin-left:10px;} .address-form li .form-area strong{width:auto;display:block;padding:9px 20px 9px 14px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;text-indent:0;background:url(/images/zhuanti/20211111/form-area-icon.png) no-repeat right center;} .address-form li .form-area .placeholder-default{color:#999;} .address-form li .areaSelect{max-height:152px;overflow:hidden;overflow-y:auto;position:absolute;left:0;top:100%;right:0;padding:5px 0;margin-top:-1px;background:#fff;border:1px solid #e1e1e1;display:none;} .address-form li .areaSelect dd{height:24px;padding:2px 10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .address-form li .areaSelect dd:hover{color:#ff3c48;} .address-form li .form-box input::-webkit-input-placeholder{color:#999;} .address-form li .form-box input::-moz-placeholder{color:#999;} .address-form li .form-box input:-moz-placeholder{color:#999;} .address-form li .form-box input:-ms-input-placeholder{color:#999;} .address-error{height:30px;line-height:18px;color:#f00;text-align:center;} .address-warm{color:#f00;margin-top:20px;} .luckDraw-dialog-v2{width:414px;padding:1px 0;position:fixed;left:50%;top:50%;z-index:800;margin-left:-207px;text-align:center;background:#fff;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;display:none;} .luckDraw-dialog-v2 .luckDraw-dialog-head{height:84px;padding-top:48px;} .luckDraw-dialog-v2 .luckDraw-dialog-head strong{line-height:32px;font-size:22px;display:block;} .luckDraw-dialog-v2 .luckDraw-dialog-head p{line-height:28px;font-size:16px;} .luckDraw-dialog-v2 .luckDraw-dialog-btns{padding:25px 0 33px;} .luckDraw-dialog-v2 .luckDraw-dialog-close{background-image:url(/images/zhuanti/20211111/luckDraw-dialog-close-v2.png);} .luckDraw-dialog-v2 .miniUrl-main .miniUrl-hd strong{font-size:20px;line-height:28px;padding-top:18px;} .miniUrl-main{width:289px;height:369px;padding:42px 0 30px 11px;margin:0 auto;background:url(/images/zhuanti/20211111/miniUrl-bg.png) no-repeat;text-align:center;} .miniUrl-main .miniUrl-hd{height:148px;} .miniUrl-main .miniUrl-hd strong{display:block;line-height:46px;color:#e53f06;font-size:24px;} .miniUrl-main .miniUrl-hd p{line-height:20px;color:#666;font-size:16px;} .friendPower-none{display:none;} .friendPower-none-hd{line-height:28px;font-size:16px;text-align:center;margin-bottom:20px;} .friendPower-data{display:none;} .friendPower-data ul li{height:50px;line-height:50px;padding-left:40px;border-bottom:1px solid #ebebeb;position:relative;z-index:1;color:#999;} .friendPower-data ul li span{position:absolute;left:0;top:0;} .friendPower-data ul li strong{font-size:16px;color:#333;float:left;} .friendPower-data ul li p{text-align:right;} .friendPower-pagination{margin-top:15px;line-height:20px;display:none;font-size:0;text-align:center;} .friendPower-pagination a,.friendPower-pagination span,.friendPower-pagination em{font-size:14px;margin:0 8px;} .friendPower-pagination em{color:#999;} .friendPower-pagination a,.friendPower-pagination em{display:none;} .friendPower-pagination a:hover{text-decoration:underline;} .luckDraw-dialog-zbb,.luckDraw-dialog-card{text-align:center;} .luckDraw-dialog-zbb strong,.luckDraw-dialog-card strong{font-size:20px;color:#fb6142;line-height:30px;padding-top:30px;text-align:center;display:block;} .luckDraw-dialog-zbb p{line-height:40px;color:#999;padding-bottom:20px;} .luckDraw-dialog-card p{margin-top:20px;} /**/ .book-wrap{ width:100%;} .book-mod{ padding-bottom:40px; background:#fff0;} .book-mod .more-btn{ display:block; width:277px; height:44px; line-height:44px; font-size:20px; text-decoration:none; text-align:center; color:#5c80f5; border:1px solid #5c80f5; border-radius:50px; margin:20px auto 0;} .book-wrap .common-tit .tab-tit{ float:right; width:650px; height:64px; overflow:hidden; text-align:right; font-size:0;} .book-wrap .common-tit .tab-tit li{ display:inline-block; *display:inline; *zoom:1; line-height:64px; font-size:20px; color:#666; padding:0 28px; cursor:pointer; position:relative;} .book-wrap .common-tit .tab-tit li.on{ color:#5c80f5; font-weight:bold;} .book-wrap .common-tit .tab-tit li.on i{ display:block; width:30px; height:4px; background:#5c80f5; position:absolute; left:50%; margin-left:-15px; bottom:-1px;} .book-mod .tab-con .book-show{width: 210px; margin: 100px 0; position: relative;float: left;} .book-mod .tab-con .book-show .book-img{width: 283px;height: 354px; } .book-mod .tab-con .book-show .hot-book{width: 55px;height: 60px; position: absolute; top: 10px; right: -66px;} .book-mod .tab-con .book-des{width: 990px ; box-shadow: 1px 1px 10px rgb(224, 222, 222);float: right;margin:43px 0 0 0 ; } .book-mod .tab-con .book-des .descript{margin: 30px 0 0 120px;} .book-mod .tab-con .book-des .descript p{font-size: 16px; line-height:36px; color: #333333;} .book-mod .tab-con .book-des .descript .fuwu{position: relative;display: inline;top: -34px;left: 78px; margin-left: 16px;} .book-mod .tab-con .book-des .descript .fuwu b{position: absolute; left: 44px;top:4px; font-size: 14px;line-height: 24px;color:#5c80f5 ;} .book-mod .descript a.go_buy{width: 176px; background: #FC5644; background: linear-gradient(90deg, #FC5644, #EA4342);box-shadow: 2px 3px 11px 1px rgba(255, 24, 0, 0.32);} .book-mod .descript a{display: inline-block;font-size: 18px;color: #fff; border-radius: 6px;height: 46px;text-align: center;line-height: 46px;text-decoration: none;float: right;margin: 20px 20px 20px 0;} /**/ .course2023-mod{} .course2023-mod .courseType01-con{ width:460px; margin-right:20px;} .course2023-mod .top-tit{ height:130px; position:relative; border-radius:8px 8px 0 0;} .course2023-mod .top-tit h3{ font-size:30px; color:#fffefe; line-height:60px; padding:25px 0 0 45px;} .course2023-mod .top-tit p{ display:inline-block; height:26px; line-height:26px; font-size:14px; color:#fff; background:#ff7c35; padding:0 35px; border-radius:40px; margin-left:39px;} .course2023-mod .top-tit .tips{ display:block; height:28px; line-height:28px; color:#fff; padding:0 16px; background:rgba(0,0,0,.39); position:absolute; left:0; top:0; border-radius:8px 0 8px 0;} .course2023-mod .top-tit .tips02{ display:block; width:118px; height:112px; text-align:center; position:absolute; top:10px; right:46px; background:url("/images/chujizhicheng/zhuanti/2023baoming/course-tips01.gif") no-repeat;} .course2023-mod .top-tit .tips02 h4{ font-size:16px; color:#8c5401; line-height:36px; padding-top:43px;} .course2023-mod .top-tit .tips02 i{ display:block; line-height:26px; color:#fff; font-weight:bold;} .course2023-mod .top-tips{ height:30px; line-height:30px; text-align:center; color:#fff; background:#b50702; background-image:-webkit-linear-gradient(left, #b50702, #db3505); background-image:-moz-linear-gradient(left, #b50702, db3505); background-image:linear-gradient(left,#b50702,#db3505);} .course2023-mod .courseType01-con .con{ min-height:533px; background:#fff; border-bottom:10px solid #ff9e74; border-radius:0 0 10px 10px; position:relative;} .course2023-mod .courseType01-con .con:before,.course2023-mod .courseType01-con .con:after{ content:""; width:10px; height:100%; position:absolute; left:0; top:0; background:#a7169e; background-image:-webkit-linear-gradient(top, #eb4819, #ff9d73); background-image:-moz-linear-gradient(top, #eb4819, #ff9d73); background-image:linear-gradient(top,#eb4819,#ff9d73);} .course2023-mod .courseType01-con .con:after{ left:auto; right:0;} .course2023-mod .characteristic{ padding:18px 0 16px 34px;} .course2023-mod .characteristic p{ line-height:38px; padding-left:22px; font-size:16px; position:relative;} .course2023-mod .characteristic p strong{ font-size:22px; color:#645cff;} .course2023-mod .characteristic p span{ color:#645cff;} .course2023-mod .characteristic p:before{ content:""; width:8px; height:8px; background:#cdcaff; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-4px;} .course2023-mod .courseType01-con .con .pic{ height:180px; text-align:center; padding-top:13px;} .course2023-mod .send{ height:40px; line-height:40px; background:#fef5e3; font-size:16px; padding-left:59px; margin:0 10px; border-radius:6px; position:relative;} .course2023-mod .send span{ display:block; height:32px; line-height:32px; font-size:18px; color:#fff; font-weight:bold; padding:0 13px 0 8px; position:absolute; left:0; top:4px; border-radius:0 40px 40px 0; background:#ff5a00; background-image:-webkit-linear-gradient(left, #ffa26a, #ff5a00); background-image:-moz-linear-gradient(left, #ffa26a, #ff5a00); background-image:linear-gradient(left,#ffa26a,#ff5a00);} .course2023-mod .discounts{ text-align:center; font-size:0; margin-top:28px;} .course2023-mod .discounts p{ display:inline-block; min-width:280px; height:40px; line-height:40px; font-size:19px; color:#fff; font-weight:bold; padding:0 40px 0 60px; position:relative; border-radius:40px; background:#ed4814; background-image:-webkit-linear-gradient(left, #ed4814, #ff6000); background-image:-moz-linear-gradient(left, #ed4814, #ff6000); background-image:linear-gradient(left,#ed4814,#ff6000);} .course2023-mod .discounts p span{ position:absolute; left:15px; bottom:3px;} .course2023-mod .discounts p i{ display:block; width:24px; height:24px; position:absolute; right:9px; top:8px; background:url("/images/chujizhicheng/zhuanti/2023baoming/course-ico02.png") no-repeat;} .course2023-mod .addBook-con{ width:328px; height:40px; background:url("/images/chujizhicheng/zhuanti/2023baoming/addBook-bg.png") no-repeat; margin:24px auto 0; position:relative;} .course2023-mod .addBook-con .book-pic{ position:absolute; left:33px; top:-12px;} .course2023-mod .addBook-con p{ display:block; line-height:40px; font-size:18px; font-weight:bold; color:#c04401; padding-left:93px;} .course2023-mod .addBook-con span{ display:block; width:40px; line-height:26px; text-align:center; color:#f6d9a9; font-weight:bold; position:absolute; right:30px; top:0;} .course2023-mod .coupon{ margin:0 10px; height:40px; margin-top:28px; position:relative; border-radius:40px; background:#ed4814; background-image:-webkit-linear-gradient(left, #ed4814, #ff6000); background-image:-moz-linear-gradient(left, #ed4814, #ff6000); background-image:linear-gradient(left,#ed4814,#ff6000);} .course2023-mod .coupon span{ display:block; width:73px; height:60px; position:absolute; left:11px; top:-16px; background:url("/images/chujizhicheng/zhuanti/2023baoming/course-ico06.png") no-repeat} .course2023-mod .coupon p{ display:block; float:left; padding-left:87px; line-height:40px; font-size:19px; color:#fff; font-weight:bold;} .course2023-mod .coupon .btn{ display:block; float:right; margin:5px 6px 0 0; width:60px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#e94414; background:url("/images/chujizhicheng/zhuanti/2023baoming/course-ico07.png") no-repeat;animation: get-scale 1.5s infinite linear;} .course2023-mod .price{ display:none; margin:17px 0 0; padding-bottom:9px; background:url("/images/chujizhicheng/zhuanti/2023baoming/course-ico03.png") no-repeat center center #fff9ee;} .course2023-mod .price .text01{ float:left; width:189px; padding:0 0 0 23px;} .course2023-mod .price .text01 p{ line-height:28px; padding-top:9px; font-size:14px; color:#666;} .course2023-mod .price .text01 h4{ line-height:38px; font-size:34px; color:#000;} .course2023-mod .price .text01 h4 em{ font-size:20px;} .course2023-mod .price .text02{ float:left;} .course2023-mod .price .text02 p{ line-height:28px; padding-top:9px; font-size:14px; color:#666;} .course2023-mod .price .text02 h4{ line-height:38px; font-size:34px; color:#fb3c00;} .course2023-mod .price .text02 h4 em{ font-size:20px;} .course2023-mod .book{} .course2023-mod .buy-con{ padding:11px 0 0 15px;} .course2023-mod .buy-con .btn{ display:block; float:left; line-height:36px; font-size:16px; margin-right:21px; padding-left:34px; background:url("/images/chujizhicheng/zhuanti/2023baoming/course-ico04.png") no-repeat left center;} .course2023-mod .buy-con .btn.on{ background:url("/images/chujizhicheng/zhuanti/2023baoming/course-ico05.png") no-repeat left center;} .course2023-mod .buy-con .btn:last-child{ margin-right:0;} .course2023-mod .btn-con{ text-align:center; font-size:0; padding-top:12px;} .course2023-mod .btn-con .service-btn{ display:inline-block; width:145px; height:46px; line-height:46px; text-align:center; text-decoration:none; font-size:18px; color:#ff5a1a; border:2px solid #ff6b31; border-radius:40px; margin:0 10px;} .course2023-mod .btn-con .buy-btn{ display:inline-block; margin:0 10px; width:145px; height:50px; line-height:50px; font-size:18px; color:#fff; font-weight:bold; text-align:center; border-radius:40px; box-shadow:0 5px 10px #ffdad1; background:#ff490a; background-image:-webkit-linear-gradient(left, #ff8150, #ff490a); background-image:-moz-linear-gradient(left, #ff8150, #ff490a); background-image:linear-gradient(left,#ff8150,#ff490a);} .course2023-mod .courseType02-con{ width:350px;} .course2023-mod .courseType01-con .top-tit{ background:url("/images/chujizhicheng/zhuanti/2023baoming/course-tit01.jpg") no-repeat;} .course2023-mod .courseType02-con .top-tit{ background:url("/images/chujizhicheng/zhuanti/2023baoming/course-tit02.jpg") no-repeat;} .course2023-mod .courseType02-con .top-tit h3,.course2023-mod .courseType03-con .top-tit h3{ line-height:130px; padding-top:0;} .course2023-mod .top-tit .teacher-pic{ position:absolute; right:11px; bottom:0;} .course2023-mod .courseType02-con .top-tit .icon01{ display:block; width:44px; height:44px; background:url("/images/chujizhicheng/zhuanti/2023baoming/course-ico08.png") no-repeat center #fff; border-radius:50%; position:absolute; left:-37px; top:44px;} .course2023-mod .courseType02-con .top-tit .icon02{ display:block; width:44px; height:44px; background:url("/images/chujizhicheng/zhuanti/2023baoming/course-ico09.png") no-repeat center #fff; border-radius:50%; position:absolute; right:-37px; top:44px; z-index:9;} .course2023-mod .courseType02-con .top-tips{ background:#645cff;} .course2023-mod .courseType02-con .con{min-height:542px; background:#fff; border:1px solid #d6d8ff; border-top:0; border-radius:0 0 10px 10px; position:relative;} .course2023-mod .courseType01-con .send{ margin:0 20px;} .course2023-mod .courseType01-con .coupon{ margin:28px 46px 0;} .course2023-mod .courseType01-con .coupon span{ left:24px;} .course2023-mod .courseType01-con .coupon p{ padding-left:114px;} .course2023-mod .courseType01-con .price{ margin:17px 10px 0;} .course2023-mod .courseType01-con .price .text01{ padding-left:44px;} .course2023-mod .courseType01-con .price .text01{ width:240px;} .course2023-mod .courseType01-con .buy-con{ padding-left:49px;} .course2023-mod .courseType01-con .buy-con .btn{ margin-right:52px;} .course2023-mod .courseType01-con .btn-con .service-btn{ width:185px;} .course2023-mod .courseType01-con .btn-con .buy-btn{ width:189px;} .course2023-mod .courseType03-con{ width:350px;} .course2023-mod .courseType03-con .top-tit{ background:url("/images/chujizhicheng/zhuanti/2023baoming/course-tit03.jpg") no-repeat;} .course2023-mod .courseType03-con .top-tit .teacher-pic{ right:3px;} .course2023-mod .courseType03-con .top-tips{ background:#3f8cf8;} .course2023-mod .courseType03-con .con{min-height:542px; background:#fff; border:1px solid #d7eaff; border-top:0; border-radius:0 0 10px 10px; position:relative;} .course2023-mod .courseType03-con .characteristic p:before{ background:#cee5ff;} .course2023-mod .courseType03-con .characteristic p strong,.course2023-mod .courseType03-con .characteristic p span{ color:#3f8cf8;} .course2023-mod .mb20{ margin-bottom:20px;} .course2023-mod .courseType04-con,.course2023-mod .courseType05-con,.course2023-mod .courseType06-con{ width:285px; margin-right:20px;} .course2023-mod .courseType07-con{ width:285px;} .course2023-mod .top-tit02{ height:190px; text-align:center; position:relative;} .course2023-mod .top-tit02 h3{ line-height:43px; padding-top:20px; font-size:28px; color:#fff;} .course2023-mod .top-tit02 h3 i{ font-size:19px; font-weight:bold;} .course2023-mod .top-tit02 p{ line-height:30px; color:#fff;} .course2023-mod .top-tit02 .tips{ display:block; height:28px; line-height:28px; color:#fff; padding:0 16px; background:rgba(0,0,0,.39); position:absolute; left:0; top:0; border-radius:8px 0 8px 0;} .course2023-mod .top-tit02 .teacher-pic{ position:absolute; left:50%; bottom:0;transform: translate(-50%,0); -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -moz-transform:translate(-50%,0); } .course2023-mod .bottom-con .top-tit02{ height:190px;} .course2023-mod .bottom-con .con{ min-height:252px; padding-top:16px; background:#fff; border:1px solid #ffd09c; border-top:0; border-radius:0 0 10px 10px; position:relative;} .course2023-mod .bottom-con .send{ font-size:14px; padding-left:48px;} .course2023-mod .bottom-con .price{ margin-top:15px; padding-bottom:6px;} .course2023-mod .bottom-con .price .text01{ padding-left:21px; width:160px;} .course2023-mod .bottom-con .price .text01 p{ font-size:12px; line-height:26px; padding-top:4px;} .course2023-mod .bottom-con .price .text01 h4{ font-size:28px; line-height:34px;} .course2023-mod .bottom-con .price .text02 p{ font-size:12px; line-height:26px; padding-top:4px;} .course2023-mod .bottom-con .price .text02 h4{ font-size:28px; line-height:34px;} .course2023-mod .bottom-con .buy-con{ padding-top:20px;} .course2023-mod .bottom-con .buy-con .btn{ font-size:14px; padding-left:26px; position:relative; background:url("/images/chujizhicheng/zhuanti/2023baoming/course-ico11.png") no-repeat left center;} .course2023-mod .bottom-con .buy-con .btn.on{ background:url("/images/chujizhicheng/zhuanti/2023baoming/course-ico12.png") no-repeat left center;} .course2023-mod .bottom-con .buy-con .btn span{ display:block; width:120px; height:22px; line-height:22px; font-size:12px; color:#ff4a0b; text-align:center; position:absolute; left:24px; top:-16px; background:url("/images/chujizhicheng/zhuanti/2023baoming/course-ico13.png") no-repeat;} .course2023-mod .bottom-con .btn-con{ padding-top:8px;} .course2023-mod .bottom-con .btn-con .service-btn{ width:118px; height:40px; line-height:40px;} .course2023-mod .bottom-con .btn-con .buy-btn{ width:120px; height:42px; line-height:42px;} .course2023-mod .courseType04-con .top-tit02{ background:url("/images/chujizhicheng/zhuanti/2023baoming/course-tit04.jpg") no-repeat;} .course2023-mod .courseType05-con .top-tit02{ background:url("/images/chujizhicheng/zhuanti/2023baoming/course-tit05.jpg") no-repeat;} .course2023-mod .courseType06-con .top-tit02{ background:url("/images/chujizhicheng/zhuanti/2023baoming/course-tit06.jpg") no-repeat;} .course2023-mod .courseType07-con .top-tit02{ background:url("/images/chujizhicheng/zhuanti/2023baoming/course-tit07.jpg") no-repeat;} .course2023-mod .courseType06-con .characteristic p:before{ background:#cee1ff;} .course2023-mod .courseType06-con .top-tit02 .teacher-pic{ bottom:8px;} .course2023-mod .courseType06-con .characteristic{ padding:12px 0 6px 21px;} .course2023-mod .courseType07-con .characteristic p:before{ background:#d4f6f5;} .course2023-mod .courseType07-con .characteristic{ padding:12px 0 6px 21px} .course2023-mod .courseType07-con .characteristic p,.course2023-mod .courseType06-con .characteristic p{ font-size:14px;} .course2023-mod .send02{ padding:20px 0 0 17px;} .course2023-mod .send02 .box{ float:left; width:114px; height:67px; background:#d4f6f5; border-radius:8px; margin-right:20px; text-align:center; position:relative;} .course2023-mod .send02 .box h4{ line-height:26px; padding-top:10px; font-size:20px; color:#0fb3b2;} .course2023-mod .send02 .box p{ line-height:23px; color:#0fb3b2;} .course2023-mod .send02 .box:last-child{ margin-right:0;} .course2023-mod .send02 .box span{ display:block; line-height:24px; color:#fff; border-radius:40px 40px 40px 0; position:absolute; right:0; top:-17px; padding:0 11px; background:#ff6a2c; background-image:-webkit-linear-gradient(left, #ff6a2c, #ffc65b); background-image:-moz-linear-gradient(left, #ff6a2c, #ffc65b); background-image:linear-gradient(left,#ff6a2c,#ffc65b);} .course2023-mod .send02 .box i{ display:block; width:26px; height:26px; border-radius:50%; position:absolute; right:-22px; top:50%; margin-top:-13px; box-shadow:0 5px 10px #d1f4f2; z-index:9; background:url("/images/chujizhicheng/zhuanti/2023baoming/course-ico14.png") no-repeat center #fff;} .course2023-mod .notice-con{ background:#fff; border-radius:10px; padding:25px 0 5px 40px;} .course2023-mod .notice-con p{ line-height:32px; padding-bottom:20px; font-size:16px;} .course2023-fix-wrap{ width:100%; height:113px; position:fixed; left:0; bottom:0; z-index:69; background:url("/images/chujizhicheng/zhuanti/2023baoming/course2023-fix-bg.png") no-repeat center;} .course2023-fix-wrap .close-btn{ display:block; width:23px; height:23px; line-height:0; font-size:0; position:absolute; right:0; top:23px; background:url("//www.chinaacc.com/images/lamu-img/close2.png") no-repeat;} .course2023-fix{ height:90px; padding-top:23px;} .course2023-fix h4{ float:left; line-height:90px; padding-left:85px; font-size:32px; color:#a63603;} .course2023-fix .btn-con{ float:left; padding:26px 0 0 20px;} .course2023-fix .btn-con .service-btn{ display:block; float:left; margin-right:15px; width:118px; height:40px; line-height:40px; text-align:center; text-decoration:none; font-size:18px; color:#ff5a1a; border:2px solid #ff6b31; border-radius:40px;} .course2023-fix .btn-con .buy-btn{ display:block; float:left; width:122px; height:44px; line-height:44px; font-size:18px; color:#fff; font-weight:bold; text-align:center; border-radius:40px; box-shadow:0 5px 10px #ffdad1; background:#ff490a; background-image:-webkit-linear-gradient(left, #ff8150, #ff490a); background-image:-moz-linear-gradient(left, #ff8150, #ff490a); background-image:linear-gradient(left,#ff8150,#ff490a);} .course2023-fix .coupon-btn{ display:block; width:250px; height:68px; margin-top:12px; line-height:0; font-size:0; background:url("/images/chujizhicheng/zhuanti/2023baoming/coupon-btn.png") no-repeat;} .course2023-coupon-pop{ display:none; width:650px; height:404px; position:fixed; z-index:999; left:50%; top:50%; margin-left:-325px; background:url("/images/chujizhicheng/zhuanti/2023baoming/coupon-bg.png") no-repeat;} .course2023-coupon-pop .close-btn{ display:block; width:40px; height:40px; line-height:0; font-size:0; position:absolute; right:60px; top:21px;} .course2023-coupon-pop h4{ text-align:center; font-size:22px; color:#b9141a; line-height:48px; padding:70px 0 0;} .course2023-coupon-pop h4 strong{ font-size:28px;} .course2023-coupon-pop .text{ padding:42px 0 0 312px;} .course2023-coupon-pop .text h5{ line-height:30px; font-size:20px; color:#b9141a;} .course2023-coupon-pop .text p{ line-height:26px; color:#e8672d;} .course2023-coupon-pop .buy-btn{ display:block; width:204px; height:49px; line-height:49px; text-align:center; font-size:20px; color:#c8110d; font-weight:bold; left:235px; bottom:50px;} @-webkit-keyframes swing{ 0% { -webkit-transform: rotate3d(0, 0, 1, 0); } 25% { transform: rotate3d(0, 0, 1, 2deg); } 50% { transform: rotate3d(0, 0, 1, -1deg); } 75% { transform: rotate3d(0, 0, 1, 2deg); } 100% { transform: rotate3d(0, 0, 1, 0); } } @keyframes swing{ 0% { -webkit-transform: rotate3d(0, 0, 1, 0); } 25% { -webkit-transform: rotate3d(0, 0, 1, 2deg); } 50% { -webkit-transform: rotate3d(0, 0, 1, -1deg); } 75% { -webkit-transform: rotate3d(0, 0, 1, 2deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0); } } @-webkit-keyframes get-scale { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes get-scale { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } }