@charset "utf-8";

/* CSS Document */
/*公用*/
* {
    margin: 0;
    padding: 0;
}

html,
body {
    -webkit-text-size-adjust: none;
    height: 100%;
    overflow: hidden;
}

body {
    font-size: 14px;
    color: #333;
    background: #f7f7f7;
    font-family: "微软雅黑";
}

ol li,
ul li {
    list-style-type: none;
    vertical-align: middle;
}

img {
    border: none;
    vertical-align: middle;
}

input {
    vertical-align: middle;
    outline: none;
}

font {
    font-size: 12px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: normal;
}

a {
    text-decoration: none;
}


.fl {
    float: left;
}

.fr {
    float: right;
}

/* #page{position: fixed;bottom: 20px;} */
.right_search {
    border: 1px solid #eee;
    border-radius: 5%;
}

.right_search input {
    border: 0
}

#userView {
    height: 470px;
    overflow-y: scroll;
}

.active {
    background-color: #cad9f7;
    color: white;
    border: 1px solid #417FF9;
    color: #417FF9
}

/* clear float */

.clear,
.clearboth,
.clearfix:after {
    clear: both;
}

.clear,
.clearfix:before,
.clearfix:after {
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:before,
.clearfix:after {
    content: '';
}

.clearfix {
    *zoom: 1;
}

/* .tofabu{display: block;position: relative;}
.tofabu a{display: block;border: #4e81f7 1px solid;position: absolute;width: 40px;height: 20px;text-align: center;line-height: 20px;left: 6%;box-shadow:1px 1px 10px #1A88EB;} */
/* 大屏幕 ：大于等于1200px*/
@media (min-width: 1200px) {
    #cont {
        overflow-x: hidden;
    }
}

/*默认*/
@media (min-width: 980px) {
    #cont {
        overflow-x: auto;
    }
}

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
    #cont {
        overflow-x: auto;
    }
}

#cont {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    background: #fff;
    padding: 0 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.logo {
    display: flex;
    align-items: center;
}

.logo img {
    width: 31px;
    flex-shrink: 0;
    margin-right: 10px;
}

.logo h1 {
    font-size: 20px;
}

.top {
    display: flex;
    align-items: center;
    height: 70px;
}

.remind {
    position: relative;
}

.remind dt {
    position: relative;
    padding: 0 10px;
    cursor: pointer;
}

.remind dt span {
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    background: red;
}

.remind dd {
    display: none;
}

/* .remind_sm{position: absolute;top:30px;right:1px;width: 350px;height: 90px;padding-top: 10px;box-sizing: border-box;
	display: flex;align-items: center;justify-content: space-between;
} */
.remind_item {
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.remind_item img {
    flex-shrink: 0;
}

.remind_item strong {
    color: #FF9F06;
    font-size: 22px;
    padding: 0 15px;
}

.remind_item span {
    color: #999999;
    font-size: 16px;
    padding: 0 15px 0 0;
}

.remind_right {
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.remind_btn a {
    display: inline-block;
    line-height: 26px;
    border: 1px solid #4e81f7;
    background: #60a1f4;
    color: #fff;
    width: 75px;
    text-align: center;
}

.remind_btn a.hover {
    border: 1px solid #cccccc;
    color: #f05749;
    background: #fff;
}

.remind_big_layout {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

.remind_ico {
    flex-shrink: 0;
    width: 37px;
    height: 38px;
    margin-top: 5px;
}

.remind_big {
    position: absolute;
    top: 30px;
    right: 0;
    width: 656px;
    height: 300px;
    background: url(../images/bg_2.png) no-repeat;
    padding-top: 10px;
    box-sizing: border-box;
}

.remind_list {
    width: 100%;
    height: 210px;
    overflow: auto;
    box-sizing: border-box;
    padding-right: 10px
}

.remind_list li {
    display: flex;
    align-items: center;
    padding: 11px 0;
    justify-content: space-between;
}

.remind_list li .remind_item {
    padding: 0;
}

.remind_bottom {
    display: flex;
    align-items: center;
    height: 50px;
    border-top: 1px solid #eee;
    padding: 0 20px;
    flex-direction: row-reverse
}

.remind_bottom span {
    display: inline-block;
    padding: 0 15px;
}

.remind_bottom a.btn_hl {
    border: 1px solid #cccccc;
    color: #f05749;
    background: #fff;
    display: inline-block;
    line-height: 26px;
    padding: 0 12px;
}


.xiezuo_list {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 20px 0;
    height: 100%;
    overflow-y: scroll;
}

.xiezuo_list li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.inform_head {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    margin-top: 30px;
}

.xiezuo_item {
    width: 100%;
}

.xiezuo_item_time {
    width: 100%;
    text-align: center;
    line-height: 20px;
    color: #666;
    padding-bottom: 7px;
}

.xiezuo_item_box {
    border: 1px solid #eee;
    padding-top: 15px;
    color: #999;
    line-height: 20px;
}

.xiezuo_item_box strong {
    display: inline-block;
    padding-left: 15px;
    padding-right: 10px;
    color: #333;
}

.xiezuo_item_box p {
    padding: 10px 0 15px 15px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.xiezuo_item_box p img {
    flex-shrink: 0;
    margin-right: 10px;
}

.xiezuo_item_box p span {
    display: block;
    width: 100%;
}

.yesorno {
    display: flex;
}

.xiezuo_item_link {
    display: block;
    text-align: center;
    line-height: 40px;
    border-top: 1px solid #eee;
    color: #4e81f7;
    flex: 1
}

.xiezuo_item_link:hover {
    background: #edf5ff;
    color: #4e81f7;
}

.lianxi_list {
    padding: 20px 30px 0;
}

.lianxi_list li {
    padding: 0 0 20px;
}

.lianxi_list_item {
    border: 1px solid #eee;
}

.lianxi_list_item h3 {
    margin: 0 10px;
    padding: 0 5px;
    border-bottom: 1px solid #eee;
    line-height: 45px;
    font-size: 16px;
}

.lianxi_list_item p {
    padding: 10px 20px 20px;
    line-height: 20px;
}

.lianxi_list_item div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px 10px;
}

.lianxi_list_item strong {
    display: block;
    width: 100%;
}

.lianxi_head {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.lianxi_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #eee;
    border-top: none;
}

.lianxi_btn a {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 40px;
    height: 40px;
    box-sizing: border-box;
}

.lianxi_btn a:first-child {
    border-right: 1px solid #eee;
}

.lianxi_btn a:hover {
    background: #edf5ff;
    color: #4e81f7;
}

.lianxi_btn a.hover:hover {
    background: #edf5ff;
    color: #f05749;
}



.inform dt {
    position: relative;
    padding: 0 15px;
    cursor: pointer;
}

.inform dt span {
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    background: red;
}

.inform_box {
    display: flex;
    align-items: stretch;
    position: absolute;
    width: 550px;
    height: 520px;
    background: #fff;
    right: -1020px;
    top: 80px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.inform_nav {
    width: 170px;
    flex-shrink: 0;
    padding: 5px;
    border-right: 1px solid #eee;
}

.inform_nav li {
    height: 40px;
    height: 40px;
    line-height: 40px;
    color: #666;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.inform_nav li.hover {
    color: #417FF9;
    background: #eef5fe;
}

.inform_nav li i {
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.inform_list {
    width: 100%;
}


.ico_n7 {
    background: url(../images/ico_n7.png) no-repeat center center;
}

.hover .ico_n7 {
    background: url(../images/ico_n7a.png) no-repeat center center;
}


.ico_n8 {
    background: url(../images/ico_n2.png) no-repeat center center;
}

.hover .ico_n8 {
    background: url(../images/ico_n2a.png) no-repeat center center;
}

.inform_none {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    line-height: 24px;
}

.inform_none p {
    padding: 40px 0 20px;
}









.vip {
    position: relative;
}

.vip dt {
    padding: 0 5px 0 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 70px;
}

.vip dt span {
    display: block;
    flex-shrink: 0;
    background: #97c8e9;
    color: #fff;
    font-size: 14px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
}

.vip dt strong {
    color: #004386;
    font-size: 12px;
    display: block;
    padding: 0 5px;
}

.vip dt i {
    display: block;
    width: 8px;
    height: 4px;
    background: url(../images/ico_3.png) no-repeat;
}

.vip dt i.hover {
    background: url(../images/ico_3a.png) no-repeat;
}

.vip dd {
    display: none;
    position: absolute;
    left: 5px;
    top: 70px;
    right: 0;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 8px 0;
}

.vip dd a {
    display: block;
    font-size: 12px;
    line-height: 24px;
    padding-left: 30px;
}

.layout {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 60px;
}

.side_nav::-webkit-scrollbar {
    width: 0 !important;
}

.side_nav {
    height: 920px;
    overflow-y: auto;
    width: 206px;
    box-sizing: border-box;
    padding: 20px 0 50px 0;
    flex-shrink: 0;
    border-right: 1px solid rgba(218, 225, 230, 1);
}

.side_nav li {
    font-size: 14px;
}

.side_nav li strong {
    display: block;
    height: 45px;
    line-height: 45px;
}

.side_nav li strong a {
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
}

.side_nav li strong:hover a {
    color: #417FF9;
    background: #eef5fe;
}

.side_nav li strong a.hover {
    color: #fff;
    background: #1A88EB;
}

.side_nav li strong.on {
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
}

.side_nav li strong.on:hover {
    color: #417FF9;
    background: #eef5fe;
}

.side_nav li strong.on.hover {
    color: #417FF9;
    background: #eef5fe;
}

.side_nav li span {
    color: #fff;
    background: red;
    display: block;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    padding: 0 8px;
    border-radius: 9px;
    margin-left: 10px;
}


.side_nav li p {
    display: none;
}

.side_nav li p a {
    display: flex;
    align-items: center;
    height: 42px;
    line-height: 42px;
    padding-left: 38px;
}

.side_nav li p a:hover {
    color: #417FF9;
    background: #eef5fe;
}

.side_nav li p a.hover {
    color: #fff;
    background: #1A88EB;
}

.side_nav li i {
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 9px;
}

.side_nav li em {
    display: block;
    width: 9px;
    height: 5px;
    background: url(../images/ico_down.png) no-repeat;
    margin-left: 80px;
}

.ico_n0 {
    background: url(../images/ico_n0.png) no-repeat center center;
}

strong:hover .ico_n0 {
    background: url(../images/ico_n0a.png) no-repeat center center;
}

strong .hover .ico_n0 {
    background: url(../images/ico_n0b.png) no-repeat center center;
}

.ico_n1 {
    background: url(../images/ico_n1.png) no-repeat center center;
}

strong:hover .ico_n1 {
    background: url(../images/ico_n1a.png) no-repeat center center;
}

strong .hover .ico_n1 {
    background: url(../images/ico_n1b.png) no-repeat center center;
}

.ico_n2 {
    background: url(../images/ico_n2.png) no-repeat center center;
}

strong:hover .ico_n2 {
    background: url(../images/ico_n2a.png) no-repeat center center;
}

strong .hover .ico_n2 {
    background: url(../images/ico_n2b.png) no-repeat center center;
}

.ico_n3 {
    background: url(../images/ico_n3.png) no-repeat center center;
}

strong:hover .ico_n3 {
    background: url(../images/ico_n3a.png) no-repeat center center;
}

strong .hover .ico_n3 {
    background: url(../images/ico_n3b.png) no-repeat center center;
}

.ico_n4 {
    background: url(../images/ico_n4.png) no-repeat center center;
}

strong:hover .ico_n4 {
    background: url(../images/ico_n4a.png) no-repeat center center;
}

strong .hover .ico_n4 {
    background: url(../images/ico_n4b.png) no-repeat center center;
}

.ico_n5 {
    background: url(../images/ico_n5.png) no-repeat center center;
}

strong:hover .ico_n5 {
    background: url(../images/ico_n5a.png) no-repeat center center;
}

strong .hover .ico_n5 {
    background: url(../images/ico_n5a.png) no-repeat center center;
}

.ico_n6 {
    background: url(../images/ico_n6.png) no-repeat center center;
}

strong:hover .ico_n6 {
    background: url(../images/ico_n6a.png) no-repeat center center;
}

strong .hover .ico_n6 {
    background: url(../images/ico_n6a.png) no-repeat center center;
}

.ico_n9 {
    background: url(../images/ico_n9.png) no-repeat center center;
}

strong:hover .ico_n9 {
    background: url(../images/ico_n9a.png) no-repeat center center;
}

strong .hover .ico_n9 {
    background: url(../images/ico_n9b.png) no-repeat center center;
}

.ico_n10 {
    background: url(../images/ico_n10.png) no-repeat center center;
}

strong:hover .ico_n10 {
    background: url(../images/ico_n10a.png) no-repeat center center;
}

strong .hover .ico_n10 {
    background: url(../images/ico_n10a.png) no-repeat center center;
}

.ico_n11 {
    background: url(../images/ico_n11.png) no-repeat center center;
}

strong:hover .ico_n11 {
    background: url(../images/ico_n11a.png) no-repeat center center;
}

strong .hover .ico_n11 {
    background: url(../images/ico_n11a.png) no-repeat center center;
}

.ico_n12 {
    background: url(../images/ico_n12.png) no-repeat center center;
}

strong:hover .ico_n12 {
    background: url(../images/ico_n12a.png) no-repeat center center;
}

strong .hover .ico_n12 {
    background: url(../images/ico_n12b.png) no-repeat center center;
}

.ico_n13 {
    background: url(../images/ico_n13.png) no-repeat center center;
}

strong:hover .ico_n13 {
    background: url(../images/ico_n13a.png) no-repeat center center;
}

strong .hover .ico_n13 {
    background: url(../images/ico_n13b.png) no-repeat center center;
}

.ico_n14 {
    background: url(../images/ico_n14.png) no-repeat center center;
}

strong:hover .ico_n14 {
    background: url(../images/ico_n14a.png) no-repeat center center;
}

strong .hover .ico_n14 {
    background: url(../images/ico_n14b.png) no-repeat center center;
}

.ico_n15 {
    background: url(../images/ico_n15.png) no-repeat center center;
}

strong:hover .ico_n15 {
    background: url(../images/ico_n15a.png) no-repeat center center;
}

strong .hover .ico_n15 {
    background: url(../images/ico_n15b.png) no-repeat center center;
}

.ico_n16 {
    background: url(../images/ico_n16.png) no-repeat center center;
}

strong:hover .ico_n16 {
    background: url(../images/ico_n16a.png) no-repeat center center;
}

strong .hover .ico_n16 {
    background: url(../images/ico_n16b.png) no-repeat center center;
}

.ico_n17 {
    background: url(../images/ico_n17.png) no-repeat center center;
}

strong:hover .ico_n17 {
    background: url(../images/ico_n17a.png) no-repeat center center;
}

strong .hover .ico_n17 {
    background: url(../images/ico_n17b.png) no-repeat center center;
}

.ico_n18 {
    background: url(../images/ico_n18.png) no-repeat center center;
}

strong:hover .ico_n18 {
    background: url(../images/ico_n18a.png) no-repeat center center;
}

strong .hover .ico_n18 {
    background: url(../images/ico_n18a.png) no-repeat center center;
}

.ico_n19 {
    background: url(../images/ico_n19.png) no-repeat center center;
}

strong:hover .ico_n19 {
    background: url(../images/ico_n19a.png) no-repeat center center;
}

strong .hover .ico_n19 {
    background: url(../images/ico_n19a.png) no-repeat center center;
}

.ico_n20 {
    background: url(../images/ico_n20.png) no-repeat center center;
}

strong:hover .ico_n20 {
    background: url(../images/ico_n20a.png) no-repeat center center;
}

strong .hover .ico_n20 {
    background: url(../images/ico_n20b.png) no-repeat center center;
}

.ico_n21 {
    background: url(../images/ico_n21.png) no-repeat center center;
}

strong:hover .ico_n21 {
    background: url(../images/ico_n21a.png) no-repeat center center;
}

strong .hover .ico_n21 {
    background: url(../images/ico_n21a.png) no-repeat center center;
}


/* 首页 */
.serversRemind {
    line-height: 70px;
    display: none;
}

#header_t li {
    background-color: #fff;
    min-width: 62px;
    height: 33px;
    line-height: 28px;
    padding: 0 10px;
    margin: 0 5px;
}

#header_t .layui-this:after {
    height: 33px;
    border-width: 0;
    background: url(../images/ht_bg.png) no-repeat center center;
    color: #417FF9;
}

#header_t li span {
    z-index: 1;
    position: relative;
}

#header_t li span:hover {
    color: #417FF9;
}

#index_left {
    float: left;
}

