*{margin: 0;padding: 0;list-style: none;}


body{font-size: 14px;font-family: "Arial";background-color: #000;min-width: 1000px;}
.warp,.top{width: 100%;height: 1200px;margin: 0 auto;}
.warp{background: url("../images/bg_bot.jpg") bottom center no-repeat;}
.top{background: url("../images/bg_top.jpg") top center no-repeat;}
.content{position: relative;width: 1000px;height: inherit;margin: 0 auto;}
.xing{position: absolute;left: -166px;top: 230px;width: 166px;height: 203px; background: url("../images/xing.png") no-repeat;
    -webkit-animation:flash 3s infinite;animation:flash 3s infinite;}
.logo{position: absolute;top: 48px;left: 50%;margin-left: -138px;}
.title{position: absolute;top: 192px;left: 50%;margin-left: -242px;}
.title img{-webkit-animation:tada 1s 2;animation:tada 1s 2;}
.cont_body{position: absolute;top: 408px;left: 0;right: 0;width: 626px;margin: 0 auto;text-align: center;}
.shuru{width: 371px;height: 29px;border: 3px solid #ecd53c;line-height: 29px;text-indent: 10px;}
.btn,.btn2{display: inline-block;height: 37px;
    -webket-transition:background 0.6s ease-in-out;-moz-transition:background 0.6s ease-in-out;
    -o-transition:background 0.6s ease-in-out;transition:background 0.6s ease-in-out;}
.btn{width: 106px;background: url("../images/generate.png") no-repeat;vertical-align: middle;margin-left: 13px;}
.btn:hover{background: url("../images/generate2.png") no-repeat;}
.copy{background: url("../images/copy.png") no-repeat;}
.copy:hover{background: url("../images/copy2.png") no-repeat;}
.btn2{width: 216px;background: url("../images/playnow.png") no-repeat;margin-top: 38px;}
.btn2:hover{background: url("../images/playnow2.png") no-repeat;}
.ffp{background: url("../images/ffp.png") no-repeat;margin-left: 94px;}
.ffp:hover{background: url("../images/ffp2.png") no-repeat;}
.text_box{position: absolute;left: 80px;top: 550px;width: 796px;height: 121px;padding: 20px;border: 2px dotted #ecd53c;}
.text_box p{color: #fff;line-height: 18px;letter-spacing: 0.5px;}
.award{position: absolute;left: 80px;right:0;bottom: 178px;}


@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}
@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}