* {
  margin: 0;
  padding: 0;
}
.main-block {
  max-width: 6.5rem;
  margin: 0 auto;
  padding-top: 0.97rem;
}
.sms-main {
  min-height: 100vh;
  background: url("../images/unsubscribe-bgc.png") no-repeat center;
  background-size: cover;
  background-position:left top;
  /* background-attachment: fixed; */
}

.sms-title {
  text-align: center;
}
.sms-title h2 {
  font-size: 0.66rem;
  font-family: DINAlternate-Bold, DINAlternate;
  font-weight: bold;
  color: #ffffff;
  line-height: 0.77rem;
  text-shadow: 0 0.05rem 0 rgba(61, 59, 197, 0.6);
}

.sms-content {
  width: 100%;
  margin-top: 0.3rem;
  padding: 0.46rem 0.56rem;
  background: #ffffff;
  border-radius: 0.22rem;
}
.sms-content h3 {
  font-family: PingFangSC-Medium;
  font-size: 0.36rem;
  line-height: 0.5rem;
  color: #252a3d;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.24rem;
}

.sms-content .content-btn {
  margin-top: 0.46rem;
  text-align: center;
}

.content-btn span {
  padding: 0.2rem 1.54rem;
  background: linear-gradient(319deg, #6cabff 0%, #3a72ff 100%);
  border-radius: 0.4rem;
  color: #ffffff;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 0.28rem;
  line-height: 0.4rem;
  display: inline-block;
  cursor: pointer;
}
.disable.active {
  color: #c5c8ce;
  pointer-events: none;
}
.disable.active span {
  background: linear-gradient(319deg, #f7f7f7 0%, #c5c8ce 100%);
}
.cliw-btn {
  margin-top: 0.46rem;
  text-align: center;
  color: #3a72ff;
}


/* */
input[type="radio"] {
  width: 0.36rem;
  height: 0.36rem;
  float: right;
  background: #ffffff;
  border: 0.01rem solid #c0c3cc;
  border-radius: 50%;
  margin-top: 0.25rem;
} 
.cont-item {
  font-family: PingFangSC-Regular;
  font-size: 0.3rem;
  color: #252a3d;
  line-height: 0.84rem;
  border-bottom: 0.01rem solid #ebedf0;
}

.loading{ position: absolute; left: 0; top: 0; z-index: 12000; width: 100%; height: 100%; overflow: hidden;}
.loading_div{ 
  width: 30%;
  background: rgba(0,0,0,0.75);
  border-radius: 0.1rem;
  text-align: center;
  position: relative;
  top: 40%;
  margin: 0 auto;
  line-height: 0.6rem;
  padding: 0.15rem 0.05rem;
}
.loading_div p{ font-size: 0.24rem; color: #fff; }
/* .spinner{width:0.3rem;height:0.3rem;position:relative; display: inline-block;} */


.success{
  background: rgba(0,0,0,0.5);
  position: absolute;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  transform: translateY(100%);
  opacity: 0}
.success.active {
  transform: translateY(0);
  opacity: 1;
}

.success_div {
  width: 4.31rem;
  height: 3.3rem;
  position: relative;
  z-index: 11000;
  top: 2.4rem;
  border-radius: 0.1rem;
  background: #ffffff;
  margin: 0 auto;
}

.success_div>section>p {
  width: 100%;
  height: 1.14rem;
  position: absolute;
  top: 0.9rem;
  color: #8B91A6;
  line-height: 0.38rem;
  text-indent: 1em;
  font-size: 0.32rem;
  text-align: center;
  margin: 0 auto;
}
.success_line{
  width:100%;
  height:0.01rem;
  position: absolute;
  bottom: 1.1rem;
  left: 0;
  background:rgba(225,225,225,1);
}
.success_div a {
  display: block;
  position: absolute;
  color: #1A52FF;
  left: 1.7rem;
  bottom: 0.4rem;
  font-size: 0.24rem;
}