.cx_table { /* height: 40px; */ line-height: 40px; padding: 20px 20px; } .cx_header { padding-bottom: 10px; border-bottom: 1px solid #ccc; } .cx_header h4{ /*float: left;*/ } .cx_header .search_box{ float: right; } .cx_header h4 { font-size: 18px; color: #10568a; text-align: left; } .cx { margin-left: 20px; } .cx label { font-size: 14px; } .cx input { width: 175px; height: 30px; line-height: 30px; outline: none; border: none; border: 1px solid #ccc; border-radius: 4px; } .cx-btn { width: 85px; height:30px; line-height: 30px; color: #fff; border: none; border-radius: 4px; background: 80% 50% no-repeat; background-color: #0154a4; text-indent: -15px; margin-top: 5px; } .bj_list table { width: 100%; border-collapse: collapse; margin-top: 20px; } .bj_list thead { width: 100%; background: #f4f8fe; } .bj_list thead>tr { width: 100%; height: 45px; line-height: 45px; font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #000; } .bj_list thead>tr th { border: none; } .bj_list tbody tr { width: 100%; height: 45px; line-height: 45px; font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #343434; border: 1px solid #e7e7e7; } .bj_list tbody tr td { border: 1px solid #e7e7e7; color: #343434; } .bj_list .bt { text-align: left; } .bj_list .bt a{ color: #000; padding-left: 10px; } /* 登录页 */ .login-head { width: 100%; height: 109px; background-color: transparent; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 20px; left: 0; } .logo { width: 20%; height: 60%; margin-left: 60px; margin-right: 0; } .header-word { font-size: 40px; color: #06f; margin-left: 10px; } .login { font-size: 32px; font-weight: bold; color: #fff; margin-left: 22px; } .login-center { background: center no-repeat; background-size: cover; width: 100%; height: 936px; } .login-box{ border: 1px solid #dcdfe6; width: 400px; margin: -210px -200px; padding: 35px 35px 15px 35px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0 0 25px #909399; box-shadow: 0 0 25px #909399; background: #fff; position: fixed; left: 50%; top: 50%; } .selectormode { width: 100%; height: 40px; margin-bottom: 10px; text-align: center; } .usernamelogin{ height: 40px; text-align: center; color: #909399; margin-right: 20px; font-size: 16px; } .login-title { text-align: center; margin: 20px auto 20px auto; color: #06f; font-size: 22px; } .ipt-groups li { height: 40px; margin-bottom: 22px; font-size: 14px; } .ipt-groups li label { display: inline-block; width: 90px; color: #606266; } .ipt-groups li label i { color: red; margin-right: 10px; } .ipt-groups li input { width: 270px; height: 36px; padding: 0 10px; border: none; border: 1px solid #ddd; border-radius: 4px; outline: none; } .ipt-groups li.code-box input { width: 120px; } .code-box img { display: inline-block; width: 110px; margin-left: 32px; vertical-align: middle; } .login-btn a { display: inline-block; width: 50%; margin-top: 15px; color: #fff; background-color: #409eff; border-color: #409eff; font-weight: 500; padding: 12px 20px; font-size: 14px; border-radius: 4px; margin-bottom: 22px; } .aboutuser { width: 400px; margin: 0 auto; } .findpwbtn { color: grey; font-weight: 700; font-size: 16px; } .findpwbtn:hover,.signinbtn:hover { text-decoration: underline; cursor: pointer; } .signinbtn { color: #f56c6c; font-size: 12px; margin-bottom: 20px; } .login-foot { position: fixed; bottom: 23px; left: 50%; margin-left: -350px; } .login-foot .foorer_1{ color: #fff; margin-left: 20px; } #_span_jiucuo { float: right; margin-left: 20px; } @media screen and (max-width:991px) { .logo { width: 45%; height: auto; } .login { font-size: 20px; } .login-box { width: 100%; padding: 0; margin: -210px -50%; } .ipt-groups li input { width: 60%; } .ipt-groups li.code-box input { width: 25%; } .login-foot { width: 84%; margin-left: -42%; } .login-foot .foorer_1 { margin-left: 0; } .aboutuser { width: 95%; } }