/* CSS Document */
@charset "utf-8";
/*
*description:
*@author:LeeKangJie
*update:2016.10.31
*ver:1.0.0
*/
html{overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,section {padding: 0;margin: 0;}
a{text-decoration:none;outline: none;}
:focus{outline:none;}
table {border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var,i {font-weight: normal;font-style: normal;}
strong{font-weight: bold;}
ul{list-style: none;margin:0;padding:0;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;margin:0;padding:0;}
input,button,textarea,select{outline:none; *font-size:100%; margin:0; border:0;}
body{font-family: "Microsoft YaHei";background: #e3e3e1;}
.gift li,.before li,.header .tools a,.bdsharebuttonbox,.boss-box p,.boss-box ul,.boss-box ul li
{
    display: inline-block !important;
    *display: -moz-inline-stack !important;
    *zoom:1 !important;
    *display: inline !important;     
}
.invite-box p
{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;    
}
.player-life p,.boss-life p,.boss
{
    -webkit-transition: all .5s ease-out;
       -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out; 
         -o-transition: all .5s ease-out;
            transition: all .5s ease-out;    
}
.clearfix:after{display:table;content:" ";clear:both;}
.clearfix{*zoom:1;}
.fl{float: left;}
.fr{float: right;}
.pl{position: absolute;top:0;left: 0;}
.pr{position: absolute;top:0;right: 0;}
#footer{min-width:1000px;margin:30px auto 0 auto;clear:both; height:100px; padding-top:10px; color:#fff;position: relative;z-index: 2;width: 100%;line-height:24px; background:#000;}
#footer div{text-align:center;color:#fff; font-size:12px; margin-top:5px;}
#footer div a{ color:#fff; margin:0 10px; }
#footer a{ text-decoration:none; color:#fff;}
#footer a:hover{text-decoration: underline;}
img.loading
{
    width: 32px !important;
    height: 32px !important;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    margin: -16px 0 0 -16px !important;
}

#container{min-width: 1000px;position: relative;overflow: hidden;background:url(../img/bg_top.jpg) no-repeat center top;}

.header,.article{
    width: 1000px;
    position: relative;
    margin: 0 auto;
}
.header{height: 500px;}
.header img{vertical-align: top;}
.header .tools{width: 100%;height:50px;position: absolute;left: 0;bottom: 55px;font-size: 0;}
.header .tools a{width: 160px;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #491112;margin: 0 0 0 30px;}
.header .tools a:first-child{margin: 0 0 0 15px;background: url(../img/bg_btn.jpg) no-repeat left top;}
.header .tools a:first-child+a{background: url(../img/bg_btn.jpg) no-repeat -160px top;}
.header .tools a:first-child+a+a{background: url(../img/bg_btn.jpg) no-repeat -320px top;}

.section h2.tit{height: 45px;line-height: 45px;font-size: 20px;color: #fff;padding:0 15px;margin:20px 0;background: #685e5c;}

#section1{position: relative;margin:20px 0 0 0;}

.gift{font-size: 0;text-align: center;}
.gift li{width: 230px;height: 150px;background: url(../img/bg_gift.jpg) no-repeat;margin: 0 0 0 26px;position: relative;vertical-align: top;}
.gift li:first-child{margin: 0;}
.gift li p:first-child+p{color: #3a302d;font-size: 16px;position: absolute;bottom: 10px;left: 0;width: 100%;}
.gift li img{position: absolute;top: 43%;left: 50%;}
.gift li:first-child img{margin: -48px 0 0 -36px;}
.gift li:first-child+li img{margin: -50px 0 0 -49px;}
.gift li:first-child+li+li img{margin: -47px 0 0 -45px;}
.gift li:first-child+li+li+li img{margin: -48px 0 0 -55px;}

.before{height: 120px;font-size: 0;text-align: center;}
.before li{width: 180px;height: 100%;font-size: 12px;margin: 0 0 0 25px;}
.before li:first-child{margin: 0;}
.before li a{display: block;width: 100%;height: 100%;position: relative;}
.before li span{color: #fff;line-height: 25px;height: 25px;text-align: center;display: block;position: absolute;width: 100%;left: 0;bottom: 0;background: url(../img/black.png);}

#bubbling{width: 160px;height: 142px;background: url(../img/bubbling.png) no-repeat center top;position: absolute;left: 15px;top: 445px;z-index: 9;display: none;}
#bubbling li{width:125px;margin:0 auto;font-size: 16px;text-align: center;color: #333;padding: 7px 0;border-bottom: 1px dashed #ebe9e7;}
#bubbling li a{color: #333;}
#bubbling li:hover,#bubbling li a:hover{color: #ba2217;}
#bubbling li:first-child{padding: 20px 0 10px 0;}

/*game loading*/
#nprogress{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #000;z-index: 999;width: 100%;height: 100%;}
.spinner-icon{display: none!important;}
.splash {position:absolute;top:40%;left:0;right:0;margin: auto;width: 100%;}
.splash img {display: block;margin-left: auto;margin-right: auto;height: 100px;width: 100px;}
.card {background-color: #000;padding: 20px 25px 15px;margin: 0 auto 25px;width: 380px;}
.mybar {background: #ccc;height:10px;}
.progress {height: 10px;overflow: hidden;}
.lead{color: #fff;padding: 0 0 10px 0;}

/*game*/
.game-box{height: 525px;background: url(../img/bg_game.png) no-repeat center top;}
iframe.game{width: 1000px;height: 725px;position: relative;z-index: 1;}
.game-info{height: 200px;background: #fff;}
.game-box h2{font-size: 30px;color:#ffdba5;text-align: center;font-weight: bolder;padding: 10px 0 0 0;}
.hero-box{width: 420px;height:100%;background: url(../img/icon02.png) no-repeat right center;text-align: center;padding: 30px 0 0 0;}
.hero-box h4{background: url(../img/icon01.png) no-repeat center;height: 56px;line-height:45px;font-size: 22px;color: #333;}
.hero-box p{font-size: 16px;color: #777;margin: 14px 0 0 0;padding: 0 0 0 100px;text-align: left;}
.hero-box p b{color: #ff8a00;}
.invite-box{width: 480px;height:200px;text-align: center;padding: 0 40px 0 0;position: absolute;right: 0;bottom: 0;z-index: 99;}
.invite-box p{font-size: 14px;padding: 35px 0;}
/*生命*/
.life-box{height: 55px;border-bottom: 3px solid #d9d9d9;width: 840px;margin: 0 auto;background: url(../img/ko.png) no-repeat center bottom;}
.player-life,.boss-life{width: 350px;height: 23px;background: #e5e5e5;margin: 32px 0 0 0;position: relative;}
.player-life p,.boss-life p{width: 100%;height: 100%;background: url(../img/bg_life.jpg);position: absolute;top: 0;}
.player-life p{left: 0;}
.boss-life p{right: 0;}
.player-life span,.boss-life span{position: absolute;color: #333;font-size: 16px;top: 40%;margin: -8px 0 0 0;font-weight: bolder;z-index: 2;}
.player-life span{left: 10px;}
.boss-life span{right: 10px;}
#pk{position: absolute;width: 100%;top: 40%;left: 0;margin: -26px 0 0 0;z-index: 99;}
#pk a{width: 225px;height: 52px;background: url(../img/pk_btn.png) no-repeat left top;display: block;margin: 0 auto;}
.boss-box{width: 100%;height: 50px;position: absolute;left: 0;top: 475px;background: #000;}
.boss-box p{padding: 0 0 0 110px;height: 100%;line-height: 50px;color: #fff;}
.boss-box p,.boss-box ul{vertical-align: top;}
.boss-box li{color: #9e9c9c;margin: 0 0 0 50px;height:50px;width:20px;background: url(../img/li01.png) no-repeat center;vertical-align: middle;}
.boss-box li.hover{width: 30px;height: 27px;background: url(../img/li03.png) no-repeat center;}
.boss-box li.out{background: url(../img/li02.png) no-repeat center;}
.role-box{width: 100%;height: 425px;position: absolute;top: 50px;left: 0;overflow: hidden;}
.player,.boss{width: 186px;height: 276px;position: absolute;top: 60%;margin: -139px 0 0 0;opacity: 1;filter: alpha(opacity=100);}
.player{background: url(../img/player.png) no-repeat left top;left: 80px;}
.boss{right: 80px;}
.boss li{display: none;}
.boss li.hover{display: block;}
.test{width: 350px;height: 250px;background: #e1d9ac;border-radius: 15px;position: absolute;z-index: 9;left: 70%;top:40%;
margin: -150px 0 0 -200px;padding: 25px;opacity: 0;filter: alpha(opacity=0);
}
.test h4,.test h3,.test li{font-size: 14px;}
.test h4{color: #937e5b;}
.test h3{color: #333;font-weight: bolder;padding: 0 0 10px 0;border-bottom: 1px solid #cfc698;}
.test li{color: #836a49;padding: 5px 0;}
.test li p{padding: 5px 0;}
.test li input,.test li span{vertical-align: middle;}
.test li span{padding: 0 0 0 5px;}
.test #sub{width: 80px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #fff;background: #000;cursor: pointer;display: block;margin: 5px 0 0 275px;}
.test .ico-close{width: 19px;height: 21px;background: url(../img/close.png) no-repeat center top;display: block;position: absolute;top: 10px;
right: 10px;cursor: pointer;}
.test textarea{width: 328px;max-width:328px;min-width:328px;height: 98px;min-height: 98px;max-height: 98px;font-size: 14px;padding: 10px;background: #efe9c4;border: 1px solid #c2ba8f;color: #666;display: block;margin:15px 0 0 0;overflow: auto;}

.cmv-hd,.bds_more{display: none !important;}

/*分享*/
.bdsharebuttonbox a{width: 60px !important;height: 60px !important;margin: 0 0 0 30px !important;}
.bdsharebuttonbox a:first-child{margin: 0 !important;}
.bds_weixin{background: url(../img/weixin.png) no-repeat center !important;}
.bds_tsina{background: url(../img/sina.png) no-repeat center !important;}
.bds_sqq{background: url(../img/qq.png) no-repeat center !important;}
.bds_qzone{background: url(../img/qzone.png) no-repeat center !important;}

@-moz-keyframes moveTop{       
    0% {
        top: 55%;
    }

    50% {
        top: 60%;
    }

    100% {
        top: 55%;
    }
}

@-webkit-keyframes moveTop{       
    0% {
        top: 55%;
    }

    50% {
        top: 60%;
    }

    100% {
        top: 55%;
    }
}
.moveTop{
    -webkit-animation: moveTop 2s ease-in-out infinite;
       -moz-animation: moveTop 2s ease-in-out infinite;
        -ms-animation: moveTop 2s ease-in-out infinite;
         -o-animation: moveTop 2s ease-in-out infinite;
            animation: moveTop 2s ease-in-out infinite;
}
.outAnimate{
    -webkit-transform: scale(3);
       -moz-transform: scale(3);
        -ms-transform: scale(3);
         -o-transform: scale(3);
            transform: scale(3);
    opacity: 0;
    filter: alpha(opacity=0);    
}
@-moz-keyframes beatAnimate{
2%{transform:translate(2px,-9px);}
4%{transform:translate(-4px,5px);}
6%{transform:translate(-8px,8px);}
8%{transform:translate(-7px,4px);}
10%{transform:translate(7px,0);}
12%{transform:translate(3px,8px);}
14%{transform:translate(4px,4px);}
16%{transform:translate(-4px,-4px);}
18%{transform:translate(-8px,-7px);}
20%{transform:translate(-9px,8px);}
22%{transform:translate(-9px,-5px);}
24%{transform:translate(4px,-7px);}
26%{transform:translate(-1px,3px);}
28%{transform:translate(-3px,-7px);}
30%{transform:translate(6px,-9px);}
32%{transform:translate(8px,-5px);}
34%{transform:translate(7px,8px);}
36%{transform:translate(2px,5px);}
38%{transform:translate(-6px,0);}
40%{transform:translate(9px,7px);}
42%{transform:translate(-2px,-2px);}
44%{transform:translate(0,-6px);}
46%{transform:translate(-5px,2px);}
48%{transform:translate(-8px,-7px);}
50%{transform:translate(-5px,-6px);}
52%{transform:translate(8px,1px);}
54%{transform:translate(-1px,-1px);}
56%{transform:translate(5px,-1px);}
58%{transform:translate(-6px,-8px);}
60%{transform:translate(5px,5px);}
62%{transform:translate(-4px,-2px);}
64%{transform:translate(-5px,7px);}
66%{transform:translate(7px,4px);}
68%{transform:translate(-5px,-2px);}
70%{transform:translate(1px,3px);}
72%{transform:translate(-6px,0);}
74%{transform:translate(1px,9px);}
76%{transform:translate(10px,-5px);}
78%{transform:translate(-5px,4px);}
80%{transform:translate(-6px,1px);}
82%{transform:translate(9px,10px);}
84%{transform:translate(-1px,5px);}
86%{transform:translate(4px,1px);}
88%{transform:translate(-5px,-7px);}
90%{transform:translate(-8px,-2px);}
92%{transform:translate(10px,-9px);}
94%{transform:translate(7px,6px);}
96%{transform:translate(6px,1px);}
98%{transform:translate(5px,0);}
0%,100%{transform:translate(0,0);}
}
@-webkit-keyframes beatAnimate{
2%{transform:translate(2px,-9px);}
4%{transform:translate(-4px,5px);}
6%{transform:translate(-8px,8px);}
8%{transform:translate(-7px,4px);}
10%{transform:translate(7px,0);}
12%{transform:translate(3px,8px);}
14%{transform:translate(4px,4px);}
16%{transform:translate(-4px,-4px);}
18%{transform:translate(-8px,-7px);}
20%{transform:translate(-9px,8px);}
22%{transform:translate(-9px,-5px);}
24%{transform:translate(4px,-7px);}
26%{transform:translate(-1px,3px);}
28%{transform:translate(-3px,-7px);}
30%{transform:translate(6px,-9px);}
32%{transform:translate(8px,-5px);}
34%{transform:translate(7px,8px);}
36%{transform:translate(2px,5px);}
38%{transform:translate(-6px,0);}
40%{transform:translate(9px,7px);}
42%{transform:translate(-2px,-2px);}
44%{transform:translate(0,-6px);}
46%{transform:translate(-5px,2px);}
48%{transform:translate(-8px,-7px);}
50%{transform:translate(-5px,-6px);}
52%{transform:translate(8px,1px);}
54%{transform:translate(-1px,-1px);}
56%{transform:translate(5px,-1px);}
58%{transform:translate(-6px,-8px);}
60%{transform:translate(5px,5px);}
62%{transform:translate(-4px,-2px);}
64%{transform:translate(-5px,7px);}
66%{transform:translate(7px,4px);}
68%{transform:translate(-5px,-2px);}
70%{transform:translate(1px,3px);}
72%{transform:translate(-6px,0);}
74%{transform:translate(1px,9px);}
76%{transform:translate(10px,-5px);}
78%{transform:translate(-5px,4px);}
80%{transform:translate(-6px,1px);}
82%{transform:translate(9px,10px);}
84%{transform:translate(-1px,5px);}
86%{transform:translate(4px,1px);}
88%{transform:translate(-5px,-7px);}
90%{transform:translate(-8px,-2px);}
92%{transform:translate(10px,-9px);}
94%{transform:translate(7px,6px);}
96%{transform:translate(6px,1px);}
98%{transform:translate(5px,0);}
0%,100%{transform:translate(0,0);}
}
.beatAnimate{-webkit-animation:beatAnimate .5s ease-in-out infinite;-moz-animation:beatAnimate .5s ease-in-out infinite;-ms-animation:beatAnimate .5s ease-in-out infinite;-o-animation:beatAnimate .5s ease-in-out infinite;animation:beatAnimate .5s ease-in-out infinite}

@-webkit-keyframes rotateAnimate
{

    0% {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
    }

    50% {
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg);
    }

    100% {
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@-moz-keyframes rotateAnimate
{

    0% {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
    }

    50% {
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg);
    }

    100% {
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
.rotateAnimate{
    -webkit-animation: rotateAnimate .1s ease-in-out infinite;
       -moz-animation: rotateAnimate .1s ease-in-out infinite;
        -ms-animation: rotateAnimate .1s ease-in-out infinite;
         -o-animation: rotateAnimate .1s ease-in-out infinite;
            animation: rotateAnimate .1s ease-in-out infinite; 
    z-index: 9;  
}
.anonymousComment,#wrapAll{display:none !important;}