.sucess-back {
  position: fixed;
  top: -100px;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  border-radius: 10px;
  color: #55bfb3;
  background: #eef9f7;
  z-index: 999;
  opacity: 0;
  transition: all 1s linear;
}
.sucess-back.on {
  top: 20px;
  opacity: 1;
}
.head-tip-text {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -135px 0 0 -400px;
  width: 800px;
  height: 270px;
}
.head-tip-text .head-title {
  line-height: 84px;
  font-size: 60px;
  color: #fff;
}
.head-tip-text .sub-title {
  line-height: 33px;
  font-size: 24px;
  color: #fff;
}
.guide-page .guide-content {
  margin: 20px auto 0 auto;
  width: 1020px;
  min-height: 726px;
  font-size: 0;
}
.guide-page .guide-content .guide-list {
  padding: 0 10px;
  width: 230px;
  height: inherit;
  display: inline-block;
  vertical-align: top;
  background: rgba(216,216,216,0.1);
}
.guide-page .guide-content .guide-list .each-list {
  position: relative;
  padding: 0 10px 0 0;
  width: 220px;
  height: 75px;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
}
.guide-page .guide-content .guide-list .each-list:hover .list-title,
.guide-page .guide-content .guide-list .each-list.on .list-title {
  color: #C30000;
}
.guide-page .guide-content .guide-list .each-list:hover::after,
.guide-page .guide-content .guide-list .each-list.on::after {
  border: 1px solid #C30000;
  border-left: none;
  border-bottom: none;
}
.guide-page .guide-content .guide-list .each-list:hover .list-icon,
.guide-page .guide-content .guide-list .each-list.on .list-icon {
  display: none;
}
.guide-page .guide-content .guide-list .each-list:hover .list-icon-active,
.guide-page .guide-content .guide-list .each-list.on .list-icon-active {
  display: inline-block;
}
.guide-page .guide-content .guide-list .each-list::after {
  content: '';
  width: 12px;
  height: 12px;
  border: 1px solid #000000;
  border-left: none;
  border-bottom: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotateZ(45deg);
  right: 3px;
}
.guide-page .guide-content .guide-list .each-list img {
  margin-right: 10px;
  max-width: 30px;
  max-height: 30px;
  vertical-align: middle;
}
.guide-page .guide-content .guide-list .each-list .list-icon {
  display: inline-block;
}
.guide-page .guide-content .guide-list .each-list .list-icon-active {
  display: none;
}
.guide-page .guide-content .guide-list .each-list .list-title {
  position: relative;
  width: 180px;
  height: 75px;
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  font-weight: 400;
  color: #1A2733;
}
.guide-page .guide-content .guide-list .each-list .list-title span{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: inline-block;
  line-height: 36px;
  font-size: 24px;
  font-weight: 400;
}
.guide-page .guide-content .list-content {
  position: relative;
  margin-left: 20px;
  padding: 30px 20px;
  width: 710px;
  min-height: 580px;
  display: none;
  vertical-align: top;
  background: rgba(216,216,216,0.1);
}
.guide-page .guide-content .list-content .link-list {
  margin: 20px 0;
  width: 710px;
}
.guide-page .guide-content .list-content .link-list .link-el {
  position: relative;
  padding: 16px 0 9px 0;
  width: 100%;
  height: 20px;
  display: inline-block;
  border-bottom: 1px dotted #CCCCCC;
}
.guide-page .guide-content .list-content .link-list .link-el .link-title,
.guide-page .guide-content .list-content .link-list .link-el .link-time {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  font-size: 14px;
}
.guide-page .guide-content .list-content .link-list .link-el .link-title {
  width: 625px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.guide-page .guide-content .list-content .link-list .link-el .link-time {
  position: absolute;
  right: 0;
  bottom: 8px;
  width: 90px;
  text-align: right;
  color: #666666;
}
.guide-page .guide-content .list-content .null_content {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  transform: translateX(-50%);
  height: 120px;
}
.guide-page .guide-content .list-content .null_content .no-data {
  width: 140px;
  height: 90px;
  background: url("../img/null_news_pic_5af4c94.png") no-repeat;
}
.guide-page .guide-content .list-content .null_content .no-data-text {
  font-size: 14px;
  color: #000;
  text-align: center;
}
.guide-page .guide-content .complaint-suggestion {
  margin-left: 20px;
  padding: 30px 20px;
  width: 710px;
  min-height: 666px;
  display: none;
  vertical-align: top;
  background: rgba(216,216,216,0.1);
}
.guide-page .guide-content .complaint-suggestion .tip {
  margin: 35px 0;
}
.guide-page .guide-content .complaint-suggestion .tip p {
  line-height: 20px;
  font-size: 14px;
  color: #1A2733;
}
.guide-page .guide-content .complaint-suggestion .tip .more-content {
  margin-top: 30px;
}
.guide-page .guide-content .complaint-suggestion .enter-text .each-enter {
  position: relative;
  margin-top: 40px;
}
.guide-page .guide-content .complaint-suggestion .enter-text .each-enter .enter-tip {
  position: relative;
  padding-left: 8px;
  width: 115px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #1A2733;
}
.guide-page .guide-content .complaint-suggestion .enter-text .each-enter .enter-tip span {
  position: absolute;
  top: 0;
  left: 0;
  color: #C30000;
}
.guide-page .guide-content .complaint-suggestion .enter-text .each-enter input {
  padding: 0 10px;
  width: 423px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #1A2733;
  outline: none;
}
.guide-page .guide-content .complaint-suggestion .enter-text .each-enter textarea {
  padding: 10px;
  width: 423px;
  height: 108px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #1A2733;
  outline: none;
}
.guide-page .guide-content .complaint-suggestion .enter-text .each-enter .must-enter {
  position: absolute;
  left: 123px;
  top: 40px;
  display: none;
  font-size: 12px;
  color: #C30000;
}
.guide-page .guide-content .complaint-suggestion .submit-btns {
  margin-top: 58px;
  text-align: center;
}
.guide-page .guide-content .complaint-suggestion .submit-btns a {
  margin: 0 35px;
  width: 120px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-size: 22px;
  color: #fff;
}
.guide-page .guide-content .complaint-suggestion .submit-btns a.confirm-btn {
  background: #C30000;
}
.guide-page .guide-content .complaint-suggestion .submit-btns a.reset-btn {
  background: #999999;
}
.guide-page .guide-content .content-title {
  position: relative;
  padding-left: 10px;
  line-height: 33px;
  font-size: 24px;
  font-weight: 400;
  color: #1A2733;
}
.guide-page .guide-content .content-title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  width: 7px;
  height: 22px;
  background: #C30000;
  transform: translateY(-50%);
}