.headtop {z-index:19890613;}
.header1 {z-index:19890510;}
.g-w1240 {width:1200px;margin:0 auto;}
.g-w940 {width:940px;margin:0 auto;}
.g-w925 {width:925px;margin:0 auto;}
.g-w990 {width:990px;margin:0 auto;}
.g-w1290 {width:1200px;margin:0 auto;}
/*关于我们页面V2.0*/.wbd-about {font-size:14px;}
.wbd-about .section {position:relative;display:block;text-align:center;background:#fff;}
.wbd-about .section h2 {margin-top:50px;margin-bottom:60px;color:#999;font-size:24px;font-weight:normal;display:inline-block;position:relative;opacity:0;-webkit-transform:scale(0.5,0.5);transform:scale(0.5,0.5);transition:all 0.5s;}
.wbd-about .section h2:before,.wbd-about .section h2:after {top:11px;content:"";position:absolute;width:26px;height:2px;background:#999;}
.wbd-about .section h2:before {left:-40px;}
.wbd-about .section h2:after {right:-40px;}
#fp-nav2 {position:fixed;right:0;top:50%;}
#fp-nav2 ul li {margin:20px;}
#fp-nav2 ul li a {display:block;width:12px;height:12px;border-radius:50%;border:1px solid #ffdb00;}
#fp-nav2 ul li a.active {background:#ff6a00}
/*关于我们-创业进行时*/.wbd-about .wbd-time {text-align:center;opacity:0.96;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-image:-webkit-linear-gradient(45deg,#233843,#00554c);background-image:linear-gradient(45deg,#233843,#00554c);}
.wbd-about .wbd-grid {overflow:hidden;width:110%;height:100%;margin-top:0px;}
.wbd-about .wbd-grid img {float:left;display:block;margin:0;width:102px;height:102px;opacity:0;}
.wbd-about .wbd-time .wz1 {display:inline-block;width:790px;height:337px;background:url(../images/zhaopin/about_wz1.png) no-repeat center;}
.wbd-about .wbd-time .wz2 {margin-bottom:20px;}
.wbd-about .wbd-time .wz3 {display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:55px 0 90px;width:1240px;height:232px;background:url(../images/zhaopin/about_wz2.png?v=7088) no-repeat center;}
.wbd-about .wbd-time .wz3 p {color:#69b5aa;font-size:28px;text-align:center;letter-spacing:3px;font-family:"microsoft yahei";}
.wbd-about .wbd-time .wz3 p:last-child {margin-top:25px;font-size:16px;letter-spacing:6px;}
.wbd-about .wbd-time .wbd-days {color:#9cffe7;font-size:24px;padding:20px 0 20px 0;}
.wbd-about .wbd-time .wbd-days span {font-size:46px;padding:0 20px;}
.wbd-about .wbd-time .flip-clock-wrapper {width:381px;margin:0 auto;background:url(../images/zhaopin/about_time.png) no-repeat 84px -5px;}
.wbd-about .wbd-time .flip-clock-wrapper ul {line-height:71px;}
.wbd-about .wbd-time .flip-clock-wrapper .flip {width:43px;height:70px;margin:5px 3px;box-shadow:none;}
.wbd-about .wbd-time .flip-clock-wrapper ul li {line-height:71px;}
.wbd-about .wbd-time .flip-clock-wrapper ul li a div div.inn {color:#848484;background-color:#fff;font-size:38px;text-shadow:none;}
.wbd-about .wbd-time .flip-clock-wrapper ul li a div.down div.inn {background:#c8d0d0;color:#595858}

.wbd-about .wbd-time .flip-clock-wrapper .flip-clock-divider {width:30px}
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0)));background:linear,top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%;background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background:linear,to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%;-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0)));background:linear,top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%;background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background:linear,to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%;-webkit-animation:hide .5s .3s linear both;-moz-animation:hide .5s .3s linear both;animation:hide .5s .3s linear both}
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {background:-moz-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.3)),color-stop(100%,rgba(0,0,0,.1)));background:linear,top,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 100%;background:-o-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 100%);background:linear,to bottom,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 100%;-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {background:-moz-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.3)),color-stop(100%,rgba(0,0,0,.1)));background:linear,top,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 100%;background:-o-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 100%);background:linear,to bottom,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 100%;-webkit-animation:hide .5s .3s linear both;-moz-animation:hide .5s .3s linear both;animation:hide .5s .2s linear both}
/*关于我们-我们的历程*/.wbd-course {background:url(../images/zhaopin/about_lc_bg.jpg) no-repeat bottom center;height:100%;}
.wbd-course .ld {width:620px;float:left;text-align:right;margin-top:110px;}
.wbd-course .cd {width:2px;height:770px;background:#27E1AA;float:left;position:relative;}
.wbd-course .cd:before {position:absolute;top:-5px;left:-3px;width:8px;height:8px;border-radius:50%;background:#27e1aa;content:"";}
.wbd-course .cd span {width:40px;height:30px;background:url(../images/zhaopin/about_sp.png) no-repeat -329px -10px;position:absolute;top:10px;left:-34px;}
.wbd-course .rd {width:530px;float:left;text-align:left;padding-top:30px;}
.wbd-course .text {position:relative;z-index:4;}
.wbd-course .text span {position:relative;width:22px;height:22px;border:2px solid #27e1aa;background:#fff;border-radius:50%;display:inline-block;left:-100px;top:28px;z-index:2;}
.wbd-course .text span i {position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px;width:18px;height:18px;background:#27e1aa;border-radius:50%;}
.wbd-course .text span s {width:40px;height:2px;background:#27e1aa;position:absolute;top:10px;left:-41px;}
.wbd-course .text span s:before {background:#27e1aa;position:absolute;content:"";width:6px;height:6px;border-radius:50%;left:0;top:-2px;}
.wbd-course .text .time {font-size:18px;color:#4f4f4f;margin-bottom:10px;}
.wbd-course .text p {color:#aeaeae;}
.wbd-course .rd .text span s {left:23px;}
.wbd-course .rd .text span s:before {left:40px;}
.wbd-course .ld .text {padding-right:86px;margin-bottom:55px;}
.wbd-course .rd .text {padding-left:86px;margin-bottom:52px;}
.wbd-course .ld .text span {left:100px;}
.wbd-course div.g-w1240 {display:none;}
.wbd-course div.g-w1240 .culture {text-align:left;}
.wbd-course div.g-w1240 .culture span {font-weight:600;color:#666;}
.wbd-course div.g-w1240 .product {text-align:left;}
.wbd-course div.g-w1240 .product p {text-indent:28px;}
.wbd-course div.g-w1240 .product h3,.wbd-course div.g-w1240 .product h5 {color:#666;}
.wbd-course div.active {display:block;}
.wbd-introduce-menu {position:absolute;left:158px;top:74px;text-align:left;}
.wbd-introduce-menu h4 {font-size:24px;color:#646976;margin-bottom:22px;font-weight:400;}
.wbd-introduce-menu ul {position:relative;height:118px;margin-bottom:8px;padding-left:5px;}
.wbd-introduce-menu ul:after {content:'';position:absolute;right:0;top:5px;bottom:0;border-right:1px solid #d4d7df;}
.wbd-introduce-menu ul li {position:relative;font-size:14px;height:15px;color:#646976;margin-bottom:10px;cursor:pointer;}
.wbd-introduce-menu ul li:hover {color:#00c091;}
.wbd-introduce-menu ul li:after {content:'';position:absolute;right:-4px;top:5px;height:9px;width:9px;z-index:1;border-radius:50%;background-color:#d4d7df;}
.wbd-introduce-menu ul li.active {color:#00c091;}
.wbd-introduce-menu ul li.active:after {height:13px;width:13px;right:-6px;background-color:#00c091;}
@media screen and (max-width:1620px) {.wbd-introduce-menu {left:15px;}
.wbd-course .ld {width:460px;padding-left:160px;}
.wbd-course .rd {width:460px;}
}
/*关于我们-我们的福利*/.wbd-welfare {height:100%;background:#3fddb8 url(../images/zhaopin/about_fl_bg.jpg) no-repeat bottom center;}
.wbd-about .wbd-welfare h2 {color:#fff;margin-top:80px;}
.wbd-welfare .g-w1290 {width:1200px;margin:0 auto;}
.wbd-about .section .wbd-welfare h2:before,.wbd-about .section .wbd-welfare h2:after {background:#fff;}
.wbd-welfare .con {position:relative;width:100%;height:580px;}
.wbd-welfare .con:before {position:absolute;bottom:-32px;left:50%;margin-left:-958px;content:"";width:1916px;height:60px;background:url(../images/zhaopin/about_fl_shadow.png) no-repeat center;}
.wbd-welfare .con .item {cursor:pointer;bottom:0;position:absolute;width:191px;height:300px;padding:30px 30px 60px 30px;border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#fff;display:inline-block;background-image:-webkit-linear-gradient(0deg,#03d0c2,#4efaf7);background-image:linear-gradient(0deg,#03d0c2,#4efaf7);box-sizing:content-box;-webkit-box-sizingcontent-box;}
.wbd-welfare .con .item p {line-height:26px;transition:all 0.5s;-webkit-transition:all 0.5s;}
.wbd-welfare .con .item.i1 {left:0;}
.wbd-welfare .con .item.i2 {left:231px;z-index:1;background-image:-webkit-linear-gradient(0deg,#0f99df,#4fefff);background-image:linear-gradient(0deg,#0f99df,#4fefff);height:350px;}
.wbd-welfare .con .item.i3 {z-index:2;width:232px;background-image:-webkit-linear-gradient(0deg,#05bf9b,#dafea5);background-image:linear-gradient(0deg,#05bf9b,#dafea5);left:450px;height:420px;}
.wbd-welfare .con .item.i4 {left:718px;z-index:3;background-image:-webkit-linear-gradient(0deg,#0f99df,#4fefff);background-image:linear-gradient(0deg,#0f99df,#4fefff);height:350px;}
.wbd-welfare .con .item.i5 {z-index:4;left:949px;}
.wbd-welfare .con .item .icon {margin-top:10px;width:146px;height:146px;background:#fff url(../images/zhaopin/about_sp.png) no-repeat 0 0;border-radius:50%;display:inline-block;transition:all 0.5s;-webkit-transition:all 0.5s;}
.wbd-welfare .con .item.i1 .icon {background-position:45px 42px;}
.wbd-welfare .con .item.i2 .icon {background-position:-117px 40px;}
.wbd-welfare .con .item.i3 .icon {background-position:45px -120px;}
.wbd-welfare .con .item.i4 .icon {background-position:-116px -120px;}
.wbd-welfare .con .item.i5 .icon {background-position:41px -257px;}
.wbd-welfare .con .item h3 {font-size:18px;font-weight:normal;padding:20px 0;transition:all 0.5s;-webkit-transition:all 0.5s;}
/*关于我们-加入我们*/.wbd-join {}
.wbd-join .con {margin-top:20px;position:relative;}
.wbd-join .con .hd {width:990px;margin:0 auto;margin-bottom:60px;border-bottom:1px solid #e7e7e7;padding-bottom:30px;}
.wbd-join .con .hd li {display:inline-block;cursor:pointer;}
.wbd-join .con .hd li a {color:#9b9b9b;font-size:18px;padding:0 25px;border-right:1px solid #e5e5e5;transition:all 0.3s;-webkit-transition:all 0.3s;}
.wbd-join .con .hd li.current a {color:#00C091;}
.wbd-join .con .hd li:last-child a {border-color:transparent;}
.wbd-join .con .hd li a:hover {color:#00c091;}
.wbd-join .con .bd li {overflow:hidden;text-align:left;display:none;}
.wbd-join .con .bd li.current {display:block;overflow-y:auto;}
.wbd-join .con .bd {height:600px;}
.wbd-join .con .bd .ld {width:340px;height:inherit;float:left;margin-right:80px;text-align:right;border-right:2px solid #00C091;}
.wbd-join .con .bd ul,.wbd-join .con .bd ul li {height:inherit;}
.wbd-join .con .bd .ld .item {cursor:pointer;line-height:15px;padding-right:20px;position:relative;margin-bottom:90px;color:#dddddd;font-size:14px;transition:all 0.3s;-webkit-transition:all 0.3s;}
.wbd-join .con .bd .ld .item i {position:absolute;right:-8px;top:0;width:14px;height:14px;border:1px solid #00C091;background:#fff;border-radius:50%;overflow:hidden;}
.wbd-join .con .bd .ld .item s {position:absolute;width:8px;height:8px;border-radius:50%;top:50%;margin-top:-4px;left:50%;margin-left:-4px;background:#fff;}
.wbd-join .con .bd .ld .item.current {color:#00C091;}
.wbd-join .con .bd .ld .item.current s {background:#00C091;}
.wbd-join .con .bd .ld .item:hover {color:#00C091;}
.wbd-join .con .bd .rd {width:600px;float:left;color:#9b9b9b;}
.wbd-join .con .bd .rd p {font-size:14px;color:#9b9b9b;line-height:26px;white-space:pre;}
.wbd-join .con .bd .rd textarea {width:600px;font-size:14px;color:#9b9b9b;line-height:26px;background:transparent;border:none;height:auto;}
.wbd-join .con .bd .rd .item {display:none;}
.wbd-join .con .bd .rd .item.current {display:block;}
.wbd-join .con .bd .rd .item .job {font-size:18px;color:#00c091;margin-bottom:10px;}
.wbd-join .con .bd .rd .item .job-text {margin-top:40px;}
.wbd-join .con .bd .rd .item .job-text h4 {font-size:14px;font-weight:normal;color:#666;margin-bottom:10px;}
.wbd-join .con .btnbtn span {border-radius:50%;border:2px solid #55e1b7;cursor:pointer;width:50px;height:50px;background:url(../images/zhaopin/about_sp.png) no-repeat -412px -76px;position:absolute;top:330px;}
.wbd-join .con .btnbtn span.rbtn {right:0;}
.wbd-join .con .btnbtn span.lbtn {left:0;background-position:-320px -76px;}
.wbd-join .con .btnbtn span:hover {opacity:0.8;}
/*效果*/@-webkit-keyframes fadeIn {0% {opacity:0;}
50% {opacity:0}
100% {opacity:0.95}
}
@keyframes fadeIn {0% {opacity:0;}
50% {opacity:0}
100% {opacity:0.95}
}
.section.active h2 {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);transition-delay:0.2s;}
.wbd-time {animation-name:fadeIn;animation-duration:2.5s;}
.section.active .wbd-welfare .con .item:hover .icon {opacity:1;transform:translateY(-10px) scale(0.9,0.9);}
.section.active .wbd-welfare .con .item:hover h3 {opacity:1;transform:translateY(-10px);font-size:24px}
.section.active .wbd-welfare .con .item:hover p {opacity:1;transform:translateY(-10px);}
/*关于我们页面V2.0end*//*jquery.fullPage.css*/#superContainer {height:100%;position:relative;}
.section {overflow:hidden;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.slide {float:left;}
.slide,.slidesContainer {height:100%;display:block;}
.slides {height:100%;overflow:hidden;position:relative;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.section.table,.slide.table {display:table;width:100%;}
.tableCell {display:table-cell;vertical-align:middle;width:100%;height:100%;}
.slidesContainer {float:left;position:relative;}
.controlArrow {position:absolute;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;}
.controlArrow.prev {left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent;}
.controlArrow.next {right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff;}
.scrollable {overflow:scroll;}
.easing {-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out;}
#fullPage-nav {position:absolute;z-index:100;margin-top:-32px;top:50%;opacity:1;}
#fullPage-nav.right {right:17px;}
#fullPage-nav.left {left:17px;}
.fullPage-slidesNav {position:absolute;z-index:4;left:50%;opacity:1;}
.fullPage-slidesNav.bottom {bottom:17px;}
.fullPage-slidesNav.top {top:17px;}
#fullPage-nav ul,.fullPage-slidesNav ul {margin:0;padding:0;}
#fullPage-nav li,.fullPage-slidesNav li {display:block;width:14px;height:13px;margin:7px;position:relative;}
.fullPage-slidesNav li {display:inline-block;}
#fullPage-nav li a,.fullPage-slidesNav li a {display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none;}
#fullPage-nav li .active span,.fullPage-slidesNav .active span {top:2px;left:0px;width:6px;height:6px;border:1px solid #fff;background:rgba(0,0,0,0);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;z-index:1;}
#fullPage-nav span,.fullPage-slidesNav span {top:2px;left:2px;width:4px;height:4px;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;z-index:1;}
.fullPage-tooltip {position:absolute;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;top:-4px;text-align:right;left:-90px;width:80px;}
.fullPage-tooltip.right {right:20px;}
.fullPage-tooltip.left {left:20px;}
/*flipclock.css*/.flip-clock-wrapper * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.flip-clock-wrapper a {cursor:pointer;text-decoration:none;color:#ccc}
.flip-clock-wrapper a:hover {color:#fff}
.flip-clock-wrapper ul {list-style:none}
.flip-clock-wrapper.clearfix:after,.flip-clock-wrapper.clearfix:before {content:" ";display:table}
.flip-clock-wrapper.clearfix:after {clear:both}
.flip-clock-wrapper.clearfix {*zoom:1}
.flip-clock-wrapper {font:normal 11px "Helvetica Neue",Helvetica,sans-serif;-webkit-user-select:none}
.flip-clock-meridium {background:none !important;box-shadow:0 0 0 !important;font-size:36px !important}
.flip-clock-meridium a {color:#313333}
.flip-clock-wrapper {text-align:center;position:relative;width:100%;margin:1em}
.flip-clock-wrapper:after,.flip-clock-wrapper:before {content:" ";display:table}
.flip-clock-wrapper:after {clear:both}
.flip-clock-wrapper ul {position:relative;float:left;margin:5px;width:60px;height:90px;font-size:80px;font-weight:bold;line-height:87px;border-radius:6px;background:#fff}
.flip-clock-wrapper ul li {z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;line-height:87px;text-decoration:none !important}
.flip-clock-wrapper ul li:first-child {z-index:2}
.flip-clock-wrapper ul li a {display:block;height:100%;-webkit-perspective:200px;-moz-perspective:200px;perspective:200px;margin:0 !important;overflow:visible !important;cursor:default !important}
.flip-clock-wrapper ul li a div {z-index:1;position:absolute;left:0;width:100%;height:50%;font-size:80px;overflow:hidden;outline:1px solid transparent}
.flip-clock-wrapper ul li a div .shadow {position:absolute;width:100%;height:100%;z-index:2}
.flip-clock-wrapper ul li a div.up {-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;top:0}
.flip-clock-wrapper ul li a div.up:after {content:"";position:absolute;top:44px;left:0;z-index:5;width:100%;height:3px;background-color:#fff;background-color:rgba(255,255,255,0.4)}
.flip-clock-wrapper ul li a div.down {-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;bottom:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px}
.flip-clock-wrapper ul li a div div.inn {position:absolute;left:0;z-index:1;width:100%;height:200%;color:#ccc;text-shadow:0 1px 2px #fff;text-align:center;background-color:#fff;border-radius:6px;font-size:70px}
.flip-clock-wrapper ul li a div.up div.inn {top:0}
.flip-clock-wrapper ul li a div.down div.inn {bottom:0}
.flip-clock-wrapper ul.play li.flip-clock-before {z-index:3}
.flip-clock-wrapper .flip {box-shadow:0 2px 5px rgba(255,255,255,0.7)}
.flip-clock-wrapper ul.play li.flip-clock-active {-webkit-animation:asd 0.5s 0.5s linear both;-moz-animation:asd 0.5s 0.5s linear both;animation:asd 0.5s 0.5s linear both;z-index:5}
.flip-clock-divider {float:left;display:inline-block;position:relative;width:20px;height:100px}
.flip-clock-divider:first-child {width:0}
.flip-clock-dot {display:block;background:#ffffff;width:10px;height:10px;position:absolute;border-radius:50%;box-shadow:0 0 5px rgba(255,255,255,0.5);left:10px}
.flip-clock-divider .flip-clock-label {position:absolute;top:-1.5em;right:-86px;color:black;text-shadow:none}
.flip-clock-divider.minutes .flip-clock-label {right:-88px}
.flip-clock-divider.seconds .flip-clock-label {right:-91px}
.flip-clock-dot.top {top:20px}
.flip-clock-dot.bottom {bottom:40px}
@-webkit-keyframes asd {0% {z-index:2}
20% {z-index:4}
100% {z-index:4}
}
@-moz-keyframes asd {0% {z-index:2}
20% {z-index:4}
100% {z-index:4}
}
@-o-keyframes asd {0% {z-index:2}
20% {z-index:4}
100% {z-index:4}
}
@keyframes asd {0% {z-index:2}
20% {z-index:4}
100% {z-index:4}
}
.flip-clock-wrapper ul.play li.flip-clock-active .down {z-index:2;-webkit-animation:turn 0.5s 0.5s linear both;-moz-animation:turn 0.5s 0.5s linear both;animation:turn 0.5s 0.5s linear both}
@-webkit-keyframes turn {0% {-webkit-transform:rotateX(90deg)}
100% {-webkit-transform:rotateX(0deg)}
}
@-moz-keyframes turn {0% {-moz-transform:rotateX(90deg)}
100% {-moz-transform:rotateX(0deg)}
}
@-o-keyframes turn {0% {-o-transform:rotateX(90deg)}
100% {-o-transform:rotateX(0deg)}
}
@keyframes turn {0% {transform:rotateX(90deg)}
100% {transform:rotateX(0deg)}
}
.flip-clock-wrapper ul.play li.flip-clock-before .up {z-index:2;-webkit-animation:turn2 0.5s linear both;-moz-animation:turn2 0.5s linear both;animation:turn2 0.5s linear both}
@-webkit-keyframes turn2 {0% {-webkit-transform:rotateX(0deg)}
100% {-webkit-transform:rotateX(-90deg)}
}
@-moz-keyframes turn2 {0% {-moz-transform:rotateX(0deg)}
100% {-moz-transform:rotateX(-90deg)}
}
@-o-keyframes turn2 {0% {-o-transform:rotateX(0deg)}
100% {-o-transform:rotateX(-90deg)}
}
@keyframes turn2 {0% {transform:rotateX(0deg)}
100% {transform:rotateX(-90deg)}
}
.flip-clock-wrapper ul li.flip-clock-active {z-index:3}
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {-webkit-animation:show 0.5s linear both;-moz-animation:show 0.5s linear both;animation:show 0.5s linear both}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {-webkit-animation:hide 0.5s 0.3s linear both;-moz-animation:hide 0.5s 0.3s linear both;animation:hide 0.5s 0.3s linear both}
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {-webkit-animation:show 0.5s linear both;-moz-animation:show 0.5s linear both;animation:show 0.5s linear both}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {-webkit-animation:hide 0.5s 0.3s linear both;-moz-animation:hide 0.5s 0.3s linear both;animation:hide 0.5s 0.2s linear both}
@-webkit-keyframes show {0% {opacity:0}
100% {opacity:1}
}
@-moz-keyframes show {0% {opacity:0}
100% {opacity:1}
}
@-o-keyframes show {0% {opacity:0}
100% {opacity:1}
}
@keyframes show {0% {opacity:0}
100% {opacity:1}
}
@-webkit-keyframes hide {0% {opacity:1}
100% {opacity:0}
}
@-moz-keyframes hide {0% {opacity:1}
100% {opacity:0}
}
@-o-keyframes hide {0% {opacity:1}
100% {opacity:0}
}
@keyframes hide {0% {opacity:1}
100% {opacity:0}
}