html,
body,
a,
p,
ul,
ol,
li,
dl,
dt,
dd,
div,
h1,
h2,
h3,
h4,
h5,
h6,
span,
strong,
em,
i,
img,
form,
input,
table {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;
    font-family: "Microsoft YaHei";
    padding: 0;
    margin: 0;
    background: #fff;
}

div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
ul,
ol,
li,
input,
select,
label,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
}

input,
select,
label {
    vertical-align: middle;
    outline: none;
}

ul,
ol,
li {
    list-style: none;
}

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

.detail_content h3,
#wangEditor h3 {
    margin: 20px 0 10px 0;
    font-weight: 700;
    font-size: 16px !important;
    color: #333333;
    line-height: 20px;
}

.detail_content p,
#wangEditor p {
    margin: 6px 0;
    padding: 0;
    font-size: 16px;
    color: #333333;
    line-height: 26px;
}

.detail_content li,
#wangEditor li {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
    line-height: 30px;
}

img {
    border: 0;
    vertical-align: middle;
    outline: none;
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #285b8c;
}

.contr_tit a {
    color: #437ADD;
}

a:hover {
    text-decoration: underline;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
}

.eia_header {
    width: 100%;
    border-bottom: 1px #ddd solid;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}

.header_cen {
    width: 1440px;
    margin: 0 auto;
    height: 80px;
}

.header_left {
    float: left;
}

.header_right {
    float: right;
}

.hr_photo {
    display: flex;
    float: right;
    margin-top: 15px;
    height: 50px;
    margin-left: 14px;
}

.nick-part {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 14px;
}

.nick-part p {
    font-size: 16px;
    color: #3D3D3D;
    font-weight: 800;
}

.update-nic {
    padding: 4px 6px;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    background: #437add;
    border: 0;
    cursor: pointer;
    margin: 2px auto 0 auto;
}

.update-nic:hover {
    color: #fff;
    text-decoration: none;
    background: #4285f4;
}

.hr_photo .top-photo {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.hr_system {
    float: right;
    border: 1px #ccc solid;
    border-radius: 5px;
    height: 36px;
    line-height: 34px;
    padding: 0 20px;
    color: #333;
    margin: 24px 40px;
}

.hr_search {
    float: right;
    margin-top: 24px;
}

.hr_search form {
    width: 270px;
    height: 36px;
    border: 1px #ccc solid;
    border-radius: 5px;
}

.hr_search .hr_txt {
    border: none;
    background: none;
    float: left;
    padding-left: 5px;
    line-height: 34px;
    width: 235px;
    height: 34px;
}

.hr_search .hr_btn {
    width: 26px;
    height: 34px;
    border: none;
    background: url("../images/modify/icon-serarch-3x.png") center no-repeat;
    background-size: 20px;
    float: right;
    margin-right: 5px;
}

.eia_main {
    width: 1200px;
    margin: 20px auto;
    padding-bottom: 30px;
}

.eia_banner {
    width: 100%;
}

.eia_ad1 {
    width: 100%;
    margin-top: 12px;
}

.eia_ad1 img {
    width: 100%;
}

.eia_ad2 {
    width: 100%;
    margin-top: 12px;
    overflow: hidden;
}

.eia_ad2 img {
    width: 393px;
    height: 60px;
    float: left;
    margin-left: 10px;
}

.eia_ad2 a:first-child img {
    margin-left: 0;
}

.eia_ad3 {
    width: 100%;
    margin-top: 12px;
    overflow: hidden;
}

.eia_ad3 img {
    width: 595px;
    height: 80px;
    float: left;
    margin-left: 10px;
}

.eia_ad3 a:first-child img {
    margin-left: 0;
}

.eia_ad4 {
    width: 100%;
    margin-top: 12px;
}

.eia_ad4 img {
    width: 100%;
}

.eia_content {
    width: 100%;
    margin-top: 40px;
}

.eia_content li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px #E0E0E0 solid;
    margin: 0 auto;
    padding: 10px 0;
    display: flex;
}

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

.cont_left {
    width: 800px;
    float: left;
}

.cont_img {
    width: 55px;
    float: left;
    margin-left: 15px;
    margin-top: 3px;
    text-align: center;
}

.cont_theme {
    width: 705px;
    float: left;
    margin-left: 20px;
}

.cont_theme h3 {
    width: 100%;
    padding-bottom: 10px;
}

.cont_theme h3 a {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.cont_theme h3 i {
    font-size: 14px;
    color: #F26C4F;
    font-style: normal;
}

.cont_theme p {
    font-size: 14px;
    line-height: 22px;
}

.cont_theme p em {
    font-style: normal;
    color: #285b8c;
}

.cont_center {
    width: 120px;
    float: left;
    text-align: right;
    line-height: 80px;
}

.cont_center em {
    font-style: normal;
    color: #437ADD;
}

.cont_right {
    flex: 1;
    margin-left: 30px;
    padding-right: 20px;
}

.contr_tit {
    margin-top: 20px;
    width: 100%;
    height: 22px;
    overflow: hidden;
}

.contr_pl a {
    color: #333;
    margin-left: 7px;
}

.cont_theme h3 a.color_red {
    color: #FF0000;
}

.cont_tm2 h3 {
    margin-top: 20px;
}

.eia_content li.padding_none {
    padding: 0;
}

/*list*/
.eia_xie {
    width: 100%;
    overflow: hidden;
}

.eia_route {
    width: 90%;
    line-height: 34px;
    float: left;
    font-size: 14px;
}

.eia_route a {
    color: #333;
}

.eia_post {
    float: right;
}

.eia_post a {
    background: #d9804b;
    float: right;
    padding: 5px 30px;
    font-size: 20px;
    color: #fff;
    border-radius: 5px;
}

.list_tit {
    width: 100%;
    /*border: 1px #d3d3d3 solid;*/
    overflow: hidden;
    padding: 14px 20px;
    margin-top: 20px;
    border-radius: 5px;
    background-color: #ffffff;
    border-radius: 4px;
}

.list_tit h3 {
    font-size: 16px;
    float: left;
    font-weight: normal;
}

.list_tit span {
    /*float: left;*/
    /*margin-left: 20px;*/
}

.list_tit span i {
    color: #F26C4F;
    font-style: normal;
}

.list_explain {
    width: 100%;
    line-height: 24px;
    margin-top: 20px;
}

.list_explain a {
    color: #333;
}

.list_sort {
    width: 100%;
    margin-top: 10px;
}

.list_sort ul {
    overflow: hidden;
}

.list_sort li {
    float: left;
    /*border: 1px #cecece solid;*/
    padding: 4px 10px;
    text-align: center;
    min-width: 70px;
    border-radius: 4px;
    margin-top: 10px;
    margin-right: 10px;
    background-color: #ffffff;
    font-size: 14px;
}

.list_sort li span {
    padding: 0 4px;
    border-radius: 2px;
    background-color: #CED0D1;
    color: #ffffff;
    margin-left: 4px;
    font-size: 12px;
}

.list_sort li:hover {
    background: #FF9900;
    cursor: pointer;
}

.list_sort li a {
    color: #333;
}

.list_sort li a:hover {
    text-decoration: none;
}

.ul_all {
    background-color: #FF9900 !important;
    color: #ffffff;
}

.ul_all a {
    color: #ffffff !important;
}

.ul_all span {
    color: #8F8F91 !important;
    background-color: #FFFFFF !important;
}

.list_tabs {
    width: 100%;
    /*border: 1px #d3d3d3 solid;*/
    padding: 13px 15px;
    margin-top: 20px;
    border-radius: 4px 4px 0 0;
    font-size: 16px;
    float: left;
    background-color: #FFFFFF;
}

.list_tabs .list_a {
    margin-right: 20px;
    float: left;
    color: #333333;
}

.list_tabs .list_a:hover {
    text-decoration: none;
}

.more_icon {
    background: url("../images/arrwd.gif") right center no-repeat;
    padding-right: 10px;
    position: relative;
    float: left;
    cursor: pointer;
}

.tabs_more {
    width: 410px;
    display: none;
    position: absolute;
    left: 0px;
    top: 20px;
    background: #fff;
    z-index: 999;
    padding: 8px 5px;
    font-size: 14px;
}

.hd_hidden {
    display: block;
}

.tabs_more span {
    color: #ccc;
    padding: 0 5px;
    font-size: 12px;
}

.list_forum table {
    width: 100%;
    /*border: 1px solid #eee;*/
}

.list_forum table tr:nth-child(2n) {
    background: #ffffff;
}

.list_forum table tr:nth-child(2n+1) {
    background: #F8F8F8;
}

.list_forum td {
    padding: 10px 0;
    /*border-bottom: 1px solid #eee;*/
}

td.f_icon {
    padding-left: 20px;
    width: 45px;
    text-align: left;
    vertical-align: baseline;
}

.f_common em {
    color: #437ADD;
    font-style: normal;
    margin-right: 5px;
}

.classify_list {
    color: #437ADD;
}

.classify_list:hover {
    color: #437ADD;
}

.f_title {
    font-size: 15px;
    color: #333333;
    margin: 0 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 600px;
}

.f_title:hover {
    color: #666;
}

.f_title_em {
    color: #333333;
    font-size: 16px;
}

.f_new {
    color: #F26C4F;
}

.f_new:hover {
    color: #F26C4F;
}

.f_tps {
    padding-left: 5px;
}

.f_tps a {
    padding: 0 2px;
}

.f_by {
    line-height: 14px;
    width: 120px;
    padding-right: 15px;
}

.f_peo {
    display: block;
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 76px;
}

.f_peo:hover {
    color: #333;
}

.f_time {
    color: #999;
    font-size: 11px;
}

.f_num {
    line-height: 14px;
    width: 110px;
    text-align: center
}

.f_browse {
    display: block;
    font-size: 12px;
}

.f_num span {
    font-size: 11px;
}

.table_title {
    background-color: #F8F8F8;
    color: #8F8F91;
    font-size: 12px;
    height: 36px;
}

.f_red {
    color: #EE1B2E;
}

.f_red:hover {
    color: #EE1B2E;
}

.f_violet {
    color: #8F2A90;
}

.f_violet:hover {
    color: #8F2A90;
}

.f_pink {
    color: #fd578c;
}

.f_pink:hover {
    color: #fd578c;
}

.f_blue {
    color: #6496c6;
}

.f_blue:hover {
    color: #6496c6;
}

.next_page {
    display: block;
    text-align: center;
    border: 1px solid #ddd;
    padding: 0 10px;
    line-height: 35px;
    margin-top: 10px;
    overflow: hidden;
    height: 35px;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 2px 0px 0px #ddd;
    -webkit-box-shadow: 0 2px 0px 0px #ddd;
    box-shadow: 0 2px 0px 0px #ddd;
}

.list_bottom {
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
}

.lb_post {
    float: left;
    margin-right: 5px;
    padding: 5px 20px;
    font-size: 16px;
    color: #fff;
    background: #ff9900;
    border-radius: 5px;
}

.lb_post a {
    color: #fff;
    display: block;
    width: 100%;
}

.lb_pages {
    float: right;
    line-height: 26px;
}

.lb_pages a,
.lb_pages label {
    float: left;
    border-radius: 5px;
    display: inline;
    margin-left: 4px;
    padding: 0 8px;
    height: 26px;
    border: 1px solid #ddd;
    background-color: #FFF;
    color: #333;
    overflow: hidden;
    text-decoration: none;
    font-weight: normal;
}

a.page_prev {
    background: url("../images/arw_l.gif") center no-repeat;
    background-position: 50% 50%;
    padding: 0 12px;
}

a.page_next {
    background: url("../images/arw_r.gif") center no-repeat;
    background-position: 90% 50%;
    padding-right: 25px;
}

.lb_pages a:hover {
    background: #ff9900;
    color: #fff;
}

a.page_prev:hover {
    background: url("../images/arw_l.gif") center no-repeat #ff9900;
}

a.page_next:hover {
    background: url("../images/arw_r.gif") center no-repeat #ff9900;
    background-position: 90% 50%;
    padding-right: 25px;
}

.lb_input {
    padding: 0;
    width: 25px;
    height: 16px;
    line-height: 16px;
    border: 1px solid;
    border-color: #848484 #E0E0E0 #E0E0E0 #848484;
    margin-top: -3px;
}

a.page_select {
    background: #ff9900;
    color: #fff;
}

.lb_return {
    float: right;
    border-radius: 5px;
    padding: 0 8px;
    height: 26px;
    border: 1px solid #ddd;
    background: #FFF;
    color: #333;
    overflow: hidden;
    text-decoration: none;
    background: url("../images/arw_l.gif") center no-repeat;
    background-position: 10% 50%;
    padding-left: 20px;
}

.lb_return a {
    display: block;
    line-height: 24px;
    color: #333;
}

.lb_return:hover {
    background: url("../images/arw_l.gif") center no-repeat #ff9900;
    color: #fff;
    background-position: 10% 50%;
}

.lb_return:hover a {
    color: #fff;
    text-decoration: none;
}

.post_box {
    width: 100%;
    margin-top: 20px;
}

.post_tit {
    width: 100%;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px #eee solid;
    margin-bottom: 20px;
}

.post_tit span {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.post_con {
    width: 100%;
    padding: 20px 0 50px 0;
    overflow: hidden;
}

.post_top {
    width: 100%;
    overflow: hidden;
}

.post_top select {
    float: left;
    width: 115px;
    line-height: 23px;
    border: 1px solid;
    border-color: #848484 #E0E0E0 #E0E0E0 #848484;
    margin-right: 5px;
}

.post_top input {
    border: 1px solid;
    border-color: #848484 #E0E0E0 #E0E0E0 #848484;
    height: 23px;
    line-height: 23px;
    padding: 0 3px;
    width: 25em;
}

.post_txt {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}

.test_test {
    width: 100%;
    min-height: 136px;
    border: 1px #999 solid;
}

.post_btm {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}

.post_fb,
.save-draft {
    display: inline-block;
    padding: 14px 30px;
    font-size: 14px;
    color: #fff;
    background: #ff9900;
    border-radius: 4px;
    border: 1px solid #ff9900;
    outline: none;
}

.save-draft {
    margin: 0 10px;
    background-color: #fff;
    border: 1px solid #B2B2B2;
    color: #888888;
}

.post_btm label {
    margin-top: 6px;
    margin-left: 10px;
}

.post_btm input {
    vertical-align: middle;
    margin: 0 5px 1px 0;
    padding: 0;
}

/*detail*/
.detail_btns {
    width: 100%;
    padding-top: 15px;
    margin-bottom: 50px;
}

.detail_btns a {
    float: left;
    padding: 7px 22px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    margin-right: 14px;
}

.detail_btns a:link,
.detail_btns a:visited,
.detail_btns a:active {
    text-decoration: none;
}

.detail_btn1 {
    background: #FF9900;
}

.detail_btn2 {
    background: #437add;
}

.box_tit {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
}

.box_tit .emphasize {
    color: #437ADD;
}

.box_tit em {
    font-style: normal;
    padding-right: 6px;
}

.box_tit em a {
    color: #437ADD;
}

.top_details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #8F8F91;
    font-size: 14px;
    margin-top: 12px;
}

.top_details_sp1 {
    margin-right: 20px;
}

.top_details_r span,
.top_details_r img {
    vertical-align: middle;
}

.top_details_img {
    width: 18px;
    height: 18px;
    margin-left: 14px;
}

.detail_main {
    width: 100%;
    /*overflow: hidden;*/
    display: flex;
    margin-top: 10px;
}

.none_radius {
    border-radius: 0;
}

.detail_left {
    width: 340px;
    /*float: left;*/
    /*border: 1px #d3d3d3 solid;*/
    border-top: 0;
    margin-left: 10px;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 14px 20px 30px;
}

.detail_left h3 {
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    margin-top: 10px;
}

.theme_ul {
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px solid #D3D3D3;
}

.theme_ul li {
    position: relative;
    float: left;
    width: 33.33%;
    text-align: center;
    color: #8F8F91;
    font-size: 14px;
}

.theme_ul li::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 36px;
    border-radius: 1px;
    background-color: #D3D3D3;
    position: absolute;
    right: 0;
    top: 2px;
}

.theme_ul li:last-child::before {
    display: none;
}

.theme_ul li a,
.detail_left li span {
    display: block;
}

.theme_ul li a {
    color: #437ADD;
    font-size: 16px;
    font-weight: bold;
}

.authentication {
    margin: 10px 0;
    background-color: rgba(67, 122, 221, 0.06);
    color: #333333;
    font-size: 16px;
    padding: 9px;
}

.authentication:last-of-type {
    /*margin-top: -5px;*/
}

.authentication>span {
    color: #437ADD;
}

.authentication>img {
    width: 56px;
    height: 16px;
}

.project_ul {
    padding: 20px 0;
    /*border-top: 1px solid #D3D3D3;*/
}

.project_ul li {
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    color: #444444;
    margin-top: 14px;
}

.project_ul li:first-of-type {
    margin-top: 0;
}

.own-other {
    border-top: 1px solid #D3D3D3;
}

.project_li_l {
    position: relative;
    width: 85px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    background-color: rgba(67, 122, 221, 0.06);
    text-align: left;
    padding-left: 10px;
    font-size: 14px;
}

.project_li_l::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    content: '';
    display: inline-block;
    width: 2px;
    background-color: #437ADD;
}

