@charset "utf-8";body {
    background: #ececec;
}
.con_next {
    width: 100%;
}

#b1 .chat-area .chat_item.r .content {
    background: #a2e65b;
}
#b1 > .container {
    background: #fff;
}
.xs_nopad_md_pad {
    margin-top: 15px;
    padding-bottom: 15px;
}
.int_list li {
    line-height: 40px;
    font-size: 16px;
}
.int_list li span {
    color: #0068b7;
    font-weight: bold;
}
h3.title {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #0068b7;
    font-weight: bold;
    font-size: 28px;
}

.swiper-slide img {
    padding-left: 10px;
    padding-right: 10px;
}

.bqkd li {
    line-height: 40px;
}

.text_record {
    height: 500px;
    overflow-y: scroll;
}
.text_record p {
    margin-bottom: 0;
    padding: 10px 5px;
    line-height: 160%;
    font-size: 16px;
    border-bottom: 1px dashed #c4c4c4;
}

.chat-area-record {
    padding-left: 5px;
    padding-right: 5px;
}
.chat_item {
    width: 100%;
    margin-bottom: 20px;
    overflow: auto;
}

.person_img {
    width: 13%;
    position: relative;
}
.person_msg {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #cdcdcd;
    min-height: 18px;
    line-height: 18px;
    position: relative;
    width: auto;
    min-width: 40px;
    max-width: 100%;
}
.direct {
    position: absolute;
    width: 9px;
    margin: auto;
}
.person_msg > p,
.person_msg > div.content {
    padding: 0px 10px;
    font-size: 16px;
    word-wrap: break-word;
    line-height: 30px;
}
.person_name {
    padding-bottom: 5px;
    color: #656565;
    font-size: 16px;
    font-weight: bold;
}

.l {
    float: left;
}
.l .person_img {
    float: left;
}
.l .person_panel {
    width: 65%;
    float: left;
    margin-left: 20px;
    position: relative;
}
.l .person_msg {
    background: #fff;
    float: left;
}
.l .direct {
    top: 15px;
    left: -9px;
}
.l .person_name {
    text-align: left;
}

.r {
    float: right;
}
.r .person_img {
    float: right;
}
.r .person_panel {
    width: 65%;
    float: right;
    margin-right: 20px;
}
.r .person_msg {
    background: #a2e65b;
    float: right;
}
.r .direct {
    top: 15px;
    right: -9px;
}
.r .person_name {
    text-align: right;
}

.history_item a {
    display: block;
}
.history_item a img {
    max-width: 100%;
}
.history_item a label {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}
.block_title {
    margin-top: 18px;
    color: #4372b0;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 14px;
}
.block_title > h3 {
    border-left: 2px solid #0073c8;
    color: #0068b7;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 22px;
    font-weight: bold;
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
    .chat-area-record {
        height: 500px;
        overflow-y: scroll;
    }
}

@media (min-width: 1200px) {
}

#b1 #jsHaveVideo {
    display: none;
}
#b1 #jsNoVideo {
    display: none;
}
#b1 .int_list li em {
    font-style: inherit;
}
#b1 .text-red {
    color: red;
}
#b1 .mr10 {
    margin-bottom: 10px;
}
#b1 .mr20 {
    margin-bottom: 20px;
}
#b1 .layui-form label {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: normal;
}
#b1 .form-control {
    font-size: 16px;
}
#b1 .pad_ly {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    padding-bottom: 15px;
}
#b1 .form-inline .form-group {
    margin-bottom: 8px;
}
#b1 .input-captcha {
    width: 120px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#b1 .img-captcha {
    height: 32px;
    margin-top: 0;
    vertical-align: top;
    display: inline-block;
}
#b1 .yzm .form-control {
    display: inline-block;
}
#b1 .yzm p {
    display: none;
}
#b1 .btn {
    font-size: 16px;
    padding: 6px 30px;
}
#b1 .btn-sub {
    float: right;
    margin-right: 15px;
    background-color: #4386bf;
    color: #fff;
}
#b1 .btn-default {
    margin-left: 15px;
}
@media (min-width: 768px) {
    #b1 .yzm p {
        display: inline-block;
    }
}

