.dt_nr{
  /* float: left; */ transition: all 0.6s;
  width: 84%;
  background-color: #fff;position: absolute;bottom: 0px;top: auto;left: 8%;}
 .p_header {
    text-align: center;
}

.runpic-words ul li:hover .dt_nr{ transition: all 0.3s;
  /* float: left; */
  width: 84%;color:#fff;
  background-color: #acce21;position: absolute;bottom: 20px;top: auto;left: 8%;}
.runpic-words ul li:hover  h6 {
    color: #ffffff;
  
}


.p_header {
    text-align: center;
}

.ad1{margin-top:40px;}
.runpic-words ul li h5 {
    font-size: 23px !important;
    color: #ffffff;
    margin-top: 20px;
    font-weight: bold;
    /* padding-bottom: 60px; */
}
.dt_nr2{
  /* float: left; */
  width: 84%;
  background-color: #98be05;position: absolute;bottom: 0px;top: auto;padding-bottom: 30px;line-height: 40px;left: 8%;right: 2%;color: #d1e582;}
 .p_header {
    text-align: center;
}
 .p_time {
    text-align: center;
    margin: 20px 0;
    display:none;
}
 .p_articles {
    margin-top: 30px;
}
 .p_PromptNoneData{
    width: auto;
    background-color: inherit;
    text-align: center;
}
 .p_PromptNoneData .prompt_title .iconfont:before {
    content: "";
}
 .p_PromptNoneData .prompt_title .first{
    height: auto;
    display: table-cell;
    font-size: 32px;
    position: relative;
    color: #09bb07;
    vertical-align: middle;
    padding: 0 10px 5px 0;
}
 .p_PromptNoneData .prompt_title{
    display: inline-table;
    padding: 0 30px;
    min-height: 200px;
    height: 100%;
}
 .p_PromptNoneData .prompt_title .first:before{
    content: "\e6b4";
}
 .p_PromptNoneData .prompt_title .font{
    font-size: 18px;
    display: table-cell;
    line-height: normal;
    vertical-align: middle;
    color: rgba(51,51,51,1);
    font-weight: bold;
    text-align: left;
}
 .p_PromptNoneData .promptbox{
    width: auto;
    height: 100%;
}
 .p_PromptNoneData .prompt_content {
    font-size: 14px;
    color: rgba(105, 105, 105,1);
    padding-left: 65px;
}


@media only screen and (max-width: 768px) {
     .p_complaintPageDetails {
        padding: 20px;
    }
     .p_time {
        margin-top: 10px;
    }
     .p_articles {
        margin-top: 20px;
    }
     .resetHtmlCssStyle .tp img {
      vertical-align: top;
      width: 100%;
  	 }
}


@media only screen and (min-width:769px) {
     .p_complaintPageDetails {
        padding: 30px;
    }
     .p_header {
        padding-bottom: 8px;display:none;
    }
     .p_timeIcon {
        width: auto;
        height: auto;
        display: inline-block;
        font-size: inherit;
        margin-right: 5px;
    }
     .p_timeIcon:before {
        content: '\e67a';
    }
}


@media only screen and (min-width:769px) and (max-width:1024px) {

} .p_MatteIcon .iconfont:before{
content:'\e602';
}
 >div{
animation-fill-mode:both;
}
 .runpic-box{
width:100%;
overflow:hidden;
position:relative;
}
 .runpic-words{position:absolute;width:100%;top: 0%;left:50%;transform:translateX(-50%);z-index:3;}
 .runpic-words ul li{width: calc(100% / 4);float:left;text-align:center;height: 650px;/* padding-top: 30%; */border-right: #ffffff 1px solid;display: flex;align-items:center;position: relative;}
 .runpic-words ul li img{
display:block;
margin:0 auto;
-webkit-transition:all 1s;
-o-transition:all 1s;
-moz-transition:all 1s;
transition:all 1s;
}
 .runpic-words ul li h6{font-size: 23px !important;color: #98be05;margin-top: 50px;font-weight: bold;padding-bottom: 50px;}
 .runpic-words ul li p{
font-size:16px;
color:#fff;
text-transform:capitalize;
margin-top:10px;
font-family:'SOURCEHANSANSCN-LIGHT_0';
}
 .runpic-words ul li:hover img{
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
transform:rotateY(180deg);
}
 .runpic-line-null{position:absolute;width:100%;height:1px;background-color:rgba(255, 255, 255, .1);left:0;top:62%;z-index:4;display: none;}
 .runpic-line{position:absolute;width:10%;height:1px;background-color:#b6b5aa;left:0;display: none;top:62%;z-index:4;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;transition:all 1s;}
 .runpic-pic{width:100%;overflow:hidden;position:relative;z-index:1;height: 650px;background-color:#b6b5aa;}
 .runpic-pic ul li{width:100%;height: 650px;display:none;background-repeat:no-repeat !important;/* background-attachment:fixed !important; */position:absolute;-o-background-size:cover;background-size: cover !important;top:0%;left:0%;    background-position: center top !important;}
 .runpic-pic-true{
-webkit-animation:toPicBig 1s ease-in-out both;
-moz-animation:toPicBig 1s ease-in-out both;
-o-animation:toPicBig 1s ease-in-out both;
animation:toPicBig 1s ease-in-out both;
}
@-webkit-keyframes toPicBig{
0% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes toPicBig{
0% {
    -moz-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes toPicBig{
0% {
    -o-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes toPicBig{
0% {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
 .runpic-pic-shade{
position:absolute;
z-index:2;
width:100%;
height:100%;
/* background-color:rgba(0, 0, 0, .4); */
-webkit-transition:all 2s;
-o-transition:all 2s;
-moz-transition:all 2s;
transition:all 2s;
}
 .runpic-words-pic{
height:42px;
}
@media only screen and (max-width: 768px){

 ul li img {
    display: block;
    margin: 0 auto;
    width: 40%;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
 .runpic-words ul li p {
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    display: none;
    margin-top: 10px;
    font-family: 'SOURCEHANSANSCN-LIGHT_0';
}
 .runpic-words ul li h6 {
    font-size: 16px;
    color: #fff;
    margin-top: 32px;
    font-weight: bold;
}
 .runpic-pic ul li {
    width: 100%;
    height:auto;
      background-attachment: inherit!important;
}
}
@media only screen and (max-width: 768px){

 ul li img {
    display: block;
    margin: 0 auto;
    width: 40%;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
 .runpic-words ul li p {
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    display: none;
    margin-top: 10px;

}
 .runpic-words ul li h6 {
    font-size: 16px;
    color: #fff;
    margin-top: 32px;
    font-weight: bold;
}
 .runpic-pic ul li {
    width: 100%;
    height:auto;
      background-attachment: inherit!important;
}
}