/*
@author: sunke
*/
@charset "utf-8";
body,input,select,textarea,button{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,PingFang SC,Microsoft Yahei,arial,STHeiTi,sans-serif;}
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#fff;color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;vertical-align:top;border:0;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{color:#333;text-decoration:none;outline:none;}
textarea{resize:none}
input,input:focus,select,textarea,button{outline:0;-webkit-user-modify:read-write-plaintext-only;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.abs{ position:absolute}
.pr{ position:relative;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}

/**/
.topHeader-mod h4{ width:100%; left:0; top:3.693rem; line-height:1.04rem; text-align:center; font-size:0.427rem; color:#fee0b0; text-shadow:0 0.04rem 0.04rem #3b236c;}
.topHeader-mod h4 strong{ font-size:0.56rem;}
.topHeader-mod .tips{ width:1.067rem; text-align:center; line-height:0.28rem; font-size:0.227rem; color:#fff; top:1.547rem; right:0.76rem;}

/**/
.topNav-mod{ height:8.493rem; background:url("/images/zhuanti/changxueka/topNav-bg.jpg") no-repeat; background-size:100% auto;}
.topNav-mod .text{ padding:2.6rem 0 0 0.747rem;}
.topNav-mod .text .p1{ line-height:0.84rem; font-size:0.42rem; color:#222; font-weight:bold;}
.topNav-mod .text .p2{ line-height:0.973rem; font-size:0.6rem; color:#222; font-weight:bold;}
.topNav-mod .text .p3{ line-height:0.88rem; font-size:0.6rem; color:#ba0000; padding-top:0.187rem; font-weight:bold;}
.topNav-mod .text .p4{ line-height:1.12rem; font-size:0.8rem; color:#421313; padding-top:0.187rem; font-weight:bold;}
.topNav-mod .text .p4 strong{ color:#e20000;}
.topNav-mod .btn-wrap{ text-align:center; font-size:0; padding-top:0.32rem;}
.topNav-mod .btn-wrap .btn01{ display:inline-block; width:4.053rem; line-height:1; font-size:0.427rem; color:#242424; padding:0.213rem 0; border-radius:0.533rem; border:0.027rem solid #030b18; margin:0 0.2rem;}
.topNav-mod .btn-wrap .btn02{ display:inline-block; width:4.107rem; line-height:1; font-size:0.427rem; color:#fae372;  border-radius:0.533rem; padding:0.24rem 0; margin:0 0.2rem; background:#880e0e; background-image:-webkit-linear-gradient(left, #880e0e, #e20000); background-image:linear-gradient(left,#880e0e,#e20000);}

/**/
.privilege-mod{ width:100%; padding-bottom:0.667rem; background:url("/images/zhuanti/changxueka/privilege-bg01.jpg") no-repeat center top #fff; background-size:100% auto;}
.privilege-mod .title{ text-align:center; height:1.853rem; padding-top:0.48rem;}
.privilege-mod .con01{ width:9.573rem; height:7.64rem; margin:0 auto; border-radius:0.267rem; background:url("/images/zhuanti/changxueka/privilege-bg02.png") no-repeat; background-size:100% auto;}
.privilege-mod .con01 .text{ position:absolute;}
.privilege-mod .con01 .text h4{ line-height:0.76rem; font-size:0.427rem;}
.privilege-mod .con01 .text p{ line-height:0.507rem; font-size:0.32rem; color:#999;}
.privilege-mod .con01 .text.abs01{ top:1.493rem; left:0.573rem;}
.privilege-mod .con01 .text.abs02{ top:5.147rem; left:0.573rem;}
.privilege-mod .con01 .text.abs03{ top:1.493rem; right:.573rem; text-align:right;}
.privilege-mod .con01 .text.abs04{ top:5.147rem; right:.573rem; text-align:right;}
.privilege-mod .con02{ width:9.533rem; height:8.253rem; margin:0.733rem auto 0; border-radius:0.267rem; box-shadow:0 0.053rem 0.107rem #f2ca97; background:url("/images/zhuanti/changxueka/privilege-bg05.jpg") no-repeat; background-size:100% auto;}
.privilege-mod .con02 .tips01{ width:3.96rem; height:0.507rem; line-height:0.507rem; font-size:0.347rem; left:0; top:-0.213rem; text-align:center; color:#6c0000; background:url("/images/zhuanti/changxueka/privilege-bg03.png") no-repeat; background-size:100% auto;}
.privilege-mod .con02 .tips02{ width:3.707rem; height:0.56rem; line-height:0.56rem; text-align:center; font-size:0.347rem; font-weight:bold; color:#fff; left:4.747rem; top:0.907rem; font-weight:bold; background:url("/images/zhuanti/changxueka/privilege-bg04.png") no-repeat; background-size:100% auto;}
.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;}

/**/
.course-mod{ padding:0 0 0.507rem 0; background:#592f95;}
.course-mod .title{ text-align:center; height:1.627rem; padding-top:0.507rem;}
.course-mod .con01{ }
.course-mod .con01 .sale{ width:9.733rem; height:6.973rem; margin:0 auto; background:url("/images/zhuanti/changxueka/course-bg02.jpg") no-repeat; background-size:100% auto;}
.course-mod .con01 .text01{ line-height:0.48rem; top:0.373rem; left:0.493rem; font-size:0.267rem;}
.course-mod .con01 .text01 span{ display:inline-block; width:0.547rem; height:0.48rem; line-height:0.48rem; font-size:0.267rem; color:#fff; font-weight:bold; vertical-align:top; text-align:center; border-radius:0.08rem; margin-right:0.107rem; background:#ff9d27; background-image:-webkit-linear-gradient(top, #ff9d27, #f98121); background-image:linear-gradient(top,#ff9d27,#f98121);}
.course-mod .con01 .text01 strong{ font-size:0.453rem;}
.course-mod .con01 .text02{ font-size:0.267rem; line-height:1; left:0.253rem; top:1.933rem;}
.course-mod .con01 .text03{ width:1.973rem; text-align:center; line-height:1; font-size:0.32rem; color:#fff; font-weight:bold; left:4.08rem; top:2.267rem;}
.course-mod .con01 .text04{ font-size:0.267rem; right:0.24rem; top:2.387rem; line-height:1;}
.course-mod .con01 .text05{ width:2.133rem; text-align:center; font-size:0.267rem; color:#ef2f01; font-weight:bold; left:50%; margin-left:-1.067rem; top:3.987rem; line-height:1;}
.course-mod .con01 .text06{ width:100%; text-align:center; left:0; top:4.627rem;}
.course-mod .con01 .text06 .t1{display:inline-block; line-height:0.427rem; font-size:0.347rem; color:#422e6b; background:#f1f0fe; border:0.013rem solid #e4e5fd; border-radius:0.533rem; padding:0 0.227rem;}
.course-mod .con01 .text06 .t2{ display:inline-block; margin-left:0.333rem; height:.427rem; line-height:.427rem; font-size:0.267rem; font-weight:bold;}
.course-mod .con01 .text06 .t2 strong{ color:#ef2f01; font-size:0.773rem; vertical-align:-0.16rem;}
.course-mod .con01 .text06 .t2 strong em{ font-size:0.267rem;}
.course-mod .con01 .text06 .t2 strong i{ font-size:0.4rem;}
.course-mod .con01 .btn-wrap{ top:5.853rem; left:0; width:100%; text-align:center; font-size:0;}
.course-mod .con01 .btn-wrap .btn01{ display:inline-block; width:4.347rem; height:0.88rem; line-height:0.88rem; font-size:0.373rem; font-weight:bold; color:#e41111; border:0.027rem solid #ffbc38; border-radius:0.533rem; box-shadow:0 0.053rem 0.107rem #fecd7e; margin:0 0.133rem; background:#ffefca; background-image:-webkit-linear-gradient(top, #fffdf7, #ffefca); background-image:linear-gradient(top,#fffdf7,#ffefca);}
.course-mod .con01 .btn-wrap .btn02{ display:inline-block; width:4.4rem; height:0.933rem; line-height:0.933rem; font-size:0.373rem; color:#ffdf94; font-weight:bold; background:url("/images/zhuanti/changxueka/course-btn01.png") no-repeat; background-size:100% auto; margin:0 0.133rem;}
.course-mod .con01 .list{ width:9.733rem; margin:0 auto;}
.course-mod .con01 .list li{ width:9.733rem; height:2.413rem; position:relative; background:url("/images/zhuanti/changxueka/course-bg03.png") no-repeat; background-size:100% auto; margin-top:0.107rem;}
.course-mod .con01 .list .price{ width:2.053rem; text-align:center; line-height:0.48rem; color:#fcf3e9; font-size:0.267rem; position:absolute; right:0.48rem; top:0.04rem;}
.course-mod .con01 .list .price strong{ font-size:0.427rem;}
.course-mod .con01 .list .text{ padding:0.147rem 0 0 0.373rem;}
.course-mod .con01 .list .text .top-tit{ line-height:1.053rem; font-size:0.427rem; color:#281b39; font-weight:bold;}
.course-mod .con01 .list .text .con{}
.course-mod .con01 .list .text .con p{ display:block; float:left;  line-height:1.213rem;}
.course-mod .con01 .list .text .con p.t1{width:3.8rem; font-size:0.427rem; color:#ea1718; font-weight:bold;}
.course-mod .con01 .list .text .con p.t2{width:1.8rem; font-size:0.32rem}
.course-mod .con01 .list .text .con p.t2 strong{ font-size:0.4rem;}
.course-mod .con01 .list .text .con p.t2:last-child{ width:auto;}
.course-mod .con02{ width:9.733rem; height:3.187rem; background:url("/images/zhuanti/changxueka/course-bg04.png") no-repeat; background-size:100% auto; margin:0.4rem auto 0;}
.course-mod .con02 .text{ padding:0 0 0 0.88rem;}
.course-mod .con02 .text h4{ display:block; float:left; width:3.173rem; line-height:0.733rem; font-size:0.56rem; color:#fff; font-weight:bold; padding-top:0.52rem;}
.course-mod .con02 .text p{ display:block; float:left; line-height:0.733rem; font-size:0.4rem; color:#fff; padding-top:0.547rem;}
.course-mod .con02 .btn{ display:block; width:6.013rem; line-height:1; text-align:center; font-size:0.347rem; font-weight:bold; padding:0.173rem 0; color:#e41111; margin:0.187rem auto 0; border-radius:0.533rem; border:0.013rem solid #ffbf42; background:#ffefca; background-image:-webkit-linear-gradient(top, #fffdf8, #ffefca); background-image:linear-gradient(top,#fffdf8,#ffefca);}

/**/
.rule-wrap{ background:#24173c; padding:0.6rem 0 2rem;}
.rule-mod{ width:7.973rem; border-radius:0.267rem; padding:0 0.613rem; margin:0 auto; background:#ffebc7; background-image:-webkit-linear-gradient(45deg, #fffaf0, #ffebc7); background-image:linear-gradient(45deg,#fffaf0,#ffebc7);}
.rule-mod h4{ line-height:1.48rem; font-size:0.533rem; color:#000;}
.rule-mod p{ line-height:0.507rem; font-size:0.373rem; padding-bottom:0.213rem;}
.rule-mod p a{ color:#cb6730;}

/**/
.fixBottom-mod{ width:100%; height:1.333rem; background:#ffe9c3; position:fixed; left:0; bottom:0; z-index:69;}
.fixBottom-mod .tips{ width:3.72rem; height:0.653rem; line-height:0.547rem; font-size:0.347rem; font-style:italic; text-align:center; color:#fff9cf; left:0.32rem; top:-0.547rem; background:url("/images/zhuanti/changxueka/fixBottom-bg01.png") no-repeat; background-size:100% auto;}
.fixBottom-mod .tips strong{ font-size:0.507rem;}
.fixBottom-mod .tit01{ padding:0.227rem 0 0 0.373rem;}
.fixBottom-mod .tit01 h4{ line-height:0.573rem; font-size:0.427rem; color:#e40100;}
.fixBottom-mod .tit01 p{ line-height:0.453rem; font-size:0.293rem; color:#666;}
.fixBottom-mod .btn-wrap{ width:5.467rem; padding:0.187rem 0 0;}
.fixBottom-mod .btn-wrap .btn01{ display:block; width:2.373rem; line-height:1; text-align:center; font-size:0.347rem; font-weight:bold; padding:0.253rem 0; color:#e41111; border-radius:0.533rem; border:0.013rem solid #ffbf42; background:#ffefca; background-image:-webkit-linear-gradient(top, #fffdf8, #ffefca); background-image:linear-gradient(top,#fffdf8,#ffefca);}
.fixBottom-mod .btn-wrap .btn02{ display:block; width:2.373rem; line-height:1; text-align:center; font-size:0.347rem; font-weight:bold; padding:0.253rem 0; color:#fff; border-radius:0.533rem; background:url("/images/zhuanti/changxueka/fixBottom-btn01.png") no-repeat; background-size:100% auto; margin-left:0.213rem;}

/**/
.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:8.4rem; position:fixed; left:50%; margin-left:-4.2rem; top:50%; z-index:99;}
.common-pop .close-btn{ display:block; width:1.2rem; height:1.2rem; position:absolute; left:50%; margin-left:-0.6rem; bottom:-1.5rem; background:url("/images/zhuanti/changxueka/close-btn.png") no-repeat; background-size:100% auto;}
.ewm-pop{ height:10.107rem; background:url("/images/zhuanti/changxueka/pop-bg.png") no-repeat; background-size:100% auto;}
.ewm-pop h4{ text-align:center; line-height:0.973rem; padding-top:0.813rem; font-size:0.667rem; background:-webkit-linear-gradient(left,#421313,#431313 40%,#8b1313 60%,#8b1313);-webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#8b1313;}
.ewm-pop p{ line-height:0.72rem; text-align:center; font-size:0.4rem; color:#222;}
.ewm-pop .ewm{ display:block; width:4.107rem; margin:0.413rem auto 0;}
.ewm-pop .btn{ display:block; width:7.307rem; line-height:1; text-align:center; font-size:0.533rem; font-weight:bold; padding:0.36rem 0; color:#e41111; margin:0.733rem auto 0; border-radius:0.533rem; border:0.013rem solid #ffbf42; background:#ffefca; background-image:-webkit-linear-gradient(top, #fffdf8, #ffefca); background-image:linear-gradient(top,#fffdf8,#ffefca);}
.rule-pop{}
.rule-pop .tit{ border-radius:0.2rem 0.2rem 0 0; line-height:1.12rem; text-align:center; font-size:0.427rem; color:#7d0b02; font-weight:bold; background:#feb05c; background-image:-webkit-linear-gradient(left, #ffce85, #feb05c); background-image:linear-gradient(left,#ffce85,#feb05c);}
.rule-pop .con{ padding:0 0.653rem 1.04rem 0.653rem; background:#fff; border-radius:0 0 0.2rem 0.2rem;}
.rule-pop .con h4{ line-height:0.867rem; padding-top:0.427rem; font-size:0.427rem; color:#dc0400;}
.rule-pop .con p{ line-height:0.533rem; font-size:0.373rem; color:#222;}



/**/
.over-pop{display:none; width:8.4rem; position:fixed; left:50%; margin-left:-4.2rem; top:50%; z-index:99; background:#fff; border-radius:0.16rem;}
.newApp-pop,.over-pop{ text-align:center; height:5.667rem;}
.newApp-pop h3,.over-pop h3{ line-height:0.667rem; font-size:0.467rem; color:#666; font-weight:bold; padding:1.427rem 0 0.96rem;}
.newApp-pop .btn,.over-pop .btn{ display:block; width:6.16rem; padding:0.32rem 0; font-size:0.427rem; color:#fff; line-height:1; border-radius:0.667rem; margin:0 auto; background:#f8340b; background-image:-webkit-linear-gradient(top, #fc5a09, #f5140d); background-image:linear-gradient(top,#fc5a09,#f5140d);}