.header {
  width: 100%;
  height: 1.2rem;
  background: #666666;
  box-sizing: border-box;
  padding: .1rem .3rem;
  color: #fff;
}
.header h1 {
  display: inline-block;
  position: relative;
  padding-left: 1.2rem;
}
.logo {
  position: absolute;
  left: 0;
  width: 1rem;
  height: 1rem;
}
.logo img{
  width: 100%;
  height: 100%;
}
.header h1 {
  display: inline-block;
  position: relative;
  padding-left: 1.2rem;
}
.header h1>strong {
  display: block;
  font-size: .36rem;
}
.header h1>em {
  display: block;
  font-size: .22rem;
  color: #fff;
  font-style: normal;
  font-weight: 300;
}
.download {
  display: block;
  width: 1.85rem;
  height: .65rem;
  line-height: .65rem;
  border: 1px solid #fff;
  margin-top: 0.17rem;
  text-align: center;
}

.container1 {
  height: 8.81rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/container1.jpg) no-repeat 0 0/100% 100%;
  overflow: hidden;
}
.head-logo {
  display: inline-block;
  width: 1.3rem;
  height: .82rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon.png) no-repeat -4.78rem -4.35rem/7.6rem 5.3rem;
  text-indent: -9999rem;
  margin: .43rem 0 0 .43rem
}
.login {
  float: right;
  margin-top: .16rem;
  font-size: .2rem;
  padding-right: .3rem;
}
.login-txt {
  color: #bc0320
}
.login-txt a {
  color: #832432
}
.salogan {
  font-size: 0
}
.top-notice {
  text-align: center;
  font-size: .26rem;
  color: #737373;
  margin-top: 5.45rem;
}
.top-notice span {
  color: #e73e55
}
.btn-group {
  justify-content: center;
  margin-top: .3rem;
}
.link-web,.download-now {
  display: block;
  width: 3rem;
  height: .69rem;
  line-height: .68rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon.png) no-repeat -.2rem -4.48rem/7.6rem 5.3rem;
  text-align: center;
  font-size: .36rem;
  color: #e73e55;
  margin: 0 .2rem
}

.container2 {
  height: 26.75rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/container2.jpg) no-repeat 0 0/100% 100%;
  overflow: hidden;
}
.title {
  text-indent: -9999rem;
}
.module1 {
  width: 7.02rem;
  height: .46rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon.png) no-repeat -.05rem -.05rem/7.6rem 5.3rem;
  margin: .5rem auto 0;
}
.title-txt {
  font-size: .26rem;
  color: #656565;
  text-align: center;
  margin-top: .1rem;
}
.scroll-wrap {
  width: 7.14rem;
  height: 12.14rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/scroll-bg.png) no-repeat 0 0/100% 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding-left: .3rem;
  text-align: center;
}
.scroll-wrap .title-txt {
  margin-bottom: .5rem
}
.pinjian {
  margin-top: .9rem;
}
.module2 {
  width: 6.02rem;
  height: .43rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon.png) no-repeat -.05rem -.77rem/7.6rem 5.3rem;
  margin: auto;
}
.module3 {
  width: 6.02rem;
  height: .43rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon.png) no-repeat -.05rem -1.46rem/7.6rem 5.3rem;
  margin: auto;
}
.input-wrap {
  margin-bottom: .4rem;
  padding-right: .6rem;
  font-size: 0;
}
.input-wrap span {
  display: inline-block;
  width: 1.2rem;
  margin-right: .3rem;
  color: #eb5578;
  font-size: .26rem;
  text-align: right;
  font-weight: 500
}
.input-wrap .danwei {
  width: 0.6rem;
  margin-left: 0.1rem;
  text-align: left;
}
.input-wrap input {
  border: 1px solid #ffb4c7;
  width: 3.65rem;
  height: .65rem;
  padding: .1rem;
  box-sizing: border-box;
  font-size: .26rem;
}
.input-wrap .special-input {
  width: 2.13rem;
}
.getcode-btn {
  display: inline-block;
  width: 1.4rem;
  height: 0.65rem;
  line-height: 0.65rem;
  border: 1px solid #ffb4c7;
  vertical-align: top;
  color: #ef5a84;
  font-size: .26rem;
  margin-left: .12rem;
  box-sizing: border-box;
  background: #fff
}
.btn-wrap {
  padding-right: 0;
  justify-content: center;
}
.select,.getgift {
  display: inline-block;
  width: 2.34rem;
  height: .75rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon.png) no-repeat -.1rem -2.84rem/7.6rem 5.3rem;
  text-indent: -9999rem;
  margin: 0 .2rem;
}
.getgift {
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon.png) no-repeat -2.55rem -2.84rem/7.6rem 5.3rem;
}
.tianhen {
  margin-top: 1.2rem;
}

