@charset "gb2312";

.sys-banner{ margin: 20px auto;}

.sys-tools{ clear: both; overflow: hidden; margin-bottom: 20px;}
.sys-tools a{ display: block; float: left; margin-right: 5px; font-size: 16px; line-height: 35px; background-color: #e0e0e0; padding: 0 12px; border-radius: 5px;}
.sys-tools a i{margin-right: 10px; font-size: 18px;}
.sys-tools a:hover{background-color: #0e86ef; color: #fff;}

.table-responsive {overflow-y: auto; min-height: 311px;}
.table-responsive .table{ width: 100%; border: 1px solid #dddddd; border-top: none;}
.table-responsive  h2.title{font-size: 18px; font-weight: bold; line-height: 32px; color: #333;}
.table-responsive  h3.title{font-size: 18px; font-weight: bold; color: #333; line-height: 32px;}
.table-responsive  h1.title{font-size: 48px; font-weight: bold; color: #333; line-height: 60px;}
.table-responsive  th, .table-responsive .table td {
    padding: 14px 20px;
    line-height: 20px;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    border-top: 1px solid #dddddd;
    font-size: 16px;
    color: #333;
}
.table-responsive .table td.kong{ padding: 0; height: 10px;}
.table-responsive .table td.bg{ background-color: #ededed; width: 110px;}
.table-responsive .table td.lineR{ border-right: 1px solid #ddd;width: 110px;}
.table-responsive .table td.nowidth{ width: auto;}

.table-responsive .text-center td{text-align: center;}

.table-responsive .tableZKZ{ margin: 20px auto; border: 1px solid #dddddd; border-top: none; width: 680px;}

.alert-danger{ clear: both; overflow: hidden; margin: 20px auto; border: 1px solid #fc3847; color: #fc3847; background-color: #fdf1f1; font-size: 16px; line-height: 30px; padding: 0 10px; width: 100%;}
.alert-danger i{ margin-right: 10px;}

a.btn-pay{display: block; position: absolute; line-height: 49px; padding: 0 20px; right: 0; top: 0; background-color: #ff8a00; color: #fff; font-size: 18px; font-weight: bold;}
a.btn-pay i{margin-right: 10px; font-size: 20px;}
a.btn-pay:hover{ background-color: #e77e03; color: #fff;}

.btn-item{ clear: both; padding:35px 0; text-align: center; overflow: hidden;}
.btn-item a{display: inline-block; border-radius: 5px; padding: 0 30px; line-height: 45px; font-size: 18px; font-weight: bold; color: #fff; background-color: #ccc; margin: 0 12px;}
.btn-item a:hover{ background-color:#b8b7b7;}
.btn-item a.btn02{ background-color: #0380e1;}
.btn-item a.btn02:hover{ background-color: #0275ce;}

.sys-bg{ background: url(/zsw/img/sys_bg2.png) center 233px no-repeat;}

.form-inline{ overflow: hidden; margin-top: 20px;}
.form-inline .inputMessage:nth-child(2n){margin-left: 40px;}
.inputMessage{float: left;}
.inputMessage label{display: block; float: left; font-size: 16px; font-weight: bold; color: #333; padding: 0 20px; width: 190px; border: 1px solid #e0e0e0; line-height: 50px;box-sizing: border-box;}
.inputMessage label i{color: #ff2a00; padding-left: 10px;}
.inputMessage input[type=text]{float: left; font-size: 14px; border: 1px solid #e0e0e0; border-left: none; padding: 0 20px; width: 390px; line-height: 50px; height: 52px;box-sizing: border-box;}
.inputMessage .form-control{display: block;float: left; width: 390px; height: 52px; padding: 0 20px; font-size: 16px; border: 1px solid #e0e0e0; border-left: none;line-height: 52px;box-sizing: border-box;}
.inputMessage .radio-inline{display: block;float: left;border: 1px solid #e0e0e0;border-left: none;width: 390px;line-height: 50px;height: 52px;}
.inputMessage .radio-inline span{padding: 0 20px;font-size: 16px;}

.login-main{}
.login-main .bg-box{float: left; width: 67%; min-height: 100vh; background: url(/zsw/img/sys_bg.jpg) #3b8edd center top no-repeat; background-size: 100% 100%; position: relative;}
.login-main .bg-box .logo{ position: absolute; left: 100px; top: 70px;}
.login-main .bg-box h2{position: absolute; left: 100px; top: 300px;}
.login-main .bg-box a.home{ position: absolute; left: 100px; top: 430px; display: block; font-size: 20px; color: #fff; background-color: #f5a623; border-radius: 5px; padding: 0 30px; line-height: 50px;}
.login-main .bg-box a.home:hover{ background-color: #e49718;}

.login-main .login-box{float: left; width: 33%;min-height: 100vh; padding:15vh 80px 0;}
.login-main .login-box h2.title{color: #0273bd; font-size: 24px; font-weight: bold; line-height: 20px;}
.login-main .login-box h2.title em{font-size: 18px; color: #a1a1a1;font-weight: normal;}

.form-field {position: relative; margin-top: 24px; font-size: 18px;}
.normal-login .form-input-wrapper {vertical-align: middle;position: relative;display: inline-block;width: 100%;height: 68px;font-size: 16px;}
.form-input-wrapper > input {
    width: 100%;
    height: 100%;
    padding-left: 1em;
    font-size: 18px;
    border: 1px solid #bbb;
    border-radius: 5px;
}
.form-field span{ margin-right: 15px;}
.form-field input[type="radio"]{ margin:0 12px;}
.form-field a{ width: 45%; margin: 0 5px; line-height: 70px;}

.login-tips{ background-color: #f2f8fc; border: 1px solid #93c9fc; border-radius: 5px; text-align: center; padding-bottom: 20px;}
.login-tips h2{display: inline-block; margin-bottom: 10px; padding: 0 40px; line-height: 40px; background: #f5a623; border-radius: 0 0 15px 15px; color: #fff;font-size: 18px; font-weight: bold;}
.login-tips h2 i{margin-right: 10px;}
.login-tips p{font-size: 16px; color: #2d9fe9; text-align: left; padding: 0 20px; line-height: 30px;}
.login-tips p span{ color: #f5a623;}

@media screen and (max-width: 1440px){
    .login-main .login-box{padding:8vh 50px 0;}
    .login-tips p{font-size: 14px;}
    .form-field a{ line-height: 45px;}
}
@media screen and (max-width: 650px){
    .sys-banner img{width: 100%;}
    .table-responsive .table {width: 100%;overflow-x: scroll;}
}