*{margin:0;padding:0;}
body {font:14px/1 "Microsoft Yahei","微软雅黑";color:#fff;text-align:left;}
html,body{ height: 100%;background-color:#171717;}
a{display:inline-block;color:#fff;text-decoration:none;}
img{border:0;vertical-align:middle;}
span {color: #000;}
input{outline:none} 
p { color: #fff;text-align:center;}
#alert-content p{color: #333}
h1 {color:#00b4ff;font-size:66px;}
h2 {text-align: center;color: #f4f4f4;font-size:16px;font-weight: normal;margin:10px 0 30px 0;line-height:24px;}
li {list-style:none}

.logo {text-align: left;background: url(../i20170711/logo_xunyou.png) center top no-repeat;height:57px;width:249px;margin:90px 0 35px 0;}
.taidu {text-align: left;background: url(/jihuo/img/logo_taidu.png) center top no-repeat;height:62px;width:255px;margin:90px 0 35px 15px;cursor:default;}
.zowie {text-align: left;background: url(/jihuo/img/logo_zowie.png) center top no-repeat;height:46px;width:263px;margin:90px 0 35px 15px;cursor:default;}
.roccat {text-align: left;background: url(/jihuo/img/logo_roccat.png) center top no-repeat;height:46px;width:263px;margin:90px 0 35px 15px;cursor:default;}

#top {background:url(../i20170711/bg_top.jpg) center top no-repeat;}
.top_middle_1 {background:url(../i20170711/bg_top_middle_1.jpg?v=1.1) center top no-repeat;width:1000px;margin:0 auto;height:500px;position: relative;text-align:center;}
.top_middle_2 {background:url(../i20170711/bg_top_middle_2.jpg?v=1.1) center top no-repeat;width:1000px;margin:0 auto;height:369px;position: relative;}

#foot { background-color:#171717; }
.foot_middle_1 { background-color:#171717;margin:0 auto;height:71px;width:1000px;}
.foot_middle_1 div {color:#b8bfc1;font-size:12px;text-align:center;padding-top:32px;line-height:18px;}

#act {background-color:#171717;}
.act {background-color:#171717;width:1000px;margin:0 auto;height:250px;position:relative;text-align:center;}
.act div {width:33%;display:inline-block;}
.act a {display:inline-block;}
#download a{color:#00b4ff;}
#download a:hover{color:#64c2ed;}
.download {height:88px;overflow: hidden;width:450px;background: url(../i20170711/download.png) center top no-repeat;opacity:0.9;margin-bottom:10px;}
.cz {height:126px;overflow: hidden;width:216px;background: url(../i20170711/cz.png) center top no-repeat;opacity:0.9;float:left;border:none;position:relative;top:-105px;left:165px;cursor:pointer;}
.cz_1 {height:56px;overflow: hidden;width:310px;background: url(../i20170711/cz_1.png) center top no-repeat;opacity:0.9;margin-top:25px;}
.confirm {height:56px;overflow: hidden;width:310px;background: url(../i20170711/confirm.png) center top no-repeat;opacity:0.9;margin-bottom:25px;margin-top:35px;}
.cz:hover,.download:hover,.cz_1:hover{background-position:center bottom;opacity:1}
label {display:block;float:left;}
label p {color:#10aaf1;font-size:20px;}
label input {background:url(../i20170711/input.png) center top no-repeat;width:545px;height:68px;border:none;color:#ffea3a;font-size:20px;padding-left:50px;position:relative;left:-25px;}
label input:hover {background-position:center bottom;}
.vcode {background:url(../i20170711/yzm.png) center top no-repeat;width:238px;height:68px;border:none;color:#ffea3a;font-size:20px;padding-left:50px;position:relative;left:-25px;}

label a,label p {display: inline-block;}
.code input {margin-left:20px;font-weight:bold;letter-spacing:2px;}
.username {padding-top:120px;}
::-moz-placeholder { color: #10aaf1;font-size:14px;}
::-webkit-input-placeholder { color:#10aaf1;font-size:14px; }
::-ms-input-placeholder { color:#10aaf1;font-size:14px; }
.light {position:relative;display:inline-block;}
.light_1 {position:absolute;right:2px;top:0px;width:39px;}
.light_2 {position:absolute;right:2px;bottom:0px;width:2px;}
.light_3 {position:absolute;left:-30px;bottom:0px;width:41px;}
.light_4 {position:absolute;left:-80px;bottom:0px;width:41px;}

.easyDialog_wrapper {width:475px!important;}
.title {text-align:center;border-bottom:4px solid #dbdada;padding-bottom:15px;}
.title a {background:url(../i20170711/close.png) center top no-repeat;width:42px;height:42px;position:absolute;right:15px;top:15px;}
.info {padding-bottom:25px;border-bottom:1px solid #dbdada;text-align:left;}
.list {display:block;width:256px;margin:10px 0 0 90px;font-size:14px;color:#4a4a4a}
.info_foot {text-align:center;}
.info_foot a {color:#10aaf1;font-size:14px;}
.result {font-size:40px;text-align:center;}
.result img {margin:50px 20px 30px 0;}
.light_1 img{ 
    -webkit-animation: float_one linear 6s infinite ;
    -moz-animation: float_one linear 6s infinite;
    -ms-animation: float_one linear 6s infinite;
    -o-animation: float_one linear 6s infinite;
    animation: float_one linear 6s infinite;
}
.light_2 img{ 
    -webkit-animation: float_two linear 10s infinite ;
    -moz-animation: float_two linear 10s infinite;
    -ms-animation: float_two linear 10s infinite;
    -o-animation: float_two linear 10s infinite;
    animation: float_two linear 10s infinite;
}
.light_3 img{ 
    -webkit-animation: float_three linear 8s infinite ;
    -moz-animation: float_three linear 8s infinite;
    -ms-animation: float_three linear 8s infinite;
    -o-animation: float_three linear 8s infinite;
    animation: float_three linear 8s infinite;
}
.light_4 img{ 
    -webkit-animation: float_four linear 10s infinite ;
    -moz-animation: float_four linear 10s infinite;
    -ms-animation: float_four linear 10s infinite;
    -o-animation: float_four linear 10s infinite;
    animation: float_four linear 10s infinite;
}
@keyframes float_one {
    0% {
        -webkit-transform: translateY(0em) scale(1,1);
        -moz-transform: translateY(0em) scale(1,1);
        -ms-transform: translateY(0em) scale(1,1);
        -o-transform: translateY(0em) scale(1,1);
        transform: translateY(0em) scale(1,1);
        opacity:0;
    }
    30% {
        -webkit-transform: translateY(0em) scale(1,1);
        -moz-transform: translateY(0em) scale(1,1);
        -ms-transform: translateY(0em) scale(1,1);
        -o-transform: translateY(0em) scale(1,1);
        transform: translateY(0em) scale(1,1);
        opacity:0;
    }
    75% {
        -webkit-transform: translateY(0em) scale(1,1);
        -moz-transform: translateY(0em) scale(1,1);
        -ms-transform: translateY(0em) scale(1,1);
        -o-transform: translateY(0em) scale(1,1);
        transform: translateY(3em) scale(1,1);
        opacity:1;
    }
    100% {
        -webkit-transform: translateY(0em) scale(1,1);
        -moz-transform: translateY(0em) scale(1,1);
        -ms-transform: translateY(0em) scale(1,1);
        -o-transform: translateY(0em) scale(1,1);
        transform: translateY(8em) scale(1,1);
        opacity:0;
    }
}

@keyframes float_three {
    0% {
        -webkit-transform: translateY(0em) scale(1,1);
        -moz-transform: translateY(0em) scale(1,1);
        -ms-transform: translateY(0em) scale(1,1);
        -o-transform: translateY(0em) scale(1,1);
        transform: translateY(-10em) scale(1,1);
        opacity:0;
    }
    50% {
        -webkit-transform: translateY(0em) scale(1,1);
        -moz-transform: translateY(0em) scale(1,1);
        -ms-transform: translateY(0em) scale(1,1);
        -o-transform: translateY(0em) scale(1,1);
        transform: translateY(0em) scale(1,1);
        opacity:1;
    }
    100% {
        -webkit-transform: translateY(0em) scale(1,1);
        -moz-transform: translateY(0em) scale(1,1);
        -ms-transform: translateY(0em) scale(1,1);
        -o-transform: translateY(0em) scale(1,1);
        transform: translateY(10em) scale(1,1);
        opacity:0;
    }
}

@keyframes float_two {
    0% {
        -webkit-transform: translateY(0em) scale(1,1);
        -moz-transform: translateY(0em) scale(1,1);
        -ms-transform: translateY(0em) scale(1,1);
        -o-transform: translateY(0em) scale(1,1);
        transform: translateY(-12em) scale(1,1);
        opacity:0
    }
    25% {
        -webkit-transform: translateY(-0.5em) scale(1,1);
        -moz-transform: translateY(-0.5em) scale(1,1);
        -ms-transform: translateY(-0.5em) scale(1,1);
        -o-transform: translateY(-0.5em) scale(1,1);
        transform: translateY(-5em) scale(1,1);
        opacity:1
    }
    50% {
        -webkit-transform: translateY(0em) scale(1,1);
        -moz-transform: translateY(0em) scale(1,1);
        -ms-transform: translateY(0em) scale(1,1);
        -o-transform: translateY(0em) scale(1,1);
        transform: translateY(0em) scale(1,1);
        opacity:0.6
    }
    75% {
        -webkit-transform: translateY(0.5em) scale(1,1);
        -moz-transform: translateY(0.5em) scale(1,1);
        -ms-transform: translateY(0.5em) scale(1,1);
        -o-transform: translateY(0.5em) scale(1,1);
        transform: translateY(5em) scale(1,1);
    }
    100% {
        -webkit-transform: translateY(0em) scale(1,1);
        -moz-transform: translateY(0em) scale(1,1);
        -ms-transform: translateY(0em) scale(1,1);
        -o-transform: translateY(0em) scale(1,1);
        transform: translateY(14em) scale(1,1);
        opacity:1;
    }
}

@keyframes float_four {
    0% {
        -webkit-transform: translateY(0em) scale(1,1);
        -moz-transform: translateY(0em) scale(1,1);
        -ms-transform: translateY(0em) scale(1,1);
        -o-transform: translateY(0em) scale(1,1);
        transform: translateY(-12em) scale(1,1);
        opacity:0
    }
    25% {
        -webkit-transform: translateY(-0.5em) scale(1,1);
        -moz-transform: translateY(-0.5em) scale(1,1);
        -ms-transform: translateY(-0.5em) scale(1,1);
        -o-transform: translateY(-0.5em) scale(1,1);
        transform: translateY(-12em) scale(1,1);
        opacity:0
    }
    50% {
        -webkit-transform: translateY(0em) scale(1,1);
        -moz-transform: translateY(0em) scale(1,1);
        -ms-transform: translateY(0em) scale(1,1);
        -o-transform: translateY(0em) scale(1,1);
        transform: translateY(0em) scale(1,1);
        opacity:0.6
    }
    75% {
        -webkit-transform: translateY(0.5em) scale(1,1);
        -moz-transform: translateY(0.5em) scale(1,1);
        -ms-transform: translateY(0.5em) scale(1,1);
        -o-transform: translateY(0.5em) scale(1,1);
        transform: translateY(5em) scale(1,1);
        opacity:1
    }
    100% {
        -webkit-transform: translateY(0em) scale(1,1);
        -moz-transform: translateY(0em) scale(1,1);
        -ms-transform: translateY(0em) scale(1,1);
        -o-transform: translateY(0em) scale(1,1);
        transform: translateY(14em) scale(1,1);
        opacity:0;
    }
}