.text-o-show{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{border-radius:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.btn.btn-default{border-color:#15c288;color:#15c288;background:#fff}.btn.btn-default:hover{background:#15c288;color:#fff}.btn.btn-primary{color:#fff !important;background:#15c288;border:1px solid #15c288}.btn.btn-primary:hover,.btn.btn-primary:active,.btn.btn-primary:focus{background:#13ab78 !important}.btn.com{border-color:#15c288 !important;color:#15c288 !important;background:#fff}.btn.com:hover,.btn.com:active,.btn.com:focus{background:#15c288 !important;color:#fff !important}.btn.hollow-gray{border:1px solid #e1e1e1}.btn.hollow-gray:hover{border:1px solid #15c288}.btn.focus{background:#15c288;color:#fff}.btn.btn-success:hover{background-color:#1abc9c}.btn.btn-info{color:#fff}.btn.btn-info:hover{background-color:#39aef1;border-color:#39aef1}.btn.nopadding{display:inline-block;padding:0;width:130px;height:35px;line-height:33px}.btn.btn-gray-light{background:#ccc;color:#fff}.btn.btn-danger{color:#fff;border:1px solid #e74c3c}.btn.btn-danger:hover{background-color:#e74c3c}.btn.btn-warning{background-color:#fd9271;color:#fff !important;border:1px solid #fd9271}.btn.btn-warning:hover{background:#fd7f58}.btn.btn-warning.com{border:1px solid #fd9271;background:#fff;color:#fd9271 !important}.btn.btn-warning.com:hover{color:#fff !important;background-color:#fd9271 !important}.btn.warning-dashed{border:1px solid #fd9271;background:#fff;color:#fd9271}.btn.warning-dashed:hover{color:#fff;background-color:#fd9271}.btn.disable{background:#ccc;cursor:default;color:#fff}.btn.btn-blue{background:#4bbcef;color:#fff}.btn.btn-blue:hover,.btn.btn-blue:active,.btn.btn-blue:focus{background:#34b3ed}.float-consult .btn{background:#15c288;border-width:1px;border-color:#13ab78}.float-consult .btn:hover{background:#13ab78;border-color:#109468;color:#fff}.btn.small{padding:2px 8px;line-height:20px}.btn.radius{border-radius:15px}.btn.radius-s{border-radius:4px}.btn.warning-activiy{margin:25px auto;padding:10px 60px;background:#f8a733;margin-bottom:30px;border-radius:22px;border-bottom:6px solid #d88714;font-size:18px;color:#fff}.t-primary{color:#15c288}.t-danger{color:#e74c3c}.t-warning{color:#ec8233}.t-infowarn{color:#fd9271}.t-info{color:#39aef1}.t-gray-darker{color:#444}.t-dark{color:#666}.t-gray{color:#999}.t-gray-light{color:#ccc}.t-gray-lighter{color:#f0f0f0}.t-danger{color:#e74c3c}.t-white{color:#fff}.label{font-weight:normal;padding:2px 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.label.label-md{padding:6px}.label.label-a{background-color:#c6d0d8}.label.label-b{background-color:#0d0d0d}.label.label-p{background-color:#c6d0d8}.label.label-success{background-color:#15c288}.label.role{vertical-align:1px;margin:0 !important}.label.role.teacher{background:#e88d18}.label.role.headteacher{background:#46c358}.label.role.assistant{background:#1ad9b3}.label.radius{border-radius:100px}.label.normal{border:1px solid #666;color:#666}.label.normal.disable{color:#ccc;border-color:#ccc}.label.norad{border-radius:0}.flat,.sidenav{margin-bottom:20px;box-shadow:1px 1.732px 1px rgba(0,0,0,0.06),inset 0 0 0 rgba(0,0,0,0.05);background:#fff;border-radius:2px;border:none;border:1px solid #e0e0e0\9}.flat h2,.sidenav h2,.flat h3,.sidenav h3{height:60px;line-height:60px;border-bottom:1px solid #eee;margin:0;padding:0 20px;color:#444;font-size:18px}@media (max-width:480px){.flat h2,.sidenav h2,.flat h3,.sidenav h3{height:auto}}.flat h2.nopadding,.sidenav h2.nopadding,.flat h3.nopadding,.sidenav h3.nopadding{padding:0}.flat h2 span,.sidenav h2 span,.flat h3 span,.sidenav h3 span{color:#15c288;font-size:14px;margin-left:10px}.flat h2 span.count,.sidenav h2 span.count,.flat h3 span.count,.sidenav h3 span.count{color:#666;font-size:20px;font-weight:normal}.flat h2 .filter,.sidenav h2 .filter,.flat h3 .filter,.sidenav h3 .filter{font-size:16px;color:#666;line-height:59px}.flat h2 .filter span,.sidenav h2 .filter span,.flat h3 .filter span,.sidenav h3 .filter span{padding:0 20px;margin:0;color:#ddd}.flat h3.ret,.sidenav h3.ret{border-bottom:none;color:#666;font-size:16px}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:0}@-webkit-keyframes giftshake{0%,65%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}5%,25%,45%{transform:rotate(5deg);-ms-transform:rotate(5deg);-moz-transform:rotate(5deg);-webkit-transform:rotate(5deg);-o-transform:rotate(5deg)}15%,35%,55%{transform:rotate(-5deg);-ms-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);-o-transform:rotate(-5deg)}}@keyframes giftshake{0%,65%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}5%,25%,45%{transform:rotate(5deg);-ms-transform:rotate(5deg);-moz-transform:rotate(5deg);-webkit-transform:rotate(5deg);-o-transform:rotate(5deg)}15%,35%,55%{transform:rotate(-5deg);-ms-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);-o-transform:rotate(-5deg)}}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0}}@-webkit-keyframes nextshake{0%{opacity:1;filter:alpha(opacity=100);top:-2px}50%{top:4px}100%{opacity:1;filter:alpha(opacity=100);top:-2px}}@keyframes nextshake{0%{opacity:1;filter:alpha(opacity=100);top:-2px}50%{top:4px}100%{opacity:1;filter:alpha(opacity=100);top:-2px}}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);animation-timing-function:cubic-bezier(.215, .61, .355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);animation-timing-function:cubic-bezier(.215, .61, .355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);animation-timing-function:cubic-bezier(.215, .61, .355, 1)}0%{-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}60%{-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);animation-timing-function:cubic-bezier(.215, .61, .355, 1)}0%{-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}60%{-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes hzdata{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}50%{opacity:1;-webkit-transform:none;transform:none;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}75%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes hzdata{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}50%{opacity:1;-webkit-transform:none;transform:none;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}75%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes chihiro-o{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes chihiro-o{from{-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes chihiro-o{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes chihiro-o{from{-o-transform:rotate(0deg);transform:rotate(0deg)}to{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes left-and-down{0%{right:-10px}100%{right:-14px}}@keyframes left-and-down{0%{right:-10px}100%{right:-14px}}.class{padding-bottom:0}.class h2{padding:0 0 0 20px}.class h2 .last-icon{display:inline-block;width:94px;border-left:2px solid #f9f9f9;color:#999;text-align:center}.class .classroom-item.row{margin:0}.class .classroom-item.row>div{padding:0}.class .class-body{position:relative;height:100%}.class .class-body .title{padding:10px 30px;font-size:24px;border-bottom:none;overflow:hidden;text-overflow:ellipsis;white-space:normal}@media (max-width:1200px){.class .class-body .title{margin:10px 0}}@media (max-width:992px){.class .class-body .title{margin:0}}.class .class-body .content{padding:0 30px;line-height:30px;height:88px;margin-bottom:17px;color:#444;overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}@media (max-width:1200px){.class .class-body .content{height:72px;margin-bottom:10px;line-height:25px}}@media (max-width:992px){.class .class-body .content{height:43px}}@media (max-width:768px){.class .class-body .content{height:auto}}.class .class-body .metas{position:relative;padding:0;margin:0;border-top:1px dashed #eee;list-style:none;text-align:center}.class .class-body .metas>li{float:left;width:25%;border-right:1px dashed #eee}.class .class-body .metas>li:last-child{border:none}.class .class-body .metas>li.course-num:hover .metas-more{opacity:1;filter:alpha(opacity=100)}.class .class-body .metas>li.course-num>a,.class .class-body .metas>li.topic-num>a{color:#15c288}.class .class-body .metas>li.student-num>a,.class .class-body .metas>li.evaluate-num>a{color:#39aef1}.class .class-body .metas>li>a{display:block;height:85px;padding:15px}@media (max-width:1200px){.class .class-body .metas>li>a{height:70px;padding:10px 15px}}.class .class-body .metas>li>a:hover{background-color:#f9f9f9;text-decoration:none}.class .class-body .metas>li .fa{font-size:24px;margin-bottom:10px}.home .class .title{line-height:40px}.home .class .content{margin-bottom:5px;line-height:22px}@media (max-width:1200px){.home .class .title,.home .class .content{padding:0 20px}.home .class .title{height:30px;line-height:30px}.home .class .content{line-height:24px;height:70px}}@media (max-width:992px){.home .class .title{margin-top:10px}.home .class .content{margin:10px 0}}.course.nopad .row{margin:0}.course.nopad .row>div{padding:0}.course.nopad .course-item{padding:10px;-webkit-box-shadow:0 0 0 rgba(255,255,255,0.4);-moz-box-shadow:0 0 0 rgba(255,255,255,0.4);box-shadow:0 0 0 rgba(255,255,255,0.4);border-right:1px solid #eee;border-color:#eee}.course.nopad .nobd .course-item{border-right:1px solid #fff}.course h2{padding:0 0 0 20px}.course h2 .first-icon{padding:0 15px 0 20px}.course h2 .last-icon{display:inline-block;width:94px;border-left:2px solid #f9f9f9;text-align:center;color:#999}.course h2 .last-icon:hover{color:#15c288}.course .course-item{-webkit-box-shadow:0 1px 2px rgba(197,197,197,0.4);-moz-box-shadow:0 1px 2px rgba(197,197,197,0.4);box-shadow:0 1px 2px rgba(197,197,197,0.4);border:1px solid #eee\9;border-bottom:1px solid #f7faf9;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.course .course-item:hover{box-shadow:0 3px 6px rgba(220,220,220,0.6)}.course .course-item:hover .mask{opacity:1;filter:alpha(opacity=100)}.course .course-item:hover .mask .btn{top:50%;margin-top:-17px}.course .course-item .mask{position:absolute;top:0;left:0;width:100%;padding:15px;color:#fff;height:100%;overfow:hidden;background-color:#333;background-color:rgba(0,0,0,0.5);opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.course .course-item .mask .btn{position:absolute;top:100%;left:50%;margin-left:-41px}.course .course-item .course-img{position:relative;overflow:hidden}.course .course-item .course-img .status{position:absolute;padding:2px 5px;border-radius:5px;background:#15c288;color:#fff;top:10px;left:10px;-webkit-box-shadow:1px 1px 3px rgba(188,188,188,0.2);-moz-box-shadow:1px 1px 3px rgba(188,188,188,0.2);box-shadow:1px 1px 3px rgba(188,188,188,0.2)}.course .course-item .course-img .status.ing{background:#fd9271}.course .course-item .course-img .status.done{background:#ccc}.course .course-item .course-img img{width:100%;height:auto}.course .course-item .course-info{padding:12px}.course .course-item .course-info .title{height:40px;margin-bottom:10px;overflow:hidden;position:relative}.course .course-item .course-info .title a{font-weight:bold;color:#444;position:absolute;top:2px}.course .course-item .course-info .title a:hover{color:#15c288}.course .course-item .course-info .label-p{display:inline-block;margin-right:5px;padding:5px}.course .course-item .course-info .metas{margin-bottom:10px;color:#c6d0d8;margin-left:-5px;height:20px;overflow:hidden}.course .course-item .course-info .metas>span{margin:0 5px}.course .course-item .course-info .teacher{height:24px;position:relative;line-height:24px}.course .course-item .course-info .teacher>a{padding-right:4px}.course .course-item .course-info .teacher .link-light{color:#c6d0d8;vertical-align:text-top}.course .course-item .course-info .price{position:absolute;right:0;top:0;padding-left:10px;background:#fff;color:#fd9271}.course .course-item .course-info .price.free{color:#15c288}.course .course-item .course-info .tips-learning{display:inline-block;background:#15c288;padding:2px 4px;color:#fff;position:absolute;top:6px;left:6px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.course .course-item .course-info .tips-learned{display:inline-block;background:#999;padding:2px 4px;color:#fff;position:absolute;top:6px;left:6px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.course .item-padding>div{padding-bottom:30px}.hori-Course{margin-bottom:40px;padding-bottom:20px}.hori-Course h3 a{font-size:12px;padding:2px}.hori-Course h3 a i{font-size:13px}.hori-Course .media{padding:0 20px 20px;border-bottom:1px dashed #eee}.hori-Course .media-left{padding-right:20px;vertical-align:middle}.hori-Course .media-left a{display:inline-block;width:111px;height:63px;vertical-align:middle}.hori-Course .media-body h4{margin-top:6px}.hori-Course .media-body h4 a{font-size:14px;color:#15c288}.hori-Course .media-body .mbs{font-size:12px;max-height:50px;margin:10px 0;overflow:hidden}.hori-Course .media-body .course-message{font-size:12px;color:#999}.hori-Course .media-body .course-message a{padding:2px;color:#999}.hori-Course .media-body .course-message a:hover{color:#15c288}.veri-Course h3 a{font-size:12px;padding:2px}.veri-Course h3 a i{font-size:13px}.pro-tags ul{padding:6px 20px 20px}.pro-tags ul li{display:inline-block;margin-top:14px;margin-right:5px}.pro-tags ul a{font-size:12px;padding:4px 6px;border:1px solid #e3e3e3;color:#15c288}.pro-tags ul a:hover{border:1px solid #15c288;background:#15c288;color:#fff}.pro-tags .more a{font-size:12px;float:right;padding:0 20px 20px;color:#15c288}.pro-tags .more a i{padding-right:4px}.phjoin-course{padding-bottom:0}.phjoin-course .row{margin:0}.phjoin-course .section-body{padding:0}.phjoin-course .section-body .col-md-4,.phjoin-course .section-body .col-sm-6{padding:0}.phjoin-course .course-item{margin:0;padding:10px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.08);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.08);box-shadow:0 1px 1px rgba(0,0,0,0.08)}.course-activity .course-item,.course-activity .course-item:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.course-activity .course-item{padding:10px;border:1px solid #f0f0f0}.course-activity .course-item .title{height:20px !important}.course-activity .course-img{overflow:hidden}.course-activity .course-img:hover .action{bottom:0;visibility:visible}.course-activity .action{position:absolute;bottom:-33px;left:0;width:100%;background:#000;background:rgba(0,0,0,0.6);color:#fff;visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:99}.course-activity .action>div{width:50%;float:left;height:33px;line-height:33px}.course-activity .action>div.r{border-left:1px solid #828282}.course-activity .action .hz-icon{font-size:12px;margin-right:5px}.course-activity .auditing{background-color:rgba(0,0,0,0.4);height:100%;position:absolute;width:100%;top:0}.course-activity .auditing span{display:block;font-size:16px;width:68px;height:20px;top:50%;left:50%;margin-left:-34px;margin-top:-10px;position:absolute;color:#fff}.notes .under-line{border-bottom:1px dashed #eee}.notes h2 .last-icon{color:#999}.notes .classroom-item{padding:0 20px 20px}.notes .home-out h4{margin-bottom:20px}.notes .home-out h4 a.first{color:#15c288;display:inline-block;max-width:256px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;height:20px}.notes .home-out h4 a.last{color:#999;display:inline-block;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.notes .home-out h4 a.last i{padding-right:4px;color:#999}.notes .home-out h4 .fa-pencil{padding-right:4px}.notes .home-out .f-content{margin-left:0;padding:10px}.notes .home-out .notes-style{height:102px;overflow:hidden;margin:0;line-height:22px}.course-notes li{padding:20px 0}.course-notes li:hover .actions{opacity:1;filter:alpha(opacity=100)}.course-notes li:last-child{border-bottom:none}.course-notes .notes-img{display:inline-block;vertical-align:top}.course-notes .notes-img .daren-icon,.course-notes .notes-img .dapinpai-icon{bottom:-3px}.course-notes .notes-content{display:inline-block;width:78%;padding-left:14px}.course-notes .name{font-size:12px}.course-notes .actions{font-size:12px;margin-top:7px;opacity:0;filter:alpha(opacity=0)}.class-consult-tip{padding:20px 30px;background:#f9f9f9;color:#fd9271;margin-bottom:30px}.class-consult-tip .title{display:inline-block;line-height:36px;height:36px;margin:0}.class-consult-tip .hz-icon{-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease;transition:all 0 ease}.class-consult-tip .hz-icon{margin-right:5px;display:inline-block}.class-consult-tip .icon-qq{font-size:18px;line-height:18px;vertical-align:text-bottom}.hz-class-ask li{border-bottom:1px dashed #f0f0f0}.hz-class-ask .title{height:20px;overflow:hidden;margin-bottom:15px;color:#444}.hz-class-ask .title>i{color:#15c288}.hz-class-ask .title font{color:#999}.hz-class-ask .content{margin-left:10px;padding:20px;margin-bottom:30px;background:#fafafa;color:#15c288}.classanwser{padding:15px 0 !important}.classanwser li{margin:20px 0 30px 0}.classanwser span.done,.classanwser span.undone,.classanwser span.dis{color:#fff;padding:2px 6px;border-radius:4px}.classanwser span.done{background:#15c288}.classanwser span.undone{background:#fd9271}.classanwser span.dis{background:#ccc}.classanwser .anw{width:100px;float:left}.classanwser .anw span{float:right}.classanwser .anw i{float:right;color:#15c288;line-height:24px}.classanwser .content{width:500px;float:left;line-height:24px}.classanwser .content span{margin-left:10px}.classanwser .content font{color:#999}.classanwser .action{width:200px;float:right;padding-right:25px;line-height:24px}.classanwser .action .btn{padding:2px 10px}.classanwser .action font{color:#999}.avatar-sm{width:60px !important;height:60px !important;margin-bottom:10px;-webkit-border-radius:50% !important;-moz-border-radius:50% !important;border-radius:50% !important}.avatar-ss{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:20px !important;height:20px !important}.avatar-mm{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:50px !important;height:50px !important}.avatar-ll{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:90px !important;height:90px !important}.breadcrumb{height:40px;line-height:40px;padding:0;margin:0;background:#f4f6f8}.breadcrumb>span{margin:0 5px}.breadcrumb .in{margin:0;color:#999}.breadcrumb.ctopic{padding:0 15px;margin-bottom:20px}.modal-dialog.noborder{width:750px;font-size:16px}@media (max-width:768px){.modal-dialog.noborder{width:90%;margin-left:auto;margin-right:auto}}.modal-dialog.noborder .modal-content{padding:0 15px 25px 15px}.modal-dialog.noborder .modal-header{border:0;height:40px}.modal-dialog.noborder .modal-footer{border:0}.modal-header .close{position:relative;z-index:99}.modal{overflow-y:auto}.next-learn-dialog{background:#fff;text-align:center;width:800px;height:500px;display:block;padding:0 45px;top:50%;left:50%;margin-left:-400px;margin-top:-250px;color:#999;overflow-y:auto}@media (max-width:992px){.next-learn-dialog{width:100%;top:0;margin:0;left:0;height:100%;padding:0 15px}}.next-learn-dialog .model-thread{color:#666;background:#f2f2f2;padding:20px;margin:0 10px -10px}.next-learn-dialog .model-thread .thread-top{font-size:16px;margin-bottom:5px}.next-learn-dialog .model-thread .thread-title{font-size:18px;color:#444}.next-learn-dialog .thread-recommend{text-align:left !important;padding-left:0}@media (max-width:992px){.next-learn-dialog .thread-recommend{padding:6px 0}}.next-learn-dialog .modal-header{border:0;height:134px}.next-learn-dialog .modal-header .close{font-size:30px}.next-learn-dialog h3{font-size:26px;margin-top:45px;color:#15c288}.next-learn-dialog .row{margin:0}.next-learn-dialog .modal-footer{padding:0 15px;border:0;margin-top:20px}@media (max-width:767px){.next-learn-dialog .modal-footer{margin-top:0}}.next-learn-dialog .modal-footer .share-out{line-height:34px;height:34px !important}.next-learn-dialog .modal-footer .share-out .dropdown-menu{padding:4px !important}.next-learn-dialog .score-ing,.next-learn-dialog .course-ing{position:relative}.next-learn-dialog .score-ing .bg,.next-learn-dialog .course-ing .bg{position:absolute;background:#ddd;top:0;left:0;width:100%;height:27px;z-index:999;border-radius:20px}.next-learn-dialog .score-ing .ing,.next-learn-dialog .course-ing .ing{position:absolute;top:0;left:0;z-index:1000;border-radius:20px;height:27px;min-width:8%}.next-learn-dialog .score-ing{color:#ff815a}.next-learn-dialog .score-ing .ing{background:#ff815a}.next-learn-dialog .course-ing{color:#15c288}.next-learn-dialog .course-ing .ing{background:#15c288}.next-learn-dialog .comment-form textarea{height:125px;border-radius:0;border:1px solid #ddd}.dialogbox{background:#fafafa;padding:25px;border-radius:5px;border:1px solid #f4f4f4;position:relative}.dialogbox.left:before,.dialogbox.left:after{content:'';position:absolute;border:10px solid transparent;border-right:16px solid #fafafa;left:-24px;top:30px;z-index:9}.dialogbox.left:after{z-index:8;left:-25px;border-right:16px solid #f4f4f4}.course-sidebar ul li{border-bottom:1px dashed #f4f6f8}.flat{background-image:none !important}.flat .more{height:40px;line-height:40px;text-align:center}.flat .more a>i{margin-right:13px}.flat .words{padding:10px 20px 20px;line-height:23px;margin-bottom:0}.flat .words img{width:200px;height:auto}.flat .words .fa-flag{margin-right:10px;line-height:22px}.sidebar-teach .media-left{padding-right:0}.sidebar-teach .js-user-card{margin:22px 0 0 20px}.sidebar-teach .teach-info{padding:22px 20px 0 20px}.sidebar-teach .teach-info .text-o-show{padding:0}.sidebar-teach .teach-info .text-o-show a{color:#15c288;font-size:16px;padding-right:7px;vertical-align:middle}.sidebar-teach .teach-info p{padding:10px 0;margin:0}.sidebar-teach .teach-info p a{color:#444;font-size:13px;padding-right:14px}.sidebar-teach .teach-info p a span{padding-right:4px}.sidebar-teach .focus{padding:10px 20px;border-bottom:1px dashed #f4f6f8;line-height:20px;text-align:center}.sidebar-teach .focus i{margin-right:12px}.sidebar-teach .focus a{color:#15c288}.sidebar-teach .info{color:#999;padding:10px 20px 5px 20px;line-height:22px;overflow:hidden;margin:0}.sidebar-teach .info.info-hide{display:none}.sidebar-teach .ta{line-height:40px;border-top:1px dashed #f0f0f0}.sidebar-teach .ta i{margin-right:12px}.sidebar-teach .ta .act{display:block;width:50%;text-align:center;float:left;padding:3px 20px}.sidebar-teach .ta .first{border-right:1px dashed #f0f0f0}.sidebar-teach .ta .first.unfollow-btn{color:#15c288}.sidebar-teach .ta .first.unfollow-btn:hover{color:#fd9271}.sidebar-teach .ta .fa-angle-up{display:none}.sidebar-teach .ta .active{color:#15c288}.sidebar-teach .ta .active .fa-angle-down{display:none}.sidebar-teach .ta .active .fa-angle-up{display:inline}.sidebar-judge .more a{padding-right:4px}.sidebar-judge ul li{padding:15px}.sidebar-judge ul li .name{position:relative;padding-right:55px;height:20px;overflow:hidden}.sidebar-judge ul li .name a{font-size:12px;color:#999}.sidebar-judge ul li .name .day{position:absolute;display:block;width:66px;top:0;right:0;font-size:12px;color:#999;line-height:18px;height:18px;text-align:right}.sidebar-judge ul li .content{color:#444;max-height:42px;margin-top:4px;overflow:hidden}.sidebar-judge ul li .content p{margin-bottom:0}.sidebar-judge ul li.media{margin:0}.sidebar-notes ul li{border-bottom:1px dashed #f4f6f8;padding:5px 20px 15px;max-height:167px;overflow:hidden;font-size:13px;color:#999}.sidebar-notes ul h4{height:18px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.sidebar-notes ul h4 a{color:#444}.sidebar-notes ul h4 a:hover{color:#15c288}.sidebar-notes ul p{max-height:80px;overflow:hidden;margin-bottom:0}.sidebar-question li{position:relative;padding-left:50px !important;max-height:114px;overflow:hidden;padding:15px 20px}.sidebar-question li .not{color:#fff;background:#15c288}.sidebar-question li .mr{display:inline-block;margin-left:28px}.sidebar-question li .ans{background-color:#fff;border:1px solid #15c288;color:#15c288}.sidebar-question li span{top:14px;left:20px;color:#fff;position:absolute;padding:2px 4px;font-size:12px}.sidebar-learner h3 a{font-size:14px;color:#15c288}.sidebar-learner ul{padding:0 10px 20px 10px}.sidebar-learner li{border-bottom:none !important;border:0;width:33.33333333%;padding:10px !important;float:left;text-align:center;height:121px}.sidebar-learner li>a{position:relative}.sidebar-learner li .name{text-align:center;width:62px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-learner li span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-learner .daren-icon,.sidebar-learner .dapinpai-icon{bottom:6px}.sidebar-group h3 a{font-size:14px;color:#15c288}.sidebar-group ul{padding:10px}.sidebar-group li{border:0;width:33.33333333%;padding:10px !important;float:left;text-align:center}.sidebar-group li img{width:60px;height:60px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;margin-bottom:15px;display:inline}.sidebar-group li span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-groups{padding-bottom:20px}.sidebar-groups .media{padding:5px 20px 0}.sidebar-groups .media-left a{display:inline-block;width:60px;height:60px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow:hidden}.sidebar-groups .media-left a img{width:100%}.sidebar-groups .media-body h4{font-size:12px}.sidebar-groups .media-body h4 a{color:#15c288;max-width:138px;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;font-weight:normal}.sidebar-groups .media-body .groups-message{font-size:12px;color:#999;cursor:pointer}.sidebar-groups .media-body .groups-message span{padding-right:10px}.sidebar-groups .media-body .groups-message a{font-size:12px;color:#999;max-width:40px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:top}.pro-topic ul{padding:0 20px 20px}.pro-topic li{padding:15px 0;border-bottom:1px dashed #eee}.pro-topic li h4{margin:0 0 6px}.pro-topic li h4 a{font-size:12px;color:#15c288;display:inline-block;max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:bottom}.pro-topic li h4 i{color:#15c288}.pro-topic li span{font-size:12px;padding-right:8px;cursor:pointer}.pro-topic li span a{font-size:12px}.pro-topic li span.first{padding-left:20px}.pro-bottom{margin-top:20px}.sidebar-consult ul li{border-bottom:1px dashed #f0f0f0;padding:15px 20px;margin-top:0}.sidebar-consult ul .media-left{padding-right:10px;color:#15c288}.sidebar-consult ul .media-body>font{color:#999}.nav-topline ul{background:#f9f9f9;color:#444;border-top:1px solid #f0f0f0}.nav-topline li{float:left}.nav-topline li a{display:block;padding:15px 35px}.nav-topline li.active a{margin-top:-1px;background:#fff;border-top:1px solid #15c288;color:#15c288}.nav-topline li:hover a{background:#fff}.room-market .class-img img{max-height:320px}@media (max-width:768px){.room-market .class-img img{max-height:none}}.room-market .class-info>.title{margin:36px 30px 15px 30px !important;color:#444;height:24px;overflow:hidden;font-size:20px}@media (min-width:768px) and (max-width:992px){.room-market .class-info>.title{margin:10px 20px !important}}.room-market .class-info>.tip{color:#999;padding:0 30px}.room-market .class-info .bottom-metas{padding-right:30px}.room-market .price-show{margin:10px 5px 0 5px;padding:20px 26px 12px;height:100px;background:#fff8f2}.room-market .price-show ul{margin-bottom:20px}.room-market .price-show li{float:left;height:25px;line-height:25px;padding-left:30px}@media (min-width:768px) and (max-width:1200px){.room-market .price-show{padding:20px 26px 12px;height:auto;margin-bottom:10px}.room-market .price-show ul{margin-bottom:0}.room-market .price-show li{padding-left:0;width:50%}.room-market .price-show li.time{margin:5px 0}}@media (min-width:768px) and (max-width:992px){.room-market .price-show{margin:0;padding:15px 20px}}@media (max-width:768px){.room-market .price-show{height:auto}}.room-market .price-show .now{position:relative;font-size:30px;color:#fd9271;padding-left:15px}.room-market .price-show .now>font{position:absolute;top:2px;left:0;font-size:14px;line-height:14px}.room-market .price-show .now span{border-radius:4px;color:#fff;padding:2px 6px;background:#fd9271;vertical-align:middle}.room-market .price-show .old{padding-top:3px;color:#999}.room-market .price-show .time{padding-top:3px;color:#fd9271}.room-market .price-show .btn-people{background:#fce8d7;color:#fd9271}.room-market .price-show .btn-time{margin-left:50px;background:#d7eefc;color:#39aef1}.room-market .price-show .btn-time,.room-market .price-show .btn-people{padding:4px 6px;border-radius:4px}.room-market .course-img-cover{position:absolute;display:block;top:0;left:0;height:100%;width:100%;background:#000;background:none \9;opacity:.2;filter:alpha(opacity=20);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.room-market .course-img-cover:hover{opacity:.5;filter:alpha(opacity=50);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.room-market .course-img-cover .es-icon{color:#fff;font-size:100px;position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-71px}.room-market .btn-buy{margin-top:12px}.room-market .btn-buy .btn-lg{padding:13px 25px !important}.hz-unlogin-editor{position:relative}.hz-unlogin-editor .hz-login-editor{position:absolute;width:100%;height:100%;background:transparent;cursor:pointer;top:0;left:0}.hz-unlogin-editor button[type="submit"]{opacity:.65;filter:alpha(opacity=65)}.hz-sign-in .not-sign{padding:20px 20px 10px 20px}.hz-sign-in .not-sign p{margin:0}.hz-sign-in .not-sign p font{font-size:80px;color:#ff815a;line-height:90px}.hz-sign-in .has-sign{padding:20px}.hz-sign-in .has-sign p{display:block;letter-spacing:1px;color:#999}.hz-sign-in .has-sign p font{font-size:20px;color:#ff815a;padding:0 2px}.hz-sign-in .has-sign .sentence{color:#666;line-height:24px;letter-spacing:normal}.hz-sign-in .more-sign{padding:0 20px 20px}.hz-sign-in .more-sign>a{display:block;padding:8px 0;background:#ff815a;font-size:16px;color:#fff;border-bottom:4px solid #d1623f}.hz-sign-in .more-sign>a:hover{background:#f17b57}.hz-sign-in .more-sign .calendar-icon{display:inline-block;width:35px;height:35px;line-height:44px;font-weight:bold;font-size:12px;background:url("../img/howzhi/icon_setting.png") -162px 0;position:relative}.hz-sign-in .more-sign>a.has-data{background:#ccc;border-bottom:4px solid #999;cursor:default}.hz-sign-in .share-out{padding:0 20px 20px;line-height:35px}.hz-sign-in .share-out .dropdown-menu{padding-top:4px !important}.hz-sign-in .share-out .dropdown-menu .js-social-share{margin-right:8px !important}.hz-sign-load i{font-size:90px;color:#f0f0f0}.hz-share,.es-share{position:relative}.hz-share.top .js-social-share-params:after,.es-share.top .js-social-share-params:after{content:'';position:absolute;border:8px solid transparent;border-top:8px solid #fff;top:100%;left:50%;margin-left:-8px}.hz-share .js-social-share-params,.es-share .js-social-share-params{top:-30px;left:50%;min-width:145px;padding:5px 0 !important;margin-left:-74px;background:#fff !important}.hz-share .js-social-share-params .js-social-share,.es-share .js-social-share-params .js-social-share{margin:0 0 0 9px !important;display:block;float:left;height:25px;width:25px;border-radius:5px;text-align:center}.hz-share .js-social-share-params .es-icon,.es-share .js-social-share-params .es-icon{font-size:20px;color:#fff;display:block;width:100%;height:100%;line-height:22px}.hz-share .js-social-share-params .weixin,.es-share .js-social-share-params .weixin{background:#89dbc0}.hz-share .js-social-share-params .qq,.es-share .js-social-share-params .qq{background:#8fcdf0}.hz-share .js-social-share-params .weibo,.es-share .js-social-share-params .weibo{background:#f27a6a}.hz-share .js-social-share-params .qzone,.es-share .js-social-share-params .qzone{background:#59ba89}.share-out{line-height:60px}.share-out .dropdown-menu{display:block;position:static;margin-left:0 !important;background:transparent !important;box-shadow:none;padding-top:16px !important;border:0}.topic-action .hz-share{line-height:30px}.topic-action .hz-share .dropdown-menu{padding-top:2px !important}.work-share .js-social-share-params{margin-left:-10px !important}.work-share .js-social-share-params a{border:1px solid #666;border-radius:2px;background:#fff !important;padding:3px;margin-left:10px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.work-share .js-social-share-params a .es-icon{font-size:18px;line-height:14px;color:#666 !important;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.work-share .js-social-share-params a:hover.weixin{background:#89dbc0 !important;border-color:#89dbc0 !important}.work-share .js-social-share-params a:hover.qq{background:#8fcdf0 !important;border-color:#8fcdf0 !important}.work-share .js-social-share-params a:hover.weibo{background:#f27a6a !important;border-color:#f27a6a !important}.work-share .js-social-share-params a:hover.qzone{background:#59ba89 !important;border-color:#59ba89 !important}.work-share .js-social-share-params a:hover .es-icon{color:#fff !important}.work-share{position:absolute;top:50%;margin-top:-50px;left:70px;line-height:25px}html,body{overflow-x:hidden;background:#f4f6f8;min-height:100%}a,input,button,textarea{outline:none}::-moz-focus-inner{border:0}textarea{resize:none;width:100%;padding:4px 8px !important;border-radius:0 !important}input:focus,textarea:focus{border-color:#15c288 !important}input::-webkit-input-placeholder{color:#aaa !important}input::-moz-placeholder{color:#aaa !important}textarea::-webkit-input-placeholder{color:#aaa !important}textarea::-moz-placeholder{color:#aaa !important}pre{white-space:pre-wrap}div.cke_reset{width:100%}ul,ol{padding:0;margin:0}li{list-style-type:none}.noborder{border:0 !important}.tooltip .tooltip-inner{background:#15c288}.tooltip .tooltip-arrow{border-top-color:#15c288 !important}.stars-0,.stars-1,.stars-2,.stars-3,.stars-4,.stars-5{background:url("../img/howzhi/stars.png") no-repeat scroll 0 0 rgba(0,0,0,0);vertical-align:middle;width:85px;display:inline-block;height:16px}.stars-5{background-position:0 0}.stars-4{background-position:0 -16px}.stars-3{background-position:0 -32px}.stars-2{background-position:0 -48px}.stars-1{background-position:0 -64px}.stars-0{background-position:0 -80px}.pagination{margin:35px auto 35px;width:100%;padding-left:5px;text-align:center}.pagination li{display:inline-block;padding:0;border:0}.q-icon{display:inline-block;width:22px;height:22px;background:url("../img/howzhi/icon_setting.png") -141px 0;margin-right:8px;vertical-align:top}.huodong-icon{display:inline-block;width:22px;height:22px;background:#ff9445;margin-right:8px;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;line-height:22px;font-size:12px;vertical-align:top}.topic-icon{display:inline-block;width:22px;height:22px;background:url("../img/howzhi/icon_setting.png") -296px 0;margin-right:8px;vertical-align:top}.report{font-size:12px;color:#999 !important;display:none}.namber{line-height:14px;color:#fff;background:#15c288;border-radius:4px;padding:1px 8px}.flat .help-content{width:960px;padding-bottom:50px}.flat .help-content h2{border:0;color:#15c288;font-size:16px}.flat .help-content>table{width:100%;padding:0 20px;display:block}.flat .help-content>table thead,.flat .help-content>table tbody,.flat .help-content>table tr{width:100%;display:block}.flat .help-content>table th,.flat .help-content>table td{text-align:center;line-height:50px;display:block;float:left;width:180px;height:50px;border:4px solid #fff;border-width:0 4px 4px 0}.flat .help-content>table th.f,.flat .help-content>table td.f{width:240px}.flat .help-content>table th.l,.flat .help-content>table td.l{width:320px}.flat .help-content>table thead th{color:#fff;background-color:#9bdcbe}.flat .help-content>table tbody{color:#444}.flat .help-content>table tbody th{background-color:#e3e3e3;padding-left:45px;text-align:left}.flat .help-content>table tbody td{background-color:#f0f0f0}.flat .help-content .table2 th,.flat .help-content .table2 td{width:16.66666667% !important;padding:0;display:block;text-align:center}.daren-icon,.dapinpai-icon{width:22px;height:22px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;bottom:5px;left:32%;margin-left:20px;border:2px solid #fff;background:#ff9445 url("../img/howzhi/daren-icon.png") no-repeat 3px center}.dapinpai-icon{background:#15c288 url("../img/howzhi/daren-icon.png") no-repeat 3px center}.daren-icons,.dapinpai-icons{width:22px;height:22px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;vertical-align:bottom;border:2px solid #fff;background:#ff9445 url("../img/howzhi/daren-icon.png") no-repeat 3px center}.daren-icon-t,.dapinpai-icon-t{display:inline-block;width:14px;height:14px;background:url("../img/howzhi/darens-icon.png") no-repeat;vertical-align:middle}.dapinpai-icon-t{background:url("../img/howzhi/dapinpais-icon.png") no-repeat}.no-bottom-line{border-bottom:none}.white-daren{display:inline-block;width:14px;height:14px;background:url("../img/howzhi/daren-icon.png") no-repeat;vertical-align:middle}.count a{padding-right:20px}.count a i{padding-right:6px}.dash-icon{display:inline-block;width:5px;height:16px;background:#15c288;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-right:20px;vertical-align:text-top}.social{text-align:center}.social .hz-icon{display:inline-block;height:23px;width:23px;text-align:center;line-height:23px;color:#fff;font-size:19px;margin-left:10px;border-radius:3px}.social .icon-weibo{background:#f27a6a}.social .icon-qq{background:#8fcdf0}.social .icon-renren{background:#89dbc0}.social .icon-gongnengyedouban{background:#59ba89}.social .icon-weixin{background:#00d30d}.nav.inline{height:50px;line-height:50px;margin-bottom:20px}.nav.inline a{padding:3px 7px;margin-right:10px}.nav.inline .active{background-color:#15c288;color:#fff !important}.nopadding{padding:0 !important}.hz-classify{margin:20px 40px;color:#444;font-size:16px;background:#f4f6f8}.hz-classify h4{padding:15px 20px;border-left:2px solid #15c288;cursor:pointer;margin:0}.hz-classify h4:hover,.hz-classify h4.act{color:#15c288}.hz-classify h4 b{margin-left:10px}.hz-classify .list{margin:0 20px;padding:25px 0;display:none}.hz-classify .list li{float:left;margin-right:30px;margin-bottom:20px}.hz-line-left{position:relative;padding-left:20px}.hz-line-left:after{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:#15c288;border-radius:5px;height:20px}.hz-b-circle{border-radius:50%}.editor-text p{line-height:1.75;margin-bottom:20px}.media-body .editor-text img{width:auto;width:auto\9}.hz-new-icon{position:absolute;right:5px;top:2px;background:#fd9271;color:#fff;font-size:10px;border-radius:5px;padding:1px 3px;-webkit-animation:nextshake 1s infinite linear;animation:nextshake 1s infinite linear;-webkit-animation-play-state:running;animation-play-state:running;margin-top:14px;opacity:1;filter:alpha(opacity=100)}.hz-loading{animation:chihiro-o 2s linear 0 infinite normal;-moz-animation:chihiro-o 2s linear 0 infinite normal;-webkit-animation:chihiro-o 2s linear 0 infinite normal;-o-animation:chihiro-o 2s linear 0 infinite normal}@media (max-width:767px){.img-responsive{width:100%}}.hz-layout-ad{position:absolute;right:0;top:60px;padding:0;z-index:100001}@media (max-width:1200px){.hz-layout-ad{top:50%;position:fixed !important;margin-top:-63px}}.hz-layout-ad.affix{position:fixed !important}.hz-layout-ad .close{position:absolute;top:0;right:0;font-size:16px}.hz-dashed{border:1px dashed #ddd}.hz-weight-nomal{font-weight:normal}.hz-tags{color:#15c288;border:1px solid #15c288}.hz-tags:hover{background:#15c288;color:#fff}.hz-triangle:after{content:'';display:inline-block;border:8px solid transparent;position:absolute}.hz-triangle-db:after,.hz-triangle-db:before{content:'';display:inline-block;border:8px solid transparent;position:absolute}.index-add{position:fixed;display:inline;bottom:160px;margin-top:-81px;z-index:99999;right:-200px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.index-add .close{position:absolute;left:95px;top:0;color:#999;opacity:.8;filter:alpha(opacity=80);z-index:100001;text-shadow:none}.index-add .close:hover{opacity:1;filter:alpha(opacity=100)}.index-add.act{right:-82px}@media (max-width:767px){.index-add{bottom:125px}.index-add.act{right:-120px}.index-add .close{left:30px}}.match-color li{width:20px;height:20px;float:left;margin-right:10px;background:#a40000;cursor:pointer;position:relative}.match-color li i{display:none;color:#fff;font-size:12px;position:absolute;right:0;bottom:0}.match-color li.act i{display:inline-block}.hz-shade{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.15);z-index:9999;display:none}.hz-modal-close{position:absolute;top:-8px;right:-9px;background:#999;width:25px;height:25px;border-radius:50%;color:#fff;text-align:center;font-size:25px;line-height:25px;cursor:pointer}@media (max-width:767px){.hz-modal-close{top:0;right:0}}.hz-popup{position:absolute;width:520px;background:#fff;left:50%;top:50%;margin-left:-260px;margin-top:-300px;border-radius:3px}@media (max-width:767px){.hz-popup{width:100%;height:100%;margin:0;top:0;left:0}.hz-popup strong,.hz-popup .t-gray{display:block;float:none !important;margin-bottom:10px}}.hz-popup .content{padding:30px 40px 0 40px}@media (max-width:767px){.hz-popup .content{padding:10px}}.hz-popup img.top{border-top-right-radius:3px;border-top-left-radius:3px}.hz-popup .img{position:relative;color:#fff}.hz-popup .bottom-shade{background:rgba(0,0,0,0.4);position:absolute;bottom:0;height:80px;padding:16px;width:100%}.text-loading i{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;animation:flash 1s linear 1s infinite alternate;-webkit-animation:flash 1s linear 1s infinite alternate}.text-loading .l2{animation-delay:.33s;-webkit-animation-delay:.33s}.text-loading .l3{animation-delay:.66s;-webkit-animation-delay:.66s}@-webkit-keyframes flash{50%{opacity:0}0%,100%{opacity:1}}@keyframes flash{50%{opacity:0}0%,100%{opacity:1}}.flash{-webkit-animation-name:flash;animation-name:flash}.element-invisible{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px)}a{-webkit-transition:color .3s ease,background .3s ease;-moz-transition:color .3s ease,background .3s ease;-o-transition:color .3s ease,background .3s ease;transition:color .3s ease,background .3s ease}a{color:#666;outline:none !important}a:hover,a:active,a:focus{color:#15c288;text-decoration:none !important}a.con{color:#999 !important}a.con:hover,a.con:active,a.con:focus{color:#15c288 !important}a.white{color:#fff}a.white:hover,a.white:active,a.white:focus{color:#15c288}a.active{color:#15c288 !important}a.disable{background:#ccc !important}a.hzlink-line{text-decoration:underline;color:#fff}a.hzlink-line:hover{text-decoration:underline !important}@media (max-width:767px){.navbar-header{margin:0 !important}.navbar-collapse{position:absolute;z-index:999;background:#fff;top:66px}}.header{background:#fff;box-shadow:1.5px 2.598px 9px 0 rgba(0,0,0,0.054);position:relative}.header>.container{position:relative}@media (max-width:992px){.header>div{width:100%}}.header .navbar-brand{display:block;height:80px;padding:15px 10px;max-width:110px}@media (max-width:767px){.header .navbar-brand{position:absolute;left:50%;top:0;margin-left:-50px;padding:10px 0;height:66px}}.header .navbar-brand img{height:100%;width:auto;min-width:82px}.header .hzapp{font-size:12px}.header .hzapp .badge{left:20px;right:auto}.header .hzapp a:hover{color:#15c288 !important}.header .badge{background-color:#e74c3c;border-radius:4px;font-size:0;min-width:0;padding:3px;position:absolute;right:13px;top:31px}.header .new-tips{position:absolute;padding:10px 20px;box-shadow:0 0 10px #aca006;z-index:999;background:#faf9f7;top:98%;margin-top:10px;border-radius:2px;left:54px;display:none}.header .new-tips:after{border-bottom:8px solid #fff;top:-15px;left:50%;margin-left:-8px}.header .new-tips .colse{position:absolute;right:-6px;top:-4px;width:15px;height:15px;background:#fff;line-height:15px;text-align:center;border-radius:50%;cursor:pointer}.header .new-tips i{position:absolute;bottom:-16px;border:5px solid #fff;width:20px;height:20px}.header .new-tips i.left{left:-20px;border-width:0 0 5px 5px}.header .new-tips i.right{right:-20px;border-width:0 5px 5px 0}.nav.nav-login{padding-left:30px;font-size:16px;float:right}.nav.nav-login>li>a{padding:29px 10px;color:#15c288}@media (max-width:768px){.nav.nav-login{padding-left:15px}.nav.nav-login>li a{padding:10px 15px}}.navbar-toggle{float:left;margin:16px 0 16px 0;padding:9px 6px;background:#15c288}.navbar-toggle>span{background:#fff}.hz-search{padding:0;margin:22px 0 0 0;height:35px;border-width:0}.hz-search>div{height:100%;border:1px solid #f0f0f0;border-width:0 1px}.hz-search input.form-control{width:135px;height:35px;line-height:35px;margin:0;padding:0 0 0 15px;border-radius:0;border-width:0}.hz-search .search-left{height:100%;width:220px;background:#fff}.hz-search .search-type{margin-top:5px}.hz-search .search-type .choose{padding:0 15px;cursor:pointer;border-right:1px solid #f0f0f0}.hz-search .search-type .choose i{font-size:18px}.hz-search .search-type ul{display:none;position:relative;z-index:99;width:64px;background:#fff;padding-top:28px;left:0;cursor:pointer}.hz-search .search-type ul li{padding:4px 0}.hz-search .search-type ul li:hover{background:#f7f7f7;color:#15c288}.hz-search .button{position:relative;height:34px;width:50px;padding:0;top:0;right:0;background:#fff;font-size:20px;color:#15c288}@media (max-width:1200px){.hz-search .choose{display:none}.hz-search .search-left{width:130px}}.topmenu.navbar-nav>li>a{padding:30px 25px;font-size:16px}@media (max-width:1200px){.topmenu.navbar-nav>li>a{padding:30px 15px}}@media (max-width:767px){.topmenu.navbar-nav>li>a{padding:15px 10px}}@media (max-width:767px){.topmenu{margin:0}.topmenu .nav-hover>ul{display:none}}.topmenu .dropdown:hover .dropdown-menu{display:block}.topmenu .dropdown-menu{min-width:265px;padding:5px}.topmenu .dropdown-menu li{min-width:85px;float:left}.topmenu .dropdown-menu li a{text-align:center;padding:10px 0}.user-nav{position:relative;z-index:100}.user-nav .nav{position:relative;z-index:1;background:#fff}.user-nav .nav>li{height:80px;line-height:80px;float:left;vertical-align:middle}@media (max-width:767px){.user-nav .nav>li{height:66px;line-height:66px}}.user-nav .nav>li .hz-icon{font-size:18px}.user-nav .nav>li a{padding:0 10px !important}.user-nav .nav>li>a.btn{padding:6px 12px !important;margin:23px 10px 23px 20px;border-radius:20px}.user-img .dropdown-menu{min-width:140px}.user-img img{width:34px;height:34px;border:2px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.user-img:hover img{border:2px solid #c0f0e0}.user-msg .dropdown-menu{min-width:115px;right:-30px !important}@media (max-width:1200px){.user-msg .dropdown-menu{right:0 !important}}.user-msg .dropdown-menu li{text-align:left;padding-left:30px}.user-msg .dropdown-menu li span{background:#f53e20;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;display:inline-block;font-size:12px;text-align:center;line-height:18px;color:#fff;margin-left:15px;padding:2px 10px}.user-msg .dropdown-menu li span.bg{width:18px;height:18px;line-height:18px}.user-nav-dropdown:hover .dropdown-menu{display:block}.user-nav-dropdown .dropdown-menu{margin:0;border:none;box-shadow:none;border-radius:0;padding:0;left:auto;right:0}.user-nav-dropdown .dropdown-menu>li{position:relative;padding-left:35px;border-bottom:1px solid #eee}.user-nav-dropdown .dropdown-menu>li>a{padding:15px 20px !important}.user-nav-dropdown .dropdown-menu>li>a .fa,.user-nav-dropdown .dropdown-menu>li>a .hz-icon{width:25px;position:absolute;top:17px;left:25px;padding:0;line-height:14px}.user-nav-dropdown .dropdown-menu>li>a:hover{background:none;color:#15c288}.header .hzshow-box{position:absolute;top:80px;min-width:200px;right:0;z-index:10;height:auto !important}.header .hzshow-box .close{position:absolute;top:8px;right:5px}@media (max-width:768px){.header .hzshow-box{right:0}}.header .hzshow-message{position:relative;padding:0 18px;border:1px solid #faedd1;background:#fcf9e6}.header .hzshow-message p{margin:0;height:38px;line-height:38px}.header .hzshow-message a{color:#f4511e}.guide-log-box{height:82px}.hz-guide-logo{position:relative}@media (max-width:1200px){.hz-guide-logo{display:none !important}}.hz-guide-logo .mian-log{max-height:80px}.hz-guide-logo .left-and-right{-webkit-animation:left-and-down 1s infinite linear;animation:left-and-down 1s infinite linear;-webkit-animation-play-state:running;animation-play-state:running;position:absolute;bottom:30px;right:-12px;opacity:1;filter:alpha(opacity=100)}.learn-dashboard-header .hz-guide-logo{position:absolute;right:345px;bottom:0;top:0}.learn-dashboard-header .left-and-right{bottom:23px}.footer{padding:35px 0;background:#515151;color:#fff;line-height:52px}.footer .about{line-height:24px;padding:8px 0 0}.footer .about>span a{color:#fff;padding:0 6px}.footer .about>span a:hover{color:#15c288}.footer>div{text-align:center}.footer>div a{color:#fff;display:inline-block}.footer>div i{padding:3px;margin:0 4px;border:1px solid #fff;font-size:20px;border-radius:50%;text-align:center;line-height:33px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.footer>div i:hover{background:#1f98d9;border:1px solid #1f98d9}.footer>div i.icon-weibo:hover{background:#ff842e;border:1px solid #ff842e}.footer>div i.icon-weixin:hover,.footer>div i.icon-gongnengyedouban:hover{background:#15c288;border:1px solid #15c288}.footer .icon-sns{position:relative}.footer .icon-sns:hover .sns-popover{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1);opacity:1;filter:alpha(opacity=100);visibility:visible}.sns-popover{width:194px;height:209px;position:absolute;left:-79px;top:-214px;visibility:hidden;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0, 0);-moz-transform:scale(0, 0);-ms-transform:scale(0, 0);-o-transform:scale(0, 0);transform:scale(0, 0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%}.friendlinks{background:#515151;color:#999;border-top:1px solid #5f5f5f;font-size:12px}.friendlinks .content{position:relative;padding-left:70px;margin-bottom:10px}.friendlinks .content font{position:absolute;left:0;top:0}.friendlinks a{color:#999}.friendlinks>div{padding:15px 75px}.friendlinks>div font{padding-right:20px}.friendlinks>div span{padding:0 14px}@media (max-width:1200px){.friendlinks>div{padding:15px 15px}.friendlinks>div font{padding-right:20px}.friendlinks>div span{padding:0 10px}}.hz-poster{position:relative;height:auto}.hz-poster:hover .swiper-button-next,.hz-poster:hover .swiper-button-prev{opacity:.8;filter:alpha(opacity=80)}.hz-poster .swiper-slide{background-position:center center;height:420px;width:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.hz-poster .swiper-slide>a{display:block;width:100%;height:100%}@media (max-width:1200px){.hz-poster .swiper-slide{height:350px}}@media (max-width:992px){.hz-poster .swiper-slide{height:265px;background-position-x:-170px}}@media (max-width:480px){.hz-poster .swiper-slide{background-position-x:-140px;height:180px}}.hz-poster .swiper-button-prev{left:10px}.hz-poster .swiper-button-next{right:10px}.hz-poster .swiper-button-next,.hz-poster .swiper-button-prev{position:absolute;top:50%;width:27px;height:86px;margin-top:-43px;z-index:10;cursor:pointer;font-size:86px;color:#fff;text-align:top;opacity:0;filter:alpha(opacity=0)}.hz-poster .swiper-button-next i,.hz-poster .swiper-button-prev i{display:block}.hz-poster .swiper-button-next:hover,.hz-poster .swiper-button-prev:hover{opacity:1;filter:alpha(opacity=100)}@media (max-width:767px){.hz-poster .swiper-button-next,.hz-poster .swiper-button-prev{opacity:.8;filter:alpha(opacity=80)}}.search{padding:30px;min-height:500px}.search .toptip span{color:#15c288}.search .toptip a,.search .toptip span{margin-right:20px}.search .search-form{margin:20px 0;padding:0;position:relative;float:none !important}.search .search-form .search{padding:8px 24px;box-shadow:none;min-height:35px;border-radius:20px}.search .search-form .fa-search{position:absolute;right:10px;top:10px;border:0;font-size:16px;color:#999;background-color:#fff}.search .list .item{padding:20px 0;border-bottom:1px solid #eee}.search .list .item h2{font-size:16px;height:40px;line-height:40px;padding:0;border:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search .list .item h2 a{color:#15c288}.search .list .item h2 span{color:#666}.search .list .item .mbs{max-height:60px;overflow:hidden;color:#999}.search .list .item .hz-gray{color:#666;font-size:12px;margin-bottom:10px}.search .list .item .hz-gray a{color:#666}.search .list .item .hz-gray a:hover{color:#15c288}.search .list .item .hz-gray span{margin:0 7px;vertical-align:text-bottom}.search .list .item .col-md-3{padding-top:10px}.search .list .item .user-img{width:50px;margin-right:10px;padding-top:15px}.hot-tag{background-color:#f4f6f8}.hot-tag .section-body{position:relative}@media (max-width:1200px){.hot-tag .section-body{min-height:387px}}@media (max-width:992px){.hot-tag .section-body{padding-bottom:10px}}.hot-tag .section-header h2>span{background-color:#f4f6f8}.hot-tag .hot-tag-main{margin:0 -3px}.hot-tag .hot-tag-main.tag-hide{display:none}.hot-tag .hot-tag-main>div{padding-left:3px;padding-right:3px}.hot-tag .hot-tag-main>div>ul{margin:0 -3px;padding-left:0}.hot-tag .hot-tag-main>div>ul li{padding-left:3px;padding-right:3px;overflow:hidden;margin-bottom:6px}.hot-tag .hot-tag-main>div>ul li.item-s{height:135px}.hot-tag .hot-tag-main>div>ul li.item-l{height:210px}@media (min-width:992px) and (max-width:1200px){.hot-tag .hot-tag-main>div>ul li.item-s{height:112px}.hot-tag .hot-tag-main>div>ul li.item-l{height:173px}}@media (max-width:992px){.hot-tag .hot-tag-main>div>ul li.item-s{height:224px}.hot-tag .hot-tag-main>div>ul li.item-l{height:346px}}@media (max-width:480px){.hot-tag .hot-tag-main>div>ul li.item-s{height:120px}.hot-tag .hot-tag-main>div>ul li.item-l{height:160px}}.hot-tag .hot-tag-main>div>ul li img{width:100%;height:100%}.hot-tag .hot-tag-main>div>ul li .label{position:absolute;left:15px;bottom:13px;font-size:14px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.hot-tag .hot-tag-main>div>ul li:hover .label{background:#15c288;color:#fff}.daren .row{margin:-32px -10px 0}.daren .row>div{padding:0 10px}.daren .row .item{border:1px solid #eee;padding-top:13px;text-align:center;margin-top:32px}.daren .row .item:hover img{border-color:#c4f9e7;box-shadow:0 0 12px #c4f9e7}.daren .row .item:hover>p{border:1px solid #adf6de}.daren .row .item:hover>p:before{border-bottom:8px solid #adf6de}.daren .row .item .daren-icon,.daren .row .item .dapinpai-icon{margin-left:35px}.daren .row .item .name{padding-top:15px}.daren .row .item .name span{width:50%;padding-right:10px;padding-left:15px;float:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:15px;height:15px}.daren .row .item .name .left{border-right:1px solid #ccc;color:#15c288;text-align:right}.daren .row .item>.info{padding:17px 20px;text-align:left;margin:20px 0 0 0;height:74px;color:#999;position:relative;background:#f4f6f8;border:1px solid #f4f6f8;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.daren .row .item>.info:before,.daren .row .item>.info:after{position:absolute;left:50%;top:-16px;margin-left:-8px;border:8px solid transparent;border-bottom:8px solid #f4f6f8;content:" ";display:block;width:0;height:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.daren .row .item>.info:after{top:-15px}.course-reset .section-body{padding:0 7px 20px}.course-reset .section-body .row{margin:20px 0 0}.course-reset .section-body .row>div{padding:0 7px}.course-lessons .nav{border-bottom:1px solid #f0f0f0}.course-lessons .nav .complaints .dropdown-menu li{float:none}.course-lessons .nav .complaints .dropdown-menu li a{padding:10px 0}.course-lessons .nav .complaints .dropdown-menu li:hover a{background-color:#fff;color:#15c288}.course-lessons .nav li{float:left;font-size:16px}.course-lessons .nav li.btnbar a{margin-top:18px;padding:4px 9px}@media (max-width:767px){.course-lessons .nav li.btnbar a{padding:6px 14px;margin-top:12px}}.course-lessons .nav li a{color:#666;padding:22px 20px}@media (max-width:767px){.course-lessons .nav li a{padding:15px 18px}}@media (max-width:480px){.course-lessons .nav li a{padding:10px}.course-lessons .nav li a.gg{display:none}}.course-lessons .nav li a:hover{color:#15c288}.course-lessons .nav li a>span{margin-left:5px}.course-lessons .nav li.active{border-bottom:1px solid #15c288}.course-lessons .nav li.active a{color:#15c288}.course-lessons .course-nav{padding:0 22px}.course-lessons .course-nav .joinbtn{display:none}.course-lessons .course-nav.affix{top:0;width:100%;left:0;background:#fff;z-index:1000}.course-lessons .course-nav.affix .joinbtn{display:block}.course-lessons .course-nav.affix .complaints{display:none}.course-lessons .course-nav.affix .btnbar a{padding:8px 18px;margin-top:14px}@media (max-width:767px){.course-lessons .course-nav.affix .btnbar a{padding:4px 9px;margin-top:11px}}@media (max-width:480px){.course-lessons .course-nav.affix .btnbar a{padding:3px 6px;margin-top:8px}}.course-lessons .course-nav.affix .nav{width:1140px;margin:auto;position:relative}@media (max-width:1200px){.course-lessons .course-nav.affix .nav{width:960px}}@media (max-width:992px){.course-lessons .course-nav.affix .nav{width:720px}.course-lessons .course-nav .nav span{display:none}}@media (max-width:767px){.course-lessons .course-nav.affix .nav{width:100%}.course-lessons .course-nav .hz-x-hide{display:none}}.course-in{padding:0 30px 20px;margin-bottom:20px}.course-question .question-header{color:#999;line-height:50px;height:50px}.course-question .question-header span{color:#15c288}.course-question .question_content{display:none !important}.course-question #cke_thread_content{margin-top:20px;display:none}.course-question #cke_thread_content.active{display:block}.course-question ul h4{padding-right:150px;margin-top:0;line-height:22px;position:relative;color:#444;font-size:14px}.course-question ul h4 .from{padding-left:10px;font-size:12px;color:#999}.course-question ul h4 .q-icon{left:-5px}.course-question ul p{font-size:12px;color:#999}.course-question ul .right-btn{top:29px !important;text-align:right}.course-question ul .right-btn a{font-size:12px;display:block}.course-question ul .aws{color:#15c288}.course-question ul .focus{color:#4bbcef;margin-bottom:10px}.course-question ul .gray{margin-bottom:10px}.course-evaluate{padding-top:10px;background:#fff}.course-evaluate h2{padding:0}.course-evaluate ul li h4{margin-top:5px;color:#999;padding-right:80px;font-size:12px}.course-evaluate ul li h4 a{color:#15c288;padding:0 5px}.course-evaluate ul li h4 a.f{padding-left:0}.course-evaluate ul li .eva-content{padding-left:5px}.course-evaluate ul li img{float:left;width:55px;height:55px;border-radius:50%;margin-right:15px}.course-classmate h4{padding:15px 0}.course-classmate .course-in-ul li{border:0;width:16.6666%;text-align:center;padding:0 10px 10px;float:left}@media (max-width:768px){.course-classmate .course-in-ul li{width:25%}}@media (max-width:480px){.course-classmate .course-in-ul li{width:50%}}.course-classmate .course-in-ul li img{width:80px !important;height:80px !important;border-radius:50%}.course-classmate .course-in-ul li p{text-align:center;padding:10px 0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:111px}.course-classmate .course-in-ul li p a{color:#15c288}.course-in-ul{margin-top:25px}.course-in-ul li{border-bottom:1px dashed #eee;padding:20px 0;position:relative}.course-in-ul li p{display:table-cell;color:#999}.course-in-ul li:last-child{border-bottom:none}.course-in-ul li:hover .right-btn{display:block}.course-in-ul li .right-btn{position:absolute;top:0;right:0;display:none}.course-in-ul li .right-btn.time{top:21px}.course-in-ul li .right-btn.time span{color:#999;font-size:12px}.course-in-ul li .right-btn.time .close{font-size:16px;line-height:20px;color:#696e78}.course-in-ul li .right-btn.time .close:hover{color:#eb7350}.login-warn{background:#f4f6f8;padding:10px;text-align:center;border-radius:5px;margin-bottom:10px}.login-warn a{padding:0 4px;color:#15c288}.form .form-control:focus{box-shadow:none !important}.form .question_title{height:60px;background:#f4f6f8;border-radius:0}.form .question_content{height:100px;margin-top:20px;background:#f4f6f8}.form .btns{margin-top:15px;height:34px}.form .btns .more-detail{line-height:34px;color:#15c288;display:block;display:none}.form .btns .more-detail i{padding-right:10px}.form .btns .submit{background-color:#15c288;color:#fff}.form .btns .submit:focus{outline:none}.form .btns .submit:hover{background-color:#12b880}.course-notes .notes-header{padding:22px 0 28px 5px}.course-notes .notes-header .nn{color:#666;margin:0 30px 0 0}.course-notes .notes-header .nn.active{padding:6px 8px;background:#f0fffa;color:#15c288;border:1px solid #15c288;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.course-notes .notes-header span{float:right}.course-notes .notes-header span a.active{color:#15c288}.course-notes .notes-header span a{padding:0 15px;color:#999}.course-notes .notes-header span .first-a{border-right:1px solid #999}.course-notes a{color:#15c288}.course-notes>ul>li{border-bottom:1px dashed #eee;padding:20px 0;width:100%;overfow:hidden}.course-notes>ul .notes-img{display:table-cell}.course-notes>ul .notes-img{padding-right:20px}.course-notes>ul .notes-content{vertical-align:top;width:100%;display:table-cell}.course-notes>ul .notes-content .body{margin:5px 0;line-height:22px}.course-notes>ul .notes-content h4{margin-top:0;font-size:12px;margin-bottom:5px;display:block;text-overflow:ellipsis;white-space:nowrap;height:14px;overflow:hidden}.course-notes>ul .notes-content p{margin:2px 0 2px;font-size:13px;max-width:699px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-notes>ul .notes-content .only-content{font-size:13px}.course-notes>ul .notes-content .content{font-size:12px;color:#666;line-height:20px}.course-notes>ul .notes-content .metas{font-size:12px}.course-notes>ul .notes-content .metas .time{color:#999;padding-left:5px}.course-notes .rr{float:right}.course-notes .rr li a{color:#c1c1c1}.course-notes .rr li.active{background:#15c288}.course-notes .rr li.active a{color:#fff}.notes-detail h3.ret{padding:0}.notes-detail .datail-content{font-size:13px}.notes-detail .datail-content .details{padding-left:68px;margin-top:-17px;margin-bottom:10px}.notes-detail .datail-content .details ul,.notes-detail .datail-content .details ol{padding:0}.notes-detail .datail-content .details span.pull-right{font-size:12px;color:#999}.notes-detail .datail-content .metas{margin-top:28px}.notes-detail .metas a{padding:0 3px;vertical-align:middle;color:#15c288}.notes-detail .metas span{color:#15c288}.notes-class .row,.notes-class .section-body{padding:0}.notes-class .nopadding{padding-right:0}.notes-class .class-body{padding-left:0}.notes-class .class-body .title{padding:0 30px;font-size:18px;line-height:60px;height:60px}.notes-class .class-body .content{font-size:13px;line-height:22px;margin-bottom:25px;height:83px}.notes-class .class-body .metas{height:70px}.notes-class .class-body .metas li a{font-size:12px;height:70px;padding:16px 3px}.notes-class .class-body .metas li .fa{font-size:16px}.detail{background:#fff;padding:20px 20px 65px 20px}.detail h1{position:relative;heihgt:28px;line-height:28px;font-size:20px;color:#444;border:0;margin-top:0;padding-right:85px;padding-left:30px}.detail h1 i{position:absolute;top:4px;left:0}.detail h1>a{position:absolute;right:0;top:0;padding:3px 10px}.detail h1 .fa-plus{margin-right:5px}.detail .share-out{line-height:20px;font-size:12px;margin-top:10px}.detail .share-out .js-social-share-params{min-width:116px}.detail .share-out .dropdown-menu{padding-top:0 !important}.detail .share-out .dropdown-menu>a,.detail .share-out .dropdown-menu .es-icon{width:20px;height:20px;line-height:20px;font-size:18px}.detail .related-course{padding:10px 20px !important;background:#f4f6f8;padding:10px 10px 15px}.detail .related-course:hover .report{display:inline}.detail .related-course p{color:#999}.detail .related-course h2{padding:0;font-size:14px;border-bottom:none;height:40px;line-height:40px;color:#999}.detail .related-course .related-course-head{padding-top:15px}.detail .related-course .related-course-head>p{width:50%;float:left;padding-right:20px;font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail .related-course .related-course-head>p.sec{text-align:right;padding-left:20px;padding-right:0}.detail .question-contents{padding:0 10px;color:#666}.detail .question-contents img{height:auto;margin:0 10px;max-width:100%}.detail .question-contents .content{max-height:none}.detail .question-answer{margin-top:35px}.detail .question-answer .head{padding:10px 0}.detail .question-answer .head h4{color:#444;float:left;margin:0;font-size:14px;line-height:24px}.detail .question-answer .head h4 a{color:#15c288}.detail .question-answer .head>a{margin-left:20px;padding:2px 5px}.detail .question-answer .head>a.on{color:#15c288;background:#fff}.detail .question-answer .sidebar-judge ul li{border-top:1px dashed #eee;margin-top:0}.detail .question-answer .sidebar-judge ul li:hover .report{display:inline}.detail .question-answer .form{padding:10px 20px}.detail .question-answer .day{position:static;display:inline;margin-left:20px}.detail .question-answer .close{position:absolute;right:15px;top:15px;font-size:14px}.detail .question-answer .answer-actions a{margin-right:6px;font-size:12px;color:#15c288}.detail .question-answer .answer-actions a:hover{text-decoration:underline}.detail .question-comment:active{color:#15c288}.create-course{height:100%}.create-course h1{padding-left:40px;font-size:20px;color:#444;border-bottom:1px solid #f0f0f0;height:80px;line-height:80px;margin:0}.create-course h1 span{font-size:14px;color:#ccc;margin-left:22px}.create-course .empty{padding:20px}.create-course .select2-container,.create-course .select2-container .select2-search-field,.create-course .select2-search-field input{height:47px;min-height:47px}.create-course .select2-search-choice{margin-top:12px !important}.create-course .create-title{position:relative;width:100%;padding-left:80px !important}.create-course .create-title .control-label{position:absolute;top:6px;left:0;text-align:left}.create-course .create-title .text-muted{padding:10px 0 10px 12px;display:inline-block}.create-course .create-title .text-muted>i{margin-right:5px}.create-course .left{border-right:1px solid #ddd;padding:20px 40px 10px 0}.create-course .form-group{padding:0;margin:0}.create-course .form-group .form-control{height:47px;border-radius:0;box-shadow:none}.create-course .import-title{font-size:16px;padding:17px 40px 13px}.create-course .import-title .fa{margin-right:5px}.create-course .inport_info{padding-left:65px;color:#999}.create-course .create-index.one{padding:30px 40px 285px}.create-course .create-index.one form.form-horizontal{padding:0 !important}.create-course .create-index #album-import-progress{padding:30px 40px 285px}.create-course .create-index form.form-horizontal{padding:30px 40px 285px}@media (max-width:992px){.create-course .create-index.import{width:100% !important}}.create-course .create-index .title{font-size:16px;color:#444;font-weight:500;margin-right:22px}.create-course .create-index.import{width:730px}.create-course .create-index.import .form-group,.create-course .create-index.import .control-group{margin:0 -10px;padding-left:130px !important;position:relative}.create-course .create-index.import .form-group.next,.create-course .create-index.import .control-group.next{margin:20px -10px 150px -10px}.create-course .create-index.import .form-group .control-label,.create-course .create-index.import .control-group .control-label{font-size:16px;font-weight:normal}.create-course .create-index.import .control-label{position:absolute;left:0;top:0;padding:10px 0 0 10px;width:110px}.create-course .create-index.import .control-label .title{margin-right:12px}.create-course .create-index.import .control-label #course-create-btn{margin-right:30px}.create-course .create-index.import .input-group{height:45px;line-height:45px;border:1px solid #ddd;border-radius:30px;width:100%;padding:0;margin-bottom:20px}.create-course .create-index.import .input-group:focus,.create-course .create-index.import .input-group:active,.create-course .create-index.import .input-group:hover{border:1px solid #15c288}.create-course .create-index.import .input-group .input-group-addon{border-top-left-radius:30px;border-bottom-left-radius:30px;border:0;width:45px;padding:0;font-size:16px;background:#c9f1e3;color:#15c288;font-weight:blod}.create-course .create-index.import .input-group .lesson-title-field{font-size:14px;border:0 !important;width:100%;padding:0 20px;border-top-right-radius:30px;border-bottom-right-radius:30px}.create-course .hr-inport{border-color:#f0f0f0;padding:0 20px;margin:0}@media (max-width:992px){.create-course h1{padding-left:20px !important}.create-course .create-index form.form-horizontal{padding:30px 20px 50px}.create-course .left{border:none;padding-right:30px}}.create-course.course-more{background:transparent;margin-top:30px}.create-course.course-more .main{background:#fff}.create-course.course-more .main h1{margin:0;height:70px;padding:0 20px;line-height:70px}.create-course.course-more .main .form-group{margin-bottom:25px}.create-course.course-more .main form{padding:30px 0 100px 0}.create-course.course-more .main form .control-label{font-size:16px;padding-top:0;font-weight:normal;color:#444;line-height:45px}.create-course.course-more .main form .area{height:160px}.create-course.course-more .main form .width-input{width:130px}.create-course.course-more .list-group{padding-left:0;background:#fff}.create-course.course-more .list-group li{position:relative;line-height:80px;height:80px;border-bottom:1px solid #eee;text-align:center;color:#444;font-size:18px}.create-course.course-more .list-group li a{display:block;padding-left:25px}.create-course.course-more .list-group li:hover span{color:#15c288;border-color:#15c288}.create-course.course-more .list-group li.active{background:#f0f0f0}.create-course.course-more .list-group li.active span{color:#15c288;border-color:#15c288}.create-course.course-more .list-group li.active a{color:#15c288}.create-course.course-more .list-group li span{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;text-align:center;font-size:14px;border:1px solid #cdcdcd;border-radius:50%;width:26px;height:26px;line-height:24px;color:#cdcdcd;position:absolute;top:27px;left:50%;margin-left:-75px}.create-course.course-more .list-group li span.active{color:#fff;border:none;background:#15c288}.create-course.course-more .list-group li span.active i{color:#fff}.create-course.course-more .list-group li span i{color:#15c288}.create-course.course-more .list-group li .fa-paper-plane-o{position:absolute;top:30px;left:50%;margin-left:-60px}.create-course.course-more .list-group li.publish{cursor:pointer;color:#fff;background:#ccc}.create-course.course-more .list-group li.publish:hover .word{opacity:1;filter:alpha(opacity=100);visibility:visible}.create-course.course-more .list-group li.publish>a{color:#fff;position:absolute;top:0;left:0;padding-left:113px !important;text-align:left;width:100%;height:100%;z-index:11}.create-course.course-more .list-group li.publish .word{visibility:hidden;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;text-align:center;position:relative;top:0;width:100%;height:36px}.create-course.course-more .list-group li.publish .word a{top:-50px;font-size:13px;color:#444;display:inline-block;width:auto;border:1px solid #ccc;background:#eee;border-radius:10px;padding:8px;line-height:20px;position:relative}.create-course.course-more .list-group li.publish .word a:after,.create-course.course-more .list-group li.publish .word a:before{border:8px solid transparent;content:" ";display:block;height:0;position:absolute;bottom:-16px;width:0;border-top:8px solid #ccc;left:50%;margin-left:-8px}.create-course.course-more .list-group li.publish .word a:after{bottom:-14px;border-top:8px solid #eee}.create-course.course-more .list-group li.publish.allow{background:#15c288}.create-course.course-more .list-group li.publish.ing{background:#ff815a}.create-course.course-more .affix{top:40px;width:270px}.create-course.course-more .affix.act{position:static}@media (max-width:992px){.create-course.course-more .affix{position:static;width:auto}}.channel_icon li{padding:18px;width:11.11111111%;float:left;text-align:center;border-left:1px solid #eee}.channel_icon li.f{border:0}@media (max-width:1199px){.channel_icon li.f{border-bottom:1px solid #eee}}@media (max-width:1199px){.channel_icon li{width:20%;border-bottom:1px solid #eee}}@media (max-width:767px){.channel_icon li{width:33.3%}}.channel_icon li img{display:block;margin:0 auto 10px}.show-all{padding:0}.show-all.last{margin-bottom:250px}.show-all .channel-tags{padding:30px 35px 45px 35px}.show-all .channel-tags>a{padding:1px 10px;margin-right:30px;margin-bottom:20px;border:1px solid #e3e3e3;color:#15c288 !important;background:#fff !important}.show-all .channel-tags>a:hover{background:#15c288 !important;color:#fff !important;border:1px solid #15c288}.course-grades{padding:38px 0;background:#fff}.course-grades .grades-con{padding:100px 0}.course-grades .grades-con p{font-size:18px;margin:40px 0 50px}.course-grades .grades-con .first{padding:15px 35px;font-size:16px}@media (max-width:768px){.course-grades{padding:15px}.course-grades .grades-con{padding:10px 0}.course-grades .first{padding:5px 10px !important;margin-left:-95px}}.serch-enginne-course{position:fixed;bottom:-220px;left:0;right:0;background:#474748;color:#fff;z-index:9999;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease;opacity:0;filter:alpha(opacity=0)}.serch-enginne-course.act{bottom:0;opacity:1;filter:alpha(opacity=100)}.serch-enginne-course .close{position:absolute;right:0;top:12px;color:#fff !important;font-size:30px;font-weight:400;opacity:.7;filter:alpha(opacity=70)}.serch-enginne-course .close:hover{opacity:1;filter:alpha(opacity=100)}.serch-enginne-course .list{width:20%;float:left}.serch-enginne-course>div{padding:40px 0 10px 0;position:relative}.serch-enginne-course>div .item{background:transparent;padding:10px}.serch-enginne-course p{padding:10px 5px;margin:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.serch-enginne-course p a{color:#fff}.live-status-tip{background:#ea6f46;color:#fff;position:absolute;height:30px;line-height:30px;bottom:0;width:100%}.live-status-tip.unlive{background:#444;background:rgba(68,68,68,0.9);font-size:12px}.live-status-tip.unlive .hz-icon{font-size:14px}.live-status-tip.unlive div{background:#ea6f46;padding:0 12px;margin-right:12px}.course-classroom{background:#fff}.course-classroom .section-body{padding-bottom:0}.course-classroom .class-body .title{padding:10px 35px 0}.course-classroom .class-body .content{font-size:12px;height:114px;line-height:22px;margin-bottom:10px}.course-classroom .class-body .metas{height:57px}.course-classroom .class-body .metas li a{height:56px;padding:7px}.course-classroom .class-body .metas li .fa{font-size:16px;margin-bottom:7px}.course-classroom .class-body .metas li span{font-size:12px}.course-classroom .class-body .metas-more{padding:7px;margin-left:-80px}.course-classroom .class-body .metas-more li a{padding:0}.course-classmate .daren-icon,.course-classmate .dapinpai-icon{bottom:0;left:42%}.course-managehead{background:#fff;position:relative;margin-top:0}.course-managehead .pic img{height:140px;width:auto}.course-managehead .info{position:relative;float:none}.course-managehead .info h1.title{margin:0;font-size:20px;line-height:25px}.course-managehead .info a{max-width:100%}.course-managehead .tipinfo{position:absolute;bottom:15px;padding-left:20px;left:0}.course-managehead .tipinfo i{margin-right:5px;line-height:16px;height:16px}.course-managehead .action{position:absolute;bottom:0;right:0;height:100%;padding:20px}.course-managehead .action a{display:block}.course-managehead .action .viewas{position:relative}.course-managehead.show{overflow:visible}.course-managehead.show .pic img{height:150px}.course-managehead.show .info{padding:15px 370px 15px 20px;overflow:visible}.course-managehead.show .info .title-box{height:25px;margin-bottom:12px}.course-managehead.show .info .score span{vertical-align:text-top}.course-managehead.show .join,.course-managehead.show .setting{position:absolute;bottom:0;right:0;height:100%;padding-bottom:10px}.course-managehead.show .join{width:250px}.course-managehead.show .join a,.course-managehead.show .join>span{display:block;width:100%;height:100%;font-size:28px;padding:55px 0;text-align:center}.course-managehead.show .join span{cursor:default}.course-managehead.show .setting{right:250px;width:100px}.course-managehead.show .setting>div{background:#f7f7f7;height:74px;text-align:center}.course-managehead.show .setting>div>a{display:block;padding:13px 0}.course-managehead.show .setting>div>a:hover i{background:#15c288}.course-managehead.show .setting>div .icon-setting,.course-managehead.show .setting>div .icon-share,.course-managehead.show .setting>div .icon-exit{background:#999;display:block;margin:0 auto;width:25px;height:25px;line-height:25px;border-radius:50%;color:#fff;margin-bottom:5px;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.course-managehead.show .setting .last{margin-top:2px}@media (max-width:1200px){.course-managehead.show .join{width:200px}.course-managehead.show .setting{width:80px;right:200px}.course-managehead.show .info{padding-right:300px}}@media (max-width:992px){.course-managehead.show .join{width:150px}.course-managehead.show .setting{right:150px}.course-managehead.show .info{height:150px;padding-right:240px}.course-managehead.show .info h1{max-height:75px;overflow:hidden}}@media (max-width:768px){.course-managehead.show .pic{display:block;padding-right:0}.course-managehead.show .pic img{height:auto;width:100%}.course-managehead.show .info{padding-right:0;height:auto}.course-managehead.show .join{width:100%}.course-managehead.show .join,.course-managehead.show .setting{position:static;padding:0}.course-managehead.show .setting{width:100%;height:auto;right:0}.course-managehead.show .setting>div{width:50%;float:left}.course-managehead.show .setting .last{margin:0;border-left:1px solid #eee}}.course-managehead.show .cinfo-alert-btn{position:relative;display:inline-block;line-height:25px}.course-managehead.show .cinfo-alert-btn>i{cursor:pointer}.course-managehead.show .cinfo-alert-btn .hzcourse-detail{display:none;padding:12px 35px;min-width:680px;position:absolute;z-index:99;top:40px;margin-left:-338px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #f0f0f0;box-shadow:0 1px 26px rgba(0,0,0,0.08),inset 0 0 0 rgba(0,0,0,0.05)}.course-managehead.show .cinfo-alert-btn .hzcourse-detail:before,.course-managehead.show .cinfo-alert-btn .hzcourse-detail:after{position:absolute;top:-17px;left:50%;margin-left:-3px;border:8px solid transparent;content:" ";display:block;width:0;height:0;z-index:2;border-bottom:8px solid #f0f0f0}.course-managehead.show .cinfo-alert-btn .hzcourse-detail:after{border-bottom:8px solid #fff;z-index:3;margin-top:1px}.course-managehead.show .cinfo-alert-btn .hzcourse-detail h2{height:56px;line-height:56px;border:0;padding:0}.course-managehead.show .cinfo-alert-btn .hzcourse-detail h2 i{padding-top:10px;font-size:24px;color:#999;cursor:pointer}.course-managehead.show .cinfo-alert-btn .hzcourse-detail h2 i:hover{color:#666}.course-managehead.manage .pic img{height:140px}.course-managehead.manage .info{padding:25px 150px 25px 20px}@media (max-width:992px){.course-managehead.manage .info{padding-right:20px}.course-managehead.manage .tipinfo{position:static;padding:10px 0 0 0}.course-managehead.manage .pic{display:block;padding:0}.course-managehead.manage .pic img{width:100%;height:auto !important}}.hz-course-before{margin:0;background:#fff;border-radius:5px;padding:10px 0 10px 10px}@media (max-width:992px){.hz-course-before{padding:10px 0}}.hz-course-before .pic{padding:0}.hz-course-before .pic img{width:100%}.hz-course-before .info{padding:0;height:265px}@media (max-width:1200px){.hz-course-before .info{height:218px}}@media (max-width:480px){.hz-course-before .info{height:inherit}}.hz-course-before .info h1{line-height:26px;max-height:52px;position:relative;padding:0 170px 0 40px;width:100%;text-align:left;color:#444;font-size:20px;overflow:hidden}@media (max-width:480px){.hz-course-before .info h1{height:auto}}@media (max-width:1200px){.hz-course-before .info h1{padding-right:100px}}.hz-course-before .info .action{position:absolute;top:20px;right:0;width:160px}.hz-course-before .info .action .share{position:absolute;right:96px;height:22px;margin-left:5px;top:2px;font-size:13px}@media (max-width:1200px){.hz-course-before .info .action .share{right:20px;top:34px}}.hz-course-before .info .action .share .dropdown-menu{top:-40px;left:12px}.hz-course-before .info .action .share>a{display:block;width:57px;line-height:22px}.hz-course-before .info .action .fa-share-alt,.hz-course-before .info .action .fa-heart{display:inline-block;font-size:12px;border-radius:50%;background:#999;color:#fff;width:22px;height:22px;line-height:22px;text-align:center;margin-right:5px}.hz-course-before .info .action .favorite{font-size:13px;position:absolute;right:20px;top:2px;line-height:22px}.hz-course-before .info .action .favorite.active i{background:#15c288;color:#fff}.hz-course-before .info .score{color:#15c288;padding:8px 0 0 40px;height:32px;line-height:16px;font-size:12px}@media (max-width:1200px){.hz-course-before .info .score{padding-top:0;margin:0;height:25px}}.hz-course-before .info .score span{margin-right:5px;margin-left:0;display:inline-block;float:left}.hz-course-before .info .warning{padding-left:40px;line-height:30px;height:30px}.hz-course-before .info .metas{background:#15c288;height:100px;position:absolute;bottom:0;width:100%}.hz-course-before .info .metas.roomret{margin-top:27px}.hz-course-before .info .metas li{background:#f0f0f0;height:100%;width:25%;float:left;text-align:center;padding:25px 25px 15px}.hz-course-before .info .metas li p{margin:8px 0 0 0}.hz-course-before .info .metas li i{font-size:20px;line-height:20px}.hz-course-before .info .metas li.bd{border-right:1px solid #ddd}.hz-course-before .info .metas li.join{padding:0}.hz-course-before .info .metas li.join a{font-size:18px;padding-top:38px;display:block;height:100%;width:100%}@media (max-width:480px){.hz-course-before .info .metas li{width:33.33333333%;max-height:69px}.hz-course-before .info .metas li.join{width:100%}}@media (max-width:1200px){.hz-course-before .info .metas{height:80px}.hz-course-before .info .metas .warning{line-height:38px;height:38px}.hz-course-before .info .metas .score{margin-bottom:0;padding-top:0;height:24px}.hz-course-before .info .metas li{padding:10px 0}.hz-course-before .info .metas li.join a{padding-top:27px}.hz-course-before .info .metas.roomret{margin-top:0}}@media (max-width:480px){.hz-course-before .info .metas{position:static;height:auto}.hz-course-before .info .metas .join{height:80px}}.hz-course-before .price-show{background:#fff;padding:5px 0 10px 40px}.hz-course-before.activity{margin-top:25px;margin-bottom:-15px}.hz-course-before.activity .info h1{padding-right:90px;padding-left:0}.hz-course-before.activity .info{padding-left:30px;padding-right:30px}@media (max-width:992px){.hz-course-before.activity .info{height:auto}}.hz-course-before.activity .sub-title{margin-bottom:40px;overflow:hidden;letter-spacing:1px;text-align:justify}@media (max-width:1200px){.hz-course-before.activity .sub-title{margin-bottom:10px}}.hz-course-before.activity .pay{margin-top:35px}@media (max-width:1200px){.hz-course-before.activity .pay{margin-top:10px}}.hz-course-before.activity .pay .col-md-4{padding-top:10px}.hz-course-before.activity .pay .col-md-4 .f{font-size:14px;vertical-align:8px}.hz-course-before.activity .pay .col-md-4 span{font-size:24px;color:#fd9271}@media (max-width:1200px){.hz-course-before.activity .pay .col-md-4 span{font-size:20px}}.hz-course-before.activity .pay .btn{width:100%;display:block;background-color:#fd7b53;border:0;font-size:18px;padding:12px 0;border-radius:40px;color:#fff}@media (max-width:1200px){.hz-course-before.activity .pay .btn{font-size:14px}}@media (max-width:1200px){.hz-course-before.activity .pay .btn{margin-top:10px}}.hz-course-before.activity .pay .btn:hover,.hz-course-before.activity .pay .btn:active,.hz-course-before.activity .pay .btn:focus{background-color:#fd683a !important}.hz-course-before.activity .activity-detail{color:#444}.hz-course-before.activity .activity-detail li{margin-bottom:12px}@media (max-width:1200px){.hz-course-before.activity .activity-detail li{margin-bottom:0}}.hz-course-before.activity .activity-detail li i{color:#fb7b53;margin-right:20px}.hz-course-before.activity .share.hz-share{right:22px;top:2px}.course-header-new{padding-bottom:40px;margin-bottom:30px;background:url('../img/howzhi/course_bg.jpg') repeat;background-size:100% 100%}.course-header-new .bread_crumb{height:50px}.course-header-new .breadcrumb{background:transparent;height:50px;line-height:50px}.course-header-new .breadcrumb span,.course-header-new .breadcrumb a{color:#fff}.hzcourse-progress{margin-bottom:0;border-radius:0;height:10px;line-height:10px;overflow:inherit}.hzcourse-progress .progress-bar{position:relative;min-width:42px;background-color:#15c288}.hzcourse-progress .progress-bar .count{position:absolute;right:0;top:-4px;padding:0 4px;height:19px;background-color:#15c288;color:#7ee4c1;border-bottom:1px solid #15ad7a}.hzcourse-progress .progress-bar .count font{color:#fff}.hzcourse-progress .progress-bar .data{display:block;position:absolute;right:-39px;top:-38px;width:108px;padding:2px 6px;color:#666;background:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:1px solid #ddd}.hzcourse-progress .progress-bar .data font{color:#15c288}.hzcourse-progress .progress-bar .data:before,.hzcourse-progress .progress-bar .data:after{position:absolute;top:100%;left:50%;margin-left:-3px;border:5px solid transparent;content:" ";display:block;width:0;height:0;z-index:2;border-top:5px solid #ddd}.hzcourse-progress .progress-bar .data:after{border-top:5px solid #fff;z-index:3;margin-top:-1px}.hzcourse-detail{padding:18px 20px}.hzcourse-detail .hz-line-left:after{top:2px;height:16px}.hzcourse-detail .tag li{float:left;margin:0 20px 20px 0}.hzcourse-detail .tag a{border:1px solid #15c288;color:#15c288;padding:3px 5px;border-radius:5px;display:block}.hzcourse-detail .tag a:hover{background:#15c288;color:#fff}.hz-overview{padding:0 22px}@media (max-width:767px){.hz-overview{padding:0 15px}}.hz-overview .overview-title{margin-top:25px;line-height:21px;height:20px;border:0;color:#666;font-size:16px}.hz-overview .hz-courselist{padding:0 0 30px}.hz-overview .tag li{margin:0 20px 10px 0}.open-course-info .guide .title{margin:40px 0;position:relative}.open-course-info .guide .title .bottom{position:absolute;bottom:-1px;width:30px;height:4px;background:#ee3f33;left:50%;margin-left:-15px}.open-course-info .guide .title span{display:inline-block;font-size:18px;border:2px solid #494949;padding:18px 34px}.open-course-info .guide .head-pic{padding:0 30px}.open-course-info .guide .head-pic p{margin-bottom:20px;font-size:16px}.open-course-info .guide .head-pic img{width:100%;margin-bottom:20px}.open-course-info>.title{font-size:20px;color:#444;margin-bottom:22px;position:relative;padding-left:40px}@media (max-width:767px){.open-course-info>.title{padding-left:22px}}.open-course-info>.title span{font-size:16px;padding-left:15px;color:#999}.open-course-info>.title .left{display:inline-block;border:8px solid transparent;position:absolute;border-width:16px;border-left:16px solid #f00;left:0;top:-3px}.open-course-info>.content{padding:0 42px;margin-bottom:40px;font-size:16px;line-height:27px}@media (max-width:767px){.open-course-info>.content{padding:0 22px;margin-bottom:20px}}.open-course-info>.content img{margin-bottom:10px;max-width:100%}.open-course-info .teacher{background:#e6e6e6;margin:0 -22px 40px;padding:20px 50px 35px 50px}.open-course-info .teacher>.row{padding:0}.open-course-info .teacher .text{border:2px solid #494949;padding:25px 30px;height:310px;overflow:hidden}@media (max-width:1200px){.open-course-info .teacher .text{height:263px;padding:13px 15px}}@media (max-width:767px){.open-course-info .teacher .text{height:auto}}.open-course-info .teacher .text .name{font-size:30px}.open-course-info .teacher .text .word{font-size:16px;max-height:86px}.open-course-info .teacher .text .info{font-size:15px;max-height:135px}.learn-dashboard-header{position:relative;background:#242424;width:100%;height:60px;line-height:60px;padding:0 70px;text-align:left;color:#fff;border-radius:0}@media (max-width:480px){.learn-dashboard-header{padding:0 15px}}.learn-dashboard-header>span{color:#666}.learn-dashboard-header h1{font-size:14px;line-height:60px;margin:0;height:100%;float:left;max-width:160px}.learn-dashboard-header h1 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-dashboard-header h1 i{padding-right:15px}.learn-dashboard-foot{color:#999;padding:0 70px;height:60px;position:absolute;bottom:0;width:100%;left:0;right:0;line-height:60px;background-color:#4f4f4f}@media (max-width:768px){.learn-dashboard-foot{padding:0 15px;height:100px}}.learn-dashboard-foot>i{margin-left:15px;text-align:center;height:25px;width:25px;line-height:25px;background:#8fcdf0;color:#fff;border-radius:5px}.learn-dashboard-foot .right{float:right;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:400px}@media (max-width:992px){.learn-dashboard-foot .right{width:280px}}@media (max-width:768px){.learn-dashboard-foot .right{float:none;width:100%;line-height:25px}}.learn-dashboard{width:100%;height:620px;position:relative}.learn-dashboard.toolbarhide .dashboard-content{padding:0}.learn-dashboard.toolbarhide .dashboard-toolbar{right:-324px !important}@media (max-width:767px){.learn-dashboard .dashboard-toolbar{display:none}.learn-dashboard .dashboard-content{padding-right:0 !important}}.learn-dashboard .dashboard-content{position:absolute;top:0;left:0;right:0;bottom:60px;padding-right:324px;background:#343434;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}@media (max-width:768px){.learn-dashboard .dashboard-content{bottom:100px}}.learn-dashboard .dashboard-content .learn-load{color:#fff;font-size:30px;position:absolute;width:100%;top:50%;margin-top:-22px}.learn-dashboard .dashboard-content .dashboard-body{height:100%;width:100%;overflow:hidden;position:relative}.learn-dashboard .dashboard-content .lesson-content-text{overflow:hidden;background-color:#e5e5e5}.learn-dashboard .dashboard-content .lesson-content{height:100%;position:relative}.learn-dashboard .dashboard-content .lesson-content-text-body{min-height:100%;padding:30px 80px;width:860px;margin:auto;background:#fff}@media (max-width:1200px){.learn-dashboard .dashboard-content .lesson-content-text-body{width:90%;padding:20px 30px}}.learn-dashboard .dashboard-content .lesson-content-text-body img{max-width:100%}.learn-dashboard .dashboard-toolbar{position:absolute;top:0;right:0;bottom:60px;background:#fff;padding:0;width:324px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.learn-dashboard .dashboard-toolbar>.tab-content{position:absolute;top:0;bottom:0;width:100%}.learn-dashboard .dashboard-toolbar>.tab-content>.tab-pane{width:100%;height:100%;overflow-y:auto}.learn-dashboard .dashboard-toolbar .tab-title{background:#f0f0f0;padding:14px 20px;font-size:16px;margin-bottom:5px}.learn-dashboard .dashboard-toolbar>.options{position:absolute !important;z-index:99;width:56px;left:-56px;top:50%;margin-top:-117px}.learn-dashboard .dashboard-toolbar>.options li{text-align:center;font-size:16px;margin-bottom:10px;background:#ccc}.learn-dashboard .dashboard-toolbar>.options li a:hover{background:#15c288}.learn-dashboard .dashboard-toolbar>.options li i{margin-right:5px;display:block}.learn-dashboard .dashboard-toolbar>.options li a{color:#fff;display:block;padding:12px 0}.learn-dashboard .dashboard-toolbar>.options li.active{background:#15c288;border-bottom:0}.learn-dashboard .dashboard-toolbar>.options li.introjs-showElement a{color:#444}@media (max-width:1200px){.learn-dashboard .dashboard-toolbar>.options li i{margin:0}.learn-dashboard .dashboard-toolbar>.options li a>span{display:none}}.learn-dashboard .dashboard-toolbar .notes-header{padding:0}.learn-dashboard .dashboard-toolbar .notes-header>li{text-align:center;display:inline-block;width:50%;float:left;border:0}.learn-dashboard .dashboard-toolbar .notes-header>li.active a{background:#666;border-radius:5px;color:#fff}.learn-dashboard .dashboard-toolbar .notes-header>li a{padding:7px 10px;color:#666}.learn-dashboard .dashboard-toolbar .form .note-content{height:200px}.learn-dashboard .dashboard-toolbar .form .btns{line-height:34px}.learn-dashboard .dashboard-toolbar .tab-question .form{padding:20px 20px 0 20px}.learn-dashboard .dashboard-toolbar .tab-question .form .question_title{height:35px}.learn-dashboard .dashboard-toolbar .tab-question>ul{margin-top:40px}.learn-dashboard .dashboard-toolbar .tab-question>ul li{border:1px dashed #eee;position:relative;padding:15px 0 15px 90px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-dashboard .dashboard-toolbar .tab-question>ul li span{padding:2px;display:inline-block;max-width:60px;position:absolute;left:30px;top:14px;font-size:12px;border:1px solid #f4d8be;color:#e28327}.learn-dashboard .dashboard-toolbar .tab-question>ul li span.undo{background:#f3d6ba;color:#fff}.hz-noflash{position:relative;width:100%;height:100%;z-index:1000;background:#343434;display:none;font-size:30px;text-align:center}.hz-noflash span{position:absolute;display:block;height:40px;margin-top:-40px;top:50%;width:100%}.hz-learning .cke_reset{width:100% !important}.hz-courselist{padding:10px 22px 30px}.hz-courselist .section{background:#f7fbfa;color:#666;font-size:16px}.hz-courselist .lesson-item{padding:0;font-size:16px}.hz-courselist .lesson-item.live-course-li a{padding-right:140px}.hz-courselist .lesson-item .icon-lock{position:absolute;left:20px;color:#aaa;font-size:19px;top:4px}.hz-courselist .lesson-item>a,.hz-courselist .lesson-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding:10px 40px 10px 53px}.hz-courselist .lesson-item .status-icon{left:20px;color:#ccc;top:50%;margin-top:-9px}.hz-courselist .chapter{background:#f7fbfa}.hz-courselist .chapter:hover{background:#f0f8f6}.hz-courselist .chapter>.hz-icon{position:absolute;top:11px;left:16px;background:#24d18c;padding:1px 4px;border-radius:50%;color:#fff}.hz-courselist .chapter .period-show{top:12px}.hz-courselist .chapter .period-show .hz-icon{font-size:18px;color:#c0dcd2}.hz-courselist .chapter .title{font-size:16px;color:#444;line-height:26px;height:26px;padding:0 30px 0 35px}.hz-courselist .period .title{color:#666}.hz-courselist .period .date{font-size:14px;padding:0 2px}.hz-courselist .period a:hover,.hz-courselist .period:hover{background:#f2faf7}.hz-courselist .period .course-type i{color:#999;font-size:18px;line-height:20px}.hz-courselist .period .course-type i.icon-68image{font-size:16px}.hz-courselist .period .date{position:static}.hz-courselist .btn.tag{padding:2px 4px;font-size:12px;line-height:18px;border-radius:3px;vertical-align:top;margin-left:5px}@media (max-width:767px){.hz-courselist .btn.tag{display:none}}.dashboard-toolbar .hz-courselist{padding:0;margin-top:0;overflow-x:hidden}.dashboard-toolbar .hz-courselist .icon-formatlistbulleted{display:none}.dashboard-toolbar .hz-courselist .learning,.dashboard-toolbar .hz-courselist .period-state{font-size:12px;color:#15c288;position:absolute;right:20px;top:12px}.dashboard-toolbar .hz-courselist .learning{z-index:2;background:#f1faf7}.dashboard-toolbar .hz-courselist .period-state{color:#999}.dashboard-toolbar .hz-courselist .hz-icon{left:16px}.dashboard-toolbar .hz-courselist .status-icon{left:18px;margin-top:-10px}.dashboard-toolbar .hz-courselist li{margin-bottom:5px}.dashboard-toolbar .hz-courselist li a{padding-left:50px;padding-right:20px}.dashboard-toolbar .hz-courselist li .period-show .hz-icon{color:#999}.dashboard-toolbar .hz-courselist li.item-active a{background:#f1faf7}.dashboard-toolbar .hz-courselist li.unpulish a,.dashboard-toolbar .hz-courselist li.item-active a{padding-left:50px;padding-right:67px}.dashboard-toolbar .hz-courselist li.lesson-item:hover,.dashboard-toolbar .hz-courselist li a:hover{background:#f1faf7 !important}.dashboard-toolbar .hz-courselist li.chapter:hover{background:#ebe9ea !important}.dashboard-toolbar .hz-courselist .btn-warning.tag,.dashboard-toolbar .hz-courselist .date{display:none}.dashboard-toolbar .hz-courselist .chapter,.dashboard-toolbar .hz-courselist .section{background:#f0f0f0;padding:10px 15px}.dashboard-toolbar .hz-courselist .course-type{display:none}.dashboard-toolbar .hz-courselist .chapter .title{padding-left:5px;color:#999}.class-crumb{height:50px;line-height:50px;color:#fff}.class-crumb a{color:#fff}.class-crumb a:hover{text-decoration:underline !important}.class-crumb li{float:left}.class-crumb li>span{padding:0 10px}.class-header{background-color:#4dc285;padding:30px;-webkit-background-size:cover !important;-moz-background-size:cover !important;-o-background-size:cover !important;background-size:cover !important}@media (max-width:768px){.class-header{padding:15px 0}}.class-header .class-header-bg{position:relative;z-index:10}.class-header .class-bg-layer{z-index:2;top:4px;left:4px;width:100%;right:0}.class-header .class-bg-layer.two{top:8px;left:8px;z-index:1}.class-header.after{background:#4dc285}.class-header.after .hz-classhead{position:relative;z-index:99;background:#fff;margin:0;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1),0 1px 5px 0 rgba(0,0,0,0.1)}.class-header.after .hz-classhead h1,.class-header.after .hz-classhead h2{font-size:18px;margin:0;padding:7px 20px;line-height:20px;font-weight:550}.class-header.after .hz-classhead h2{padding-left:0}.class-header.after .class-bg-layer{border-radius:5px;width:100%;top:5px}.class-header.after .breadcrumb li.active{color:#fff}.class-header.after .breadcrumb a{color:#fff}.class-header.after .breadcrumb a:hover{text-decoration:underline !important}.class-header.after .manage-setting{position:absolute;right:10px;top:10px}.hz-room-course{padding:20px 15px}@media (max-width:768px){.hz-room-course{padding:10px 5px}}.hz-room-course ul li{position:relative;font-size:16px;color:#666;padding-right:15px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}@media (max-width:480px){.hz-room-course ul li{padding:0}.hz-room-course ul li a{padding:10px !important}.hz-room-course ul li span{display:none !important}}.hz-room-course ul li:hover{background:#f2fae3}.hz-room-course ul li:hover .play-icon{display:none}.hz-room-course ul li:hover .leaning{display:block}.hz-room-course ul li:hover .disable{background:#ccc}.hz-room-course ul li a{padding:10px 100px 10px 20px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:29px;position:relative;z-index:999}.hz-room-course ul li a>i{-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease;transition:all 0 ease;font-size:24px;margin-right:10px;color:#dedede}.hz-room-course ul li a>i.act{color:#15c288}.hz-room-course ul li>span{position:absolute;top:10px;right:20px;width:80px;height:29px;text-align:center}.hz-room-course ul li .leaning{background:#15c288;line-height:29px;color:#fff;display:none}.hz-room-course ul li .icon-play{color:#ddd;font-size:22px}.hz-classroom-progress{overflow:hidden;margin:24px 0;border-right:1px solid #eee;text-align:center}@media (max-width:480px){.hz-classroom-progress{margin:2px 0}}.hz-classroom-progress .box{width:130px;height:130px;border-radius:50%;background:#fff;position:relative;margin:10px auto 20px}.hz-classroom-progress .box .doughnutSummary{position:absolute;top:0;left:0;width:100% !important;margin:35px 0 0 0 !important;color:#999;z-index:2}.hz-classroom-progress .box .title{margin-bottom:0}.hz-classroom-progress .box .number{font-size:30px;color:#444}.room-recents-duty{background:#f8f8f8;height:228px;padding:20px 25px;font-size:16px;border-radius:5px}@media (max-width:480px){.room-recents-duty{padding:10px 15px}}.room-recents-duty .title a>i{margin-right:5px;font-size:20px}.room-recents-duty p{padding-left:30px;padding:5px 0 5px 30px;font-size:12px;margin:0}.auditor .icon-question{cursor:pointer}.auditor .icon-question:hover{color:#15c288}.auditor>.top{border-bottom:1px solid #e0e0e0}.auditor>.top>div{padding:5px 0;margin-bottom:8px}.auditor>.top>div a{color:#999}.auditor>.top .hz-share{border-right:1px solid #e0e0e0}.auditor>.top .hz-icon{display:block;font-size:25px}.class-learn-plan>.title{height:20px;line-height:20px;color:#444;margin:25px 0;border:0}.class-learn-plan>.title span{color:#999;margin-left:20px}.class-learn-plan .plans{margin-bottom:50px}.class-learn-plan .plans .item{border:1px solid #ddd;border-radius:5px;padding:15px 0;text-align:center;background:#f6f6f6}.class-learn-plan .plans .item .done{background:rgba(217,244,235,0.9);position:absolute;bottom:-5px;right:-5px;border-radius:50%;width:30px;height:30px;line-height:30px}.class-learn-plan .plans .item .done i{color:#15c288;font-size:25px}.class-learn-plan .plans .item>span{vertical-align:top;display:inline-block;padding-top:14px;padding-left:5px;margin-right:-5px}.class-learn-plan .plans .item p{letter-spacing:1px}.class-learn-plan .plans .lg{font-size:48px}.class-learn-plan .learn-path-pic{padding-right:25px}.class-learn-plan .learn-path-pic>ul{padding-left:35px}.class-learn-plan .learn-path-pic>ul h4{padding:12px 25px;font-size:18px;color:#fff;border-radius:20px;margin:0;background:#ccc;cursor:pointer}.class-learn-plan .learn-path-pic>ul>li{position:relative;padding-left:33px;border-left:6px solid #ddd}.class-learn-plan .learn-path-pic>ul>li>i{border:9px solid #e4e4e4;background:#ccc;display:block;width:46px;height:46px;position:absolute;left:-27px;top:0}.class-learn-plan .learn-path-pic>ul>li.act{border-color:#70dab6}.class-learn-plan .learn-path-pic>ul>li.act h4{background:#15c288}.class-learn-plan .learn-path-pic .plan-start{padding-bottom:50px}.class-learn-plan .learn-path-pic .plan-start.act>i{border:9px solid #b9e5d6 !important;background:#15c288}.class-learn-plan .learn-path-pic .plan-start>h4{display:inline-block}.class-learn-plan .learn-path-pic .plan-end{border-color:#fff !important}.class-learn-plan .learn-path-pic .plan-item{min-height:80px}.class-learn-plan .learn-path-pic .plan-item h4{position:relative;padding-right:100px;height:43px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-learn-plan .learn-path-pic .plan-item.act>i{color:#15c288}.class-learn-plan .learn-path-pic .plan-item>i{background:#fff;border-color:#fff;border-width:6px;height:40px;font-size:28px;color:#ccc;line-height:28px;text-align:center}.class-learn-plan .learn-path-pic .list-toggle{position:absolute;right:20px;top:12px}.class-learn-plan .learn-path-pic .list-toggle>i{margin-left:15px}.class-learn-plan .learn-path-pic .class-course-list{padding:15px 0;display:none}.class-learn-plan .learn-path-pic .class-course-list li{line-height:20px;font-size:16px;padding:10px 42px 10px 20px;color:#444}.class-learn-plan .learn-path-pic .class-course-list li.act i{color:#15c288}.class-learn-plan .learn-path-pic .class-course-list li a{display:block;color:#444}.class-learn-plan .learn-path-pic .class-course-list li a:hover{color:#15c288}.class-learn-plan .learn-path-pic .class-course-list li i{font-size:18px;margin-right:15px;color:#ccc}.class-learn-plan .learn-path-pic .class-course-list li>span{color:#999}.class-learn-plan .learn-path-pic .class-course-list li .btn{color:#fff;margin:0 3px;cursor:default}@media (max-width:768px){.class-learn-plan .learn-path-pic{padding:0}.class-learn-plan .learn-path-pic>ul{padding:0}}.classroom-tag{position:absolute;top:0;left:0;width:70px;height:50px;color:#fff;padding:5px 0 0 6px;overflow:hidden}.classroom-tag.md{padding:7px 0 0 5px;font-size:12px}.classroom-tag.md:after{border-left-width:63px !important;border-width:45px;top:-45px}.classroom-tag span{position:relative;z-index:2}.classroom-tag:after{border-width:50px;border-left:70px solid #12c888;left:0;top:-50px}.class-detail-content .media-evaluate .title{height:20px;line-height:20px}.classroom-coupon{height:120px;background:#ffbb1f url("../img/howzhi/not-common/classroom-coupon-bg.jpg") no-repeat center center;color:#8e3a00;position:relative;border-radius:2px;width:270px}.classroom-coupon .btn{width:155px;height:45px;background:url("../img/howzhi/not-common/classroom-coupon.png") no-repeat center top;position:absolute;right:20px;top:25px}.classroom-coupon .btn.dis1{background-position:center -54px}.classroom-coupon .btn.dis2{background-position:center -108px}.classroom-coupon .title{font-size:13px;position:absolute;bottom:13px;left:0;right:0;padding-left:10px;text-align:center}.class-header.class-bg10,.class-header.class-bg6{background:#859ccb url("../img/howzhi/hz-classroom-market/classroom10/classroom-header-banner.jpg") no-repeat center center}.class-header.class-bg4{background:#4d5e90 url("../img/howzhi/hz-classroom-market/classroom4/classroom-header-banner.jpg") no-repeat center center}.class-header.class-bg11,.class-header.class-bg7{background:#364157 url("../img/howzhi/hz-classroom-market/classroom11/classroom-header-banner.jpg") no-repeat center center}.class-header.class-bg14{background:#364157 url("../img/howzhi/hz-classroom-market/classroom14/banner.jpg") no-repeat center center}.class-header.class-bg16{background:#83be59 url("../img/howzhi/hz-classroom-market/classroom16/banner.jpg") no-repeat center center}.hzclassroom-group{padding:40px 0;background:#f8f8f8;color:#fff}.hzclassroom-group a{color:#fff}.hzclassroom-group .bug{display:block;margin:10px 24px 0 10px;padding:8px 0;background:#ff8523}.hzclassroom-group .bug:hover{background:#ff7709}.hzclassroom-group .class-img{margin:20px 0 20px 100px;position:relative}.hzclassroom-group .class-img img{position:relative;z-index:10}.hzclassroom-group .bg{width:100%;height:100%;background:#fff;bottom:-5px;right:-5px;position:absolute;z-index:2;box-shadow:0 1px 2px rgba(197,197,197,0.4)}.hzclassroom-group .info{position:absolute;bottom:0;width:100%;z-index:10;padding:5px 15px;margin:0;height:32px;background:url("../img/howzhi/hz-pic-icon/shadow.png") center -33px;background-repeat:repeat-x;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hzclassroom-group .icon{position:absolute;left:10px;padding:42px 14px;background:#fd9271;width:45px;z-index:10}.hzclassroom-group .price{position:absolute;z-index:10;top:10px;left:-7px;background:url("../img/howzhi/hz-pic-icon/room-icon-price.png") no-repeat center center;background-size:100% 100%;padding:6px 20px 12px 12px;font-size:18px}.hzclassroom-group .old-price{color:#999;line-height:40px;height:40px;padding-left:35px}.hzclassroom-group .symbol{position:absolute;left:0;top:0;color:#999;font-size:20px;padding:55px 35px;font-size:58px}.hzclassroom-group .gruop-price{color:#ff8523;font-size:40px}.hzclassroom-group .gruop-price font{padding:2px 5px;color:#fff;font-size:12px;background:#fd9271;vertical-align:text-top;display:inline-block;margin-top:8px;margin-left:8px;border-radius:3px}.hzclassroom-group .gruop-price span{font-size:24px;vertical-align:text-top}@media (max-width:1200px){.hzclassroom-group{padding:20px 0}.hzclassroom-group .icon{padding:32px 14px}.hzclassroom-group .class-img{margin-left:75px}.hzclassroom-group .symbol{padding:46px 17px}.hzclassroom-group .gruop-price{font-size:35px}}@media (max-width:992px){.hzclassroom-group .gruop-price{font-size:25px}.hzclassroom-group .gruop-price font{margin-top:4px}.hzclassroom-group .gruop-price span{font-size:14px}.hzclassroom-group .old-price{padding-left:20px}.hzclassroom-group .bug{margin:10px 7px 0 10px;padding:6px 0}.hzclassroom-group .class-img{margin-left:45px}.hzclassroom-group .icon{padding:24px 8px;width:34px}.hzclassroom-group .symbol{padding:35px 7px;font-size:47px}}@media (max-width:768px){.hzclassroom-group .icon,.hzclassroom-group .symbol{position:static;height:30px;line-height:22px;padding:4px 0;margin:15px 0;width:100%;text-align:center}.hzclassroom-group .class-img{margin:0}}.hzclass-before{background:#fff}.hzclass-before .class-detail-main{width:100%}.hzclass-before .flat{box-shadow:none}.hzclass-before .affix-bar-right{display:none;position:absolute;font-size:18px;right:10px;top:15px}.hzclass-before .affix-bar-right>.btn{padding:8px 18px}@media (max-width:767px){.hzclass-before .affix-bar-right{top:7px}.hzclass-before .affix-bar-right>.btn{padding:4px 8px}}.hzclass-before .tab-nav-line.hz{margin-bottom:20px;border-bottom:1px solid #f1f1f1}.hzclass-before .tab-nav-line.hz .nav-btn-tab{border:0;margin:0 auto}.hzclass-before .tab-nav-line.hz .nav.nav-tabs{border:0}.hzclass-before .tab-nav-line.hz .nav.nav-tabs>li.active{border-bottom:2px solid #15c288;margin-bottom:-1px}.hzclass-before .tab-nav-line.hz .nav.nav-tabs>li.active a{color:#15c288}.hzclass-before .tab-nav-line.hz .nav.nav-tabs a{padding:20px;color:#666;font-size:18px}@media (max-width:767px){.hzclass-before .tab-nav-line.hz .nav.nav-tabs a{padding:10px;font-size:13px}}.hzclass-before .tab-nav-line.hz .btnbar{top:17px}.hzclass-before .tab-nav-line.hz .container{position:relative}.hzclass-before .tab-nav-line.hz.affix{z-index:100;top:0;left:0;right:0;background:#fff}.hzclass-before .tab-nav-line.hz.affix .btnbar{display:none}.hzclass-before .tab-nav-line.hz.affix .affix-bar-right{display:block}.hzclass-before .market-bar-fix{position:fixed;right:25px;width:50px;top:50%;margin-top:-70px;z-index:1100000}@media (max-width:992px){.hzclass-before .market-bar-fix{display:none}}.hzclass-before .market-bar-fix a{border:0;padding:10px 16px;border-radius:0;font-size:16px;display:block}.hzclass-before .market-bar-fix .market-bar-btn{background:#15c288;color:#fff}.hzclass-before .market-bar-fix .market-bar-btn:hover{background:#14b982}.hzclass-before .market-bar-fix .market-bar-btn.btn-2{background:#f7be31}.hzclass-before .market-bar-fix .market-bar-btn.btn-2:hover{background:#f6b618}.class-about.hz{margin-top:-20px}.class-about.hz .about-top{padding:25px 35px}.class-about.hz .about-top h2{font-size:30px;color:#8fa9e2}.class-about.hz .about-top p{color:#74748c;font-size:18px}.class-about.hz .about-top .top-banner{border:7px solid #f0f0f0;border-radius:3px}@media (max-width:768px){.class-about.hz .about-top{padding:10px 20px}.class-about.hz .about-top h2{font-size:20px}.class-about.hz .about-top p{height:auto !important}}.class-about.hz .tip1{padding:50px;background:#dee6f7;color:#7290d2}.class-about.hz .tip1 h3{font-size:30px;margin-top:10px}.class-about.hz .tip1 p{font-size:21px}@media (max-width:768px){.class-about.hz .tip1{padding:20px}.class-about.hz .tip1 h3{font-size:20px}.class-about.hz .tip1 p{font-size:14px}}.class-about.hz .tip2{margin-top:-20px}.class-about.hz .class-post-title{margin-top:50px;position:relative;text-align:center}.class-about.hz .class-post-title span{color:#8fa9e2;font-size:26px;padding:0 32px;background:#fff;position:relative;z-index:9;font-weight:bold;letter-spacing:2px}.class-about.hz .class-post-title:before{content:"";position:absolute;width:100%;border-bottom:1px solid #f0f0f0;left:0;top:50%}@media (max-width:768px){.class-about.hz .class-post-title{margin-top:20px}.class-about.hz .class-post-title span{font-size:20px}}.class-about.hz .post-btn{padding:12px 30px;border:2px solid #8fa9e2;color:#8fa9e2;font-size:20px;display:inline-block}@media (max-width:768px){.class-about.hz .post-btn{font-size:18px;padding:8px 20px}}.class-about.hz .unique{padding-top:40px;color:#999;font-size:24px}.class-about.hz .unique li{margin-bottom:20px}.class-about.hz .unique li img{margin:auto}.class-about.hz .unique p{margin-top:15px}@media (max-width:768px){.class-about.hz .unique{font-size:16px}}.class-about.hz .commonp{color:#999;font-size:20px;margin:40px auto;max-width:900px}@media (max-width:768px){.class-about.hz .commonp{font-size:14px;margin:20px 0}}.class-about.hz .classroom-content{background:#f0f0f0;width:100%;margin-top:30px;font-size:18px}.class-about.hz .classroom-content th{text-align:center;padding:18px 0}.class-about.hz .classroom-content td{padding:25px 0}.class-about.hz .classroom-content td p{line-height:30px;margin:0}.class-about.hz .classroom-content th,.class-about.hz .classroom-content td{border:1px solid #fff}@media (max-width:768px){.class-about.hz .classroom-content{font-size:14px}.class-about.hz .classroom-content td{padding:15px 10px}.class-about.hz .classroom-content td p{line-height:25px}}.class-about.hz .serve{padding:40px 0;font-size:19px}.class-about.hz .serve p{margin:0}.class-about.hz .serve span{vertical-align:top;display:inline-block;height:50px;line-height:50px;margin-right:-20px}.class-about.hz .serve strong{font-size:57px}.class-about.hz .serve .row1{color:#8fa9e2}.class-about.hz .serve .row2{color:#eab78d}.class-about.hz .serve .row3{color:#8dd2da}@media (max-width:768px){.class-about.hz .serve{padding:20px 0;font-size:16px}.class-about.hz .serve strong{font-size:45px}}.class-about.hz .teacher-info{background:#8fa9e2;padding:40px 0}.class-about.hz .teacher-info .sinfo{font-size:18px;margin-top:30px}.class-about.hz .teacher-info .row{margin:-5px}.class-about.hz .teacher-info .row>div{padding:0 5px}.class-about.hz .teacher-info .info{background:#f6cb00;padding:28px 70px}.class-about.hz .teacher-info .info:after{border-right:16px solid #8fa9e2;top:50%;margin-top:-4px;right:4px}.class-about.hz .teacher-info .info h4{display:inline-block;border-bottom:2px solid #fff;font-size:32px;color:#fff;padding-bottom:8px}.class-about.hz .teacher-info .info p{font-size:20px;line-height:38px}.class-about.hz .teacher-info .class-post-title{margin:0 auto}.class-about.hz .teacher-info .class-post-title:before{border-color:#fff}.class-about.hz .teacher-info .class-post-title span{color:#fff;background:#8fa9e2}@media (max-width:768px){.class-about.hz .teacher-info{padding:20px 0}.class-about.hz .teacher-info .info{padding:5px 30px;margin-left:0 !important}.class-about.hz .teacher-info .info h4{font-size:26px}.class-about.hz .teacher-info .info p{line-height:28px}.class-about.hz .teacher-info .info .sinfo{font-size:14px}}.class-about.hz .works{background:#eee}.class-about.hz .works .class-post-title:before{border-color:#ddd}.class-about.hz .works .class-post-title span{background:#eee}.class-about.hz .works>div{position:relative}.class-about.hz .works img{width:100%}.class-about.hz .works li{margin-bottom:10px}.class-about.hz .works .box.row{margin-left:-5px;margin-right:-5px}.class-about.hz .works .box.row>li{padding:0 5px}.class-about.hz .works .corner{position:absolute;width:85%;height:60%;border-bottom:14px solid #f0e5ae;border-left:14px solid #f0e5ae;left:-20px;bottom:-15px}.class-about.hz .works .more{margin-top:40px;padding-bottom:30px;font-size:20px}.class-about.hz .works .more a{color:#8fa9e2}.class-about.hz .student{padding-bottom:60px}.class-about.hz .student img{width:100%}.p-home{width:100%;height:174px;background:#fff url("../img/howzhi/studyCenter-banner.jpg");color:#fff;background-size:cover}@media (max-width:992px){.p-home{height:290px}}.p-home .personImg{float:left;margin-top:41px;margin-left:20px}@media (max-width:992px){.p-home .personImg{float:none;margin-top:8px;margin-left:0;text-align:center}}.p-home .personImg>a{width:100px;height:100px;display:inline-block;margin:0 auto;background:rgba(255,255,255,0.3);border-radius:50%;position:relative}.p-home .personImg>a:hover{background:rgba(21,194,136,0.3)}.p-home .personImg>a i{font-size:12px;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;bottom:5px;left:50%}.p-home .personImg img{margin:5px auto;width:90px;height:90px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.p-home .personImg span{vertical-align:top}.p-home .personImg .daren-icon{margin-left:34px}.p-home ul{float:right;padding:54px 0 0 0}@media (max-width:992px){.p-home ul{padding:20px 0 0 30px;float:none;text-align:center}}.p-home ul li{display:inline-block;padding:0 32px 0 0;text-align:center}@media (max-width:480px){.p-home ul li{padding:0 16px 0 0}}.p-home ul li span{display:block;padding-bottom:16px;text-align:center}.p-home ul li a.count{font-size:30px;color:#fff;max-width:101px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:992px){.p-home ul li a.count{font-size:22px}}@media (max-width:480px){.p-home ul li a.count{font-size:16px}}.p-home ul li a.count:hover{color:#15c288}.p-home ul li.line{height:48px;width:1px;background:rgba(255,255,255,0.4);padding:0;margin-right:32px}@media (max-width:480px){.p-home ul li.line{margin-right:16px}}.p-home .user-info{padding:18px 0 0 24px;display:inline-block;vertical-align:top}.p-home .user-info>p a{color:#fff;padding:0 6px}.p-home .user-info>p a:hover{color:#15c288}@media (max-width:992px){.p-home .user-info{padding:7px 0 0 0;display:block}}.p-home .user-info .user-name{font-size:16px}.p-home .user-info p{margin-top:10px;max-width:370px;height:40px;overflow:hidden}@media (max-width:992px){.p-home .user-info p{margin:0 auto;margin-top:15px}}.hz-ad img.img-responsive{width:100%}.home-nav{margin-bottom:20px;background-color:#fff}.home-nav ul.nav-mian li{float:left;height:54px;color:#666}.home-nav ul.nav-mian li a{padding:18px 40px}@media (max-width:992px){.home-nav ul.nav-mian li a{padding:18px 23px}}.home-nav ul.nav-mian li a:hover,.home-nav ul.nav-mian li a:focus{background-color:transparent}.home-nav ul.nav-mian li.active a{color:#15c288}.home-nav ul.nav-mian .more ul.dropdown-menu{min-width:118px}.home-nav ul.nav-mian .more ul.dropdown-menu a{padding:18px 45px}.home-nav ul.nav-mian .more ul.dropdown-menu a:hover{color:#15c288}.home-nav ul.nav-mian .more ul.dropdown-menu .active a{background:transparent}.p-topic .index-group{padding-top:0;padding-bottom:0}.p-topic .topic-list{padding:20px}.p-topic .topic-list .media:last-child{border-bottom:none}.f-movement h3{height:66px;line-height:66px;border-bottom:1px solid #eee;margin:0;padding:0 20px;color:#444;font-size:20px;background:#fff}.f-movement h3 a{margin-left:40px;padding:21px 10px;font-size:14px;color:#444}.f-movement h3 a.active{color:#15c288;border-bottom:1px solid #5fd2ab}.publish-topic .has-img li{width:168px;height:124px;display:inline-block;overflow:hidden}.publish-topic .has-img li a{display:inline-block;width:100%}.publish-question .daren-icon{bottom:-2px}.publish-question .ff li p{color:#444;line-height:22px;display:inline-block;font-size:12px;margin:0;*display:inline;zoom:1}.publish-question .ff li span{color:#444;font-size:12px}.publish-question .ff li .data{color:#999;padding-left:15px}.publish-question .ff li:first-child span{font-size:14px}.publish-question .more{border-top:1px dashed #ddd;height:30px;line-height:42px;text-align:center}.publish-question .more a{color:#999}.publish-question .more a i{margin-right:13px}.publish-question .more a span{padding:0 6px}.task ul li{border-bottom:1px dashed #f4f6f8;padding:15px 20px}.task ul .num{display:inline-block;width:16px;height:16px;line-height:16px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#ff815a;color:#fff;text-align:center;margin-right:8px;margin-top:2px;vertical-align:top}.task ul .count{float:right;color:#ff815a}.task ul a{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:146px}@media (max-width:1200px){.task ul a{width:104px}}.task .more{height:40px;line-height:40px;text-align:center}.task .more i{margin-right:13px}.visit h3 a{font-size:14px;color:#15c288;padding-left:4px}.visit ul li{padding:18px 0 18px 28px;display:inline-block;border-bottom:none}@media (max-width:1200px){.visit ul li{padding:18px 0 18px 16px}}.visit ul li a{overflow:hidden}.visit ul li a img{width:50px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.visit ul li span{display:inline-block;padding-top:12px}.f-more{height:46px;line-height:46px;text-align:center}.f-more a{color:#444}.f-more a i{margin-right:10px}.m-home{width:100%;height:370px;background:#fff url("../img/howzhi/person-homepage.jpg");color:#fff;background-size:cover}.m-home .userImg{display:block;text-align:center;margin-top:57px}.m-home .userImg>a{width:100px;height:100px;display:inline-block;position:relative;margin:0 auto;background:rgba(255,255,255,0.3);border-radius:50%}.m-home .userImg>a .daren-icon,.m-home .userImg>a .dapinpai-icon{margin-left:34px}.m-home .userImg img{margin:5px auto;width:90px;height:90px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.m-home .user-info{margin-top:10px}.m-home .user-info .user-name{font-size:18px;color:#fff}.m-home .user-info p{max-width:424px;height:65px;font-size:12px;line-height:24px;background:rgba(0,0,0,0.5);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:0 auto;padding:12px 50px;margin-top:12px;overflow:hidden;position:relative}.m-home .user-info p:hover a{display:block}.m-home .user-info p a{position:absolute;right:19px;top:60%;color:#15c288;display:none}.m-home .user-info p a i{font-size:14px}.m-home .user-info .m-btns{margin-top:20px}.m-home .user-info .m-btns span{display:inline-block;width:100px;height:32px;line-height:32px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border:1px solid #15c288;color:#15c288;margin-right:12px;cursor:pointer}.m-home .user-info .m-btns span i{padding-right:6px}.m-home .user-info .m-btns .last-icon{background:#15c288;color:#fff;line-height:30px}.m-home .user-info .m-btns .last-icon i{padding-right:10px}.phPublic-course{padding-bottom:0}.phPublic-course .section-body{padding:20px 5px}.phPublic-course .section-body .row{margin:0}.phPublic-course .count{padding:2px;color:#15c288}.phPublic-course .course-item{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin-bottom:10px}.person-count{width:272px;height:97px;background:url("../img/howzhi/popularity_bg.png");margin-bottom:12px;font-size:12px}.person-count ul{padding:26px 0 29px 27px}.person-count li{display:inline-block}.person-count li a,.person-count li span{display:block;text-align:center}.person-count li a{font-size:18px;width:32px;height:25px;display:inline-block;overflow:hidden}.person-count li.line{height:33px;width:1px;background:#eee;padding:0;margin:0 14px}.person-info{color:#444}.person-info ul{padding:20px 20px 0}.person-info li{padding:7px;border-bottom:1px dashed #eee}.person-info li .first{color:#999}.person-info li .content{line-height:20px;word-break:break-all}.person-info li .content p{display:inherit}.person-info li .brand-daren,.person-info li .brand-dapinpai{border:1px solid #15c288;padding:6px 13px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background:#15c288;color:#fff;line-height:32px}.person-info li .brand-daren{border:1px solid #ff9445;background:#ff9445}.person-info li .user-info{font-size:12px;color:#999;margin-top:10px;padding-left:16px}.person-info li:last-child{border-bottom:none}.person-info .more{height:46px;line-height:46px;text-align:center;border-top:1px solid #eee;color:#999}.person-info .more i{padding:0 8px}.person-learner,.person-visitor{padding-bottom:20px}.person-learner>a,.person-visitor>a{display:inline-block;margin:16px 0;cursor:pointer}.person-learner a.active,.person-visitor a.active{color:#15c288}.person-learner a.first,.person-visitor a.first{padding-left:20px}.person-learner a.pull-right,.person-visitor a.pull-right{padding-right:20px}.person-learner li,.person-visitor li{border-bottom:none !important;display:inline-block;padding:21px 0 0 19px;text-align:center}.person-learner li>a .daren-icon,.person-visitor li>a .daren-icon,.person-learner li>a .dapinpai-icon,.person-visitor li>a .dapinpai-icon{bottom:13px}.person-learner li img,.person-visitor li img{width:50px;height:50px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-bottom:15px}.person-learner li .name,.person-visitor li .name{text-align:center;width:62px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-comment{padding:20px 40px}.person-comment .form .question_title{height:120px;background:#fff}.person-comment .form .question_title:focus{border-color:#15c288;outline:0}.person-comment>ul>li{padding:20px 0;border-bottom:1px dashed #eee;position:relative}.person-comment>ul>li:last-child{border-bottom:none}.person-comment .userimg{display:table-cell}.person-comment .userimg a{width:50px;display:inline-block;position:relative}.person-comment .userimg a img{width:50px;height:50px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.person-comment .userimg a .daren-icon,.person-comment .userimg a .dapinpai-icon{bottom:-1px}.person-comment .userInfo{display:table-cell;vertical-align:top;padding-left:15px;width:100%}.person-comment .userInfo .head{font-size:12px;margin:5px 0}.person-comment .userInfo .body{line-height:22px;padding-bottom:10px}.person-comment .userInfo p{margin:3px 0;padding:0;margin-top:4px;color:#999}.person-comment .userInfo a{padding-right:8px}.person-comment .userInfo span{color:#999}.person-comment .more{height:46px;line-height:46px;text-align:center;color:#999}.person-comment .more i{padding-right:6px}.person-nav{text-align:center}.myhz-course h3 a,.myhz-question h3 a,.myhz-task h3 a,.myhz-coin h3 a,.myhz-friattention h3 a,.myhz-group h3 a,.myhz-homework h3 a{margin-left:40px;padding:19px 10px;font-size:14px;color:#444}@media (max-width:480px){.myhz-course h3 a,.myhz-question h3 a,.myhz-task h3 a,.myhz-coin h3 a,.myhz-friattention h3 a,.myhz-group h3 a,.myhz-homework h3 a{margin-left:10px}}.myhz-course h3 a.active,.myhz-question h3 a.active,.myhz-task h3 a.active,.myhz-coin h3 a.active,.myhz-friattention h3 a.active,.myhz-group h3 a.active,.myhz-homework h3 a.active{color:#15c288;border-bottom:1px solid #5fd2ab}.myhz-course .course-img{position:relative}.myhz-course .course-img a{display:block;position:relative}.myhz-course .course-img a span{position:absolute;bottom:0;display:inline-block;height:3px;background-color:#15c288;z-index:3}.myhz-course .course-img .pere{position:absolute;display:inline-block;width:100%;height:43px;margin-top:-44px;line-height:48px;font-size:16px;color:#fff;padding-left:16px;z-index:3}.myhz-course .course-info .continue{text-align:right;margin-top:24px}.myhz-course .course-info .continue a{padding:10px 25px;color:#fff;background:#15c288}.myhz-course .course-info .continue a:hover{background:#12ad79}.myhz-course .course-info .continue .c-published{cursor:default;background:#999}.myhz-course .course-info .continue .c-published:hover{background:#999}.myhz-course .course-info .hz-status{padding-left:5px}.myhz-course .course-info .gray{color:#c6d0d8}.myhz-course .course-item .course-img .mask{height:100%;bottom:0;max-height:100%;background-color:rgba(0,0,0,0.4);opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.myhz-course .course-item .course-img .mask a{display:inline-block;padding:6px 23px;color:#fff;background:#15c288;position:absolute;left:50%;top:51%;margin-left:-50px;margin-top:73px;font-size:14px}.myhz-course .course-item .course-img .mask:hover{opacity:1;filter:alpha(opacity=100)}.myhz-course .course-item .course-img .mask:hover a{margin-top:-10px}.myhz-question .user-content h4{font-size:14px;margin-bottom:8px}.myhz-question .user-content p{font-size:12px}.myhz-question>ul,.myhz-task>ul{padding:0 20px;margin-top:0}.myhz-question .user-Img,.myhz-task .user-Img{float:left;padding-right:20px}.myhz-question .user-Img .daren-icon,.myhz-task .user-Img .daren-icon,.myhz-question .user-Img .dapinpai-icon,.myhz-task .user-Img .dapinpai-icon{bottom:0}.myhz-question .user-content,.myhz-task .user-content{margin-top:4px;padding-left:70px}.myhz-question .user-content h4,.myhz-task .user-content h4{margin-top:0}.myhz-question .user-content h4 .from,.myhz-task .user-content h4 .from{padding-left:10px;font-size:12px;color:#999}.myhz-question .user-content p img,.myhz-task .user-content p img{max-height:400px;display:block;max-width:100%;margin-bottom:10px}.myhz-task h4{margin-bottom:20px}.myhz-task .user-content p{display:block;vertical-align:text-top}.myhz-task .user-content p img{height:150px;margin:10px;width:auto}.myhz-task .user-content p span{font-weight:bold;color:#666}.myhz-task .user-content .task-btns{float:right}.myhz-task .user-content .task-btns a{color:#fff;padding:10px 25px;line-height:60px}.myhz-task .user-content .task-btns a.draw{background:#fd9271}.myhz-task .user-content .task-btns a.draw:hover{background:#eb7550}.myhz-task .user-content .task-btns a.join{background:#15c288}.myhz-task .user-content .task-btns a.join:hover{background:#12b880}.myhz-task .user-content .task-btns a.achieve{background:#ccc;cursor:Default}.myhz-coin h3{border-bottom:none}.myhz-coin h3 span{color:#999}.myhz-coin .coin-content{padding:0 20px 20px}.myhz-coin .coin-content .table{padding:20px;margin-bottom:0}.myhz-coin .coin-content .table th,.myhz-coin .coin-content .table td{padding-left:10px}.myhz-coin .coin-content .lookup{text-align:right}.myhz-coin .coin-content .lookup a{color:#15c288}.myhz-friattention{margin-bottom:0;padding-bottom:20px}.myhz-friattention .fri-content{padding:20px}.myhz-friattention .fri-content .all-count a{padding:2px;font-size:16px;font-weight:bold}.myhz-friattention .fri-content .table thead th{font-size:14px;color:#444}.myhz-friattention .fri-content .table tbody tr{border-bottom:1px solid #eee}.myhz-friattention .fri-content .table tbody td{font-size:12px;vertical-align:middle}.myhz-friattention .fri-content .table tbody .user-img{display:inline-block;width:60px;height:60px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden}.myhz-friattention .fri-content .table tbody .user-img img{width:100%}.myhz-friattention .fri-content .table tbody .name{color:#15c288}.myhz-friattention .attent-group{display:inline-block;width:90%}.myhz-friattention .attent-group li{display:inline-block;margin:2px}.myhz-friattention .attent-group li a{padding:1px 8px;border:1px solid #15c288;color:#444}.myhz-friattention .attent-group li.active{background:#15c288}.myhz-friattention .attent-group li.active a{color:#fff}.myhz-friattention .createbtns{display:inline-block;float:right;line-height:42px;width:10%}.myhz-friattention .createbtns a{padding:8px;border:2px solid #15c288;color:#444}.myhz-friattention .createbtns a:hover{background:#15c288;color:#fff}.myhz-friattention .all-count{font-size:12px;margin-top:0;color:#ccc;display:inline-block}.myhz-friattention .change-group{display:inline-block}.myhz-friattention .change-group a{color:#15c288;padding:8px}.myhz-friattention .add-attention{margin-top:8px}.myhz-friattention .add-attention span{border:1px solid #ccc;padding:3px 8px;color:#444;font-size:12px;cursor:pointer}.myhz-friattention .add-attention span i{color:#15c288;padding-right:6px}.myhz-friattention .friend-list .col-md-4{margin:10px 0}.myhz-friattention .friend-list .fri-img{display:inline-block}.myhz-friattention .friend-list .fri-img a{width:60px;display:inline-block}.myhz-friattention .friend-list .fri-img a img{width:60px;height:60px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.myhz-friattention .friend-list .fri-lists{display:inline-block;vertical-align:top;padding-left:11px}.myhz-friattention .friend-list .fri-lists .fri-name,.myhz-friattention .friend-list .fri-lists .fir-text{overflow:hidden;text-overflow:ellipsis;width:181px;height:20px}.myhz-friattention .friend-list .fri-lists .fri-name a,.myhz-friattention .friend-list .fri-lists .fir-text a{padding:4px 0;font-weight:bold;white-space:nowrap}.myhz-friattention .friend-list .fri-lists .fri-statu{margin:4px 0;color:#999;font-size:12px}.myhz-friattention .friend-list .fri-lists .fri-statu i{padding-right:4px}.myhz-friattention .friend-list .fri-lists .fir-text span{white-space:nowrap;font-size:12px}.myhz-friattention .friend-list .fri-lists .fri-opt{position:relative;margin-top:8px}.myhz-friattention .friend-list .fri-lists .fri-opt>span{padding:0 10px 0 10px;white-space:nowrap;display:inline-block;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;height:24px;line-height:25px;font-size:12px;min-width:40px;text-align:center;border:1px solid #eee;margin-bottom:10px;cursor:pointer}.myhz-friattention .friend-list .fri-lists .fri-opt>span i{vertical-align:text-top;padding-left:4px}.myhz-friattention .friend-list .fri-lists .fri-opt .dropdown-group{display:none;position:absolute;border:1px solid #ccc;width:253px;padding:10px;background:#fff;z-index:999}.myhz-friattention .friend-list .fri-lists .fri-opt .dropdown-group h5{height:30px;line-height:30px;margin-top:-10px;font-size:12px;margin-bottom:4px}.myhz-friattention .friend-list .fri-lists .fri-opt .dropdown-group .group-box li{float:left}.myhz-friattention .friend-list .fri-lists .fri-opt .dropdown-group .group-box li span{vertical-align:text-bottom;font-weight:normal;font-size:12px;display:inline-block;overflow:hidden;text-overflow:ellipsis;width:94px}.myhz-friattention .friend-list .fri-lists .fri-opt .dropdown-group .group-box .create-group{padding:4px 8px;border:1px solid #ccc;font-size:12px}.myhz-friattention .friend-list .fri-lists .fri-opt .dropdown-group .group-box .create-group i{color:#15c288;padding-right:4px}.myhz-group .group-item h4{padding:15px 0}.myhz-group .group-item .course-in-ul li{border:0;width:12.5%;padding:0 10px 10px;float:left}@media (max-width:992px){.myhz-group .group-item .course-in-ul li{width:14%}}@media (max-width:480px){.myhz-group .group-item .course-in-ul li{width:25%}}.myhz-group .group-item .course-in-ul li img{width:80px;height:80px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;width:100%;height:auto}.myhz-group .group-item .course-in-ul li p{text-align:center;padding:10px 0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myhz-group .group-item .course-in-ul li p a{color:#15c288}.myhz-group .group-new{padding:20px 20px 0}.myhz-group .group-new .media{position:relative;border-bottom:1px dashed #ddd;padding:10px 0}.myhz-group .group-new .media:last-child{border-bottom:none}.myhz-group .group-new .media-left{padding-right:30px;text-align:center}.myhz-group .group-new .media-left img{width:50px;height:50px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-bottom:10px}.myhz-group .group-new .media-body h5{font-size:14px;font-weight:bold}.myhz-group .group-new .media-body h5 a{color:#444}.myhz-group .group-new .media-body h5 .data{margin-left:20px;color:#999;font-weight:normal}.myhz-group .group-new .media-body .group-detail{font-size:13px;color:#999}.myhz-group .group-new .media-body .group-detail .group-name{color:#15c288;margin-right:10px}.myhz-group .group-new .media-body .group-detail .group-author{color:#15c288;margin-left:4px}.myhz-group .group-new .media-body .group-detail .group-count{margin-left:10px}.myhz-group .group-new .media-body .group-detail .last-reply{margin-left:10px}.myhz-group .group-new .media-body .group-detail .last-reply a{color:#15c288}.myhz-group .group-new .reply-count{position:absolute;text-align:center;top:6px;right:0;width:80px;padding-top:10px}.myhz-group .group-new .reply-count a{color:#15c288;font-size:14px}.myhz-group nav{padding:0 20px}.hz-progress{padding:28px 20px;background:#f9f9f9;border-bottom:1px solid #f0f0f0}.hz-progress p{color:#444}.hz-progress p .count{font-size:16px;color:#15c288}.hz-progress p .rule{font-size:12px;color:#999;padding-left:18px}.hz-progress .progress{margin-left:24px;height:12px;margin-bottom:0}.hz-progress .progress-bar-success{background:#15c288}.home-in{padding:0 20px}.home-out{padding:20px}.home-out .f-img{float:left;padding-right:20px}.home-out .f-left{padding-left:75px}.home-out .f-left .f-name{margin-top:4px;margin-bottom:5px}.home-out .f-left .f-name a{font-size:14px;color:#666;padding-right:4px}.home-out .f-left .f-name a.text-primary{color:#15c288;padding:6px}.home-out .f-left .f-name .c-name{color:#15c288}.home-out .f-left .f-name .f-time{color:#999;margin-top:5px;font-size:12px}.home-out .f-left p{color:#999}.home-out .f-left p a{color:#15c288}.home-out .f-left .f-con{max-height:42px;overflow:hidden;margin-top:6px}.home-out .f-left .f-con img{height:20px}.home-out .f-left .f-con a{padding:4px}.home-out .f-left .f-dark{color:#444}.home-out .f-left .c-content{color:#444}.home-out .f-content{background:#f4f6f8;padding:16px 0;max-width:734px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin-left:75px;margin-top:17px;position:relative;color:#999}@media (max-width:1200px){.home-out .f-content{margin-left:0}}.home-out .f-content:after{left:50px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#f4f6f8;border-width:7px;margin-left:-3px;top:-13px}.home-out .f-content .title{font-size:14px;margin-top:0;padding:0 16px;margin-bottom:0}.home-out .f-content .title a{color:#15c288;line-height:20px;vertical-align:bottom;display:inline-block;max-width:672px;height:40px;overflow:hidden}.home-out .f-content .t-c{display:inline-block;max-height:42px;overflow:hidden;color:#444;vertical-align:text-top}.home-out .f-content li{padding:10px 16px 10px 46px;border-bottom:1px dashed #ddd}.home-out .f-content li a{color:#444}.home-out .f-content li:first-child{padding-top:0}.home-out .f-content li:last-child{border-bottom:none}.home-out .f-content .about-topic li{padding:10px 28px}.home-out .f-content .c-img{width:267px;height:137px;display:inline-block;overflow:hidden;padding-left:16px}@media (max-width:992px){.home-out .f-content .c-img{width:100%;height:auto}}.home-out .f-content .c-img img{width:100%}.home-out .f-content .c-content{display:inline-block;width:63%;padding-left:16px;vertical-align:top}@media (max-width:1200px){.home-out .f-content .c-content{width:53%}}@media (max-width:992px){.home-out .f-content .c-content{width:100%}}.home-out .f-content .c-content .c-title{color:#15c288;font-size:16px;display:inline-block;margin-top:14px;max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-out .f-content .c-content p{height:90px;overflow:hidden;padding-top:8px;color:#444}.home-out .f-question{padding:20px 0 0 94px}@media (max-width:1200px){.home-out .f-question{padding:20px 0 0 0}}.home-out .f-question a{display:inline-block;width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;margin-right:20px}.home-out .f-question a img{width:100%}.home-out .f-question .question-reply{border:1px solid #ddd;height:36px;width:90%}.home .hz-letter-title{line-height:65px;text-align:center;padding:0 40px;position:relative;border-bottom:1px solid #eee;font-size:16px}.home .hz-letter-title .back,.home .hz-letter-title .colse{position:absolute;top:0;font-size:13px}.home .hz-letter-title .back{left:20px}.home .hz-letter-title .colse{right:20px}.home .hz-letter-body{padding:0 20px 50px}.home .hz-letter-body>form{margin-top:30px}.home .hz-letter-body>form textarea{margin-bottom:10px}.home .hz-letter-body>ul li{position:relative;padding:15px 0;border-bottom:1px dashed #eee}.home .hz-letter-body>ul li .content{border:1px solid #ccc;border-radius:5px;box-shadow:0 3px 3px rgba(0,0,0,0.05);max-width:600px;padding:11px 25px 11px 16px;position:relative;margin-top:4px;margin-left:20px}.home .hz-letter-body>ul li .content:before,.home .hz-letter-body>ul li .content:after{position:absolute;top:5px;border:8px solid transparent;content:" ";display:block;width:0;height:0}.home .hz-letter-body>ul li .content .colse{position:absolute;top:10px;right:10px}.home .hz-letter-body>ul li.to .content:before{left:-15px;border-right:8px solid #ccc}.home .hz-letter-body>ul li.to .content:after{border-right:8px solid #fff;left:-14px}.home .hz-letter-body>ul li.to .time{right:10px}.home .hz-letter-body>ul li.m .content{margin-left:0;margin-right:20px;background-color:#d7ebfe;border:1px solid #b7d4ef}.home .hz-letter-body>ul li.m .content:before{right:-15px;border-left:8px solid #b7d4ef}.home .hz-letter-body>ul li.m .content:after{border-left:8px solid #d7ebfe;right:-14px}.home .hz-letter-body>ul li.m .time{left:10px}.home .hz-letter-body .time{position:absolute;top:20px;color:#999;font-size:12px}.home h3 .btn{padding:3px 10px;margin-top:20px}.home .inform{padding:10px 20px 60px}.home .inform li{padding:20px 0;margin:0;border-bottom:1px dashed #ddd}.home .inform li.hr{position:relative;padding:20px 0 0;margin-bottom:20px;top:-1px;background:#fff}.home .inform li.hr font{position:absolute;left:50%;margin-left:-42px;top:11px;background:#fff;padding:0 10px}.home .inform li>div{padding:0}.home .inform .body{padding-left:30px;position:relative}.home .inform .body>.fa{position:absolute;margin-right:10px;top:3px;left:0}.home .inform .body .content{padding:20px;margin-top:10px;background-color:#f4f6f8}.home .inform .time{font-size:12px;color:#999;text-align:right}.hz-personal-letter .gotourl{position:absolute;top:0;right:0;left:0;bottom:0;display:block;z-index:9}.hz-personal-letter h4{font-size:14px}.hz-personal-letter>ul{margin-top:0}.hz-personal-letter>ul li{padding:20px;cursor:pointer;position:relative}.hz-personal-letter>ul li:hover{background-color:#f2f2f5}.hz-personal-letter>ul li>a{float:left;padding-right:15px;z-index:10;position:relative}.hz-personal-letter>ul .text-o-show{padding-right:50px}.hz-personal-letter>ul .namber{display:inline-block;position:absolute;bottom:22px;right:20px}.hz-personal-letter>ul .right-btn{right:20px}.hz-personal-letter>ul .right-btn .close{margin-left:16px;position:relative;z-index:99}.meclassroom{margin:0}.meclassroom .col-md-6{padding:0}.meclassroom .class-item{padding:20px;margin:0;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.08);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.08);box-shadow:0 1px 1px rgba(0,0,0,0.08);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.meclassroom .class-item .class-data.manage>li{width:25% !important}.mestudying .studing-item{padding:20px 0;border-bottom:1px dashed #ddd}.mestudying .studing-item:last-child{border-bottom:none}.mestudying .studing-item>div{float:left}.mestudying .study-img{width:140px;height:80px;position:relative}.mestudying .study-img img{width:100%}.mestudying .study-img span{position:absolute;display:inline-block}.mestudying .study-img .load{bottom:0;height:3px;background-color:#15c288}.mestudying .study-img .pere{top:50%;left:50%;width:54px;height:54px;margin-top:-27px;margin-left:-27px;line-height:54px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:rgba(0,0,0,0.3);font-size:18px;color:#fff}.mestudying .study-img .icon{top:-1px;background:#fd9271;color:#fff;font-size:12px;padding:2px 2px 0;margin-left:5px;z-index:3;height:20px}.mestudying .study-img .icon:after{z-index:1;top:100%;left:0;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#fd9271;border-width:14px}.mestudying .study-content{width:64%;padding-left:22px}@media (max-width:1200px){.mestudying .study-content{width:60%}}@media (max-width:768px){.mestudying .study-content{width:100%}}.mestudying .study-content h4{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mestudying .study-content h4 a{color:#444}.mestudying .study-content h4 a:hover{color:#15c288}.mestudying .study-content p{color:#999;height:40px;overflow:hidden;margin:0}.mestudying .inter{width:17%;margin-top:20px;text-align:center}@media (max-width:768px){.mestudying .inter{width:auto}}.mestudying .inter a{color:#fff;padding:10px 25px;border-radius:20px;line-height:60px}.mestudying .inter.class a{background:#fd9271}.mestudying .inter.class a:hover{background:#eb7550}.mestudying .inter.study a{background:#15c288}.mestudying .inter.study a:hover{background:#12b880}.mestudying .more{height:46px;line-height:46px;background:#fff}.mestudying .more a{color:#999}.mestudying .more a i{margin-right:13px}.hz-daren{background:#fff}.hz-daren .enter-banner,.hz-daren .daren-footer{background:url("../img/howzhi/hzdaren/banner.png") center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.hz-daren .enter-item{margin:15px 0 45px 0}.hz-daren .enter-item.item2 h2{color:#10b156}.hz-daren .enter-item.item3 h2{color:#15c288}.hz-daren .enter-item h2{font-size:18px;color:#15c288;padding-left:25px;margin-bottom:45px}.hz-daren .enter-item .row{text-align:center}.hz-daren .enter-item .row img{display:inline}.hz-daren .enter-item .row p.act{color:#10b182;margin:20px 0 10px 0;font-size:18px}.hz-daren .enter-item .row p{font-size:16px}.hz-daren .hz-daren-form,.hz-daren .enter-item{padding:0 60px}@media (max-width:992px){.hz-daren .hz-daren-form,.hz-daren .enter-item{padding:0 15px}}.hz-daren .daren-footer{background:url("../img/howzhi/hzdaren/enter-foot.jpg") center bottom;padding:50px 0 100px 0;background-repeat:no-repeat}.hz-daren .daren-footer img{display:inline}.hz-daren .hz-daren-form .gorm-group lable{font-size:18px;color:#12c888}.hz-daren .hz-daren-form .gorm-group small{font-size:14px;padding-left:5px;color:#ccc}.hz-daren .hz-daren-form .gorm-group input{width:100%;height:42px;padding:0 10px;border:1px solid #ccc}.hz-daren .hz-daren-form .gorm-group textarea{height:120px;border:1px solid #ccc}.hz-daren .hz-daren-form .controls{margin:15px 0 30px 0}.hz-daren .hz-daren-form .wxlogo{background:#f3f3f3;display:inline-block;padding:10px 20px 20px;margin:40px 0 0 0}@media (max-width:992px){.hz-daren .hz-daren-form .wxlogo{float:none !important;margin-top:0;margin-bottom:20px}}.hz-daren .hz-daren-form .wxlogo img{max-width:208px;width:100%}.normal-main{background:#fff}.normal-main{margin-top:20px;padding:28px;line-height:34px}.normal-main h1{color:#444;font-size:26px;font-weight:bold}.normal-main h2{color:#15c288;border:none;padding:0}.normal-main p,.normal-main li{font-size:14px;color:#444}.normal-main li{margin-left:48px;list-style-type:disc}.normal-main li a{color:#15c288}.myhz-reg{background:#fff}.myhz-reg .panel-page{padding:122px 218px 0 !important}.myhz-reg .panel-page .panel-heading{margin-right:46px}.myhz-reg h1{color:#15c288;font-size:26px;margin-top:5px}.myhz-reg .text-gray{color:#666;margin-top:14px;font-size:18px}.myhz-reg .mvl a{display:inline-block;width:130px;height:44px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;color:#fff;font-size:16px;text-align:center;line-height:44px;margin-right:25px}.myhz-reg .mvl a.btns-look{border:1px solid #15c288;background:#15c288}.myhz-reg .mvl a.btns-look:hover{background:#fff;color:#15c288}.myhz-reg .mvl a.btns-go{border:1px solid #4bbcef;background:#4bbcef}.myhz-reg .mvl a.btns-go:hover{background:#fff;color:#4bbcef}.myhz-reg .alert-info{margin-top:-67px;text-align:center}.myhz-reg .alert-warnings{padding:25px 58px;background:#f7f7f7;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:110px 0 230px;font-size:16px;text-align:left}.myhz-reg .alert-warnings h5{font-size:18px;color:#444}.myhz-reg .alert-warnings h5 i{padding-right:6px}.myhz-reg .alert-warnings ul li{font-size:16px;line-height:30px;color:#666}.form-control{border-radius:0}.select2-container{border:none}.select2-choices{border-radius:0 !important}.select2-search-field,.select2-choices input{border:0 !important;box-shadow:none !important;background:none !important}.panel{border-radius:2px}.panel.panel-default>.panel-heading span{font-size:12px}.panel-default>.panel-heading .panel-bar{right:15px}.list-group-block .list-group-heading{height:51px;margin:0;padding:0 20px;color:#444;font-size:20px}.panel.panel-col>.panel-heading{height:51px;margin:0;padding:12px 20px;color:#444;font-size:20px;border-bottom:none;font-weight:normal}.flat.flat-padding{padding:20px}.activity .picbox{margin-top:20px}.activity .picbox .pic{margin:0 15px;overflow:hidden;position:relative}.activity .picbox .pic:hover .mask{opacity:1;filter:alpha(opacity=100)}.activity .picbox .pic:hover .mask a{top:50%}.activity .picbox img{width:100%;height:auto}.activity .picbox .mask{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.3);opacity:0;filter:alpha(opacity=0)}.activity .picbox .mask a{display:inline-block;margin:auto;position:absolute;top:100%;left:50%;margin-top:-17px;margin-left:-46px}.activity .import{color:#e67e22;width:40px;padding:0 10px;float:left}.activity .time{font-size:12px;color:#999}.activity .time h4{color:#666;font-size:16px;margin-bottom:15px;max-height:35px;overflow:hidden}.activity .media{margin:0 15px;padding-bottom:15px}.lesson-list .item-content{max-width:400px}.lesson-list .item-lesson{position:relative}.lesson-list .item-actions{padding-left:15px;padding-right:0}.lesson-list .item-actions .btn{padding:2px 10px}.lesson-list .item-actions .btn.btn-link{color:#fff;background:#15c288}.lesson-list .item-actions .btn.btn-link:hover{background:#13ab78}.panel-default{box-shadow:0 1px 1px rgba(0,0,0,0.08),inset 0 0 0 rgba(0,0,0,0.05);padding:0}.panel-default .panel-heading{padding:18px 15px;border-bottom:1px solid #eee;color:#444;font-size:18px}.panel-default .panel-heading>a{font-size:14px}.panel-default .panel-body{padding:15px}.panel-default{border:0}.group-all .panel-heading>div{height:33px}.group-all .panel-heading h1{margin:0;font-size:22px;font-weight:500}.group-grids .grid{text-align:center}.group-grids .grid .title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grouplist{text-align:center}.user-grids li{height:93px}.empty{background:#fff;color:#666;padding:20px 0 30px}.empty a{color:#15c288}.ptl .alert-warning{color:#666}.group-post-list .media-list .media-object{width:48px;height:48px}.user-avatar-list li{width:33%}.js-user-card{position:relative}.es-card .card-footer span{width:33.33%}.es-card .card-footers span{width:25%}.panel-title{font-size:18px}.panel-title .es-icon{display:none}.class-detail-content .topic-list .title .active{color:#ff9445;padding-right:4px}.topic-detail .topic-num .num-list{height:auto}.group-search .form-control{border-bottom-left-radius:0 !important;border-top-left-radius:0 !important}.panel-page{padding:45px 50px 50px !important}.panel-page .panel-heading{border:0 !important;padding:0 !important}.group-main .breadcrumb{height:auto;line-height:20px;padding:8px 15px;margin-bottom:20px;margin-top:0;background-color:#f5f5f5;border-radius:4px;font-size:14px}.pvm-content{display:inline-block;vertical-align:top;padding-left:20px;max-width:470px}textarea.form-control{height:120px}.ptl .panel-page{text-align:center;padding-top:90px !important}.group-main a{color:#15c288}.thread-list .metas a{color:#15c288}.toolbar-pane-list .media{border:1px dashed #eee;padding:15px;margin:0}.show-user{color:#15c288;font-size:14px}.group-page .grouplist{height:136px}.comment-list .media-left,.group-post-list .media-left{float:left}@media (max-width:480px){.comment-list .media-left,.group-post-list .media-left,.comment-list .js-user-card,.group-post-list .js-user-card{position:absolute;display:block}.comment-list .media-left img,.group-post-list .media-left img,.comment-list .js-user-card img,.group-post-list .js-user-card img{width:20px !important;height:auto !important}.comment-list .metas,.group-post-list .metas{padding-left:35px !important}}.comment-list .media-body,.group-post-list .media-body{width:auto;display:block}.class-signin .panel-body{padding:23px 15px !important}.group-page .input-group-btn{z-index:2}.group-thread img,.group-post-list img,.editor-text img{cursor:pointer;max-width:100%}.es-qrcode .qrcode-popover{z-index:9999}.form-horizontal.hz-reset .form-group{margin-bottom:25px}@media (max-width:480px){.form-horizontal.hz-reset .form-group{margin-bottom:10px}}.media-evaluate{border-bottom:1px dashed #eee;padding:20px 0 5px}.media-evaluate .media-body{border:0;padding:0}@media (max-width:768px){.page-message-container{width:100%}}.page-message-panel{border:1px solid #eee}.hzform-paytype .order-detail-bg{padding:50px}@media (max-width:767px){.hzform-paytype .order-detail-bg{padding:15px}}.hzform-paytype .pay-type-label{display:inline-block;margin-right:10%;font-size:18px}@media (max-width:767px){.hzform-paytype .pay-type-label{display:block}}.hzform-paytype .check{cursor:pointer;width:150px;height:58px;border:2px solid #e1e1e1;position:relative;text-align:center;font-size:16px;line-height:58px;display:inline-block;margin-right:15px}@media (max-width:767px){.hzform-paytype .check{margin-right:5px;width:100px;height:40px;line-height:40px}.hzform-paytype .check img{width:80%;height:auto}}.hzform-paytype .check.active{border:2px solid #15c288}.hzform-paytype .check.active .icon{display:block}.hzform-paytype .check.disabled{opacity:.2;cursor:default}.hzform-paytype .check .icon{display:none;background:url('/assets/v2/img/old/pay-check-status.png') no-repeat;top:-1px;right:-1px;width:23px;height:26px;background-position:0 -4px;position:absolute;overflow:hidden}@media (min-width:768px){.modal-sm{width:300px}}.input-group .btn{position:relative;z-index:3}.input-group .btn .media-evaluate .es-icon-star{color:#15c288}.sidenav .list-group-item.active{border-color:#15c288 !important}.sidenav .list-group-item.active a{color:#15c288 !important}.nav.nav-tabs .highlight{border-bottom:2px solid #15c288}.nav.nav-tabs>li>a{color:#444}.nav.nav-tabs>li.active>a,.nav.nav-tabs>li:hover>a{color:#15c288}.login{position:relative;background-color:#fff;overflow:hidden;height:770px;width:100%;background:url("../img/howzhi/login_bg.jpg") no-repeat top center}@media (max-width:767px){.login{height:523px;background-position:center top}}.login-box{width:380px;position:absolute;top:50%;margin-top:-300px;right:50%;z-index:11;margin-right:-550px;background:#fff;box-shadow:2px 2px 15px #ddd;padding:30px 50px 40px;-webkit-transition:-webkit-transform .7s ease,visibility .7s ease,z-index .7s ease;-moz-transition:-moz-transform .7s ease,visibility .7s ease,z-index .7s ease;-o-transition:-o-transform .7s ease,visibility .7s ease,z-index .7s ease;transition:transform .7s ease,visibility .7s ease,z-index .7s ease}@media (max-width:991px){.login-box{margin-right:0;right:20px}}@media (max-width:767px){.login-box{margin:0;left:0;right:0;width:100%;top:0;bottom:0}}.login-box.active{z-index:-1;visibility:hidden;transform:rotateY(90deg);-ms-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);-o-transform:rotateY(90deg)}.login-box.reset{padding:0;box-shadow:none;margin:0;position:static;background:#eff3f6;margin:auto;width:280px}.login-box h1{color:#444;font-size:22px;margin-bottom:30px}.login-box h1>a{color:#15c288;font-size:18px}.login-box h1>a>i{margin-left:10px}.login-box .checkbox input{margin-top:3px}.login-box .form-group{position:relative;margin-bottom:20px;color:#999}.login-box .form-group.has-error .fa-label i{color:#a94442 !important}.login-box .form-group>.control-label{display:none}.login-box .form-group>.controls .fa-label{position:absolute;top:13px;left:15px;padding-right:15px;border-right:1px solid #eee;height:18px;line-height:18px;width:30px}.login-box .form-group>.controls .fa-label>i{font-size:20px;position:absolute;top:0;left:0}.login-box .form-group .form-control{width:100%;height:45px;border-radius:5px;padding-left:65px}.login-box .form-group .ident{width:125px;padding:0 10px;line-height:45px}.login-box .form-group .ident-img{height:45px}.login-box .form-group .ident-img img{width:100%;height:100%}.login-box .form-group .remember_me{position:static;font-weight:500}.login-box .login-btn{border:0;width:100%;height:45px;margin-bottom:30px;font-size:16px;text-align:center;border-radius:5px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.login-box.register{transform:rotateY(90deg);-ms-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);-o-transform:rotateY(90deg);z-index:-1;visibility:hidden}.login-box.register.active{z-index:11;visibility:visible;display:block;transform:rotateY(0deg);-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);transition-delay:.5s;-moz-transition-delay:.5s;-webkit-transition-delay:.5s;-o-transition-delay:.5s}.login-modal-reset{background:#eff3f6;border-radius:10px}.login-modal-reset .modal-header{border:0;margin-top:10px}.login-modal-reset .modal-header h4{font-size:22px;color:#15c288;padding-bottom:5px}.login-modal-reset .modal-header>img{display:block;margin:auto}.login-modal-reset .modal-body{padding:0}.login-modal-reset .modal-footer{border:0}.login-modal-reset .controls .fa{color:#15c288 !important}.login-modal-reset .toregister{font-size:16px;text-align:center;padding-bottom:15px}.login-delay{transition-delay:.5s;-moz-transition-delay:.5s;-webkit-transition-delay:.5s;-o-transition-delay:.5s}@media (min-width:1440px){.regist-guide>.content{min-height:675px}}.regist-guide>.content{padding:50px 0;background:#2ebe67 no-repeat url("../img/howzhi-start/hz-start-1bg.jpg") center bottom}@media (max-width:768px){.regist-guide>.content{padding:20px 0}}.regist-guide .step2{background-image:url("../img/howzhi-start/guide_bg2.png")}.regist-guide .step2 .course .row{margin:0 -20px 0 -20px}.regist-guide .step2 .course .col-md-4{padding:0 20px}.regist-guide .step2 .course-box{width:900px;margin:auto}@media (max-width:768px){.regist-guide .step2 .course-box{width:100%}.regist-guide .step2 .course-box .mask{opacity:1;filter:alpha(opacity=100)}.regist-guide .step2 .course-box .mask .btn{top:50%;margin-top:-17px}.regist-guide .step2 .course-box .course .row{margin:0}}.regist-guide .step2 .course-item{background:#fff;margin-bottom:30px}.regist-guide .step2 .course-item .title{margin-bottom:0}.regist-guide .step2 .course-item .mask .btn{margin-left:-47px}.regist-guide .step2 .course-img>.fa-check{right:20px;bottom:15px;font-size:14px;padding:2px;color:#fff;background:#36c487;position:absolute}.regist-guide .step2 .gray-collected,.regist-guide .step2 .gray-collected:hover{background:#666 !important;border-color:#666}.regist-guide h1{margin:20px 0;color:#fff;font-size:28px}@media (max-width:768px){.regist-guide h1{font-size:20px}}.regist-guide .step1{width:530px;margin:auto;padding:30px 0}.regist-guide .step1 ul{margin:-22px 0}.regist-guide .step1 li{padding:0 22px;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease}.regist-guide .step1 li.act{margin-bottom:140px}.regist-guide .step1 .img2 .tags:before,.regist-guide .step1 .img5 .tags:before,.regist-guide .step1 .img8 .tags:before{margin-left:-8px;left:50%}.regist-guide .step1 .img2 .tags-box,.regist-guide .step1 .img5 .tags-box,.regist-guide .step1 .img8 .tags-box{left:-100%;margin-left:25px}.regist-guide .step1 .img3 .tags:before,.regist-guide .step1 .img6 .tags:before,.regist-guide .step1 .img9 .tags:before{left:initial;right:60px}.regist-guide .step1 .img3 .tags-box,.regist-guide .step1 .img6 .tags-box,.regist-guide .step1 .img9 .tags-box{right:23px}.regist-guide .step1 .img-logo{background:#fff;border-radius:15px;padding:15px 25px}.regist-guide .step1 .img-logo img{display:block;margin-left:auto;margin-right:auto}@media (max-width:768px){.regist-guide .step1{width:100%}.regist-guide .step1 .img-logo{padding:12px}.regist-guide .step1 ul{margin:-10px 0}.regist-guide .step1 li{padding:10px}}.regist-guide .tags-box{width:485px;margin:0;position:absolute;top:100%;margin-top:10px;padding-top:8px;overflow:hidden;height:108px;z-index:10;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}.regist-guide .tags-box.hide{-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;z-index:-1;height:20px;display:block !important}@media (max-width:768px){.regist-guide .tags-box{width:250%}}.regist-guide .tags{border-radius:10px;height:100%;padding:15px;background:#a2e2bc}.regist-guide .tags:before{position:absolute;left:60px;top:-8px;border:8px solid transparent;border-bottom:8px solid #a2e2bc;content:" ";display:block;width:0;height:0;z-index:10}.regist-guide .tags span{cursor:pointer;background:#9ed2b3;color:#fff;padding:0 6px;font-size:16px;border-radius:5px;display:inline-block;margin:0 20px 14px 0}@media (max-width:480px){.regist-guide .tags span{font-size:14px;margin:0 10px 14px 0}}.regist-guide .tags span.act{background:#15c288}.regist-guide .guide-next{padding:10px 30px;border-radius:5px}.regist-guide .img-logo>.fa-check{position:absolute;bottom:8px;right:30px;font-size:20px;color:#36c487}.regist-guide .bottom-fix-bar{z-index:100001;position:fixed;width:100%;bottom:0;background:#000;background-color:rgba(0,0,0,0.65)}@media (max-width:768px){.regist-guide .bottom-fix-bar{padding:5px 0}}.regist-guide .bottom-fix-bar h4{font-size:16px;color:#fff;margin:0;line-height:45px}.regist-guide .bottom-fix-bar h4 font{font-size:27px}.regist-guide .login-box{position:static;margin:0;background:transparent;box-shadow:none;padding:30px 50px 20px;color:#fff}@media (max-width:992px){.regist-guide .login-box{padding:20px 10px}}.regist-guide .login-box .agren,.regist-guide .login-box .agren a{color:#fff}.regist-guide .login-box .social .hz-icon{background:transparent}.regist-guide .login-box .login-btn{margin-bottom:5px}.regist-guide .login-box h1{font-size:22px}.regist-guide .att{color:#fff}.regist-guide .att .tit{font-size:18px;padding:50px 0 40px 100px}.regist-guide .att .my-data-word{margin-left:72px;padding:20px 56px;background:#6fce66;font-size:42px;border-radius:10px}.regist-guide .att .data-img{margin-top:35px;position:relative}.regist-guide .att .data-img.act img{opacity:1;filter:alpha(opacity=100);-webkit-animation-name:hzdata;bottom:0}.regist-guide .att .data-img>img{position:relative;bottom:-400px}.regist-guide .att .story-descript{position:absolute;right:-30px;top:0}@media (max-width:992px){.regist-guide .att{display:block}.regist-guide .att .tit{padding:50px 0 20px 30px}.regist-guide .att .my-data-word{margin-left:27px;padding:20px 29px;font-size:20px}}.regist-guide .course{color:#fff;padding:30px 0 70px 0;position:relative}.regist-guide .course h3{padding:0 15px 10px}.regist-guide .course .course-item{background:#fff}.regist-guide .course .pagination{width:auto;position:absolute;top:10px;right:0;display:inline}.regist-guide .course .pagination a{border:0;background:transparent;cursor:pointer}.regist-guide .course .pagination a.right:after{border-left:8px solid #fff}.regist-guide .course .pagination a.left:after{border-right:8px solid #fff}.regist-guide .course .pagination a.disabled{cursor:not-allowed}.regist-guide .course .pagination a.disabled.right:after{border-left:8px solid #eee}.regist-guide .course .pagination a.disabled.left:after{border-right:8px solid #eee}.marketing{text-align:center}.marketing .container{position:relative}.marketing .container .btn{position:absolute;top:41px;left:32px;font-size:18px}.marketing .container .btn.hot{background-color:#ff5a5a;color:#fff}.marketing .imgbg{height:460px;background-repeat:no-repeat;background-position:center center}.marketing .imgbg p{position:absolute;left:-1000px;text-align:left}@media (max-width:1200px){.marketing .imgbg{height:380px}}@media (max-width:992px){.marketing .imgbg{height:300px}}@media (max-width:767px){.marketing .imgbg{height:250px}}@media (max-width:480px){.marketing .imgbg{height:200px}}.marketing .marketing-pic1{background:#1eca7e}.marketing .marketing-pic2{background:url("../img/howzhi/classmarketing2-bg.jpg")}.marketing .marketing-pic3{background:url("../img/howzhi/hz-classroom-market/classroom6/banner-bg.jpg")}.marketing .marketing-pic4{background:url("../img/howzhi/hz-classroom-market/classroom7/banner_bg.jpg")}.marketing .autobg{background-size:cover;background-position:center center;background-repeat:no-repeat}.marketing .autobg img{display:inline}.marketing .word{background:#79d05f;color:#fff;padding-bottom:90px}.marketing .word>div{line-height:25px}.marketing .word h1{margin:0}.marketing .word .more{display:inline-block;padding:2px 6px;margin:30px 0;background:#fea700;color:#fff;border-radius:10px}.marketing .word img{margin:auto}.marketing .word h2{font-size:20px}.hz-feedback h1{padding:20px 40px;font-size:20px;margin:0}.hz-feedback .feedback-tip{padding:14px 40px;line-height:32px;background:#f8f9fa}.hz-feedback .content{padding:30px 40px;width:850px}@media (max-width:992px){.hz-feedback .content{width:100%}}.hz-feedback .content h2{margin:0 0 20px 0;height:20px;padding:0;line-height:20px;font-size:16px;border:0}.hz-feedback .feed-list{font-size:16px}.hz-feedback .feed-list li{line-height:40px}.hz-feedback .feed-list li .caret{transform:rotate(-90deg);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.hz-feedback .feed-list li.act .answer-title{color:#15c288}.hz-feedback .feed-list li.act .caret{transform:rotate(0deg)}.hz-feedback .feed-list .answer-title{position:relative;line-height:22px;padding:10px 0 10px 20px;cursor:pointer;line-height:1.75}.hz-feedback .feed-list .answer-title p{margin-bottom:5px}.hz-feedback .feed-list .answer-title img{max-width:80%}.hz-feedback .feed-list .answer-title .caret{position:absolute;top:22px;left:0}.hz-feedback .feed-list .answer{display:none;background:#f8f9fa;margin:0 0 35px 28px;padding:20px;line-height:22px}.hz-feedback .contact-tous{padding:0 10px}.hz-feedback .contact-tous li{float:left;margin-right:40px;position:relative}.hz-feedback .contact-tous li .sns-popover{z-index:-1;left:-57px;top:-188px}.hz-feedback .contact-tous li:hover .sns-popover{transform:scale(1, 1);opacity:1;z-index:10000}.hz-feedback .contact-tous .hz-icon{display:block;font-size:80px}.hz-feedback .feed-form{margin-bottom:25px}.hz-feedback .feed-form textarea{height:150px;border:1px solid #f0f0f0;padding:15px 25px !important}.hz-feedback .feed-form input[type="text"]{border:1px solid #f0f0f0;height:40px;line-height:40px;padding:0 25px;width:100%}.hz-feedback .fixed-bar.hz-feedback{display:none}@media (max-width:480px){.hz-feedback .feedback-tip,.hz-feedback .content{padding:10px}.hz-feedback .feed-list .answer{margin:0 0 10px 0}}.hz-pay .hz-pay-way{padding:50px;margin-bottom:20px}.hz-pay .pay-type-lable{display:inline;margin-right:10%;font-size:18px}.hz-pay .check .icon{display:none}.hz-pay .check.active .icon{display:inline}.order-nav>div{width:50%}@media (max-width:768px){.modal{z-index:100001}.alert{margin-bottom:10px}.nav.nav-tabs{margin-bottom:0}#classroom-buy-form .form-group{margin-bottom:5px}.order-pay .order-pay-body{padding:10px 0}.order-pay .pay-type-lable{display:block;margin-bottom:5px}.order-pay .order-info{padding:10px 25px;width:100% !important}.order-pay .order-detail,.order-pay .order-item{height:auto;padding:10px}.order-pay .order-detail-bg{margin-bottom:10px;padding:10px}.order-pay .total-price{margin:5px 0}.order-pay .order-item-title{width:100% !important;line-height:25px !important}.order-pay .order-item-detail{line-height:25px;padding:10px 0}.order-pay .order-item-price{width:100% !important}}.fixed-bar .hz-icon{width:100%;height:100%;cursor:pointer;line-height:50px;text-align:center;display:block;font-size:20px;color:#999}.fixed-bar{position:fixed;right:10px;z-index:1000;bottom:10px}.fixed-bar li{height:52px;width:52px;background-color:#fff;border:1px solid #ddd;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.fixed-bar li .icon-question{font-size:28px}.fixed-bar li .fixed-bar-icon:hover{background:#15c288}.fixed-bar li .fixed-bar-icon:hover i{color:#fff}.fixed-bar li:hover{border-color:#15c288}.fixed-bar li:hover .fixed-bar-text{display:block}.fixed-bar li:hover .fixed-bar-icon{display:none}.fixed-bar .hz-weixin{position:relative}.fixed-bar .hz-weixin a{display:block !important}.fixed-bar .hz-weixin a:hover{background:#15c288}.fixed-bar .hz-weixin a:hover .icon-erweima{color:#fff}.fixed-bar .hz-weixin .icon-erweima{font-size:40px}.fixed-bar .hz-weixin .weixin{position:absolute;left:-160px;width:150px;top:50%;margin-top:-88px;background:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0;filter:alpha(opacity=0);visibility:hidden;-webkit-transform:scale(.1, .1);-moz-transform:scale(.1, .1);-ms-transform:scale(.1, .1);-o-transform:scale(.1, .1);transform:scale(.1, .1);transform-origin:right 50%;-webkit-transform-origin:right 50%;-moz-transform-origin:right 50%;-o-transform-origin:right 50%}.fixed-bar .hz-weixin .weixin p{margin-bottom:0}.fixed-bar .hz-weixin .weixin:after{content:'';position:absolute;border:8px solid transparent;border-left:8px solid #fff;top:50%;margin-top:-8px;right:-16px}.fixed-bar .hz-weixin:hover .weixin{opacity:1;filter:alpha(opacity=100);visibility:visible;-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}.fixed-bar a{display:block}.fixed-bar .fixed-bar-text{display:none;color:#fff;padding:5px 10px;background:#15c288}.fixed-bar .go-top{display:none}.fixed-bar .go-top .hz-icon{font-size:35px}.fixed-bar .hz-feedback,.fixed-bar .go-top{margin-top:-1px}.fixed-bar .hz-app{display:none;border:1px solid #15c288}.fixed-bar .hz-app a{padding:0;display:block;text-align:center;line-height:33px;height:100%}@media (max-width:768px){.fixed-bar li{width:35px;height:35px}.fixed-bar .hz-icon{line-height:35px}.fixed-bar .fixed-bar-icon{display:block !important}.fixed-bar .fixed-bar-text{display:none !important}.fixed-bar .hz-weixin .icon-erweima{font-size:30px}.fixed-bar .hz-weixin .weixin{width:100px;left:-110px;margin-top:-50px}}.hz-learning .hz-feedback{display:none}.hz-learning .hz-weixin{display:none}.editor-text blockquote{border-left-color:#15c288}.editor-text pre{padding:15px;border:1px solid #eee;line-height:1.7}.hzco-classify{background:#fff}.hzco-classify .tab{text-align:center}.hzco-classify .tab li{float:left;width:10%}.hzco-classify .tab li a{display:block;padding:22px 0}@media (max-width:992px){.hzco-classify .tab li{width:20%}.hzco-classify .tab li a{padding:10px 1px}}@media (max-width:767px){.hzco-classify .tab li a{padding:8px 2px}}.hzco-classify .tab-head{border:1px solid #f0f0f0;border-width:1px 0;background:#f9f9f9;font-size:16px;color:#444}.hzco-classify .tab-head li.first{border-left:1px solid #f0f0f0}.hzco-classify .tab-head li.first.act{margin-bottom:0}.hzco-classify .tab-head li.last{border-right:1px solid #f0f0f0}.hzco-classify .tab-head>li.act{border-top:2px solid #15c288;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0;background:#fff;margin-bottom:-1px}@media (max-width:992px){.hzco-classify .tab-head{border-width:1px}.hzco-classify .tab-head li{border:none !important;margin:0 !important}.hzco-classify .tab-head li.act a{color:#15c288}}.hzco-classify .tab-body{width:100%;left:0;top:100%;border:1px solid #f0f0f0;border-width:0 1px 1px 1px}.hzco-classify .tab-body li.act{color:#15c288}@media (max-width:992px){.hzco-classify .tab-body{font-size:12px}}.hzco-classify .co-classify-list{margin-top:20px}.hzco-classify .ad{position:relative;margin-bottom:20px}.hzco-classify .ad img{width:100%}.hzco-classify .ad .close{position:absolute;top:5px;right:10px}.hzco-classify .sort-nav{background:#f9f9f9;border:1px solid #f0f0f0;color:#444;border-width:1px 1px 1px 0;margin-bottom:20px}.hzco-classify .sort-nav dl{margin:0}.hzco-classify .sort-nav dd>a.act,.hzco-classify .sort-nav .other i.act{border:1px solid #f0f0f0;border-width:0 1px;background:#fff;color:#15c288}.hzco-classify .sort-nav dd{float:left}.hzco-classify .sort-nav dd>a{display:block;padding:9px 25px}@media (max-width:992px){.hzco-classify .sort-nav dd>a{padding:6px 10px}}.hzco-classify .sort-nav .live{margin-left:-1px}.hzco-classify .sort-nav .live .hz-icon{font-size:18px;margin-right:5px;line-height:16px}.hzco-classify .sort-nav .live .unlive{border:1px solid #f0f0f0;display:inline-block;width:15px;height:15px;background:#fff;vertical-align:text-top;margin-right:5px}.hzco-classify .sort-nav .price-order{position:relative}.hzco-classify .sort-nav .price-order .hz-icon{line-height:16px}.hzco-classify .sort-nav .price-order>ul{display:none;position:absolute;text-align:center;top:100%;left:-1px;right:-1px;z-index:80;background:#fff;border:1px solid #f0f0f0;border-width:0 1px 1px 1px}.hzco-classify .sort-nav .price-order>ul a{padding:7px 0;display:block}.hzco-classify .sort-nav .price-order>ul a.act{color:#15c288}.hzco-classify .sort-nav .price-order:hover{background:#fff}.hzco-classify .sort-nav .price-order:hover>ul{display:block}.hzco-classify .sort-nav .first a{border-left:1px solid #f0f0f0}.hzco-classify .sort-nav .other{position:absolute;right:10px;border-right:1px solid #f0f0f0;padding:0}.hzco-classify .sort-nav .other>i{float:right;height:39px;width:40px;line-height:39px;display:block;color:#999;margin-right:-1px}.hzco-classify .sort-nav .other>i.icon-formatlistbulleted{font-weight:900}.hzco-classify .sort-nav .other>i.act{border-width:0 1px 1px 1px}.hzco-classify .course .course-item{box-shadow:none;border:0;margin-bottom:15px}.hzco-classify .course .course-item .course-img img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.hzco-classify .course .course-item .course-img img:hover{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}.hzco-classify .course .course-item .metas{font-size:12px;line-height:20px}.hzco-classify .course .course-item .metas .status{border:1px solid #15c288;padding:1px 5px;border-radius:4px;color:#15c288}.hzco-classify .course .course-item .metas .status.live{color:#fd9271;border-color:#fd9271}.hzco-classify .course .course-item .course-info{padding:12px 5px}.hzco-classify .course .course-item .course-info img{vertical-align:top}.hzco-classify .course .course-item .course-info .title a{position:static}.hzco-classify .course .course-item .course-info .price{background:transparent}.hzco-classify .course .course-item .title{height:20px}.hzco-classify .hot-tag ul{margin-right:-13px;padding-top:3px}.hzco-classify .hot-tag a{border:1px solid #15c288;float:left;display:block;margin-bottom:16px;margin-right:12px;padding:4px 10px;color:#15c288}.hzco-classify .hot-tag a:hover{background:#15c288;color:#fff}.hzco-classify .hot-tag p{margin:0}.hzco-classify .wall{border:1px solid #f0f0f0;background:#f9f9f9;padding:13px;margin-bottom:20px}.hzco-classify .wall h2{height:30px;line-height:30px;margin:0 0 13px 0;font-size:16px}.hzco-classify .wall .tag-more{height:7px;line-height:7px;margin:0}.hzco-classify .wall.nobottom{padding-bottom:0}.uploader-pic-item{margin:20px 15px 10px 0;float:left;width:90px;height:90px;position:relative}.uploader-pic-item img{width:90px;height:90px}.uploader-pic-item .close{position:absolute;text-align:center;top:-25px;left:0;width:100%;height:25px;line-height:25px;background-color:rgba(0,0,0,0.5);cursor:pointer;opacity:0;color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.uploader-pic-item .close:hover{color:#f00}.uploader-pic-item:hover .close{opacity:1;top:0}.uploader-pic-item p{margin-top:5px;font-size:12px}.uploader-pic-item .progress-bar{height:10px;position:absolute;bottom:0;left:0}.uploader-pic-item .icon-selected{position:absolute;z-index:100002;bottom:-12px;right:-12px;font-size:20px;color:#15c288;display:none}.hz-upload-ui .webuploader-dnd-over{border:1px dashed #919191 !important}.hz-upload-ui .upload-show,.hz-upload-ui .upload-list{background:#f8f8f8;border:1px dashed #e1e1e1;cursor:pointer}.hz-upload-ui .upload-show .upload-word,.hz-upload-ui .upload-list .upload-word{margin:70px 0}.hz-upload-ui .upload-show .icon-addcircle,.hz-upload-ui .upload-list .icon-addcircle{font-size:60px;line-height:50px;color:#30c78d;cursor:pointer}.hz-upload-ui .upload-list{padding:30px 30px 10px 30px;display:none}.hz-upload-ui .upload-list .upload-word{margin:0;border:1px dashed #e1e1e1;background-color:#fff;height:100%}.hz-upload-ui .upload-list .upload-word .addcircle{margin-top:46px}.hz-upload-ui .upload-list .upload-word>div{height:100% !important;width:100% !important}.hz-upload-ui .upload-list .upload-word .icon-addcircle{font-size:35px;line-height:35px}.hz-upload-ui .upload-list ul{margin:0 -10px}.hz-upload-ui .upload-list li{position:relative;width:25%;float:left;padding:0 10px;height:150px;text-align:center;overflow:hidden;margin-bottom:20px}@media (max-width:767px){.hz-upload-ui .upload-list li{width:50%}}.hz-upload-ui .upload-list li:hover .close{opacity:1;filter:alpha(opacity=100)}.hz-upload-ui .upload-list li:after{content:'';width:10px;height:100%;top:0;right:0;position:absolute;background:#f8f8f8}.hz-upload-ui .upload-list li>div{height:100%;background-color:#fff}.hz-upload-ui .upload-list li .wait{background:#f0f0f0}.hz-upload-ui .upload-list li img{height:100%;display:none}.hz-upload-ui .upload-list .close{position:absolute;bottom:0;right:10px;width:24px;height:24px;color:#fff;line-height:20px;background-color:#000;background:rgba(0,0,0,0.6);opacity:0;filter:alpha(opacity=0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.hz-upload-ui .upload-list .close i{font-size:14px}.hz-upload-ui .loading{position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;height:64px;line-height:64px;width:64px;text-align:center;border-radius:50%;background-color:#fafafa;border:1px solid #cfcfcf}