#container {
    height: 100%;
    position: relative;
}
/*顶部结构*/

/*顶部*/
.pagenavigation {
    width: 100%;
    margin-bottom: 0;
    height: 64px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1030
}

.pagenavigation > img {
    width: 100%;
    height: 100%;
}

.pagenavigation > .header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 16px;
}

.pagenavigation .hLeft {
    float: left;
}

.pagenavigation .hLeft > img {
    width: 50px;
    height: 50px;
    float: left;
    margin-top: 7px;
}

.pagenavigation .hLeft > div {
    float: left;
    font-size: 30px;
    height: 64px;
    line-height: 64px;
    color: #fff;
    font-weight: bold;
    margin-left: 8px;
}

.pagenavigation .hright {
    float: right;
}

.pagenavigation ul > li {
    height: 64px;
    line-height: 64px;
    cursor: pointer;
}

.pagenavigation ul > li > img {
    width: 48px;
    height: 48px;
    float: left;
    margin-top: 8px;
}

.pagenavigation ul > li > a.username {
    font-size: 14px;
    color: #333333;
    vertical-align: middle;
    margin-left: 16px;
    float: left;
}

.pagenavigation ul > li > span {
    margin-left: 8px;
    font-size: 20px;
    color: #333333;
    vertical-align: middle;
    float: left;
}
/*标题栏*/
.navList {
    background: #025c95;
}

.navList > div {
    width: 1104px;
    margin: 0 auto;
}

.navList .topNav > ul.ulLeft {
    margin-bottom: 0 !important;
    float: left;
}

.navList .topNav ul.ulLeft li {
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: #ffffff;
    float: left;
    padding: 0 20px;
    cursor: pointer;
}

.navList .topNav ul.ulLeft li:hover {
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: #ffffff;
    float: left;
    padding: 0 20px;
    background: #2867b2;
    cursor: pointer;
}

.navList .topNav ul.ulLeft li.active {
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: #ffffff;
    float: left;
    padding: 0 20px;
    background: #2867b2;
    cursor: pointer;
}

.navList .pagenavigationul {
    float: right;
}

.navList .dropdown {
    position: relative;
}

.navList .pagenavigationul > li {
    height: 44px;
    line-height: 44px;
    float: left;
    cursor: pointer;
}

.navList .pagenavigationul > li:first-child + li {
    margin-left: 15px;
}

.navList .pagenavigationul > li:first-child + li + li {
    margin-left: 35px;
}

.navList .pagenavigationul > li:first-child + li + li + li {
    margin-left: 15px;
}

.navList .pagenavigationul > li > a {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 5px;
    color: #fff;
}

.navList .pagenavigationul > li > a:hover {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 5px;
    color: #fff;
    background: #1e4f82;
}

.navList .pagenavigationul > li > a > span {
    vertical-align: middle;
}

.navList .pagenavigationul > li > a > .iconfont {
    font-size: 14px !important;
    vertical-align: middle;
}

/*面包屑*/
.bread {
    background: #fff;
}

.bread > ul {
    padding-left: 20px;
    width: 1400px;
    margin: 0 auto;
}

.bread > ul > li {
    float: left;
}

.bread li > div {
    font-size: 14px;
    line-height: 1;
    color: #333333;
    float: left;
    height: 36px;
    line-height: 36px;
}

.btnArea {
    height: 66px;
    line-height: 66px;
}

/*主体结构*/
.mainBox {
   /* margin-top: 150px;
    margin-bottom: 16px;*/
    padding-top: 150px;
    padding-bottom: 70px;
}

.mainBox > .innerContent {
    background: #fff;
    width: 1400px;
    margin:16px auto 0 auto;
    padding: 0px 19px 29px 19px;
}

.mainBox > .innerContent #echatBar {
    height: 294px;
    background: #fff;
    width: 100%;
    margin-bottom: 16px;
    padding: 0 25px;
}

.mainBox > .innerContent .siderbar {
    width: 220px;
    float: left;
    margin-right: 16px;
    background: #fff;
    position: relative;
    z-index: 5;
}

/*.mainBox > .innerContent .siderbar > div:first-child {*/
/*    height: 70px;*/
/*    line-height: 70px;*/
/*    text-align: center;*/
/*}*/

/*.mainBox > .innerContent .siderbar > div:first-child > input {*/
/*    width: 185px;*/
/*}*/

.mainBox > .innerContent .siderbar > div:last-child {
    border-top: 1px solid #dcdcdc;
    padding: 20px 0 20px 20px;
}

/*.mainBox > .innerContent .siderbar > div:last-child ul.gdt {*/
/*    height: 540px;*/
/*}*/

.mainBox > .innerContent .siderbar > div:last-child > ul li {
    display: inline-block;
    height: 46px;
    /*line-height: 46px;*/
    line-height: 1;
    padding: 16px 0;
    position: relative;
    z-index: 0;
    width: 100%;
}

.mainBox > .innerContent .siderbar > div:last-child > ul li > span:first-child {
    font-size: 14px;
    color: #333;
    padding-bottom: 5px;

}

.mainBox > .innerContent .siderbar > div:last-child > ul li:first-child {
    margin-top: 20px !important;
}

.mainBox > .innerContent .siderbar > div:last-child > ul li span:last-child{
    display: none;
    margin-right: 2px;
    position: absolute;
    right: 10px;
    top: 18px;
    font-size: 12px;
    color: #2380d2;
}

.mainBox > .innerContent .siderbar > div:last-child > ul li > span:first-child:hover {
    /*border-bottom: 1px solid #2380d2;*/
    color: #2380d2;
    cursor: pointer;
}

.mainBox > .innerContent .siderbar > div:last-child > ul li > span:first-child.active {
    border-bottom: 1px solid #2380d2;
    color: #2380d2;
}

/*通知通告列表侧边栏*/
.mainBox > .innerContent .siderNotice {
    width: 220px;
    float: left;
    margin-right: 16px;
    background: #fff;
}

.mainBox > .innerContent .siderNotice > ul {
    padding-top: 20px;
}

.mainBox > .innerContent .siderNotice > ul > li {
    height: 36px;
    line-height: 36px;
    padding-left: 40px;
    position: relative;
    font-size: 14px;
    color: #333;
}

.mainBox > .innerContent .siderNotice > ul > li > span {
    display: none;
    margin-right: 2px;
    position: absolute;
    right: 12px;
    font-size: 12px;
}

.mainBox > .innerContent .siderNotice > ul > li:hover {
    color: #2380d2;
    cursor: pointer;
}

.mainBox > .innerContent .siderNotice > ul > li.active {
    color: #fff;
    cursor: pointer;
    background: #2380d2;
}

/*左侧年度切换*/
.mainBox > .innerContent .tabDiv {
    float: left;
    margin-right: 16px;
}

.mainBox > .innerContent .tabDiv li {
    width: 106px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #dcdcdc;
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-bottom: 10px;
    background: #fff;
    position: relative;
    cursor: pointer;
}

.mainBox > .innerContent .tabDiv li span {
    display: none;
    margin-right: 2px;
    position: absolute;
    right: 3px;
    font-size: 12px;
}

.mainBox > .innerContent .tabDiv li:hover {
    color: #2380d2;
}

.mainBox > .innerContent .tabDiv li.active {
    color: #fff;
    cursor: pointer;
    background: #2380d2;
}

.mainBox .rightPart {
    width: 1164px;
    float: left;
    padding: 1px 19px;
    background: #fff;
}

/*按钮样式*/
.btn36 {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 22px;
    font-size: 14px;
    border-radius: 3px;
    height: 36px;
    line-height: 36px;
}

.btn32 {
    min-width: 68px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 14px;
    font-size: 13px;
    border-radius: 3px;
    height: 32px;
    line-height: 32px;
}

.btnBg {
    color: #fff;
    background: #4488e9;
}

.btnDbg {
    color: #333;
    background: #fff;
    border: 1px solid #dcdcdc;
}

.btnBg:hover {
    color: #fff;
    background: #387ad4;
}

.btnBg:active {
    color: #fff;
    background: #2263Bf;
}

.btnYes {
    color: #fff;
    background: #70B603;
}

.btnDel {
    color: #fff;
    background: #f64e4e;
}

.adaptive_primary[disabled] {
    color: #fff;
    background: #a4ccf5;
    cursor: not-allowed;
}

/*输入框样式*/
input.small {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    color: #999;
    font-size: 14px;
    height: 32px;
    line-height: 1;
    padding: 5px 0 5px 10px;
    vertical-align: middle;
    position: relative;
}

input.regular {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    color: #999;
    font-size: 16px;
    height: 36px !important;
    line-height: 1;
    padding: 5px 0 5px 10px;
    vertical-align: middle;
    position: relative;
}

input::placeholder {
    font-size: 14px;
    color: #999 !important;
}

input::-webkit-input-placeholder {
    font-size: 14px;
    color: #999 !important;
}

input::-moz-placeholder {
    font-size: 14px;
    color: #999 !important;
}

input:-ms-input-placeholder {
    font-size: 14px;
    color: #999 !important;
}

input[type=text]::-ms-clear {
    display: none;
}

*[disabled] {
    background-color: #f2f2f2 !important;
    opacity: 1 !important;
    cursor: default;
    font-size: 16px !important;
    color: #999999 !important;
}

