body {
  padding-bottom: 1.2rem;
  height: auto!important;
}
#nav {
  width: 100%;
  border-bottom: 1px solid #DCDCDC;
}
#nav ul {
  width: 100%;
}
#nav ul li {
  height: .933rem;
  list-style: none;
  float: left;
  font-size: .4rem;
  line-height: .933rem;
  color: #8a8a8a;
  position: relative;
}
#nav ul li a {
  color: #8a8a8a;
  font-size: .4rem;
  line-height: .933rem;
}
#nav ul li:last-of-type a {
  color: #41b7da;
}
/* #nav ul li::after {
  content: '>';
  padding: .133rem;
} */
#nav ul li:last-of-type::after {
  content: '';
}
#main {
  width: 100%;
}
#main .main-con {
  width: 100%;
  padding-top: .533rem;
}
#main .main-con h4 {
  font-size: .4rem;
  color: #383838;
  line-height: .693rem;
}
#main .main-con p {
  font-size: .4rem;
  color: #383838;
  text-indent: 2em;
  line-height: .693rem;
}
#main .main-con span {
  display: block;
  font-size: .4rem;
  color: #383838;
  text-indent: 1.5em;
  line-height: .693rem;
}
#main .main-con .icon {
  width: 100%;
  height: 1.067rem;
  margin: .267rem 0;
}
#main .main-con .icon span:nth-of-type(1) {
  display: inline-block;
  float: left;
  background: url('../images/details/collection.png') no-repeat;
  background-size: .667rem .667rem;
  line-height: 1.067rem;
  background-position: 0 ;
  padding-left: .267rem;
  color: #269DBF;
}
#main .main-con .icon span:nth-of-type(2) {
  display: inline-block;
  height: 1.067rem;
  width: 1.067rem;
  float: right;
  background: url('../images/details/top.png') center no-repeat;
  background-size: 1.067rem 1.067rem;
}
#page {
  width: 100%;
  border-bottom: 1px solid #A5A5A7;
  border-top: 1px solid #A5A5A7;
}
#page p {
  height: 1.333rem;
  width: 100%;
}
#page p span {
  display: inline-block;
  width: 1.867rem;
  text-align: center;
  color: #383838;
  line-height: 1.333rem;
  font-size: .4rem;
  font-weight: 500;
  position: relative;
}
#page p span::before {
  content: '';
  width: 1px;
  height: .4rem;
  background: #C6C6C6;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#page p a {
  display: inline-block;
  line-height: 1.333rem;
  color: #7e7e7e;
  font-size: .4rem;
  padding-left: .32rem;
  position: absolute;
  width: calc(100% - 1.9rem);
  overflow: hidden;
  text-overflow: ellipsis;
  height: inherit;
  white-space: nowrap;
}
#page p:nth-of-type(1) {
  border-bottom: 1px solid #D2D2D4;
}
#note {
  width: 100%;
  padding: .4rem 0;
}
#note .note-con {
  border: 1px solid #D9D9D9;
  padding: 0 .4rem;
}
#note .note-con h4 {
  font-size: .427rem;
  font-weight: 500;
  position: relative;
  padding-left: .267rem;
  margin: .4rem 0;
}
#note .note-con h4::before {
  content: '';
  width: .053rem;
  height: .507rem;
  background: #41B8DA;
  position: absolute;
  left: 0;
  top: 0;
}
#note .note-con .info {
  width: 100%;
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: .133rem;
  margin-bottom: 10px;
}
#note .note-con .info p {
  width: 100%;
  height: 1.333rem;
  background: url('../images/details/prompt.png') center no-repeat;
  background-size: 100% 1.333rem;
  font-size: .373rem;
  color: #585858;
  line-height: 1.12rem;
  padding-left: .4rem;
}
#note .note-con .info .user {
  width: 50%;
  float: left;
}
#note .note-con .info .user span {
  display: inline-block;
  color: #585858;
  line-height: .667rem;
}
#note .note-con .info .user span:nth-of-type(2) {
  color: #3eb2d4;
}
#note .note-con .info .time {
  width: auto;
  float: right;
}
#note .note-con .info .time span {
  display: inline-block;
  color: #B1B1B1;
  line-height: .667rem;
  padding-left: .133rem;
}
#note .note-con textarea {
  width: 100%;
  height: 2.133rem;
  background: #fff;
  border: 1px solid #DCDCDC;
  margin-top: .267rem;
  resize: none;
  padding: .267rem;
}
#note .note-con > span {
  display: block;
  width: 2.4rem;
  height: .853rem;
  float: right;
  margin: .4rem 0 .533rem 0;
  text-align: center;
  line-height: .853rem;
  border-radius: 50px;
  background: #fc9535;
  color: #fff;
  font-size: .373rem;
}
#footer {
  width: 100%;
  background: #17C3AB;
  width: 100%;
  height: 1.2rem;
  z-index: 999;
  position: fixed;
  bottom: 0;
  left: 0;
}
#footer a {
  display: inline-block;
  width: 50%;
  height: 1.2rem;
  line-height: 1.067rem;
  float: left;
  color: #fff;
  text-align: center;
  position: relative;
}
#footer a:nth-of-type(1)::before {
  content: '';
  width: 1px;
  height: .667rem;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