.h_top .proTab {
    margin: 30px 0 10px 250px;
}

.crmBtn {
    position: relative;
    margin-right: 20px;
}

.crmBtn button {
    background-color: rgba(240, 247, 255, 1);
    padding: 0 10px;
    height: 31px;
    line-height: 31px;
    color: #417FF9;
    border-radius: 4px;
    border: 1px solid #417FF9;
    margin-right: 20px;
}

.crmBtn button:hover {
    color: #417FF9;
}

.crmBtn .crmTips {
    display: inline-block;
    color: #999;
}

.crmBtn .crmTips .red {
    color: red;
}

.crmBtn .crmTips .crmRecords {
    color: #417ff9;
    margin-left: 15px;
    cursor: pointer;
}

.crmRecordsList {
    padding: 10px;
    top: 30px;
    display: none;
    position: absolute;
    width: 400px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    min-height: 50px;
    box-shadow: 10px 10px 10px #f0f0f0;
}

.noData {
    line-height: 50px;
    text-align: center;
}

#index_left .updateTable th.w100 {
    width: 100px;
}

#index_left .updateTable th.w150 {
    width: 150px;
}

#index_left .updateTable th,
#index_left .updateTable td {
    border: none;
    padding: 5px 10px;
}

.h_top .h_search {
    margin: 0 0 0 250px;
}

.h_search .search {
    width: 790px;
    height: 48px;
    border: 1px solid #c8c8c8;
}

.h_search .search input {
    width: 780px;
}

.h_search .layui-btn {
    width: 100px;
    height: 50px;
    font-size: 18px;
    padding: 0;
    position: relative;
    right: -466px;
}

.h_center {
    width: 1350px;
    padding: 30px 0 0 35px;
    overflow-x: auto;
}

.h_center .c_piece {
    margin: 0 10px;
    float: left;
    width: 425px;
    text-align: center;
    margin: 0 25px 45px 0;
}

.h_center .c_piece hr {
    margin: 20px 0 15px 0;
}

.h_center .c_piece .m_title0 {
    border-bottom: 2px solid #74A2FE;
    padding-bottom: 20px;
}

.h_center .c_piece .m_title1 {
    border-bottom: 2px solid #F79C6F;
    padding-bottom: 20px;
}

.h_center .c_piece .m_title2 {
    border-bottom: 2px solid #96BF65;
    padding-bottom: 20px;
}

.h_center .c_piece .m_title3 {
    border-bottom: 2px solid #FDCC4E;
    padding-bottom: 20px;
}

.h_center .c_piece .m_title4 {
    border-bottom: 2px solid #C4A1EE;
    padding-bottom: 20px;
}

.h_center .c_piece .m_title5 {
    border-bottom: 2px solid #F79C6F;
    padding-bottom: 20px;
}

.h_center .c_piece p {
    font-size: 18px;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
}

.h_center .c_piece .c_more {
    float: right;
    font-size: 14px;
    margin-top: 15px;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
}

.h_center .c_piece .p_div {
    transition: box-shadow 0.5s;
    user-select: none;
    margin: 5px;
    display: inline-block;
    font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 1px;
    color: #FFFFFF;
    width: 180px;
    height: 80px;
    line-height: 80px;
    background: inherit;
    border-radius: 6px;
    text-align: center;
    float: left;
}

.h_center .c_piece .p_div:hover {
    box-shadow: 10px 10px 10px #f0f0f0;
}

.h_center .c_piece .p_div a {
    color: #fff;
    /* padding: 30px; */
}

.h_center .c_piece .p_rhide_div:hover {
    box-shadow: none;
}

.h_center .c_piece .p_hide_div {
    display: none;
    width: 415px;
}

.h_center .c_piece .p_hide_son {
    line-height: 39px;
    text-align: left;
    display: flex;
}

.h_center .c_piece .p_hide_son span {
    text-align: center;
    padding: 0 0 0 5px;
    width: 180px;
    margin: 10px 0 0 10px;
    line-height: 25px;
}

.h_center .c_piece .p_hide_son span a:hover {
    border-left: 3px solid #fff;
}

.h_center .c_piece .p_hide_son a {
    padding: 0 0 0 5px;
    border-left: 3px solid transparent;
}

.h_center .c_piece .p_left {
    text-align: left;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
}

.h_center .c_piece ul li {
    text-align: left;
}

.h_center .c_piece .p_right {
    float: right;
    font-size: 13px;
    color: #aaaaaa;
    line-height: 40px;
}

.h_center .c_piece ul {
    padding: 0 10px;
}

#index_right {
    float: left;
    width: 280px;
    margin-left: 0px;
}

.r_piece {
    width: 280px;
    margin: 20px 0 20px -10px;
}

.r_piece .r_p_header {
    line-height: 40px;
    font-size: 16px;
}

.r_piece .r_p_header .rph_r {
    color: #949494;
    font-size: 14px;
    float: right;
    margin-right: 10px;
}

.r_piece .r_p_cont {
    margin: 0 0 20px 0;
}

.r_piece .r_p_cont .f_h {
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
}

.r_piece .r_p_cont .d_img {
    width: 67px;
    float: left;
    cursor: pointer;
}

.r_piece .r_p_cont .d_img .img_bg {
    width: 26px;
    height: 30px;
    margin-left: 19px;
}

.r_piece .r_p_cont .d_img .d_name {
    font-size: 12px;
    color: #aaa;
    text-align: center;
    line-height: 22px
}

.r_piece .r_p_cont .d_img .d_name:hover {
    color: rgb(65, 127, 249);
}

.r_piece .r_p_cont .d_img1 {
    width: 85px;
    float: left;
    cursor: pointer;
    margin: 0 5px 15px 0;
}

.r_piece .r_p_cont .d_img1 .img_bg1 {
    width: 70px;
    height: 70px;
    margin-left: 8px;
}

.r_piece .r_p_cont .d_img1 .img_bg1 img {
    width: 100%;
    height: 100%;
}

.r_piece .r_p_cont .d_img1 .d_name1 {
    font-size: 14px;
    text-align: center;
    line-height: 22px
}

.img_bg_1 {
    background: url('../images/Iphone.png') no-repeat;
}

.img_bg_2 {
    background: url('../images/Android.png') no-repeat;
}

.img_bg_3 {
    background: url('../images/Wps.png') no-repeat;
}
.img_bg_11 {
    background: url('../images/ppt.svg') no-repeat;
}

.img_bg_7 {
    background: url('../images/u1147.svg') no-repeat;
}
.img_bg_4 {
    background: url('../images/Excel.png') no-repeat;
}

.img_bg_5 {
    background: url('../images/02020.svg') no-repeat;
}

.img_bg_6 {
    background: url('../images/u2023.svg') no-repeat;
}

.img_bg_1:hover {
    background: url('../images/Iphone_hover.png') no-repeat;
}
.img_bg_7:hover {
    background: url('../images/u1148.svg') no-repeat;
}
.img_bg_2:hover {
    background: url('../images/Android_hover.png') no-repeat;
}

.img_bg_3:hover {
    background: url('../images/Wps_hover.png') no-repeat;
}
.img_bg_11:hover {
    background: url('../images/u1150.svg') no-repeat;
}
.img_bg_4:hover {
    background: url('../images/Excel_hover.png') no-repeat;
}

.img_bg_5:hover {
    background: url('../images/u1139.svg') no-repeat;
}

.img_bg_6:hover {
    background: url('../images/u1143.svg') no-repeat;
}

.r_piece hr {
    margin: 10px 0;
}

.r_piece .p_left {
    float: left;
    font-size: 14px;
    line-height: 32px;
    color: #8590A6;
    margin-right: 10px;
}

.r_piece .p_right {
    float: right;
    font-size: 13px;
    color: #aaaaaa;
    line-height: 32px;
}

.r_piece .more {
    color: #417FF9;
    line-height: 22px;
    font-size: 14px;
    margin: 0 0 0 130px;
    cursor: pointer;
}

/* 登录 */
.lg_body {
    background: url('images/bg.png');
    width: 100%;
    margin-top: 27px;
    height: 94.5%;
}

.lg_tit {
    text-align: center;
    padding-top: 130px;
}

.lg_tit h1 {
    font-size: 45px;
    margin-bottom: 20px;
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 4.2px;
    color: #FFFFFF;
}

.lg_tit p {
    font-size: 19px;
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #FFFFFF;
}

.lgbg {
    background: url('images/u3.png');
    width: 1008px;
    height: 516px;
    position: absolute;
    top: 32%;
    left: 23.5%;
}

.lg_left {
    background: url('images/u6.png');
    width: 377px;
    height: 326px;
    float: left;
    margin: 90px 0 0 125px;
}

.lg_right {
    float: right;
    width: 416px;
    height: 506px;
    position: relative;
    margin-right: 75px;
    margin-top: 6px;
    border-left: 1px solid #c8c8c8;
}

.lg_right .layui-form {
    width: 344px;
    margin: 25px 44px;
}

.lg_right .head {
    text-align: center;
    height: 100px;
    padding-top: 30px;
}

.lg_right h2 {
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    letter-spacing: 1px;
    color: #4073DD;
}

.lg_right p {
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: #C0C0C0;
}

.lg_right .layui-input-block input {
    padding-left: 60px;
    width: 341px;
    height: 45px;
    border-width: 2px;
    border-left-color: #fff;
    border-top-color: #fff;
    border-right-color: #fff;
}

.verifyCode {
    width: 86px;
    height: 36px;
    position: absolute;
    left: 298px;
}

.lg_right .layui-input-block i {
    position: absolute;
    top: 10px;
    left: 10px;
}

.lg_right .layui-form-checkbox[lay-skin=primary] {
    position: relative;
}

.lg_right .layui-form-checkbox[lay-skin=primary] i {
    position: absolute;
    top: 0;
}

.add-corner {
    position: relative;
}

.add-corner::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 10px;
    border-left: 2.5px solid #F3BE1B;
    border-top: 2.5px solid #F3BE1B;
    width: 23px;
    height: 23px;
}

.add-corner::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 10px;
    border-right: 2.5px solid #F3BE1B;
    border-top: 2.5px solid #F3BE1B;
    width: 23px;
    height: 23px;
}

.add-corner-item {
    position: absolute;
    bottom: 0px;
    width: 100%;
    /* border: 1px solid red; */
}

.add-corner-item::before {
    content: '';
    position: absolute;
    left: 10px;
    bottom: 10px;
    border-left: 2.5px solid #F3BE1B;
    border-bottom: 2.5px solid #F3BE1B;
    width: 23px;
    height: 23px;
}

.add-corner-item::after {
    content: '';
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-right: 2.5px solid #F3BE1B;
    border-bottom: 2.5px solid #F3BE1B;
    width: 23px;
    height: 23px;
}

#qrdiv {
    width: 318px;
    margin: auto;
}

.qrSize {
    height: 190px;
    width: 190px;
    margin: auto;
}

.qrSize img {
    width: 100%;
    height: 100%;
}

.loginfont {
    text-align: center;
    margin-top: 30px;
    color: #4073DD;
}

.loginTip {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 10px;
    color: #999;
}

/* 项目合同信息 项目详情 */
.cont {
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    overflow-y: auto;
    overflow-x: hidden;
}

.proTab .layui-tab-title .layui-this {
    background-color: rgba(240, 247, 255, 1);
    color: rgba(65, 127, 249, 1);
}

.proTab .layui-tab-title {
    border-bottom-width: 0;
}

.proTab .layui-tab-title .layui-this:after {
    border-color: rgba(65, 127, 249, 1);
    border-bottom-color: rgba(65, 127, 249, 1);
    height: 36px;
}

.proTab .layui-tab-title li {
    background-color: #f0f0f0;
    margin: 0 2px;
    height: 35px;
    line-height: 35px;
}

.proTab .layui-tab-content {
    padding: 40px 20px 10px 0px;
}

.pro_tit {
    position: absolute;
    top: 30px;
    left: 500px;
}

.pro_tit .dropChoose {
    position: absolute;
    top: 50px;
    left: -490px;
}

.pro_tit .search3 {
    margin: 0 5px;
    cursor: pointer;
}

.pro_tit .search3 .dropSearch {
    width: 150px;
    margin-right: 830px;
    ;
}

.pro_tit .search3 .dropSearch .layui-form-select .layui-input {
    margin-left: 10px;
    border: none;
    width: 110px;
}

.drop {
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 102;
    width: 170px;
    background-color: #fff;
    border: 1px solid #dedede;
    line-height: 30px;
    color: #667580;
    font-size: 12px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
}

.drop .proj_cont ul {
    padding: 5px 0;
}

.drop .proj_cont ul li {
    padding-left: 20px;
    cursor: pointer;
}

.drop .proj_cont ul li.active {
    color: #2879ff !important;
    background: #F5F8FA;
    border-width: 0;
}

#s_e_date {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0px 15px;
}

#s_e_date .layui-laydate {
    width: 402px;
    font-size: 12px;
}

#s_e_date .layui-laydate-header i {
    font-size: 12px;
    top: 11px;
}

#s_e_date .layui-laydate-header i.laydate-prev-m {
    left: 35px;
}

#s_e_date .layui-laydate-main {
    width: 200px;
}

#s_e_date .layui-laydate-content td,
.layui-laydate-content th {
    width: auto;
    height: auto;
    padding: 0 5px;
}

#s_e_date .layui-laydate-header {
    padding: 10px 57px 5px;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: #6699FF;
}

.drop .layui-btn {
    background: #6699FF;
}

.proj_search {
    position: relative;
    box-sizing: border-box;
    height: 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 10px 0px;
    padding: 15px 0px;
    border: 1px solid rgb(233, 236, 240);
    border-radius: 5px;
    transition: all 0.3s ease-in 0s;
    overflow: hidden;
}

.proj_search .layui-icon {
    margin: 0 10px;
}

