@charset "utf-8";
/*************************************
* 文件名称：common.css
* 作   者：界面设计制作部
* 创建日期：2017-12-25
* 最后修改：name/ 第X行 / yyyy-mm-dd
* 文件版本：UI CSS Frameworks Beta
* 内容概要: 公用样式文件
*************************************/
@font-face {
  font-family:'iconfont';
  src: url('/upload/font/PFDinTextCompPro-Regular.ttf') format('truetype');
}
@font-face {
  font-family:'iconfont1';
  src: url('/upload/font/ImpactMTStd.otf') format('opentype');
}
/*
http://www.googlefonts.cn/?query=Barlow&selection.family=Barlow:100,400,900
*/
body {
  font-family:PingFang SC,Microsoft YaHei,Avenir,Helvetica,Arial,sans-serif;
  /*
  font-family: 'Barlow', sans-serif;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
  font-family:PingFang SC,Microsoft YaHei,Avenir,Helvetica,Arial,sans-serif;
  font-family: 'Noto Serif', serif;
  font-family: raleway,Arial,sans-serif;
  font-family: 'Poppins', sans-serif!important;
  */
}
a:hover, a:active {
  color: #1f365c;
  text-decoration: none;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0px;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
div,
p,
span {
  /*
  word-break: keep-all!important;
  */
}
a {
  color: #222;
  transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}
@keyframes gWelCnta{
  0% {
    transform: rotate(0);
  }
  70% {
    transform: rotate(360deg);
  }
  80% {
    transform: rotate(350deg);
  }
  95% {
    transform: rotate(370deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
a {
  outline:none;
}
/* scrollbar css */
/* width */
::-webkit-scrollbar {
  width:3px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 6px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #11379e;
  border-radius: 6px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #222;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #222;
  border-color: #222;
}
#w_grid-1580806442144 p,
#w_grid-1580806442144 span,
#w_grid-1577093228600 p,
#w_grid-1577093228600 span,
#w_grid-1580806442144 a,
#w_grid-1569387413797 a,
#w_grid-1569387413797 a p,
#w_grid-1569387413797 a span{
  color:rgba(255,255,255,0.4)!important;
  transition:all 0.5s ease 0s;
}
#w_grid-1569387413797 a:hover p,
#w_grid-1569387413797 a:hover span,
#w_grid-1569387413797 a:hover{
  color:rgba(255,255,255,1)!important;
}
#c_portalResComplaintPage_detail-15813072317166589 {
  transition:all 0.5s ease 0s;
}
#c_portalResComplaintPage_detail-15813072317166589.zhai {
  margin: 10px 0px;
  min-height:40px;
}
#c_portalResComplaintPage_detail-15813072317166589 .reset_style img{
  width:auto;
  height:50px;
  transition:all 0.5s ease 0s;
}
#c_portalResComplaintPage_detail-15813072317166589.zhai .reset_style img{
  width:auto;
  height:40px;
}
#c_portalResComplaintPage_detail-16050797441330941 {
  transition:all 0.5s ease 0s;
}
#c_portalResComplaintPage_detail-16050797441330941.yin {
  margin:0px 0px;
  height: 0px;
  overflow: hidden!important;
}
@media only screen and (max-width: 768px){
  #w_fbtn-1615767920612 {
    width: auto;
    max-width: 150px;
    min-width: 0px;
    height: 100%;
    max-height: 0px;
    min-height: 38px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: auto;
    margin-bottom:40px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #w_grid-1605260592854 {
    width: 94%;
    max-width: 1480px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 100px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #c_portalResVideo_list-16159426807025303 {
    width: auto;
    max-width: 100%;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 40px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #w_common_text-1615537421910 span {
    font-size: 24px!important;
  }
  #w_common_text-1615537945490 span {
    font-size: 14px!important;
  }
  #w_common_text-1615767370139 span {
    font-size: 24px!important;
  }
  #w_common_text-1615767858789 span {
    font-size: 14px!important;
  }
  #w_common_text-1615767830498 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #w_common_text-1615774587740 {
    width: auto;
    max-width: 123px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 20px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #w_fimg-1615774587728 {
    width: 100%;
    max-width: 123px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 104px;
    margin-top: 15px;
    margin-left: auto;
    margin-right:auto;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #w_grid-1606118607462 .reset_style span {
    font-size: 12px!important;
  }
  #w_grid-1606118607462 .p_icon:before {
    font-size: 42px!important;
  }
  #w_grid-1606118607462 .w_ficon-001 {
    margin-bottom: 10px!important;
    min-height: 60px!important;
  }
  .e_ContentMajorStyleBox-001 .stylebox_title {
    width-and-width-uint: auto;
    white-space: nowrap;
    display: inline-block;
    vertical-align: bottom;
    width: auto;
    /* line-height: 80px; */
    font-size: 0px;
    width-and-height: custom;
    height: inherit;
    height-and-height-uint: inherit;
    display: flex;
    align-items: center;
  }
  .e_ContentMajorStyleBox-001 .title_main {
    color: rgba(34, 34, 34, 1);
    width-and-width-uint: 100%;
    white-space: normal;
    font-weight: bold;
    vertical-align: middle;
    font-size: 26px;
    line-height: 40px;
    text-overflow: ellipsis;
    width-and-height: custom;
    width-and-height-proportion: 1px;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
  #w_grid-1607563340896 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #c_portalResComplaintPage_detail-16050797441330941 {
    margin: 0px;
    padding: 0px;
  }
  #w_grid-1605775501055 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    display: flex;
    flex-direction:column-reverse;
  }
  #w_grid-1605604301083 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 192px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #w_grid-1605600243854 {
    width: 100%;
    max-width: 100%;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 192px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
  }
  #w_grid-1605258692633 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: -90px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #w_grid-1605772053946 {
    width: 94%;
    max-width: 1480px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 192px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #w_common_text-1606099188616 span,
  #w_common_text-1604643052063 span,
  #w_common_text-1605600243864 span,  
  #w_common_text-1605258666313 span {
    font-size: 26px!important;
    line-height:30px!important;
  }
  #w_common_text-1606099188623 span,
  #w_common_text-1604643052072 span,
  #w_common_text-1605600243870 span,
  #w_common_text-1605258666321 span {
    font-size: 12px!important;
    line-height:20px!important;
  }
  #content_box-1600309469228-1 {
    display: none;
  }
  #w_grid-1593314506445 >div {
    z-index: 2;
    animation-fill-mode: both;
  }
  #w_grid-1581319805690 > div > .p_gridbox {
    overflow: visible;
  }
  #yclm {
    display: none;
  }
  #w_grid-1593314506445 {
    width: 94%;
    max-width: 1480px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: -50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:20px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #w_common_text-1581300708505 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #w_grid-1600309469228 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #w_grid-1600309629126 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #w_grid-1600309469228 p {
    font-size: 12px!important;
    line-height:16px!important;
    text-align:left!important;
  }
  #w_grid-1600309469228 span {
    font-size: 12px!important;
    line-height:16px!important;
  }
  #w_grid-1600309629126 p {
    font-size: 12px!important;
    line-height:16px!important;
    text-align:right!important;
  }
  #w_grid-1600309629126 span {
    font-size: 12px!important;
    line-height:16px!important;
  }
  #w_common_text-1593314493477 span {
    font-size: 1.4rem!important;
  }
  #w_common_text-1593314551165 span {
    font-size: 0.68rem!important;
  }
  #w_grid-1594692043754,
  #w_grid-1594693005638,
  #w_grid-1594693005668,
  #w_grid-1594692043724,
  #w_grid-1594345978966,
  #w_grid-1594345978982,
  #w_grid-1594347717265,
  #w_grid-1594347717249,
  #w_grid-1594342093251,
  #w_grid-1594342093221, 
  #w_grid-1594344154348, 
  #w_grid-1594344154331,
  #w_grid-1594346433464,
  #w_grid-1594346433434,
  #w_grid-1594346170519,
  #w_grid-1594346170489,
  #w_grid-1594341883714,
  #w_grid-1594341883698,
  #w_grid-1594348982213,
  #w_grid-1594348793553,
  #w_grid-1594289873842,
  #w_grid-1594290056057,
  #w_grid-1594285536083,
  #w_grid-1594285536068,
  #w_grid-1594283043763,
  #w_grid-1594283098595,
  #w_grid-1583207287294,
  #w_grid-1583207287364,
  #w_grid-1582701664881,
  #w_grid-1583207287334,
  #w_grid-1582701664851,
  #w_grid-1582701664811,
  #w_grid-1582699608303,
  #w_grid-1582699608273,
  #w_grid-1582699608233,
  #w_grid-1582700662260,
  #w_grid-1582700662230,
  #w_grid-1582700662190,
  #w_grid-1582699174697,
  #w_grid-1582699174627,
  #w_grid-1582699174667,
  #w_grid-1582697664002,
  #w_grid-1582697664042,
  #w_grid-1582697664072,
  #w_grid-1582697239778,
  #w_grid-1582697239818,
  #w_grid-1582697239848,
  #w_grid-1582696662340,
  #w_grid-1582696662310,
  #w_grid-1582696662270,
  #w_grid-1582690480584,
  #w_grid-1582690480554,
  #w_grid-1582690480514,
  #w_grid-1582677638641,
  #w_grid-1582689667251,
  #w_grid-1582675498220,
  #w_grid-1582678964205,
  #w_grid-1582685747253,
  #w_grid-1582685747223,
  #w_grid-1582685747183,
  #w_grid-1582682195251 {
    display: none;
  }
  #w_grid-1582678964155 {
    display: none;
  }
  #w_grid-1582675498220 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  #w_grid-1580806442144 span {
    font-size: 12px!important;
    text-align: center!important;
  }
  #w_grid-1580806442144 p{
    text-align: center!important;
  }
  #scrolltop {
    position: absolute;
    right: 0px;
    top: -20px;
    cursor: pointer;
    height: 48px;
    width: 100%;
    text-align: center;
    display: block!important;
    background-color: #e61c18;
  }
  #w_grid-1581319848827 p {
    display: inline-block;
  }
  #w_grid-1581319848827 .reset_style {
    text-align: center;
    height: 20px;
    max-height: none;
    min-height: 20px;
    margin-top:0px;
    margin-bottom: 20px;
  }
  #c_portalResComplaintPage_detail-15813072317166589 {
    width: auto;
    max-width: 100%;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .logo_ys img {
    width: auto!important;
    padding: 0px;
    height: 40px!important;
  }
  .logo_ys .logo_wz {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
  }
  .logo_ys .logo_wz a {
    color: #000;
  }
  .logo_ys .logo_wz a:hover{
    color: #003c8c;
  }
  .logo_ys a .logo_ms {
    color: #666;
  }
  .logo_ys a:hover .logo_ms {
    color: #666;
  }
  .logo_ys .logo_ms {
    font-size: 12px;
    font-weight: normal;
    color: #666;
    line-height: 16px;
    padding-left: 0px;
    display: block;
  }
  #w_grid-1569392445063{
    top:0px;
    min-height: 60px;
    transition:all 0.5s ease 0s;
    background-color: rgba(255, 255, 255, 1);
  }
  #w_grid-1569392445063.yya{
    background-color: rgba(255, 255, 255, 1);
    box-shadow:0px 5px 5px 0px rgba(100, 100, 100, 0.1);
    position:fixed;
    left:0;
    top:0px;
    z-index:99;
  }
  #w_grid-1569392445063.yya{
    top:0px;
  }
  #w_grid-1569392445063.yya.sabit{
    top:0px;
  }
  #w_grid-1569392445063.sabit{
    top:0px;
  }
  #zcfdcd{
    display: none;
  }
}
@media only screen and (min-width: 769px){
  #w_grid-1625038290757{
    position:relative;
  }
  #w_grid-1625049995281 {
    position: absolute;
    left: 80px;
    top: 50%;
    transform:translate(0%,-50%)!important;
  }
  .logo_ys img {
    float: none;
  }
  #w_grid-1569392445063{
    transition:all 0.5s ease 0s;
    top: 0px;
    box-shadow:0px 5px 5px 0px rgba(100, 100, 100, 0.1);
  }
  #w_grid-1569392445063.yya{
    position:fixed;
    width: 100%;
    left:0;
    z-index:99;
  }
  #w_grid-1569392445063.yya{
    top:0px;
  }
  #w_grid-1569392445063.yya.sabit{
    top:0px;
  }
  #w_grid-1569392445063.sabit{
    top: 0px;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px){
}