h4, h5, h6, h1, h2, h3 { margin-top: 0; }
ul, ol,li,dl,dt,dd { margin: 0; padding: 0; list-style: none}
p { margin: 0; }
html, body { font-family:'微软雅黑','Roboto', sans-serif; font-size: 100%; overflow-x: hidden; height: 100%;}
body a { transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all}

#grayBg { background-color: #f7f7fc}
iframe {width: 90%; height:100%; float: right; z-index: 0; position: absolute; right:0; padding: 60px 0 0}
#iframeSide { padding-right: 3%;}
.content div.login {background: #fff; height: 60px; line-height: 60px;box-shadow: 0 0 0.875rem 0 rgba(33,37,41,.05); border-radius: 4px; margin-bottom: 30px; width: 96%; margin: 0 0 20px 1%}

.tdID { cursor:url(arrow_r.cur),pointer; font-size:16px; font-weight: bold; background-color: rgba(0,0,0,0.05); }
.clickAble {text-decoration:none;border-bottom:1px solid black}

/*字体图标*/
@font-face {
  font-family: 'iconfont';  /* Project id 2882761 */
  src: url('//at.alicdn.com/t/font_2882761_gs3oz8fyof6.woff2?t=1644889926062') format('woff2'),
       url('//at.alicdn.com/t/font_2882761_gs3oz8fyof6.woff?t=1644889926062') format('woff'),
       url('//at.alicdn.com/t/font_2882761_gs3oz8fyof6.ttf?t=1644889926062') format('truetype');
}
.iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}

