.detail-container{
  width: 100%;
  padding-top: calc(80rem / 40);
  background-color: #fff;
}
.detail-banner{
  position: relative;
}
.detail-banner-image{
  width: 100%;
}
.detail-content{
  position: absolute;
  width: 35%;
  left: 14%;
  top: 2.5rem;
}
.detail-content-title{
  font-size: 1.25rem;
  color: #0C0C0C;
  line-height: 1.5rem;
}
.detail-list{
  margin-top: 1rem;
}
.detail-item{
  display: flex;
  align-items: flex-start;
}
.detail-item-red{
  font-size: 0.6rem;
  color: rgba(192, 25, 32, 1);
}
.detail-item-text{
  font-weight: 400;
  font-size: 0.6rem;
  color: #434343;
  line-height: 1.2rem;
}
.detail-desc{
  margin-top: 1.7rem;
  width: 75%;
}
.detail-desc-item:not(:first-child){
  margin-top: 1rem;
}
.detail-desc-item-title{
  position: relative;
  font-weight: 500;
  font-size: 0.6rem;
  color: #0C0C0C;
  line-height: 0.6rem;
  padding: 0.25rem 0;
}
.detail-desc-item-title::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 1.2rem;
  height: 2px;
  background-color: rgba(192, 25, 32, 1);
}
.detail-desc-item-text{
  font-weight: 400;
  font-size: 0.4rem;
  color: #8F8F8F;
  line-height: 0.6rem;
  margin-top: 0.5rem;
  cursor: pointer;
}

.app-container{
  position: absolute;
  left: 26%;
  top: calc(2rem + 69%);
  display: flex;
  align-items: center;
  width: calc(241rem / 40);
  height: calc(60rem / 40);
  padding: 0.25rem;
  background: #F5F6F8;
  border-radius: 0.2rem;
}
.app-left{
  width: 1rem;
  height: 1rem;
  line-height: 0;
}
.app-image{
  width: 100%;
  height: 100%;
}
.app-right{
  position: relative;
  flex: 1;
  padding-left: 0.2rem;
  font-weight: 400;
  font-size: 0.35rem;
  color: #333333;
  line-height: 0.5rem;
  text-align: left;
}
.app-icon{
  position: absolute;
  right: 0.5rem;
  bottom: calc(8rem / 40);
  width: calc(18rem / 40);
  height: calc(7rem / 40);
  transition: 0.3s all;
}
.app-container:hover .app-right {
  color: rgba(192, 25, 31, 1);
}
.app-container:hover .app-icon {
  transform: translateX(0.25rem);
}

@media screen and (max-width: 1400px) {
  .detail-content {
    top: 2.5rem;
  }
  .detail-desc, .detail-list {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 1000px) {
  .detail-content{
    position: initial;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .detail-content-title{
    padding: 0 10%;
    text-align: center;
  }
  .detail-list{
    margin-bottom: 0.4rem;
    padding: 0 10%;
  }
  .detail-desc{
    margin-bottom: 0.4rem;
  }

  /* app下载按钮 */
  .app-container {
    left: 50%;
    transform: translateX(-50%);
    width: 52%;
    height: calc(49rem / 26);
    padding: calc(7.5rem / 26);
  }
  .app-left{
    width: calc(32rem / 26);
    height: calc(32rem / 26);
  }
  .app-right{
    padding-left: calc(7.5rem / 26);
    font-size: calc(12rem / 26);
    color: #333333;
    line-height: calc(16rem / 26);
  }
}

@media screen and (max-width: 500px) {
  .detail-content{
    margin-top: 2rem;
  }
  .detail-content-title{
    font-size: 1rem;
  }
}