@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 } ::-webkit-scrollbar { width:6px; height:6px } ::-webkit-scrollbar:hover{ background:#f7f7f7 } ::-webkit-scrollbar-thumb { background:#ccc; border-right:1px solid #fff; } ::-webkit-scrollbar-thumb:hover{ background:#B01C6B } ::-webkit-scrollbar { width:6px; height:6px } ::-webkit-scrollbar:hover{ background:#f7f7f7 } ::-webkit-scrollbar-thumb { background:#ccc; border-right:1px solid #fff; } ::-scrollbar-thumb:hover{ background:#B01C6B } 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 } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } body {color:#333;background:#fff;overflow: hidden} a {color:#8E0950;text-decoration:none} a:hover,a:focus {color:#333;text-decoration:none} .width950{width:950px;margin:0 auto} h3{font-size:24px} a.disenable{color:#ccc} .datepickers-container{ z-index: 9999 } /**/ .clearB {clear:both} .fL {float:left} .fR {float:right} :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:#f70000} .colOrange {color:#ed8b00} .colYel {color:#d9a601} .colGreen{color:#17ab0c} .colGray{color:#999} .colBlue{color:#3172d9} .hide {display:none} .autoHeight,.autoHeightL1,.autoHeightL2,.autoHeightR1,.autoHeightR2,.autoHeightR3,.autoHeightR4{ overflow-y: auto } .height100{height:100%} .taC{text-align:center} .taL{text-align:left} .taR{text-align:right} .colTip{ margin-left: 2px; display:inline-block; line-height: 19px; } @font-face { font-family: 'ZHcldSystem'; src: url('fonts/ZHcldSystem.eot?ox6e11'); src: url('fonts/ZHcldSystem.eot?ox6e11#iefix') format('embedded-opentype'), url('fonts/ZHcldSystem.ttf?ox6e11') format('truetype'), url('fonts/ZHcldSystem.woff?ox6e11') format('woff'), url('fonts/ZHcldSystem.svg?ox6e11#ZHcldSystem') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'ZHcldSystem' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } i.icon-.sport{ font-size:10px; vertical-align: top } a.icon-.edit,a.icon-.add,a.icon-.replace{ font-size:14px; vertical-align:middle; margin:0 3px; } a.icon-.crumb{ color:#fff; background:#8E0950; padding:4px; margin:0 10px 0 0; } /*fotm*/ .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;} .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} 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 #E2E2E2;}legend small{font-size:15px;color:#999999;} label,input,button,select,textarea{font-size:12px;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:2px;margin-bottom:10px;font-size:12px;line-height:19px;color:#555555;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;-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;margin-top:1px \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:25px;*margin-top:4px;line-height:25px;} 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:16px;cursor:pointer} .radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-16px;} .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;*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;margin-bottom:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;} .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;*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;} /*FONT*/ /*table*/ table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;} .table{width:100%;margin-bottom:20px;}.table th,.table td{padding:8px;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;background:#f6f6f6} .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-condensed th .contactsTag,.table-condensed td .contactsTag{color:#fff} .table-bordered{border:1px solid #dddddd;border-collapse:collapse;-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:#f5f5f5;} .table-striped tr:hover{border-left:1px solid #8E0950;font-weight:600} .table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th{background-color:#f5f5f5;} 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,.table tbody tr.success>th{background-color:#dff0d8;} .table tbody tr.error>td.table tbody tr.error>th{background-color:#f2dede;} .table tbody tr.warning>td,.table tbody tr.warning>th{background-color:#fcf8e3;} .table tbody tr.info>td,.table tbody tr.info>th{background-color:#d9edf7;} .table-hover tbody tr.success:hover>td,.table-hover tbody tr.success:hover>th{background-color:#d0e9c6;} .table-hover tbody tr.error:hover>td,.table-hover tbody tr.error:hover>th{background-color:#ebcccc;} .table-hover tbody tr.warning:hover>td,.table-hover tbody tr.warning:hover>th{background-color:#faf2cc;} .table-hover tbody tr.info:hover>td,.table-hover tbody tr.info:hover>th{background-color:#c4e3f3;} .modalClientTable th {width:55px} .modalClientTable td {padding:5px 0;} .modalClientTable tr:nth-child(even){background:#f1f1f1} .modalClientTable .infoFlowList{ margin-top:15px; } .table .text-truncate { width:80px; display: inline-block; } /*table*/ /*tooltips*/ .ctooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}.ctooltip.in{opacity:0.8;filter:alpha(opacity=80);} .ctooltip.top{margin-top:-3px;padding:5px 0;} .ctooltip.right{margin-left:3px;padding:0 5px;} .ctooltip.bottom{margin-top:3px;padding:5px 0;} .ctooltip.left{margin-left:-3px;padding:0 5px;} .ctooltip-inner{max-width:200px;padding:8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .ctooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;} .ctooltip.top .ctooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000000;} .ctooltip.right .ctooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000000;} .ctooltip.left .ctooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000000;} .ctooltip.bottom .ctooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000000;} /*modal*/ .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000000 } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; max-height: 400px; overflow-y: auto; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .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-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .modal-xlg { width: 1151px; } .clearfix:before, .clearfix:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; } .clearfix:after, .modal-footer:after { clear: both; }.modal form{margin:0} /*modal*/ /*button&dropdowns*/ .btn{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#fff;/*background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);*/border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #cccccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;} .btn:active,.btn.active{background-color:#cccccc \9;} .btn:first-child{*margin-left:0;} .btn:hover,.btn:focus{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;} .btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} .btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);} .btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .btn-large{padding:11px 19px;font-size:17.5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:4px;} .btn-small{padding:2px 10px;font-size:11.9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .btn-small [class^="icon-"],.btn-small [class*=" icon-"]{margin-top:0;} .btn-mini [class^="icon-"],.btn-mini [class*=" icon-"]{margin-top:-1px;} .btn-mini{padding:0 6px;font-size:10.5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .btn-block{display:block;width:100%;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .btn-block+.btn-block{margin-top:5px;} input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%;} .btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255, 255, 255, 0.75);} .btn-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#006dcc;background-image:-moz-linear-gradient(top, #0088cc, #0044cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);background-image:-o-linear-gradient(top, #0088cc, #0044cc);background-image:linear-gradient(to bottom, #0088cc, #0044cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);border-color:#0044cc #0044cc #002a80;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#0044cc;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#ffffff;background-color:#0044cc;*background-color:#003bb3;} .btn-primary:active,.btn-primary.active{background-color:#003399 \9;} .btn-warning{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(to bottom, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);border-color:#f89406 #f89406 #ad6704;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#f89406;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#ffffff;background-color:#f89406;*background-color:#df8505;} .btn-warning:active,.btn-warning.active{background-color:#c67605 \9;} .btn-danger{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(to bottom, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#bd362f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#ffffff;background-color:#bd362f;*background-color:#a9302a;} .btn-danger:active,.btn-danger.active{background-color:#942a25 \9;} .btn-success{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(to bottom, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#51a351;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#ffffff;background-color:#51a351;*background-color:#499249;} .btn-success:active,.btn-success.active{background-color:#408140 \9;} .btn-info{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(to bottom, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#2f96b4;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#ffffff;background-color:#2f96b4;*background-color:#2a85a0;} .btn-info:active,.btn-info.active{background-color:#24748c \9;} .btn-inverse{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#363636;background-image:-moz-linear-gradient(top, #444444, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));background-image:-webkit-linear-gradient(top, #444444, #222222);background-image:-o-linear-gradient(top, #444444, #222222);background-image:linear-gradient(to bottom, #444444, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);border-color:#222222 #222222 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#222222;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{color:#ffffff;background-color:#222222;*background-color:#151515;} .btn-inverse:active,.btn-inverse.active{background-color:#080808 \9;} button.btn,input[type="submit"].btn{*padding-top:3px;*padding-bottom:3px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;} button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px;} button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px;*padding-bottom:3px;} button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding-bottom:1px;} .btn-link,.btn-link:active,.btn-link[disabled]{background-color:transparent;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .btn-link{border-color:transparent;cursor:pointer;color:#0088cc;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .btn-link:hover,.btn-link:focus{color:#005580;text-decoration:underline;background-color:transparent;} .btn-link[disabled]:hover,.btn-link[disabled]:focus{color:#333333;text-decoration:none;} .btn-group{position:relative;display:inline-block;*display:inline;*zoom:1;font-size:0;vertical-align:middle;white-space:nowrap;*margin-left:.3em;}.btn-group:first-child{*margin-left:0;} .btn-group+.btn-group{margin-left:5px;} .btn-toolbar{font-size:0;margin-top:10px;margin-bottom:10px;}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group{margin-left:5px;} .btn-group>.btn{position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .btn-group>.btn+.btn{margin-left:-1px;} .btn-group>.btn,.btn-group>.dropdown-menu,.btn-group>.popover{font-size:14px;} .btn-group>.btn-mini{font-size:10.5px;} .btn-group>.btn-small{font-size:11.9px;} .btn-group>.btn-large{font-size:17.5px;} .btn-group>.btn:first-child{margin-left:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;} .btn-group>.btn:last-child,.btn-group>.dropdown-toggle{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;} .btn-group>.btn.large:first-child{margin-left:0;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;} .btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;} .btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:2;} .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0;} .btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px;-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);*padding-top:5px;*padding-bottom:5px;} .btn-group>.btn-mini+.dropdown-toggle{padding-left:5px;padding-right:5px;*padding-top:2px;*padding-bottom:2px;} .btn-group>.btn-small+.dropdown-toggle{*padding-top:5px;*padding-bottom:4px;} .btn-group>.btn-large+.dropdown-toggle{padding-left:12px;padding-right:12px;*padding-top:7px;*padding-bottom:7px;} .btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);} .btn-group.open .btn.dropdown-toggle{background-color:#e6e6e6;} .btn-group.open .btn-primary.dropdown-toggle{background-color:#0044cc;} .btn-group.open .btn-warning.dropdown-toggle{background-color:#f89406;} .btn-group.open .btn-danger.dropdown-toggle{background-color:#bd362f;} .btn-group.open .btn-success.dropdown-toggle{background-color:#51a351;} .btn-group.open .btn-info.dropdown-toggle{background-color:#2f96b4;} .btn-group.open .btn-inverse.dropdown-toggle{background-color:#222222;} .btn .caret{margin-top:8px;margin-left:0;} .btn-large .caret{margin-top:6px;} .btn-large .caret{border-left-width:5px;border-right-width:5px;border-top-width:5px;} .btn-mini .caret,.btn-small .caret{margin-top:8px;} .dropup .btn-large .caret{border-bottom-width:5px;} .btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;} .btn-group-vertical{display:inline-block;*display:inline;*zoom:1;} .btn-group-vertical>.btn{display:block;float:none;max-width:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .btn-group-vertical>.btn+.btn{margin-left:0;margin-top:-1px;} .btn-group-vertical>.btn:first-child{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;} .btn-group-vertical>.btn:last-child{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;} .btn-group-vertical>.btn-large:first-child{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;} .btn-group-vertical>.btn-large:last-child{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;} .dropup,.dropdown{position:relative;} .dropdown-toggle{*margin-bottom:-3px;} .dropdown-toggle:active,.open .dropdown-toggle{outline:0;} .caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #000000;border-right:4px solid transparent;border-left:4px solid transparent;content:"";} .dropdown .caret{margin-top:8px;margin-left:2px;} .dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#ffffff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}.dropdown-menu.pull-right{right:0;left:auto;} .dropdown-menu .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;} .dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:20px;color:#333333;white-space:nowrap;} .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a{text-decoration:none;color:#ffffff;background-color:#8E0950;} .dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#ffffff;text-decoration:none;outline:0;background-color:#0081c2;background-image:-moz-linear-gradient(top, #0088cc, #0077b3);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));background-image:-webkit-linear-gradient(top, #0088cc, #0077b3);background-image:-o-linear-gradient(top, #0088cc, #0077b3);background-image:linear-gradient(to bottom, #0088cc, #0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);} .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999999;} .dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:default;} .open{*z-index:1000;}.open>.dropdown-menu{display:block;} .dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990;} .pull-right>.dropdown-menu{right:0;left:auto;} .dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000000;content:"";} .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;} .dropdown-submenu{position:relative;} .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;} .dropdown-submenu:hover>.dropdown-menu{display:block;} .dropup .dropdown-submenu>.dropdown-menu{top:auto;bottom:0;margin-top:0;margin-bottom:-2px;-webkit-border-radius:5px 5px 5px 0;-moz-border-radius:5px 5px 5px 0;border-radius:5px 5px 5px 0;} .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;} .dropdown-submenu:hover>a:after{border-left-color:#ffffff;} .dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;} .dropdown .dropdown-menu .nav-header{padding-left:20px;padding-right:20px;} .typeahead{z-index:1051;margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} /**/ .button{ display: inline-block; height:32px; margin-right:5px; padding:0px 12px; line-height:32px; text-align:center; color:#FFF; border-radius:1px; text-shadow:0 1px rgba(0, 0, 0, 0.1); text-decoration:none; border:none; background:#8E0950; cursor:pointer } .button:hover{ color:#fff; background:#b01c6b } .button:active{ background-color:#840549; } .button.btn-gray{ background-color:#535353 } .button.btn-gray:hover{ background-color:#727272; } .button.btn-gray:active{ background-color:#404040; } .button.btn-green{ background:#7ea85c; } .button.btn-green:hover{ background:#4f8e08 } .button.btn-green:active{ background:#2a4f00 } .button.btn-red{ background:#ce5e5e; } .button.btn-red:hover{ background:#c01010; } .button.btn-red:active{ background:#790000; } .button.btn-link{ background:none; color:#8E0950 } .button.btn-link:hover{ background:none; color:#333; text-decoration: none; } .button.btn-link:active{ background:none; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#c09853; } .alert-erro { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .lockRecord .addRecordButton{ text-align:center; height:32px; line-height: 32px; padding:0 5px 0 0 ; } .lockRecord .addRecordForm{ background-color: #F7F7F7; padding: 5px; margin:5px; } .lockRecord .addRecordForm form{ margin:0; } .infoFlowList{ border-left: 1px solid #BEBEBE; margin-left: 25px; padding-bottom: 20px; padding-left:27px; position: relative; margin-right:5px } .dateTitle { left: -21px; overflow: visible; position: absolute; top: 0; width: 42px; } .dateTitle .month { background-color: #999; color: #FFFFFF; float: left; height: 28px; line-height: 1; padding-top: 8px; text-align: center; width: 42px; overflow: hidden; } .dateTitle .month .num { font-family:"Tahoma"; font-size: 18px; font-weight: normal; letter-spacing:-1px; } .dateTitle .month .text { padding-left: 2px; font-family:"Tahoma"; font-size:14px } .dateTitle .year { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; background-image: none; border-color: -moz-use-text-color #BEBEBE #BEBEBE; border-image: none; border-style: none solid solid; border-width: 0 1px 1px; float: left; height: 18px; line-height: 16px; overflow: visible; padding: 0; position: relative; text-align: center; width:40px } .dateTitle .year:before,.dateTitle .year:after { border-bottom-colors: none; border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #222 transparent transparent; border-image: none; border-right: 4px solid transparent; border-style: solid; border-width: 4px; bottom: -8px; content: ""; display: block; height: 0; left: 15px; position: absolute; width: 0; } .dateTitle .year:after { border-top: 4px solid #FFFFFF; bottom: -7px; z-index: 2; } .infoFlowList .flowList { background-color:#fff; float: none; padding: 0 } .flowList li.item { overflow: hidden; padding: 8px 30px 8px 35px; border-bottom:1px solid #EBEBEB } .flowList li.item:last-child{ border-bottom:none } /**/ .mainLayout{ padding:0 0 0 50px; left:0; overflow: hidden; } .mainMenu{ background:#191818 url(slidebg.png) repeat; bottom: 0; left:50px; margin-left: -50px; position: fixed; top: 0; width:50px; z-index: 1000; display: inline-block; letter-spacing: normal; text-rendering: auto; vertical-align: top; word-spacing: normal } .mainMenu .menuItem{ display:block } .mainMenu .mLogo{ margin:5px; padding:5px 0; font-size:18px; color:#fff; display:block; font-family:tahoma; height:31px; line-height: 31px; width:40px; text-align: center; background:#8E0950; } .mainMenu .mLogo:hover{ color:#8E0950 } .mainMenu .userInfo{ background:#EBEBEB; padding:0 10px; margin:0 15px } .mainMenu ul{ position:relative; z-index:1 } .mainMenu li{ position:relative; } .mainMenu li.news:after{ position: absolute; width:10px; height: 10px; background:#f90000; right:3px; top:3px; border-radius: 10px 0 10px 10px; content: "" } .mainMenu li.topLine{ border-top:1px solid #383838 } .mainMenu li a{ color:#797979; padding:10px 0 10px 10px; display:inline-block; *display:inline; zoom:1; width:40px; font-size:30px; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; } .mainMenu li a:hover{ color:#eeeeee; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } .mainMenu li a.selected{ background:#000; color:#fff } .mainMenu li a.selected:hover{ color:#eeeeee; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } .mainMenu li span{ position:absolute; right:-20px; background:#000; z-index: 9999; display:none; } .warpContent { width:100%; } .header { color: #333333; padding:6px 0 6px 12px; background-color:#fff; margin:5px 5px 0 5px; } .header h1 { font-size: 36px; font-weight: 300; margin:5px 0 } .header h1.companyName{ font-size:18px } .header h2 { margin: 0 } .header h2.cate a{ padding:0 5px; margin:0 3px 0 0 } .header h2.cate a.now{ background:#191818; color: #FFFFFF; } .header h2.btnList a{ padding:0 2px; } .iconGenerate,.iconReceive,.iconBorrow,.iconSell,.iconUpdate,.iconReplace,.iconRecycle,.iconContacts,.iconLock,.iconService,.iconPhone,.iconOther,.iconGif,.iconRecord,.iconEdit{ background:url(infocentericon.png) no-repeat 0 0 } .iconGenerate{ background-position:0 0 } .iconReceive{ background-position:0 -32px } .iconBorrow{ background-position:0 -64px } .iconSell{ background-position:0 -96px } .iconUpdate{ background-position:0 -128px } .iconReplace{ background-position:0 -160px } .iconRecycle{ background-position:0 -192px } .iconContacts{ background-position:0 -224px } .iconLock{ background-position:0 -256px } .iconService{ background-position:0 -288px } .iconPhone{ background-position:0 -320px } .iconOther{ background-position:0 -352px } .iconGif{ background-position:0 -384px } .iconEdit{ background-position:0 -416px } .iconRecord{ background-position:0 -448px } .infoCenter { margin:20px } .centerPanel { border:1px solid #bebebe; background: #f7f7f7; height:62px; width:100% } .centerPanel .bigAddup,.centerPanel .sortAddup{ float:left } .centerPanel .bigAddup { font-size:24px; padding:0 10px; line-height:62px; } .centerPanel .sortAddup{ border-left: 1px solid #bebebe; border-right: 1px solid #bebebe; margin-left:-1px; background:url(sortAddupIcon.png) no-repeat left top; position: relative; width:110px; } .centerPanel .sortAddup li,.centerPanel .sortAddup dd{ border-bottom:1px solid #bebebe; padding:0 5px 0 15px; height:20px; line-height:20px; } .centerPanel .sortAddup li span,.centerPanel .sortAddup dd span{ display:inline-block; width:50px; text-align:right; } .centerPanel .sortAddup dl.sec{ position: absolute; left:-1px; top:63px; z-index: 999; width:333px; border-left:1px solid #BEBEBE; } .centerPanel .sortAddup dl.use1{ width:819px; } .centerPanel .sortAddup dd{ float:left; width:90px; border-right:1px solid #BEBEBE; background:#fff } .centerPanel .sortAddup.focus{ background-color:#fff } .centerRecord { margin:10px 0 0 0; border-top:1px solid #bebebe; } .centerRecord .sideBar { width:120px; float:left; } .centerRecord .dateRecord{ margin:0 0 0 120px; } .centerRecord .mostTab,.centerRecord .dateTab { height:30px; line-height:30px; text-align:right; border-left: 1px solid #bebebe; } .centerRecord .taL{ text-align:left; } .centerRecord .dateTab { border-bottom: 1px solid #bebebe; border-right: 1px solid #bebebe; border-left:none; } .centerRecord .mostTab a,.centerRecord .dateTab a{ display:inline-block; width:98px; border-right:1px solid #bebebe; border-bottom:1px solid #bebebe; text-align:center; color:#999 } .centerRecord .dateTab a{ border:1px solid #bebebe; border-right:none; border-top:none; } .centerRecord .mostTab a.now{ border-bottom:1px solid #ebebeb; color:#8E0950; } .centerRecord .dateTab a.now{ border-bottom:1px solid #f7f7f7; color:#8E0950; background:#f7f7f7; } .centerRecord .mostTab a:hover,.centerRecord .dateTab a:hover{ color:#8E0950; cursor: pointer; } .centerRecord .mostList { border-bottom:1px solid #bebebe; border-top:1px solid #bebebe; border-left:1px solid #bebebe; overflow:hidden; overflow-y:auto; } .centerRecord .mostList::-webkit-scrollbar { width:0; } .centerRecord .mostList li{ padding:0 0 0 55px; border-bottom:1px solid #bebebe; border-right:1px solid #bebebe; position: relative; height:50px; } .centerRecord .mostList li h2{ font-size:14px; padding:4px 0 0 0; } .centerRecord .mostList li .conNum { position: absolute; text-align:center; left:0; top:0; z-index: 99; width:120px; height:50px; line-height: 50px; background:#EBEBEB; display:none; } .centerRecord .mostList li:hover{ border-left:1px solid #ccc; cursor: pointer; background:#f7f7f7; } .centerRecord .mostList li:hover .conNum{ display: block } .centerRecord .mostList li.now{ border-right:1px solid #f7f7f7; border-left:1px solid #8E0950; background:#f7f7f7; } .centerRecord .mostList li.now:hover{ border-left:1px solid #8E0950; border-right:1px solid #f7f7f7 } .centerRecord .mostList li.now .conNum{ display:block; background:#f7f7f7 } .centerRecord .mostList li .conNum span{ display:inline-block; width:28px; height:28px; line-height:28px; background:#fff; text-align:center; border-radius:20px; margin:0 2px; box-shadow: 0 1px 1px 0 #bebebe; } .centerRecord .mostList li .avtra{ position: absolute; left:1px; top:1px; } .centerRecord .mostList li.select{ padding:0 } .centerRecord .mostList li.select select{ margin:12px 0 0 10px; width:100px } .infoCenter .dateList { overflow: hidden; overflow-y:auto; border-bottom:1px solid #bebebe; border-right:1px solid #bebebe; background:#f7f7f7; } .infoCenter .dateList div.date{ text-align: center; } .infoCenter .dateList div.warpCharts{ margin:20px; } .dateList .chartTab { text-align: center; margin:10px 0 0 0; } .dateList .chartTab .tButton{ width:160px; display: inline-block; border:1px solid #bebebe; } .chartTab .tButton li{ min-width:79.5px; padding:5px 0; display: inline-block; text-align: center; background:#EBEBEB; color: #999; cursor: pointer; } .chartTab .tButton li:hover{ color:#8E0950; } .chartTab .tButton li.now{ background:#F7F7F7; color:#8E0950; } .tButton li:first-child{ border-right:1px solid #bebebe; } .infoCenter .recordList { margin:20px; } .infoCenter .recordList dt b{ display:block; height:32px; width:32px; } .infoCenter .recordList dd{ float:left; padding:0 10px 0 35px; width:45%; height:32px; line-height:16px; margin:0 5px 10px 0; } .infoCenter .recordList dd b{ margin:0 3px } .infoCenter .recordList dd span.fR{ color:#999; } .infoCenter .recordList a{ margin:0 3px } .infoCenter .recordList dd.openMore{ background-color:#EBEBEB } .lockDatabase,.contactDatabase{ width:60%; position:relative; background:#f7f7f7; } .contactsTag{ color: #FFFFFF; margin: 0 2px 0 0; padding: 0 3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; font-style:normal } .tagCol-01{ background-color:#16A085; color:#16A085 } .tagCol-02{ background-color:#2980B9; color:#2980B9 } .tagCol-03{ background-color:#8E44AD; color:#8E44AD } .tagCol-04{ background-color:#f90000; color:#f90000 } .tagCol-05{ background-color:#B8651B; color:#B8651B } .tagCol-06{ background-color:#2C3E50; color:#2C3E50 } .tagCol-07{ background-color:#efd200; color:#efd200 } .contactsTag2{ color: #fff; margin: 0px 2px 2px 0px; padding: 0px 3px; display: inline-block } .cGroup .tagGroup{ background-color:#cbecf2; margin: 0px 2px 2px 0px; padding: 0px 3px; color: #666; display: inline-block } .contactsMark{ margin: 0 2px 0 0; font-size:14px; line-height: 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; font-style:normal; vertical-align:middle; } .contactDatabase > form{ margin:0 } .lockCate{ margin:5px 0 0 5px; background:#fff; } .cateList { margin:0 0 0 5px; } .cateList li { margin:0 0 5px 0 } .cateList li.filter a{ margin:3px 0 0 0; padding:0 5px; float:left } .cateList li.filter a.now{ color:#fff; background:#191818 } .cateList li .ib{ float: left; margin: 0 5px 0 0 } .cateList li label{ float:left; margin:0; height:22px } .cateList li label input{ vertical-align:baseline } .cateList li select{ margin-bottom:0 } .cateList li .contactsTag{ color:#fff; height:22px } .cateList li .contactsTag:hover span{ float:left; display:block; } .cateList li .mark { padding:0 0 0 10px; display:inline-block; height:22px; line-height: 22px; border-left:1px solid #999; } .cateList li .mark .contactsMark { line-height:22px; color:#8E0950; cursor: pointer; } .cateList li .mark .contactsMark:hover{ color:#333; } .cateList li .mark .contactsMark.now{ background:#333333; color:#fff; padding:0 2px; } .cateList li div.resultTips{ background:#D9EDF7; border: 1px solid #BCE8F1; padding:3px 10px; display: inline-block; color:#3A87AD; } .demandCate .cateList { height:25px; margin:0 0 20px 0 } .demandCate .cateList li{ padding:0 10px 0 0; margin:0 10px 0 0; border-right:1px solid #CDCDCD; float:left; height:25px; line-height:25px; } .demandCate .cateList li a{ margin:0 5px 0 0 } .demandCate .cateList li a.now{ background:#191818; color:#fff; padding:0 3px; } .demandCate .cateList li.devMark a.now span{ color:#fff; padding: 0 3px } .lockList{ overflow-y:scroll; width:100% } .lockTableUl li span{ display:inline-block; width:13%; padding:0 0 0 3px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } .lockTableUl li i input{ vertical-align:baseline; margin:0 } .lockCate .lockTableUl{ padding:0 18px 0 0; height:20px; background:#F7F7F7 url(headerbg.png) repeat; } .lockCate .lockTableUl li{ font-weight:600; color:#191818; color:#BABABA } .lockTableUl li:nth-child(even){ background:#fff } .lockList .lockTableUl li{ padding:8px 0; height:18px; line-height:18px; margin:0 0 0 5px } .lockList .lockTableUl li:hover{ font-weight:600; color:#191818 } .lockList .lockTableUl li:hover a{ font-weight:600 } .lockDetil,.contactDetil { width:40%; background:#f7f7f7; } .lockRecord{ overflow-x:hidden; min-height:170px } .lockRecord .header{ height:81px } .lockRecord .toolItem { margin:5px; background-color:#fff } .lockRecord .toolItem .slidedownInfo{ margin:10px 10px 0 0; } .lockRecord .toolItem form{ margin:10px } .contactTableHead .buildingUl{ background: #F7F7F7 url(headerbg.png) repeat; color:#BABABA; } .modal-body .contactsTag{ color:#fff } .contactPanel{ background:#fff; padding:5px 10px; margin:6px 5px } .contactPanel h1{ font-size: 36px; font-weight: 300; font-size:18px } .contactPanel h1 a.clientName{ font-size:18px; font-weight:600; margin:0 3px 0 0 } .contactPanel table{ width:100% } .contactPanel table th{ width:55px; border-bottom:1px solid #EBEBEB; vertical-align: baseline; font-size: 12px } .contactPanel table td{ text-align:left; border-bottom:1px solid #EBEBEB; padding:3px 0; vertical-align: baseline; font-size: 12px } .contactPanel table tr:last-child th{ border-bottom:none } .contactPanel table tr:last-child td{ border-bottom:none } .contactPanel table td label{ display:inline-block; } .contactPanel table td .contactsTag{ color:#fff } .contactPanel table td input[type='text']{ width:80%; margin:0 } .contactPanel table td input[type='checkbox']{ margin:0 } .contactPanel table td select{ margin:0 } .contactPanel table td .lockContent{ display:block; overflow: auto; width: 100%; max-height:70px } .header .contactPanel{ background:none; margin:0; padding:0 12px 0 0 ; } .contactCate { margin:5px 0 0 5px; background:#fff; padding:5px 0 0 0; } .contactCate form{ margin:0; } .contactTab { background:#e2e2e2 url(headerbg.png) repeat; position:relative; height:46px } .contactTab a{ margin:5px 0 0; padding:0 15px; height:40px; line-height:40px; display:inline-block; color:#bababa } .contactTab a:hover{ background:#535353; color:#eeeeee; border-top:1px solid #535353; } .contactTab a.now{ background:#f7f7f7; font-weight:600; color:#333; border-right:1px solid #fff; border-top:1px solid #fff; } .contactTab .button{ float:right } .contactTab .searchItem{ position:absolute; right:0; top:0; } a.new-ribbon{ margin:0; position:absolute; top:-3px; right:350px; width:48px; height:42px; padding:0; font-size:11px; line-height: 14px; color:#fff; text-align:center; background-color:#Ff6501; border:0; -webkit-transition:top 200ms; -moz-transition:top 200ms; -o-transition:top 200ms; transition:top 200ms } a.new-ribbon:hover{ top:-1px; font-weight: 600; background: #F92D2E } a.new-ribbon:after{ position:absolute; bottom:0; left:0; border:24px solid transparent; border-bottom:8px solid #363636; content:'' } a.new-ribbon:before{ position:absolute; bottom:0; left:0; border:24px solid transparent; border-bottom:8px solid #363636; content:'' } .contactTab .searchItem input{ margin:0; vertical-align:middle; background:#535353; color:#eee; border:1px solid #535353; height:39px; padding-left:8px } .contactTab .searchItem .subBtn{ height:45px; line-height:30px; background:#E2E2E2; color:#333; cursor: pointer; border-color:#E2E2E2; font-size:12px; padding:0 8px } .contactTab .searchItem .subBtn:hover{ background:#fff; border-color:#E2E2E2 } .contactTab .searchItem .subBtn:active{ background:#727272; color:#BABABA; border-color:#727272 } .contactTab .searchItem .subBtn.add{ background:#8E0950; color:#fff; border-color:#8E0950; margin:0 0 0 1px; } .contactTab .searchItem .subBtn.add:hover{ background:#b01c6b; color:#fff; } .contactTab .searchItem .subBtn.add:active{ background:#840549; color:#BABABA; } .contactCate .contactTableHead{ border-bottom:1px solid #ddd } .contactCate .contactTableHead table{ width:100%; -moz-box-sizing: border-box; box-sizing: border-box; } .contactCate .contactTableHead td{ padding:5px; font-weight:600; -moz-box-sizing: border-box; box-sizing: border-box; } .contactList { overflow-y: scroll; margin:0 0 0 5px; background:#fff; } .contactList .contactsTag{ font-size:8px; vertical-align:middle; line-height:16px; margin:0 1px 0 0; } .contactList .contactsTag:hover{ -webkit-animation:pulse .2s .1s ease both; -moz-animation:pulse .2s .1s ease both;} @-webkit-keyframes pulse{ 0%{-webkit-transform:scale(1)} 100%{-webkit-transform:scale(1.5)} } @-moz-keyframes pulse{ 0%{-moz-transform:scale(1)} 100%{-moz-transform:scale(1.5)} } .contactTable { width:100%; -moz-box-sizing: border-box; box-sizing: border-box; } .contactTable tr{ border-bottom: 1px solid #ddd; cursor:pointer; } .contactTable tr:hover{ background:#f7f7f7; } .contactTable td{ -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: 400; line-height: 16px; padding:10px 5px; position: relative; } .contactTable td span.lim,.contactCate .contactTableHead td span.lim{ display:block; height: 18px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:inherit } .contactTable b.name { font-size:16px } .contactTable b.female{ background:url(femaleicon.png) right center no-repeat; padding:0 16px 0 0; } .contactTable .addTag{ display:none; background:#8E0950; color:#fff; padding:0 2px; vertical-align:middle; font-size:8px; text-align:center; line-height:16px } .contactTable .addTag:hover{ background:#b01c6b } .contactTable tr:hover .addTag{ display:inline-block } .contactTable .contactsTag{ font-size:8px; vertical-align:middle; line-height:16px; margin:0 1px 0 0; } .contactTable tr:hover .contactsTag{ color:#fff; font-weight:normal; cursor: pointer } .contactTable i.contactsMark:hover{ color:#f90000; } .contactTable i.contactsMark:hover{ -webkit-animation:pulse .2s .1s ease both; -moz-animation:pulse .2s .1s ease both;} @-webkit-keyframes pulse{ 0%{-webkit-transform:scale(1)} 100%{-webkit-transform:scale(1.5)} } @-moz-keyframes pulse{ 0%{-moz-transform:scale(1)} 100%{-moz-transform:scale(1.5)} } .changePage{ line-height: 30px; height:30px; background:#F7F7F7; text-align:center; width:100%; position: absolute; bottom:-30px; } .changePage select{ margin:0 } .loginBg { background:url(loginbg.jpg) no-repeat left top } .loginPanel { height: 345px; width: 296px; position: absolute; right:20%; top:20% } .loginPanel .formLine { margin: 20px 0; position: relative; } .loginPanel .warpLogin { padding: 20px 0 0 23px; background:#fff } .loginPanel h2 { font-size: 18px; } .loginPanel h2 sup{ font-size:8px } .loginPanel input.text { border: 1px solid #000; font-size: 20px; height: 33px; letter-spacing: 1px; padding: 1px 1px 1px 6px; width: 241px; background:#f6f6f6; color:#333 } .loginPanel input.text:focus{ background:#fff; color:#8E0950; } .loginPanel .formLink{ color:#999; text-align:center; background:#f6f6f6; padding:5px 0 } .subMenu{ background:url(headerbg.png) repeat; bottom: 0; display: inline-block; letter-spacing: normal; overflow-y: auto; position: fixed; text-rendering: auto; top: 0; vertical-align: top; width: 145px; word-spacing: normal; z-index:99 } .subMenu .menuItem{ display:block } .subMenu li { position: relative; } .subMenu li.saeaTitle{ color: #fff; background: linear-gradient(to right,#5C0793, #084F8E,#008659); margin:0 0 5px 0; padding:5px 10px 5px 0; text-align:right } .subMenu li.demandTitle{ color: #fff; background:#62AC4D; margin:0 0 5px 0; padding:5px 10px 5px 0; text-align:right } .subMenu li.invoiceTitle{ color: #fff; background:#955251; margin:0 0 5px 0; padding:5px 10px 5px 0; text-align:right } .subMenu li.holidayTitle{ color: #fff; background:#FBC02D; margin:0 0 5px 0; padding:5px 10px 5px 0; text-align:right } .subMenu li a { color:#BABABA; display: inline-block; padding: 15px 0 15px 10px; width: 135px; } .subMenu li a:hover{ background:#535353; color:#eee } .subMenu li a.selected { background:#fff; color: #333; } .subMenu li.topLine{ border-top:1px solid #222222 } .subMenu li.news:after { background: none repeat scroll 0 0 #f90000; border-radius: 10px 0 10px 10px; content: ""; height: 10px; position: absolute; right: 10px; top: 10px; width: 10px; } .adminContent{ margin:0 0 0 160px; overflow-y:auto; padding:0 15px 0 0; } .adminContentS{ margin: 0 0 0 145px; } .borad-menu{ text-align:center; margin:30px } .borad-menu a{ display:inline-block; color:#fff; padding:20px 0; font-size:16px; width:200px; text-align: center; } .borad-menu a.loan{ background:#5C0793 } .borad-menu a.loan:hover{ background:#9139c9 } .borad-menu a.public{ background:#008659 } .borad-menu a.public:hover{ background:#33ca8d } .borad-menu a.receipt{ background:#084F8E } .borad-menu a.receipt:hover{ background:#3A84C7 } .borad-menu a.train{ background:#2daebf } .borad-menu a.train:hover{ background:#2ecade } .borad-menu a.invoice{ background:#955251 } .borad-menu a.invoice:hover{ background:#ae6160 } .borad-menu a.holiday{ background:#FBC02D } .borad-menu a.holiday:hover{ background:#FDD835 } .borad-news { width:960px; margin:0 auto } .saeaList { margin:0 0 20px 0; } .saeaList .entry{ background:#fff; padding:2px; position: relative; margin-bottom:100px; min-height:400px } .saeaList .seTable{ margin:0 0 0 30.1%; } .saeaList .seTable .sFile{ margin: 0 5px 5px 0; background-color: #fff; padding: 0 5px } .seTable div.area{ text-align: center } .seTable div.area p{ } .saeaList .entry table{ margin:0; } .saeaList table th.taC{ text-align:center; background: #f6f6f6 } .saeaList table .thead th{ background: #f6f6f6 } table .taC{ text-align:center; } .saeaList table .taR{ text-align:right; } .saeaList table .taL{ text-align:left; } .saeaList table input,.saeaList table select{ margin:0; } .saeaList table input[type="radio"],.saeaList table input[type="checkbox"]{ margin-top:4px; } .saeaList .entry table .avtra { width:50px; text-align:center; display:inline-block; } .saeaList .entry table .button{ width:100%; padding:0; } .saeaList .entry table span.interval{ color:#ccc; margin:0 5px; } .saeaList .entry table .grM{ color:#4F8E08; background: #ecf3e4; text-align: center } .saeaList .entry table .reM{ color:#F89406; background: #fef3e4; text-align: center } .grM th,.grM td,.reM th,.reM td{ text-align: center; font-weight:bold; } .saeaList .entry table th .repMark{ display:none } .saeaList .entry table th .repMark i{ margin:0; color:#ccc; cursor:pointer; font-size:18px; line-height: 14px; height: 14px; font-style: normal; } .saeaList .entry table th:hover .repMark{ display: block; } .saeaList .entry table th .repMark .rmDone{ color:#4F8E08; } .saeaList .entry table th .repMark .rmUdone{ color:#F89406; } .saeaList th sup,.saeaList td sup { color:#fff; vertical-align: top; margin-left: 5px; background: #f00; padding:0 3px; font-size: 10px } .saeaList .entry .seal { width:186px; height:96px; position: absolute; } .saeaList .entry .seal.done{ background:url(saeaSeal.png) no-repeat 0 0; bottom:10%; right:30% } .saeaList .entry .seal.undone{ background:url(saeaSeal.png) no-repeat 0 -96px; bottom:10%; right:30% } .saeaList .entry .seal.back{ background:url(saeaSeal.png) no-repeat 0 -192px; bottom:10%; right:30% } .saeaList .entry .seal.close{ background:url(saeaSeal.png) no-repeat 0 -288px; bottom:10%; right:30% } .saeaList .seCensor { position: absolute; left:0; top:0; width:30%; height:100%; background:#f6f6f6 } .saeaList table .cost-item span{ display: inline-block; width:170px; padding:4px 5px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; } .saeaList table .cost-item span:nth-child(3n+3) { border-right:none; } .mailSpread .mailAutoHeigh{ overflow-y:auto; } .mailCreate { position: relative; } .mailCreate .viewForm { width:64%; position: relative; } .mailCreate .mailForm{ width:34%; position: absolute; left: 65%; top:0; } .mailSpread span.mclabel{ width:12px; height:12px; display: inline-block; vertical-align: middle; } .mailSpread .mailList { width:25%; float: left; } .mailSpread .mailDetail { width:50%; float: left; } .mailSpread .mailAddressee{ width:25%; float: left; } .mailSpread .listItem li{ padding:10px 0; border-bottom: 1px solid #E2E2E2 } .mailSpread .listItem li a.title{ display: inline-block; width:70%; overflow: hidden; height:16px; white-space: nowrap; text-overflow:ellipsis; } .mailAddressee .listItem li{ padding-left:15px; color:green; } .mailAddressee .listItem li.invalid{ color:#f90000; } .mailAddressee .listItem li.repeat{ color:#ED920F; } .mailAddressee div.title{ padding:10px 5px; border-bottom:1px solid #e2e2e2; background:#084F8E; color:#fff; } .mailSpread .smsBody{ width:350px; height:610px; background:url(smsphonebg.png) no-repeat; margin-left:30%; position: relative; } .mailSpread .smsvcontent{ position: absolute; left:45px; top:140px; width:280px; height:280px; overflow-y:auto } .mailSpread .smsvcontent .smstext{ font-size: 14px; line-height: 20px; text-align: left; margin:10px 0 } .seCensor .title{ background:#373737; color:#fff; padding:5px 10px } .seCensor .detail{ padding:0 10px; } .seCensor .detail p{ line-height:20px; margin:0 0 10px 0 } .seCensor .detail p:first-letter{ font-size:24px; font-weight:bold; color:#373737 } .seCensor .btnList { bottom: 0; position: absolute; right: 0; width:100%; height: 39px } .seCensor .btnList a{ margin:0; padding: 0; width:50%; } .seCensor .btnList a.btn-block { width: 100% } .loan-censor .title { background:#5C0793 } .receipt-censor .title { background:#084F8E } .public-censor .title { background:#008659 } .train-censor .title { background:#2daebf } .loan-censor .detail p:first-letter{ font-size:24px; font-weight:bold; color:#5C0793 } .receipt-censor .detail p:first-letter{ font-size:24px; font-weight:bold; color:#084F8E } .public-censor .detail p:first-letter{ font-size:24px; font-weight:bold; color:#008659 } .train-censor .detail p:first-letter{ font-size:24px; font-weight:bold; color:#2daebf } .loan-list.entry { border-top:2px solid #5C0793 } .receipt-list.entry { border-top:2px solid #084F8E } .public-list.entry { border-top:2px solid #008659 } .train-list.entry { border-top:2px solid #2daebf } .loan-list table .taC{ color:#5C0793 } .receipt-list table .taC{ color:#084F8E } .public-list table .taC{ color:#008659 } .train-list table .taC{ color:#2daebf } .censorList { background-color: #fff; background:#fff url(timeline_hline2.png) repeat-y scroll 26px 0px; overflow-y:auto } .censorList li { position: relative; padding:10px 5px 10px 60px; margin: 2px 0; min-height: 36px; background:#F6F6F6 url(timeline_hline2.png) repeat-y scroll 26px 0px; } .censorList li p{ padding:0 5px 0 0 } .censorList li p:first-child{ margin-bottom: 5px } .censorList li textarea{ width:96%; height:62px; margin:0; } .censorList .avtra { width:32px; padding:2px; text-align:center; position: absolute; left:10px; top:10px; background:#ccc } .censorList li.done{ background-color: #f2faf3 } .censorList li.post{ background-color: #373737; color: #fff } .loan-censor li.post{ background-color:#5C0793 } .receipt-censor li.post{ background-color:#084F8E } .public-censor li.post{ background-color:#008659 } .censorList li.undone{ background-color: #fcf2f2 } .censorList li.done .avtra{ background:#009D0E; color:#fff } .censorList li.undone .avtra{ background:#CC0000; color:#fff } .censorList li.back{ background-color:#fff3e5 } .censorList li.back .avtra{ background:#FFA132 ; color:#fff } .censorList .reportButton{ width:100%; position: absolute; bottom:0; } .seCensor .reportButton { width:100%; margin:2px 0; } .seCensor .reportButton button{ border:none; cursor:pointer; } .seCensor .reportButton > a,.seCensor .reportButton > button{ width:50%; float:left; text-align:center; padding:10px 0; color:#fff; } .reportButton a.buttonDone,.reportButton button.buttonDone{ background:#7ea85c; font-size: 16px; margin-bottom: 2px } .reportButton a.buttonDone:hover,.reportButton button.buttonDone:hover{ background:#4f8e08 } .reportButton a.buttonDone:active,.reportButton button.buttonDone:active{ background:#2a4f00 } .reportButton a.buttonUndone{ background:#ce5e5e; padding: 3px 0 } .reportButton a.buttonUndone:hover{ background:#c01010; } .reportButton a.buttonUndone:active{ background:#790000; } .reportButton a.buttonBack{ background:#ffa132; padding: 3px 0 } .reportButton a.buttonBack:hover{ background:#ff8a00; } .reportButton a.buttonBack:active{ background:#e57c01; } .reportButton a.buttonBlock,.reportButton button.buttonBlock{ width: 100% } .globalNotice{ background-clip: padding-box; background-color: #191818; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8); left:70px; outline: 0 none; position: fixed; bottom:20px; width:400px; z-index: 1050; color:#fff; } .globalNotice .item{ padding:10px 0 0 10px; } .globalNotice .entry { border-bottom:1px solid #222222; } .globalNotice .entry .button{ height:38px; line-height:38px; margin:0; } .globalNotice-staff{ background-clip: padding-box; background-color: #191818; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8); right:20px; outline: 0 none; position: fixed; bottom:20px; width:400px; z-index: 1050; color:#fff; } .globalNotice-staff .item{ padding:10px 0 0 10px; } .globalNotice-staff .entry { border-bottom:1px solid #222222; } .globalNotice-staff .entry .button{ height:38px; line-height:38px; margin:0; } .staffList{ overflow-y: auto; } .staffItem { float:left; width:49.7% } .staffItem .warp{ margin:5px 0 0 5px; background:#fff; padding:15px 20px; border:1px solid #d8d8d8; border-bottom-width:2px; position:relative; overflow: hidden; min-height:60px } .staffItem .warp:hover{ border-bottom-color:#999 } .staffItem .warp.male{ background:#fff url(male.png) no-repeat center center } .staffItem .warp.female{ background:#fff url(female.png) no-repeat center center } .staffItem h1{ font-size:24px } .staffItem h1 b{ color:#999; font-size:12px } .staffItem h1 i{ color:#EFBC2B; font-size:10px } .staffItem p{ font-size:18px; font-family:"Tahoma"; } .staffItem .more{ background:#f8f8f8; position:absolute; right:-100%; top:0; height:100%; padding:0 20px; border-left:1px solid #d8d8d8; overflow: hidden; } .staffItem .more ul{ margin:10px 0 0 0 } .staffItem .more li{ height:22px; line-height:22px } .staffItem .more li b{ display: inline-block; width:40px; text-align:right } .staffItem:hover .more{ right:0 } .bsAlert { padding:8px 10px; border:1px solid #fff; } .bsDanger{ background: #F2DEDE; border-color:#EED3D7; color:#B94A48; } .bsSuccess{ background:#DFF0D8; border-color:#D6E9C6; color:#468847; } .bsInfo{ background: #D9EDF7; border-color:#BCE8F1; color:#3A87AD; } .bsWarning{ background:#FCF8E3; border-color:#FBEED5; color:#C09853; } .ui-autocomplete { max-height: 300px; overflow-y: auto } .searchTips { background:url(blackbg.png) repeat; width:100%; height:100%; position: absolute; top:0; left:0; } .searchTips .tipsImg{ background:url(searchtipsimg.png) no-repeat; width:490px; height:345px; position: relative; } .searchTips .tipsImg .button{ position: absolute; left:320px; top:220px; border:2px solid #fff; } .appDown { background:url(appbg.jpg) no-repeat center center; position:relative; color:#fff; } .appDown legend{ color:#fff; } .appDown .android-panel,.appDown .iphone-panel{ width:35%; float:left; border:1px solid #fff; padding:30px 40px; margin:30px; border-radius: 10px; background:rgb(0,0,0,.6); } .appDown .qrcode{ background:url(qrcode.png) no-repeat; width:220px; height:220px; margin:0 0 15px 0; position: relative; } .appDown .qrcode2{ background:url(qrcode2.png) no-repeat; width:220px; height:220px; margin:0 0 15px 0; position: relative; } .qrcode .saoma{ width:160px; height:240px; background:url(weixin.png) no-repeat; position: absolute; bottom:-10px; left:150px; opacity: 0; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; -ms-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; } .qrcode:hover .saoma{ left:240px; opacity: 1; } .appDown .downButton{ background:url(appphone.png) no-repeat 0 -807px ; height:64px; width:218px; display:inline-block; } .appDown .downButton:hover{ background:url(appphone.png) no-repeat -218px -807px ; height:64px; width:218px; } .uploadAvtra { position:relative; } .uploadAvtra .uploadPanel{ position:absolute; top:0; left:220px; } /**/ .inputErrow{ -webkit-animation:shake 1s .2s ease both; -moz-animation:shake 1s .2s ease both; animation:shake 1s .2s ease both;} @-webkit-keyframes shake{ 0%,100%{-webkit-transform:translateX(0);} 10%,30%,50%,70%, 90%{-webkit-transform:translateX(-10px);} 20%,40%,60%,80%{-webkit-transform:translateX(10px);} } @-moz-keyframes shake{ 0%,100%{-moz-transform:translateX(0);} 10%,30%,50%,70%, 90%{-moz-transform:translateX(-10px);} 20%,40%,60%,80%{-moz-transform:translateX(10px);} } @keyframes shake{ 0%,100%{transform:translateX(0);} 10%,30%,50%,70%, 90%{transform:translateX(-10px);} 20%,40%,60%,80%{transform:translateX(10px);} } .indexSportList li { display:inline-block; } .infoCenter dt{ margin:5px 0; background:#fff; } .infoCenter dd{ background:none; display: inline-block; width:300px; } .ui-autocomplete { max-height: 250px; overflow-y: auto } .contactTab .remind { position: absolute; right: 316px; height: 46px; top:0; border-left: 1px solid #535353; border-right: 1px solid #535353; } .contactTab .remind .icons{ font-size: 30px; line-height: 45px; height: 45px; width:50px; text-align: center; color: #eee; cursor: pointer; } .contactTab .remind .tabPoint { color:#fff; position: absolute; font-size: 10px; right:2px; top:2px; background-color: #F90000; border-radius: 10px; width:18px; height: 18px; text-align: center; line-height:18px } .contactTab .remind .remindList{ position: absolute; top:46px; right:-1px; z-index: 999; background-color: #fff; width: 400px; height: 200px; overflow-y:auto; border:1px solid #333333; border-top:none } .contactTab .remind.focus{ background-color: #fff } .contactTab .remind.focus .icons{ color: #535353 } .remindList li { height:34px; padding: 5px 0; border-bottom: 1px dashed #DDD } .remindList li .time { height: 34px; background-color: #999999; color: #fff; margin:0 0 0 5px; width: 40px; text-align: center; } .remindList li .time p { background-color: #fff; color:#999; text-align: center; border:1px solid #999; } .remindList li a{ height: 34px; line-height: 34px; padding: 0 10px 0 0; margin: 0; color:#8E0950; display: none } .remindList li a:hover{ color:#333; background-color:#f7f7ff; margin: 0; border:none; } .remindList li:hover { background-color: #f7f7f7 } .remindList li:hover a{ display: block; } .remindList .remindIcon { background-image:url(infocentericon.png) no-repeat; height: 34px; width: 32px } .remindList li .entry { width: 280px } .contactTab .remind .icon-.tips{ font-size: 12px; margin-left:5px; color:#999; } .contactTab .remind .icon-.dl{ color:#f90000; } .remind .animation{ -webkit-animation:swing 2s .3s infinite ease both; -moz-animation:swing 2s .3s infinite ease both;} @-webkit-keyframes swing{ 20%,40%,60%,80%,100%{-webkit-transform-origin:top center} 20%{-webkit-transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg)} 100%{-webkit-transform:rotate(0deg)} } @-moz-keyframes swing{ 20%,40%,60%,80%,100%{-moz-transform-origin:top center} 20%{-moz-transform:rotate(15deg)} 40%{-moz-transform:rotate(-10deg)} 60%{-moz-transform:rotate(5deg)} 80%{-moz-transform:rotate(-5deg)} 100%{-moz-transform:rotate(0deg)} } .datetimepicker .glyphicon-arrow-left:before{ content: "<" } .datetimepicker .glyphicon-arrow-right:before{ content: ">" } .groupCheckbox li { width:165px; float: left; padding-right: 10px; overflow: hidden; height: 20px } .groupSide { width:220px; border-right:1px solid #DDD; position: fixed; } .groupSide .sideMnav{ overflow-y:auto } .groupContent { position: relative; margin-left: 222px } .groupContent .groupList{ overflow-y: scroll; margin: 0 } .groupContent > form { margin: 0px; } .groupCate legend{ margin:0; padding: 0 10px; width:98% } .groupCate .cateList { padding: 10px 0 5px 10px; border-bottom:1px solid #ddd; margin:0; background-color: #f7f7f7 } .groupCate .bulk { margin-right: 10px } .groupSide .groupCont{ padding:8px 0; border-bottom:1px solid #ddd; } .groupSide .groupCont li{ height: 18px; cursor: pointer; padding: 10px 20px } .groupSide .groupCont li:hover{ color:#8E0950 } .groupSide .groupCont li.active { background: #f9ecf3; color:#8E0950 } .groupSide .addTopgroup { position: absolute; bottom:0; width: 220px; padding:10px 0; border-top:1px solid #ddd; text-align: center; background-color: #fff } .groupSide .addTopgroup label { margin:0; } .groupSide .addTopgroup input { margin: 0 0 0 20px; width:170px; } .groupNum { color: #fff; background:#999; border-radius: 3px; padding: 0 5px; } .groupTree { margin-bottom: 60px } .groupTree li .fr{ padding: 10px 20px; color:#333; display:block; } .groupTree li .fr .icon-{ float: left; line-height: 18px } .groupTree li a{ color: #333; } .groupTree li a:hover{ color: #8E0950 } .groupTree li a.active { background-color: #f9ecf3; color: #8E0950 } .groupTree .tree_2 { padding-left: 20px } .groupTree .tree_2 li { padding: 10px 20px; background:url(groupDot.png) no-repeat 0 0; height: 16px } .groupTree .tree_2 li:last-child { background:url(groupDot.png) no-repeat -20px -36px; } .groupTree .tree_2 li.active { background-color: #f9ecf3; color:#8E0950 } .groupTree .tree_2 li.active a{ color:#8E0950 } .groupTree li .addG{ border-bottom: 1px solid #ddd; padding:5px 0 10px 20px; display: none } .groupTree li:hover .addG{ display:block } .groupTree li .addG a{ color: #fff; background-color:#8E0950; padding:0 10px } .groupTree li .addG a:hover{ background-color: #B01C6B } .groupTree .groupTitle{ display:inline-block; height: 16px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 110px } .wrapDetil { position: absolute; right: 0; background:#fff; border-left:1px solid #353535; top:0; width: 0; z-index: 999 } .demanHeader { margin:20px 0; background-color: #62AC4D ; height: 215px; overflow: hidden; } .demanHeader h1{ font-size: 21px; color: #333 } .demanHeader p{ height: 18px } .demandBoard { width: 49% } .demandBoard .tab a{ margin:5px; cursor: pointer; color: #999 } .demandBoard .tab a:hover{ border-bottom: 1px solid #999 } .demandBoard .tab a.focus{ border-bottom:1px solid #8E0950; color: #8E0950 } .boardList { margin-bottom: 50px } .boardList li { padding: 14px 0 14px 60px; position: relative; border-bottom:1px solid #f5f5f5 } .boardList li .avtra { position: absolute; left: 0; top:10px } .boardList li .info { position: absolute; right: 0; top:20px } .boardList li .info .entry{ display: inline-block; } .boardList li .content h4{ height: 24px; line-height: 24px; margin-bottom: 5px } .demanStat { margin-right:860px; height: 215px } .demanStat .top { height:105px; margin-bottom:5px; border-bottom:1px solid #86c774; } .demanStat .top .entry { width:50%; color:#fff; } .demanStat .stat1 > div{ border-right: 1px solid #86c774; height: 105px; text-align: center; padding-top:15px; height: 90px } .demanStat .stat1 p { font-size:48px; text-align: center } .demanStat .stat2 div.line{ height: 45px; padding-top:8px; } .demanStat .stat2 div.line:first-child{ border-bottom:1px solid #86c774; } .demanStat .stat2 div.line .fL{ width: 50%; text-align: center; } .demanStat .stat2 div.line .fL p{ font-size: 16px; text-align: center; } .demanStat .stat2 div.line .fL p a{ font-size: 16px; color:#fff; } .demanStat .stat2 div.line .fL p a:hover{ text-decoration:underline; } .demanStat .bottom { height: 105px } .demanStat .bottom p{ text-align: center; color:#fff; height: 22px; line-height: 22px; font-weight: 600 } .demanStat .bottom li { float: left; width: 33%; text-align: center; height: 26px; line-height: 26px } @media screen and (max-width:1350px) { .demanStat .bottom li{ width: 49% } } .demanStat .bottom li span{ display: inline-block; color: #fff } .demanStat .bottom li span { width:40px; display: inline-block; text-align: right; color:#fff; } .demandTab .dTab { background-color:#91d27f; margin: 0px 5px 2px 0px; padding: 0px 3px; color: #666; display: inline-block; color: #fff } .demandTab .dTab:hover{ background-color: #62AC4D } .demandIndex .postButton { border:1px solid #ccc; width: 860px; margin:50px 0; padding: 20px; position: relative; } .demandIndex .postButton a{ background-color: #62AC4D; color:#fff; font-size: 24px; padding: 12px 20px; float: right; } .demandIndex .postButton a:hover{ background-color: #91d27f } .demandIndex .postButton span{ position: absolute; color: #ddd } .demandContent .wrap { width:500px; border-right: 1px solid #DDD; padding: 10px 0 } .demandContent .wrap .title{ border-bottom:1px solid #f5f5f5; margin:0 20px; } .demandContent .wrap .title h2{ margin: 14px 0; font-size: 20px } .demandContent .wrap .content{ padding:24px 0; margin:0 20px; } .demandContent .wrap .content img{ max-width: 400px } .demandContent .wrap .comment{ padding:14px 0 } .demandContent .wrap .comment h1{ font-size:16px; padding-bottom: 10px; border-bottom:1px solid #e6e6e6; margin-bottom: 10px; padding:0 20px 10px; } .commentList { margin: 0 20px } .commentList .comEntry { border-bottom:1px solid #f5f5f5; position: relative; padding: 14px 0 } .commentList .comEntry:last-child{ border-bottom: none } .commentList .comEntry .avtra { position: absolute; left: 0; text-align: center; } .commentList .comEntry .post { min-height:48px; margin-left: 50px } .commentList .comEntry .post .fileItem{ border:1px solid #f5f5f5; padding: 5px; margin:5px; } .commentList .comEntry .reCom{ padding-left: 48px; background:url(right-quote.png) no-repeat 0 10px; } .commentList .postCom { width: 100%; margin-top: 5px } .postCom{ clear: both; } .postCom .quickReplyArrowBox { position: relative; width: 100%; height: 6px; } .postCom .quickReplyArrowBox .quickReplyArrow { background: url(replyArrow.png) no-repeat; position: absolute; right: 14px; top: 1px; width: 11px; height: 6px; display: block; } .postCom .postBar{ margin-top: 5px } .postCom .fileBar { margin:5px; } .postCom textarea.quickArea { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #e5e5e5; height: 40px; line-height:20px; padding: 5px; color: #666; font-size: 12px; margin: 0; width: 445px; max-width: 445px; min-width: 445px; box-shadow: none } .newPost{ margin:20px 15px } .newPost .newCom{ position: relative; } .newPost .newCom .avtra { position: absolute; left:0; text-align: center; } .newPost .newCom textarea.quickArea{ margin-left:55px; width:400px; max-width:400px; min-width:400px } .newPost .smile{ margin-left:60px; } .reCom .postCom textarea.quickArea { width: 400px; max-width: 400px; min-width: 400px } /**表情**/ .smile { position: relative; margin-right: 45px } .smile .smileImg,.smile .fileImg{ cursor: pointer; margin-right: 5px } .smile .smileImg:hover,.smile .fileImg:hover{ opacity: 0.7 } .smileItem { background: url(layerBg.png) repeat; padding: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position: absolute; top: 26px; left: 0; clear: both; width: 336px; height:125px; z-index: 999; display: none } img.smiley{ vertical-align:top; margin: 0 2px } ul.smileBox { background-color: #fafafa; padding: 10px; width: 316px; height:105px; list-style: none; overflow: hidden } ul.smileBox li,ul.smileBox li ul.commentList li { width: 36px; height: 36px; float: left; margin: -1px 0 0 -1px; padding: 0; border-bottom: 0 } ul.smileBox li a { background: url(static.gif) no-repeat; width: 34px; height: 34px; display: block } ul.smileBox li a.smile2 { background-position: -34px 0 } ul.smileBox li a.smile3 { background-position: -68px 0 } ul.smileBox li a.smile4 { background-position: -102px 0 } ul.smileBox li a.smile5 { background-position: -136px 0 } ul.smileBox li a.smile6 { background-position: -170px 0 } ul.smileBox li a.smile7 { background-position: -204px 0 } ul.smileBox li a.smile8 { background-position: -238px 0 } ul.smileBox li a.smile9 { background-position: -272px 0 } ul.smileBox li a.smile10 { background-position: -306px 0 } ul.smileBox li a.smile11 { background-position: -340px 0 } ul.smileBox li a.smile12 { background-position: -374px 0 } ul.smileBox li a.smile13 { background-position: -408px 0 } ul.smileBox li a.smile14 { background-position: -442px 0 } ul.smileBox li a.smile15 { background-position: -476px 0 } ul.smileBox li a.smile16 { background-position: -510px 0 } ul.smileBox li a.smile17 { background-position: -544px 0 } ul.smileBox li a.smile18 { background-position: -578px 0 } ul.smileBox li a.smile19 { background-position: -612px 0 } ul.smileBox li a.smile20 { background-position: -646px 0 } ul.smileBox li a.smile21 { background-position: -680px 0 } ul.smileBox li a.smile22 { background-position: -714px 0 } ul.smileBox li a:link,ul.smileBox li a:visited { border: 1px solid #e5e5e5; background-color: #fff } ul.smileBox li a:hover,ul.smileBox li a:active { border: 1px solid #5183c0; background-color: #f5f5f5; position: relative; z-index: 2 } /**表情**/ .demandContent .side { width:182px } .side .timeLine { padding-bottom: 20px; border-bottom: 1px solid #DDD } .side .timeLine li { background:url(timeline_hline.png) repeat-y 53px 0; padding: 8px 0 15px } .side .timeLine .year{ color: #ccc; padding: 5px 0 5px 40px; background:#fff; margin-right:30px; } .side .timeLine .mon{ float: left; width:40px; line-height: 30px; text-align: center; color: #999 } .side .timeLine .day{ float: left; width:30px; height: 30px; line-height: 30px; color:#fff; text-align: center; background-color:#599fd1; border-radius: 30px; font-size: 18px; margin-right: 10px } .side .timeLine .con { float:left; } .side .btnBar{ padding: 10px } .demandTabList { position: relative; } .tabList { width: 860px; border-right: 1px solid #DDD; padding-top: 20px } .tabList .talItem { position: relative; float: left; width:360px; padding: 20px 5px 20px 65px; border-bottom: 1px solid #f5f5f5; } .tabList .talItem .talImg { position: absolute; left: 5px; top: 20px; } .tabList .talItem p{ margin-bottom:10px } .tabList .talItem p + p{ margin: 5px 0 0 0 } .talItem .dTab { font-size: 14px } .pagination { margin:20px; } .pagination li{ float: left; margin-left:-1px; border:1px solid #ddd; position: relative; } .pagination li.point{ border: none; } .pagination li a,.pagination li span{ padding: 6px 12px; display:inline-block } .pagination li:hover{ border-color:#8E0950; z-index: 1 } .pagination li.active{ border-color:#8E0950; background-color:#8E0950 } .pagination li.active a{ color:#fff; } .demandTabList .side{ position: absolute; left: 861px; top:0 } .hotTab,.nowFlow,.tabDetail,.flows{ margin:20px; border-bottom:1px solid #F5F5F5; padding-bottom: 20px } .hotTab dt,.nowFlow dt,.tabDetail dt,.flows dt{ margin-bottom:15px; } .hotTab .demandTab .dTab { margin-bottom: 5px } .nowFlow dd{ padding-left:50px; position: relative; height: 42px; margin-bottom: 15px } .nowFlow dd .avtra{ position: absolute; left: 0; top:0; } .tabList .boardList { padding-right: 20px; min-height: 400px } legend .search{ margin: 6px 10px 0 0 } .librarySide{ width: 179px; position: absolute; } .sideMnav { position: relative } .sideMnav li,.sideSnav li{ padding:8px 10px; } .sideMnav li .icon-{ margin-top:3px } .sideSnav li .icon-{ margin-top:3px; } .sideMnav li.title{ border-top:1px dashed #ddd } .sideSnav li.title{ border-bottom:1px dashed #ddd } .sideMnav li h3,.sideSnav li h3{ font-size: 12px; margin:0; color: #999; } .sideMnav li a,.sideMnav li span,.sideSnav li a,.sideSnav li span{ color: #333 } .sideMnav li span{ cursor:default; } .sideMnav li:hover a,.sideMnav li:hover span{ color: #8E0950 } .sideMnav li.focus a,.sideMnav li.focus span{ color: #8E0950 } .sideSnav li a:hover,.sideSnav li span:hover { color: #8E0950 } .sideSnav li a.focus{ color: #8E0950 } .sideSnav li h4{ cursor: pointer } .sideSnav li h4.focus span{ color: #8E0950 } .sideMnav li:hover{ background-color: #F7F7F7 } .sideMnavBnone li:hover{ background-color:#fff; } .sideSnav span.icon-:after { content: "c" } .sideSnav li h4.focus span:after { content: "d" } .sideMnav .navLeve0,.sideMnav .navLeve1,.sideMnav .navLeve2{ position: absolute; top: 0px; width: 179px; border-right: 1px solid #ddd; z-index: 999; background-color: #fff } .sideSnav .snavLeve0 { width: 179px; border-right: 1px solid #DDD } .sideMnav .navLeve0 .selected,.sideMnav .navLeve0 .selected span{ background:#f1f1f1; color:#8E0950; } .sideSnav .snavLeve0 .num{ color: #FFF; background: #999 none repeat scroll 0% 0%; border-radius: 3px; padding: 0px 5px; } .sideMnav .navLeve1,.sideMnav .navLeve2{ opacity: 0; left: 0; z-index: 998; } .sideSnav .snavLeve1 { margin-top: 8px } .libraryContent { margin:0 0 0 200px; } .libTopSearch { height: 64px; margin-bottom:30px; width:950px; } .searchItem { position: relative; } .searchItem .searchFrame{ margin-right: 473px } .searchItem .searchFrame input{ width: 100%; border: 2px solid #62AC4D ; height: 36px; margin-top: 10px; float: left; padding-left: 10px; } .searchItem .searchBtn{ position: absolute; right: 410px; top: 0px; font-size: 16px; background-color: #62AC4D ; color: #FFF; padding:0 10px; margin-top: 10px; cursor: pointer; height: 44px; line-height: 44px } .searchItem .searchBtn:hover{ color: #ddd } .searchItem .hotKey{ position: absolute; left:560px; top:15px; } .searchItem .hotKey .keyword{ margin-right: 15px } .libIndex h3{ font-weight:200; margin-bottom: 20px } .libList { float:left; width: 280px; margin-right: 20px; margin-bottom: 30px } .libList dt{ font-weight: 600; margin-bottom: 10px } .libList dd { line-height:16px; margin-bottom:8px } .libList dd .icon- { font-size: 10px } .libList dd.more a{ color:#999; } .libList dd.more a:hover{ color:#666; } .libList2 li { position: relative; padding: 0 0 0 15px; margin-bottom: 20px } .libList2 li p{ margin-bottom:5px } .libList2 li .icon- { left:0; top:3px; position: absolute; font-size: 10px } .libContent{ position: relative } .libContent .contentEntry{ width:640px } .libContent .contentEntry h1.title{ margin-bottom: 20px; font-size: 18px; font-weight:bold } .libContent .contentEntry p{ margin-bottom: 5px; line-height: 22px } .libContent .side{ position: absolute; left:660px; top:0; } .libContent .side dd{ margin-bottom: 10px } .libContent .side dt{ font-size: 14px; margin-bottom: 10px } .contentBox { margin-top:50px; padding:20px 0; border-top: 1px dashed #ddd } .contentBox h3{ font-size: 14px; font-weight: 600 } .contentBox li { margin-top: 10px } .subNav { margin:15px 0 20px; } .subNav .navTabs{ border-bottom: 1px solid #DDD; } .subNav .navTabs > li{ margin-bottom: -1px; display:inline-block } .subNav .navTabs > li > a{ padding:10px 15px; border:1px solid transparent; border-radius: 4px 4px 0px 0px; margin-right: 2px; position: relative; display: block; } .navTabs > li.active > a, .navTabs > li.active > a:focus, .navTabs > li.active > a:hover { color: #555; cursor: default; background-color: #fff; border:1px solid #ddd; border-bottom-color:transparent } td .noMargin{ margin: 0 } td div.dlLev1,td div.dlLev2,td div.dlLev3{ background: transparent url("groupDot.png") no-repeat scroll -20px -36px; display: inline-block; margin-right: 5px } td div.dlLev1{ padding-left: 25px } td div.dlLev2{ padding-left: 25px; margin-left: 25px } td div.dlLev3{ padding-left: 25px; margin-left:50px } .invoList{ margin-bottom: 50px } .invoList li { padding:14px 0 14px 0; border-bottom:1px solid #f5f5f5; position:relative } .invoList li .state{ display:inline-block; min-width:50px; vertical-align: top; padding-top:5px; padding-right:10px } .invoList li .info{ display:inline-block } .invoList li .state .contactsTag{ color:#fff } .invoList li .info h4{ font-size: 18px } .invoList li .update{ position:absolute; right:0; top:15px; } .invoList li .update .entry{ display:inline-block; margin-left:15px; } .invoButton a,.invoButton input{ width:50%; float:left; text-align:center; padding:10px 0; color:#fff; border:none } .invoButton a.buttonDone,.invoButton input.buttonDone{ background:#7ea85c; } .invoButton a.buttonDone:hover,.invoButton input.buttonDone:hover{ background:#4f8e08 } .invoButton a.buttonDone:active,.invoButton input.buttonDone:active{ background:#2a4f00 } .invoButton a.buttonInvalid{ background:#666; } .invoButton a.buttonInvalid:hover{ background:#333; } .invoButton a.buttonInvalid:active{ background:#000; } .invoButton a.buttonBack{ background:#ffa132; } .invoButton a.buttonBack:hover{ background:#ff8a00; } .invoButton a.buttonBack:active{ background:#e57c01; } .invoButton a.buttonBlock,.invoButton input.buttonBlock{ width: 100% } .invoButton a.buttonUndone{ background:#ce5e5e; } .invoButton a.buttonUndone:hover{ background:#c01010; } .invoButton a.buttonUndone:active{ background:#790000; } .shipLock { border:1px solid rgba(0,0,0,.125); padding:5px; margin:10px 0 } .shipLock dt{ margin-bottom:10px } .btn-back{ background:#ffa132; } .btn-back:hover{ background:#ff8a00; } .btn-back:active{ background:#e57c01; } .btn-undone{ background:#ce5e5e; } .btn-undone:hover{ background:#c01010; } .btn-undone:active{ background:#790000; } .btn-done{ background:#7ea85c; } .btn-done:hover{ background:#4f8e08; } .btn-undone:active{ background:#2a4f00; } .copy{ margin-bottom: 5px; background:#fff; color:#333; padding:2px 10px; border:1px solid #ccc; } .staff-detail-con,.staff-detail-side{ height: 400px; overflow-y: auto; } .staff-detail-side { width:324px; padding:0 10px } .staff-detail-side .flowList li.item{ padding-left:15px } .modal-title{ font-size: 14px; font-weight: 600; padding:10px 0; } .tipGray{ font-weight: bold; padding:0px 5px; cursor:pointer; background:#f00; color:#fff; border-radius: 6px; } .tipContent{ position:relative; display:inline-block; } .tipContent .tipConactive{ display:none; } .tipContent:hover .tipConactive{ position:absolute; display:block; top:20px; left:0px; width:250px; background:#fff; padding:10px; border:1px solid #eee; z-index:99; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .versionTabale{ width:100%; } .versionTabale tr th,.versionTabale tr td{ padding:8px 15px; border-bottom: 1px solid #f1f1f1; } .btn-binding{ margin:0 0 0 5px; width:60px; height:26px; line-height: 26px; } .subMenu li.stockTitle{ color: #fff; background: #5E5C91; margin: 0 0 5px 0; padding: 5px 10px 5px 0; text-align: right; } .borad-menu a.stock{ background: #5E5C91; } .saeaList .stockdemandForm{ position: relative; padding: 20px 20px 0px; border: 1px solid #cdcdcd; background: #f6f6f6; } .stockdemandForm .stockLabel{ margin: 0 15px 0 0; width: 60px; height: 20px; line-height: 25px; } .stockdemandForm .cateList{ height: 25px; margin: 0 0 20px 0; } .stockdemandForm .cateList li { padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #CDCDCD; float: left; height: 25px; line-height: 25px; } .stockdemandForm .cateList li:after{ border-right: none; } .stockdemandForm .stockdemandBtn{ position: absolute; bottom: 20px; right: 20px; } .stocktableInput{ width: 150px; } .stockContent{ margin: 0 0 0 210px; } .btnMarginL{ margin-left: 20px; } .stock-invoice{ color: #fff; vertical-align: top; margin-left: 5px; background: #955251; padding: 0 3px; font-size: 10px; } .contactListBtn{ margin:150px 0 0 150px; } .activate{ display: inline-block; color:#fff; width:250px; text-align: center; padding:20px 0; font-size: 16px; background:#ff6501; margin:0 20px 0 0; } .activate:hover,.activate:active{ background: #ff8130; color:#fff; } .itineraryCon{ margin:20px 10px; } .itineraryTitle{ margin-top: 30px; background: #084F8E; color: #fff; padding: 5px 10px; } .addressName{ font-size: 16px; } .itineraryCon ul li .pointLine{ margin:10px 0; padding-left: 15px; background:url(down_arrow.png) no-repeat 0 bottom; } .priceList,.timeList{ margin-bottom: 10px; } .itineraryCon ul li:last-child .pointLine{ background:url(down_arrow2.png) no-repeat 0 bottom; } .priceTitle,.timeTitle,.routeTitle{ display: inline-block; padding: 3px 8px; background: #999; color: #fff; margin-right: 5px; } .price,.time,.route{ font-weight: bold; } .route{ margin-left: 5px; } .route p{ width: 570px; margin-bottom: 5px; }