.project_li_r {
    flex: 1;
    color: #666666;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.li_r_bold {
    font-weight: bold;
}

.others {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
}

.others_l,
.others_l a {
    font-size: 16px;
    font-weight: bold;
    color: #437ADD;
    line-height: 20px;
}

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

.others_l_location {
    margin-left: 10px;
    color: #666666;
    background: #F7F7F7;
    border-radius: 2px 2px 2px 2px;
    font-size: 12px;
    padding: 2px 6px;
    display: inline-block;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.others_l_location img {
    height: 12px;
    margin-top: -3px;
}

.others_r {
    cursor: pointer;
}

.others_r span,
.others_r a {
    font-size: 12px;
    color: #437ADD;
    line-height: 20px;
    cursor: pointer;
    vertical-align: middle;
}

.others_r img {
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin-left: 4px;
}

.others_ul {
    /*height: 500px;*/
    /*overflow-y: auto;*/
}

.others_ul li {
    display: flex;
    margin-top: 14px;
}

.others_ul li>img {
    height: 20px;
}

.others_li_d1 {
    margin: 0 0 0 6px;
    color: #437ADD;
    width: 68px;
}

.others_li_d1.others_li_green {
    color: green;
}


.others_li_d2 {
    flex: 1;
    color: #333333;
    margin-left: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.others_li_d2:hover {
    color: #4285F4;
    cursor: pointer;
    text-decoration: none;
}

.fixed-user {
    /*height: 100%;*/
    width: 300px;
    background-color: #ffffff;
}

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

.user_img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 14px;
}

.user_info_r_d1 {
    color: #333333;
    font-size: 16px;
}

.detail_press {
    width: 100%;
    padding: 30px 10px;
}

.press_pro {
    width: 100%;
    height: 2px;
    background: #D3D3D3;
    margin: 20px 0;
    border-radius: 2px;
}

.press_bar {
    height: 3px;
    background: #437add;
}

.press_num {
    font-size: 12px;
    margin-top: 10px;
}

.press_num i {
    font-style: normal;
}

.detail_right {
    flex: 1;
    float: left;
    padding: 14px 20px 30px;
    background-color: #ffffff;
    border-radius: 4px;
}

.detail_h3 {
    line-height: 45px;
    border-bottom: 1px #ccc solid;
}

.detail_xie {
    margin-top: 50px;
    line-height: 25px;
    color: #999;
}

.detail_content {
    line-height: 30px;
}

.detail_fj {
    margin-top: 20px;
}

.detail_fj2 i {
    font-style: normal;
}

.content_btn {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.content_btn a {
    cursor: pointer;
    border-radius: 4px;
    display: inline;
    margin-right: 20px;
    padding: 5px 10px;
    height: 26px;
    color: #437ADD;
    text-decoration: none;
    background: #FFFFFF;
    outline: none;
    font-size: 14px;
    border: 1px solid #437ADD;
}

.btn_selected {
    background-color: #437ADD !important;
    color: #ffffff !important;
}

.content_btn a:last-of-type {
    margin-right: 0;
}

/*.content_btn a:hover {*/
/*background: #437ADD;*/
/*color: #FFFFFF;*/
/*}*/

.content_btn a img {
    width: 18px;
    margin-right: 2px;
    margin-top: -2px;
}

.btm_box {
    width: 100%;
    margin-top: 10px;
    padding: 14px 20px 0 20px;
    background-color: #ffffff;
    border-radius: 4px;
}

.comment_photo_1 {
    width: 60px;
    height: 60px;
}

.btm_tit {
    width: 100%;
    border: 1px #d3d3d3 solid;
    overflow: hidden;
    padding: 10px 0 10px 15px;
    margin-top: 15px;
}

.btm_tit a {
    float: left;
    padding: 5px 20px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    margin-right: 20px;
}

a.detail_btn6 {
    padding: 7px 22px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background-color: #D3D3D3;
}

.btm_top {
    margin-top: 20px;
}

/*发帖*/
.send_box {
    width: 100%;
    margin-bottom: 20px
}

.send_tit {
    width: 100%;
    line-height: 50px;
    font-size: 22px;
    font-weight: bold;
}

.send_text {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 10px;
}

.send_fb {
    width: 100%;
    border: 1px #ccc solid;
    outline: none;
    line-height: 26px;
}

/*我的帖子*/
.mine_h {
    width: 100%;
    border: 1px #d3d3d3 solid;
    padding: 12px 15px;
    font-size: 18px;
    border-radius: 5px;
}

.mine_tit {
    margin-top: 20px;
}

.mine_tit a {
    font-size: 16px;
    color: #333;
    margin-right: 30px;
}

.mine_box {
    width: 100%;
    border: 1px #d3d3d3 solid;
    padding: 5px 0 15px;
}

.mine_box ul {
    padding: 0 20px;
}

div.f_icon {
    padding-left: 6px;
    width: 35px;
    text-align: left;
    padding-top: 3px
}

div.f_common {
    width: 700px;
    padding-top: 3px
}

.row_h {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px #dbe5f0 solid;
    padding: 8px 0;
    display: flex;
    align-items: center;
}

.row_h div {
    float: left;
}

.mine_rep p {
    background: url("../images/eia2106_dot.jpg") left center no-repeat;
    line-height: 26px;
    padding-left: 15px;
    margin-left: 35px;
    color: #999;
}

.mine_rep p a {
    color: #999;
}

.mine_rep {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px #dbe5f0 solid;
}

.thtme_operate {
    padding: 14px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #D3D3D3;
}

.thtme_operate_l {
    color: #8F8F91;
    font-size: 14px;
}

.gsz {
    color: #1EAF33;
}

.gsjs {
    color: #E03E33;
}

.shz {
    color: #2EA55B;
    font-size: 14px;
}

.shwtg {
    color: #E03E33;
    font-size: 14px;
}

.gsz_bg {
    display: inline-block;
    background-color: rgba(46, 165, 91, 0.1);
    color: #1EAF33;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 2px;
    min-width: 60px;
    text-align: center;
}

.gsjs_bg {
    background-color: rgba(224, 62, 51, 0.1);
    color: #E03E33;
}

.c-btn {
    padding: 6px 10px;
    background-color: #437ADD;
    font-size: 14px;
    color: #ffffff;
    border-radius: 4px;
    cursor: pointer;
}

.c-btn.c-btn-gray {
    color: #FFFFFF;
    background: #D3D3D3;
}

.btn-del {
    background-color: #E03E33;
}

.btn-outline {
    border: 1px solid #437ADD;
    color: #437ADD;
    background-color: #ffffff;
}

.grayscale {
    filter: grayscale(1);
}

.f_bz {
    padding-right: 15px;
    padding-top: 5px;
    width: 175px;
    text-align: right;
}

/*搜索页*/
.search_box {
    width: 1200px;
    margin: 10px auto 20px;
    padding-bottom: 30px;
}

.search_tit {
    width: 100%;
    overflow: hidden;
}

.hr_left {
    float: left;
    margin-left: 80px;
    width: 400px;
}

.hr_left form {
    width: 400px;
}

.hr_left .hr_txt {
    width: 360px;
}

.search_num {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
}

.search_num i {
    font-style: normal;
}

.search_result {
    width: 85%;
    float: left;
    margin-left: 15px;
    margin-top: 20px;
}

.search_result li {
    margin-bottom: 20px;
}

.search_result li h3 {
    color: #0d02c1;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}

.search_result li h3 a {
    color: #437ADD;
    text-decoration: underline;
}

.search_result li h3 em {
    font-style: normal;
    color: #E03E33;
}

.search_result li p {
    line-height: 24px;
}

.res_t1 {
    color: #999;
}

.res_t1 i {
    font-style: normal;
}

.res_p1 {
    color: #000;
}

.res_p1 em {
    font-style: normal;
    color: #E03E33;
}

.res_s1 a {
    color: #666;
    text-decoration: underline;
}

.s_time {
    color: #2EA55B;
}

.search_bottom {
    width: 100%;
    margin: 0;
    text-align: left;
    content: "";
    clear: both;
    display: table;
}

.btm_left {
    float: left;
    margin-left: 10px;
}

/*置顶*/
#back_top {
    position: fixed;
    bottom: 60px;
    right: 40px;
    text-decoration: none;
    display: none;
    width: 50px;
    height: 50px;
    border: 1px solid #F0F0F0;
    box-shadow: 0px 2px 4px 0px rgba(66, 133, 244, 0.1);
    border-radius: 4px;
    cursor: pointer;
    background-color: #FFF;
    z-index: 99
}

#back_top img {
    width: 28px;
    margin: 10px
}

#back_top span {
    display: block;
    width: 60px;
    color: #dddddd;
    font-size: 40px;
    text-align: center;
    margin-top: 4px
}

