/*dzycq.cn*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%;font-size: 50px;}
body,button,dd,dl,dt,footer,h1,h2,h3,h4,input,li,nav,ol,p,textarea,ul{margin:0;padding:0}
em,i{font-style:normal}
input{-webkit-appearance:none;appearance:none}
input:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
textarea{resize:none}
li,ol,ul{list-style:none}
img{vertical-align:middle;border:0;max-width:100%;-webkit-tap-highlight-color:transparent}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#c3c3c3}
.fl{float:left}
.fr{float:right}
.ellipsis{white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.black{color: #1a1a1a}
.gary{color:#5f5f5f}
.gs{color: #bcbec2;}
.red{color:#fe4527}
.orange{color: #fe8c13;}
.hide{display: none!important;}
.show{display: block!important;}
.fm{font-size: .2rem}
.mgb14{margin-bottom: .14rem}
.mgt10{margin-top: .1rem}
.tc{text-align: center;}
.cl{zoom:1}
.cl:after{clear:both;content:'\0020';display:block;visibility:hidden;height:0}
body{min-width:320px;height:100%;font:.24rem/1.4 -apple-system-font,"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,sans-serif; background-color: #f5f5f5;color: #212121; -webkit-overflow-scrolling:touch;}
.v2{background-color:#000000;color:#c3c3c3;padding-bottom: .98rem;height: auto;}
.bw{background: #fff;}
.dark{background: #2a2a2a;}
.loading{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999;text-align:center}
.loading span{display:inline-block;background-color:rgba(255,255,255,.8);color:#000;height:.5rem;line-height:.5rem;-moz-border-radius:.25rem;border-radius:.25rem;min-width:1.2rem;position:absolute;top:.28rem;right:.26rem;font-size:.26rem}
.loading i{color:red}
.warp{width:7.5rem;margin:0 auto;}
.header,.tabbar,.menu{position:fixed;z-index:100;width:7.5rem;left:50%;margin-left:-3.75rem}
.header{top:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0 .25rem;height:1rem;line-height:1rem;background:#101010;}
.ht{text-align:center;font-size:.32rem}
.back{position:absolute;top:.25rem;left:.25rem;display:block;width:.5rem;height:.5rem}
.back::after{position:absolute;top:50%;left:50%;display:inline-block;margin:-.12rem 0 0 -.05rem;width:.24rem;height:.24rem;border-color:#fff;border-style:solid;border-width:.03rem .03rem 0 0;content:"";-webkit-transform:matrix(-.71,.71,.71,.71,0,0);-moz-transform:matrix(-.71,.71,.71,.71,0,0);-ms-transform:matrix(-.71,.71,.71,.71,0,0);-o-transform:matrix(-.71,.71,.71,.71,0,0);transform:matrix(-.71,.71,.71,.71,0,0)}
.dt .back::after{border-color:#fff}
.tw_logo{float:left;display:block;width:2.1rem;height:.68rem;background:url('../images/logo.png') no-repeat center/cover;margin-top:.15rem}
/*菜单icon*/
.menu_btn{width: .58rem;height: .58rem; border-radius: 50%; top: .2rem; right: .25rem; position: absolute;}
.menu_btn i,.menu_btn i:before,.menu_btn i:after{width:.5rem;height:.08rem; border-radius: .04rem; background:#fff;position:absolute;-webkit-transition:all .5s;transition:all .5s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.menu_btn i{left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.menu_btn i:before{content:"";top:-.16rem}
.menu_btn i:after{content:"";top:.16rem}
.menu_btn.cur i{background:transparent}
.menu_btn.cur i:before{top:0;-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.menu_btn.cur i:after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.menu{display: none;top: 0;z-index: 99;bottom:0;background: rgba(0,0,0,.9);}
.menu ul{border-top: 1px solid #383838; margin: 1.2rem .35rem 0;}
.menu li{height: .8rem;}
.menu li a{display: block;line-height: 1.1rem;font-size: .3rem;color: #c3c3c3; padding: 0 .2rem;}
.menu li a:hover {color: #fff;}
.menu.menu_show{-webkit-animation: fadeInDown .5s 0s ease-in-out both;animation: fadeInDown .5s 0s ease-in-out both;}
.menu.menu_hide{-webkit-animation: fadeOutUp .5s 0s ease-in-out both;animation: fadeOutUp .5s 0s ease-in-out both;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:none;transform:none}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}
@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:none;transform:none}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}
.header .search_btn{display:block;position:absolute;right:.05rem;top:.18rem;width:1.1rem;height:.66rem;line-height:.66rem;text-align:center;font-size:.3rem;font-weight:700}
.header~.container{border-top:1rem solid transparent}
.btn_tw_navback{display:block;position:absolute;top: .36rem;left: .2rem;width: .2rem;height: .2rem;border-top: .02rem solid #333;border-left:.02rem solid #333;transform: rotate(-45deg);cursor: pointer;z-index: 1;}
.btn_tw_navback::before{content:'';display: block;position: absolute;top: -5px;left: -5px;right: -2px;bottom: -2px;cursor: pointer;}
/*推荐游戏模块*/
.cell,.flex{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:.25rem .36rem}
.cell:before,.title::before,.rec_sy::before{content:"";position: absolute;left: 0;bottom: 0;right: 0;height: 1px;border-top: 1px solid #2a2a2a;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);left: 0;z-index: 2;}
.cell:last-child::before{border:none}
.c_bd,.flex_item{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.cell .tit{font-size:.3rem;line-height:.43rem;overflow:hidden}
.cell .desc{font-size:.24rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.cell .desc .cat{margin-left: .1rem;}
.cell_ft{color:#9a9a9a;text-align:right}
.c_hd{margin-right:.3rem;-moz-border-radius:.08rem;border-radius:.08rem;overflow:hidden}
.tag{position:relative;display:inline-block;margin:0 .05rem;border:1px solid #ccc;padding:.06rem .15rem;line-height:1;-moz-border-radius:.03rem;border-radius:.03rem;font-size:.2rem;color:#ccc;font-size:12px;white-space:nowrap}
.tag_red{border-color:#ec615c;color:#ec615c}
.tit .tag{background-color:#f84a43;border-color:#f84a43;color:#fff}
.tag_purple{border-color:#9000ff;color:#9000ff}
.tag_blue{border-color:#00a8ff;color:#00a8ff}
/*底部菜单*/
.tabbar{bottom: 0;background: #101010d1;height: .98rem;border-top: 1px solid #282828;display:-webkit-box;display:-webkit-flex;display:flex;z-index:10;}
.tabbar a{color: #909090;line-height: .98rem;text-align: center;font-size: .22rem;flex: 1;display:flex;align-items:center;justify-content: center;}
.tabbar i{display: inline-block;width: .36rem;height: .36rem; background:url('../images/tabbar.png') no-repeat -999px / 1.44rem .72rem; margin-right: .08rem;}
.tabbar .cur, .tabbar a:hover{color: #fde701;}
.tabbar .home_icon{background-position: 0 0;}
.tabbar .news_icon{background-position: -.36rem 0;}
.tabbar .welfare_icon{background-position: -.72rem 0;}
.tabbar .pay_icon{background-position: -1.08rem 0;}
.tabbar .cur i{background-position-y: -.36rem;}
.home .header{background: linear-gradient(to top,transparent 0%,rgba(0,0,0,.8) 100%); padding: 0 .36rem 0 .4rem;position: absolute;}
.home .swiper{height: 10.4rem;text-align: center;}
.home .swiper img,.detail_main img{display: block;width: 100%;}
.home .swiper .down{display: block; width: 1.6rem; line-height: .5rem; font-size: .23rem;color:#383838;background: #fde701; border-radius: .25rem; position: absolute; left: 50%; margin-left: -.8rem; bottom: 1.5rem;z-index: 999;}
.home .swiper .down:hover{background: #ccff00;}
.home .swiper-pagination{bottom: .7rem;}
.home .swiper-pagination span{display: inline-block;width:.2rem;height:.2rem;border-radius: 50%;opacity:1;background: #fff; margin: 0 .2rem!important; -webkit-transition: all .2s linear; transition: all .2s linear;}
.home .swiper-pagination .swiper-pagination-bullet-active{background: #fde701;}
.title{height:.76rem;line-height:.76rem;padding:0 .37rem;position: relative;color: #fde701;}
.title::before{border-top: none; border-bottom: 1px solid #383838;}
.title.t2{border-top:1px solid #eee;border-bottom:none}
.more{float:right;color:#919191;padding-right:.2rem;position:relative}
.more:after{content:" ";display:inline-block;height:.12rem;width:.12rem;border-width:.02rem .02rem 0 0;border-color:#757575;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);-moz-transform:matrix(.71,.71,-.71,.71,0,0);-ms-transform:matrix(.71,.71,-.71,.71,0,0);-o-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:relative;position:absolute;top:50%;margin-top:-.06rem;right:0}
.t{position:relative;font-size:.3rem;float:left}
.t span{position:relative;display:inline-block;z-index:2}
.t::before{content:"";width:.55rem;height:.08rem;-moz-border-radius:.04rem;border-radius:.04rem;background:#4c4a32;position:absolute;left:-.01rem;bottom:.2rem;z-index:0}
/*热门推荐*/

.st{margin: .25rem .25rem 0 .25rem; position: relative;color: #fde701;line-height: 1;}
.st h3{font-weight: bold;font-size: .38rem;}
.st .en{position: relative; padding-left: .44rem;}
.st .en::before{content: ''; position: absolute; left: 0; bottom: 0.04rem; width: 1.3rem; height: .05rem; background: #595238;}
.st em{font-size: .12rem;text-transform: uppercase; opacity: .8; font-style: italic;}
.st .more{float: none; position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #757575;}
.part{margin: .25rem; background: #2a2a2a;border-radius: .1rem;}
.part .cell{padding: .24rem; font-size: .2rem;}
.part .cell:before{border-color: #383838;}
.part .c_hd{width: .96rem;height: .96rem;border-radius: .14rem;}
.part .tit{font-size: .24rem;color: #fff;}
.part .c_bd p{}
.kfbox {background: #000; }
.game-kf{text-align: center; color: #41ffa7; border: 1px solid #41ffa7; padding: 0.1rem; border-radius: 0.1rem; }
.glist .c_hd{width:1.24rem;height:1.24rem;-moz-border-radius:.18rem;border-radius:.18rem}
.glist .tip{margin:.07rem 0}
.glist .size{padding:0 .14rem;margin:0 .18rem;position:relative}
.glist .size::after,.glist .size::before{content:"";width:1px;height:.16rem;background:#5f5f5f;position:absolute;top:50%;margin-top:-.08rem}
.glist .size::before{right:0}
.glist .size::after{left:0}
.btn{display:inline-block;border:.02rem solid #5f5f5f;border-radius:.3rem;padding:.1rem .4rem;min-width: .5rem;color: #c3c3c3;}
.cell:hover .btn{color: #333;background: #fde701;    color: #383838;border:#5f5f5f}
.alist .cell{padding:.24rem .36rem}
.alist .c_hd{width:2.4rem;}
.alist .tit{height:.86rem}
.part h3 {padding: 0.24rem;font-size: .34rem; color: #fbff00;}
.part .top1 .c_hd {width: 3rem; height: auto; border-radius: 0.1rem; }
.top1 .kfpic{    display: flex;}
.top1 ul li {width:25%}
.top1 .down-text {text-align: center; overflow: hidden; text-overflow: ellipsis; background: #4383f4; background-image: -webkit-linear-gradient(left, #28c5fe 0%, #4383f4 100%); background-image: -o-linear-gradient(left, #28c5fe 0%, #4383f4 100%); background-image: linear-gradient(90deg, #28c5fe 0%, #4383f4 100%); animation: rainbow 3s infinite, heartbeat 0.6s infinite; border-radius: 0.3rem; padding: 0.1rem 0.4rem; width: 1rem; display: block;}


.part .cell i.rank1 {background-position: -124px -134px;} 
.part .cell i.rank2 { background-position: -151px -134px; } 
.part .cell i.rank3 { background-position: -178px -134px; } 
.part .cell i { display: block; width: 24px; height: 30px; background-position: -124px -168px;  color: #fff; line-height: 1.45rem; text-align: center; position: relative; top: 0.35rem; left: 0; margin-right: 0.12rem; background-image: url(../images/icon.png);  }

/**/
.topic_fist{margin:.24rem .36rem;-moz-border-radius:.08rem;border-radius:.08rem;overflow:hidden;position: relative;}
.topic_name{height:.7rem;text-align:center;line-height:.7rem;position: absolute; bottom: 0;background:#eff0f5; width: 100%; -moz-border-radius: 0 0 .08rem .08rem; border-radius: 0 0 .08rem .08rem;} 
.nb .cell:before{border:none}
.top{display:block;width:.77rem;height:.77rem;background:rgba(242,242,242,.83);border:1px solid #cdcfd5;position:fixed;right:.35rem;top:50%;z-index:99999;margin-top:-.5rem;border-radius:50%;display:none}
.top::after{content:" ";display:inline-block;height:.3rem;width:.3rem;border-width:.03rem .03rem 0 0;border-color:#ff872f;border-style:solid;-webkit-transform:matrix(.71,-.71,.71,.71,0,0);-moz-transform:matrix(.71,-.71,.71,.71,0,0);-ms-transform:matrix(.71,-.71,.71,.71,0,0);-o-transform:matrix(.71,-.71,.71,.71,0,0);transform:matrix(.71,-.71,.71,.71,0,0);position:relative;position:absolute;top:.3rem;left:50%;margin-left:-.15rem}

/*文章*/
.content{padding: 0.25rem; background: #2a2a2a; border-radius: 0.1rem;}
.content h1{  padding: 0.2rem 0;color: #fde701;}
.content .art-info {color: #646464;border-top: 1px solid #383838; border-bottom: 1px solid #383838;padding: 0.1rem 0;}
.article img {margin: 0 auto;display: block;  width: 100%;  height: auto;}
.article{  font-size: .28rem;margin-top:.2rem;line-height:.45rem;}
.article p{padding: 0.1rem 0;padding: 0.1rem 0;}
.article h3{    color: #eda400;}
.article p strong{    color: #dd0051;}
.article *{max-width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap:break-word}
h2,h2-tt{line-height: 0.8rem; font-size: 1.6em; color: #e1c8aa;}
.related{padding:.1rem 0;padding-left: 0.3rem}

.related li{list-style: disc; color: #624d21; border-bottom: 1px dashed #484132;     line-height: .6rem; }
.related li span{margin:0 .15rem 0 0}
.related li a:hover { color: #ededed; }

.pack li{border-bottom:1px solid #383838;padding:.25rem 0}
.pack li .desc{line-height:.32rem;color:#919191}
.pack .pt{line-height:.5rem}
.gift_game .btn,.pack .pt .btn{color:#fc3f36;border-color:#fc3f36;font-size:.26rem;float:right;padding:0 .3rem;line-height:.46rem}
.pack .num{margin:.05rem 0 .1rem}
.progress{float:left;width:3.2rem;height:.08rem;-moz-border-radius:.04rem;border-radius:.04rem;background:#f5f5f5;overflow:hidden;margin:.12rem .1rem 0 0}
.progress .progress_bar{display:block;height:.08rem;background-color:#f55e57;width:0}
.footbtn{height:1.4rem}
.foot_fixed{padding:.32rem .35rem;position:fixed;bottom:0;left:0;right:0;z-index: 10;}
.btn_big{display:block;line-height:.8rem;width:100%;font-size:.32rem;text-align:center;-moz-border-radius:.08rem;border-radius:.08rem}
.btn_big,.copy,.pop_main::after{color:#333; background:#fde700;background:-moz-linear-gradient(left,#ffd901,#fdee01);background:-webkit-gradient(linear,0 100%,from(#ffd901),to(#fdee01));background:-webkit-linear-gradient(left,#ffd901,#fdee01);background:-o-linear-gradient(left,#ffd901,#fdee01)}
.btn_disabled{background: #e4e4e4;color: #8f9093;}
.btn_link{background:#fde700;border-color:#fde700;color:#212121;font-size:.26rem}
/*文章列表*/
.container{background: #2a2a2a; border-radius: 0.1rem; }
.tab_cont{height: 1rem;}
.tab{text-align:center;font-size:.32rem;}
.tab_cont .tab{position: fixed;top: 1rem; width: 7.5rem; left: 50%; margin-left: -3.75rem; background: #383838; height: 1rem;z-index: 10;}
.tab a{margin:0 .25rem;line-height:1rem;display:inline-block;position:relative;color: #c3c3c3;}
.tab a span{z-index:10;position:relative}
.tab a.cur{color:#fff;font-weight:700}
.tab a.cur::after{content:"";width:.55rem;height:.08rem;-moz-border-radius:.04rem;border-radius:.04rem;background:#fde700;position:absolute;left:0;width:100%;bottom:.28rem;z-index:0}
.tab a:hover{color: #fde700}

.cell .c_dot{background-color: #e12222;width: .15rem;height: .15rem;border-radius: 50%;}
.cell_access .c_ft{padding-right:.4rem;position:relative}
.cell_access .c_ft::after{content:" ";display:inline-block;height:.16rem;width:.16rem;border-width:2px 2px 0 0;border-color:#bababa;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);-moz-transform:matrix(.71,.71,-.71,.71,0,0);-ms-transform:matrix(.71,.71,-.71,.71,0,0);-o-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-.08rem;right:.1rem}
.my_coin{color: #edad35;font-size: .3rem;padding-left: .55rem;line-height: .8rem;}
.recent{margin:.12rem 0 .08rem}
.myg{width:.76rem;height:.76rem;margin-left:.2rem;-moz-border-radius:.08rem;border-radius:.08rem;overflow:hidden}
.md_pic{padding:.32rem .36rem 0 .36rem}
.md_pic_hd{position:relative;-moz-border-radius:.08rem;border-radius:.08rem;overflow:hidden}
.md_pic_tit,.tw_activity .bt{position:absolute;padding:0 .44rem;bottom:0;height:.86rem;line-height:.86rem;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;font-size:.3rem;color:#fff;background:url(../images/bt.png) repeat-x left top/.5rem 1.13rem}
.md_pic_tit::after,.tw_activity .bt::after{content:"";display:block;width:.13rem;height:.3rem;background:#fc3f36;-moz-border-radius:.06rem;border-radius:.06rem;position:absolute;left:.23rem;top:50%;margin-top:-.15rem}
.info_list li{border-bottom:1px solid #383838;padding:0 .36rem;line-height:.83rem;height:.83rem;overflow: hidden;}
.info_list li a{font-size:.28rem;display:block;height:.83rem;overflow:hidden;float: left; width: 5.4rem;text-overflow: ellipsis;white-space: nowrap; word-wrap: break-word;}
.info_list li a:hover{    color: #ededed;}

.listNyPage { width: 100%; text-align: center; line-height: 0.6rem;     font-size: .18rem; padding: 0.1rem 0;   }
.listNyPage a { padding: 0 3px; color: #555; }
/*客服*/
.user_head{background:url(../images/my_head.jpg) no-repeat center top/100% auto;height:3.2rem;padding-top:1rem;position:relative;color:#fff;text-align:center;font-size:.28rem}
.user_head .user_login{color:#383838;background:#fff801;line-height:.6rem;width:2.2rem;text-align:center;font-size:.26rem;display:inline-block;-moz-border-radius:.3rem;border-radius:.3rem;-webkit-box-shadow:0 .12rem .2rem rgba(255,168,0,.35);-moz-box-shadow:0 .12rem .2rem rgba(255,168,0,.35);box-shadow:0 .12rem .2rem rgba(255,168,0,.35)}
.user_head .avatar{width:2rem;height:2rem;position:relative;background-color:#fff;background-position:center;background-repeat:no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;background-size:100% auto;-moz-border-radius:15%;border-radius:15%;margin:0 auto .3rem;border:.03rem solid #fff}
.user_list .cell{min-height:.54rem;padding:.34rem .35rem .28rem;font-size:.3rem;background:#2a2a2a}

.cell:before,.rec_sy::before,.title::before{content:"";position:absolute;left:0;bottom:0;right:0;height:1px;border-top:1px solid #2a2a2a;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:0;z-index:2}
.user_list .icon{display:inline-block;width:.7rem;height:.54rem;margin-right:.3rem;background:url(../images/user_icon.png) no-repeat -9999px -9999px/.7rem auto}
.user_list .u2{background-position:0 -.78rem}
.user_list .u3{background-position:0 -1.48rem}
.c_bd,.flex_item{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
/*底部*/
.footer-widtet{  color: #626262; text-align: center;  margin: 0.25rem;}
.footer-widtet .safety a { color: #626262;    font-size: 0.14rem; }
.footer-widtet .safety i{display:inline-block;width:26px;height:26px;vertical-align:middle;margin-right:5px;margin-bottom:2px}
.footer-widtet .safety .icon_safe1{background:url("../images/ico_china2.png") no-repeat;background-size:100% 100%}
.footer-widtet .safety .icon_safe2{background:url("../images/ico_weifa2.png") no-repeat;background-size:100% 100%}
.footer-widtet .safety .icon_safe3{background:url("../images/ico_wh2.png") no-repeat;background-size:100% 100%}
.footer-widtet .safety .icon_safe6{background:url("../images/ts.png") no-repeat;background-size:100% 100%}
.footer-widtet .safety .icon_lj{background:url("../images/ico_lese.png") no-repeat;background-size:100% 100%}
.footer-widtet .safety .icon_police{background:url("../images/ico_police.png") no-repeat;background-size:100% 100%}
/*烟火*/
.smoke { position: absolute; left: 0; right: 0; bottom: 0px; height: 484px; width: 100%; background-image: url(../images/smoke.png); background-position: left top; background-repeat: repeat-x; -webkit-animation: smoke 20s linear infinite; animation: smoke 20s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@-webkit-keyframes smoke { 0% { background-position: left -1920px top; }
  100% { background-position: left 1920px top; } }

@keyframes smoke { 0% { background-position: left -1920px top; }
  100% { background-position: left 1920px top; } }


.sparks { position: absolute; width: 100%;   bottom: 80px; z-index: 1;     max-width: 100%;}
.sparks > div { position: absolute; }
.sparks .spark_1 { background: url(../image/spark_1.png) no-repeat; width: 100%;max-width: 100%; height: 313px; right: 0; bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-1 4s linear infinite; animation: spark-1 4s linear infinite; -webkit-animation-delay: 1s; animation-delay: 1s; }
.sparks .spark_2 { background: url(../image/spark_2.png) no-repeat; width: 179px; height: 335px; right: 230px; bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-1 4s linear infinite; animation: spark-1 4s linear infinite; -webkit-animation-delay: 2s; animation-delay: 2s; }
.sparks .spark_3 { background: url(../image/spark_3.png) no-repeat; width: 128px; height: 165px; right: 280px; bottom: -140px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-3 4s linear infinite; animation: spark-3 4s linear infinite; -webkit-animation-delay: 2s; animation-delay: 2s; }
.sparks .spark-big { background: url(../image/spark_4.png) no-repeat; width: 100%; height: 176px; right: 0; bottom: -180px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-5 4s linear infinite; animation: spark-5 4s linear infinite; max-width: 100%}
.sparks .spark_5 { -webkit-animation-delay: 2s; animation-delay: 2s; right: 40px; }

.sparks_2 .spark_1 { background: url(../images/spark_1.png) no-repeat; -webkit-animation-delay: 2s; animation-delay: 2s; }
.sparks_2 .spark_2 { background: url(../images/spark_2.png) no-repeat; -webkit-animation-delay: 3s; animation-delay: 3s; }
.sparks_2 .spark_3 { background: url(../images/spark_3.png) no-repeat; -webkit-animation-delay: 3s; animation-delay: 3s; }
.sparks_2 .spark-big { background: url(../images/spark_4.png) no-repeat; }
.sparks_2 .spark_5 { -webkit-animation-delay: 3s; animation-delay: 3s; }

@keyframes rainbow {
  0% {
    background: #1abc9c;
  }
  10% {
    background: #2ecc71;
  }
  20% {
    background: #3498db;
  }
  30% {
    background: #9b59b6;
  }
  40% {
    background: #e74c3c;
  }
  50% {
    background: #e67e22;
  }
  60% {
    background: #f1c40f;
  }
  70% {
    background: #2c3e50;
  }
  80% {
    background: #9b59b6;
  }
}
@keyframes heartbeat {
  50% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes spark-1 { 0% { bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -240px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -160px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: -80px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 0px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }

@keyframes spark-1 { 0% { bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -240px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -160px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: -80px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 0px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@-webkit-keyframes spark-3 { 0% { bottom: -140px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -80px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -20px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 40px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 100px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@keyframes spark-3 { 0% { bottom: -140px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -80px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -20px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 40px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 100px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@-webkit-keyframes spark-5 { 0% { bottom: -180px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -120px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -60px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 0px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 60px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@keyframes spark-5 { 0% { bottom: -180px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -120px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -60px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 0px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 60px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@-webkit-keyframes rotate1{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}
@-moz-keyframes rotate1{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}
@-o-keyframes rotate1{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(360deg)}}
@-ms-keyframes rotate1{0%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(360deg)}}
@keyframes rotate1{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}