*,div{padding: 0; margin: 0;}
a{text-decoration: none;}
img{display: block; user-drag: none; -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select:text;}
.main{width:550px; margin: 0 auto 0;}
.none{display: none}
.p_poz{position: relative;}
.banner_wz{position: absolute; top:20%; bottom: 0 ; left: 5%; bottom: 0; margin: 0  auto; width:90%; min-height: 200px; text-align: center;}
.cc_hh{color: #ffd94d;}
.bg_hh{background: #ffd94d; color: #111; font-weight: bold; padding: 2% 10%; font-size:1.15rem;}
.bg_hh:hover{color: #111; }
.bg_hh:focus{box-shadow:none;}
.banner_h1{font-weight: bold; font-size:3rem}
.wz{color: #fcb817;}
.wzbg{background: #fcb817; color: #000;}
@keyframes footer-ab-ani
{
    0%,100%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.03)
    }
}



@media (max-width:767px){
    .banner_h1{font-weight: bold; font-size:2.5rem}
    .banner_wz{position: absolute; top:2rem; bottom: 0 ; left: 5%; bottom: 0; margin: 0  auto; width:90%; min-height: 200px; text-align: center;}
    .main{width: 100%;}

}

.ml_header{position: fixed; top: 0; width: 100%;  background: #fff; z-index: 9999; }


.header{background: #265781; text-align: left; color: #fff; margin:0; border-bottom: #fff solid 2px; }
.one{background: #faf7f4; margin-top:30px;}
.jiaru{background: #f00; text-decoration: none; display: inline-block; color: #fff; font-weight: bold; padding:10px 10%;}
.jiaru:hover{color: #fff;}
.twz{background: #e8e2d8;}
.banklist img{margin-left:8px;}
.dh{animation:footer-ab-ani .8s both infinite; }
#visaCardForm input{text-indent:5px; border-radius: 5px; font-size: 1.1rem; line-height: 45px; border:#999 solid 1px; background: #f2f6fc;}
.btnpay{width: 90%; background: #818eb0; margin: 0 auto 0; border-radius:50px; color: #fff;  height: 50px;  font-size: 1.2rem; font-weight: bold;}
.btnpay:hover{background: #64739c; color: #fff;}
.payzy{font-size:1.2rem; color: #f00; margin-top:2rem;}
.one{background: #faf7f4; margin-top:30px;}
.jiaru{background: #f00; text-decoration: none; display: inline-block; color: #fff; font-weight: bold; padding:10px 10%;}
.jiaru:hover{color: #fff;}
.twz{background: #e8e2d8;}
.banklist img{margin-left:8px;}
.dh{animation:footer-ab-ani .8s both infinite; }
#visaCardForm input{text-indent:5px; border-radius: 5px; font-size: 1.1rem; line-height: 45px; border:#999 solid 1px; background: #f2f6fc;}
.btnpay{width: 90%; background: #818eb0; margin: 0 auto 0; border-radius:50px; color: #fff;  height: 50px;  font-size: 1.2rem; font-weight: bold;}
.btnpay:hover{background: #64739c; color: #fff;}
.payzy{font-size:1.05rem; color: #f00; margin-top:1.5rem;}
.dtg{font-size:12px; background: #2e343f; color: #fff;}
.dtg span{color: #f37022}
@media (max-width:767px){
    .main{width: 100%;}

}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); /* 鍗婇€忔槑鐧借壊鑳屾櫙 */
    z-index: 9999999999999; /* 纭繚鍦ㄦ渶椤跺眰 */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 鏃嬭浆鍔ㄧ敾 */
.loader {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3; /* 娴呯伆鑹茶竟妗� */
    border-top: 5px solid #f00; /* 钃濊壊椤堕儴杈规 */
    border-radius: 50%;
    animation: spin 1s linear infinite; /* 搴旂敤鏃嬭浆鍔ㄧ敾 */
}

/* 瀹氫箟鏃嬭浆鍔ㄧ敾 */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}