#back_top span:hover {
    color: #cccccc
}

.down-publish-att {
    cursor: pointer
}

/*分页*/
.page_div {
    margin: 0 0 0 -4px;
    float: left;
    line-height: 26px
}

#firstPage,
#lastPage,
#nextPage,
#prePage {
    background-color: #ffffff;
    color: #333333;
    border: none !important;
    border-radius: 4px;
}

.page_div button {
    min-width: 26px;
    height: 26px;
    line-height: 23px;
    border-radius: 5px
}

.page_div .current {
    background-color: #ff9900;
    color: #fff;
    border: none
}

.next_page:hover {
    background-color: #ff9900;
    color: #FFF
}

#vipLevel {
    font-size: 10px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(232, 147, 0, 1);
    line-height: 17px;
    padding: 5px;
    border: 1px solid;
    border-radius: 2px;
    margin-left: 10px
}

#vipLevel>.vipLevel-1 {
    color: rgb(255, 197, 57)
}

#vipLevel>.vipLevel-2 {
    color: rgb(249, 132, 97)
}

#vipLevel>.vipLevel-3 {
    color: rgb(242, 140, 73)
}

.item-info>.glyphicon {
    margin: 3px 10px
}

/*用户信息*/
#userDetailInfo p {
    margin-bottom: 5px
}

