* {
       margin: 0;
       padding: 0;
   }

   .dyhyLayer {
       width: 360px;
       height: 321px;
       background: url(../images/applytrial/dyhy.png) no-repeat center center;
       padding: 20px;
       box-sizing: border-box;
       display: inline-flex;
       align-items: center;
       justify-content: center;
   }

   .dyhyBtn {
       width: 288px;
       height: 50px;
       line-height: 50px;
       display: block;
       background-color: #ff5a00;
       color: #fff;
       font-size: 18px;
       border: none;
       cursor: pointer;
       margin-top: 205px;
       border-radius: 30px;
       text-align: center;
       background: linear-gradient(90deg, #FF5D0A 0%, #FF9C0E 100%);
       transition: all 0.3s;
   }

   .dyhyBtn:hover {
       box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
       transform: translateY(-2px);
   }


   /* 弹层背景 */
   .modal-overlay {
       position: fixed;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       width: 500px;
       /* background-color: rgba(0, 0, 0, 0.5); */
       display: flex;
       /* align-items: center;
       justify-content: center; */
       z-index: 100;
   }

   /* 弹层容器 */
   .modal-container {
       display: none;
       background-color:#fff; 
       width: 500px;
        height: 580px;
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
       overflow: hidden;
   }
   .customModal {
    display: none; 
    background-color: #fff;
    width: 400px;
    height: 360px;
    position: fixed;
    top: 0;
     left: 0;
     right: 0;
     bottom: 0;
    padding-bottom: 30px;
    max-width: 90%;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    overflow: hidden;
z-index: 101; }
 

   /* 弹层头部 */
   .modal-header {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 20px;
       border-bottom: 1px solid #e8e8e8;
   }

   .modal-header h2 {
       font-size: 18px;
       font-weight: 600;
       margin: 0;
       color: #333;
   }

   .close-btn {
       background: none;
       border: none;
       font-size: 24px;
       cursor: pointer;
       color: #999;
       padding: 0;
       width: 30px;
       height: 30px;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .close-btn:hover {
       color: #333;
   }

   /* 弹层内容 */
   .modal-content {
       padding: 20px 30px;
   }

   /* 描述文本 */
   .modal-description {
       margin-bottom: 20px;
       background-color: #fdede4;
       padding: 10px;
   }

   .modal-description ul {
       list-style-type: disc;
       padding-left: 20px;
       margin: 0;
   }

   .modal-description li {
       font-size: 14px;
       line-height: 1.5;
       color: #666;
       margin-bottom: 10px;
   }

   /* 表单样式 */
   .form-group {
       margin-bottom: 16px;
       display: flex;
       align-items: center;
       box-sizing: border-box;
   }

   .form-group label {
       flex: 0 0 80px;
       font-size: 14px;
       font-weight: 500;
       color: #333;
       margin-bottom: 0;
       box-sizing: border-box;
   }

   .form-group .input-wrapper {
       flex: 1;
       box-sizing: border-box;
   }

   .form-group input {
       width: 100%;
       height: 36px;
       padding: 0 12px;
       border: 1px solid #d9d9d9;
       border-radius: 4px;
       font-size: 14px;
       transition: all 0.3s;
       box-sizing: border-box;
   }

   .required {
       color: #ff4d4f;
   }

   .form-group input {
       width: 100%;
       height: 36px;
       padding: 0 12px;
       border: 1px solid #d9d9d9;
       border-radius: 4px;
       font-size: 14px;
       transition: all 0.3s;
   }

   .form-group input:focus {
       outline: none;
       border-color: #ff5a00;
       box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
   }

   /* 手机号输入框 */
   .phone-input {
       display: flex;
       align-items: center;
       width: 100%;
   }

   .country-code {
       background-color: #f5f5f5;
       width: 60px; 
       text-align: center;
       box-sizing: border-box;
       height: 36px;
       line-height: 36px;
       border: 1px solid #d9d9d9;
       border-right: none;
       border-radius: 4px 0 0 4px;
       font-size: 14px;
       color: #666;
   }

   .phone-input input {
       border-radius: 0 4px 4px 0;
   }

   /* 按钮区域 */
   .form-actions {
       display: flex;
       justify-content: flex-end;
       gap: 12px;
       margin-top: 24px;
   }

   .submit-btn {
       padding: 0 16px;
       height: 36px;
       width: 100px;
       border: 1px solid #d9d9d9;
       border-radius: 4px;
       background-color: white;
       font-size: 14px;
       cursor: pointer;
       transition: all 0.3s;
       box-sizing: border-box;
   }

   .submit-btn:hover {
       border-color: #ff5a00;
       color: #ff5a00;
   }

   .membership-btn {
       padding: 0 16px;
       height: 36px;
       width: 100px;
       box-sizing: border-box;
       border: 1px solid #ff5a00;
       border-radius: 4px;
       background-color: #ff5a00;
       color: white;
       font-size: 14px;
       cursor: pointer;
       transition: all 0.3s;
   }

   .membership-btn:hover {
       background-color: #ff5a00;
       border-color: #ff5a00;
   }

   /* 成功提示界面 */
   .success-modal {
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       padding: 20px;
       text-align: center;
   }

   .success-icon {
       position: relative;  
   }

  

   .success-icon .clock {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       width: 60px;
       height: 60px;
       border-radius: 50%;
       background: #ff5a00;
       color: white;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 24px;
       font-weight: bold;
   }

    
 
 
 
   .success-message {
       margin-bottom: 8px;
       font-size: 16px;
       color: #333;
   }

   .success-submessage {
       margin-bottom: 24px;
       font-size: 14px;
       color: #ff5a00;
   }

   .success-btn {
       padding: 0 32px;
       height: 36px;
       border: 1px solid #d9d9d9;
       border-radius: 4px;
       background-color: white;
       font-size: 14px;
       cursor: pointer;
       transition: all 0.3s;
   }

   .success-btn:hover {
       border-color: #ff5a00;
       color: #ff5a00;
   }