
/*----------------------------------*/
 .txt .one input[type="radio"] {
      right: 2px;
      top: 2px;
      appearance: none; /* 删除默认的样式 */
      -webkit-appearance: none;
      -moz-appearance: none;
      width: 18px; /* 设置宽度 */
      height: 18px; /* 设置高度 */
      border: 1px solid #000; /* 边框 */
      border-radius: 0; /* 去除圆角，使其为正方形 */
       /* 背景颜色 */
      cursor: pointer; /* 鼠标指针样式 */
      position: relative;
    }
     .txt .one input[type="radio"]:checked {
      background-color: var(--color-primary); /* 选中时背景色 */
      border-color: #4CAF50; /* 选中时边框颜色 */
    }

     .txt .one input[type="radio"]:checked::before {
      content: '✔'; /* 使用勾选符号 */
      font-size: 16px; /* 设置勾选符号大小 */
      color: white; /* 勾选符号颜色 */
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      text-align: center;
      line-height: 18px; /* 让勾选符号垂直居中 */
    }
.cc-popup .txt .one{
justify-content: center;
    align-items: center;
    display: flex
}
.cc-popup .txt .one p{
 font-size: 12px;
 padding: 10px;
}

.cc-popup {position:fixed;display:none;justify-content:center;align-items:center;height:100%;width:100%;top:0;left:0;z-index:10000;transition:opacity .15s,visibility .15s;opacity: 1;}
.cc-popup .bg{position:absolute;top:0;bottom:0;left:0;right:0;background:#0000004d;z-index:10;}
.cc-popup .cc-popup-modal{position:relative;z-index:20;transition:transform .25s;overflow:hidden;background-color:#fff;color:#676869;width: 750px;}
.cc-popup .cc-popup-modal .cc-popup-close{position:absolute;z-index:30;right:3px;top:3px;width:44px;height:44px;line-height:44px;text-align:center;min-width:auto;background-color:transparent;border:none;box-shadow:none;cursor:pointer;}
.cc-popup .cc-popup-modal .cc-popup-close i{font-size:25px;color:#333;}

.cc-popup .cc-popup-container{display:flex;flex-direction:row-reverse;}

.cc-popup .pic{width: 46%;}
.cc-popup .pic img{width: 100%;}

.cc-popup .txt{background: rgb(246,240,236);padding: 15px 30px;text-align:center;flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center;}

.cc-popup .txt h5{text-align: left;color:#171717;font-size: 28px;font-weight:700;line-height:1.2;}
.cc-popup .txt p{padding: 2px 0;text-align: left;display: inline-block;color:#676869;font-size:16px;}

.cc-popup .txt .input-position {
  position: relative;
}
.cc-popup .txt .input-position input {
  display: block;
  width: 100%;
  height: 35px;
  margin: 0 auto;
  margin-top: 2px;
  padding-left: 15px;
  font-size: 15px;
  border: none;
  background: rgb(246,240,236);
  border: 1px solid rgb(205,192,182);
  outline: none;
  border-radius: var(--button-radius);
}

.cc-popup .txt button {
  margin-bottom: 5px;
  width: 100%;
  height: 42px;
  font-size: 15px;
  color: #fff;
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  margin-top: 0px;
  outline: none;
  letter-spacing: 1px;
  font-family: montserrat-bold;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
  border-radius: var(--button-radius);
}

@media screen and (max-width:1280px){
.cc-popup .txt{padding:0 35px;}
.cc-popup .txt h5{font-size:22px;}

}

@media screen and (max-width:992px){

.cc-popup .txt{padding:0 25px;}
.cc-popup .txt h5{font-size:20px;}

}

@media screen and (max-width:768px){
.cc-popup .pic {display:none;}
.cc-popup .cc-popup-modal .cc-popup-close i{font-size:22px;color:#111;}
.cc-popup .txt{padding:20px;}

}