﻿
.btn-q{width: 140px;height: 28px;background: #FFFFFF;border: 1px solid #206BD1;border-radius: 5px;font-size: 14px;color: #206BD1;text-align: center;line-height: 28px;}


.table-like{margin-top: 20px;}
.table-header{border-bottom: 1px solid #e3e3e3;padding-left: 20px;line-height: 44px;font-size: 0;background-color: #eee;color: #333;}
.table-header-item{display: inline-block;vertical-align: middle;font-size: 16px;color: #333;margin-right: 30px;font-weight: bold;}
.tri-parts .tabl-item-title{width: 580px;}
.tri-parts .tabl-item-date{width: 100px;text-align: center;}
.tri-parts .tabl-item-status{width: 50px;text-align: center;}
.table-body{margin-top: 2px;height: 480px;}
.table-row{padding-left: 20px;line-height: 48px;font-size: 0;}
.table-row:nth-of-type(2n){background: #F5F5F5;}
.table-row:after{content:".";display: block;height: 0;clear: both;visibility: hidden;zoom: 1}
.table-row.with-dot{background: url(https://www.shandong-energy.com/static/img/dot-red-small.png) 8px center no-repeat;}
.table-row-item{vertical-align: middle;font-size: 16px;margin-right: 30px;color: #333;float: left;}
.table-row-item span{float: left;}
.table-row-item.last-item{margin-right: 0;}
.table-row-item.status-0{color: #189A27;}
.table-row-item.status-1{color: #189A27;}


/* 留言内容及回复 */
.q-wrapper{}
.q-wrapper .q-title{font-size: 16px;color: #206BD1;padding: 25px 0 12px 0;}
.q-wrapper .q-detail{font-size: 16px;line-height: 24px;color: #333;}
.q-wrapper .q-info{font-size: 16px;color: #999;margin-top: 12px;}
.q-wrapper .q-info span{margin-right: 24px;}
.a-wrapper{margin-top: 50px;}
.a-wrapper .a-title{width: 122px;height: 36px;line-height: 36px;text-align: center;background-color: #206BD1;color: #fff;margin-bottom: 12px;font-size: 16px;font-weight: normal;}
.a-wrapper .a-detail{padding: 25px;background-color: #F3F3F3;font-size: 16px;line-height: 24px;color: #333;}
.a-wrapper .a-info{font-size: 16px;color: #999;margin-top: 15px;}

@media screen and (max-width: 900px){
  .inner_content_right{position: relative;min-height: auto;}
  .btn-q{width: 1.4rem;position: absolute;top: 1rem;right: .3rem;}
  .q-wrapper .q-title{padding: .3rem 0 .1rem 0;font-size: .3rem;}
  .q-wrapper .q-detail{font-size: .3rem;line-height: .5rem;}
  .q-wrapper .q-info{margin-top: .1rem;font-size: .28rem;}
  .a-wrapper{margin-top: .5rem;}
  .a-wrapper .a-title{width: 2rem;font-size: .3rem;line-height: .6rem;height: .6rem;}
  .a-wrapper .a-detail{padding: .3rem;font-size: .3rem;line-height: .5rem;}
  .a-wrapper .a-info{font-size: .28rem;margin-top: .15rem;}

  .list-body{margin-top: 1rem;}
  .table-header{padding: 0;}
  .table-header-item{margin-right: 0;padding: 0 .1rem;font-size: .28rem;}
  .tri-parts .tabl-item-title{width: 60%;}
  .tri-parts .tabl-item-date{width: 20%;}
  .tri-parts .tabl-item-status{width: 20%;}
  .table-body{height: auto;}
  .table-row{padding: 0;}
  .table-row-item{margin-right: 0;font-size: .28rem;padding: 0 .1rem;}
  .table-row-item.last-item{width: 20%;text-align: center;}
}