/* 位置 */
.address {
    display: block;
    flex-wrap: wrap;
    margin-bottom: 21px;
    padding-left: 27px;
    line-height: 41px;
    font-size: 14px;
    color: #333;
    border-bottom: #dcdcdc 1px solid;
    background: url(../images/where.png) 3px center no-repeat;
}
.address a {
    float: left;
    color: #999;
    white-space: nowrap;
}
.address span {
    float: left;
    padding: 0 2px;
    color: #999;
}
.content {
    background: #fff;
    width: 1200px;
    margin: 0px auto;
    padding: 20px;
}
.row .content{
	width: auto;
}
/*信件详情*/
.zj_21{padding: 0 20px;}
.zj_21 .grid{margin:0px auto;}
.zj_21 .new_xq .xjxx_tit{height:48px;line-height:48px;font-size:16px;font-weight:bold;width: 100%;margin:0 auto;}
.zj_21 .new_xq .xjxx_tit span{ float:right; font-weight:normal;}
.zj_21 .new_xq .xjxx_con{background:#eaf7ff;border:1px solid #bee0fa;padding:0 34px 45px 34px;width: 100%;margin:10px auto;line-height:30px;}
.zj_21 .new_xq .xjxx_con h2{ line-height:72px; text-align:center; font-size:24px; margin-bottom:15px;}
.zj_21 .new_xq .t_line{ text-decoration:underline}


.zj_21 .new_xq .tcc_con2{ display:none; width:800px; background:#fff; border-radius:8px; position:fixed; left:50%; top:50%;transform:translateY(-50%); margin-left:-400px; z-index:999999}
.zj_21 .new_xq .tcc_tit{ cursor:pointer}
.zj_21 .new_xq .tcc_tit1{ background-color:#006bc3; color:#ffffff; text-align:center; height:46px; line-height:46px; font-size:18px; font-weight:bold; border-top-left-radius:8px; border-top-right-radius:8px; position:relative}
.zj_21 .new_xq .tcc_tit1 .close{ position:absolute; right:10px; top:0px; background:url(../images/zj21_5.png) center no-repeat; width:46px; height:46px;background-size: 24px auto; display:block; cursor:pointer;opacity: 1;}
.zj_21 .new_xq .tcc_con3{ text-align:center; line-height:48px; font-size:16px;     padding: 23px 25px 25px 25px;    max-height: 600px;overflow-y:auto;}
.zj_21 .new_xq .tcc_con3 img{ margin-bottom:20px;}




.zj_21 .new_xq .tred2 {color: #ed2c2d;}
.zj_21 .new_xq .tab{margin:0 auto;width: 100%;border: 1px solid #dcdcdc;}
.zj_21 .new_xq .tab th{ height:40px; background-color:#f4f4f4; text-align:center; line-height:40px; font-size:16px; font-weight:normal}
.zj_21 .new_xq .tab td{padding: 10px;border: 1px solid #dcdcdc;line-height: 30px;}
.zj_21 .new_xq .tblue1{color: #006bc3;}



.xl {
  background-color: #FFFFFF;
  padding: 30px  ;
}
.xl h4 {
  font: 30px/60px "微软雅黑";
  color: #2668a9;
  text-align: center;
}
.xl .jcxx {
  margin-top: 20px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}
.xl .jcxx span {
  font: 14px/36px "微软雅黑";
  color: #999999;
  margin-right: 30px;
}
.xl .jcxx .fx {
  margin-top: 10px;
}
.xl #dczj_htmlContent p {
    text-indent: 2em;
    font: 16px/36px "微软雅黑";
    color: #333333;
}
.xl .content {
  padding: 20px;
  font: 16px/36px "微软雅黑";
  color: #333333;
}
.xl .content p {
  text-indent: 2em;
  font: 16px/36px "微软雅黑";
  color: #333333;
}
.xl .content table {
  margin: auto;
}
.xl .content img {
  margin: 20px auto;
  /*display: block;*/
  text-align: center;
  max-width: 100%;
}
.fj a {
  font: 16px/36px "微软雅黑";
  color: #3c7cff;
  padding-left: 6px;
}
.fj a img {
  margin-right: 6px;
}
.fj a:hover {
  text-decoration: underline;
}
.dczj-xl{
  margin-top: 30px;
}
.dczj-xl h2,.fj strong {
  background-color: #e3eced;
  padding-left: 20px;
  margin: 0;
}

.fj strong {
    display: block;
    height: 44px;
    line-height: 44px;
    font: bold 18px/44px "微软雅黑";
    color: #2668a9;
}

.fj  a {
    padding: 0 20px;
    display: inline-block;
}
.dczj-xl h2 span {
  float: left;
  display: inline-block;
  font: bold 18px/44px "微软雅黑";
  color: #2668a9;
}
.dczj-xl h2 i {
  float: left;
  display: inline-block;
  width: 40px;
  height: 44px;
  background: url(../images/more.png) center center no-repeat;
}
.dczj-tab {
  padding: 20px;
  border: 1px solid #f0f0f0;
}

.fj {
    border: 1px solid #f0f0f0;
}
.dczj-tab p {
  font: 16px/32px "微软雅黑";
}
.dczj-tab table {
  border-left: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
}
.dczj-tab td {
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 20px;
}
.dczj-tab td.a1 {
  background-color: #fafafa;
  width: 125px;
}
.dczj-tab td textarea {
  width: 90%;
  border: none;
  outline: none;
  height: 80px;
}
.dczj-tab td input {
  width: 160px;
  border: none;
  outline: none;
  height: 30px;
}
.dlan {
    text-align: center;
}
.dlan a, .dlan input {
    display: inline-block;
    width: 140px;
    margin: 20px 10px;
    height: 40px;
    font: 18px/40px "微软雅黑";
    color: #FFFFFF;
    border: none;
    background-color: #2668a9;
    border-radius: 6px;
}
@media (max-width:1200px) {
	.con_next,
	.content,
	.zj_21 .new_xq .xjxx_tit{
		width: 100%;
	}
}
@media (max-width:992px) {
	.address {
	    display: flex;
	    align-items: center;
	    line-height: 1.5;
	    font-size: 1.2rem;
	    padding-bottom: 5px;
	}
	.xl{padding: 0;}
	.dczj-tab table{
		width: 100%;
	}
	.dczj-tab td {
		padding: 10px 10px;
	}
}