.huati_p_list_boxs ul li{ background-color: #fff;
    padding: 12px 8px;
    box-shadow: 0 1px 8px #ececec;
    border-radius: 3px;
    width: 100%;
    margin: 15px 0; overflow: hidden;}
.ht_top_left img{    width: 40px;
    height: 40px;
    border-radius: 40px;
    float: left;}
.ht_top_right{ float: right; width: calc(100% - 46px);}	
.ht_top_right dl:nth-child(1){ color: #333333; font-size: 16px;}
.ht_top_right dl:nth-child(2){ color: #727171; font-size: 12px;}
.huati_c_cont{ border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD; padding: 10px 0; margin: 10px 0;}
.huati_c_cont h4{ font-size: 16px; padding:10px 0;}
.huati_c_cont dl{font-size: 13px; color: #333333;min-height: 40px; overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;}
.ht_bottom_a_icon1{ float: left;}
.ht_bottom_a_icon2{ float: right; color: #FE4E4E;}

.huati_warp{ background-color: #fff;}
.huati_warp_boxs{ padding: 10px 15px;}
.huati_warp_boxs h3{font-size: 16px; line-height: 28px; padding: 8px 0;}
.huati_warp_boxs_txt{}
.huati_warp_boxs_txt p{ padding: 5px 0;}
.huati_warp_boxs_txt img{width: 100%; margin: 0 auto; height: auto;}
.huati_warp_boxs_bottom_t ul li{ padding: 10px;}
.huati_warp_boxs_bottom_t ul li img{ width: 30px; height: 30px; border-radius: 30px; margin-right: 10px;}
.huati_warp_boxs_bottom_t ul li a.ht_detele{ color: #FE4E4E; flex: auto; text-align: right;}
.h_this_b_box{display: flex; align-items: center;}
.h_this_pl{ font-size: 14px; border-bottom: 1px solid #E2E2E2; padding: 12px 0; width: 90%; margin-left: 10%;}
.h_this_pl_top{display: flex; align-items: center;}
.h_this_pl_top span{ width: calc(100% - 45px);}
.h_this_pl_top a{ width: 45px; text-align: right;}
.ht_zan{color: #888;}
.ht_zan_ac i{color: #306CE7;}
.h_this_pl_time{ color: #888; line-height: 28px; font-size: 13px;}
.huati_warp_boxs_bottom_t ul li .types_label_1{ margin-left: 5px;}
.huati_fixd_btm{ position: relative;background-color: #fff;padding:10px;}
.huati_fixd_btm textarea{ background-color: #F0F0F0; width:calc(100% - 90px); text-align: left; font-size: 15px; height: 40px; line-height: 40px;
padding-left:40px;border-radius: 40px;}
.huati_fixd_btm_button{ background-color: #306CE7; color: #fff; text-align:center; height: 40px; line-height: 40px; width: 80px; border-radius: 40px;}
.huati_fixd_btm_button:active{opacity: 0.85;}
/*huati end*/
.problem_nav{ display: flex;}
.problem_nav_left{flex: 1; margin: 5px 5px 15px 5px;padding:20px 10px; border-radius: 5px;}
.problem_nav_left_color1{ background-color: #306CE7;}
.problem_nav_left_color2{ background-color: #F4A312;}
.problem_nav_left i{ width: 40px; height: 40px; display: inline-block; text-align: center;
line-height: 40px; font-size: 20px; color: #fff; border-radius: 40px; float: right; margin-top: 5px;}
.problem_nav_left_color1 i{background-image: linear-gradient(310deg, #6D99F2, #BDD3FF);}
.problem_nav_left_color2 i{background-image: linear-gradient(310deg, #F3B84E, #FCE0AD);}
.problem_nav_left_l h4{font-size: 16px; padding: 5px 0;}
.problem_nav_left_l dl{font-size: 12px; padding: 5px 0;}
.problem_nav_left_l{float: left; color: #fff; }

.problem_cont_list_boxs{ padding: 0px 12px;}
.problem_cont_list_boxs li{ background-color: #fff; padding: 5px 12px 15px 12px; margin:0 0 20px 0;box-shadow: 0 1px 8px #ececec;
position: relative;}
.problem_cont_list_boxs_delete{  width: calc(100% - 35px); margin-left: 35px;}
.problem_cont_list_boxs li h4{ padding: 10px 0; line-height: 24px;}
.problem_cont_list_boxs li dl{color: #666666; font-size: 12px;}
.problem_cont_list_boxs li dl span{margin-right: 10px;}
.problem_c_bq{border: 1px solid #666666; padding: 2px 5px;}

.problem_bc_nav{text-align: center; padding: 15px 0;}
.problem_bc_nav a{margin: 0 10px;}
.problem_bc_nav .problem_bc_nav_a1{color: #FE4E4E; border: 1px solid #FE4E4E; padding:8px 16px;}
.problem_bc_nav .problem_bc_nav_a1_ac{ background-color:#FE4E4E; color: #fff;}
.problem_bc_nav .problem_bc_nav_a2{color: #666666; border: 1px solid #C6C6C6; padding:8px 10px;}
.editor_conts{ background-color: #fff; padding:15px 10px; border: 1px solid #f1f1f1;}
/*zaixiandayi end*/
.tongxun_navs{ text-align: center;padding: 10px 8px;}
.tongxun_navs i{float: none;}
.tongxun_navs .problem_nav_left_l{float: none;}
.tongxun_navs .problem_nav_left_l h4{font-size: 12px; padding-top:12px; font-weight:normal;}

.tx_table{ background-color: #fff; padding: 10px;}
.tx_table table tr{font-size: 13px;}
.tx_table table tr td{ padding: 10px 5px; border: 1px solid #f1f1f1; }
.tx_table table thead{ background-color: #f1f1f1; font-size: 14px; font-weight: bold;}
.tx_table table thead tr{font-size: 15px;}

.tx_add_p_cont{ display: flex; align-items: center; border-bottom:1px solid #f3f3f3;}
.tx_add_p_list{ width: calc(100% - 64px);padding: 13px 10px; color: #306CE7;}
.tx_add_p_list span{ margin-right: 10px; display: inline-block;}
.tx_add_peoples{}
.tx_add_peoples i{ color: #306CE7;  border: 1px solid #306CE7; width: 26px; height: 26px; display: block; border-radius: 26px;
line-height: 26px; text-align: center; font-size: 14px;}
.tx_add_peoples i:active{ background-color: #306CE7; color: #fff;}
.bg_list_flex{ display: flex;flex-wrap: wrap;}
.bg_list_flex dl{ width: 50%;}
.bg_list_flex dl:nth-last-child(1){ width: 100%;}
.y_green_button i {
    background-image: linear-gradient(to bottom right, #60E8A0 , #32D67F);
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 28px;
    color: #fff;
    display: inline-block;
}
.manages_operate dl.y_green_button a{ color: #32D67F;}
/*tongxun end*/
.manages_top_title{ display: flex; background-color: #fff; height: 46px; line-height: 44px;}
.manages_top_title dl{ flex: 1; text-align: center;}
.manages_top_title dl.manages_top_title_ac a{ border-bottom: 2px solid #306CE7;}
.types_cont_list_boxs_po li{ position: relative;}
.wd-icon{width: 7px;
    height: 7px;
    background-color: #E55E58;
    border-radius: 8px;
    display: inline-block;
    position: absolute;
	right:5px;
	top: 25px;}
.po_fix_nav{ position: fixed; width: 100%; bottom: 20px; z-index: 99;}
.po_fix_nav dl{float: left; width: 50%; text-align: center;}
.po_fix_nav dl a{ background-color: #fff; color: #324A7C; font-size: 15px; border-radius: 40px; padding: 10px 20px;
box-shadow: 2px 2px 2px #C6C6C6;}
.po_fix_nav dl a i{font-size: 16px;}
dl.btm_operate_n_detele{height: 56px; line-height: 56px; border-bottom: 1px solid #c1c1c1;}
dl.btm_operate_n_read{height: 56px; line-height: 56px; border-bottom: 1px solid #c1c1c1;}
.manages_warp_contTxt{ padding: 20px 12px; background-color: #fff; }
.manages_warp_contTxt h3{ font-size: 16px; line-height: 24px; padding: 10px 0;}
.manages_warp_contTxt dl{ font-size: 12px; color: #666666; padding:2px 0 10px 0;}
.manages_warp_contTxt dl span{ margin-right: 15px;}
.manages_warp_contTxt p{line-height: 22px; color: #666;}
.manages_warp_contTxt img{ width: 100%; height: auto;}
/*duanxiaoxi end*/
.monitor_bg{ background-color: #fff; padding: 10px;}
.border_re{ border: 1px solid #c8c8c8; padding: 5px 10px; border-radius: 2px; font-size: 13px;}
.p_title_height{ padding: 10px 0;}

.tj_display_f li a{display: flex; width: 100%;flex-wrap: wrap;}
.tj_display_f li a dl:nth-child(odd){width: 56%;}
.tj_display_f li a dl:nth-child(even){width: 44%;}
.tj_display_f li a dl:nth-last-child(1){width: 100%;}
.tj_display_f li a h4{width: 100%;}
.hz_bg{border-left: 5px solid #306ce7;border-radius: 0 2px 2px 0; background-color: #FAFAFA; font-size: 13px;padding: 10px; margin: 5px 0;}