@font-face {
	font-family:OPPOSans-B;
	src: url('OPPOSans-B-2.ttf');
}
@font-face {
	font-family:OPPOSans-M;
	src: url('OPPOSans-Medium.ttf');
}
/*头部*/
.header{margin:0 auto; width:1250px; height:80px; line-height:80px;}
.header h1{float:left; line-height:80px;}
.header h1 a{display:block;}
.header h1 img{vertical-align:middle;}

.header .head-nav{margin-left:40px;}
.reg-header .head-nav{margin-left:30px;}

.header .head-nav li{float:left; font-size:16px;}
.header .head-nav a{display:block; padding:0 20px; height:78px; color:#033;}
.header .head-nav a:hover,.header .head-nav a.act{color:#55ba80; border-bottom:2px solid #55ba80; background-color:#f4f4f4;}

.header .search-wrap{margin:20px 0 0 40px;}
.reg-header .search-wrap{margin:20px 0 0 30px;}

.search-wrap .so{position:relative; padding:2px 0 2px 2px; height:36px; background-color:#55ba80;}
.search-wrap .kuang em{cursor:pointer; float:left; padding-right:10px; width:60px; height:36px; line-height:36px; text-align:center; background:#fff url(../images/xiala_icon.png) no-repeat right center;}
.search-wrap .so ul{width:60px; position:absolute; top:38px; left:0px; border:2px solid #55ba80; border-top:none; background:#FFF; text-align:center; z-index:1000; display:none;}
.search-wrap .so ul li{line-height:40px;}
.search-wrap .so ul li:hover{color:#fff; background-color:#55ba80;}

.search-wrap .zxcpsoso{float:left; width:230px; height:34px; line-height:34px; text-indent:10px; color:#b0b0b0; font-size:14px; border:none; outline:none;}
.reg-header .search-wrap .zxcpsoso{width:140px;}

.search-wrap .search_btn{width:76px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; cursor:pointer;}
.header .login_hou,.header .login_qian{font-size:14px;}
.header .login_hou img{margin-right:10px; border-radius:17px; vertical-align:middle;}
.header .login_hou a{margin-left:10px;}
.header .login_qian a{margin-left:20px;}
.header .login_hou .go-up-vip{float:left; margin:25px 10px 0 0; width:80px; height:30px; line-height:30px; text-align:center; color:#fff; border-radius:5px; background-color:#55ba80;}
.login_hou .show-vip{margin-left:5px; color:#f60;}

/*首页*/
.index-banner{position:relative; height:360px; overflow:hidden;}
.index-banner ul{position:absolute; left:50%; top:0; margin-left:-960px; height:360px;}
.index-banner .banner_btn{position:relative; width:1200px; margin:0 auto;}
.index-banner .banner_btn a{position:absolute; top:185px; width:40px; height:80px;}
.index-banner .banner_btn .prev{left:0; background:url(../images/3-3.png) no-repeat;}
.index-banner .banner_btn .next{right:0; background:url(../images/3-4.png) no-repeat;}
.wrap-contain{background-color:#f3f3f3; overflow:hidden;}
.wrap-contain .c-content{margin:20px auto 0; width:1200px;}
.wrap-contain .gt{margin-bottom:20px; background-color:#fff; overflow:hidden;}
.gt h2{position:relative; margin-top:30px; line-height:30px; font-size:24px; text-indent:25px; font-weight:normal; border-left:4px solid #55ba80;}
.gt h2 a{position:absolute; right:30px; bottom:0; color:#b0b0b0; font-size:14px;}
.gt h2 a:hover{color:#55ba80;}
.gt .class-list{padding:0 16px;}
.wy-xx .class-list{margin-bottom:30px;}
.class-list li{float:left; position:relative; margin:20px 15px 30px; width:260px; height:198px; border:1px solid #eee;}
.class-list li a{display:block; width:100%; height:100%;}
.class-list li a:hover .pic{height:80px;}
.class-list li a:hover h3{color:#55ba80;}
.class-list li a:hover p{display:block;}
.class-list li .pic{height:126px; overflow:hidden;}
.class-list .jieshao{padding:0 15px;}
.class-list li h3{margin:12px 0 8px; font-weight:normal; font-size:14px;}
.class-list li p{color:#b0b0b0; display:none;}
.class-list .ren-xue{margin-top:5px;}
.class-list .ren-xue span{float:left; color:#ff3131;}
.class-list .ren-xue em{float:right; color:#b0b0b0;}
.vip-sign{position:absolute; left:-1px; top:-1px; width:69px; height:52px; background:url(../images/3-5.png) no-repeat; display:none;}
.tuijian-kecheng .sign .vip-sign{display:block;}

.gt .wrap-clear{margin-top:20px;}
.gt .left-cla{width:292px;}
.gt .right-cla{width:908px;}
.gt .wrap-clear li{margin:0 15px 30px;}
.left-cla .class-list li{height:428px;}
.left-cla li a{height:428px;}
.left-cla li a .pic{height:355px;}
.left-cla li a:hover .pic{height:310px;}
.vip-kecheng .one{width:552px;}
.vip-kecheng .one .pic{width:552px;}
.vip-kecheng .one a:hover .pic{height:104px;}
.vip-kecheng .one p{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.vip-kecheng .class-list{margin-top:20px;}
.vip-kecheng li{margin:0 15px 30px;}
.vip-kecheng .vip-sign{display:block;}
.advert1{padding:0 0 20px;}
.advert1 a{display:block;}
.wrap_bo{position:relative; height:100px;}
.wrap_bo .partner-bo{position:absolute;}
.partner-bo li{float:left; height:100px; line-height:100px; text-align:center;}
.partner-bo li a{float:left; width:200px;}
.partner-bo li a img{vertical-align:middle;}
.wrap_bo .bo-icon{position:absolute; top:-26px; right:30px;}
.wrap_bo .bo-icon li{float:left; margin:0 5px; font-size:26px; color:#d9d9d9;}
.wrap_bo .bo-icon .chk{color:#55ba80;}

/*底部*/
.wrap-foot-top{background-color:#474443; overflow:hidden;}
.foot-top{margin:50px auto 30px; width:1200px}
.foot-top .left{width:430px;}
.foot-top .left p{margin-top:20px; line-height:30px; color:#a6a5a5;}
.foot-top .contact{margin-left:50px; padding:0 55px; color:#fff; border-left:1px solid #55504e; border-right:1px solid #55504e;}
.foot-top h4{font-size:18px;}
.foot-top .contact p{margin-top:20px; font-size:14px;}
.foot-top .contact strong{font-size:24px;}
.foot-top .guanzhu{padding-left:55px; color:#fff;}
.foot-top .guanzhu img{margin-top:20px;}
.foot-top .guanzhu .che{margin-right:10px;}
.wrap-foot-bottom{background-color:#fff; overflow:hidden;}
.foot-bottom{margin:0 auto; width:1200px; text-align:center; color:#929292; overflow:hidden;}
.foot-bottom ul li{display:inline-block; padding:18px 10px;}
.foot-bottom a{color:#929292;}
.foot-bottom p{margin-bottom:15px; font-size:12px;}

/*注册登录*/
.login_reg_common{position:absolute; padding:30px 40px; width:400px; background:#fff; display:none; z-index:9999;}
.login_reg_common .welcome p{float:left; font-size:18px; text-indent:0;}
.login_reg_common .welcome span{float:right; color:#8e8e8e;}
.login_reg_common .welcome span a{color:#55ba80;}
.login_reg_common form p{position:relative; margin-top:20px; text-indent:0; border-radius:5px; border:1px solid #dcdcdc; overflow:hidden;}
.login_reg_common form input{width:398px; height:36px; line-height:36px; text-indent:50px; font-size:14px; border:none;}
.login_reg_common form input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}
.login_reg_common .m-e-icon{position:absolute; top:7px; left:14px; width:20px; height:22px; background:url(../images/1-1.png) no-repeat;}
.login_reg_common .pass-icon{position:absolute; top:7px; left:12px; width:22px; height:24px; background:url(../images/1-2.png) no-repeat;}
.login_reg_common .ma-icon{position:absolute; top:10px; left:12px; width:26px; height:18px; background:url(../images/2-1.png) no-repeat;}
/*.login_reg_common form .mobile_phone{background:url(../images/1-1.png) no-repeat 14px 6px;}*/
/*.login_reg_common form .phones{background:url(../images/1-1.png) no-repeat 14px 6px;}*/
/* .newphones{background:url(../images/1-1.png) no-repeat 14px 6px;}*/
/*.login_reg_common form .mobile_email{background:url(../images/1-1.png) no-repeat 14px 7px;}*/
/*.login_reg_common form .password{background:url(../images/1-2.png) no-repeat 12px 7px;}*/
/* .newpassword{background:url(../images/1-2.png) no-repeat 12px 7px;}*/
/*.login_reg_common form .mobile_verify{background:url(../images/2-1.png) no-repeat 12px 10px;}*/
/* .newmobile_verify{background:url(../images/2-1.png) no-repeat 12px 10px;}*/
.login_reg_common form .get_mobile_verify{position:absolute; top:0; right:0; width:100px; height:40px; text-indent:0; border:none; color:#fff; background:#55ba80; cursor:pointer;}
.login_reg_common form .recomment_code{background:url(../images/recommend_icon.png) no-repeat 12px 8px;}
.login_reg_common form .tishi{border:none;}
.login_reg_common form .tishi span.red{color:#f00;}
.login_reg_common form .tishi a{float:right; color:#8e8e8e;}
.login_reg_common form .tishi a:hover{color:#55ba80;}
.login_reg_common form .form_btn{margin:20px 0; font-size:16px; text-indent:0; cursor:pointer; color:#fff; border:none; background:#55ba80;}
.login_reg_common .third_part p{margin-bottom:20px; text-align:center; background:url(../images/xian_bg.png) no-repeat center;}
.login_reg_common .third_part .third_link{text-align:center;}
.login_reg_common .third_part .backg_all{display:inline-block; margin:0 10px; width:40px; height:40px; background:url(../images/login_icon2.png) no-repeat}
.login_reg_common .third_part .a1{background-position:0px 0px;}
.login_reg_common .third_part .a2{background-position:-60px 0px;}
.login_reg_common .third_part .a3{background-position:-120px 0px;}

#shade{position:absolute; left:0; top:0; background:#b2b2b2; z-index:5000;}

/*我要学习*/
.wrap-contain .xx-content,.wrap-contain .gj-content,.wrap-contain .center-content{margin:0 auto; width:1200px;}
.page-position{line-height:50px;}
.shai-x{padding:0 15px 10px; background-color:#fff;}
.shai-x .type,.shai-x .gj-type{padding:20px 0 12px;}
.shai-x label{float:left; width:50px; line-height:30px;}
.shai-x ul{float:left;width:1120px;}
.shai-x li{float:left; margin:0 10px;}
.shai-x li a{display:block; padding:5px 10px;}
.shai-x .act a,.shai-x li a:hover{color:#fff; border-radius:5px; background-color:#55ba80;}
.shai-x  .has-bor{border-bottom:1px solid #f3f3f3;}
.wy-xx,.gjxz{margin-top:20px; padding-bottom:40px;}
.wy-xx li{margin:30px 15px 0;/* height:262px;*/}
/*.wy-xx li .pic{height:190px;}
.wy-xx li a:hover .pic{height:132px;}*/
.wy-xx .sign .vip-sign{display:block;}

/*我要学习详细*/
.xx-zl,.gj-zl{padding:30px; background-color:#fff;}
.xx-zl .left-pic{position:relative; width:400px;}
.xx-zl .vip-sign{display:block;}
.xx-zl .right-cin{width:700px;}
.right-cin h2{font-size:24px;}
.right-cin h2 span{display:inline-block; font-size:14px; color:#55ba80; font-weight:normal; text-indent:40px; background:url(../images/5-2.png) no-repeat 20px 2px;}
.xx-zl .bs-xj{margin:15px 0; color:#b0b0b0;}
.xx-zl .bs-price{padding:16px; background-color:#f6f6f6;}
.xx-zl .bs-price em{font-size:28px; color:#ff3131;}
.xx-zl .dui-x{margin:15px 0 0;}
.right-cin .mai,.right-cin .j-xuexi,.right-cin .go-load{display:block; margin:40px 0 20px; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:5px; background-color:#55ba80;}
.right-cin .bn{position:relative;}
.bn a{float:left; padding-right:20px; height:16px; line-height:16px; color:#333; text-indent:20px;}
.right-cin .collect-cn{border-right:1px solid #d2d2d2;}
.right-cin .collect-cn:hover{color:#55ba80;}
.bn .go-fenxiao{padding-left:20px; text-indent:25px; border-left:1px solid #d2d2d2; background: url(../images/13-20.png) no-repeat 20px 0;}
.go-fenxiao:hover{color:#55ba80; background: url(../images/13-21.png) no-repeat 20px 0;}

.right-cin .wshoucang{background:url(../images/5-3.png) no-repeat;}
.right-cin .wshoucang:hover{background:url(../images/5-4.png) no-repeat;}
.right-cin .yshoucang{background:url(../images/16-10.png) no-repeat;}
.right-cin .yshoucang:hover{background:url(../images/16-11.png) no-repeat;}

.bn .bdsharebuttonbox{float:left; padding-right:20px;}
.bn .bdsharebuttonbox .bds_more{margin:0 0 0 20px; padding:0; font-size:14px; background:url(../images/5-5.png) no-repeat;}
.bn .bdsharebuttonbox .bds_more:hover{color:#55ba80; background:url(../images/5-6.png) no-repeat;}
.kc-wrap{margin-top:40px;}
.kc-wrap .kc-info{width:860px; background-color:#fff;}
.kc-wrap .hot-kc{width:320px;}
.kc-info .ke-tab{padding:0 30px; border-bottom:1px solid #f3f3f3; overflow:hidden;}
.kc-info .ke-tab li{float:left; line-height:56px;}
.kc-info .ke-tab .act,.kc-info .ke-tab li:hover{border-bottom:2px solid #55ba80;}
.ke-tab .act a,.ke-tab li:hover a{color:#55ba80;}
.kc-info .ke-tab a{display:block; padding:0 15px; font-size:18px; }
.kc-wrap .kcjt-info{padding:10px 30px 30px;}
.kcjt-info .j-kcxx{display:none;}
.ke-info-1 .text{line-height:34px;}
.ke-info-2 h3{margin:10px 0; line-height:36px; overflow:hidden;}
.ke-info-2 h3 em{float:left; font-weight:normal;}
.ke-info-2 h3 i{float:left; width:70px;}
.chapter .chap-list li{margin:2px 0; line-height:50px; background-color:#f6f6f6; overflow:hidden;}
.chapter .chap-list span{float:left; width:70px; text-indent:14px; color:#b0b0b0;}
.chapter .chap-list h4{float:left; font-weight:normal; font-size:14px;}
.chapter .chap-list em{margin-right:10px;}
.chap-list .go-xue{float:right; margin:10px 20px 0 0; width:80px; height:30px; line-height:30px; text-align:center; color:#fff; background-color:#55ba80; display:none;}
.chap-list li:hover{background-color:#e2ffee;}
.chap-list li:hover .go-xue{display:block;}
.hot-kc .gt{margin-bottom:20px;}
.hot-kc h2{margin-top:40px;}
.hot-kc .class-list{margin-top:20px;}
.hot-kc li{margin:0 15px 30px;}
.hot-kc li a:hover .pic{height:126px;}
.hot-kc .sign .vip-sign{display:block;}
.comment-tab{margin-top:10px; padding:15px 0; background-color:#f6f6f6;}
.comment-tab .hao-du{padding:0 25px; width:75px; text-align:center; border-right:1px solid #e6e6e6;}
.comment-tab .hao-du span{font-size:28px; color:#ff3131;}
.comment-tab .comment-type{margin-top:13px;}
.comment-type li{float:left; margin-left:30px; font-size:16px; cursor:pointer;}
.comment-type li em{float:left; margin-right:5px; width:20px; height:20px; background:url(../images/6-2.png) no-repeat;}
.comment-type li.chk em{background:url(../images/6-1.png) no-repeat;}
.comment-type li input{opacity:0; filter:alpha(opacity=0);}
.comment-con li{padding:20px 0; border-top:1px solid #f6f6f6; overflow:hidden;}
.comment-con .comer-pic img{width:40px; height:40px; border-radius:20px;}
.comment-con .comer-text{width:746px;}
.ming-lev-time{line-height:24px;}
.ming-lev-time em{float:left; color:#b0b0b0;}
.ming-lev-time .com-grade{float:left; margin:6px 0 0 10px; width:74px; height:12px; background:url(../images/16-8.png) no-repeat;}
.ming-lev-time .grade4{background-position:0 -16px;}
.ming-lev-time .grade3{background-position:0 -33px;}
.ming-lev-time .grade2{background-position:0 -50px;}
.ming-lev-time .grade1{background-position:0 -67px;}
.ming-lev-time .grade0{background-position:0 -84px;}
.ming-lev-time i{float:right;}
.comer-text .comer-word{line-height:24px;}
.comer-text .huifu{margin-top:15px; padding:15px; font-size:12px; background-color:#f6f6f6;}
.comer-text .huifu span{color:#ff3131;}

/*视频区及目录*/
.kecheng-pj{width:100%; background-color:#000;}
.kecheng-pj .pj-btn{display:block; margin-left:20px; width:100px; height:55px; line-height:55px; color:#b0b0b0; text-indent:30px; background:url(../images/16-9.png) no-repeat 0 17px;}
.ship-wrap{background-color:#fff;}
.ship-wrap .left-qu{position:relative;}
.left-qu .transpaten-bg{background-color:#000; opacity:0.3; filter:alpha(opacity=30);}
.left-qu .bg_com{position:absolute; left:0; top:0; width:100%; height:50px; z-index:100; display:none;}
.left-qu:hover .bg_com{display:block;}
.left-qu .zx-contenn{line-height:50px;}
.zx-contenn p{float:left; font-size:16px; color:#b0b0b0;}
.zx-contenn span{float:left; margin:0 20px; font-size:18px; color:#fff;}
.zx-contenn p i{color:#55ba80;}
.zx-contenn .bdsharebuttonbox{float:right;}
.zx-contenn .bdsharebuttonbox .bds_more{float:right; margin:17px 40px 0 0; padding:0; font-size:14px; text-indent:20px; color:#fff; background:url(../images/5-5.png) no-repeat;}
.left-qu .sp-tishi{position:absolute; left:0; top:0; width:100%; height:520px; text-align:center}
.sp-tishi .tishi_bg{width:100%; height:100%; background-color:#000; opacity:0.8; filter:alpha(opacity=80);}
.sp-tishi .tishi_content{position:absolute; left:50%; top:160px; margin-left:-250px; width:500px;}
.left-qu .sp-tishi big{font-size:28px; color:#55ba80;}
.left-qu .sp-tishi p{margin:20px 0; color:#fff;}
.left-qu .sp-tishi a{display:inline-block; margin:0 15px; width:100px; line-height:40px; color:#55ba80; border-radius:5px; border:1px solid #55ba80;}
.left-qu .sp-tishi a:hover{color:#fff; background-color:#55ba80;}
.ship-wrap .ship-mulu{width:284px; height:575px; border-left:1px solid #f3f3f3;overflow-y:auto; }
.ship-mulu h3{line-height:54px; text-align:center; font-size:18px; border-bottom:1px solid #f3f3f3;}
.mulu-list li{cursor:pointer;}
.mulu-list li h4{line-height:40px;height: 40px;overflow: hidden; font-size:14px; font-weight:normal; border-left:4px solid #fff;}
.mulu-list li h4 span{float:left; width:30px; margin-left:50px;}
.mulu-list li a{width:100%; height:40px; line-height:40px; text-indent:86px; color:#ff3131; font-weight:bold; display:none;}
.mulu-list li:hover h4,.mulu-list .kan h4{font-weight:bold; color:#55ba80; border-left:4px solid #55ba80; background-color:#e2ffee;}
.mulu-list li:hover a,.mulu-list .kan a{display:block; background-color:#ffe2e2;}
.xx-sp .csp-qk{margin-top:40px; padding:25px; background-color:#fff;}
.csp-cons .shum{font-size:18px;}
.csp-cons .qkuang{margin-top:15px; line-height:16px; color:#b0b0b0;}
.csp-cons .qkuang span{float:left; padding:0 12px; border-right:1px solid #e5e5e5;}
.csp-cons .qkuang .jie{padding:0 12px 0 0;}
.csp-cons .qkuang .bdsharebuttonbox{float:left;}
.qkuang .bdsharebuttonbox .bds_more{float:left;text-indent:20px; color:#b0b0b0;}
.csp-qk .csp-jdu{width:400px;}
.csp-jdu p{text-align:center; color:#b0b0b0;}
.csp-jdu .jdu-tiao{margin-top:18px; height:16px; border-radius:5px; background-color:#f1f1f1;}
.csp-jdu .jdu-tiao span{display:block; height:16px; border-radius:5px; background-color:#55ba80;}
.c-close-tshi{float:right; margin:12px 20px 0 0; width:26px; height:26px; background:url(../images/12-close.png) no-repeat; display:none;}

/*购买课程弹窗*/
.pop{position:absolute; width:580px; background-color:#fff; z-index:6000; display:none;}
.pop h3{line-height:40px; text-align:center; color:#fff; font-size:18px; cursor:move; font-weight:normal; background-color:#55ba80;}
.pop h3 .close{position:absolute; top:12px; right:20px; width:16px; height:16px; background:url(../images/7-1.png) no-repeat;}
.pop_mai .wrap-mai,.pop_comment .wrap-mai{padding:20px;}
.goum-zl-xx .left-pic{position:relative; width:118px; height:85px;}
.goum-zl-xx .right-for{width:400px;}
.goum-zl-xx .right-for h4{font-size:24px;}
.goum-zl-xx .right-for p{margin-top:15px;}
.wrap-mai .bs-price{margin-top:20px; padding:16px; background-color:#f6f6f6;}
.wrap-mai .bs-price strong{font-size:36px; color:#ff3131; font-weight:normal}
.wrap-mai .slec{margin:15px 0;}
.wrap-mai .slec label{float:left; margin-right:10px}
.wrap-mai .slec span{float:left; margin-right:25px;}
.wrap-mai .slec span em,.wrap-mai .slec span i{float:left; margin-right:8px; width:20px; height:20px; cursor:pointer; background:url(../images/6-2.png) no-repeat;}
.slec .fanb-num{font-size:14px;}
.wrap-mai .slec .at,.wrap-mai .slec .att{background:url(../images/6-1.png) no-repeat;}
.wrap-mai .slec .ac{background:url(../images/6-1.png) no-repeat;}
.wrap-mai .slec input{width:0; height:0; opacity:0; filter:alpha(opacity=0);}
.wrap-mai .slec big{font-size:28px; color:#ff3131;}
.pop .btn-com{display:block; margin:0 auto; width:120px; height:40px; color:#fff; font-size:14px; cursor:pointer; border-radius:5px; border:none; background-color:#55ba80;}
.pop_success .success_con,.pop_tishi_goum .tishi_cn,.pop_bangd .bangd_con,.pop_gaimm .gaimm_con,.pop_txjg .txjg_con,.pop_tishi .success_con{padding:40px 0; text-align:center;}
.pop_success .success_con p,.pop_tishi_goum .tishi_cn p,.pop_bangd .bangd_con p,.pop_gaimm .gaimm_con p,.pop_txjg .txjg_con p,.pop_tishi .success_con p{margin:35px 0; font-size:16px;}

.pop_comment form textarea{margin:15px 0 10px; padding:10px; width:520px; height:70px; border:none; background: #f6f6f6;}
.pop_comment form i{float:left; }
.pop_comment form .comment_xiner{float:left; margin:5px 0 0 5px; }
.pop_comment form .comment_xiner li {float:left; margin:0 4px; width:13px; height:12px; background: url(../images/6-4.png) no-repeat; }
.pop_comment form li.chk {background:url(../images/6-3.png) no-repeat; }
.pop_comment form .fen{float:left; margin-left:10px; color:#ff3131; }
.pop_comment form .btn{margin-top:40px; text-align:center; }
.pop_comment form .btn a{display:inline-block; margin:0 10px; width:100px; height:40px; line-height:40px; text-align:center; color:#55ba80; border-radius:5px; border:1px solid #55ba80; }
.pop_comment form .btn a:hover{color:#fff; background:#55ba80;}

/*工具下载*/
.gjxz .class-list{margin-top:20px;}
.gjxz .class-list li{margin:0 15px 30px; width:552px; height:316px; overflow:hidden;}
.hot-tool .class-list li{margin:20px 15px 0;}
.gjxz .class-list .pic{height:168px;}
.gjxz .jieshao p{display:block;}
.hot-tool .class-list li:hover{height:268px;}
.gjxz .class-list li a:hover h3{color:#333;}
.gjxz .class-list a:hover .pic{height:168px;}
.jieshao .load{margin:20px 0; line-height:30px;}
.load i{font-size:12px; color:#b0b0b0;}
.load .member-load{float:left; margin-right:20px; width:100px; height:30px; line-height:30px; text-align:center; color:#fff; border-radius:5px; background-color:#55ba80;}
.gjxz .sign .member-load{background-color:#ff3131;}
.gjxz .sign .vip-sign{display:block;}

.gj-zl .left-pic{position:relative; width:400px;}
.gj-zl .right-cin{width:700px;}
.gj-zl .zuo-yong{margin:15px 0;}
.zl-neir{padding:20px; background-color:#f6f6f6;}
.zl-neir dl{overflow:hidden;}
.zl-neir dt,.zl-neir dd{float:left; margin-right:20px;}
.tool-detail{margin-top:40px;}
.tool-detail h2{line-height:60px; font-size:18px; text-align:center; font-weight:normal; color:#fff; background-color:#55ba80;}
.tool-detail .tool-des{padding:10px 30px 30px; background-color:#fff;}
.tool-des .text{line-height:34px;}
.tool-des .ms-con{text-align:center;}
.advert3{margin:40px 0;}
.is-vip .vip-sign{display:block;}
.right-cin .mem-load{background-color:#ff3131;}
.pop_mai_mem .wrap-mai{padding:10px 35px 35px;}
.pop_mai_mem .slec{margin:20px 0;}

/*用户中心-个人资料*/
.wrap-center{margin-bottom:50px;}
.wrap-center .sidebar{width:220px; background-color:#fff;}
.wrap-center .center-right{width:960px; background-color:#fff;}
.wrap-center .sidebar h2{line-height:50px; text-align:center; font-size:16px; color:#fff; background-color:#55ba80;}
.wrap-center .center-right h2{padding:0 20px; line-height:50px; font-size:16px; color:#fff; background-color:#55ba80;}
.sidebar-list li{line-height:50px; text-align:center; text-indent:20px;}
.sidebar-list li a{display:block;}
.sidebar-list li a:hover,.bar-list .act a{color:#55ba80;}
.sidebar-list .one a{background:url(../images/13-4.png) no-repeat 68px 19px;}
.sidebar-list .one a:hover,.sidebar-list .li1 a{color:#55ba80; background:#e2ffee url(../images/13-5.png) no-repeat 68px 19px;}
.sidebar-list .two a{background:url(../images/13-6.png) no-repeat 68px 19px;}
.sidebar-list .two a:hover,.sidebar-list .li2 a{color:#55ba80; background:#e2ffee url(../images/13-7.png) no-repeat 68px 19px;}
.sidebar-list .three a{background:url(../images/13-8.png) no-repeat 68px 19px;}
.sidebar-list .three a:hover,.sidebar-list .li3 a{color:#55ba80; background:#e2ffee url(../images/13-9.png) no-repeat 68px 19px;}
.sidebar-list .four a{background:url(../images/13-10.png) no-repeat 68px 19px;}
.sidebar-list .four a:hover,.sidebar-list .li4 a{color:#55ba80; background:#e2ffee url(../images/13-11.png) no-repeat 68px 19px;}
.sidebar-list .five a{background:url(../images/13-12.png) no-repeat 68px 19px;}
.sidebar-list .five a:hover,.sidebar-list .li5 a{color:#55ba80; background:#e2ffee url(../images/13-13.png) no-repeat 68px 19px;}
.sidebar-list .six a{background:url(../images/13-14.png) no-repeat 68px 19px;}
.sidebar-list .six a:hover,.sidebar-list .li6 a{color:#55ba80; background:#e2ffee url(../images/13-15.png) no-repeat 68px 19px;}
.sidebar-list .seven a{background:url(../images/13-16.png) no-repeat 68px 19px;}
.sidebar-list .seven a:hover,.sidebar-list .li7 a{color:#55ba80; background:#e2ffee url(../images/13-17.png) no-repeat 68px 19px;}
.sidebar-list .eight a{background:url(../images/13-18.png) no-repeat 68px 19px;}
.sidebar-list .eight a:hover,.sidebar-list .li8 a{color:#55ba80; background:#e2ffee url(../images/13-19.png) no-repeat 68px 19px;}
.sidebar-list .nine a{background:url(../images/13-20.png) no-repeat 68px 19px;}
.sidebar-list .nine a:hover,.sidebar-list .li9 a{color:#55ba80; background:#e2ffee url(../images/13-21.png) no-repeat 68px 19px;}
.sidebar-list .ten a{background:url(../images/13-22.png) no-repeat 68px 19px;}
.sidebar-list .ten a:hover,.sidebar-list .li10 a{color:#55ba80; background:#e2ffee url(../images/13-23.png) no-repeat 68px 19px;}
.sidebar-list .eleven .a1{background:url(../images/13-24.png) no-repeat 68px 19px;}
.sidebar-list .eleven .a1:hover,.sidebar-list .li11 .a1{color:#55ba80; background:#e2ffee url(../images/13-25.png) no-repeat 68px 19px;}
.sidebar-list .twelve a{background:url(../images/13-26.png) no-repeat 68px 19px;}
.sidebar-list .twelve a:hover,.sidebar-list .li12 a{color:#55ba80; background:#e2ffee url(../images/13-27.png) no-repeat 68px 19px;}
.center-right .geren-ziliao{position:relative; padding:40px 30px 40px;}
.geren-ziliao p{margin-bottom:10px; line-height:40px; overflow:hidden;}
.geren-ziliao p.mb0{margin:0;}
.geren-ziliao .yongh-ming{margin-left:18px;}
.geren-ziliao label{float:left; width:65px; text-align:right;}
.geren-ziliao input{float:left; margin-left:18px; width:260px; height:36px; line-height:36px; text-indent:10px; border:1px solid #eee;}
.geren-ziliao p em{float:left; width:60px; height:40px; text-indent:26px; cursor:pointer; background: url(../images/6-2.png) no-repeat 0px 10px;}
.geren-ziliao p em.ck{background: url(../images/6-1.png) no-repeat 0px 10px;}
.geren-ziliao p em.one{margin-left:18px;}
.geren-ziliao p span{float:left; margin-left:20px; color:#ff3131;}
.geren-ziliao p em input{width:0; height:0;opacity:0; filter:alpha(opacity=0);}
.geren-ziliao i{float:left; line-height:40px; color:#ff2626;}
.geren-ziliao .mobile-phone{margin-right:20px; color:#828282;}
.geren-ziliao .ti-shi{margin:5px 0 10px 85px; font-size:12px; color:#b0b0b0;}
.geren-ziliao .sel-riqi{margin-bottom:10px; line-height:40px;}
.wrap-sel-date{margin-left:18px;}
.wrap-sel-date select{padding:0 8px; height:24px; line-height:24px;}
.geren-ziliao .wrap_sel,.geren-ziliao .distpicker{margin-left:18px;}
.geren-ziliao .wrap_sel select{width:72px; height:24px; border-color:#e6e6e6}
.geren-ziliao .distpicker select{width:120px; height:24px; line-height:24px; text-indent:10px; border-color:#e6e6e6;}
.geren-ziliao .save{display:block; margin:40px 0 0 85px; width:120px; height:30px; line-height:30px; text-align:center; color:#fff; border-radius:5px; background-color:#55ba80;}
.geren-ziliao .chuang-pic{position:absolute; right:20px; top:10px; padding:45px 0 30px; width:240px; text-align:center; font-size:14px; border:1px solid #e6e6e6; }
.geren-ziliao .chuang-pic img{width:120px; height:120px;}
.geren-ziliao .chuang-pic a{display:block; margin:15px auto; width:120px; height:32px; line-height:32px; text-align:center; color:#fff; cursor:pointer; border-radius:5px; background-color:#00a9e0;}
.geren-ziliao .chuang-pic p{line-height:20px; color:#888; font-size:12px;}

/*用户中心-我的钱包*/
.qianb-wrap{margin-bottom:35px;}
.qianb-wrap .recharge_wrap{padding:20px; background:#fff; overflow: hidden;}
.qianb-wrap .recharge_wrap img{float:left;}
.recharge_wrap .num{margin-left:20px;}
.recharge_wrap .num p{line-height:40px; font-size:16px;}
.recharge_wrap .num big{font-size:24px; color:#ff3131;}
.recharge_wrap .select_btn{margin:25px 0 0 60px;}
.recharge_wrap .select_btn a{display:inline-block; margin:0 10px; width:86px; height:30px; line-height:30px; text-align:center; color:#fff; border-radius:5px;}
.select_btn .recharge{background-color:#ff3131;}
.select_btn .withdraw{background-color:#55ba80;}
.qianb-wrap .zhd-cn{padding:0 0 35px;}
.zhd-cn .xuanx{background-color:#f6f6f6;}
.zhd-cn .xuanx li{float:left; line-height:40px;}
.zhd-cn .xuanx a{padding:0 20px; display:block;}
.zhd-cn .qb a,.zhd-cn .xuanx a:hover{color:#ff3131;}
.zhd-cn table{width:100%;}
.zhd-cn table tr{height:44px;}
.zhd-cn table th{font-weight:normal; border-bottom:1px solid #f3f3f3;}
.zhd-cn table td{text-align:center; border-top:1px dashed #f3f3f3;}

/*用户中心-会员中心*/
.member-center{padding:25px 35px;}
.member-center .xz-tc{border-bottom:1px dashed #f3f3f3;}
.xz-tc .payment{margin-top:15px;}
.xz-tc p{margin:15px 0; font-size:16px;}
.xz-tc .taoc li{float:left; position:relative; margin-right:40px; width:198px; height:98px; line-height:98px; cursor:pointer; text-align:center; border:1px solid #eee;}
.taoc .tuij{position:absolute; left:0; top:0; width:66px; height:60px; line-height:28px; text-indent:-20px; color:#fff; background:url(../images/15-1.png) no-repeat;}
.xz-tc .taoc .tj{border:1px solid #55ba80;}
.xz-tc .slec label{font-size:16px;}
.xz-tc big{font-size:28px; color:#ff3131;}
.xz-tc .wo-mai{display:block; margin:40px auto; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; cursor:pointer; border-radius: 5px; border:none; background-color:#55ba80;}
.member-center .vip-shuom h3{margin:20px 0; font-size:16px; font-weight:normal; color:#55ba80;}

/*用户中心-我的课程*/
.my-kc{margin-top:30px;}
.my-kc .class-list{padding:0 15px;}
.my-kc .class-list li{margin:0 15px 30px; width:278px; height:258px;}
.my-kc .class-list .pic{height:204px;}
.my-kc .class-list a:hover .pic{height:160px;}
.my-kc .sign .vip-sign{display:block;}

/*用户中心-学习记录*/
.xx-jilu,.my-ks,.my-pingjia,.tg-jilu{padding-bottom:50px;}
.xx-jilu table,.my-ks table,.my-pingjia table,.tg-jilu table{margin-bottom:40px; width:100%;}
.xx-jilu table tr,.tg-jilu table tr{height:44px;}
.xx-jilu table th,.my-pingjia table th,.tg-jilu table th{font-weight:normal; border-bottom:1px solid #f3f3f3;}
.xx-jilu table td,.my-pingjia table td,.tg-jilu table td{text-align:center; border-top:1px dashed #f3f3f3;}
.xx-jilu table span,.my-ks table span{color:#ff3131;}
.xx-jilu .shanchu,.my-pingjia .shanchu{padding:5px 10px;}
.xx-jilu .shanchu:hover,.my-pingjia .shanchu:hover,.zhd-cn .shanchu:hover{color:#55ba80;}
.tg-jilu table span{color:#55ba80;}
.tg-jilu table i{color:#ff3131;}

/*用户中心-我的考试*/
.my-ks table th{height:44px; font-weight:normal; border-bottom:1px solid #f3f3f3;}
.my-ks table td{height:54px; text-align:center; border-top:1px dashed #f3f3f3;}
.my-ks .go-kaoshi{padding:8px 22px; border-radius:5px;}
.my-ks .yi-kao{color:#b0b0b0; border:1px solid #eee;}
.my-ks .wei-kao{color:#55ba80; border:1px solid #55ba80;}
.my-ks .wei-kao:hover{color:#fff; background-color:#55ba80;}

.ks-con{padding:30px;}
.ks-con .timu{margin-bottom:10px; font-size:24px;}
.da-an li{float:left; margin:10px 0; padding-left:30px; width:850px; font-size:18px; background:url(../images/6-2.png) no-repeat 0 2px;}
.da-an li.dt{background:url(../images/6-1.png) no-repeat 0 2px;}
.da-an li input{margin:0; width:0; height:0; opacity:0; filter:alpha(opacity=0);}
.ks-con .bt{display:block; margin:30px auto 10px; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:5px; background-color:#55ba80;}
.pop_dati .dati_jg_con{padding:40px; text-align:center;}
.dati_jg_con big{font-size:48px; color:#ff3131;}
.dati_jg_con p{margin:0 0 20px;font-size:18px;}
.dati_jg_con .jg-tishi{margin:20px 0 30px; font-size:16px;}

/*用户中心-我的评价*/
.my-pingjia table th{height:44px;}
.my-pingjia table td{padding:10px 0;}
.my-pingjia .ming-lev-time{display:inline-block; line-height:1;}
.my-pingjia .ming-lev-time em{margin:5px 0 0 10px;}
.my-pingjia table .huifu{padding:10px 30px 20px; text-align:left; border:none;}
.my-pingjia .huifu-con{padding:15px 10px; background-color:#f6f6f6;}
.my-pingjia .huifu-con span{color:#ff3131;}
.pop_del{width:450px; text-align:center;}
.pop_del p{margin:50px 0; font-size:18px;}
.pop_del .btn{margin-bottom:40px;}
.pop_del .btn a{display:inline-block; margin:0 10px; width:100px; height:40px; line-height:40px; text-align:center; color:#55ba80; border-radius:5px; border:1px solid #55ba80;}
.pop_del .btn a:hover{color:#fff; background-color:#55ba80;}

/*用户中心-分销中心*/
.fx-center .show_wrap{padding:20px 40px;}
.fx-center .show_wrap p{margin-bottom:15px;}
.show_wrap #url1{float:left; width:236px; height:34px; line-height:34px; text-indent:10px;}
.copy_tan a{float:left; margin-left:20px; width:100px; height:40px; line-height:40px; text-align:center; color:#fff; cursor:pointer; border-radius:5px; background-color:#55ba80;}
.show_wrap .show_right{margin-left:100px;}
.show-cons .bdshare-button-style0-16 a{margin-top:0; width:40px; height:40px;}
.show-cons .bdshare-button-style0-16 .bds_sqq{background:url(../images/16-1.png) no-repeat;}
.show-cons .bdshare-button-style0-16 .bds_tsina{background:url(../images/16-2.png) no-repeat;}
.show-cons .bdshare-button-style0-16 .bds_qzone{background:url(../images/16-3.png) no-repeat;}
.show-cons .bdshare-button-style0-16 .bds_weixin{background:url(../images/16-4.png) no-repeat;}
.fx-center h3{padding:0 20px; line-height:40px; font-size:14px; font-weight:normal; background-color:#f6f6f6;}
.fx-center table{width:100%;}
.fx-center table th{font-weight:normal; height:40px; border-bottom:1px solid #f3f3f3;}
.fx-center table td{height:34px; text-align:center;}
.fx-center .fcheng-rule{padding:20px;}
.fx-center .fcmx{margin-bottom:30px;}
.fx-center .fcmx table{margin-bottom:30px;}

/*用户中心-绑定手机号*/
.bang-mobile{padding:40px;}
.bang-mobile p{margin-bottom:20px; line-height:40px; overflow:hidden;}
.bang-mobile p span{float:left; margin-left:20px; color:#ff3131;}
.bang-mobile label{float:left; width:80px;}
.bang-mobile input{float:left; width:240px; height:36px; line-height:36px; text-indent:10px; border:1px solid #eee;}
.bang-mobile input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}
.bang-mobile .dx-verify{width:120px;}
.bang-mobile .get_mobile_verify{margin-left:20px; width:100px; height:40px; text-indent:0; border:none; color:#fff; background:#55ba80; cursor:pointer;}
.bang-mobile .ti-ji{display:block; margin:40px 0 0 120px; width:100px; height:40px; line-height:40px; text-align:center; border-radius:5px; color:#fff; background:#55ba80;}
.js-xiug-mobile{display:block;}
.xiug-mogile p em,.xiug-mogile p i{float:left;}
.xiug-mogile p i{margin-left:20px; color:#55ba80;}
.xiug-mogile .xiug_form{display:none;}
.xiug-mogile .j-xg-btn{margin:40px 0 0 60px;}

/*首页弹窗*/
.ceshi-pop{position:absolute; width:480px; text-align:center; background-color:#fff; overflow:hidden; z-index:6000;}
.ceshi-pop p{margin:40px 0 30px; font-size:18px;}
.ceshi-pop .change{display:inline-block; margin:0 20px; line-height:36px;}
.ceshi-pop .change label{width:45px; font-size:16px;}
.ceshi-pop .change select{width:100px; height:36px; line-height:36px; text-indent:10px; border:1px solid #eee; cursor:pointer;}
.ceshi-pop a{display:inline-block; margin:30px 10px; width:140px; height:40px; line-height:40px; text-align:center; border-radius:5px;}
.ceshi-pop .qu-kaoshi{color:#fff; background:#55ba80;}
.ceshi-pop .guangg{color:#55ba80; border:1px solid #55ba80;}

/*用户中心-充值*/
.cztx-wrap{padding:40px 30px 40px;}
.cztx-wrap p{margin:15px 0; line-height:40px; overflow:hidden;}
.cztx-wrap p span{margin-left:20px; color:#ff3131;}
.cztx-wrap .mb0{margin-bottom:0;}
.cztx-wrap small{color:#55ba80;}
.cztx-wrap label{float:left; margin-right:20px; width:100px; text-align:right;}
.cztx-wrap i{display:inline-block; margin-right:5px; color:#ff3131;}
.cztx-wrap input{height:30px; line-height:30px; text-indent:10px;}
.cztx-wrap .jin-e{width:120px;}
.cztx-wrap .zfb-hao{width:240px;}
.cztx-wrap .dx-verify{width:120px;}
.cztx-wrap p em{float:left; width:90px; height:40px; text-indent:26px; cursor:pointer; background:url(../images/6-2.png) no-repeat 0px 10px}
.cztx-wrap em input{width:0; height:0; opacity:0; filter:alpha(opacity=0);}
.cztx-wrap p em.ck{background:url(../images/6-1.png) no-repeat 0px 10px}
.cztx-wrap .cztx-btn{display:block; margin:30px 0 0 90px; width:120px; height:34px; line-height:34px; text-align:center; color:#fff; border-radius:5px; background-color:#55ba80;}
.tixian .get_mobile_verify{margin-left:20px; width:100px; height:36px; text-indent:0; border:none; color:#fff; background: #55ba80; cursor:pointer;}

.lxwm{position:relative; margin-bottom:40px; padding:30px; background-color:#fff;}
.lxwm img{display:block;}
.pop_tishi{width:450px; text-align:center;}

.gywm-login-btn{position:absolute; left:440px; bottom:102px; width:180px; height:40px;}

/*分销课程框*/
.haibao{
	width: 300px;
	height: 500px;
	/*background: #fff;*/
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -250px;
	margin-left: -150px;
	text-align: center;
	display: none;
	z-index: 99;
}
.fenurl{
	line-height: 50px;
}
.fenxiaoanniu2{
	float: left;
	width: 100px;
	margin:auto;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #55ba80;
	border-radius: 5px;
	/*margin-left: 100px;*/
}
.fenxiaoanniu3{
	float: right;
	width: 100px;
	margin:auto;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #55ba80;
	border-radius: 5px;
	/*margin-right: 100px;*/
}
.fenxiaoanniu1{

}
#awardQqQun1{
	width: 0;
	border: 0;
	height: 0;
	float: left;
}
.shade_m{
	width: 100%;
	position: fixed;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 98;
	background: #000;
    opacity: 0.8;
    display: none;	
}
#myCanvas{
	/*margin:auto;*/
	/*margin-top: 10px;*/
}
.qrcode{
	/*display: none;*/
	position: absolute;
	width: 180px;
	height: 180px;
}
.box {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fdfaf5;
	z-index: 9999;
	display: none;
}
.out-box {
	width:150px;
	height:150px;
	border-top:4px solid #e0787f;
	border-right:4px solid #e0787f;
	border-bottom:4px solid #f0f0f0;
	border-left:4px solid #f0f0f0;
	border-radius:100%;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-75px;
	margin-top:-75px;
	animation:2.5s ease-in-out 0s normal none infinite rotateTwo;
	-webkit-animation:2.5s ease-in-out 0s normal none infinite rotateTwo;
}
.inner-box {
	width:130px;
	height:130px;
	border-bottom:2px solid #99749d;
	border-top:2px solid #f0f0f0;
	border-right:2px solid #f0f0f0;
	border-left:2px solid #99749d;
	border-radius:100%;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-65px;
	margin-top:-65px;
	animation:2.5s linear 0s normal none infinite rotate;
	-webkit-animation:2.5s linear 0s normal none infinite rotate;
}
.text-box {
	width:120px;
	height:120px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-60px;
	margin-top:-60px;
	color:#cccccc;
	font-size:24px;
	line-height:120px;
	text-align:center;
	animation:4s linear 0s normal none infinite flash;
	-webkit-animation:4s linear 0s normal none infinite flash;
}
@-webkit-keyframes rotate {
	from {
	-webkit-transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(360deg)
}
}@keyframes rotate {
	from {
	transform:rotate(0deg)
}
to {
	transform:rotate(360deg)
}
}@-webkit-keyframes rotateTwo {
	from {
	-webkit-transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(-360deg)
}
}@keyframes rotateTwo {
	from {
	transform:rotate(0deg)
}
to {
	transform:rotate(-360deg)
}
}@-webkit-keyframes flash {
	from,50%,to {
	opacity:1;
}
25%,75% {
	opacity:0;
}
}@keyframes flash {
	from,50%,to {
	opacity:1;
}
25%,75% {
	opacity:0;
}
}