video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

h1{
  margin: 0 0 10px 0;
  font-size:52px;
  font-weight: 800;
  color: #000;
  text-align: center;
  text-transform: capitalize;
}
h2{
  margin: 0 0 30px 0;
  font-size:20px;
  color: #000;
  text-align: center;
  text-transform: capitalize;
}



.layui-layer-msg .layui-layer-content {
    font-size: 24px !important; /* 改成你需要的大小 */
    font-weight: bold;
}
.panel{
    width:100%;
    max-width:800px;
    padding:50px 0;
    margin:0 auto;
}  
.panel-body{
    padding:0 35px;
}
    h4{
        font-size:20px;
        margin:0 0 15px 0;
        font-weight: bold;
    }
   .question-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.options-group {
    display: flex;
    flex-wrap: wrap;
    gap:15px;
    justify-content: space-between;
}
.option-wrap{
    display: flex;
  flex-wrap:wrap;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin: 20px auto 20px;
    text-align: center;
}

.option-item input[type="radio"]{
    
    display: block;
    text-align: center;
    margin:5px auto;
}

.option-item {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-transform: capitalize;
    justify-content: space-between;
    width:46%;
}

.option-item:hover {
    background-color: #f0f0f0;
}


.form{
    margin-top: 30px; 
    display: none;
} 
.option-item span{
    width:100%;
    display: block;
    height: auto;
    
}
.option-img{
    margin: auto;
    padding:10px;
    width:90%;
    height:auto;
    overflow: hidden;
    display: block;
}
.option-img img{
    width:100%;
    height:auto;
}
.footer-btn{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.Subscription{
    display: flex;
   align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-content: center;
    gap:12px;
}
.Subscription p{
    text-transform: capitalize;
    font-size:8px;
    text-align: justify;
}
.btn-next{
    float:right;
}
.btn{
    /* width:20%; */
    padding:10px 25px;
    text-align: center;
    /* margin:10px auto; */
    background:#FD9800;
    color:#fff;
    border: none;
    opacity:1;
    font-size:16px;
}
.btn:hover{
    background:#FD9800;
    color:#fff;
    opacity:1;
}
.btn:focus{
    outline: none;
    border: none;
}
button[type="submit"]{
    /* width:100%; */
    padding:10px 25px;
    text-align: center;
    margin:0;
    background:#FD9800;
    color:#fff;
    border: none;
    opacity:1;
    font-size:16px;
}
.btn-wrap{
    margin:10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap; 
}
.custom-quantity-input{
    margin:15px auto;
    width:90%;
    background: #eee;
    text-align: center;
    padding: 8px;
    border-radius: 10px;
}

.back-home{
    width:100%;
    padding:15px 0;
    margin:40px auto;
    display: block;
    font-size:17px;
    background:#FD9800;
    color:#fff;
    text-align: center;
    border-radius:10px;
}
.back-home:hover{
    color:#fff;
}

.custom-checkbox {
  transform: scale(1.5); /* 放大1.5倍 */
  width: 20px;
  height: 20px;
  accent-color: #007BFF; /* 可选：美化颜色，兼容现代浏览器 */
}
@media only screen and (max-width: 750px) {
    .panel-body{
    padding:0 10px;
    }
.panel{
    width:100%;
    max-width:inherit;
    padding:50px 10px;
    margin:0 auto;
} 
.options-group{
  width:100%;
  gap:10px;
}
 .option-item{
    width:48%;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap:wrap;
    justify-content:center;
}
.option-item input[type="radio"]{
    
    display: block;
    text-align: center;
    margin:5px auto;
}
.option-item span{
    width:100%;
    display: block;
}
.option-img{
    width:100%;
    height: auto;
}
.option-wrap{
    width:100%;
  flex-wrap:wrap;
  text-align:center;
  margin:5px auto;
    
}

}