.proj_input {
    flex: 1 1 0%;
    border: none;
    outline: none;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

.drop .status_ul {
    max-height: 480px;
    overflow-y: auto;
    padding-left: 20px;
}

.drop .proj_cont ul li .address_head {
    width: 30px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    float: left;
    margin-top: 5px;
}

.drop .proj_cont ul li .address_name {
    position: relative;
    line-height: 21px;
    padding-left: 40px;
    margin: 0;
}

.drop .proj_cont {
    overflow-y: auto;
    height: 345px;
}

.condition .layui-icon {
    margin: 0 0 0 10px;
    color: #999;
    font-size: 20px;
    cursor: pointer;
}

.condition {
    display: none;
    width: 1000px;
    position: absolute;
    top: 70px;
    left: -480px;
    background: #F5F8FA;
    padding: 8px 15px;
    margin-top: 5px;
    font-size: 12px;
}

.condition span {
    margin: 0 10px;
}

.gnrtMeeting button {
    position: absolute;
    left: 500px;
    margin-top: -52px;
    width: 100px;
}

.proTable table th {
    min-width: 30px;
}

.proTable {
    width: 1670px;
}

.proTable .table_tit a {
    color: #417FF9 !important;
    cursor: pointer;
    width: 190px;
}

.proD_header .address_info {
    border-top: 0px;
    margin: 0;
    padding: 0;
}

.proD_header {
    background-color: rgb(247, 249, 251);
    padding: 10px 0 0 0px;
}

.proD_header .address_head {
    width: 80px;
    height: 80px;
}

.proD_tab .layui-tab-title .layui-this {
    color: rgb(65, 127, 249);
    background-color: #fff;
}

.proD_tab .layui-tab-title .layui-this:after {
    border-width: 1px;
    border-bottom-color: #fff;
    border-left-color: rgba(218, 225, 230, 1);
    border-right-color: rgba(218, 225, 230, 1);
}

.proD_tab .layui-tab-title {
    margin-left: 20px;
}

.proD_tab .layui-tab-title li {
    font-size: 16px;
    width: 140px;
    padding: 0;
}

.proD_tab .layui-tab-content {
    background-color: #fff;
}

.proD_tab .proTab .layui-tab-title li {
    font-size: 14px;
    margin: 0 1px;
    width: 100px;
    height: 40px;
    line-height: 40px;
}

.proD_tab .proTab .layui-tab-title .layui-this:after {
    border-width: 2px;
    border-bottom-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
}

.proD_tab .proTab .layui-tab-content {
    padding: 0;
}

.proD_tab .proTab .layui-tab-content table {
    table-layout: fixed
}

.proD_tab .layui-table {
    margin: 10px;
}

.proD_tab .layui-table td {
    border-width: 0;
}

/* CRM参与人员 */
.partic_item .partic_header {
    border-bottom: 1px solid#f0f0f0;
}

.partic_item .partic_content {
    padding: 5px 20px;
}

.partic_item .partic_content h3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 50px;
}

.partic_item .partic_content .address_head {
    height: 50px;
    width: 50px;
    font-size: 13px;
}

.partic_item .partic_content .address_name {
    font-size: 13px;
    margin: -33px 0 0 50px;
}

.partic_item .layui-tab-title .layui-this {
    color: #000;
    width: 75px;
}

.partic_item .layui-tab-title .layui-this:after {
    font-size: 16px;
    border-bottom: 1px solid rgba(161, 161, 161, 1);
}

.partic_item .partic_address .blue_bg {
    display: block;
    background: #97c8e9;
    line-height: 50px;
    text-align: center;
}

.partic_item .partic_address {
    display: inline-block;
    margin: 5px 40px 10px 0;
}

/* 项目立项报告信息 */
.files_btn {
    position: relative;
    top: 20px;
    right: auto;
    width: 500px;
}

.proD_tab .checkbox_all {
    margin: -20px 0 0 0;
}

.piri_item .list1 {
    position: relative;
    left: 10px;
}

.proD_tab .list1 .preview {
    margin-left: 1200px;
}

.proD_tab .search3 {
    display: block;
}

.proD_tab .search3 .search1 {
    margin: -15px 0 0 1400px;
    width: 250px;
    border-bottom: 1px solid #eee;
    border-top: none;
    border-left: none;
    border-right: none;
}

.proD_tab .search3 .search1 .btn_ss1 {
    background: #fff;
    border-left: none;
    width: 40px;
    height: 40px;
    border-bottom: 1px solid #eee;
}

/* 项目申请 */
.proTab .search3 {
    width: 120px;
}

.proTab .search3 .dropSearch {
    width: 110px;
    margin-right: 830px;
    margin-left: 10px;
}

.proTab .search3 .dropSearch .layui-form-select .layui-input {
    border: none;
    width: 110px;
    margin-top: 40px;
}

.proTab .list_xt {
    margin: 20px 0 0 0;
}

.proTab .list_xt .layui-table tr {
    border-width: 1px;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: #f0f0f0;
}

.proTab .list_xt .layui-table td,
.proTab .list_xt .layui-table th {
    padding: 8px 15px;
    font-size: 13px;
}

.proTab .list_xt .layui-table th {
    line-height: 35px;
    color: #999;
}

.proTab .list_xt .layui-table td {
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.last_name {
    padding: 9px 7px;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    width: 13px;
    height: 13px;
}

/* 审批中心 */
#actree .layui-tree-entry {
    padding: 10px;
}

#actree .layui-tree-entry.hover {
    color: #417FF9;
    background: #eef5fe;
}

.ac_cont {
    padding: 20px 0;
}

.ac_cont .layui-tab-title li {
    width: 160px;
    height: 40px;
}

.ac_cont .layui-tab-title .layui-this {
    font-weight: bold;
    color: rgb(65, 127, 249);
}

.c_tab .tab_tt li {
    text-align: center;
    padding: 0 10px;
    margin-right: 15px;
    width: 66px;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    border-radius: 100px;
    background-color: rgba(242, 242, 242, 1);
}

.c_tab .tab_tt .hover {
    background-color: rgba(230, 242, 254, 1);
}

.c_tab .tab_tt .hover {
    border-width: 0;
}

/* 测试情况 */
.test_case .layui-tab-title li {
    margin-right: 15px;
    width: 66px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 100px;
    background-color: rgba(242, 242, 242, 1);
}

.test_case .layui-tab-title .layui-this {
    background-color: rgba(230, 242, 254, 1);
}

.test_case .layui-tab-title .layui-this:after {
    border-width: 0;
}

.test_case .layui-tab-title {
    border-width: 0;
}

.test_btn {
    margin-right: 15px;
    width: 66px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    border-radius: 100px;
    border-width: 0;
    color: #fff;
}

.test_case .blue_bg {
    background: #97c8e9;
}

.test_tot {
    font-weight: 700;
    line-height: 50px;
    margin: 0 0 0 10px;
}

/* 项目报价单 */
.proTable2 {
    width: 99%;
}

.proTable2 tbody td {
    width: 85px;
}

.proTable2 tbody tr {
    border-width: 1px;
    border-style: solid;
    text-align: center;
}

.proD_tab .proTable2 .r_border {
    border-width: 1px;
    border-style: solid;
}

.proTable2 .y_tr {
    background: yellow;
}

.proTable2 .g_tr {
    background: rgba(242, 242, 242, 1);
}

.proTable2 .gr_tr {
    background: #bbca54;
}

.proD_tab .proTable2 .l_border {
    border-left-color: #fff;
}

.proD_tab .proTable2 .b_border {
    border-bottom-color: #fff;
}

/*
个人文稿
*/
#relation .w500 {
    width: 500px;
}

#relation .layui-table-header {
    background: #fff;
}

#relation .layui-form-select dl dd.layui-this {
    background-color: #69f;
}

#relation .layui-table-view {
    border-width: 0;
}

#relation .layui-table tr {
    border-bottom: 1px solid #e6e6e6;
    color: #999;
}

#relation .layui-table thead tr {
    background-color: #fff;
    border-width: 0;
}

#relation .layui-table-view .layui-table td,
#relation .layui-table-view .layui-table th {
    border-width: 0;
}

.list1 {
    border-top: 1px solid rgba(218, 225, 230, 1);
}

