@charset "utf-8";
/*
@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;}

/**/
.topHeader-wrap{ width:100%; height:845px; background:url("/images/zhuanti/changxueka/topHeader.jpg") no-repeat center top;}
.topHeader-wrap h3{ display:block; width:676px; text-align:center; left:0; top:278px; line-height:78px; font-size:32px; color:#fedfac; text-shadow:0 4px 4px #301d64;}
.topHeader-wrap h3 strong{ font-size:42px;}
.topHeader-wrap .tips{ width:90px; text-align:center; left:590px; line-height:22px; font-size:17px; color:#fff; font-weight:bold; top:243px;}
.topHeader-wrap:before{ content:""; width:78px; height:79px; position:absolute; left:50%; margin-left:-39px; bottom:-38px; background:url("/images/zhuanti/changxueka/topHeader-ico01.jpg") no-repeat; background-size:100% auto;}
.topHeader-wrap .topNav{ padding:530px 0 0;}
.topHeader-wrap .topNav .text{ padding:54px 0 0 347px;}
.topHeader-wrap .topNav .text .p1{ line-height:46px; font-size:22px; color:#222; font-weight:bold;}
.topHeader-wrap .topNav .text .p2{ line-height:55px; font-size:30px; color:#222; font-weight:bold;}
.topHeader-wrap .topNav .text .p3{ line-height:43px; font-size:28px; color:#ba0000; font-weight:bold; padding-top:10px;}
.topHeader-wrap .topNav .text .p4{ line-height:60px; font-size:42px; color:#421313; font-weight:bold;}
.topHeader-wrap .topNav .text .p4 strong{ color:#e20000;}
.topHeader-wrap .topNav .text .p4 span{ display:inline-block; line-height:50px; font-size:24px; color:#fffaf3; font-weight:bold; padding:0 16px; border-radius:40px 40px 40px 0; box-shadow:0 3px 6px #fa995b; background:#d0132a; background-image:-webkit-linear-gradient(left, #d0132a, #ff6536); background-image:-moz-linear-gradient(left, #d0132a, #ff6536); background-image:linear-gradient(left,#d0132a,#ff6536);}
.topHeader-wrap .topNav .ewm{ width:341px; text-align:center; padding:49px 6px 0;}
.topHeader-wrap .topNav .ewm .pic{ width:127px; display:inline-block;}
.topHeader-wrap .topNav .ewm h4{ line-height:37px; font-size:26px; font-weight:bold; padding-top:23px; background:-webkit-linear-gradient(left,#421313,#541313 40%,#8b1313 60%,#8b1313);-webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#8b1313;}
.topHeader-wrap .topNav .ewm p{ line-height:28px; font-size:16px; color:#222;}

/**/
.privilege-wrap{ width:100%; height:895px; background:url("/images/zhuanti/changxueka/privilege-bg01.jpg") no-repeat;}
.privilege-mod{}
.privilege-mod .title{ text-align:center; height:122px; padding-top:70px;}
.privilege-mod .con01{ height:335px; background:url("/images/zhuanti/changxueka/privilege-bg02.png") no-repeat;}
.privilege-mod .con01 .text{ position:absolute;}
.privilege-mod .con01 .text h4{ line-height:52px; font-size:24px;}
.privilege-mod .con01 .text p{ line-height:24px; font-size:16px; color:#999;}
.privilege-mod .con01 .text.abs01{ top:44px; left:221px;}
.privilege-mod .con01 .text.abs02{ top:190px; left:221px;}
.privilege-mod .con01 .text.abs03{ top:44px; left:841px;}
.privilege-mod .con01 .text.abs04{ top:190px; left:841px;}
.privilege-mod .con02{ height:258px; margin-top:46px; background:url("/images/zhuanti/changxueka/privilege-bg05.jpg") no-repeat;}
.privilege-mod .con02 .tips01{ width:243px; height:38px; line-height:38px; font-size:20px; left:0; top:-16px; text-align:center; color:#6c0000; background:url("/images/zhuanti/changxueka/privilege-bg03.png") no-repeat;}
.privilege-mod .con02 .tips02{ width:278px; height:42px; line-height:42px; text-align:center; font-size:24px; color:#fff; left:40px; top:153px; font-weight:bold; background:url("/images/zhuanti/changxueka/privilege-bg04.png") no-repeat;}
.privilege-mod .con02 .list{ padding:42px 0 0 356px;}
.privilege-mod .con02 .list li{ float:left; width:166px; text-align:center; position:relative;}
.privilege-mod .con02 .list li:before{ content:""; width:1px; height:151px; background:#ffdfb1; position:absolute; right:0; top:0;}
.privilege-mod .con02 .list .pic{ padding:5px 0 0 0; height:142px;}
.privilege-mod .con02 .list h4{ line-height:28px; font-size:16px; color:#50453d;}

/**/
.bg01-wrap{ width:100%; height:29px; background:url("/images/zhuanti/changxueka/bg01.jpg") no-repeat center;}
.course-wrap{ width:100%; background:url("/images/zhuanti/changxueka/course-bg01.jpg") no-repeat center bottom;}
.course-mod{ padding:20px 0 85px 0;}
.course-mod .title{ text-align:center; height:122px; padding-top:70px;}
.course-mod .con01{ background:#fff; border-radius:15px; padding:20px 0 33px;}
.course-mod .con01 .sale{ width:1154px; height:496px; margin:0 auto; background:url("/images/zhuanti/changxueka/course-bg02.jpg") no-repeat;}
.course-mod .con01 .text01{ line-height:36px; top:22px; left:383px; font-size:19px;}
.course-mod .con01 .text01 span{ display:inline-block; width:41px; height:36px; line-height:36px; color:#fff; font-weight:bold; vertical-align:top; text-align:center; border-radius:6px; margin-right:8px; background:#ff9d27; background-image:-webkit-linear-gradient(top, #ff9d27, #f98121); background-image:-moz-linear-gradient(top, #ff9d27, #f98121); background-image:linear-gradient(top,#ff9d27,#f98121);}
.course-mod .con01 .text01 strong{ font-size:34px;}
.course-mod .con01 .text01 strong b{ font-size:19px;}
.course-mod .con01 .text02{ font-size:20px; left:340px; top:138px;}
.course-mod .con01 .text03{ width:137px; text-align:center; font-size:22px; color:#fff; font-weight:bold; left:660px; top:153px;}
.course-mod .con01 .text04{ font-size:20px; left:1007px; top:138px;}
.course-mod .con01 .text05{ width:137px; text-align:center; font-size:20px; color:#ef2f01; font-weight:bold; left:660px; top:292px;}
.course-mod .con01 .text06{ width:840px; text-align:center; left:315px; top:330px;}
.course-mod .con01 .text06 .t1{display:inline-block; line-height:42px; font-size:25px; color:#422e6b; background:#f1f0fe; border:1px solid #e4e5fd; border-radius:40px; padding:0 32px;}
.course-mod .con01 .text06 .t2{ display:inline-block; margin-left:36px; height:64px; line-height:64px; font-size:18px; font-weight:bold;}
.course-mod .con01 .text06 .t2 strong{ color:#ef2f01; font-size:60px; vertical-align:-12px;}
.course-mod .con01 .text06 .t2 strong em{ font-size:18px;}
.course-mod .con01 .text06 .t2 strong i{ font-size:30px;}
.course-mod .con01 .btn-wrap{ top:422px; left:352px;}
.course-mod .con01 .btn-wrap .btn01{ display:block; float:left; width:366px; height:51px; line-height:51px; text-align:center; font-size:22px; color:#e41111; text-decoration:none; border:2px solid #ffbc38; border-radius:40px; box-shadow:0 4px 8px #fecd7e; background:#ffefca; background-image:-webkit-linear-gradient(top, #fffdf7, #ffefca); background-image:-moz-linear-gradient(top, #fffdf7, #ffefca); background-image:linear-gradient(top,#fffdf7,#ffefca);}
.course-mod .con01 .btn-wrap .btn02{ display:block; float:left; width:372px; height:55px; line-height:55px; font-size:22px; color:#ffdf94; font-weight:bold; text-align:center; text-decoration:none; background:url("/images/zhuanti/changxueka/course-btn01.png") no-repeat; margin-left:20px;}
.course-mod .con01 .list{ width:1153px; margin:0 auto; padding:6px 0 0;}
.course-mod .con01 .list li{ width:1153px; height:138px; position:relative; background:url("/images/zhuanti/changxueka/course-bg03.jpg") no-repeat; margin-top:14px;}
.course-mod .con01 .list .teacher-pic{ position:absolute; left:32px; bottom:0;}
.course-mod .con01 .list .price{ width:107px; text-align:center; line-height:24px; color:#fcf3e9; position:absolute; right:63px; top:3px;}
.course-mod .con01 .list .price strong{ font-size:20px;}
.course-mod .con01 .list .price strong b{ font-size:16px;}
.course-mod .con01 .list .text{ padding:12px 0 0 267px;}
.course-mod .con01 .list .text .top-tit{ line-height:50px; font-size:22px; color:#281b39; font-weight:bold;}
.course-mod .con01 .list .text .top-tit span{ display:inline-block; line-height:25px; font-size:14px; color:#fff; vertical-align:3px; padding:0 24px; border-radius:40px 40px 40px 0; margin-left:11px; background:#ff5410; background-image:-webkit-linear-gradient(left, #f30d03, #ff5410); background-image:-moz-linear-gradient(left, #f30d03, #ff5410); background-image:linear-gradient(left,#f30d03,#ff5410);}
.course-mod .con01 .list .text .con{}
.course-mod .con01 .list .text .con p{ display:block; float:left;  line-height:66px;}
.course-mod .con01 .list .text .con p.t1{width:253px; font-size:20px; color:#ea1718; text-indent:9px;}
.course-mod .con01 .list .text .con p.t2{width:143px; font-size:16px}
.course-mod .con01 .list .text .con p.t2 strong{ font-size:20px;}
.course-mod .con02{ height:242px; background:url("/images/zhuanti/changxueka/course-bg04.png") no-repeat;}
.course-mod .con02 .text{ padding:72px 0 0 370px;}
.course-mod .con02 .text p{ line-height:45px; font-size:24px; color:#fff;}
.course-mod .con02 .text .btn{ display:block; width:177px; height:33px; line-height:33px; text-align:center; font-size:18px; color:#e41111; text-decoration:none; margin-top:14px; border-radius:40px; border:1px solid #ffbf42; background:#ffefca; background-image:-webkit-linear-gradient(top, #fffdf8, #ffefca); background-image:-moz-linear-gradient(top, #fffdf8, #ffefca); background-image:linear-gradient(top,#fffdf8,#ffefca);}

/**/
.rule-wrap{ height:412px; background:url("/images/zhuanti/changxueka/rule-bg.jpg") no-repeat center top;}
.rule-mod{}
.rule-mod h4{ line-height:103px; font-size:30px; color:#fff; padding-top:13px;}
.rule-mod p{ line-height:25px; font-size:15px; color:#ffff; padding-bottom:11px;}
.rule-mod p a{ color:#fff;}

/**/
.fixBottom-wrap{ width:100%; height:80px; position:fixed; left:0; bottom:0; z-index:69; background:#fcd56f; background-image:-webkit-linear-gradient(left, #fcd56f, #f5d688); background-image:-moz-linear-gradient(left, #fcd56f, #f5d688); background-image:linear-gradient(left,#fcd56f,#f5d688);}
.fixBottom-mod{}
.fixBottom-mod .tit01{ width:252px; line-height:52px; font-size:34px; color:#e22e36; font-weight:bold; padding:18px 0 0 8px;}
.fixBottom-mod .tit01 .tips{ line-height:26px; font-size:14px; color:#fff; padding:0 17px; background:#000; border-radius:40px 40px 40px 0; left:0; top:-11px;}
.fixBottom-mod .tit01 strong{ font-size:48px; font-style:italic; vertical-align:-3px;}
.fixBottom-mod .coupon{ width:310px; height:62px; margin:10px 0 0; background:url("/images/zhuanti/changxueka/fixBottom-bg01.png") no-repeat;}
.fixBottom-mod .coupon .t1{ width:90px; line-height:60px; font-size:36px; color:#fff; font-weight:bold; padding:0 0 0 30px;}
.fixBottom-mod .coupon .t1 em{ font-size:18px;}
.fixBottom-mod .coupon .t2{ line-height:60px; font-size:16px; color:#fff;}
.fixBottom-mod .coupon .btn{ display:block; width:70px; height:36px; line-height:36px; text-align:center; border-radius:40px; font-size:18px; color:#fff; text-decoration:none; margin:12px 19px 0 0; font-weight:bold; background:#ff5a00; background-image:-webkit-linear-gradient(left, #ff5a00, #e2323d); background-image:-moz-linear-gradient(left, #ff5a00, #e2323d); background-image:linear-gradient(left,#ff5a00,#e2323d);}
.fixBottom-mod .btn-wrap{ width:430px; height:48px; border-radius:40px; margin:15px 0 0 21px; background:#ffefbe; background-image:-webkit-linear-gradient(left, #ffefbe, #fff0e4); background-image:-moz-linear-gradient(left, #ffefbe, #fff0e4); background-image:linear-gradient(left,#ffefbe,#fff0e4);}
.fixBottom-mod .btn-wrap p{ display:block; float:left; line-height:48px; font-size:18px; color:#d0132a; padding-left:29px;}
.fixBottom-mod .btn-wrap p strong{ font-size:24px;}
.fixBottom-mod .btn-wrap .buy-btn{ display:block; float:right; width:200px; height:50px; text-align:center; line-height:50px; font-size:22px; color:#fff; text-decoration:none; margin:-1px 0 0 0; border-radius:40px; background:#d0142a; background-image:-webkit-linear-gradient(left, #d0142a, #ff6536); background-image:-moz-linear-gradient(left, #d0142a, #ff6536); background-image:linear-gradient(left,#d0142a,#ff6536);}
.fixBottom-mod .btn-wrap .tips{ line-height:22px; font-size:14px; color:#6510d8; padding:0 18px; left:0; top:-15px; border:1px solid #c084ff; border-radius:40px 40px 40px 0; background:#d0142a; background-image:-webkit-linear-gradient(top, #f9edff, #e9d5ff); background-image:-moz-linear-gradient(top, #f9edff, #e9d5ff); background-image:linear-gradient(top,#f9edff,#e9d5ff);}
.fixBottom-mod .ewm{ width:153px; height:120px; padding:10px 0 0; background:#f7d681; border-radius:15px 15px 0 0; right:0; bottom:0;}
.fixBottom-mod .ewm p{ display:block; float:left; width:33px; text-align:center; font-size:15px; color:#000; line-height:16px; padding-top:17px;}
.fixBottom-mod .ewm .pic{ display:block; float:left; width:108px; height:108px;}

/**/
.footer{ padding-bottom:100px !important;}

/**/
.mask{display:none; width:100%;z-index:98;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;}
.common-pop{ display:none; width:325px; height:392px; position:fixed; left:50%; margin-left:-162px; top:50%; z-index:99; background:url("/images/zhuanti/changxueka/pop-bg.png") no-repeat;}
.common-pop h4{ text-align:center; line-height:38px; padding-top:30px; font-size:26px; background:-webkit-linear-gradient(left,#421313,#431313 40%,#8b1313 60%,#8b1313);-webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#8b1313;}
.common-pop p{ line-height:28px; text-align:center; font-size:16px; color:#222;}
.common-pop .ewm{ display:block; width:160px; margin:16px auto 0;}
.common-pop .btn{ display:block; width:282px; height:51px; line-height:51px; text-align:center; font-size:22px; color:#e41111; text-decoration:none; border-radius:40px; border:2px solid #ffbc38; margin:29px auto 0; background:#ffefca; background-image:-webkit-linear-gradient(top, #fffdf7, #ffefca); background-image:-moz-linear-gradient(top, #fffdf7, #ffefca); background-image:linear-gradient(top,#fffdf7,#ffefca);}
.common-pop .close-btn{ display:block; width:47px; height:47px; position:absolute; left:50%; margin-left:-23px; bottom:-77px; background:url("/images/zhuanti/changxueka/close-btn.png") no-repeat;}

.over-pop{ display:none; width:325px; padding-top:40px; position:fixed; left:50%; margin-left:-162px; top:50%; z-index:99; background:#fff; border-radius:20px;}
.over-pop .pop-tit{ background:#fff;}
.over-pop .pop-con{ padding-bottom:30px;}
.over-pop p{ line-height:40px; text-align:center; font-size:18px; padding-bottom:24px;}
.over-pop .btn{ display:block; width:127px; text-align:center; margin:0 auto; height:38px; line-height:38px; border:1px solid #d1d1d1; font-size:18px; color:#666; border-radius:40px;}
.over-pop{ width:410px; margin-left:-205px;}
.over-pop .pop-tit,.common-pop.over-pop .pop-con{ border:0;}