.explain,.rules {
  width: 5.75rem;
  margin: auto;
  font-size: .24rem;
  color: #656565;
  line-height: 1.8
}
.module4,.module5 {
  width: 1.7rem;
  height: .38rem;
  margin: .3rem 0;
}
.module4 {
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon.png) no-repeat -2.1rem -3.85rem/7.6rem 5.3rem;
}
.module5 {
  margin-top: .8rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon.png) no-repeat -.2rem -3.85rem/7.6rem 5.3rem;
}
.rules-list li {
  margin-bottom: .45rem;
  position: relative;
  text-align: justify
}
.rules-list li::before {
  position: absolute;
  content: "";
  display: block;
  width: .19rem;
  height: .19rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon.png) no-repeat -4.57rem -3.84rem/7.6rem 5.3rem;
  left: -.3rem;
  top: .1rem;
}
.rules-list li>span{
  color: #ef4968
}

.window{
  width: 6.83rem;
  height: 4.04rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/window-bg.png) no-repeat 0 0/100% 100%;
  overflow: hidden;
  text-align: center;
  position: relative;
  display: none;
  margin-left: 0 !important;
  transform: translateX(-50%) !important;
}
.module6 {
  width: 6.3rem;
  height: .42rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon.png) no-repeat -.05rem -2.16rem/7.6rem 5.3rem;
  margin: .8rem auto 0;
}
.qq-btn,.weixin-btn {
  display: inline-block;
  width: 2.42rem;
  height: .55rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon.png) no-repeat -5rem -2.93rem/7.6rem 5.3rem;
  box-sizing: border-box;
  padding-left: .5rem;
  text-align: center;
  line-height: .53rem;
  font-size: .25rem;
  color: #ef4968;
  margin: .9rem .2rem 0 .2rem;
  position: relative;
}
.qq-btn::before {
  position: absolute;
  top: .07rem;
  left: .5rem;
  content: "";
  display: block;
  width: .35rem;
  height: .36rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon.png) no-repeat -3.44rem -4.48rem/7.6rem 5.3rem;
}
.weixin-btn::before {
  position: absolute;
  top: .07rem;
  left: .4rem;
  content: "";
  display: block;
  width: .5rem;
  height: .4rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon.png) no-repeat -4.03rem -4.48rem/7.6rem 5.3rem;
}
.close-btn {
  display: block;
  width: .36rem;
  height: .38rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon.png) no-repeat -4.01rem -3.85rem/7.6rem 5.3rem;
  position: absolute;
  text-indent: -9999rem;
  top: .4rem;
  right: .4rem;
}

.window-lager{
  width: 6.83rem;
  height: 6.56rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/window-lager.png) no-repeat 0 0/100% 100%;
  overflow: hidden;
  text-align: center;
  position: relative;
  display: none;
  margin-left: 0 !important;
  transform: translateX(-50%) !important;
}

.module7 {
  width: 6.3rem;
  height: .43rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon-add.png) no-repeat -.05rem -.05rem/6.5rem 1.7rem;
  margin: .7rem auto 0;
  overflow: hidden;
}
.window-btn {
  display: inline-block;
  width: 2.36rem;
  height: .69rem;
  line-height: .68rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon-add.png) no-repeat -.41rem -.86rem/6.5rem 1.7rem;
  font-size: .34rem;
  color: #ef4968;
  text-align: center;
}
.get-window {
  padding: .6rem .8rem;
  box-sizing: border-box;
  text-align: left;
  text-align: justify;
  color: #803845;
  font-size: .32rem;
}
.get-window .window-btn{
  display: block;
  margin: .2rem auto 0
}
.get-window span{
  color: #ef4968;
}
.window-lager .window-btn {
  margin: 0 .2rem;
}

.select-wrap {
  width: 5.8rem;
  height: .7rem;
  margin: auto;
  position: relative;
  margin-top: .3rem;
  box-sizing: border-box;
}
.select-wrap select {
  width: 100%;
  height: .7rem;
  background: #86838e;
  border: none;
  outline: none;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  padding: 0 .4rem;
  font-size: .34rem;
  color: #c3c2c6
}
.select-wrap:after{
  display: block;
  content: "";
  width: .37rem;
  height: .25rem;
  background: url(//game.gtimg.cn/images/xyj/cp/a20181015czflm/icon-add.png) no-repeat -3.01rem -1.21rem/6.5rem 1.7rem;
  position: absolute;
  top: .2rem;
  right: .2rem;
  pointer-events: none;
}
.window-lager .window-btn {
  margin-top: .3rem;
}