.list1 li {
    height: 90px;
    padding: 0 15px;
    border-bottom: 1px solid rgba(218, 225, 230, 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.list1 li em {
    display: block;
    padding: 0 15px;
}

.list1_item {
    width: 100%;
    line-height: 24px;
}

.list1_item strong {
    display: block;
}

.list1_item span {
    display: inline-block;
    padding-right: 20px;
    color: #666;
    font-size: 12px;
}

.list1_item_r {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.list1_btn {
    display: none;
    align-items: center;
    flex-shrink: 0;
}

.list1_btn a {
    display: block;
}

.list1_dl {
    padding-left: 20px;
    position: relative;
}

.list1_dl dt {
    cursor: pointer;
    height: 30px;
    display: flex;
    align-items: center;
}

.list1_dl dd {
    display: none;
    position: absolute;
    z-index: 999;
    width: 160px;
    top: 30px;
    right: 0;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.list1_dl dd a {
    display: block;
    padding-left: 20px;
    line-height: 30px;
    font-size: 14px;
}

.list1_dl:hover dd {
    display: block;
}

.list1 li:hover {
    background: #f5f8fa;
}

.list1 li:hover .list1_btn {
    display: flex;
}

.btn_fabu {
    display: block;
    padding: 0 15px;
    border: 1px solid #4e81f7;
    color: #559ffd;
    line-height: 26px;
    border-radius: 2px;
    font-size: 12px;
    box-sizing: border-box;
}

.btn_fabu:hover {
    background: #559ffd;
    color: #fff;
}

.btn_nofabu {
    display: block;
    padding: 0 15px;
    border: 1px solid #a5a5a5;
    color: #9b9b9b;
    line-height: 26px;
    border-radius: 2px;
    font-size: 12px;
    box-sizing: border-box;
}

.btn_nofabu:hover {
    background: #c4c4c4;
    color: #000000;
}

.btn_img {
    margin-left: 15px;
}

.checkbox_all {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 15px;
}

.checkbox_all span {
    display: block;
    padding-left: 15px;
    color: #666;
}

.cont_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn_right {
    display: flex;
    align-items: center;
    position: relative;
}

.btn_right a {
    display: flex;
    align-items: center;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    border-radius: 3px;
    margin-left: 10px;
    float: right
}

.btn_right img {
    margin-right: 5px;
}

.btn_right .wt21 {
    width: 21px;
}

#goonline {
    position: absolute;
    right: 0;
}

a.btn_blue {
    color: #fff;
    background: #1A88EB;
}

a.btn_blue:hover {
    background: #4e81f7;
}

a.btn_bluea {
    color: #4e81f7;
    background: #fff;
    border: 1px solid #4e81f7;
    box-sizing: border-box;
}

a.btn_org {
    color: #fff;
    background: #f26a1e;
}

.search_box {
    display: flex;
    align-items: center;
}

.search {
    border: 1px solid #aaa;
    display: flex;
    align-items: center;
    border-radius: 3px;
    user-select: none;
}

.search dl {
    width: 100px;
    position: relative;
}

.search dd {
    z-index: 1;
    display: none;
    position: absolute;
    left: -1px;
    top: 36px;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 6px 0;
}

.search dd a {
    display: block;
    line-height: 26px;
    padding-left: 15px;
    margin-left: 0;
    float: none;
    text-align: center;
}

.search dt {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    color: #666;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search dt i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/ico_14.png) no-repeat center center;
}

.rightView2 {
    padding: 0 0 0 20px;
}

.input_ss {
    border: none;
    width: 260px;
    padding-left: 10px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
}

.btn_ss {
    color: #fff;
    background: #1A88EB;
    border: none;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    border-radius: 0px 3px 3px 0px;
    margin-left: 10px;
    cursor: pointer;
}

.btn_ss:hover {
    background: #4e81f7;
}

.rightView2 .typeSearch {
    margin-bottom: -0.5px;
    margin-left: 20px;
}

.rightView2 .typeSearch .layui-form-select dl dd.layui-this {
    background-color: #1A88EB;
}

.table table {
    width: 100%;
    text-align: center;
}

.table th {
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    text-align: left;
}

.table td {
    border-bottom: 1px solid #eee;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    text-align: left;
}

.table tr:hover {
    background: #f5f8fc;
}

.sub_cate {
    margin: 10px;
    line-height: 40px;
}

.table_tit {
    text-align: left;
}

.table_tit a {
    display: flex;
    align-items: center;
    color: #333;
}

.table_tit img {
    margin-right: 10px;
    flex-shrink: 0;
}

.table_tit strong {
    font-weight: bold;
}

.canyu {
    text-align: center !important;
}

/* .canyu span{display:flex;align-items: center;padding:0 10px;} */
.canyu span img {
    margin-right: 5px;
}



.tree_nav {
    overflow-y: auto;
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    top: 75px;
    padding-bottom: 20px;
}

.tree_nav li {
    font-size: 14px;
}

.tree_nav li div {
    display: flex;
    width: 100%;
}

.tree_nav li div i {
    align-items: center;
    display: block;
    padding: 0 5px;
    width: 10px;
    height: 50px;
    line-height: 50px;
    background: url(../images/ico_14.png) no-repeat center center;
    margin-right: 5px;
    margin-left: 15px;
}

.tree_nav li div i.hover {
    align-items: center;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: url(../images/ico_14a.png) no-repeat center center;
    margin-right: 5px;
}

.tree_nav li strong {
    display: block;
    height: 50px;
    line-height: 50px;
}

.tree_nav li strong a {
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.tree_nav li strong:hover a {
    color: #417FF9;
}

.tree_nav li strong.hover a {
    color: #417FF9;
    background: #eef5fe;
}

.tree_nav li img {
    margin-right: 10px;
}

.tree_nav i {
    cursor: pointer;
}

/* .tree_nav li i{display: block;width:20px;height: 20px;background: url(../images/ico_14.png) no-repeat center center;margin-right: 5px;} */
/* .tree_nav li i.hover{display: block;width:20px;height: 20px;background: url(../images/ico_14a.png) no-repeat center center;margin-right: 5px;} */


.tree_nav li p {
    display: block;
}

.tree_nav li p a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 60px;
}

.tree_nav li p a:hover {
    color: #417FF9;
}

.tree_nav li p a.hover {
    color: #417FF9;
    background: #eef5fe;
}


.del_red {
    text-align: center;
    padding: 30px 20px 10px;
}

.del_red p {
    height: 44px;
    line-height: 44px;
    display: flex;
    align-items: center;
    background: #fcf0f0;
    padding: 0 15px;
    border-radius: 5px;
    color: #ec5d5b;
}

.del_red p img {
    margin-right: 10px;
}

.new_ws {
    position: relative;
}

.new_ws dd {
    display: none;
    position: absolute;
    left: 10px;
    top: 40px;
    right: 0;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.new_ws dd a {
    margin: 0;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-right: 15px;
    height: 40px;
}

.new_ws dd a:hover {
    background: #e9edf0;
    color: #1A88EB;
}

.new_box {
    padding: 20px 20px 10px;
}

.new_box strong {
    display: block;
    line-height: 20px;
    padding-bottom: 10px;
}

.new_box select {
    height: 40px;
    width: 100%;
    border: 1px solid #999;
    color: #666;
}

.shrink::-webkit-scrollbar {
    width: 0 !important;
}

.shrink {
    height: 920px;
    overflow-y: auto;
    position: relative;
    flex-shrink: 0;
    background: #fff;
    height: 100%;
    box-sizing: border-box;
    padding: 20px 0;
    flex-shrink: 0;
    border-right: 1px solid rgba(218, 225, 230, 1);
}


.search1 {
    height: 36px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 15px 15px;
    border: 1px solid #eee;
}

.input_ss1 {
    width: 100%;
    box-sizing: border-box;
    border: none;
    padding-left: 10px;
    font-size: 13px;
}

.btn_ss1 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f7fa;
    width: 36px;
    height: 36px;
    padding: 12px 11px;
    box-sizing: border-box;
    border-left: 1px solid #ddd;
    cursor: pointer;
}

.title {
    line-height: 26px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    height: 36px;
    padding-left: 30px;
}

.search3 {
    height: 36px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.table1 table {
    width: 100%;
    text-align: center;
}

.table1 th {
    border-bottom: 1px solid #ddd;
    padding: 10px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    font-weight: normal;
    text-align: center;
}

.table1 td {
    border-bottom: 1px solid #eee;
    padding: 14px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}


.tab_tt {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    height: 40px;
    padding-left: 10px;
}

.tab_tt li {
    padding: 0 60px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
}

.tab_tt li.hover {
    border: 1px solid #ddd;
    color: #1A88EB;
    border-bottom: none;
    background: #fff;
}

.tab_tt li:hover {
    color: #1A88EB;
}

.none {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 500px;
    box-sizing: border-box;
}

.none p {
    line-height: 30px;
    padding-top: 20px;
}

.table2 {
    width: 100%;
    border: 1px solid #dbe1e6;
    font-size: 14px;
    text-align: center;
}

.table2 th {
    background: #f6f9ff;
    line-height: 20px;
    padding: 10px;
    font-weight: normal;
}

.table2 td {
    border-top: 1px solid #dbe1e6;
    line-height: 20px;
    padding: 10px;
    color: #999;
}

.table2 label {
    display: block;
}

.bor_right {
    border-right: 1px solid #dbe1e6;
}

/* .tongz_btn{} */
.tongz_btn a {
    display: inline-block;
    line-height: 36px;
    padding: 0 15px;
    border: 1px solid #ddd;
    margin-right: 10px;
    color: #666;
}

.tongz_btn a:hover {
    border: 1px solid #1A88EB;
    color: #1A88EB;
}

.ding_tit {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ding_tit h3 {
    color: #1A88EB;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    height: 40px;
    display: flex;
    align-items: center;
}

.ding_tit h3 img {
    margin-right: 10px;
}

.ding_dd {
    height: 70px;
    width: 100%;
}

.ding_dd.hover {
    height: auto;
}

.ding_nav {
    margin-left: -30px;
}

.ding_nav li {
    float: left;
    border: 1px solid #f1f7ff;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: #f1f7ff;
    color: #333;
    width: 10%;
    text-align: center;
    box-sizing: border-box;
    margin: 15px 0;
    margin-left: 40px;
    cursor: pointer;
}

.ding_nav li:hover {
    border: 1px solid #4e81f7;
    box-shadow: 0 5px 15px #cbdafc;
}

.ding_nav li.hover {
    border: 1px solid #4e81f7;
    color: #4e81f7;
}

.ding_nav li img {
    margin-left: 5px;
}

.dingy_box {
    text-align: center;
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.dingy_box strong {
    font-size: 16px;
    line-height: 30px;
}

.dingy_box p {
    color: #999;
    line-height: 24px;
}

.ding_btn {
    cursor: pointer;
    padding-right: 15px;
    display: flex;
    align-items: center;
}

.ding_btn i {
    display: block;
    width: 9px;
    height: 5px;
    background: url(../images/ico_down.png) no-repeat;
    flex-shrink: 0;
    margin-left: 5px;
}

.ding_btn.hover i {
    display: block;
    width: 9px;
    height: 5px;
    background: url(../images/ico_up.png) no-repeat;
}

.ding_tis {
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    float: left;
    width: 98.5%;
}

.ding_tis p {
    color: #4e81f7;
    line-height: 24px;
    padding: 15px 0;
}

.ding_tis span {
    border: 1px solid #4e81f7;
    line-height: 40px;
    font-size: 15px;
    background: #4e81f7;
    color: #fff;
    width: 10%;
    text-align: center;
    box-sizing: border-box;
    margin: 15px 0;
    margin-left: 30px;
    cursor: pointer;
}

.ding_btn:hover {
    text-decoration-line: underline;
    font-weight: 900;
}

td a:hover {
    text-decoration-line: underline;
    font-weight: 600;
}


.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.moban_title {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
}

.moban_title h3 {
    font-size: 18px;
    font-weight: bold;
}

.moban_list {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    flex-wrap: wrap;
    margin-left: -36px
}

.moban_list li {
    width: 170px;
    margin-left: 36px;
    padding-bottom: 20px;
}

.moban_list li a {
    display: block;
    width: 170px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 1px;
}

.moban_list li a:hover {
    border: 2px solid #1A88EB;
    padding: 0;
}

.moban_list li p {
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    padding-top: 10px;
}

.moban_list li em {
    display: block;
    background: #fff;
    height: 236px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.moban_list .plate img {
    width: 100%;
    height: 100%;
}

.moban_tit_blue {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    border-top: 2px solid #417FF9;
    color: #417FF9;
    font-weight: bold;
}

.moban_tit_green {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    border-top: 2px solid #38BA72;
    color: #38BA72;
    font-weight: bold;
}

.moban_tit_org {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    border-top: 2px solid #F79C6F;
    color: #F79C6F;
    font-weight: bold;
}


.my_ding {
    border-top: 1px solid #dbe1e6;
}

.my_ding li {
    border-bottom: 1px solid #e9ecef;
    padding: 20px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 24px;
}

.my_ding li img {
    flex-shrink: 0;
}

.my_ding li p {
    width: 100%;
    box-sizing: border-box;
    padding-left: 15px;
}

.my_ding li strong {
    display: block;
}

.my_ding li span {
    color: #999;
    display: inline-block;
    padding-right: 10px;
    font-size: 12px;
}

.my_ding li span a {
    display: inline-block;
}

.my_ding li .js_ding {
    flex-shrink: 0;
    display: none;
}

.my_ding li:hover {
    background: #f5f8fa;
}

.my_ding li:hover a.js_ding {
    display: block;
}

.my_dingy {
    border-top: 1px solid #dbe1e6;
}

.my_dingy li {
    border-bottom: 1px solid #e9ecef;
    padding: 20px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 24px;
}

.my_dingy li img {
    flex-shrink: 0;
}

.my_dingy li p {
    width: 100%;
    box-sizing: border-box;
    padding-left: 15px;
}

.my_dingy li strong {
    display: block;
}

.my_dingy li span {
    color: #999;
    display: inline-block;
    padding-right: 10px;
    font-size: 12px;
}

.my_dingy li a {
    flex-shrink: 0;
}


.add_ren {
    padding: 0 20px;
    position: relative;
}

.add_ren dt {
    display: flex;
    align-items: center;
    color: #333;
    height: 40px;
    cursor: pointer;
}

.add_ren dt.hover {
    color: #1A88EB;
}

.add_ren dt img {
    margin-right: 5px;
    flex-shrink: 0;
    width: 18px;
}

.add_ren dd {
    display: none;
    position: absolute;
    z-index: 9;
    left: 10px;
    right: 10px;
    top: 40px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.add_ren dd a {
    display: flex;
    align-items: center;
    height: 34px;
    padding-left: 12px;
    font-size: 13px;
    color: #666;
}

.add_ren dd i {
    margin-right: 5px;
    width: 13px;
    height: 13px;
    flex-shrink: 0;
}

.add_ren dd a:hover {
    background: #f7f9fc;
}


.address_nav {
    font-size: 14px;
    padding: 0 10px;
}

.address_nav strong {
    display: block;
    margin-bottom: 1px;
    display: flex;
    align-items: center;
    padding-left: 15px;
}

.address_nav strong a {
    display: flex;
    align-items: center;
    padding: 0 10px;
    height: 40px;
    color: #333;
}

.address_nav strong i {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

.address_nav strong:hover,
.address_nav strong.hover {
    background: #f5f8fa;
    color: #333;
}

/* .address_nav p{display: none;} */
.address_nav p a {
    display: block;
    line-height: 34px;
    color: #333;
    font-size: 13px;
    padding-left: 40px;
}

.address_nav p a:hover {
    background: #f5f8fa;
    color: #333;
}

.ico_27 {
    background: url(../images/ico_27.png) no-repeat center center;
}

.hover.ico_27 {
    background: url(../images/ico_27a.png) no-repeat center center;
}

.ico_28 {
    background: url(../images/ico_28.png) no-repeat center center;
}


.search_en {
    padding: 0 10px;
}

.search_en a {
    display: inline-block;
    font-size: 14px;
    padding: 0 3px;
}

.ico_s2 {
    margin-top: -3px;
}

.address_list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
}

.address_list li {
    width: 23%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
    flex-shrink: 0;
    margin-left: 20px;
    border-radius: 4px;
}

.job_name {
    text-align: center;
    line-height: 30px;
    position: absolute;
    margin-left: 251px;
    width: 80px;
    height: 30px;
    border-radius: 4px;
    color: #fff;
    background: #F28D48;
}

.address_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.address_head {
    flex-shrink: 0;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.address_name {
    width: 100%;
    box-sizing: border-box;
    padding-left: 15px;
}

.address_name h3 {
    font-size: 17px;
    display: flex;
    align-items: center;
    color: #333;
}

.address_name h3 i {
    font-size: 11px;
    font-style: normal;
    line-height: 20px;
    color: #fff;
    padding: 0 5px;
    border-radius: 2px;
    margin-left: 10px;
}

.address_name strong {
    display: block;
    line-height: 30px;
    color: #999;
}

.address_name a {
    color: #999;
    font-size: 12px;
    display: flex;
    align-items: center;
    height: 20px;
}

.address_name a img {
    margin-right: 5px;
    display: block;
    flex-shrink: 0;
}

.partic_add {
    position: relative;
    display: inline-block;
    top: -20px;
    margin-right: 30px;
}

.partic_address .space {
    margin: 10px 0 0 65px;
    font-size: 12px;
    color: #fff;
}

.delMember {
    margin: 10px 0 0 65px;
    font-size: 12px;
    transition: all .3s ease;
    color: #fff;
}

.addMember {
    width: 30px;
    height: 30px;
    background-color: #47c17f;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
}

.addMember .layui-icon {
    font-size: 25px;
}

.select_none {
    user-select: none;
}

#p_members .drop {
    height: 415px;
    padding: 0px 15px;
    width: 280px;
    background-color: #fff;
    z-index: 2;
    display: none;
    overflow-y: auto;
    position: absolute;
    top: 440px;
    left: 30px;
}


.address_info {
    border-top: 1px solid #eee;
    margin: 0 15px;
    padding: 10px 0;
    font-size: 13px;
    line-height: 22px;
}

.address_info strong {
    color: #999;
}

.address_none {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70%;
    flex-direction: column;
}

.address_none p {
    font-size: 14px;
    color: #868686;
    line-height: 20px;
    padding: 15px 0;
}

.address_none a {
    line-height: 34px;
    padding: 0 15px;
    border-radius: 2px;
}

.fabu_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
}

.fabu_tit h3 {
    display: flex;
    align-items: center;
    font-size: 18px;
    height: 32px;
}

.fabu_tit h3 img {
    margin-right: 5px;
    flex-shrink: 0;
}

.fabu_tit a {
    display: flex;
    align-items: center;
}

.fabu_tit a img {
    margin-right: 5px;
    flex-shrink: 0;
}


.fabu_layout {
    display: flex;
    justify-content: space-between;
}

.shenqing {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}

.shenqing dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 15px 0;
}

.shenqing dt h3 {
    font-size: 14px;
    color: #4e81f7;
    border-left: 3px solid #4e81f7;
    padding-left: 8px;
    line-height: 18px;
    height: 18px;
}

.shenqing dt a {
    line-height: 24px;
    padding: 0 5px;
    display: flex;
    align-items: center;
    font-size: 13px;
    border-radius: 3px;
}

.shenqing dt a img {
    margin-right: 3px;
}

.shenqing ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 30px;
}

.shenqing li {
    border-bottom: 1px solid #eee;
    width: 48%;
    box-sizing: border-box;
    padding: 15px 0 15px 15px;
    line-height: 20px;
}

.shenqing li strong {
    display: block;
    color: #999;
}

.shenqing li p {
    padding-top: 5px;
}

.shenqing li span {
    padding-right: 15px;
}

.shenqing li i {
    display: inline-block;
    margin-right: 5px;
    font-style: normal;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    color: #fff;
    border-radius: 50%;
}

.xuezuo {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 700px;
    margin-left: 20px;
    padding: 20px;
    box-sizing: border-box;
}

.xuezuo h3 {
    font-size: 14px;
    color: #4e81f7;
    border-left: 3px solid #4e81f7;
    padding-left: 8px;
    line-height: 20px;
}

.xuezuo dt a {
    display: inline-block;
    line-height: 30px;
    padding: 0 25px;
    background: rgba(242, 242, 242, 1);
    border-radius: 15px;
    margin-right: 10px;
    color: #333;
}

.xuezuo dt a.hover {
    background: #58b872;
    color: #fff;
}

.jilu_tit {
    padding: 15px 0 5px;
    display: flex;
    align-items: center;
}

.jilu_tit a:hover {
    color: #333;
}

.jilu_list {
    padding: 0px 0;
    position: relative;
}

.jilu_list::after {
    content: '';
    position: absolute;
    left: 91px;
    top: 20px;
    bottom: 20px;
    border-left: 1px solid #cccccc;
}

.jilu_list li {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 30px;
    padding: 10px 0;
    color: #666;
}

.jilu_list li em {
    width: 7px;
    height: 7px;
    background: #cccccc;
    border-radius: 50%;
    margin: 0 5px;
    border: 3px solid #fff;
    z-index: 9;
}

.jilu_list li span {
    flex-shrink: 0;
    width: 80px;
    text-align: right;
}

.jilu_list li strong {
    display: inline-block;
    width: auto;
    color: #333;
    margin-right: 15px;
}

.jilu_list li.hover em {
    background: #58b872;
    border: 3px solid #88fb9c;
}

.textarea_layout {
    display: flex;
    background: #f5f8fa;
    justify-content: space-between;
    height: 40px;
}

.textarea_layout ul {
    display: flex;
    align-items: center;
}

.textarea_layout li {
    margin-left: 20px;
    color: #999;
    display: flex;
    align-items: center;
    line-height: 16px;
    cursor: pointer;
}

.textarea_layout li img {
    margin-right: 5px;
}

.text_btn {
    display: flex;
    align-items: center;
    padding-right: 15px;
}

.text_btn label {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 20px;
    padding-right: 15px;
    color: #666;
    cursor: pointer;
}

.text_btn label input {
    margin-right: 5px;
}

.btn_hf {
    background: rgba(65, 127, 249, 0.09);
    width: 60px;
    line-height: 30px;
    text-align: center;
    border: none;
    font-size: 13px;
    color: #666;
    cursor: pointer;
}

.nong_gout {
    text-align: center;
    padding: 40px 0 20px;
}

.nong_gout p {
    line-height: 20px;
    padding-top: 10px;
}

.gout_list {
    height: 250px;
    overflow-y: auto;
}

.gout_list li {
    line-height: 20px;
    position: relative;
}

.gout_list li strong {
    display: inline-block;
    padding-right: 10px;
}

.gout_list li span {
    color: #999;
}

.gout_list li p {
    font-size: 12px;
    color: #999;
}

.gout_list li li {
    padding: 5px 25px;
}

.gout_list_item {
    position: relative;
    padding: 10px;
}

.gout_list_item:hover {
    background: #f6f9ff;
}

.gout_btn {
    display: none;
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 13px;
}

.gout_btn a {
    display: inline-block;
    padding: 0 10px;
    color: #1A88EB;
}

.gout_list li:hover .gout_btn {
    display: block;
}

.fabu_title ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1.5%;
}

.fabu_title li {
    margin-left: -1.5%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-align: center;
    width: 100%;
    background: url(../images/ico_t1.png) no-repeat;
    background-size: 100% 100%;
}

.fabu_title li:first-child {
    background: url(../images/ico_t3.png) no-repeat;
    background-size: 100% 100%;
}

.fabu_title li:last-child {
    background: url(../images/ico_t2.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 0px 50px 50px 0px;
}

.fabu_title li.hover {
    background: url(../images/ico_t4.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

.fabu_title li.hover:first-child {
    background: url(../images/ico_t3.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 50px;
}

.fabu_title li.hover:last-child {
    background: url(../images/ico_t5.png) no-repeat;
    background-size: 100% 100%;
}

.fabu_title li.on {
    background: url(../images/ico_t6.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

.fabu_title li.on:last-child {
    background: url(../images/ico_t5.png) no-repeat;
    background-size: 100% 100%;
}

.fabu_title li.off {
    background: url(../images/ico_t7.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

.fabu_title li.off:last-child {
    background: url(../images/ico_t5.png) no-repeat;
    background-size: 100% 100%;
}

.blue_hover {
    color: #333;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #fff;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 3px;
    background: #fff;
}

.blue_hover:hover {
    color: #333;
    border: 1px solid #1A88EB;
}


.blue_hover1 {
    color: #1A88EB;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #fff;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 3px;
    background: #fff;
}

.blue_hover1:hover {
    color: #1A88EB;
    border: 1px solid #1A88EB;
}

.fabu_btn {
    display: flex;
    align-items: center;
}


.fabuw_box {
    padding: 0px 20px 20px;
    border-bottom: 1px solid #eee;
}

.fabuw_box li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px
}

.fabuw_box strong {
    display: block;
    line-height: 20px;
    color: #999;
    flex-shrink: 0;
    padding-right: 10px;
    width: 90px;
}

.fabuw_box select {
    height: 40px;
    width: 100%;
    border: 1px solid #999;
    color: #666;
    box-sizing: border-box;
    padding-left: 5px;
}

.zhuanti_box {
    padding: 0 20px;
}

.zhuant_box {
    height: 400px;
    overflow: auto;
    background: #f2f2f2;
    box-sizing: border-box;
    padding: 7px 0;
}

.zhuan_tit {
    display: flex;
    align-items: center;
    padding: 15px 0;
    font-size: 13px;
}

.zhuan_tit strong {
    flex-shrink: 0;
    padding-right: 10px;
}

.zhuan_tit ul {
    background: #f2f2f2;
    width: 100%;
    box-sizing: border-box;
    height: 34px;
    line-height: 24px;
    padding: 5px 0;
    padding-left: 10px;
    overflow: auto;
}

.zhuan_tit li {
    line-height: 24px;
}


.tree_nav1 {
    overflow-y: auto;
    width: 100%;
    height: 100%;
}

.tree_nav1 li {
    font-size: 13px;
}

.tree_nav1 li strong {
    display: block;
    height: 30px;
    line-height: 30px;
}

.tree_nav1 li strong a {
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.tree_nav1 li strong:hover a {
    color: #417FF9;
}

.tree_nav1 li strong.hover a {
    color: #417FF9;
    background: #eef5fe;
}

.tree_nav1 li img {
    margin-right: 10px;
}

.tree_nav1 li i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/ico_14.png) no-repeat center center;
    margin-right: 10px;
}

.tree_nav1 li i.hover {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/ico_14a.png) no-repeat center center;
    margin-right: 5px;
}

.tree_nav1 li p {
    display: block;
}

.tree_nav1 li p a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 60px;
}

.tree_nav1 li p a:hover {
    color: #417FF9;
}

.tree_nav1 li p a.hover {
    color: #417FF9;
}

.class_search .dropSearch {
    width: 150px;
    margin-left: 10px;
}

.class_search .dropSearch .layui-form-select .layui-input {
    width: 150px;
}

.class_search .dropSearch .layui-form-select dl dd.layui-this {
    background-color: #1A88EB
}

.xuetong_box,
.guanlian_box {
    padding: 13px;
}

.guanlian_box .search3 .dropSearch {
    width: 150px;
}

.guanlian_box .search3 .dropSearch .layui-form-select .layui-input {
    width: 130px;
    margin-left: 10px;
    border: none;
    width: 110px;
    margin-left: 10px;
}

.guanlian_box .search3 .search1 {
    margin: 0 0 0 680px;
    width: 250px;
    border-bottom: 1px solid #eee;
    border-top: none;
    border-left: none;
    border-right: none;
}

.guanlian_box .search3 .search1 .btn_ss1 {
    background: #fff;
    border-left: none;
    width: 40px;
    height: 40px;
    border-bottom: 1px solid #eee;
}

.guanlian_box .btn {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.guanlian_box .yes {
    margin-left: 1100px;
}

.guanlian_box .list_xt table tr {
    border-bottom: 1px solid #eee;
}

.search_xt {
    border: 1px solid #fff;
    background: #f7f9fb;
    line-height: 36px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}

.search_xt input {
    width: 100%;
    line-height: 36px;
    border: none;
    background: #f7f9fb;
    color: #333;
}

.search_xt a {
    flex-shrink: 0;
}

.search_xt img {
    flex-shrink: 0;
    margin-right: 10px;
}

.list_xt {
    padding: 10px 0 0 0;
}

.list_xt li {
    display: flex;
    align-items: center;
    height: 34px;
    font-size: 13px;
    justify-content: space-between;
    padding: 0 10px;
}

.list_xt li img {
    width: 20px;
    margin-right: 8px;
}

.list_xt li strong {
    display: block;
    width: 100%;
    color: #666;
}

.list_xt li span {
    flex-shrink: 0;
    color: #666;
}

.list_xt li:hover {
    background: #e9edf0;
}


.none_xt {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 15px;
    color: #666;
}


.lianxir_box {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

.lianxi_lx {
    width: 97%;
    box-sizing: border-box;
}

.lianxi_cy {
    box-sizing: border-box;
    padding-left: 15px;
}

.lianxi_cy h3 {
    font-size: 14px;
    line-height: 36px;
}

.lianxi_cy li {
    display: flex;
    align-items: center;
    height: 34px;
    font-size: 13px;
    justify-content: space-between;
    padding: 0 10px;
}

.lianxi_cy li img {
    width: 18px;
    margin-right: 8px;
}

.lianxi_cy li strong {
    display: block;
    width: 100%;
    color: #666;
    line-height: 18px;
}

.lianxi_cy li input {
    flex-shrink: 0;
    color: #666;
}

.lianxi_cy li:hover {
    background: #e9edf0;
}


.tab_lx {
    height: 420px;
}

.tab_lx dt {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-bottom: 1px solid #eee;
    padding-top: 5px;
}

.tab_lx dt a {
    display: block;
    line-height: 36px;
    font-size: 14px;
    padding: 0 10px;
}

.tab_lx dt a.hover {
    border-bottom: 2px solid #1A88EB;
}


.address_nav1 {
    font-size: 13px;
    padding: 0 10px;
}

.address_nav1 strong {
    display: block;
    margin-bottom: 1px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.address_nav1 strong a {
    display: flex;
    align-items: center;
    padding: 0 10px;
    color: #333;
    line-height: 30px;
}

.address_nav1 strong i {
    margin-right: 3px;
    width: 13px;
    height: 13px;
    flex-shrink: 0;
}

.address_nav1 strong:hover,
.address_nav1 strong.hover {
    background: #f5f8fa;
    color: #333;
}

.address_nav1 p {
    display: none;
}

.address_nav1 p a {
    display: block;
    line-height: 30px;
    color: #999;
    font-size: 13px;
    padding-left: 50px;
}

.address_nav1 p a:hover {
    background: #f5f8fa;
    color: #333;
}

.js_lianxiAdd {
    display: flex;
    align-items: center;
    height: 30px;
    line-height: 30px;
    padding: 0 35px;
    cursor: pointer;
}

.js_lianxiAdd img {
    flex-shrink: 0;
    margin-right: 5px;
}


.yaoqing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eee;
    padding: 15px 10px 0;
}

.yaoqing span {
    display: block;
    color: #888;
}

.yaoqing p {
    line-height: 24px;
}

.yaoqing a {
    display: block;
    width: 95px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #eee;
    text-align: center;
    color: #1A88EB;
    background: #f7f9fc;
}

.yaoqing a:hover {
    color: #fff;
    background: #1A88EB;
    border: 1px solid #1A88EB;
}

.list_xt_tt {
    font-size: 14px;
    color: #888;
    line-height: 24px;
    padding: 10px 10px 0;
}

.height_xt {
    height: 360px;
}

.js_addlxr {
    color: #1A88EB;
    flex-shrink: 0;
}

.addlxr_box {
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.addlxr_box h3 {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 30px;
    line-height: 20px;
}

.addlxr_box h3 img {
    width: 20px;
    flex-shrink: 0;
    margin-right: 5px;
}

.addlxr_yz {
    padding-bottom: 10px;
}

.addlxr_yz p {
    font-size: 14px;
    color: #888;
    line-height: 24px;
    padding: 10px 0 5px;
}

.addlxr_yz input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #1A88EB;
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    color: #555;
}

.cont {
    position: relative;
}

.page {
    position: fixed;
    bottom: 5px;
}



.select_n {
    border: none;
    font-size: 14px;
}

.ico_tag {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    margin: 0 5px;
}

.blue_bg {
    overflow: hidden;
}

.green_bg {
    background: #bbca54;
}

.org_bg {
    background: #ed9e72;
}

.yellow_bg {
    background: #ebc760;
}

.white_bg {
    background: #fff;
}

a.btn_ding {
    display: inline-block;
    padding: 0 15px;
    line-height: 30px;
    border-radius: 2px;
    color: #fff;
    border: 1px solid #1A88EB;
    background: #1A88EB;
}

a.btn_ding:hover {
    box-shadow: 0 5px 10px #1A88EB;
    color: #fff;
}

a.btn_ding.hover {
    color: #1A88EB;
    background: #e8f2fe;
}


a.link_blue {
    display: inline-block;
    padding: 0 15px;
    line-height: 30px;
    border-radius: 2px;
    color: #1A88EB;
    border: 1px solid #1A88EB;
}

a.link_blue:hover {
    box-shadow: 0 5px 5px #1A88EB;
}

a.link_blue_img {
    display: flex;
    align-items: center;
    padding: 0 15px;
    line-height: 30px;
    border-radius: 2px;
    color: #1A88EB;
    border: 1px solid #1A88EB;
}

a.link_blue_img:hover {
    box-shadow: 0 5px 10px #1A88EB;
}

a.link_bgblue_img {
    display: flex;
    align-items: center;
    padding: 0 15px;
    line-height: 30px;
    border-radius: 2px;
    color: #fff;
    border: 1px solid #1A88EB;
    background: #1A88EB;
}

a.link_bgblue_img:hover {
    box-shadow: 0 5px 10px #1A88EB;
}

a.link_org_img {
    display: flex;
    align-items: center;
    padding: 0 15px;
    line-height: 30px;
    border-radius: 2px;
    color: #fff;
    border: 1px solid rgba(255, 102, 0, 1);
    background: rgba(255, 102, 0, 1);
}

a.link_org_img:hover {
    box-shadow: 0 5px 10px rgba(255, 102, 0, 1);
}

.pad_left20 {
    padding-left: 20px !important;
}

.thiscyr a {
    color: #fff;
    display: inline-block;
    margin: 0;
}

#yizhuant {
    display: none;
}

#del {
    display: none;
}

#new {
    display: none;
}

#fldel {
    display: none;
}

#flnew {
    display: none;
}

#moveword {
    display: none;
}




.blue {
    color: #1A88EB;
}

a.blue {
    color: #1A88EB;
}

.red {
    color: red;
}

.green {
    color: #008000
}

.gray {
    color: #999
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 20px;
}

.w100 {
    width: 100%;
}

.w120 {
    width: 120px;
}

.w180 {
    width: 180px;
}

.w200 {
    width: 200px;
}

.w240 {
    width: 240px;
}

.w260 {
    width: 260px;
}

.w280 {
    width: 280px;
}

.w300 {
    width: 300px;
}

.w320 {
    width: 320px;
}

.w500 {
    width: 500px;
}

.w30 {
    width: 30%;
}

.w40 {
    width: 40%;
}



.layui-btn-normal {
    background-color: #1A88EB;
}

.layui-btn-normal:hover {
    background-color: #4e81f7;
    opacity: 1;
}


#moveword .new_box>strong span {
    display: inline-block;
    width: 81%;
    margin-left: 20px;
    border-radius: 2%;
    background-color: rgb(241, 241, 241);
    line-height: 20px !important;
    height: 35px !important;
    padding: 5px !important;
    box-sizing: border-box;
    letter-spacing: 2px;
}

#moveword .new_box ul {
    background-color: rgb(241, 241, 241);
    width: 86% !important;
    margin: 0 auto;
    border-bottom: #e2e2e2 1px solid;
    border-top: #e2e2e2 1px double;
    border-radius: 2%;
}

.btn_publish:hover {
    border: 1px solid #4e81f7;
    box-shadow: 0px 0px 6px #1A88EB;
}

.btn_publish,
.btn_f,
.btn_r {
    float: right;
    display: block;
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #fff;
    margin: 0 auto
}

.btn_pushhover,
.btn_pushhover1,
.btn_rhover {
    float: right;
    display: block;
    border: 1px solid #4e81f7;
    box-shadow: 0px 0px 6px #1A88EB;
    height: 20px;
    text-align: center;
    width: 50px;
    margin: 0 auto
}

.audit_list .fabu_btn {
    position: absolute;
    top: 20px;
    right: 20px;
}

.weifabu {
    padding-left: 50px;
}

.confirmbutton,
.confirmbutton1,
.confirmbutton2,
.confirmbutton3,
.confirmbutton4 {
    border: 1px solid #4e81f7;
    width: 70px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    text-align: center;
    box-shadow: 0px 0px 3px #1A88EB
}

.confirmbuttonelse,
.noconfirm,
.noconfirm1,
.noconfirm2 {
    width: 70px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    text-align: center;
}

#scrollbar {
    width: 100%;
    height: 100%;
}

/* .myfix{position: relative;}
.leftfix{z-index: 1;position: fixed;} */
.k_audit {
    color: #fff;
    background: red;
    display: block;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    padding: 0 8px;
    border-radius: 9px;
    margin-left: 10px;
}

.personDocname {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 700px;
}

.table_tit {
    width: 200px;
    color: #000 !important;
}

.table_tit a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
    /* justify-content: center; */
}

