2090 lines
41 KiB
CSS
2090 lines
41 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
|
|
/**UI.css**/
|
|
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body,button,input,select,textarea {
|
|
font:14px/22px '\5FAE\8F6F\96C5\9ED1',tahoma,arial,"Hiragino Sans GB",\5b8b\4f53;
|
|
}
|
|
.main-wrapper{ background:url(images/student/body-bg.png) repeat-y left top; box-shadow: 0 1px 1px #333; }
|
|
|
|
/*header*/
|
|
.header{
|
|
background:#50aac2;
|
|
padding:0 20px;
|
|
line-height:60px;
|
|
height:60px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.header h1{ color:#fff; float:left; height:60px; vertical-align:middle; margin:0; padding:0;}
|
|
.header h1 img{ margin-top:18px; }
|
|
|
|
.user-login{ float:right; color:#fff;}
|
|
.user-login a{ color:#fff;}
|
|
|
|
|
|
/*footer*/
|
|
|
|
.footer {
|
|
line-height:40px;
|
|
color:#eee;
|
|
background:#666;
|
|
font-size:12px;
|
|
padding:0 20px;
|
|
text-shadow:1px 1px 0 rgba(255,255,255,0.1);
|
|
}
|
|
.footer a{ color:#eee;}
|
|
|
|
.red {
|
|
color: #CA2654;
|
|
padding: 0 2px;
|
|
}
|
|
.text_left {
|
|
text-align: left;
|
|
}
|
|
.text_center {
|
|
text-align: center;
|
|
padding:0;
|
|
}
|
|
.text_right {
|
|
text-align: right;
|
|
}
|
|
.text_justify {
|
|
text-align: justify;
|
|
}
|
|
.m_top10 {
|
|
margin-top: 10px;
|
|
}
|
|
.m_bottom10 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.color-c30{ color:#c30;}
|
|
.color-abf{ color:#AABBFF}
|
|
|
|
a {
|
|
color: #333;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
.ui-box a{ color:#1677ff;}
|
|
|
|
.dot-line{ height:0; border:0; border-top:dotted 1px #ccc;}
|
|
|
|
.summary{ line-height:24px;}
|
|
|
|
table td, table th{ word-wrap:break-word; word-break:break-all;}
|
|
/****ui-box***/
|
|
|
|
.ui-box {
|
|
zoom: 1;
|
|
font-size: 14px;
|
|
margin: 0;
|
|
padding: 0;
|
|
border-bottom: 0;
|
|
/*box-shadow: 0px 1px 2px #dadad8;*/
|
|
}
|
|
.ui-box:after {
|
|
clear: both;
|
|
content: " ";
|
|
display: block;
|
|
font-size: 0;
|
|
height: 0;
|
|
visibility: hidden
|
|
}
|
|
.ui-box-follow {
|
|
border-top: 0
|
|
}
|
|
.ui-box .ui-box-withoutBottom {
|
|
border-bottom: 0
|
|
}
|
|
.ui-box-head {
|
|
border-bottom: 1px solid #ccc;
|
|
position: relative;
|
|
padding: 10px 0;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
zoom: 1
|
|
}
|
|
.ui-box-head .ui-box-head-title {
|
|
color: #2B2E33;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
float: left;
|
|
display: inline;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
.ui-box-head .ui-box-head-more {
|
|
float: right
|
|
}
|
|
.ui-box-head .ui-box-head-text {
|
|
margin-left: 10px;
|
|
color: #93989E;
|
|
float: left
|
|
}
|
|
.ui-box-container {
|
|
background: #fff;
|
|
color: #2B2E33;
|
|
/*border-bottom: 1px solid #ccc*/
|
|
}
|
|
.ui-box-content {
|
|
padding: 10px
|
|
}
|
|
|
|
.info-form .ui-label{
|
|
color: #65696E;
|
|
}
|
|
|
|
.ui-label strong{
|
|
font-weight: normal;
|
|
}
|
|
|
|
.page-content{ padding-top:20px;}
|
|
.page-content .ui-box-head{ background:#fff; height: 27px;
|
|
line-height: 27px;}
|
|
.page-content .ui-box-head .ui-box-head-title {
|
|
color: #7BAF71;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
float: left;
|
|
display: inline;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-shadow: 0 1px 2px #EEEEEE;
|
|
}
|
|
|
|
|
|
/******side-nav css******/
|
|
.side-nav {
|
|
margin-top:15px;
|
|
}
|
|
|
|
|
|
.side-nav ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
line-height: normal;
|
|
|
|
}
|
|
|
|
.side-nav ul li ul {
|
|
/* display: none;*/
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.side-nav a{
|
|
font-size: 14px;
|
|
display: block;
|
|
padding: 8px 5px 8px 25px;
|
|
border-bottom: 1px solid #636363;
|
|
position: relative;
|
|
font-weight:bold;
|
|
/* text-shadow: 0 1px 2px #eee;*/
|
|
color: #fff;
|
|
*zoom: 1;
|
|
}
|
|
|
|
|
|
.side-nav a:hover{
|
|
background: #66cc99;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
.side-nav-item ul a{
|
|
font-size:14px;
|
|
font-weight:normal;
|
|
padding: 8px 15px 8px 40px;
|
|
}
|
|
|
|
.side-nav a.side-highlight {
|
|
background: #66cc99;
|
|
text-shadow: none;
|
|
color:#fff;
|
|
transition: background-color 0.8s ease-out;
|
|
}
|
|
.side-nav a.side-highlight:hover {
|
|
background: #66cc99;
|
|
color:#fff;
|
|
}
|
|
.side-nav a.noclick {
|
|
text-shadow: none;
|
|
color:#A3A7A4;
|
|
cursor:default;
|
|
}
|
|
.side-nav a.noclick:hover {
|
|
background:none;
|
|
color:#A3A7A4;
|
|
}
|
|
|
|
/*breadcrumb-ui*/
|
|
.ui-breadcrumbs{ margin:5px 0;}
|
|
.ui-breadcrumb {
|
|
font-size:0;
|
|
padding: 0;
|
|
}
|
|
|
|
.ui-breadcrumb li{
|
|
color: #2B2E33;
|
|
font-size:14px;
|
|
display: inline-block;
|
|
*display: inline;
|
|
*zoom: 1;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.ui-breadcrumb li { padding:8px 4px;}
|
|
.ui-breadcrumb li.icon-home { padding-left:0px;}
|
|
.ui-breadcrumb li.active {
|
|
color: #65696E;
|
|
}
|
|
.ui-breadcrumb a {
|
|
color: #2B2E33;
|
|
}
|
|
|
|
.ui-breadcrumb .home-icon {
|
|
font-size: 20px;
|
|
margin-left: 4px;
|
|
margin-right: 2px;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
|
|
.ui-breadcrumb .icon .iconfont {
|
|
font-size: 12px;
|
|
}
|
|
/**button ui**/
|
|
|
|
.ui-button * {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
.ui-button {
|
|
display: inline-block;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
font-family: inherit;
|
|
border-radius: 4px;
|
|
padding: 0 15px;
|
|
background-image: none;
|
|
height: 32px;
|
|
line-height: 30px;
|
|
background-color: #fff;
|
|
border: 1px solid transparent;
|
|
border-color: #dcdee2;
|
|
color: #65696E;
|
|
}
|
|
a.ui-button{
|
|
color: #65696E;
|
|
}
|
|
.ui-button + .ui-button{
|
|
margin-left: 8px;
|
|
}
|
|
.ui-button .ui-button-text {
|
|
background: 0 0;
|
|
padding: 0;
|
|
height: auto;
|
|
}
|
|
.ui-button:hover {
|
|
text-decoration: none;
|
|
border-color: #6AB6CB;
|
|
color: #6AB6CB;
|
|
}
|
|
.ui-button:active{
|
|
border-color: #4798AE;
|
|
color: #4798AE;
|
|
}
|
|
input.ui-button-text, button.ui-button-text {
|
|
*vertical-align:top
|
|
}
|
|
/*celadon*/
|
|
.ui-button-lceladon, .ui-button-mceladon, .ui-button-sceladon {
|
|
color: #fff;
|
|
border: 1px solid #50AAC2;
|
|
background-color: #50AAC2
|
|
}
|
|
.ui-button-lceladon:hover, .ui-button-mceladon:hover, .ui-button-sceladon:hover {
|
|
background-color: #6AB6CB;
|
|
color: #fff;
|
|
}
|
|
.ui-button-lceladon:active, .ui-button-mceladon:active, .ui-button-sceladon:active {
|
|
background-color: #4798AE;
|
|
color: #fff;
|
|
}
|
|
a.ui-button-lceladon, a.ui-button-mceladon, a.ui-button-sceladon, a.ui-button-lceladon:hover, a.ui-button-mceladon:hover, a.ui-button-sceladon:hover, a.ui-button-lceladon:active, a.ui-button-mceladon:active, a.ui-button-sceladon:active {
|
|
color: #fff
|
|
}
|
|
.ui-button-lceladon {
|
|
line-height: 30px;
|
|
height: 32px
|
|
}
|
|
.ui-button-mceladon {
|
|
line-height: 26px;
|
|
height: 28px
|
|
}
|
|
.ui-button-sceladon {
|
|
padding: 0 12px;
|
|
line-height: 22px;
|
|
height: 24px;
|
|
font-size: 14px
|
|
}
|
|
a.ui-button-lceladon {
|
|
line-height: 28px;
|
|
height: 30px;
|
|
}
|
|
a.ui-button-mceladon {
|
|
line-height: 24px;
|
|
height: 26px
|
|
}
|
|
a.ui-button-sceladon {
|
|
line-height: 20px;
|
|
height: 22px
|
|
}
|
|
/*orange*/
|
|
.ui-button-lorange, .ui-button-morange, .ui-button-sorange {
|
|
color: #fff;
|
|
border: 1px solid #f90;
|
|
background-color: #f90;
|
|
}
|
|
.ui-button-lorange:hover, .ui-button-morange:hover, .ui-button-sorange:hover {
|
|
background-color: #ffad33;
|
|
border-color: #ffad33;
|
|
color: #fff;
|
|
}
|
|
.ui-button-lorange:active, .ui-button-morange:active, .ui-button-sorange:active {
|
|
background-color: #f29100;
|
|
border-color: #f29100;
|
|
color: #fff;
|
|
}
|
|
a.ui-button-lorange, a.ui-button-morange, a.ui-button-sorange, a.ui-button-lorange:hover, a.ui-button-morange:hover, a.ui-button-sorange:hover, a.ui-button-lorange:active, a.ui-button-morange:active, a.ui-button-sorange:active {
|
|
color: #fff
|
|
}
|
|
.ui-button-lorange {
|
|
line-height: 30px;
|
|
height: 32px
|
|
}
|
|
a.ui-button-lorange {
|
|
line-height: 28px;
|
|
height: 30px
|
|
}
|
|
.ui-button-morange {
|
|
line-height: 26px;
|
|
height: 28px
|
|
}
|
|
.ui-button-sorange {
|
|
padding: 0 12px;
|
|
line-height: 22px;
|
|
height: 24px;
|
|
font-size: 14px
|
|
}
|
|
/*white*/
|
|
.ui-button-lwhite {
|
|
line-height: 30px;
|
|
height: 32px;
|
|
}
|
|
.ui-button-mwhite {
|
|
line-height: 26px;
|
|
height: 28px
|
|
}
|
|
.ui-button-swhite {
|
|
line-height: 22px;
|
|
height: 24px;
|
|
padding: 0 12px;
|
|
font-size: 14px
|
|
}
|
|
/*disable*/
|
|
.ui-button-ldisable, .ui-button-mdisable, .ui-button-sdisable {
|
|
color: #b3b7bd;
|
|
border: 1px solid #d5d7db;
|
|
background: #f2f3f5;
|
|
cursor: not-allowed;
|
|
pointer-events:none;
|
|
}
|
|
a.ui-button-ldisable, a.ui-button-mdisable, a.ui-button-sdisable, a.ui-button-ldisable:active, a.ui-button-mdisable:active, a.ui-button-sdisable:active, a.ui-button-ldisable:hover, a.ui-button-mdisable:hover, a.ui-button-sdisable:hover {
|
|
color: #b3b7bd;
|
|
}
|
|
.ui-button-ldisable {
|
|
line-height: 30px;
|
|
height: 32px;
|
|
}
|
|
.ui-button-mdisable {
|
|
line-height: 26px;
|
|
height: 28px
|
|
}
|
|
.ui-button-sdisable {
|
|
line-height: 22px;
|
|
height: 24px;
|
|
padding: 0 12px;
|
|
font-size: 14px
|
|
}
|
|
.ui-button-ldisable:active, .ui-button-mdisable:active, .ui-button-sdisable:active {
|
|
position: static;
|
|
top: 0;
|
|
box-shadow: none
|
|
}
|
|
|
|
.ui-dbutton {
|
|
padding: 0
|
|
}
|
|
.ui-dbutton:active {
|
|
box-shadow: none
|
|
}
|
|
.ui-dbutton-self, .ui-dbutton-arrow {
|
|
float: left;
|
|
font-weight: 400;
|
|
cursor: pointer
|
|
}
|
|
.ui-dbutton-self {
|
|
border-radius: 2px 0 0 2px
|
|
}
|
|
.ui-dbutton-arrow {
|
|
border-radius: 0 2px 2px 0
|
|
}
|
|
.ui-dbutton-orange:hover {
|
|
color: #fff;
|
|
background-color: #f57403
|
|
}
|
|
.ui-dbutton-orange .ui-dbutton-self:hover, .ui-dbutton-orange .ui-dbutton-arrow:hover {
|
|
background-color: #fb8318
|
|
}
|
|
.ui-dbutton-orange .ui-dbutton-self {
|
|
border-right: 1px solid #e8720b
|
|
}
|
|
.ui-dbutton-orange .ui-dbutton-arrow {
|
|
border-left: 1px solid #fd8a27;
|
|
color: #fff
|
|
}
|
|
.ui-button-lorange .ui-dbutton-self {
|
|
padding: 0 12px
|
|
}
|
|
.ui-button-lorange .ui-dbutton-arrow {
|
|
width: 24px
|
|
}
|
|
.ui-button-morange .ui-dbutton-self {
|
|
padding: 0 10px
|
|
}
|
|
.ui-button-morange .ui-dbutton-arrow {
|
|
width: 20px
|
|
}
|
|
.ui-button-sorange .ui-dbutton-self {
|
|
padding: 0 8px
|
|
}
|
|
.ui-button-sorange .ui-dbutton-arrow {
|
|
width: 18px;
|
|
font-size: 10px
|
|
}
|
|
.ui-dbutton-white:hover {
|
|
background-color: #f3f3f3
|
|
}
|
|
.ui-dbutton-white .ui-dbutton-self:hover, .ui-dbutton-white .ui-dbutton-arrow:hover {
|
|
background-color: #fcfbfb;
|
|
color: #666
|
|
}
|
|
.ui-dbutton-white .ui-dbutton-self {
|
|
border-right: 1px solid #cdcdcd
|
|
}
|
|
.ui-dbutton-white .ui-dbutton-arrow {
|
|
border-left: 1px solid #fff;
|
|
color: #999
|
|
}
|
|
.ui-button-lwhite .ui-dbutton-self {
|
|
padding: 0 12px
|
|
}
|
|
.ui-button-lwhite .ui-dbutton-arrow {
|
|
width: 24px
|
|
}
|
|
.ui-button-mwhite .ui-dbutton-self {
|
|
padding: 0 10px
|
|
}
|
|
.ui-button-mwhite .ui-dbutton-arrow {
|
|
width: 20px
|
|
}
|
|
.ui-button-swhite .ui-dbutton-self {
|
|
padding: 0 8px
|
|
}
|
|
.ui-button-swhite .ui-dbutton-arrow {
|
|
width: 18px;
|
|
font-size: 10px
|
|
}
|
|
.ui-button-dropdown {
|
|
position: relative;
|
|
display: inline-block;
|
|
*display:inline;
|
|
*zoom:1
|
|
}
|
|
.ui-button-dropdown-large, .ui-button-dropdown-middle, .ui-button-dropdown-small {
|
|
border: 1px solid #ddd;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
box-shadow: 0 0 4px #d9d9d9;
|
|
zoom: 1;
|
|
position: absolute;
|
|
left: 0;
|
|
width: 98%;
|
|
background: #fff;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none
|
|
}
|
|
.ui-button-dropdown-large {
|
|
top: 33px;
|
|
font-size: 14px
|
|
}
|
|
.ui-button-dropdown-middle {
|
|
top: 29px;
|
|
font-size: 14px
|
|
}
|
|
.ui-button-dropdown-small {
|
|
top: 25px;
|
|
font-size: 14px
|
|
}
|
|
.ui-button-dropdown-item {
|
|
zoom: 1;
|
|
border-bottom: 1px solid #E6E6E6
|
|
}
|
|
.ui-button-dropdown-item a {
|
|
padding: 5px 10px;
|
|
display: block;
|
|
zoom: 1;
|
|
color: #08c
|
|
}
|
|
.ui-button-dropdown-item a:hover {
|
|
background-color: #DFE9F2;
|
|
text-decoration: none
|
|
}
|
|
|
|
/***ui-form**/
|
|
.ui-form {
|
|
font-size: 14px;
|
|
color: #2B2E33;
|
|
line-height: 22px;
|
|
}
|
|
.ui-form, .ui-form * {
|
|
list-style: none
|
|
}
|
|
.ui-form fieldset {
|
|
border: 0
|
|
}
|
|
.ui-form legend {
|
|
display: none
|
|
}
|
|
.ui-form-explain {
|
|
margin: 0;
|
|
padding: 4px 0 0;
|
|
color: #93989E;
|
|
font-size: 12px;
|
|
}
|
|
.ui-form-other {
|
|
margin-left: 8px
|
|
}
|
|
.ui-form-text {
|
|
font-size:14px;
|
|
word-wrap:break-word;
|
|
word-break:break-all;
|
|
display: inline-block;
|
|
margin-top: 6px;
|
|
*display:inline;
|
|
*zoom:1
|
|
}
|
|
.ui-form-item:after {
|
|
clear: both;
|
|
content: '.';
|
|
display: block;
|
|
height: 0;
|
|
visibility: hidden
|
|
}
|
|
.ui-form-item {
|
|
padding: 0 5px 15px 170px;
|
|
zoom: 1
|
|
}
|
|
.ui-form-item select {
|
|
vertical-align: middle;
|
|
margin: 4px 0 0;
|
|
border:1px solid #c1c1c1;
|
|
-moz-border-radius:2px;
|
|
-webkit-border-radius:2px;
|
|
border-radius:2px;
|
|
padding:2px 6px;
|
|
color: #2B2E33;
|
|
}
|
|
.ui-form-item input {
|
|
vertical-align: middle;
|
|
}
|
|
.ui-form-item .ui-input {
|
|
color: #2B2E33;
|
|
width:140px;
|
|
vertical-align: middle;
|
|
*vertical-align:-5px
|
|
}
|
|
.ui-form-item-error .ui-input, .ui-form-item-error .ui-textarea {
|
|
border: 1px red solid;
|
|
color: red
|
|
}
|
|
.ui-form-item-error .ui-input-reset {
|
|
border: 1px #9C9C9C solid;
|
|
color: #000
|
|
}
|
|
.ui-form-item-error .ui-form-explain {
|
|
color: #FF5243
|
|
}
|
|
.ui-form-large .ui-input {
|
|
font-size: 14px;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
padding: 11px 10px
|
|
}
|
|
.ui-form-large .ui-label {
|
|
padding-top: 12px
|
|
}
|
|
.ui-input {
|
|
padding: 5px 9px;
|
|
line-height: 22px;
|
|
border: 1px solid #c1c1c1;
|
|
color: #595959;
|
|
font-size: 14px
|
|
}
|
|
.ui-input:hover, .ui-textarea:hover, .ui-input-hover {
|
|
border: 1px #7BAF71 solid;
|
|
}
|
|
.ui-input:focus, .ui-textarea:focus, .ui-input-focus {
|
|
border: 1px #7BAF71 solid;
|
|
box-shadow: 0 0 3px #8cddff;
|
|
color: #595959
|
|
}
|
|
.ui-textarea {
|
|
line-height: 22px;
|
|
border: 1px #c1c1c1 solid;
|
|
padding: 4px 3px 0 4px;
|
|
overflow: auto;
|
|
font-size: 14px;
|
|
color: #2B2E33;
|
|
}
|
|
.ui-input[disabled], .ui-textarea[disabled] {
|
|
border: 1px solid #ccc;
|
|
background: #f2f2f2
|
|
}
|
|
.ui-input:disabled, .ui-textarea:disabled {
|
|
border: 1px solid #ccc;
|
|
background: #f2f2f2
|
|
}
|
|
.placeholder {
|
|
color: #ccc
|
|
}
|
|
.ui-input-checkcode {
|
|
width: 100px;
|
|
height: 24px;
|
|
line-height: 28px;
|
|
margin: 0;
|
|
padding: 2px 5px
|
|
}
|
|
.ui-form-item-hover .ui-input, .ui-form-item-hover .ui-textarea {
|
|
border: 1px #727272 solid
|
|
}
|
|
.ui-form-item-focus .ui-input, .ui-form-item-focus .ui-textarea {
|
|
border: 1px #07f solid;
|
|
box-shadow: 0 0 3px #8cddff
|
|
}
|
|
.ui-form-item-focus .ui-form-explain, .ui-form-item-hover .ui-form-explain {
|
|
color: #333
|
|
}
|
|
.ui-label {
|
|
float: left;
|
|
width: 170px;
|
|
margin-left: -180px;
|
|
padding-top: 5px;
|
|
text-align: right;
|
|
font-size: 14px
|
|
}
|
|
.ui-form-required {
|
|
color: red;
|
|
font-family: SimSun;
|
|
font-size: 14px;
|
|
margin-right: 6px
|
|
}
|
|
input.ui-checkbox {
|
|
vertical-align: baseline
|
|
}
|
|
.ui-form-text label{ margin-right:6px;}
|
|
.ui-form-text input{ margin-right:2px;}
|
|
.ui-form-sub{ padding:0; }
|
|
.ui-form-sub select{ margin-left:5px; color:#656565; }
|
|
.chsi_error_msg{color:red;}
|
|
|
|
/**ui-list**/
|
|
.ui-list {
|
|
margin: 0;
|
|
padding: 10px;
|
|
list-style: square inside
|
|
}
|
|
.ui-list-item {
|
|
font-size: 9px;
|
|
line-height: 20px
|
|
}
|
|
.ui-list-item a {
|
|
line-height: 20px;
|
|
text-decoration: none;
|
|
color: #08c
|
|
}
|
|
.ui-list-item a, .ui-list-item span.ui-list-item-text {
|
|
font-size: 14px;
|
|
vertical-align: middle
|
|
}
|
|
.ui-list-item a:hover {
|
|
text-decoration: underline
|
|
}
|
|
.ui-list-gray .ui-list-item {
|
|
color: gray
|
|
}
|
|
.ui-list-graylink .ui-list-item {
|
|
color: gray
|
|
}
|
|
.ui-list-graylink .ui-list-item a {
|
|
color: #666
|
|
}
|
|
.ui-list-nosquare {
|
|
list-style: none
|
|
}
|
|
.ui-dlist {
|
|
display: inline-block;
|
|
color: #65696E;
|
|
font-size: 14px;
|
|
line-height: 2.2
|
|
}
|
|
.ui-dlist-tit {
|
|
float: left;
|
|
width: 20%;
|
|
text-align: right;
|
|
margin: 0
|
|
}
|
|
.ui-dlist-det {
|
|
float: left;
|
|
width: 80%;
|
|
text-align: left;
|
|
margin: 0;
|
|
color: #2B2E33;
|
|
}
|
|
|
|
.ui-dlist-tit .iconfont { font-size:14px;}
|
|
.ui-dlist-det .ui-dlist-subtitle{
|
|
font-size:14px;
|
|
}
|
|
.ui-dlist-det .ui-list{ padding:10px 10px 10px 25px;}
|
|
|
|
|
|
/**ui-nav **/
|
|
.ui-nav {
|
|
position: relative
|
|
}
|
|
.ui-nav a {
|
|
text-decoration: none
|
|
}
|
|
.ui-nav a:hover {
|
|
text-decoration: none
|
|
}
|
|
.ui-nav ul, .ui-nav li {
|
|
list-style-type: none
|
|
}
|
|
.ui-nav-main {
|
|
zoom: 1;
|
|
margin: 0;
|
|
padding-left: 10px;
|
|
-webkit-border-radius: 2px 2px 0 0;
|
|
border-radius: 2px 2px 0 0;
|
|
background: -webkit-linear-gradient(top, #F39100, #F17A00);
|
|
background: -moz-linear-gradient(top, #F39100, #F17A00);
|
|
background: -ms-linear-gradient(#F39100, #F17A00);
|
|
background: -o-linear-gradient(#F39100, #F17A00);
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF39100, endColorstr=#FFF17A00)
|
|
}
|
|
.ui-nav-main:before, .ui-nav-main:after {
|
|
content: "";
|
|
display: table
|
|
}
|
|
.ui-nav-main:after {
|
|
clear: both
|
|
}
|
|
.ui-nav-item {
|
|
float: left;
|
|
margin: 7px 5px 0 0
|
|
}
|
|
.ui-nav-item a {
|
|
display: inline-block;
|
|
_display: inline;
|
|
_zoom: 1;
|
|
height: 35px;
|
|
padding: 0 15px;
|
|
line-height: 35px;
|
|
color: #fff;
|
|
font-weight: 700;
|
|
font-size: 14px
|
|
}
|
|
.ui-nav-item a:hover {
|
|
color: #fff;
|
|
background: -webkit-linear-gradient(top, #F49C25, #F49726);
|
|
background: -moz-linear-gradient(top, #F49C25, #F49726);
|
|
background: -ms-linear-gradient(#F49C25, #F49726);
|
|
background: -o-linear-gradient(#F49C25, #F49726);
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF49C25, endColorstr=#FFF49726);
|
|
-webkit-border-radius: 2px 2px 0 0;
|
|
border-radius: 2px 2px 0 0
|
|
}
|
|
.ui-nav-item-current a, .ui-nav-item-current a:hover {
|
|
background: #fff;
|
|
filter: none;
|
|
color: #6d6969;
|
|
-webkit-border-radius: 2px 2px 0 0;
|
|
border-radius: 2px 2px 0 0
|
|
}
|
|
.ui-nav-submain {
|
|
display: none;
|
|
position: absolute;
|
|
left: 10px;
|
|
top: 42px;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
.ui-nav-subitem {
|
|
float: left;
|
|
margin: 5px 10px 0 0
|
|
}
|
|
.ui-nav-subitem a {
|
|
display: inline-block;
|
|
*display:inline;
|
|
zoom: 1;
|
|
padding: 0 15px;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
background: transparent;
|
|
color: #868686;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px
|
|
}
|
|
.ui-nav-subitem a:hover {
|
|
height: 24px;
|
|
line-height: 24px;
|
|
padding: 0 14px;
|
|
background: transparent;
|
|
-webkit-box-shadow: 0 -1px 0 #f6f6f6;
|
|
box-shadow: 0 -1px 0 #f6f6f6;
|
|
border: 1px solid #cecece;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px
|
|
}
|
|
.ui-nav-subitem-current a, .ui-nav-subitem-current a:hover {
|
|
height: 24px;
|
|
line-height: 24px;
|
|
padding: 0 14px;
|
|
border-left: 1px solid #dadada;
|
|
border-right: 1px solid #dadada;
|
|
border-top: 1px solid #bebebe;
|
|
border-bottom: 1px solid transparent;
|
|
_border-bottom: 1px solid #dadada;
|
|
-webkit-box-shadow: inset 0 1px 0 #dadada;
|
|
box-shadow: inset 0 1px 0 #dadada;
|
|
background: #e7e7e7
|
|
}
|
|
.ui-nav-subcontainer {
|
|
height: 37px;
|
|
border-left: 1px solid #ccc;
|
|
border-right: 1px solid #ccc;
|
|
border-bottom: 1px solid #ccc;
|
|
background: -webkit-linear-gradient(top, #FEFEFE, #F7F7F7);
|
|
background: -moz-linear-gradient(top, #FEFEFE, #F7F7F7);
|
|
background: -ms-linear-gradient(#FEFEFE, #F7F7F7);
|
|
background: -o-linear-gradient(#FEFEFE, #F7F7F7);
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFEFEFE, endColorstr=#FFF7F7F7)
|
|
}
|
|
.ui-nav-item-current .ui-nav-submain {
|
|
display: block
|
|
}
|
|
.ui-nav-nosub .ui-nav-subcontainer, .ui-nav-nosub .ui-nav-subitem {
|
|
display: none
|
|
}
|
|
|
|
/**ui-paging**/
|
|
.ui-paging, .ui-paging input {
|
|
color: gray;
|
|
margin: 0;
|
|
padding: 0;
|
|
zoom: 1;
|
|
font-size: 12px;
|
|
vertical-align: middle
|
|
}
|
|
.ui-paging:after {
|
|
clear: both;
|
|
content: " ";
|
|
display: block;
|
|
font-size: 0;
|
|
height: 0;
|
|
visibility: hidden
|
|
}
|
|
.ui-paging a, .ui-paging span.ui-paging-prev, .ui-paging span.ui-paging-next {
|
|
text-decoration: none;
|
|
color: gray;
|
|
margin: 0 3px;
|
|
display: inline-block;
|
|
*display:inline;
|
|
*zoom:1;
|
|
vertical-align: middle;
|
|
height: 22px;
|
|
line-height: 22px
|
|
}
|
|
.ui-paging-prev, .ui-paging-next, .ui-paging-goto {
|
|
background-color: #F9F9F9;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#F4F4F4));
|
|
background: -moz-linear-gradient(top, #FEFEFE, #F4F4F4);
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#F4F4F4');
|
|
background: -o-linear-gradient(top, #FEFEFE, #F4F4F4);
|
|
background: linear-gradient(top, #FEFEFE, #F4F4F4);
|
|
padding: 0 8px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
box-shadow: 0 0 0 1px #fff inset
|
|
}
|
|
.ui-paging-prev:hover, .ui-paging-next:hover, .ui-paging-goto:hover {
|
|
border-color: #999;
|
|
color: #666
|
|
}
|
|
.ui-paging-prev:hover .iconfont, .ui-paging-next:hover .iconfont {
|
|
color: #666
|
|
}
|
|
.ui-paging .ui-paging-prev {
|
|
margin: 0 3px 0 0
|
|
}
|
|
.ui-paging .iconfont {
|
|
font-size: 10px;
|
|
color: #787878
|
|
}
|
|
.ui-paging a.ui-paging-item {
|
|
background-color: #f3f3f3;
|
|
font-weight: 700;
|
|
padding: 0 8px;
|
|
border: 0
|
|
}
|
|
.ui-paging a.ui-paging-current, .ui-paging a.ui-paging-item:hover {
|
|
color: #fff;
|
|
background: #ff9c00
|
|
}
|
|
a.ui-paging-prev:hover, a.ui-paging-next:hover {
|
|
text-decoration: none;
|
|
color: #666
|
|
}
|
|
.ui-paging-info {
|
|
line-height: 24px;
|
|
margin-right: 5px;
|
|
height: 24px
|
|
}
|
|
.ui-paging-ellipsis {
|
|
margin: 0 5px;
|
|
line-height: 16px;
|
|
font-weight: 700
|
|
}
|
|
.ui-paging-which input {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
padding: 0 6px;
|
|
width: 22px;
|
|
border: 1px solid;
|
|
border-color: #aaa #d1d1d1 #d1d1d1 #aaa
|
|
}
|
|
.ui-paging-which input:hover {
|
|
border-color: #999;
|
|
color: #666
|
|
}
|
|
.ui-paging-bold {
|
|
font-weight: 700;
|
|
padding: 0 8px
|
|
}
|
|
.ui-paging span.ui-paging-prev, .ui-paging span.ui-paging-next, .ui-paging span.ui-paging-prev .iconfont, .ui-paging span.ui-paging-next .iconfont {
|
|
color: #fff;
|
|
box-shadow: none;
|
|
background: #d4d4d4;
|
|
border-color: #d4d4d4;
|
|
filter: none
|
|
}
|
|
|
|
/**ui-poptip**/
|
|
.ui-poptip {
|
|
color: #DB7C22;
|
|
z-index: 101;
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
zoom: 1
|
|
}
|
|
.ui-poptip-shadow {
|
|
background-color: rgba(229,169,107,.15);
|
|
border-radius: 2px;
|
|
padding: 2px;
|
|
zoom: 1;
|
|
_display: inline
|
|
}
|
|
.ui-poptip-container {
|
|
position: relative;
|
|
background-color: #f17122;
|
|
border: 1px solid #f17122;
|
|
border-radius: 2px;
|
|
padding: 5px 15px;
|
|
zoom: 1;
|
|
_display: inline;
|
|
color:#fff;
|
|
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ui-poptip:after, .ui-poptip-shadow:after, .ui-poptip-container:after {
|
|
visibility: hidden;
|
|
display: block;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
height: 0
|
|
}
|
|
a.ui-poptip-close {
|
|
position: absolute;
|
|
right: 3px;
|
|
top: 3px;
|
|
border: 1px solid #ffc891;
|
|
text-decoration: none;
|
|
border-radius: 3px;
|
|
width: 12px;
|
|
height: 12px;
|
|
font-family: tahoma;
|
|
color: #dd7e00;
|
|
line-height: 10px;
|
|
*line-height:12px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
background: #ffd7af;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#FFF0E1), to(#FFE7CD));
|
|
background: -moz-linear-gradient(top, #FFF0E1, #FFE7CD);
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF0E1', endColorstr='#FFE7CD');
|
|
background: -o-linear-gradient(top, #FFF0E1, #FFE7CD);
|
|
background: linear-gradient(top, #FFF0E1, #FFE7CD);
|
|
overflow: hidden
|
|
}
|
|
a.ui-poptip-close:hover {
|
|
border: 1px solid #ffb24c;
|
|
text-decoration: none;
|
|
color: #dd7e00;
|
|
background: #ffd7af;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#FFE5CA), to(#FFCC98));
|
|
background: -moz-linear-gradient(top, #FFE5CA, #FFCC98);
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE5CA', endColorstr='#FFCC98');
|
|
background: -o-linear-gradient(top, #FFE5CA, #FFCC98);
|
|
background: linear-gradient(top, #FFE5CA, #FFCC98)
|
|
}
|
|
.ui-poptip-arrow {
|
|
position: absolute;
|
|
z-index: 10;
|
|
*zoom:1
|
|
}
|
|
.ui-poptip-arrow em, .ui-poptip-arrow span {
|
|
position: absolute;
|
|
*zoom:1;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: rgba(255,255,255,0);
|
|
border-color: transparent\0;
|
|
*border-color:transparent;
|
|
_border-color: tomato;
|
|
_filter: chroma(color=tomato);
|
|
border-style: solid;
|
|
overflow: hidden;
|
|
top: 0;
|
|
left: 0;
|
|
|
|
}
|
|
.ui-poptip-arrow-10 {
|
|
left: -6px;
|
|
top: 10px
|
|
}
|
|
.ui-poptip-arrow-10 em {
|
|
top: 0;
|
|
left: -1px;
|
|
border-right-color: #ffbb76;
|
|
border-width: 6px 6px 6px 0
|
|
}
|
|
.ui-poptip-arrow-10 span {
|
|
border-right-color: #FFFCEF;
|
|
border-width: 6px 6px 6px 0
|
|
}
|
|
.ui-poptip-arrow-9 {
|
|
left: -6px;
|
|
top: 50%
|
|
}
|
|
.ui-poptip-arrow-9 em {
|
|
top: -6px;
|
|
left: -1px;
|
|
border-right-color: #ffbb76;
|
|
border-width: 6px 6px 6px 0
|
|
}
|
|
.ui-poptip-arrow-9 span {
|
|
top: -6px;
|
|
border-right-color: #FFFCEF;
|
|
border-width: 6px 6px 6px 0
|
|
}
|
|
.ui-poptip-arrow-2 {
|
|
top: 10px;
|
|
right: 0
|
|
}
|
|
.ui-poptip-arrow-2 em {
|
|
top: 0;
|
|
left: 1px;
|
|
border-left-color: #ffbb76;
|
|
border-width: 6px 0 6px 6px
|
|
}
|
|
.ui-poptip-arrow-2 span {
|
|
border-left-color: #FFFCEF;
|
|
border-width: 6px 0 6px 6px
|
|
}
|
|
.ui-poptip-arrow-3 {
|
|
top: 50%;
|
|
right: 0
|
|
}
|
|
.ui-poptip-arrow-3 em {
|
|
top: -6px;
|
|
left: 1px;
|
|
border-left-color: #ffbb76;
|
|
border-width: 6px 0 6px 6px
|
|
}
|
|
.ui-poptip-arrow-3 span {
|
|
top: -6px;
|
|
border-left-color: #FFFCEF;
|
|
border-width: 6px 0 6px 6px
|
|
}
|
|
.ui-poptip-arrow-11 em, .ui-poptip-arrow-12 em, .ui-poptip-arrow-1 em {
|
|
border-width: 0 6px 6px;
|
|
border-bottom-color: #ffbb76;
|
|
top: -1px;
|
|
left: 0
|
|
}
|
|
.ui-poptip-arrow-11 span, .ui-poptip-arrow-12 span, .ui-poptip-arrow-1 span {
|
|
border-width: 0 6px 6px;
|
|
border-bottom-color: #FFFCEF
|
|
}
|
|
.ui-poptip-arrow-11 {
|
|
left: 14px;
|
|
top: -6px
|
|
}
|
|
.ui-poptip-arrow-1 {
|
|
right: 28px;
|
|
top: -6px
|
|
}
|
|
.ui-poptip-arrow-12 {
|
|
left: 50%;
|
|
top: -6px
|
|
}
|
|
.ui-poptip-arrow-12 em, .ui-poptip-arrow-12 span {
|
|
left: -6px
|
|
}
|
|
.ui-poptip-arrow-5 em, .ui-poptip-arrow-6 em, .ui-poptip-arrow-7 em {
|
|
border-width: 6px 6px 0;
|
|
border-top-color: #ffbb76;
|
|
top: 1px;
|
|
left: 0
|
|
}
|
|
.ui-poptip-arrow-5 span, .ui-poptip-arrow-6 span, .ui-poptip-arrow-7 span {
|
|
border-width: 6px 6px 0;
|
|
border-top-color: #FFFCEF
|
|
}
|
|
.ui-poptip-arrow-5 {
|
|
right: 28px;
|
|
bottom: 0
|
|
}
|
|
.ui-poptip-arrow-6 {
|
|
left: 50%;
|
|
bottom: 0
|
|
}
|
|
.ui-poptip-arrow-7 {
|
|
left: 14px;
|
|
bottom: 0
|
|
}
|
|
.ui-poptip-arrow-6 em, .ui-poptip-arrow-6 span {
|
|
left: -6px
|
|
}
|
|
:root .ui-poptip-shadow {
|
|
FILTER: none\9
|
|
}
|
|
.ui-poptip-blue {
|
|
color: #4d4d4d
|
|
}
|
|
.ui-poptip-blue .ui-poptip-shadow {
|
|
background-color: rgba(0,0,0,.05);
|
|
}
|
|
.ui-poptip-blue .ui-poptip-container {
|
|
background-color: #F8FCFF;
|
|
border: 1px solid #B9C8D3
|
|
}
|
|
.ui-poptip-blue .ui-poptip-arrow-10 em, .ui-poptip-blue .ui-poptip-arrow-9 em {
|
|
border-right-color: #B9C8D3
|
|
}
|
|
.ui-poptip-blue .ui-poptip-arrow-11 em, .ui-poptip-blue .ui-poptip-arrow-12 em, .ui-poptip-blue .ui-poptip-arrow-1 em {
|
|
border-bottom-color: #B9C8D3
|
|
}
|
|
.ui-poptip-blue .ui-poptip-arrow-2 em, .ui-poptip-blue .ui-poptip-arrow-3 em {
|
|
border-left-color: #B9C8D3
|
|
}
|
|
.ui-poptip-blue .ui-poptip-arrow-5 em, .ui-poptip-blue .ui-poptip-arrow-6 em, .ui-poptip-blue .ui-poptip-arrow-7 em {
|
|
border-top-color: #B9C8D3;
|
|
|
|
}
|
|
.ui-poptip-blue .ui-poptip-arrow-10 span, .ui-poptip-blue .ui-poptip-arrow-9 span {
|
|
border-right-color: #F8FCFF
|
|
}
|
|
.ui-poptip-blue .ui-poptip-arrow-11 span, .ui-poptip-blue .ui-poptip-arrow-12 span, .ui-poptip-blue .ui-poptip-arrow-1 span {
|
|
border-bottom-color: #F8FCFF
|
|
}
|
|
.ui-poptip-blue .ui-poptip-arrow-2 span, .ui-poptip-blue .ui-poptip-arrow-3 span {
|
|
border-left-color: #F8FCFF
|
|
}
|
|
.ui-poptip-blue .ui-poptip-arrow-5 span, .ui-poptip-blue .ui-poptip-arrow-6 span, .ui-poptip-blue .ui-poptip-arrow-7 span {
|
|
border-top-color: #F8FCFF
|
|
}
|
|
.ui-poptip-white {
|
|
color: #333
|
|
}
|
|
.ui-poptip-white .ui-poptip-shadow {
|
|
background-color: rgba(0,0,0,.05);
|
|
}
|
|
.ui-poptip-white .ui-poptip-container {
|
|
background-color: #fff;
|
|
border: 1px solid #b1b1b1
|
|
}
|
|
.ui-poptip-white .ui-poptip-arrow-10 em, .ui-poptip-white .ui-poptip-arrow-9 em {
|
|
border-right-color: #b1b1b1
|
|
}
|
|
.ui-poptip-white .ui-poptip-arrow-11 em, .ui-poptip-white .ui-poptip-arrow-12 em, .ui-poptip-white .ui-poptip-arrow-1 em {
|
|
border-bottom-color: #b1b1b1
|
|
}
|
|
.ui-poptip-white .ui-poptip-arrow-2 em, .ui-poptip-white .ui-poptip-arrow-3 em {
|
|
border-left-color: #b1b1b1
|
|
}
|
|
.ui-poptip-white .ui-poptip-arrow-5 em, .ui-poptip-white .ui-poptip-arrow-6 em, .ui-poptip-white .ui-poptip-arrow-7 em {
|
|
border-top-color: #b1b1b1
|
|
}
|
|
.ui-poptip-white .ui-poptip-arrow-10 span, .ui-poptip-white .ui-poptip-arrow-9 span {
|
|
border-right-color: #fff
|
|
}
|
|
.ui-poptip-white .ui-poptip-arrow-11 span, .ui-poptip-white .ui-poptip-arrow-12 span, .ui-poptip-white .ui-poptip-arrow-1 span {
|
|
border-bottom-color: #fff
|
|
}
|
|
.ui-poptip-white .ui-poptip-arrow-2 span, .ui-poptip-white .ui-poptip-arrow-3 span {
|
|
border-left-color: #fff
|
|
}
|
|
.ui-poptip-white .ui-poptip-arrow-5 span, .ui-poptip-white .ui-poptip-arrow-6 span, .ui-poptip-white .ui-poptip-arrow-7 span {
|
|
border-top-color: #fff
|
|
}
|
|
|
|
.ui-form-item .ui-poptip .ui-poptip-arrow em{border:6px solid #f17122; overflow:hidden; border:6px solid #f17122; border-color:#f17122 #fff; border-width:6px 6px 0 6px;}
|
|
.ui-form-item .ui-poptip .ui-poptip-arrow span{ background:#F06; display:none;}
|
|
/**ui-tab**/
|
|
.ui-tab {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
.ui-tab ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
.ui-tab li {
|
|
list-style: none;
|
|
vertical-align: top;
|
|
position: relative;
|
|
top: 1px
|
|
}
|
|
.ui-tab-items {
|
|
border-bottom: 1px solid #E5E5E5;
|
|
font-size: 14px
|
|
}
|
|
.ui-tab-item {
|
|
display: inline-block;
|
|
display: inline\0;
|
|
*display:inline;
|
|
*zoom:1;
|
|
*margin-right:4px
|
|
}
|
|
.ui-tab-item a {
|
|
border-radius: 3px 3px 0 0;
|
|
background: #fff;
|
|
line-height: 32px;
|
|
height: 32px;
|
|
padding: 0 10px;
|
|
border: 1px solid #E5E5E5;
|
|
border-bottom: 0;
|
|
color: #4D4D4D;
|
|
display: inline-block;
|
|
*display:inline;
|
|
*zoom:1;
|
|
transition: background-color .4s ease-out, color .4s ease-out
|
|
}
|
|
.ui-tab-item a, .ui-tab-item a:hover, .ui-tab-item a:active {
|
|
color: #4D4D4D
|
|
}
|
|
.ui-tab-item-current a {
|
|
font-weight: 700;
|
|
height: 33px
|
|
}
|
|
.ui-tab-item a:hover {
|
|
background: #f6f6f6;
|
|
text-decoration: none
|
|
}
|
|
.ui-tab-item-current a:hover {
|
|
background: #fff
|
|
}
|
|
/**ui-table**/
|
|
.ui-table {
|
|
border-collapse: collapse;
|
|
border: 1px solid #ccc;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
text-align: left
|
|
}
|
|
.ui-table tr:nth-child(even), .ui-table-split, .ui-table-hover {
|
|
background-color: #FBFBFB
|
|
}
|
|
.ui-table tr {
|
|
color: #2B2E33;
|
|
}
|
|
.ui-table thead tr {
|
|
color: #2B2E33
|
|
}
|
|
.ui-table thead {
|
|
color: #2B2E33;
|
|
background-color: #F6F6F6;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#F2F2F2));
|
|
background: -moz-linear-gradient(top, #F8F8F8, #F2F2F2);
|
|
background: -o-linear-gradient(top, #F8F8F8, #F2F2F2);
|
|
background: linear-gradient(top, #F8F8F8, #F2F2F2)
|
|
}
|
|
.ui-table th {
|
|
padding: 7px 9px;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
text-align: left
|
|
}
|
|
.ui-table td {
|
|
padding: 8px 9px 7px;
|
|
border-bottom: 1px solid #d9d9d9
|
|
}
|
|
.ui-table th {
|
|
padding: 7px 9px
|
|
}
|
|
.ui-table tfoot td {
|
|
border-bottom: 0
|
|
}
|
|
.ui-table-allborder td{
|
|
border: 1px solid #d9d9d9;
|
|
}
|
|
|
|
.ui-table-noborder, .ui-table-noborder td, .ui-table-noborder tr, .ui-table-noborder th {
|
|
border: 0;
|
|
outline: 0
|
|
}
|
|
.ui-table-noborder .ui-table-split, .ui-table-noborder .ui-table-hover {
|
|
background-color: #f7f7f7
|
|
}
|
|
.ui-table-inbox {
|
|
border: 0;
|
|
outline: 0
|
|
}
|
|
.ui-tipbox {
|
|
position: relative;
|
|
zoom: 1;
|
|
font-size: 14px;
|
|
line-height: 22px
|
|
}
|
|
.ui-tipbox .ui-tipbox-icon {
|
|
background: #fff;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: absolute;
|
|
top: 22px;
|
|
left: 48px
|
|
}
|
|
.ui-tipbox-icon .iconfont {
|
|
font-size: 36px;
|
|
position: absolute;
|
|
top: -7px;
|
|
left: -7px;
|
|
width: 32px;
|
|
height: 32px;
|
|
line-height: 36px;
|
|
text-shadow: 0 1px 0 #fff
|
|
}
|
|
.ui-tipbox-message {
|
|
border: 1px solid #b2e2ea;
|
|
background: #e5f2f8
|
|
}
|
|
.ui-tipbox-message .ui-tipbox-icon .iconfont {
|
|
color: #68b5e2
|
|
}
|
|
.ui-tipbox-success {
|
|
border: 1px solid #E1E1CA;
|
|
background: #edfed0
|
|
}
|
|
.ui-tipbox-success .ui-tipbox-icon .iconfont {
|
|
color: #b5de70
|
|
}
|
|
.ui-tipbox-error {
|
|
background: #FDEEE9;
|
|
border: 1px solid #fadcd3
|
|
}
|
|
.ui-tipbox-error .ui-tipbox-icon .iconfont {
|
|
color: #f17975
|
|
}
|
|
.ui-tipbox-warning {
|
|
background: #fefea4;
|
|
border: 1px solid #e6e098
|
|
}
|
|
.ui-tipbox-warning .ui-tipbox-icon .iconfont {
|
|
color: #f96
|
|
}
|
|
.ui-tipbox-question {
|
|
border: 1px solid #b2e2ea;
|
|
background: #e0f4ff
|
|
}
|
|
.ui-tipbox-question .ui-tipbox-icon .iconfont {
|
|
color: #66cae2
|
|
}
|
|
.ui-tipbox-stop {
|
|
background: #FDEEE9;
|
|
border: 1px solid #fadcd3
|
|
}
|
|
.ui-tipbox-stop .ui-tipbox-icon .iconfont {
|
|
color: #f17975
|
|
}
|
|
.ui-tipbox-wait {
|
|
border: 1px solid #fae3cc;
|
|
background: #FFF9D9
|
|
}
|
|
.ui-tipbox-wait .ui-tipbox-icon .iconfont {
|
|
color: #d1a066
|
|
}
|
|
.ui-tipbox-content {
|
|
margin: 14px 0 14px 87px
|
|
}
|
|
.ui-tipbox-content .ui-tipbox-title {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
.ui-tipbox-content h3.ui-tipbox-title, .ui-tipbox-content-simple h3.ui-tipbox-title {
|
|
color: #2B2E33;
|
|
font-size: 14px;
|
|
font-weight: 700
|
|
}
|
|
.ui-tipbox-content-simple {
|
|
margin: 22px 0 22px 88px
|
|
}
|
|
.ui-tipbox-explain {
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #93989E;
|
|
}
|
|
.ui-tipbox-white {
|
|
background: #fff;
|
|
border: 1px solid transparent;
|
|
_border-color: tomato;
|
|
_filter: chroma(color=tomato)
|
|
}
|
|
.ui-tiptext {
|
|
margin: 0;
|
|
color: #2B2E33;
|
|
position: relative;
|
|
font-size: 14px;
|
|
zoom: 1
|
|
}
|
|
.ui-tiptext-follow {
|
|
padding-left: 21px
|
|
}
|
|
.ui-tiptext-container {
|
|
padding: 8px 12px;
|
|
position: relative;
|
|
zoom: 1
|
|
}
|
|
.ui-tiptext .iconfont {
|
|
font-size: 1.33em;
|
|
line-height: 1em;
|
|
text-shadow: 0 1px 0 #fff;
|
|
position: relative;
|
|
top: 2px;
|
|
margin-right: 2px
|
|
}
|
|
.ui-tiptext-icon {
|
|
display: inline-block;
|
|
*display:inline;
|
|
*zoom:1
|
|
}
|
|
.ui-tiptext-message .ui-tiptext-icon {
|
|
color: #68b5e2
|
|
}
|
|
.ui-tiptext-container-message {
|
|
word-wrap:break-word;
|
|
word-break:break-all;
|
|
border: 1px solid #b2e2ea;
|
|
background: #e5f2f8
|
|
}
|
|
.ui-tiptext-success .ui-tiptext-icon {
|
|
color: #b5de70
|
|
}
|
|
.ui-tiptext-container-success {
|
|
background: #E7FFCE;
|
|
border: 1px solid #B9E2A0
|
|
}
|
|
.ui-tiptext-error .ui-tiptext-icon {
|
|
color: #f17975
|
|
}
|
|
.ui-tiptext-container-error {
|
|
background: #FDEEE9;
|
|
border: 1px solid #fadcd3
|
|
}
|
|
.ui-tiptext-warning .ui-tiptext-icon {
|
|
color: #f96
|
|
}
|
|
.ui-tiptext-container-warning {
|
|
background: #fefea4;
|
|
border: 1px solid #e6e098
|
|
}
|
|
.ui-tiptext-question .ui-tiptext-icon {
|
|
color: #66cae2
|
|
}
|
|
.ui-tiptext-container-question {
|
|
border: 1px solid #b2e2ea;
|
|
background: #e0f4ff
|
|
}
|
|
.ui-tiptext-stop .ui-tiptext-icon {
|
|
color: #f17975
|
|
}
|
|
.ui-tiptext-container-stop {
|
|
background: #FDEEE9;
|
|
border: 1px solid #fadcd3
|
|
}
|
|
.ui-tiptext-wait .ui-tiptext-icon {
|
|
color: #d1a066
|
|
}
|
|
.ui-tiptext-container-wait {
|
|
border: 1px solid #fae3cc;
|
|
background: #FFF9D9
|
|
}
|
|
.ui-tiptext-arrowup, .ui-tiptext-arrowup em, .ui-tiptext-arrowup span, .ui-tiptext-arrowleft, .ui-tiptext-arrowleft em, .ui-tiptext-arrowleft span, .ui-tiptext-arrowdown, .ui-tiptext-arrowdown em, .ui-tiptext-arrowdown span {
|
|
position: absolute;
|
|
font-size: 14px;
|
|
font-family: SimSun;
|
|
font-style: normal;
|
|
line-height: 1
|
|
}
|
|
.ui-tiptext-arrowup, .ui-tiptext-arrowleft, .ui-tiptext-arrowdown {
|
|
height: 10px;
|
|
width: 16px
|
|
}
|
|
.ui-tiptext-arrowup {
|
|
left: 32px;
|
|
top: -7px
|
|
}
|
|
.ui-tiptext-arrowup em {
|
|
top: -1px
|
|
}
|
|
.ui-tiptext-arrowleft {
|
|
left: -6px;
|
|
top: 10px
|
|
}
|
|
.ui-tiptext-arrowleft em {
|
|
left: -1px
|
|
}
|
|
.ui-tiptext-arrowdown {
|
|
left: 32px;
|
|
bottom: -3px
|
|
}
|
|
.ui-tiptext-arrowdown em {
|
|
top: 1px
|
|
}
|
|
.ui-tiptext-container-message .ui-tiptext-arrow em {
|
|
color: #b2e2ea
|
|
}
|
|
.ui-tiptext-container-message .ui-tiptext-arrow span {
|
|
color: #e5f2f8
|
|
}
|
|
.ui-tiptext-container-success .ui-tiptext-arrow em {
|
|
color: #E1E1CA
|
|
}
|
|
.ui-tiptext-container-success .ui-tiptext-arrow span {
|
|
color: #edfed0
|
|
}
|
|
.ui-tiptext-container-error .ui-tiptext-arrow em {
|
|
color: #fadcd3
|
|
}
|
|
.ui-tiptext-container-error .ui-tiptext-arrow span {
|
|
color: #FDEEE9
|
|
}
|
|
.ui-tiptext-container-warning .ui-tiptext-arrow em {
|
|
color: #e6e098
|
|
}
|
|
.ui-tiptext-container-warning .ui-tiptext-arrow span {
|
|
color: #fefea4
|
|
}
|
|
.ui-tiptext-container-question .ui-tiptext-arrow em {
|
|
color: #b2e2ea
|
|
}
|
|
.ui-tiptext-container-question .ui-tiptext-arrow span {
|
|
color: #e0f4ff
|
|
}
|
|
.ui-tiptext-container-stop .ui-tiptext-arrow em {
|
|
color: #fadcd3
|
|
}
|
|
.ui-tiptext-container-stop .ui-tiptext-arrow span {
|
|
color: #FDEEE9
|
|
}
|
|
.ui-tiptext-container-wait .ui-tiptext-arrow em {
|
|
color: #fae3cc
|
|
}
|
|
.ui-tiptext-container-wait .ui-tiptext-arrow span {
|
|
color: #FFF9D9
|
|
}
|
|
.ui-tiptext-close {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 8px;
|
|
color: #60A2C5;
|
|
cursor: pointer
|
|
}
|
|
.ui-select a, .ui-select-trigger {
|
|
color: #7d7d7d;
|
|
font-size: 14px;
|
|
text-decoration: none
|
|
}
|
|
.ui-select a:hover, .ui-select-trigger:hover {
|
|
text-decoration: none
|
|
}
|
|
.ui-select {
|
|
display: inline-block;
|
|
*display:inline;
|
|
*zoom:1;
|
|
background: #fff;
|
|
color: #7d7d7d;
|
|
font-size: 14px
|
|
}
|
|
.ui-select-content {
|
|
margin: -1px 0 0;
|
|
padding: 0;
|
|
overflow: auto;
|
|
height: 100%;
|
|
list-style: none;
|
|
border: 1px solid #ccc;
|
|
_float: left
|
|
}
|
|
.ui-select-content ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0
|
|
}
|
|
.ui-select-item {
|
|
display: block;
|
|
padding: 10px 15px;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
white-space: nowrap
|
|
}
|
|
.ui-select-item:hover, .ui-select-item-hover {
|
|
background: #f2f2f2
|
|
}
|
|
.ui-select-item-disabled, .ui-select-item-disabled a {
|
|
cursor: not-allowed;
|
|
color: #ccc
|
|
}
|
|
.ui-select-item-disabled:hover, .ui-select-item-disabled a:hover {
|
|
background: #fff
|
|
}
|
|
.ui-select-trigger {
|
|
position: relative;
|
|
display: inline-block;
|
|
*display:inline;
|
|
*zoom:1;
|
|
border: 1px solid #ccc;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-indent: 15px;
|
|
background: -webkit-linear-gradient(top, #fbfbfb, #f3f3f3);
|
|
background: -moz-linear-gradient(top, #fbfbfb, #f3f3f3);
|
|
filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#fbfbfb, endColorstr=#f3f3f3)
|
|
}
|
|
.ui-select-trigger i {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 15px;
|
|
line-height: 28px;
|
|
text-indent: 0;
|
|
font-size: 14px;
|
|
cursor: pointer
|
|
}
|
|
.ui-select-trigger:hover {
|
|
border: 1px solid #999
|
|
}
|
|
.ui-select .ui-select-trigger {
|
|
display: block
|
|
}
|
|
.ui-select-disabled, .ui-select .ui-select-disabled {
|
|
color: #aaa;
|
|
cursor: not-allowed
|
|
}
|
|
/**ui-step 水平**/
|
|
.ui-step {
|
|
padding: 0 40px;
|
|
margin: 0 auto;
|
|
font-size: 14px;
|
|
list-style: none;
|
|
zoom: 1;
|
|
position: relative;
|
|
color: #b7b7b7;
|
|
overflow: hidden
|
|
}
|
|
.ui-step:after {
|
|
clear: both;
|
|
content: " ";
|
|
display: block;
|
|
font-size: 0;
|
|
height: 0;
|
|
visibility: hidden
|
|
}
|
|
.ui-step li {
|
|
float: left;
|
|
height: 54px;
|
|
margin: 0;
|
|
width: 50%;
|
|
position: relative
|
|
}
|
|
.ui-step li .ui-step-icon {
|
|
height: 50px;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 150px;
|
|
text-align: center;
|
|
left: -25px;
|
|
font-family: tahoma
|
|
}
|
|
.ui-step-icon .iconfont {
|
|
font-size: 30px;
|
|
margin: 0;
|
|
color: #b7b7b7;
|
|
color: rgba(0,0,0,.25);
|
|
*color:#b7b7b7;
|
|
line-height: 30px;
|
|
background: #fff;
|
|
padding: 0 10px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
text-shadow: 1px 1px 2px #fff, 0 0 0 #ccc, 1px 1px 2px #fff
|
|
}
|
|
.ui-step-icon .ui-step-number {
|
|
line-height: 14px;
|
|
font-style: normal;
|
|
position: absolute;
|
|
top: 7px;
|
|
left: 0;
|
|
padding: 0 20px;
|
|
font-weight: 700;
|
|
color: #fff
|
|
}
|
|
.ui-step .ui-step-active i.ui-step-number {
|
|
color: #FFF
|
|
}
|
|
.ui-step-end .ui-step-number {
|
|
background: transparent;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
left: 17px;
|
|
line-height: 12px;
|
|
padding: 0;
|
|
text-shadow: none;
|
|
top: 9px
|
|
}
|
|
.ui-step-icon .ui-step-text {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
position: relative;
|
|
text-shadow: 0 1px 0 #fff;
|
|
top: 34px;
|
|
left: -50px
|
|
}
|
|
.ui-step li .ui-step-line {
|
|
height: 3px;
|
|
background: #b9b9b9;
|
|
display: block;
|
|
margin-top: 14px;
|
|
line-height: 1;
|
|
overflow: hidden
|
|
}
|
|
.ui-step li.ui-step-end {
|
|
position: absolute;
|
|
top: 0;
|
|
right: -110px;
|
|
width: 150px;
|
|
zoom: 1;
|
|
_clear: both
|
|
}
|
|
.ui-step li.ui-step-end .ui-step-line {
|
|
display: none
|
|
}
|
|
.ui-step-2 li {
|
|
width: 100%
|
|
}
|
|
.ui-step-3 li {
|
|
width: 50%
|
|
}
|
|
.ui-step-4 li {
|
|
width: 33%
|
|
}
|
|
.ui-step-5 li {
|
|
width: 25%
|
|
}
|
|
.ui-step .ui-step-active {
|
|
color: #f16f20
|
|
}
|
|
.ui-step .ui-step-active .iconfont {
|
|
color: #ff7001
|
|
}
|
|
.ui-step .ui-step-done .iconfont {
|
|
color: #ff9a00
|
|
}
|
|
.ui-step .ui-step-done .ui-step-line {
|
|
background: #fc9c27
|
|
}
|
|
.ui-step-blue .ui-step-active {
|
|
color: #3b7cb8
|
|
}
|
|
.ui-step-blue .ui-step-active .iconfont {
|
|
color: #1e6bb3
|
|
}
|
|
.ui-step-blue .ui-step-done .iconfont {
|
|
color: #428fd6
|
|
}
|
|
.ui-step-blue .ui-step-done .ui-step-line {
|
|
background: #418cd6
|
|
}
|
|
.ui-ministep {
|
|
list-style: none;
|
|
font-size: 12px;
|
|
font-family: tahoma;
|
|
line-height: 1.5;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #b7b7b7
|
|
}
|
|
.ui-ministep-item {
|
|
position: relative;
|
|
display: inline-block;
|
|
*display:inline;
|
|
*zoom:1;
|
|
margin-right: 36px
|
|
}
|
|
.ui-ministep .iconfont {
|
|
color: #b7b7b7;
|
|
font-size: 18px
|
|
}
|
|
.ui-ministep .ui-ministep-number {
|
|
position: absolute;
|
|
top: 6px;
|
|
left: 5px;
|
|
color: #fff;
|
|
line-height: 12px;
|
|
font-style: normal
|
|
}
|
|
.ui-ministep .ui-ministep-text {
|
|
position: relative;
|
|
top: -2px
|
|
}
|
|
.ui-ministep-active, .ui-ministep-active .iconfont {
|
|
color: #FF6700
|
|
}
|
|
|
|
/**ui-v-step 垂直**/
|
|
.ui-v-step{
|
|
padding: 80px 20px;
|
|
margin: 0 auto;
|
|
font-size: 14px;
|
|
list-style: none;
|
|
zoom: 1;
|
|
position: relative;
|
|
color: #b7b7b7;
|
|
overflow: hidden;
|
|
}
|
|
.ui-v-step:after {
|
|
clear: both;
|
|
content: " ";
|
|
display: block;
|
|
font-size: 0;
|
|
height: 0;
|
|
visibility: hidden
|
|
}
|
|
|
|
.ui-v-step li {
|
|
float: left;
|
|
width: 80%;
|
|
height:100px;
|
|
margin: 0;
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.ui-v-step li .ui-step-line {
|
|
width:3px;
|
|
height:100%;
|
|
background: #b9b9b9;
|
|
display: block;
|
|
margin-left:124px;
|
|
font-size:0px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.ui-v-step li .ui-step-icon {
|
|
height: 40px;
|
|
position: absolute;
|
|
top: -20px;
|
|
width: 300px;
|
|
text-align:left;
|
|
left: 0px;
|
|
font-family: tahoma;
|
|
z-index:99;
|
|
line-height:40px;
|
|
}
|
|
.ui-v-step li .ui-v-step-box{
|
|
position:absolute;
|
|
top:-40px;
|
|
left:210px;
|
|
width:440px;
|
|
padding-left:0px;
|
|
height:100px;
|
|
overflow:hidden;
|
|
z-index:88;
|
|
}
|
|
|
|
.ui-v-step li.ui-step-end {
|
|
height:50px;
|
|
zoom: 1;
|
|
_clear: both
|
|
}
|
|
.ui-v-step li.ui-step-end .ui-step-line {
|
|
display: none
|
|
}
|
|
|
|
.ui-v-step .ui-v-step-box .ui-table{ background:#fff; margin-bottom:0; height:80px;}
|
|
|
|
|
|
.ui-v-step .ui-step-icon .iconfont{ top:5px; left:193px; z-index:80; padding:0 4px;}
|
|
|
|
.ui-v-step .ui-step-icon .ui-step-node{ top:12px; left:114px; font-size:14px; line-height:14px; z-index:70;}
|
|
|
|
|
|
|
|
.ui-v-step .ui-step-icon .ui-step-text {
|
|
height: 40px;
|
|
width:105px;
|
|
left: 0px;
|
|
line-height: 40px;
|
|
position: relative;
|
|
float:left;
|
|
vertical-align:middle;
|
|
text-shadow: 0 1px 0 #FFFFFF;
|
|
top: 0px;
|
|
text-align:right;
|
|
}
|
|
|
|
|
|
.ui-v-step .ui-step-icon .ui-h-line {
|
|
width:100px;
|
|
height:1px;
|
|
background: #b9b9b9;
|
|
position:absolute;
|
|
left:129px;
|
|
font-size:0px;
|
|
overflow: hidden;
|
|
z-index:1;
|
|
top:20px;
|
|
}
|
|
|
|
|
|
.ui-v-step .iconfont {
|
|
color: #ccc
|
|
}
|
|
.ui-v-step .ui-step-active .iconfont {
|
|
color: #ff7001
|
|
}
|
|
|
|
.ui-v-step .ui-step-done .iconfont {
|
|
color: #75A56D
|
|
}
|
|
.ui-v-step .ui-step-done .ui-step-line {
|
|
background: #89B282;
|
|
}
|
|
|
|
|
|
/** 附件上传按钮样式 **/
|
|
.file_box {
|
|
position: relative;
|
|
}
|
|
.file_box .textfield {
|
|
height: 27px;
|
|
border: 1px solid #CDCDCD;
|
|
width: 180px;
|
|
vertical-align: -2px;
|
|
}
|
|
.file_box .file {
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 0px;
|
|
height: 27px;
|
|
filter:alpha(opacity:0);
|
|
opacity: 0;
|
|
width: 298px
|
|
}
|
|
|
|
.loading{height:30px; line-height:30px; width:150px; border:1px solid #DD913C; background:#FFC; color:#900; font-size:14px; text-align:center; margin:100px auto;}
|
|
#loader{display:none;text-align:center; margin:0px auto; width:100%; }
|
|
|
|
|
|
/*xlxx xjxx*/
|
|
.xjxlTableT{font-size:14px; font-weight:bold; text-align:center; height:35px; line-height:50px; color:#069;}
|
|
.xjxlTable{ background:#D9D9D9; margin:12px auto;}
|
|
.xjxlTable td{ background:#FFFFFF; text-align:left; padding:5px;}
|
|
.xjxlTable th{ background:#F6F6F6; text-align:right; font-weight:normal; padding:5px;}
|
|
.xjxlTable td.alignCenter,.xjxlTable th.alignCenter{ text-align:center;}
|
|
.xjxlTable td.bgcolor1{ background:#FFC;}
|
|
|
|
|
|
.photoDiv{ width:108px; height:23px; line-height:23px; margin:0 auto; border:1px solid #D8DFEA; position:relative;}
|
|
.photoDiv div{ width:54px; float:left; display:inline; text-align:center; background:#F1F8F5; color:#AAAAAA; cursor:pointer;}
|
|
div.onPhoto{ background:#FFFFFF; color:#333333;}
|
|
div.photo_floatDiv_cnt{ margin:0 10px; width:90px; background:none; color:#C00;}
|
|
|
|
/* 表单报错信息*/
|
|
.chsi_error_msg{ color: #F93B3B;}
|
|
|
|
/*户档信息*/
|
|
.jtzycy{ width:560px; padding:10px; border:1px solid #CCC; margin-bottom:10px;}
|
|
.jtzycyadd{width:580px; text-align:center; border:1px dashed #CCC; background:#F6F6F6; color:#888; line-height:40px; cursor:pointer;}
|
|
.jtzycyadd:hover{ background:#FFF; color:#444;}
|
|
|
|
/*注意事项*/
|
|
.instructions{ font-size:14px; color:#65696E; line-height:180%; margin-top:15px;}
|
|
|
|
.aui_buttons{
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
} |