body{
  margin: 0 auto;
  min-width: 1300px;
}
.hidden{display: none;}
.btn{
  border:none;
  outline:none;
  cursor:pointer;
  background: none
}
.wrap{
  position: relative;
  overflow: hidden;
  margin:0 auto;
  width:1300px;
  height: 100%;
}
.banner{
  height:1536px;
  background: url(../img/bg.jpg) center 0 no-repeat;
  background-position: center;
  background-size: auto 100%;
}
.getGiftBox{
  position: absolute;
  top: 532px;
  left: 0;
}
.getGiftBox li {
  overflow: hidden;
  margin-top: 10px;
  width: 210px;
  height: 210px;
}
.getGiftBox li>div{
  margin-top: 123px;
  margin-left: 43px;
  width: 126px;
  height: 30px;
  text-indent: -9999em;
  cursor: pointer;
}
.log_wrap{
  margin: 30px auto 20px;
  border: 1px solid red;
  border-radius: 10px;
  width:300px;
  text-align: center;
  font-size:14px;
  color:#fff;
}
.log_wrap .login span{
  display:inline-block;
  color:#ffc300;
  cursor: pointer;}
.log_wrap .logout a{
  display:inline-block;
  padding:0 10px;
  color:#ffc300;
}
.d_list{
  margin-top: 707px;
  margin-left: 377px;
  width: 560px;
  height: 250px;
}
.d_list li{
  /* background: red; */
  /* color:red; */
  position:relative;
  float: left;
  /* display:inline-block; */
  width:80px;
  height:50px;
}
/* .d_list li:nth-child(2n){
  background: pink;
} */
.d_list li.active{background: url(../img/signIn.png) center no-repeat;}
.buttons{
  text-align: center
}
.buttons button{
  margin-right: -20px;
  width:180px;
  height:62px;
}
.buttons button+button{margin-left:122px;}
.layer{width: 355px;text-align: center;margin: 50px 0 0;display: none;} 
.successBox,.myGiftBox{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3)
}
.success{
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -75px;
  margin-left: -213px;
  width: 427px;
  height: 150px;
  background:  url(../img/success.png) center no-repeat;
}
.myGift{
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -158px;
  margin-left: -213px;
  width: 427px;
  height: 317px;
  background:  url(../img/code_bg.png) center no-repeat;
}
.myGiftList{
  margin: 80px 0;
}
.myGift li{
  color: #FFF;
  padding: 5px 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold
}
.myGift-close{
  position: absolute;
  top: 12px;
  right: 27px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.success-close {
  position: absolute;
  top: 12px;
  right: 16px;
  width: 30px;
  height: 20px;
  cursor: pointer;
}