.k_padding {
    padding-left: 10px;
}

.fabu_title li.nogreen {
    background: url(../images/u19587.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

.approvalNotice {
    width: 340px;
    height: 370px;
    box-sizing: border-box;
    align-items: stretch;
    position: absolute;
    background: #fff;
    right: -170px;
    top: 55px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.approvalNotice h5 {
    background-color: #1A88EB;
    text-align: center;
    color: #fff;
    padding: 7px;
}

.approvalNotice ul {
    background-color: #fff;
    overflow: auto;
    height: 330px;
}

.approvalNotice ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f0f0f0;
    padding: 10px;
    height: 55px;
}

.approvalNotice .k_userbgcolor {
    display: block;
    flex-shrink: 0;
    background: #97c8e9;
    color: #fff;
    margin-top: 7px;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}

.approvalNotice .k_userbgcontent {
    width: 270px;
}

.approvalNotice .k_dyh {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-right: 5px;
}

.k_nothing {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
}

.alarmClock {
    background-image: url(../images/ico_1.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.alarmClock:hover {
    background-image: url(../images/ico_1_hover.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.smallBell {
    background-image: url(../images/ico_2.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.smallBell:hover {
    background-image: url(../images/ico_2_hover.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.personalStyle {
    background-image: url(../images/u890.svg);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.personalStyle:hover {
    background-image: url(../images/u890_mouseOver.svg);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.personalCenter {
    background-image: url(../images/pc.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.personalCenter:hover {
    background-image: url(../images/pc_hover.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.logout {
    background-image: url(../images/lg.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.logout:hover {
    background-image: url(../images/lg_hover.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

#personDocView li .list1_item:hover {
    cursor: pointer;
}

#personDocView li .list1_item .personDocname:hover {
    cursor: pointer;
    font-weight: bold;
}

#personDocView li .list1_item_r .k_more {
    background-image: url(../images/ico_13.png);
    margin-top: 18px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

#personDocView li .list1_item_r .k_more:hover {
    background-image: url(../images/ico_13_hover.png);
    margin-top: 18px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

#personDocView li .list1_item_r .list1_btn .k_rName {
    margin: 0 10px 0 25px;
    background-image: url(../images/ico_11.png);
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

#personDocView li .list1_item_r .list1_btn .k_rName:hover {
    background-image: url(../images/ico_11_hover.png);
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

#personDocView li .list1_item_r .list1_btn .k_recycleBin {
    background-image: url(../images/ico_12.png);
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

#personDocView li .list1_item_r .list1_btn .k_recycleBin:hover {
    background-image: url(../images/ico_12_hover.png);
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

#myPublishView {
    min-height: calc(100% - 200px);
}

/* .servers {background-image: url(../images/server-151.png);width: 20px;height: 20px;background-repeat: no-repeat;margin-right: 15px;}
.servers:hover {background-image: url(../images/server-15.png);width: 20px;height: 20px;background-repeat: no-repeat;margin-right: 15px;} */
.k_ico_n7 {
    background: url(../images/u435.png) no-repeat center center;
}

.k_ico_n7:hover {
    background: url(../images/u437.png) no-repeat center center;
}

strong .hover .k_ico_n7 {
    background: url(../images/u439.png) no-repeat center center;
}

.editName {
    background-image: url(../images/u32318.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.editName:hover {
    background-image: url(../images/u0.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.fileExport {
    background-image: url(../images/dload.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.fileExport:hover {
    background-image: url(../images/dload.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.fileDownload {
    background-image: url(../images/u32321.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.fileDownload:hover {
    background-image: url(../images/u3232100.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.copyText {
    background-image: url(../images/u32323.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.fileDelete {
    background-image: url(../images/u32319.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.fileDelete:hover {
    background-image: url(../images/u1.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.caozuo {
    display: flex;
}

.caozuo p,
.caozuo a {
    margin-right: 20px;
}

.file_btn {
    position: absolute;
    top: 20px;
    right: 20px
}

.cb_input {
    width: 521px;
    height: 110px;
    border-color: rgba(201, 201, 201, 1);
    padding: 5px;
    margin-bottom: 0;
}

.cb_cont {
    width: 533px;
    height: 68px;
    background-color: rgba(245, 248, 250, 1);
    border: none;
    margin-top: -3px;
}

.cb_opt {
    padding-left: 30px;
}

.cb_opt span {
    line-height: 30px;
    margin: 0 20px;
}

.cb_btn input {
    margin: 0 10px 5px 340px;
}

.cb_btn button {
    margin: 0 0 0 30px;
    background-color: rgba(65, 127, 249, 0.0980392156862745);
    width: 60px;
    height: 30px;
    border: none;
}

.sctc div {
    margin: 10px 0;
}

.sctc {
    padding: 10px 0 0 15px;
    line-height: 50px;
    font-size: 14px;
    display: none;
    color: #999;
}

.sctc span {
    margin: 0 5px;
}

.sctcInput {
    width: 425px;
    height: 38px;
    border: 1px solid #e6e6e6;
    padding-left: 10px;
}

.sctc span input {
    margin: 0 8px 0 0;
}

.btnDiv span a {
    padding: 10px 334px 10px 15px;
    border-radius: 3px;
    color: #417FF9;
    background-color: #fff;
    border: 1px solid rgba(26, 136, 235, 1);
    text-align: center;
}

.btnDiv span a:hover {
    color: #417FF9;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(65, 127, 249);
}

.sctc .chooseProject a {
    padding: 10px 305px 10px 15px;
}

.sctc .chooseProject {
    margin: 0;
}

.sctc select {
    width: 437px;
    height: 40px;
    border: 1px solid #e6e6e6;
    color: #666;
    padding: 0 0 0 8px;
    cursor: pointer;
}

.cHide,
.cHideUp {
    margin: 0 22px 0 10px;
    cursor: pointer;
    float: right;
    font-size: 20px;
}

.cProject {
    cursor: pointer;
}

.showPName .cProject {
    cursor: pointer;
    float: right;
    font-size: 20px;
}

.sctc .docLib {
    display: inline-block;
    margin: 0;
}

.sctc .docLib div {
    margin: 0;
}

.sctc .docLib div input {
    margin: 0 10px 0 40px;
    display: inline;
    cursor: pointer;
}

.sctc .docLib div select {
    width: 297px;
    display: inline;
    cursor: pointer;
}

.redColor {
    color: red;
}

.isRelateChoose input {
    cursor: pointer;
}

.sctc .docLib .dlTitle {
    margin: 0 0 0 10px;
}

.sctc .pName,
#fName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 360px;
    margin-bottom: -20px;
    display: inline-block;
}

.dropSearch .layui-form-radio,
.dropSearch .layui-form-select {
    display: inline-block;
}

.guanlian_box .search3 .dropS1 {
    width: 200px;
}

.dropSearch .layui-form-radio {
    margin: 0;
    padding: 0;
    margin-right: -15px;
}

.dropSearch .layui-form-radio i {
    font-size: 14px;
}

.docLibrary::-webkit-scrollbar {
    width: 0 !important
}

.chooseDocLib {
    caret-color: transparent;
    cursor: pointer;
    min-width: 425px;
    min-height: 38px;
    border: 1px solid #e6e6e6;
    padding-left: 10px;
    display: inline;
}

.chooseDocLib1 {
    min-width: 313px;
    border: none;
}

.docLibrary {
    overflow-y: auto;
    padding: 0;
    display: none;
    width: 435px;
    position: absolute;
    top: 33px;
    left: 0;
    min-height: 300px;
}

.docLibrary1 {
    width: 313px;
    z-index: 2;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    top: 40px;
}

.noValue {
    margin: 0 0 0 90px;
    width: 100%;
}

.docLibrary li div:hover strong {
    color: #417FF9;
}

.docLibrary li {
    cursor: pointer;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    width: 99%;
    background-color: #fff;
}

.docLibrary li:first-child {
    border-top: 1px solid #e6e6e6;
}

.docLibrary li:last-child {
    border-bottom: 1px solid #e6e6e6;
}

.docLibrary li strong {
    height: 20px;
    line-height: 20px;
}

.docLibrary li div {
    margin: 0;
    padding: 5px 0;
}

.docLibrary li div i,
.docLibrary li div i.hover {
    height: 20px;
    line-height: 20px;
}

.docLibrary li p a {
    line-height: 20px;
    height: 20px;
}

.docLibrary li div:hover {
    background: rgba(240, 247, 255, 1);
}

.dropSpan {
    position: relative;
}

.dropIcon {
    position: absolute;
    right: 20px;
    transform: rotate(-180deg)
}

.dropIcon1 {
    right: 200px;
    top: 10px;
    transform: rotate(-180deg)
}

.layui-layer-content {
    overflow: visible !important;
}

.dropSpan i.hover {
    transform: rotate(0);
}

.sctc div span i.hover {
    transform: rotate(-180deg);
}

.sctc .wjlx {
    line-height: 20px;
}

.sctc .wjlx div {
    padding-left: 5px;
}

.sctc .wjlx .lx {
    padding-left: 25px;
}

#index_left .layui-table th {
    color: #999;
}

#index_left .layui-table th,
#index_left .layui-table td {
    border-width: 0;
    border-bottom: 1px solid #ccc;
    width: 100px;
}

#index_left .layui-table .table_tit a {
    width: 200px;
    text-decoration: none;
}

#index_left .layui-table .table_tit a:hover {
    font-weight: normal;
}


.pd_btn_right {
    position: absolute;
    right: 20px;
    margin-top: -37px;
}

.newSpan {
    margin: 0 0 0 13px;
    padding: 2px 6px;
    width: 39px;
    height: 18px;
    background-color: rgba(254, 245, 231, 1);
    border-radius: 10px;
    font-size: 12px;
    color: #F7A830;
}

#myTeamView {
    margin-top: 0;
}

.myTeamTree ul {
    padding-top: 20px;
    position: relative;
    webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all .3s;
}

.myTeamTree li {
    float: left;
    list-style: none;
    text-align: center;
    position: relative;
    padding: 20px 3px 0 3px;
    webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all .3s;
}

/*利用::before,::after作分支线*/
.myTeamTree li:nth-child(1)::before,
.myTeamTree li:nth-child(1)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 20px;
    border-top: 1px solid #ccc;
}

.myTeamTree li:nth-child(2)::before,
.myTeamTree li:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 20px;
    border-top: 1px solid #ccc;
}

.myTeamTree li:nth-child(3)::before,
.myTeamTree li:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 20px;
    border-top: 1px solid #ccc;
}

.myTeamTree li:nth-child(4)::before,
.myTeamTree li:nth-child(4)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 20px;
    border-top: 1px solid #ccc;
}

.myTeamTree li:nth-child(5)::before,
.myTeamTree li:nth-child(5)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 20px;
    border-top: 1px solid #ccc;
}

.myTeamTree li:nth-child(6)::before,
.myTeamTree li:nth-child(6)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 20px;
    border-top: 1px solid #ccc;
}

.myTeamTree li:after {
    right: auto;
    left: 50%;
    border-top: 1px solid #ccc;
}

.myTeamTree li:first-child::after {
    border-left: 1px solid #ccc;
}


.myTeamTree li:first-child::before,
.myTeamTree li:nth-child(6)::after {
    border: 0 none;
}

.myTeamTree li:nth-child(6)::before {
    border-right: 1px solid #ccc;
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
}

/* .myTeamTree li:first-child::before,.myTeamTree li:last-child::after {border: 0 none;}
.myTeamTree li:last-child::before {border-right: 1px solid #ccc;-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;} */


.myTeamTree li:first-child::after {
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
}

/*删除仅只有一个分支的分支线*/
.myTeamTree li:only-child::before,
.myTeamTree li:only-child::after {
    border: none;
}

.myTeamTree li:only-child {
    padding-top: 0;
}

/*添加仅只有一个分支的下分支线*/
.myTeamTree ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
    height: 20px;
}

.myTeamTree span {
    line-height: 12px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all 0.5s;
    transition: all .3s;
    cursor: pointer;
}

.myTeamTree .pt0 {
    padding-top: 0;
}

.myTeamTree .mb20 {
    margin-bottom: 20px;
}

.myTeamTree .pt0::before {
    border: none;
}

.myTeamTree .mg0100 {
    margin: 0 100px;
}

.myTeamTree .card_hide {
    background: #fff;
    display: none;
    width: 300px;
    text-align: left;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.textHide {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 280px;
}

.mb10 {
    margin-bottom: 10px;
}

#index_left .layui-table {
    margin: -10px 0 0 0;
}

#index_left .layui-table th {
    background-color: #fff;
    cursor: auto
}

#index_left .layui-table tr:hover {
    cursor: pointer;
    background-color: #f0f0f0;
}

#index_left .layui-table td {
    padding: 10px 15px;
}

#index_page {
    margin: 0 0 0 35px;
}

.pcTitle {
    color: #1A88EB;
    font-weight: 700;
    font-size: 14px;
    line-height: 50px;
    margin: 0 0 0 20px;
}

.pcNav {
    font-size: 13px;
    line-height: 40px;
    border-right: 5px solid transparent;
    background-color: #fff;
    width: 101%;
}

.pcNav li {
    cursor: pointer;
}

.pcNav li span {
    padding: 0 0 0 20px;
}

.pcNav li:hover {
    background-color: #f8f8f8;
}

.pcNav li.hover {
    border-right: 5px solid #1A88EB;
    background-color: #f8f8f8;
}

.navName {
    background-color: #f8f8f8;
    font-size: 18px;
    height: 80px;
    width: 100%;
    line-height: 80px;
    padding: 0 0 0 20px;
}

.pc_cont {
    padding: 0;
}

.navCont {
    padding: 20px;
}

.pcInfoForm input {
    border: none;
    width: 300px;
}

.pcInfoForm .layui-form-select {
    width: 300px;
}

.pcInfoForm .layui-btn {
    width: 130px;
    height: 40px;
    font-size: 13px;
    background-color: #1A88EB;
    margin: 20px 30px;
}

.authSystemTb th {
    background-color: #f0f0f0;
    font-size: 13px;
    text-align: center;
}

.authSystemTb td .lgImg {
    width: 40px;
    height: 40px;
}

.authSystemTb td {
    padding: 5px 15px;
    font-size: 13px;
    text-align: center;
}

.changePswForm input {
    width: 300px;
}

.changePswForm .layui-btn {
    width: 380px;
    height: 40px;
    font-size: 13px;
    background-color: #1A88EB;
    margin: 20px 30px;
}

/* 首页详情页 */
.bgWhite {
    background-color: #fff;
}

.detailBody {
    width: 1200px;
    margin: 0 auto;
}

.detailHeader {
    width: 100%;
}

.detailNav {
    line-height: 80px;
}

.detailNav .navIcon {
    color: #3B8BE1;
}

.detailNav .nav_l {
    float: left;
    color: #999;
}

.detailNav .nav_r {
    float: right;
    color: #3B8BE1;
}

.detailNav .nav_r .layui-btn {
    width: 74px;
    height: 32px;
    font-size: 14px;
    color: #417FF9;
    background-color: #fff;
    text-align: left;
    line-height: 32px;
    border: 1px solid transparent;
}

.detailNav .nav_r .layui-btn:hover {
    border: 1px solid #417FF9;
    box-shadow: 5px 5px 5px #F5FAFF;
}

.detailTitle {
    clear: both;
    border: 1px solid #f0f0f0;
    width: 1160px;
    height: 100px;
    border-radius: 4px;
    padding: 20px;
}

.detailTitle .d_title {
    font-size: 20px;
}

.detailTitle .c_type {
    margin: 15px 0;
    font-size: 12px;
    color: #417FF9;
    width: 80px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    background-color: #F5FAFF;
}

.detailTitle .title_l {
    font-size: 14px;
}

.detailTitle .title_r {
    position: relative;
    top: -15px;
    right: 0;
}

.detailTitle .title_r .layui-btn {
    margin: -8px 0 0 20px;
    width: 74px;
    height: 32px;
    font-size: 14px;
    color: #fff;
    background-color: #417FF9;
    text-align: left;
    line-height: 32px;
}

.detailTitle .title_r .layui-btn:first-child {
    color: #417FF9;
    background-color: #fff;
    border: 1px solid #417FF9;
    margin-left: 840px;
}

.detailTitle .title_r .layui-btn img {
    margin-left: -5px;
}

.detailTitle .title_r .layui-btn:hover {
    box-shadow: 0 0 10px #F5FAFF;
}

.detailTitle .title_cr {
    position: relative;
    top: -15px;
    right: 0;
}

.detailTitle .title_cr .layui-btn {
    margin: -8px 0 0 1050px;
    width: 94px;
    height: 32px;
    font-size: 14px;
    color: #fff;
    background-color: #417FF9;
    text-align: left;
    line-height: 32px;
}

.detailTitle .title_cr .layui-btn img {
    margin-left: -5px;
}

.detailTitle .title_cr .layui-btn:hover {
    box-shadow: 0 0 10px #F5FAFF;
}

.clBlack {
    color: #000;
}

.detailCont {
    border: 1px solid #f0f0f0;
    width: 100%;
    border-radius: 4px;
    padding: 0 5px;
    margin: 18px 0 200px 0;
}

.detailCont .dcTab {
    border-bottom: 1px solid #f0f0f0;
    margin: 5px 20px 0 20px;
}

.detailCont .dcTab li {
    cursor: pointer;
    display: inline;
    border-bottom: 2px solid transparent;
    line-height: 45px;
    font-size: 16px;
    padding: 10px 0 12px 0;
    margin: 0 40px 0 0;
}

.detailCont .dcTab li:hover {
    border-bottom: 2px solid #417FF9;
    color: #417FF9;
}

.detailCont .dcTab li.hover {
    border-bottom: 2px solid #417FF9;
    color: #417FF9;
}

.detailCont .dcTabItem {
    margin: 20px;
}

.detailCont .dcTitle {
    border-left: 3px solid #417ff9;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    padding-left: 10px;
}

.detailCont .dcTable0 td,
.detailCont .dcTable2 td {
    border: none;
}

.detailCont .dcTable0 {
    width: 400px;
}

.detailCont .dcTable1 td {
    border: 1px solid #D8E8F4;
}

.detailCont .dcTable1 .tTitle {
    background-color: #F5FAFF;
}

.dctiCont {
    margin: 10px 0 0 5px;
}

.dctiCont p {
    line-height: 30px;
    font-size: 14px;
}

.detailCont .dcTable2 tr td:first-child {
    width: 150px;
}

.detailCont .dcTable2 {
    margin: 10px 0 100px 0;
}

.dcTabCont::-webkit-scrollbar {
    width: 0 !important;
}

.dcTabCont {
    margin: 0 0 10px 0;
    overflow-y: auto;
    height: 620px;
}

.dcTabCont hr {
    width: 1160px;
    margin: 0 auto;
}

.detailCont .cont_l::-webkit-scrollbar {
    width: 0 !important;
}

.detailCont .cont_l {
    width: 920px;
    float: left;
    overflow-y: auto;
    height: 690px;
}

.detailCont .cont_l hr {
    width: 880px;
    margin: 0 auto;
}

.detailCont .cont_r {
    width: 260px;
    float: right;
}

.bdn {
    border: none;
    padding: 0;
}

.dcCont {
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    padding: 0 5px;
}

.overhide {
    overflow: hidden;
}

.detailCont .bidTitle {
    width: 880px;
    height: 98px;
    background-color: #F5FAFF;
    border: 1px solid #D8E8F4;
    margin: 10px 0;
    border-radius: 4px;
}

.detailCont .bidTitle .bt_l {
    float: left;
    width: 500px;
    height: 75px;
    border-right: 1px solid #D8E8F4;
    margin: 10px 0;
    line-height: 80px;
    text-align: center;
}

.fs18 {
    font-size: 18px;
}

.detailCont .bidTitle .bt_l a {
    color: #417ff9;
    margin: 0 10px;
}

.detailCont .bidTitle .bt_r {
    float: left;
    margin: 10px 0 0 10px;
}

.detailCont .bidTitle .bt_r .flleft {
    float: left;
    text-align: center;
    margin: 0 20px;
}

.detailCont .bidTitle .bt_r .flleft .fs22 {
    font-size: 22px;
    font-weight: 700;
}

.detailCont .bidTitle .bt_r .flleft .fs22 span {
    font-size: 14px;
}

.detailCont .bidTitle .bt_r .flleft .fs12 {
    font-size: 12px;
    line-height: 14px;
}

.detailCont .bidTitle .bt_r .flleft .fs13 {
    font-size: 13px;
}

.detailCont .bidTitle .bt_r .flleft button {
    width: 80px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    border: none;
    border-radius: 4px;
}

.detailCont .bidTitle .bt_r .btn1 {
    background-color: #417FF9;
}

.detailCont .bidTitle .bt_r .btn2 {
    background-color: #EE7D3D;
}

.detailCont .bidTitle .bt_r .btn3 {
    background-color: #DF6253;
}

.detailCont .baTitle {
    background-color: #FFF6F6;
    border: 1px solid #FFE1E1;
    height: 60px;
    margin-top: 20px;
}

.detailCont .baTitle .bt_l {
    width: 400px;
    border: none;
}

.detailCont .baTitle .bt_l .colred {
    color: #F95E5A;
    font-size: 14px;
    font-weight: 700;
    padding-right: 20px;
    border-right: 1px solid #FFE1E1;
    margin-right: 20px;
}

.detailCont .baTitle .bt_r .colred {
    color: #F95E5A;
}

.detailCont .baTitle .bt_l {
    height: 50px;
    line-height: 40px;
}

.detailCont .baTitle .bt_r span {
    font-weight: normal;
    color: #000;
}

.detailCont .baTitle .bt_r button {
    background-color: #DF6253;
    margin: 10px 0;
}

.detailCont .baTitle .bt_r .flleft {
    margin: 0 15px;
}

.ptTime {
    line-height: 50px;
    margin-top: 20px;
}

.ptTitle {
    line-height: 50px;
}

.ptTitle div {
    display: inline;
}

.ptTitle .c_type {
    padding: 5px 20px;
    margin: 15px 0;
    font-size: 12px;
    color: #417FF9;
    width: 80px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    background-color: #F5FAFF;
    margin: 0 30px 0 20px;
}

.dcTable1 .c_type {
    padding: 5px 20px;
    margin: 15px 0;
    font-size: 12px;
    color: #417FF9;
    width: 80px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    background-color: #F5FAFF;
    margin: 0 30px 0 20px;
}

#busOpRecView {
    margin-bottom: 200px;
}

.cont_r {
    line-height: 30px;
}

.cont_r .bgcolred {
    background-color: #DF6253;
    color: #fff;
    border-radius: 4px;
    width: 218px;
    margin: 15px 0 15px 0;
    border: none;
    height: 33px;
}

.cont_r .colred {
    color: #F95E5A;
}

.cont_r .dcCont {
    margin-bottom: 20px;
    padding: 0 20px;
}

.cont_r .dcCont .dcTitle {
    margin: 17px 0 17px 0;
}

.fw700 {
    font-weight: 700;
}

.w150 {
    width: 150px !important;
}

#index_left .export_btn {
    position: relative;
    left: 1300px;
    bottom: 44px;
    display: none;
}

#index_left .export_btn button {
    width: 74px;
    height: 32px;
    background: #fff;
    color: #6699ff;
    border: 1px solid #6699ff;
    line-height: 100%;
}

.h_center .hide_btn {
    display: none;
}

.h_center .proj_tr td .hide_btn button {
    padding: 0;
    margin: 0 5px;
    width: 60px;
    height: 25px;
    color: #6699ff;
    background-color: #fff;
    line-height: 100%;
}

.h_center .proj_tr td .hide_btn button:hover {
    border: 1px solid #6699ff;
    background-color: #fff;
}

.detailTitle .title_r .w94 {
    width: 98px;
}

.cont_r .dcCont .tr_img {
    width: 172px;
    height: 172px;
    margin: 0 0 0 20px;
}

.cont_r .dcCont .tr_btn {
    width: 182px;
    height: 36px;
    border-radius: 4px;
    background-color: #fff;
    color: #417FF9;
    border: 1px solid #417FF9;
    margin: 0 auto;
    margin: 0 0 20px 15px;
}

.detailCont .dctiBottom {
    margin-bottom: 100px;
}

.comResTitle {
    font-size: 16px;
    font-weight: 700;
    color: #417ff9;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    height: 64px;
    line-height: 80px;
}

.pd0 {
    padding: 0;
}

.comResTitle img {
    margin: -5px 0 0 30px;
}

.comResCont {
    padding: 0 30px;
    font-size: 14px;
}

.comResCont .crcTitle {
    border-left: 2px solid #417FF9;
    color: #417FF9;
    margin: 20px 0;
    padding: 0 0 0 5px;
    line-height: 12px;
}

.comResCont .crcLink div {
    cursor: pointer;
    border-radius: 2px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    width: 160px;
    height: 40px;
    background-color: #f0f7ff;
    border: 1px solid transparent;
    margin: 0 20px 20px 0;
}

.comResCont .crcLink div:hover {
    border: 1px solid #417FF9;
    box-shadow: 5px 5px 5px #CBDCFD;
    color: #417ff9;
}

.historyDrop {
    z-index: 2;
    display: none;
    width: 791px;
    height: 180px;
    position: absolute;
    top: 52px;
    left: 0;
    border: 1px solid #f0f0f0;
    background-color: #fff;
}

.historyDrop .hisDropLi {
    font-size: 14px;
    color: #7d87d3;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    cursor: pointer;
}

.historyDrop .hisDropLi .his_del {
    display: none;
    position: absolute;
    right: 20px;
    margin-top: -30px;
}

.historyDrop .hisDropLi:hover {
    background-color: #f2f2f2;
}

.historyDrop .his_edit {
    color: #000;
    background-color: #f2f2f2;
    font-size: 14px;
    height: 29px;
    line-height: 29px;
    padding-left: 20px;
    cursor: pointer;
    border-top: 1px solid #fff;
}

.historyDrop .his_edit .his_close {
    margin-left: 570px;
}

.historyDrop .his_edit span {
    margin: 0 5px;
}

.checkVal {
    color: transparent;
}

.input_td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 15px;
}

.side_nav li .ml29 {
    margin-left: 29%;
}

.side_nav li .ml39 {
    margin-left: 39%;
}

#noticeInfoView1 {
    border: 1px solid #ddd;
    margin: 0 -6px;
}

#noticeInfoView1 .title {
    height: 112px;
    border-bottom: none;
    padding: 0;
}

#noticeInfoView1 .title h2 {
    font-size: 30px;
    line-height: 56px;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 15px;
    color: #333;
    padding: 0 120px;
}

#noticeInfoView1 .fu_title {
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #dddddd;
    margin: 0 66px;
}

#noticeInfoView1 .fu_title span {
    margin-right: 16px;
    font-size: 16px;
    color: #666;
}

#noticeInfoView1 .content {
    margin: 0 66px;
    margin-top: 36px;
    margin-bottom: 52px;
}

#noticeInfoView1 .content p {
    line-height: 40px;
    text-indent: 40px;
}

.overAuto {
    overflow-y: auto;
}

.wt380 {
    width: 380px;
}

.opeColumn a {
    margin: 0 5px;
}

.opeColumn a img {
    width: 20px;
}

#myPicturesView th,
#myPicturesView td {
    text-align: center;
}

.toThumbnail {
    position: absolute;
    right: 25px;
    top: 76px;
}

.toThumbnail_f {
    top: 128px;
}

.toThumbnail_ff {
    top: 188px;
}

.sh_private {
    display: none;
    line-height: 30px;
}

.sh_h {
    margin: 20px 0;
    clear: both;
}

.sh_c {
    margin-bottom: 20px;
}

.sh_c .sh_c_l {
    float: left;
}

.sh_c .sh_c_r {
    float: right;
    margin-right: 30px;
}

.sh_link {
    margin-left: 440px;
}

.sh_link a {
    display: inline;
    margin: 0 5px;
}

.sh_c input {
    display: inline;
    width: 440px;
    height: 44px;
    border-radius: 4px;
    border: 1px solid #f0f0f0;
    font-size: 14px;
    color: #333333;
    padding: 0 10px;
}

.sh_c .layui-btn {
    display: inline;
    width: 100px;
    height: 44px;
    border-top-right-radius: 4px;
    margin-left: -5px;
    background: #417ff9;
}

.mb15 {
    margin-bottom: 15px;
}

.qr_code {
    width: 530px;
    height: 120px;
    border: 1px solid #cccccc;
    padding: 15px;
}

.qr_code .qr_l {
    float: left;
    width: 140px;
    height: 150px;
}

.qr_code .qr_l img {
    width: 120px;
}

.qr_code .qr_r {
    float: right;
    height: 120px;
    width: 390px;
}

.qr_code .qr_r p:nth-child(2) {
    color: #949494;
}

.sh_open,
.sh_private {
    color: #949494;
}

.ar_item {
    margin: 25px 0 10px 25px;
}

.ar_item input[type="radio"] {
    display: inline-block;
}

.ar_item div {
    display: inline-block;
}

.ar_item .pri_input {
    display: none;
    width: 300px;
    height: 34px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    margin-top: 10px;
    padding-left: 10px;
}

#sharePanel,
#accessRights {
    display: none;
}

#accessRights {
    height: 100px;
}

.mt60 {
    margin-top: 60px;
}

.ml19 {
    margin-left: 19px;
}

#sharePanel .org_l {
    width: 290px;
    float: left;
    border-right: 1px solid #cccccc;
}

#sharePanel .org_l .org_notice {
    font-size: 12px;
    color: #666666;
    line-height: 30px;
}

#sharePanel .org_r {
    width: 270px;
    float: right;
}

#sharePanel .org_l .org_cont {
    height: 350px;
    overflow-y: auto;
    margin-top: 20px;
}

