.up-app-div {
        position: relative;
        overflow: hidden;
    }
    .up-app-div input {
        width: 100%;
        height: 100%;
        background-color: #FFF;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
    }
    

    /**
    *
    * PJAX加载动画
    *    
    */ 
    
    .iosipa-loader-overlay {
        display: none; /* 默认不显示 */
        position: fixed; /* 固定定位，相对于视口 */
        top: 0;
        left: 0;
        width: 100%; /* 宽度为整个视口宽度 */
        height: 100%; /* 高度为整个视口高度 */
        background: rgba(0, 0, 0, 0);  /*半透明背景 */
        z-index: 9999; /* 高层级确保覆盖其他内容 */
    }
    
    .iosipa-loader {
        display: none; /* 默认不显示 */
        position: fixed;
        top: 45%;
        left: 50%;
        /* 使用-webkit-前缀以确保兼容性 */
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 10000; /* 比遮罩层层级更高，确保在遮罩层之上 */
    }
    
    .iosipa-loader span{
      width:20px;
      height:20px;
      border-radius:50%;
      display:inline-block;
      position:absolute;
      left:50%;
      margin-left:-16px;
      -webkit-animation:3s infinite linear;
      -moz-animation:3s infinite linear;
      -o-animation:3s infinite linear;
      
    }
    .iosipa-loader span:nth-child(1){
      background:#E84C3D;
      -webkit-animation:kiri 1.2s infinite linear;
      -moz-animation:kiri 1.2s infinite linear;
      -o-animation:kiri 1.2s infinite linear;
    }
    .iosipa-loader span:nth-child(2){
      background:#F1C40F;
      z-index:100;
    }
    .iosipa-loader span:nth-child(3){
      background:#2FCC71;
      -webkit-animation:kanan 1.2s infinite linear;
      -moz-animation:kanan 1.2s infinite linear;
      -o-animation:kanan 1.2s infinite linear;
    }
    
    
    @-webkit-keyframes kanan {
        0% {-webkit-transform:translateX(25px);
        }
       
      50%{-webkit-transform:translateX(-25px);
      }
      
      100%{-webkit-transform:translateX(25px);
      z-index:200;
      }
    }
    @-moz-keyframes kanan {
        0% {-moz-transform:translateX(25px);
        }
       
      50%{-moz-transform:translateX(-25px);
      }
      
      100%{-moz-transform:translateX(25px);
      z-index:200;
      }
    }
    @-o-keyframes kanan {
        0% {-o-transform:translateX(25px);
        }
       
      50%{-o-transform:translateX(-25px);
      }
      
      100%{-o-transform:translateX(25px);
      z-index:200;
      }
    }
    @-webkit-keyframes kiri {
         0% {-webkit-transform:translateX(-25px);
      z-index:200;
        }
      50%{-webkit-transform:translateX(25px);
      }
      100%{-webkit-transform:translateX(-25px);
      }
    }
    
    @-moz-keyframes kiri {
         0% {-moz-transform:translateX(-25px);
      z-index:200;
        }
      50%{-moz-transform:translateX(25px);
      }
      100%{-moz-transform:translateX(-25px);
      }
    }
    @-o-keyframes kiri {
         0% {-o-transform:translateX(-25px);
      z-index:200;
        }
      50%{-o-transform:translateX(25px);
      }
      100%{-o-transform:translateX(-25px);
      }
    }