#userDetailInfo div {
    margin-bottom: 10px
}

.QR-code img {
    margin: 7px;
    width: 150px
}

.dropdown-menu>li>a {
    padding: 8px 20px
}

.bth-right {
    outline: 0;
    width: 56px;
    height: 30px;
    border: none;
    border-radius: 4px;
    margin-top: 13px;
    background: #F0F0F0;
    color: #333;
    line-height: 30px;
    font-size: 14px
}

.bth-right.btn-register {
    background: #4285f4;
    color: #FFF;
    margin-left: 10px;
    margin-right: -15px
}

.panel-top {
    float: left;
    width: 100%;
    background: url("../images/hpyzs/msg-bg.png") no-repeat
}

.individual-panel {
    display: none;
    position: absolute;
    width: 220px;
    top: 53px;
    right: -15px;
    border-radius: 4px;
    text-align: left;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
    background-color: #FFF;
    z-index: 100000
}

.panel-top .panel-top-left {
    float: left
}

.panel-top .panel-top-left img {
    width: 32px;
    border-radius: 50%;
    margin: 20px 10px
}

.panel-top .panel-top-right {
    float: left
}

.panel-top-right-0 {
    margin: 30px 0 10px 0;
    color: #333;
    font-size: 14px
}

.panel-top-right-0 img {
    height: 14px;
    margin-left: 5px
}

