.text-list .item:hover {  background: #39a2b1;}
.text-list .item:hover  .date{  color: #fff;}
.text-list .item:hover .date span{  color: #fff;}
.text-list .item:hover .tit{  color: #fff;}
.text-list .item:hover .des{  color: #fff;}
.text-list .item {
    padding: .3rem 0;
    width: 100%;
    border-bottom: 1px dashed #ccc;}

.text-list .item:first-child {
    margin-top: 0;}

.text-list .item .date {
    width: 1.2rem;
    height: .8rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    margin-right: .3rem;}

.text-list .item .date span {
    font-weight: bold;
    color: #39a2b1;
    font-size: .36rem;}

.text-list .item .date::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 70%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background-color: #39a2b1;}

.text-list .item .tit {
    font-size: .22rem;
    padding-left: 0;}

.text-list .item .des {
    color: #666;
    margin-top: .15rem;
    font-size: .16rem;}

@media (max-width:1199px) {
    .text-list .item .date span {
        font-size: 20px;}
    .text-list .item .tit {
        font-size: 14px;}
    .text-list .item .des {
        font-size: 12px;}
}.pb_sys_style1 .p_no_d {
    border: 1px solid #39a2b1 !important;
    color: #fff;
    background-color: #39a2b1 !important;}
.foot {

    height: 3.2rem;}
@media (max-width: 767px) {
    .foot {
       
        height: auto !important;}
}