body{background: #000000; font-size: 12px; font-family:'Arial';min-width: 1000px;}
*{margin: 0;padding: 0;border: 0;}
a,a:hover{text-decoration: none;
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;}
img{border:0;}
ul,li{ list-style-type:none; padding:0px; margin:0px;}
.allclear{ clear: both;}

.wrap{position: relative;width: 100%;overflow: hidden;}
.bg{position: absolute;top: 0;left: 50%;width: 1920px;margin-left: -960px;background: url("../images/bg.jpg") top center no-repeat;height: 1080px; z-index: 1;}
.main{position: relative;width: 1000px;margin: 0 auto; z-index: 3;height: 1080px;}
.video{position: absolute;top: 0;left: 50%;width: 1920px;margin-left: -960px; z-index: 2;}

.r2{left: 40px;}
.logo{position: absolute; left: 28px; top: -170px; z-index: 2;}
.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: 140px;}
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: 420px; margin-bottom: 10px;overflow: hidden;color: #ffffff;font-size: 12px;vertical-align: 2px; margin-left: -20px;}
.input_layout.ckbox span{float: left;line-height: 18px;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: 20px 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{ width: 100%; height: 140px; text-align: center; line-height: 25px; color: #ffffff; font-size: 14px;}
.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: 20px;}
.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;}
    .r2,.bg,.video,.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);}
    .r2,.bg,.video,.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;}
    .r2,.bg,.video,.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);}
    .r2,.bg,.video,.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;}
}