#sharePanel .layui-tree-txt {
    color: #999999;
}

#sharePanel .layui-tree-entry:hover {
    background: #f2f5fa;
}

#sharePanel .hover {
    background: #f2f5fa;
}

.user_list {
    height: 262px;
    overflow-y: auto;
}

.user_list ul {
    padding: 10px 0;
}

.user_list .ul_l {
    float: left;
    width: 225px;
    margin: 0 0 10px 0;
}

.user_list .ul_l:hover {
    background: #f2f5fa;
}

.user_list .ul_l img {
    margin: 0 15px 0 0;
}

.user_list .ul_r {
    float: right;
    margin: 0 10px 10px 0;
}

#sharePanel .org_t {
    border-bottom: 1px solid #f0f0f0;
}

#sharePanel .org_t span {
    border-bottom: 1px solid #417ff9;
    color: #417ff9;
    font-size: 12px;
    line-height: 30px;
    padding-bottom: 7px;
}

#operaPanel {
    margin: 40px;
    text-align: center;
    display: none;
}

#operaPanel p {
    font-size: 12px;
}

#operaPanel p i {
    font-weight: blod;
    margin-right: 3px
}

#operaPanel p:nth-child(2) {
    color: #999;
}

.colorRed {
    color: red;
}

.colorGreen {
    color: green;
}

