.add_complain{width: 1140px;margin: 0px auto 80px;}

.complain_form{
    width: 65%;
    margin: 0 auto;
    /*margin-top: 40px;*/
}
.complain_form .define_lable{width: 110px;}
.complain_form .layui-input, .complain_form .layui-textarea{ border-radius: 4px;}
.complain_form  .layui-input-block {
    margin-left: 110px;
    min-height: 36px;
}
.choose_text_span{
    margin: 10px;display: inline-block;padding: 10px 14px;color: #f9ae3d;border:1px solid #f9ae3d;border-radius: 4px;cursor: pointer;
}
.table_obj h2,.table_obj h3,.table_obj h4{font-size: 16px}
.not_choose_text_span{
    margin: 10px;display: inline-block;padding: 10px 14px;color: #fff;border:1px solid #f9ae3d;border-radius: 4px;background:#f9ae3d ;cursor: pointer;
}
.complain_form .layui-form-item{
margin-bottom: 0px;
    clear: both;
    *zoom: 1;
    height: 70px;
    overflow: hidden;
}
.choose_type .choose_text{
    padding: 6px 20px;
    border-radius: 4px;
    background: #86c7ed;
    color: #fff;
    margin-right: 10px;
    cursor: pointer;
}
.searchObject{position: absolute;
    left: 110px;
    width: 260px;
    border: 1px solid;
    display: none;
    z-index: 99;
    top: 36px;}
.searchObject li{
    width: 100%;
    color: #333;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
}
.searchObject li.active{
    width: 100%;
    background: #86c7ed;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
}
.choose_always .choose_text{
    padding: 6px 20px;
    border-radius: 4px;
    border: #86c7ed 1px solid;
    color: #333;
    display: inline-block;
    cursor: pointer;
    margin-right: 4px;
    margin-bottom: 4px;
}
.choose_type{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin-bottom: 10px
}
.choose_i{}
.choose_type .layui-input-inline{width: 150px;
    position: relative;}
.choose_type input[type=text]{
    position: absolute;
    width: 100px;
}
.btn-add-type{
    position: absolute;
    left: 100px;
    width: 50px;
    text-align: center;
    color: #fff;
    background: #5491da;
    height: 36px;
    top: 0px;
}

#complain_info,#complain_line,#complain_desc,#complain_process,#complain_group,#group_tab,#refer_group{
    width: 900px;margin: 0 auto;margin-top: 30px;
}
#group_tab li.title{    float: left;
    width: 150px;
    background: #63A2FE;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    text-align: center;}
#group_tab li.active{
    background: #fff;
    color: #63A2FE;
}
#complain_info {
    border-bottom: 1px #999999 dashed;}
#complain_info .show_title{
    font-size: 20px;
    font-weight: bold;
}
#complain_info .show_time{
    font-size: 13px;
    color: #999;
    height: 40px;
    line-height: 40px;
}
#complain_info .show_user{

}
#complain_info .author,#complain_info .author-date{float: left}
#complain_info .c_process{float: right;  float: left;
    margin-left: 200px;}
#complain_info .author .user_img{
    width: 50px;
    float: left;
    border-radius: 30px;
    height: 50px;
    border: #86c7ed 1px solid;
}
#complain_info .author-date{margin-left: 20px;}
#complain_info .c_process .text{    background: #cbcbcb;
    color: #fff;
    padding: 6px 12px;
    font-weight: bold;
    border-radius: 6px;}
#complain_info .c_process .on{
    background: #4b7de2;
}
#complain_info .c_process .img_show{margin-left: 6px;margin-right: 6px;}
#complain_info  table{
    color: #999;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
}
/* 选择所有表格中的第一列 */
  #complain_info table .td_1   {
    vertical-align: top;      /* 垂直对齐到顶部 */
    text-align: center;       /* 水平居中 */
}
#complain_info table .td_2   {
    vertical-align: top;      /* 垂直对齐到顶部 */
}


#complain_info  table .td_1{
     width: 80px;
     height: 46px;
 }
#complain_info  table .td_2{
   color: #222;
    height: 46px;
}
.td_2 li{float: left;margin-right: 10px;}
.td_2 li span{    background: #bfd8f9;
    height: 18px;
    width: 18px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    color: #fff;
    margin-right: 10px;}