*[readonly] {
    background-color: #eee !important;
    opacity: 1 !important;
    cursor: default;
    color: #999999 !important;
    border: 1px solid #999999 !important;
}
*[readonly2] {
    background-color: #fff !important;
    opacity: 1 !important;
    cursor: default;
    color: #999999 !important;
    border: 1px solid #999999 !important;
}
*:focus {
    outline: none;
}

.require_icon {
    vertical-align: middle;
    color: red;
    margin-right: 6px;
}

.time32 {
    color: #999;
    font-size: 16px;
    line-height: 1;
    width: 15%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    position: relative;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    padding-left: 10px !important;
    background: #fff url('./system/images/img/bs.png') no-repeat 98% -22px;
}

.time36 {
    color: #999;
    font-size: 14px;
    line-height: 1;
    width: 15%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    position: relative;
    vertical-align: middle;
    height: 36px;
    line-height: 36px;
    padding-left: 10px !important;
    background: #fff url('./system/images/img/bs.png') no-repeat 98% -22px;
}

.pop_box32 {
    color: #999;
    font-size: 14px;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    vertical-align: middle;
    background: #fff url('./system/images/img/bs.png') no-repeat 98% 8px;
}

.pop_box36 {
    color: #999;
    font-size: 14px;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    vertical-align: middle;
    background: #fff url('./system/images/img/bs.png') no-repeat 98% 8px;
}

.pop_box32::-webkit-input-placeholder, .pop_box36::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #333;
}

.pop_box32:-moz-placeholder, .pop_box36:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #333;
}

.pop_box32::-moz-placeholder, .pop_box36::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #333;
}

.pop_box32:-ms-input-placeholder, .pop_box36:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #333;
}

.pop_search {
    cursor: pointer;
    color: #999;
    font-size: 16px;
    line-height: 1;
    width: 250px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    vertical-align: middle;
    background: #fff url('./system/images/img/search.png') no-repeat 98% 8px;
}

.pop_search_a {
    cursor: pointer;
    color: #999;
    font-size: 16px;
    line-height: 1;
    width: 250px;
    border: 1px solid #2380d2;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    vertical-align: middle;
    background: #fff url('./system/images/img/search-a.png') no-repeat 98% 8px;
}

/*单选按钮*/
.radioDiv {
    padding: 30px 0 30px 30px;
}

.radio-inline {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    font-size: 12px;
}

.radio-inline:first-child {
    margin-left: 0px;
}

.radio-inline:first-child + .radio-inline {
    margin-left: 14px;
}

.radio-inline:first-child + .radio-inline + .radio-inline {
    margin-left: 20px;
}

.radio-inline:first-child + .radio-inline + .radio-inline + .radio-inline {
    margin-left: 20px;
}

.radio-inline > input {
    vertical-align: middle;
}

.radio-inline > span {
    color: #000000;
    font-size: 12px;
    vertical-align: middle;
    margin-left: 6px;
}

/*下拉框样式*/
.selectBox30 {
    width: 275px;
    display: inline-block;
    position: relative;
}

