@charset "utf-8";/* 2017版新公共样式 */body {font-family:"Helvetica","Arial","微软雅黑","Microsoft Yahei","宋体","simsun";background-color:#ffffff;-webkit-font-smoothing:antialiased;overflow:scroll;overflow-x:hidden;} .mt60 {margin-top:60px;} .mt70 {margin-top:70px;} .bd {border-bottom:1px solid #d8d8d8;} .hover_img:hover {transform:scale(1.08);-webkit-transform:scale(1.08);transition:all 0.4s ease-out 0s;-webkit-transition:all 0.4s ease-out 0s;} .header-mobile,.header-search-open,.header-search-close,.icon-sub {background:url("/wemy/Template/Default/Resources/img/header_sprite.png") 0 0 no-repeat;} .layout-auto {width:1170px;margin:0 auto;} .header {position:fixed;top:0;left:0;width:100%;z-index:101;height:112px;background-color:#313131;-webkit-box-shadow:0 0 7px 3px rgba(46,40,61,0.6);box-shadow:0 0 7px 3px rgba(46,40,61,0.6);} .header-stance {height:112px;} .header .layout-auto {height:112px;} .header-logo {float:left;display:inline;margin-top:15px;height:75px;overflow:hidden;} .header-desc {float:left;display:inline;border-left:1px solid #8b8a8a;padding-left:20px;font-size:14px;color:#a4a4a5;margin-top:38px;padding-top:7px;margin-left:20px;padding-bottom:4px;} .header-other {float:right;margin-top:15px;} .header-other li {float:left;display:inline;padding:0 20px;border-right:1px solid #515050;height:30px;line-height:30px;} .header-other a.zhaosheng,.header-other a.yuyue{border-radius:10px;color:#fff; padding:5px 10px 5px 30px;} .header-other a.zhaosheng{background:#E15E52 url(/wemy/Template/Default/Resources/img/zhaosheng.png) no-repeat 5px center} .header-other a.yuyue{background:#E15E52 url(/wemy/Template/Default/Resources/img/yuyue.png) no-repeat 10px center} .header-other a.zhaosheng:hover,.header-other a.yuyue:hover{ box-shadow:3px 3px 3px rgba(225, 94, 82,.5)} .header-other li.last {padding:0 10px;border:none;} .header-other-web a {color:#a4a4a5;font-size:14px;} .header-other-web a:hover {color:#29665F;} .header-mobile {display:block;background-position:-133px 0;width:190px;height:20px;overflow:hidden;text-indent:-999px;margin-top:4px;} .header-search-open {display:block;background-position:-133px -37px;width:17px;height:17px;margin-top:5px;} /*头部-搜索*/.header-search {display:none;position:absolute;z-index:2;top:0;left:0;height:238px;width:100%;background-color:rgba(34,34,37,0.95);} .header-search-title {border-bottom:1px solid #6c6b6c;height:60px;line-height:60px;text-align:center;font-size:16px;color:#fff;} .header-search-close {float:right;display:inline;background-position:-133px -59px;width:15px;height:15px;margin-top:24px;margin-right:0px;} .header-search-content {width:993px;padding-top:68px;text-align:center;margin:0 auto;} .header-search-keyword {float:left;display:inline;border:none;border-bottom:3px solid #ffffff;background-color:transparent;font-size:20px;color:#636267;width:867px;padding-bottom:10px;padding-top:0;height:32px;} .header-search-submit {float:left;display:inline;width:102px;height:42px;line-height:40px;border:2px solid #fff;background-color:#fff;margin-left:20px;-webkit-border-radius:5px;font-size:16px;color:#434344;padding:0;margin-top:3px;} .header-search-submit:active {border-color:#7b5ccd;} /*导航*/ .header-nav {float:right;display:block;clear:both;padding-top:18px;} .header-nav-item {position:relative;z-index:2;float:left;display:inline;margin-left:40px;height:50px;} .header-nav-item-parent {font-size:16px;color:#e4e2e2;display:block;text-align:center;position:relative;} .nav-icon {background:url("/wemy/Template/Default/Resources/img/icon_tag_v2.png") 0 0 no-repeat;} .nav-icon-bm {position:absolute;display:block;width:54px;height:21px;background-position:0 0;left:50px;top:-21px;} .nav-icon-da {position:absolute;display:block;width:42px;height:21px;background-position:-59px 0;left:20px;top:-21px;} .header-nav-item em {display:none;width:70%;height:7px;background-color:#29665f;margin:0 auto;margin-top:19px;} .header-nav-item-index em {width:100%;} .header-nav-sub {display:none;position:absolute;left:50%;top:49px;width:490px;padding-left:30px;margin-left:-266px;background-color:rgba(255,255,255,0.9);padding-bottom:35px;padding-top:5px;overflow:hidden;} .header-static .header-nav-sub {top:52px;} .header-nav-sub:before {content:'';position:absolute;width:200%;left:0;top:-2px;height:2px;background-color:#fff;-webkit-box-shadow:0 0 7px 3px rgba(46,40,61,0.6);box-box-shadow:0 0 7px 3px rgba(46,40,61,0.6);opacity:0.9;} .header-nav-sub-big,.header-nav-sub-big-case,.header-nav-sub {margin-left:-75px;width:150px;padding:0;padding-bottom:20px;padding-top:20px;text-align:center;} .header-nav-sub-news {left:auto;right:0;} .header-nav-item-open .header-nav-sub {display:block;} .header-nav-item-current em,.header-nav-item-open em {display:block;} .header-nav-item-open .header-nav-item-parent t{color:#29665F;} .header-nav-sub li.vip {margin-left:20px;width:100px;} .header-nav-sub-big li {/*display:inline-block;float:none;*/margin:0;margin:0 14px;width:auto;} .header-nav-sub i {float:left;display:inline;width:44px;height:44px;} .header-nav-sub-big i {width:64px;height:65px;display:inline-block;float:none;} .header-nav-sub span {/*float:left;display:inline;margin-left:13px;line-height:44px;*/font-size:14px;color:#959596;} .header-nav-sub-big span {float:none;display:block;margin:0;line-height:normal;margin-top:10px;} .header-nav-sub a.current span,.header-nav-sub a:hover span {color:#000000;} .header-nav-sub-big i{ display:none} .icon-sub-muse {background-position:0 0;} .icon-sub-gallery {background-position:0 -55px;} .icon-sub-vip {background-position:0 -110px;} .icon-sub-dsx {background-position:0 -165px;} .icon-sub-ldd {background-position:0 -220px;} .icon-sub-offer {background-position:-56px -158px;} .icon-sub-online {background-position:-56px -237px;} .icon-sub-school {background-position:-56px 0;} .icon-sub-rank {background-position:-56px -79px;} .icon-sub-tv {background-position:-56px -316px;} .icon-sub-class {background-position:-56px -395px;} .icon-sub-news {background-position:-56px -474px;} .icon-sub-activity {background-position:-56px -553px;} /*底部*/.footer {height:250px;background-color:#3c3b3f;} .footer .layout-auto {height:250px;position:relative;} .footer-ad {position:absolute;left:-40%;top:0;width:810px;height:250px;display:block;background:url("/wemy/Template/Default/Resources/img/footer_bk.jpg") center center no-repeat;} .footer-wei {padding-top:35px;margin-left:150px;} .footer-wei li {margin-top:20px;} .footer-wei span {display:block;text-align:center;font-size:12px;color:#999999;padding-top:10px;} .footer-about a {float:left;display:inline;width:112px;height:40px;line-height:40px;text-align:center;font-size:18px;color:#ffffff;border:1px solid #999999;margin-right:12px;margin-top:60px;} .footer-address {padding-top:30px;} .footer-address li {color:#9d9d9f;line-height:28px;font-size:14px;} .footer-copyright {height:50px;line-height:50px;background-color:#29282c;color:#666;} .footer-links {background-color:#252526;padding-bottom:10px;} .footer-links a {float:left;display:inline;margin-right:10px;margin-top:10px;text-align:center;font-size:12px;color:#6c6b6b;border:1px solid #6c6b6b;padding:0 10px;height:23px;line-height:23px;} .footer-about a:hover,.footer-links a:hover {border-color:#29665f;color:#29665f;} .footer .cat-list {float:left;margin:40px 15px;font-size:14px;line-height:25px;} .footer .cat-list dt {color:#ddd;font-size:18px;margin-bottom:10px} .footer .cat-list a {color:#999;} .footer .cat-list a:hover {color:#666;} .footer .tel {color:#ddd;font-size:14px;width:200px;text-align:center;line-height:1.5;margin-top:40px;} .footer .tel h3 {font-size:24px;} .footer .tel a.yybtn {display:inline-block;padding:10px 40px;border-radius:5px;background:#2A655F;color:#fff;font-size:20px;letter-spacing:2px; margin:10px 0;} .ftfollow{text-align:center; font-size:12px;width:230px; margin:40px 15px 0 0;color:#888;} .ftfollow h2.tit{font-size:16px; margin-bottom:10px;color:#fff; } .ftfollow .info{font-weight:100;font-size:12px; line-height:20px;} .ftfollow .code{ display:inline-block;width:90px; overflow:hidden; margin-top:10px; } .ftfollow .code img{width:90px; margin-bottom:2px;} .ftfollow .code.first{margin-right:5px;} .ftfollow .follow-tit{ position:relative;width:190px; margin:5px auto 10px; font-size:14px;} .ftfollow .follow-tit:before,.ftfollow .follow-tit:after{content:"";width:50px; height:1px;background:#999; position:absolute; top:50%;} .ftfollow .follow-tit:before{left:0px;} .ftfollow .follow-tit:after{left:140px;} /*模块标题*/.module-title {position:relative;text-align:center;color:#333333;font-size:28px;width:1170px;margin:0 auto;padding-top:50px;} .module-title h2 {color:#333333;font-size:28px;font-weight:normal;} .module-title-mt50 {padding-top:50px;} .module-title div {font-size:18px;color:#999999;padding-top:15px;} .module-link {position:absolute;right:0;bottom:0;display:block;height:38px;width:125px;line-height:38px;text-align:center;font-size:14px;color:#434344;border:2px solid #999999;-webkit-border-radius:5px;border-radius:5px;} .module-link:hover {color:#434344;border-color:#333333;} .teacher-type {position:absolute;right:0;bottom:0;display:block;height:38px;line-height:38px;text-align:center;font-size:14px;color:#434344;border:2px solid #999999;-webkit-border-radius:5px;border-radius:5px;padding:0 20px;width:140px;} .teacher-type a {display:inline-block;font-size:14px;color:#999999;} .teacher-type a:hover,.teacher-type a.current {color:#000000;} .teacher-type span {font-size:12px;color:#707070;padding:0 6px;display:inline-block;} /*广告*/.ad-wrap {height:86px;text-align:center;overflow:hidden;width:1170px;margin:0 auto;margin-top:80px;} .ad-wrap a {display:block;width:100%;height:86px;} .ad-wrap-2017 {background:url("/wemy/Template/Default/Resources/img/ad/ad_2017.jpg") center center no-repeat;} .ad-wrap-art {background:url("/wemy/Template/Default/Resources/img/ad/ad_art.jpg") center center no-repeat;} .ad-wrap-ldd {background:url("/wemy/Template/Default/Resources/img/ad/ad_ldd.jpg") center center no-repeat;} /*按钮*/.btn-play {display:block;background:url("/wemy/Template/Default/Resources/img/sprite.png") -280px 0 no-repeat;width:74px;height:77px;} .btn-play:hover {opacity:0.8;} .btn-subscription {height:25px;line-height:25px;text-align:center;border:1px solid #9e85d7;padding:0 10px;color:#282837;background-color:#fff;-webkit-border-radius:5px;border-radius:5px;} .btn-subscription:hover {background-color:#9e85d7;color:#fff;} .btn-offer {position:relative;padding-left:35px;color:#999999;font-size:14px;line-height:22px;display:block;} .btn-offer i {position:absolute;display:block;background:url("/wemy/Template/Default/Resources/img/sprite.png") -285px -93px no-repeat;width:22px;height:22px;left:0;top:50%;margin-top:-11px;} .btn-link {display:block;margin:0 auto;width:160px;height:34px;border:2px solid #ebeced;text-align:center;line-height:34px;font-size:16px;color:#535353;-webkit-border-radius:5px;border-radius:5px;} .btn-link:hover {border-color:#29665F;color:#29665F;} .btn-link:active {border-color:#29665F;color:#fff;background-color:#29665F;} .btn-lookvideo {display:inline-block;width:73px;height:29px;line-height:29px;border:1px solid #efeef0;background-color:#fff;color:#29665f;text-align:center;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 3px rgba(117,113,127,0.3);box-shadow:0 0 3px rgba(117,113,127,0.3);} .btn-lookvideo:hover {-webkit-box-shadow:0 0 6px rgba(41, 102, 95,0.2);box-shadow:0 0 6px rgba(117,113,127,0.3);} .btn-wen {display:inline-block;width:73px;height:29px;line-height:29px;border:1px solid #29665f;background-color:#fff;color:#29665f;text-align:center;-webkit-border-radius:5px;border-radius:5px;} .btn-wen:hover {background-color:#29665F;color:#fff;} .btn-activity {display:inline-block;width:67px;height:22px;line-height:22px;text-align:center;border:2px solid #b5b5b5;color:#ffffff;-webkit-border-radius:5px;border-radius:5px;} .btn-activity:hover {background-color:#29665F;color:#fff;} /*成功案例*/.successful-case {background-color:#f8f8f7;margin:7.5px;margin-top:60px;} .successful-case_pic {position:relative;overflow:hidden;} .successful-case_pic img {width:100%;vertical-align:top;} .successful-case_pic span {display:block;position:absolute;z-index:2;bottom:20px;font-size:18px;color:#fff;padding:0 5%;} .successful-case_pic em {position:absolute;z-index:1;bottom:0;left:0;width:100%;background:url("/wemy/Template/Default/Resources/img/mask.png") 0 0 repeat-x;height:158px;opacity:0.5;} .successful-case_pic .btn-play {position:absolute;z-index:2;right:5%;bottom:15px;} .successful-case_info {height:144px;padding-top:24px;padding-left:5%;position:relative;-webkit-box-shadow:0 2px 10px rgba(28,23,60,0.1);box-shadow:0 2px 10px rgba(28,23,60,0.1);} .successful-case_info span {color:#333333;font-size:18px;display:block;padding-bottom:20px;} .successful-case_info p {color:#666666;font-size:13px;line-height:20px;height:20px;padding-right:200px;overflow:hidden;} .successful-case_info .btn-offer {position:absolute;right:5%;bottom:40px;} /*导师*/.teachers-wrap {border-bottom:1px solid #d8d8d8;} .teachers-list {text-align:center;} .teachers-list li {display:inline-block;margin-top:80px;} .teachers_pic {width:188px;height:188px;position:relative;-webkit-border-radius:50%;border-radius:50%;} .teachers_pic img {width:188px;height:188px;} .teachers_desc {width:108px;height:108px;position:absolute;left:0;top:0;background-color:rgba(41,102,95,0.9);-webkit-border-radius:50%;border-radius:50%;color:#fff;font-size:12px;text-align:justify;padding:40px;line-height:20px;display:none;} .teachers_pic:hover .teachers_desc {display:block;} .teachers_content {border-bottom:1px solid #e0e0e0;padding-bottom:15px;padding-top:30px;} .teachers_content strong {color:#000000;line-height:24px;display:block;text-align:center;font-size:20px;padding-bottom:10px;} .teachers_content div {font-size:14px;color:#999999;text-align:center;line-height:22px;} .teachers_action {text-align:center;padding-top:20px;} .teachers_action a {margin:0 5px;} .small-tab {text-align:center;margin:50px 0;} .small-tab div {display:inline-block;margin:0 2px;height:10px;width:13px;background-color:#b2b1b2;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;} .small-tab div.current {background-color:#29665f;width:35px;} .banner-wrap {border-bottom:7px solid #eeedef;height:455px;} /* ==== GRID SYSTEM ==== */.grid-wrap div {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .container {margin-right:auto;margin-left:auto;padding-left:0px;padding-right:0px;} .container-fluid {margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;} .row {margin-left:0px;margin-right:0px;} .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {position:relative;min-height:1px;padding-left:0px;padding-right:0px;} .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {float:left;} .col-xs-12 {width:100%;} .col-xs-11 {width:91.66666667%;} .col-xs-10 {width:83.33333333%;} .col-xs-9 {width:75%;} .col-xs-8 {width:66.66666667%;} .col-xs-7 {width:58.33333333%;} .col-xs-6 {width:50%;} .col-xs-5 {width:41.66666667%;} .col-xs-4 {width:33.33333333%;} .col-xs-3 {width:25%;} .col-xs-2 {width:16.66666667%;} .col-xs-1 {width:8.33333333%;} .col-xs-pull-12 {right:100%;} .col-xs-pull-11 {right:91.66666667%;} .col-xs-pull-10 {right:83.33333333%;} .col-xs-pull-9 {right:75%;} .col-xs-pull-8 {right:66.66666667%;} .col-xs-pull-7 {right:58.33333333%;} .col-xs-pull-6 {right:50%;} .col-xs-pull-5 {right:41.66666667%;} .col-xs-pull-4 {right:33.33333333%;} .col-xs-pull-3 {right:25%;} .col-xs-pull-2 {right:16.66666667%;} .col-xs-pull-1 {right:8.33333333%;} .col-xs-pull-0 {right:auto;} .col-xs-push-12 {left:100%;} .col-xs-push-11 {left:91.66666667%;} .col-xs-push-10 {left:83.33333333%;} .col-xs-push-9 {left:75%;} .col-xs-push-8 {left:66.66666667%;} .col-xs-push-7 {left:58.33333333%;} .col-xs-push-6 {left:50%;} .col-xs-push-5 {left:41.66666667%;} .col-xs-push-4 {left:33.33333333%;} .col-xs-push-3 {left:25%;} .col-xs-push-2 {left:16.66666667%;} .col-xs-push-1 {left:8.33333333%;} .col-xs-push-0 {left:auto;} .col-xs-offset-12 {margin-left:100%;} .col-xs-offset-11 {margin-left:91.66666667%;} .col-xs-offset-10 {margin-left:83.33333333%;} .col-xs-offset-9 {margin-left:75%;} .col-xs-offset-8 {margin-left:66.66666667%;} .col-xs-offset-7 {margin-left:58.33333333%;} .col-xs-offset-6 {margin-left:50%;} .col-xs-offset-5 {margin-left:41.66666667%;} .col-xs-offset-4 {margin-left:33.33333333%;} .col-xs-offset-3 {margin-left:25%;} .col-xs-offset-2 {margin-left:16.66666667%;} .col-xs-offset-1 {margin-left:8.33333333%;} .col-xs-offset-0 {margin-left:0%;} @media (min-width:768px) {.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {float:left;} .col-sm-12 {width:100%;} .col-sm-11 {width:91.66666667%;} .col-sm-10 {width:83.33333333%;} .col-sm-9 {width:75%;} .col-sm-8 {width:66.66666667%;} .col-sm-7 {width:58.33333333%;} .col-sm-6 {width:50%;} .col-sm-5 {width:41.66666667%;} .col-sm-4 {width:33.33333333%;} .col-sm-3 {width:25%;} .col-sm-2 {width:16.66666667%;} .col-sm-1 {width:8.33333333%;} .col-sm-pull-12 {right:100%;} .col-sm-pull-11 {right:91.66666667%;} .col-sm-pull-10 {right:83.33333333%;} .col-sm-pull-9 {right:75%;} .col-sm-pull-8 {right:66.66666667%;} .col-sm-pull-7 {right:58.33333333%;} .col-sm-pull-6 {right:50%;} .col-sm-pull-5 {right:41.66666667%;} .col-sm-pull-4 {right:33.33333333%;} .col-sm-pull-3 {right:25%;} .col-sm-pull-2 {right:16.66666667%;} .col-sm-pull-1 {right:8.33333333%;} .col-sm-pull-0 {right:auto;} .col-sm-push-12 {left:100%;} .col-sm-push-11 {left:91.66666667%;} .col-sm-push-10 {left:83.33333333%;} .col-sm-push-9 {left:75%;} .col-sm-push-8 {left:66.66666667%;} .col-sm-push-7 {left:58.33333333%;} .col-sm-push-6 {left:50%;} .col-sm-push-5 {left:41.66666667%;} .col-sm-push-4 {left:33.33333333%;} .col-sm-push-3 {left:25%;} .col-sm-push-2 {left:16.66666667%;} .col-sm-push-1 {left:8.33333333%;} .col-sm-push-0 {left:auto;} .col-sm-offset-12 {margin-left:100%;} .col-sm-offset-11 {margin-left:91.66666667%;} .col-sm-offset-10 {margin-left:83.33333333%;} .col-sm-offset-9 {margin-left:75%;} .col-sm-offset-8 {margin-left:66.66666667%;} .col-sm-offset-7 {margin-left:58.33333333%;} .col-sm-offset-6 {margin-left:50%;} .col-sm-offset-5 {margin-left:41.66666667%;} .col-sm-offset-4 {margin-left:33.33333333%;} .col-sm-offset-3 {margin-left:25%;} .col-sm-offset-2 {margin-left:16.66666667%;} .col-sm-offset-1 {margin-left:8.33333333%;} .col-sm-offset-0 {margin-left:0%;} } @media (min-width:992px) {.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {float:left;} .col-md-12 {width:100%;} .col-md-11 {width:91.66666667%;} .col-md-10 {width:83.33333333%;} .col-md-9 {width:75%;} .col-md-8 {width:66.66666667%;} .col-md-7 {width:58.33333333%;} .col-md-6 {width:50%;} .col-md-5 {width:41.66666667%;} .col-md-4 {width:33.33333333%;} .col-md-3 {width:25%;} .col-md-2 {width:16.66666667%;} .col-md-1 {width:8.33333333%;} .col-md-pull-12 {right:100%;} .col-md-pull-11 {right:91.66666667%;} .col-md-pull-10 {right:83.33333333%;} .col-md-pull-9 {right:75%;} .col-md-pull-8 {right:66.66666667%;} .col-md-pull-7 {right:58.33333333%;} .col-md-pull-6 {right:50%;} .col-md-pull-5 {right:41.66666667%;} .col-md-pull-4 {right:33.33333333%;} .col-md-pull-3 {right:25%;} .col-md-pull-2 {right:16.66666667%;} .col-md-pull-1 {right:8.33333333%;} .col-md-pull-0 {right:auto;} .col-md-push-12 {left:100%;} .col-md-push-11 {left:91.66666667%;} .col-md-push-10 {left:83.33333333%;} .col-md-push-9 {left:75%;} .col-md-push-8 {left:66.66666667%;} .col-md-push-7 {left:58.33333333%;} .col-md-push-6 {left:50%;} .col-md-push-5 {left:41.66666667%;} .col-md-push-4 {left:33.33333333%;} .col-md-push-3 {left:25%;} .col-md-push-2 {left:16.66666667%;} .col-md-push-1 {left:8.33333333%;} .col-md-push-0 {left:auto;} .col-md-offset-12 {margin-left:100%;} .col-md-offset-11 {margin-left:91.66666667%;} .col-md-offset-10 {margin-left:83.33333333%;} .col-md-offset-9 {margin-left:75%;} .col-md-offset-8 {margin-left:66.66666667%;} .col-md-offset-7 {margin-left:58.33333333%;} .col-md-offset-6 {margin-left:50%;} .col-md-offset-5 {margin-left:41.66666667%;} .col-md-offset-4 {margin-left:33.33333333%;} .col-md-offset-3 {margin-left:25%;} .col-md-offset-2 {margin-left:16.66666667%;} .col-md-offset-1 {margin-left:8.33333333%;} .col-md-offset-0 {margin-left:0%;} } @media (min-width:1200px) {.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {float:left;} .col-lg-12 {width:100%;} .col-lg-11 {width:91.66666667%;} .col-lg-10 {width:83.33333333%;} .col-lg-9 {width:75%;} .col-lg-8 {width:66.66666667%;} .col-lg-7 {width:58.33333333%;} .col-lg-6 {width:50%;} .col-lg-5 {width:41.66666667%;} .col-lg-4 {width:33.33333333%;} .col-lg-3 {width:25%;} .col-lg-2 {width:16.66666667%;} .col-lg-1 {width:8.33333333%;} .col-lg-pull-12 {right:100%;} .col-lg-pull-11 {right:91.66666667%;} .col-lg-pull-10 {right:83.33333333%;} .col-lg-pull-9 {right:75%;} .col-lg-pull-8 {right:66.66666667%;} .col-lg-pull-7 {right:58.33333333%;} .col-lg-pull-6 {right:50%;} .col-lg-pull-5 {right:41.66666667%;} .col-lg-pull-4 {right:33.33333333%;} .col-lg-pull-3 {right:25%;} .col-lg-pull-2 {right:16.66666667%;} .col-lg-pull-1 {right:8.33333333%;} .col-lg-pull-0 {right:auto;} .col-lg-push-12 {left:100%;} .col-lg-push-11 {left:91.66666667%;} .col-lg-push-10 {left:83.33333333%;} .col-lg-push-9 {left:75%;} .col-lg-push-8 {left:66.66666667%;} .col-lg-push-7 {left:58.33333333%;} .col-lg-push-6 {left:50%;} .col-lg-push-5 {left:41.66666667%;} .col-lg-push-4 {left:33.33333333%;} .col-lg-push-3 {left:25%;} .col-lg-push-2 {left:16.66666667%;} .col-lg-push-1 {left:8.33333333%;} .col-lg-push-0 {left:auto;} .col-lg-offset-12 {margin-left:100%;} .col-lg-offset-11 {margin-left:91.66666667%;} .col-lg-offset-10 {margin-left:83.33333333%;} .col-lg-offset-9 {margin-left:75%;} .col-lg-offset-8 {margin-left:66.66666667%;} .col-lg-offset-7 {margin-left:58.33333333%;} .col-lg-offset-6 {margin-left:50%;} .col-lg-offset-5 {margin-left:41.66666667%;} .col-lg-offset-4 {margin-left:33.33333333%;} .col-lg-offset-3 {margin-left:25%;} .col-lg-offset-2 {margin-left:16.66666667%;} .col-lg-offset-1 {margin-left:8.33333333%;} .col-lg-offset-0 {margin-left:0%;} } .clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after {content:" ";display:table;} .clearfix:after,.container:after,.container-fluid:after,.row:after {clear:both;} /*艺术*/.art-wrap {text-align:center;padding-top:60px;width:1200px;height:470px;overflow:hidden;margin:0 auto;} .art {position:relative;float:left;display:inline;width:372px;height:470px;margin:0 14px;} .art-pic {width:100%;height:277px;overflow:hidden;} .art-b {width:368px;} .art-c {width:371px;} .art-content {position:absolute;left:50%;bottom:50px;width:332px;height:87px;margin-left:-166px;background-color:#fff;text-align:center;padding-top:35px;padding-bottom:50px;-webkit-box-shadow:0 0 9px rgba(29,23,60,0.1);box-shadow:0 0 9px rgba(29,23,60,0.1);} .art-open .art-content {-webkit-box-shadow:0 0 43px rgba(29,23,60,0.17);box-shadow:0 0 43px rgba(29,23,60,0.17);-webkit-animation:openTop 0.5s .1s ease both;-moz-animation:openTop 0.5s .1s ease both;} @-webkit-keyframes openTop {0% {height:87px;} 100% {height:269px;} } @-moz-keyframes openTop {0% {height:87px;} 100% {height:269px;} } .art_title {font-size:22px;color:#000000;} .art_title span {display:block;font-size:16px;padding-top:5px;} .art_title em {display:block;margin:0 auto;height:7px;width:38px;background-color:#535353;margin-bottom:25px;} .art_title div {display:block;margin:0 auto;width:160px;height:34px;border:2px solid #ebeced;text-align:center;line-height:34px;font-size:16px;color:#535353;-webkit-border-radius:5px;border-radius:5px;display:none;} .art_title:hover div {border-color:#29665F;color:#29665F;} .art_title:active div {border-color:#29665F;color:#fff;background-color:#29665F;} .art_title:hover em,.art-content-hover em {background-color:#29665F;} .art-content-hover .art_title {color:#29665F;} .art-content-hover .btn-link {color:#29665F;border-color:#29665F;} .art-content p {line-height:28px;color:#89898a;font-size:16px;padding:30px 0;display:none;} .art-content .btn-link {display:none;} .art-open p,.art-open .btn-link,.art-open div {display:block;} .art-open .art-content p {-webkit-animation:fadeIn 1s .2s ease both;-moz-animation:fadeIn 1s .2s ease both;animation-delay:0.2s;-webkit-animation-delay:0.2s;/* Safari 和 Chrome */} .art-open .art-content div {-webkit-animation:fadeIn 1s .2s ease both;-moz-animation:fadeIn 1s .2s ease both;animation-delay:0.2s;-webkit-animation-delay:0.2s;/* Safari 和 Chrome */} @-webkit-keyframes fadeIn {0% {opacity:0;-webkit-transform:translateY(20px)} 100% {opacity:1;-webkit-transform:translateY(0)} } @-moz-keyframes fadeIn {0% {opacity:0;-webkit-transform:translateY(20px)} 100% {opacity:1;-webkit-transform:translateY(0)} } .gototop2 {background:url('/wemy/Template/Default/Resources/img/gotop.png@v=1.0') 0 0 no-repeat;width:68px;height:71px;position:fixed;right:50%;margin-right:-666px;bottom:60%;z-index:100;display:none;} .gototop {position:fixed;right:50%;margin-right:-656px;bottom:60%;width:50px;height:50px;border:1px solid #29665f;background-color:#29665f;z-index:100;display:none;} .gototop:before {content:'';width:14px;height:8px;display:block;position:absolute;left:50%;top:50%;margin-top:-4px;margin-left:-7px;background:url("/wemy/Template/Default/Resources/img/toGo_b.png@v=1.0") 0 0 no-repeat;} .portfolio {position:relative;margin:0 auto;margin-top:60px;width:1170px;height:735px;background:url('/wemy/Template/Default/Resources/img/case/portfolio_bk.png') 0 0 no-repeat;} .portfolio-person {width:200px;position:absolute;right:110px;top:160px;} .portfolio-person dt {display:inline-block;font-size:20px;color:#313131;border-bottom:1px solid #cccccc;padding-bottom:10px;padding-right:10px;} .portfolio-person dd {display:block;color:#313131;font-size:16px;line-height:32px;padding-top:10px;} .portfolio-person dd p {padding-top:10px;} .portfolio_show {position:absolute;width:626px;height:382px;left:181px;top:85px;background-color:#fff;overflow:hidden;} .portfolio_show img {width:100%;height:auto;} .portfolio-action {position:absolute;right:163px;bottom:280px;border:1px solid #333333;width:84px;height:42px;} .portfolio-action a {float:left;display:inline;width:41px;height:42px;text-align:center;line-height:42px;color:#333333;font-weight:bold;border-right:1px solid #333333;} .portfolio-action a:last-child {border-right:none;width:42px;} .portfolio-action a:hover {background-color:#333333;color:#fff;} .portfolio-prev i,.portfolio-next i {background:url('/wemy/Template/Default/Resources/img/case/sprite.png') -117px -90px no-repeat;width:8px;height:12px;display:inline-block;} .portfolio-next i {background-position:-129px -90px;} .portfolio-next:hover i {background-position:-129px -73px;} .portfolio-prev:hover i {background-position:-117px -73px;} .case-list {margin-left:-15px;} .case-list li {float:left;display:inline;width:222px;height:360px;margin-left:15px;margin-top:15px;background-color:#f8f8f7;overflow:hidden;} .case-list_pic {width:222px;height:202px;overflow:hidden;} .case-list_pic img {width:100%;height:auto;} .case-list_content {position:relative;padding:30px;font-size:14px;color:#333333;line-height:24px;} .case-list_content span {position:absolute;top:-13px;left:50%;margin-left:-46px;width:92px;height:31px;line-height:29px;text-align:center;color:#ffffff;font-size:16px;background:url(/wemy/img.sfkedu.com/static/web/2016tm/img/name_bg.png);} /*导师提问模块*/.ask-teacher {background-color:#f7f7f7;} .ask-teacher_pic {overflow:hidden;position:relative;font-size:22px;color:#fff;width:100%;text-align:center;} .ask-teacher_pic img {width:100%;height:auto;} .ask-teacher_pic span {position:absolute;bottom:0;left:0;width:100%;height:68px;line-height:68px;background-color:rgba(0,0,0,0.5);} .ask-teacher_content dt {padding:25px 30px;font-size:14px;color:#333333;border-bottom:1px dashed #cacaca;} .ask-teacher_content dd {padding:25px 30px;font-size:14px;color:#333333;line-height:24px;} .ask-teacher_content dd p {word-wrap:break-word;} .ask-teacher_content strong {font-size:18px;display:block;padding-bottom:10px;} .ask-teacher_action a {height:29px;width:85px;line-height:29px;text-align:center;font-size:14px;color:#434344;border:2px solid #999999;-webkit-border-radius:5px;border-radius:5px;color:#434344;} .ask-teacher_action a:hover {color:#434344;} /*loading*/** * * All animations must live in their own file * in the animations directory and be included * here. * */** * Styles shared by multiple animations */** */@-webkit-keyframes scale {0% {-webkit-transform:scale(1);transform:scale(1);opacity:1;} 45% {-webkit-transform:scale(0.1);transform:scale(0.1);opacity:0.7;} 80% {-webkit-transform:scale(1);transform:scale(1);opacity:1;} } @keyframes scale {0% {-webkit-transform:scale(1);transform:scale(1);opacity:1;} 45% {-webkit-transform:scale(0.1);transform:scale(0.1);opacity:0.7;} 80% {-webkit-transform:scale(1);transform:scale(1);opacity:1;} } .ball-pulse > div:nth-child(0) {-webkit-animation:scale 0.75s 0s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale 0.75s 0s infinite cubic-bezier(.2,.68,.18,1.08);} .ball-pulse > div:nth-child(1) {-webkit-animation:scale 0.75s 0.12s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale 0.75s 0.12s infinite cubic-bezier(.2,.68,.18,1.08);} .ball-pulse > div:nth-child(2) {-webkit-animation:scale 0.75s 0.24s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale 0.75s 0.24s infinite cubic-bezier(.2,.68,.18,1.08);} .ball-pulse > div:nth-child(3) {-webkit-animation:scale 0.75s 0.36s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale 0.75s 0.36s infinite cubic-bezier(.2,.68,.18,1.08);} .ball-pulse > div {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;} @-webkit-keyframes ball-pulse-sync {33% {-webkit-transform:translateY(10px);transform:translateY(10px);} 66% {-webkit-transform:translateY(-10px);transform:translateY(-10px);} 100% {-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes ball-pulse-sync {33% {-webkit-transform:translateY(10px);transform:translateY(10px);} 66% {-webkit-transform:translateY(-10px);transform:translateY(-10px);} 100% {-webkit-transform:translateY(0);transform:translateY(0);} } .ball-pulse-sync > div:nth-child(0) {-webkit-animation:ball-pulse-sync 0.6s 0s infinite ease-in-out;animation:ball-pulse-sync 0.6s 0s infinite ease-in-out;} .ball-pulse-sync > div:nth-child(1) {-webkit-animation:ball-pulse-sync 0.6s 0.07s infinite ease-in-out;animation:ball-pulse-sync 0.6s 0.07s infinite ease-in-out;} .ball-pulse-sync > div:nth-child(2) {-webkit-animation:ball-pulse-sync 0.6s 0.14s infinite ease-in-out;animation:ball-pulse-sync 0.6s 0.14s infinite ease-in-out;} .ball-pulse-sync > div:nth-child(3) {-webkit-animation:ball-pulse-sync 0.6s 0.21s infinite ease-in-out;animation:ball-pulse-sync 0.6s 0.21s infinite ease-in-out;} .ball-pulse-sync > div {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;} @-webkit-keyframes ball-scale {0% {-webkit-transform:scale(0);transform:scale(0);} 100% {-webkit-transform:scale(1);transform:scale(1);opacity:0;} } @keyframes ball-scale {0% {-webkit-transform:scale(0);transform:scale(0);} 100% {-webkit-transform:scale(1);transform:scale(1);opacity:0;} } .ball-scale > div {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;height:60px;width:60px;-webkit-animation:ball-scale 1s 0s ease-in-out infinite;animation:ball-scale 1s 0s ease-in-out infinite;} @-webkit-keyframes rotate {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);} 50% {-webkit-transform:rotate(180deg);transform:rotate(180deg);} 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);} } @keyframes rotate {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);} 50% {-webkit-transform:rotate(180deg);transform:rotate(180deg);} 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);} } .ball-rotate {position:relative;} .ball-rotate > div {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:relative;} .ball-rotate > div:first-child {-webkit-animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;} .ball-rotate > div:before,.ball-rotate > div:after {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;content:"";position:absolute;opacity:0.8;} .ball-rotate > div:before {top:0px;left:-28px;} .ball-rotate > div:after {top:0px;left:25px;} @keyframes rotate {0% {-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);} 50% {-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6);} 100% {-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);} } .ball-clip-rotate > div {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:2px solid #fff;border-bottom-color:transparent;height:25px;width:25px;background:transparent !important;display:inline-block;-webkit-animation:rotate 0.75s 0s linear infinite;animation:rotate 0.75s 0s linear infinite;} @keyframes rotate {0% {-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);} 50% {-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6);} 100% {-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);} } @keyframes scale {30% {-webkit-transform:scale(0.3);transform:scale(0.3);} 100% {-webkit-transform:scale(1);transform:scale(1);} } .ball-clip-rotate-pulse {position:relative;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);} .ball-clip-rotate-pulse > div {-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:0px;left:0px;border-radius:100%;} .ball-clip-rotate-pulse > div:first-child {background:#fff;height:16px;width:16px;top:9px;left:9px;-webkit-animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;} .ball-clip-rotate-pulse > div:last-child {position:absolute;border:2px solid #fff;width:30px;height:30px;background:transparent;border:2px solid;border-color:#fff transparent #fff transparent;-webkit-animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;-webkit-animation-duration:1s;animation-duration:1s;} @keyframes rotate {0% {-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);} 50% {-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6);} 100% {-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);} } .ball-clip-rotate-multiple {position:relative;} .ball-clip-rotate-multiple > div {-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;left:0px;top:0px;border:2px solid #fff;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height:35px;width:35px;-webkit-animation:rotate 1s 0s ease-in-out infinite;animation:rotate 1s 0s ease-in-out infinite;} .ball-clip-rotate-multiple > div:last-child {display:inline-block;top:10px;left:10px;width:15px;height:15px;-webkit-animation-duration:0.5s;animation-duration:0.5s;border-color:#fff transparent #fff transparent;-webkit-animation-direction:reverse;animation-direction:reverse;} @-webkit-keyframes ball-scale-ripple {0% {-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1;} 70% {-webkit-transform:scale(1);transform:scale(1);opacity:0.7;} 100% {opacity:0.0;} } @keyframes ball-scale-ripple {0% {-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1;} 70% {-webkit-transform:scale(1);transform:scale(1);opacity:0.7;} 100% {opacity:0.0;} } .ball-scale-ripple > div {-webkit-animation-fill-mode:both;animation-fill-mode:both;height:50px;width:50px;border-radius:100%;border:2px solid #fff;-webkit-animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8);} @-webkit-keyframes ball-scale-ripple-multiple {0% {-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1;} 70% {-webkit-transform:scale(1);transform:scale(1);opacity:0.7;} 100% {opacity:0.0;} } @keyframes ball-scale-ripple-multiple {0% {-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1;} 70% {-webkit-transform:scale(1);transform:scale(1);opacity:0.7;} 100% {opacity:0.0;} } .ball-scale-ripple-multiple {position:relative;-webkit-transform:translateY(-25px);-ms-transform:translateY(-25px);transform:translateY(-25px);} .ball-scale-ripple-multiple > div:nth-child(0) {-webkit-animation-delay:-0.2s;animation-delay:-0.2s;} .ball-scale-ripple-multiple > div:nth-child(1) {-webkit-animation-delay:0s;animation-delay:0s;} .ball-scale-ripple-multiple > div:nth-child(2) {-webkit-animation-delay:0.2s;animation-delay:0.2s;} .ball-scale-ripple-multiple > div:nth-child(3) {-webkit-animation-delay:0.4s;animation-delay:0.4s;} .ball-scale-ripple-multiple > div {-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:0;left:0;width:50px;height:50px;border-radius:100%;border:2px solid #fff;-webkit-animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8);} @-webkit-keyframes ball-beat {50% {opacity:0.2;-webkit-transform:scale(0.75);transform:scale(0.75);} 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1);} } @keyframes ball-beat {50% {opacity:0.2;-webkit-transform:scale(0.75);transform:scale(0.75);} 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1);} } .ball-beat > div {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation:ball-beat 0.7s 0s infinite linear;animation:ball-beat 0.7s 0s infinite linear;} .ball-beat > div:nth-child(2n-1) {-webkit-animation-delay:0.35s !important;animation-delay:0.35s !important;} @-webkit-keyframes ball-scale-multiple {0% {-webkit-transform:scale(0);transform:scale(0);opacity:0;} 5% {opacity:1;} 100% {-webkit-transform:scale(1);transform:scale(1);opacity:0;} } @keyframes ball-scale-multiple {0% {-webkit-transform:scale(0);transform:scale(0);opacity:0;} 5% {opacity:1;} 100% {-webkit-transform:scale(1);transform:scale(1);opacity:0;} } .ball-scale-multiple {position:relative;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);} .ball-scale-multiple > div:nth-child(2) {-webkit-animation-delay:0.2s;animation-delay:0.2s;} .ball-scale-multiple > div:nth-child(3) {-webkit-animation-delay:0.4s;animation-delay:0.4s;} .ball-scale-multiple > div {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;left:0px;top:0px;opacity:0;margin:0;width:60px;height:60px;-webkit-animation:ball-scale-multiple 1s 0s linear infinite;animation:ball-scale-multiple 1s 0s linear infinite;} @-webkit-keyframes ball-triangle-path-1 {33% {-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px);} 66% {-webkit-transform:translate(50px,0px);transform:translate(50px,0px);} 100% {-webkit-transform:translate(0px,0px);transform:translate(0px,0px);} } @keyframes ball-triangle-path-1 {33% {-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px);} 66% {-webkit-transform:translate(50px,0px);transform:translate(50px,0px);} 100% {-webkit-transform:translate(0px,0px);transform:translate(0px,0px);} } @-webkit-keyframes ball-triangle-path-2 {33% {-webkit-transform:translate(25px,50px);transform:translate(25px,50px);} 66% {-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px);} 100% {-webkit-transform:translate(0px,0px);transform:translate(0px,0px);} } @keyframes ball-triangle-path-2 {33% {-webkit-transform:translate(25px,50px);transform:translate(25px,50px);} 66% {-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px);} 100% {-webkit-transform:translate(0px,0px);transform:translate(0px,0px);} } @-webkit-keyframes ball-triangle-path-3 {33% {-webkit-transform:translate(-50px,0px);transform:translate(-50px,0px);} 66% {-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px);} 100% {-webkit-transform:translate(0px,0px);transform:translate(0px,0px);} } @keyframes ball-triangle-path-3 {33% {-webkit-transform:translate(-50px,0px);transform:translate(-50px,0px);} 66% {-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px);} 100% {-webkit-transform:translate(0px,0px);transform:translate(0px,0px);} } .ball-triangle-path {position:relative;-webkit-transform:translate(-25px,-25px);-ms-transform:translate(-25px,-25px);transform:translate(-25px,-25px);} .ball-triangle-path > div:nth-child(1) {-webkit-animation-name:ball-triangle-path-1;animation-name:ball-triangle-path-1;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;} .ball-triangle-path > div:nth-child(2) {-webkit-animation-name:ball-triangle-path-2;animation-name:ball-triangle-path-2;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;} .ball-triangle-path > div:nth-child(3) {-webkit-animation-name:ball-triangle-path-3;animation-name:ball-triangle-path-3;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;} .ball-triangle-path > div {-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:10px;height:10px;border-radius:100%;border:1px solid #fff;} .ball-triangle-path > div:nth-of-type(1) {top:50px;} .ball-triangle-path > div:nth-of-type(2) {left:25px;} .ball-triangle-path > div:nth-of-type(3) {top:50px;left:50px;} @-webkit-keyframes ball-pulse-rise-even {0% {-webkit-transform:scale(1.1);transform:scale(1.1);} 25% {-webkit-transform:translateY(-30px);transform:translateY(-30px);} 50% {-webkit-transform:scale(0.4);transform:scale(0.4);} 75% {-webkit-transform:translateY(30px);transform:translateY(30px);} 100% {-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);transform:scale(1);} } @keyframes ball-pulse-rise-even {0% {-webkit-transform:scale(1.1);transform:scale(1.1);} 25% {-webkit-transform:translateY(-30px);transform:translateY(-30px);} 50% {-webkit-transform:scale(0.4);transform:scale(0.4);} 75% {-webkit-transform:translateY(30px);transform:translateY(30px);} 100% {-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);transform:scale(1);} } @-webkit-keyframes ball-pulse-rise-odd {0% {-webkit-transform:scale(0.4);transform:scale(0.4);} 25% {-webkit-transform:translateY(30px);transform:translateY(30px);} 50% {-webkit-transform:scale(1.1);transform:scale(1.1);} 75% {-webkit-transform:translateY(-30px);transform:translateY(-30px);} 100% {-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(0.75);transform:scale(0.75);} } @keyframes ball-pulse-rise-odd {0% {-webkit-transform:scale(0.4);transform:scale(0.4);} 25% {-webkit-transform:translateY(30px);transform:translateY(30px);} 50% {-webkit-transform:scale(1.1);transform:scale(1.1);} 75% {-webkit-transform:translateY(-30px);transform:translateY(-30px);} 100% {-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(0.75);transform:scale(0.75);} } .ball-pulse-rise > div {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(.15,.46,.9,.6);animation-timing-function:cubic-bezier(.15,.46,.9,.6);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0;} .ball-pulse-rise > div:nth-child(2n) {-webkit-animation-name:ball-pulse-rise-even;animation-name:ball-pulse-rise-even;} .ball-pulse-rise > div:nth-child(2n-1) {-webkit-animation-name:ball-pulse-rise-odd;animation-name:ball-pulse-rise-odd;} @-webkit-keyframes ball-grid-beat {50% {opacity:0.7;} 100% {opacity:1;} } @keyframes ball-grid-beat {50% {opacity:0.7;} 100% {opacity:1;} } .ball-grid-beat {width:57px;} .ball-grid-beat > div:nth-child(1) {-webkit-animation-delay:0.36s;animation-delay:0.36s;-webkit-animation-duration:0.96s;animation-duration:0.96s;} .ball-grid-beat > div:nth-child(2) {-webkit-animation-delay:0.4s;animation-delay:0.4s;-webkit-animation-duration:0.93s;animation-duration:0.93s;} .ball-grid-beat > div:nth-child(3) {-webkit-animation-delay:0.68s;animation-delay:0.68s;-webkit-animation-duration:1.19s;animation-duration:1.19s;} .ball-grid-beat > div:nth-child(4) {-webkit-animation-delay:0.41s;animation-delay:0.41s;-webkit-animation-duration:1.13s;animation-duration:1.13s;} .ball-grid-beat > div:nth-child(5) {-webkit-animation-delay:0.71s;animation-delay:0.71s;-webkit-animation-duration:1.34s;animation-duration:1.34s;} .ball-grid-beat > div:nth-child(6) {-webkit-animation-delay:-0.15s;animation-delay:-0.15s;-webkit-animation-duration:0.94s;animation-duration:0.94s;} .ball-grid-beat > div:nth-child(7) {-webkit-animation-delay:-0.12s;animation-delay:-0.12s;-webkit-animation-duration:1.2s;animation-duration:1.2s;} .ball-grid-beat > div:nth-child(8) {-webkit-animation-delay:0.01s;animation-delay:0.01s;-webkit-animation-duration:0.82s;animation-duration:0.82s;} .ball-grid-beat > div:nth-child(9) {-webkit-animation-delay:0.32s;animation-delay:0.32s;-webkit-animation-duration:1.19s;animation-duration:1.19s;} .ball-grid-beat > div {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;float:left;-webkit-animation-name:ball-grid-beat;animation-name:ball-grid-beat;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0;} @-webkit-keyframes ball-grid-pulse {0% {-webkit-transform:scale(1);transform:scale(1);} 50% {-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0.7;} 100% {-webkit-transform:scale(1);transform:scale(1);opacity:1;} } @keyframes ball-grid-pulse {0% {-webkit-transform:scale(1);transform:scale(1);} 50% {-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0.7;} 100% {-webkit-transform:scale(1);transform:scale(1);opacity:1;} } .ball-grid-pulse {width:57px;} .ball-grid-pulse > div:nth-child(1) {-webkit-animation-delay:-0.06s;animation-delay:-0.06s;-webkit-animation-duration:0.72s;animation-duration:0.72s;} .ball-grid-pulse > div:nth-child(2) {-webkit-animation-delay:0.25s;animation-delay:0.25s;-webkit-animation-duration:1.02s;animation-duration:1.02s;} .ball-grid-pulse > div:nth-child(3) {-webkit-animation-delay:-0.17s;animation-delay:-0.17s;-webkit-animation-duration:1.28s;animation-duration:1.28s;} .ball-grid-pulse > div:nth-child(4) {-webkit-animation-delay:0.48s;animation-delay:0.48s;-webkit-animation-duration:1.42s;animation-duration:1.42s;} .ball-grid-pulse > div:nth-child(5) {-webkit-animation-delay:0.31s;animation-delay:0.31s;-webkit-animation-duration:1.45s;animation-duration:1.45s;} .ball-grid-pulse > div:nth-child(6) {-webkit-animation-delay:0.03s;animation-delay:0.03s;-webkit-animation-duration:1.18s;animation-duration:1.18s;} .ball-grid-pulse > div:nth-child(7) {-webkit-animation-delay:0.46s;animation-delay:0.46s;-webkit-animation-duration:0.87s;animation-duration:0.87s;} .ball-grid-pulse > div:nth-child(8) {-webkit-animation-delay:0.78s;animation-delay:0.78s;-webkit-animation-duration:1.45s;animation-duration:1.45s;} .ball-grid-pulse > div:nth-child(9) {-webkit-animation-delay:0.45s;animation-delay:0.45s;-webkit-animation-duration:1.06s;animation-duration:1.06s;} .ball-grid-pulse > div {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;float:left;-webkit-animation-name:ball-grid-pulse;animation-name:ball-grid-pulse;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0;} @-webkit-keyframes ball-spin-fade-loader {50% {opacity:0.3;-webkit-transform:scale(0.4);transform:scale(0.4);} 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1);} } @keyframes ball-spin-fade-loader {50% {opacity:0.3;-webkit-transform:scale(0.4);transform:scale(0.4);} 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1);} } .ball-spin-fade-loader {position:relative;} .ball-spin-fade-loader > div:nth-child(1) {top:25px;left:0;-webkit-animation:ball-spin-fade-loader 1s 0s infinite linear;animation:ball-spin-fade-loader 1s 0s infinite linear;} .ball-spin-fade-loader > div:nth-child(2) {top:17.04545px;left:17.04545px;-webkit-animation:ball-spin-fade-loader 1s 0.12s infinite linear;animation:ball-spin-fade-loader 1s 0.12s infinite linear;} .ball-spin-fade-loader > div:nth-child(3) {top:0;left:25px;-webkit-animation:ball-spin-fade-loader 1s 0.24s infinite linear;animation:ball-spin-fade-loader 1s 0.24s infinite linear;} .ball-spin-fade-loader > div:nth-child(4) {top:-17.04545px;left:17.04545px;-webkit-animation:ball-spin-fade-loader 1s 0.36s infinite linear;animation:ball-spin-fade-loader 1s 0.36s infinite linear;} .ball-spin-fade-loader > div:nth-child(5) {top:-25px;left:0;-webkit-animation:ball-spin-fade-loader 1s 0.48s infinite linear;animation:ball-spin-fade-loader 1s 0.48s infinite linear;} .ball-spin-fade-loader > div:nth-child(6) {top:-17.04545px;left:-17.04545px;-webkit-animation:ball-spin-fade-loader 1s 0.6s infinite linear;animation:ball-spin-fade-loader 1s 0.6s infinite linear;} .ball-spin-fade-loader > div:nth-child(7) {top:0;left:-25px;-webkit-animation:ball-spin-fade-loader 1s 0.72s infinite linear;animation:ball-spin-fade-loader 1s 0.72s infinite linear;} .ball-spin-fade-loader > div:nth-child(8) {top:17.04545px;left:-17.04545px;-webkit-animation:ball-spin-fade-loader 1s 0.84s infinite linear;animation:ball-spin-fade-loader 1s 0.84s infinite linear;} .ball-spin-fade-loader > div {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;} @-webkit-keyframes ball-spin-loader {75% {opacity:0.2;} 100% {opacity:1;} } @keyframes ball-spin-loader {75% {opacity:0.2;} 100% {opacity:1;} } .ball-spin-loader {position:relative;} .ball-spin-loader > span:nth-child(1) {top:45px;left:0;-webkit-animation:ball-spin-loader 2s 0.9s infinite linear;animation:ball-spin-loader 2s 0.9s infinite linear;} .ball-spin-loader > span:nth-child(2) {top:30.68182px;left:30.68182px;-webkit-animation:ball-spin-loader 2s 1.8s infinite linear;animation:ball-spin-loader 2s 1.8s infinite linear;} .ball-spin-loader > span:nth-child(3) {top:0;left:45px;-webkit-animation:ball-spin-loader 2s 2.7s infinite linear;animation:ball-spin-loader 2s 2.7s infinite linear;} .ball-spin-loader > span:nth-child(4) {top:-30.68182px;left:30.68182px;-webkit-animation:ball-spin-loader 2s 3.6s infinite linear;animation:ball-spin-loader 2s 3.6s infinite linear;} .ball-spin-loader > span:nth-child(5) {top:-45px;left:0;-webkit-animation:ball-spin-loader 2s 4.5s infinite linear;animation:ball-spin-loader 2s 4.5s infinite linear;} .ball-spin-loader > span:nth-child(6) {top:-30.68182px;left:-30.68182px;-webkit-animation:ball-spin-loader 2s 5.4s infinite linear;animation:ball-spin-loader 2s 5.4s infinite linear;} .ball-spin-loader > span:nth-child(7) {top:0;left:-45px;-webkit-animation:ball-spin-loader 2s 6.3s infinite linear;animation:ball-spin-loader 2s 6.3s infinite linear;} .ball-spin-loader > span:nth-child(8) {top:30.68182px;left:-30.68182px;-webkit-animation:ball-spin-loader 2s 7.2s infinite linear;animation:ball-spin-loader 2s 7.2s infinite linear;} .ball-spin-loader > div {-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:15px;height:15px;border-radius:100%;background:green;} @-webkit-keyframes ball-zig {33% {-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px);} 66% {-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px);} 100% {-webkit-transform:translate(0,0);transform:translate(0,0);} } @keyframes ball-zig {33% {-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px);} 66% {-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px);} 100% {-webkit-transform:translate(0,0);transform:translate(0,0);} } @-webkit-keyframes ball-zag {33% {-webkit-transform:translate(15px,30px);transform:translate(15px,30px);} 66% {-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px);} 100% {-webkit-transform:translate(0,0);transform:translate(0,0);} } @keyframes ball-zag {33% {-webkit-transform:translate(15px,30px);transform:translate(15px,30px);} 66% {-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px);} 100% {-webkit-transform:translate(0,0);transform:translate(0,0);} } .ball-zig-zag {position:relative;-webkit-transform:translate(-15px,-15px);-ms-transform:translate(-15px,-15px);transform:translate(-15px,-15px);} .ball-zig-zag > div {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;margin-left:15px;top:30px;left:30px;} .ball-zig-zag > div:first-child {-webkit-animation:ball-zig 0.7s 0s infinite linear;animation:ball-zig 0.7s 0s infinite linear;} .ball-zig-zag > div:last-child {-webkit-animation:ball-zag 0.7s 0s infinite linear;animation:ball-zag 0.7s 0s infinite linear;} @-webkit-keyframes ball-zig-deflect {17% {-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px);} 34% {-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px);} 50% {-webkit-transform:translate(0,0);transform:translate(0,0);} 67% {-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px);} 84% {-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px);} 100% {-webkit-transform:translate(0,0);transform:translate(0,0);} } @keyframes ball-zig-deflect {17% {-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px);} 34% {-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px);} 50% {-webkit-transform:translate(0,0);transform:translate(0,0);} 67% {-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px);} 84% {-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px);} 100% {-webkit-transform:translate(0,0);transform:translate(0,0);} } @-webkit-keyframes ball-zag-deflect {17% {-webkit-transform:translate(15px,30px);transform:translate(15px,30px);} 34% {-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px);} 50% {-webkit-transform:translate(0,0);transform:translate(0,0);} 67% {-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px);} 84% {-webkit-transform:translate(15px,30px);transform:translate(15px,30px);} 100% {-webkit-transform:translate(0,0);transform:translate(0,0);} } @keyframes ball-zag-deflect {17% {-webkit-transform:translate(15px,30px);transform:translate(15px,30px);} 34% {-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px);} 50% {-webkit-transform:translate(0,0);transform:translate(0,0);} 67% {-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px);} 84% {-webkit-transform:translate(15px,30px);transform:translate(15px,30px);} 100% {-webkit-transform:translate(0,0);transform:translate(0,0);} } .ball-zig-zag-deflect {position:relative;-webkit-transform:translate(-15px,-15px);-ms-transform:translate(-15px,-15px);transform:translate(-15px,-15px);} .ball-zig-zag-deflect > div {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;margin-left:15px;top:30px;left:30px;} .ball-zig-zag-deflect > div:first-child {-webkit-animation:ball-zig-deflect 1.5s 0s infinite linear;animation:ball-zig-deflect 1.5s 0s infinite linear;} .ball-zig-zag-deflect > div:last-child {-webkit-animation:ball-zag-deflect 1.5s 0s infinite linear;animation:ball-zag-deflect 1.5s 0s infinite linear;} /** * Lines */@-webkit-keyframes line-scale {0% {-webkit-transform:scaley(1);transform:scaley(1);} 50% {-webkit-transform:scaley(0.4);transform:scaley(0.4);} 100% {-webkit-transform:scaley(1);transform:scaley(1);} } @keyframes line-scale {0% {-webkit-transform:scaley(1);transform:scaley(1);} 50% {-webkit-transform:scaley(0.4);transform:scaley(0.4);} 100% {-webkit-transform:scaley(1);transform:scaley(1);} } .line-scale > div:nth-child(1) {-webkit-animation:line-scale 1s 0.1s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s 0.1s infinite cubic-bezier(.2,.68,.18,1.08);} .line-scale > div:nth-child(2) {-webkit-animation:line-scale 1s 0.2s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s 0.2s infinite cubic-bezier(.2,.68,.18,1.08);} .line-scale > div:nth-child(3) {-webkit-animation:line-scale 1s 0.3s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s 0.3s infinite cubic-bezier(.2,.68,.18,1.08);} .line-scale > div:nth-child(4) {-webkit-animation:line-scale 1s 0.4s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s 0.4s infinite cubic-bezier(.2,.68,.18,1.08);} .line-scale > div:nth-child(5) {-webkit-animation:line-scale 1s 0.5s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s 0.5s infinite cubic-bezier(.2,.68,.18,1.08);} .line-scale > div {background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;} @-webkit-keyframes line-scale-party {0% {-webkit-transform:scale(1);transform:scale(1);} 50% {-webkit-transform:scale(0.5);transform:scale(0.5);} 100% {-webkit-transform:scale(1);transform:scale(1);} } @keyframes line-scale-party {0% {-webkit-transform:scale(1);transform:scale(1);} 50% {-webkit-transform:scale(0.5);transform:scale(0.5);} 100% {-webkit-transform:scale(1);transform:scale(1);} } .line-scale-party > div:nth-child(1) {-webkit-animation-delay:0.77s;animation-delay:0.77s;-webkit-animation-duration:1.26s;animation-duration:1.26s;} .line-scale-party > div:nth-child(2) {-webkit-animation-delay:0.29s;animation-delay:0.29s;-webkit-animation-duration:0.43s;animation-duration:0.43s;} .line-scale-party > div:nth-child(3) {-webkit-animation-delay:0.28s;animation-delay:0.28s;-webkit-animation-duration:1.01s;animation-duration:1.01s;} .line-scale-party > div:nth-child(4) {-webkit-animation-delay:0.74s;animation-delay:0.74s;-webkit-animation-duration:0.73s;animation-duration:0.73s;} .line-scale-party > div {background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation-name:line-scale-party;animation-name:line-scale-party;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0;} @-webkit-keyframes line-scale-pulse-out {0% {-webkit-transform:scaley(1);transform:scaley(1);} 50% {-webkit-transform:scaley(0.4);transform:scaley(0.4);} 100% {-webkit-transform:scaley(1);transform:scaley(1);} } @keyframes line-scale-pulse-out {0% {-webkit-transform:scaley(1);transform:scaley(1);} 50% {-webkit-transform:scaley(0.4);transform:scaley(0.4);} 100% {-webkit-transform:scaley(1);transform:scaley(1);} } .line-scale-pulse-out > div {background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation:line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85,.25,.37,.85);animation:line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85,.25,.37,.85);} .line-scale-pulse-out > div:nth-child(2),.line-scale-pulse-out > div:nth-child(4) {-webkit-animation-delay:0.2s !important;animation-delay:0.2s !important;} .line-scale-pulse-out > div:nth-child(1),.line-scale-pulse-out > div:nth-child(5) {-webkit-animation-delay:0.4s !important;animation-delay:0.4s !important;} @-webkit-keyframes line-scale-pulse-out-rapid {0% {-webkit-transform:scaley(1);transform:scaley(1);} 80% {-webkit-transform:scaley(0.3);transform:scaley(0.3);} 90% {-webkit-transform:scaley(1);transform:scaley(1);} } @keyframes line-scale-pulse-out-rapid {0% {-webkit-transform:scaley(1);transform:scaley(1);} 80% {-webkit-transform:scaley(0.3);transform:scaley(0.3);} 90% {-webkit-transform:scaley(1);transform:scaley(1);} } .line-scale-pulse-out-rapid > div {background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation:line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11,.49,.38,.78);animation:line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11,.49,.38,.78);} .line-scale-pulse-out-rapid > div:nth-child(2),.line-scale-pulse-out-rapid > div:nth-child(4) {-webkit-animation-delay:0.25s !important;animation-delay:0.25s !important;} .line-scale-pulse-out-rapid > div:nth-child(1),.line-scale-pulse-out-rapid > div:nth-child(5) {-webkit-animation-delay:0.5s !important;animation-delay:0.5s !important;} @-webkit-keyframes line-spin-fade-loader {50% {opacity:0.3;} 100% {opacity:1;} } @keyframes line-spin-fade-loader {50% {opacity:0.3;} 100% {opacity:1;} } .line-spin-fade-loader {position:relative;} .line-spin-fade-loader > div:nth-child(1) {top:20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;} .line-spin-fade-loader > div:nth-child(2) {top:13.63636px;left:13.63636px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;} .line-spin-fade-loader > div:nth-child(3) {top:0;left:20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;} .line-spin-fade-loader > div:nth-child(4) {top:-13.63636px;left:13.63636px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;} .line-spin-fade-loader > div:nth-child(5) {top:-20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;} .line-spin-fade-loader > div:nth-child(6) {top:-13.63636px;left:-13.63636px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;} .line-spin-fade-loader > div:nth-child(7) {top:0;left:-20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;} .line-spin-fade-loader > div:nth-child(8) {top:13.63636px;left:-13.63636px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;} .line-spin-fade-loader > div {background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:5px;height:15px;} /** * Misc */@-webkit-keyframes triangle-skew-spin {25% {-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0);} 50% {-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg);} 75% {-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);} 100% {-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0);} } @keyframes triangle-skew-spin {25% {-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0);} 50% {-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg);} 75% {-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);} 100% {-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0);} } .triangle-skew-spin > div {-webkit-animation-fill-mode:both;animation-fill-mode:both;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fff;-webkit-animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;} @-webkit-keyframes square-spin {25% {-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0);} 50% {-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg);} 75% {-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);} 100% {-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0);} } @keyframes square-spin {25% {-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0);} 50% {-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg);} 75% {-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg);} 100% {-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0);} } .square-spin > div {-webkit-animation-fill-mode:both;animation-fill-mode:both;width:50px;height:50px;background:#fff;border:1px solid red;-webkit-animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;} @-webkit-keyframes rotate_pacman_half_up {0% {-webkit-transform:rotate(270deg);transform:rotate(270deg);} 50% {-webkit-transform:rotate(360deg);transform:rotate(360deg);} 100% {-webkit-transform:rotate(270deg);transform:rotate(270deg);} } @keyframes rotate_pacman_half_up {0% {-webkit-transform:rotate(270deg);transform:rotate(270deg);} 50% {-webkit-transform:rotate(360deg);transform:rotate(360deg);} 100% {-webkit-transform:rotate(270deg);transform:rotate(270deg);} } @-webkit-keyframes rotate_pacman_half_down {0% {-webkit-transform:rotate(90deg);transform:rotate(90deg);} 50% {-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100% {-webkit-transform:rotate(90deg);transform:rotate(90deg);} } @keyframes rotate_pacman_half_down {0% {-webkit-transform:rotate(90deg);transform:rotate(90deg);} 50% {-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100% {-webkit-transform:rotate(90deg);transform:rotate(90deg);} } @-webkit-keyframes pacman-balls {75% {opacity:0.7;} 100% {-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px);} } @keyframes pacman-balls {75% {opacity:0.7;} 100% {-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px);} } .pacman {position:relative;} .pacman > div:nth-child(2) {-webkit-animation:pacman-balls 1s 0s infinite linear;animation:pacman-balls 1s 0s infinite linear;} .pacman > div:nth-child(3) {-webkit-animation:pacman-balls 1s 0.33s infinite linear;animation:pacman-balls 1s 0.33s infinite linear;} .pacman > div:nth-child(4) {-webkit-animation:pacman-balls 1s 0.66s infinite linear;animation:pacman-balls 1s 0.66s infinite linear;} .pacman > div:nth-child(5) {-webkit-animation:pacman-balls 1s 0.99s infinite linear;animation:pacman-balls 1s 0.99s infinite linear;} .pacman > div:first-of-type {width:0px;height:0px;border-right:25px solid transparent;border-top:25px solid #fff;border-left:25px solid #fff;border-bottom:25px solid #fff;border-radius:25px;-webkit-animation:rotate_pacman_half_up 0.5s 0s infinite;animation:rotate_pacman_half_up 0.5s 0s infinite;} .pacman > div:nth-child(2) {width:0px;height:0px;border-right:25px solid transparent;border-top:25px solid #fff;border-left:25px solid #fff;border-bottom:25px solid #fff;border-radius:25px;-webkit-animation:rotate_pacman_half_down 0.5s 0s infinite;animation:rotate_pacman_half_down 0.5s 0s infinite;margin-top:-50px;} .pacman > div:nth-child(3),.pacman > div:nth-child(4),.pacman > div:nth-child(5),.pacman > div:nth-child(6) {background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;width:10px;height:10px;position:absolute;-webkit-transform:translate(0,-6.25px);-ms-transform:translate(0,-6.25px);transform:translate(0,-6.25px);top:25px;left:100px;} @-webkit-keyframes cube-transition {25% {-webkit-transform:translateX(50px) scale(0.5) rotate(-90deg);transform:translateX(50px) scale(0.5) rotate(-90deg);} 50% {-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg);} 75% {-webkit-transform:translateY(50px) scale(0.5) rotate(-270deg);transform:translateY(50px) scale(0.5) rotate(-270deg);} 100% {-webkit-transform:rotate(-360deg);transform:rotate(-360deg);} } @keyframes cube-transition {25% {-webkit-transform:translateX(50px) scale(0.5) rotate(-90deg);transform:translateX(50px) scale(0.5) rotate(-90deg);} 50% {-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg);} 75% {-webkit-transform:translateY(50px) scale(0.5) rotate(-270deg);transform:translateY(50px) scale(0.5) rotate(-270deg);} 100% {-webkit-transform:rotate(-360deg);transform:rotate(-360deg);} } .cube-transition {position:relative;-webkit-transform:translate(-25px,-25px);-ms-transform:translate(-25px,-25px);transform:translate(-25px,-25px);} .cube-transition > div {-webkit-animation-fill-mode:both;animation-fill-mode:both;width:10px;height:10px;position:absolute;top:0;left:0;background-color:#fff;-webkit-animation:cube-transition 1.6s 0s infinite ease-in-out;animation:cube-transition 1.6s 0s infinite ease-in-out;} .cube-transition > div:last-child {-webkit-animation-delay:-0.8s;animation-delay:-0.8s;} @-webkit-keyframes spin-rotate {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);} 50% {-webkit-transform:rotate(180deg);transform:rotate(180deg);} 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);} } @keyframes spin-rotate {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);} 50% {-webkit-transform:rotate(180deg);transform:rotate(180deg);} 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);} } .semi-circle-spin {position:relative;width:35px;height:35px;overflow:hidden;} .semi-circle-spin > div {position:absolute;border-width:0px;border-radius:100%;-webkit-animation:spin-rotate 0.6s 0s infinite linear;animation:spin-rotate 0.6s 0s infinite linear;background-image:-webkit-linear-gradient(transparent 0%,transparent 70%,#fff 30%,#fff 100%);background-image:linear-gradient(transparent 0%,transparent 70%,#fff 30%,#fff 100%);width:100%;height:100%;} /*滚动广告*/.scroll-banner {position:relative;overflow:hidden;height:630px;} .scroll-banner_pics {position:absolute;z-index:1;left:0;top:0;height:630px;width:100%;} .scroll-banner_pics li {float:left;display:inline;height:630px;width:100%;background-position:top center;background-repeat:no-repeat;/*background-size:auto 100%;*/} .scroll-banner_pics img {width:100%;height:auto;} .scroll-banner_pics li a {display:block;width:100%;height:100%;} .scroll-banner_btn {display:none;position:absolute;z-index:2;top:50%;margin-top:-53px;width:51px;height:106px;background:url("/wemy/Template/Default/Resources/img/sprite.png") 0 0 no-repeat;} .scroll-banner_btn-prev {background-position:-245px -125px;left:20px;} .scroll-banner_btn-prev:hover {background-position:-306px -125px;} .scroll-banner_btn-next {background-position:-245px -242px;right:20px;} .scroll-banner_btn-next:hover {background-position:-306px -242px;} .scroll-banner_nav {position:absolute;bottom:27px;left:0;z-index:2;width:100%;text-align:center;} .scroll-banner_list {margin:0 auto;text-align:center;} .scroll-banner_list li {position:relative;display:inline-block;width:120px;height:4px;margin:0 6px;margin-top:5px;overflow:hidden;cursor:pointer;background-color:#fff;-webkit-border-radius:10px;border-radius:10px;} .scroll-banner_list li em {position:absolute;left:0;top:0;width:144px;height:60px;background-color:#000000;opacity:0.2;display:block;} .scroll-banner_list li img {width:144px;height:60px;} .scroll-banner_list li.current em {display:none;} .scroll-banner_list li.current {background-color:#29665f;} .scroll-banner-loading {position:absolute;z-index:3;width:100%;background:url("/wemy/Template/Default/Resources/img/loading.gif") center center no-repeat #333333;} .J_type_content {display:none;} .scroll-banner-loading .loader-inner {position:absolute;left:50%;top:50%;margin-left:-34px;margin-top:-34px;width:68px;height:68px;} .advantage {position:relative;z-index:1;height:180px;overflow:hidden;} .advantage_bk {position:absolute;left:0;top:0;z-index:1;height:170px;width:100%;display:block;background-color:#f5f5f5;-webkit-box-shadow:0 0 10px 4px rgba(40,37,48,0.11);box-shadow:0 0 10px 4px rgba(40,37,48,0.11);} .advantage-list {position:absolute;z-index:2;text-align:center;height:180px;margin:0 auto;margin-top:-26px;width:100%;left:0;top:0;} .advantage-list_item {display:inline-block;text-align:center;width:220px;height:132px;padding-top:35px;background:url("/wemy/Template/Default/Resources/img/advantage_a.png") center center no-repeat;border-bottom:8px solid transparent;} .advantage-list_item-2 {background-image:url("/wemy/Template/Default/Resources/img/advantage_b.png");} .advantage-list_item-3 {background-image:url("/wemy/Template/Default/Resources/img/advantage_c.png");} .advantage-list_item-4 {background-image:url("/wemy/Template/Default/Resources/img/advantage_d.png");} .advantage-list_item-5 {background-image:url("/wemy/Template/Default/Resources/img/advantage_e.png");} .advantage-list_item em {font-style:normal;font-family:arial-black;} .advantage-list_item:hover {background-color:#ffffff;border-bottom:8px solid #29665f;height:132px;-webkit-box-shadow:3px 3px 10px 0px rgba(28,21,66,0.1);box-shadow:3px 3px 10px 0px rgba(28,21,66,0.1);} .advantage-list_item strong {color:#29665f;font-size:32px;font-weight:normal;} .advantage-list_item span {display:block;font-size:16px;color:#3c3b3e;padding-top:10px;} .advantage-list_line {display:inline-block;margin:0 15px;margin-top:40px;position:relative;height:100px;} .advantage-list_line:before {content:'';position:absolute;width:1px;border-left:1px solid #d7d7d8;height:130px;left:0;top:5px;} .bread-nav {width:1200px;margin:0 auto;padding-top:15px;font-size:12px;} .bread-nav a {color:#999;} .bread-nav a:hover {color:#29665f;} .bread-nav-video {width:870px;} @media (min-width:768px) {.container {width:750px;} } @media (min-width:992px) {.container {width:970px;} } @media (min-width:1200px) {.container {width:1170px;} } @media (min-width:1600px) {.container {width:1527px;} .ad-wrap {width:1517px;} .ad-wrap-2017 {background:url("/wemy/Template/Default/Resources/img/ad/ad_2017_big.jpg") center center no-repeat;} .ad-wrap-art {background:url("/wemy/Template/Default/Resources/img/ad/ad_art_big.jpg") center center no-repeat;} .ad-wrap-ldd {background:url("/wemy/Template/Default/Resources/img/ad/ad_ldd_big.jpg") center center no-repeat;} .advantage {height:195px;} .advantage_bk {height:185px;} .advantage-list {height:170px;margin-top:-30px;} .advantage-list_item {height:145px;} .advantage-list_item:hover {height:145px;} .advantage-list_line {margin-top:40px;height:100px;} .advantage-list_line:before {height:130px;top:10px;} } @media (max-height:700px) {.module-title {padding-top:50px;} .ad-wrap {margin-top:50px;} .small-tab {margin:50px 0;} .selectsfk {margin-top:30px;} .header-nav-sub {padding-bottom:25px;} .teacher-type {margin-top:0;} } .aboutus {background:url(/wemy/Template/Default/Resources/img/bj_bj.jpg) no-repeat top center;} .music-service {width:1164px;margin:0 auto;} .music-service li {float:left;display:inline;position:relative;width:270px;padding-top:65px;margin-left:28px;} .music-service__item {background-color:#f9f8f8;-webkit-box-shadow:0 5px 13px 0px rgba(30,40,44,0.1);box-shadow:0 5px 13px 0px rgba(30,40,44,0.1);} .music-service li:nth-child(4n+1) {margin-left:0;} .music-service__item img {vertical-align:top;} .music-service__item div {padding:15px;font-size:14px;line-height:26px;height:26px; overflow:hidden} .music-service__item p {margin:0 auto;text-align:justify;padding-left:50px;} .music-service li.first p {padding-left:40px;} .music-service__item strong {font-size:22px;color:#333333;display:block;text-align:center;padding-bottom:20px;} .music-service li.current {-webkit-animation:openTop 1s .1s ease both;-moz-animation:openTop 1s .1s ease both;} .music-service li.current .music-service__item {background-color:#20b1ee;color:#fff;} .music-service li.current div,.music-service li.current strong {color:#fff;} @-webkit-keyframes openTop {0% {-webkit-transform:translateY(0px);} 100% {-webkit-transform:translateY(-30px);} } @-moz-keyframes openTop {0% {-moz-transform:translateY(0px);} 100% {-moz-transform:translateY(-30px);} } .news_wrap{ overflow:hidden; margin:10px -10px;} .news_wrap dd{width:575px; margin:10px; height:140px; background:#f5f5f5} .news_wrap dd .data{width:345px; padding:10px; height:120px; line-height:20px;} .news_wrap dd h3 { font-size:16px; padding:10px 0 } .news_wrap img{ width:210px; height:140px; } .list_news li{ border-bottom:1px solid #ededed; padding:15px 0; font-size:16px;} .list_news li span{ font-size:12px;} .music h3 {color:#333;font-size:24px;margin:40px 0 20px;text-align:center;} .music p {line-height:30px;font-size:16px;text-indent:2em;color:#666;} .custom .c_box {width:520px;height:200px;padding:20px;border:1px solid #ddd;font-size:16px;text-align:center} .custom .btn {display:inline-block;padding:5px 20px;border-radius:5px;background:#2A655F;color:#fff;font-size:16px;letter-spacing:2px;margin:10px 0;} .custom h3 {margin:40px 0 20px;} .custom p {font-size:16px;} .musicbox {background:url(/wemy/Template/Default/Resources/img/piano.jpg) no-repeat center center;} .list_music li {float:left;width:25%;text-align:center;padding:40px 0;box-sizing:border-box;transition:all 0.4s ease-out 0s;-webkit-transition:all 0.4s ease-out 0s; background:rgba(255,255,255,.8)} .list_music li .thumb {background:url(/wemy/Template/Default/Resources/img/vinyl2.png) no-repeat center center;width:200px;height:200px;border-radius:50%;background-size:100% auto;margin:0 auto;position:relative;} .list_music li .thumb img {width:100px;margin:50px;height:100px;border-radius:50%;} .list_music li .thumb span {position:absolute;width:10px;height:10px;left:50%;top:50%;margin-left:-5px;margin-top:-5px;border-radius:50%;background:#000;z-index:222;} .list_music li .tit {display:block;color:#2A655F;font-size:18px;padding:20px 0 0;font-weight:bolder;} .list_music li:hover,.list_music li.active {background:rgba(42,101,95)} .list_music li:hover .tit,.list_music li.active .tit{color:#fff} .list_music li .action {margin:20px 0} .list_music li .play,.list_music li .pause {display:inline-block;width:48px;height:48px;background-image:url(/wemy/Template/Default/Resources/img/play.png);background-repeat:no-repeat;margin:0 5px;} .list_music li .play {background-position:-55px -55px} .list_music li:hover .play {background-position:-55px 0} .list_music li .pause {background-position:0 0;} .list_music li.active img{-webkit-animation:raicr 3s infinite linear;-moz-animation:raicr 3s infinite linear;animation:raicr 3s infinite linear;} @-webkit-keyframes raicr{ 0%{ -webkit-transform:rotate(0deg);} 100%{ -webkit-transform:rotate(360deg);} } @-moz-keyframes raicr{ 0%{ -moz-transform:rotate(0deg);} 100%{ -moz-transform:rotate(360deg);} } @keyframes raicr{ 0%{ transform:rotate(0deg);} 100%{transform:rotate(360deg);} } .green{color:#2A655F} .tearchwrap{border-top:1px solid #ddd;border-bottom:1px solid #ddd; margin-top:30px; } dl.teacher{width:20%; float:left;border-left:1px solid #ddd; height:420px; -webkit-box-sizing:border-box;moz-box-sizing:border-box;box-sizing:border-box;} dl.teacher:last-child{border-right:1px solid #ddd;} dl.teacher .teachers_pic{ margin:10px auto 0; width:150px;height:150px;} dl.teacher .teachers_pic img{width:150px; height:150px;} dl.teacher dt{ text-align:center; margin:20px 0; font-weight:bold; font-size:18px;border-bottom:1px solid #ddd; padding-bottom:20px;color:#333;} dl.teacher .teachers_content a{ text-align:center; font-size:16px; display:block; margin-bottom:5px;} dl.teacher .position{width:160px; height:66px; margin:0 auto; background:url(/wemy/Template/Default/Resources/img/cross.png) no-repeat center center} dl.teacher .position a{ font-size:16px;width:40px; padding-left:24px;color:#666; line-height:33px; position:relative; float:left; margin:0 8px;} dl.teacher .position a:before{content:""; width:20px; height:20px;background-image:url(/wemy/Template/Default/Resources/img/position.png); background-repeat: no-repeat; display:block; position:absolute;left:0; top:6px;} dl.teacher .position .p1:before{ background-position:0 0;} dl.teacher .position .p2:before{ background-position:-30px 0;} dl.teacher .position .p3:before{ background-position:0 -31px;} dl.teacher .position .p4:before{ background-position:-30px -31px;} dl.teacher .position .p1:hover:before{ background-position:0 -54px;} dl.teacher .position .p2:hover:before{ background-position:-30px -54px;} dl.teacher .position .p3:hover:before{ background-position:0 -85px;} dl.teacher .position .p4:hover:before{ background-position:-30px -85px;} dl.teacher:hover{ box-shadow:0px 0px 30px rgba(42, 101, 95,.8); background:#2A655F;} dl.teacher:hover dt{border-color:rgba(255,255,255,.1)} dl.teacher:hover dt,dl.teacher:hover .teachers_content a{color:#fff;} dl.teacher:hover .position a{color:rgba(255,255,255,.6)} dl.teacher .position a:hover{color:#fff;} .sbs_pages{ margin:40px auto; text-align:center;} .sbs_pages a,.sbs_pages span{ display:inline-block; line-height: 28px; border: 1px solid #dddddd; line-height: 28px; overflow: hidden; padding: 0 10px; color: #666666 !important; font-size: 14px; display: inline-block; text-decoration: none; -webkit-border-radius: 5px; border-radius: 5px; margin:0 5px; } .sbs_pages .current,.sbs_pages :hover{color: #fff !important; background-color: #29665f; border-color: #29665f; text-decoration: none !important;} /* FILE ARCHIVED ON 21:54:09 Aug 28, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 07:46:48 Jan 17, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.622 exclusion.robots: 0.032 exclusion.robots.policy: 0.02 esindex: 0.012 cdx.remote: 57.583 LoadShardBlock: 528.349 (3) PetaboxLoader3.datanode: 506.783 (4) PetaboxLoader3.resolve: 316.993 (2) load_resource: 322.904 */