.mglst{ margin-bottom: 8%;}
.mglst .tit{ text-align: center;  font-size: 24px; font-weight:bold; letter-spacing: 3px; margin-bottom: 3%;}
.mglst .tit img{ display: inline-block; margin-right: 15px;}
.mglst .cnt{ border: 1px solid #efdede; border-radius: 15px; display: flex; flex-wrap: nowrap; align-items: stretch; justify-content: space-between;}
.mglst .cnt .lst-l{ width: 63.19327731092437%; }
.mglst .cnt .lst-r{ flex: auto; background: #faf4f4; border-radius: 0 15px 15px 0;}
.mglst .cnt .pdg{ padding: 6%;}
.mglst .cnt .lst-r .stsc{ display: flex; flex-wrap: wrap;   justify-content: space-between; align-items:flex-start; background: #FFF; padding: 12% 0; margin-bottom: 8%;}
.mglst .cnt .lst-r .stsc li{ width: 50%; text-align: center;}
.mglst .cnt .lst-r .stsc li  .num span{font-size: 28px; font-weight: bold; color: #e53138; display: inline-block; margin-bottom: 10px;}
.mglst .cnt .lst-r .stsc li  .num1{ margin-bottom:50px;}
.mglst .cnt .lst-r .lnk{ text-align: center;}
.mglst .cnt .lst-r .lnk a{display: block; width: 60%; height: 42px; line-height: 42px; background: #e53138; color: #FFF; transition: all 0.3s; margin: 0 auto; border-radius: 5px;}
.mglst .cnt .lst-r .lnk a:visited{color: #FFF;}
.mglst .cnt .lst-r .lnk a:hover{ background: #cf1f26;}
.mglst h3{font-size: 16px; position: relative; line-height: 100%; margin-bottom: 3%;} 
.mglst h3 a.mr{ position: absolute; right: 0; }
.mglst h3 a.mr,.mglst h3 a.mr:visited{ color: #1a5ed1; font-weight: normal; font-size: 14px;}
.mglst h3 a.mr:hover{ color: #cc3333;}
.mglst .lst li a{ height: 45px; line-height: 45px;  position: relative; display: block; padding: 0 115px 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mglst .lst li a .time{position: absolute; right: 0; color: #999;}
.mglst .lst li a:before{ content: ""; position: absolute; display: block; width: 6px; height: 6px; background: #dbdbdb; border-radius: 100px; left: 0; top: 50%; margin-top: -3px; }
.mglst2 .cnt .lst-l{width: 100%;}
.mglst2 .cnt .lst-r .stsc li .num span{ color: #1a5fd1;}
.mglst2 .cnt .lst-r .lnk a{ background: #1b60d2;}
.mglst2 .cnt .lst-r .lnk a:hover{ background: #0042b0;}
.mglst2 .cnt{ border:1px solid  #dfe8f1;}
.mglst2 .cnt .lst-r { background: #f4f7fa;}
/*标题*/
.tbtit{ position: relative;}
.tbtit a{ font-weight: normal; position: absolute; right: 0; font-size: 14px;}
.tbtit  a,.tbtit a:visited{ color: #1a5ed1;}
.tbtit a:hover{ color: #CC3333;}
/*表单*/
.msgfrm{display: flex; flex-wrap: wrap;  justify-content: space-between; align-items:center; margin-bottom: 5%;}
.msgfrm .name{ font-size: 18px; color: #33a6ff; font-weight: bold; width: 150px; white-space: nowrap;}
.msgfrm .name img{ margin-right: 10px; vertical-align: middle; display: inline-block;}
.msgfrm .ipt{ flex: auto; display: flex; flex-wrap: nowrap; align-items:center; padding-right: 30px; }
.msgfrm .ipt label{ display: inline-block;  margin-right: 10px; line-height: 34px; width: 75px;}
.msgfrm .ipt input{ flex: auto; display: inline-block; height: 33px; border: 1px solid #d9d9d9;  background: none; text-indent: 15px; margin-bottom: 0; }
.msgfrm .sbtn{ width: 110px;}
.msgfrm .sbtn input{ background: #33a6ff; color: #FFF; width: 110px; height: 45px; border: none; border-radius: 5px; transition: all 0.3s; font-size: 16px;}
.msgfrm .sbtn input:hover{background: #1388e3;}
.sdbtn{ height: 42px; line-height: 42px; padding: 0 12px; border-radius: 3px; background: #e8e8e8; display: inline-block; margin-left: 15px; vertical-align: top;}
/*显示*/ 
.msg-dlt{position: relative; padding-left: 100px; font-size: 16px;}
.msg-dlt .dltc{ margin-bottom: 3%;}
.msg-dlt .dlt-l{ font-weight: bold; color: #1a5fd1; position: absolute; left: 0; line-height: 180%;}
.msg-dlt dd{line-height: 180%;}
/*咨询*/ 
.ldr_itr{position: relative; min-height: 110px; padding: 20px 0 10px 130px;}
.ldr_itr .photo{position: absolute; top: 20px; left: 0; width:90px;}
.ldr_itr h2{  color: #00379c;  font-size: 18px;  font-weight: bold;}
.ldr_itr .fnt {  line-height: 180%; }
.msg-form{ font-size: 16px; border: 1px solid #c4cfe4; padding: 4% 5%; border-radius: 10px; margin-bottom: 5%;}
.msg-form .lst{ margin-bottom:2%;}
input[type="radio"], input[type="checkbox"]{ margin: 0;}
input[type="checkbox"]{ margin: 0 10px 0 0;}
.msg-form .lst .ipt{ width: 100%; max-width: 100%; height: 40px; line-height: 40px;  border: 1px solid #ebebeb; font-size: 16px; text-indent: 10px;}
.msg-form .lst .txta{ width: 100%; max-width: 100%;  border: 1px solid #ebebeb; height: 140px;  text-indent: 10px; padding: 1% 0;}
.msg-form .lst .vcod{ width: 35%; padding:0 1%; max-width: 100%; height: 40px; line-height: 40px;  border: 1px solid #ebebeb;}
.msg-form .lst .vimg{ vertical-align: top; display: inline-block; margin-left: 10px; height: 40px;}
.msg-form .lst  .subtn{ width: 24%; height: 54px; line-height: 54px; text-align: center; font-size: 16px; color: #FFF;  background-image: linear-gradient(to right, rgba(69,158,249) , rgba(24,92,207)); border-radius: 5px; border: none;  cursor: pointer;}
.msg-form .lst  .subtn:hover{ background:rgba(24,92,207);}
.msg-form label{ display: block; font-size: 16px; margin-bottom: 10px;}
.msgfrm2{ padding: 5% 0; display: block; border: 1px solid #c4cfe4; padding: 4% 5%; border-radius: 10px;}
.msgfrm2 .name{ margin-bottom: 3%;}
.msgfrm2 .ipt{ margin-bottom: 3%;}
.msgfrm2 .sbtn{ width: auto;}
.msg-form .drplst{ position: relative;}
.msg-form #slt-optn{ position: absolute; top: 41px; width: 100%;}
#slt-optn{ border: 1px solid #ebebeb;  border-radius: 0 0 5px 5px; background: #FFF; box-shadow: 0px 5px 6px rgba(0,0,0,.2); }
#slt-optn li{ height: 36px; line-height: 36px; padding: 0 2%; border-bottom: 1px solid  #ebebeb; cursor: pointer;}
#slt-optn li:last-child{border-bottom: none;}
#slt-optn li:hover{ background: #f8f8f8;}
#slt-optn li.crt{ background: #d1ebff;}
#slt-optn.dsk{ display: block;}
.spvs_itr{ font-size: 16px; line-height: 180%; margin-bottom: 5%;}
.spvs_itr .fnt{ font-weight: bold; color: #1059d3;}
.spvs_itr .lne{ border-bottom: 1px dashed #DDD; padding: 10px 0;}
.spvs_itr .cnta_ifo{padding: 2% 0;}
.msg-form .tips{ color: #993300; line-height: 180%;}
.spvs_itr .cnta_ifo .iconfont{margin-right: 10px;}
.qry-tbl { margin-bottom: 3%;}
.qry-tbl .tbl td,.qry-tbl .tbl th{ border: 1px solid #CCC; padding:10px;}
.qry-tbl .tbl th{ background: #f3f3f3; text-align: left; width: 100px; }
.qry-tbl .tbl  td{ background: #FFF;}
@media screen and (max-width:1024px) {
.mglst{ margin-bottom: 5%;}
.msgfrm .name{ width: 100%; margin-bottom: 20px; text-align: center;}
}

@media screen and (max-width:800px) {
	.msgfrm .ipt{ padding-right: 0;  width: 100%; margin-bottom: 15px;}
	.msgfrm .sbtn{ width: 100%;}
	.msgfrm .sbtn input{width: 100%; height: 42px; line-height: 42px;}
}
@media screen and (max-width:710px) {
.mglst .cnt{ display: initial; border: 0;}
.mglst .cnt .lst-l { width: 100%;}
.mglst .cnt .lst-r{ border-radius: 10px;}
.mglst .cnt .pdg{ padding: 4%;}
.mglst .cnt .lst-r .stsc{ margin-bottom: 3%;}
.mglst .cnt .lst-r .lnk a{ width: 100%; height: 50px; line-height: 50px;}
.msg-dlt{position: static; padding-left: 0; font-size: 16px; }
.msg-dlt .dltc{ margin-bottom: 3%;}
.msg-dlt .dlt-l{ position: static;}
}
@media screen and (max-width:600px) {
.ldr_itr{   padding: 20px 0 10px 110px;}
}

@media screen and (max-width:500px) {
.mglst .lst li a .time{ display: none;}
.mglst .lst li a{padding: 0 0 0 20px;}
}