@charset "utf-8"; /*Reset 样式初始化*/ html, body, form, fieldset, p, a, ul, ol, li, div, legend, label, br, input, button, textarea, h1, h2, h3, h4, h5,em{ padding: 0; margin: 0; font-weight: normal; font-style: normal; font-size: 12px; font-family:"微软雅黑","Tahoma"; vertical-align: baseline; text-align:justify; word-wrap:break-word; text-justify:inter-ideograph } body{text-align:center} ul, ol, li, h1 { line-height:normal; list-style-image:none; list-style-position:outside; list-style-type:none } dl { margin:0 } dd { margin-left:0 } a { outline:none; } a img { border:0 none } img { vertical-align:middle; border:0px } table { border-collapse:collapse } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix { display:inline-block; overflow:hidden } .clearfix { display:block } body {color:#6C6C76;background:#f2f2f2} a {color:#3366cc;text-decoration:none} a:hover {color:#ff6501} .width960{width:960px;margin:0 auto} h3{font-size:24px} /**/ .clearB {clear:both} .fL {float:left} .fR {float:right} .taC{text-align: center} .taR{text-align: right} .taL{text-align: left} :link, *:visited, *:hover, *:active, *:focus { -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s; -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s; transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s; -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s; } .colRed {color:#f90000} .colOrange {color:#ed8b00} .colYel {color:#d9a601} .colGreen{color:#27AE60} .colGray{color:#999} .colBlue{color:#277DB6} .hide {display:none} .button { float:left; height:32px; margin-right:2px; padding:0px 30px; line-height:32px; text-align:center; overflow:hidden; font-weight:bold; color:#FFF; border-radius:3px; text-shadow:0 1px rgba(0, 0, 0, 0.1); text-decoration:none; border:none } input.button{ height:35px; line-height:35px } .button:hover{ color:#fff } .button.btn-blue{ background-color:#006fd8; border-bottom:3px solid #014687 } .button.btn-blue:hover{ background-color:#0076e4; } .button.btn-blue:active{ background-color:#014687; } .button.btn-red{ background-color:#E74C3C; border-bottom:3px solid #C44133 } .button.btn-red:hover{ background-color:#EC7063; } .button.btn-red:active{ background-color:#C44133; } .button.btn-green{ background-color:#1ABC9C; border-bottom:3px solid #16a085 } .button.btn-green:hover{ background-color:#48C9B0; } .button.btn-green:active{ background-color:#16A085; } .button.btn-dark{ background-color:#415B76; border-bottom:3px solid #2c3e50 } .button.btn-dark:hover{ background-color:#456a91; } .button.btn-dark:active{ background-color:#2c3e50; } .inputText{ width:274px; border:1px solid #dcdcdc; border-top-color:#abadb3; border-left-color:#abadb3; padding:7px; background:#fff url(inputBg.png) repeat-x 0 0; font-size:14px; color:#999; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; outline: medium none; height:18px; line-height:18px } .inputText:focus{ border-color:#ff6501; color:#ff6501; background:#fff } a.detil,input.detil{ padding:0 10px; height:50px; line-height:50px; text-align:center; background:#2980B9; color:#fff; font-size:13px; border:none; margin:0 0 1px 1px; } a.detil:hover,input.detil:hover{ background:#3498db } a.detil.btnGreen,a.ebutton.btnGreen,input.detil.btnGreen,input.ebutton.btnGreen{ background:#27ae60 } .detil.btnGreen:hover,.ebutton.btnGreen:hover{ background:#2ecc71 } .detil.btnRed,.ebutton.btnRed{ background:#A96A5B } .detil.btnRed:hover,.ebutton.btnRed:hover{ background:#9b5443 } .detil.btnOrange,.ebutton.btnOrange{ background:#D35400 } .detil.btnOrange:hover,.ebutton.btnOrange:hover{ background:#E67E22 } .detil.btnDark,.ebutton.btnDark{ background:#415B76 } .detil.btnDark:hover,.ebutton.btnDark:hover{ background:#456a91 } .detil.btnGary,.ebutton.btnGary{ background:#999 } .detil.btnGary:hover,.ebutton.btnGary:hover{ background:#999 } a.ebutton,input.ebutton{ background: none repeat scroll 0 0 #2980b9; color: #FFFFFF; cursor: pointer; font-size: 14px; text-align: center; padding:0 10px; margin:0 1px 0 0 } a.ebutton:hover,input.ebutton:hover{ background:#3498db } /*scroll*/ .scrollgeneric { line-height:1px; font-size:1px; position:absolute; top:0; left:0 } .vscrollerbase { width:10px; background-color:#6C6C76; } .vscrollerbar { width:10px; background-color:#5B9AA9 } .hscrollerbase { height:10px; background-color:#6C6C76; z-index:99; } .hscrollerbar { height:10px; background-color:#5B9AA9; } .scrollerjogbox { width:10px; height:10px; top:auto; left:auto; bottom:0; right:0; background-color:#6C6C76; } .vscrollerbar, .hscrollerbar{padding:1px} /*form*/ form { margin: 0 0 20px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999999; } label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 12px; line-height: 20px; color: #555555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; } /*input, textarea, .uneditable-input { width: 206px; }*/ textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; *margin-top: 0; /* IE7 */ margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 30px; } select { border: 1px solid #cccccc; background-color: #ffffff; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .uneditable-input, .uneditable-textarea { color: #999999; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; } .uneditable-input { overflow: hidden; white-space: nowrap; } .uneditable-textarea { width: auto; height: auto; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } .radio, .checkbox { min-height: 20px; padding-left: 20px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; content: ""; line-height: 0; } .controls-row:after { clear: both; } .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; } .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; } .control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; } .control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; } .control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } .control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3a87ad; } .control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; content: ""; line-height: 0; } .form-actions:after { clear: both; } .help-block, .help-inline { color: #595959; } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; vertical-align: middle; padding-left: 5px; } .input-append, .input-prepend { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 0; white-space: nowrap; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover { font-size: 14px; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { z-index: 2; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #eeeeee; border: 1px solid #ccc; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px; } .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .btn-group:first-child { margin-left: 0; } input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-bottom: 0; vertical-align: middle; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; line-height: 0; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 180px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block { margin-top: 10px; } .form-horizontal .form-actions { padding-left: 180px; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100% } .table th, .table td { padding:5px 5px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #ffffd6; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } .table tbody tr.success > td { background-color: #dff0d8; } .table tbody tr.error > td { background-color: #f2dede; } .table tbody tr.warning > td { background-color: #fcf8e3; } .table tbody tr.info > td { background-color: #d9edf7; } .table-hover tbody tr.success:hover > td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover > td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover > td { background-color: #faf2cc; } .table-hover tbody tr.info:hover > td { background-color: #c4e3f3; } /*m*/ .indexLogin{ background: url(indexloginbg.png) no-repeat 0 0; margin:100px 0 0 0; position:relative; } .loginPanel { width:296px; height:270px; background-color: #fff; margin:0 0 0 600px } .formLine{ position:relative; margin:15px 0 } .formLine .userName{ color:#333; font-size:18px; margin:0 0 20px 0 } .loginPanel .warpLogin{ padding:20px 0 0 23px } .loginPanel h2{ font-size:18px } .loginPanel input.text { border: 1px solid #B7B7B7; font-size: 20px; height: 33px; letter-spacing: 1px; padding: 1px 1px 1px 40px; width: 201px; background:url(inputBg.png) repeat-x 0 0 } .loginPanel .textTips{ color: #999999; cursor: text; font-size: 14px; height: 37px; line-height: 37px; overflow: hidden; padding: 0 2px 0 10px; position:absolute; left:0 } .loginPanel .formLink{ margin:0 0 10px 0; color:#ccc } .register { background:#fff; margin:250px 0 0 0 } .register h1{ height: 50px; line-height: 50px; font-size: 24px; border-bottom: 1px solid #e0e0e0; } .register h1 span{ margin:0 0 0 20px } .warpHeader { height:34px; line-height:34px; background:#27b689; border-bottom:1px solid #6C6C76 } .warpHeader a.logo{ margin:0 } .warpHeader a.quit{ height:34px;line-height:34px; padding:0 15px; background:#6C6C76; color:#fff; font-weight:600 } .warpHeader a.quit:hover{ background:#935b4e; color:#fff } .warpHeader div.user{ margin:0 20px 0 0; color:#fff } .warpContent{ background:#6c6c76 } .mainSide{ width:100px } .mainSide ul{ margin:10px 0 0 0 } .mainSide li{ margin:0 0 2px 0 } .mainSide li.line { border-top:1px solid #D7D7D7; padding:5px 0 0 0; margin:5px 0 0 0 } .mainSide li a{ display:inline-block; *display:inline; zoom:1; padding:8px 10px; width:80px; font-size:13px; color:#fff } .mainSide li a:hover{ background:#ccc; color:#6C6C76; } .mainSide li a.now{ background:#d7d7d7; color:#27b689; font-weight:600 } .mainSide li a span{ background:#fff; color:#6C6C76; padding:0 5px; margin:0 0 0 10px; font-size:12px; border-radius:10px } .mainSide li a.now span{ background:#A96A5B; color:#fff } .mainContent{ margin:0 0 0 100px; background:#d7d7d7; overflow-y: auto; min-height: 400px } .pojNomList{ margin:20px; margin-bottom:0 } .pojNomList .entry{ background:#fff; margin:0 0 5px 0 } .censor-btn{ margin-left: 20px } .censor-tool{ width:25%; } .censor-tool a.detil{ line-height: 18px; height:18px; vertical-align:top; float: left } .pojNomList .entry h1 { height:50px; line-height:50px; font-size:20px; border-bottom:1px solid #e0e0e0 } .pojNomList .entry h1 span{ margin:0 20px } .pojNomList .entry input,.pojNomList .entry select{ margin:0; } .pojNomList .contractCount { width:70px; padding:0 10px; height:76px; text-align:center; border-right:1px solid #e0e0e0 } .pojNomList .contractCount span{ display:inline-block; *display:inline; zoom:1; width:100%; margin:13px 0 0 0 } .pojNomList .contractCount b{ font-size:26px; font-family:"Tahoma" } .pojNomList .contractMoney { padding:0 20px; border-right:1px solid #e0e0e0 } .pojNomList .contractMoney .item { height:38px; line-height:38px } .pojNomList .contractMoney .item.done{ height:37px; border-top:1px dashed #e0e0e0 } .pojNomList .contractMoney .item b{ font-size:24px; font-family:"Tahoma"; text-align:right; float:right } .pojNomList .contractState { border-right:1px solid #e0e0e0; height:76px; text-align:center; padding:0 10px; } .pojNomList .contractState.state{ width:170px } .pojNomList .contractState span{ display:block; *display:inline; zoom:1; width:100%; margin:13px 0 0 0 } .pojNomList .contractState b{ font-size:22px; font-family:"Tahoma","微软雅黑"; } .pojNomList .contractUser { height:76px; text-align:center; border-right:1px solid #e0e0e0 } .pojNomList .contractUser span{ display:inline-block; *display:inline; zoom:1; width:100%; margin:20px 0 0 0 } .pojNomList .contractUser b{ font-size:14px; font-family:"Tahoma" } .pojNomList .contractAcc{ height:30px; line-height:30px; padding:0 10px; border-right:1px solid #E0E0E0; } .pojNomList .listTab{ margin:0 0 5px 0 } .pojNomList .listTab a{ background:#6C6C76; color: #FFFFFF; cursor: pointer; font-size: 14px; height: 35px; line-height: 35px; margin: 0 1px 0 0; padding: 0 10px; text-align: center; } .pojNomList .listTab a:hover{ background:#27B689; } .pojNomList .listTab a.now{ background:#27B689; color:#fff; font-weight: 600 } .pojNomList .listTab .search{ margin:0 0 0 10px; float:left; } .pojNomList .listTab .search input[type=text]{ margin:0; float:left; height:23px; border-bottom: 3px solid #999; } .periodList .title{ height:25px; line-height:25px; background:#5B9AA9 } .periodList .title div{ float:left; height:25px; line-height:25px; border-right:1px dashed #fff; color:#fff; width:9.9%; text-align:center; font-size:10px } .perListItem{ background:#fff } .perListItem .btns{ margin:20px } .globalForm { margin:20px } .tips { background:url(attachment.png) no-repeat 0 0; padding:5px 0 5px 40px; margin:10px } .pojNomList td div.lv2 { text-indent:10px } .pojNomList td div.lv3 { text-indent:20px } .pojNomList td div.limit{ width:200px; height:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .pojNomList tr.newAdd{ background:#dff0d8 } .annotation li { padding:3px 10px; border-bottom:1px solid #e0e0e0 } .annotation li span{ font-weight:800 } .standardCate { border-bottom:1px solid #DDDDDD; } .cateSelect { height:35px; position: relative; width:300px; } .cateSelect .title{ line-height:35px; padding:0 10px; color: #336699; font-size:16px; cursor: pointer; } .cateSelect.foucs{ background:#277DB6; } .cateSelect.foucs .title{ color:#fff; } .cateSelect .cateMenu { position:absolute; top:35px; left:0; background:#fff; border:1px solid #277DB6; padding:10px 0 10px 10px; } .cateSelect .cateMenu .scroll{ overflow: auto; height:300px; width:288px; } .news { padding:20px; margin:15px 0 20px 0; background: #fff; } .news li { padding:5px 0; border-bottom:1px dashed #dddddd; } .news li span{ display:inline-block; width:90px; } .news li.more{ border-bottom: none } .news li.title{ font-weight:600; border-bottom:1px solid #ccc; font-size: 16px } .newAdd input,.newAdd select{ margin:0; } /*modal*/ .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)}.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:0}.modal.fade{-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out;top:-25%}.modal.fade.in{top:10%}.modal-header{padding:9px 15px;border-bottom:1px solid #eee}.modal-header .close{margin-top:2px}.modal-header h3{margin:0;line-height:30px}.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px}.modal-form{margin-bottom:0}.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff;*zoom:1}.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0} .modal form{margin:0} /*modal*/ .printList { width:1000px; text-align: center; color:#000; margin:0 auto; } .printList .taC{ text-align: center } .printList .taR{ text-align:right } .printList .taL{ text-align:left } .printList h1 { color:#ff0000; border-bottom: 3px solid #ff0000; font-size:36px; display:inline; overflow: hidden; } .printList h2{ margin:20px 0; font-size:18px; } .printList h3{ font-size:24px; } .printList .con{ margin:20px 0; } .printList p{ font-size:16px; line-height: 25px } .printList table{ border:1px solid #000; width:100%; } .printList table th{ border:1px solid #000; } .printList table td{ border:1px solid #000; text-align: left } textarea.yta { width:92%; margin:0; height:20px; } textarea.yta:focus{ width:400px; height:60px; } a.taBtn { border:1px solid #27B689; padding:3px 5px; background:#f2f2f2; margin-right:5px; } .icons { display: inline-block; width:16px; height:16px; vertical-align: middle; } .icon_add { background:url(icon_add.png) no-repeat center center; } .icon_sum { background:url(icon_sum.png) no-repeat center center; } .icon_file { background:url(icon_file.png) no-repeat center center; } .icon_magnify{ background:url(report_magnify.png) no-repeat center center; } .sumTools .sumEntry { padding:2px 3px; border:1px solid #ccc; display: inline-block; margin-right:5px; margin-bottom:5px; } .pagination{ margin:20px 0 } .pagination ul{ display:inline-block; *display:inline; margin-bottom:0; margin-left:0; *zoom:1; background-color: #fff } .pagination ul>li{ display:inline; } .pagination ul>li>a,.pagination ul>li>span{ float:left; padding:4px 12px; line-height:20px; text-decoration:none; background-color:#fff; border:1px solid #ddd; border-left-width:0 } .pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{ background-color:#f5f5f5 } .pagination ul>.active>a,.pagination ul>.active>span{ color:#27B689; cursor:default; font-weight: 600; border-bottom:1px solid #27B689; } .pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{ color:#999; cursor:default; background-color:transparent } textarea.yta { width: 90px; margin: 0px; height: 20px; border-color: #999 } textarea.yta:focus { width: 300px; height: 60px; position: absolute; right: 0; bottom:0; } .referBtn{ position: absolute; right: -3px; top: -8px; } .refItem{ height:20px; position: relative; line-height: 20px } .refItem:hover a.referBtn{ display:inline-block; } .entry .historyBar { padding:20px; } .pojNomList .entry .historyBar input { margin: 4px 2px 0px; } .senCen { position: fixed; bottom:200px; right:50px; background:#fff; padding:10px 20px } .senCen h1{ text-align:center }