.panel-top-right-1 {
    font-size: 12px;
    font-family: MicrosoftYaHeiUI;
    color: #757575;
    line-height: 15px;
    padding-bottom: 28px
}

.panel-top-right-1 span {
    display: inline-block;
    float: left;
    padding-left: 4px
}

.panel-top-right-1 img {
    height: 14px;
    display: block;
    float: left
}

.panel-top-right-1 img:nth-of-type(2) {
    margin-left: 15px
}

.panel-bottom {
    float: left;
    width: 100%;
    padding: 0 0 20px 20px
}

.panel-bottom tr td {
    padding: 20px 16px 0 0;
    font-size: 14px;
    font-family: MicrosoftYaHeiUI;
    line-height: 18px
}

.panel-bottom tr td img {
    width: 16px;
    margin-top: -3px
}

.panel-bottom tr td a {
    color: #757575;
    cursor: pointer
}

.panel-bottom tr td a:link {
    text-decoration: none
}

.panel-bottom tr td a:visited {
    color: #757575;
    text-decoration: none
}

.panel-bottom tr td a:hover {
    color: #4285f4;
    text-decoration: underline
}

.link-lr {
    font-size: 14px;
    color: #333;
    line-height: 56px;
    cursor: pointer
}

.link-lr:hover {
    color: #4285f4
}

.send_text ul,
.send_text ol,
.send_text li {
    list-style: revert;
}

.attach-area {
    width: 100%;
    border: solid 1px #C9CEDB;
    padding: 8px 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

.attach-area p {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

.attach-area ul li {
    line-height: 24px;
    color: #5FB878;
}

.attach-area ul li .r-size {
    margin: 0 20px 0 10px;
}

.attach-area ul li a {
    font-size: 14px;
}

.hot-word {
    width: 100%;
    float: left;
}

.hot-word h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

.hot-word ul li {
    border: solid 1px #ddd;
    width: auto;
    padding: 2px 12px;
    border-radius: 5px;
    margin-right: 15px;
    float: left;
    cursor: pointer;
}

.hot-word ul li:hover {
    color: #4285f4;
}

#wangEditor .w-e-text {
    padding: 20px;
}

.w-e-text table td,
.w-e-text table th {
    height: 30px;
}

.detail_text table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;

}

.detail_text table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center;
}

.detail_text table td,
.detail_text table th {
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .5em 1em;
    border: 1px solid #cbcbcb;
    height: 30px;
}

.detail_text table th {
    border-bottom: 2px solid #ccc;
    text-align: center;
    background-color: #f1f1f1;
}

.detail_text table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

.detail_text table td {
    background-color: transparent;
}

.upload-file {
    float: right;
    padding: 5px 12px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    background-color: #4285F4;
    border: none;
    outline: none;
    font-size: 14px;
}

