.list-container {
  background: #fff;
  min-height: calc(100vh - 418px);
  padding: 10px 20px 15px;
  width: calc((100% - 13px) * .69)
}
.list-container .list-ul li {
  margin-bottom: 20px;
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 20px
}
.list-container .list-ul li .list-img {
  float: left;
  width: 105px;
  height: 105px;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
  box-shadow: 0 0 10px #d2cfcf;
}
.list-container .list-ul li .list-img img {
  width: 100%;
  vertical-align: middle;
  height: 100%;
  object-fit: cover
}
.list-container .current_nav {
  margin: 10px 0 20px;
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 15px;
  font-size: 15px;
  color: #888
}
.list-container .current_nav a {
  color: #888
}
.list-container .list-ul li .list-info {
  float: right;
  width: calc(100% - 90px - 45px)
}
.list-container .list-ul li .list-info .soft-title {
  font-size: 18px;
  margin-top: 0;
  color: #333;
  line-height: 30px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
.list-container .list-ul li .list-info .soft-title i {
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  border: 1px solid #ff8623;
  margin-right: 12px;
  padding: 0 11px;
  border-radius: 18px;
  height: 25px;
  line-height: 25px;
  color: #ff8623;
  position: relative;
  top: -1.5px
}
.list-container .list-ul li .list-info .soft-title .rj {
  border: 1px solid #18906d;
  color: #18906d
}
.list-container .list-ul li .list-ca {
  height: 30px;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 15px;
  color: #a7a7a7;
  margin: 5px 0 10px
}
.list-container .list-ul li .list-ca .jd {
  display: inline-block;
  margin-right: 22px
}
.list-container .list-ul li .list-intro {
  line-height: 25px;
  font-size: 15px;
  height: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #545454
}
.list-container .list-ul li .list-intro * {
  display: inline !important
}
.list-container .list-ul li .list-btn {
  margin-top: 18px;
  height: 35px;
  line-height: 35px;
  width: 100%
}
.list-container .list-ul li .list-btn a {
  float: right;
  width: 110px;
  text-align: center;
  border: 1px solid #e8e8e8;
  color: #9a9a9a;
  font-size: 15px;
  border-radius: 20px;
  transition: .6s all
}
.list-container .list-ul li:hover .list-btn a {
  border-color: #23aa89;
  color: #fff;
  background: #23aa89;
  width: 100%;
}
li em {
  text-decoration: none;
  font-style: normal;
  color: #d00
}
.index-container .right {
  padding: 15px 20px;
  width: calc((100% - 13px) * .31);
  background: #fff
}
.index-container .right .title {
  border-bottom: 0;
  margin-bottom: 5px
}
.twdd {
  margin: 0 0 25px
}
@-webkit-keyframes shadow {
  0% {
    opacity: 0
  }
  30% {
    opacity: 1
  }
  to {
    opacity: 1;
    top: -50px
  }
}
@keyframes shadow {
  0% {
    opacity: 0
  }
  30% {
    opacity: 1
  }
  to {
    opacity: 1;
    top: -50px
  }
}
.xuhaoul {
  width: 100%;
  margin: 0
}
.xuhaoul li {
  padding: 0;
  width: 100%;
  margin-bottom: 8px
}
.xuhaoul li:nth-child(2n) {
  padding: 0
}
.xuhaoul li:nth-last-child(1) {
  margin-bottom: 12px
}
.index-container .right .nav {
  overflow: hidden;
  margin-bottom: 15px
}
.index-container .right .nav li {
  float: left
}
.index-container .right .nav a {
  color: #888;
  padding: 6px 20px;
  border-radius: 20px;
  border: 1px solid #f6f6f6;
  display: block;
  margin: 0 5px 10px 0;
  transition: .3s all
}
.index-container .right .nav a:hover {
  border-color: #5298ff;
  color: #fff;
  background: #5298ff
}
.list-img {
  overflow: hidden
}
.list-img li {
  width: 245px;
  overflow: hidden;
  margin-top: 2px;
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
  position: relative;
  border-radius: 15px
}
.list-img li:nth-child(3n) {
  margin-right: 0
}
.list-img li .img {
  width: 245px;
  height: 320px;
  z-index: 1;
  overflow: hidden;
  position: static
}
.list-img li a {
  display: block
}
.list-img li .img img {
  width: 100%;
  vertical-align: middle;
  min-height: 100%
}
.list-img li .text {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, .4);
  height: 30px;
  line-height: 25px;
  transition: all .5s
}
.list-img li .text .tit {
  z-index: 13;
  color: #f6f6f6;
  font-size: 15px;
  width: 90%;
  margin: auto;
  text-align: center
}
.list-img li a:hover .text {
  overflow: inherit;
  transition: all .5s;
  height: 30%;
  padding-top: 20px
}
.list-soft {
  overflow: hidden
}
.list-soft li {
  float: left;
  width: 23%;
  clear: inherit;
  border: 1px solid #f1f1f1;
  height: 240px;
  margin-right: 18px;
  margin-bottom: 18px;
  position: relative;
  overflow: hidden
}
.list-soft li:nth-child(4n) {
  margin-right: 0
}
.list-soft .list-img {
  display: block;
  width: 60%;
  margin: 20px auto;
  border-radius: 10px;
  height: 106.3px;
}
.list-soft .list-img img {
  width: 100%;
  height: 100%
}
.list-soft .soft-title {
  text-align: center;
  width: 85%;
  margin: auto;
  text-overflow: ellipsis;
  white-space: inherit;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-box;
  display: box
}
.list-soft .list-ca {
  text-align: center;
  font-size: 13px;
  color: #888;
  margin-top: 10px
}
.list-soft .list-btn {
  position: absolute;
  height: 0;
  width: 100%;
  bottom: 0;
  background: #fff;
  text-align: center;
  transition: all .5s
}
.list-soft .list-btn span {
  display: block
}
.list-soft .list-btn .pf {
  color: #ffa400
}
.list-soft .list-btn .dx {
  font-size: 13px;
  color: #888
}
.list-soft .list-btn a {
  border-radius: 15px;
  border: 1px solid #f1f1f1;
  padding: 2px 15px;
  margin-top: 10px;
  display: inline-block;
  color: #999
}
.list-soft .list-btn a:hover {
  color: #5298ff;
  border: 1px solid #5298ff
}
.list-soft li:hover .list-btn {
  height: 90px;
  transition: all .5s
}
.twdd li {
  margin-bottom: 20px
}
@media screen and (max-width: 800px) {
  .index-container .right {
    display: unset;
    width: unset;
  }
  .list-container .current_nav {
    padding-bottom: 10px;
    font-size: .9rem
  }
  .list-container {
    width: 100%;
    min-height: auto;
    padding: 0 10px
  }
  .list-soft li {
    width: 100%;
    border: 0;
    height: auto;
    margin: 0 0 1rem;
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 1rem
  }
  .list-soft .list-img {
    width: 4rem;
    float: left !important;
    margin: auto;
    overflow: hidden;
    height: 4rem
  }
  .list-soft .list-info {
    float: right;
    width: 100%;
    max-width: calc(100% - 5rem);
    position: relative
  }
  .list-soft .soft-title {
    text-align: left;
    font-size: .9rem;
    width: 75%;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    margin: 0
  }
  .list-soft .list-ca {
    text-align: left;
    font-size: .8rem;
    margin: 4px 0
  }
  .list-soft .list-btn span {
    float: left;
    font-size: .8rem !important
  }
  .list-soft .list-btn {
    position: unset;
    height: auto
  }
  .list-soft .list-btn .pf {
    margin-right: .5rem
  }
  .list-soft .list-btn a {
    border-radius: 9px;
    position: absolute;
    top: -7px;
    right: 1%;
    width: 2rem;
    padding: .5rem;
    display: block;
    box-sizing: unset
  }
  .list-soft li:hover .list-btn {
    height: auto;
    transition: all .5s
  }
  #page .layui-laypage a, #page .layui-laypage span {
    padding: 0 10px;
    height: 30px;
    line-height: 30px
  }
  #page .layui-laypage .pageinfo {
    display: none
  }
  #page {
    padding-top: 5px
  }
  .list-img li {
    width: 30%;
    margin-right: 5%;
    height: 8rem;
    border-radius: 10px
  }
  .list-img li .img {
    width: 100%;
    height: 8rem
  }
  .list-img li a .text {
    overflow: inherit;
    transition: all .5s;
    height: 30%;
    padding-top: 5%;
    box-sizing: unset;
    line-height: 1.1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
  }
  .list-img li .text .tit {
    font-size: .7rem;
    overflow: hidden
  }
  .list-container .list-ul li .list-img {
    width: 6rem;
    height: 6rem
  }
  .list-container .list-ul li .list-info .soft-title {
    text-align: left;
    font-size: .9rem;
    width: 100%;
    overflow: hidden;
    -webkit-line-clamp: 1;
    margin: 0;
    line-height: 1.3rem
  }
  .list-container .list-ul li .list-ca {
    text-align: left;
    font-size: .8rem;
    margin: 4px 0;
    height: 1.2rem;
    line-height: 1.2rem
  }
  .list-container .list-ul li .list-btn {
    display: none
  }
  .list-container .list-ul li .list-intro {
    width: 99%;
    overflow: hidden;
    -webkit-line-clamp: 2;
    margin: 0;
    line-height: 1.3rem;
    height: 2.5rem;
    font-size: .8rem
  }
  .list-container .list-ul li .list-info {
    width: calc(100% - 7rem)
  }
  .list-container .list-ul li .list-img img {
    width: 96px;
    height: 96px
  }
}
.xhwdhwlistpage {
  padding: 15px;
  text-align: center;
}
.xhwdhwlistpage b {
  background: #148eff;
  border: 1px solid #148eff;
  color: #fff;
  display: inline;
  margin: 0 5px;
  padding: 5px 10px;
  font-size: 14px;
}
.xhwdhwlistpage a:nth-child(1) {
  background: #148eff;
  border: 1px solid #148eff;
  display: none;
}
.xhwdhwlistpage a {
  display: inline;
  color: #8e8e8e;
  border: 1px solid #f6f6f6;
  padding: 5px 5px;
  background: #fdfdfd;
  font-size: 14px;
}
.twdd li a .list-img {
  width: 100px;
  height: 65px;
  overflow: hidden;
  border-radius: 4px;
  float: left;
  margin-right: 20px;
}
.twdd li a .list-img img {
  width: 100%;
}
.twdd li a .info h3 {
  font-size: 15px;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
}
.twdd li a .info font {
  display: block;
  margin-top: 8px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  font-size: 15px;
  color: #333;
}
.xuhaoul li a {
  display: block;
  line-height: 30px;
  height: 30px;
  font-size: 14px;
  overflow: hidden;
}
.xuhaoul li:nth-child(1) a i {
  background: #ff2a2a;
  color: #fff;
}
.xuhaoul li:nth-child(2) a i {
  background: #5298ff;
  color: #fff;
}
.xuhaoul li:nth-child(3) a i {
  background: #23aa89;
  color: #fff;
}
.xuhaoul li:nth-child(4) a i {
  background: #ff8d00;
  color: #fff;
}
.xuhaoul li a i {
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  margin-right: 10px;
  background: #f3f3f3;
  width: 33px;
  text-align: center;
  border-radius: 15px;
  color: #696969;
  font-size: 14px;
  height: 23px;
  line-height: 23px;
  margin-top: -2px;
}