.btn-default,.btn-error,.btn-info,.btn-link,.btn-primary,.btn-success{display:inline-block;text-align:center;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-style:solid;border-width:1px;line-height:1.571428571428571;padding:6px 12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.btn-default.tiny,.btn-error.tiny,.btn-info.tiny,.btn-link.tiny,.btn-primary.tiny,.btn-success.tiny{border-style:solid;border-width:1px;font-size:12px;line-height:1;padding:2px 4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.btn-default.small,.btn-error.small,.btn-info.small,.btn-link.small,.btn-primary.small,.btn-success.small{border-style:solid;border-width:1px;font-size:12px;line-height:1.333333333;padding:4px 8px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.btn-default.large,.btn-error.large,.btn-info.large,.btn-link.large,.btn-primary.large,.btn-success.large{border-style:solid;border-width:1px;font-size:16px;line-height:1.75;padding:8px 16px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.btn-default.huge,.btn-error.huge,.btn-info.huge,.btn-link.huge,.btn-primary.huge,.btn-success.huge{border-style:solid;border-width:1px;font-size:18px;line-height:2.142857142857143;padding:10px 20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.btn-default{background-color:#fff;border-color:#ccc;color:#555}
.btn-default:hover{background-color:#f2f2f2;border-color:#c2c2c2;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}
.btn-info:hover,.btn-primary:hover{-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-o-transition:background-color .2s}
a.btn-default:hover{color:#555}
.btn-default.active,.btn-default:active,.btn-default[active]{background-color:#e6e6e6;border-color:#b8b8b8;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-default.disabled,.btn-default:disabled,.btn-default[disabled]{cursor:not-allowed;pointer-events:none;background-color:#ddd;color:#888;border-color:#bbb}
.btn-error,.btn-info,.btn-success,a.btn-error:hover,a.btn-info:hover,a.btn-primary:hover,a.btn-success:hover{color:#fff}
.btn-primary{background-color:#f90;border-color:#f29100;color:#fff}
.btn-primary:hover{background-color:#f29100;border-color:#e68a00;transition:background-color .2s}
.btn-primary.active,.btn-primary:active,.btn-primary[active]{background-color:#f29100;border-color:#e68a00;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-primary.disabled,.btn-primary:disabled,.btn-primary[disabled]{cursor:not-allowed;pointer-events:none;background-color:#dfc7a3;border-color:#c5ab84}
.btn-block+.btn-block{margin-top:10px}
input[type=search]{appearance:textfield}
input::-ms-clear{display:none}
button,input,select,textarea{font-family:inherit;font-size:inherit;outline:0;margin:0;padding:0}
.form-text,.input-group-addon,.placeholder{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-style:solid;border-width:1px;line-height:1.571428571428571;padding:6px 12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.form-hint,.table{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.form-text.tiny,.input-group-addon.tiny,.placeholder.tiny{border-style:solid;border-width:1px;font-size:12px;line-height:1;padding:2px 4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.form-text.small,.input-group-addon.small,.placeholder.small{border-style:solid;border-width:1px;font-size:12px;line-height:1.333333333;padding:4px 8px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.form-text.large,.input-group-addon.large,.placeholder.large{border-style:solid;border-width:1px;font-size:16px;line-height:1.75;padding:8px 16px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.form-text.huge,.input-group-addon.huge,.placeholder.huge{border-style:solid;border-width:1px;font-size:18px;line-height:2.142857142857143;padding:10px 20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.form-text,a.form-text:hover{color:#888}
.form-text{margin:0;height:36px;background-color:#fff;border-color:#ccc}
.form-text:focus,.form-text:hover{border-color:#f90}
textarea.form-text{resize:none}
.form-text:hover{transition:background-color .2s}
.form-hint,.placeholder{border-color:transparent}
.form-text.disabled,.form-text:disabled,.form-text[disabled]{cursor:not-allowed;pointer-events:none;background-color:#f8f8f8;color:#ccc}
.form-text::-webkit-input-placeholder{color:#ccc}
.form-text:-moz-placeholder{color:#ccc}
.form-text::-moz-placeholder{color:#ccc}
.form-text:-ms-input-placeholder{color:#ccc}
.form-text.tiny{height:18px}
.form-text.small{height:26px}
.form-text.large{height:48px}
.form-text.huge{height:60px}


.placeholder-wrapper{background-color:#fff;line-height:0}
.form-hint,.table th{border-style:solid;line-height:1.571428571428571}
.placeholder-wrapper .form-text{background-color:transparent;position:relative;z-index:1}
.placeholder{color:#ccc;position:absolute;left:0;top:0}
.form-number{position:relative}
.form-number .icon-caret-down,.form-number .icon-caret-up{cursor:default;font-size:20px;position:absolute;right:3px;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}
.dialog-header,.nav-item{-webkit-user-select:none}
.form-number .icon-caret-up{top:2px}
.form-number .icon-caret-down{bottom:2px}
.form-hint{box-sizing:border-box;font-size:12px;color:#6287d5}
button.form-hint,input.form-hint{background-color:transparent}
.form-hint:hover{transition:background-color .2s}
.input-group-addon:hover,.table thead:hover{-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-o-transition:background-color .2s}
.form-inline{margin-left:5px}
.form-inline:empty{display:none}
.form-block{display:block;margin-top:8px}
.input-group{display:inline-block}
.input-group:after,.input-group:before{content:' ';display:table}
.input-group .form-text,.input-group .placeholder-wrapper{float:left}
.input-group .form-text+.input-group-addon,.input-group .placeholder-wrapper+.input-group-addon{border-left:none;-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;border-top-left-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0}
.input-group .form-text{float:left;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;position:relative}
.input-group-addon{float:left;background-color:#efefef;border-color:#ccc;color:#555}
.table tbody,.table thead{border-color:transparent}
.input-group-addon:hover{transition:background-color .2s}
.input-group-addon:first-child{border-right:none;-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0}
.table{box-sizing:border-box}
.table td,.table th{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:10px;text-align:center}
.table thead{background-color:#fbf3e6;color:#555}
.table thead:hover{transition:background-color .2s}
.dialog:hover,.table tbody:hover{-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-o-transition:background-color .2s}
.table th{box-sizing:border-box}
.table tbody{background-color:#fff;color:#888}
button.table tbody,input.table tbody{background-color:transparent}
.table tbody:hover{transition:background-color .2s}
.table tbody tr{border:1px solid #f90}
.table td{box-sizing:border-box;border-style:solid;line-height:1.571428571428571}

.form-date .calendar,.nav-item{-moz-user-select:none;-ms-user-select:none}
#nav .nav-item,body{font-family:PingHei,'Hiragino Sans GB','Microsoft YaHei',arial,sans-serif}





.thumbnail img,img.thumbnail{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background-color:#fff;border-color:#ddd;border-width:1px;line-height:0;border-style:solid;font-size:12px}


.message-error,.message-info,.message-primary,.message-success{padding-left:30px!important;position:relative}
.message-error .icon-check-circle,.message-error .icon-clock,.message-error .icon-info-circle,.message-info .icon-check-circle,.message-info .icon-clock,.message-info .icon-info-circle,.message-primary .icon-check-circle,.message-primary .icon-clock,.message-primary .icon-info-circle,.message-success .icon-check-circle,.message-success .icon-clock,.message-success .icon-info-circle{font-size:14px;position:absolute;left:10px;top:9px}
.dropdown .btn-default{height:36px}
.form .form-hint strong{font-weight:700;padding:0 2px}
.form .form-hint .icon-info-circle{margin-right:5px}
.form .form-action .btn-primary+.btn-default,.form .form-action .btn-primary+.btn-info{margin-left:15px}
.form .error{background-color:#fffbef;border:1px solid #f8ce69;padding:6px 12px;z-index:1;-webkit-box-shadow:0 1px 1px #eee;-moz-box-shadow:0 1px 1px #eee;box-shadow:0 1px 1px #eee}
.form .has-error .dropdown .btn-default{border-color:#f95710}
.form .error:after,.form .error:before{border:6px solid transparent;content:' ';position:absolute;left:1em}
.form .error:before{border-top-color:#f8ce69;bottom:-13px}
.form .error:after{border-top-color:#fffbef;bottom:-12px}input[type=password]{font-family:sans-serif}
.form-editor{display:inline-block}
.form-editor .form-hint{display:block;text-align:right;margin-top:5px}

.chat-label,.org-label{-moz-user-select:none;-ms-user-select:none}

.pager-block{margin-top:20px;text-align:center}
.pager-form{margin-left:10px}
.dialog-alert .dialog-close,.dialog-confirm .dialog-close,.tooltip{display:none}
.pager-form .form-text{width:35px;margin:0 3px}
.pager-form .btn-default{margin-left:10px}
.tab-nav-default .badge-primary,.tab-nav-default .text-primary,.tab-nav-info .badge-primary,.tab-nav-info .text-primary,.tab-nav-primary .badge-primary,.tab-nav-primary .text-primary{margin-left:5px}
.tooltip{z-index:6}
.dialog-error,.dialog-info,.dialog-primary,.dialog-success{position:fixed;top:50%;left:50%;color:#FFF;display:none;font-size:26px;padding:10px 36px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.viewport-mask{position:fixed;top:0;right:0;bottom:0;left:0}
.dialog-primary{background-color:#f90}
.dialog-info{background-color:#6287d5}
.dialog-success{background-color:#56b02a}
.dialog-error{background-color:#f95710}

.keshi-kehuxi li span input{ border:1px solid #e0e0e0; height:30px; line-height:30px; padding-left:6px; padding-right:6px;}


.org-label{border:1px solid #6287d5;color:#6287d5;display:inline-block;font-size:12px;line-height:18px;padding-right:5px;padding-left:5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;user-select:none}
.org-label:hover{background-color:#6287d5;color:#FFF}
.class-course-icon .icon,.class-course-icon .label{vertical-align:top;margin-top:0!important}
.class-course-icon .label{display:inline-block;*display:inline;*zoom:1;color:#fff;padding:1px 5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-size:12px;line-height:1.5em}
.class-course-icon .icon{width:74px}
.class-course-icon .class-course{background-color:#f90}
.class-course-icon .online{background-color:#56b02a}
.class-course-icon .offline{background-color:#6287d5}
.chat-label{background-color:#FFF;border:1px solid #f90;color:#f90;cursor:pointer;display:inline-block;font-size:12px;line-height:18px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;user-select:none}
#nav .nav-item.active,#site-nav{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.chat-label .icon-chat{background-color:#f90;color:#FFF!important;font-size:14px;padding:2px 3px;vertical-align:top}
.chat-label.chat-to-teacher{display:inline-block;*display:inline;*zoom:1;margin-left:14px;width:150px;height:48px;line-height:48px;text-align:center;font-size:16px;color:#f95e5e;border:1px solid #f95e5e;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}
.chat-label.chat-to-teacher .icon{display:none}
.chat-label.chat-to-teacher:hover{background-color:#f95e5e;color:#fff}
.star-score .icon-star{color:#ccc}
.star-score .star-shine{color:#f90}
.star-score .star-half{display:inline-block;*display:inline;*zoom:1;position:relative;line-height:0}
.star-score .star-half .icon-star-half{color:#f90;position:absolute;left:0;top:0}

.BMap_bubble_title a,.BMap_cpyCtrl,.baidu-share,.dialog{display:none}
.image-uploader input{font-size:50px}
.dialog-error,.dialog-info,.dialog-mask,.dialog-primary,.dialog-success{z-index:5}
.dialog .dialog-action,.dialog .form-action{text-align:center}
.btn,.image-browse{position:relative}
.btn input[type=file],.btn object,.image-browse input[type=file],.image-browse object{opacity:0;filter:alpha(opacity=0);cursor:pointer;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}

.baidu-share{background-color:#FFF;border:1px solid #ccc;width:233px;padding:10px;position:absolute;top:25px;right:0;z-index:2}
.baidu-share:after,.baidu-share:before{content:' '!important;border:7px solid transparent;position:absolute;right:14px;visibility:visible!important}
.baidu-share:before{border-bottom-color:#ccc;top:-14px}
.baidu-share:after{border-bottom-color:#FFF;top:-13px}
.baidu-share a{margin:0 0 0 6px!important}
.baidu-share a:first-child{margin-left:0!important}
.invite-dialog .invite,.invite-dialog .telephone,.invite-dialog .title,.invite-result-dialog .msg-content{margin-left:30px}
.bd_weixin_popup{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}
.rich-text{word-break:break-all;word-wrap:break-word;zoom:1;position:relative}
.rich-text:after,.rich-text:before{content:" ";display:table}
.icon,.rich-text li p{display:inline-block}
.rich-text img{max-width:740px}
.rich-text b,.rich-text strong{font-weight:700}
.rich-text ol,.rich-text ul{list-style-position:inside}
.rich-text ul{list-style-type:disc}
.rich-text ol{list-style-type:decimal}
.rich-text address,.rich-text cite,.rich-text em,.rich-text i,.rich-text var{font-style:italic}
.text-indent-seo{position:absolute;left:-5000px;width:100px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.btn-primary.new{background-color:#ff7f00}
.btn-primary.new:hover{background-color:#E97520}
.btn-primary.new.disabled,.btn-primary.new[disabled]{background-color:#ccc;border-color:#ccc}


.icon-call:hover{background-position:0 -22px}
.invite-dialog .invite{margin-top:5px}
.invite-dialog .invite input{width:160px}
.invite-dialog .form-block{font-size:12px}
.invite-result-dialog .wrapper{zoom:1}
.invite-result-dialog .wrapper:after,.invite-result-dialog .wrapper:before{content:" ";display:table}
.invite-result-dialog .msg-content,.invite-result-dialog i{float:left}
.invite-result-dialog i{color:#6287d5;font-size:26px}
#site-nav,#site-nav .user-center .menu .btn-block{font-size:12px}
.invite-result-dialog .msg-content .phone{color:#6287d5}
.invite-result-dialog .msg-content .msg-content-time{color:#ccc;margin-top:40px}
#site-nav{background-color:#F4F4F4;border-bottom:1px solid #DDD;height:32px;position:relative;z-index:4;user-select:none}
#site-nav .wrapper{width:1100px;margin:0 auto}
#site-nav .login-info>a,#site-nav .login-info>span{vertical-align:top}
#site-nav .user-name{display:inline-block;max-width:65px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
#site-nav .status-info,#site-nav .user-info{zoom:1}
#site-nav .status-info:after,#site-nav .status-info:before,#site-nav .user-info:after,#site-nav .user-info:before{content:" ";display:table}
#site-nav .menu,#site-nav .user-info .my-course:before,#site-nav .user-info .my-favor:before,#site-nav .user-info .user-center:before,#site-nav .user-info .user-index:before{display:none}
#site-nav .status-info li,#site-nav .user-info li{float:left;height:32px;line-height:32px;padding:0 10px;position:relative}
#site-nav .status-info li:first-child,#site-nav .user-info li:first-child{padding-left:0}
#site-nav .status-info li:last-child,#site-nav .user-info li:last-child{padding-right:0}
#site-nav .status-info .change-type,#site-nav .user-info .change-type{cursor:pointer}
#site-nav .user-info{float:right}
#site-nav .user-info li:before{background-color:#ccc;content:' ';width:1px;height:12px;position:absolute;left:0;top:10px}
#site-nav .user-info .user-index{cursor:pointer}
#site-nav .user-info .user-index a{color:#f95710}
#site-nav .status-info .icon{margin-right:5px}
#site-nav .custom-service,#site-nav .my-course,#site-nav .my-favor,#site-nav .user-center{cursor:pointer;position:relative}
#site-nav .menu{background-color:#FFF;border:1px solid #ccc;padding:10px 14px;position:absolute;top:32px;left:0}
#site-nav .menu:after,#site-nav .menu:before{border:6px solid transparent;content:' ';position:absolute;left:2em}
#site-nav .menu:before{border-bottom-color:#ccc;top:-12px}
#site-nav .menu:after{border-bottom-color:#FFF;top:-11px}
#site-nav .user-center .menu{display:none;width:138px}
#site-nav .user-center .menu a{display:block}
#site-nav .user-center .menu .btn{padding:5px 3px;text-indent:0}
#site-nav .user-center:hover .center{color:#f90}
#site-nav .my-course .icon-calendar{margin-right:4px}
#site-nav .my-course .menu{padding:0}
#site-nav .my-course .menu .course{border-bottom:1px solid #ddd;display:block;color:#3d3d3d;line-height:23px!important;padding:5px 10px 0;width:328px}
#site-nav .custom-service:hover .service,#site-nav .my-course:hover .course,#site-nav .my-course:hover .icon-calendar,#site-nav .my-favor:hover .favor,#site-nav .my-favor:hover .icon-favor{color:#f90}
#site-nav .my-course .menu .course span{display:inline-block;*display:inline;*zoom:1;float:left}
#site-nav .my-course .menu .course .avatar{width:65px}
#site-nav .my-course .menu .course .course-content{font-size:12px;float:right;width:232px}
#site-nav .my-course .menu .course .course-content div{padding:5px 5px 5px 0;zoom:1}
#site-nav .my-course .menu .course .course-content div:after,#site-nav .my-course .menu .course .course-content div:before{content:" ";display:table}
#site-nav .my-course .menu .course .course-content .course-title{padding-right:10px}
#site-nav .my-course .menu .course .course-content .course-date{width:80px;overflow:hidden}
#site-nav .my-course .menu .course .course-content .course-name,#site-nav .my-course .menu .course .course-content .course-time{padding-right:5px}
#site-nav .my-course .menu .course .course-content .course-status,#site-nav .my-course .menu .course .course-content .course-way{float:right;padding-right:5px}
#site-nav .my-course .menu .course .course-content .course-status{color:#f90;text-align:right}
#site-nav .my-course .menu .course .course-content .course-way{text-align:right}
#site-nav .my-course .menu .course:hover{background-color:#fffbef}
#site-nav .my-course .menu .action{cursor:default;text-align:right;padding:10px}
#site-nav .my-course .menu .not-login-action{cursor:default;text-align:center;padding:5px 0}
#site-nav .custom-service .menu b,#site-nav .login-link{cursor:pointer}
#site-nav .my-course .menu .not-login-action .title{border-bottom:1px solid #ccc}
#site-nav .my-course .menu .not-login-action .btn{display:inline-block;*display:inline;*zoom:1;margin:10px;width:154px}
#site-nav .custom-service .menu>*,#site-nav .my-favor .menu a{display:block}
#site-nav .my-favor .icon-favor{margin-right:4px}
#site-nav .my-favor .menu{left:10px}
#site-nav .custom-service:hover .icon{color:#6d6d6d}
#site-nav .custom-service .menu{width:80px}
#site-nav .custom-service .menu b:hover{color:#f90}
#site-nav .icon-live-play,#site-nav .icon-mail,#site-nav .icon-mobile,#site-nav .login-link{color:#f90;font-size:13px;position:relative}
#site-nav .logout-link{margin-left:7px}
#site-nav .icon-phone{margin-right:5px}
.service-hotline-dialog .header{vertical-align:middle;font-size:24px;margin-bottom:20px}
.service-hotline-dialog .header .icon{color:#f90;margin-right:8px;font-size:30px;vertical-align:middle}
.service-hotline-dialog .confirm,.service-hotline-dialog .header{text-align:center}
.service-hotline-dialog .confirm{margin-top:20px}
#nav{background-color:#464659}
#nav .wrapper{width:1100px;margin:0 auto;zoom:1}
#nav .nav-item{color:#ccc;float:left;height:43px;line-height:43px}
#nav .nav-item.active{background-color:#262C42;color:#FFF;cursor:text;user-select:none}a,body{color:#6d6d6d}
.login-form .form-wechat,.round-list .icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body{background-color:#f5f5f5;font-size:14px;line-height:1.5}a{text-decoration:none}
.main-category-level2 .more li a:hover,.main-category-level2 .more p a,.main-category-level2 dd a:hover,.main-category-level2 dt a:hover,.main-category-list .main-category-level1 .children a:hover span,.main-category-list .main-category-level1 h4 a:hover span,.nav-items .nav-process:hover,.preferent-wrapper .list-title .more-link:hover,.special .special-content .course-recommend-wrapper .list-title .more-link:hover,.special .special-content .hot-header .more-hot-link:hover,.special .special-content .learning-wrapper .comment-item:hover .student-comment,.special .special-content .special-left-content .special-course-list .special-course-item:hover,.special .special-header-ads .ad-content:hover{text-decoration:underline}a:hover{color:#f90;-webkit-transition:color .1s;-moz-transition:color .1s;-o-transition:color .1s;transition:color .1s}a:focus{outline:0}
a,div,form,h1,h2,h3,h4,h5,h6,i,input,label,li,ol,span,table,ul{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}small{font-size:12px}
#main{zoom:1;margin:16px auto}
#main:after,#main:before{content:" ";display:table}
/*#sidebar{width:180px}*/
#content{width:900px}
#content .card-body{min-height:420px}
#flotage-middle{z-index:999;position:fixed;bottom:200px;right:7px}
#flotage-middle .flotage-app{width:112px;height:128px;background:url(../img/flotage_app_1380c849a5.jpg.png) no-repeat}
#flotage-middle .icon{position:absolute;right:0;top:-20px;padding:3px;background-color:#DCDCDC;color:#3d3d3d;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;cursor:pointer}

 

img.img-loading{background:url(../img/loading_514f543834.gif) center center no-repeat}
div.dialog-tip{color:#6287d5}


.org-im>.dialog{top:10px!important}

.opening-enter-classroom{text-align:center}
.opening-enter-classroom .loading.opening-enter-classroom .loading{background:url(../img/opening_cf8f3dc00a.gif) no-repeat;width:30px;height:10px}
#header{background-color:#FFF;position:relative;z-index:3;width:100%}
#header .wrapper{zoom:1;height:90px;margin:0 auto;position:relative;width:1100px}
#header .city{width:56px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;position:absolute;left:156px;top:25px;border-left:1px solid #DDD;padding-left:8px}
#header .city strong{color:#3d3d3d;font-weight:700}
#header .city-trigger{cursor:pointer;color:#ccc;font-size:12px}
#header .city-trigger a{color:#9d9d9d}
#header .city-trigger a:hover{color:#f90}
#header .city-name{color:#3d3d3d;cursor:pointer;font-weight:700;font-size:16px;font-family:PingHei,'Hiragino Sans GB','Microsoft YaHei',arial,sans-serif;position:relative;margin:0 10px}
#header .city-name:before{background-color:#ddd;content:'';cursor:default;position:absolute;left:-10px;top:2px;width:1px;height:13px}
#header .city-name.active{color:#f90}
#header .city-name:first-child:before{display:none}
#header .city-menu{background-color:#FFF;border:1px solid #ccc;display:none;padding:18px 0;position:absolute;left:50px;top:-35px;z-index:2;width:306px;text-align:center;-webkit-box-shadow:0 0 2px #E5E5E5;-moz-box-shadow:0 0 2px #E5E5E5;box-shadow:0 0 2px #E5E5E5}
#header .city-menu:after,#header .city-menu:before{border:6px solid transparent;content:'';position:absolute;top:50%;margin-top:-6px}
#header .city-menu:before{border-right-color:#ccc;left:-13px}
#header .city-menu:after{border-right-color:#FFF;left:-12px}
#header .city-menu small{display:block;margin-top:1em}
#header .instruction{position:absolute;top:88px}
#header .instruction img{width:158px;height:34px;margin-left:3px}
#header .instruction .gif{display:none}
#header .search-form{position:absolute;top:26px;left:248px}
#header .search-select-mode 
.icon-search{left:80px;top:15px}
#header .search-select-mode .placeholder{margin-left:100px}
#header .search-select-mode .search-input{padding:8px 0 8px 95px}
#header .search-tab{width:150px;height:25px;font-size:12px}
#header .search-tab .tab-item{float:left;background:#fff;color:#3c3c3c;width:50px;height:100%;line-height:25px;text-align:center;cursor:pointer}
#header .search-tab .tab-item:hover{background:#ffeee5;color:#ff5400}
#header .search-tab .active,#header .search-tab .active:hover{background:#f90;color:#fff}
#header .search-select{width:68px;height:auto;position:absolute;overflow:hidden;border:1px solid #DEDEDE;border-top:none;font-size:12px;z-index:3;background:#f5f5f5;top:2px;left:2px}
#header .search-select .cur-item{width:68px;height:30px;float:left;padding-left:15px;line-height:30px;cursor:pointer;position:relative}
#header .search-select .cur-item .icon{position:absolute;right:8px;top:10px;cursor:pointer}
#header .search-select .select-list{width:100%;height:100%;overflow:hidden}
#header .search-select li{width:100%;height:30px;padding-left:15px;line-height:30px;cursor:pointer;color:#6d6d6d;background:#fff}
#header .search-select li:hover{background:#F5F5F5}
#header .placeholder-wrappers{background-color:#fff;display:inline-block;position:relative}
#header .search-input{border:3px solid #f90;border-right:none;line-height:21px;width:615px;height:43px;padding:8px 0 8px 28px;vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-size:12px}
#header .btn{background-color:#f90;outline:0;border:0;color:#FFF;cursor:pointer;height:43px;font-size:20px; margin-left:-4px;padding:0 26px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;letter-spacing:3px;vertical-align:top}
#header .btn:hover{background-color:#e68a00;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}
#header .placeholder{font-size:12px;padding:10px 0;margin-left:30px;line-height:1}
#header .search-hotwords{padding:5px 0;font-size:13px}
#header .search-hotwords a{margin-right:12px}
#header .search-hotwords a.active{color:#f90}
#header .search-hotwords .first{color:#6d6d6d}
#header .logo{ background:url(../img/logo.png) no-repeat;text-indent:-9999px;width:240px;height:75px;position:absolute;left:0;top:16px}
#header .icon-search{color:#999;font-size:14px;position:absolute;left:10px;top:40px;z-index:1}
#header .search-suggestion{background-color:#fff;border:1px solid #ccc;border-top:none;font-size:12px;display:none;width:547px;-webkit-box-shadow:1px 1px 3px #ededed;-moz-box-shadow:1px 1px 3px #ededed;box-shadow:1px 1px 3px #ededed;z-index:3;position:absolute;left:69px}
#header .fa-search{color:#999; font-size:14px; left:10px; position:absolute; top:40px; z-index:1;}
#header .search-suggestion .sub-menu{border-left:1px solid #ccc;background-color:#FAFAFA;display:none;position:absolute;top:0;right:0;left:50%;min-height:100%}
#header .search-suggestion .sub-menu:empty{display:none!important}
#header .search-suggestion .sub-menu strong{color:#3d3d3d;font-size:1.2em;margin-right:5px}
#header .search-suggestion .menu-item,#header .search-suggestion .sub-menu h6,#header .search-suggestion .sub-menu-item{display:block;padding:5px 10px}
#header .search-suggestion .sub-menu h6{padding-top:8px;padding-bottom:4px}
#header .search-suggestion .sub-menu-item{padding-top:3px;padding-bottom:3px}
#header .search-suggestion .sub-menu-item:hover{background-color:#f90;color:#FFF}
#header .search-suggestion .menu-item{cursor:pointer}
#header .search-suggestion .menu-item.active,#header .search-suggestion .menu-item.hover{background-color:#f0f0f0}
#header .search-suggestion .menu-item.active .sub-menu,#header .search-suggestion .menu-item.hover .sub-menu{display:block}
#header .search-suggestion em{font-weight:700}
#header .search-suggestion .tag-list{padding:10px 7px}
#header .search-suggestion .icon-chevron-right{color:#CCC;margin-left:5px}
#header .search-suggestion .tag{border:1px solid #CCC;display:inline-block;margin:4px;padding:3px 10px}
#header .search-suggestion .tag.hot{color:red}
#header .search-suggestion .tag:hover{border-color:#f90;background-color:#f90;color:#FFF;-webkit-transition:.1s all;-moz-transition:.1s all;-o-transition:.1s all;transition:.1s all}
#header .teacher-item{display:block;padding:20px!important;zoom:1}
#header .teacher-item:after,#header .teacher-item:before{content:" ";display:table}
#header .teacher-item .thumbnail{float:left;margin-right:15px}
#header .teacher-item .org-label{margin-right:5px}
#header .teacher-item .medal{margin-left:5px;vertical-align:middle}
#header .teacher-name{font-size:1.2em;font-weight:700;margin-right:10px}
#header .teacher-course{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;max-width:400px}
#header .teacher-course .icon-book-o{margin-right:10px;color:#ccc;font-size:16px;vertical-align:text-bottom}
#header .org-slogan,#header .org-tags,#header .org-title,#header .teacher-course,#header .teacher-slogan,#header .teacher-title{display:block;margin:5px 0}
#header .org-item{display:block;padding:20px!important;position:relative;zoom:1}
#header .org-item:after,#header .org-item:before{content:" ";display:table}
#header .org-item .thumbnail{float:left;margin-right:15px}
#header .org-item .label-default{margin-right:10px}
#header .org-item .dashboard{position:absolute;right:30px;top:25px}
#header .org-item .dashboard>span{display:block;margin-bottom:5px}
#header .org-item .dashboard .icon{font-size:1.3em;margin-right:5px;vertical-align:middle}
#header .org-slogan{max-width:24em;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
#header .app-qrcode{margin-top:12px;float:right;position:relative}
#header .app-qrcode img{height:96px;width:114px}
#header .app-qrcode .close{height:20px;width:20px;cursor:pointer;position:absolute}
#header .feature-box{float:right;position:relative;top:32px;font-size:12px;color:#9d9d9d;margin-right:27px}
#header .feature-box li{float:left;text-align:center;margin-left:10px}
#header .feature-box .certification{display:inline-block}
#header .feature-box .icon{background:url(../img/feature_682facda1a.png) no-repeat;width:115px;height:43px;display:block;margin:0 auto 2px}
#header .feature-box .teacher-sign{background-position:0 0}
#header .feature-box .keep-back{background-position:-125px 0}
#header .feature-box .real-comment{background-position:-120px 0}
#header .feature-box a:hover{color:#6d6d6d}
#flotage-bottom .wrapper,#flotage-top{right:0!important}
.main-category{float:left;width:212px;overflow:visible}
.main-category h3{color:#fff;font-size:16px;padding:7px 18px 6px;background-color:#f90}
.main-category h3 .icon{margin-left:86px}
.main-category h3 a{color:#fff;margin-left:-2px}
.main-category-popup .main-category-list{display:block}
.main-category-list{display:none;border:2px solid #f90;border-top:0;background-color:#fff;z-index:2}
.main-category-list .main-category-level1{position:relative;width:208px;line-height:19px}
.main-category-list .main-category-level1 .title{margin:0 14px;padding:7px 0;position:relative;z-index:2;border-bottom:1px solid #eee; display:table;}
.main-category-list .main-category-level1 .title ul{zoom:1}
.main-category-list .main-category-level1 .title ul:after,.main-category-list .main-category-level1 .title ul:before{content:" ";display:table}
.main-category-list .main-category-level1 .title ul li{float:left;margin-right:5px}
.main-category-list .main-category-level1 a{color:#3d3d3d}
.main-category-list .main-category-level1 h4>.level1-more,.main-category-list .main-category-level1 h4>a{font-size:14px;font-weight:700}
.main-category-list .main-category-level1 h4 .level1-more{cursor:default}
.main-category-list .main-category-level1 .children>a{font-size:12px;color:#6d6d6d}
.main-category-list .main-category-level1 p{font-size:12px}
.main-category-list .main-category-level1 p a{margin-right:9px}
.main-category-list .main-category-level1:hover{background-color:#FF7F00}
.main-category-list .main-category-level1:hover .title{border-bottom:1px solid transparent}
.main-category-list .main-category-level1:hover .level1-more,.main-category-list .main-category-level1:hover a{color:#fff}
.main-category-list .main-category-level1:hover .main-category-level2 a{color:#3d3d3d}
.main-category-list .main-category-level1:hover .main-category-level2 a:hover{color:#f90}
.main-category-list .first{padding-top:7px}
.main-category-list .last{height:37px;line-height:1}
.main-category-list .last .title{border-bottom:none}
.main-category-list .last .main-category-level2{top:-89px}
.main-category-list .main-category-future{margin-left:39px}
.main-category-list .main-category-future a{color:#6d6d6d}
.main-category-list .icon-chevron-right{color:#ccc;position:absolute;right:-10px;top:10px}
.main-category-level2{position:absolute;top:0;left:208px;display:none;width:544px;background:#fff;z-index:1;border:2px solid #FF7F00;padding:10px;zoom:1;filter:alpha(opacity=98);-moz-opacity:.98;-khtml-opacity:.98;opacity:.98}
.main-category-level2 dl:after,.main-category-level2 dl:before,.main-category-level2:after,.main-category-level2:before{display:table;content:" "}
.main-category-level2 a{font-size:12px!important}
.main-category-level2 .split{background-color:#ddd;height:1px;margin:2px 0}
.main-category-level2 dl{zoom:1}
.main-category-level2 dd,.main-category-level2 dt{float:left;margin-top:4px}
.main-category-level2 dt{width:15%}
.main-category-level2 dt a{width:85px;text-align:right;padding-right:5px;font-weight:500;color:#f90!important;float:right;font-size:12px}
.main-category-level2 dd{margin-bottom:4px;margin-top:4px;cursor:default;line-height:17px;width:85%}
.main-category-level2 dd a{border-left:1px solid #ddd;padding:0 6px;display:inline-block;*display:inline;*zoom:1;white-space:nowrap;font-weight:400;color:#6d6d6d!important;margin:1px 0}
.main-category-level2 dd a:hover{color:#f90!important}
.main-category-level2 .more{margin:0 10px}
.main-category-level2 .more ul{zoom:1;border-bottom:1px dotted #ddd;padding:10px 0;width:100%}
.main-category-level2 .more ul:after,.main-category-level2 .more ul:before{content:" ";display:table}
.main-category-level2 .more ul:after{clear:both}
.main-category-level2 .more li{float:left;width:20%;text-align:center;line-height:24px}
.main-category-level2 .more li a{font-size:14px!important;color:#3d3d3d}
.main-category-level2 .more p{margin:10px 0;text-align:center}
.main-category-level2 .more p a{color:#f90!important;font-size:14px!important;margin-left:2px}
.main-category-level2 .hidden,.main-category-level2 .hide{display:none}
.main-category-level2 .show{display:inline-block;*display:inline;*zoom:1}
#nav .wrapper{height:37px}
#nav .wrapper:after,#nav .wrapper:before{content:" ";display:table}
#nav .nav-items li{font-size:16px;font-weight:600}
#nav .nav-items .nav-process{font-size:13px}
#nav .nav-items a{color:#3d3d3d}
#nav .nav-items a:hover{color:#f90}
#nav .nav-items .nav-process a{color:#6287d5}
#nav .nav-items .nav-process i{padding-right:4px}
.nav-items{height:39px;margin-left:222px;border-bottom:solid 2px #f90;line-height:39px;min-width:888px}
#header,#main,#nav,body{min-width:1014px}
.nav-items li{display:inline-block;text-align:center;font-size:18px;letter-spacing:0;padding:0 20px}
.nav-items .nav-process{float:right;width:auto;line-height:1;padding-top:10px;padding-right:4px}
.nav-items .nav-process .icon-camera{font-size:20px;position:relative;color:#6287d5;top:4px}
.nav-items a.active{color:#f90!important}
.nav-items .privilege{width:51px;height:15px;position:relative;left:0;top:2px;display:inline-block;background-image:url(../img/access-1x_d147eb7188.gif);}
.nav-items .privilege-icon{float:right;position:relative}
.nav-items .forum-icon-box{position:relative;float:right}
.nav-items .forum-hot-icon{width:21px;height:16px;display:inline-block;position:absolute;top:0;right:-20px;background:url(/asset/img/main/icon_hot_7bfb2708b6.gif) no-repeat}
#footer{clear:both;background-color:#fff;border-top:1px solid #eee;line-height:18px;padding:30px 0;margin:0 auto}
#footer .icon{margin-right:5px;font-size:4em;vertical-align:bottom; color:#f90}
#footer .icon-phone{font-size:52px}
#footer .wrapper{width:1100px;margin:0 auto}
#footer .favor-links{zoom:1;border-bottom:1px solid #eee;padding-bottom:42px; overflow:hidden;}
#footer .favor-links:after,#footer .favor-links:before{content:" ";display:table}
#footer .show-wechat{cursor:pointer}
#footer .show-wechat:hover{color:#f90}
#footer .tel{text-align:center;margin-right:68px;float:right}
#footer .tel .icon-phone{color:#f90;display:block}
#footer .tel h4{font-size:30px;line-height:48px;color:#000;margin-top:10px}
#footer .list{float:right;border-right:1px solid #ddd;padding-right:96px;margin-right:22px;height:144px}
#footer .list h4{font-size:16px;color:#000;margin-bottom:8px}
#footer .copyright,#footer .friend-links,#footer .site-map{font-size:12px;text-align:center}
#footer .list ul{line-height:24px}
#footer .copyright{color:#9d9d9d;margin-top:14px}
#footer .friend-links li,#footer .site-map li{display:inline-block;*display:inline;*zoom:1}
#footer .friend-links a,#footer .site-map a{margin-right:7px;color:#9d9d9d}
#footer .friend-links a:hover,#footer .site-map a:hover{color:#f90}
#footer .site-map{margin-top:30px}
#footer .friend-links{margin-top:14px}
#footer .cert{margin-top:15px;text-align:center}
#footer .cert>a{margin:0 5px}
#footer .cert img{height:47px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
#footer .cert .credible,#footer .cert .geo-trust,#footer .cert .i-trust,#footer .cert .integrity,#footer .cert .record{background:url(../temp/safe_b31665a92f.jpg) no-repeat;display:inline-block;width:128px;height:47px}
#footer .cert .integrity{background-position:0 -47px}
#footer .cert .record{background-position:-128px -47px}
#footer .cert .i-trust{background-position:0 -94px;width:146px}
#footer .cert .geo-trust{background-position:-128px 0;width:182px}
#footer .weibo{position:relative}
#footer .weibo iframe{position:absolute;left:63px}
.dialog-qrcode .column{display:inline-block;*display:inline;*zoom:1;width:318px}
.dialog-qrcode .column+.column{margin-left:85px}
.dialog-qrcode .subscribe{color:#56b02a}
.dialog-qrcode .service{color:#f90}
.dialog-qrcode h4{font-size:22px}
.dialog-qrcode p{margin-top:5px;font-size:12px}
.dialog-qrcode h4,.dialog-qrcode p{text-align:center}
.dialog-qrcode img{width:727px;height:321px}
.inner-link-wrapper{border-top:solid 1px #eee;padding:15px 0;width:1190px!important;margin:0 auto}
.inner-link-wrapper .inner-link{width:1100px;margin:15px auto;padding:0 42px;display:none}
.inner-link-wrapper .inner-link.open{display:block}
.inner-link-wrapper .inner-link .inner-title{height:25px;line-height:25px;font-weight:700;overflow:hidden}
.inner-link-wrapper .inner-link .inner-title .inner-action{margin-right:10px;float:right;color:#9d9d9d;font-size:12px;font-weight:400}
#main .main-banner-helper-news-item.active strong,#main .user-flow h3,.special .special-content .special-left-content .special-course-list .special-course-item.bold{font-weight:700}
.inner-link-wrapper .inner-link .inner-title .inner-action .open-action{display:inline-block}
.inner-link-wrapper .inner-link .inner-title .inner-action .close-action,.inner-link-wrapper .inner-link .inner-title .inner-action.close .open-action{display:none}
.inner-link-wrapper .inner-link .inner-title .inner-action .icon{font-size:12px}
.inner-link-wrapper .inner-link .inner-title .inner-action.close .close-action{display:inline-block}
.inner-link-wrapper .inner-link .inner-link-content{margin-top:5px}
.inner-link-wrapper .inner-link .inner-link-content .inner-link-item{display:inline-block;margin:5px 20px 5px 0}
.inner-link-wrapper .inner-link .letter-list .letter,.inner-link-wrapper .inner-link .letter-list a{display:inline-block;width:25px;height:25px;line-height:25px;text-align:center;margin-right:5px;cursor:pointer}
.inner-link-wrapper .inner-link .letter-list .letter{border:1px solid #ccc;background:#fff}
.inner-link-wrapper .inner-link .letter-list .letter.active,.inner-link-wrapper .inner-link .letter-list .letter:hover{color:#fff;background:#f90;border-color:#f90}
.inner-link-wrapper .inner-link .letter-list a{border:1px solid #ccc;background:#fff}
.inner-link-wrapper .inner-link .letter-list a.active,.inner-link-wrapper .inner-link .letter-list a:hover{color:#fff;background:#f90;border-color:#f90}
.inner-link-wrapper .inner-link .letter-content-wrapper .letter-content{display:none}
.inner-link-wrapper .inner-link .letter-content-wrapper .letter-content.active{display:block}
.inner-link-wrapper .inner-link .inner-link-list{margin:0 -10px;overflow:hidden;white-space:nowrap;height:31px}
.inner-link-wrapper .inner-link .inner-link-list .inner-link-item{margin:5px 0;padding:0 10px;float:left}
.inner-link-wrapper .inner-link .inner-link-list.open{height:auto}



.main-banner-helper-cert{zoom:1;border-top:1px solid #eee}
.main-banner-helper-cert:after,.main-banner-helper-cert:before{content:" ";display:table}
.main-banner-helper-cert .content{padding:10px;text-align:center;background:#f7f7f7;border-bottom:solid 1px #eee; overflow:hidden;}
.main-banner-helper-cert .content .download-content{width:50%;display:inline-block;text-align:center}
.main-banner-helper-cert .content .download-content .icon{display:block;width:58px;height:58px;line-height:58px;-webkit-border-radius:58px;-moz-border-radius:58px;border-radius:58px;margin:0 auto;color:#fff;font-size:35px}
.main-banner-helper-cert .content .download-content .icon.icon-tv{font-size:35px}
.main-banner-helper-cert .content .download-content.live .icon{background:#6187dc}
.main-banner-helper-cert .content .download-content.live .download-link a{color:#6187dc}
.main-banner-helper-cert .content .download-content.app .icon{background:#f90}
.main-banner-helper-cert .content .download-content.app .download-link a{color:#f90}
.main-banner-helper-cert .content .download-content .download-link{margin:8px 0;line-height:1}
.main-banner-helper-cert .content .download-content .download-description{line-height:1;color:#666}
.main-banner-helper-cert .introduce-video{font-size:14px;color:#6d6d6d;padding:10px;background:#fff;width:100%;height:47px;text-align:center}
.main-banner-helper-cert .introduce-video a{position:relative;top:0}
.main-banner-helper-cert .introduce-video .icon-camera{font-size:22px;color:#6d6d6d;margin-right:5px;position:relative;top:4px}
body{background:#fff}
body .floor-wrapper{display:none;position:fixed;z-index:10;top:50%;margin-top:-148px}
#header>.wrapper,#nav>.wrapper,#site-nav>.wrapper{width:1190px}
#main,#main>.wrapper{width:1190px!important}
#header,#nav{background:0 0;padding-top:0}
#header{padding-top:18px}
#main{margin-top:10px;padding:0}
#main>.wrapper{margin:0 auto}
#main .recommend-wrapper{margin-top:15px;margin-bottom:30px;overflow:hidden}
#main .recommend-wrapper .recommend-list{width:916px;float:left}
#main .recommend-wrapper .live-list{width:264px;float:right}
#main .recommend-wrapper .recommend-content{min-height:281px}
#main .ad-banner-wrapper a,#main .ad-banner-wrapper img{display:block}
#main .special-wrapper{margin-top:30px}
#main .preferential-course-wrapper{margin-top:26px}
#main .promotion-slider-container{width:520px;height:278px;margin-bottom:2px;overflow:hidden;position:relative;text-align:center;float:left}
#main .promotion-slider-container:hover .promotion-slider-left,#main .promotion-slider-container:hover .promotion-slider-right{display:block}
#main .promotion-slider-container .promotion-slideritem b{cursor:pointer}
#main .promotion-slider-left,#main .promotion-slider-right{color:#fff;background-color:#000;opacity:.3;filter:alpha(opacity=30);display:none;position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;line-height:40px;font-size:20px;text-align:center}
#main .promotion-slider-left:hover,#main .promotion-slider-right:hover{opacity:.6;filter:alpha(opacity=60)}
#main .promotion-slider-left i,#main .promotion-slider-right i{position:relative;top:2px;right:2px}
#main .promotion-slider-left{left:10px}
#main .promotion-slider-right{right:10px}
#main .promotion-slider-right i{left:1px}
#main .promotion-slider{position:absolute;zoom:1}
#main .promotion-slider:after,#main .promotion-slider:before{content:" ";display:table}
#main .promotion-slider a{display:block}
#main .promotion-slider li{float:left;height:278px}
#main .promotion-slider-nav{display:inline-block;zoom:1;margin-top:255px}
#main .promotion-slider-nav:after,#main .promotion-slider-nav:before{content:" ";display:table}
#main .promotion-slider-nav li{float:left}
#main .promotion-slider-nav span{text-indent:-9999px;display:block;width:10px;height:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#ccc;margin-left:5px;opacity:.9;cursor:pointer}
#main .promotion-right-banner,#main .promotion-right-banner img{width:172px;height:278px;display:block}
#main .promotion-slider-nav span.active{opacity:1;background:#f90;position:relative}
#main .promotion-right-banner{float:left;margin-left:2px;margin-bottom:2px}
#main .promotion-right-banner a{display:block}
#main .bottom-slider-container{width:520px;height:180px;float:left;overflow:hidden;position:relative;text-align:center}
#main .bottom-slider-container:hover .bottom-slider-left,#main .bottom-slider-container:hover .bottom-slider-right{display:block}
#main .bottom-slider-container .bottom-slideritem{width:520px;height:180px}
#main .bottom-slider-container .bottom-slideritem b{cursor:pointer}
#main .bottom-slider-container .bottom-slideritem a{float:left;display:block}
#main .bottom-slider-container .bottom-slideritem .style1,#main .bottom-slider-container .bottom-slideritem .style1 img{width:130px;height:180px}
#main .bottom-slider-container .bottom-slideritem .style2,#main .bottom-slider-container .bottom-slideritem .style2 img{width:260px;height:180px}
#main .bottom-slider-container .bottom-slideritem .style3,#main .bottom-slider-container .bottom-slideritem .style3 img{width:130px;height:60px}
#main .bottom-slider-left,#main .bottom-slider-right{color:#fff;background-color:#000;opacity:.3;filter:alpha(opacity=30);display:none;position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;line-height:40px;font-size:20px;text-align:center}
#main .bottom-slider-left:hover,#main .bottom-slider-right:hover{opacity:.6;filter:alpha(opacity=60)}
#main .bottom-slider-left i,#main .bottom-slider-right i{position:relative;top:2px;right:2px}
#main .bottom-slider-left{left:10px}
#main .bottom-slider-right{right:10px}
#main .bottom-slider-right i{left:1px}
#main .bottom-slider{position:absolute;zoom:1}
#main .bottom-slider:after,#main .bottom-slider:before{content:" ";display:table}
#main .bottom-slider a{display:block}
#main .bottom-slider li{float:left;height:287px}
#main .bottom-slider-nav{zoom:1;display:inline-block;margin-top:155px}
#main .bottom-slider-nav li{float:left}
#main .bottom-slider-nav span{text-indent:-9999px;display:block;width:10px;height:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#ccc;margin-left:5px;opacity:.9;cursor:pointer}
#main .bottom-right-banner,#main .bottom-right-banner img{display:block;width:172px;height:180px}
#main .bottom-slider-nav span.active{opacity:1;background:#f90;position:relative}
#main .bottom-right-banner{float:left;margin-left:2px}
#main .bottom-right-banner a{display:block}
#main .promotion-static{margin-top:2px;zoom:1}
#main .promotion-static:after,#main .promotion-static:before{content:" ";display:table}
#main .promotion-static li{float:left;width:199px;height:114px;margin-right:2px}
#main .promotion-static .last{margin-right:0}
#main .promotion-static a,#main .promotion-static img{display:block;width:100%;height:100%}
#main .hotpoints-title,#main .last-join-title{color:#3d3d3d;font-size:18px;line-height:22px;margin-top:10px}
#main .hotpoints{zoom:1;margin-top:10px;margin-bottom:20px}
#main .hotpoints:after,#main .hotpoints:before{content:" ";display:table}
#main .hotpoints li{float:left;width:230px;margin-right:10px;background:#fff;text-align:center;-webkit-box-shadow:0 1px 1px #D5D5D5;-moz-box-shadow:0 1px 1px #D5D5D5;box-shadow:0 1px 1px #D5D5D5}
#main .hotpoints li.hotpoint-last{margin-right:0}
#main .hotpoints a,#main .hotpoints em,#main .hotpoints img{display:block}
#main .hotpoints a{width:100%;height:100%;padding-bottom:14px}
#main .hotpoints a:hover{background-color:#f7f7f7;color:#3d3d3d}
#main .hotpoints a:hover b{color:#f90}
#main .hotpoints img{width:100%;height:132px}
#main .hotpoints em{font-size:18px;padding:13px 0 4px;color:#3d3d3d}
#main .hotpoints span,#main .last-join .baseinfo p{font-size:14px}
#main .hotpoints b{color:#f90}
#main .last-join{cursor:default;padding:2px 0 18px;overflow:hidden;margin-top:10px}
#main .last-join .last-join-wrapper{zoom:1}
#main .last-join .last-join-wrapper:after,#main .last-join .last-join-wrapper:before{content:" ";display:table}
#main .last-join li{width:212px;height:117px;display:inline-block;*display:inline;*zoom:1;background-color:#fff;margin-right:10px;-webkit-box-shadow:0 1px 1px #D5D5D5;-moz-box-shadow:0 1px 1px #D5D5D5;box-shadow:0 1px 1px #D5D5D5}
#main .last-join .last{margin-right:0}
#main .last-join li:hover{background-color:#f7f7f7}
#main .last-join .img-wrapper{float:left}
#main .last-join img{height:80px;width:80px;margin-left:14px;margin-top:18px}
#main .last-join .baseinfo-wrapper{float:left}
#main .last-join .baseinfo{float:left;margin-left:14px;margin-top:18px;width:104px;color:#3d3d3d}
#main .last-join .baseinfo h4{font-size:16px}
#main .last-join .baseinfo h4,#main .last-join .baseinfo p{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
#main .last-join .baseinfo .course{background-color:#8C98A0;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:1px 5px;font-size:12px;display:inline-block;*display:inline;*zoom:1;max-width:85px}
#main .last-join .baseinfo .icon{margin-right:2px;color:#3A3A3A}
#main .last-join .school-age{font-size:12px!important}
#main .scroll-track{width:100%;height:8px;position:relative;padding-bottom:14px;cursor:default}
#main .scroll-track .scroll-thumb{position:absolute;top:0;height:8px;background-color:#ccc;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;display:inline-block;*display:inline;*zoom:1}
#main .scroll-track:hover .scroll-thumb{display:inline-block;*display:inline;*zoom:1;background-color:#9d9d9d;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}
#main .floor-wrapper{width:100%}
#main .floor{background:url(../img/normal_bg_13e1a522a0.png) -9px 321px no-repeat;width:1275px;padding:12px 50px 60px;margin-left:-50px}
#main .floor-nav{zoom:1;margin-bottom:10px}
#main .floor-nav:after,#main .floor-nav:before{content:" ";display:table}
#main .floor-nav h2{float:left;font-size:18px;text-align:center}
#main .floor-nav h2 strong{color:#6287d5;font-size:30px;margin-right:6px}
#main .floor-nav ul{float:left;margin-left:24px;font-size:14px;margin-top:15px}
#main .floor-nav ul li{float:left;text-align:center;margin-right:6px}
#main .floor-nav ul a{display:block;width:100%;height:100%;background:#fafafa;border:1px solid #ddd;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;padding:2px 10px 1px}
#main .floor-nav-more{float:right;color:#9d9d9d;margin-top:20px}
#main .floor-nav-more:hover{color:#3d3d3d}
#main .floor-teachers{zoom:1}
#main .floor-teachers:after,#main .floor-teachers:before{content:" ";display:table}
#main .floor-teachers li{float:left;width:230px;margin-right:6px;background:#fff;position:relative;text-align:center;padding:22px 0 16px}
#main .floor-teachers li img{width:120px;height:120px;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;position:relative;z-index:2}
#main .floor-teachers li:hover .floor-teacher-mask{display:block;-webkit-animation:teacherMaskShow .5s;-moz-animation:teacherMaskShow .5s;-o-animation:teacherMaskShow .5;animation:teacherMaskShow .5s;opacity:.8;filter:alpha(opacity=80)}
#main .floor-teachers li:hover .floor-teacher-intro{height:106px;padding:0 16px;-webkit-animation:teacherIntroShow 1s;-moz-animation:teacherIntroShow 1s;-o-animation:teacherIntroShow 1s;animation:teacherIntroShow 1s}
#main .floor-teachers li.floor-teacher-last{margin-right:0}
#main .floor-teacher-mask{position:absolute;display:none;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;filter:alpha(opacity=0)}
#main .floor-teacher-mask>a{display:block;width:100%;height:100%}
#main .floor-teacher-intro{position:absolute;background:0 0;height:0;bottom:0;padding:0;overflow:hidden;color:#fff;text-align:left;font-size:13px}
#main .floor-teacher-baseinfo{padding:0 13px;line-height:1;text-align:center}
#main .floor-teacher-baseinfo em,#main .floor-teacher-baseinfo strong{display:block}
#main .floor-teacher-baseinfo em,#main .floor-teacher-baseinfo span,#main .floor-teacher-baseinfo strong{margin-top:10px}
#main .floor-teacher-baseinfo strong{font-size:20px;color:#3d3d3d}
#main .floor-teacher-baseinfo .floor-teacher-addr{font-size:12px;display:block}
#main .floor-teacher-baseinfo .icon-location-o{font-size:13px;position:relative;top:1px;margin-right:4px}
#main .floor-teacher-baseinfo p{line-height:16px}
#main .floor-teacher-age{margin-left:10px;display:inline-block;*display:inline;*zoom:1;color:#fff;padding:4px 12px 3px;text-align:center;font-size:12px}
#main .flow-wrapper{margin-top:25px}
#main .user-flow h3{width:146px;font-size:18px;text-align:left;text-indent:4px}
#main .user-flow ol{margin:26px 0 52px;text-align:center}
#main .user-flow li{display:inline-block;*display:inline;*zoom:1;width:268px;text-align:center;vertical-align:top}
#header .gq .instruction,#header .zq .instruction{display:none}
#main.narrow-mode,#main.narrow-mode>.wrapper,.narrow-mode,.narrow-mode>.wrapper{width:100%!important}
#main .user-flow h4{font-size:18px;line-height:2;color:#3d3d3d}
#main .user-flow p{margin:10px 26px 0;font-size:13px;line-height:24px;height:96px;text-align:left}
#main .user-flow .icon{color:#6287d5;font-size:40px; padding:10px;}
.main-category-list{position:absolute;height:470px}
.main-category-list .left-bottom{left:-2px;bottom:-2px;background-position:-38px 0}
.main-category-list .right-bottom{right:-2px;bottom:-2px;background-position:-57px 0}
.main-category-level1:hover{background-color:red}
.main-category-header{position:relative}
.main-category-header .left-top{left:0;top:0;background-position:0 0}
.main-category-header .right-top{right:0;top:0;background-position:-19px 0}
@-webkit-keyframes teacherMaskShow{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:.8;filter:alpha(opacity=80)}}
@-moz-keyframes teacherMaskShow{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:.8;filter:alpha(opacity=80)}}
@-o-keyframes teacherMaskShow{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:.8;filter:alpha(opacity=80)}}
@keyframes teacherMaskShow{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:.8;filter:alpha(opacity=80)}}
@-webkit-keyframes teacherIntroShow{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}
@-moz-keyframes teacherIntroShow{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}
@-o-keyframes teacherIntroShow{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}
@keyframes teacherIntroShow{0%{opacity:0;filter:alpha(opacity=0)}100%{opacity:1;filter:alpha(opacity=100)}}
.floor-nav-k12 h2 strong{color:#6287d5!important}
.floor-nav-k12 li a:hover{background:#6287d5!important;color:#fff;border-color:transparent}
.floor-k12 .floor-teacher-age{background-color:#6287d5}
.floor-k12 .icon-location-o{color:#6287d5}
.floor-nav-abroad h2 strong{color:#56b02a!important}
.floor-nav-abroad li a:hover{background:#56b02a!important;color:#fff;border-color:transparent}
.floor-abroad .floor-teacher-age{background-color:#56b02a}
.floor-abroad .icon-location-o{color:#56b02a}
.floor-nav-art h2 strong{color:#f90!important}
.floor-nav-art li a:hover{background:#f90!important;color:#fff;border-color:transparent}
.floor-art .floor-teacher-age{background-color:#f90}
#main.middle-mode .floor,#main.narrow-mode .floor{background:url(../img/small_bg_097e0a6b2e.png) 0 311px no-repeat;padding:0 50px 50px}
.floor-art .icon-location-o{color:#f90}
#header .gq .city strong,#header .zq .city strong{color:#3d3d3d;font-weight:700}
.narrow-mode{margin:0 auto}
#main.narrow-mode .floor{width:1114px;margin-left:-50px}
#main.narrow-mode .hotpoints li{width:196px;margin-right:8.5px}
#main.narrow-mode .hotpoints li.hotpoint-last{margin-right:0}
#main.narrow-mode .floor-teachers li{width:196px;margin-right:8.5px}
#main.narrow-mode .floor-teachers li.floor-teacher-last{margin-right:0}
#main.narrow-mode .user-flow li{width:253px}
.middle-mode{width:100%!important;margin:0 auto}
#main.middle-mode,#main.middle-mode>.wrapper,.middle-mode>.wrapper{width:1014px!important}
#main.middle-mode .floor{width:1114px;margin-left:-50px}
#header .gq .city,#header .zq .city{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;border-left:none;padding-left:8px;position:absolute}
#main.middle-mode .hotpoints li{width:196px;margin-right:8.5px}
#main.middle-mode .hotpoints li.hotpoint-last{margin-right:0}
#main.middle-mode .floor-teachers li{width:196px;margin-right:8.5px}
#header .zq .feature-box,#main.middle-mode .floor-teachers li.floor-teacher-last{margin-right:0}
#main.middle-mode .user-flow li{width:253px}
#header .zq .logo{background:url(../img/zq-logo-1_473362d2b1.jpeg) no-repeat;text-indent:-9999px;width:240px;height:140px;position:absolute;left:-25px;top:-15px}
#header .zq .city{width:56px;left:243px;top:35px}
#header .zq .search-form{position:absolute;top:66px;left:316px}
#header .zq .placeholder-wrappers{width:540px}
#header .gq .logo{background:url(../img/gq-logo_00c95d8a55.jpg) no-repeat;text-indent:-9999px;width:244px;height:140px;position:absolute;left:-25px;top:-15px}
#header .gq .city{width:56px;left:215px;top:35px}
#header .gq .search-form{position:absolute;top:66px;left:290px}
#header .gq .placeholder-wrappers{width:540px}