@media screen and (max-width: 768px) {
  .big-img {
  height: auto;
  margin-bottom: 20px;
}
.soft-item{
  height: auto!important;
}
.right-content .soft-item {
  width: 100%;
}
.right-content .top-breadcrumb {
  font-size: 16px;
}
.right-content .soft-item .right-content .foot {
  display: block;
}
.right-content .soft-item .right-content .foot .phone {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.right-content .soft-item .left-logo {
  margin-top: 20px;
}
.right-content .soft-item .right-content .name {
  /* margin-top: 20px; */
  font-size: 18px;
  margin-bottom: 10px;
}
.right-content .soft-item .right-content p{
  font-size: 12px;
}
.soft-item .right-content .mb40{
  margin-bottom: 0!important;
}
.right-content .soft-item .right-content .name .price {
  font-size: 16px;
}
.page{
  margin-top: 0!important;
}
.soft-item .right-content .foot .btns > div{
  font-size: 12px!important;
}
}

/* list  */
.soft-item {
/*  width: 850px;*/
  width: 100%;
  height: 320px;
  margin-top: 40px;
}
.soft-item .left-logo-list {
  /* padding: 42px 34px; */
  /* border: 1px solid #e5e5e5; */
  box-sizing: border-box;
}
.soft-item .left-logo-list img {
  width: auto;
  height: 320px;
}
.soft-item .right-content .name {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 20px;
  cursor: pointer;
}
.soft-item .right-content .name .price {
  font-size: 18px;
  color: #ff2c21;
}
.soft-item .right-content p {
  margin-bottom: 6px;
  font-size: 16px;height: 25px;
    line-height: 25px;
    overflow: hidden;
  color: #666666;
}
.soft-item .right-content .more {
  font-size: 16px;
  color: #026ecc;
}
.soft-item .right-content .mb40 {
  margin-bottom: 20px;
}
.soft-item .right-content .foot {
  margin-top: 20px;
}
.soft-item .right-content .foot .phone span {
  font-size: 16px;
  color: #333333;
}
.soft-item .right-content .foot .phone div {
  font-size: 24px;
  color: #026ecc;
  font-weight: bold;
}
.soft-item .right-content .foot .btns > div {
  width: 100px;
  height: 32px;
  font-size: 16px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.soft-item .right-content .foot .btns .buy {
  background-color: #ff2c21;
  margin-right: 20px;
}
.soft-item .right-content .foot .btns .buy a{color: #ffffff;}
.soft-item .right-content .foot .btns .cus a{color: #ffffff;}
.soft-item .right-content .foot .btns .cus {
  background-color: #026ecc;
}
.page {
  margin-top: 40px;
  margin-bottom: 120px;
  display: flex;
  justify-content: center;
}
.page .paging {
  display: flex;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.page .paging span {
  display: block;
  padding: 12px 16px;
  font-size: 14px;
  color: #666666;
  border-right: 1px solid #ccc;
}
.page .paging span:last-child {
  border-right: none;
}
.page .paging .active {
  background-color: #026ecc;
  color: #ffffff;
}
.page .paging .hov:hover {
  color: red;
}

@media screen and (max-width: 768px) {
  .big-img {height: auto; margin-bottom: 20px;}
  .right-content{margin-bottom: 20px;clear: both;float: none;}
  .right-content .soft-item {width: 100%;}
  .right-content .top-breadcrumb {font-size: 16px;}
  .right-content .soft-item .right-content .foot {display: block;}
  .right-content .soft-item .right-content .foot .phone {display: flex;align-items: center;margin-bottom: 10px;}
  .right-content .soft-item .left-logo {margin-top: 20px;}
  .right-content .soft-item .right-content .name .price {font-size: 16px;}
  .right-content .page {margin-bottom: 20px;}
  .soft-item .left-logo-list img{width:70%;height: auto;margin: 0 auto 10px 14%;}
}