/*
@author: sunke
*/
@charset "utf-8";
body{font:14px/1.5 \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px; background:#50c4fa;}
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;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;}
.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;}
.ico,.title01 i,.common-pop .title .close-btn,.common-pop.course-pop .course-list i,.common-pop .closeOther-btn,.genderSelect i,.energyStrategy-mod .tab-tit li.current i,
.energyStrategy-mod .prize-list h3,.energyStrategy-mod .ranking-list .tit01 i,.energyStrategy-mod .ranking-list li .rankingList-num,.course-mod .course-list .top-tit i,
.course-mod .course-list .price-con .price-nums,.course-mod li .priceNew .priceNew-red p,.course-mod li .priceNew .priceNew-get,
.common-pop.energy-pop .tab-tit li.current i,.picturePuzzle-mod .nums,.common-pop.lastWeekRanking-pop .ranking-list li em{ background:url("/images/zhuanti/kaixueji/ico.png") no-repeat;}
.yesLogin,.noLogin{ display:none}

/**/
.mod-top{ height:24px; background:url("/images/zhuanti/kaixueji/bg01.png") no-repeat;}
.mod-middle{ background:url("/images/zhuanti/kaixueji/bg02.png") repeat-y;}
.mod-bottom{ height:30px; background:url("/images/zhuanti/kaixueji/bg03.png") no-repeat;}
.mod-bottom.mb50{ margin-bottom:50px;}
.mod-bottom.mb32{ margin-bottom:32px;}
.mod-bottom.mb43{ margin-bottom:43px;}
.mod-box01{ height:50px; background:url("/images/zhuanti/kaixueji/box01.png") no-repeat center;}
.mod-box02{ height:50px; background:url("/images/zhuanti/kaixueji/box02.png") no-repeat center;}

