.course-list .course-list-item .course-list-img img
.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.l{float:left}
.r{float:right}
.hide{display:none}
.hide-text{text-indent:100%;white-space:nowrap;overflow:hidden}
.newcontainer,.page-container{margin:0 auto;width:100%}
.container{margin:0 auto}
.container{width:100%}
#main{min-height:750px;padding:20px 0}
.waper{width:100%;margin:0 auto}
.shadow{-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#header{background:#000000}
#nav{width:auto;padding-right:20px;height:60px;margin:0 auto;position:relative;z-index:1000}
.nav-item li{float:left}
.nav-item a{position:relative;padding:0 25px;display:block;color:#ffffff;text-align:center;font-size:14px;height:60px;line-height:60px;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition:background-color 0.3s}
.nav-item a:hover,.nav-item .active a,.nav-item a.active{color:#fff;background-color:#363c41}
.nav-item a .icn-new{position:relative;display:inline-block;*display:inline;*zoom:1;top:-10px;width:16px;height:16px;background:url(/static/img/common/new.png) no-repeat 0 0}
.header-app-icon{display:inline-block;width:11px;height:16px;background:url(/static/img/head-app-icon.png) no-repeat 0 0;vertical-align:-3px;margin-right:5px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
#header .app-down-area a{display:block;padding:0 8px;height:60px;line-height:60px;color:#ffffff}
#header .app-down-area a:hover{color:#ffffff;background-color:#363c41}
#header .app-down-area a:hover i{background-position:0 -16px}
.remind_warp{width:60px;height:60px;position:relative}
.remind_warp .icon-notifi{display:block;line-height:60px;font-size:22px;text-align:center;cursor:pointer;transition:color 0.2s}
.remind_warp .icon-notifi:hover{color:#fff!important;background-color:#363c41}
.remind_warp .msg_remind{display:none;position:absolute;width:6px;height:6px;background-color:#f01414;right:14px;top:14px;border-radius:50%}
.search-warp{float:right;position:relative;margin-right:18px}
.search-warp i{display:block;width:30px;height:60px;color:#757a7e;font-size:22px;line-height:60px;cursor:pointer}
.search-warp i:hover{color:#fff}
.search-warp .showhide-search{width:30px;height:60px;line-height:60px;text-align:right;position:absolute;display:inline-block;right:0;top:0}
.search-area{float:right;position:relative;height:38px;width:210px;margin:10px 0;padding-right:30px;border:1px solid #000;border-bottom-color:rgba(120,125,130,0.8);zoom:1;-webkit-transition:width 0.3s;-moz-transition:width 0.3s;transition:width 0.3s}
.search-area.min{width:0px;border-color:#000}
.search-area .search-input{padding:5px 10px;width:100%;height:38px;line-height:38px;font-size:12px;float:left;border:0;color:#fff;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition:background-color 0.3s;background-color:#000000;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.search-area .search-input:-moz-placeholder{color:#787d82}
.search-area .search-input::-moz-placeholder{color:#787d82;opacity:1}
.search-area .search-input:-ms-input-placeholder{color:#787d82}
.search-area .search-input::-webkit-input-placeholder{color:#787d82}
.search-area .search-input.placeholder{color:#787d82}
.search-area .btn_search{float:left;cursor:pointer;width:30px;height:38px;text-align:center;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition:background-color 0.3s}
.search-area .search-area-result{position:absolute;left:0px;top:41px;width:238px;margin-bottom:20px;border:1px solid #d3d3d3;border-top:none;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.35);font-size:12px;overflow:hidden;display:none;z-index:1000}
.search-area .search-area-result li{height:40px;line-height:40px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#787d82;cursor:pointer}
.search-area .search-area-result li:hover,.search-area .search-area-result .light{color:#14191e;background-color:#edf0f2}
#login-area{float:right;position:relative}
.header-unlogin li{float:left}
.header-signin a,.header-signup a,.header-app a{display:block;width:60px;font-size:14px;text-align:center;height:60px;line-height:60px;color:#787d82;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;transition:background-color 0.2s}
.header-app{position:relative}
.header-app .QR-download{display:none;position:absolute;top:72px;left:-57px;width:140px;height:166px;background:#fff;padding:16px 20px 18px 20px;text-align:center;webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);box-shadow:0 2px 4px rgba(0,0,0,0.2);z-index:9999}
.header-app .QR-download #app-text{margin:0px;height:0px;color:#14191e;font:bold 14px/15px "微软雅黑";height:15px}
.header-app .QR-download #app-type{margin:0px;height:0px;color:#787d82;font:12px/20px "微软雅黑";height:30px}
.header-app .QR-download:before{content:" ";display:block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;position:absolute;top:-8px;left:79px}
.header-app .icon-appdownload{color:#787d82;font-weight:normal}
.header-app:hover .QR-download{display:block}
.header-app:hover .icon-appdownload{color:#fff}
.header-app a{font-size:22px}
.header-app a:hover{color:#fff;background-color:#363c41}
.header-signin a:hover{color:#fff;background-color:#ec1500}
.header-signup a:hover{color:#fff;background-color:#363c41}
#header-avator:hover{background-color:transparent}
.my_message a span{display:none}
.msg_icon{display:none;position:absolute;padding:0px 4px;height:16px;left:32px;top:10px;line-height:14px;background:#c9394a;color:#fff;font-style:normal;font-size:10px}
.my_mp span{display:block;line-height:16px;color:#6c7072}
.my_mp .mp{padding-top:12px;font-size:12px}
.my_mp a:hover .mp_num{color:#fff}
.set_btn{right:0px}
.set_btn a.hover{background-color:#363d40}
.set_btn img{border-radius:22px;border:2px solid #adb0b1;vertical-align:middle;display:inline-block;background:url(/static/img/menu_icon.png) no-repeat 0 0}
#nav_list{display:none;z-index:999;width:140px;position:absolute;top:60px;right:0px;background:#363c41;list-style:none}
#nav_list li a{border-top:1px solid #4a5153;height:39px;line-height:39px;font-size:14px;background-image:url(/static/img/menu_icon.png?t=10);background-repeat:no-repeat;display:block;color:#fff;text-align:left;padding:0;padding-left:47px;width:auto}
#nav_list a:hover{color:#fff;background-color:#4d5559}
#nav_list #my_space{padding:0 18px;background-image:none;border:0;height:49px;line-height:49px;text-align:center}
#nav_list .my_message{background-position:19px -46px}
#nav_list #my_note{background-position:19px -90px}
#nav_list #my_question{background-position:19px -128px}
#nav_list #my_setting{background-position:19px -167px}
#nav_list #my_logout{background-position:19px -207px}
.flw-weixin-box{position:absolute;display:none;width:170px;height:220px;left:-69px;bottom:35px;background:url(/static/img/common/footer-sprite.png?1) no-repeat 0 0}
.followus .followus-weixin{background-position:0 -279px}
.followus-weixin:hover .flw-weixin-box{display:block}
.followus .followus-weibo{background-position:0 -321px}
.followus .followus-qzone{background-position:0 -363px}
.friend-links{line-height:60px}
.friend-links a{display:inline-block;margin-right:20px}
.friend-links a:hover{text-decoration:underline;color:#000}
.friend-links dl{padding:0 10px}
.friend-links dd{float:left;width:160px}
.page{margin:25px 0 auto;overflow:hidden;clear:both;text-align:center}
.page-inner{padding:0 20px}
.page a{display:inline-block;margin:0 5px;padding:0 5px;min-width:20px;height:29px;line-height:30px;font-size:14px;color:#787d82;text-align:center;border-bottom:1px solid transparent;-webkit-transition:border-color 0.2s;-moz-transition:border-color 0.2s;transition:border-color 0.2s}
.page a:hover{border-color:#ec1500;color:#ec1500;text-decoration:none}
.page a.active{background:#ec1500;color:#ffffff;border-color:transparent}
.page span,.page-disabled{display:inline-block;padding:0 5px;min-width:20px;height:39px;line-height:39px;font-size:14px;color:#c8cdd2;text-align:center}
.page-first,.page-last{width:50px}
.page-prev,.page-next{width:70px}
.page .notmargin{margin-right:0}
.bordered{border-bottom:solid 1px #d0d6d9}
.panel{-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);box-shadow:0 2px 4px rgba(0,0,0,0.2);padding:0 20px;color:#14191e;background-color:#ffffff;margin-bottom:20px}
.panel-heading{border-bottom:solid 1px #d0d6d9}
.panel-title{height:50px;line-height:50px;font-size:16px}
select{margin:0;font-size:100%;cursor:pointer;font-weight:normal;background-color:#fff;border:1px solid #ccc;color:#555;display:inline-block;font-size:14px;height:30px;line-height:30px;padding:4px 6px;vertical-align:middle}
select:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a.btn-add-collection{display:block;background:url(/static/img/course/new_add_collection.png) no-repeat 46px top;height:32px;color:#909b9e;text-align:center;line-height:35px}
a.btn-add-collection:hover{background-position:46px -44px;color:#fff}
a.btn-remove-collection{background-position:46px -88px;color:#909b9e}
a.btn-remove-collection:hover{background-position:46px -130px}
.course-title .btn-add-collection{margin-top:6px}
.videohead .btn-add-collection{margin-top:20px}
.js-btn-collection .concerned-icon{margin-top:34px;display:inline-block}
progress{display:inline-block;background:#f0f0f0;border:0;height:6px;color:#aad94a;width:400px}
progress::-webkit-progress-bar{background:#f0f0f0}
progress::-moz-progress-bar{background:#aad94a}
progress::-webkit-progress-value{background:#aad94a}
.progress{background:#f0f0f0;height:6px;width:400px;display:inline-block}
.progressBar{background:#aad94a;height:6px}
.teacher-icon{width:7px;margin-left:5px;position:relative;top:1px}
.elevator{position:fixed;right:15px;bottom:10px;z-index:1030}
.elevator a{display:block;position:relative;margin:1px 0;outline:none;height:52px;width:52px;-webkit-transition:background-position 0.15s;-moz-transition:background-position 0.15s;transition:background-position 0.15s;background:url(/static/img/common/elevator.png?1) no-repeat}
.elevator .elevator-diaocha{background-position:0 -798px}
.elevator .elevator-diaocha:hover{background-position:0 -984px}
.elevator .elevator-app-box{position:absolute;width:172px;height:194px;bottom:-10px;right:46px;-webkit-transition:opacity 0.25s,transform .3s;-moz-transition:opacity 0.25s,transform .3s;transition:opacity 0.25s,transform .3s;opacity:0;filter:alpha(opacity=0);max-width:0;-webkit-transform:scale(0.01);-ms-transform:scale(0.01);transform:scale(0.01);-webkit-transform-origin:100% 95%;-ms-transform-origin:100% 95%;transform-origin:100% 95%;background:url(/static/img/common/elevator.png) no-repeat 0 -222px}
.elevator .elevator-app{background-position:0 -550px}
.elevator .elevator-app:hover{background-position:0 -612px}
.elevator .elevator-app:hover .elevator-app-box{display:block;visibility:visible;opacity:1;filter:alpha(opacity=100);max-width:none;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.elevator .elevator-weixin-box{position:absolute;width:172px;height:212px;bottom:-10px;right:46px;-webkit-transition:opacity 0.25s,transform .3s;-moz-transition:opacity 0.25s,transform .3s;transition:opacity 0.25s,transform .3s;opacity:0;filter:alpha(opacity=0);max-width:0;-webkit-transform:scale(0.01);-ms-transform:scale(0.01);transform:scale(0.01);-webkit-transform-origin:100% 95%;-ms-transform-origin:100% 95%;transform-origin:100% 95%;background:url(/static/img/common/elevator.png) no-repeat 0 0}
.elevator .elevator-weixin{background-position:0 -860px}
.elevator .elevator-weixin:hover{background-position:0 -922px}
.elevator .elevator-weixin:hover .elevator-weixin-box{display:block;visibility:visible;opacity:1;filter:alpha(opacity=100);max-width:none;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.elevator .elevator-msg{background-position:0 -426px}
.elevator .elevator-msg:hover{background-position:0 -488px}
.elevator .elevator-top{background-position:0 -674px}
.elevator .elevator-top:hover{background-position:0 -736px}
a{outline:none}
a:active{star:expression(this.onFocus=this.blur())}
a,input,button{outline:none}
button::-moz-focus-inner{border:0px}
input::-moz-focus-inner{border:0px}
.autowrap{word-wrap:break-word;word-break:break-all}
.compatible-contianer{position:fixed;top:0;left:0;right:0;min-width:800px;height:30px;line-height:30px;background:url(/static/img/iebg.gif) repeat-x;z-index:999999}
.cpt-ct{color:#363636;font-size:12px;text-align:center}
.cpt-ct i{display:inline-block;width:12px;height:14px;vertical-align:-2px;margin-right:5px;background:url(/static/img/iefixed-sprite.png) no-repeat 0 0}
.cpt-ct a{color:#39b94e}
.cpt-ct a:hover{text-decoration:underline}
.cpt-handle{position:absolute;right:20px;top:0;font-size:12px;line-height:27px}
.cpt-handle a{display:inline-block;vertical-align:middle}
.cpt-handle .cpt-agin{color:#656e73;margin-right:5px}
.cpt-handle .cpt-agin:hover{color:#363d40}
.cpt-close{width:16px;height:16px;text-align:center;line-height:16px;border-radius:50%;transition:0.3s}
.cpt-close:hover{background-color:#fc8800}
.cpt-close i{display:inline-block;height:8px;width:8px;vertical-align:1px;background:url(/static/img/iefixed-sprite.png) no-repeat 0 -24px}
.cpt-close:hover i{background-position:0 -42px}
.layer-usercard{position:absolute;z-index:999;width:370px;height:165px;background:#fff;box-shadow:0 2px 2px #999}
.layer-usercard .arrow{position:absolute;left:65px;top:-11px;width:19px;height:11px;background:url(/static/img/dot_usercard.png)}
.layer-usercard-header{height:110px;background:#2a2c2e}
.layer-usercard-header .avatar img{border-radius:50px;left:21px;position:absolute;top:21px;border:3px solid #7f8082}
.layer-usercard-header dt,.layer-usercard-header dd{float:right;width:245px;padding-right:20px;color:#fff}
.layer-usercard-header dt{padding-top:20px;font-size:18px}
.layer-usercard-header dd{font-size:12px}
.layer-usercard-info ul{overflow:hidden;padding-top:16px;height:32px;font-size:16px;color:#364247;position:relative}
.layer-usercard-info li{float:left;padding:0 22px;border-right:1px solid #d9d9d9}
.layer-usercard-info span{color:#969b9e;font-size:12px}
.layer-usercard-info li.noborder{border:0}
li.layer-usercard-medal{padding:0;top:12px;right:10px;width:117px;position:absolute;border:0}
.layer-usercard-medal a{width:32px;height:32px;float:left;margin-right:5px;border-radius:1px;overflow:hidden}
.ipt{color:#14191e;background-color:#ffffff;border:1px solid #98a1a6;height:20px;padding:9px 9px;font-size:14px;line-height:20px;border-radius:0;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;border-color:#98a1a6;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
select.ipt{height:20px;line-height:20px}
textarea.ipt,select[multiple].ipt{height:auto}
.ipt:-moz-placeholder{color:#c8cdd2}
.ipt::-moz-placeholder{color:#c8cdd2;opacity:1}
.ipt:-ms-input-placeholder{color:#c8cdd2}
.ipt::-webkit-input-placeholder{color:#c8cdd2}
.ipt.placeholder{color:#c8cdd2}
.ipt:focus{border-color:#000000;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,0.4);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,0.4);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,0.4)}
.ipt[disabled],.ipt[readonly],.ipt.disabled{cursor:default;background-color:#edf1f2;opacity:1}
textarea.ipt{height:auto}
.ipt-error{color:#ec1500;border-color:#ec1500;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.ipt-error:focus{border-color:#ec1500;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,0.4);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,0.4);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,0.4)}
.btn{display:inline-block;margin-bottom:0;font-weight:200;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;text-decoration:none;box-sizing:content-box;background-image:none;border:1px solid transparent;-webkit-appearance:none;white-space:nowrap;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.btn:hover,.btn:focus,.btn.focus{color:#fff;text-decoration:none}
.btn:active,.btn.active{outline:0;background-image:none}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;opacity:0.65;filter:alpha(opacity=65);box-shadow:none}
.btn-red{color:#ffffff;background-color:#ec1500;border-color:#ec1500;border-style:solid;border-width:1px;cursor:pointer;-weibkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;width:138px;height:38px;line-height:38px;font-size:14px}
.btn-red:link,.btn-red:visited{color:#ffffff}
.btn-red:hover,.btn-red:focus,.btn-red.focus{color:#ffffff;background-color:#ff2611;border-color:#ff2611}
.btn-red:active,.btn-red.active{background-color:#d31300;border-color:#d31300}
.btn-red.disabled,.btn-red[disabled],.btn-red.disabled:hover,.btn-red[disabled]:hover,.btn-red.disabled:focus,.btn-red[disabled]:focus,.btn-red.disabled.focus,.btn-red[disabled].focus,.btn-red.disabled:active,.btn-red[disabled]:active,.btn-red.disabled.active,.btn-red[disabled].active{cursor:default;box-shadow:none;background-color:#ec1500;border-color:#ec1500}
.btn-blue{color:#ffffff;background-color:#0088cc;border-color:#0088cc;border-style:solid;border-width:1px;cursor:pointer;-weibkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;width:138px;height:38px;line-height:38px;font-size:14px}
.btn-blue:link,.btn-blue:visited{color:#ffffff}
.btn-blue:hover,.btn-blue:focus,.btn-blue.focus{color:#ffffff;background-color:#00a0f0;border-color:#00a0f0}
.btn-blue:active,.btn-blue.active{background-color:#0077b3;border-color:#0077b3}
.btn-blue.disabled,.btn-blue[disabled],.btn-blue.disabled:hover,.btn-blue[disabled]:hover,.btn-blue.disabled:focus,.btn-blue[disabled]:focus,.btn-blue.disabled.focus,.btn-blue[disabled].focus,.btn-blue.disabled:active,.btn-blue[disabled]:active,.btn-blue.disabled.active,.btn-blue[disabled].active{cursor:default;box-shadow:none;background-color:#0088cc;border-color:#0088cc}
.btn-green{color:#ffffff;background-color:#00b33b;border-color:#00b33b;border-style:solid;border-width:1px;cursor:pointer;-weibkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;width:138px;height:38px;line-height:38px;font-size:14px}
.btn-green:link,.btn-green:visited{color:#ffffff}
.btn-green:hover,.btn-green:focus,.btn-green.focus{color:#ffffff;background-color:#00d747;border-color:#00d747}
.btn-green:active,.btn-green.active{background-color:#009a33;border-color:#009a33}
.btn-green.disabled,.btn-green[disabled],.btn-green.disabled:hover,.btn-green[disabled]:hover,.btn-green.disabled:focus,.btn-green[disabled]:focus,.btn-green.disabled.focus,.btn-green[disabled].focus,.btn-green.disabled:active,.btn-green[disabled]:active,.btn-green.disabled.active,.btn-green[disabled].active{cursor:default;box-shadow:none;background-color:#00b33b;border-color:#00b33b}
.btn-normal{color:#787d82;background-color:#ffffff;border-color:#d0d6d9;border-style:solid;border-width:1px;cursor:pointer;-weibkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;width:138px;height:38px;line-height:38px;font-size:14px}
.btn-normal:link,.btn-normal:visited{color:#787d82}
.btn-normal:hover,.btn-normal:focus,.btn-normal.focus{color:#787d82;background-color:#edf1f2;border-color:#98a1a6}
.btn-normal:active,.btn-normal.active{background-color:#f2f2f2;border-color:#c2cace}
.btn-normal.disabled,.btn-normal[disabled],.btn-normal.disabled:hover,.btn-normal[disabled]:hover,.btn-normal.disabled:focus,.btn-normal[disabled]:focus,.btn-normal.disabled.focus,.btn-normal[disabled].focus,.btn-normal.disabled:active,.btn-normal[disabled]:active,.btn-normal.disabled.active,.btn-normal[disabled].active{cursor:default;box-shadow:none;background-color:#ffffff;border-color:#d0d6d9}
.btn-sm{width:78px;height:28px;line-height:28px;font-size:12px}
.send-area-result{background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.4);-moz-box-shadow:0 0 8px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 8px rgba(0,0,0,0.4);position:absolute;top:58px;left:0;width:inherit}
.send-area-result dt{font-size:12px;color:#c8cdd2;line-height:40px;height:40px;padding:0 10px}
.send-area-result dd{height:40px;line-height:40px}
.send-area-result dd a.questiontitle{border:none;font-size:14px;color:#787d82;width:inherit;text-align:left;height:40px;line-height:40px;padding:0 10px;display:block}
.oncurr{color:#14191e;background:#edf1f2}
.send-area-result dd a.questiontitle i,.send-area-result dd a.questiontitle em{font-style:normal;font-size:12px;margin-left:10px}
.send-area-result dd a.questiontitle em{color:#c8cdd2}
.send-area-result dd a.questiontitle i{color:#00b33b}
.g-user-card{position:absolute;right:0;top:100%;width:300px;padding-top:10px;visibility:hidden;z-index:1000}
.g-user-card .card-inner{background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2)}
.g-user-card .card-top{padding-left:100px;height:100px;background:#f34131 url(/static/img/common/user_card_top.png) no-repeat center 0;color:#fff;position:relative}
.g-user-card .card-top img{float:left;width:60px;height:60px;border-radius:50%;border:2px solid #fff;margin:20px 0 0 -82px}
.g-user-card .card-top .name{display:inline-block;padding-top:30px;font-size:18px;width:160px}
.g-user-card .card-top a{color:#fff}
.g-user-card .card-top .setup{position:absolute;right:20px;top:20px;opacity:0.6;filter:alpha(opacity=60);font-size:16px}
.g-user-card .card-top .setup:hover{opacity:1;filter:alpha(opacity=100)}
.g-user-card .card-top .meta{font-size:12px;font-weight:bold}
.g-user-card .card-top .meta a{margin-right:12px}
.g-user-card .card-top .meta b{margin-left:2px}
.g-user-card .card-links{position:relative;height:60px;line-height:60px}
.g-user-card .card-links a,.g-user-card .card-links .split{position:absolute}
.g-user-card .card-links .split{left:150px;top:0;margin-top:15px;width:1px;height:30px;background-color:#edf1f2}
.g-user-card .card-links a{left:20px;top:0;font-weight:bold}
.g-user-card .card-links .my-sns{left:172px}
.g-user-card .card-history,.g-user-card .card-links{margin-bottom:-1px;border-bottom:1px solid #edf1f2}
.g-user-card .card-history{height:70px}
.g-user-card .card-history .history-item{display:block;position:relative;padding:18px 74px 14px 46px;font-size:12px;color:#787d82;transition:background-color 0.2s}
.g-user-card .card-history .history-item .tit{display:block;margin-bottom:4px;font-weight:bold}
.g-user-card .card-history .history-item .media-name{display:block}
.g-user-card .card-history .history-item .icon-clock{position:absolute;left:20px;top:22px}
.g-user-card .card-history .history-item .continue{position:absolute;right:20px;top:18px;color:#f01400}
.g-user-card .card-history .history-item .continue:hover{color:#d81200}
.g-user-card .card-sets{padding:0 20px;height:40px;line-height:40px;font-size:12px}
.g-user-card .card-sets a{color:#787d82}
.g-user-card .card-sets a:hover{color:#f01400;background:none}
.g-user-card .card-sets .mr30{margin-right:30px}
.g-user-card .card-arr{position:absolute;right:23px;top:2px;border-width:0 7px 8px 7px;border-color:transparent transparent #f01400 transparent;border-style:solid}
.user-card-box{position:relative}
.user-card-box:hover .g-user-card{visibility:visible}
.user-card-box .user-card-item img{width:28px;height:28px;border-color:#4d5559;margin-top:-5px}
.user-card-box:hover .user-card-item img{border-color:#f22c1a}
.visible-xs-block{display:none}
@media screen and (max-width:100%;
){.nav-item li{transition:.3s;margin:0}
    .nav-item li a{padding:0 20px}
    .search-area{width:170px}
}
@media screen and (max-width:979px){
    .nav-item li a{padding:0 15px}
    .remind_warp{width:50px}
    .msg_icon{left:30px}
    .remind_warp .msg_remind{right:5px}
    .header-app{display:none}
    .search-warp{margin-right:10px}
    .search-area{width:140px}
    .header-signin a{width:50px}
}
@media screen and (max-width:767px){
    #nav{padding:0 15px}
    .wd-scroll,.elevator{display:none}
    .visible-xs-block{display:block}
    .search-warp,body{padding-top:0;-webkit-transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease}
    html.holding{height:100%;overflow:hidden}
    body:after{width:100%;height:100%;position:absolute;top:0;z-index:1000;content:" ";display:block;background:#000;opacity:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;visibility:hidden}
    body.slide-left{-webkit-transform:translate(-130px,0);-ms-transform:translate(-130px,0);transform:translate(-130px,0);margin-right:-130px;padding-right:130px;height:100%;overflow:hidden}
    body.slide-left:after{left:-130px;visibility:visible;opacity:0.3;z-index:1002}
    .navbar-toggle{position:relative;float:right;border:0;color:#fff;margin-top:10px;margin-right:-5px;outline:none;padding:5px 10px}
    .navbar-toggle,.navbar-toggle:focus,.navbar-toggle:hover{background:none}
    .navbar-toggle .icon-menu{color:#fff;font-size:32px}
    .nav-item{display:none;width:130px;height:2000px;background:#242A2F;position:absolute;left:100%;top:0;margin:0}
    .nav-item li{float:none}
    .nav-item li a{padding:10px 0 10px 30px;text-align:left;line-height:30px;height:30px}
    .nav-item li.set-btn{color:#fff;height:60px;line-height:60px;text-align:center}
    .nav-item li.set-btn a{display:inline;padding:0}
    .nav-item li.set-btn img{width:36px;height:36px;border:2px solid #fff;border-radius:22px;vertical-align:middle;display:inline-block;background:url("/static/img/menu_icon.png") no-repeat}
    body.slide-left .nav-item{display:block}
}
@media screen and (max-width:480px){
    .wd-scroll,.elevator{display:none}
}
body{min-width:620px}
.course-nav{min-width:900px;height:40px;line-height:40px;background:#fff;box-shadow:0 1px 2px #c5c5c5}
.course-nav ul{margin:0 auto;padding-left:140px;width:1060px}
.course-nav li{width:100px;float:left;text-align:center;font-size:12px}
.course-nav a.curr,.course-nav a.curr:hover{color:#cc0000}
.course-nav a:hover{color:#14191e}
.container{width:100%;color:#656e73}
.fixed{position:fixed!important;top:0;z-index:9}
.btn-green{padding:0 50px;height:38px;line-height:38px;background:#39b94e;border-bottom:2px solid #33a646;color:#fff;text-align:center;cursor:pointer;display:inline-block;font-size:14px;font-family:Microsoft YaHei;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s}
a.btn-green:hover{opacity:0.8;filter:alpha(opacity=80)}
a.btn-green:hover,a.btn-green:link,a.btn-green:visited{color:#fff}
.gotoTopBtn{margin-left:610px}
.course-sidebar{float:left;width:262px}
.course-sidebar .course-sidebar-type{position:relative;width:260px;margin-bottom:20px;background-color:#fff;box-shadow:0px 2px 4px rgba(0,0,0,0.1)}
.dot-sidebar-curr{position:absolute;left:0;height:60px;width:2px;background:#cc0000}
.course-category{padding:0 20px;font-size:14px;height:60px;position:relative;z-index:99}
.course-category a.course-category-link{height:59px;line-height:59px;border-bottom:1px solid #edf1f2;display:block;padding-left:10px}
.course-category a.course-category-link:hover,.course-category.hover a.course-category-link{color:#14191e}
.course-category-more.hover a.course-category-link{border-bottom:1px solid #fff}
.course-category.curr a.course-category-link,.course-category.curr.hover a.course-category-link{color:#cc0000}
.course-category i{background:url(http://static.mukewang.com/static/img/course/dot_menu_arrow.png);width:7px;height:12px;display:block;position:absolute;right:30px;top:26px}
.course-category.curr i,.course-category.curr.hover a.course-category-link i{background-position:0 -24px}
.course-category.hover a.course-category-link i{background-position:0 -12px}
.course-category.course-category-more.hover{box-shadow:0px 2px 5px #d5d7d8}
.course-category .course-category-sort{display:none;position:absolute;top:0;left:250px;width:290px;font-size:14px;background:#fff;z-index:9;box-shadow:0px 2px 5px #d5d7d8}
.course-category .course-category-sort ul{padding:10px;overflow:hidden}
.course-category .course-category-sort li{width:80px;line-height:30px;float:left;font-size:12px;margin:5px}
.course-category .course-category-sort li a{display:block;width:100%;height:30px;text-align:center;transition:background 0.6s;-moz-transition:background 0.6s;-webkit-transition:background 0.6s;-o-transition:background 0.6s;transition:color 0.3s;-moz-transition:color 0.3s;-webkit-transition:color 0.3s;-o-transition:color 0.3s}
.course-category .course-category-sort li.curr a,.course-category .course-category-sort li a:hover{background:#cc0000;color:#fff}
.course-category-sort-bg{position:absolute;left:-5px;top:0;height:60px;width:5px;background:#fff}
.course-content{float:right;position:relative;width:920px;min-height:720px;box-shadow:0px 2px 4px rgba(0,0,0,0.1)}
.course-content .loading{position:fixed;position:absolute\0;margin-top:-150px\0;z-index:2;width:920px;height:52px;background:url(http://static.mukewang.com/static/img/course/loading.gif) center center no-repeat}
.course-content .bg-loading{position:absolute;width:920px;background:#fff;z-index:2;left:0;display:none}
.course-content .course-tools{height:50px;background:#fff;padding:0 20px;width:880px}
.course-content .course-tools h2{padding:10px 0;line-height:29px;height:29px;color:#99a1a6;font-size:14px;border-bottom:1px solid #d0d6d9}
.course-content .course-tools h2 span{color:#787d82}
.course-content .course-tools h2 strong{font-size:14px;font-weight:normal;color:#14191e}
.course-content .course-tools .course-sidebar-sort{position:absolute;right:80px;top:16px}
.course-content .course-tools .course-sidebar-sort li{float:left;width:100px;text-align:center;font-size:12px}
.course-content .course-tools .course-sidebar-sort li a{color:#787d82;display:block;line-height:20px}
.course-content .course-tools .course-sidebar-sort li a.curr,.course-content .course-tools .course-sidebar-sort li a:hover{color:#14191e}
.course-filter{cursor:pointer;width:60px;height:40px;position:absolute;top:9px;right:20px;background:url(/static/img/course/icon_filter.png) no-repeat top center}
.course-filter.hover{box-shadow:0px 2px 5px #d5d7d8;background-position:center bottom}
.course-sidebar-filter{display:none;background:none repeat scroll 0 0 #fff;box-shadow:0 2px 5px #d5d7d8;font-size:14px;right:0px;position:absolute;top:36px;width:220px;padding:20px;z-index:9}
.course-sidebar-filter-bg{width:60px;height:5px;position:absolute;right:0;top:-5px;background:#fff}
.course-sidebar-filter dl{overflow:hidden;color:#14191e;font-size:12px}
.course-sidebar-filter dd{float:left;line-height:30px;width:50px;margin:20px 6px 20px 0}
.course-sidebar-filter dd:last-child{margin-right:0}
.course-sidebar-filter dd a{display:block;height:30px;text-align:center;transition:color 0.3s ease 0s;width:100px}
.course-sidebar-filter dd a{display:block;width:100%;height:30px;text-align:center;transition:background 0.6s;-moz-transition:background 0.6s;-webkit-transition:background 0.6s;-o-transition:background 0.6s;transition:color 0.3s;-moz-transition:color 0.3s;-webkit-transition:color 0.3s;-o-transition:color 0.3s}
.course-sidebar-filter dd.curr a,.course-sidebar-filter dd a:hover{background:#cc0000;color:#fff}
.course-content .course-tools .course-tools-learn{border-top:1px solid #edf1f2;padding-top:12px}
.course-content .course-tools .course-tools-learn a{padding-left:30px;line-height:28px;display:block;font-size:12px;color:#787d82;opacity:1;filter:alpha(opacity=100);transition:opacity 0.3s;-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;background:url(/static/img/course/dot_checkbox.png?t=1) no-repeat left -1px}
.course-content .course-tools .course-tools-learn a:hover{color:#14191e}
.course-content .course-tools a.course-tools-checked{background-position:left -31px;color:#4d5559}
.course-content .course-tools .dot-tool-curr{position:absolute;width:100px;height:2px;right:180px;top:48px;background:#7e878c}
.course-list{padding:20px 10px;position:relative;min-height:500px}
.course-list .nodata{margin-top:100px;height:160px;background:url(http://static.mukewang.com/static/img/course/dot_nodata.png) no-repeat center center}
.course-list ul:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}
.course-list ul{*zoom:1}
.course-list .btn-loading{border:0;height:52px;text-indent:-99em;overflow:hidden;background:#ffffff url(http://static.mukewang.com/static/img/course/loading.gif?t=1) center center no-repeat}
.gotoTopBtn{z-index:12}
.discover-container{margin-top:-5px}
.discover-img{height:300px;background:#d1d6da;overflow:hidden}
.discover-img-btn{width:310px;height:210px;position:absolute;display:block;z-index:999;top:20px}
.discover-img-box{width:100%;height:240px;margin:30px auto 0;position:relative;z-index:0}
.btn-next{right:0}
.discover-img li{position:absolute;background:#000;-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.15);-moz-box-shadow:0 4px 8px rgba(0,0,0,0.15);box-shadow:0 4px 8px rgba(0,0,0,0.15)}
.discover-img li img{width:100%;height:100%}
.discover-img li span{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:#000;opacity:0;filter:alpha(opacity=0)}
.discover-nav{text-align:center}
.discover-nav span{width:10px;height:10px;display:inline-block;margin:10px 5px;background:#787d82;border-radius:5px;cursor:pointer}
.discover-nav span.curr{background:#cc0000}
.discover-title{position:relative}
.discover-title h3{padding:25px 0 15px;color:#14191e;font-size:18px;line-height:20px}
.discover-title a{font-size:14px;position:absolute;right:10px;top:23px;color:#787d82}
.discover-title a:hover{color:#c9394a}
.discover-list{padding:0;min-height:260px}
.discover-list li{margin-left:0;margin-right:26px}
.discover-list li.last,.discover-program-list li.last,.discover-corp-list li.last{margin-right:0}
.discover-program-list{padding-top:5px;*zoom:1}
.discover-program-list:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}
.discover-program-list li{float:left;margin:0 20px 20px 0;width:590px;height:238px;background:#fff;box-shadow:0 1px 2px #c5c5c5;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;background:#f7faf9\0/;*background:#f7faf9;border-bottom:2px solid #f7faf9\0/;*border-bottom:2px solid #f7faf9}
.discover-program-list li .program-list-img{width:590px;height:160px;position:relative;overflow:hidden}
.discover-program-list li .program-list-img h3{width:590px;height:160px;text-align:center;line-height:160px;color:#fff;font-size:24px;background-color:#ddd;background-position:center center;background-repeat:no-repeat;background-size:100%;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s}
.discover-program-list li .program-list-img span{position:absolute;bottom:-19px;width:590px;height:24px;line-height:24px;color:#fff;text-align:center;background:#39b94e;z-index:1;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s}
.discover-program-list li .program-list-intro{color:#656e73;padding:7px 10px;font-size:12px;line-height:18px;text-align:left;word-break:break-all;word-wrap:break-word}
.discover-program-list li:hover{box-shadow:0 2px 8px #bbb;border-bottom:2px solid #dae0e5\0/;*border-bottom:2px solid #dae0e5}
.discover-program-list li:hover h3{background-size:120%}
.discover-program-list li:hover span{bottom:0px}
.discover-corp-list{padding-top:5px;*zoom:1}
.discover-corp-list:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}
.discover-corp-list li{float:left;margin:0 20px 20px 0;width:590px;height:140px;background:#fff;box-shadow:0 1px 2px #c5c5c5;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;background:#f7faf9\0/;*background:#f7faf9;border-bottom:2px solid #f7faf9\0/;*border-bottom:2px solid #f7faf9}
.discover-corp-list li:hover{box-shadow:0 2px 8px #bbb;border-bottom:2px solid #dae0e5\0/;*border-bottom:2px solid #dae0e5}
.discover-corp-list a{width:590px;height:140px;display:block;background-position:center;background-repeat:no-repeat}
.course-sidebar{display:none}
.course-content{float:none;width:100%;box-shadow:none}
.course-nav-hd{position:relative;height:30px;line-height:30px;padding:15px 10px;border-bottom:1px solid #d0d6d9}
.course-nav-hd{font-size:16px;font-weight:700;color:#14191e}
.course-nav-hd .for-teacher{position:absolute;right:0;top:0;width:89px;height:100%;background:url(/static/img/course/v2/for_teacher.png) no-repeat center;-webkit-transition:.3s;transition:.3s}
.course-nav-hd .for-teacher:hover{-webkit-transform:translate(8px);-ms-transform:translate(8px);transform:translate(8px)}
.course-nav-row{padding:15px 0 5px;border-bottom:1px solid #edf1f2}
.course-nav-row .hd{width:56px;height:20px;line-height:20px;font-size:14px;color:#787d82;text-align:right}
.course-nav-row .bd{margin-left:70px}
.course-nav-item{display:inline-block;*display:inline;*zoom:1;margin:0 13px}
.course-nav-item a{display:block;height:20px;line-height:20px;margin-bottom:10px;padding:0 6px;font-size:14px}
.course-nav-item.on a{background:#f01400;color:#fff}
.course-tool-bar{position:relative;margin-top:-1px;padding-right:15px;height:40px;background-color:#f9f9f9;border-top:1px solid #d0d6d9;font-size:12px}
.course-tool-bar .tool-left a{margin:0 20px;line-height:40px;color:#787d82}
.course-tool-bar .tool-left a.active{color:#14191e}
.course-tool-bar .tool-right{color:#787d82}
.course-tool-bar .tool-right b{font-weight:normal}
.course-tool-bar .tool-item{display:inline-block;line-height:40px;margin:0 8px;vertical-align:middle}
.tool-item .follow-learn,.tool-item .hide-learned{color:#787d82}
.tool-item .follow-learn:hover,.tool-item .hide-learned:hover{color:#f01400}
.course-tool-bar .total-num{color:#b4b9be;margin-top:6px}
.course-tool-bar .pager-action{display:inline-block;vertical-align:middle;margin-left:5px;width:18px;height:18px;border-color:#c8cdd2;border:1px solid #c8cdd2;background-image:url(/img/pager_sprite.png);background-repeat:no-repeat}
.course-tool-bar .pager-action:hover{border-color:#14191e}
.course-tool-bar .pager-prev{background-position:6px 4px}
.course-tool-bar .pager-prev:hover{background-position:-12px 4px}
.course-tool-bar .pager-next{background-position:6px -14px}
.course-tool-bar .pager-next:hover{background-position:-12px -14px}
.course-tool-bar .pager-cur{color:#f01400}
.course-tool-bar .pager-action.disabled{border-color:#c8cdd2;opacity:.6;filter:alpha(opacity=60);cursor:default}
#main{padding-top:0}
.course-list{padding:10px 0 20px;margin-left:-10px;margin-right:-10px;}
.tool-chk{display:inline-block;*display:inline;*zoom:1;height:18px;line-height:18px;padding-left:24px;background:url(/static/img/course/v2/dot_checkbox.png) no-repeat -7px -6px}
.tool-chk.checked{background-position:-7px -37px}
.ml20{margin-left:20px}
.zmsvideolistmain{min-width:960px}
.course-list .course-list-item{background:#f7faf9;border-bottom:2px solid #f7faf9;border-radius:0 0 1px 1px;max-height:250px;position:relative;-moz-transition:box-shadow 0.3s;-webkit-transition:box-shadow 0.3s;-o-transition:box-shadow 0.3s;transition:box-shadow 0.3s;margin:10px;border-radius:5px;}
.course-list .course-list-item .course-list-img .video-mark{position:absolute;right:50%;color:#fff;margin-right:-34px;top:77px;margin-top:-34px;opacity:0;-webkit-transform:translateX(1px);-ms-transform:translateX(-1px);transform:translateX(-1px);-webkit-transition:.3s;transition:.1s}
.course-list .course-list-item:hover .course-list-img .video-mark{font-size:68px;opacity:0.8;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.course-list .course-list-item .course-list-img img{display:block;width:100%;height:154px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.course-list .course-list-item .course-list-content{padding:0 10px;}
.course-list .course-list-item .course-list-content h5{margin:18px 0 0;min-height:18px;line-height:20px;color:#14191e;text-align:left;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.course-list .course-list-item .course-list-content .tips{font-size:12px;color:#b4bbbf}
.course-list .course-list-item .course-list-content .new{color:#86d693!important}
.course-list .course-list-item:hover,.course-list .course-list-item.hover{border-bottom:2px solid #dae0e5\0/;*border-bottom:2px solid #dae0e5;-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.2);box-shadow:0 4px 8px rgba(0,0,0,0.2)}
.course-list .course-list-item:hover .course-list-content span,.course-list .course-list-item.hover .course-list-content span{bottom:0px;*display:block}
.course-list .time-label{position:absolute;right:25px;top:25px;height:20px;line-height:20px;font-size:12px;color:#fff;padding:0 3px;visibility:hidden;background-color:#000;background-color:rgba(0,0,0,0.5);opacity:0;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);-webkit-transition:.3s;transition:.3s}
.course-list .course-list-item:hover .time-label{visibility:visible;opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.course-list{padding-left:0;padding-right:0}
.course-list ul{margin-left:0;margin:0}
.course-list .course-list-item .tips{margin:0;padding:0}
.course-list .tips p{margin:8px 0}
.course-list .tips{color:#787d82}
.ml20{margin-left:20px}
.course-list .tips .update-latest{color:#00dc50}
.course-list .learned{display:inline-block;*display:inline;*zoom:1;height:18px;padding:0 5px;text-align:center;line-height:18px;background-color:#7e878c;background-color:#00b33b;font-size:12px;color:#fff;font-style:normal;margin-right:5px;vertical-align:middle}
.course-list .follow-label{display:none;position:absolute;left:15px;top:25px;width:46px;height:23px;line-height:23px;padding-bottom:5px;font-size:12px;color:#fff;text-align:center;background:url(/static/img/course/v2/follow_label.png) no-repeat 0 0}
.course-list .tags{margin:12px 0 14px;height:20px;overflow:hidden}
.course-list .tags span{display:inline-block;margin-right:4px;padding:0 8px;height:20px;line-height:20px;font-size:12px;color:#787d82;background-color:#edf1f2;vertical-align:middle}
.course-list .course-list-item .del{display:none;cursor:pointer;position:absolute;left:5px;top:5px;width:24px;height:24px;background:url(/static/img/course/dot_del.png) no-repeat left top}
.course-list.editable li .del{display:block}
.course-one .media-progress{position:absolute;bottom:0;left:0;right:0}
.course-one .media-progress .progress-val,.course-one .media-progress .mask{position:absolute;left:0;right:0;bottom:4px;height:30px}
.course-one .media-progress .progress-val{padding:0 10px;line-height:30px;font-size:20px;color:white;font-weight:normal;z-index:2}
.course-one .media-progress .mask{background-color:#000;opacity:.4;filter:alpha(opacity=40);z-index:1}
.course-one .media-progress .progress-bar{position:relative;background-color:#656e73}
.course-one .media-progress .bar{height:4px;background-color:#00b33b}
.course-one .complete{font-size:12px;color:#787d82}
.course-one .complete strong{margin-left:4px;font-size:14px;color:#00b230}
.program-medias li{height:310px}
@media screen and (max-width:1240px){
    body{min-width:100%}
    .fixed{position:relative!important}
    .course-nav ul{margin:0 auto;padding-left:140px;width:760px}
    .container{width:100%}
    .container .loading{width:620px}
    .course-content .course-tools{width:580px}
    .btn-next{margin-left:160px!important}
    .gotoTopBtn{margin-left:460px}
    .discover-container{width:100%}
}
@media screen and (max-width:961px){
    body{min-width:620px}
}
@media screen and (max-width:621px){
}
.l_lable{position:absolute;right:28px;top:115px;height:20px;line-height:20px;font-size:12px;color:#fff;padding:0 3px;background-color:#000;background-color:rgba(241,121,36,0.95);-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);-webkit-transition:.3s;transition:.3s;border-radius:2px 0 0 2px}
.l_tips{overflow:auto;margin:8px 0!important}
.l_float_right{float:right}
.l_price{color:#EF1300!important;font-weight:bold;font-size:16px;}
.l_description{margin:8px 0;color:#b4bbbf;font-size:12px}
.viptags{padding:0px 8px;border-radius:4px;height:auto;border:1px solid;}
.course-nav-box{background:#fff}
.imgback{background-repeat:no-repeat;background-position:center;height:400px;width:100%;}
.index-recommond{width:100%;margin-top:10px;}
.index-recommond .recommon-box img{min-height:130px;width:98%;max-height:270px;}
.index-recommond .recommon-box .left-img{margin-right:2%;}
.index-recommond .recommon-box .middle-img{margin:0 1%;}
.index-recommond .recommon-box .right-img{margin-left:2%;}
#zmsvideobox{width:100%;height:520px;margin:20px 0;}
#zmsvideobox #zmsvideo{width:83.6%;height:100%;float:left;position:relative;}
#zmsvideobox #zmsvideo #my_video{width:100%;height:520px!important;}
#zmsvideobox #videolist{width:15.6%;height:100%;float:right;}
#zmsvideobox #videolist ul{width:100%;height:100%;}
#zmsvideobox #videolist ul li{width:100%;height:80px;margin-bottom:4px;}
#zmsvideobox #videolist ul li img{width:100%;height:80px;}
#zmsvideobox #videolist ul li{border:2px solid #fff;}
#zmsvideobox #videolist ul li.vhover{border:2px solid #FF7E00;position:relative;}
#zmsvideobox #videolist ul li.vhover i.arrow{display:block;position:absolute;top:50%;left:-14px;width:0;height:0;margin-top:-6px;content:'';border:6px solid transparent;border-color:transparent #FF7E00 transparent transparent;z-index:999}
#zmsvideobox .hid{display:none;}
#zmsvideobox .inroom{width:18%;height:8%;border:1px solid #f61;border-radius:28px;display:block;z-index:9999;top:46%;left:41%;position:absolute;font-size:18px;text-align:center;line-height:42px;text-decoration:none;opacity:.7;font-weight:700px;background:#111;color:#f61;}
#zmsvideobox .inroomon{background:#f61;color:#fff;display:block;}
.nivoSlider{max-height:300px;}
.nivoSlider a img{max-height:300px;}
#banner{max-height:300px;}
.index-live-tag{background:#bf9858;color:#fff;padding:0 5px;display:inline-block;border-radius:3px;}
.baner .baner-all{border-radius:8px;position:relative;margin-top:20px;overflow:hidden;}
.block,.temp{margin:0;}
.frame,.frame-tab{border:0;}
.swiper-zms-container .hide{opacity:0;}
.swiper-button-next,.swiper-button-prev{transition:opacity .5s;}
.baner .baner-left{width:14%;background-color:#44474b;display:inline-block;padding:10px 0;z-index:20;position:absolute;top:0;border-radius:8px 0 0 8px;min-height:320px;}
.baner .baner-left .iteam-child{width:416px;height:100%;background-color:#fff;display:inline-block;position:absolute;top:0;left:100%;display:none;opacity:0.9;transition:all 0.9s;}
.baner .baner-left .iteam-child ul{margin:20px 50px;}
.baner .baner-left .iteam-child-hd{height:40px;line-height:40px;}
.baner .baner-left .iteam-child-hd span{color:#4575A1;font-size:16px;margin-right:16px;}
.baner .baner-left .iteam-child-hd i{font-size:1px;color:#e6e6e6;position:absolute;right:240px;}
.baner .baner-left .iteam-child-hd div{height:1px;width:195px;background-color:#e6e6e6;float:right;margin-top:19px;}
.baner .baner-left .iteam-child li{display:inline-block;font-size:14px;margin-right:6px;margin-top:8px;}
.baner .baner-left .iteam-child li a{color:#777777;}
.baner .baner-left .iteam-child li a:hover{color:#4575A1;}
.baner .iteam>a{width:100%;display:inline-block;font-size:16px;height:48px;line-height:48px;color:#F1F1F1;text-align:center;transition:all 0.2s;text-decoration:none;}
.baner .iteam>a>i{font-size:14px;float:right;margin-right:10px;}
.baner .iteam>a:hover{color:#4575A1;background-color:#F1F1F1;}

/* 广告图 */
.Ad .pure-g{margin-right:-20px;height:150px;}
.Ad-iteam{width:224px;height:150px;display:inline-block}

/* 广告图 */

/* home 公共区域*/
.hdear{height:70px;line-height:70px;margin-top:40px;text-align:center;}
.hdear span{color:#4c84c2;font-size:26px;}
.bd-iteam{display:block;margin-top:30px;position:relative;margin-right:20px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.01),0 6px 12px 0 rgba(0,0,0,.06);-webkit-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;}
.bd-iteam:hover{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.06),0 20px 40px 0 rgba(0,0,0,.06);box-shadow:0 4px 8px 0 rgba(0,0,0,.06),0 20px 40px 0 rgba(0,0,0,.06);-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}
.bd-iteam .live-broadcast{text-align:center;position:absolute;top:4px;left:4px;font-size:18px;color:#4575A1;font-weight:bold;}
.bd-iteam a{display:inline-block;overflow:hidden;border-radius:5px;}
.bd-iteam a.img-box{height:0;padding-bottom:56.36%;display:block;position:relative;}
.bd-iteam a img{transition:all 0.6s;position:absolute;top:0;left:0;width:100%;height:auto;}

/*.bd-iteam a img:hover{transform:scale(1.1);}
*/
.bd-iteam .line-box{position:relative;margin:0 8px;padding-bottom:30px;line-height:30px;}
.bd-iteam .line-box.line-title{padding:10px 0 48px 0;position:relative;overflow:hidden;}
.bd-iteam .line-box a{position:absolute;left:0;max-width:100%;}
.bd-iteam h6{line-height:1.5;color:#444444;font-size:16px;overflow:hidden;font-weight:normal;}
.bd-iteam p{height:18px;line-height:18px;margin:2px 0 0;color:#888;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bd-free{color:#6199d8;font-size:12px;position:absolute;left:0;}
.bd-money{color:#cc0000;font-size:12px;position:absolute;left:0;}
.bd-watch{color:#999999;font-size:12px;position:absolute;right:0;}
.bd-watch-left{color:#999999;font-size:12px;position:absolute;left:0;}
.bd .pure-g{margin-right:-20px;}
.bd-Live{color:#cc0000;font-size:12px;position:absolute;right:0;}

/* 网页 */
.hdear-demo{height:70px;line-height:70px;position:relative;margin-top:50px;}
.hdear-demo span{color:#4c84c2;font-size:26px;}
.hdear-demo i{color:#a5c1e0;font-size:8px;position:absolute;left:522px;}
.hdear-demo div{width:676px;height:1px;background-color:#a5c1e0;display:inline-block;float:right;margin-top:35px;}

/* 首页快捷导航 */

.nav-box{margin-top:20px;margin-right:-10px;}
.nav-box a:hover{text-decoration:none;}
.nav-box .nav-item{cursor:pointer;margin-right:10px;padding:10px;display:flex;flex-direction:row;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.01),0 6px 12px 0 rgba(0,0,0,.06);-webkit-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;}
.nav-box .nav-item:hover{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.06),0 20px 40px 0 rgba(0,0,0,.06);box-shadow:0 4px 8px 0 rgba(0,0,0,.06),0 20px 40px 0 rgba(0,0,0,.06);-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}
.nav-box .nav-item img{width:48px;height:48px;}
.nav-box .nav-item .nav-info .description{color:#888;padding-left:10px;}