@charset "utf-8";
/* CSS Document */
*{
    padding:0;
	margin:0;
}
.btn{
    display:block;
	cursor:pointer;
}
.cf:before, .cf:after{
    display:table;
	content:"";
}
.cf:after{
    clear:both;
}
body{
    background:url(../images/2014bg.jpg) no-repeat top center;
	font-family:微软雅黑;
}
.exit-btn, .login-btn, .getPackage-btn, .getNewCloth-btn, .pop1 .close-btn, .active-btn, .active-btn-hui{
    background:url(../images/btn.png) no-repeat;
}
.content{
    width:695px;
	margin:0 auto;
}
.content1{
    height:47px;
	background:url(../images/2014_01.jpg) no-repeat;
}
.content2{
    height:162px;
	background:url(../images/2014_02.jpg) no-repeat;
}
.content3{
    height:142px;
	background:url(../images/2014_03.jpg) no-repeat;
}
.content4{
    height:204px;
	background:url(../images/2014_04.jpg) no-repeat;
}
.content5{
    height:245px;
	background:url(../images/2014_05.jpg) no-repeat;
}
.loaded, .unload{
    position:relative;
	top:10px;
	color:#fff;
	font-size:20px;
}
.exit-btn, .login-btn{
    width:81px;
	height:32px;
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	position:relative;
}
.exit-btn{
    background-position:0 0;
}
.exit-btn:hover{
    background-position:-81px 0;
}
.login-btn{
    background-position:0 -32px;
}
.login-btn:hover{
    background-position:-81px -32px;
}
.loaded .user, .unload .user{
    color:#fffc00;
	margin-left:10px;
}
.hide{
    display:none;
}
.getPackage-btn{
    width:187px;
	height:64px;
	background-position:-4px -73px;
	position: relative;
	left:381px;
	top:90px;
}
.getPackage-btn:hover{
    background-position:-192px -73px;
}
.getNewCloth-btn{
    width:190px;
	height:64px;
	background-position:-4px -138px;
	position:relative;
	left:206px;
	top:112px;
}
.getNewCloth-btn:hover{
    background-position:-195px -138px;
}
.pop1 .pop-content{
    width:625px;
	height:520px;
	background:url(../images/pop.png?v=1) no-repeat;
}
.pop1 .close-btn{
    width:47px;
	height:47px;
	background-position:-400px -57px;
	float:right;
	_display:inline;
	margin-right:50px;
	margin-top:18px;
}
.pop1 .close-btn:hover{
    background-position:-448px -57px;
}
.pop1 .key-input{
    position:relative;
	top:228px;
	left:0px;
	height:60px;
}
.pop1 .key-input .label{

	position:absolute;
	left:180px;
	top:4px;
	*top:-60px;
	*left:-105px;
	text-align:left;
	color:#b4b4b4;
	font-size:18px;
	width:200px;
}
.pop1 .key-input .input{
    height:60px;
}
.pop1 .key-input input{
    height:34px;
	width:252px;
	position:absolute;
	top:0;
	left:180px;
	*top:-65px;
	*left:-107px;
	outline:none 0;
	line-height:34px;
	font-size:18px;
	border:0;
	background-color:White;
}
.getKey{
    width:230px;
	height:230px;
	margin:0px 0 0 56px;
	float:left;
	display:inline;
	background-image:url(../images/move1.png);
	animation:getKey 0.8s infinite linear;
	-webkit-animation:getKey 0.8s infinite linear;
	-moz-animation:getKey 1s infinite;
	-o-animation:getKey 0.8s infinite linear;
}
.getKey-btn{
    width:111px;
	height:111px;
	background:url(../images/btn1.png) no-repeat 0 0;
	margin:60px 0 0 55px;
}
/*
.getKey-btn:hover{
    background-position:-111px 0;
}
*/
.getKey-btn-hui{
    background-position:-222px 0;
}
@keyframes getKey
{
	0%   {background-image:url(../images/move1.png);}
	25%  {background-image:url(../images/move2.png);}
	50%  {background-image:url(../images/move3.png);}
	100% {background-image:url(../images/move4.png);}
}
@-webkit-keyframes getKey{
    0%   {background-image:url(../images/move1.png);}
	25%  {background-image:url(../images/move2.png);}
	50%  {background-image:url(../images/move3.png);}
	100% {background-image:url(../images/move4.png);}
}
@-moz-keyframes getKey{
    0%   {background-image:url(../images/move1.png);}
	25%  {background-image:url(../images/move2.png);}
	50%  {background-image:url(../images/move3.png);}
	100% {background-image:url(../images/move4.png);}
}
@-o-keyframes getKey{
    0%   {background-image:url(../images/move1.png);}
	25%  {background-image:url(../images/move2.png);}
	50%  {background-image:url(../images/move3.png);}
	100% {background-image:url(../images/move4.png);}
}
.pop1 .someInfo{
    position:relative;
	top:90px;
	left:-53px;
	top:38px;
	height:80px;
	width:290px;
	float:right;
}
.pop1 .key{
    margin-left:4px;
}
.someInfo .user-hello{
    font-size:14px;
	margin-left:63px;
}
.someInfo .user-key{
    font-size:14px;
	margin-top:17px;
}
.active-btn, .active-btn-hui{
    width:95px;
	height:39px;
	background-position:-185px -5px;
	position:absolute;
	left:460px;
	top:-3px;
	*left:176px;
	*top:-70px;
}
.active-btn:hover{
    background-position:-281px -5px;
}
.active-btn-hui{
    background-position:-377px -5px;
}
.pop1 .someTxt{
    font-size:14px;
	line-height:24px;
	color:#fff;
	position:absolute;
	top:300px;
	left:70px;
	text-align:left;
	width:420px;
}
.someTxt .yellow{
    color:#ffe400;
}
.someTxt .newline{
    margin-left:20px;
}
.pop3 .pop-mask,.pop2 .pop-mask{
    background:none;
}
.pop2.success .pop-content{
	background:url(../images/pop1.png) no-repeat;
}
.pop2.fail .pop-content{
	background:url(../images/pop2.png) no-repeat;
}
.pop3 .close-btn, .pop2 .close-btn{
    width:153px;
	height:53px;
	background:url(../images/pop_btn2.png) no-repeat;
	margin:0 auto;
	margin-top:-20px;
}
.pop3 .close-btn:hover, .pop2 .close-btn:hover{
    background-position:-153px 0;
}
.pop3 .tipTxt, .pop2 .tipTxt{
    color:#fff;
	padding:140px 0 52px 0;
	font-size:24px;
	width:370px;
	margin:0 auto;
	text-align:center;
}
.pop3 .tipTxt{
    padding:55px 0 55px 0;
	width:355px;
	font-size:24px;
}
.pop3 .tipTxt.suc{
    font-size:16px;
	text-align:left;
	padding-bottom:36px;
	padding-top:25px;
	width:360px;
	height:150px;
	text-align:left;
}
.pop2 .pop-content{
    width:490px;
	height:350px;
}
.pop3 .pop-content{
    background:url(../images/pop3.png) no-repeat; 
	width:421px;
	height:263px;
}
.content6{
    height:200px;
	background:url(../images/2014_06.jpg) no-repeat;
}
.goShop-btn{
    width:187px;
	height:64px;
	background:url(../images/btn.png) no-repeat 0 -209px;
	position:relative;
	left:369px;
	top:55px;
}
.goShop-btn:hover{
    background-position:-187px -209px;
}
/*pop*/
.pop{
    position:absolute;
	left:0px;
	top:0px;
	width:100%;
	display:none;
}
.pop-mask{
    background-color:#000;
}
.pop-content{
    position:absolute;
	top:50%;
	left:50%;
}
.overlay{
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
	filter:alpha(opacity=0.3);
    -moz-opacity: 0.3;
    opacity: 0.3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}
.floatdiv {
    height: 28px;
    left: 50%;
    margin-left: -14px;
    position: absolute;
    top: 80%;
    width: 28px;
    z-index: 200;
}