* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
a{text-decoration:none;}
ul,li{list-style: none;}
.border-l{
  border-right: 0 !important;
}
html,
body {
  height: 100%;
  width: 100%;
}
body {
  color: #333;
  font-size: 22px;
}
.wrap {
  width: 1200px;
  background: #ff2042;
  margin: 0 auto;
}
.banner{
  width: 100%;
  height: 608px;
  background: url(../images/lt-banner.jpg) no-repeat center;
}
.inner{
  width: 710px;
  padding:0 0 61px;
  margin: 0 auto;
}
.common-box{
  background: #fff;
  border-radius: 10px;
  position: relative;
}
.tit-box{
  width: 433px;
  height: 67px;
  line-height: 67px;
  color: #fff;
  letter-spacing: 3px;
  margin: -43px auto 18px;
  font-size: 40px;
  font-weight: bold;
  background: url(../images/tit-bg.png) no-repeat center;
  text-align: center;
}
.tit-box3{
  width: 639px;
  height: 84px;
  font-size: 36px;
  line-height: 104px;
  background: url(../images/tit-bg3.png) no-repeat center;
}
.btn-box{
  padding: 27px 0 93px;
}
.btn-box a{
  width: 560px;
  height: 89px;
  line-height: 86px;
  text-align: center;
  color: #693100;
  background: #ffe377;
  display: block;
  border-radius: 10px;
  box-shadow: 7px 7px 0px 0px #ffb400;
  font-size: 50px;
  margin: 0 auto;
}
.version .tit-box{
  margin: 0 auto 19px;
}
.version {
  width: 100%;
}
.version-item{
  text-align: center;
  color: #6e80c9;
  padding: 25px 22px 20px;
  margin-bottom: 20px;
}
.version-item h3{
  font-size: 30px;
  margin-bottom: 15px;
}
.version-con{
  width: 100%;
  background: #eeeffc;
  border-radius: 10px;
}
.version table {
  width: 100%;
}
.version table th,
.version table td {
  border-bottom: 1px solid #b5bfe8;
  border-right: 1px solid #b5bfe8;
}
.version table th:last-child,
.version table td:last-child {
  border-right: 0;
}
.version table th {
  height:50px;
}
.version table td {
  padding:15px 20px;
}
.version .msg{
  padding: 10px 17px 30px;
}
.version .msg p {
  line-height: 36px;
  text-align: left;
}

.recharge{
  padding: 1px 57px 29px;
  margin-bottom: 93px;
}
.recharge .tit-box{
  width: 462px;
  height: 79px;
  line-height: 91px;
  margin: -60px auto 36px;
  background: url(../images/tit-bg2.png) no-repeat center;
}
.recharge .icon{
  width: 77px;
  height: 80px;
}
.recharge .msg{
  font-size: 36px;
  color: #000;
  padding-left: 24px;
}
.recharge .msg p:first-child{
  font-size: 28px;
  color: #999;
  margin-top: -5px;
}
.recharge .btn-join{
  width: 83px;
  height: 86px;
}
.recharge .btn-join a{
  display: block;
}
.illustrate{
  padding: 1px 35px 14px;
  margin-bottom: 103px;
}
.illustrate p{
  margin-bottom: 35px;
  line-height: 36px;
}

.activation{
  padding: 1px 35px 45px;
}

.code-tip{
  width: 650px;
  height: 462px;
  background: rgba(0, 0, 0, .7);
  border-radius: 10px;
  position: fixed;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.btn-close{
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url(../images/close.png) no-repeat center;
  position: absolute;
  top:20px;
  right: 20px;
}
.code{
  width: 273px;
  height: 273px;
  margin: 76px 0 0 189px;
  background: url(../images/code-liantong.png) no-repeat center;
}
.code-tip p{
  font-size: 36px;
  padding-top:25px;
  color: #fff;
  text-align: center;
}