*{margin:0;padding:0;border: 0;outline: none;}
a{text-decoration:none;-webkit-transition: all 0.2s;transition: all 0.2s;}



body{position:relative;width: 100%;min-width: 1000px;font-family: "Arial";font-size:14px;background-color: #000;}
.wrap{position: relative;width: 100%;height: 1080px;padding-bottom: 85px;overflow: hidden;}
.bg{position: absolute;top: 0;left: 50%;width: 1920px;margin-left: -960px;}
.main{position: relative;width: 1000px;margin: 0 auto;padding-top: 22px;}
.r2{position: absolute;top: 20px; right: -450px;}
.r2 img{width: 90%;}
.logo{position: absolute;top: -96px;left: 28px;z-index: 2;}
.login{width: 345px;height: 486px;padding: 100px 54px 0 54px; position: relative; margin: 162px 0 0 32px;}
.header{position: relative;z-index: 10;height: 262px;}
.header a{margin-left:650px;}
.header a img{margin-top:30px;}
.input_layout{position: relative;}
.input_title{ display: block; width: 244px; font-size: 16px; margin: 0 auto; color: #693110; line-height: 24px; font-family: "Footlight MT Light",'Segoe UI' , Arial, sans-serif;}
.input_bg{ width: 354px; height: 154px; background: url(../images/input.png) no-repeat; position: absolute; left: 54px; top: 100px;}
input.input_text{width: 312px;height:40px;line-height: 40px; vertical-align: middle;padding: 0 20px 0 22px; border: 0;display: block;background: url(../images/input_bg.png) no-repeat;color: #fff9dc;font-size:16px;}
.input_layout span.hd{ width: 104px; height: 34px; float: left; line-height: 97px; margin: 0 0 0 40px; display: block; text-align: left;}
.input_layout.ckbox{margin-bottom: 3px;overflow: hidden;color: #ffffff;font-size: 14px;vertical-align: 2px;}
.input_layout.ckbox span{float: left;line-height: 22px;font-size: 14px;}
.input_layout.ckbox a{color: #ffffff;font-size: 14px;text-decoration: underline;}
.input_layout.ckbox a:hover{text-decoration: underline;}
.input_layout .ck{float: left;margin-top: 5px;margin-right: 3px;}
.play_now{width: 323px;height: 83px;margin: 20px auto; }
.play_now a{width: 323px;height: 83px;display: block;background: url("../images/playnow.png") center no-repeat;}
.play_now a:hover{background: url("../images/playnow2.png") center no-repeat;}
.slogan{position: absolute;top: 750px;left:-260px;}

.fb_login{width: 325px;height: 45px;margin: 15px auto 0;color: #ffffff;line-height: 45px;font-size: 14px;text-align: center;}
.fb,.google,.mini_download{display: inline-block;vertical-align: middle; width: 44px;height: 45px;margin-left: 5px;}
.fb{background: url("../images/facebook.png") no-repeat;}
.google{background: url("../images/google.png") no-repeat;}
.mini_download{width: 124px;background: url("../images/download.png") no-repeat;}

.r2Acc{margin-top: 10px;text-align: center;width: 100%;}
.r2Acc a{color: #ffeb44;text-decoration: underline;line-height: 20px;font-size: 14px;}

.footer{position: absolute;top: 89%;left: 50%;margin-left: -960px; padding-top: 20px;height: 85px;width:1920px;background-color: #000000;z-index: 1;}
.ft_main{position: relative; width: 565px;margin: 0 auto;padding-left: 435px;}
.ft-logo{float: left;width: 205px;height: 55px;margin-left: -245px;margin-top: 7px; background:url(../images/r2logo.png) no-repeat;}
.footer .links a, .footer .links {padding-top: 15px;color: #b2b1af; line-height: 25px; text-decoration: none; text-shadow: 1px 1px 1px #222;font-size: 12px;}
.footer .links a:hover{text-decoration: underline;}
.copyright{color: #b2b1af;}

.redtip, #sp_prompt { background-color: black; color: yellow; font-size: 12px; height: 20px; line-height: inherit; position: absolute; width: 325px; top: 8px; left: 300px; display: block; line-height: 20px;}
.input-box{margin-top: 0;}
.input-email,.input-pwd,.input-checkpwd{height:40px;margin-bottom: 17px;}
.input-checkpwd{margin-bottom: 15px;}
.zy-tips-error{
    display: none;
    background: #ff4b4e;
    font-size: 12px;
    color: #fff;
    position: absolute;
    z-index: 5;
    padding: 5px 10px;
}
.zy-tips-error .i-arrow{
    position: absolute;
    left: 50px;
    top: -8px;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 8px solid #ff4b4e;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}



@media screen and (max-width: 1400px) {
    .wrap{height: 740px;}
    .bg,.main,.footer{-webkit-transform: scale(0.72);-moz-transform: scale(0.72);-ms-transform: scale(0.72);-o-transform: scale(0.72);transform: scale(0.72);}
    .bg,.main{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
    .footer{top: 86%;}
}
@media screen and (max-width: 1000px) {
    .wrap{height: 640px;}
    .bg,.main,.footer{-webkit-transform: scale(0.62);-moz-transform: scale(0.62);-ms-transform: scale(0.62);-o-transform: scale(0.62);transform: scale(0.62);}
    .bg,.main{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
    .footer{top: 82%;}
}