/* #endText{font-size: 14px;padding-top:20px;padding-right:20px;padding-left:20px;background: #F5F8FD;} */
#endText .h1{font-size: 26px;font-weight: bold;text-align: center;line-height:40px;margin-top:10px;}
#endText .h1 img{width: 26px;height: 26px;margin-bottom: -4px;}
#endText .h2{font-size: 24px;font-weight: bold;text-align: center;line-height:35px;margin-top:10px;}
#endText .h2 img{width: 24px;height: 24px;margin-bottom: -4px;}
#endText .h3{font-size: 23px;font-weight: bold;text-align: center;line-height:33px;margin-top:10px;}
#endText .h3 img{width: 23px;height: 23px;margin-bottom: -4px;}
#endText .h4{font-size: 22px;font-weight: bold;text-align: center;line-height:30px;margin-top:10px;}
#endText .h4 img{width: 22px;height: 22px;margin-bottom: -4px;}
#endText .h5{font-size: 21px;font-weight: bold;text-align: center;line-height:28px;margin-top:10px;}
#endText .h5 img{width: 21px;height: 21px;margin-bottom: -3px;}
#endText .h6{font-size: 20px;font-weight: bold;text-align: center;line-height:25px;margin-top:10px;}
#endText .h6 img{width: 20px;height: 20px;margin-bottom: -3px;}
#endText .h7{font-size: 19px;font-weight: bold;text-indent:28px;line-height:24px;margin-top:10px;}
#endText .h7 img{width: 19px;height: 19px;margin-bottom: -3px;}
#endText .h8{font-size: 18px;font-weight: bold;text-indent:34px;line-height:19px;margin-top:10px;margin-bottom: 14px;}
#endText .h8 img{width: 18px;height: 18px;margin-bottom: -3px;}
#endText .h9{font-size: 17px;font-weight: bold;text-indent:28px;line-height:18px;margin-top:10px;}
#endText .h9 img{width: 17px;height: 17px;margin-bottom: -2px;}
#endText .h10{font-size: 16px;font-weight: bold;text-indent:28px;line-height:24px;margin-top:10px;}
#endText .h10 img{width: 16px;height: 16px;margin-bottom: -2px;}
#endText .h11{font-size: 15px;font-weight: bold;text-indent:28px;line-height:15px;margin-top:10px;}
#endText .h11 img{width: 15px;height: 15px;margin-bottom: -2px;}
#endText .h12{font-size: 14px;font-weight: bold;text-indent:28px;line-height:15px;margin-top:10px;}
#endText .h12 img{width: 14px;height: 14px;margin-bottom: -2px;}
#endText .contentimg{margin-left: 28px;border: 1px solid #878787;margin-top:15px;margin-bottom:15px;display:block;}
.contentimgb{ height: 14px;margin-bottom: -2px;width: 14px;}
.contentimgh{ height: 14px;margin-bottom: -2px;min-width: 24px;}
#endText .contentimgc{cursor:pointer;border: 1px solid #878787;margin-top:5px;margin-bottom:5px;margin-left:26px;}
#endText .wordpng{width: 14px;height: 14px;margin-bottom: -2px;}
/* #endText p{text-indent:28px;line-height:25px;margin:1em 0;padding:0 8px;} */
#endText a{color:blue;}
#endText .p_title{font-size:12px;margin-top:0px;margin-bottom:0px;}
#endText .p_note{font-size:12px;line-height:15px;margin-top:0px;margin-bottom:0px;}
#endText .t_title{margin-bottom:0px;font-size:12px;margin-top:0px;}
#endText .t_note{font-size:12px;line-height:15px;margin-top:0px;margin-bottom:0px;}
#endText .j_note{margin-left: 28px;border: 1px solid #999;margin:8px 8px 25px 8px;color:#666; font-size:12px;}
#endText .l_note{margin-left: 28px;border: 1px solid #999;margin:8px 8px 25px 8px;color:#666; font-size:12px;}