body{width: 100%;min-width: 1000px;font-size: 16px;font-family: "Arial"; background: #050103;}
.wrap{position: relative;width: 100%;height: 1080px;background: url("../images/bg.jpg") center no-repeat;overflow: hidden;}
.bg{position: absolute;top: 0;left: 50%;width: 1920px;margin-left: -960px;}
.main{position: relative;width: 1000px;margin: 0 auto;}

.r2{left: 40px;}
.logo{position: absolute; left: 28px; top: -170px;width: 393px;height: 181px; z-index: 2;}
.logo>img{width: 100%;height: 100%;}
.login{ width: 365px; height: 492px; padding: 0 42px; position: absolute; right: -258px; top: 220px; z-index:1;}
.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: 365px; height: 171px; background: url(../images/input.png) no-repeat; position: absolute; left: 42px; top: 155px;}
input.input_text{width: 325px;height:45px;line-height: 42px; 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{width: 360px;margin-left: 36px; margin-bottom: 10px;overflow: hidden;color: #ffffff;font-size: 12px;vertical-align: 2px;}
.input_layout.ckbox span{float: left;line-height: 22px;font-size: 14px;}
.input_layout.ckbox a{color: #ffffff;font-size: 12px;text-decoration: underline;}
.input_layout.ckbox a:hover{text-decoration: underline;}
.input_layout .ck{float: left;margin-top: 5px;margin-right: 5px;}
.play_now{width: 312px;height: 96px;margin: 18px auto; }
.play_now a{width: 312px;height: 96px;display: block;background: url("../images/play.png") center no-repeat;}
.play_now a:hover{background: url("../images/play2.png") center no-repeat;}
.fb_box{margin-bottom: 0;}
.btn_fb{ width: 254px; height: 79px; background: url(../images/btn_fb.png) no-repeat; margin: 0 auto; display: block;}
.btn_fb:hover{ background: url(../images/btn_fb2.png) no-repeat;}


.footer{position: absolute;top: 91%;left: 50%;margin-left: -960px; padding-top: 20px;height: 85px;width:1920px;background-color: #000000;z-index: 3;}


.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:45px;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: 70px;
    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;}
    .r2{left: -200px;}
    .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,.footer{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
}
@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,.footer{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
}