.content-wrap {
  min-width: 755px;
}
.intro-item {
  height: 380px;
  background-color: white;
  overflow: hidden;
  padding: 0 20px;
}
.banner-wrap {
  position: relative;
  height: 500px;
}
/* 物料替换-管家登录页底图 */
.banner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: url('../images/new/qywxbanner_qrcode.png?v=20230703');
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-text {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 15%;
  line-height: 26px;
}
.intro-item:nth-child(2n) {
  background: linear-gradient(to bottom,  #00DFDC 0%,#19B1E7 100%);
  color: white;
}
.intro-item img {
  height: 302px;
  width: auto;
}
.introitem-left, .introitem-right {
  width: 50%;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.intro-item .title {
  color: #10c1e3;
  font-size: 24px;
  line-height: 33px;
}
.intro-item:nth-child(2n) .title{
  color: white;
}
.intro-item .info {
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid #bbb;
  font-size: 20px;
  line-height: 28px;
}
.intro-item:nth-child(2n) .info {
  border-top: 1px solid white;
}
.introitem-right .title {
  text-align: right;
}

.btn-span {
  display: inline-block;
  padding: 4px 12px;
  background-color: white;
  color: #30bfcf;
  cursor: pointer;
  margin-right: 12px;
}
.btn-span.selected {
  background-color: #30bfcf;
  color: white;
}
.login-wrap {
  margin: 50px 20px 30px 30px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.intro {
  /* margin: 0 auto;
  max-width: 1140px; */
  width: 100%;
}
.intro img {
  width: 100%;
  height: auto;
  margin-top: -2px;
}

.showImg_wraper {
    z-index: 10000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: rgba(138,153,170,.6)
}
.imgContent {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    background: rgba(0,0,0,.5);
    margin-bottom: 100px;
    text-align: center;
  }
.imgContentDue{
    background:url("../images/new/bgDue.png");
    width: 417px;
    height: 263px;
    top:30%;
}
.btnCue{
    color:#FE783D;
    height:32px;
    width:132px;
    border-radius:16px;
    background-color:white;
    border:0;
    margin-top:15px;
}
.DueDialogTitle{
    color:white;
    font-size:30px;
}
.DueDialogCtn{
    color:white;
    font-size:16px;
    text-align:left;
    padding:20px 50px;
}
.imgCloseDue{
  margin-top:20px;
  margin-right:-350px;
}

.cover{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.sevicecover{
  display: none;
}
.cbody {
  position: absolute;
  background-color: white;
  padding: 0;
  width: 360px;
  height: 240px;
  font-size: 14px;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px);
  box-sizing: border-box;
  box-shadow: 0 0 6px rgba(0,0,0,0.15);
  border-radius: 8px;
}
.cbody .content{
  font-size: 13px;
  line-height: 1.5;
  float: none;
  padding: 0 20px;
  height: 108px;
  color: #516374;
}
.cover .content span{
  color: #516374;
}
.cbody .c-title {
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin-bottom: 24px;
  font-weight: bold;
  background-image: linear-gradient(-180deg, #FF6C55 0%, #FE472A 100%);
  border-radius: 8px 8px 0 0;
  font-size: 15px;
  color: #ffffff;
}
.sevicecover .cbody .actionRow{
  padding: 0 40px;
  text-align: center;
}
.sevicecover .cbody .actionRow .primary{
  color: #ffffff;
  border: none;
  outline: none;
  border-radius: 4px;
  background-image: linear-gradient(-180deg, #FF6C55 0%, #FE472A 100%);
  box-shadow: 0 2px 8px 0 rgba(255,130,103,0.53);
  border-radius: 14px;
  width: 126px;
  height: 30px;
  line-height: 28px;
  font-size: 12px;
  cursor: pointer;
}
.sevicecover .cbody .actionRow .primary:hover{
  background-image: linear-gradient(-180deg, #f57b68 0%, #f53415 100%);
}
.sevicecover .cbody .actionRow .primary a{
    color: #ffffff;
}
.sevicecover .cbody .actionRow .default{
  border: none;
  outline: none;
  border-radius: 4px;
  margin-right: 26px;
  background-image: linear-gradient(-180deg, #ECECEC 0%, #D9D9D9 100%);
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.10);
  border-radius: 14px;
  color: #8896A4;
  font-size: 12px;
  width: 126px;
  height: 30px;
  line-height: 32px;
  cursor: pointer;
}
.se-close {
  display: block;
  position: absolute;
  top: 12px;
  cursor: pointer;
  width: 10px;
  height: 10px;
  background: url('../images/popo-close.png') center no-repeat;
  background-size: cover;
  right: 12px;
  color: #ffffff;
}
.se-close::before{
  display: none;
}
.sevicecover .content .warningColor{
  color: #FF6C55;
}

/* 密码提示弹框 */
.pwdcover{
  display: none;
}
.pwdcover .cbody .actionRow{
  padding: 0 40px;
  text-align: center;
}
.pwdcover .cbody .actionRow .primary{
  color: #ffffff;
  border: none;
  outline: none;
  border-radius: 4px;
  background-image: linear-gradient(-180deg, #FF6C55 0%, #FE472A 100%);
  box-shadow: 0 2px 8px 0 rgba(255,130,103,0.53);
  border-radius: 14px;
  width: 126px;
  height: 30px;
  line-height: 28px;
  font-size: 12px;
  cursor: pointer;
}
.pwdcover .cbody .actionRow .primary:hover{
  background-image: linear-gradient(-180deg, #f57b68 0%, #f53415 100%);
}
.pwdcover .cbody .actionRow .primary a{
    color: #ffffff;
}
.pwdcover .cbody .actionRow .default{
  border: none;
  outline: none;
  border-radius: 4px;
  margin-right: 26px;
  background-image: linear-gradient(-180deg, #ECECEC 0%, #D9D9D9 100%);
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.10);
  border-radius: 14px;
  color: #8896A4;
  font-size: 12px;
  width: 126px;
  height: 30px;
  line-height: 32px;
  cursor: pointer;
}
.pwdcover .content{
  font-size: 13px;
  line-height: 1.5;
  float: none;
  padding: 0 20px;
  height: 108px;
  color: #516374;
}
.pwd-close {
  display: block;
  position: absolute;
  top: 12px;
  cursor: pointer;
  width: 10px;
  height: 10px;
  background: url('../images/popo-close.png') center no-repeat;
  background-size: cover;
  right: 12px;
  color: #ffffff;
}
.pwd-close::before{
  display: none;
}

.acct-close {
  display: block;
  position: absolute;
  top: 12px;
  cursor: pointer;
  width: 10px;
  height: 10px;
  background: url('../images/popo-close.png') center no-repeat;
  background-size: cover;
  right: 12px;
  color: #ffffff;
}
.acct-close::before{
  display: none;
}
.probation-close {
  display: block;
  position: absolute;
  top: 12px;
  cursor: pointer;
  width: 10px;
  height: 10px;
  background: url('../images/popo-close.png') center no-repeat;
  background-size: cover;
  right: 12px;
  color: #ffffff;
}
.probation-close::before{
  display: none;
}
.pwdcover .content .warningColor{
  color: #FF6C55;
}

/*提示未开通时模态框的样式*/
.actcover{
  display: none;
}
.actcover .cbody .content{
  font-size: 13px;
  line-height: 1.8;
  float: none;
  height: 108px;
  color: #516374;
}
.actcover .cbody .c-title{
  background-image: linear-gradient(-180deg, #1FADf6 0%, #1FADf6 100%);
}
.actcover .cbody .actionRow .default{
  border: none;
  outline: none;
  border-radius: 4px;
  margin-right: 26px;
  background-image: linear-gradient(-180deg, #1fadf6 0%, #1fadf6 100%);
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.10);
  border-radius: 14px;
  color: #ffffff;
  font-size: 12px;
  width: 126px;
  height: 30px;
  line-height: 32px;
  cursor: pointer;
  float: right;
}

/* 试用期弹框 */
.probation-cover{
  display: none;
}
.probation-cover .cbody .content{
  font-size: 13px;
  line-height: 1.8;
  float: none;
  height: 108px;
  color: #516374;
}
.probation-cover .cbody .c-title{
  background-image: linear-gradient(-180deg, #1FADf6 0%, #1FADf6 100%);
}
.probation-cover .cbody .actionRow .default{
  border: none;
  outline: none;
  border-radius: 4px;
  margin-right: 26px;
  background-image: linear-gradient(-180deg, #1fadf6 0%, #1fadf6 100%);
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.10);
  border-radius: 14px;
  color: #ffffff;
  font-size: 12px;
  width: 126px;
  height: 30px;
  line-height: 32px;
  cursor: pointer;
  float: right;
}
.switch{
  position: absolute;
  top: 1px;
  right: 1px;
  cursor: pointer;
}
.log-qrcode-wrap{
  text-align: center;
  margin-top: 24px;
  display: none;
  position: relative;
}
.qrcode-remain-text{
  margin-top: 16px;
}
.scan-mask-wrap{
  width: 168px;
  height: 168px;
  position: absolute;
  top: 0;
  left: 56px;
  display: none;
}
.scan-mask{
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
}
.scan-mask-text{
  position: absolute;
  top: 56px;
  width: 100%;
  left: 0;
  text-align: center;
  color: #ffffff;
}
.scan-mask-btn{
  position: absolute;
  top: 84px;
  left: 50px;
  text-align: center;
  padding: 4px 20px;
  background-color: #FF0000;
  color: #ffffff;
  cursor: pointer;
}
.guide-text{
  vertical-align: top;
  margin-top: 4px;
}
.switch.switch-pc{
  display: none;
}