html, body {
    /* height: 100%; */
}

body {
    margin      : 0;
    padding     : 0;
    font-size   : 12px;
    overflow-y  : scroll;
    background  : url(../images/bg.gif);
    font-family : 'Microsoft Yahei', Helvetica, Simsun;
}

h1, h2 {
    margin      : 0;
    line-height : 100%;
}

*::selection {
    color      : #fff;
    background : #5acded;
}

a {
    color           : #000;
    text-decoration : none;
}

img {
    border: none;
}

* {
    outline: none;
}

.relative {
    position: relative;
}

.hide {
    display: none;
}

.over-hide {
    overflow: hidden;
}

.clear {
    zoom: 1;
}

.clear:after {
    clear   : both;
    content : "";
    display : block;
}

.noselect {
    user-select         : none;
    -ms-user-select     : none;
    -moz-user-select    : none;
    -webkit-user-select : none;
}

.container {
    width  : 844px;
    margin : 0 auto;
}

/*  普遍样式  */
#top {
    width          : 856px;
    height         : 123px;
    margin         : 0 auto;
    position       : relative;
    font-size      : 0;
    background     : url(../images/bg-ext.png) center bottom no-repeat;
    letter-spacing : -4px;
}

#top_wrap {
    top        : 0;
    left       : 0;
    width      : 100%;
    z-index    : 2;
    position   : fixed;
    background : url(../images/bg.gif);
}

#top_blank {
    z-index     : 0;
    position    : relative;
    padding-top : 123px;
}

#top .bar {
    left       : 0;
    width      : 100%;
    bottom     : 18px;
    position   : absolute;
    text-align : center;
}

#top .bar span {
    color          : #7d7d7d;
    border         : 1px solid transparent;
    cursor         : pointer;
    height         :  23px;
    margin         : 0 7px;
    display        : inline-block;
    padding        : 0 7px;
    font-size      : 12px;
    line-height    : 23px;
    letter-spacing : normal; 

    /* ----- for ie7 ----- */
    zoom: 1;
}

#top .bar span.active {
    color         : #28a1de;
    border        : 1px solid #37bbf4;
    border-radius : 6px;
}

#name, .nav {
    display        : inline-block;
    vertical-align : top;
    letter-spacing : normal;

    /* ----- for ie7 ----- */
    zoom: 1;
}

#name {
    width      : 164px;
    height     : 73px;
    background : url(../images/name.png);
    text-align : center;
}

#name h1, #name h2 {
    text-shadow : 0 1px rgba(0, 0, 0, 0.25);
}

#name h1 {
    color       : #fff;
    font-size   : 20px;
    font-weight : 900;
    padding-top : 10px;
}

#name h2 {
    color       : #d2e2fa;
    font-size   : 16px;
    font-weight : normal;
    line-height : 110%;
    padding-top : 4px;
}

.nav {
    width          : 346px;
    height         : 70px;
    font-size      : 0;
    padding-top    : 10px;
    letter-spacing : -4px;

    /* ----- for ie7 ----- */
    *display       : inline;
}

.nav .active, .nav a {
    width          : 76px;
    height         : 28px;
    margin         : 0 3px -3px;
    display        : inline-block;
    font-size      : 14px;
    text-align     : center;
    line-height    : 25px;
    letter-spacing : normal;

    /* ----- for ie7 ----- */
    zoom: 1;
            
}

.nav .active {
    color       : #fff;
    background  : url(../images/nav_active.png) center no-repeat;
    text-shadow : 0 1px rgba(0, 0, 0, 0.25);
}

.nav a {
    color: #494b4d;
}

.panel {
    color         : #595d61;
    border        : 1px solid #dbdbdb;
    padding       : 0 16px 16px;
    position      : relative;
    font-size     : 12px;
    background    : #fff;
    box-shadow    : 0 1px 10px rgba(0, 0, 0, 0.08);
    border-radius : 4px;
    margin-bottom : 26px;
}

.panel .title {
    top           : -1px;
    left          : -1px;
    color         : #fff;
    width         : 90px;
    height        : 43px;
    position      : absolute;
    font-size     : 14px;
    background    : url(../images/title.png) no-repeat;
    text-align    : center;
    font-weight   : 900;
    line-height   : 29px;
    text-shadow   : 0 1px rgba(0, 0, 0, 0.20);
    border-radius : 4px;
    padding-right : 21px;
}

.panel .head {
    height       : 43px;
    line-height  : 43px;
    padding-left : 88px;
}

.panel .head span {
    color: #eb7373;
}

