/*css reset*/ * {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} html { color: #000; background: #fff; height:100%; font-size:12px; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } fieldset, img { border: 0 } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal } ol, ul { list-style: none } caption, th { text-align: left } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal } q:before, q:after { content: '' } abbr, acronym { border: 0; font-variant: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; outline:none; } input, textarea, select { *font-size: 100%; } input[type="submit"],input[type="reset"],input[type="button"]{-webkit-appearance:none;} legend { color: #000 } a:link, a:visited, a:active { color: #666; text-decoration: none; outline: none; } a:hover { text-decoration: none; color: #2aa7e1; } .cf { display: inline-block; } * html .cf { height: 1%; } .cf { display: block; } .cf:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } body { min-width: 1200px; } .tar { text-align: right; } /*ui_topbar*/ .ui_topbar { height: 54px; background-color: #fff; padding: 0 30px; position: relative; } .ui_topbar .logo { text-align: center; } .ui_topbar .menu { position: absolute; top: 14px; left: 30px; height: 26px; font: 20px/26px "Microsoft Yahei"; padding-left: 30px; background: url(../images/ico_menu.png) no-repeat 0 50%; color: #0d278e; cursor: pointer; } .ui_topbar .box { position: absolute; top: 12px; right: 30px; font: 18px/30px "Microsoft Yahei"; } .ui_topbar .box p { float: left; } .ui_topbar .box em { float: left; margin-left: 20px; color: #0d278e; cursor: pointer; } .ui_topbar .box a { float: left; margin-left: 20px; color: #0d278e; } .ui_topbar .logo img { vertical-align: middle; } .ui_topbar .logo span { font: 24px/54px "Microsoft Yahei"; vertical-align: middle; color: #001a93; } /*ui_mainbox*/ .ui_mainbox { margin: 0px auto 0; background-color: #fff; position: relative; border-top: solid 7px #dbb477; } .ui_mainbox .title { position: absolute; top: 10px; left: 30px; right: 30px; height: 40px; text-align: center; color: #fff; border-bottom: solid 1px #f2f2f2; z-index: 3; } .ui_mainbox .title li { float: left; padding: 0 13px; font: 20px/36px "Microsoft Yahei"; height: 41px; color: #999; cursor: pointer; } .ui_mainbox .title li a { color: #999; } .ui_mainbox .title li.on { border-bottom: solid 3px #5e73b2; color: #333; } .ui_mainbox .title li.on a { color: #333; } .ui_mainbox .content { position: absolute; top: 80px; left: 30px; bottom: 30px; right: 30px; background-color: #fdfdfd; z-index: 2; padding-top: 12px; } .ui_mainbox .content1 { position: absolute; top: 0px; left: 30px; bottom: 30px; right: 30px; background-color: #fdfdfd; z-index: 2; padding-top: 12px; } .ui_mainbox .form { padding: 0 60px; overflow: hidden; } .ui_mainbox .form dl { padding-bottom: 12px; padding-right: 55px; height: 56px; float: left; width: 42%; } .ui_mainbox .form dl.col1 dt { width: 90px; } .ui_mainbox .form dl.col1 dd { margin-left: 90px; } .ui_mainbox .form dl.col2 dt { width: 120px; } .ui_mainbox .form dl.col2 dd { margin-left: 120px; } .ui_mainbox .form dl.col3 { width: 84%; } .ui_mainbox .form dl.col3 dt { width: 120px; } .ui_mainbox .form dl.col3 dd { margin-left: 120px; } .ui_mainbox .form dl.col4 { width: 84%; } .ui_mainbox .form dl.col4 dt { width: 160px; } .ui_mainbox .form dl.col4 dd { margin-left: 160px; } .ui_mainbox .form dt { float: left; width: 160px; font: 16px/44px "Microsoft Yahei"; color: #445a92; text-align: right; } .ui_mainbox .form dd { margin-left: 160px; position: relative; } .ui_mainbox .form dd select { width: 100%; height: 44px; border: solid 1px #d9deee; border-radius: 8px; padding: 6px; font: 14px/22px "Microsoft Yahei"; } .ui_mainbox .form dd input.txt1 { height: 44px; border-radius: 6px; border: solid 1px #d9deee; width: 100%; padding: 10px; font: 14px/22px "Microsoft Yahei"; } .ui_mainbox .form dd input.txt2 { float: left; height: 44px; border-radius: 6px; border: solid 1px #d9deee; width: 45%; padding: 10px; font: 14px/22px "Microsoft Yahei"; } .ui_mainbox .form dd input.txt3 { height: 44px; border-radius: 6px; border: solid 1px #d9deee; width: 50%; padding: 10px; font: 14px/22px "Microsoft Yahei"; } .ui_mainbox .form dd i { float: left; width: 10%; height: 44px; font: 16px/44px "Microsoft Yahei"; color: #445a92; text-align: center; } .ui_mainbox .form dd p { float: left; padding: 10px 20px 10px 0; white-space: nowrap; } .ui_mainbox .form dd input[type="radio"] { float: left; width: 24px; height: 24px; margin-right: 10px; } .ui_mainbox .form dd label { display: block; font: 16px/24px "Microsoft Yahei"; padding-left: 36px; } .ui_mainbox .form dd span { position: absolute; top: 0px; left: 100%; padding-left: 10px; font: 16px/44px "Microsoft Yahei"; } .ui_mainbox .form dd button { display: block; height: 30px; border: none; background-color: #5e73b2; color: #fff; font: 14px/30px "Microsoft Yahei"; border-radius: 4px; margin-top: 6px; padding: 0 10px; cursor: pointer; outline: none; } .ui_mainbox .form dd ul { padding: 10px; height: 44px; font: 14px/24px "Microsoft Yahei"; } .ui_mainbox .form dd li { float: left; padding: 0 10px; border-radius: 5px; background-color: #ddd; margin-right: 10px; } .ui_mainbox .form .btn { float: right; } .ui_mainbox .form button.query { display: block; width: 120px; border: solid 1px #d9deee; height: 44px; border-radius: 22px; cursor: pointer; font: 16px/24px "Microsoft Yahei"; background-color: #fdfdfd; color: #445a92; outline: none; margin-bottom: 12px; } .ui_mainbox .form button.export { display: block; width: 120px; border: solid 1px #d9deee; height: 44px; border-radius: 22px; cursor: pointer; font: 16px/24px "Microsoft Yahei"; background-color: #fdfdfd; color: #445a92; outline: none; } .ui_mainbox .form button.start { float: right; width: 160px; border: none; height: 44px; border-radius: 10px; cursor: pointer; font: 20px/24px "Microsoft Yahei"; background-color: #dbb477; color: #fff; outline: none; margin-top: 56px; } .ui_mainbox .form button.save { float: right; width: 160px; border: none; height: 44px; border-radius: 10px; cursor: pointer; font: 20px/24px "Microsoft Yahei"; background-color: #dbb477; color: #fff; outline: none; margin-top: 56px; } .ui_mainbox .control { padding: 0 60px 12px; height: 42px; } .ui_mainbox .control span { float: left; width: 80px; height: 30px; border: solid 1px #d9deee; border-radius: 15px; margin-right: 15px; text-align: center; font: 14px/28px "Microsoft Yahei"; color: #445a92; cursor: pointer; } .ui_mainbox .ctitle { padding: 0 60px; } .ui_mainbox .ctitle span.total { float: right; font: 16px/24px "Microsoft Yahei"; } .ui_mainbox .ctitle h2 { font: 16px/24px "Microsoft Yahei"; color: #445a92; margin-bottom: 12px; } .ui_mainbox .table { padding: 0 60px; max-height: 596px; min-height: 144px; overflow: auto; } .ui_mainbox .table table { width: 100%; } .ui_mainbox .table th { font: 16px/36px "Microsoft Yahei"; background-color: #e3e8f4; padding: 0 25px; color:#445a92; } .ui_mainbox .table input[type="checkbox"] { width: 16px; height: 16px; margin-right: 6px; border: solid 1px #e1e5f1; background-color: #fff; vertical-align: middle; } .ui_mainbox .table td { padding: 6px 25px; background-color: #fff; height: 36px; font: 14px/24px "Microsoft Yahei"; color: #2a3d75; } .ui_mainbox .table td .ui_mainbox .table td select { height: 24px; width: 60%; border: solid 1px #e1e5f1; border-radius: 3px; padding: 0 10px; } .ui_mainbox .table td label { display: block; width: 48px; height: 24px; background: url(../images/ico_status.png) no-repeat 0 100%; } .ui_mainbox .table td label.on { background-position: 0 0; } .ui_mainbox .table td label input { opacity: 0; filter: alpha(opacity=0); } .ui_mainbox .table td a { display: inline-block; padding: 0 10px; border: solid 1px #e1e5f1; height: 24px; font: 14px/22px "Microsoft Yahei"; text-align: center; border-radius: 12px; color: #445a92; } .ui_mainbox .table tr:nth-child(2n) td { background-color: #f6f7f8; } .ui_mainbox .detail { padding: 20px; } .ui_mainbox .detail .table1 { margin-right: 160px; min-height: 829px; overflow: hidden; /*overflow-y: auto;*/ overflow-x:auto; } .ui_mainbox .detail table { width: 100%; } .ui_mainbox .detail thead th { background-color: #bbc6e1; height: 36px; text-align: center; color: #445a92; font: 16px/36px "Microsoft Yahei"; border-bottom: solid 1px #fff; } .ui_mainbox .detail thead th:nth-child(1) { border-right: solid 1px #fff; } .ui_mainbox .detail tbody th { background-color: #e3e8f4; font: 16px/24px "Microsoft Yahei"; padding: 0 15px; height: 36px; color: #445a92; } .ui_mainbox .detail tbody th:nth-child(2) { border-right: solid 1px #fff; } .ui_mainbox .detail td { padding: 6px 15px; font: 14px/24px "Microsoft Yahei"; color: #23396f; height: 36px; background-color: #fff; } .ui_mainbox .content1 .detail table.data thead td { padding: 0; text-align: center; } .ui_mainbox .content1 .detail table.data tbody td { text-align: center; padding: 0; } .ui_mainbox .detail tr:nth-child(2n) td { background-color: #f6f7f8; } .ui_mainbox .detail table.data thead td { background-color: #e3e8f4; font: 14px/24px "Microsoft Yahei"; padding: 0 15px; height: 36px; color: #445a92; text-align: center; border-right: solid 1px #fff; border-bottom: solid 1px #fff; } .ui_mainbox .detail td:nth-child(2) { border-right: solid 1px #fff; } .ui_mainbox .detail .grade { float: right; width: 150px; overflow: hidden; } .ui_mainbox .detail .grade img { width: 100%; border: solid 1px #f6f7f8; } .ui_mainbox .detail .grade ul { width: 150px; padding-bottom: 10px; } .ui_mainbox .detail .grade li { float: left; border: solid 1px #bbc6e1; margin-right: 10px; margin-top: 10px; width: 40px; height: 40px; text-align: center; font: 16px/38px "Microsoft Yahei"; border-radius: 10px; color: #5e73b2; cursor: pointer; } .ui_mainbox .detail .grade .score { padding-top: 0; } .ui_mainbox .detail .grade .score h5 { height: 60px; text-align: center; margin-bottom: 5px; font: 20px/60px "Microsoft Yahei"; color: #5e73b2; } .ui_mainbox .detail .grade .score h5 span { display: inline-block; width: 60px; height: 60px; border: solid 1px #bbc6e1; border-radius: 10px; text-align: center; font-size: 32px; font-family: "Arial"; } .ui_mainbox .detail .grade .score p { height: 54px; font: 18px/54px "Microsoft Yahei"; color: #5e73b2; text-align: center; border-top: solid 1px #bbc6e1; } .ui_mainbox .detail .grade .score p strong { display: inline-block; font-size: 40px; color: #e51616; font-family: "Arial"; font-weight: normal; vertical-align: middle; margin-right: 8px; } .ui_mainbox .detail .button { position: fixed; bottom: 0; left: 0; right: 0; text-align: center; padding: 10px 0; border-top:solid 5px #dbb477; background-color: #fff; } .ui_mainbox .detail .button button { width: 135px; border-radius: 10px; background-color: #dbb477; height: 44px; border: none; font: 20px/24px "Microsoft Yahei"; margin-left: 12px; color: #fff; cursor: pointer; outline: none; } .ui_mainbox .page { text-align: center; padding: 15px; font: 14px/28px "Microsoft Yahei"; } .ui_mainbox .page span { margin: 0 5px; color: #23396f; vertical-align: middle; } .ui_mainbox .page a { display: inline-block; width: 80px; height: 30px; text-align: center; border: solid 1px #d9deee; border-radius: 15px; margin: 0 5px; color: #23396f; vertical-align: middle; } .ui_mainbox .detail .data { } /*pop_stdBm*/ .pop_stdBm { display: none; } .pop_stdBm dl { padding: 8px 85px 8px 0; height: 58px; overflow: hidden; } .pop_stdBm dt { float: left; width: 140px; font: 16px/42px "Microsoft Yahei"; color: #333; text-align: right; } .pop_stdBm dd { margin-left: 150px; } .pop_stdBm dd select { width: 100%; box-sizing: border-box; padding: 0 5px; height: 42px; border-radius: 6px; font: 16px/30px "Microsoft Yahei"; border: solid 1px #ddd; } .pop_stdBm dd input { width: 100%; padding: 10px; height: 42px; border: solid 1px #ddd; font: 16px/20px "Microsoft Yahei"; border-radius: 6px; } .pop_dblist { display: none; } .pop_dblist ul.list { overflow: hidden; height: 180px; overflow: auto; } .pop_dblist ul.list li { float: left; width: 25%; font: 16px/26px "Microsoft Yahei"; text-align: left; padding: 5px 0; } .pop_dblist ul.list li label { display: inline-block; padding: 0 10px; cursor: pointer; } .pop_dblist ul.list li label:hover { border-radius: 5px; background-color: #5e73b2; color: #fff; } .pop_dblist ul.group { font: 14px/24px "Microsoft Yahei"; text-align: left; border: solid 1px #ddd; padding: 10px; overflow: hidden; height: 46px; } .pop_dblist ul.group li { float: left; padding: 0 10px; margin-right: 10px; border-radius: 4px; text-align: center; background-color: #eee; } /*pop_schoolarea*/ .pop_schoolarea { display: none; } .pop_schoolarea ul { padding: 10px 5px 0; overflow: hidden; } .pop_schoolarea ul li { float: left; padding: 0 10px; font: 14px/30px "Microsoft Yahei"; margin: 0 5px 10px; background-color: #eee; border-radius: 4px; cursor: pointer; } .pop_schoolarea ul li:hover,.pop_schoolarea ul li.on { color: #fff; background-color: #5e73b2; } /*pop_calibrationDetail*/ .pop_calibrationDetail { display: none; width: 1150px; } .pop_scoreRemark { display: none; width: 300px; } /*pop_realEvalMaxGap*/ .pop_realEvalMaxGap { display: none; width: 300px; } /*pop_simplestype*/ .pop_simplestype { display: none; width: 180px; } .pop_simplestype li { display: inline-block; width: 60px; height: 60px; border: solid 1px #ccc; margin: 5px 10px; border-radius: 10px; font: 30px/60px "Arial"; cursor: pointer; } .pop_simplestype li.on { background-color: #5e73b2; color: #fff; border-color: #5e73b2; } .menu a.active{ background-color: #dbb477; } .scoreTbl{ width: 100% } .scoreTbl th{border:solid #5e73b2 1px;padding:2px 3px 2px 3px;font-weight: bold;text-align: center;} .scoreTbl td{border:solid #5e73b2 1px;padding:2px 3px 2px 3px;text-align: left;} .scoreType1{color: #009933} .scoreType2{color: #330099} .scoreType3{color: #990099} .marked-module a{background-color: #adf1f2;} .biaoben-btn-a { background-color: #83EB77 !important; width: 70px !important; } .biaoben-btn-b { background-color: #83DB77 !important; width: 70px !important; } .biaoben-btn-c { background-color: #83CB77 !important; width: 70px !important; } .biaoben-btn-d { background-color: #83BB77 !important; width: 70px !important; } .alert.auto-score{ font-size: 15px; padding: 5px; } .auto-score .auto-score-remark{ margin-top: 5px; line-height: 25px; } .score .btn-primary { height: 52px; line-height: 45px; } .score table tbody tr td{ width:75px !important; }