body{background: #fafafa;}
.container{
    width:350px;
    height: 350px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.container form{
    padding:30px 20px 20px;
    box-shadow: 0 0 20px #ccc;
    border-radius: 8px;
    cursor: pointer;
}
.container form:hover{
    box-shadow: 0 0 40px #ccc;
    transition:.6s;
}
.container form li{margin: 10px 0; white-space: nowrap;}
.container form li input{width:218px;}
.container form select{width:70px; margin-right:5px;}
.container form .submit{margin: 20px 0px; text-indent: 84px;}
.container form .submit .btn{padding: 5px 20px;display: inline-block;}
.container form .submit .btn-success{margin-right:10px;}
.result{text-align:center; color:#f4396a;}
.J_code{width:110px!important;}
#getCode[disabled]{
    background:#ccc;
    color:#999;
    cursor: no-drop;
}
@media screen and (max-width:500px){
    .container{
        width:94%;
        margin:3%;
        position:inherit;
    }
    .container form{margin-top:40%;}
    .container form li input{width:65%;}
    /* .container form li span{width:70%;} */
    .container form select{width:65px; font-size: 12px;}
}