#publishTitle {
    font-weight: 700;
}

.down-count {
    color: red;
}

.grade_R {
    color: #fff;
    text-align: center;
    padding: 0px 5px;
    line-height: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    font-size: 12px;
    background: #fa9b40;
}

.layui-form-label {
    padding: 9px 0;
    color: #333333;
}

.validate {
    color: red;
}

.block {
    display: block !important;
}

.layui-form-item .layui-input-inline.lii-mari-l {
    margin-left: 30px;
}

.layui-form-select dl {
    z-index: 99999;
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #437ADD !important;
    background-color: #437ADD;
    border-radius: 4px;
}

.send_box .layui-form-label,
.post_box .layui-form-label {
    font-size: 14px !important;
    font-weight: bold !important;
}

.gs-validity {
    display: flex;
    align-items: center;
    color: #333333;
    font-size: 14px;
}

.duration-ul {
    display: flex;
}

.duration-li {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-top: 8px;
    margin-right: 20px;
    font-size: 14px;
}

.duration-li.active {
    color: #437ADD;
}

.duration-li-img {
    width: 18px;
    height: 18px;
    margin-right: 3px;
}

.duration-li-input {
    width: 34px;
    border: none;
    outline: none;
    border-bottom: 1px solid #8F8F91;
    text-align: center;
}

.duration-li-day {
    color: #437ADD;
    padding: 2px 8px;
    border-radius: 10px;
    background: rgba(67, 122, 221, 0.1);
    font-size: 12px;
    margin: 8px 10px 0 0;
    cursor: pointer;
    user-select: none;
}

.deadline,
.deadline2 {
    position: relative;
    width: 172px;
    color: #437ADD;
    font-size: 14px;
    padding: 0 10px 0 0;
    border-radius: 4px;
    border: 1px solid #437ADD;
    margin-left: 6px;
    cursor: pointer;
    line-height: 35px;
    height: 35px;
}

#deadlineSpan {
    display: flex;
    align-items: center;
}

.deadline span {
    padding-left: 10px;
}

.deadline2>div {
    font-weight: bold;
    font-size: 16px;
    line-height: 33px;
    padding-left: 10px;
}

.work-day-tip {
    font-size: 12px;
    color: #8F8F91;
    line-height: 15px;
    margin-top: 20px;
}

.work-day-tip>span {
    color: #E03E33;
}

.gs-date-img {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 16px;
    height: 14px;
    vertical-align: middle;
    margin-left: 3px;
}

.duration-li-cer {
    width: 55px;
    height: 16px;
    display: inline-block;
    margin-left: 4px;
}

.get-cer-span {
    color: #FF9900;
    font-size: 9px;
    font-weight: bold;
    border: 1px solid #FF9900;
    border-radius: 2px;
    padding: 4px;
    margin-left: 4px;
}

.duration-li-get {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 1px;
}

.add-file {
    padding: 10px 20px;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    color: #FF9900;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
}

.add-img {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 6px;
}

.file-ul {
    padding-top: 10px;
}

.file-li {
    margin: 3px 0;
    display: flex;
    align-items: center;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

.file-li:hover {
    background-color: #F8F8F8;
}

.file-li-img,
.file-li-img-delete {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.file-li-img-delete {
    margin-left: 10px;
    cursor: pointer;
}

.home_footer {
    background-color: #444444;
}

.footer_wrapper {
    width: 1200px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    padding-top: 60px;
}

.footer_about {
    display: flex;
    justify-content: space-between;
    padding-bottom: 42px;
}

.footer_l {
    display: flex;
}

.footer_item {}

.footer_item_title {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 23px;
    margin-bottom: 30px;
}

.left_105 {
    margin-left: 105px;
}

.footer_item_ul li {
    margin-top: 10px;
}

.footer_item_ul li a {
    color: rgba(255, 255, 255, 0.8);
}

.footer_r {
    margin-right: 80px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}

.footer_r_d1 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.footer_r_d2 {
    width: 120px;
    height: 120px;
    margin: 14px 0 10px;
}

.footer_r_d3 {
    text-align: center;
}

.footer_desc {
    background-color: #3F3F3F;
    padding: 12px 0;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
}

.footer_desc>span {
    margin: 0 10px;
}

.footer_desc a {
    color: rgba(255, 255, 255, 0.6);
}

.set_home {
    cursor: pointer;
}

.split-mark {
    line-height: 38px;
    float: left;
    margin-right: 10px;
}

.area-part {
    display: inline-block;
}

.layui-form-item .layui-inline.pcd-third {
    margin-left: 20px;
    margin-right: -10px;
}

.layui-layer.gs-layer-alert {
    border-radius: 8px;
}

.gs-layer-alert .layui-layer-title {
    text-align: center;
    font-weight: bold;
    padding: 20px 0;
    height: 60px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #D3D3D3;
    border-radius: 8px 8px 0 0;
}

.gs-layer-alert .layui-layer-title h3 {
    color: #FF9900;
    font-size: 18px;
}

.gs-layer-alert .pub-h0 {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
}

.gs-layer-alert .pub-h1 {
    margin-top: 10px;
    font-size: 12px;
    color: #8F8F91;
    line-height: 20px;
}

.gs-layer-alert .layui-layer-btn {
    text-align: center;
}

.gs-layer-alert .layui-layer-btn a {
    border-radius: 6px;
    background: #437add;
    font-size: 14px;
    padding: 4px 0;
    height: auto;
    color: #FFFFFF;
    width: 140px;
    margin-right: 5px;
    border: 1px solid #437add;
}

.gs-layer-alert .layui-layer-btn .layui-layer-btn1 {
    background: #FFFFFF;
    border: 1px solid #979797;
    color: #888888;
    margin-left: 35px;
}

.gs-layer-alert-change.gs-layer-alert .layui-layer-btn a {
    background: #FFFFFF;
    border: 1px solid #979797;
    color: #888888;
}

.gs-layer-alert-change.gs-layer-alert .layui-layer-btn .layui-layer-btn1 {
    background: #437add;
    border: 1px solid #437add;
    color: #FFFFFF;
}

.gs-layer-alert-both.gs-layer-alert .layui-layer-btn .layui-layer-btn1 {
    background: #437add;
    border: 1px solid #437add;
    color: #FFFFFF;
}

.review-tips {
    margin-left: 14px;
    color: red;
    line-height: 32px;
    font-weight: 600
}

.detail_btns .pull-right a {
    margin-left: 14px;
    margin-right: 0;
}

.detail_btns .detail_btn4 {
    border: 1px solid #437ADD;
    color: #437ADD;
}

.detail_btns .detail_btn7 {
    background: #437ADD;
}

.detail_btns .btn_delete {
    background: #E03E33;
}

.layui-layer.gs-layer-open {
    border-radius: 10px;
}

.gs-layer-open .layui-layer-title {
    text-align: left;
    font-weight: bold;
    padding: 20px 0;
    height: 60px;
    font-size: 18px;
    background-color: #FFFFFF;
    border-radius: 10px 10px 0 0;
    margin-left: 30px;
    border: none;
}

.gs-layer-open.layui-layer-iframe iframe {
    border-radius: 0 0 10px 10px;
}


/*
下拉选项样式
*/

.sort_input_inline {
    margin-bottom: 0 !important;
}

.sort_input_inline>.layui-inline {
    margin-bottom: 0 !important;
    /*width: 126px;*/
}

.sort_input_inline .layui-input-inline {
    width: 126px !important;
}

.sort_input_inline .layui-input {
    height: 28px !important;
    font-size: 14px;
    color: #333333;
}

.layui-form-select dl dd.layui-this {
    background-color: #437add !important;
}

.sort_input_inline .layui-form-label {
    padding: 4px 15px !important;
}

.sort_input_inline .layui-form-select dl {
    z-index: 10002;
}

.input-span {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.code-input {
    display: inline-block;
    width: 44px;
    height: 44px;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    padding: 10px;
    color: #333333;
    font-size: 22px;
    text-align: center;
    caret-color: #437ADD;
}

.code-input:focus {
    border: 1px solid #437ADD;
}


.fj-layer .layui-layer-title {
    background-color: #FFFFFF !important;
    border-bottom: none !important;
    padding-top: 10px;
}

.fj-layer .layui-layer-content {
    padding: 0 14px 0 30px;
}

.fj-layer {
    overflow: auto;
}

.fast-tool {
    position: absolute;
    width: 16px;
    margin-left: 6px;
    margin-top: 12px;
    cursor: pointer
}

.fixed-right {
    padding: 7px;
    position: fixed;
    right: 40px;
    text-decoration: none;
    width: 51px;
    height: 51px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 2px 4px 0 rgba(66, 133, 244, 0.1);
    border-radius: 4px;
    cursor: pointer;
    background-color: #FFF;
    z-index: 100;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 18px;
    letter-spacing: 3px;
    font-size: 14px;
}

.fixed-right:hover {
    color: #fff;
    text-decoration: none;
}

#gkDownload {
    bottom: 120px;
}

#gkHelper {
    bottom: 180px;
}

#goOrgAuth {
    background-color: #FF9900;
    bottom: 240px;
}