.inputCase30 {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.inputCase30 input.imitationSelect30 {
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    color: #333;
    background-color: #FFF;
    font-size: 14px;
    height: 32px;
    line-height: 1;
    padding: 5px 0 5px 10px;
    vertical-align: middle;
    position: relative;
}

.inputCase30 span.iconfont {
    position: absolute;
    right: 10px;
    top: 9px;
    color: #666666;
    display: block;
    font-size: 16px;
}

.selectUl30 {
    width: 100%;
    display: none;
    padding: 0 !important;
    border: 1px solid #ccc;
    position: absolute;
    top: 36px;
    z-index: 999999999;
    background: #fff;
    margin-top: 3px;
}

.selectUl30 li {
    height: 30px;
    line-height: 30px;
    list-style: none;
    text-indent: 10px;
    transition: all .5s ease 0s;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}

.selectUl30 li:hover {
    background: #f2f2f2;
    color: #4488e9;
}

.selectUl30 li:last-child {
    border-bottom: 0 none;
}

.selectBox36 {
    display: inline-block;
    position: relative;
}

.inputCase36 {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.inputCase36 input.imitationSelect36 {
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    color: #333;
    background-color: #FFF;
    font-size: 14px;
    height: 36px;
    line-height: 1;
    padding: 9px 0 9px 10px;
    vertical-align: middle;
    position: relative;
}

.inputCase36 span.iconfont {
    position: absolute;
    right: 10px;
    top: 9px;
    color: #666666;
    display: block;
    font-size: 16px;
}

.selectUl36 {
    width: 100%;
    display: none;
    padding: 0 !important;
    border: 1px solid #ccc;
    position: absolute;
    top: 36px;
    z-index: 999999999;
    background: #fff;
    margin-top: 3px;
}

.selectUl36 li {
    height: 30px;
    line-height: 30px;
    list-style: none;
    text-indent: 10px;
    transition: all .5s ease 0s;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}

.selectUl36 li:hover {
    background: #f2f2f2;
    color: #4488e9;
}

.selectUl36 li:last-child {
    border-bottom: 0 none;
}

/*表格样式*/
.dynamic-table {
    width: 100%;
    border-collapse: collapse;
}

.dynamic-table > thead {
    background: #e9e9e9;
}

.dynamic-table > thead > tr > th {
    border: 1px solid #dcdcdc;
    text-align: center;
    vertical-align: middle;
    text-align: center;
    color: #333333;
    font-size: 14px;
    font-weight: 700;
}

.dynamic-table > tbody > tr, .dynamic-table > thead > tr {
    height: 40px;
}

.dynamic-table > tbody > tr:hover {
    background: #f6f6f6;
}

.dynamic-table > tbody > tr > td {
    text-align: center;
    vertical-align: middle;
    padding: 0;
    color: #666666;
    font-size: 12px;
    border: 1px solid #dcdcdc;
}

.dynamic-table > tbody > tr > td.tbBg {
    color: #398dd6;
}

.dynamic-table > tbody > tr .circle {
    width: 17px;
    height: 17px;
    background: #999999;
    border-radius: 50%;
    margin: 0 auto;
}

/*.dynamic-table > tbody > tr .operItem > span {*/
/*    font-size: 12px;*/
/*    color: #2380d2;*/
/*    vertical-align: middle;*/
/*    cursor: pointer;*/
/*}*/

/*分页样式*/
.page_ctrl {
    margin-top: 15px;
    text-align: right;
    box-sizing: border-box;
}

.page_ctrl > div {
    float: left;
}

.page_ctrl button {
    margin: 0 -1px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e5e5e5;
    background: none;
    color: #5e5e5e;
    cursor: pointer;
    outline: none;
    text-align: center;
    padding: 0;
}

.page_ctrl .page_btn {
    margin: 0 -3px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 0;
    background: none;
    color: #5e5e5e;
    cursor: pointer;
    outline: none;
    text-align: center;
    padding: 0;
}

.page_ctrl .page_btn:hover {
    margin: 0 -3px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 0;
    background: none;
    color: #4488e9;
    cursor: pointer;
    outline: none;
    text-align: center;
    padding: 0;
}

.page_ctrl .page_index {
    width: 60px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e5e5e5;
    color: #535353;
    cursor: pointer;
    outline: none;
    text-align: center;
    padding: 0;
    font-size: 14px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.page_ctrl .prev_page {
    width: 60px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e5e5e5;
    color: #535353;
    cursor: pointer;
    outline: none;
    text-align: center;
    padding: 0;
    font-size: 12px;
}

.page_ctrl .next_page {
    width: 60px;
    height: 28px;
    line-height: 28px;
    color: #535353;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    outline: none;
    text-align: center;
    padding: 0;
    font-size: 14px;
}

.page_ctrl .page_end {
    width: 60px;
    height: 28px;
    line-height: 28px;
    color: #535353;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    outline: none;
    text-align: center;
    padding: 0 !important;
    font-size: 14px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.page_ctrl .page_index_s {
    height: 28px;
    line-height: 28px;
    color: #535353;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    outline: none;
    text-align: center;
    padding: 0 !important;
    font-size: 14px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.page_ctrl .page_end_s {
    height: 28px;
    line-height: 28px;
    color: #535353;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    outline: none;
    text-align: center;
    padding: 0 !important;
    font-size: 14px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.page_ctrl .jump {
    margin: 0 12px;
    font-size: 12px;
}

.page_ctrl .page_num_go {
    margin: 0 6px;
    width: 37px;
    height: 28px;
    line-height: 28px;
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    color: #535353;
    cursor: pointer;
    outline: none;
    text-align: center;
    padding: 0 !important;
    font-size: 14px;
}

.page_ctrl button:hover {
    background: #5fa5ed;
    color: #fff;
}

.page_ctrl .btn_dis {
    cursor: default;
    opacity: .7;
    background: #eeeeee;
    color: #5e5e5e;
}

.page_ctrl .btn_dis:hover {
    background: #eeeeee;
    color: #5e5e5e;
}

.page_ctrl .current_page {
    background: #4488e9;
    color: #fff;
    border-top: 1px solid #4488e9;
    border-bottom: 1px solid #4488e9;
}

.page_ctrl .current_page_text {
    color: #4488e9;
    background: #fff;
    border: 0;
}

.page_ctrl .input_page_num {
    width: 40px;
    height: 27px;
    line-height: 26px;
    margin-right: 3px;
    margin-top: -6px \0;
    text-align: center;
    background: #ffffff;
    border: 1px solid #dcdfe6;
    color: #5e5e5e;
    outline: none;
    padding: 0 !important;
}

.page_ctrl .page_total_my {
    margin-left: 10px;
    margin-right: 10px;
}

.page_ctrl .page_total_select {
    height: 28px;
    padding: 0;
    border: 1px solid #dcdcdc;
}

.page_ctrl .page_total, .page_ctrl .page_total_my, .page_ctrl .page_total_select, .page_ctrl .page_text, .page_ctrl span {
    color: #2b2b2b;
    font-size: 14px;
}

/*消息提示*/
.yjnotice {
    position: absolute;
    top: 9px;
    right: -18px;
    width: 20px;
    height: 14px;
    line-height: 14px;
    background: url('./system/images/yhgf/s.png');
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
}

.yjnotice2 {
    position: absolute;
    top: 9px;
    right: -22px;
    width: 26px;
    height: 14px;
    line-height: 14px;
    background: url('./system/images/yhgf/l.png');
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
}

.yjTab1 {
    position: absolute;
    top: 7px;
    right: 16px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: url('./system/images/yhgf/tips1bg.png');
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
}

.yjTab2 {
    position: absolute;
    top: 7px;
    right: 16px;
    width: 24px;
    height: 16px;
    line-height: 16px;
    background: url('./system/images/yhgf/tips2bg.png');
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
}

.yjTab3 {
    position: absolute;
    top: 7px;
    right: 16px;
    width: 30px;
    height: 16px;
    line-height: 16px;
    background: url('./system/images/yhgf/tips3bg.png');
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
}

/*标题*/
.title {
    position: relative;
}

.title > ul.titleLeft {
    float: left;
}

.title > ul.titleLeft > li {
    height: 58px;
    line-height: 58px;
}

.title > ul.titleLeft > li > span {
    font-size: 22px;
    line-height: 1;
    color: #333333;
    font-weight: bold;
    border-left: 6px solid #498ffa;
    padding-left: 10px;
}
.title > ul.titleLeft > li > a {
    font-size: 22px;
    line-height: 1;
    color: #333333;
    font-weight: bold;
    border-left: 6px solid #498ffa;
    padding-left: 10px;
}

.title > ul.titleRight {
    float: right;
}

.title > ul.titleRight > li {
    float: left;
    margin-right: 20px;
    height: 58px;
    display: table;
}

.title > ul.titleRight > li:last-child {
    margin-right: 0;
}

.title > ul.titleRight > div {
    float: left;
    margin-right: 0;
    height: 58px;
    line-height: 46px;
}

.title > ul.titleRight > li > span {
    font-size: 14px;
    line-height: 1;
    color: #f6751f;
    font-weight: bold;
    padding: 0 3px;
    display: table-cell;
    vertical-align: middle;
}

.title > ul.titleRight > li > div {
    font-size: 14px;
    line-height: 1;
    color: #2380d2;
    font-weight: bold;
    padding: 0 3px;
    display: table-cell;
    vertical-align: middle;
}

.titleDetail {
    padding: 13px 20px 13px 0;
    background: #f5f7fa;
    position: relative;
}

.titleDetail > ul {
    border-left: 6px solid #498ffa;
    margin-left: 10px;
}

.titleDetail > ul > li {
    padding-left: 10px;
}

.titleDetail > ul > li > a {
    font-size: 18px;
    line-height: 1;
    color: #333333;
    font-weight: bold;
}

/*弹窗页标题样式*/
.popTitle {
    padding: 13px 20px 13px 0;
    background: #f5f7fa;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

.popTitle > ul {
    border-left: 6px solid #498ffa;
    margin-left: 10px;
}

.popTitle > ul > img {
    position: absolute;
    right: 14px;
    top: 14px;
    cursor: pointer;
}

.popTitle > ul > li {
    padding-left: 10px;
}

.popTitle > ul > li > a {
    font-size: 18px;
    line-height: 1;
    color: #333333;
}

 .mBg {
    position: absolute;
    right: 10px;
    top: -4px;
    width: 94px;
    height: 76px;
    background: url('./system/images/img/m2Bg.png');
}

.mBg2 {
    position: absolute;
    right: 10px;
    top: -4px;
    width: 94px;
    height: 76px;
    background: url('./system/images/img/m2Bg2.png');
}

.mBg_fwf {
    position: absolute;
    right: 10px;
    top: 40px;
    width: 94px;
    height: 76px;
    background: url('./system/images/img/m2Bg.png');
}
.mBg_fwf > span {
    display: inline-block;
    font-size:19px;
    line-height:1;
    color:rgba(252,0,0,0.45);
    position: absolute;
    right:19px;
    top:34px;
    transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}
.mBg_company {
    position: absolute;
    right: 10px;
    top: -10px;
    width: 94px;
    height: 76px;
    background: url('./system/images/img/m2Bg.png');
}
.mBg_company > span {
    display: inline-block;
    font-size:19px;
    line-height:1;
    color:rgba(252,0,0,0.45);
    position: absolute;
    right:19px;
    top:26px;
    transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}
 .mBg > span {
    display: inline-block;
    font-size:19px;
    line-height:1;
    color:rgba(252,0,0,0.45);
    position: absolute;
    right:35px;
    top:23px;
    transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}

.mBg2 > span {
    display: inline-block;
    font-size:19px;
    line-height:1;
    color:rgba(252,0,0,0.45);
    position: absolute;
    right:29px;
    top:28px;
    transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}

/*条件搜索*/
.serachDiv {
    height: 56px;
    border: 1px solid #dcdcdc;
    background: #f2f2f2;
    padding: 11px 15px 11px 15px;
}

.serachDiv .pop_box32 {
    float: left;
    width: 100px;
}

.serachDiv .pop_search {
    float: left;
    margin-right: 14px;
}
.serachDiv .time32 {
    width:202px;
}
.serachDiv .parentBox {
    width: 245px;
    float: left;
    margin-right: 14px;
}

.serachDiv .parentBox2 {
    width: 202px;
}

.serachDiv .pop_box32 {
    width: 245px;
    float: left;
    margin-right: 14px;
    cursor: pointer;
}

.serachDiv span:first-child {
    font-size: 16px;
    /*color: #333;*/
}

.serachDiv span:first-child + span {
    font-size: 14px;
    color: #f6751f;
    margin-left: 27px;
}

.serachDiv span:first-child + span + span {
    margin-left: 40px;
    font-size: 14px;
    color: #f6751f;
}

/*产品编码统计*/
.proCodeSta {
    margin-top: 14px;
}

.proCodeSta > div:first-child {
    width: 242px;
    margin-right: 14px;
    float: left;
}

.proCodeSta > div:first-child + div {
    width: 278px;
    margin-right: 14px;
    float: left;
}

.proCodeSta > div:first-child + div + div {
    width: 518px;
    float: left;
    position: relative;
}

/*通知公告列表*/
.ggList {
    margin-top: 0;
}

.ggList > ul > li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dcdcdc;
}

.ggList > ul > li > div {
    float: left;
}

.ggList > ul > li > div:first-child {
    width: 60%;
    text-align: left;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.ggList > ul > li > div:first-child + div {
    width: 25%;
    text-align: center;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.ggList > ul > li > div:first-child + div + div {
    width: 15%;
    text-align: center;
    font-size: 16px;
    color: #a3a3a3;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

/*表单详情列表*/
.form table {
    width: 100%;
}

.form table tr {
    height: 50px;
}

.form table tr > td {
    font-size: 14px;
    color: #000;
}

.form table tr td > span.require_icon {
    vertical-align: middle;
    color: red;
    margin-right: 6px;
}

.form .odd {
    text-align: right;
    width: 15%;
}

.form .even {
    position: relative;
    width: 35%;
}

.form input {
    width: 64%;
}

.form .myIpt .myIpttip {
    position: relative;
}

.form .myIpt .myIpttip > span {
    color: #999999;
    font-size: 12px;
}

.form .myIptred {
    position: absolute;
    height: 24px;
    bottom: -15px;
}

.form .myIptred span {
    color: #f64e4e;
    font-size: 12px;
}

/*提示框样式*/
.popupwindow_sure {
    width: 400px;
    height: 224px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -112px;
    display: block;
    z-index: 1010000;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 58px 30px 20px 30px;
}

.popupwindow_sure .table_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-align: left;
    background: #004977;
    padding-left: 20px;
}

.popupwindow_sure .delete_btn {
    position: absolute;
    top: 11px;
    right: 16px;
    cursor: pointer;
    z-index: 2;
}

.popupwindow_sure > p {
    margin-top: 16px;
    padding-left: 36px;
    font-size: 12px;
    color: #333;
}

.popupwindow_sure > .popupwindow_item > img {
    vertical-align: middle;
    margin-right: 10px;
}

.popupwindow_sure > .popupwindow_item > span {
    font-size: 15px;
    color: #233445;
    vertical-align: middle;
}

.popupwindow_sure .btn_sure {
    position: absolute;
    bottom: 20px;
    right: 30px;
}

.shadow_sure {
    position: fixed;
    opacity: 0.6;
    filter: alpha(opacity=60);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: black;
    z-index: 999999;
    display: block;
}

.popupwindow_delete {
    width: 400px;
    height: 224px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -112px;
    display: block;
    z-index: 1010000;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 58px 30px 20px 30px;
}

.popupwindow_delete .table_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-align: left;
    background: #004977;
    padding-left: 20px;
}

.popupwindow_delete .delete_btn {
    position: absolute;
    top: 11px;
    right: 16px;
    cursor: pointer;
    z-index: 2;
}

.popupwindow_delete > p {
    margin-top: 16px;
    padding-left: 36px;
    font-size: 12px;
    color: #5e666e;
}

.popupwindow_delete .btn_sure {
    position: absolute;
    bottom: 20px;
    right: 30px;
}

.popupwindow_delete > .popupwindow_item > img {
    vertical-align: middle;
    margin-right: 10px;
}

.popupwindow_delete > .popupwindow_item > span {
    font-size: 15px;
    color: #233445;
    vertical-align: middle;
}

.popupwindow_delete .btn_delete {
    position: absolute;
    bottom: 20px;
    right: 30px;
}

.popupwindow_delete .btn_cancel {
    position: absolute;
    bottom: 20px;
    right: 100px;
}

.shadow_delete {
    position: fixed;
    opacity: 0.6;
    filter: alpha(opacity=60);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: black;
    z-index: 999999;
    display: block;
}

/*撤销弹窗*/
.popupwindow_cancel {
    width: 430px;
    height: 192px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -215px;
    margin-top: -96px;
    z-index: 1010000;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 58px 30px 20px 30px;
    display: block;
}

.popupwindow_cancel .table_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-align: left;
    background: #354256;
    padding-left: 20px;
}

.popupwindow_cancel .delete_btn {
    position: absolute;
    top: 11px;
    right: 16px;
    cursor: pointer;
    z-index: 2;
}

.popupwindow_cancel > p {
    margin-top: 16px;
    padding-left: 36px;
    font-size: 12px;
    color: #5e666e;
}

.popupwindow_cancel > .popupwindow_item > img {
    vertical-align: middle;
    margin-right: 10px;
}

.popupwindow_cancel > .popupwindow_item > span {
    font-szie: 15px;
    color: #233445;
}

.popupwindow_cancel .btn_sure {
    position: absolute;
    bottom: 20px;
    right: 30px;
}

.popupwindow_cancel .btn_cancel {
    position: absolute;
    bottom: 20px;
    right: 100px;
}

.shadow_cancel {
    position: fixed;
    opacity: 0.6;
    filter: alpha(opacity=60);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: black;
    z-index: 999999;
    display: block;
}

.popupwindow_general {
    width: 400px;
    height: 224px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -112px;
    z-index: 1010000;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 58px 30px 20px 30px;
    display: block;
}

.popupwindow_general .table_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-align: left;
    background: #004977;
    padding-left: 20px;
}

.popupwindow_general .delete_btn {
    position: absolute;
    top: 11px;
    right: 16px;
    cursor: pointer;
    z-index: 2;
}

.popupwindow_general > p {
    margin-top: 16px;
    padding-left: 36px;
    font-size: 12px;
    color: #5e666e;
}

.popupwindow_general > .popupwindow_item {
    position: relative;
}

.popupwindow_general > .popupwindow_item > img {
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

.popupwindow_general > .popupwindow_item > span {
    font-size: 15px;
    color: #233445;
    vertical-align: middle;
}

.popupwindow_general .btn_sure {
    position: absolute;
    bottom: 20px;
    right: 30px;
    cursor: pointer;
}

.popupwindow_general .btn_cancel {
    width: 66px;
    height: 36px;
    line-height: 36px;
    background: #d9e7f5;
    color: #79828c;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    position: absolute;
    bottom: 20px;
    right: 116px;
    cursor: pointer;
}

.shadow_general {
    position: fixed;
    opacity: 0.6;
    filter: alpha(opacity=60);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: black;
    z-index: 999999;
    display: block;
}

/*详情标题*/
.headTitle {
    border-bottom: 1px solid #dcdcdc;
    width: 100%;
    margin-bottom: 20px;
}

.headTitle > ul > li {
    float: left;
    height: 40px;
    line-height: 40px;
}

.headTitle > ul > li.subName {
    font-size: 18px;
    color: #2263BF;
    border-bottom: 2px solid #2380d2;
}

.headTitle > ul > li.subNumber {
    font-size: 14px;
    color: #333333;
    margin-left: 80px;
}

.headTitle .operateAction {
    position: absolute;
    right: 0;
    top: 5px;
}

/*底部样式¨*/
.footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 70px;
    background-color: #025c95;
    z-index: 200
}

.footer > div {
    width: 1104px;
    height: 70px;
    margin: 0 auto;
    padding: 20px 0;
    position: relative;
}

.footer .text_one li {
    line-height: 1;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    margin-bottom: 13px;
    float: left;
    margin-right: 15px;
}

.footer .text_two li {
    line-height: 1;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    float: left;
    margin-right: 15px;
}

.footer img {
    /*position: absolute;*/
    /*top: 13px;*/
    /*right: 0;*/
    /*width: 84px;*/
    /*height: 53px;*/
}

/*弹出框详情列表两列*/
.form {
    padding: 20px 0;
}

.form tr {
    height: 40px;
}

.form tr > td {
    text-align: right;
    width: 15%;
}

.form tr > td + td {
    width: 35%;
    text-align: left;
}

.form tr > td + td + td {
    text-align: right;
    width: 15%;
}

.form tr > td + td + td + td {
    width: 35%;
    text-align: left;
}

.form textarea {
    margin: 2px 0;
    vertical-align: middle;
    font-size: 16px;
    color: #999;
    width: 100%;
    height: 88px;
    outline: none;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    resize: none;
    overflow: auto;
    font-family: "Microsoft Yahei" !important;
    padding-left: 10px;
    padding: 0;
}

.form .selectBox36 {
    width: 300px;
}

.form .regular {
    width: 300px;
}

.form .pop_box36 {
    width: 275px;
}

.form .edited {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.form .editeing {
    width: 36px !important;
    height: 36px !important;
    line-height: 36px;
    border: 1px solid #c9c9c9;
    font-size: 14px;
    color: #333;
    text-align: center;
    font-weight: bold;
}

/*详情页列表两列*/
.formTwo {
    padding: 20px 0;
}

.formTwo tr {
    height: 50px;
}

.formTwo tr > td {
    text-align: right;
    width: 15%;
    font-size: 14px;
    color: #000;
}

.formTwo tr > td + td {
    width: 35%;
    text-align: left;
}

.formTwo tr > td + td + td {
    text-align: right;
    width: 15%;
}

.formTwo tr > td + td + td + td {
    width: 35%;
    text-align: left;
}

.formTwo textarea {
    margin: 2px 0;
    vertical-align: middle;
    font-size: 14px;
    color: #999;
    width: 100%;
    height: 88px;
    outline: none;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    resize: none;
    overflow: auto;
    font-family: "Microsoft Yahei" !important;
    padding-left: 10px;
    padding: 9px 0 9px 10px;
}

.formTwo textarea:focus {
    color: rgb(51, 51, 51);
    border: 1px solid rgb(51, 51, 51);
    outline: 0px;
}

.formTwo .selectBox36 {
    width: 275px;
}

.formTwo .regular {
    width: 275px;
}

.formTwo .pop_box36 {
    width: 275px;
}

.formTwo .time36 {
    width: 275px;
}

/*详情列表三列*/
.formThree {
    padding: 20px 0;
}

.formThree table {
    width: 100%;
}

.formThree table tr {
    height: 40px;
}

.formThree .selectBox {
    width: 90% !Important;
}

.formThree .inputCase {
    width: 100% !Important;
}

.formThree .selectUl {
    width: 100% !Important;
}

.formThree table tr > td {
    font-size: 14px;
    color: #000;
    text-align: right;
    width: 15%;
}

.formThree tr > td + td {
    width: 20%;
    text-align: left;
}

.formThree tr > td + td + td {
    text-align: right;
    width: 15%;
}

.formThree tr > td + td + td + td {
    width: 23.3%;
    text-align: left;
}

.formThree tr > td + td + td + td + td {
    text-align: right;
    width: 10%;
}

.formThree tr > td + td + td + td + td + td {
    width: 23.3%;
    text-align: left;
}

.formThree input.time_item {
    width: 90%;
}

.formThree textarea {
    margin: 2px 0;
    vertical-align: middle;
    font-size: 16px;
    color: #999;
    width: 97.3%;
    height: 88px;
    outline: none;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    resize: none;
    overflow: auto;
    font-family: "Microsoft Yahei" !important;
    padding-left: 10px;
    padding: 0;
}

.formThree .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

.formThree input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 5px;
    line-height: normal
}

/*位置分布图*/
.LocationMap {
    padding: 30px;
    text-align: center;
    font-size: 0;
}

.LocationMap > div {
    display: inline-block;
    width: 260px;
    height: 180px;
    border: 1px dashed #c9c9c9;
    margin-right: 20px;
    padding: 9px;
}

.LocationMap > div > div {
    width: 100%;
    height: 100%;
    background: pink;
}

/*运输许可备案详情列表类型一*/
.ckjbxx {
    padding: 30px 60px;
}

.ycTable {
    padding: 0 60px 30px 60px;
}

.ycTable .dynamic-table tr td:first-child {
    background: #e9e9e9 !important;
}

.Appinfor {
    padding: 30px 0;
}

.Appinfor .partOne {
    margin-left: 74px;
    float: left;
}

.Appinfor .partOne .partTop {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 16px;
    color: #333;
    font-weight: bold;
}

.Appinfor .partOne .partDown > div {
    float: left;
    margin-right: 60px;
}

.Appinfor .partOne .partDown .avatar {
    width: 80px;
    height: 75px;
    display: block;
}

.Appinfor .partOne > .partDown .p1 {
    font-size: 16px;
    line-height: 1;
    color: #333;
    margin-top: 14px;
    margin-bottom: 8px;
}

.Appinfor .partOne > .partDown .p2 {
    font-size: 18px;
    color: #3caf79;
    line-height: 1;
    text-align: center;
}

.Appinfor .partOne > .partDown > div + div + div {
    margin-right: 0;
}

.Appinfor .partOne > .partDown > div.arrowR {
    margin-left: 24px;
    margin-right: 35px;
    margin-top: 26px;
    float: left;
}

.Appinfor .partOne > .partDown .arrowR > img {
    width: 50px;
    height: 20px;
    display: block;
}

.Appinfor .partTwo {
    float: left;
}

.Appinfor .partTwo .partTop {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 16px;
    color: #333;
    font-weight: bold;
}

.Appinfor .partTwo .partDown > div {
    float: left;
    margin-right: 60px;
}

.Appinfor .partTwo .partDown .avatar {
    width: 80px;
    height: 75px;
    display: block;
}

.Appinfor .partTwo > .partDown .p1 {
    font-size: 16px;
    line-height: 1;
    color: #333;
    margin-top: 14px;
    margin-bottom: 8px;
}

.Appinfor .partTwo > .partDown .p2 {
    font-size: 18px;
    color: #3caf79;
    line-height: 1;
    text-align: center;
}

.Appinfor .partTwo > .partDown > div + div {
    margin-right: 0;
}

.Appinfor .partTwo > .partDown > div.arrowR {
    margin-left: 24px;
    margin-right: 35px;
    margin-top: 26px;
    float: left;
}

.Appinfor .partTwo > .partDown .arrowR > img {
    width: 50px;
    height: 20px;
    display: block;
}

.Appinfor .partThree {
    float: right;
}

.Appinfor .partThree > div.appBtn {
    margin-top: 46px;
    width: 165px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #dcdcdc;
    background: #f5f7fa;
    color: #3caf79;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}

.yszNews {
    padding: 30px 0;
}

.yszNews > div:first-child {
    width: 890px;
    float: left;
}

.yszNews > div:last-child {
    float: right;
}

.yszNews > div:last-child > .appBtn {
    float: right;
    width: 165px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #dcdcdc;
    background: #f5f7fa;
    color: #3caf79;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

.yyNews {
    padding: 30px 60px;
}

.yyNews .dynamic-table > tbody > tr > td:nth-child(even) {
    background: #fff;
}

.yyNews .dynamic-table > tbody > tr > td:nth-child(odd) {
    background: #e9e9e9;
}

.yyNews2 {
    padding: 0 60px 30px 60px;
}

.confirmDiv {

}

.confirmDiv > div:first-child {
    width: 49%;
    float: left;
}

.confirmDiv > div:last-child {
    width: 49%;
    float: right;
}

.confirmDiv .appBtnPrimary {
    width: 165px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #2380d2;
    background: #fff;
    color: #2380d2;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    margin: 30px 0;
}

.rfBack {

}

.rfBack .appBtnPrimary {
    width: 165px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #2380d2;
    background: #fff;
    color: #2380d2;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    margin: 30px 0;
    float: left;
}

.rfBack > span {
    display: block;
    height: 48px;
    line-height: 48px;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin: 30px 0;
    margin-left: 30px;
}

/*通知公告详情*/
.heading {
    padding: 0 200px;
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    text-align: center;
}

.subHeading {
    width: 100%;
    margin: 30px 0 45px 0;
    background: #f5f5f5;
    text-align: center;
    border-bottom: 1px solid #d6d6d6;
}

.subHeading > div {
    height: 36px;
    line-height: 36px;
    display: inline-block;
}

.subHeading > div > span {
    font-size: 12px;
    color: #333;
}

.subHeading > div:first-child {
    margin-right: 35px;
}

.contentNews {
    padding: 0 35px 30px 35px;
    position: relative;
}

.contentNews > p {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    text-indent: 2em;
}

.contentNews > p > img {
    vertical-align: middle;
}

.contentNews > .newBg {
    display: block;
    margin: 40px auto;
}

.contentNews > .p2 {
    display: block;
    margin: 40px auto;
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    text-indent: 2em;
}

.contentNews > .p3 {
    display: block;
    margin: 40px auto;
    font-size: 18px;
    line-height: 28px;
    color: #2380d2;
    font-weight: bold;
    text-indent: 2em;
}

.contentNews > .p4 {
    display: block;
    margin: 40px auto;
    font-size: 18px;
    line-height: 28px;
    color: #333;
    font-weight: bold;
    text-indent: 2em;
}

.downLoad {
    background: #f5f5f5;
    border-bottom: 1px solid #d6d6d6;
}

.downLoad > div {
    height: 36px;
    line-height: 36px;
    padding: 0 35px;
}

.downLoad > div > span {
    font-size: 16px;
    color: #333;
    float: left;
}

.downLoad > div > span > img {
    vertical-align: middle;
    margin-left: 5px;
}

.downLoad > div > span > a {
    margin-left: 8px;
    font-size: 16px;
    color: #2380d2;
    text-decoration: underline !Important;
}

/*新建设备设施弹窗*/
.subTitle {
    position: relative;
    border-bottom: 1px solid #dcdcdc;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}

.subTitle > ul > li {
    float: left;
    height: 40px;
    line-height: 40px;
}

.subTitle > ul > li.subName {
    font-size: 18px;
    color: #2263BF;
}

.subTitle > ul > li.subNumber {
    font-size: 14px;
    color: #333333;
    margin-left: 80px;
}

.subTitle .operateAction {
    position: absolute;
    right: 0;
    top: 5px;
}

.subTitle > div {
    position: absolute;
    top: 0;
    right: 0;
}

/*出入库流程弹窗title*/
.ProcessTitle {
    position: relative;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}

.ProcessTitle > ul > li.subName {
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    color: #333;
    font-weight: bold;
}

.subContent {
    width: 100%;
    height: 100%;
    padding: 0 20px 20px 20px !important;
}

.banner {
    width: 70%;
    height: 660px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -35%;
    margin-top: -350px;
    display: none;
    z-index: 1002;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
}

.mask_html {
    height: 100% !important;
}

.mask_body {
    background: #fff !important;
    height: 100%;
}

.maskNews {
    height: 100%;
    position: relative;
    left: 0px;
    top: 0px;
}

.maskPop {
    width: 100% !important;
    height: 100%;
    padding: 30px 30px 20px 30px;
    float: left;
    position: relative;
}

.maskTop {
    padding: 0 10px;
    height: 8%;
}

.maskBody {
    height: 92%;
    margin: 0 -10px;
}

.maskNews .mask_delate {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.newItemMask {
    position: fixed;
    opacity: 0.6;
    filter: alpha(opacity=60);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: black;
    z-index: 1001;
    display: none;
}

.listItemMask {
    position: fixed;
    opacity: 0.6;
    filter: alpha(opacity=60);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: black;
    z-index: 99;
    display: none;
}

/*tab栏切换*/
/*tab栏切换*/
.tabTableTwo li {
    border: 1px solid #dcdcdc;
    background: #ffffff;
    position: relative;
    z-index: 2;
    float: left;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 10px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    color: #666666;
    width: 16%;
    margin-right: 0.8%;
    margin-bottom: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tabTableTwo li.active {
    color: #fff;
    background: #4488e9;
    border: 1px solid #4488e9;
}

.tabTableTwo li:nth-child(6n) {
    margin-right: 0;
}

/*附件上传样式*/
.annex {
    margin-top: 20px;
}

.annex td {
    font-size: 12px;
}

.annex .odd {
    text-align: right;
    width: 9.3%;
    vertical-align: top;
    padding-top: 8px;
}

.annex .uploadBtn > div {
    float: left;
    height: 30px;
    line-height: 30px;
}

.annex .uploadBtn > div.text {
    margin-left: 10px;
}

.annex .uploadBtn img {
    vertical-align: middle;
}

.annex .uploadBtn span {
    font-size: 12px;
    color: #999999;
    vertical-align: middle;
}

.annex .wjName {
    width: 550px;
    height: 38px;
    line-height: 38px;
    border: 1px dashed #dcdcdc;
    margin-top: 10px;
    position: relative;
    margin-bottom: 10px;
}

.annex .wjName:last-child {
    margin-bottom: 30px;
}

.annex .wjNameZd {
    width: 550px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #dcdcdc;
    margin-top: 10px;
    position: relative;
    margin-bottom: 10px;
    background: #f6f6f6;
}

.annex .wjName .left {
    position: absolute;
    top: -2px;
    left: 10px;
    cursor: pointer;
    color: #b2b2b2;
}

.annex .wjName .name {
    position: absolute;
    top: 0;
    left: 40px;
    font-size: 14px;
    color: #4488e9;
}

.annex .wjName .nameZd {
    position: absolute;
    top: 0;
    left: 40px;
    font-size: 14px;
    color: #4488e9;
}

.annex .wjName .right {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

/*锚点*/
.anchorPoint {
    position: fixed;
    right: 20px;
    bottom: 160px;
}

/*运输备案*/
.lcTitle {
    border-bottom: 1px solid #dcdcdc;
    width: 100%;
    margin-bottom: 16px;
    position: relative;
}

.lcTitle > ul > li {
    float: left;
    height: 40px;
    line-height: 40px;
}

.lcTitle > ul > li.subName {
    font-size: 18px;
    color: #2263BF;
    border-bottom: 2px solid #2380d2;
    font-weight: bold;
}

.lcTitle > ul > li.subNumber {
    font-size: 14px;
    color: #333333;
    margin-left: 80px;
}

.lcTitle .subNum {
    float: right;
    color: #2263BF;
    font-weight: bold;
}

.ynlb {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 60px;
    line-height: 60px;
}

.ynlb div.fl > span {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    color: #333;
    font-weight: bold;
    vertical-align: middle;
}

.checkBox {
    position: relative;
    display: inline-block;
    /*padding-left: 20px;*/
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

.checkBox > input {
    vertical-align: middle;
}

.checkBox > span {
    color: #000000;
    font-size: 14px;
    vertical-align: middle;
    margin-left: 2px;
}

/*流程表格*/
.process-table {
    width: 100%;
    border-collapse: collapse;
}

.process-table > thead {
    background: #e9e9e9;
}

.process-table > thead > tr > th {
    border: 1px solid #dcdcdc;
    text-align: center;
    vertical-align: middle;
    text-align: center;
    color: #333333;
    font-size: 14px;
    font-weight: 700;
}

.process-table > tbody > tr, .process-table > thead > tr {
    height: 50px;
}

.process-table > tbody > tr > td {
    text-align: center;
    vertical-align: middle;
    padding: 0;
    color: #333;
    font-size: 14px;
    border: 1px solid #dcdcdc;
    font-weight: bold;
    padding: 0 5px;
}

.process-table > tbody > tr > td.tbBg {
    color: #398dd6;
}

.process-table > tbody > tr .circle {
    width: 17px;
    height: 17px;
    background: #999999;
    border-radius: 50%;
    margin: 0 auto;
}

/*.process-table > tbody > tr .operItem > span {*/
/*    font-size: 12px;*/
/*    color: #2380d2;*/
/*    vertical-align: middle;*/
/*    cursor: pointer;*/
/*}*/

.process-table:last-child tr > td {
   /* border-top: 0;*/
}

.process-table .wayArea {
    margin: 10px;
}

.process-table .wayArea .btn32 {
    /*margin-bottom:10px;*/
}

.process-table .wayArea > div {
    display: inline-block;
}

.process-table input.small {
    width: 100%;
}

.process-table .parentBox {
    width: 100%;
}

.process-table .pop_box32 {
    width: 100%;
}

.process-table .time32 {
    width: 100%;
}

.process-table a {
    color: #4488e9;
    text-decoration: underline !important;
}

/*步骤*/
.step {
    padding: 20px 0;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.step > div {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -18px;
}

.step .tableOne {
    width: 100%;
}

.step .tableOne tr {
    height: 42px;
}

.step .tableOne tr > td {
    width: 20%;
    text-align: center;
    font-size: 16px;
    color: #333;
}

.step .tableOne tr > td > span {
    vertical-align: middle;
}

.step .tableOne .beforeState {
    color: #fff;
    font: bold 16px/16px arial;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: url('./system/images/yhgf/defalut.png') no-repeat;
    text-align: center;

}

.step .tableOne .inState {
    color: #fff;
    font: bold 16px/16px arial;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: url('./system/images/yhgf/active.png') no-repeat;
    text-align: center;

}

.step .tableOne .afterState {
    color: #fff;
    font: bold 16px/16px arial;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: url('./system/images/yhgf/pass.png') no-repeat;
    text-align: center;

}

.step .tableOne .textActive {
    font-size: 16px;
    color: #4488e9;
    margin-left: 0.1%;
}

.step .tableOne .textDefault {
    font-size: 16px;
    color: #bbb;
    margin-left: 0.1%;
}

.step .tableOne .stepLine {
    /*width: 90px;*/
    width: 13.8%;
    height: 2px;
    background: #4488e9;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.step .tableOne .stepLineDark {
    width: 13.8%;
    height: 2px;
    background: #dcdcdc;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

/*审批区域*/
.finalApp {
    width: 100%;
    border-collapse: collapse;
    padding: 30px 0;
    border: 2px solid #2263Bf;
    margin: 20px 0;
}

.finalApp > tbody > tr {
    height: 50px;
}

.finalApp > tbody > tr > td {
    text-align: center;
    vertical-align: middle;
    padding: 0;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px;
}

.finalApp .partTop {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 16px;
    color: #333;
    font-weight: bold;
    width: 15%;
    border-top: 0 !important;
}

.finalApp .partDown > div {
    float: left;
    margin-left: 20px;
    padding: 15px 0;
    position: relative;
}

.finalApp .partDown .avatar {
    width: 80px;
    height: 75px;
    display: block;
    margin: 0 auto;
}

.finalApp .partDown .p1 {
    font-size: 16px;
    line-height: 1;
    color: #333;
    margin-top: 14px;
    margin-bottom: 8px;
}

.finalApp .partDown .yes {
    position: absolute;
    top: 30px;
    left: 13px;
    transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    width: 100px;
    height: 50px;
    border: 2px solid #71B604;
    line-height: 50px;
    font-size: 16px;
    color: #71B604;
}

.finalApp .spyj > div:first-child {
    height: 80px;
    text-align: left;
}

.finalApp .spyj > div:first-child > div {
    display: table;
    height: 100%;
    width: 100%;
}

.finalApp .spyj > div:first-child > div > span {
    display: table-cell;
    vertical-align: top;
}

.finalApp .yjms > div:first-child {
    height: 80px;
}

.finalApp .yjms > div:first-child > div.fr {
    color: #f64e4e
}

.finalApp input.small {
    width: 100%;
}

.OA {
    border: 2px solid #2263Bf;
}

.OA td {
    color: #3F79B0 !important;
}
.optionalArea {
    height: 173px;
}

.optionalArea .optTop {
    width: 100%;
    height: 40%;
    display: table;
}

.optionalArea .optTop > span {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    color: #333;
    font-size: 14px;
    line-height: 1;
}

.optionalArea .optTop > div {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.optionalArea .optDown {
    width: 100%;
    height: 60%;
    display: table;
}

.optionalArea .DownListOne {
    margin: 10px 0;
}

.optionalArea .DownListOne > div {
    font-size: 14px;
    line-height: 1;
    color: #333;
}

.optionalArea .DownListOne > div:last-child {
    color: #FF0000;
}
/*表单提交*/
.submit {
    text-align: center;
    margin: 20px 0;
}

.submit .iconfont {
    margin-left: 2px;
    color: #fff;
}

.submit .secrecy {
    display: inline-block;
}

.submit .secrecy > span {
    display: inline-block;
    font-size: 16px;
    color: #333;
    line-height: 1;
    vertical-align: middle;
}

.submit .parentBox {
    width: 50%;
}

.submit .print {
    display: inline-block;
}

.submit .print > a {
    color: #4488e9;
    text-decoration: underline !important;
}

.submit .time32 {
    width: 200px;
}

.submit .scfj {
    display: inline-block;
}

.submit .scfj > span {
    display: inline-block;
    font-size: 16px;
    color: #333;
    line-height: 1;
    vertical-align: middle;
}

.submit .pop_box32 {
    width: 200px;
}

/*表格切换*/
.tabList {
    margin-bottom: 20px;
}

.tabList > div {
    float: left;
    padding: 0 21px !important;
    margin-right: 8px;
}

.tabList > div:last-child {
    margin-right: 0;
}

.tabList .btnBg {
    color: #fff;
    background: #4488e9;
    border: 1px solid #4488e9;
}
.list {
    display: none;
}
/*统计分析*/
.ystjsj.ystjsj {
    width: 100%;
}
.ystjsj .yswc {
    position: relative;
}
.ystjsj .dashBoardItem {
    width: 356px;
    height: 118px;
    line-height: 118px;
    float: left;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    box-shadow: 0 0 6px 6px rgba(153, 153, 153, 0.1)
}

.ystjsj .dashBoardItem > span:first-child {
    font-size: 18px;
    line-height: 1;
    color: #fff;
    margin-left: 30px;
    vertical-align: middle;
}

.ystjsj .dashBoardItem > span:first-child + span {
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    margin-left: 20px;
    vertical-align: middle;
}

.ystjsj .dashBoardItem > span:first-child + span + span {
    font-size: 14px;
    line-height: 1;
    color: #fff;
    vertical-align: middle;
    margin-left: 16px;
}

.ystjsj .dashBoardItem .right {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    right: 22px;
    margin-top: -35px;
}

.tabBtn {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index:9;
}

.tabBtn > div {
    float: left;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    height: 20px;
    line-height: 10px;
    margin-left: 10px;
    position: relative;
}

.tabBtn .btn_active {
    float: left;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    height: 20px;
    line-height: 10px;
    margin-left: 10px;
    border-bottom: 4px solid #fff;
}

.tabBtn2 {
    position: absolute;
    top: 20px;
    right: 14px;
    z-index: 99;
}

.tabBtn2 > div {
    float: left;
    font-size: 12px;
    line-height: 1;
    color: #333;
    cursor: pointer;
    height: 20px;
    line-height: 10px;
    margin-left: 10px;
    position: relative;
}

.tabBtn2 .btn_active {
    float: left;
    font-size: 12px;
    line-height: 1;
    color: #0088de;
    cursor: pointer;
    height: 20px;
    line-height: 10px;
    margin-left: 10px;
    border-bottom: 4px solid #0088de;
}

.dash1 {
    background: linear-gradient(to right, #448aea, #31bfee);
}

.dash2 {
    background: linear-gradient(to right, #f5a312, #f36c4a);
}

.dash3 {
    display:none;
    background: linear-gradient(to right, #30bdd0, #19d67e);
}

/*出入库平衡比对*/
.crkphbd {
    display: none;
}

.crkphbd > div {
    width: 357px;
    height: 124px;
    background: #f8fffc;
    border: 1px dashed #6ac299;
    border-radius: 4px;
    padding: 18px 0;
    float: left;
}

.crkphbd .crkTitle {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.crkphbd .crkItem {
    margin-top: 30px;
    position: relative;
}

.crkphbd .crkItem > div {
    width: 33.33%;
    text-align: center;
    float: left;
}

.crkphbd .crkItem  .bphNum {
    display: none;
}
.crkphbd .crkItem > span.ph {
    font-size: 30px;
    color: #3caf79;
    line-height: 1;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    /*margin-left: -30px;*/
    margin-top: -40px;
}
.crkphbd .crkItem > div.num {
    font-size: 30px;
    color: #3caf79;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.crkphbd .crkItem > div > div {
    font-size: 17px;
    color: #3caf79;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}

.crkphbd .crkItem > div > p {
    font-size: 14px;
    color: #333333;
    line-height: 1;
}

.crkphbd .crkItem > p {
    width: 50%;
    text-align: left;
    float: left;
    padding-left: 10px;
    margin-top: 20px;
}

.crkphbd .crkItem > p + p {
    width: 50%;
    text-align: right;
    float: right;
    padding-right: 10px;
    margin-top: 20px;
}

.crkphbd .crkItem > p > span:first-child {
    font-size: 14px;
    line-height: 1;
    color: #333333;
    display: inline-block;
    vertical-align: bottom;
}

.crkphbd .crkItem > p > span:first-child + span {
    font-size: 20px;
    line-height: 1;
    color: #3caf79;
    font-weight: bold;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
}

/*备案申请审批数据*/
.basqItem {
    width: 730px;
    background: #fff;
    padding: 0 10px;
    height: 154px;
    border-radius: 4px;
}

.basqspsj {
    margin-top: 30px;
    display: none;
}

.basqspsj > div {
    width: 20%;
    text-align: center;
    float: left;
}

.basqspsj > div > div {
    font-size: 20px;
    color: #0088de;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}

.basqspsj > div > p {
    font-size: 14px;
    color: #333333;
    line-height: 1;
}

/*日常工作统计*/
.rcgzItem {
    width: 357px;
    height: 154px;
    background: #fff;
    padding: 0 10px;
    border-radius: 4px;
}

.rcgztj {
    margin-top: 30px;
    display:none;
}

.rcgztj > div {
    width: 33.33%;
    text-align: center;
    float: left;
}

.rcgztj > div > div {
    font-size: 20px;
    color: #0088de;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}

.rcgztj > div > p {
    font-size: 14px;
    color: #333333;
    line-height: 1;
}

/*折线图*/
/*.lineItem {*/
/*    width: 357px;*/
/*    float: left;*/
/*    background: #fff;*/
/*    border-radius: 4px;*/
/*    padding: 0 10px 10px 10px;*/
/*}*/

/*.lineItem #echart_line {*/
/*    height: 200px;*/
/*}*/

/*.pieItem {*/
/*    width: 357px;*/
/*    float: left;*/
/*    background: #fff;*/
/*    border-radius: 4px;*/
/*    padding: 0 10px 10px 10px;*/
/*}*/

/*.pieItem #echart_pie {*/
/*    height:200px;*/
/*}*/

/*.yjItem {*/
/*    position: relative;*/
/*    background: #fff;*/
/*    border-radius: 4px;*/
/*    padding: 0 10px 10px 10px;*/
/*}*/

#echart_bar {
    width: 100%;
    height: 200px;
}

/*承运单位动态排名分析*/
.cydw {
    height: 580px;
    width: 357px;
    padding: 0 10px 10px 10px;
    float: left;
    background: #fff;
    box-shadow: 0 0 6px 6px rgba(153, 153, 153, 0.1);
    border-radius: 4px;
}

.cydw_title {
    font-weight: bold;
    position: relative;
}

.cydw_title > ul > li {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    line-height: 1;
    color: #333333;
    font-weight: 700;
    height: 58px;
    line-height: 58px;
    float: left;
    cursor: pointer;
}

.cydw_title > ul > li:first-child {
    margin-right: 8px;
}

.cydw_title > ul > li.sjxq {
    float: right;
    font-size: 14px;
    line-height: 1;
    color: #333;
    position: relative;
    top: 6px;
}

.cydw_title > ul > li.sjxq > img {
    vertical-align: middle;
}

.cydw_content {
    height: 522px;
}

.cydw_content .tab_top {
    height: 52px;
    border-bottom: 1px solid #dcdcdc;
}

.cydw_content .tab_top > ul {
    height: 100%;
}

.cydw_content .tab_top > ul > li {
    height: 100%;
    text-align: center;
    display: table;
    float: left;
    padding-top: 20px;
}

.cydw_content .tab_top > ul > li > span {
    vertical-align: middle;
    display: table-cell;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

.cydw_content .tab_down {
    height: 470px;
    position: relative;
    overflow: hidden;
}

.cydw_content .tab_down ul {
    height: 100%;
}

.cydw_content .tab_down ul > li {
    height: 27.6px;
    display: table;
    width: 100%;
    cursor: pointer;
    table-layout: fixed;
}

.cydw_content .tab_down ul > li:hover {
    height: 27.6px;
    display: table;
    width: 100%;
    cursor: pointer;
    background: #F4F5F6;
}

.cydw_content .tab_down ul > li > .pm {
    vertical-align: middle;
    display: table-cell;
    width: 25%;
    text-align: center;
    position: relative;
}

.cydw_content .tab_down ul > li > .pm .rank1 {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #e94220;
    color: #fff;
    font-size: 12px;
    margin: 0 auto;

}

.cydw_content .tab_down ul > li > .pm .rank2 {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #f2a621;
    color: #fff;
    font-size: 12px;
    margin: 0 auto;

}

.cydw_content .tab_down ul > li > .pm .rank3 {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #93c125;
    color: #fff;
    font-size: 12px;
    margin: 0 auto;

}

.cydw_content .tab_down ul > li > span.cydwmc {
    vertical-align: middle;
    display: table-cell;
    width: 50%;
    text-align: center;
    position: relative;
    color: #333;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cydw_content .tab_down ul > li > span.lzpj {
    vertical-align: middle;
    display: table-cell;
    color: #333;
    font-size: 12px;
    width: 25%;
    text-align: center;
}
/*评分*/
.commstar {
    position:relative;
    display:inline-block;
    width:80px;
    height:16px;
    vertical-align:top;
    margin-right:30px;
    background:url(./system/images/commstar.png) 0 0 repeat-x
}
.commstar .star {
    position:absolute;
    top:0;
    left:0;
    width:20%;
    height:16px;
    cursor:pointer
}
.commstar .star.active,.commstar .star.hover {
    background:url(./system/images/commstar.png) 0 -16px repeat-x
}
.commstar .star.hover .face {
    visibility:visible
}
.commstar .face {
    visibility:hidden;
    position:absolute;
    top:-18px;
    right:0;
    width:16px;
    height:16px;
    background:url(./system/images/commstar.png) no-repeat
}
.commstar .star-info {
    position:absolute;
    right:-30px;
    top:0;
    width:30px;
    height:16px;
    line-height:16px;
    text-align:right;
    color:#999
}
.commstar .star-info.highlight {
    color:#e4393c
}
.commstar .star1 {
    width:20%;
    z-index:6
}
.commstar .star1 .face {
    background-position:-80px 0
}
.commstar .star2 {
    width:40%;
    z-index:5
}
.commstar .star2 .face {
    background-position:-60px 0
}
.commstar .star3 {
    width:60%;
    z-index:4
}
.commstar .star3 .face {
    background-position:-40px 0
}
.commstar .star4 {
    width:80%;
    z-index:3
}
.commstar .star4 .face {
    background-position:-20px 0
}
.commstar .star5 {
    width:100%;
    z-index:2
}
.commstar.z-star-done .star {
    cursor:default
}

/*业务管理*/
.ywglModule {
    padding: 0 13px;
}

.ywglModule .ywglItem {
    width: 246px;
    height: 107px;
    background: #fff;
    border: 1px solid #dbdee8;
    float: left;
    margin-right: 18px;
    margin-bottom: 16px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(13, 41, 136, .2)
}

.ywglModule .ywglItem:hover {
    border: 1px solid #2380d2;
}

.ywglModule .ywglItem.actvie {
    border: 1px solid #2380d2 !important;
}

.ywglModule .ywglItem:nth-child(4n){
    margin: 0;
}

.ywglModule .ywglItem > div {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    padding: 0 10px;
    table-layout: fixed;

}

.ywglModule .ywglItem > div > span {
    vertical-align: middle;
    display: table-cell;
}

.ywglModule .ywglItem > div > span > img {
    width: 98px;
    height: 84px;
    vertical-align: middle;
    display: inline;
}

.ywglModule .ywglItem > div > span > span {
    font-size: 16px;
    color: #333;
    vertical-align: middle;
    word-break: break-all;
}
.rangeName {
    width: 83%;
    height: 90px;
    border: 1px solid #dcdcdc;
    padding: 10px;
    border-radius: 4px;
}
.rangeName>span{
    float: left;
    padding: 2px;
    border: 1px solid #dcdcdc;
    color: #999;
    margin-right: 5px;
    margin-bottom: 5px;
}


/* 新增按钮样式(表头和数据行) */
.operItem {
    cursor: pointer;
    margin-right: 5px;
    display: inline-block;
}

.operItem:last-child {
    margin-right:0;
}

.operItem > span:first-child {
    float: left;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    color: #2380d2;
    vertical-align: middle;
    /*margin-right: 5px;*/
}

.operItem > span:last-child {
    float: left;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    color: #2380d2;
    vertical-align: middle;
}
/*电子看板*/
.cydw_item {
    display: none;
}

.cydwBox {
    padding: 10px 20px;
    background: #fff;
}

.cydwBox .cydwTitle {
    font-size: 12px;
    color: #333333;
    text-align: center;
    margin-bottom: 16px;
}

.cydwBox .cydwContent {

}

.cydwBox .cydwContent > div {
    width: 76px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    color: #333;
    text-align: center;
    float: left;
    margin-right: 13.8px;
    margin-bottom: 10px;
    cursor: pointer;
    border: 1px solid #d8e1ec;
    background: #f2f2f2;
    border-radius: 4px;
}

.cydwBox .cydwContent > div:nth-child(n+12) {
    margin-bottom:0;
}

.cydwBox .cydwContent > div:hover {
    color: #fff;
    background: #0088de;
    border: 1px solid #0088de;
}

.cydwBox .cydwContent > div.active {
    color: #fff;
    background: #0088de;
    border: 1px solid #0088de;
}

.cydwBox .cydwContent > div:nth-child(12n) {
    margin-right: 0;
}

.cydwBox .cydwContent > div > img {
    width: 28px;
    height: 6px;
    vertical-align: middle;
}

/*数据模板*/
.sj_module {
    /*height: 227px;*/
    height: 196px;
    width: 357px;
    padding: 16px;
    float: left;
    background: #fff;
    box-shadow: 0 0 6px 6px rgba(153, 153, 153, 0.1);
    position: relative;
}

.sj_module .module_title > ul > li {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
}

.sj_module .module_title {
    border-bottom: 1px solid rgba(136, 206, 203, 0.5);
    position: relative;
}

.sj_module .module_title > ul > li.active {
    color: #fff;
    border-bottom: 4px solid #fff;
}
.data_module .module_content{
    position: relative;
    z-index: 9;
}
.sj_module .module_content > div {
    width: 33.3%;
    float: left;
    text-align: center;
    margin-top: 10px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.sj_module .module_content > div > div {
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    margin-bottom: 16px;
}

.sj_module .module_content > div > p {
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

.sj_module > img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.bg1 {
    background: linear-gradient(#4389e9, #31bfed);
    box-shadow: 0 0 6px 6px rgba(153, 153, 153, 0.1)
}

.bg2 {
    background: linear-gradient(#f4a60e, #f3694c);
    box-shadow: 0 0 6px 6px rgba(153, 153, 153, 0.1)
}

.bg3 {
    background: linear-gradient(#2fbcd1, #17d778);
    box-shadow: 0 0 6px 6px rgba(153, 153, 153, 0.1)
}

/*日常工作状态*/
.rcgzzt {
    display: none;
}

/*数据折现图结构*/
.data_module {
    width: 357px;
    padding: 10px;
    float: left;
    background: #fff;
    box-shadow: 0 0 6px 6px rgba(153, 153, 153, 0.1);
    position: relative;
}

.data_module .module_title > ul > li {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
}

.data_module .module_title {
    border-bottom: 1px solid rgba(136, 206, 203, 0.5);
    position: relative;
}

.data_module .module_title > ul > li.active {
    color: #333;
    border-bottom: 4px solid #fff;
}

.data_module .module_content > div {
    width: 33.3%;
    float: left;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.data_module .module_content > div > span:first-child {
    display: inline-block;
    width: 50%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    padding-top: 2px;
    float: left;
}

.data_module .module_content > div > span:last-child {
    display: inline-block;
    width: 50%;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    color: #2380d2;
    cursor: pointer;
    /*line-height: 1;*/
}

.data_module > img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.data_module .module_content #chartLine1,
.data_module .module_content #chartLine2,
.data_module .module_content #chartLine3 {
    width: 100%;
    height: 200px;
}

/*折线图*/
.lineItem {
    width: 357px;
    float: left;
    background: #fff;
    border-radius: 4px;
    padding: 0 10px 10px 10px;
}

.lineItem #echart_line {
    height: 200px;
}

.pieItem {
    width: 357px;
    float: left;
    background: #fff;
    border-radius: 4px;
    padding: 0 10px 10px 10px;
}

.pieItem #echart_pie {
    height: 200px;
}

.yjItem {
    position: relative;
    background: #fff;
    border-radius: 4px;
    /*padding: 0 10px 10px 10px;*/
}

#echart_bar {
    width: 100%;
    height: 150px;
}

.yjxxtj > tbody > tr, .yjxxtj > thead > tr {
    height: 30px !important;
}

.more {
    height:25px;
    line-height:25px;
    font-size: 13px;
    color: #0088de;
    cursor: pointer;
    text-align: right;
}


/*删除项样式*/
.deleteTag {
    position: relative;
    float: left;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    margin: 0 8px 5px 0;
    padding: 0 20px 0 6px;
    background-color: #fff;
    border: 1px solid #4488e9;
    cursor: pointer;
    border-radius: 4px;
}

.deleteTag > em {
    position: absolute;
    width: 20px;
    top: 0px;
    right: 0;
    height: 26px;
    background: url('./system/images/img/close2.png') center no-repeat;
}

.deleteTag:hover {
    color: #fff;
    background-color: #4488e9
}

.deleteTag:hover em {
    background: url('./system/images/img/close3.png') center no-repeat;
}



/*全流程*/
.stamp {
    width: 270px;
}

.stamp > div:first-child {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #333333;
    text-align: right;
    margin-bottom: 16px;
}

.stamp > div:last-child {
    font-size: 16px;
    line-height: 1;
    color: #333333;
    text-align: right;
}

.stamp > div.warming {
    color: #f76505;
}

.imgArea {
    margin: 0 30px;
    position: relative;
    top: -2px;
    width: 30px;
}

.imgArea .lcStart {
    position: relative;
    left: 270px;
}

.imgArea .lcStart > .qlcLine {
    border-left: 2px dashed #c9c9c9;
    width: 0;
    background: none;
}

.imgArea .lcEnd {
    position: relative;
    left: -3px;
}

.imgArea img {
    display: block;
}

.imgArea .qlcLine {
    width: 2px;
    height: 40px;
    background: #c9c9c9;
    position: relative;
    left: 14px;
}

.fillArea {
    width: 1000px;
    padding: 20px 30px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    position: relative;
}

.fillArea .active {
    color: #f76505;
}

.fillArea > img {
    width: 12px;
    height: 14px;
    position: absolute;
    top: 10px;
    /*margin-top: -7px;*/
    left: -12px;
}
.balance {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    width: 380px;
    height: 140px;
    border: 2px solid #71B604;
    line-height: 140px;
    font-size: 60px;
    color: #71B604;
    text-align: center;
    margin-left:-190px;
}
.unbalanced {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    width: 380px;
    height: 140px;
    border: 2px solid #FF0000;
    line-height: 140px;
    font-size: 60px;
    color: #ff0000;
    text-align: center;
    margin-left:-190px;
}
/*全流程结束*/

/*右侧导航1*/
.rightNav1 {
    position: absolute;
    left:50%;
    margin-left:-600px;
    top:20px;;
}

.rightNav1 .rightNav > h3 {
    margin-top: 10px;
    padding-left: 20px;
}

.rightNav1 .ml li {
    width: 37px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #dedede;
    margin-bottom: 2px;
    position: relative;
    cursor: pointer;
}

.rightNav1 .ml li.active {
    background: #0088de;
}
.rightNav1 .ml li.active span {
    color:#fff;
}
.rightNav1 .ml li div {
    position: absolute;
    top: 0;
    left: 38px;
    width: 100px;
    height: 40px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    display: none;
}

.rightNav1 .ml li span {
    font-size: 20px;
    color: #333;
}
.rightNav1 .ml li:hover div {
    display: block;
}
.filedownload_edit{
    width: 40%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
}
.filedownload_view{
    width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
}

.fiveStep .tableOne .stepLine,
.fiveStep .tableOne .stepLineDark {
    width: 8% !important;
}

.secretChoice {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 10px;
}

.secretChoice > .scText {
    display: inline-block;
    position: relative;
    top:3px;
}

.secretChoice .require_icon {
    display: inline-block;
    height: 14px;
    float: left;
}

.secretChoice .secretName {
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    font-weight: bold;
}

.fiveStep .tableOne .stepLine,
.fiveStep .tableOne .stepLineDark {
    width: 8% !important;
}

.replyFile tr > td {
    width: 5% !important;
}

.replyFile tr > td + td {
    width: 40% !important;
}

.ysgl {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('./system/images/img/ysc.png') no-repeat;
    position: relative;
    top: 2px;
}

.crkgl {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('./system/images/img/crk.png') no-repeat;
    position: relative;
    top: 2px;
}

.jcxxgl {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('./system/images/img/jcxx.png') no-repeat;
    position: relative;
    top: 2px;
}
.zhgl {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('./system/images/img/zhxx.png') no-repeat;
    position: relative;
    top: 2px;
}