.wrap {
    border        : 1px solid #e1e8ed;
    overflow      : hidden;
    position      : relative;
    border-bottom : 0;
}

.border {
    border   : 1px solid #e1e8ed;
    position : relative;
}

.panel .tail {
    color       : #eb7373;
    line-height : 100%;
    padding-top : 13px;
}

table.data {
    width           : 100%;
    font-size       : 12px;
    border-collapse : collapse;
}

table.datal td {
    text-align: left;
}

table.data span {
    color: #eb7373;
}

table.data .sort i {
    width          : 7px;
    height         : 7px;
    display        : inline-block;
    background     : url(../images/sort.png) no-repeat;
    vertical-align : middle;

    /*  for ie7  */
    *display: inline;
    zoom: 1;
}

table.data .sort i.reverse {
    background-position: right bottom;
}

table.data th {
    font-weight: normal;
}

table.data th, table.data td {
    border      : 1px solid #e1e8ed;
    padding     : 8px 10px;
    text-align  : center;
    line-height : 134%;
}

table.data td {
    color: #696d70;
}

table.data .active {
    background: #f0f4fa;
}

.extend {
    border     : 1px solid #ced4d9;
    cursor     : pointer;
    height     : 23px;
    z-index    : 1;
    position   : relative;
    background : #f7f7f7 url(../images/extend.png) no-repeat center 0;
    margin-top : -1px;
}

.extend.active {
    background-position-y: -16px;
}

.ratio {
    display        : inline-block;
    font-size      : 0;
    letter-spacing : -4px; 

    /*  for ie7  */
    zoom     : 1;
    *display : inline;
}

.ratio .item {
    color          : #595d61;
    border         : 1px solid #ced4d9;
    cursor         : pointer;
    height         : 23px;
    display        : inline-block;
    padding        : 0 10px;
    font-size      : 12px;
    background     : #f7f7f7;
    line-height    : 23px;
    margin-right   : -1px;
    letter-spacing : normal;

    /*  for ie7  */
    zoom     : 1;
    *display : inline;
}

.ratio .item.active {
    color      : #4797de;
    border     : 1px solid #89bff5;
    z-index    : 1;
    position   : relative;
    background : #fff;
}

.ratio .item:first-child {
    border-radius: 3px 0 0 3px;
}

.ratio .item:last-child {
    border-radius: 0 3px 3px 0;
}

.ratio .item.active span {
    color: #eb7373;
}

.page {
    color          : #777;
    font-size      : 0;
    margin-top     : 12px;
    text-align     : center;
    letter-spacing : -4px; 
}

.page .item {
    border         : 1px solid #ced4d9;
    cursor         : pointer;
    margin         : 0 3px;
    display        : inline-block;
    padding        : 6px 10px;
    font-size      : 12px;
    background     : #f7f7f7;
    line-height    : 100%;
    border-radius  : 3px;
    letter-spacing : normal;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
    /*  for ie7  */
    zoom: 1;
}

.page .item.active {
    color      :#4797de;
    border     : 1px solid #89bff5;
    background : #fff;
}

.article {
    border     : 1px solid #e1e8ed;
    margin-top : 10px;
}

.article:first-child {
    margin-top: 0;
}

.article .subject {
    color         : #595d61;
    height        : 40px;
    position      : relative;
    font-size     : 14px;
    background    : #f0f4fa url(../images/point.png) no-repeat 13px 15px;
    line-height   : 40px;
    padding-left  : 32px;
    border-bottom : 1px solid #e1e8ed;
}

.article .subject .date {
    top           : 0;
    color         : #696d70;
    right         : 0;
    height        : 100%;
    position      : absolute;
    font-size     : 12px;
    padding-right : 15px;
}

.article .remark {
    color       : #81878c;
    padding     : 10px 15px;
    line-height : 180%;
}

.state {
    color       : #696d70;
    padding     : 0 18px 35px;
    font-size   : 12px;
    margin-top  : -5px;
    line-height : 190%;
}

table.data .up, table.data .down {
    margin: -11px 0;
}

table.data .align_left {
    text-align: left;
}

table.data_left td, table.data_left th {
    text-align: left;
}

.up, .down {
    color        : #eb7373;
    height       : 33px;
    display      : inline-block;
    background   : url(../images/arrow.png) left top no-repeat;
    line-height  : 33px;
    padding-left : 12px;

    /*  for ie7  */
    zoom     : 1;
    *display : inline;
}

.down {
    color                 : #419f47 !important;
    background-position-y : -22px;
}

.wrapper {
    display       : inline-block;
    margin-bottom : 10px;

    /*  for ie7  */
    zoom     : 1;
    *display : inline;
}

