body,html{font:PingHei,"PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif}.ellipsis{text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap}#doyoo_panel{visibility:hidden}#customer-services{position:fixed;padding:10px 5px;bottom:10%;margin-top:-140px;right:0;z-index:999;background-color:#fff;box-shadow:0 4px 12px 0 rgba(7,17,27,.2);font-size:12px;border-radius:10px}#customer-services a{display:block;text-align:center;padding:8px 0;width:60px;height:60px;color:#888}#customer-services a img{max-width:50%;height:26px;display:block;margin:0 auto 6px}#customer-services a:hover{color:#f01414}#customer-services .qrcode-btn{position:relative}#customer-services .qrcode-btn .qrcode{position:absolute;right:80px;top:-26px;box-shadow:0 4px 12px 0 rgba(7,17,27,.2);background-color:#fff;display:none}#customer-services .qrcode-btn .qrcode img{width:100px}#customer-services .qrcode-btn .qrcode:before{position:absolute;display:block;left:100%;top:50%;width:0;height:0;border-width:8px;margin-top:-4px;border-right-width:0;border-color:transparent;border-left-color:#fff;border-style:solid;content:''}#customer-services .qrcode-btn:hover .qrcode{display:block}@media (max-width:500px){#customer-services{display:none}}#signin-dialog .modal-dialog{max-width:400px}#signin-dialog .close{font-size:30px;position:absolute;right:15px;top:9px}#signin-dialog .modal-body{padding:8px 20px 20px}#signin-dialog .nav-tabs li{margin-bottom:0}#signin-dialog .nav-tabs a{border:0;font-size:16px;color:grey;width:90px;text-align:center}#signin-dialog .nav-tabs a:hover{background-color:transparent;box-shadow:0 1px 0 0 #f9c008;color:#f9c008}#signin-dialog .nav-tabs>li.active>a{box-shadow:0 1px 0 0 #f9c008;color:#f9c008}#signin-dialog .tab-content{overflow:hidden;clear:both;padding:0 10px}#signin-dialog .tab-pane{padding-top:40px}#signin-dialog .form-control,#signin-dialog .input-button{height:42px;font-size:16px}#signin-dialog .code-btn{font-size:14px}#signin-dialog .input-group .captcha{padding:0}#signin-dialog .input-group .captcha img{height:40px;border-radius:4px;cursor:pointer}#signin-dialog .password{position:relative}#signin-dialog .password input{padding-right:80px}#signin-dialog .password a{position:absolute;right:10px;top:12px}#signin-dialog .login-switch{display:block;position:absolute;right:0;bottom:0;font-size:40px;height:60px;width:60px;line-height:60px;text-align:right;background:#d0d6d9;color:#7e888c;padding-right:6px;padding-top:8px}#signin-dialog .login-switch:before{content:'';position:absolute;left:0;top:0;width:0;height:0;border-width:60px 60px 0 0;border-style:solid;border-color:#fff;border-right-color:transparent}#signin-dialog .tooltip{opacity:1;right:60px;bottom:20px}#signin-dialog .tooltip .tooltip-inner{background:#fa0}#signin-dialog .tooltip .tooltip-arrow{border-left-color:#fa0}body.modal-open{position:fixed;width:100%}#wxlogin-wrapper{text-align:center;margin-top:-30px}@media (max-width:767px){.modal-dialog{margin-left:auto;margin-right:auto}}.testWizard .modal-dialog{width:400px;margin-top:-250px;margin-bottom:0;top:50%}.testWizard .modal-dialog .modal-content{border-radius:10px}.testWizard .modal-dialog .close-btn{position:absolute;right:10px;top:10px;width:30px;background:0 0;border:0}.testWizard .modal-dialog .close-btn img{width:100%}.testWizard .modal-dialog .hero-img{width:100%;border-top-left-radius:10px;border-top-right-radius:10px}.testWizard .modal-dialog .info{text-align:center;margin-bottom:2em;padding:0 2em}.testWizard .modal-dialog .info h3{color:#fa0;font-size:24px;margin-top:1em;margin-bottom:.8em}.testWizard .modal-dialog .info .description{font-size:16px;color:#999;margin-bottom:2em;margin-top:1em}.testWizard .modal-dialog .info .ok-btn img{max-width:140px}@media screen and (max-width:768px){.testWizard .modal-dialog{width:300px;margin-top:-180px}.testWizard .modal-dialog .info{margin-bottom:1em}.testWizard .modal-dialog .info h3{font-size:20px}.testWizard .modal-dialog .info .description{font-size:12px;margin-top:.5em;margin-bottom:1em}.testWizard .modal-dialog .info .ok-btn img{max-width:120px}}@keyframes zoom{0%{transform:scale(.95)}50%{transform:scale(1.05)}100%{transform:scale(.95)}}.user-center{float:right;margin-top:17px;margin-right:40px;width:110px;box-shadow:0 5px 10px rgba(255,170,0,.4);border-radius:20px;position:relative}.user-center.teacher{box-shadow:0 5px 10px rgba(0,153,255,.4)}.user-center img{width:100%}.user-center.recommend:after{content:'';width:30px;height:30px;background:url(/static/img/index/recommend-icon.png) no-repeat;background-size:100%;position:absolute;right:0;top:0;right:-15px;top:-8px;transform-origin:0 100%;animation:zoom 1s infinite alternate}.continue-test{display:block;float:right;margin-right:40px}.continue-test img{width:60px}.g-user-card{position:absolute;margin-top:10px;right:-110%;top:100%;width:176px;box-shadow:0 4px 8px 0 rgba(7,17,27,.2);z-index:1000;visibility:hidden;opacity:0;transition:all .2s;transform:translateY(-20px)}.g-user-card:before{content:'';position:absolute;width:100%;left:0;top:-10px;height:10px;background-color:rgba(0,0,0,.01)}.g-user-card:after{content:'';position:absolute;display:block;left:50%;top:0;width:0;height:0;border-width:12px;margin-left:-10px;border-top-width:0;border-bottom-width:12px;border-color:transparent;border-bottom-color:#fff;border-style:solid;margin-top:-10px}.g-user-card .card-inner{background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);padding:15px;padding-bottom:12px;border-radius:10px}.g-user-card .card-top{color:#93999f;position:relative}.g-user-card .card-top img{float:left;width:52px;height:52px;border-radius:50%;border:2px solid #fff;margin-right:8px}.g-user-card .card-top .card-top-right-box{margin-top:12px}.g-user-card .card-top .name{display:inline-block;font-size:18px;color:#666;width:80px}.g-user-card .user-center-box{margin:14px 14px 5px}.g-user-card .user-center-box ul li{margin-bottom:10px}.g-user-card .user-center-box ul li a{font-size:16px;width:100%;height:36px;line-height:36px;text-align:center;display:block;background:#f9f8f6;border-radius:20px;color:#4d555d}.g-user-card .user-center-box ul li a:hover{background:#f9c008;color:#fff}.g-user-card .card-sets a{color:#666;font-size:16px}.g-user-card .card-sets a:hover{color:#f9c008}.g-user-card .card-sets a i{font-size:1.2em;margin-right:4px}@media (max-width:1024px){.g-user-card .card-inner{position:relative;left:-50px}}@media (max-width:768px){.user-center{margin-top:20px;width:90px;margin-right:0;position:absolute;right:90px}.continue-test{position:absolute;margin-top:2px;right:160px}}@media (max-width:500px){.user-center{margin-top:20px;width:90px;margin-right:0;position:absolute;right:90px}.continue-test{position:fixed;right:5px;margin:0;bottom:30px}}body{background-color:#fff}h1,h2,h3,h4,h5,h6{color:#384047}ul{list-style:none;padding:0;margin:0}a:hover{text-decoration:none}a{color:#7b8b8e}a:active,a:focus,a:hover{color:#4b5658;text-decoration:none}.page-top{height:72px;box-shadow:0 0 1px rgba(0,64,94,.2);position:relative;background-color:#fff;position:fixed;left:0;top:0;right:0;z-index:1000;transition:box-shadow .2s ease-in,height .6s 0s ease}.page-top .logo{float:left;margin-top:15px}.page-top .logo img{width:150px}.page-top.floating{box-shadow:0 5px 15px rgba(0,0,0,.2)}#header-signin{color:#333;height:40px;margin-top:16px;border:1px solid #ccc;border-radius:20px;line-height:37px}#header-signin:hover{color:#ec971f;border-color:#ec971f}#header-signup{color:#f9c008;height:40px;margin-top:16px;border:2px solid #f9c008;border-radius:20px;line-height:37px;margin-left:15px}#header-signup:hover{color:#fff;background-color:#f9c008}.hamburger-button{background:0 0;position:absolute;left:20px;top:20px;width:28px;height:30px;margin:0}.hamburger-tpl{left:0;border-radius:4px;background:#7b8b8e;width:100%;height:2px;position:absolute;margin-top:-1px;transition:background .3s 0s ease,transform .3s 0s ease,top .3s .2s ease,bottom .3s .2s ease}.hamburger-clicked-tpl{transition:background .3s 0s ease,transform .3s .2s ease,top .3s 0s ease,bottom .3s 0s ease}.hamburger{left:0;border-radius:4px;background:#7b8b8e;width:100%;height:2px;position:absolute;margin-top:-1px;transition:background .3s 0s ease,transform .3s 0s ease,top .3s .2s ease,bottom .3s .2s ease}.hamburger:before{content:"";left:0;border-radius:4px;background:#7b8b8e;width:100%;height:2px;position:absolute;margin-top:-1px;transition:background .3s 0s ease,transform .3s 0s ease,top .3s .2s ease,bottom .3s .2s ease;top:-7px}.hamburger:after{content:"";left:0;border-radius:4px;background:#7b8b8e;width:100%;height:2px;position:absolute;margin-top:-1px;transition:background .3s 0s ease,transform .3s 0s ease,top .3s .2s ease,bottom .3s .2s ease;bottom:-8px}.hamburger-button-clicked .hamburger{background:0 0;transition:background .3s 0s ease,transform .3s .2s ease,top .3s 0s ease,bottom .3s 0s ease}.hamburger-button-clicked .hamburger:before{top:0;transform:rotate(45deg);transition:background .3s 0s ease,transform .3s .2s ease,top .3s 0s ease,bottom .3s 0s ease}.hamburger-button-clicked .hamburger:after{bottom:0;transform:rotate(-45deg);transition:background .3s 0s ease,transform .3s .2s ease,top .3s 0s ease,bottom .3s 0s ease}.hamburger-button-clicked .navigation{padding-top:80px;margin:0;text-align:center;width:100%}.hamburger-button-clicked .navigation li{display:block;float:none}.hamburger-button-clicked.page-top{height:100%}.navbar-toggle .icon-bar{background-color:#7b8b8e}.navigation{float:left;margin-left:7em}.navigation li{float:left}.navigation li.active a{color:#f9c008;border-bottom:3px solid #f9c008}.navigation a{color:rgba(0,0,0,.7);font-size:20px;font-weight:700;padding:0 .8em;display:block;height:62px;line-height:72px;transition:all 150ms linear;margin:0 10px}.navigation a:hover{color:#f9c008}.login-area{float:right}.login-area>a{float:left;color:rgba(0,0,0,.7);font-size:16px;font-weight:400;padding:0 1em;display:block;height:72px;line-height:72px;transition:all 150ms linear}.login-area>a:hover{color:#f9c008}.login-area .avatar{width:44px;height:44px;padding:0;overflow:hidden;border-radius:50%;line-height:0;margin-top:15px;display:inline-block}.login-area .avatar img{width:100%}.user-area{position:relative;float:left;height:72px;padding:0 5px}.user-area:hover .g-user-card{visibility:visible;opacity:1;transform:translateY(0)}.page-body{margin-top:72px}.page-bottom{overflow:hidden;background:#fff;margin-top:50px}#footer{margin-top:60px;margin-bottom:60px;text-align:center;position:relative;color:#576366;font-size:14px;line-height:2}#footer .links{text-align:left;vertical-align:middle;display:inline-block}#footer .qrcode{margin-left:60px}#footer a{color:#576366}#footer .text-danger{color:#ec5e55}.breadcrumb{font-size:14px}.breadcrumb>.active{color:#f9c008}.breadcrumb a:hover{color:#f9c008;text-decoration:underline}.pagination>li>a{color:#717f86}.pagination>.active>a{background-color:#fb0;border-color:#fa0}.sy-paging li{display:inline-block;*display:inline;*zoom:1;margin-left:4px;list-style:none}.pagingbar{padding-top:30px;text-align:center;border-radius:4px;clear:both}.pagingbar .sy-paging{padding:10px 0}.pagingbar .btn{border-width:0;padding:6px 10px}.pagingbar .btn-primary{border:2px solid #d3d9dd;color:#3e474f;background:#fff}.pagingbar .btn-primary:hover{border:2px solid #b9c1c8;color:#3e474f}.pagingbar .btn-default{box-shadow:none;border:2px solid #4285f4;margin:0 2px;color:#fff;border-radius:5px;display:inline-block;background:#4285f4}.global-masker{position:fixed;width:100%;height:1100px;z-index:800;background:#212121;opacity:0;visibility:hidden;transition:all .5s}.global-masker.open{visibility:visible;opacity:.5}.pagination>li>a,.pagination>li>span{background-color:transparent;border:0;border-radius:30px;padding:0 11px;margin:0 3px;min-width:30px;height:30px;line-height:30px}.pagination>.disabled>a{background-color:transparent;opacity:.5}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#f9c008;box-shadow:0 4px 5px 0 rgba(249,192,8,.14),0 1px 10px 0 rgba(249,192,8,.12),0 2px 4px -1px rgba(249,192,8,.2)}@media (max-width:991px){.navigation{margin-left:2em}#footer .links{text-align:center;margin-bottom:30px}#footer .qrcode{margin:0 30px}}@media (max-width:768px){.navbar-toggle{display:inherit}.page-top .logo{position:absolute;left:70px;margin-top:23px}.page-top .logo img{width:90px}.navigation ul{width:100%}.navigation li{display:none;max-width:300px;min-width:200px;margin:0 auto}.navigation li.active a{color:#f9c008;background:0 0}.login-area{position:absolute;right:14px}}@media (max-width:500px){#footer{font-size:12px}}body{background:#f4f7f8}#main{margin-top:40px}.teacher-item{max-width:365px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.2);transition:box-shadow .3s cubic-bezier(.075,.82,.165,1);border-radius:3px;margin:0 auto 40px;overflow:hidden}.teacher-item:hover{box-shadow:0 1px 20px rgba(0,0,0,.3)}.teacher-item .cover{height:170px;border-bottom-left-radius:50%;border-bottom-right-radius:50%;margin-left:-15px;margin-right:-15px;position:relative}.teacher-item .cover:after,.teacher-item .cover:before{position:absolute;z-index:2;width:100px;height:100px;content:'';background:transparent url(/static/img/teachers/cover-icon.png) 0 0 no-repeat;opacity:.5;background-size:cover;top:0}.teacher-item .cover:before{left:0}.teacher-item .cover:after{right:0;transform:rotate(27deg)}.teacher-item .thumb{text-align:center;position:relative;z-index:3;padding-top:15px}.teacher-item .thumb img{width:140px;height:140px;border-radius:50%;border:4px solid rgba(255,255,255,.5)}.teacher-item .info{padding:15px 20px 20px}.teacher-item .name{font-size:24px;line-height:36px;color:#333;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden}.teacher-item .duan{font-size:18px;margin-top:6px;margin-bottom:10px;color:#f9c008;text-align:center}.teacher-item .duan span{display:inline-block;position:relative;padding:0 15px}.teacher-item .duan span:after,.teacher-item .duan span:before{position:absolute;top:12px;content:'';width:70px;height:2px}.teacher-item .duan span:before{background:transparent url(/static/img/teachers/duan-left.png) 0 0 no-repeat;right:100%}.teacher-item .duan span:after{background:transparent url(/static/img/teachers/duan-right.png) 0 0 no-repeat;left:100%}.teacher-item .tags{text-align:center;height:21px;margin-bottom:15px;overflow:hidden}.teacher-item .tags i{display:inline-block;font-size:14px;padding:0 12px;color:#666;font-style:normal;border-left:2px solid #f9c008}.teacher-item .tags i:first-child{border-left-width:0}.teacher-item .summary{font-size:13px;line-height:1.6em;height:6.4em;color:#999;margin-bottom:15px;overflow:hidden;position:relative}.teacher-item .summary:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4em;z-index:2;background-image:linear-gradient(to top,#fff,rgba(255,255,255,0))}.teacher-item .buttons{text-align:center}.col-wrapper li:nth-of-type(6n+1) .cover{background:#5bcfff;box-shadow:0 0 12px 8px rgba(91,207,255,.3)}.col-wrapper li:nth-of-type(6n+2) .cover{background:#ff6464;box-shadow:0 0 12px 8px rgba(255,100,100,.3)}.col-wrapper li:nth-of-type(6n+3) .cover{background:#ffd174;box-shadow:0 0 12px 8px rgba(255,209,116,.3)}.col-wrapper li:nth-of-type(6n+4) .cover{background:#3eda73;box-shadow:0 0 12px 8px rgba(62,218,115,.3)}.col-wrapper li:nth-of-type(6n+5) .cover{background:#625afc;box-shadow:0 0 12px 8px rgba(98,90,252,.3)}.col-wrapper li:nth-of-type(6n+6) .cover{background:#dd6ef4;box-shadow:0 0 12px 8px rgba(221,110,244,.3)}.no-more{font-size:22px;text-align:center;border-top:1px solid #ddd;margin-top:20px;padding-top:20px;color:#999}@media (max-width:500px){.teacher-item{margin-bottom:20px}}