body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
   font-family: 'microsoft yahei';
}
.complaint-item{
  margin: 10px 5px;
  padding: 0 10px 0;
  box-shadow: 0px 1px 5px #bbbbbb;
  background: #FFF;
  position: relative;
  border-top: 3px solid #34A2FF;
  overflow: hidden;
}

.ytable_zzc{
	opacity:0.8;
}
.complaint-item .pull-right {
color: #51CC0D;
}
.title-img{
	width: 90%;
	max-width: 400px;
  margin: 20px 5% 0px;
}
.advice-list{
  background: #f3f3f3;
}
.advice-item {
  margin: 10px 5px;
  padding: 0;
  box-shadow: 1px 2px 5px #e0e0e0;
  overflow: hidden;
  background: #FFF;
  position: relative;
  border-top: none;
}

.advice-title{
  padding: 5px;
  font-size: 18px;
}
.advice-title .ion-calendar{
  margin-right: 5px;
  margin-left: 5px;
  font-size: 20px;
}
.advice-title i{
  font-size: 72px;
  color: #359600;
  position:absolute;
  right:5px;
  top:10px;
}
.advice-title i.icon-unfinish{
  color: #CC3538;
  color:#ef5255;
}

/*.description{*/
  /*border-top: 3px solid #157efb;*/
/*}*/

.result,
.advice,
.punishment{
  background: white;
  padding-top: 6px;
  border-top: 1px dashed #ccc;
}
.description .inner-bottom,
.result .inner-bottom,
.advice .inner-bottom,
.punishment .inner-bottom{
  padding: 0 10px 10px;
}

/*.result{*/
  /*border-bottom: 1px solid #eee;*/
/*}*/
.advice .advice-content,
.punishment .advice-content,
.reflection .advice-content{
//padding:0 10px;
  margin: 0 !important;
}
.title {
  height: 60px;
  margin: 10px 0 0 10px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #eee;
}
.user-icon{
//vertical-align: sub;
  margin-top: 1px;
}
.item-info {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  font-size: 12px;
  margin-left: 8px;
  color: #808080;
  margin-top:3px;
}
.item-depart {
  display: inline-block;
  color: #3856A2;
  font-size: 13px;
}

.hr{
//border-bottom: 1px solid #eee;
//line-height: 24px;
//margin:0;
//padding: 8px 10px;
  padding: 2px 12px;
  color: #157efb;
  border:none;
  margin:0;
}
.hr i{
  font-size: 24px;
  margin-right: 6px;
  position: relative;
  top: 2px;
}
.advice-content{
  font-size: 20px;
  line-height: 32px;
  text-align: justify;
  word-break: break-all;
  margin: 0 !important;
}
.lable{
  line-height: 36px;
  color: #555;
  font-size: 18px;
}


.advice-item-comment , .advice-item-star, .advice-item-share {
  height: 37px;
  width: 33%;
  position: relative;
  box-sizing:border-box;
  text-align: center;
  font-size: 0.8em;
  color: #808080;
}
.advice-item-action{
//border-top: 1px solid rgb(218, 218, 218);
  width: 100%;
//margin-top: 8px;
}
#list_body{
  -webkit-overflow-scrolling: touch;
}
#title_mobile{
  text-align: center;
}
.back-pc {
  position: fixed;
  bottom: 0px;
  z-index: -1;
  background: url('images/kesu_info_02.jpg') no-repeat;
  height:100%;
  width: 100%;
}
#info_pc {
  width: 430px;
  line-height: 2em;
  margin-top: 55px;
}
#pc_tpl{
  display: none;
}

@media screen and (min-width: 800px) {
  #wrap{
    width:970px;
    margin:auto;
  }
  #title_mobile{
    display: none;
  }
  #list_body_outer{
  margin-left:430px;
  }
  #pc_tpl{
    display: block;
  }
  .complaint-item{
    max-width: 480px;
  }
}




.photo-list {
  padding: 5px; }
.photo-list:after, .photo-list:before {
  content: "";
  display: block; }
.photo-list:after {
  clear: both; }
.photo-list .photo-item {
  float: left;
  border: 1px solid #eee;
  margin: 1px;
  font-size: 0;}
.photo-list .photo-item img {
  width: 100%; }
.photo-list .photo-item-single {
  height: 240px;
  width: 240px; }

.photo-list-big .photo-item {
  margin: 5px auto;
  display: block;
  border: 1px solid #f3f3f3;
  font-size: 0;}
.photo-list-big img {
  max-width: 100%; }

.photo-list-flat:after, .photo-list-flat:before {
  content: "";
  display: block; }
.photo-list-flat:after {
  clear: both; }
.photo-list-flat .photo-item {
  float: left;
  overflow: hidden;
  margin: 2px; }
.photo-list-flat .photo-item img {
  width: 100%; }