html { height: 100%; overflow: auto; }
body {
    min-height: 100%;
    background-color: #f8f8f8;
}
.help-ul {
    width: 100%;
    padding: 0.2rem 0;
}
.help-ul li {
    width: 98%;
    position: relative;
    background-color: #fff;
    margin: 0 0 0 2%;
    height: 1rem;
}
.help-ul li:after {
    content: '';
    width: 0.3rem;
    height: 0.3rem;
    background: url(../img/forward.png) no-repeat right center /0.3rem;
    position: absolute;
    top: 0.35rem;
    right: 0.5rem;
}
.help-ul li img {
    width: 0.5rem;
    margin-top: 0.2rem;
    float: left;
}
.help-ul li span {
    font-size: 0.35rem;
    display: inline-block;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 0.2rem;
    width: 85%;
    float: left;
    text-align: left;
}
.help-ul li span:active {
    color: #3899ff;
}
.news-nav{
    text-align: left;
    font-size: 0.35rem;
    margin-top: 0.2rem;
    margin-left: 2%;
    margin-top: 0.7rem;
}
.next{
    border: 1px solid #022868;
    padding: 0.1rem 0.2rem;
    border-radius: 4px;
    width: 30%;
    margin-left: 5%;
    margin-right: 5%;
    display: inline-block;
    color: #022868;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}
.prev{
    border: 1px solid #CCCCCC;
    padding: 0.1rem 0.2rem;
    border-radius: 4px;
    margin-left: 5%;
    margin-right: 5%;
    width: 30%;
    display: inline-block;
    color: #ccc;
    margin-top: 0.5rem;
}

*{
    box-sizing:  border-box;
    -webkit-box-sizing:  border-box;
    -moz-box-sizing:  border-box;
}
h2{
    text-align:  center;
    font-size:  18px;
    text-transform:  uppercase;
    letter-spacing:  1px;
    color:  white;
    padding:  30px  0;
}

/*  Table  Styles  */

.table-wrapper{
    margin:  10px  70px  70px;
    box-shadow:  0px  35px  50px  rgba(  0,  0,  0,  0.2  );
}

.layui-table  {
    border-radius:  5px;
    font-size:  12px;
    font-weight:  normal;
    border:  none;
    border-collapse:  collapse;
    width:  100%;
    max-width:  100%;
    white-space:  nowrap;
    background-color:  white;
}

.layui-table  td,  .layui-table  th  {
    text-align:  center;
    padding:  8px;
}

.layui-table  td  {
    border-right:  1px  solid  #f8f8f8;
    font-size:  12px;
}

.layui-table  thead  th  {
    color:  #ffffff;
    background:  #4FC3A1;
}


.layui-table  thead  th:nth-child(odd)  {
    color:  #ffffff;
    background:  #324960;
}

.layui-table  tr:nth-child(even)  {
    background:  #F8F8F8;
}
.news-title{
    font-size: 0.38rem;
    color: #333;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}
.news-time{
    font-size: 0.35rem;
    color: #999;
    margin-right: 0.2rem;
}
.news-con{
    width: 96%;
    margin-left: 2%;
    font-size: 0.35rem;
    text-align: left;
    margin-bottom: 0.5rem;
}
.p-span{
    margin-bottom: 0.2rem;
    color: #999;
}
.news-con table{
    width: 100%;
}
/*有返回按钮的头部*/
.BackDivT{
    float:left;
    width:100%;
    height:1rem;
    line-height:1rem;
    border-bottom:1px solid #f0f0f0;
}
.BackLeftT{
    float:left;
    width:20%;
    font-size:0.35rem;
    color:#999;
}
.BackLeftT img{
    vertical-align:middle;
    width:18%;
    margin-right:5%;
}
.BackCenterT{
    float:left;
    width:60%;
    text-align:center;
    font-size:0.38rem;
    color:#000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}