/*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%; width: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.loginBody { background: url(../images/body_bg.jpg) no-repeat 50%; min-width: 1200px;}*/ body.loginBody { background: gray;} body.mainBody {background-color:#eee !important;} /*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; left: 30px; height: 57px; line-height : 57px; font: 20px/26px "Microsoft Yahei"; padding-left: 30px; background: url(../images/ico_menu.png) no-repeat 0 50%; color: #0d278e; cursor: pointer;}.ui_topbar .menu span{ height: 57px; line-height : 57px;} .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_mainbox*/ .ui_mainbox { margin: 10px auto 0; background-color: #fff; position: relative;} .ui_mainbox .title { top: 0; left: 0; width: 100%; height: 50px; text-align: center; color: #fff; background-color: #5e73b2;} .ui_mainbox .title h2 { font: 20px/50px "Microsoft Yahei"; margin: 0;} .ui_mainbox .content { width: 100%; background: #fdfdfd; padding: 10px;} /*ui_button*/ .ui_button { text-align: center; padding: 10px; height: 54px; position: relative; margin: 0 auto;} .ui_button button { width: 180px; height: 34px; border: none; background-color: #dbb477; font: 20px/30px "Microsoft Yahei"; color: #fff; outline: none; border-radius: 6px; margin: 0 5px; cursor: pointer;} .ui_button button.btn { display: none;} .ui_button button.on { background-color: #ccc;} .ui_button p { position: absolute; right: 0; top: 0; font: 16px/54px "Microsoft Yahei";} .ui_button p a { color: #fff;} /*ui_menubox*/ .ui_menubox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none;} .ui_menubox .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #252525; opacity: .85; filter: Aplha(opacity=85);} .ui_menubox .box { position: absolute; width: 1200px; height: 480px; top: 50%; left: 50%; margin: -280px 0 0 -600px;} .ui_menubox .box a { float: left; width: 200px; height: 200px; margin: 40px 20px 0; border: solid 10px #ff0000; position: relative; background: url(../images/menu_bg.png) no-repeat 0 0;} .ui_menubox .box a em { position: absolute; top: 0; left: 10px; font: 48px/60px "Microsoft Yahei"; color: #fff;} .ui_menubox .box a b { position: absolute; top: 64px; left: 10px; width: 30px; height: 8px; background-color: #ff0000; overflow: hidden;} .ui_menubox .box a i { position: absolute; right: 15px; top: 66px; width: 56px; height: 44px;} .ui_menubox .box a i.ico1 { background: url(../images/menu_01.png) no-repeat right 0;} .ui_menubox .box a i.ico2 { background: url(../images/menu_02.png) no-repeat right 0;} .ui_menubox .box a i.ico3 { background: url(../images/menu_03.png) no-repeat right 0;} .ui_menubox .box a i.ico4 { background: url(../images/menu_04.png) no-repeat right 0;} .ui_menubox .box a i.ico5 { background: url(../images/menu_05.png) no-repeat right 0;} .ui_menubox .box a i.ico6 { background: url(../images/menu_06.png) no-repeat right 0;} .ui_menubox .box a i.ico7 { background: url(../images/menu_07.png) no-repeat right 0;} .ui_menubox .box a i.ico8 { background: url(../images/menu_08.png) no-repeat right 0;} .ui_menubox .box a i.ico9 { background: url(../images/menu_09.png) no-repeat right 0;} .ui_menubox .box a p { position: absolute; bottom: 10px; right: 15px; height: 48px; font: 18px/48px "Microsoft Yahei"; color: #fff; text-align: right; overflow: hidden;} .ui_menubox .box a p span { display: inline-block; line-height: 24px;}.ui_menubox .box a.curr { border-color: #008000; background-position: 0 -180px;} .ui_menubox .box a.curr b { background-color: #008000} .ui_menubox .box a.curr i { background-position: right -44px} .ui_menubox em.close { position: absolute; width: 52px; height: 52px; top: 10px; right: 10px; cursor: pointer; background: url(../images/ico_close.png) no-repeat 50%; z-index: 1;} /*ui_mainbox*/ .ui_mainbox .progress { position: absolute; top: 0; left: 0; right: 0; padding: 5px 20px; height: 60px; background-color: #cfd6e8;} .ui_mainbox .progress dl { height: 24px; margin-right: 60px; margin-bottom: 0;} .ui_mainbox .progress dt { float: left; width: 130px; font: 14px/24px "Microsoft Yahei"; color: #0d278e; text-align: right;} .ui_mainbox .progress dd { margin-left: 140px; height: 22px; padding: 1px 0;} .ui_mainbox .progress dd p { height: 12px; border-radius: 6px; background-color: #fff; margin-top: 5px; overflow: hidden;} .ui_mainbox .progress dd p em { float: left; height: 12px; border-radius: 6px; background-color: #6570a0; text-align: center; color: #fff;} .ui_mainbox .progress dd span { font: 14px/24px "Microsoft Yahei"; color: #6570a0;} .ui_mainbox .tabnav {border-bottom: solid 2px #f2f2f2; height: 33px; background-color:#f8f9fa;} .ui_mainbox .tabnav span { float: left; width: 140px; text-align: center; font: 16px/32px "Microsoft Yahei"; color: #999; cursor: pointer;} .ui_mainbox .tabnav span.on { border-bottom: solid 4px #5e73b2 !important; color: #333;} .ui_mainbox .tabnav span:hover { border-bottom: solid 4px #ccc; } .ui_mainbox .tabcnt { background-color: #fdfdfd; padding: 10px 40px; margin-bottom: 20px;} .ui_mainbox .tab .tabcnt { padding: 50px 40px; } .ui_mainbox .tabcnt form { overflow: hidden; padding-bottom: 10px;} .ui_mainbox .tabcnt h3 { float: left; width: 100%; text-align: center; font: bold 16px/24px "Microsoft Yahei"; height: 24px; color: #2a3d75; margin: 10px 0 5px; position: relative; overflow: hidden;} .ui_mainbox .tabcnt h3 strong { padding: 0 15px; position: relative; z-index: 1;} .ui_mainbox .tabcnt h3 s { position: absolute; height: 12px; border-bottom: solid 1px #2a3d75; width: 100%; left: 0; top: 0;} .ui_mainbox .tabcnt dl { float: left; color: #445a92;} .ui_mainbox .tabcnt dl.col1 { width: 50%; padding-right: 20px;} .ui_mainbox .tabcnt dl.col2 { width: 100%; padding-right: 0;} .ui_mainbox .tabcnt dt { float: left; width: 210px; text-align: right; font: 16px/42px "Microsoft Yahei"; margin-top: 15px;} .ui_mainbox .tabcnt dt span { display: block; font: 16px/21px "Microsoft Yahei";} .ui_mainbox .tabcnt dd { margin-left: 220px; overflow: hidden; margin-top: 15px;} .ui_mainbox .tabcnt dd input.txt { width: 100%; padding: 10px; border-radius: 6px; margin: 0; border: solid 1px #dee3f0; height: 42px; font: 14px/22px "Microsoft Yahei";} .ui_mainbox .tabcnt dd p { float: left; white-space: nowrap; margin-right: 20px;} .ui_mainbox .tabcnt dd p input { float: left; height: 24px; margin: 9px 0 0 0;} .ui_mainbox .tabcnt dd label { font: 16px/42px "Microsoft Yahei";} .ui_mainbox .tabcnt dd p label { float: left; padding-left: 9px;} .ui_mainbox .tabcnt dd .box { float: left; width: 33.3333%; padding-right: 20px;} .ui_mainbox .tabcnt dd select { float: left; width: 100%; outline: none; height: 42px; border-radius: 6px; font: 14px/20px "Microsoft Yahei"; padding: 10px; border: solid 1px #dee3f0;} .ui_mainbox .tabcnt dd.sltbox select { width: 32%; margin-right: 1%;} .ui_mainbox .tabcnt dd i { font: 16px/42px "Microsoft Yahei"; padding-left: 15px;} .ui_mainbox .tabcnt dd em { font: 14px/42px "Microsoft Yahei"; color: #f00; white-space: nowrap; padding-left: 15px;} .ui_mainbox .tabcnt dd input.erro { border-color: #f00;} .ui_mainbox .tabcnt dd.uploadfile input.txt { float: left;} .ui_mainbox .tabcnt dd.uploadfile .file { float: left; width: 90px; height: 42px; margin-left: 15px; border-radius: 6px; border: solid 1px #6570a0; font: 14px/40px "Microsoft Yahei"; text-align: center; position: relative; overflow: hidden;} .ui_mainbox .tabcnt dd.uploadfile .file input { position: absolute; top: 0; left: 0; width: 100%; height: 40px; font-size: 30px; margin: 0; padding: 0; opacity: 0; z-index: 2; background: transparent;} .ui_mainbox .tabcnt dd.uploadfile .file span { position: absolute; top: 0; left: 0; width: 100%; height: 40px; z-index: 1; font: 16px/40px "Microsoft Yahei";} .ui_mainbox .tabcnt dd.uploadfile .preview { float: left; width: 90px; height: 42px; margin-left: 15px; border-radius: 6px; border: solid 1px #6570a0; font: 14px/40px "Microsoft Yahei"; text-align: center; position: relative; overflow: hidden; cursor: pointer; display: none;} .ui_mainbox .tabcnt dd.schoolName { position: relative; overflow: initial; z-index: 2;} .ui_mainbox .tabcnt dd.schoolName span { position: absolute; width: 42px; height: 42px; background: url(../images/ico_drop.png) no-repeat 50%; right: 50%; top: 0px; cursor: pointer;} .ui_mainbox .tabcnt dd.schoolName ul { position: absolute; top: 42px; left: 0; width: 50%; border: solid 1px #dee3f0; max-height: 74px; background-color: #fff; overflow: auto; display: none; font: 14px/24px "Microsoft Yahei";} .ui_mainbox .tabcnt dd.schoolName ul.fschool { top: auto; bottom: 42px;} .ui_mainbox .tabcnt dd.schoolName li { padding: 0 15px; cursor: pointer;} .ui_mainbox .tabcnt dd .eye { margin-bottom: 10px;} .ui_mainbox .tabcnt dd .eye span { float: left; font: 14px/42px "Microsoft Yahei";} .ui_mainbox .tabcnt h4 { font: 16px/20px "Microsoft Yahei"; color: #445a92; margin-top: 15px;} .ui_mainbox .tabcnt h4 i { float: left; width: 20px; height: 20px; overflow: hidden; border-radius: 100%; background-color: #445a92; color: #fff; font-style: normal; text-align: center; font-family: arial; line-height: 22px; margin-right: 10px;} .ui_mainbox .tabcnt h5 { margin-top: 10px; font: bold 14px/24px "Microsoft Yahei"; color: #333;} .ui_mainbox .tabcnt h6 { font: 16px/24px "Microsoft Yahei"; margin: 8px 0; color: #999;} .ui_mainbox .tabcnt .subject { font: 14px/24px "Microsoft Yahei"; color: #666; padding-top: 10px;} .ui_mainbox .tabcnt .subject p { text-align: left;} .ui_mainbox .tabcnt h7 { font: 16px/24px "Microsoft Yahei"; margin: 8px 0; color: #5e73b2;} /* .ui_mainbox .tabcnt .btn { height: 40px; padding: 6px 30px } */ .ui_mainbox .tabcnt .btn a { float: left; margin-right: 15px; padding: 0 25px; border-radius: 14px; font: 14px/26px "Microsoft Yahei"; border: solid 1px #a3adcc; color: #2a3d75;}.ui_mainbox .tabcnt .table { margin-top: 6px;} thead th{font-weight:bold;} .v-middle{vertical-align:middle !important;} .ui_mainbox .tabcnt .check dt { margin-top: 0;} .ui_mainbox .tabcnt .check dd { margin-top: 0;} .ui_mainbox .tabcnt .info { overflow: hidden;} .ui_mainbox .tabcnt .info dt { width: 150px;} .ui_mainbox .tabcnt .info dd { margin-left: 160px;} .ui_mainbox .tabcnt .text { margin-top: 15px;} .ui_mainbox .tabcnt .text textarea { width: 100%; border-radius: 6px; padding: 6px 10px; resize: none; font: 14px/20px "Microsoft Yahei"; border: solid 1px #d9deee;}.ui_mainbox .tabcnt .upload { margin-top: 10px; padding-left: 50%; position: relative;}.ui_mainbox .tabcnt .upload p { font: 14px/24px "Microsoft Yahei"; color: #f00; text-align: right;}.ui_mainbox .tabcnt .upload input { width: 100%; padding: 10px; border-radius: 6px; border: solid 1px #dee3f0; height: 42px; font: 14px/22px "Microsoft Yahei";} .ui_mainbox .tabcnt .upload .btnb { height: 28px;} .ui_mainbox .tabcnt .upload .btnb a { float: right; width: 80px; margin-left: 15px; height: 28px; overflow: hidden; border-radius: 14px; position: relative; border: solid 1px #445a92; font: 14px/28px "Microsoft Yahei"; color: #2a3d75; text-align: center;}.ui_mainbox .tabcnt .upload .btnb input { position: absolute; width: 100%; padding: 2px 0 2px 80px; top: 0; left: 0; height: 28px; background: transparent;}.ui_mainbox .tabcnt .avatar { text-align: center; margin: 10px 0; overflow: hidden;}.ui_mainbox .tabcnt .avatar img { width: 100%; height: 100%;}.ui_mainbox .tabcnt .avatar .box { width: 170px; border: solid 1px #dde2ef; margin: 0 auto; background: url(../images/avatar.png) no-repeat 50%;} .ui_mainbox .tabcnt .avatar .file { border: solid 1px #a3adcc; height: 36px; border-radius: 18px; font: 16px/34px "Microsoft Yahei"; width: 136px; margin: 15px auto; color: #2a3d75; overflow: hidden; position: relative; cursor: pointer;}.ui_mainbox .tabcnt .avatar .file input { position: absolute; top: 0; left: 0; padding-left: 136px; width: 600px; height: 36px; opacity: 0; filter: aplha(opacity=0); z-index: 2;} .ui_mainbox .tabcnt .avatar .file em { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} .ui_mainbox .tabcnt .avatar p { font: 16px/24px "Microsoft Yahei"; color: #445a92;} /*std_check_info*/ .std_check_info { position: absolute; width: 100%; top: 50%; left: 0; height: 80px; font: 20px/40px "Microsoft Yahei"; text-align: center; margin-top: -30px;}.std_check_info button { height: 30px; width: 80px; height: 30px; font: 16px/24px "Microsoft Yahei";} /*pop_form*/.pop_form { display: none;}.pop_form dl { height: 40px; padding-bottom: 10px; font: 14px/30px "Microsoft Yahei"; color: #445a92;}.pop_form dl dt { float: left; width: 150px; text-align: right;}.pop_form dl dd { margin-left: 160px; text-align: left; height: 30px;}.pop_form dl dd input.txt { float: left; border: solid 1px #dee3f0; padding: 4px 6px; width: 72%; border-radius: 5px;}.pop_form dl dd .file { float: left; margin-left: 10px; width: 80px; height: 30px; border: solid 1px #a3adcc; border-radius: 15px; overflow: hidden; position: relative; font: 14px/28px "Microsoft Yahei"; text-align: center;} .pop_form dl dd .file input { position: absolute; top: 0; left: 0; opacity: 0; font-size: 19px; cursor: pointer;} /*img_preview*/ .img_preview { width: 720px; height: 550px; margin: 0 auto; position: relative;} .img_preview li img { height:550px;} .img_preview span { position: absolute; width: 40px; height: 40px; top: 50%; margin-top: -20px; font: 36px/40px "Microsoft Yahei"; color: #fff; text-align: center; overflow: hidden; border-radius: 5px; font-size: 0;} .img_preview span.prev { left: -50px; background: url(../images/btn_prev.png) no-repeat 50% #445a92;} .img_preview span.next { right: -50px; background: url(../images/btn_next.png) no-repeat 50% #445a92;} .img_preview span.prevStop,.img_preview span.nextStop { background-color: #999;} .noimg { padding: 40px 80px; font: 16px/40px "Microsoft Yahei";} .upload_success { padding: 40px 80px; font: 16px/40px "Microsoft Yahei";} /*ui_loading*/ .ui_loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg_trans.png) repeat 50%; z-index: 99999;} .ui_loading em { position: absolute; width: 100px; height: 100px; top: 50%; left: 50%; margin: -50px 0 0 -50px; background: url(../images/ajax-loader.gif) no-repeat 50%;} .s-menu{ display : none; position:absolute; background-color:#3C4A51; height:calc(100% - 55px); width: 246px; left : 0px; min-height : 603px; } .s-menu ul li.active{ background-color: #1abe9b; } .s-menu ul li { height: 47px; line-height:47px; border-bottom:1px solid #48565f; display:table; width:100%; } .s-menu ul li:hover{ background-color : #48565f; } .s-menu ul li a { display: block; height :100%; width:100%; color :#FFF; font-size : 15px; } .s-menu ul li a:focus, a:hover { text-decoration: none; } .s-menu ul li a.warning { display: block; height :100%; width:100%; color :red; font-weight:bold; font-size : 15px; } .s-menu ul li a img{ margin-left : 32px; margin-right :15px; vertical-align: -10%; max-height: 20px; width:20px; } .s-menu ul li a div{ width : 100px; float: right; line-height: 22px; margin-right:68px; padding-top :13px; font-size : 15px; }.lang-title{ float: left; width: 10%; text-align: left; font: 16px/42px "Microsoft Yahei"; margin-bottom: 20px; } .lang.lang-first{ margin-right: 30px; } .lang { width: 35%; float: left; margin-bottom: 20px; } .info-confirm dt{ width: 300px !important; text-align: center !important; } .down-btn{ display: inline-block; padding: 8px 20px; width: 250px; line-height: 40px; height: 40px; border: none; background-color: #dbb477; font: 20px "Microsoft Yahei"; color: #fff; outline: none; border-radius: 6px; margin: 0 5px; cursor: pointer; text-align: center; } .down-btn:hover{ color: #FFF; } b.down-btn{ position: absolute; top: 75px; left: 20px; } .down-img{ width: 250px; float: left; margin-right: 20px; margin-left: 25px; margin-top: 20px; } .down-img .img-box{ width: 250px; height: 250px; overflow: hidden; border:solid 1px #f2f2f2 } .down-img img{ width: 250px; height: auto; } .down-img .btn-box{ text-align: center; padding-top: 12px; } .down-img .img-remove{ padding: 4px 12px; border: none; background-color: #dbb477; font: 15px "Microsoft Yahei"; color: #fff; outline: none; border-radius: 3px; cursor: pointer; } td a.tr-btn{ font-size: 15px; color: #2a3d75; margin-right: 12px; } td a.tr-btn:hover{ text-decoration: solid; } form p{ line-height: 30px; } form p input{ height: 25px; } a.btn{ color:#fff; } .image-preview { border: 2px solid #fff; padding: 2px; text-align: center; } .image-preview:hover{ border: 2px solid yellow; } .m-t{ margin-top:5px; } .bw-panel { border: 2px solid #ccc; padding: 10px; } .bw-panel:hover { border: 2px solid yellow; } .text-right { text-align: right; } a.download{ color:#fff; } .bw-required-item { font-weight: bold; display:inline; color:red; } h3.overview{height:30px;line-height:30px;padding-left:10px;border-bottom:1px #999 solid; position:relative; overflow:hidden;} h3.overview .align-right{display:block; position:absolute;top:0;right:10px;height:30px;line-height:30px;}