html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}article,aside,figure,footer,header,nav,section,details,summary{display:block}img{max-width:100%;vertical-align:bottom}html{overflow-y:scroll}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{-webkit-tap-highlight-color:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input,input:focus{outline:none;-webkit-tap-highlight-color:transparent}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer;-webkit-appearance:none}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"],input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button{padding:0;margin:0;outline: none; -webkit-appearance:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;appearance:none; -moz-appearance: none; background: transparent; border: none;}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #666;}input:-moz-placeholder, textarea:-moz-placeholder {color:#666;}input::-moz-placeholder, textarea::-moz-placeholder {color:#666;}input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#666;}textarea{ outline: none; border: none;resize:none}
.cl:after { content: ""; display: block; height: 0; overflow: hidden; }
.cl:after { clear: both; }
a,a:hover{ text-decoration: none; }
img{ display: block; width: 100%;}
a,img,button,input,textarea,span{-webkit-tap-highlight-color:rgba(255,255,255,0);}
.cl { zoom: 1; }
.fl{ float:left; }
.fr{ float:right; }
.ovf{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url("ellipsis.xml#ellipsis");}
.flex{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.pop{ position: fixed; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.3); z-index: 999999}
.pop .popbox{ position: relative; left:50%; top:50%;}
.mb20{ margin-bottom: 20px!important;}
html,body{font-size: 62.5%;  position: relative; height: 100%;}