#sharePanel .org_r .org_btn {
    margin: 20px 0 0 20px;
}

#sharePanel .org_r .org_btn button {
    width: 99px;
    height: 36px;
    line-height: 36px;
}

#sharePanel .org_r .org_btn button:nth-child(1) {
    background: #417FF9;
}

.colorLikeBlue {
    color: #417FF9;
}

#sharePanel .layui-tab-title li.layui-this {
    color: #417FF9;
}

.top-searchButton {
    margin-left: -4px;
}

.tab_dd {
    margin-top: 20px;
}

.tab {
    margin: 15px 0;
}

.tab span {
    border-bottom: 1px solid #fff;
    cursor: pointer;
    line-height: 30px;
    margin: 0 20px;
    padding-bottom: 5px;
}

.tab span.hover,
.tab span:hover {
    color: #417ff9;
    border-bottom: 1px solid #417ff9;
}

.opeColumn .wtat {
    width: auto;
}

.onlineDetail {
    display: none;
    width: 500px;
    padding: 15px;
    background: #fff;
    box-shadow: 5px 5px 10px #c8c8c8;
    z-index: 2;
    border: 1px solid #f0f0f0;
}

.onlineDetail:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: -16px;
    top: 0px;
    border-right: 16px solid transparent;
    border-top: 16px solid #fff;
}

