@charset "utf-8";
/* CSS Document */

body { text-align:left;overflow-x:initial!important;-webkit-text-size-adjust: 100%!important;color:#7f8583;padding:0;margin:0 auto;}
table,td,th,tr{border-collapse:collapse;border-spacing:0;padding:0}
dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,img,li,ol,p,ul{margin:0;padding:0;border:0;list-style-type:none}
h1,h2,h3,h4{}
body,html { font-family: PingFangSC-regular,Tahoma,Lucida Grande,Verdana,Microsoft Yahei,STXihei,hei;}
a{text-decoration:none;color:#555}
a:hover{text-decoration:none}
html {background: #f5f6f7;  max-width: 640px;  min-width: 320px; margin: 0 auto;}

@media screen and (min-width: 320px) {html{font-size:8px;}}
@media screen and (min-width: 360px) {html{font-size:10px;}}
@media screen and (min-width: 375px) {html{font-size:10px;}}
@media screen and (min-width: 400px) {html{font-size:10px;}}
@media screen and (min-width: 414px) {html{font-size:10px;}}
@media screen and (min-width: 440px) {html{font-size:10px;}}
@media screen and (min-width: 480px) {html{font-size:10px;}}
@media screen and (min-width: 520px) {html{font-size:10px;}}
@media screen and (min-width: 560px) {html{font-size:10px;}}
@media screen and (min-width: 600px) {html{font-size:10px;}}
@media screen and (min-width: 640px) {html{font-size:10px;}}
@media screen and (min-width: 680px) {html{font-size:10px;}}
@media screen and (min-width: 720px) {html{font-size:10px;}}
@media screen and (min-width: 760px) {html{font-size:10px;}}
@media screen and (min-width: 800px) {html{font-size:10px;}}
@media screen and (min-width: 960px) {html{font-size:10px;}}

.fl { float:left;}
.fr { float:right;}
.cl { clear:both;}
.clear{clear:both;}
.none{display:none;}
.fg-x{margin:0 10px}
.fg-x2{margin:0 20px}
.logo { }

/*.top { background: #0A89FB; height: 5rem; position: relative;}*/
.top{position:fixed;z-index:28;top:0;left:0;right:0;max-width: 640px;margin: 0 auto;height: 5rem;background: #0A89FB;}
.top .logo { background: url( pic/logo.png) no-repeat; background-size: 100%; width: 188px; height: 30px; top:1rem; left: 1rem;  display: block; position: absolute;  }
.top .menu { color: #fff; font-size:3rem;display: block; position: absolute; top: 1rem; right: 1rem; cursor: pointer;  }
.top  .menu_list { z-index: 100;  border-radius: 10px; background: #fff; position: absolute;right: 1rem;top: 4.5rem;  padding: 1rem 2rem; box-shadow: 0 2px 5px #ddd;}
.top  .menu_list a { display: block; line-height: 4rem; font-size: 1.6rem; color: #535F78; border-bottom: 1px solid #eee; text-decoration: none;}
.top  .menu_list a:hover{ color:#000000;} 
.top  .menu_list i { margin-right: 1rem; font-weight: bold;}
.top .back { color: #fff; font-size:2.5rem;display: block; position: absolute; top: 1rem; left: 1rem;   }
.top .btop,.top .btop h1,.top .btop h2,.top .btop h3 { text-align: center; color: #fff; font-weight: bold; font-size:2rem; line-height: 5rem; margin: 0 15%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }

.ssj { position: absolute; top: -0.7rem; right: 0.5rem;
	width:0;
        height:0;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
	border-bottom:10px solid #fff;
}
.top2 { max-width: 640px;margin: 0 auto;height: 5rem;background: #0A89FB; position: relative;}
.top2 .logo { background: url( pic/logo.png) no-repeat; background-size: 100%; width: 188px; height: 30px; top:1rem; left: 1rem;  display: block; position: absolute;  }
.top2 .menu { color: #fff; font-size:3rem;display: block; position: absolute; top: 1rem; right: 1rem; cursor: pointer;  }
.top2  .menu_list { z-index: 100;  border-radius: 10px; background: #fff; position: absolute;right: 1rem;top: 4.5rem;  padding: 1rem 2rem; box-shadow: 0 2px 5px #ddd;}
.top2  .menu_list a { display: block; line-height: 4rem; font-size: 1.6rem; color: #535F78; border-bottom: 1px solid #eee; text-decoration: none;}
.top2  .menu_list i { margin-right: 1rem; font-weight: bold;}
.top2 .back { color: #fff; font-size:2.5rem;display: block; position: absolute; top: 1rem; left: 1rem;   }
.top2 .btop,.top .btop h1,.top .btop h2,.top .btop h3 { text-align: center; color: #fff; font-weight: bold; font-size:2rem; line-height: 5rem; margin: 0 15%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }

/*首页底部*/
.fd_nav {  width: 100%; max-width: 640px; display: flex;min-width: 320px; margin: 0 auto;height: 7rem; position: fixed;bottom:0; left: 0; right: 0; background: #0A89FB;   text-align: center;}
.fd_nav div { width: 20%; display: inline-block; margin: 10px auto 0px auto;}
.fd_nav div a { text-decoration: none; color: #fff;font-size: 1.4rem; position: relative;}
.fd_nav div i { font-size:3rem; color: #fff;margin-top: 1rem; margin-bottom: 0.5rem;}

/*筛选底部*/
.fd_nav_sx {  width: 100%; max-width: 640px; z-index: 6; min-width: 320px; margin: 0 auto;height: 7rem; position: fixed;bottom:0; left: 0; right: 0; background: #0A89FB;  display: flex;  text-align: center;}
.fd_nav_sx  div { width: 20%; display: inline-block; margin: 10px auto 0px auto;}
.fd_nav_sx  div a { text-decoration: none; color: #fff;font-size: 1.4rem;}
.fd_nav_sx  div i { font-size:3rem; color: #fff;margin-top: 1rem; margin-bottom: 0.5rem;}

/*内容页底部*/
.foot_yd { width: 100%;z-index: 6;  max-width: 640px; display: flex;min-width: 320px; margin: 0 auto;height: 6rem; position: fixed;bottom:0; left: 0; right: 0; background: #0A89FB;  text-align: center;z-index:998;}
.foot_yd .zxn { width: 20%;display: inline-block;margin: 10px auto 0px auto;}
.foot_yd .zxn i { color: #fff; font-size: 2.5rem;margin-top: 1rem; margin-bottom: 0.4rem;}
.foot_yd .zxn a {  text-decoration: none; display: block; color: #fff; }
.foot_yd .yud { width: 35%; margin-left: 5%;}
.foot_yd .yud a { background: #ff7200; font-weight: bold;line-height: 4rem; font-size: 1.6rem; color: #fff; text-decoration: none;  width: 90%; height: 4rem; margin: 1rem 0;  border-radius: 5px; display: block; }


/*浮出层*/
.mask { background: #000;max-width: 640px; margin: 0 auto;opacity: 0.8;z-index: 999; position: fixed; top: 0; left: 0; right: 0;bottom: 0; }
.tmask { background: #fff;max-width: 640px; margin: 0 auto;opacity: 0.0;z-index: 99; position: fixed; top: 0; left: 0; right: 0;bottom: 0;}
.bot_fc { max-width: 600px; margin: 0 auto; z-index: 999; padding:1rem 2rem; background: #fff;position: fixed; top: 10%; left: 0; right: 0;bottom: 0; border-radius: 20px 20px 0 0;  }
.bot_wp {  background: #f5f6f7; padding:1rem;} 
.bot_fc .close { display: inline-block; position: absolute; left: 1rem; font-size: 3rem; color: #000;}
.bot_fc .mt_cs { text-align: center;  color: #000; font-size:1.6rem; line-height: 3rem;}


.bot_fc .fc_nrk .b_add { cursor: pointer;font-size:1.4rem; color: #1C3B78; font-weight: bold; border:1px solid #eee;width: 21%; text-align: center; border-radius: 5px; line-height: 3rem; margin-bottom: 1rem;}
.bot_fc .fc_nrk .on { border:1px solid #0A89FB; color: #0A89FB}
.bot_fc .fc_nrk .s_add { cursor: pointer;  }
.bot_fc .fc_nrk .s_add div { width: 24%; display: inline-block;}
.bot_fc .fc_nrk .s_add div span {border:1px solid #eee;font-size: 1.4rem; border-radius: 5px; color: #333; display: block; width: 90%; text-align: center; padding: 0.5rem 0; margin-bottom: 1.4rem; }
.bot_fc .fc_nrk .b_add i { color:#0A89FB; margin-right: 0.5rem; }

.bot_fc  h3 { text-align: center; font-size:1.6rem; color: #1C3B78; line-height: 3rem; height: 3rem; margin-bottom: 1rem; border-bottom: 1px solid #eee; padding-bottom: 1rem;}
.bot_fc .fc_nrk .fxt { overflow-x: scroll; white-space: nowrap; }
.bot_fc .fc_nrk .fxt .pick { width:60%; font-size: 1.4rem; text-align: center; display: inline-block; margin-right: 1rem;}
.bot_fc .fc_nrk .fxt .pick img { width: 100%; border-radius: 10px; }


.bot_fc .fc_nrk .item {  margin: 1rem 0;}
.bot_fc .fc_nrk .gbly { margin-bottom: 1rem; }
.bot_fc .fc_nrk .gbly .bt {  color: #ff7200; margin-bottom: 1rem;font-weight: bold;font-size:1.4rem;}
.bot_fc .fc_nrk .gbly p { color: #535D70; text-align: left; padding: 1rem;font-size:1.4rem; border-radius: 10px; background: #f1f2f6; line-height: 2rem;}

.bot_fc .fc_nrk .room_cs {}
.bot_fc .fc_nrk .room_cs  dl { display: flex; line-height: 3rem;}
.bot_fc .fc_nrk .room_cs  dt {  width: 25%; color: #1C3B78; font-size:1.4rem; font-weight: bold;}
.bot_fc .fc_nrk .room_cs  dd {  width: 75%;font-size:1.4rem; color: #535D70;}
.bot_fc .fc_nrk .item .sub {  background: #ff7200; text-align: center; margin:2rem 30% 5rem; font-size:1.6rem; line-height: 3rem; color: #fff; font-weight: bold;border-radius: 5px; height: 3rem;}
.e_none { pointer-events: none; }

.bot_fc .yd_top  { margin-bottom: 1rem; }
.bot_fc .yd_top  .pic { width: 8rem; height: 6rem; border-radius: 5px; float: left; margin-right: 1rem;}
.bot_fc .yd_top  .pic  img { width: 100%;height: 6rem; border-radius: 5px;}
.bot_fc .yd_top .cm { padding-top: 1.5rem;  font-weight:  bold; color: #000; font-size: 1.4rem;}
.bot_fc .yd_top .pre {}
.bot_fc .yd_top .pre span { color: #ff0000; font-size:1.8rem; font-weight: bold;}


.bot_fc .filter { background: #fff;  padding:0rem 0 1rem;}
.bot_fc .filter h6 { display: inline-block; color: #1C3B78;font-size:1.4rem;}
.bot_fc .filter i { color: #1C3B78; margin-right: 0.5rem;}
.bot_fc .filter_hx .hx_wrap { margin: 1.5rem 0 0.5rem; padding: 0 0 1rem 0; overflow-x: scroll; white-space: nowrap;}

.bot_fc .filter_hx .hxk { position: relative; border-radius: 5px; padding: 2rem 1rem 1rem; font-size:1.4rem; border:1px solid #eee; display: inline-block; color: #535F78; margin-right: 0.5rem; }
.bot_fc .filter_hx .hxk .day { border-radius: 5px 5px 0px 0px; line-height: normal; position: absolute;  left: 0px; top: 0; right: 0; font-size: 1.2rem; background: #e7f3ff; color: #555; text-align: center;}
.bot_fc .hxk .jt { color: #ddd; margin: 0 0.5rem;}
.bot_fc .filter_hx .on { border:1px solid #0A89FB; color: #0A89FB;}


.bot_fc .filter_day .day_wrap { margin: 1.5rem 0 0.5rem; overflow-x: scroll;padding: 0 0 1rem 0;  white-space: nowrap;}

.bot_fc .filter_day .dayk { position: relative; min-width: 14%; border-radius: 5px; padding: 2rem 1rem 0.5rem; font-size:1.4rem; border:1px solid #eee; display: inline-block; color: #535F78; margin-right: 0.5rem; }
.bot_fc .filter_day .dayk .day { border-radius: 5px 5px 0px 0px; line-height: normal; position: absolute;  left: 0px; top: 0; right: 0; font-size: 1.2rem; background: #e7f3ff; color: #555; text-align: center;}
.bot_fc .dayk i { color: #ddd; margin: 0 0.5rem;}
.bot_fc .filter_day .on { border:1px solid #0A89FB; color: #0A89FB;}
.bot_fc .filter_day .on .num {   color: #0A89FB; }
.bot_fc .filter_day span { display: block; text-align: center; color: #7D838E;}
.bot_fc .filter_day .num { font-size:1.6rem;  color: #535F78; font-weight:  bold;}
.bot_fc .filter_day .xq { font-size:1.2rem;} 
.bot_fc .filter_day .pre { }
.bot_fc .filter_day .pre em { font-style: normal; font-size: 1.4rem;  color: #ff0000;}
.bot_fc .filter_day .dayk .bozk{position: absolute;top: 40%;left: 20%;font-size: 18px;color: #ccc;}

.oni {display:none; width: 15px; height: 15px; position:absolute;right:-6px; bottom:-1px;background:url( pic/icon_xz.png)  no-repeat;}

.bot_fc .filter_room  {}
.bot_fc .filter_room .rok { margin: 1.5rem 0 0.5rem;padding: 0 0 1rem 0;  overflow-x: scroll; white-space: nowrap;}

.bot_fc .filter_room .rom { position: relative; min-width: 14%; border-radius: 5px; padding: 0.5rem 1rem 0.5rem; font-size:1.4rem; border:1px solid #eee; display: inline-block; color: #535F78; margin-right: 0.5rem; cursor:pointer; }
.bot_fc .filter_room .fm  { color: #535F78}
.bot_fc .filter_room .jar  { color: #535F78;}
.bot_fc .filter_room .jar span {font-size:1.4rem;  color: #ff0000; }
.bot_fc .filter_room .on { border:1px solid #0A89FB; color: #0A89FB;}
.bot_fc .filter_room .on .fm { color: #0A89FB;}
.bot_fc .filter_room .on .oni{display:block;}

.bot_fc .filter .sub {  background: #ff7200; text-align: center; margin:2rem 30%; font-size:1.6rem; line-height: 3rem; color: #fff; font-weight: bold;border-radius: 5px; height: 3rem;}

/*
.bot_fc .hxxz { margin-top: 2rem;}
.bot_fc .hxxz .hkx {margin-bottom: 1rem;}
.bot_fc .hxxz .hkx a { padding-left: 5%; text-decoration: none;  border: 1px solid #ddd; line-height: 3.5rem;  color: #535F78; font-size:1.4rem; width: 90%; border-radius: 5px; display: block;}
.bot_fc .hxxz .hkx i { margin: 0 0.5rem;}
.bot_fc .hxxz .hkx .on { color: #0A89FB;  font-weight: bold; border:1px solid #0A89FB;}
.bot_fc .hxxz .hkx .mao { margin-right: 1rem;}
*/
.bot_fc .fc_nrk {overflow-y: scroll;
    padding: 0rem 0 5rem;
    height: 80%;}

.bot_wp .fc_nrkb { overflow-y: scroll;  height: 75%; -webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);
    box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); }
.bot_wp .fc_nrkb { background: #fff; border-radius: 10px; }
.bot_wp .fc_nrkb .hxxz {}
.bot_wp .fc_nrkb .hxxz { }
.bot_wp .fc_nrkb .hxxz .hkx {border-bottom: 1px solid #eee; }
.bot_wp .fc_nrkb .hxxz .hkx a { padding-left: 5%; text-decoration: none;  line-height:4.5rem;  color: #535F78; font-size:1.4rem; width: 90%;  display: block;}
.bot_wp .fc_nrkb.hxxz .hkx i { margin: 0 0.5rem;}
.bot_wp .fc_nrkb .hxxz .hkx .on { color: #0A89FB;  font-weight: bold; border:none;}
.bot_wp .fc_nrkb .hxxz .hkx .mao { margin-right: 1rem;}

.bot_wp .fc_nrkb .dbts { line-height: 50px; text-align: center; font-size: 1.4rem;}

/*翻页*/
.fay_xz { display: flex; justify-content: space-between;  margin: 0 1rem 10rem;}
.fay_xz .morh { width: 50%; text-align: center; line-height: 4rem; margin-bottom: 2rem;}
.fay_xz .morh a {  background: #fff; display:inline-block; width: 90%; text-decoration: none; color: #555; font-size:1.4rem; border-radius: 5px;}
.fay_xz .morh i { color: #0A89FB;font-weight: bold; margin: 0 0.5rem;}
.fay_xz .off i { color: #ddd;}
.fay_xz .num{line-height:4rem;font-size: 14px;}

.cpr {font-size: 1.4rem; margin-bottom: 9rem; text-align: center;}
.cpr h1,.cpr h2,.cpr h3 { font-size: 1.4rem; display: inline; font-weight:normal;}
.back_top { max-width: 640px; margin: 0 auto;position: fixed; right: 1rem; bottom:10rem;}
.back_top i { color: #0A89FB; font-size: 3rem; opacity: 0.4;}

.dck { text-align: center; font-size: 16px;}
.koua { overflow-x: scroll; white-space: nowrap; padding-bottom: 10px; margin: 2rem 0 1rem;}
.koua a { position: relative; display: inline-block; background: #fff; text-decoration: none; color: #000; margin-right: 5px;  width: 20%; border-radius: 5px; border:1px solid #ddd;  text-align: center;}
.koua a i { display: none; position: absolute; color: #0A89FB;  bottom:-1.1rem; left: 3rem;}
.koua .on i { display: block;position: absolute; color: #0A89FB;  bottom:-1.1rem; left: 3rem;}
.koua a span { display: block;}
.koua a .cbt { background: #e7f3ff; color: #555; border-radius: 5px 5px 0 0;}
.koua a .csm {  color: #535F78; line-height: 50px;font-size: 1.6rem; font-weight: bold;border-radius: 0px 0px 5px 5px;}

.koua .on .cbt { background: #0351A7; color: #fff;}
.koua .on .csm {  background: #0A89FB; color: #fff; }

.foot_yd .zxn .zxx,.fd_nav .zxx,.fd_nav_sx .zxx  { color: #fcff00; animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;transform-origin:bottom;-webkit-transform-origin:bottom;}

@keyframes move
{
	0%, 65%{ 
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
	70% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	75% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	80% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	85% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	90% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	95% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	100% {  
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
}

@-webkit-keyframes move
{
	0%, 65%{ 
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
	70% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	75% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	80% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	85% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	90% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	95% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	100% {  
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
}





.fc_gt .btt { margin-left: 40%; font-size: 2.2rem;color: #ff9900;font-weight: bold; margin-top: 1rem;}
.fc_gt p {margin-left: 40%; font-size: 1.4rem; color: #535F78; margin-top: 1rem; line-height: 2rem; padding-right: 1rem; }
.fc_gt .sbm {  background: #ff9900; height: 2rem; line-height: 2rem; width: 30%; text-align: center; margin: 1rem 0 0 40%; color: #fff; padding: 0.5rem 2rem;border-radius: 0.5rem; font-size: 1.6rem; cursor: pointer; margin-bottom: 1rem;}
.fc_gt .close {  position: absolute; right: 0rem;  top:0rem; font-size: 4rem; cursor: pointer;}


.keptp { position: sticky; top: 0; z-index: 99;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 40%);
	box-shadow: 0 4px 16px 1px rgb(0 0 0 / 40%); }

.open {  position: fixed; top:0;right: 0;left: 0;bottom: 0; z-index: 999; animation:dd 0.5s forwards;-ms-animation:dd 0.5s  forwards ;-webkit-animation:dd 0.5s  forwards;-o-animation:dd 0.5s  forwards;-moz-animation:dd 0.5s forwards; }

.clse { position: fixed;top:0;right: 0;left: 0;bottom: 0; z-index: 999; animation:sf 1.5s forwards;-ms-animation:sf 1.5s  forwards ;-webkit-animation:sf 1.5s  forwards;-o-animation:sf 1.5s  forwards;-moz-animation:sf 1.5s forwards;  }

.tim_hx .open { position: fixed; top:0;right: 0;left: 0;bottom: 0; z-index: 999; animation:hxsf 1.5s forwards;-ms-animation:hxsf 1.5s  forwards ;-webkit-animation:hxsf 1.5s  forwards;-o-animation:hxsf 1.5s  forwards;-moz-animation:hxsf 1.5s forwards;  }
.tim_hx .clse { position: fixed; top:0;right: 0;left: 0;bottom: 0; z-index: 999; animation:hxsf 1.5s forwards;-ms-animation:hxsf 1.5s  forwards ;-webkit-animation:hxsf 1.5s  forwards;-o-animation:hxsf 1.5s  forwards;-moz-animation:hxsf 1.5s forwards;  }
.fc_gta { -webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 50%);
	box-shadow: 0 4px 16px 1px rgb(0 0 0 / 50%); border:5px solid #ff7200;background: url(pic/kfd.jpg); background-size: cover;  position: fixed;
  top:50%;
  left:50%;
  border-radius: 8px;
  width: 80%;max-width: 500px;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform:translate3d(-50%,-50%,0) ;
  background-color: #fff; z-index: 999;
}



@keyframes dd{
  0% {   transform:  scale(0); -ms-transform:  scale(0); -webkit-transform:  scale(0); -o-transform:  scale(0); -moz-transform:  scale(0);}
100% {   transform:  scale(1); -ms-transform:  scale(1); -webkit-transform:  scale(1); -o-transform:  scale(1); -moz-transform:  scale(1); }}

@keyframes sf{ 
   0% { z-index: 999; top:0%; opacity: 1;  transform:  scale(1); -ms-transform:  scale(1); -webkit-transform:  scale(1); -o-transform:  scale(1); -moz-transform:  scale(1);}
   100% { top:90%; z-index: -1; opacity: 0; transform:  scale(0); -ms-transform:  scale(0); -webkit-transform:  scale(0); -o-transform:  scale(0); -moz-transform:  scale(0);}}

@keyframes yc {
  0% { z-index: 0; display: none;  opacity: 0; }
 50% {  z-index: 0; display:block; opacity: 1; }
100% {  z-index: 0; display: none; opacity: 0; }}

@keyframes hxsf {
  0% { top:0%;  opacity: 1; transform:  scale(1); -ms-transform:  scale(1); -webkit-transform:  scale(1); -o-transform:  scale(1); -moz-transform:  scale(1);}
 100% { left: 45%; top:90%;  opacity: 0; transform:  scale(0); -ms-transform:  scale(0); -webkit-transform:  scale(0); -o-transform:  scale(0); -moz-transform:  scale(0); }}