html,body{
  height: 100%;
}
.index {
  height: auto;
  min-height: 100%;
}
/* 错误信息 */
.err-tips {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 44px;
  z-index: 999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: .4rem .3rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: center;
  background: #ffdfdf;
  overflow: hidden;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.err-tips.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.err-tips img {
  width: .48rem;
  height: .48rem;
}

.err-tips span {
  padding-left: .2rem;
  color: #f95a55;
  font-size: .28rem;
  height: .28rem;
  overflow: hidden;
}
.shadow-wrapper{
  z-index: 998;
  background-color:rgba(36, 203, 169, 0.1);
}
.shadow-wrapper .agree_wrapper{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 6rem;
  height: 8.76rem;
  border-radius: 10px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.agree_wrapper .header{
  width: 100%;
  height: 3.6rem;
  background: url(../images/blue_bg.png) no-repeat center center;
  background-size: 100% 100%;
  text-align: center;
  font-size: .28rem;
  font-weight: bold;
  color: #fff;
  padding-top: 2.5rem;
  margin-bottom: .2rem;
}
.agree_wrapper .content{
  padding: .2rem .52rem 0;
  font-size: .28rem;
  line-height: .4rem;
  text-indent: 2em;
  margin-bottom: .4rem;
}
.agree_wrapper .content em{
  font-weight: bold;
}
.agree_wrapper .check_wrapper{
  text-align: center;
  font-size: .28rem;
  color: #333;
}
.check_wrapper label{
  display: block;
  line-height: .36rem;
  margin-bottom: .2rem;
}
.check_wrapper label span{
  display: inline-block;
  width: .32rem;
  height: .32rem;
  border-radius: 50%;
  border: 1px solid #2CBCD0;
  vertical-align: top;
  margin-right: .08rem;
}
.check_wrapper label span.checked{
  border: none;
  background: url(../images/icon_agree.png) no-repeat center center;
  background-size: 100% 100%;
}
.check_wrapper input[type=checkbox] {
  width: 0;
  height: 0;
  position: relative;
  visibility: hidden;
}
.check_wrapper button{
  width: 4.92rem;
  height: .8rem;
  line-height: .8rem;
  border-radius: .4rem;
  text-align: center;
  font-size: .32rem;
  color: #fff;
  background: #ddd;
  border: none;
  transition:  all .33s ease;
}
.check_wrapper button.checked{
  background: #E03325;
}
.check_wrapper button,
.check_wrapper button:active
.check_wrapper button:focus,
.check_wrapper button:focus-within{
  outline: none;
}