#boardCastOnlineView li {
    position: relative;
    cursor: pointer;
}

.myfile_sctc {
    padding: 25px 0 0 25px;
    line-height: 50px;
    font-size: 14px;
    display: none;
}

.myfile_sctc span {
    margin: 0 5px;
}

.myfile_sctc span input {
    margin: 0 8px 0 0;
}

.myfile_sctc span a {
    padding: 7px 10px;
    border-radius: 3px;
    color: #417FF9;
    background-color: #fff;
    width: 90px;
    height: 35px;
    border: 1px solid rgba(26, 136, 235, 1);
    text-align: center;
}

.myfile_sctc span a:hover {
    color: #417FF9;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(65, 127, 249);
}

.myfile_sctc select {
    height: 40px;
    width: 250px;
    border: 1px solid #999;
    color: #666;
}

.overflowy {
    overflow-y: auto;
}

.h750 {
    height: 800px !important;
}

.mb200 {
    margin-bottom: 200px !important;
}

#aboutDocView {
    width: 100%;
}

.cspt {
    cursor: pointer;
}

.questionsView {
    padding: 15px 20px;
}

.questionsView p {
    font-size: 14px;
    line-height: 35px;
}

.questionsView .options {
    color: #999;
    line-height: 35px;
}

.questionsView .options input {
    margin: 0 15px;
    padding: 5px;
    color: #999;
}

.detailCont .submit {
    color: #fff;
    background: #417ff9;
    width: 300px;
    height: 44px;
    line-height: 44px;
    margin: 15px 450px 30px;
    font-size: 16px;
}

.detailCont .submit:hover {
    box-shadow: 0 0 10px #F5FAFF;
}

.myCheckTable {
    padding: 15px 20px;
}

.myCheckTable table {
    width: 880px;
}


/* 审批中心 任务中心  */
.innerRight {
    width: 100%;
    height: 100px;
}

.innerRight .right_top {
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    height: 40px;
}

.innerRight .right_top .right_logo {
    margin-left: 15px;
}

.innerRight .right_top .right_title {
    font-family: '微软雅黑', sans-serif;
    font-size: 16px;
    display: inline-block;
}

.innerRight .right_top .rightBtn {
    cursor: pointer;
    float: right;
    margin-right: 20px;
    margin-top: -5px;
    padding: 5px 15px;
    height: 34px;
    color: #fff;
    background-color: #417FF9;
    border: none;
    border-radius: 3px;
}
.innerRight .right_top .rightBtn1 {
    cursor: pointer;
    float: right;
    margin-right: 20px;
    margin-top: -5px;
    padding: 5px 15px;
    height: 34px;
    color: #fff;
    background-color: #417FF9;
    border: none;
    border-radius: 3px;
}
.innerRight .right_top .rightBtn2{
    cursor: pointer;
    float: right;
    margin-right: 20px;
    margin-top: -5px;
    padding: 5px 15px;
    height: 34px;
    color: #fff;
    background-color: #ff5722;
    border: none;
    border-radius: 3px;
}
.innerRight .queryArea {
    width: 100%;
    padding: 15px;
}

.innerRight .queryItem {
    position: relative;
    margin-right: 50px;
}

.innerRight .queryItem .querySelect {
    cursor: pointer;
}

.innerRight .queryItem .querySelect .layui-edge {
    right: -20px;
}

.innerRight .queryItem .queryDrop {
    z-index: 2;
    display: none;
    position: absolute;
    width: 210px;
    background-color: #fff;
    border: 1px solid #dedede;
    line-height: 25px;
    color: #667580;
    font-size: 12px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
    padding: 10px;
    top: 25px;
}

.innerRight .queryItem .queryDrop.inputDrop {
    width: 300px;
}

.innerRight .queryItem .queryDrop.inputDrop input {
    padding-left: 5px;
}

.innerRight .queryItem .queryDrop.inputDrop .dropSearch {
    border: none
}

.innerRight .queryItem .queryDrop.inputDrop .dropInput {
    height: 28px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
}

.innerRight .queryItem .queryDrop .layui-form-checkbox {
    display: none;
}

.innerRight .queryItem .queryDrop input[type=checkbox] {
    display: inline-block;
    margin-right: 10px;
}

.innerRight .queryItem .queryDrop .dropBtn {
    float: right;
    margin-right: 10px;
    padding: 5px 15px;
    color: #fff;
    background-color: #417FF9;
    border: none;
    border-radius: 3px;
}

.innerRight .queryItem .queryDrop .dropSearch {
    position: relative;
    box-sizing: border-box;
    height: 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 10px 0px;
    padding: 15px 0px;
    border: 1px solid rgb(233, 236, 240);
    border-radius: 5px;
    transition: all 0.3s ease-in 0s;
    overflow: hidden;
}

.innerRight .queryItem .queryDrop .dropSearch .layui-icon {
    margin: 0 10px;
}

.innerRight .queryItem .queryDrop .dropInput {
    flex: 1 1 0%;
    border: none;
    outline: none;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #999;
}

.innerRight .queryItem .queryDrop .dropInput.timeInput {
    width: 130px;
    font-size: 12px;
}

.innerRight .queryItem .queryDrop .dropUl {
    max-height: 200px;
    overflow: auto;
}

.innerRight .tableArea {
    padding: 0 15px;
}

.innerRight .tableArea .layui-table th,
.innerRight .tableArea .layui-table td {
    border: none;
    border-bottom: 1px solid #f0f0f0;
    font-size: 12px;
    padding: 15px 15px 15px 0;
    color: #333;
    text-align: center;
}

.innerRight .tableArea .layui-table th {
    background-color: #fff;
    font-size: 12px;
    color: #999;
}

.innerRight .tableArea .layui-table tbody tr:hover {
    background-color: rgb(242, 246, 250);
}

.tableUser {
    display: flex;
    line-height: 24px !important;
}

.tableUser div {
    color: #fff;
    background-color: #97c8e9;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    margin-right: 3px;
}

.checkForm {
    width: 90%;
    padding-top: 20px;
}

.checkForm .layui-form-label {
    font-size: 13px;
}

.checkForm .layui-input {
    height: 38px;
    border-radius: 5px;
}

.checkForm .layui-input:hover {
    border-color: #417FF9 !important;
}

.checkForm .layui-textarea {
    border-radius: 5px;
    height: 90px;
}

.checkForm .layui-form-label.mustFillIn:before {
    content: '* ';
    color: red;
}

.checkForm .layui-form-item {
    margin-bottom: 20px;
}

.checkForm .btnItem {
    text-align: center;
}

.checkForm .btnItem .layui-input-block .layui-btn {
    margin: 0 5px;
    background-color: #fff;
    color: #666;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    width: 95px;
}

.checkForm .btnItem .layui-input-block .layui-btn.boldBtn {
    background-color: #409eff;
    color: #fff;
}

.checkForm .layui-input-block .layui-btn.uploadBtn {
    line-height: 34px;
    padding: 0;
    width: 74px;
    height: 34px;
    background-color: #fff;
    color: #417FF9;
    border: 1px solid #417FF9;
}

.checkForm .layui-input-block .layui-btn.uploadBtn:hover {
    box-shadow: 0 3px 5px rgb(65 127 249 / 30%);
}

.checkForm .layui-form-select dl dd.layui-this {
    background-color: #417ff9;
}

.checkForm .layui-input-block .addArea {
    position: absolute;
    top: 3px;
    left: 3px;
    display: flex;
}

.checkForm .layui-input-block .addArea .layui-icon {
    font-size: 30px;
    cursor: pointer;
}

.checkForm .drop {
    width: 315px;
    padding: 0 15px;
    position: absolute;
    top: -400px;
}

.user_name {
    color: #fff;
    background-color: #97c8e9;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    margin-right: 3px;
    line-height: 26px;
}

.checkForm .layui-input-block .addArea .layui-icon.close {
    font-size: 18px;
    position: absolute;
    right: -5px;
    color: #999;
}

.table-area {
    clear: both;
    min-height: 615px;
}

.md3-left {
    width: 20%;
  /* //  border-right: 14px solid #f2f2f2; */
    overflow-y: scroll;
}

.md3-right {
    width: 78%;
    background: #fff;
    border-left: 0px solid #f2f2f2;
    margin: 0 0 0 0px;
}

.layui-card-body {
    clear: both;
    padding: 15px;
}

.bgff {
    background: #fff;
}

.pad30 {
    padding: 30px;
}

.big_title {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-weight: bold;
}

.mt30 {
    margin-top: 30px !important;
}

.t-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.t-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.add_form .layui-form-item {
    margin: 0;
}

.mt30 {
    margin-top: 30px !important;
}

.layui-layout-admin .layui-body .layadmin-tabsbody-item {
    top: 15px;
    bottom: 10px;
    left: 15px;
    right: 15px;
    overflow: hidden;
    overflow-y: auto;
}

.layui-card-body {
    clear: both;
    padding: 15px;
    line-height: 24px;
}

.dbAdd {
    padding: 20px 0 0 0px;
    min-height: 670px;
}

.dbAdd.qbAdd .layui-form-item {
    /* padding-left: 350px; */
}

.dbAdd .layui-form-label {
    width: 180px;
    margin: 0 30px;
    font-weight: 700;
    color: #333;
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
}

.dbAdd .layui-input-inline {
    width: 340px;
}

label.mustFillIn:before {
    content: '* ';
    color: red;
}

.dbAdd .layui-input-inline .layui-icon.close {
    position: absolute;
    top: 9px;
    left: 315px;
}

.layui-icon {
    cursor: pointer;
}

.dbAdd .mt200 {
    margin-top: 200px;
}

.partyInfoBack {
    text-align: center;
}

.partyInfoBack .centerBtn {
    margin: 0 auto;
}

.layui-btn.btn {
    width: 140px;
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    font-size: 13px;
    color: #fff;
    background: #1E9FFF;
}

.partyInfoBack .layui-btn-xs {
    width: 140px;
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    font-size: 13px;
    margin: 20px;
}

.layui-card-header {
    position: relative;
    border-width: 2px;
}

.layui-card-body {
    clear: both;
    padding: 15px;
}

.t-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.t-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.t-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.partyInfoBack {
    text-align: center;
}

.partyInfoBack .centerBtn {
    margin: 0 auto;
}

.partyInfoBack .layui-btn-xs {
    width: 140px;
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    font-size: 13px;
    margin: 20px;
}

.layui-border-red {
    background: #fff !important;
    border-color: #1E9FFF !important;
    color: #1E9FFF !important;
}

.staff_title {
    height: 88px;
    background-color: rgba(244, 246, 249, 1);
    /* margin-left: 23px; */
}

.staff_title_font {
    line-height: 88px;
    margin-left: 15px;
    font-size: 17px;
    cursor: pointer;
}

.staff_sousuo {
    display: flex;
    width: 400px;
    padding: 20px 48px;
}

.tableArea {
    padding: 0 15px;
}

.tableArea .layui-table th,
.innerRight .tableArea .layui-table td {
    border: none;
    border-bottom: 1px solid #f0f0f0;
    font-size: 12px;
    padding: 15px 15px 15px 0;
    color: #333;
}

.tableArea .layui-table th {
    background-color: #fff;
    font-size: 12px;
    color: #999;
}

.tableArea .layui-table tbody tr:hover {
    background-color: rgb(242, 246, 250);
}

.layui-table td {
    border: none;
    border-bottom: 1px solid #f0f0f0;
    font-size: 12px;
    padding: 15px 15px 15px 0;
    color: #333;
}

.oprate {
    color: #008000;
    font-weight: 400;
    font-size: 14px;
}

.comment_content {
    margin: 20px 0;
  /* //  width: 100%; */
    height: 170px;
    font-family: "Arial Normal", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    letter-spacing: normal;
    color: rgb(0, 0, 0);
    text-align: left;
    text-transform: none;
    background-color: #eee;
    resize: none;
    padding: 2px;
    border: 1px solid #ddd;
}

.comment_content_text {
    margin: 20px 0;
   /* // width: 100%; */
    height: 170px;
    font-family: "Arial Normal", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    letter-spacing: normal;
    color: rgb(0, 0, 0);
    text-align: left;
    text-transform: none;
    resize: none;
    padding: 2px;
    border: 1px solid #ddd;
}

.selfRecommendation {
    width: 100%;
    height: 176px;
    font-family: "Arial Normal", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    letter-spacing: normal;
    color: rgb(0, 0, 0);
    text-align: left;
    text-transform: none;
    resize: none;
    padding: 2px;
    border: 1px solid #ddd;
}

.comment {
    margin: 20px 0;
    /* width: 100%; */
    font-family: "Arial Normal", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    letter-spacing: normal;
    color: rgb(0, 0, 0);
    text-align: left;
    text-transform: none;
    background-color: #eee;
    resize: none;
    padding: 20px;
    border: 1px solid #ddd;
}

.exceptCheck {
    height: 30px;
    font-family: "Arial Normal", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    letter-spacing: normal;
    color: rgb(0, 0, 0);
    text-align: left;
    text-transform: none;
    background-color: #eee;
    resize: none;
    line-height: 30px;
    border: 1px solid #ddd;
    padding: 0 10px;
}

.title_button {
    display: flex;
    justify-content: space-between;
    margin: 10px auto;
}

.layui-upload-img {
    width: 100%;
    /* height: 92px; */
}

.userBasicInfo {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #ddd;
    line-height: 39px;
    padding-bottom: 10px;
    margin-top: 10px;
}

.except_work {
    margin-top: 20px;
}

.expectInfo {
    margin-right: 10px;
    height: 35px;
}

.expectInfo input {
    height: 35px;
    padding: 0 10px;
}

.userBasicInfo input {
    padding: 0 10px;
}

.except {
    display: flex;
    margin-right: 30px;
}

.depart {
    /* width: 90px; */
    line-height: 40px;
}

.position {
    line-height: 40px;
    width: 380px;
}

.userInfoDetail {
    background-color: #eee;
    padding: 0 30px;
    border: 1px solid #ddd;
}

.expectInfo_border {
    display: flex;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.staff_inquery{
    width: 200px;
    height: 38px;
    margin-right: 20px;
}