.org-tips {
    display: none;
    position: absolute;
    background: #FF9900;
    right: 60px;
    top: 0px;
    width: 130px;
    font-size: 12px;
    font-weight: normal;
    padding: 8px 6px;
    letter-spacing: 1px;
    border-radius: 4px;
}

.org-tips>.org-tips-triangle {
    position: absolute;
    top: 12px;
    right: -10px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 12px solid #FF9900;
    border-bottom: 5px solid transparent;
}

.gkd-pop-show {
    display: none;
    position: absolute;
    bottom: -29px;
    right: 60px;
    width: 169px;
    height: 295px;
    background: #FFFFFF;
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    border: 1px solid #F0F0F0;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0;
    font-weight: normal;
    text-align: center;
    padding-bottom: 12px;
    cursor: default;
}

.gkd-pop {
    display: flex;
    justify-content: space-around;
}

.gkd-pop-app {
    width: 139px;
    border-bottom: 1px #DFDFDF dashed;
    margin: 13px auto;
}

.gkd-pop-app img {
    width: 139px;
}

.gkd-pop-pc img {
    width: 44px;
}

a.gkd-pop-pc {
    text-decoration: none;
}

.gkd-pop-pc p {
    border-radius: 11px;
    border: 1px solid #333333;
    margin-top: 9px;
    width: 68px;
    height: 22px;
    color: #333;
    border-radius: 11px;
    border: 1px solid #333333;
}

.gkh-show {
    display: none;
    letter-spacing: 0;
    padding: 15px 15px 15px 20px;
    position: absolute;
    top: -120px;
    right: 60px;
    width: 272px;
    height: 216px;
    background: #FFFFFF;
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    cursor: default;
    font-weight: 400;
    border: 1px solid #F0F0F0;
}

.gkh-top {
    display: flex;
    justify-content: space-around;
    color: #333333;
    font-size: 12px;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px dashed #DFDFDF;
}

.gkh-top .gkht-left p {
    margin-top: 4px;
    font-size: 12px;
    color: #333333;
    text-align: center;
}

.gkh-top .gkht-left img {
    width: 100px;
}

.gkh-top .gkht-right {
    text-align: center;
    line-height: 17px;
}

.gkh-bottom {
    text-align: center;
    margin-top: 23px;
}

.gkh-bottom a {
    border-radius: 18px;
    border: 1px solid #437ADD;
    font-size: 14px;
    font-weight: 400;
    color: #437ADD;
    padding: 8px 23px;
}

.gkh-bottom a:hover {
    text-decoration: none;
}

.gkh-bottom a img {
    width: 20px;
}

.gkh-bottom a img,
.gkh-bottom a span {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
}

#indexBanner .layui-carousel-ind {
    display: none;
}

.gkd-pop-app p {
    padding: 2px 0 13px 0;
}

.project_li_r i {
    font-style: normal;
}

.other-btn-group {
    margin-top: 20px;
}

.other-btn-group .other-btn {
    margin-right: 8px;
    padding: 6px 12px;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    background: #f90;
    border: none;
    cursor: pointer;
}

.other-btn.ob-pre {
    display: none;
}

.other-btn-group .other-btn.ob-more {
    background: #437add;
}

.friend-plat {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
}

.friend-plat a {
    flex-basis: calc(33.333% - 12px);
    width: 100%;
}

.friend-plat a:last-child {
    margin-right: 0;
}

.friend-plat a img {
    width: 100%;
    border-radius: 4px;
    height: 47px;
    object-fit: cover;
}

.eia_content .ec-tittle {
    margin-bottom: 20px;
    font-size: 18px;
    color: #437ADD;
    font-weight: bold;
}