body {font-size: 1.4rem;/*1.4 × 10px = 14px */background: url(http://al.laohu.com/_s/homem1/body.jpg) no-repeat; font-family: Microsoft YaHei; background-size: 100% 100%;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;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;}

.top{ position: fixed; left:0; top:0; width: 100%; height: 94px;background: url(http://al.laohu.com/_s/homem1/topbg.png) no-repeat; z-index: 99;}
.top .logo{ width: 80px; height: 80px; overflow: hidden; margin-left: 20px; overflow: hidden; border-radius: 20px; -webkit-border-radius: 20px;-moz-border-radius: 20px; float: left; margin-top: 8px;}
.top .logo img{ width: 80px; height: 80px;}
.top .title{ margin-left: 14px; display: inline-block; float: left;}
.top .title h2{ font-size: 2.5rem; font-weight: bold; padding: 20px 0 0 0;}
.top .title span{ display: block; font-size: 1.8rem;}
.top .link{ width: 300px; float: left; margin-left: 50px; margin-top: 22px;}
.top .link a{ display: inline-block; width:85px; height: 47px; line-height: 47px; text-align: center; color: #a1a1e9; font-size: 2.0rem; background: url(http://al.laohu.com/_s/homem1/navbg.png) no-repeat center center; margin-right: 12px;}
.top .link .current{ background: url(http://al.laohu.com/_s/homem1/navcurrent.jpg) no-repeat; color: #fefdff;}

.decorate{ position: fixed; right:42px; top:16%; width:60px; z-index: 99; }
.decorate .music{ width:57px; height: 57px; background: url(http://al.laohu.com/_s/homem1/music.png) no-repeat; display: inline-block; margin-bottom: 14px;}
.decorate .music.open{-webkit-animation: run 6s linear 0s infinite;-moz-animation: run 6s linear 0s infinite;-ms-animation: run 6s linear 0s infinite;-o-animation: run 6s linear 0s infinite;animation: run 6s linear 0s infinite;}
.decorate .music.close{background: url(http://al.laohu.com/_s/homem1/stopmusic.png) no-repeat;}
.decorate .video{ display: inline-block; width: 57px; height: 57px; background: url(http://al.laohu.com/_s/homem1/play.png) no-repeat; display: inline-block;}
.area img{ width: auto; display: block; margin: 0 auto;}
.m1 .theme{ position: absolute; top:15%; left:12%;}
.m1 .swan{ position: absolute; top:44%; left:0; width: 100%;}
.m1 .button{ width: 363px; height: 82px; display: block; margin: 0 auto; position: absolute; top:83%; left:126px;}
.m1 .appoint{ width: 363px; height: 82px; display: block; background: url(http://al.laohu.com/_s/homem1/btny.png) no-repeat; }
.m1 .tip{position: absolute; top:93%; left:0; width: 100%; text-align: center;}
.m1 .tip img{vertical-align: bottom;-webkit-animation: fadeInDown 1.5s infinite;-moz-animation: fadeInDown 1.5s infinite;-ms-animation: fadeInDown 1.5s infinite;-o-animation: fadeInDown 1.5s infinite;animation: fadeInDown 1.5s infinite;}

.m1 .star{ display: none;}
.m1 .star span{ display: inline-block; outline: none;}
.m1 .star1{ position: absolute; left:8%; top:44%; -webkit-animation: twinkle 1.5s ease infinite;-moz-animation: twinkle 1.5s ease infinite;-ms-animation: twinkle ease 1.5s infinite;-o-animation: twinkle ease 1.5s infinite;animation: twinkle ease 1.5s infinite;}
.m1 .star2{ position: absolute; left:16%; top:61%; -webkit-animation: twinkle 2.5s ease infinite;-moz-animation: twinkle 2.5s ease infinite;-ms-animation: twinkle ease 2.5s infinite;-o-animation: twinkle ease 2.5s infinite;animation: twinkle ease 2.5s infinite;}
.m1 .star3{ position: absolute; left:47%; top:54%; -webkit-animation: twinkle 1.2s ease infinite;-moz-animation: twinkle 1.2s ease infinite;-ms-animation: twinkle ease 1.2s infinite;-o-animation: twinkle ease 1.2s infinite;animation: twinkle ease 1.2s infinite;}
.m1 .star4{ position: absolute; left:77%; top:42%; -webkit-animation: twinkle 2.8s ease infinite;-moz-animation: twinkle 2.8s ease infinite;-ms-animation: twinkle ease 2.8s infinite;-o-animation: twinkle ease 2.8s infinite;animation: twinkle ease 2.8s infinite;}
.m1 .star5{ position: absolute; left:74%; top:60%; -webkit-animation: twinkle 2s ease infinite;-moz-animation: twinkle 2s ease infinite;-ms-animation: twinkle ease 2s infinite;-o-animation: twinkle ease 2s infinite;animation: twinkle ease 2s infinite;}
.m1 .theme img{ width: 88%;}

.m1 .card{-webkit-perspective: 500;-moz-perspective: 500;-ms-perspective: 500;perspective: 500;-ms-transform: perspective(500px);-moz-transform: perspective(500px); /*重要*/transform-style: preserve-3d; /*重要*/ position: absolute; left:0; top:43%; width: 100%; height: 360px;}

.m1 .card1{position: absolute; left:3%; top:3%;}
.m1 .card2{position: absolute; left:12%; top:60%;}
.m1 .card3{position: absolute; left:43%; top:32%;}
.m1 .card4{position: absolute; left:73%; top:-5%;}
.m1 .card5{position: absolute; left:69%; top:60%;}
.m1 img{transition: 0.6s;transform-style: preserve-3d; /*重要*/}
.m1 .turn{ -webkit-animation: turn 1.5s ease infinite;-moz-animation: turn 1.5s ease infinite; -ms-animation: turn ease 1.5s infinite;-o-animation: turn ease 1.5s infinite;animation: turn ease 1.5s infinite;animation-iteration-count:2;-webkit-animation-iteration-count:2;-moz-animation-iteration-count:2;-ms-animation-iteration-count:2;-o-animation-iteration-count:2;}


.m2 .theme{ position: absolute; top:18%; left:25%;}
.codebox{width: 46%; height: 35%; position: relative; /*background: url(http://al.laohu.com/_s/homem1/codebg.png) no-repeat;*/ background-size: 100% 100%; position: absolute; top:28%; left:28%;}
.codebg .codebg{ position: absolute; left:0; top:0; width: 100%; height: 100%;}
.codebox .codepic{ width:84%; position: absolute; left:8%; top:6%; z-index: 3;}

.sharebox{ display: inline-block; width:86%; height: 230px; padding-bottom: 14px; position: absolute; left:44px; top:69%; background: url(http://al.laohu.com/_s/homem1/share-bottom.png) no-repeat center bottom;}
.sharebox ul{ width: 102%;}
.sharebox li{ width: 32.8%; height: 114px; background: url(http://al.laohu.com/_s/homem1/sharebg.png) no-repeat; background-size: 100%; float: left; display: inline-block; margin:0 2px 2px 0;}
.sharebox li a{ display: block;}
.sharebox .icon1{ /*background: url(http://al.laohu.com/_s/homem1/share-customer.png) no-repeat center 20%;*/}
.sharebox li img{ padding-top: 25px; padding-bottom: 10px;}
.sharebox li span{ display: block;  color: #7e7df2;}
.sharebox a:active{ color: #7e7df2}
.sharebox li .icon5{ padding-top: 5%;}
#pop_ggh,#pop_ggh,#pop_weixin_tip,#pop_browser_share,.popmpt{ display: none;}
.popmpt,.popshare{ position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,.5);}
.prompt_box{width: 461px; height: 201px; background: url(http://al.laohu.com/_s/homem1/popbg.jpg) no-repeat center center;  margin-left: -230px; margin-top: -100px; position: relative; left:50%; top:50%;z-index:102; }
.popmpt .close{ display: inline-block; width: 38px; height: 38px; background: url(http://al.laohu.com/_s/homem1/yy-close.png) no-repeat; position: absolute; right:-40px; top:0;}
.prompt_wechat dt{ width: 150px; height: 150px; float: left; overflow: hidden; padding:25px 12px 25px 18px ;}
.prompt_wechat dd{ display: inline-block; float: left; width: 270px;}
.prompt_wechat h3{ padding:60px 0 8px 0; font-size: 2.2rem; color: #4d4d4d;}
.prompt_wechat dd p{ font-size: 1.8rem; color: #4d4d4d;}

.prompt_qq h1{ text-align: center; font-size: 2.8rem; color: #7f7ee2; padding-top: 40px;}
.prompt_qq h1 a{ color: #7f7ee2;}

.prompt_kehu{ text-align: center;}
.prompt_kehu h1{ color: #333;font-size: 3.2rem;}
.prompt_kehu h1 a{ color: #333;}
.prompt_kehu .kefu_p{  color: #333; padding-top: 34px;}
.prompt_kehu .mail{ font-size: 2.3rem;}

/*#slide_copy,#slide_weixin,#share_btn_wrap{ display: none;}*/
#share_btn_wrap{ text-align: center;transition: left 0.5s;-webikt-transition: left 0.5s; position: absolute; left:0; bottom: 80px; width: 640px;}
#share_btn_wrap span{ display: inline-block; width: 107px; margin: 0 26px; font-size: 2.0rem; color: #fff;}
#share_btn_wrap.ani_left {left: -640px;}

#slide_copy{ position: absolute; left:640px; bottom: 80px; width: 640px;text-align: left;transition: left 0.5s;-webikt-transition: left 0.5s;}
#close_copy {position: absolute;width: 54px;height: 54px;right: 63px;top: -20px;background: url(http://al.laohu.com/_s/homem1/icon_close1.png);background-size: 100% auto; }
#slide_copy.ani_left { left:0;}
#slide_copy .share_copy_t{ color: #fff; font-size: 2.4rem; margin-left: 60px;}
#share_copy_link{width: 484px;height: 66px;padding: 16px;margin: 0.35rem auto 0;color: #2e2e2e;word-wrap: break-word;background-color: #fff; font-size: 2.2rem; margin-top: 30px;}

#slide_weixin.ani_left{ left:0;}
#slide_weixin {position: absolute;width: 640px;left: 640px;bottom: 80px;transition: left 0.5s;-webikt-transition: left 0.5s;}
#close_weixin {position: absolute;width:47px;height: 47px;right: -23px;top: -23px;background: url(http://m.laohu.com/_s/m4/icon_close2.png);background-size: 100% auto;}

.slide_wx_cont{position: relative;width:290px;height: 325px;margin: 0 auto ;background-color: #fff;border-radius: 10px; padding-bottom: 36px;}
.slide_wx_cont p{font-size: 2.4rem; text-align: center; padding: 16px 0 0 0; margin: 0 auto;}
#q_code{ position: relative;width: 248px;height: 248px;margin: 10px auto 0;overflow: hidden; margin}

.article,.list{ background:#f1ecfa url(http://al.laohu.com/_s/homem1/articelbg.jpg) no-repeat center top;}
.article .main,.list .main{ /*background: url(http://al.laohu.com/_s/homem1/articelbg.jpg) no-repeat; background-size: cover; */min-height: 100%; padding-bottom: 30px;}
.intro{ padding-top: 120px;}
.artTitle{/* margin-top: 120px;*/ height: 80px; color: #7e7df2; text-align: center; background-color: #fff; padding-top: 20px;}
.artTitle h3{ font-size: 2.6rem; padding-bottom:6px;}
.artTitle span{ font-size: 2.0rem; color: #7e7df2; margin-right: 20px;}

.article_main{ padding:20px 40px;}
.article_main p{ line-height: 44px; color: #4b5c80; text-indent: 2em; color: #4b5c80; font-size: 2.2rem; padding: 10px 0;}

.list-box{ padding-top: 120px; margin: 0 20px;}
#mj_swipe{ width: 598px; margin-bottom: 30px;}
#mj_swipe img{ width: 600px; }
#mj_swipe .swiper-pagination-bullet {width: 16px;height: 16px;background: url(http://al.laohu.com/_s/homem1/swipe_icon.png);background-size: 100% auto;opacity: 1;}
#mj_swipe .swiper-pagination-bullet-active {background: url(http://al.laohu.com/_s/homem1/swipe_icon_on.png);background-size: 100% auto;}

.article-nav{ height: 58px; border:1px solid #b393fc; line-height: 58px; overflow: hidden; margin-bottom: 10px;}
.article-nav ul{ width: 104%;}
.article-nav li{ margin: 3px 10px; color: #333; font-size: 2.4rem; display: inline-block; padding: 0 18px; height: 52px; line-height: 52px;}
.article-nav li.on{ background: url(http://al.laohu.com/_s/homem1/art_nav.png) no-repeat; background-size: 100% 100%; color: #fff;}

.newbox .new-item{ display: none;}
.new-item .row{ height: 139px; background:url(http://al.laohu.com/_s/homem1/list-item.png) no-repeat; margin-bottom: 10px; display: none;}
.new-item .htitle{ padding-left: 52px; font-size: 2.6rem; color: #b393fc; padding-top: 25px; padding-bottom: 6px;}
.new-item .artitle{ height:30px ; font-size: 2.5rem; line-height: 30px; color: #333; padding-left: 52px; margin-bottom: 8px; display: block; margin-right: 30px;}
.new-item .time{ display: block; padding-left: 52px; color: #757575; font-family: Arial}

.newbox .btnMore{ display: block; width:138px; height: 40px; background-color: #b393fc; color: #fffdfd; text-align: center; line-height: 40px; font-size: 2.0rem; margin: 20px auto; border: 1px solid #d7d7d7; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

/*.prompt_wordview,.prompt_expect{ background: rgba(0,0,0,0);}*/
.prompt_wordview .prompt_box{ height: 650px; width: 474px; background:url(http://al.laohu.com/_s/homem1/worldview.jpg) no-repeat; margin-top: -237px;}
.prompt_wordview .swan_icon{ display: inline-block; width: 273px; height: 241px; background:url(http://al.laohu.com/_s/homem1/swan_icon.png) no-repeat; position: absolute; left:114px; top:-137px;}
.prompt_wordview .poetry{ margin: 0 auto; text-align: center; font-size: 2.0rem; color: #7f7ee2; padding-top: 120px;}
.prompt_wordview .poetry h3{ font-size: 4.4rem; color: #7f7ee2; padding-left: 24px; margin-bottom: 16px;}
.prompt_wordview .poetry p{ line-height: 34px; padding-bottom: 20px;}

.prompt_expect p{ text-align: center; font-size: 4.4rem; color: #1e1e1f; line-height: 200px; overflow: hidden;}
.prompt_video .prompt_box{ width: 640px; height: 340px; margin-top: -170px; margin-left: -320px; background: #000}
.prompt_video .close{ position: absolute; left:314px; top:360px; border-radius: 19px;-webkit-border-radius: 19px; -moz-border-radius: 19px;}

.loading{ background-color:#242528; z-index: 999999;}
.loading .close{ width: 85px; height: 47px; background: url(http://al.laohu.com/_s/homem1/skip.png) no-repeat; position: absolute; right:26px; top:26px;  display:block;}
.loadbox{margin: 0 auto; margin-top: 240px; position: relative; width: 305px; height: 301px; text-align: center;}
.loadbox .loadimg{ width: 138px; height: 83px; display:block; margin:0 auto; position: absolute; z-index: 2; left:97px; top:104px;}
.loadbox .loadshdow{ width: 305px; height: 301px; position: absolute; left:0; top:0; z-index: 4;-webkit-animation: twinkle 1.5s ease infinite;-moz-animation: twinkle 1.5s ease infinite;-ms-animation: twinkle ease 1.5s infinite;-o-animation: twinkle ease 1.5s infinite;animation: twinkle ease 1.5s infinite;}
.k-letter-holder{ text-align: center; }
.k-letter-holder .k-letter{font-size: 2.6rem; color: #b6bde5; display:inline-block;}

.load-container{ height: 20px; text-align: center; position: relative;}
.load-container .load-word{ display:inline-block; background: url(http://al.laohu.com/_s/homem1/loadwd.png); width: 118px; height: 18px;}
.popmpt .role{ width: 100%; position: relative; left:0; top:0; width: 100%; height: 100%; background-color: #000; z-index: 9}
.prompt_lql .close,.prompt_wq .close{ height: 57px; width: 57px; background: url(http://al.laohu.com/_s/homem1/close.png) no-repeat; position: absolute; right:18px; top:26px; z-index: 999}
.progress{ position: absolute; left:46%; top:-32px; font-size: 2.0rem; color: #b6bde5}
.popmpt_layer{ position: fixed; z-index: 101; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0); display:none;}
.ball-pulse{ display: inline-block;}

#wordview,#expect,#wechat,#video,#qq{ height: 100%;}

#pop_ggh,#pop_weixin_tip,#pop_browser_share{ display:none; position:fixed; width:100%; height:100%; left:0; top:0; text-align:center; background:rgba(0,0,0,0.7); z-index:999; overflow:hidden;}
/*#pop_ggh img{ width:7.5rem; height:7.5rem; padding-top:6rem;}*/
/*#pop_ggh p{ padding-top:0.3rem; font:normal 0.6rem/0.95rem "微软雅黑"; color:#fff;}*/
/*#pop_weixin_tip .share_tip{ width:16rem; height:3.65rem; padding-top:1.5rem;font:normal 0.7rem/1.25rem "微软雅黑"; color:#fff; text-align:center; background:url(http://m.laohu.com/_s/m4/share_weixin_bg.png); background-size:100% auto;}*/

#pop_ggh img{ width: 50%; position: absolute; left:50%; top:50%; margin-left: -144px; margin-top: -180px;}
#pop_ggh p{ font-size: 2.0rem; text-align: center; position: absolute; top:64%; width: 100%; color: #fff;}
#pop_weixin_tip .share_tip{ width: 640px; height: 206px; padding-top: 12%;text-align:center; background:url(http://al.laohu.com/_s/homem1/share_weixin_bg.png) no-repeat; background-size:100% auto; color: #fff; font-size: 2.8rem; text-align: center;}


.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);
     -moz-animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
       -o-animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); 
      -ms-animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.ball-pulse  div:nth-child(1) {
  -webkit-animation: scale 1s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 1s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
     -moz-animation: scale 1s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
       -o-animation: scale 1s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
      -ms-animation: scale 1s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.ball-pulse  div:nth-child(2) {
  -webkit-animation: scale 1s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 1s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08); 
     -moz-animation: scale 1s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
       -o-animation: scale 1s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
      -ms-animation: scale 1s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
      }
.ball-pulse  div:nth-child(3) {
  -webkit-animation: scale 1s 0.48s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 1s 0.48s infinite cubic-bezier(.2, .68, .18, 1.08); 
     -moz-animation: scale 1s 0.48s infinite cubic-bezier(.2, .68, .18, 1.08);
       -o-animation: scale 1s 0.48s infinite cubic-bezier(.2, .68, .18, 1.08);
      -ms-animation: scale 1s 0.48s infinite cubic-bezier(.2, .68, .18, 1.08);
    }
.ball-pulse  div {background-color: #b6bde5;width: 4px;height: 4px;border-radius: 100%;margin: 2px;-webkit-animation-fill-mode: both;animation-fill-mode: both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;display: inline-block; }

@-webkit-keyframes turn { 
    0% {transform: rotateY(0deg); }
   100% { transform: rotateY(360deg); } 
}
@-moz-keyframes turn { 
     0% {transform: rotateY(0deg); }
   100% { transform: rotateY(360deg); } 
}
@-ms-keyframes turn { 
     0% {transform: rotateY(0deg); }
   100% { transform: rotateY(360deg); } 
}
@-o-keyframes turn { 
     0% {transform: rotateY(0deg); }
   100% { transform: rotateY(360deg); } 
}
@keyframes turn { 
     0% {transform: rotateY(0deg); }
   100% { transform: rotateY(360deg); } 
}

@-webkit-keyframes run{
    from{     
            -webkit-transform:rotate(0deg);     
        }     
    to{     
        -webkit-transform:rotate(360deg);     
    }
}
@-moz-keyframes run{
    from{     
            -webkit-transform:rotate(0deg);     
        }     
    to{     
        -webkit-transform:rotate(360deg);     
    }
}
@-ms-keyframes run{
    from{     
            -webkit-transform:rotate(0deg);     
        }     
    to{     
        -webkit-transform:rotate(360deg);     
    }
}
@-o-keyframes run{
    from{     
            -webkit-transform:rotate(0deg);     
        }     
    to{     
        -webkit-transform:rotate(360deg);     
    }
}

@keyframes run{
    from{     
            -webkit-transform:rotate(0deg);     
        }     
    to{     
        -webkit-transform:rotate(360deg);     
    }
}
@-webkit-keyframes fadeInDown { 
    0% { opacity: 0; -webkit-transform: translateY(-20px); }
   100% { opacity: 1; -webkit-transform: translateY(0); } 
}
@-moz-keyframes fadeInDown { 
    0% { opacity: 0; -moz-transform: translateY(-20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } 
}
@-ms-keyframes fadeInDown { 
    0% { opacity: 0; -ms-transform: translateY(-20px); }
  100% { opacity: 1; -ms-transform: translateY(0); } 
}
@-o-keyframes fadeInDown { 
    0% { opacity: 0; -ms-transform: translateY(-20px); }
  100% { opacity: 1; -ms-transform: translateY(0); } 
}
@keyframes fadeInDown { 
    0% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 1; transform: translateY(0); } 
}

@-webkit-keyframes twinkle{
  
    00%{opacity: 0.6;filter: alpha(opacity=60); -webkit-transform: scale(1,1);}
    100%{opacity: 1;filter: alpha(opacity=100); -webkit-transform: scale(1.3,1.3);}
}
@moz-keyframes twinkle{
    50%{opacity: 0.8;filter: alpha(opacity=80); -webkit-transform: scale(1,1);}
    100%{opacity: 1;filter: alpha(opacity=100); -webkit-transform: scale(1.3,1.3);}
}
@-ms-keyframes twinkle{
    50%{opacity: 0.8;filter: alpha(opacity=80); -webkit-transform: scale(1,1);}
    100%{opacity: 1;filter: alpha(opacity=100); -webkit-transform: scale(1.3,1.3);}
}
@-o-keyframes twinkle{
   50%{opacity: 0.8;filter: alpha(opacity=80); -webkit-transform: scale(1,1);}
    100%{opacity: 1;filter: alpha(opacity=100); -webkit-transform: scale(1.3,1.3);}
}
@keyframes twinkle{
   50%{opacity: 0.8;filter: alpha(opacity=80); -webkit-transform: scale(1,1);}
    100%{opacity: 1;filter: alpha(opacity=100); -webkit-transform: scale(1.3,1.3);}
}



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