html, body{
    height: auto;
    min-height: 100%;
}

body{
    background-image: url('https://aliyun-cdn.yishunjiaoyu.com/index/img/index/index/bg_index7.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-size: 100%;
    /*height:auto;*/
}

.page-body{
    height: 100%;
    padding: 60px 0 34px 0; 
    box-sizing: border-box;
}

.layui-container{
    height: 100%;
}


.title-box h1 strong{
    display: block;
}

.form-box{
    background:rgba(255,255,255,0.9); 
    box-shadow:0 0 5px rgba(0, 0, 0, 0.25); 
    padding:2rem 2rem; 
    border-radius:15px; 
    border-bottom:5px solid red; 
    max-width:800px; 
    margin-left:auto; 
    margin-right:auto;
    /*color:#fff;*/
}

.layui-form-radio>i, .layui-form-radio>i:hover, .layui-form-radioed>i{ color:red;}

.form-box .layui-form-item .layui-form-label{ font-weight: bold;}

.layui-footer{
    position: fixed;
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 768px){
    body{
        background-size: 150%;
    }
    .title-box.mt-5{ margin-top:1.5rem; }
    .title-box h3.mt-4{ margin-top:0.5rem; font-size:0.95rem; }
    .title-box h1 strong{
        display: block;
        font-size: 1.3rem;
    }    
    .form-box{ padding-left:0.5rem; padding-right:0.5rem; padding-top:1.5rem;  margin-left:0.5rem; margin-right:0.5rem;}
    .form-box.mt-5{ margin-top:1.8rem;}
    .form-box .layui-form-item .layui-form-label{ padding-left:0.5rem; padding-right:0.5rem; width:4rem;}
    .form-box .layui-input-block{ margin-left:5rem; margin-right:0.5rem;}
    .footer-blank{ height:9rem;}
}