/*
@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:#ebd0ac;}
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;}
.header-wrap{ width:100%; background:#fff;}

/**/
.ggtit{ position: absolute; top: -30px; left: 50%; margin-left: -247px; width: 493px; height: 58px; line-height: 54px; text-align: center; font-size: 30px; color: #fffaf3; background: url(/images/zhuanti/changxueka-vip/tit_02.png) no-repeat;}
.ggtit b{ font-size: 44px; vertical-align: -4px;}
.ggtit em{ color: #ffdab5;}

/* 页头大图 */
.topBanner{ position: relative; z-index: 1; height: 717px;}
.topBanner .icon{ position: absolute; top: 19px; right: 8px; width: 168px; height: 148px; background: url(/images/zhuanti/changxueka-vip/icon_10.png) no-repeat;}
.topBanner .card{ position: absolute; top: 76px; right: 150px; width: 358px; height: 298px; background: url(/images/zhuanti/changxueka-vip/icon_09.png) no-repeat; animation: floating 2s ease infinite 0s; -webkit-animation: floating 2s ease infinite 0s;}
.topBanner .ctxt{ position: absolute; top: 322px; left: 124px; width: 407px; height: 49px; background: url(/images/zhuanti/changxueka-vip/tit_01.png) no-repeat center;}
.topBanner .ctxt span{ display: block; text-align: center; line-height: 48px; font-size: 26px; color: #d5c0a1; letter-spacing: 7px;}
.topBanner .ctxt i{ position: absolute; top: -34px; left: -74px; width: 110px; height: 66px; padding-top: 31px; line-height: 22px; font-size: 14px; text-align: center; color: #fff1c7; font-weight: 700; background: url(/images/zhuanti/changxueka/icon_08.png) no-repeat;}
.topBanner .ctxt i em{ font-size: 16px;}
.topBanner .ctxt i em b{ font-size: 22px; font-family:DIN Alternate,Microsoft Sans Serif;}


/* 特权 */
.privilege{ position: relative; z-index: 2; background: #fef3e4; border-radius: 15px; margin-top: -262px; margin-bottom: 70px; -webkit-box-shadow:0 20px 20px rgba(248, 188, 139, 0.5); -moz-box-shadow:0 20px 20px rgba(248, 188, 139, 0.5); box-shadow:0 20px 20px rgba(248, 188, 139, 0.5);
    background: -webkit-linear-gradient(left, #fefdf3, #ffe9d5); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fefdf3, #ffe9d5); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fefdf3, #ffe9d5); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fefdf3, #ffe9d5); /* 标准的语法 */}
.privilege .cbox{ padding: 60px 0 46px; text-align: center;}
.privilege .cbox-list{ display: inline-block; width: 290px;}
.privilege .cbox-list .clPic{ display: block; width: 140px; height: 140px; margin: 0 auto;}
.privilege .cbox-list .cltit{ line-height: 42px; font-size: 24px; color: #9b4612; font-weight: 700;}
.privilege .cbox-list .cltxt{ line-height: 40px; font-size: 16px;}

/**/
.course-mod{ padding:89px 32px 30px; margin-bottom:70px; border-radius:15px; background:#ffeacc; background-image:-webkit-linear-gradient(top, #ffeacc, #fff); background-image:-moz-linear-gradient(top, #ffeacc, #fff); background-image:linear-gradient(top,#ffeacc,#fff); -webkit-box-shadow:0 20px 20px rgba(248, 188, 139, 0.5); -moz-box-shadow:0 20px 20px rgba(248, 188, 139, 0.5); box-shadow:0 20px 20px rgba(248, 188, 139, 0.5);}
.course-mod .con{}
.course-mod .con .box{ width:547px; height:675px; position:relative;}
.course-mod .con .box .top-ad{ position:absolute; right:-20px; top:-20px;}
.course-mod .con .box.zhongji-tags{ background:url("/images/zhuanti/changxueka-vip/course-bg01.png") no-repeat;}
.course-mod .con .box.zhongji-tags:before{ content:""; width:90px; height:90px; background:url("/images/zhuanti/changxueka-vip/course-ico06.png") no-repeat; position:absolute; right:-65px; top:50%; margin-top:-45px; z-index:9;}
.course-mod .con .box.zhukuai-tags{ background:url("/images/zhuanti/changxueka-vip/course-bg02.png") no-repeat;}
.course-mod .con .box .top-tit{ padding:26px 0 0 42px; height:120px;}
.course-mod .con .box .top-tit h2{ line-height:52px; font-size:38px; background: -webkit-linear-gradient(top, #fffcf2 , #ffe899); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#fffcf2;}
.course-mod .con .box .top-tit .tips{ display:inline-block; line-height:32px; font-size:18px; color:#a25a3b; font-weight:bold; margin-top:6px; padding:0 20px; border-radius:40px; background:#fdedd6; background-image:-webkit-linear-gradient(left, #fdedd6, #f2c699); background-image:-moz-linear-gradient(left, #fdedd6, #f2c699); background-image:linear-gradient(left,#fdedd6,#f2c699);}
.course-mod .con .box .teacher-pic{ height:193px;}
.course-mod .con .box .text-con{ width:518px; background:#fff; margin:0 auto; border-radius:10px 10px 40px 40px; padding:10px 0 0;}
.course-mod .con .box .text-con .prize{ height:50px; line-height:50px; color:#fff; margin:0 10px; border-radius:10px; border:1px solid #ffe5af; background:#fe2601; background-image:-webkit-linear-gradient(left, #fe2601, #ff6f08); background-image:-moz-linear-gradient(left, #fe2601, #ff6f08); background-image:linear-gradient(left,#fe2601,#ff6f08);}
.course-mod .con .box .text-con .prize span{ display:inline-block; width:57px; height:32px; margin:0 32px 0 9px; vertical-align:-7px; background:url("/images/zhuanti/changxueka-vip/course-ico02.png") no-repeat;}
.course-mod .con .box .text-con .prize strong{ font-size:24px;}
.course-mod .con .box .text-con .list{ padding:0 30px 20px;}
.course-mod .con .box .text-con .list li{ line-height:56px; border-bottom:1px dashed #ddd; font-size:16px;}
.course-mod .con .box .text-con .list li:last-child{ border-bottom:0;}
.course-mod .con .box .text-con .list span{ display:inline-block; width:26px; height:31px; line-height:28px; text-align:center; font-size:16px; color:#fff; font-weight:bold; margin:0 12px 0 0; background:url("/images/zhuanti/changxueka-vip/course-ico03.png") no-repeat;}
.course-mod .con .box .text-con .list em{ color:#ee3500;}
.course-mod .con .box .text-con .list strong{ font-size:22px;}
.course-mod .book-con{ width:1136px; height:217px; margin:20px auto 0; background:url("/images/zhuanti/changxueka-vip/book-bg.jpg") no-repeat;}
.course-mod .book-con .tit{ padding:73px 0 0 80px;}
.course-mod .book-con .tit h3{ line-height:46px; font-size:34px; color:#cd5a12;}
.course-mod .book-con .tit p{ line-height:26px; font-size:16px;}
.course-mod .book-con .book{ float:right; width:339px; margin:30px 30px 0 0; position:relative;}
.course-mod .book-con .book p{ display:block; width:100%; line-height:30px; text-align:center; font-size:15px; color:#fff; position:absolute; right:0; bottom:0;}
.course-mod .prize-con{ width:1136px; margin:20px auto 0; padding:30px 0; background:#fff4ec; border-radius:10px;}
.course-mod .prize-con .sale{ width:739px; height:281px; padding:0 0 0 40px; background:url("/images/zhuanti/changxueka-vip/prize-bg01.jpg") no-repeat;}
.course-mod .prize-con .sale .tit{ line-height:62px; text-align:center; font-size:26px; color:#cd5a12;}
.course-mod .prize-con .sale .tit span{ font-size:16px;}
.course-mod .prize-con .sale .text{ height:148px;}
.course-mod .prize-con .sale .text del{ display:block; width:129px; text-align:center; font-size:16px; color:#969594; position:absolute; left:0; top:11px;}
.course-mod .prize-con .sale .text .sale-text{ width:122px; position:absolute; left:50%; margin-left:-61px; top:55px; text-align:center; line-height:28px; font-size:21px; color:#fff; font-weight:bold; font-family:"DIN Alternate";}
.course-mod .prize-con .sale .text .sale-text em{ font-size:16px; font-weight:normal;}
.course-mod .prize-con .sale .text .prize-text{ width:260px; text-align:center; line-height:66px; position:absolute; left:50%; margin-left:-130px; bottom:-66px; font-size:24px; color:#f23504;}
.course-mod .prize-con .sale .text .prize-text em{ font-size:16px;}
.course-mod .prize-con .sale .text .coupon{ width:288px; height:55px; border-radius:5px; left:50%; margin-left:-145px; top:14px; background:#ff3f1f; background-image:-webkit-linear-gradient(left, #fd813a, #f23d27); background-image:-moz-linear-gradient(left, #fd813a, #f23d27); background-image:linear-gradient(left,#fd813a,#f23d27);}
.course-mod .prize-con .sale .text .coupon:before{ content:""; width:12px; height:6px; position:absolute; left:50%; margin-left:-6px; bottom:-6px; background:url("/images/zhuanti/changxueka-vip/course-ico05.png") no-repeat;}
.course-mod .prize-con .sale .text .coupon .c1{ display:block; float:left; width:98px; line-height:55px; padding-left:12px; font-size:28px; color:#fffde3; font-weight:bold;}
.course-mod .prize-con .sale .text .coupon .c1 em{ font-size:16px;}
.course-mod .prize-con .sale .text .coupon .c2{ display:block; width:113px; float:left; border-right:1px dashed #f88b73; line-height:18px; color:#fffde3; margin:9px 0 0 0;}
.course-mod .prize-con .sale .text .coupon .coupon-btn{ float:right; display:block; width:44px; height:35px; padding-top:9px; text-align:center; text-decoration:none; font-size:14px; line-height:14px; color:#b92021; border-radius:50px; margin:6px 9px 0 0; animation: get-scale 1.5s infinite linear; -webkit-animation: get-scale 1.5s infinite linear; background:#fed4af; background-image:-webkit-linear-gradient(top, #fff0e1, #fed4af); background-image:-moz-linear-gradient(top, #fff0e1, #fed4af); background-image:linear-gradient(top,#fff0e1,#fed4af);}
.course-mod .prize-con .sale .btn-wrap{ padding:13px 20px 0;}
.course-mod .prize-con .sale .btn-wrap .buy-btn{ display:block; width:160px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; text-decoration:none; border-radius:40px; background:#ff3f1f; background-image:-webkit-linear-gradient(left, #ff3f1f, #ff5b1a); background-image:-moz-linear-gradient(left, #ff3f1f, #ff5b1a); background-image:linear-gradient(left,#ff3f1f,#ff5b1a);}
.course-mod .prize-con .sale.other-tags{ height:350px; background:url("/images/zhuanti/changxueka-vip/prize-bg02.jpg") no-repeat;}
.course-mod .prize-con .sale.other-tags .text .sale-text{ top:128px;}
.course-mod .prize-con .sale.other-tags .text{ height:218px;}
.course-mod .prize-con .ewm{ width:308px; padding:12px 0 0 0;}
.course-mod .prize-con .ewm h3{ line-height:46px; font-size:28px; color:#1b1b1c; padding-bottom:6px; position:relative;}
.course-mod .prize-con .ewm h3 strong{ font-size:34px; color:#f23504;}
.course-mod .prize-con .ewm h3:before{ content:""; width:239px; height:2px; background:#ffd9be; position:absolute; left:0; bottom:-2px;}
.course-mod .prize-con .ewm h3:after{ content:""; width:24px; height:10px; position:absolute; left:10px; bottom:-12px; background:url("/images/zhuanti/changxueka-vip/course-ico04.png") no-repeat;}
.course-mod .prize-con .ewm .pic{ display:inline-block; border:6px solid #fff; margin:25px 0 0;}

/* 权益 */
.equity{ position: relative; z-index: 2; background: #fef3e4; border-radius: 15px; margin-bottom: 70px; -webkit-box-shadow:0 20px 20px rgba(248, 188, 139, 0.5); -moz-box-shadow:0 20px 20px rgba(248, 188, 139, 0.5); box-shadow:0 20px 20px rgba(248, 188, 139, 0.5);
    background: -webkit-linear-gradient(left, #fefdf3, #ffe9d5); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fefdf3, #ffe9d5); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fefdf3, #ffe9d5); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fefdf3, #ffe9d5); /* 标准的语法 */}
.equity .cbox{ padding: 60px 50px 30px;}
.equity .cbox p{ line-height: 30px; font-size: 18px; margin-bottom: 10px;}
.equity .cbox .czong{ color: #cb6730;}

/**/
.certificate-mod{ padding:65px 0 55px;}
.certificate-mod .list{}
.certificate-mod .list .box{ width:585px;}
.certificate-mod .list .box .top-tit{ height:80px; background:#fdbf8b; border-radius:10px 10px 0 0; background-image:-webkit-linear-gradient(left, #ffe5be, #fdbf8b); background-image:-moz-linear-gradient(left, #ffe5be, #fdbf8b); background-image:linear-gradient(left,#ffe5be,#fdbf8b);}
.certificate-mod .list .box .top-tit h3{ float:left; font-size:32px; line-height:80px; font-weight:normal; padding-left:33px;}
.certificate-mod .list .box .top-tit span{ display:block; float:right; border-radius:40px; font-size:18px; color:#fff; font-weight:bold; height:36px; line-height:36px; padding:0 24px; margin:22px 30px 0 0; background:#e1822e; background-image:-webkit-linear-gradient(left, #e1822e, #c5632e); background-image:-moz-linear-gradient(left, #e1822e, #c5632e); background-image:linear-gradient(left,#e1822e,#c5632e);}
.certificate-mod .list .box .top-tit span strong{ font-size:22px;}
.certificate-mod .list .box .con{ height:134px; padding:20px 0 0 28px; border-radius:0 0 10px 10px; background:#fefdf3; background-image:-webkit-linear-gradient(left, #fefdf3, #ffe9d5); background-image:-moz-linear-gradient(left, #fefdf3, #ffe9d5); background-image:linear-gradient(left,#fefdf3,#ffe9d5);}
.certificate-mod .list .box .con p{ line-height:38px; font-size:18px; color:#666;}
.certificate-mod .list .box .con p strong{ color:#111;}
.certificate-mod .list .box .con p span{ color:#cb6730; font-weight:bold;}
.certificate-mod .list .box .con p i{ display:inline-block; width:20px; height:19px; margin-right:5px; background:url("/images/zhuanti/changxueka-vip/certificate-ico01.png") no-repeat;}
.certificate-mod .tips{ font-size:16px; line-height:26px; padding:25px 0 0;}

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

/**/
.bottomAd-wrap{ width:100%; height:80px; position:fixed; left:0; bottom:0; z-index:99; background:url("/images/zhuanti/changxueka-vip/bottomAd-bg.jpg") no-repeat;}
.bottomAd-mod{ height:80px;}
.bottomAd-mod h3{ display:block; float:left; line-height:80px; font-size:30px; color:#fff; padding:0 55px 0 82px;}
.bottomAd-mod h4{ display:block; float:left; line-height:80px; font-size:22px; color:#fde6d0;}
.bottomAd-mod h4 del{ font-size:16px; padding-left:10px;}
.bottomAd-mod .btn-wrap{ float:left; padding:20px 0 0 36px;}
.bottomAd-mod .btn-wrap .service-btn{ display:block; float:left; width:166px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#ffe9c1; font-weight:bold; text-decoration:none; border-radius:40px; border:2px solid #ffe9c1;}
.bottomAd-mod .btn-wrap .buy-btn{ display:block; float:left; width:170px; height:40px; line-height:40px; text-align:center; border-radius:40px; font-size:18px; color:#bf460b; font-weight:bold; text-decoration:none; margin-left:10px; background:#fefdf3; background-image:-webkit-linear-gradient(left, #fefdf3, #ffe9d5); background-image:-moz-linear-gradient(left, #fefdf3, #ffe9d5); background-image:linear-gradient(left,#fefdf3,#ffe9d5);}
.bottomAd-mod .ewm{ padding:5px; background:#c62d06; right:46px; top:-35px; border-radius:8px;}
.bottomAd-mod .ewm img{ display:block; float:left; width:90px; height:90px; border:5px solid #fff;}
.bottomAd-mod .ewm p{ display:block; float:left; width:26px; line-height:25px; font-size:16px; text-align:center; color:#fff;}

/**/
.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:500px; position:fixed; left:50%; margin-left:-250px; top:50%; z-index:99;}
.common-pop .pop-con{ background:#fff; border-radius:10px; border-top:0;}
.common-pop.over-pop .pop-con{ padding:50px 0;}
.common-pop.over-pop p{ line-height:40px; text-align:center; font-size:18px; padding-bottom:24px;}
.common-pop.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;}
.common-pop.over-pop{ width:410px; margin-left:-205px;}
.common-pop.over-pop .pop-tit,.common-pop.over-pop .pop-con{ border: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);
    }
}


