.colored-button {
  border: none;
  outline: none;
  border-radius: 25px;
  background: linear-gradient(0deg, #e96300 0, #f9b000 100%);
  padding-left: 0.54666667rem;
  padding-right: 0.54666667rem;
}
.colored-button a {
  font-size: 0.32rem;
  font-weight: 400;
  color: #ffffff;
}
/*// .tip-change的高度
@tipChangeHeight: 50px;
// .top-wrapper的高度
@topWrapperHeight: 60px;
// 顶部导航栏的高度,由上述变量相加而得
@topHeight: @tipChangeHeight + @topWrapperHeight;

// 配色
@siteColor: #eb651b;

[class$="page"]{
  padding-top: @topHeight;
}

.img-m{
  position: relative;
  img{
    width: 100%;
    display: block;
  }
}

.button{
  color: #fff;
  width: 160px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  outline: none;
  border: none;
  border-radius: 50px;
  background: #3c9dff;
  cursor: pointer;
}*/
.center-main .item-list-one {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 5.86666667rem;
  background: url('/static/m/img/product/index/dora_assistant@2.png') no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
[data-dpr="3"] .center-main .item-list-one {
  background: url("/static/m/img/product/index/dora_assistant@3.png") no-repeat;
  background-size: cover;
}
.center-main .item-list-one .title-h1 {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  font-size: 0.42666667rem;
  line-height: 1;
  font-weight: 600;
  color: #232323;
}
.center-main .item-list-one .desc-p {
  font-size: 0.26666667rem;
  line-height: 0.32rem;
  font-weight: 400;
  color: #555555;
}
.center-main .item-list-one .botton-span {
  margin-top: 0.2rem;
  padding: 0.2rem 0.53rem;
  line-height: 1;
  background: #3c9dff;
  border-radius: 0.33333333rem;
  color: #fff;
}
.center-main .item-list-two {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 11.2rem;
  background: url('/static/men/img/product/index/duolazhushou@2x.jpg') no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
[data-dpr="3"] .center-main .item-list-two {
  background: url('/static/men/img/product/index/duolazhushou@3x.jpg') no-repeat;
  background-size: cover;
}
.center-main .item-list-two .title-h2 {
  margin-top: 0.64rem;
  margin-bottom: 0.26rem;
  font-size: 0.37333333rem;
  line-height: 1;
  font-weight: bold;
  color: #2b2b2b;
}
.center-main .item-list-two .line-hr {
  width: 0.26666667rem;
  height: 0.05333333rem;
  margin-bottom: 0.26rem;
  border: 1px solid #3c9dff;
}
.center-main .item-list-two .desc-p-one {
  font-size: 0.34666667rem;
  line-height: 0.4rem;
  font-weight: 300;
  color: #808080;
}
.center-main .item-list-two .desc-p-two {
  font-size: 0.32rem;
  line-height: 0.53333333rem;
  font-weight: 400;
  color: #222222;
}
.center-main .item-list-two .flow1 {
  margin-top: 37%;
  margin-left: -52%;
  font-size: 0.32rem;
  color: #2b2b2b;
}
.center-main .item-list-two .flow2 {
  margin-top: -13%;
  margin-left: 52%;
  font-size: 0.32rem;
  color: #2b2b2b;
}
.center-main .item-list-two .flow3 {
  margin-top: 33%;
  font-size: 0.32rem;
  color: #2b2b2b;
}
.center-main .item-list-three {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.center-main .item-list-three .title-h2 {
  margin-top: 0.66666667rem;
  font-size: 0.37333333rem;
  line-height: 1;
  font-weight: bold;
  color: #2b2b2b;
}
.center-main .item-list-three .line-hr {
  width: 0.26666667rem;
  height: 0.05333333rem;
  margin: 0.26rem auto;
  border: 1px solid #3c9dff;
}
.center-main .item-list-three .desc-p-one {
  margin-bottom: 0.4rem;
  font-size: 0.34666667rem;
  line-height: 0.4rem;
  font-weight: 300;
  color: #808080;
}
.center-main .item-list-three .desc-p-two {
  font-size: 0.32rem;
  line-height: 0.53333333rem;
  font-weight: 400;
  color: #222222;
}
.center-main .item-list-three .item-img img {
  width: 100%;
}
.center-main .item-list-four {
  height: 12.33333333rem;
  background: url('/static/m/img/product/index/dora_assistant3@2.png') no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
[data-dpr="3"] .center-main .item-list-four {
  background: url("/static/m/img/product/index/dora_assistant3@3.png") no-repeat;
  background-size: cover;
}
.center-main .item-list-five {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 22.53333333rem;
  background: url('/static/m/img/product/index/dora_assistant5@2.png') no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
[data-dpr="3"] .center-main .item-list-five {
  background: url("/static/m/img/product/index/dora_assistant5@3.png") no-repeat;
  background-size: cover;
}
.center-main .item-list-five .title-h1 {
  margin: 0.9rem 0 0.26rem;
  font-size: 0.58666667rem;
  line-height: 1;
  font-weight: 600;
  color: #222222;
}
.center-main .item-list-five .desc {
  margin-top: 0.66rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.center-main .item-list-five .desc .desc-h3 {
  font-size: 0.4rem;
  line-height: 0.4rem;
  font-weight: 400;
  color: #45a1fe;
}
.center-main .item-list-five .desc .desc-p {
  margin-top: 0.22rem;
  font-size: 0.32rem;
  line-height: 0.4rem;
  font-weight: 300;
  color: #666666;
}
.center-main .item-list-five .modal-content {
  position: absolute;
  bottom: 10px;
  width: 90%;
  margin: 0 auto;
}