body{background-image: url(../images/main-bg.jpg);}

.list-head{width: 100%;padding-left: 1.5%; padding-right: 1.5%;position: fixed;}

.list-cx{max-width:900px;margin:0 auto;padding:70px 0px 20px 0px;}

.cx-head{background: linear-gradient(135deg, #4d8bfe 0%, #6fb5ff 100%);color: #fff; padding: 15px;border-radius: 5px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.cx-head h1{line-height: 1.2;margin-bottom: 5px;}

.cx-main{width: 100%;background:white;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.1);overflow:hidden;padding:30px 30px; border-top-left-radius: 0px; border-top-right-radius: 0px;}



.form-row{display:flex;flex-wrap:wrap;margin:0 0px;margin-bottom:15px;}

.form-group{flex:1 0 100%;padding:0 10px;min-width:0;margin-bottom:15px;}
.form-group label{display:block;margin-bottom:10px;color:#2d3748}
.form-group label span{color:#f03e3e}

.form-group .input{width:100%;padding:11px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all 0.3s}
.form-group .input:focus{border-color:#407afe;outline:none}
.form-group .input.error{border-color:#f03e3e}

.form-group .sms-group{display:flex;gap:10px;margin-top:8px}
.form-group .sms-input{flex:1}
.form-group .sms-btn{background:linear-gradient(90deg,#1b88f9 0%,#47a6ff 100%);color:white;border:none;border-radius:6px;padding:0 15px;cursor:pointer;font-weight:500}
.form-group .sms-btn:hover{background:linear-gradient(90deg,#1b88f9 0%,#2c95f7 100%);}

.form-actions{display:flex;justify-content:center;gap:20px;}
.form-actions .btn{padding:12px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s;border:none}
.form-actions .btn-primary{background:linear-gradient(90deg,#1b88f9 0%,#47a6ff 100%) !important;color: #fff;}
.form-actions .btn-reset{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}
.form-actions .btn-reset:hover{background:#edf2f7;border-color:#cbd5e0}

.cx-cw{padding: 40px 20px; margin-bottom: 20px; text-align: center;}
.cx-cw h3{color:#dc3545;margin-bottom: 15px;display: flex ; justify-content: center; align-items: center;}
.cx-cw h3 i{font-size: 20px;margin-right: 5px;}

.cx-an{text-align: center; padding: 20px 0px 0px 0px;}
.cx-an i{font-size:26px;}
.cx-an-btn{background:linear-gradient(90deg,#1b88f9 0%,#47a6ff 100%) !important;color: #fff;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s;border:none;display: inline-flex ; justify-content: center; align-items: center;}
.cx-an-btn:hover{background:linear-gradient(90deg,#1b88f9 0%,#2c95f7 100%);color: #fff;box-shadow:0 6px 15px rgba(43,108,176,0.4);transform:translateY(-2px)}


.cx-jg-bt{margin-bottom: 25px;font-size: 16px;}
.cx-jg-bt strong{color:red;font-size:16px;font-weight:600;margin:0px 7px;}
.cx-jg-item{border: 1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,0.05);background:#fff;display:flex;flex-direction:column;gap:15px;}
.cx-jg-item p span{color: red;font-weight: bold;}


.cx-jg-item .btn{background:linear-gradient(90deg,#1b88f9 0%,#47a6ff 100%) !important;color: #fff;padding:5px 10px;border-radius:3px;font-size:14px;cursor:pointer;transition:all 0.3s;border:none;display: inline-flex ; justify-content: center; align-items: center; margin-left: 15px;}
.cx-jg-item .btn:hover{background:linear-gradient(90deg,#1b88f9 0%,#2c95f7 100%);color: #fff;}
.cx-jg-item .btn.zf{background: linear-gradient(90deg, #da8900 0%, #da8900 100%) !important;}
.cx-jg-item .btn.xz{background: linear-gradient(90deg, #0087ff 0%, #0087ff 100%) !important;}

@media (max-width:768px){
    .list-head{background: #fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
    .list-cx{padding: 70px 3% 0px 3%;}
    .cx-main{padding: 15px 10px;}

}