.accout[data-v-2ef862a4] {
  margin-left: 24px;
  margin-right: 24px;
}
.userword[data-v-2ef862a4] {
  min-height: 450px;
  background: #ffffff;
  border-radius: 12px;
}
.box1[data-v-2ef862a4]{
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 18px;
  color: #303133;
  line-height: 20px;
  text-align: left;
  font-style: normal;
  padding-left: 20px;
  margin-bottom: 14px;
  padding-top: 24px;
}
.box2[data-v-2ef862a4]{
font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #969DB1;
  line-height: 16px;
  text-align: left;
  font-style: normal;
    padding-left: 20px;
}
.vrap[data-v-2ef862a4]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
.inding-varp[data-v-2ef862a4]{
  width: 270px;
  height: 276px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(241, 248, 255, 0.5)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(241, 248, 255, 0.5) 100%);
    border-radius: 12px;
    border: 1px solid #E4E7ED;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 20px;
        /* 垂直排列 */
}
.titlevrap[data-v-2ef862a4]{
   margin-left: 20px;
   font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #969DB1;
.colorspan{
    font-family: MicrosoftYaHei;
font-size: 14px;
color: #246DF4;
line-height: 14px;
text-align: left;
font-style: normal;
cursor: pointer;
}
}
.img_vrap[data-v-2ef862a4] {
      width: 160px;
      height: 100px;
      border:  1px dashed #ccc;
      margin-top: 20px;
}
.h_vrap[data-v-2ef862a4]{
      width:160px;
      font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 16px;
        color: #181818;
        line-height: 22px;
        text-align: left;
        font-style: normal;
          margin-top: 20px;
}
.buttons[data-v-2ef862a4]{
      margin-top: 30px;
      margin-bottom: 30px;
      width: 112px;
        height: 32px;
        background: #25D366;
        border-radius: 16px;
        text-align: center;
        line-height: 32px;
}
.sp_varp[data-v-2ef862a4]{
      font-family: PingFangSC, PingFang SC;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 14px;
        text-align: center;
        font-style: normal;
}
.mar_vrap[data-v-2ef862a4]{
      margin-top: 50px;
      padding-left: 20px;
      font-family: MicrosoftYaHei, MicrosoftYaHei;
        font-weight: bold;
        font-size: 18px;
        color: #303133;
        line-height: 20px;
        text-align: left;
        font-style: normal;
}
.pop_vrap[data-v-2ef862a4]{
      margin-top:14px;
      padding-left: 20px;
      font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 14px;
        color: #969DB1;
        line-height: 16px;
        text-align: left;
        font-style: normal;
}
.unbound[data-v-2ef862a4]{
      background: #FFFFFF;
        border-radius: 16px;
        border: 1px solid #246DF4;
        width: 112px;
          height: 32px;
          text-align: center;
          line-height: 32px;
          margin-top: 24px;
}
.bound_varp[data-v-2ef862a4]{
      font-family: PingFangSC, PingFang SC;
        font-weight: bold;
        font-size: 14px;
        color: #246DF4;
        line-height: 14px;
        text-align: right;
        font-style: normal;
}
        /* 背景遮罩层 */
.dialog-overlay[data-v-2ef862a4] {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.5);
          /* 半透明黑色背景 */
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          z-index: 1000;
}
    
        /* 弹窗容器 */
.dialog[data-v-2ef862a4] {
          background-color: white;
          border-radius: 8px;
          width: 300px;
          -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
                  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
          -webkit-animation: fadeIn-data-v-2ef862a4 0.3s ease-in-out;
                  animation: fadeIn-data-v-2ef862a4 0.3s ease-in-out;
}
    
        /* 弹窗头部 */
.dialog-header[data-v-2ef862a4] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          padding: 16px;
          border-top-left-radius: 8px;
          border-top-right-radius: 8px;
}
.dialog-header h3[data-v-2ef862a4] {
          margin: 0;
          font-size: 18px;
          color: #333;
}
.close-btn[data-v-2ef862a4] {
          background: transparent;
          border: none;
          float: right;
          font-size: 20px;
          cursor: pointer;
          color: #888;
}
    
        /* 弹窗内容 */
.dialog-body[data-v-2ef862a4] {
          font-family: MicrosoftYaHei;
            font-size: 22px;
            color: #181818;
            line-height: 24px;
            text-align: right;
            font-style: normal;
            text-transform: none;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
}
    
        /* 弹窗底部按钮 */
.dialog-footer[data-v-2ef862a4] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          padding: 10px;
          border-bottom-left-radius: 8px;
          border-bottom-right-radius: 8px;
          margin-top: 30px;
          display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
}
.dialog-footer button[data-v-2ef862a4] {
          padding: 8px 16px;
          margin-left: 10px;
          font-size: 14px;
          border: none;
          border-radius: 4px;
          cursor: pointer;
}
    
        /* 取消按钮样式 */
.cancel-btn[data-v-2ef862a4] {
          background-color: #f0f0f0;
          color: #333;
          width: 120px;
}
    
        /* 确认按钮样式 */
.confirm-btn[data-v-2ef862a4] {
          background-color: #007bff;
          color: white;
          width: 120px;
}
.cancel-btn[data-v-2ef862a4]:hover,
        .confirm-btn[data-v-2ef862a4]:hover {
          opacity: 0.8;
}
    
        /* 弹窗动画效果 */
@-webkit-keyframes fadeIn-data-v-2ef862a4 {
0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
                    transform: translateY(-20px);
}
100% {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
}
}
@keyframes fadeIn-data-v-2ef862a4 {
0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
                    transform: translateY(-20px);
}
100% {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
}
}