.eia_content .ec-ul {
    background: #F3F7FF;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
}

.random-advertising {
    display: inline-block;
    margin-top: 20px;
}

.random-advertising img {
    width: 100%;
    border-radius: 4px;
}

.often-use-plate {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    background: #F3F7FF;
    border-radius: 4px;
    height: 60px;
}

.oup-left h4 {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin-right: 20px;
}

.oup-left .oup-item {
    display: inline-block;
    font-size: 16px;
    padding: 8px 6px;
    font-weight: bold;
    background: #FFFFFF;
    color: #333333;
    margin-right: 10px;
    border-radius: 4px;
    cursor: pointer;
}

.oup-left a.oup-item:hover {
    text-decoration: none;
    color: #4285f4;
}

.oup-left .oup-item img {
    height: 20px;
    margin-top: -4px;
}

.often-use-plate .oup-right {
    font-size: 14px;
    font-weight: bold;
    color: #437ADD;
}

.often-use-plate .oup-right a {
    cursor: pointer;
    color: #4285f4;
}

.fast-post-form {
    background-color: #FFFFFF;
    padding: 0 30px 50px 30px;
}

.oper-guide {
    padding-top: 14px;
}

.oper-guide a {
    margin-left: 5px;
    color: #f90;
    cursor: pointer;
}

.oper-guide a:hover {
    font-weight: 600;
}

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

.f_common_bottom {
    margin-top: 13px;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #666666;
}

.f_common_bottom .fcb_icon {
    height: 14px;
    margin-right: 3px;
}

.f_common_bottom .fcb-time {
    display: flex;
    align-items: center;
}

.f_common_bottom .fcb-location {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.fcb_ing .fcb-h {
    color: #1EAF33;
}

.fcb_ed .fcb-h {
    color: #E03E33;
}

.ai-fill {
    margin-top: 20px;
}

.ai-fill button {
    cursor: pointer;
    border: none;
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    padding: 10px 14px;
    background: linear-gradient(270deg, #07A8FF 0%, #1678FF 100%);
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.ai-fill img {
    width: 30px;
    margin-right: 4px;
}

.ai-fill button:hover {
    background: linear-gradient(270deg, #1678FF 0%, #07A8FF 100%);
}

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

.manual-fill {
    margin: 0 6px !important;
    background: rgba(22, 120, 255, 0.1);
    border-radius: 4px;
    font-weight: 400;
    font-size: 15px;
    color: rgba(67, 122, 221, 0.6);
    line-height: 20px;
    padding: 2px 6px !important;
}

.manual-fill-finish {
    color: #437ADD;
}

.fill-field {
    color: #B2B2B2;
}

.base-items ul.no-margin-ul {
    margin: 0;
}

.editor-area {
    display: flex;
    gap: 10px;
}

.select-unit {
    width: 256px;
}

.wang-editor {
    flex: 1;
}

.select-unit .su-item {
    padding: 10px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    margin-top: 10px;
}

.select-unit .su-item:first-child {
    margin-top: 0;
}

.select-unit .su-item h3 {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
}

.select-unit .su-item ul li {
    margin-top: 10px;
    background: #F8F9FA;
    border-radius: 4px;
    font-size: 14px;
    color: #666666;
    padding: 8px;

}

.select-unit .su-item ul li .si-title,
.si-content p {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select-unit .su-item ul li .si-hidden {
    display: none;
}

.select-unit .su-item ul li.selected {
    background: rgba(67, 122, 221, 0.1);
}

.select-unit .su-item ul li.selected .si-hidden {
    display: block;
}

.select-unit .su-item ul li.selected .si-title {
    font-weight: 700;
    color: #437ADD;
    line-height: 22px;
}

.si-title:hover {
    cursor: pointer;
}

.select-unit .su-item ul li:hover {
    background: rgba(67, 122, 221, 0.1);
}

.si-content p {
    font-size: 12px;
    color: #666666;
    line-height: 20px;
}

.select-unit .su-item ul li.selected .su-item-btn {
    margin-top: 8px;
    display: flex;
    gap: 8px;
}

.su-item-btn .si-btn {
    padding: 4px 6px;
    background: #437ADD;
    border-radius: 4px;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 3px;
}

.su-item-btn .si-btn img {
    width: 14px;
}

.su-item-btn .si-btn.si-btn-fill img {
    width: 15px;
}

.su-item-btn .si-btn.si-btn-fill {
    background: #437ADD;
    color: #FFFFFF;
    border: 1px solid #437ADD;
}

.su-item-btn .si-btn.si-btn-edit {
    background: #FFFFFF;
    color: #437ADD;
    border: 1px solid rgba(67, 122, 221, 0.4);
}

.su-item-btn .si-btn.si-btn-delete {
    background: #FFFFFF;
    color: #E03E33;
    border: 1px solid rgba(224, 62, 51, 0.4);
}

.ai-mark {
    width: 20px;
    margin-left: 2px;
}

.project-classify .layui-form-select .layui-input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.layui-form-select .layui-input {
    font-size: 15px;
    color: #333333;
}

.layui-form-radio *,
.layui-form-checkbox[lay-skin=primary] span {
    font-size: 15px;
    color: #333333;
    line-height: 16px;
}

#wangEditor .w-e-text-container .placeholder {
    top: 20px;
    left: 20px;
}

/* Overlay Styles */
.editor-area {
    position: relative;
}

.wang-editor-wrapper {
    position: relative;
}

.file-upload-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 10001;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
}

.file-upload-overlay.drag-over {
    background-color: rgba(67, 122, 221, 0.45);
}

.overlay-close-btn {
    position: absolute;
    top: 50px;
    right: 51px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    transition: transform 0.2s;
}

.overlay-close-btn:hover {
    transform: scale(1.1);
}

.overlay-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.folder-icon {
    width: 75px;
    height: auto;
    margin-bottom: 20px;
}

.drag-text {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.sub-text {
    font-size: 12px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.button-group {
    display: flex;
    gap: 20px;
}

.upload-btn,
.template-btn {
    padding: 0 14px;
    height: 45px;
    line-height: 45px;
    background: #437ADD;
    border-radius: 4px;
    border: none;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s;
}

.upload-btn:hover,
.template-btn:hover {
    opacity: 0.9;
}

.layui-form-radio>i{
    margin-right: 4px;
}