.top-space {
    margin-top: 10px;
}

.label {
    color          : #595d61;
    display        : inline-block;
    font-size      : 12px;
    padding-right  : 16px;
    vertical-align : middle;

    /*  for ie7  */
    zoom     : 1;
    *display : inline;
}

.option {
    cursor   : pointer;
    display  : inline-block;
    position : relative;

    /*  for ie7  */
    zoom     : 1;
    *display : inline;
}

.option .icon {
    top        : 0;
    right      : 0;
    width      : 25px;
    height     : 25px;
    position   : absolute;
    background : url(../images/option.png) left top;
}

.option.active .icon {
    background-position: right bottom;
}

.option.active .text {
    color      : #4797de;
    border     : 1px solid #89bff5;
    background : #fff;
}

.option .text {
    color         : #595d61;
    border        : 1px solid #ced4d9;
    height        : 23px;
    padding       : 0 34px 0 11px;
    background    : #f7f7f7;
    line-height   : 23px;
    border-radius : 3px;
}

.ratio-2, .checkbox {
    color         : #595d61;
    border        : 1px solid #ced4d9;
    cursor        : pointer;
    height        : 23px;
    margin        : 0 3px;
    display       : inline-block;
    padding       : 0 10px;
    position      : relative;
    background    : #f7f7f7;
    line-height   : 23px;
    border-radius : 3px;

    /*  for ie7  */
    zoom     : 1;
    *display : inline;
}

.checkbox span {
    right      : 0;
    width      : 7px;
    bottom     : 0;
    height     : 7px;
    display    : block;
    position   : absolute;
    background : #f7f7f7 url(../images/checkbox.png) no-repeat right top;
}

.ratio-2.active, .checkbox.active {
    color      : #4797de;
    border     : 1px solid #89bff5;
    background : #fff;
}

.checkbox.active span {
    background: #fff url(../images/checkbox.png) no-repeat right bottom;
}

/*弹出层*/
#layer_wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 10;
    text-align: center;
}

#layer_wrap:after {
    content: "";
    display: inline;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    zoom: 1;
}
.layer_bg{
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    opacity: 0.5;
    filter:alpha(opacity=50);
    position: absolute;
    left: 0;
    top: 0;
}
.layer {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    width: 700px;
    background: #fff;
    border-radius: 4px;
    box-shadow:0 5px 16px rgba(0,0,0,0.12);
}
.layer .x {
    width: 36px;
    height: 10px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding-top: 15px;
}
.layer .x span{ 
    width: 10px;
    height: 10px;
    display: inline;
    display: inline-block;
    margin-right: 15px;
    zoom:1;
    float: right;
    background: url(../images/close.png) no-repeat;
   
}
.layer .tit {
    width: 660px;
    /* height: 57px; */
    margin: 0 17px;
    border-bottom: 1px solid #e1e8ed;
    padding-top: 20px;
    text-align: center;
}
.layer .tit h2 {
    font-size: 15px;
    line-height: 15px;
    text-align: left;
    max-width: 100%;    
    display: inline;
    zoom: 1;
    display: inline-block;
    color: #4a4c4e;
    padding-top: 2px;
    /* white-space: normal; */
    overflow: hidden;
    word-break: break-all;
}

.layer .tit p {
    font-size: 15px;
    text-align: center;
    display: block;
    color: #4a4c4e;
    padding-top: 8px;
    margin: 0;
}

.layer_content {
    padding-top: 23px;
    overflow: auto;
    margin: 0 6px;
    padding: 15px 14px 7px;
    font-size: 13px;
    color: #595d61;
    height: 423px;
    line-height: 27px;
    text-align: left;
}

.detail-box .x {
    width: 36px;
    height: 10px;
    float: right;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 15px;
}
.detail-box .x span{ 
    width: 10px;
    height: 10px;
    display: inline;
    display: inline-block;
    margin-right: 15px;
    zoom:1;
    float: right;
    background: url(../images/close.png) no-repeat;
   
}

.article {
    cursor: pointer;
}

p.strReplace {
    text-indent: 2rem;
    text-align: left;
}

.detail-box{
    position: absolute;
    z-index: 999;
    width: 700px;
    background: #fff;
    border-radius: 4px;
    box-shadow:0 5px 16px rgba(0,0,0,0.12);
    border: 1px solid #37bbf4;
    padding: 10px;
    overflow: hidden;
}

/* 暂无数据 */
.nodata {
    font-size: 20px;
    text-align: center;
    padding: 40px;
}