.apply_a,.apply_a:hover{background: #f94e4e;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;}
.complain_short{    background: #bbbbbb;
    color: #fff;
    padding: 4px 8px;
    border-radius: 6px;}
.complain_line_title .show_company{
    background: #bfd8f9;
    height: 18px;
    width: 18px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    color: #fff;
    margin-right: 10px;
}
.complain_line_title .show_p{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin-top: 24px;

}
#complain_line .line{
    float: left;
    margin-right: 30px;
    color: #999;
}
#complain_line{
    padding-bottom: 30px;
    border-bottom: 1px #999999 dashed;
}
#complain_line .on{color: #226fd7}
#complain_line .line img{width: 20px;margin-right: 4px;}
#complain_desc .complain_info {
}
.show_more{margin: 0 auto;
    width: 62px;
    cursor: pointer;

    position: relative;}
#complain_desc .info_all{
    /*height: 180px;*/
    /*text-indent: 20px;*/
    overflow: hidden;
    padding-top: 20px;
    line-height: 33px;
    color: rgb(51,51,51);
    font-size: 16px;
    /*mask-image: linear-gradient(#000 -webkit-calc(100% - 16rem),transparent -webkit-calc(100% - 0rem));*/

}
.group_list .sys_status_name{
    background: rgb(255, 169, 94);
    color: #fff;
    padding: 4px 8px;
    border-radius: 20px;
    font-size: 12px;
    margin-left: 10px;
}
#complain_desc .info_all_mask{
    -webkit-mask-image: linear-gradient(#000 -webkit-calc(100% - 16rem),transparent -webkit-calc(100% - 0rem));
    mask-image: linear-gradient(#000 -webkit-calc(100% - 16rem),transparent -webkit-calc(100% - 0rem));
}

.evidence{
    height: 40px;line-height: 40px;color: #226fd7;font-weight: bold;}
.evidence_pic_li,.evidence_video_li{
    color: #226fd7;
    font-weight: bold;
    float: left;
    margin-right: 14px;
    margin-bottom: 4px;
    width: 170px;}
.evidence_pic_li img,.evidence_video_li img{width: 100%;}
#complain_desc,#complain_process,#complain_group,#refer_group{
    padding-bottom: 30px;
    border-bottom: 1px #999999 dashed;
}
.refer_group_list table{
    width: 100%;
    margin-top: 20px;


}
.refer_group_list table h3{
    font-size: 14px;
}
.refer_group_list table tr,.refer_group_list table td{
    font-size: 14px;
    height: 30px;line-height: 40px;
}
#complain_process{

}
.group_list li{
    margin: 20px 26px 10px 0;
}
.group_list .username{
    font-size: 16px;
    line-height: 22px;
    color: #000;
}
.group_list .view_times{
    line-height: 40px;
    font-size: 14px;
    color: #666;
    height: 40px;
}
#complain_content{
    width: 900px;
    margin: 0 auto;
    margin-bottom: 200px;
}

.list_son{
    background: #f0f0f0;
    width: 93%;
    float: right;
    display: none;
    position: relative;
}
.list_son p{
    height: 30px;
    line-height: 30px;
}
.l_upto{width: 0px;
    height: 0px;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #f0f0f0;
    position: absolute;
    right: 22px;
    top: -8px;}
.group_info table{width: 100%;margin-bottom: 10px;}
.group_info td{width: 33%;color: #fff}
.group_info{
    background: linear-gradient(left , rgb(55, 129, 234) 22% , rgb(122, 161, 225) 82%);
    background: -o-linear-gradient(left , rgb(55, 129, 234) 22% , rgb(122, 161, 225) 82%);
    background: -ms-linear-gradient(left , rgb(55, 129, 234) 22% , rgb(122, 161, 225) 82%);
    background: -moz-linear-gradient(left , rgb(55, 129, 234) 22% , rgb(122, 161, 225) 82%);
    background: -webkit-linear-gradient(left , rgb(55, 129, 234) 22% , rgb(122, 161, 225) 82%);
    height: 40px;line-height: 40px;color: #fff;
}
.refer_times a{text-decoration: underline;
    /*color: rgb(55, 129, 234)*/
}

.refer_times i{
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 6px;
    margin-left: 12px;
    padding-left: 34px;
    font-style: normal;

}

.refer_times img{
    margin-top: -4px;
    margin-right: 3px;
}
.refer_times .shop_warning{
    color: #E6A23C;
    background: url('/new/image/warning.png') no-repeat;
    background-color: rgb(253, 246, 236);
    background-position: 10px center;
    background-size: 22px auto;
}
.refer_times .shop_danger{
    color: #F56C6C;
    background: url('/new/image/danger.png') no-repeat;
    background-color: rgb(253, 226, 226);
    background-position: 10px center;
    background-size: 22px auto;
}

.refer_times .refer_name{

    font-size: 18px;
    color: #E6A23C;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.refer_times .refer{
    padding: 0 10px;margin: 0
}