/*初始化*/
html { font-family:"微软雅黑"; font-size:14px;} 
html,body{ height:100%; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%;  overflow:-Scroll;overflow-x:hidden}
a, a:hover { text-decoration: none; outline: none;  }
a{ color:#0b0808;}
p{ margin:0; padding:0;}
:link, :visited{text-decoration: none;}
ul,li { list-style: none }
img { border: none; max-width:100%;}
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.clear{clear:both; width:100%; overflow:hidden;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
/* clear */
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; }
.zj{ width:1200px; margin:0 auto; display:block;}
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
.fr{ float:right;}
.fl{ float:left;}

/*header*/
.header { width: 100%;   margin: 0 auto;}

.top{ width:100%; display:table; margin:0 auto;height:90px;padding:22px 0 20px;   }
.top .logo{ float:left;  height:90px; padding: 0; display:table; width:330px; margin-right: 200px}
.top .logo img{ display: table}
.top_t{ float:left; height:60px; padding:15px 0 0; width:330px; margin-right:4% }
.top_t i{ background:url(../images/top_ico1.png) no-repeat; width:60px; height:60px; float:left; display:table; margin-right:10px}
.top_t h1{color:#666666;font-size:18px;line-height:24px; padding: 5px 0 0; font-weight:100; display:table; }
.top_t h1 span{ font-weight:800; color:#f83737}
.top .tel{ font-size:15px; color:#9fa0a0; text-transform:uppercase; line-height:1.2; float:right; background:url(../images/tel.png) no-repeat center left; margin:15px 0 0; height:60px; padding:6px 0 0 60px; box-sizing: border-box}
.top .tel h1{ color:#18aef0; font-size:28px; font-weight:bolder; margin:0 0 6px}



.nav_k{ width:100%; background:#18aef0; margin:0px auto; height:56px; font-size:12px; line-height:56px; color:#fff;}
/*	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}*/
.navBar{ width:100%; margin:0 auto;height:56px; line-height:56px; position:relative; z-index:9999;   }
.nav{ width:1200px; margin:0 auto; display:table; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.xx{ width:100%; display:table; height:1px; background:#658ac3}
.nav h3{ font-size:100%; font-weight:normal;  }
.nav .m{  position:relative; float:left; width:150px; margin:0 0 0 0px; display:inline; text-align:center;   background:url(../images/xxx.jpg) no-repeat center right;  }

.nav .m:hover{/* background:#d70115;color:#fff;*/ }
.nav h3 a{ font-size:16px;  zoom:1;  height:56px; line-height:56px; font-weight:bolder; padding:0px 0px;  display: block; margin:0px auto 0; color:#fff; }
.nav h3 a:hover,.nav .m:hover h3 a{ color:#fff; }
.nav .m:last-child{ background:none}
	
.nav .sub{ display: none;width:100%; padding: 0;  margin:0 ;  position:absolute; top:56px;  background-color:#18aef0;  float:left; line-height:40px; z-index:9999}
.nav .sub li{ text-align:center;  }
.nav .sub li a{ color:#fff; display:block; zoom:1; font-size:14px; font-weight:bolder; line-height:24px; padding:8px 4px ; box-sizing:border-box; display:table; width:100%; text-align:center}
.nav .sub li a:hover{  background:#0f96d1; color:#fff;   }


/*轮播结束*/
.banner{width: 100%;overflow: hidden;position: relative; }
.banner .swiper-container{width: 100%;margin-left: auto;margin-right: auto;}
.banner .swiper-slide{text-align: center;overflow: hidden;position: relative;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-slide a{ width:100%; overflow: hidden}
.banner .swiper-slide  img{width: 100%;display: table}
.banner .swiper-pagination-bullet{width:40px;height: 7px;opacity: 1;background: rgba(255,255,255,1);border:0;box-sizing:border-box; margin:0 6px; border-radius:20px}
.banner .swiper-pagination-bullet-active{background: #ffa200;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px}
.banner .swiper-slide em .banner_t1{ display:none}

/*.banner .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}*/

/*wrap*/
.wrap{ width:100%; padding:0 0 20px; display:table; margin:0 auto}
/*k1*/
.k1{ width:100%; display:table; padding:20px 0; margin:0 auto}
.k1_l{ width:520px; float:left}

.focusBox { position: relative; width: 520px; height: 390px; overflow: hidden; text-align: left; background: white; }
.focusBox .pic img {  width: 520px; height: 390px;  display: table; }
.focusBox .pic h1{ width: 100%; height: 40px; line-height: 40px; font-size: 15px; color: #fff; padding: 0 20px; position: absolute;bottom: 0; height: 40px; background: rgba(0,0,0,.6)}
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 46px; width:100%; /* background: #333; filter: alpha(opacity=40);*/ opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 40px; width:100%; overflow: hidden;     background-color: rgba(0,0,0,0.5);}
.focusBox .txt li{ height:40px; line-height:40px; position:absolute; bottom:-40px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 20px; font-size: 14px;  text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 15px; right: 10px; }
.focusBox .num li{ float: left; position: relative; width: 10px; height:10px; border-radius:50%; background:#fff;  line-height: 10px; overflow: hidden; text-align: center; margin-right: 8px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: none; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#ffa200;}

.k1_r{ width:665px; box-sizing: border-box; float:right; border: 1px solid #efefef;height:390px; display:table}
.slideTxtBox{ width:625px; text-align:left; margin-left:20px; position:relative; }
.slideTxtBox .hd{ height:62px; line-height:62px;padding:0 0; border-bottom:1px solid #eaeaea; position:relative;width:100% }
.slideTxtBox .hd ul{ float:left;  position:absolute; width:100%  }
.slideTxtBox .hd ul li{ float:left; margin-right:45px;  cursor:pointer; font-size:23px; color:#121212; font-weight:bolder; text-align:center }
.slideTxtBox .hd ul li span{ line-height:58px; padding:2px 0 0; display:table; margin:0 auto}
.slideTxtBox .hd ul li.on span{ border-bottom:3px solid #18aef0; color:#18aef0}
.slideTxtBox .bd { zoom:1; background:#fff; /*border:1px solid #dcdcdc; */box-sizing:border-box; width:100%; display:table  }
.xw_tj{ width:100%; border-bottom:1px solid #d2d2d2; padding:0px 0 9px; margin:0 0 8px}
.xw_tj a{ font-size:14px; line-height:28px; color:#6f6f6f;}
.xw_tj a h1{ height:40px; line-height:40px; font-weight:bolder; font-size:18px; color:#3a3a3a}
.xw1 .more1{ position:absolute; right:0; top:0;}
.xw1 .more1 a{ color:#bababa; font-size:15px; line-height:62px;}
.xw1 .more1 a:hover,.bt1 a:hover{color:#18aef0}
.xw1{ width:100%; display:table; margin:0 auto;  padding:12px 0px 0; box-sizing:border-box; overflow:hidden}
.xw1 .xw_more{ position:absolute; top:0; right:0; line-height:46px; cursor:pointer; color:#595959 }
.xw1 dt{width:100%;height:38px;line-height:38px;  }
.xw1 dt a{ font-size:14px; color:#656565; line-height:38px; height:38px; width:100%; display:table }
.xw1 dt a h1{font-size:16px; float:left; width:75%; height:30px; overflow:hidden}
.xw1 dt a span{ float:right;display: table; margin-right:2px;}
.xw1 dt a .d{ background:#afafaf; float:left; width:5px; height:5px; border-radius:50%; display: table; margin:12.5px 8px 0 0px;}
.xw1 dt a:hover { color:#18aef0}
.xw1 dt a:hover .d{ background:#18aef0}


.gg{ width:1200px; margin:0 auto; display:table}
.gg img{ display: table}
.k2{ display:table; margin:20px auto}
.xw2{ width:392px; float: left; margin:0; padding:0 20px; box-sizing:border-box;  height:370px; background:#fff;border: 1px solid #efefef;}
.k2 .xw2:nth-child(2){ margin:0 12px;}
.bt1{ width:100%; color:#222; height:58px; margin:0 0 10px; line-height:58px; padding:6px 0 0; border-bottom:1px solid #eaeaea; display:table; }
.bt1 span{ display:table; float:left; width:35px; height:35px; margin:10px 10px 0 0}
.bt1 h1{ font-size:22px;font-weight:bolder;height:59px; line-height:59px; float:left;border-bottom:3px solid #18aef0; color:#222}
.bt1 a{ font-size:15px; color:#bababa; float:right}
.xw2 dt{ width:100%; line-height:36px;}
.xw2 dt a{ color:#656565}
.xw2 dt a h1{font-size:16px; float:left; width:72%; height:36px; overflow:hidden}
.xw2 dt a span{ float:right;display: table; margin-right:2px; }
.xw2 dt a:hover,.xw2_tj a:hover .xw2_w h1,.yq a:hover { color:#18aef0}

.p3{width: 100%; padding: 0 20px 20px; margin: 0 auto 20px;box-sizing:border-box; border: 1px solid #efefef;}
.p3a{position: relative;width: 1158px; margin: 20px 0 0 ; box-sizing:border-box; }
.p3a li a{display: table; width: 100%; box-sizing: border-box; border: 1px solid #efefef}
.p3a li a div.img{overflow: hidden; width: 170px; height: 260px; position: relative;float: left}
.p3a li a div.img i{ width: 28px;height: 28px; display: table; position: absolute; top: 10px; left: 10px; background: url("../images/logo0.png") no-repeat center center; z-index: 999}
.p3a li a div.img img{width: 100%;transition: all ease .3s; display: table}
.p3a li:hover a div.img img{transform: scale(1.1);}
.p3a li a .sz-w{ width: 180px; float: left; margin: 0 0 0 15px; padding: 20px 0 0; box-sizing: border-box}
.p3a li a .sz-w h1{ font-size: 20px; display: table; width: 100%; line-height: 20px; color: #333; font-weight: bolder}
.p3a li a .sz-w h1 span{ float: left; margin-right: 10px}
.p3a li a .sz-w h1 i{ float: left; display: table;font-size: 12px; border: 1px solid #18aef0; padding: 0 14px; line-height: 18px; border-radius: 25px; color: #18aef0;font-weight:100}
.p3a li a .sz-w p{ line-height: 25px; height: 125px; overflow: hidden;font-size: 14px; color: #4d4d4d; margin: 20px 0}
.p3a li a .sz-w h3{ font-size: 12px; background: #6c6c6c; line-height:24px; border-radius: 25px; color: #fff; display: table;padding: 0 14px;}
.p3a li a:hover .sz-w h3{ background: #18aef0; color: #fff}


.p3-swiper{overflow: hidden;}
.p3a .p3prev{width: 30px;height: 63px;background: url(../images/jt011.png) no-repeat center center;background-size: 100% auto;position: absolute;right: -20px;top: 120px;transform: translateY(-50%);outline: none; z-index: 999;opacity: 0}
.p3a .p3next{width: 30px;height: 63px;background: url(../images/jt022.png) no-repeat center center;background-size: 100% auto;position: absolute;left: -20px;top: 90px;/*transform: translateY(-50%) rotate(180deg);*/outline: none;z-index: 999;opacity: 0}
.p3a:hover .p3prev,.p3a:hover .p3next{ opacity: 1}


.k4{width: 100%; margin: 20px 0; padding: 0 20px 20px; box-sizing:border-box; border: 1px solid #efefef;}
.sp{ width: 100%; display: table; padding: 20px 0 0}
.sp li{ width: 372px; float: left; margin: 0 20px 20px 0}
.sp li:nth-child(3n){margin: 0 0px 20px 0}
.sp li a .sp-t{  float: left;width: 182px; height: 122px;overflow: hidden;}
.sp li a .sp-t img{width: 100%;transition: all ease .3s; display: table}
.sp li a:hover .sp-t img{transform: scale(1.1);}
.sp li a .sp-w{width:170px; height: 122px; position: relative;float: right; line-height: 1; font-size: 14px; color: #adadad}
.sp li a .sp-w h1{ line-height: 24px; margin:6px 0 10px; font-size: 16px; color: #333; font-weight: bolder; display: table; width: 100%;}
.sp li a .sp-w time{ display: table}
.sp li a .sp-w span{ position: absolute; bottom: 6px; font-size: 12px; text-transform: uppercase;font-style: italic;}
.sp li a:hover .sp-w h1{ color: #18aef0}

.ggk{ width: 1200px; height: 100px; overflow: hidden}
.ggk .swiper-pagination-bullet{width:6px;height: 6px;opacity: 1;background: rgba(255,255,255,1);border:0;box-sizing:border-box; margin:0 6px; border-radius:20px}
.ggk .swiper-pagination-bullet-active{ width: 20px; background: #fff;}
.ggk .swiper-container-horizontal>.swiper-pagination-bullets, .ggk .swiper-pagination-custom, .ggk .swiper-pagination-fraction{ bottom:15px; left: inherit; right: 20px; width: auto}
.ggk1{ width: 1200px; height: 100px; overflow: hidden}
.ggk1 .swiper-pagination-bullet{width:6px;height: 6px;opacity: 1;background: rgba(255,255,255,1);border:0;box-sizing:border-box; margin:0 6px; border-radius:20px}
.ggk1 .swiper-pagination-bullet-active{ width: 20px; background: #fff;}
.ggk1 .swiper-container-horizontal>.swiper-pagination-bullets, .ggk1 .swiper-pagination-custom, .ggk1 .swiper-pagination-fraction{ bottom:15px; left: inherit; right: 20px; width: auto}


.k5{ width:100%; box-sizing: border-box;  border: 1px solid #efefef;height:500px; display:table; margin: 20px 0 0; padding: 0 20px;}
.tp{ width:100%;  position:relative; }
.tp .hd{ height:62px; line-height:62px;padding:0 0; border-bottom:1px solid #eaeaea; position:relative;width:100%; text-align: center}
.tp .hd ul{ display: inline-block; width:100%  }
.tp .hd ul li{ display: inline-block; margin: 0 40px; cursor:pointer; font-size:23px; color:#121212; font-weight:bolder; text-align:center }
.tp .hd ul li span{ line-height:58px; padding:2px 0 0; border-bottom:3px solid rgba(0,0,0,0); display:table; margin:0 auto}
.tp .hd ul li.on span{ border-bottom:3px solid #18aef0; color:#18aef0}
.tp .bd { zoom:1; background:#fff; /*border:1px solid #dcdcdc; */box-sizing:border-box; width:100%; display:table  }
.zp{ width: 100%; display: table;  padding: 24px 0 5px}
.zp li{ width:278px; height: 186px; display: table; float: left;margin: 0 15.3px 15px 0}
.zp li:nth-child(4n){ margin: 0 0 15px 0}
.zp li a{ position: relative; width: 100%;height: 186px;}
.zp li a .zp-t{  width:278px; height: 186px; overflow: hidden;}
.zp li a h1{ display: table;position: absolute; bottom: 0; width: 100%; height: 40px; line-height: 40px; z-index: 999; background: rgba(24,174,240,0.8); font-size: 15px; text-align: center; color: #fff; opacity: 0}
.zp li a .zp-t img{width: 100%;transition: all ease .3s; display: table}
.zp li a:hover .zp-t img{transform: scale(1.1);}
.zp li a:hover h1{ opacity: 1}
/*fotter*/
.fotter{ background: url("../images/fo-bj.jpg") no-repeat center center; width:100%; display:table; color:#fff; border-top: 6px solid #116cb0; background-size: cover}
.fotter a{ color:#fff;}
.fo{  margin:0 auto; padding: 30px 20px; box-sizing: border-box; display:table;}
.fo-l{ float: left; width: 190px;}
.fo-nav{ width: 500px; float: left; padding: 20px 0 0}
.fo-nav a{ margin: 0 15px 20px 0; line-height: 34px; font-size: 15px; border: 1px solid #fff; width: 100px; text-align: center;border-radius: 25px; display: inline-block}
.fo-nav a:hover{ background: #fff; color: #333}
.fo-c{ width: 300px; float: left; padding: 15px 0 0 25px}
.fo-c li{ width: 100%; display: table; font-size: 15px; line-height: 26px; margin: 0 0 5px}
.fo-c li i{ float: left; margin:3px 5px 0 0;}
.fo-c li span{ float: left}
.fo-c li h1{ float: left;font-size: 15px; width: 195px;}

.fo_r{ width:80px; float:right; font-size:14px; color:#fff; padding: 18px 0 0; margin-right: 5px}
.fo_r img{ width:80px; display:table; margin:0 0 15px; padding: 0 0}
.fo_r span{ display:table; width:100%; text-align:center;}

.fo2{ color:#fff;vertical-align:middle;display: table; text-align:center; font-size:13px; text-align:center;  margin:0 auto; width:100%;line-height:24px; padding:10px 0; border-top:1px solid rgba(255,255,255,0.2)}
.fo2 a{color:#fff; margin:0 5px }
.fo2 .fo_lj{  width:122px; display: inline-block; height:24px;vertical-align:middle}
.fo2 .fo_lj img{ display:table; padding: 0 0 }



.xf_l{ display:table; position:fixed; top:40%; z-index:9999}
.xf_l a{ display:table; margin:0 0 20px;}


/*悬浮框*/
.xfk{position:fixed;top:200px;right:30px;z-index:9999;}
.xfk li{width:48px;height:48px;text-align:center;padding-top:0;box-sizing:border-box;/*background:rgba(233,237,243,1);*/border-radius:3px;margin-bottom:5px;font-size:14px;font-family:Microsoft YaHei;font-weight:bold;line-height:18px;color:rgba(40,92,172,1);cursor:pointer;position:relative;}
.xfk li.active{/*background:#18aef0;color:#ffffff;*/}
.xfk_detail{position:absolute;top:0;left:0px;box-sizing:border-box;transition:1s;display:none;}
.xfk_detail_title{padding:0 10px;background:#F4F5F8; font-size:18px; line-height:48px; width:120px; font-size:24px; line-height:48px;}
.xfk_detail.active{left:-140px;top:0;display:block;transition:1s;}
.xfk_detail_main>div{width:50%;text-align:left;}
.xfk_detail_main .fl{font-size:12px;font-family:Source Han Sans CN;font-weight:400;line-height:22px;color:rgba(57,57,57,1);}
.xfk_detail_main .fr{font-size:12px;font-family:Source Han Sans CN;font-weight:bold;line-height:22px;color:rgba(40,92,172,1);}
.xfk_detail_title{font-size:16px;font-family:Source Han Sans CN;font-weight:bold;color:rgba(40,92,172,1);}
.xfk_detail_img{background:transparent;}
.xfk_detail_img img{width:140px; height:140px;   float:right}
.kf_lx img{ width:100%}

.fy{ text-align:center; font-size:14px; padding:20px 0;}
.info { width: 450px; height: 27px; line-height: 28px;  text-align: center;  margin: 15px auto; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #6f6f6f;}



    
.cdowntime_bg{background:#fff;padding:15px 0 0;text-align:center;margin:1px 0 4px 0}
.cdowntime_bk{margin:0 auto;width:1011px;padding:0 54px}
.cdowntime_left{float:left;width:48%}
.cdowntime_center{float:left;width:4%;text-align:center}
.cdowntime_center img{width:92%}
.cdowntime_right{float:left;width:48%}
@-webkit-keyframes flipTop{0%{-webkit-transform:perspective(400px) rotateX(0deg)}
100%{-webkit-transform:perspective(400px) rotateX(-90deg)}
}@-webkit-keyframes flipBottom{0%{-webkit-transform:perspective(400px) rotateX(90deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg)}
}@-moz-keyframes flipTop{0%{-moz-transform:perspective(400px) rotateX(0deg)}
100%{-moz-transform:perspective(400px) rotateX(-90deg)}
}@-moz-keyframes flipBottom{0%{-moz-transform:perspective(400px) rotateX(90deg)}
100%{-moz-transform:perspective(400px) rotateX(0deg)}
}@-ms-keyframes flipTop{0%{-ms-transform:perspective(400px) rotateX(0deg)}
100%{-ms-transform:perspective(400px) rotateX(-90deg)}
}@-ms-keyframes flipBottom{0%{-ms-transform:perspective(400px) rotateX(90deg)}
100%{-ms-transform:perspective(400px) rotateX(0deg)}
}@-keyframes flipTop{0%{transform:perspective(400px) rotateX(0deg)}
100%{transform:perspective(400px) rotateX(-90deg)}
}@-keyframes flipBottom{0%{transform:perspective(400px) rotateX(90deg)}
100%{transform:perspective(400px) rotateX(0deg)}
}.flipTimer{color:#FFF;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:28px;font-weight:bold;height:36px;line-height:36px}
.time_txt{color:#000000;font-size:12px;font-weight:normal;display:inline;vertical-align:top}
.flipTimer .seperator{vertical-align:top;margin:0 -20px;display:inline}
.flipTimer .seconds,.flipTimer .minutes,.flipTimer .hours,.flipTimer .days{height:100%;display:inline}
.flipTimer .digit-set{border-radius:2px;border-bottom:2px solid #a81818;width:29px;height:100%;display:inline-block;position:relative;margin:0 1px}
.flipTimer .digit{position:absolute;height:100%}
.flipTimer .digit > div{position:absolute;left:0;overflow:hidden;height:50%;padding:0 6px}
.flipTimer .digit > div.digit-top,.flipTimer .digit > div.shadow-top{background-color:#dd2629;border-bottom:1px solid #dd2629;box-sizing:border-box;top:0;z-index:0;border-radius:2px 2px 0 0}
.flipTimer .digit > div.digit-top:before,.flipTimer .digit > div.shadow-top:before{content:"";height:100%;width:29px;position:absolute;left:0;top:0}
.flipTimer .digit > div.shadow-top{background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));width:0px;opacity:0;-webkit-transition:opacity 0.3s ease-in}
.flipTimer .digit > div.digit-bottom,.flipTimer .digit > div.shadow-bottom{background-color:#f34741;bottom:0;z-index:0;border-radius:0 0 2px 2px}
.flipTimer .digit > div.digit-bottom .digit-wrap,.flipTimer .digit > div.shadow-bottom .digit-wrap{display:block;margin-top:-100%}
.flipTimer .digit > div.digit-bottom:before,.flipTimer .digit > div.shadow-bottom:before{content:"";border-radius:0 0 2px 2px;height:100%;width:31px;position:absolute;left:0;top:0}
.flipTimer .digit > div.shadow-bottom{background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));width:0px;opacity:0;-webkit-transition:opacity 0.3s ease-in}
.flipTimer .digit.previous .digit-top,.flipTimer .digit.previous .shadow-top{opacity:1;z-index:2;-webkit-transform-origin:50% 100%;-webkit-animation:flipTop 0.3s ease-in both;-moz-transform-origin:50% 100%;-moz-animation:flipTop 0.3s ease-in both;-ms-transform-origin:50% 100%;-ms-animation:flipTop 0.3s ease-in both;transform-origin:50% 100%;animation:flipTop 0.3s ease-in both}
.flipTimer .digit.previous .digit-bottom,.flipTimer .digit.previous .shadow-bottom{z-index:1;opacity:1}
.flipTimer .digit.active .digit-top{z-index:1}
.flipTimer .digit.active .digit-bottom{z-index:2;-webkit-transform-origin:50% 0%;-webkit-animation:flipBottom 0.3s 0.3s ease-out both;-moz-transform-origin:50% 0%;-moz-animation:flipBottom 0.3s 0.3s ease-out both;-ms-transform-origin:50% 0%;-ms-animation:flipBottom 0.3s 0.3s ease-out both;transform-origin:50% 0%;animation:flipBottom 0.3s 0.3s ease-out both}