/**/
.title01{ width:980px; height:121px; text-align:center; background:url("/images/zhuanti/kaixueji/title01.png") no-repeat; margin:0 auto;}
.title01 span{ font-size:38px; display:inline-block; margin:0 6px; line-height:75px; font-weight:bold;}
.title01 .t1{ background:-webkit-linear-gradient(left,#02d096,#6ee150 40%,#cfef13 60%,#fff605); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#cfef13;}
.title01 .t2{ background:-webkit-linear-gradient(left,#fff605,#cfef13 40%,#6ee150 60%,#02d096); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#6ee150;}
.title01 .rule-btn{ display:block; font-size:16px; color:#fff; line-height:75px; right:110px; top:0;}
.title01 i{ display:inline-block; width:76px; height:17px; margin:0 10px; vertical-align:4px;}
.title01 i.i1{ background-position:0 -300px;}
.title01 i.i2{ background-position:-86px -300px;}
.title02{ width:394px; height:66px; line-height:50px; font-size:30px; text-align:center; font-weight:bold; color:#ffec4c; padding:10px 0 0 12px; background:url("/images/zhuanti/kaixueji/title02.png") no-repeat; left:50%; margin-left:-203px; top:-56px;}
.title02.w2{ width:536px; background:url("/images/zhuanti/kaixueji/title04.png") no-repeat; margin-left:-268px;}

/**/
.header-wrap{ width:100%; background:#fff;}
.headerTop-wrap{ width:100%; height:578px; background:url("/images/zhuanti/kaixueji/header.jpg") no-repeat center top; margin-bottom:34px;}
.headerTop{ height:578px; text-align:center;}
.headerTop p.price{ font-size:22px; color:#4969f2; line-height:46px; padding-top:293px;}
.headerTop p.time{ font-size:18px; color:#fff; line-height:28px;}
.headerTop .time-over{ display:none; width:302px; height:48px; position:absolute; left:50%; margin-left:-156px; top:408px;}
.headerTop .time-over .bg{ display:block; width:302px; height:48px; position:absolute; left:0; top:0; z-index:1; background:#000; opacity:.6; filter:alpha(opacity=60); border-radius:30px;}
.headerTop .time-over p{ display:block; width:302px; height:48px; line-height:48px; text-align:center; font-size:18px; color:#fff; position:absolute; left:0; top:0; z-index:2;}


/**/
.energy-mod{}
.energy-mod ul{ padding:22px 0 0 58px;}
.energy-mod li{ float:left; width:216px; height:148px; padding-top:36px; text-align:center; position:relative; background:url("/images/zhuanti/kaixueji/energy-bg.png") no-repeat; margin:74px 40px 0 0;}
.energy-mod li.other{ margin-left:129px;}
.energy-mod .icon{ display:block; width:100px; height:100px; position:absolute; left:50%; margin-left:-50px; top:-56px;}
.energy-mod .icon.i1{ background:url("/images/zhuanti/kaixueji/energy-ico01.png") no-repeat;}
.energy-mod .icon.i2{ background:url("/images/zhuanti/kaixueji/energy-ico02.png") no-repeat;}
.energy-mod .icon.i3{ background:url("/images/zhuanti/kaixueji/energy-ico03.png") no-repeat;}
.energy-mod .icon.i4{ background:url("/images/zhuanti/kaixueji/energy-ico04.png") no-repeat;}
.energy-mod .icon.i5{ background:url("/images/zhuanti/kaixueji/energy-ico05.png") no-repeat;}
.energy-mod .icon.i6{ background:url("/images/zhuanti/kaixueji/energy-ico06.png") no-repeat;}
.energy-mod .icon.i7{ background:url("/images/zhuanti/kaixueji/energy-ico07.png") no-repeat;}
.energy-mod .nums{ display:block; width:126px; height:26px; line-height:26px; font-weight:bold; text-align:center; background:#e3f4ff; border-radius:30px; border:2px solid #3881f6; color:#3971f0; margin:0 auto; position:relative; z-index:1;}
.energy-mod .nums strong{ font-size:18px; color:#e15500; margin-right:7px; vertical-align:-2px;}
.energy-mod h4{ line-height:28px; color:#fff; font-size:18px; font-weight:normal; padding-top:9px;}
.energy-mod p{ height:22px; line-height:22px; font-size:12px; color:#ffd732; padding-bottom:4px;}
.energy-mod .btn{ display:none; width:130px; height:38px; line-height:38px; text-decoration:none; font-size:18px; margin:0 auto; color:#d35e00; border-radius:30px; background-image:-webkit-linear-gradient(top, #ffe361, #ffd015); background-image:-ms-linear-gradient(top, #ffe361, #ffd015); background-image:linear-gradient(top,#ffe361,#ffd015); background:#ffe361\9;}
.energy-mod .btn.no{ width:126px; height:34px; line-height:34px; border:2px solid #9bbaff; color:#b6cdff; background:none;}
.energy-mod .btn.time-over{ border:0; color:#838383; background-image:-webkit-linear-gradient(top, #e4e4e4, #c5c5c5); background-image:-ms-linear-gradient(top, #e4e4e4, #c5c5c5); background-image:linear-gradient(top,#e4e4e4,#c5c5c5); background:#d0d0d0\9;}
.energy-mod .btn-wrap{ padding:0 5px;}

/**/
.mask{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background:#000;opacity:.6;filter:alpha(opacity=60); z-index:98;}
.common-pop{ display:none; width:574px; background:#fff; position:fixed; left:50%; margin-left:-287px; top:50%; z-index:99; border-radius:10px;}
.common-pop .title{ height:64px; line-height:64px; padding-left:33px; font-size:20px; border-top-left-radius:12px; border-top-right-radius:12px; background:#f0f0f0; position:relative;}
.common-pop .title .close-btn{ display:block; width:16px; height:15px; background-position:-138px -229px; position:absolute; top:24px; right:26px;}
.common-pop .con{ background:#fff; border-bottom-left-radius:12px; border-bottom-right-radius:12px;}

/**/
.common-pop.rule-pop .con,.common-pop.couponRule-pop .con{ max-height:400px; overflow-y:auto; padding:34px 50px 38px 50px;}
.common-pop.rule-pop .con p,.common-pop.couponRule-pop .con p{ line-height:26px; font-size:16px; padding-bottom:10px;}

/**/
.common-pop.course-pop{ width:450px; margin-left:-225px;}
.common-pop.course-pop .course-list{ height:210px; margin:25px 3px 12px 38px;}
.common-pop.course-pop .course-list li{ max-height:72px; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden; line-height:36px; padding-left:33px; font-size:18px; position:relative; cursor:pointer;}
.common-pop.course-pop .course-list li input{ position:absolute; left:-30px; top:-30px;}
.common-pop.course-pop .course-list i{ display:block; width:18px; height:18px; position:absolute; left:0; top:8px; background-position:-138px -259px;}
.common-pop.course-pop .course-list li.on i{ background-position:-158px -259px;}
.common-pop.course-pop .course-list li.no i{ background-position:-178px -259px;}
.common-pop.course-pop .course-con{ background:#f4f4f4; text-align:center; padding-bottom:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.common-pop.course-pop .course-con p.nums{ color:#4969f2; line-height:60px; padding-top:5px;}
.common-pop.course-pop .course-con .btn{ display:block; width:169px; height:46px; line-height:46px; margin:0 auto; border-radius:50px; text-align:center; font-size:18px; color:#fff; text-decoration:none;background-image:-webkit-linear-gradient(top, #00aef7, #486af2); background-image:-ms-linear-gradient(top, #00aef7, #486af2); background-image:linear-gradient(top,#00aef7,#486af2); background:#3d75f3\9;}
.common-pop.course-pop .course-con .btn.no,.common-pop.course-pop .course-con .btn.over{ background:#dfdfdf; color:#999;}
.common-pop.course-pop .course-con p.explain{ color:#999; line-height:48px;}
.common-pop .closeOther-btn{ display:block; width:16px; height:15px; background-position:-138px -229px; position:absolute; top:24px; right:26px;}

/**/
.common-pop.other-pop .con{ border-radius:12px; padding-bottom:40px;}
.common-pop.other-pop .con p{ line-height:30px; padding:78px 0 17px; text-align:center; font-size:18px;}
.common-pop.other-pop .con .sure-btn{display:block; width:169px; height:46px; line-height:46px; margin:0 auto; border-radius:50px; text-align:center; font-size:18px; color:#fff; text-decoration:none;background-image:-webkit-linear-gradient(top, #00aef7, #486af2); background-image:-ms-linear-gradient(top, #00aef7, #486af2); background-image:linear-gradient(top,#00aef7,#486af2); background:#3d75f3\9;}
.common-pop.other-pop .con h4{ text-align:center; font-weight:normal; padding:16px 0 0; color:#999;}
.common-pop.other-pop .con h4 a{ color:#4969f2;}

/**/
.common-pop.share-pop .con{ padding:42px 0 52px; text-align:center;}
.common-pop.share-pop a{ float:none; display:inline-block; width: 63px; height: 62px; margin:0 20px; padding:0;}
.common-pop.share-pop .bds_weixin{ background:url("/images/zhuanti/kaixueji/share01.png") no-repeat;}
.common-pop.share-pop .bds_qzone{ background:url("/images/zhuanti/kaixueji/share02.png") no-repeat;}
.common-pop.share-pop .bds_tsina{ background:url("/images/zhuanti/kaixueji/share03.png") no-repeat;}

/**/
.common-pop.improvingData-pop .con{ padding-bottom:24px;}
.common-pop.improvingData-pop .box{ margin-bottom:18px;}
.common-pop.improvingData-pop .t1{ float:left; width:97px; height:40px; line-height:40px; font-size:16px; color:#666;}
.common-pop.improvingData-pop .con-left{ float:left;}
.common-pop.improvingData-pop .ipt1{ width:376px; height:38px; line-height:38px; border:1px solid #e5e5e5; text-indent:14px; font-size:16px;}
.common-pop.improvingData-pop .ipt2{ width:376px; height:76px; line-height:38px; border:1px solid #e5e5e5; text-indent:14px; font-size:16px; resize:none; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.common-pop.improvingData-pop .must{ float:left; height:38px; line-height:38px; font-size:16px; color:#ff0000; padding-left:10px;}
.common-pop.improvingData-pop .improvingData-con{ height:317px; margin:26px 2px 0 40px;}
.common-pop.improvingData-pop .btn{ display:block; width:169px; height:46px; line-height:46px; margin:20px auto 0; border-radius:50px; text-align:center; font-size:18px; color:#fff; text-decoration:none; background-image:-webkit-linear-gradient(top, #00aef7, #486af2); background-image:-ms-linear-gradient(top, #00aef7, #486af2); background-image:linear-gradient(top,#00aef7,#486af2); background:#3d75f3\9;}
.common-pop.improvingData-pop .btn.no{ background:#dfdfdf; color:#999;}
.common-pop.improvingData-pop p{ color:#999; padding:30px 0 6px 40px;}

/**/
.common-pop.downloadApp-pop{ width:450px; margin-left:-225px;}
.common-pop.downloadApp-pop .con{ padding:34px 0 43px 0; text-align:center;}
.common-pop.downloadApp-pop .con img{ display:inline-block; width:197px; height:197px;}

/**/
.common-pop.weChatApp-pop{ width:450px; margin-left:-225px;}
.common-pop.weChatApp-pop .con{ padding:0; text-align:center;}
.common-pop.weChatApp-pop .con img{ display:inline-block; width:197px; height:197px;}
.common-pop.weChatApp-pop .con p{ font-size:16px; line-height:60px;}
.common-pop.weChatApp-pop .con iframe{ padding:0; margin:0;}

/**/
.common-pop.appDraw-pop{ width:450px; margin-left:-225px;}
.common-pop.appDraw-pop .con{ padding:34px 0 43px 0; text-align:center;}
.common-pop.appDraw-pop .con img{ display:inline-block; width:197px; height:197px;}

/**/
.mCSB_scrollTools{ width: 9px !important; background: #e8e8e8; border-radius: 10px;}
.mCSB_scrollTools .mCSB_draggerRail{ background: none;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:9px; background:#4969f2; border-radius: 10px;}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{ display:none;}
.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:#4969f2 !important;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:#4969f2 !important;}
.mCSB_scrollTools a+.mCSB_draggerContainer{ margin:0 !important;}

/**/
.select_boxhs {position:relative}
.select_boxhs select{display:none}
.select_boxhs input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none}
.select_boxhs i{position:absolute}
.select_boxhs ul {list-style-type:none;padding:0;margin:0;width:100%;display:none;position:absolute;overflow-x: hidden;overflow-y: auto}
.select_boxhs ul li{list-style-type:none;padding:0;margin:0}
.select_boxhs ul.show{display:block}

/**/
.genderSelect{width:376px;height:38px;}
.genderSelect input{ border:1px solid #e5e5e5; width:374px; text-indent:10px; font-size:16px; overflow:hidden; height:36px; line-height:36px; color:#333; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.genderSelect input.on{color:#666}
.genderSelect input.show{border:1px solid #ff9227}
.genderSelect i{display:block;width:11px;height:6px;top:16px;right:19px;background-position:-137px -249px;}
.genderSelect i.on{background-position:-154px -249px;}
.genderSelect ul {width:374px; border:1px solid #a7cee2;background:#fff}
.genderSelect ul.show{border:1px solid #ff9227}
.genderSelect ul li {overflow:hidden;cursor:pointer;line-height:30px;height:30px; text-indent:10px;}
.genderSelect ul li.hover {background:#a7cee2;color:#fff}
.citySelect{ width:170px;}
.citySelect input,.citySelect ul{ width:168px;}
.birthdaySelect{ width:120px;}
.birthdaySelect input,.birthdaySelect ul{ width:108px;}

/**/
.energyStrategy-mod{ padding:48px 0 0;}
.energyStrategy-mod .total-con{ width:888px; height:59px; margin:0 auto 36px; background:url("/images/zhuanti/kaixueji/title03.png") no-repeat; padding:22px 0 0 64px;}
.energyStrategy-mod .total-con p{ display:block; float:left; height:38px; line-height:38px; font-size:20px; font-weight:bold; color:#fff; padding-left:30px;}
.energyStrategy-mod .total-con p.t1{ width:263px; background-position:0 10px;}
.energyStrategy-mod .total-con p.t2{ width:241px; background-position:0 -37px;}
.energyStrategy-mod .total-con p.t3{background-position:0 -88px;}
.energyStrategy-mod .total-con p strong{ color:#feed7a;}
.energyStrategy-mod .tab-tit{ width:980px; margin:0 auto 50px;}
.energyStrategy-mod .tab-tit li{ float:left; width:487px; height:54px; line-height:54px; border:3px solid #5bcbff; background:#2d66e8; text-align:center; font-size:26px; color:#50dcff; font-weight:bold; cursor:pointer; position:relative;}
.energyStrategy-mod .tab-tit li.one{ border-top-left-radius:10px; border-bottom-left-radius:10px; border-right:0;}
.energyStrategy-mod .tab-tit li.two{ border-top-right-radius:10px; border-bottom-right-radius:10px; border-left:0;}
.energyStrategy-mod .tab-tit li.current{ width:490px; height:60px; line-height:60px; color:#fffb7d; border:0; background-image:-webkit-linear-gradient(top, #36bfff, #00b4ff); background-image:-ms-linear-gradient(top, #36bfff, #00b4ff); background-image:linear-gradient(top,#36bfff,#00b4ff); background:#15b8ff\9;}
.energyStrategy-mod .tab-tit li.current i{ display:block; width:22px; height:11px; position:absolute; left:50%; margin-left:-11px; bottom:-11px; background-position:0 -149px;}
.energyStrategy-mod .tab-tit li.one.current{ text-indent:3px;}
.energyStrategy-mod .tab-tit li.two.current{ text-indent:-3px;}
.energyStrategy-mod .tab-con{ display:none;}
.energyStrategy-mod .prize-list{ width:976px; border:2px solid #6297ff; border-radius:10px; margin:0 auto; padding-bottom:16px;}
.energyStrategy-mod .prize-list ul{ padding:50px 0 0 63px;}
.energyStrategy-mod .prize-list li{ float:left; width:250px; height:188px; text-align:center; background:url("/images/zhuanti/kaixueji/prizeList-bg.png") no-repeat; margin-right:50px; position:relative;}
.energyStrategy-mod .prize-list h3{ display:block; width:180px; height:44px; line-height:44px; font-size:18px; color:#d35e00; position:absolute; left:50%; margin-left:-90px; top:-21px; background-position:0 -180px;}
.energyStrategy-mod .prize-list .pic{ height:108px; padding:37px 0 0;}
.energyStrategy-mod .prize-list li p{ line-height:33px; font-size:16px; color:#fff;}
.energyStrategy-mod .prize-list .explain-text01{ line-height:24px; padding:26px 0 0 65px; font-size:16px; font-weight:bold; color:#fff;}
.energyStrategy-mod .prize-list .explain-text02{ line-height:24px; padding:12px 0 0 65px; color:#fff;}
.energyStrategy-mod .ranking-list{ padding:36px 0 0;}
.energyStrategy-mod .ranking-list .tit01{ height:36px; line-height:36px; font-size:28px; color:#ffec4c; font-weight:bold; text-align:center;}
.energyStrategy-mod .ranking-list .tit01 i{ display:inline-block; width:47px; height:17px; background-position:-42px -149px; margin:0 9px;}
.energyStrategy-mod .ranking-list .time{ font-size:16px; color:#fff; font-weight:normal; padding:8px 0 18px; text-align:center;}
.energyStrategy-mod .ranking-list .tit02{ height:30px; line-height:30px; font-size:22px; margin-bottom:15px; text-align:center; color:#fff;}
.energyStrategy-mod .ranking-list .tit02 i{display:inline-block; width:86px; height:1px; background:#3db4ff; margin:0 10px; vertical-align:middle;}
.energyStrategy-mod .ranking-list .total-list{ height:580px; margin-right:26px;}
.energyStrategy-mod .ranking-list ul{ padding:0 0 0 60px;}
.energyStrategy-mod .ranking-list li{ width:980px; height:80px; line-height:80px; overflow:hidden; font-size:16px; position:relative; color:#fff; background:url("/images/zhuanti/kaixueji/rankingList-bg.png") no-repeat; margin-bottom:20px;}
.energyStrategy-mod .ranking-list li .head{ float:left; display:block; width:54px; height:54px; padding:14px 0 0 22px;}
.energyStrategy-mod .ranking-list li .head img{ display:block; width:54px; height:54px; border-radius:50%;}
.energyStrategy-mod .ranking-list li .name{ float:left; width:328px; height:80px; padding-left:30px;}
.energyStrategy-mod .ranking-list li .nums{ float:left; width:347px; height:80px;}
.energyStrategy-mod .ranking-list li .nums strong{ font-size:18px; color:#feed7a; padding-left:14px;}
.energyStrategy-mod .ranking-list li .my-time{ float:left;}
.energyStrategy-mod .ranking-list li .rankingList-num{ display:block; width:56px; height:31px; line-height:31px; text-align:center; background-position:0 -229px; font-size:18px; color:#d2720c; position:absolute; right:0; top:0;}
.energyStrategy-mod .ranking-list li .rankingList-num.other{ background-position:-65px -229px; color:#fff;}
.energyStrategy-mod .ranking-list li.noLogin{ text-align:center;}
.energyStrategy-mod .ranking-list li.noLogin a{ display:inline-block; width:106px; height:30px; line-height:30px; font-size:16px; color:#fff; text-decoration:none; border:2px solid #fff; border-radius:30px; margin-left:37px;}
.energyStrategy-mod .ranking-list ul.my{ margin-bottom:40px;}
.energyStrategy-mod .ranking-list ul.my .rankingList-num{ background-position:-65px -229px; color:#fff;}
.energyStrategy-mod .ranking-list .lastWeek-btn{ display:block; width:190px; height:40px; text-decoration:none; line-height:40px; font-size:18px; color:#fff; text-align:center; border-radius:30px; border:2px solid #fff; margin:36px auto 0;}
.energyStrategy-mod .ranking-list .total-list .mCSB_scrollTools{ background: #154bc5;}
.energyStrategy-mod .ranking-list .total-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#5bcbff;}
.energyStrategy-mod .ranking-list .total-list .mCSB_dragger_onDrag .mCSB_dragger_bar{ background:#5bcbff !important;}
.energyStrategy-mod .ranking-list .total-list .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:#5bcbff !important;}

/**/
.gift-mod .gift-con{ width:976px; border:2px solid #6297ff; border-radius:10px; position:relative; margin:0 auto;}
.gift-mod .gift-con h3{ width:77px; height:24px; line-height:24px; text-align:center; position:absolute; left:50%; margin-left:-39px; top:-12px; font-size:18px; color:#fff; font-weight:bold;}
.gift-mod .gift-con ul{ padding:43px 0 2px 63px;}
.gift-mod .gift-con li{ float:left; width:250px; height:170px; margin:0 50px 30px 0; text-align:center; background:url("/images/zhuanti/kaixueji/gift-bg.png") no-repeat;}
.gift-mod .gift-con .pic{ height:90px; padding-top:24px;}
.gift-mod .gift-con p{ line-height:20px; color:#fff; padding-top:4px;}
.gift-mod .explain-text{ line-height:28px; font-size:16px; text-align:center; color:#fff; padding:28px 0 0 0;}
.gift-mod .my-nums{ color:#fff; padding-top:18px; text-align:center; font-size:24px; font-weight:bold; padding-bottom:30px;}
.gift-mod .my-nums strong{ color:#feed7a;}
.gift-mod .my-nums a{ display:block; width:237px; height:40px; line-height:40px; border:2px solid #fff; border-radius:30px; font-size:18px; color:#fff; font-weight:normal; margin:0 auto; text-decoration:none;}
.gift-pic{ text-align:center; padding-bottom:60px;}

/**/
.coupon-mod ul{ padding:40px 0 9px 53px;}
.coupon-mod li{ float:left; width:477px; height:131px; color:#fc3c66; background:url("/images/zhuanti/kaixueji/coupon-bg.png") no-repeat; margin-right:41px;}
.coupon-mod li.none .draw-btn{ border:1px solid #a7a7a7; color:#a7a7a7; line-height:64px;}
.coupon-mod .tit{ float:left; width:105px; font-size:26px; line-height:30px; padding:37px 0 0 34px; font-weight:bold;}
.coupon-mod .coupon-con{ float:left; width:221px;}
.coupon-mod .coupon-con h3{ font-size:26px; font-weight:normal; padding-top:8px;}
.coupon-mod .coupon-con h3 em{ font-size:26px; vertical-align:14px;}
.coupon-mod .coupon-con h3 strong{ font-size:60px; vertical-align:-9px;}
.coupon-mod .coupon-con h3.f19{ font-size:19px;}
.coupon-mod .coupon-con p{ margin-top:-12px;}
.coupon-mod .draw-btn{ display:none; float:left; width:90px; height:78px; text-align:center; border-radius:4px; text-decoration:none; font-weight:bold; margin-top:21px; font-size:26px; line-height:33px; color:#fc426a; padding-top:9px; border:1px solid #fc426a; }
.coupon-mod .rule-btn{ color:#fff; top:0; right:47px;}
.coupon-toast{ display:none; width:182px; height:42px; position:fixed; left:50%; top:50%; margin:-21px 0 0 -91px; z-index:100;}
.coupon-toast .bg{ display:block; width:182px; height:42px; position:absolute; left:0; top:0; z-index:1; background:#000; opacity:.8; filter:alpha(opacity=80);}
.coupon-toast p{ display:block; width:182px; height:42px; line-height:42px; text-align:center; font-size:18px; color:#fff; position:absolute; left:0; top:0; z-index:2;}

/**/
.course-mod{ padding:56px 0 0;}
.course-mod .tab-tit{ width:1003px; height:60px; border-radius:30px; padding:0 0 0 57px; margin:0 auto; background-image:-webkit-linear-gradient(top, #00aef7, #5088ff); background-image:-ms-linear-gradient(top, #00aef7, #5088ff); background-image:linear-gradient(top,#00aef7,#5088ff); background:#3396fc\9;}
.course-mod .tab-tit li{ float:left; height:60px; line-height:60px; font-size:20px; color:#fff; cursor:pointer; padding:0 22px;}
.course-mod .tab-tit li.current{ color:#fc3c66; background-image:-webkit-linear-gradient(top, #ffe88f, #ffbb29); background-image:-ms-linear-gradient(top, #ffe88f, #ffbb29); background-image:linear-gradient(top,#ffe88f,#ffbb29); background:#ffc239\9;}
.course-mod .tab-con,.course-mod .tab-con02{ display:none;}
.course-mod .course-list{ padding:28px 0 46px 0;}
.course-mod .course-list ul{ padding:0 0 16px 30px;}
.course-mod .course-list li{ float:left; width:334px; height:378px; margin:0 20px 20px 0; background:#fff;}
.course-mod .course-list .top-tit{ height:202px; background:url("/images/zhuanti/kaixueji/course-bg.jpg") no-repeat; position:relative;}
.course-mod .course-list .top-tit i{ display:block; width:109px; height:29px; line-height:29px; text-indent:13px; font-size:16px; color:#fff; position:absolute; right:0; top:0; background-position:0 -265px;}
.course-mod .course-list .top-tit i.other{ width:190px; background-position:0 -489px; text-indent:0; text-align:center;}
.course-mod .course-list .top-tit h3{ line-height:36px; text-align:center; font-size:26px; color:#fff; font-weight:bold; padding-top:67px; text-shadow:0 2px 4px #3893f7;}
.course-mod .course-list .top-tit h3 em{ font-size:22px; font-weight:bold;}
.course-mod .course-list .top-tit h3.one{ line-height:202px; padding-top:0;}
.course-mod .course-list .top-tit h3.three{ padding-top:50px;}
.course-mod .course-list .top-tit h3 strong{ font-size:34px;}
.course-mod .course-list .top-tit a{ display:block; width:334px; height:202px; line-height:0; font-size:0; position:absolute; left:0; top:0;}
.course-mod .course-list .top-tit.bg02{ background:url("/images/zhuanti/kaixueji/course-bg02.jpg") no-repeat; }
.course-mod .course-list .top-tit.bg02 h3{ text-shadow:0 2px 4px #fb9701;}
.course-mod .course-list .price-con{ height:87px; background:#ffeaa4;}
.course-mod .course-list .price-con h3{ float:left; font-size:16px; color:#ef0d4a; line-height:22px; padding:11px 0 0 40px; font-weight:normal;}
.course-mod .course-list .price-con .price-nums{ float:right; width:123px; height:67px; color:#fff; line-height:26px; font-size:20px; font-weight:bold; padding:20px 0 0 10px; text-align:center; background-position:0 -331px;}
.course-mod .course-list .price-con .price-nums em{ font-size:14px;}
.course-mod .course-list .price02{ height:87px; line-height:87px; font-size:22px; color:#ef0d4a; font-weight:bold; padding-left:23px; background:#ffeaa4;}
.course-mod .course-list .btn{ display:block; width:190px; height:48px; line-height:48px; text-align:center; font-size:20px; margin:20px auto 0; color:#fff; text-decoration:none; box-shadow:0 4px 6px #f6c9cd; border-radius:30px; background-image:-webkit-linear-gradient(top, #ffbc2f, #ff7e4a); background-image:-ms-linear-gradient(top, #ffbc2f, #ff7e4a); background-image:linear-gradient(top,#ffbc2f,#ff7e4a); background:#ff9a3e\9;}
.course-mod .course-list .btn.time-over{ box-shadow:none; color:#838383; background-image:-webkit-linear-gradient(top, #e4e4e4, #c5c5c5); background-image:-ms-linear-gradient(top, #e4e4e4, #c5c5c5); background-image:linear-gradient(top,#e4e4e4,#c5c5c5); background:#d1d1d1\9;}
.course-mod .course-list.pb3{ padding-bottom:3px;}
.course-mod .course-list .btn-wrap{ padding:20px 0 0 22px;}
.course-mod .course-list .btn-wrap a{ display:block; float:left; height:48px; line-height:48px; text-align:center; font-size:20px; color:#fff; text-decoration:none; box-shadow:0 4px 6px #f6c9cd; border-radius:30px; background-image:-webkit-linear-gradient(top, #ffbc2f, #ff7e4a); background-image:-ms-linear-gradient(top, #ffbc2f, #ff7e4a); background-image:linear-gradient(top,#ffbc2f,#ff7e4a); background:#ff9a3e\9;}
.course-mod .course-list .btn-wrap a.btn01{ width:110px; margin-right:20px;}
.course-mod .course-list .btn-wrap a.btn02{ width:170px;}
.course-mod .course-list .btn-wrap a.time-over{ box-shadow:none; color:#838383; background-image:-webkit-linear-gradient(top, #e4e4e4, #c5c5c5); background-image:-ms-linear-gradient(top, #e4e4e4, #c5c5c5); background-image:linear-gradient(top,#e4e4e4,#c5c5c5); background:#d1d1d1\9;}
.course-mod li .priceNew{ height:87px; background:#ffeaa4;}
.course-mod li .priceNew .priceNew-con{ float:left; width:72px; padding:10px 0 0 11px; color:#ef0d4a;}
.course-mod li .priceNew .priceNew-con .p1{ line-height:22px;}
.course-mod li .priceNew .priceNew-con .p2{ line-height:26px; font-size:18px; font-weight:bold;}
.course-mod li .priceNew .priceNew-con .p3{ line-height:22px; color:#ff93ae;}
.course-mod li .priceNew .subtract-icon{ float:left; width:26px; height:26px; margin:29px 0 0 0; border:1px solid #f02152; border-radius:50%; line-height:26px; text-align:center; font-size:16px; color:#eb1d35;}
.course-mod li .priceNew .priceNew-red{ float:left; padding:5px 0 0 9px;}
.course-mod li .priceNew .priceNew-red p{ display:block; width:64px; margin-bottom:5px; padding-top:4px; height:30px; line-height:13px; text-align:center; color:#fff; background-position:-135px -331px;}
.course-mod li .priceNew .equalTo-tex{ float:left; width:38px; line-height:87px; font-size:30px; text-align:center; color:#ef0d4a;}
.course-mod li .priceNew .priceNew-get{ float:right; width:102px; height:69px; color:#fff; line-height:26px; font-size:20px; font-weight:bold; padding:18px 0 0 10px; text-align:center; background-position:0 -331px;}
.course-mod li .priceNew .priceNew-get em{ font-size:14px;}
.course-mod .more-btn{ display:block; width:360px; height:40px; line-height:40px; text-align:center; font-size:18px; margin:0 auto; color:#fff; text-decoration:none; border:2px solid #fff; border-radius:30px;}
.course-mod .tit01{ margin:0 36px; height:32px; border-bottom:1px solid #4ba6ff; margin-bottom:26px; position:relative;}
.course-mod .tit01 h3{ display:block; width:440px; height:60px; line-height:60px; text-align:center; font-size:26px; color:#fff; border-radius:30px; position:absolute; left:50%; margin-left:-220px; top:0; background-image:-webkit-linear-gradient(top, #00aef7, #5087ff); background-image:-ms-linear-gradient(top, #00aef7, #5087ff); background-image:linear-gradient(top,#00aef7,#5087ff); background:#438efe\9;}
.course-mod.pt47{ padding-top:47px;}
.course-mod .tab-tit02{ text-align:center;}
.course-mod .tab-tit02 li{ display:inline-block; width:220px; height:60px; line-height:60px; text-align:center; font-size:20px; color:#fff; border-radius:30px; cursor:pointer; margin:0 10px; background-image:-webkit-linear-gradient(top, #00aef7, #5087ff); background-image:-ms-linear-gradient(top, #00aef7, #5087ff); background-image:linear-gradient(top,#00aef7,#5087ff); background:#438efe\9;}
.course-mod .tab-tit02 li.current{ color:#fc3c66; background-image:-webkit-linear-gradient(top, #ffe88f, #ffbb29); background-image:-ms-linear-gradient(top, #ffe88f, #ffbb29); background-image:linear-gradient(top,#ffe88f,#ffbb29); background:#ffc847\9;}

/**/
.picturePuzzle-mod{}
.picturePuzzle-mod .tit{ text-align:center; line-height:64px; font-size:24px; font-weight:bold; color:#fff;}
.picturePuzzle-mod .tit span{ color:#feed7a;}
.picturePuzzle-mod ul{ padding:95px 0 30px 55px;}
.picturePuzzle-mod li{ float:left; width:310px; height:208px; margin:0 30px 108px 0; position:relative; color:#fff; background:url("/images/zhuanti/kaixueji/picturePuzzle-bg02.png") no-repeat;}
.picturePuzzle-mod li.none{ margin-bottom:0;}
.picturePuzzle-mod .pic-wrap{ width:181px; height:181px; background:url("/images/zhuanti/kaixueji/picturePuzzle-bg01.png") no-repeat; position:absolute; left:50%; margin-left:-90px; top:-90px;}
.picturePuzzle-mod .pic-wrap .pic{ width:181px; height:181px;}
.picturePuzzle-mod .pic-wrap .pic.p1{ background:url("/images/zhuanti/kaixueji/picturePuzzle01.png") no-repeat center;}
.picturePuzzle-mod .pic-wrap .pic.p2{ background:url("/images/zhuanti/kaixueji/picturePuzzle02.png") no-repeat center;}
.picturePuzzle-mod .pic-wrap .pic.p3{ background:url("/images/zhuanti/kaixueji/picturePuzzle03.png") no-repeat center;}
.picturePuzzle-mod .pic-wrap .pic.p4{ background:url("/images/zhuanti/kaixueji/picturePuzzle04.png") no-repeat center;}
.picturePuzzle-mod .pic-wrap .pic.p5{ background:url("/images/zhuanti/kaixueji/picturePuzzle05.png") no-repeat center;}
.picturePuzzle-mod .pic-wrap .pic.p6{ background:url("/images/zhuanti/kaixueji/picturePuzzle06.png") no-repeat center;}
.picturePuzzle-mod h4{ font-size:18px; line-height:66px; text-align:center; padding-top:85px;}
.picturePuzzle-mod .nums{ float:left; margin-left:38px; line-height:36px; font-size:16px; padding-left:30px; background-position:-138px -378px;}
.picturePuzzle-mod .btn{ display:block; float:right; width:98px; height:36px; line-height:36px; text-decoration:none; text-align:center; border-radius:30px; font-size:16px; color:#d35e00; margin-right:21px; background-image:-webkit-linear-gradient(top, #ffe361, #ffd014); background-image:-ms-linear-gradient(top, #ffe361, #ffd014); background-image:linear-gradient(top,#ffe361,#ffd014); background:#ffd320\9;}
.picturePuzzle-mod .btn.time-over{ display:none; color:#838383; background-image:-webkit-linear-gradient(top, #e4e4e4, #c5c5c5); background-image:-ms-linear-gradient(top, #e4e4e4, #c5c5c5); background-image:linear-gradient(top,#e4e4e4,#c5c5c5); background:#d1d1d1\9;}

/**/
.QR-code{ text-align:center; padding:14px 0 0;}
.QR-code li{ display:inline-block; width:160px; margin:0 100px;}
.QR-code img{ display:block; width:140px; height:140px; border:10px solid #fff; border-radius:10px;}
.QR-code p{ font-size:16px; color:#fff; font-weight:bold; line-height:24px; padding:11px 0 0;}

/**/
.fix-nav{ width:103px; height:507px; background:url("/images/zhuanti/kaixueji/fixNav-bg.png") no-repeat; z-index:89; position:fixed; right:10px; top:50%; margin-top:-248px; color:#fff; }
.fix-nav .energy-btn{ display:block; width:90px; height:62px; margin:15px 0 0 6px; text-align:center; color:#fff; font-weight:bold; text-decoration:none; line-height:18px; padding-top:28px;}
.fix-nav ul{ padding:45px 0 0 7px;}
.fix-nav li{ line-height:47px; color:#fff; font-weight:bold; text-align:center; cursor:pointer; margin-right:6px;}
.fix-nav .back-btn{ display:block; line-height:28px; padding-top:22px; text-align:center; font-size:16px; color:#fff; text-decoration:none;}
.fix-nav .service-btn{ display:block; width:90px; height:34px; text-align:center; color:#fff; padding-top:56px; margin:20px 0 0 6px; text-decoration:none;}
.fix-nav li.on{ background:#11a0ff; color:#ffec4c;}

/**/
.common-pop.energy-pop{ margin-top:-260px !important;}
.common-pop.energy-pop .tab-tit{ padding:20px 0 0 32px;}
.common-pop.energy-pop .tab-tit li{ float:left; width:254px; height:39px; line-height:39px; border:3px solid #4969f2; background:#fff; text-align:center; font-size:18px; color:#666; font-weight:bold; cursor:pointer; position:relative;}
.common-pop.energy-pop .tab-tit li.one{ border-top-left-radius:10px; border-bottom-left-radius:10px; border-right:0;}
.common-pop.energy-pop .tab-tit li.two{ border-top-right-radius:10px; border-bottom-right-radius:10px; border-left:0;}
.common-pop.energy-pop .tab-tit li.current{ width:257px; height:45px; line-height:45px; color:#fff; border:0; background:#4969f2;}
.common-pop.energy-pop .tab-tit li.current i{ display:block; width:14px; height:8px; position:absolute; left:50%; margin-left:-7px; bottom:-8px; background-position:-163px -229px;}
.common-pop.energy-pop .tab-tit li.one.current{ text-indent:3px;}
.common-pop.energy-pop .tab-tit li.two.current{ text-indent:-3px;}
.common-pop.energy-pop .tab-con{ display:none; padding:15px 0 0;}
.common-pop.energy-pop .address-btn{ display:block; width:160px; height:42px; line-height:42px; text-align:center; border-radius:30px; font-size:18px; color:#fff; text-decoration:none; text-shadow:0 0 3px #f8b007; box-shadow:0 4px 8px #fe9d65; margin:20px auto; background-image:-webkit-linear-gradient(top, #fed912, #fe661a); background-image:-ms-linear-gradient(top, #fed912, #fe661a); background-image:linear-gradient(top,#fed912,#fe661a); background:#fe990f\9;}
.common-pop.energy-pop .address-btn.no{ background:#dfdfdf !important; color:#999; box-shadow:none; text-shadow:none;}
.common-pop.energy-pop .my-energy{ display:none; height:339px; margin:0 2px 17px;}
.common-pop.energy-pop .my-energy .tit01{ height:32px; line-height:32px; text-align:center; font-weight:bold; font-size:16px; padding-top:9px;}
.common-pop.energy-pop .my-energy .tit01 i{ display:inline-block; width:86px; height:1px; background:#3db4ff; margin:0 12px; vertical-align:middle;}
.common-pop.energy-pop .my-energy .my-total{ width:511px; height:58px; line-height:58px; background:#f4f4f4; border-radius:12px; text-indent:24px; margin:12px 0 20px 32px;}
.common-pop.energy-pop .my-energy .list{ margin:0 28px 0 38px;}
.common-pop.energy-pop .my-energy .list li{ height:74px; border-bottom:1px dashed #d9d9d9;}
.common-pop.energy-pop .my-energy .list .name{ float:left;}
.common-pop.energy-pop .my-energy .list .name h4{ line-height:30px; padding-top:12px; font-size:18px; font-weight:normal;}
.common-pop.energy-pop .my-energy .list .name p{ line-height:22px; font-size:12px; color:#999;}
.common-pop.energy-pop .my-energy .list .nums{ float:right; line-height:74px; font-size:24px;}
.common-pop.energy-pop .my-energy .list .nums.add{ color:#e15500;}
.common-pop.energy-pop .my-energy .list .nums.reduce{ color:#00d098;}
.common-pop.energy-pop .my-noEnergy,.common-pop.energy-pop .my-noPrice{ text-align:center; font-size:20px; color:#999; line-height:120px; padding-bottom:20px;}
.common-pop.energy-pop .my-price{ display:none; height:339px; margin:0 2px 17px;}
.common-pop.energy-pop .my-price h3{ padding:0 22px 0 39px; font-size:16px; font-weight:normal; color:#676767; line-height:24px; padding-top:16px;}
.common-pop.energy-pop .my-price .list{ margin:0 28px 0 38px; padding-bottom:12px;}
.common-pop.energy-pop .my-price .list li{ height:74px; border-bottom:1px dashed #d9d9d9; position:relative;}
.common-pop.energy-pop .my-price .list .name{ float:left;}
.common-pop.energy-pop .my-price .list .name h4{ height:30px; line-height:30px; width:320px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; padding-top:12px; font-size:18px; font-weight:normal;}
.common-pop.energy-pop .my-price .list .name p{ line-height:22px; font-size:12px; color:#999;}
.common-pop.energy-pop .my-price .list .state{ float:right; line-height:74px; font-size:16px; color:#9a9999;}
.common-pop.energy-pop .my-price .list .state a{ color:#4969f2;}
.common-pop.energy-pop .my-price .list .explain-text{ line-height:22px; padding:12px 0 0; color:#999;}
.common-pop.energy-pop .my-price .list .explain-text a{ color:#4969f2;}

/**/
.common-pop.address-pop ul{ padding:26px 0 0 40px;}
.common-pop.address-pop li{ margin-bottom:17px;}
.common-pop.address-pop li.none{ margin-bottom:0;}
.common-pop.address-pop p{ display:block; float:left; width:97px; height:40px; line-height:40px; font-size:16px; color:#666;}
.common-pop.address-pop .ipt1{ width:400px; height:38px; line-height:38px; border:1px solid #e5e5e5; text-indent:14px; font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.common-pop.address-pop .ipt2{ width:400px; height:76px; line-height:38px; border:1px solid #e5e5e5; text-indent:14px; font-size:16px; resize:none; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.common-pop.address-pop .error-text{ height:34px; color:#ff0000; line-height:34px; padding-left:137px;}
.common-pop.address-pop .btn{ display:block; width:169px; height:46px; line-height:46px; text-align:center; margin:0 auto; text-decoration:none; font-size:18px; color:#fff; border-radius:30px; background-image:-webkit-linear-gradient(top, #01aef7, #486af2); background-image:-ms-linear-gradient(top, #01aef7, #486af2); background-image:linear-gradient(top,#01aef7,#486af2); background:#3d75f3\9;}
.common-pop.address-pop .btn.no{ background:#dfdfdf; color:#999;}
.common-pop.address-pop .tips-text{ color:#999; text-align:center; line-height:48px; padding-bottom:6px;}

/**/
.common-pop.coupon-pop ul{ padding:25px 0 0 49px;}
.common-pop.coupon-pop li{ float:none; width:477px; height:131px; color:#fc3c66; background:url("/images/zhuanti/kaixueji/coupon-bg.png") no-repeat; margin-bottom:25px;}
.common-pop.coupon-pop .explain-text{ line-height:24px; color:#999; text-align:center; padding-bottom:30px;}
.common-pop.coupon-pop .explain-text a{ color:#4969f2;}

/**/
.common-pop.lastWeekRanking-pop{ width:1100px; background:none; margin-left:-550px;}
.common-pop.lastWeekRanking-pop .energyStrategy-mod{ padding-top:0;}
.common-pop.lastWeekRanking-pop .energyStrategy-mod .ranking-list{ padding-top:20px;}
.common-pop.lastWeekRanking-pop .lastWeekRanking-pop-con{ height:267px;}
.common-pop.lastWeekRanking-pop .close-btn{ display:block; width:16px; height:15px; top:41px; right:39px; background-position:0 -428px; z-index:9;}
.common-pop.lastWeekRanking-pop .ranking-list li em{ display:block; width:56px; height:25px; line-height:25px; color:#fff; text-align:center; position:absolute; left:0; top:0;}
.common-pop.lastWeekRanking-pop .ranking-list li em.prize01{ background-position:0 -458px;}
.common-pop.lastWeekRanking-pop .ranking-list li em.prize02{ background-position:-66px -458px;}
.common-pop.lastWeekRanking-pop .ranking-list li em.prize03{ background-position:-132px -458px;}