@font-face{font-family:'Montserrat';font-style:normal;font-weight:regular;src:url('../fonts/montserrat/montserrat-v7-latin-regular.eot');src:local('Montserrat'),local('Montserrat-Normal'),url('../fonts/montserrat/montserrat-v7-latin-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat/montserrat-v7-latin-regular.woff2') format('woff2'),url('../fonts/montserrat/montserrat-v7-latin-regular.woff') format('woff'),url('../fonts/montserrat/montserrat-v7-latin-regular.ttf') format('truetype'),url('../fonts/montserrat/montserrat-v7-latin-regular.svg#Montserrat') format('svg')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url('../fonts/montserrat/montserrat-v7-latin-700.eot');src:local('Montserrat'),local('Montserrat-Normal'),url('../fonts/montserrat/montserrat-v7-latin-700.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat/montserrat-v7-latin-700.woff2') format('woff2'),url('../fonts/montserrat/montserrat-v7-latin-700.woff') format('woff'),url('../fonts/montserrat/montserrat-v7-latin-700.ttf') format('truetype'),url('../fonts/montserrat/montserrat-v7-latin-700.svg#Montserrat') format('svg')}body{background:#f5f8fa;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:"Montserrat","Microsoft YaHei",微软雅黑,Arial,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",sans-serif;font-size:14px;line-height:1.42857;color:#616161}a{color:#000}.h2,h2{font-size:22px}h3{font-size:18px}.main{padding:0}ul{margin:0;padding:0}li{list-style:none}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}.text-danger{color:#ff0036}.navbar{margin-bottom:0;z-index:99;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.es-header{background-color:#fff;height:60px;border:0;padding:0 20px;z-index:1000}@media(min-width:768px){.navbar-user.left{right:50px}}.navbar-brand{float:left;padding:5px 15px;font-size:18px;line-height:40px;height:50px}.navbar-user{z-index:1;position:absolute;top:0;right:20px}.navbar-header .navbar-brand{color:#313131}.navbar-brand>img{display:block;height:40px;width:auto}.navbar-header .navbar-brand{height:60px;line-height:50px;padding:5px 10px;color:#fff}.navbar-header .navbar-brand>img{height:50px;width:auto}.navbar-form .button{position:absolute;right:2px;top:6px;border:0;background:0}.es-icon{line-height:1}.es-icon{font-family:"es-icon"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.es-icon-search:before{content:"\e600"}.navbar-nav{margin:7.5px -10px}@media(min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li:hover{background:#39a7e4}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-nav>li:hover>a{color:#fff!important}.navbar-nav>li.hover{background:#39a7e4}.navbar-nav>li.hover>a{color:#fff!important}.navbar-user{z-index:1;position:absolute;top:0;right:20px}@media(min-width:768px){.navbar-user.left{right:50px}}.nav.user-nav{float:right}.nav.user-nav>li{float:left;height:60px}.nav.user-nav>li>a{display:block;padding:20px 15px;color:#c1c1c1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}@media(max-width:1199px){.nav.user-nav>li>a{padding:20px 10px}}.nav.user-nav>li>a.dropdown-toggle{padding:15px 15px}@media(max-width:991px){.nav.user-nav>li>a.dropdown-toggle{padding:15px 5px}}.nav.user-nav>li>a:hover,.nav.user-nav>li>a:focus{color:#fff;background:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.nav.user-nav>li>a.hasmessage{position:relative;display:block}.nav.user-nav>li>a.hasmessage>.dot{position:absolute;display:block;width:5px;height:5px;top:22px;right:12px;font-size:20px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#e83d2c}@media(min-width:1200px){.nav.user-nav .user-avatar-li .dropdown-menu{margin-right:-50px}}.nav.user-nav .dropdown-menu{width:160px;background:#fff;left:auto;right:0}.nav.user-nav .dropdown-menu>li{width:100%}.nav.user-nav .dropdown-menu>li>a{padding-left:10px}.nav.user-nav .dropdown-menu>li>a:hover .num{background:#fff;color:#4bbbfa;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.nav.user-nav .dropdown-menu>li i{padding:0 10px}.nav.user-nav .dropdown-menu>li .num{background:#999;padding:0 10px;border-radius:20px;color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.navbar{background-color:#fff}.navbar-header .navbar-brand{color:#313131}.navbar-mobile .navbar-more{color:#313131}.nav-mobile .nav.navbar-nav>li>a{color:#c1c1c1}.nav-mobile .nav.navbar-nav>li.open.active>a,.nav-mobile .nav.navbar-nav>li.open>a:hover,.nav-mobile .nav.navbar-nav>li.open>a:focus,.nav-mobile .nav.navbar-nav>li.open>a,.nav-mobile .nav.navbar-nav>li.active>a,.nav-mobile .nav.navbar-nav>li>a:hover,.nav-mobile .nav.navbar-nav>li>a:focus{color:#fff}.nav.navbar-nav>li>a{color:#616161}.nav.user-nav>li>a{color:#616161}.nav.user-nav>li>a:hover,.nav.user-nav>li>a:focus{color:#313131}.navbar-form .form-control{border-color:#e1e1e1}@media(max-width:767px){.navbar-form{margin-left:0;margin-right:0}}.navbar-form .form-group{position:relative}.navbar-form .form-control{height:30px;width:100px;border-radius:20px;line-height:28px;padding:0 24px 0 12px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border: 1px solid #e4ecf3;}.navbar-form .form-control.active{width:150px}.navbar-form .button{position:absolute;right:2px;top:6px;border:0;background:0}.nav>li.nav-more li .dropdown-menu{left:100%;top:0}.nav>li.nav-more.open li:hover .dropdown-menu{display:block}.nav>li.nav-more .open>a,.nav>li.nav-more .open.active>a,.nav>li.nav-more .open>a:hover,.nav>li.nav-more .open>a:focus{background:#4bbbfa!important;color:#fff!important}.navbar-user{z-index:1;position:absolute;top:0;right:20px}@media(max-width:767px){.navbar-user{right:5px}}@media(min-width:768px){.navbar-user.left{right:50px}}.nav.user-nav{float:right}.nav.user-nav>li{float:left;height:60px}.nav.user-nav>li>a{display:block;padding:20px 15px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.nav.user-nav>li>a:hover{color:#616161}@media(max-width:1199px){.nav.user-nav>li>a{padding:20px 10px}}.nav.user-nav>li>a.dropdown-toggle{padding:15px 15px}@media(max-width:991px){.nav.user-nav>li>a.dropdown-toggle{padding:15px 5px}}.nav.user-nav>li>a:hover,.nav.user-nav>li>a:focus{color:#616161;background:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.nav.user-nav>li>a.hasmessage{position:relative;display:block}.nav.user-nav>li>a.hasmessage>.dot{position:absolute;display:block;width:5px;height:5px;top:22px;right:12px;font-size:20px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#e83d2c}@media(min-width:1200px){.nav.user-nav .user-avatar-li .dropdown-menu{margin-right:-50px}}.nav.user-nav .dropdown-menu{width:160px;background:#fff;left:auto;right:0}.nav.user-nav .dropdown-menu>li{width:100%}.nav.user-nav .dropdown-menu>li>a{padding-left:0;text-align:center}.nav.user-nav .dropdown-menu>li>a:hover .num{background:#fff;color:#4bbbfa;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.nav.user-nav .dropdown-menu>li i{padding:0 10px}.nav.user-nav .dropdown-menu>li .num{background:#999;padding:0 10px;border-radius:20px;color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.navbar-form{margin:15px 10px}.nav.navbar-nav>li>a{padding:20px 30px;line-height:20px;background:0}.dropup,.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#616161;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#545454;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#4bbbfa}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#e1e1e1}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#e1e1e1;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}.dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:0}.dropdown-menu .dropdown-header{padding:5px 20px;margin-bottom:10px;text-align:center;color:#616161;font-size:14px;border-bottom:1px solid #f5f5f5}.dropdown-menu>li{position:relative}.dropdown-menu>li>a{color:#616161!important;padding:10px 20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.dropdown-menu>li>a:hover{background:#4bbbfa;color:#fff!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.lt-ie9 .dropdown-menu{border:1px solid #f5f5f5}.fullSlide{width:100%;position:relative;height:450px;border-radius:5px 5px 0 0;overflow:hidden}.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden}.fullSlide .bd ul{width:100%!important}.fullSlide .bd li{width:100%!important;height:450px;overflow:hidden;text-align:center}.fullSlide .bd li a{display:block;height:450px}.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:-10px;left:0;height:30px;line-height:30px}.fullSlide .hd ul{text-align:center}.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:8px;height:8px;margin:3px;overflow:hidden;background:#fff;filter:alpha(opacity=90);opacity:.9;line-height:999px;border-radius:5px}.fullSlide .hd ul .on{background:#39a7e4;width:14px}.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:30px;z-index:1;width:40px;height:60px;background:url(../img/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:.5;display:none}.fullSlide .next{left:auto;right:30px;background-position:-6px -137px}.designs{margin-bottom:30px}.new-template .container{margin-top:20px}.course-filter{position:relative;min-height:48px;margin:0 0 20px 0;padding-right:150px}@media(max-width:1199px){.class-serve>ul>li{margin:0 2px}}.class-serve>ul>li.active{background-color:#4bbbfa}.class-serve>ul>li>a{display:block;color:#fff;font-size:12px}.class-serve>ul>li>a:focus{box-shadow:none;border:0}.template-list.no-margin .course-item,.plug-list.no-margin .course-item{margin-bottom:0}.template-list .course-ite,.plug-list .course-item{position:relative;z-index:1;margin-bottom:30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #e4ecf3;background-color:#fff}@media(min-width:992px){.template-list .course-item,.plug-list .course-item{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.template-list .course-item:hover,.plug-list .course-item:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,0.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,0.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,0.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}}@media(max-width:767px){.template-list .course-item,.plug-list .course-item{margin-bottom:20px;margin-left:-5px;margin-right:-5px}}.template-list .course-item.course-default,.plug-list .course-item.course-default{background-color:#f5f5f5;padding:50px 20px 55px;border:1px dashed #e1e1e1;color:#e1e1e1;text-align:center;font-size:24px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.template-list .course-item.course-default:hover,.plug-list .course-item.course-default:hover{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.template-list .course-item.course-default>i,.plug-list .course-item.course-default>i{font-size:72px;display:inline-block;margin-bottom:18px}.template-list .course-item .course-img,.plug-list .course-item .course-img{position:relative;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}.template-list .course-item .course-img:hover,.plug-list .course-item .course-img:hover{border-color:#39a7e4;background-color:#f5f8fa}.template-list .course-item .course-img .tag-discount,.plug-list .course-item .course-img .tag-discount{position:absolute;right:0;top:0;width:68px;height:68px;background:url("../img/tag_discount.png");background-image:-webkit-image-set(url("../img/tag_discount.png") 1x,url("../img/tag_discount@2x.png") 2x)}.template-list .course-item .course-img .tag-discount.free,.plug-list .course-item .course-img .tag-discount.free{background:url("../img/tag_limitfree.png");background-image:-webkit-image-set(url("../img/tag_limitfree.png") 1x,url("../img/tag_limitfree@2x.png") 2x)}.template-list .course-item .course-img .img-responsive,.plug-list .course-item .course-img .img-responsive{width:100%;padding:10px;border:1px solid #dfdfe3}
@media(max-width:767px){.template-list .course-item .course-img .img-responsive,.plug-list .course-item .course-img .img-responsive{padding:5px}}.template-list .course-item .tags,.plug-list .course-item .tags{position:absolute;top:0;left:10px}.template-list .course-item .tags .tag-perfect,.template-list .course-item .tags .tag-recommend{display:inline-block;width:40px;height:50px}.template-list .course-item .tags .tag-perfect,.plug-list .course-item .tags .tag-perfect{background:url("../img/tag_perfect.png") no-repeat;background-image:-webkit-image-set(url("../img/tag_perfect.png") 1x,url("../img/tag_live@2x.png") 2x)}.template-list .course-item .tags .tag-recommend,.template-list .course-item .tags .tag-recommend{background:url("../img/tag_recommend.png") no-repeat;background-image:-webkit-image-set(url("../img/tag_recommend.png") 1x,url("../img/tag_serialing@2x.png") 2x)}.template-list .course-item .title,.plug-list .course-item .title{margin-top:10px;padding:0 10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}@media(max-width:767px){.template-list .course-item .title,.plug-list .course-item .title{margin-top:5px;padding:0 5px}}.template-list .course-item .metas,.plug-list .course-item .metas{position:relative;padding:10px;color:#c1c1c1}@media(max-width:767px){.template-list .course-item .metas,.plug-list .course-item .metas{padding:5px}}.template-list .course-item .metas i,.plug-list .course-item .metas i{margin-right:5px}.template-list .course-item .metas .course-price-widget,.plug-list .course-item .metas .course-price-widget{float:right}.template-list .course-item .metas .price,.plug-list .course-item .metas .price{color:#e83d2c;font-size:14px;margin-right:0;height:20px;display:block}.template-list .course-item .metas .free,.plug-list .course-item .metas .free{color:#238312}.template-list .course-item .metas .comment,.plug-list .course-item .metas .comment{margin-left:10px}@media(max-width:767px){.template-list .course-item .metas .comment,.plug-list .course-item .metas .comment{display:none}}.template-list .course-date,.plug-list .course-date{position:relative;padding:20px 0;text-align:center;z-index:1}.template-list .course-date .date,.plug-list .course-date .date{margin-top:20px;color:#919191}.template-list .course-date:before,.plug-list .course-date:before{position:absolute;content:'';left:-10px;right:-10px;top:40px;height:1px;background-color:#e1e1e1;z-index:-1}.template-list .course-date .btn-circle,.plug-list .course-date .btn-circle{z-index:1;background:#e1e1e1;border:0;color:#fff;text-shadow:0 1px 1px rgba(73,73,73,0.21);-webkit-box-shadow:inset 0 0 4px rgba(113,113,113,0.3);-moz-box-shadow:inset 0 0 4px rgba(113,113,113,0.3);box-shadow:inset 0 0 4px rgba(113,113,113,0.3)}.template-list .course-date .btn-circle>i,.plug-list .course-date .btn-circle>i{line-height:40px}.template-list .course-date .btn-circle.btn-live,.plug-list .course-date .btn-circle.btn-live{background:#4bbbfa}.es-banner{position:relative;height:80px;padding:20px 0;background-color:#f5f5f5;letter-spacing:1px}.avatar-xxs{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:20px!important;height:20px!important}.avatar-xs{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:30px!important;height:30px!important}.avatar-sm{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:40px!important;height:40px!important}.avatar-md{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:60px!important;height:60px!important}.avatar-lg{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:120px!important;height:120px!important}.avatar-square-md,.group-avatar-md{width:60px;height:60px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.avatar-square-sm,.group-avatar-sm{width:50px;height:50px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.empty{text-align:center;color:#c1c1c1;padding:20px 0}.link-dark{cursor:pointer;color:#616161!important;transition:all .3s ease}.link-dark:hover{color:#4bbbfa!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.link-light{color:#616161!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.link-light:hover{color:#4bbbfa!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.link-lighter{color:#919191!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.link-lighter:hover{color:#4bbbfa!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.link-primary{color:#4bbbfa;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.link-primary:hover{color:#4bbbfa;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.link-white{color:#fff!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.link-white:hover{color:#4bbbfa!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.link-primary{color:#4bbbfa!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.link-primary:hover{color:#4bbbfa!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}a.transition{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}a.transition:hover{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.underline{text-decoration:underline}.underline:hover{text-decoration:underline}.ellipsis,.text-overflow{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.es-box-shadow{-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);box-shadow:0 1px 2px 0 rgba(0,0,0,0.1)}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background-color:#39a7e4}.ad{margin-bottom:20px}.ad img{width:100%}.ad li{margin-bottom:2px}.slider{position:absolute;width:100%}.slider li{list-style:none;display:inline}.slider img{width:100%;height:90px;display:block}.slider-ad .num{position:absolute;right:5px;bottom:5px}.slider-ad .num li{float:left;color:#ff7300;text-align:center;line-height:16px;width:16px;height:16px;font-family:Arial;font-size:12px;cursor:pointer;overflow:hidden;margin:3px 1px;border:1px solid #ff7300;background-color:#fff}.slider-ad .num li.on{color:#fff;line-height:21px;width:21px;height:21px;font-size:16px;margin:0 1px;border:0;background-color:#ff7300;font-weight:bold}.slider-ad{width:100%;height:90px;overflow:hidden;position:relative}.price_button{background-color:#1976d2;border-radius:100%;bottom:59px;color:#fff;cursor:pointer;font-size:13px;line-height:45px;outline:0 none!important;position:absolute;min-height:45px;right:15px;text-align:center;transition:all 200ms ease 0s;min-width:45px;z-index:10;filter:alpha(opacity=0);opacity:0}.photo_stock .price_button{border-radius:0;bottom:4px;color:#fff;cursor:pointer;font-size:13px;line-height:35px;outline:0 none!important;position:absolute;right:0;text-align:center;transition:all 200ms ease 0s;z-index:10;filter:alpha(opacity=0);opacity:0;min-height:35px;min-width:35px;padding:0 15px 0 5px}.photo_stock .ts-tabs-style-default .price_button{padding:0 5px 0 5px}.photo_stock .price_button i,.photo_stock .price_button a{color:#fff!important}.photo_stock .item-box:hover .price_button{transform:scale(1.2)}.price_button p{margin-bottom:0}.price_button ins,.price_button a{text-decoration:none}.price_button a{color:#fff!important;font-size:14px;padding:0;letter-spacing:.3px;line-height:28px;font-family:"Montserrat","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif}.course-item:hover .price_button,.course-item:hover .magnifier{zoom:1;filter:alpha(opacity=100);opacity:1}.course-item:hover .price_button{transform:scale(1.2)}.price_button{color:#fff!important}.price_button:hover{color:#fff!important}.price_button a:hover{color:#ffc107}.text-line{position:relative;padding:50px 0;text-align:center}.text-line h5{position:relative;margin-bottom:20px;font-size:32px;z-index:1;color:#313131}@media(max-width:767px){.section-more-btn{margin:10px auto}.section-more-btn .btn{padding:6px 12px}}.course-filter{position:relative;min-height:48px;margin:0 0 20px 0;padding-right:150px}@media(max-width:767px){.course-filter{min-height:30px}.course-filter .btn{padding:3px 6px}}.course-filter .nav-pills>li{margin:0 30px 10px 0}.course-filter .course-sort{position:absolute;right:0;top:0}.course-filter .course-sort .btn-circle{margin-left:10px}.template-list-section{position:relative;padding-bottom:20px}.template-list-section{position:relative;padding-bottom:20px;background:#fff;margin-bottom:30px}@media(max-width:767px){.template-list-section{padding-bottom:0}}.live-course-section{padding-bottom:20px;background:#fafafa}.introduction-section{position:relative;background-color:#4bbbfa}.introduction-section h3{margin-bottom:20px}@media(max-width:767px){.introduction-section h3{font-size:14px}}.introduction-section img{margin:0 auto 30px auto}.introduction-section .introduction-item{margin:90px 0;text-align:center;vertical-align:top;display:block;color:#fff}@media(max-width:991px){.introduction-section .introduction-item{margin:40px 0}}.class-section{padding-bottom:20px;background-color:#fff}.recommend-class-list .class-item{position:relative;margin:0 auto 30px;z-index:1;border:1px solid #e4ecf3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
@media(max-width:767px){.recommend-class-list .class-item{margin:0 -5px 20px -5px}}.recommend-class-list .class-item .class-img-wrap{position:relative;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}.recommend-class-list .class-item .class-img-wrap .mask{position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;background-color:rgba(0,0,0,0.8);opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-top-left-radius:4px;border-top-right-radius:4px}.recommend-class-list .class-item .class-img-wrap .mask .btn{margin-top:80%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.recommend-class-list .class-item .class-img{display:block}.recommend-class-list .class-item .img-responsive{width:100%}.recommend-class-list .class-item h3{margin:15px 5px;font-size:16px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align:center}@media(max-width:767px){.recommend-class-list .class-item h3{margin:10px 5px;font-size:14px}}.recommend-class-list .class-item .metas{margin:15px 0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align:center}@media(max-width:767px){.recommend-class-list .class-item .metas{margin:10px 0;font-size:12px}}.recommend-class-list .class-item .metas span{margin:0 3px}.recommend-class-list .class-item:hover .mask{opacity:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.recommend-class-list .class-item:hover .mask .btn{margin-top:30%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.open-course-list-section .course-item .course-img .img-responsive{padding:0}.open-course-list-section .template-list .course-item .metas .comment{display:inline-block}.new-template .template-list{display:none}.template-list{margin:0 -15px;overflow:hidden}.template-list .course-item .tags{position:absolute;top:0;left:10px}.template-list .course-item .tags .tag-live,.template-list .course-item .tags .tag-serialing,.template-list .course-item .tags .tag-finished{display:inline-block;width:40px;height:50px}.template-list .course-item .tags .tag-finished{background:url("../img/tag_finished.png") no-repeat;background-image:-webkit-image-set(url("../img/tag_finished.png") 1x,url("../img/tag_finished@2x.png") 2x)}.template-list .course-item .title{margin-top:10px;padding:0 10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}#template-all{display:block}.section-more-btn{text-align:center;margin:20px auto}.btn{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.btn:hover,.btn:focus,.btn.focus,.btn.active{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;text-decoration:none}.btn.btn-lg{font-size:14px}.btn.btn-xlg{font-size:14px;padding:11px 35px}.btn>i{font-size:14px}.btn-ghost-white{color:#fff;border:1px solid #fff;background-color:#c1c1c1;background-color:rgba(255,255,255,0.3)}.btn-ghost-white:hover,.btn-ghost-white:focus,.btn-ghost-white.focus{color:#fff;background-color:#919191;background-color:rgba(255,255,255,0.5)}.btn-link{color:#313131}.btn-link:hover,.btn-link:focus,.btn-link.focus{color:#4bbbfa;text-decoration:none}.btn-gray{color:#616161}.btn-gray:hover,.btn-gray:focus,.btn-gray.focus{color:#4bbbfa;text-decoration:none}.btn-default{color:#616161;background-color:#f5f5f5;border-color:#dcdcdc}.btn-default.disabled:hover,.btn-default[disabled]:hover{color:#616161;background-color:#f5f5f5;border-color:#dcdcdc}.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default.active{color:#616161;background-color:#e1e1e1}.btn-primary{border-color:#19a8f9;background-color:#39a7e4;color:#fff}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary.active{color:#fff;background-color:#39a7e4}.btn-success{border-color:#56bb2b;background-color:#70d445;color:#fff}.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success.active{color:#fff;background-color:#5ac32d}.btn-info{border-color:#0ba1e4;background-color:#2db7f5;color:#fff}.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info.active{color:#fff;background-color:#0ba8ee}.btn-warning{border-color:#d87000;background-color:#ff8a0c;color:#fff}.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning.active{color:#fff;background-color:#e27500}.btn-danger{border-color:#cb2616;background-color:#e83d2c;color:#fff}.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger.active{color:#fff;background-color:#d42817}.btn-circle{display:inline-block;width:34px;height:34px;line-height:32px;border-radius:50%;background:0;border:1px solid #919191;color:#919191;text-align:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.btn-circle:hover{color:#4bbbfa;border-color:#4bbbfa;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.btn-circle.active{background:#4bbbfa;border:1px solid #4bbbfa;color:#fff}.btn-circle.danger{color:#fff;border-color:#e83d2c;background:#e83d2c}.btn-circle.primary{color:#fff;border-color:#4bbbfa;background:#4bbbfa}.btn-circle.info{color:#fff;border-color:#2db7f5;background:#2db7f5}.btn-circle.btn-circle-xs{width:20px;height:20px;line-height:18px;font-size:12px}.btn-circle.btn-circle-xs i{font-size:14px}.btn-circle.btn-circle-md{width:40px;height:40px;line-height:38px}.btn-circle.btn-circle-md i{font-size:24px}.btn-tag{display:inline-block;padding:6px 10px;margin:5px 5px 5px 0;color:#4bbbfa;font-size:12px;background-color:#f9fdff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.btn-tag.active,.btn-tag:hover{color:#fff;background-color:#4bbbfa;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.btn-more{border-radius:50%;width:58px;height:58px;background:#fff;color:#a6a6a6;display:inline-block;text-align:center;-webkit-box-shadow:0 4px 12px -2px rgba(51,51,51,0.5);-moz-box-shadow:0 4px 12px -2px rgba(51,51,51,0.5);box-shadow:0 4px 12px -2px rgba(51,51,51,0.5);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.btn-more:hover{color:#666;-webkit-box-shadow:0 10px 15px 0 rgba(51,51,51,0.5);-moz-box-shadow:0 10px 15px 0 rgba(51,51,51,0.5);box-shadow:0 10px 15px 0 rgba(51,51,51,0.5);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.btn-ghost{border-color:#fff;color:#fff;border-radius:20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.btn-ghost:hover{color:#4bbbfa;background-color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.btn-fat{padding-left:30px;padding-right:30px}.btn-fat-small{padding-left:20px;padding-right:20px}.panel-default{padding:0 15px;border-color:#e4ecf3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-default>.panel-heading{color:#616161;background-color:#f5f5f5;border-color:#e1e1e1}.panel-default>.panel-heading{position:relative;font-size:16px;padding:15px 0;background:#fff;border-bottom:1px solid #f5f5f5}.panel-default>.panel-heading .panel-title{color:#313131}.panel-default>.panel-heading .more{position:absolute;top:13px;right:0;display:block;color:#919191;transition:all .3s ease}.panel-default>.panel-body{position:relative;padding:15px 0}.index-article .index-new-article{float:left;width:100%;margin-bottom:0}.index-article .index-new-article li{position:relative;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-bottom:20px;padding-right:80px;overflow:hidden}.color-primary{color:#39a7e4}.index-new-article li{list-style:square;list-style-type:decimal-leading-zero;background:url(../img/point01.gif) no-repeat scroll 0 10px;padding-left:10px;width:97%}.index-article .index-new-article .date{position:absolute;top:0;right:0;color:#c1c1c1}.recommend-teacher{padding-bottom:20px;background:#fff}@media(max-width:767px){.teacher-item{margin-left:-5px;margin-right:-5px}}@media(min-width:992px){.teacher-item{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.teacher-item:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,0.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,0.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,0.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}}.teacher-item:hover .metas{opacity:1;filter:alpha(opacity=100);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.teacher-item:hover .about{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.teacher-item .teacher-top{position:relative;z-index:1;border-top-left-radius:4px;border-top-right-radius:4px;padding:20px 10px}@media(max-width:767px){.teacher-item .teacher-top{padding:10px}}.teacher-item .avatar-lg{border:4px solid #fff}@media(max-width:767px){.teacher-item .avatar-lg{width:80px!important;height:80px!important}}.teacher-item .title{height:22px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#fff}@media(max-width:767px){.teacher-item .title{margin-top:10px}}.teacher-item .position{color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
@media(max-width:767px){.teacher-item .position{font-size:12px}}.teacher-item .teacher-bottom{position:relative;height:90px}@media(max-width:767px){.teacher-item .teacher-bottom{height:60px}}.teacher-item .about,.teacher-item .metas{position:absolute;right:20px;bottom:20px;left:20px;z-index:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}@media(max-width:767px){.teacher-item .about,.teacher-item .metas{left:10px;bottom:10px;right:10px}}.teacher-item .about{top:20px;line-height:25px;overflow:hidden;color:#919191;opacity:1;filter:alpha(opacity=100)}@media(max-width:767px){.teacher-item .about{top:10px;line-height:20px;font-size:12px}}.teacher-item .metas{top:30px;bottom:30px}@media(max-width:767px){.teacher-item .metas{top:20px;bottom:10px}}.teacher-item .metas .btn{margin:0 15px}@media(min-width:992px) and (max-width:1199px){.teacher-item .metas .btn{margin:0 10px}}@media(max-width:767px){.teacher-item .metas .btn{margin:0 5px}}.teacher-item{position:relative;margin-bottom:20px;text-align:center;z-index:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #e4ecf3}.featured-porduct-lists{text-align:center;overflow:hidden}.friend-link{border-top:1px solid #e1e8ed;background-color:#f5f8fa;padding:20px 0}.friend-link a{color:#919191}@media(max-width:767px){.friend-link{padding:10px 0}}.friend-link .container{position:relative}.friend-link .container .title{position:absolute;top:2px;left:0;color:#919191;font-size:18px}@media(max-width:767px){.friend-link .container .title{display:none}}.friend-link .container ul{padding-left:80px;margin-bottom:0}@media(max-width:767px){.friend-link .container ul{padding-left:0}}.friend-link .container ul li{margin:5px 10px;display:inline-block}@media(max-width:1199px){.friend-link .container ul li{margin:5px 15px}}@media(max-width:767px){.friend-link .container ul li{margin:5px}}.panel-grid-cell .so-panel:last-child{margin-bottom:0}.panel-grid-cell .so-panel{margin-bottom:30px}.ts-service{position:relative;margin:0 0 1.5em 0}.boxes h3{font-size:16px;line-height:1;padding-bottom:0;margin-bottom:0;font-weight:bold}.boxes p{color:#727272;padding-bottom:0;margin:15px 0 20px}.ts-button-center{text-align:center}.sale-info-section{position:relative;padding-top:30px;padding-bottom:20px}.ts-service{text-align:center;position:relative;margin:0 0 1.5em 0}.boxs{box-shadow:0 5px 0 rgba(0,0,0,0.05)!important}.totalprice,.boxes{margin:0 auto 35px;padding:40px 40px;border:1px solid #ebeef1;background-color:#fff}.ts-button{padding-top:10px;padding-bottom:10px}.service-box{visibility:visible;animation-duration:1s;animation-delay:.2s}.icon-container{min-height:38px;line-height:38px}.fa-line-chart{font-size:38px;color:#c9cccf}.ts-button-style-default{color:#fff;background:#1976d2;border-color:#1976d2;border-radius:5px}.ts-button-style-default span{color:#fff;padding:0 18px;font-size:14px;line-height:28px;border-color:#1976d2;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:none;-moz-text-shadow:none;-webkit-text-shadow:none}.fa-money{font-size:38px;color:#c9cccf}#ft{TEXT-ALIGN:center;COLOR:#727272;WORD-SPACING:5px;border-top:0;padding:30px 0 0}.footer{background-color:#fff}.tabs-wrapper{border:1px solid #e4ecf3;border-radius:4px;margin-bottom:30px;background-color:#fff}.tabs-wrapper .tabs-mark-group{border-bottom:1px dashed #e4ecf3}.tabs-wrapper .tabs-mark-group .title{width:90px;margin-top:3px;float:left}.tabs-wrapper .tabs-mark-group .classify{margin-top:3px}.tabs-wrapper .tabs-mark-group .classify i{color:#919191}.tabs-wrapper .tabs-mark-group .classify a{color:#919191}.tabs-wrapper .tabs-mark-group .classify a:hover,.tabs-wrapper .tabs-mark-group .classify a:focus{color:#4bbbfa}.tabs-wrapper .tabs-mark-group .content{margin-left:100px}.tabs-wrapper .tabs-mark{margin:0 4px}.tabs-wrapper .tabs-mark a{border:1px solid #e4ecf3;padding:2px 5px;color:#919191}.tabs-wrapper .tabs-mark:hover a,.tabs-wrapper .tabs-mark:focus a,.tabs-wrapper .tabs-mark.active a{color:#4bbbfa;border:1px solid #4bbbfa}.tabs-wrapper .tabs-mark i{font-size:10px;margin-left:5px}.tabs-wrapper .tabs-group{padding:0 60px 0 10px;position:relative;overflow-y:hidden;width:100%}.tabs-wrapper .tabs-group .title{float:left;padding:15px 0;width:100px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.tabs-wrapper .tabs-group .content{list-style:none;padding:0;margin:0 0 0 100px}.tabs-wrapper .tabs-group .content>li{float:left;padding:10px 12px}.tabs-wrapper .tabs-group .content>li>a{display:block;padding:5px 10px;border:0;border-radius:4px;color:#919191;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.tabs-wrapper .tabs-group .content>li:hover>a,.tabs-wrapper .tabs-group .content>li:focus>a,.tabs-wrapper .tabs-group .content>li.active>a{color:#4bbbfa}.tabs-wrapper .tabs-group .tabs-toggle{position:absolute;right:20px;top:18px;font-size:12px;line-height:1;cursor:pointer}
.tabs-wrapper .tabs-group+.tabs-group{border-top:1px dashed #e4ecf3}.plm{padding-left:10px!important}.ptm{padding-top:10px!important}.tag-box{padding-top:30px}.nav-sort>li{float:left}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav-sort{position:relative;background-color:#fafafa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-bottom:30px}.nav-sort>li>a{height:40px;padding:10px 15px;color:#616161;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.nav-sort>li>a.active{color:#fff;background-color:#4bbbfa}.mb-filter{position:relative;background-color:#fafafa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-bottom:30px}.pagination>.active>a,.pagination>.thisclass>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;cursor:default;color:#fff;background-color:#4bbbfa;border-color:#19a8f9}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:5px 12px;line-height:1.42857143;text-decoration:none;color:#919191;background-color:#f5f5f5;border:1px solid #dcdcdc;margin:5px;border-radius:4px}.breadcrumb.breadcrumb-o{background:0;margin:12px auto;padding:8px 0}.breadcrumb a{color:#919191;transition:all .3s ease}.es-section{background:#fff;padding:15px;margin-bottom:20px;border-radius:4px;border:1px solid #e4ecf3}.course-detail-section{position:relative;padding:15px}.course-detail-section .course-detail-top{padding-right:130px}.course-detail-section .course-detail-top .tags{float:left}.course-detail-section .course-detail-top .course-detail-heading{vertical-align:top;display:inline-block;color:#313131;font-size:24px;word-wrap:break-word;word-break:break-all}.course-detail-section .course-detail-top .subtitle{padding-top:5px;max-width:50%}.ellipsis,.text-overflow{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.color-gray{color:#919191!important}.course-detail-section .course-operation{position:absolute;list-style-type:none;right:10px;top:20px}.course-detail-section .course-operation li{float:left;margin-right:10px}.btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover{color:#616161;background-color:#f5f5f5;border-color:#dcdcdc}.course-detail-section .course-operation li>.btn{font-size:14px;color:#919191}.btn{transition:all .3s ease}.es-share.top .dropdown-menu{top:auto;bottom:100%;left:0;margin-left:-38px;margin-bottom:10px}.es-share .dropdown-menu{min-width:100px!important;padding:3px 10px!important;background-color:#404040!important;box-shadow:none;line-height:30px!important}.es-share .dropdown-menu a{margin:3px 2px 2px 6px!important;color:#fff!important}.es-share.top .dropdown-menu:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(64,64,64,0);border-top-color:#404040;border-width:8px;margin-left:-8px}.course-detail-section .course-detail-bottom .course-detail-img{position:relative;float:left;width:480px}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail>img,.thumbnail a>img{display:block;max-width:100%;height:auto}.course-detail-section .course-detail-bottom .course-detail-info{padding-left:60px;font-size:12px;color:#919191;float:left;width:350px}.ad-right{float:left}.mb15{margin-bottom:15px!important}.course-detail-section .course-detail-bottom .course-detail-info .course-detail-title{width:80px;display:inline-block}.course-detail-section .course-detail-bottom .course-detail-info .pirce-num{font-size:24px}.course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray.not-activity{min-height:158px}.course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray{padding-left:60px;margin:0 -15px 15px -60px;padding-top:20px;background-color:#fafafa}.course-detail-section-responsive{background-color:#fafafa;padding:18px 10px 18px 0;margin:-15px}.course-detail-section-responsive ul{margin:0;padding:0}.buy-btn-group .btn-lg{padding:10px 30px}.es-section{background:#fff;padding:15px;margin-bottom:20px;border-radius:4px;border:1px solid #e4ecf3}.nav-btn-tab{position:relative;padding-right:80px;border-bottom:1px solid #f5f5f5;margin-bottom:20px}.nav-btn-tab .nav.nav-tabs{border:0;margin-bottom:0}.nav-tabs>li{float:left;margin-bottom:-1px}.nav>li,.nav>li>a{position:relative;display:block}.nav.nav-tabs>li{margin-bottom:0}.nav.nav-tabs>li.active>a,.nav.nav-tabs>li:hover>a{border:0;background:0;color:#46c37b;transition:all .3s ease}.nav>li>a{padding:10px 15px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#919191;background-color:#fff;cursor:pointer}.nav-tabs li.active{color:#919191;background-color:#fff;border-bottom:1px solid #39a7e4;cursor:pointer}
.nav-tabs li:hover{color:#919191;background-color:#fff;cursor:pointer}.nav.nav-tabs>li>a{border:0;margin-right:0;color:#313131;font-size:16px;font-weight:500;transition:all .3s ease;padding:5px 30px 15px}.nav.nav-tabs>li.active>a,.nav.nav-tabs>li.active>a small,.nav.nav-tabs>li:hover>a,.nav.nav-tabs>li:hover>a small{color:#4bbbfa}.course-detail-content .es-piece{margin-bottom:50px}.es-piece .piece-header{position:relative;margin:5px auto 20px;padding:0 30px 0 15px;color:#313131;font-size:16px;clear:both}.es-piece .piece-header:after{content:"";position:absolute;left:0;top:3px;width:4px;height:16px;background-color:#46c37b}.es-piece .piece-header:after{background-color:#4bbbfa}.course-detail-content .es-piece .piece-body p{font-size:16px;line-height:30px;margin-bottom:0;margin-left:15px}.es-piece .piece-body .piece-body-list{list-style-type:none;padding:0;margin-bottom:0}.es-piece .piece-body .piece-body-list>li{padding:15px 0;border-bottom:1px solid #f5f5f5}#gallery{background:url("../img/xbg.gif") repeat scroll 0 0 #202020;border:1px solid #333;border-radius:3px;margin:0 auto 15px;overflow:hidden;padding:8px}#gallery ul{list-style:none outside none;width:100%}#gallery ul li,#gallery ul li a u,#gallery ul li a em,#gallery ul li a span{cursor:pointer}#gallery ul li{display:inline;float:left;margin:8px 9px 8px 10px}#gallery ul li a,#gallery ul li a span,#gallery ul li a u,#gallery ul img{width:128px}#gallery ul li a{background:none repeat scroll 0 0 #fff;border:1px solid #ddd;border-radius:3px;box-shadow:0 0 8px rgba(0,0,0,0.15);display:block;overflow:hidden;padding:5px;position:relative;width:140px}#gallery ul li a span{background:none repeat scroll 0 0 #000;bottom:5px;color:#fff;display:block;height:22px;line-height:22px;opacity:.6;position:absolute;text-align:center}#gallery ul li a em{width:118px}#gallery ul li,#gallery ul li a u,#gallery ul li a em,#gallery ul li a span{cursor:pointer}#gallery ul li a em{bottom:5px;color:#fff;font-style:normal;height:22px;line-height:22px;padding:0 5px;position:absolute;text-align:center}#gallery ul li a u{display:block;height:131px;overflow:hidden}#gallery ul img{border:medium none;border-radius:0;margin:0;padding:0}.media-group:first-child{margin-top:20px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-left{padding-right:15px}.avatar-square-md,.group-avatar-md{width:60px;height:60px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.media-group .title{height:20px;margin:5px 0}.gray-darker{color:#313131!important}.panel-body.pt0 img{width:100%}.b-comment{margin-top:10px;padding-bottom:50px!important;background:#fff;box-shadow:0 1px 2px 0 #e2e2e2;position:relative;z-index:1;color:#333;font-size:14px;line-height:1.5;overflow:hidden}.b-comment .b-comment-box{margin-top:30px;padding-left:70px;width:100%;height:130px;position:relative;z-index:1}.b-comment .b-comment-box .b-head-img{width:45px;height:45px;position:absolute;left:15px;top:5px}.b-comment .b-box-textarea{margin:5px 0;width:100%;height:125px;border:2px solid #ccd4d9;border-radius:4px;position:relative;z-index:1}.b-comment .b-box-textarea .b-box-content{width:100%;height:75px;border:0;color:#999;overflow-y:auto}.b-comment .b-emote-submit{width:100%;height:40px;position:relative;border-top:1px solid #e6eaed;margin-top:10px}.b-comment .b-emote-submit .b-emote{width:100%;height:40px;position:absolute;left:0;top:0}.b-comment .b-emote-submit .b-emote i{padding:5px;width:40px;height:40px;font-size:30px;color:#c0c8ce;cursor:pointer;float:left}.b-comment .b-emote-submit .b-emote i:hover{color:#337ab7}.b-comment .b-emote-submit .b-emote .b-email{margin-top:1px;width:200px;float:left}.form-control{display:block;width:100%;padding:3px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-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}.b-comment .b-emote-submit .b-emote .b-tuzki{width:80%;border-top:0;background:#fff;display:none;position:absolute;left:-2px;top:43px}.b-comment .b-emote-submit .b-emote .b-tuzki img{width:24px;height:24px;border:2px solid #e6eaed;cursor:pointer}.b-comment .b-emote-submit .b-emote .b-tuzki img:hover{border:2px solid #008cba}.b-comment .b-emote-submit .b-submit-button{width:90px;height:40px;position:absolute;right:2px;top:0}.b-comment .b-emote-submit .b-submit-button input{cursor:pointer;width:92px;height:36px;line-height:40px;text-align:center;color:#fff;font-size:16px;background:#39a7e4;border:0;border-bottom-right-radius:4px;position:absolute;right:-4px;bottom:5px;background-image:url('../img/comment/button_bg.png');-webkit-transition:background-position .5s;-moz-transition:background-position .5s;transition:background-position .5s}
.b-comment .b-emote-submit .b-submit-button input:hover{background-position:bottom right}.b-comment .b-comment-title{margin-top:30px;width:100%;height:40px;line-height:40px;border-bottom:2px solid #39a7e4;color:#333;font-size:14px}.b-comment .b-comment-title .b-new{height:40px;float:left}.b-comment .b-comment-title .b-total{height:40px;text-align:right}.b-comment .b-comment-title .b-total span{color:#ee542a}.b-comment .b-user-comment .b-user{padding-top:10px;height:100%}.b-comment .b-user-comment .b-user .b-pic-col .b-user-pic{width:45px;height:45px}.b-comment .b-user-comment .b-user .b-content-col .b-content{overflow:hidden}.b-comment .b-user-comment .b-user .b-content-col .b-content .b-reply-name,.b-comment .b-user-comment .b-user .b-content-col .b-content .user-name{color:#ee542a}.b-comment .b-user-comment .b-user .b-content-col .b-content .b-reply{font-weight:600}.b-comment .b-user-comment .b-user .b-content-col .b-date{height:30px;line-height:30px}.b-comment .b-user-comment .b-child{border:0}.b-comment .b-user-comment .b-child .b-box-textarea .b-box-content{overflow-y:auto}.b-comment .b-user-comment .b-child .b-box-textarea .b-emote-submit .b-emote{padding-right:0}.b-comment .b-border{border-bottom:1px solid #e6eaed}.b-comment .ds-toolbar-buttons{position:absolute;top:5px;left:6px}.b-comment .ds-add-emote:hover{background:transparent url(../img/comment/mood-hover.png) no-repeat}.b-comment .ds-toolbar-button:hover{opacity:1}.b-comment .ds-toolbar-button{display:block;width:19px!important;height:19px;float:left;margin:7px 14px 4px 10px;background:transparent url(../img/comment/mood.png) no-repeat;vertical-align:middle;opacity:.6;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;transition:opacity .15s linear}.b-comment a{cursor:pointer;text-decoration:none;color:#777;background-color:transparent;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;transition:color .15s linear}.b-comment .b-user-comment .b-user{padding-top:10px;height:100%}.b-comment .b-user-comment .b-user .b-pic-col .b-user-pic{width:45px;height:45px}.b-comment .b-user-comment .b-user .b-content-col .b-content{overflow:hidden}.b-comment .b-user-comment .b-user .b-content-col .b-date{height:30px;line-height:30px}.b-comment .b-user-comment .b-child{border:0}.row{padding:0 15px 0}.col-lg-11{width:91.66666667%}.b-comment .b-user-comment .b-user .b-content-col .b-content .b-reply-name,#b-content .b-comment .b-user-comment .b-user .b-content-col .b-content .user-name{color:#ee542a}.b-comment .b-user-comment .b-user .b-content-col .b-content .b-reply{font-weight:600}.b-comment .b-parent{overflow:hidden}.b-clear-float{clear:both}.marginB210{margin-bottom:210px!important}.comment-load{text-align:center;margin-top:20px}.b-comment .error-tip{text-align:center;color:#f00;font-weight:bold;display:none}.b-comment .section-page-w{text-align:center;font-size:0;padding-bottom:10px;margin-top:30px}.b-comment .section-page-w .cmt-more-wrap-gw{text-align:center;font-size:12px;height:30px;line-height:30px;color:#999;background:#f0f0f0;cursor:pointer}.b-comment .section-page-w .cmt-more-wrap-gw .more-arrow-ico{display:inline-block;width:12px;height:12px;vertical-align:-2px;background:url(../img/comment/arrow.png);margin-left:6px}.b-comment .section-page-w .cmt-more-wrap-gw:hover{background:#d9eafb;color:#4398ed}.b-comment .section-page-w .cmt-more-wrap-gw:hover .more-arrow-ico{background:url(../img/comment/arrow-hover.png)}.error-tip a{color:#f60}.b-comment .b-content img{vertical-align:top;padding-bottom:20px}.zan{text-align:center}.article-list-main,.article-detail-main{padding-left:0;padding-right:0}.article-list .article-item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f5f5f5}.article-metas{overflow:hidden}.pull-left{float:left!important}.article-metas .metas-body{padding-left:60px}.article-metas .metas-body p{margin-bottom:0;font-size:12px}.article-metas .metas-body .title{margin:0;line-height:32px}.article-metas .metas-body .title a{color:#616161;transition:all .3s ease}.article-metas .date{height:45px;width:45px;text-align:center;color:#919191;background-color:#f5f5f5;border-radius:50%}.article-metas .date .day{padding-top:5px;font-size:16px;line-height:1.2}.article-metas .date .month{font-size:12px}.article-list .media .thumb-img{width:260px;border-radius:4px}.article-list .media{color:#919191}.article-list .article-item .content{margin-top:15px;color:#919191}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-default>.panel-heading{color:#616161;background-color:#f5f5f5;border-color:#e1e1e1}.panel-default>.panel-heading{position:relative;font-size:16px;padding:10px 0;line-height:30px;background:#fff;border-bottom:1px solid #f5f5f5}.panel-default>.panel-body{position:relative;padding:15px 0}.media,.media-body{zoom:1;overflow:hidden}.media.media-number,.media.media-number-o{padding-bottom:5px}.media:first-child{margin-top:0}
.media-left{padding-right:15px}.media.media-number-o .media-left,.media.media-number .media-left{position:relative;color:#919191}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-body{word-break:break-all}.media.media-number-o .media-left .num,.media.media-number .media-left .num{display:block;width:20px;height:20px;line-height:18px;text-align:center;border:1px solid #919191;border-radius:50%}.link-dark:hover{color:#46c37b!important;transition:all .3s ease}.color-primary,.link-dark:hover,.link-darker:hover,.link-gray:hover,.link-light:hover,.link-lighter:hover,.link-medium:hover,.link-primary,.link-white:hover{color:#4bbbfa!important;text-decoration:none}.article-metas .metas-body .sns{color:#919191;margin:10px auto}.article-metas .metas-body .sns span{margin-right:10px}.article-metas .metas-body .sns span i{margin-right:5px}.article-text p{line-height:30px;margin:20px auto 30px}.es-section .section-header h1{margin-top:5px;margin-bottom:20px;font-size:20px}.es-section .section-header{position:relative;margin-bottom:20px;border-bottom:1px solid #f5f5f5}.es-tabs{background:#fff;margin-bottom:30px;border:1px solid #e4ecf3;border-radius:4px}.es-tabs .tab-header{background-color:#f5f5f5;border-top-left-radius:4px;border-top-right-radius:4px}.es-tabs .tab-header>ul{padding:0;margin:0;list-style-type:none}.es-tabs .tab-header>ul>li{float:left}.es-tabs .tab-header>ul>li.active>a{background-color:#fff}.es-tabs .tab-header>ul>li>a{display:block;padding:15px 30px;color:#616161;transition:all .3s ease}#content-container{margin:30px auto;min-height:400px}.user-center-header{height:220px;overflow:hidden;position:relative;background:#000}.blurr-bg{background:url('../img/tiyan-bg.png');height:200px;color:#fff;position:relative;position:absolute;width:100%;height:100%;z-index:-1;background-image:-webkit-linear-gradient(to right,#814bb3,#4985b9);background-image:-moz-linear-gradient(to right,#814bb3,#4985b9);background-image:-ms-linear-gradient(to right,#814bb3,#4985b9);background-image:-o-linear-gradient(to right,#814bb3,#4985b9);background-image:linear-gradient(to right,#814bb3,#4985b9)}.user-center-header{position:relative;height:220px;background-color:#313131;background:url('../img/tiyan-bg.png');color:#fff;position:relative}.user-center-header .container{position:relative;z-index:1;padding:40px 70px}.user-banner{position:absolute;left:0;right:0;z-index:100}.user-center-header .user-avatar{position:relative;float:left;width:66.67%;padding-left:200px}.avatar-wrap{position:relative;display:inline-block;border-radius:50%}.user-center-header .avatar-wrap{position:absolute;top:0;left:0;border:6px solid #585560;border:6px solid hsla(0,0%,100%,.5)}.avatar-lg{border-radius:50%;width:120px!important;height:120px!important}.icon-user-status{display:block;width:20px;height:20px;line-height:15px;text-align:center;border:2px solid #fff;background:#e83d2c;color:#fff;border-radius:50%}.icon-user-status.icon-md{width:30px;height:30px;line-height:25px}.avatar-wrap .icon-user-status{position:absolute;bottom:0;right:0}.icon-user-status>i{font-size:12px;vertical-align:middle}.icon-user-status.icon-md>i{font-size:18px}.user-center-header .name{color:#fff;font-size:18px;margin-bottom:10px}.user-center-header .position{margin-bottom:10px;color:#919191;color:hsla(0,0%,100%,.5)}.user-center-header .mates{font-size:18px;margin-bottom:15px;color:#fff}.btn-ghost-white{color:#fff;border:1px solid #fff;background-color:#c1c1c1;background-color:hsla(0,0%,100%,.3)}.user-center-header .user-about{float:left;width:33.33%;padding:15px 10px;background-color:#919191;background-color:hsla(0,0%,100%,.3);color:#fff;border-radius:4px}.user-center-header .user-about-content{height:100px;overflow:hidden;line-height:25px}.mrm{margin-right:10px!important}.mlm{margin-left:10px!important}.mrl{margin-right:20px!important}.nav.nav-tabs{position:relative;margin-bottom:25px;border-color:#f5f5f5}.mask{position:absolute;left:0;right:0;z-index:100}.uname{white-space:nowrap;word-wrap:normal;overflow:hidden}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#39a7e4}.sidebar-box{margin:0;padding:0;z-index:2147483647;position:fixed;top:200px;width:64px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+30));overflow:visible;font-size:12px!important;font-family:arial,sans-serif!important;color:white;text-align:center!important}.sidebar-box a{text-decoration:none!important}.sidebar-box p,.sidebar-box div{margin:0;padding:0;color:white;font-size:12px!important;font-family:arial,sans-serif!important}.sidebar-box.on-right{right:30px;_right:auto;_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,30)||0)-(parseInt(this.currentStyle.marginRight,30)||0))}.sidebar-box.on-left{left:0;right:auto;_right:auto;_left:expression(eval(document.documentElement.scrollLeft))}.sidebar-box .sidebar-head{width:100%;height:66px;background:url(../img/sidebar-head.png) no-repeat center center}
.sidebar-box .sidebar-title{cursor:pointer}.sidebar-box .sidebar-wrap{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding-bottom:10px;background:#4689fa;position:relative;overflow:visible}.sidebar-box .sidebar-body{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;background:#4689fa;padding:5px 4px!important;overflow:visible}.sidebar-box .sidebar-chat-btn{margin:10px 0;cursor:pointer}.sidebar-box .sidebar-chat-btn .sidebar-chat-icon{width:25px;height:22px;background:url('../img/chat-icon.png') no-repeat center center;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/chat-icon.png");margin:0 auto;margin-bottom:5px}.sidebar-box .sidebar-btn{background:#3c75d5;color:white;width:100%;padding:7px 0;margin:5px 0 0 0;cursor:pointer;overflow:visible}.sidebar-box .sidebar-define-btn{margin-top:5px}.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.search-banner{background:url(http://www.qiqiuyu.com/static-dist/app/img/banner_search.jpg) top no-repeat;height:200px}.es-live-poster{position:relative;background:#fff;margin:0 auto;max-height:450px}.swiper-slide{float:left;box-sizing:border-box}.swiper-hidden{visibility:hidden!important;height:0!important}.es-live-poster .swiper-slide{margin:0 auto;width:100%}.swiper-hidden:first-child{visibility:visible!important;height:100%!important}.cloud-search-box{position:absolute;padding-left:90px;height:100%;width:100%;left:0;top:0}.input-group{position:relative;display:table;border-collapse:separate}.search-banner .search-input-group{margin:75px 20%;height:50px}.search-banner .search-input-group .input-wrap{position:relative}.search-banner .search-input-group .form-control{height:50px;border:0;padding-right:50px;font-size:16px;color:#000;border-top-left-radius:4px!important;border-bottom-left-radius:4px!important}.search-banner .search-input-group .es-icon{display:none;position:absolute;top:15px;right:15px;font-size:20px;z-index:3;color:#e1e1e1;transition:all .3s ease}.search-banner .search-input-group .btn{height:50px;width:120px;border:0;border-top-left-radius:0;border-bottom-left-radius:0}.img-responsive.lazy{width:263px;height:247px;background:url(../img/squares.svg) 50% no-repeat}.f6{width:100%;overflow:hidden;clear:both;padding-bottom:10px}.f6 li{float:left;line-height:14px;padding:8px 10px 0;white-space:nowrap}.f6 li a{color:#666;float:left}.linkbox{padding:10px 8px;border-bottom:1px solid #EEE;clear:both}.template-list.template-list-recommend{display:block}.price-note{position: absolute;margin-left: 6px;font-size: 16px;color: #ccc;}p span{word-wrap: break-word !important;white-space: normal !important;}
.course-detail-content .template-list .course-item .course-img .img-responsive{width: 181px;height: 172px;}@media (max-width: 1420px){.nav.navbar-nav>li>a {padding: 20px 15px;}}.ztree li span.button.icon-php_ico_docu{margin-right:2px;background:url('../icon/php.png') no-repeat scroll 0 0 transparent;vertical-align:top;*vertical-align:middle}.ztree li span.button.icon-css_ico_docu{margin-right:2px;background:url('../icon/css.gif') no-repeat scroll 0 0 transparent;vertical-align:top;*vertical-align:middle}.ztree li span.button.icon-default_ico_docu{margin-right:2px;background:url('../icon/default.gif') no-repeat scroll 0 0 transparent;vertical-align:top;*vertical-align:middle}.ztree li span.button.icon-html_ico_docu{margin-right:2px;background:url('../icon/html.png') no-repeat scroll 0 0 transparent;vertical-align:top;*vertical-align:middle}.ztree li span.button.icon-img_ico_docu{margin-right:2px;background:url('../icon/img.gif') no-repeat scroll 0 0 transparent;vertical-align:top;*vertical-align:middle}.ztree li span.button.icon-js_ico_docu{margin-right:2px;background:url('../icon/js.gif') no-repeat scroll 0 0 transparent;vertical-align:top;*vertical-align:middle}.ztree li span.button.icon-htaccess_ico_docu{margin-right:2px;background:url('../icon/htaccess.png') no-repeat scroll 0 0 transparent;vertical-align:top;*vertical-align:middle}.ztree li span.button.icon-ico_ico_docu{margin-right:2px;background:url('../icon/favicon.png') no-repeat scroll 0 0 transparent;vertical-align:top;*vertical-align:middle}.ztree li span.button.icon-txt_ico_docu{margin-right:2px;background:url('../icon/txt.png') no-repeat scroll 0 0 transparent;vertical-align:top;*vertical-align:middle}.ztree li span.button.icon-xml_ico_docu{margin-right:2px;background:url('../icon/xml.png') no-repeat scroll 0 0 transparent;vertical-align:top;*vertical-align:middle}.ztree li span.button.icon-json_ico_docu{margin-right:2px;background:url('../icon/json.png') no-repeat scroll 0 0 transparent;vertical-align:top;*vertical-align:middle}.ztree *{font-size:16px !important;}.ztree li{line-height:16px !important;margin-top: 5px !important;}.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {background-color: #39a7e4 !important;}.es-section .nav-btn-tab .nav>li>a:hover, .nav>li>a:focus{background:none !important;}