﻿@charset "utf-8";
/* ================================ */
/* 高校财务综合办公系统样式表      		*/
/* Author:			Hu       		*/
/* Copyright:	www.szhtkj.com.cn	*/
/* Create Date: August-25-2015		*/
/* Retrofit Date:	            	*/
/* ================================ */

/* ===============
 * 重新定义Html元素
 * =============== */
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body { font: normal normal 12px/1.5em "Microsoft YaHei", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Arial, sans-serif; _font-family: Arial; color: #4b4b4b; text-align:center;  background-repeat:repeat-x;}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, table, th, td { font-size: 12px; font-weight: normal;}
h1 { font-size: 32px; line-height: 32px;}
h2 { font-size: 28px; line-height: 28px;}
h3 { font-size: 24px; line-height: 24px;}
h4 { font-size: 20px; line-height: 20px;}
h5 { font-size: 16px; line-height: 16px;}
strong { font-weight: bold;}
ul, ol { list-style: none outside none;}
fieldset, img { border: medium none;}
caption, th {  text-align: left;}
table { border-collapse: collapse; border-spacing: 0;}

input, select, textarea { }
a { outline: medium none; color:#4b4b4b;}
a:link, a:visited, a:active { text-decoration: none;}
a:hover { text-decoration: underline; color:#2781bd;}
i, cite, em { font-style: normal;}
::selection {color: #fff;background-color: #0083D0;}
code::selection,
pre::selection{background-color: #0083D0;color: #FFF;}
::-moz-selection {color: #fff;background-color: #0083D0;}
code::-moz-selection,
pre::-moz-selection{background-color: #0083D0;color: #FFF;}

/*html {min-height:101%; } */

/* Clearfix,避免因子元素浮动而导致的父元素高度缺失能问题 */
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}



/* ==========================
 * 为旧版本浏览器格式化Html5元素
 * ========================== */
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block; }

/*文字排版
******************************/
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f20 { font-size:20px;}
.fb { font-weight:bold;}
.fn { font-weight:normal;}
.t2 { text-indent:2em;}
.lh150 { line-height:150%}
.lh180 { line-height:180%}
.lh200 { line-height:200%}
.unl { text-decoration:underline;}
.no_unl { text-decoration:none;}
.noborder {border-style:none; border-width: 0;}
.blue_txt { color:#147ac5; font-weight:700; padding:0px 5px;}

/*定位 
******************************/
.tl { text-align:left !important;}
.tc { text-align:center !important; }
.tr { text-align:right !important;}
.bc { margin-right:auto ;margin-left:auto;}
.fl { float:left; display:inline;}
.fr { float:right; display:inline;}
.cb { clear:both;}
.cl { clear:left;}
.cr { clear:right;}
.vm { vertical-align: middle;}
.vt { vertical-align: top;}
.pr { position:relative;}
.pa { position:absolute;}
.abs-right { position:absolute; right:0;}
.zoom { zoom:1}
/*.hidden { visibility:hidden;*/}
.none { display:none;}
.clear { clear: both; height: 0; font-size: 1px; }

/*长度高度
******************************/
.w10 { width:10px;}
.w20 { width:20px;}
.w30 { width:30px;}
.w40 { width:40px !important;}
.w50 { width:50px !important;}
.w60 { width:60px !important;}
.w65 { width:65px;}
.w70 { width:70px;}
.w80 { width:80px;}
.w90 { width:90px;}
.w96 {width: 96px;}
.w100 { width:100px;}
.w110 { width:110px;}
.w130 { width:130px;}
.w120 { width:120px;}
.w150 { width:150px;}
.w160 { width:160px;}
.w180 { width:180px;}
.w200 { width:200px !important;}
.w210 { width:210px !important;;}
.w230 { width:230px;}
.w240 { width:240px;}
.w250 { width:250px !important;}
.w270 { width:270px;}
.w300 { width:300px !important;}
.w340 { width:340px;}
.w370 { width:370px;}
.w380 { width:380px;}
.w400 { width:400px!important;}
.w500 { width:500px;}
.w530 { width:530px;}
.w600 { width:600px !important;}
.w700 { width:700px;}
.w780 { width: 780px;}
.w800 { width:800px;}
.w208 {width: 208px;}

.w { width:100%}
.h50 { height:50px !important;}
.h62 { height:62px;}
.h100 { height:100px;}
.h200 { height:200px;}
.h { height:100%}
.size30 { width: 30px; height: 30px;}
.size32 { width: 32px; height:32px;}
.size40 { width: 40px; height:40px;}
.size60 { width: 60px; height:60px;}
.size70 { width: 70px; height: 70px;}
.size72 { width: 72px; height: 72px;}
.size80 { width: 80px; height:80px;}
.size90 { width: 90px; height:90px;}
.size100 { width: 100px; height: 100px;}
.size110 { width: 110px; height: 110px;}
.size120 { widows: 120px; height: 120px;}
.size142-80 { width: 142px; height: 80px;}
.size160 { width: 160px; height: 160px;}
.size160-48 { width: 160px; height: 48px;}
.size150 { width: 150px; height: 150px; }
.size160 { width: 160px; height: 160px;}
.size184 { width: 184px; height: 114px; }
.size196 { width: 196px; height: 196px;}
.size250 { width: 250px; height: 250px;}
.size310 { width: 310px; height:310px;}
.size-brand-logo { width: 88px; height: 42px;}

/*边距
******************************/
.m10 { margin:10px;}
.m15 { margin:15px;}
.m30 { margin:30px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt100 { margin-top:100px;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb50 { margin-bottom:50px;}
.mb100 { margin-bottom:100px;}
.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml50 { margin-left:50px;}
.ml100 { margin-left:100px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px !important;}
.mr50 { margin-right:50px !important;}
.mr100 { margin-right:100px;}

/*边距
******************************/

.p10 { padding:10px;}
.p15 { padding:15px;}
.p30 { padding:30px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt50 { padding-top:50px;}
.pt100 { padding-top:100px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pb50 { padding-bottom:50px;}
.pb100 { padding-bottom:100px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}
.pl50 { padding-left:50px;}
.pl100 { padding-left:100px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}
.pr50 { padding-right:50px;}
.pr100 { padding-right:100px;}
img{vertical-align:middle}
.gray_txt { color:#808080;}


/*布局样式*/
.nobg { background-image:none;}
.layout_all { width: 1000px;  margin: 0px auto;  position: relative; z-index: 9;}

header { height:118px; width:100%;}
header h1,.h62 h1 { background-image:url("../images/logo_page.png"); background-repeat:no-repeat; background-position:0px 30px; display: block; height: 118px; line-height: 999px; overflow: hidden;}
.h62 h1 {background-image:url("../images/logo_page.png"); background-position:0px 0px; height: 62px;}
header h1 a,.h62 h1 a { display:block; width:534px; height:118px;}
.h62 h1 a {width:438px; height:62px;}

.all_content { padding: 0px 10px 120px 10px;  margin: 0px auto; width:auto; height:auto; overflow:hidden;}

/* probox */
#probox{width:1000px; height:615px; padding:0px; margin-top:15px; text-align:left; margin:0px auto; background-image:url(../images/login_bg.png); background-repeat:no-repeat; background-position:0px -44px;}
.newlist { float:left; width:255px; height:200px; margin:175px 0px 0px 195px;}
.newlist ul li { width:280px; height:25px; line-height:25px; background-image:url(../images/disc.png); background-repeat:no-repeat; background-position:0px 10px; text-indent:20px; overflow:hidden;}
.login_table{ float:right; width:220px; margin:190px 155px 0px 0px;}
.input_name,.input_key,.input_txt { display:block; width:220px; height:33px; line-height:33px; background-color:#FFFFFF; background-image:url("../images/username_icon.png"); background-repeat:no-repeat; }
.input_key {margin-top:23px; background-image:url("../images/key_icon.png");}
.input_name input,.input_key input {border:none; margin-left:50px;}
.input_txt { float:left; background-image:none; margin-top:23px; width:105px;}
.input_txt input {width:80px; border:none; margin-left:10px;}
.login_table img {float:right; margin-top:23px;}
.forget_pw a{color:#FFFFFF; font-weight:700; line-height:33px; text-decoration:underline;}
.btn_login { width:220px; height:36px; line-height:36px; border:0px; background-image:url("../images/btn_login.png"); background-repeat:no-repeat; cursor:pointer; margin-top:8px;}

/* footer */
footer,.footer_page { position:fixed; bottom:0; background-color:#fff; clear:both; overflow: hidden; padding: 40px; text-align:center; width:100%;}
.footer_page { background-color:#353535; color:#FFFFFF; padding:8px;}
/*内页样式*/
.main { width:1000px; margin:0px auto; height:auto;}

/*.left_page { float:left; width:183px;}
.right_page { float:right; width:800px; margin-top:15px;}*/

.list_page { float:left; background-color:#1d3388; width:183px; font-size:15px;}
.list_page ul {margin:20px 0px;}
.list_page li {text-indent:10px; line-height:35px; background-image:url("../images/disc2.png"); background-repeat:no-repeat; background-position:40px 16px;}
.list_page li a { color:#FFFFFF; font-weight:700;}
.list_page li img {margin-right:5px;}
.title_right_page {height:30px; line-height:30px; border-bottom:2px solid #eeeeee; background-image:url(../images/position_icon.png); background-repeat:no-repeat; background-position:0px 7px; text-indent:20px; text-align:left;}
.infor_page .h1title{ font-family:simsun, sans-serif; font-size:20px; font-weight:700; margin:10px 0px;}
.infor_page h6{color:#888; margin:10px 0px;}
.infor_page p {text-align:left;}
.infor_page span { text-align:center;}
.infor_page img {text-align:center;}
.infor_page h4 { font-size:16px; margin-bottom:10px;}


#header {
    background-color: #f8f5f5;
    background-origin: border-box;
    background-size: cover;
    padding: 0.6rem 0.2rem 0.6rem 0.2rem;
    height: 50px;
}

    #header .info {
        font-size: 1rem;
        color: black;
        /*border:1px #FFFFFF solid;*/
    }

        #header .info h1 {
            text-align: center;
            margin: 0;
            font-size: 2.5em;
            font-weight: bold;
            font-family: 宋体;
            background-image: none !important;
            line-height: 1em !important;
            height: auto !important;
            /*border:1px #FFFFFF solid;*/
        }

        #header .info div {
            position: absolute;
            width: 2.8rem;
            height: 2.8rem;
            top: 0.6rem;
            left: 1.8rem;
        }

        #header .info > p {
            position: absolute;
            top: 1rem;
            right: 1.8rem;
            font-size: 2.5em;
        }

        #header .info ul li {
            line-height: 1.4rem;
            padding: 0.1rem 0;
        }

            #header .info ul li span {
                position: relative;
                padding-left: 1.8rem;
                /*border:1px #FFFFFF solid;*/
            }

                #header .info ul li span:last-child {
                    margin-left: 1rem;
                }

            #header .info ul li .idNo:after {
                content: ' ';
                position: absolute;
                top: 0;
                left: 0;
                width: 1.4rem;
                height: 1rem;
                background-image: url(../images/mimg/ID.png);
                background-origin: border-box;
                background-repeat: no-repeat;
                background-size: cover;
            }

            #header .info ul li .depart:after {
                content: ' ';
                position: absolute;
                top: 0;
                left: 0rem;
                width: 1.4rem;
                height: 1rem;
                background-image: url(../images/mimg/depart.png);
                background-origin: border-box;
                background-repeat: no-repeat;
                background-size: cover;
            }
