/* pages/yuyue/yuyue.wxss */
.closeXieyi,.xieyi{
  display: block;
}
.main{
  width: 750rpx;
  position: fixed;
  left: 0;
  top: 0;
  height: calc(100vh - 120rpx);
  overflow: auto;
  background-color: white;
  z-index: 99;
}
.titleText{
  width: 682rpx;
  margin: 0 auto;
  margin-top: 78rpx;
  margin-bottom: 28rpx;
  line-height: 39rpx;
  font-size:39rpx;
  font-family:PingFangSC;
  font-weight:bold;
  color:rgba(0,77,149,1);
}
.lineSty{
  width: 682rpx;
  height:2rpx;
  background-color: #B6B6B6;
  margin: 0 auto;
  margin-bottom: 45rpx;
}
.closeXieyi{
  position: absolute;
  right: 48rpx;
  top: 38rpx;
  width: 42rpx;
  height: 42rpx;
}
.xieyiGroup{
  width: 682rpx;
  margin: 0 auto;
  height: calc(100vh - 342rpx);
  overflow: auto;
}
.yuyueTop{
  display: block;
  margin: 0 auto;
  width: 699rpx;
  height: 225rpx;
  margin-bottom: 45rpx;
}

.inputGroup{
  width:654rpx;
  height:65rpx;
  margin: 0 auto;
  background-color: white;
  border-radius: 20rpx;
  box-sizing: border-box;
  line-height: 65rpx;
  padding: 0 35rpx;
  font-size: 24rpx;
  margin-top: 18rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 2rpx solid #B4B4B4;
  position: relative;
  overflow: hidden;
}
.inputCode{
  height: 100%;
  width: 100%;
}
.getPhoneFrame{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width:653rpx;
  height: 71rpx;
  z-index: 2;
}
.getPhoneBtn{
  opacity: 0;
}
.selectSiteGroup{
  border: 2rpx solid #B4B4B4;
  margin: 0 auto;
  width:652rpx;
  height:65rpx;
  background-color: white;
  border-radius: 20rpx;
  box-sizing: border-box;
  line-height: 65rpx;
  padding: 0 35rpx;
  font-size: 24rpx;
  margin-top: 18rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.selectIcon{
  width: 25rpx;
  height: 15rpx;
}
.subscribeBtn{
  position: relative;
  margin: 0 auto;
  width:651rpx;
  height:70rpx;
  margin-top: 18rpx;
  margin-bottom: 17rpx;
}
.getUserMsgBtn{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  padding:0;
}
.agreeIcon{
  width: 29rpx;
  height: 28rpx;
  margin-right: 17rpx;
}
.agreementGroup{
  width: 652rpx;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 47rpx;
}
.agreementText{
  line-height: 24rpx;
  font-size:24rpx;
  font-family:PingFangSC;
  font-weight:300;
  color:rgba(156,157,157,1);
  display: flex;
  align-items: center;
}
.newImages50{
  width: 653rpx;
  height: 66rpx;
  margin: 0 auto;
  margin-top: 18rpx;
}
.newImages2-41{
  width:653rpx;
  height: 71rpx;
  margin: 0 auto;
}
.ruleMask{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 120rpx);
  background-color: rgba( 000, 000, 000, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.ruleGroup{
  position: relative;
  width: 641rpx;
  height: 995rpx;
}
.closeRule{
  position: absolute;
  top: -27rpx;
  right: -28rpx;
  width: 38rpx;
  height: 37rpx;
}
.getNow{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 435rpx;
  width: 368rpx;
  height: 60rpx;
}