body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin: 0;padding: 0;outline: none;}
body {font-family: "Microsoft YaHei", '\5FAE\8F6F\96C5\9ED1';color: #fff;width: 100%;background: #181845;font-size: .24rem;}
body, html {-webkit-tap-highlight-color: transparent;-webkit-text-size-adjust: none;-webkit-user-select: none;user-select: none;width: 100%;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
a {text-decoration: none;}
a:focus, a:active, a {outline: none;}
a, button, input {-webkit-tap-highlight-color: rgba(255, 0, 0, 0);}
a, p, span, i ,h1, h2, h3, h4, h5, h6  {-webkit-font-smoothing: antialiased;}
a, img, input {border: none;}
a, img {-webkit-touch-callout: none;}
img {width: 100%;height: auto;}
ul, ol, li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
input[type="text"], input[type="password"], select{-webkit-appearance: none;appearance: none;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border-radius: 0;box-sizing: border-box;}
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit;}
em, i, b {font-style: normal;}
fieldset, img {border: 0;}
input,textarea,select {*font-size: 100%}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;font-weight: normal}
abbr,acronym {border: 0;font-variant: normal}
sup {vertical-align: text-top;vertical-align: text-bottom}
.text-hide {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-hide-more {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.clear:after {content: '\20';display: block;height: 0;line-height: 0;visibility: hidden;clear: both;}
.c-1{
  background: #d1d1da;
}
.c-2{
  background: #8c8ca2;
}
.wraper{
  width: 100%;
}
.header{
  width: 100%;
  height: 1.25rem;
  background: #272b7f;
}
.header .head{
  width: 100%;
  height: 1.05rem;
  padding: .1rem 0 .1rem 2.2rem;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.header .head .ieg-logo{
  display: block;
  width: 2.2rem;
  position: absolute;
  top: .1rem;
  left: .2rem;
}
.header .head .ieg-logo img{
  width: 100%;
}
.header .head h1{
  width: 100%;
  text-align: center;
  font-size: .4rem;
  line-height: 1.05rem;
  color: #fff;
  font-weight: bold;
}
/*container*/
.delist-container{
  width: 7.3rem;
  margin: .3rem auto;
  border-radius: .1rem;
  overflow: hidden;
}
.delist-container .delist-info{
  height: .8rem;
  overflow: hidden;
  padding: .1rem .1rem;
}
.delist-container .delist-info .logo{
  width: .8rem;
  height: .8rem;
  float: left;
  border-radius: .1rem;
  overflow: hidden;
  background: #8c8ca2;;
}
.delist-container .delist-info .logo img{
  vertical-align: top;
}
.delist-container .delist-info .name{
  float: left;
  width: 6rem;
  height: .8rem;
  line-height: .8rem;
  padding: 0 0 0 .2rem;
  font-size: .35rem;
  font-weight: bold;
  color: #080808;
}
.delist-container .delist-info .name i{
  padding: 0 .1rem;
  vertical-align: top;
  font-weight: normal;
  color: #8b8ba2;
  font-size: .4rem;
  line-height: .75rem;
}
.delist-notice h2{
  font-size: .3rem;
  padding: .5rem .2rem .3rem;
  text-align: center;
}
.delist-notice .notice-detail{
  padding: 0 .2rem .3rem;
  font-size: .24rem;
  line-height: .34rem;
}
.delist-notice .notice-detail p{
  padding-bottom: .1rem;
}
.delist-notice .notice-detail p img{
  width: 2rem;
}
/*step*/
.step{
  width: 7.3rem;
  margin: 0 auto .3rem;
  border-radius: .1rem;
  overflow: hidden;
  padding-left: 1.2rem;
  position: relative;
  height: 1rem;
  box-sizing: border-box;
}
.step .title{
  width: 1.2rem;
  font-size: .28rem;
  line-height: .32rem;
  height: .6rem;
  color: #000;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0,-50%);
  text-align: center;
}
.step .info{
  width: 100%;
  height: 1rem;
  box-sizing: border-box;
  padding: .3rem 0;
  color: #fff;
  font-size: .24rem;
  text-align: center;
}
.step .info em{
  display: inline-block;
  width: .4rem;
  height: .4rem;
  line-height: .4rem;
  background: #fff;
  color: #000;
  text-align: center;
  border-radius: 100%;
  font-weight: normal;
}
.step .info span{
  padding: 0 .25rem 0 .05rem;
  color: #000;
  line-height: .4rem;
  font-weight: bold;
}
.step .info span:last-child{
  padding-right: 0;
}
/*exchange-container*/
.exchange-container{
  width: 7.3rem;
  border-radius: .1rem;
  overflow: hidden;
  margin: 0 auto;
}
/*login*/
.login{
  width: 100%;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  font-size: .24rem;
  color: #000;
}
.login .unlogin span{
  display: inline-block;
}
.login .unlogin a{
  display: inline-block;
  padding: .1rem .3rem .1rem .2rem;
  height: .4rem;
  border-radius: 4rem;
  color: #fff;
  line-height: .4rem;
  border: 1px solid #fff;
  box-shadow: .02rem .02rem .05rem rgba(0, 0, 0, .2);
  margin-left: .2rem;
}
.login .unlogin a img{
  width: .4rem;
  height: .4rem;
  vertical-align: top;
  margin-right: .1rem;
}
.login .unlogin a.weixin{
  background: #3d9559;
}
.login .unlogin a.qq{
  background: #df3a24;
}
.login .logined{
  height: .8rem;
  padding: .1rem 0;
}
.login .logined span,.login .logined a{
  display: inline-block;
  line-height: .85rem;
  vertical-align: top;
}
.login .logined span.avatar{
  width: .8rem;
  height: .8rem;
  overflow: hidden;
  border-radius: 100%;
}
.login .logined span.avatar img{
  width: 100%;
}
.login .logined span.account-number{  
  max-width: 1.5rem;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
}
.login .logined a.logout{
  display: inline-block;
  padding: 0 .15rem;
  height: .4rem;
  border-radius: .08rem;
  color: #fff;
  line-height: .4rem;
  border: 1px solid #fff;
  box-shadow: .02rem .02rem .05rem rgba(0, 0, 0, .2);
  vertical-align: top;
  margin: .2rem 0 0;
  background: #df3a24;
}
.login .logined span.line{
  width: 1px;
  height: .65rem;
  background: #666666;
  margin: .1rem .25rem 0 .15rem;
}
.login .logined span.exchange-number i{
  padding: 0 .1rem;
}
/*game-list*/
.game-list .list{
  overflow: hidden;
  padding: 0rem 0.15rem;
}
.game-list .list li{
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 2rem;
  padding: 0 0 .4rem 1.7rem;
  margin: .4rem 0 0 0;
  overflow: hidden;
  border-bottom: 1px solid #fff;
}
.game-list .list li:last-child{
  border-bottom: none;
}
.game-list .list li .info{
  width: 1.6rem;
  position: absolute;
  height: 1.6rem;
  left: 0;
  top: 0;
}
.game-list .list li .info .icon{
  width: 1.2rem;
  height: 1.2rem;
  background: #d1d1da;
  border-radius: .15rem;
  overflow: hidden;
  margin: 0 auto;
}
.game-list .list li .info .icon img{
  width: 100%;
  vertical-align: top;
}
.game-list .list li .info .name{
  text-align: center;
  width: 100%;
  padding-top: .08rem;
  line-height: .3rem;
}
.game-list .list li .btns{
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content:center;
}
.game-list .list li .btns a{
  height: 1.6rem;
  box-sizing: border-box;
  display: block;
  font-size: .26rem;
  line-height: .28rem;
  margin: 0 0.1rem;
  width: 33.3%;
  background: #fff;
  color: #df3a24;
  box-shadow: 0.03rem 0.03rem 0.05rem rgba(0, 0, 0, .2);
  border-radius: .1rem;
  position: relative;
}
.game-list .list li .btns a.get{
  background: #df3a24;
  color: #fff;
}
.game-list .list li .btns a em{
  width: 100%;
  text-align: center;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0,-50%);
}
/*rules-container*/
.rules-container{
  width: 7.3rem;
  border-radius: .1rem;
  margin: .3rem auto;
  overflow: hidden;
}
.rules-container .title{
  padding-left: .3rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .3rem;
  color: #262626;
}
.rules-detail{
  padding: .5rem .3rem;
  color: #fff;
  line-height: .36rem;
}

/*pop*/
.pop {
  width: 7rem;
  border-radius: .1rem;
  display: none;
  position: fixed;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 888;
}

.pop .close {
  position: absolute;
  width: .8rem;
  height: .8rem;
  font-size: .7rem;
  text-align: center;
  color: #000;
  right: 0;
  top: 0;
  font-weight: normal;
  z-index: 2;
  /* background: #fff; */
  /* border-radius: 100%;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); */
  line-height: .7rem;
}

.pop h3 {
  height: 1.2rem;
  position: relative;
  padding: 0 0 0 1.3rem;
  line-height: 1.2rem;
  font-weight: normal;
  font-size: .28rem;
  color: #262626;
  border-top-left-radius: .1rem;
  border-top-right-radius: .1rem;
}

.pop h3 .icon{
  width: 1rem;
  height: 1rem;
  border-radius: .1rem;
  background: #8c8ca2;
  display: block;
  position: absolute;
  left: .14rem;
  top: .1rem;
}
.pop h3 .icon img{
  width: 100%;
  vertical-align: top;
}
.pop h3 em{
  padding: 0 .05rem;
  font-size: .24rem;
  vertical-align: top;
}
.pop .gift-list {
  padding: .2rem .25rem 0;
  color: #fff;
}

.pop .gift-list li {
  padding: .3rem .1rem;
  border-bottom: 1px solid #e0e0e0;
}
.pop .gift-list li h4{
  padding-bottom: .05rem;
}
.pop .gift-list li .item {
  padding: .16rem .55rem .16rem 1.2rem;
  position: relative;
}
.pop .btns {
  padding: .3rem 0 .8rem 0px;
  margin: 0 .25rem;
  height: .7rem;
  clear: both;
  text-align: center;
}

.pop .btns a {
  display: inline-block;
  width: 2rem;
  height: .7rem;
  font-size: .28rem;
  text-align: center;
  color: #fff;
  line-height: .7rem;
  border-radius: .1rem;
  margin-left: .1rem;
}

.pop .btns a.next,
.pop .btns a.submit {
  background: #f04a38;
  border: 1px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.2);
}

.pop .btns a.prev {
  background: #569dff;
  border: 1px solid #427dd0;
}

.gift-pop .gift-list {
  padding-bottom: 40px;
}

.record-pop h3 {
  font-size: .4rem;
  font-weight: bold;
  padding-left: 0;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.record-pop .record {
  width: 6.5rem;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  padding: .2rem 0 .1rem;
  color: #fff;
  overflow-x: auto;
}
.record-pop .record .title {
  border-bottom: 1px solid #d2d2d2;
  font-size: .24rem;
  height: .5rem;
  line-height: .5rem;
  overflow: hidden;
  display: block;
  padding: .15rem 0 .1rem;
  font-weight: bold;
}

.record-pop .record .record-list {
  width: 10rem;
  font-size: .26rem;
}

.record-pop .record .list li {
  line-height: .26rem;
  border-bottom: 1px solid #f2f2f2;
  width: 100%;
  overflow: hidden;
  padding: .08rem 0;
  font-size: .24rem;
}

.record-pop .record span {
  display: block;
  float: left;
}
.record-pop .record .title span{
  height: .3rem;
  line-height: .3rem;
}
.record-pop .list span{
  height: 1rem;
  line-height: .3rem;
  padding: .1rem 0;
}
.record-pop .record span.time {
  width: 20%;
}

.record-pop .record span.name {
  width: 30%;
}

.record-pop .record span.cdkey {
  width: 50%;
}
.record-pop .record .list li:last-child{
  border-bottom: none;
}
.record-pop .record .list li span.cdkey i{
  display: inline-block;
  line-height: .24rem;
  vertical-align: top;
}
.record-pop .record .list li span.cdkey a{  
  display: inline-block;
  overflow: hidden;
  height: .3rem;
  line-height: .3rem;
  background: #fff;
  color: #000;
  text-align: center;
  border-radius: .05rem;
  font-size: .24rem;
  padding: 0 .1rem;
  vertical-align: top;
}
.record-pop .page{
  width: 100%;
  text-align: center;
}
.record-pop .page a{  
  display: inline-block;
  margin: 0 0.1rem;
  padding: 0.2rem .2rem;
  color:#fff;
}
.record-pop .btns,.cdkey-pop .btns {
  border-top: none
}
.cdkey-pop .cdkey{
  width: 100%;
  text-align: left;
  overflow: hidden;
}
.cdkey-pop .number {
  padding: .4rem 0 0 .2rem;
  font-size: .24rem;
  color: #fff;
  float: left;
}

.cdkey-pop .copy {
  overflow: hidden;
  float: left;
  padding-top: .3rem;
}
.cdkey-pop .copy a {
  display: block;
  overflow: hidden;
  width: 100px;
  height: .5rem;
  line-height: .5rem;
  margin: .1rem 0 0 .2rem;
  background: #fff;
  color: #000;
  text-align: center;
  border-radius: .05rem;
  font-size: .24rem;
}
.download-pop h3{
  font-weight: normal;
  font-size: .34rem;
  padding-left: 0;
  text-align: center;
}
.download-pop .code{
  width: 3rem;
  margin: 0 auto;
  padding: .3rem 0;
}
.download-pop .code img{
  width: 100%;
}
.download-pop .tips{
  padding: 0 .5rem .4rem;
  color: #fff;
}
.pop-mask{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
#afooter{text-align: center;padding: .3rem 0;}
#afooter,#afooter a{font-size: .24rem;}