/*登录*/
#login { background-color:#000; background-image:url(bg.jpg); background-repeat:  no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; min-height:850px; }
.login-logo { margin: 0; text-align: center; color: #fff; font-size: 18px; text-transform: uppercase; display: inline-block; width: 100%; padding: 100px 0; }
h2.form-heading { margin: 0; text-align: center; color:#000; font-size: 30px; text-transform: uppercase; display: inline-block; width: 100%; }
.app-cam { width:22%; margin:3em auto auto auto; }
.app-cam input[type="text"],.app-cam input[type="password"] { width: 100%; padding: 15px; color: #999; font-size: 0.85em; outline: none; font-weight: 300; border: none; background-color:#fff; margin:0 0 1em 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; }
.app-cam input[type="submit"], .btn-success1 { font-size: 16px; font-weight: 300 !important; color: #fff; cursor: pointer; outline: none; padding: 15px 15px; width: 100%; border: none; background: rgb(0, 172, 237); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; text-transform: uppercase; }
.app-cam input[type="submit"]:hover, .btn-success1:hover { background:rgb(74, 109, 182); color:#fff !important; }
.app-cam p { color:#000; font-size: 14px; margin: 1em 0; }
input:-webkit-autofill { box-shadow:0 0 0px 1000px rgba(255, 255, 255, 1) inset !important;}

/*首页版权*/
.copy { background:#fff; text-align:center; padding:1.5em 0; }
.copy p, .copy_layout p { font-size:0.85em; color:#555; }
.copy p a, .copy_layout p a { color:#000; }
.copy_layout { padding:1.5em 0; background:#fff; text-align:center; margin: 4em 0 0em 0}
.login { background:none; padding:0; margin:11em 0 0 0}

/*页面整体头部*/
.top {width:100%;position: fixed;box-shadow: 0 0 3rem 0 rgba(255,255,255,.5);z-index: 2;display: flex;display: -webkit-flex;-webkit-justify-content: space-between; justify-content: space-between; background: url(bg.jpg)no-repeat; background-size:cover; background-position: center; height: 60px; text-align: center}
.navbar-header {width: 15%; background:rgba(0,0,0,0); height: 60px;}
.navbar-header img {height: 36px; margin-top: 12px; float: left; margin-left: 30px}
.navbar-right { margin-right: 3.6%;}
.navbar-right li { float: left; margin-left: 40px; margin-right: 0; font-size: 14px; line-height: 60px; color: #666}
.navbar-right li:nth-child(1) span {font-size: 16px;}
.navbar-right li span { color: #333; margin-right: 3px}
.navbar-right li a {color: #666}
.navbar-right li a:hover {color: #333; text-decoration: none}

/*左侧菜单*/
.content { background-color: #f8f9fc;width: 100%;overflow-x: hidden; flex-direction: column!important; display: flex!important;}
nav {border:none; background: #000;height: 100%; width: 10%!important; min-height: 100vh;; color: #bbb; font-size: 14px; line-height: 40px; padding-top: 60px}
.navbar-side { padding: 30px 0 0 0}
.navbar-side li span { width: 25px;}
.navbar-side li.nav-big {font-weight: bold; margin-left: 0; font-size: 15px; margin-top: 20px; padding-left: 30px;}
.navbar-side li { padding-left:45px;}
.navbar-side li a {color: #bbb}
.navbar-side li:hover {background-color: rgba(255,255,255,0.13); color: #fff}
.navbar-side li a:hover {color: #fff; text-decoration: none}

/*右侧头部*/
.page-header { font-size: 32px; padding-bottom: 10px; float: left; border: 0}
.navbar-form {float: right; margin-top: 20px; padding: 0}
.btn-primary { color: #fff; background-color: #4e73df;border-color: #4e73df;font-size: 1rem;height: 36px;border-radius: .25rem; border-radius: 0 5px 5px 0}
.btn-primary:hover {background: #2e59d9}

.page-top {padding: 10px 0}
.form-inline {float: right; margin: 30px 0 15px 0; padding: 0}
.btn:focus { background: #fff; box-shadow: none; outline: none;}
.input-search { outline: none; font-size: 14px;height: 34px; line-height: 34px; border-radius:  4px 0 0 4px;background: #fff;box-shadow: none;  padding: 0 .75rem; margin-bottom: 0; width: 100px; border: 1px solid #ccc; border-right: 0}
.btn-search { height: 34px; border-radius:  0 4px 4px 0;background: #fff; outline: none; border: 1px solid #ccc;; border-left: 0}
select.form-control { width: 100px}

/*表格*/
.panel { background: #fff; border: 0;box-shadow: 0 0 0.875rem 0 rgba(33,37,41,.05); padding: 60px 20px; overflow-x: auto}
.tab-list { border: 1px solid #ddd; padding: 0}
.table thead {border-bottom: 2px solid #ddd; font-size: 15px}
.table {font-size: 14px}
.table thead tr th {padding: 15px 8px}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td {padding: 10px;line-height: 1.42857143;vertical-align: middle; border-top: 1px solid #ddd;}
.center {text-align: center}
.table a {color: #333; margin:0 5px; }
.table a:hover {text-decoration: none}
.table a span.iconfont {font-size: 20px;}
a.revise:hover {color: #07cdae}
a.delete:hover {color: #fe7096}
.pagination {float: right}
a.new { display: block;float: left; font-weight: 400; padding: 0 30px; height: 40px; margin-top: 18px; line-height: 40px; border-radius:  4px; font-size: 16px; color: #fff; background: linear-gradient(to right, #41a9fe, #0489eb 99%);}
a.new:hover {text-decoration: none; background: linear-gradient(to right, #5eb5fc, #047edf 99%);}

.table-striped>tbody>tr.SelectRow { background: #dcefff;}

/* 分页 */
.page { float: right; display: block; padding-left: 0; margin: 20px 0; border-radius: 4px }
.page a { position: relative; float: left; border-radius:3px; padding: 5px 12px; margin-left:8px; line-height: 1.42857143; color: #333; text-decoration: none; background-color: #fff}
.page a:focus, .page a:hover { color: #409eff; background-color: #eee}
.page a.currPage {color: #fff; cursor: default; background-color: #409eff}
.page span{float: left;padding:5px 6px} 

/*表单*/
.form-group{ display: flex; justify-content: space-between; margin-top: 8px}
.form-group label {width: 40%; font-size: 16px; font-weight: normal; line-height: 32px; text-align: right; padding-right: 8px}
.input-state {width: 30%}
.col-sm-2 {width:65%; font-size: 15px}
.form-but {padding: 30px 0 20px 10.2%}
.form-but a { display: block;float: left; font-weight: 400; padding: 0 50px; height: 40px; margin-top: 18px; line-height: 40px; border-radius:  4px; font-size: 16px; margin-right: 30px}
.form-but a.but-save {color: #fff; background: linear-gradient(to right, #41a9fe, #0489eb 99%)}
.form-but a.but-save:hover { text-decoration: none; background: linear-gradient(to right, #5eb5fc, #047edf 99%);}
.form-but a.but-return {color: #fff; background: linear-gradient(89deg, #5e7188, #3e4b5b)}
.form-but a.but-return:hover { text-decoration: none; background: linear-gradient(to right, #7e8da0, #656f7c);}
.form-check {width: 100%}
.form-group label.col-md-6 { padding-left: 10px; text-align: left}

/*消息*/
.modal-dialog {min-height: 620px; padding-top: 120px;}
.modal-content {border: 1px solid #fff; border-radius: 4px; outline: 0; -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.08); box-shadow: 0 5px 20px rgba(0,0,0,.08); text-align: center;min-height: 300px;}
.modal-content h2 { font-size: 30px; height: 120px; line-height: 120px;}
.modal-content p { font-size: 16px}
.modal-content a.new { display: inline-block; margin: 55px auto 50px; float: none; padding: 0 50px}

#txt_university,#txt_idname,#txt_kc_title,#txt_stu_idname,#txt_dire_name,#txt_zx_name { float: left}
.form-group span.select {margin: 6px 0 0 -25px; font-size: 16px; color: #999; position: absolute; z-index: 99}

.form_wap {width: 90%; margin: 100px auto}
.form-but a.but-submit {color: #fff; background: linear-gradient(to right, #90caf9, #047edf 99%); box-shadow: 0px 3px 8.3px 0.7px rgba(4, 126, 223, 0.25); margin-left: 90px}
.hid_br {display: none}


@media screen and (max-width:768px) {
.logo-element { padding: 17px 0;}
.col-md-3.widget.widget1 { width:100%;}
.grid_box1 { margin-bottom: 5px;}
.grid_4, .grid_5 { padding: 20px 10px;}
.modal-dialog { width: 400px !important;}
.bs-example4, .bs-example5 { padding: 1em;}
}


@media screen and (max-width:576px) {
.hide { display: block !important}
.top {height: 3.6rem}
.navbar-header {width: 15%; background:rgba(0,0,0,0)}
.navbar-header img {height: 2.2rem; margin: .7rem 0 0 .7rem}
.form_wap {width: 90%; margin: 2.5rem auto 0}
.panel { padding: 1.5rem 1rem}
.form-group label {width: 50%; font-size: .95rem; font-weight: normal; line-height: 32px; text-align: right; padding-right:.3rem}
.col-md-4 { padding-left: 0; padding-right: .2rem; padding-left: .2rem}
.form-but {padding: .8rem 0 1rem; text-align: center; width: 42%; margin:0 0 0 33.5%}
.form-but a { float:none; padding: 0 0; height: 2.4rem; margin-top: 1rem; line-height: 2.4rem; border-radius:  4px; font-size: 1rem; margin-right:0}
.form-but a.but-submit { margin:0 auto}
.content div.login { height: auto; font-size: .95rem; line-height:1.2rem;box-shadow: 0 0 0.875rem 0 rgba(33,37,41,.05); border-radius: 4px;  width: 90%; margin: 0 auto 1rem; padding: 1rem 0}
.page-header { font-size: 1.2rem; line-height: 1.6rem; padding-bottom: 0; float: none; border: 0; text-align: center}
.modal-dialog {min-height: 20rem; padding-top: 5rem; width: 95% !important}
.modal-content {border: 1px solid #fff; border-radius: 4px; outline: 0; -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.08); box-shadow: 0 5px 20px rgba(0,0,0,.08); text-align: center}
.modal-content h2 { font-size: 1.6rem; height:5rem; line-height: 5rem; margin-top: 1rem}
.modal-content p { font-size: 1rem; margin: 0 1.5rem; line-height: 1.6rem}
.modal-content a.new { display: inline-block;height: 2.4rem; line-height: 2.4rem; margin: 2.3rem auto 2.5rem; float: none; padding: 0 15%}	
	
.coffee-top i { top: 82%; left: 39%;}
.well1 { padding: 1em;}
.panel-body1 { margin: 1em 0 0 0;}
.panel-warning { margin-top: 1em;}
.app-cam { width: 50%; margin: 2em auto auto auto;}
.app-cam input[type="text"], .app-cam input[type="password"] { padding: 10px;}
.login-logo { padding: 40px 0;}
.copy_layout { padding: 10px;}
}

@media screen and (max-width:320px) {
.top {height: 3.5rem}
.navbar-header {width: 15%; background:rgba(0,0,0,0)}
.navbar-header img {height: 2rem; margin: .7rem 0 0 .7rem}
.page-header { font-size: 1.1rem; line-height: 1.2rem;} 
.modal-content h2 { font-size: 1.4rem; height:4rem; line-height: 4.5rem}
.modal-content p { font-size: .95rem; margin: 0 1rem}
.modal-content a.new { display: inline-block;height: 2.2rem; line-height: 2.2rem; margin: 2.3rem auto; float: none; padding: 0 13%}
.hid_br {display: block}
	
.login-logo { padding:20px 0;}
.login-logo img { width:40%;}
.app-cam { width: 70%; margin: 1em auto auto auto;}
h2.form-heading {font-size: 18px;}
}