.list{
    padding: 1.2rem 0;
}
.list .title{
    align-items: flex-start;
}
.list .title h1{
    font-family: 'Medium';
    font-size: 0.32rem;
    margin: 0;
}
.list .list_btm{
    display: flex;
    justify-content: space-between;
}
.list .list_btm .left{
    max-width: 342px;
    width: 100%;
    margin-right: 0.4rem;
}
.list .list_btm .left h3{
    font-size: 0.2rem;
    font-family: 'Medium';
    margin-bottom: 0.2rem;
}
.list .list_btm .left .left_ul{
    background: #FCFCFC;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
}
.list .list_btm .left .left_ul .box{
    padding: 0.3rem 0.25rem;
    border-bottom: 1px solid #ddd;
}
.list .list_btm .left .left_ul .box ul{ display:none; }
.list .list_btm .left .left_ul .box.active ul{ display:block; }
.list .list_btm .left .left_ul .box:last-child{
    border-bottom: none;
}
.list .list_btm .left .left_ul .box h4{
    font-size: 0.2rem;
    position: relative;
    cursor: pointer;
}
.list .list_btm .left .left_ul .box h4 svg{
    position: absolute;
    right: 0;
    top: 9px;
    transition: all 0.5s;
    transform: rotate(180deg);
}
.list .list_btm .left .left_ul .box.active h4 svg{
    transform: rotate(0deg);
}
.list .list_btm .left .left_ul .box.active h4 svg path{
    fill: #1168C9;
}

.list .list_btm .left .left_ul .box ul li{
    margin-top: 27px;
    padding-left: 38px;
    position: relative;
}
.list .list_btm .left .left_ul .box ul li::after{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #1168C9;
    border-radius: 50%;
}
.list .list_btm .left .left_ul .box ul li.active::before{
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    content: '';
    width: 10px;
    height: 10px;
    background-color: #16BA88;
    border-radius: 50%;
}
.list .list_btm .left .left_ul .box ul li a{
    color: #6F767F;
}
.list .list_btm .left .left_ul .box ul li.active a{
    color: #1168C9;
}

.list .list_btm .right{
    flex: 1;
}
.list .list_btm .right .right_top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.2rem;
}
.list .list_btm .right .right_top p{
    font-size: 0.2rem;
}
.list .list_btm .right .right_top select{
    font-size: .2rem;
    padding-right: .2rem;
}

.list .list_btm .right .right_btm .cart{
    background: #FFFFFF;
    border-radius: 16px;
    padding: 0.2rem;
    border: 1px solid #e5e5e5;
    transition: all 0.5s;
    margin-bottom: 0.3rem;
  }
  .list .list_btm .right .right_btm .cart:hover{
    box-shadow: 0px 2px 10px 0px rgba(8,24,56,0.1);
  }
.list .list_btm .right .right_btm .cart .txt{
    border-bottom: 1px dashed #e5e5e5;
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
  }
  .list .list_btm .right .right_btm .cart .txt .star{
    display: flex;
    align-items: center;
    margin-top: 10px;
  }
  .list .list_btm .right .right_btm .cart .txt .star img{
    width: 14px;
    height: 14px;
    margin-right: 5px;
  }
  .list .list_btm .right .right_btm .cart .img{
    overflow: hidden;
  }
.list .list_btm .right .right_btm .cart .img img{
    width: 100%;
    transition: all 0.5s;
  }
  .list .list_btm .right .right_btm .cart:hover .img img{
    transform: scale(1.1);
  }
.list .list_btm .right .right_btm .cart h4{
    font-family: 'Medium';
    color: #181B1D;
    margin: 0.1rem 0;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
    
  }
.list .list_btm .right .right_btm .cart p{
    font-size: 13px;
    color: #666;
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
  }
.list .list_btm .right .right_btm .cart .price{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
.list .list_btm .right .right_btm .cart .price .left h4{
    margin-top: 0;
    margin-bottom: 5px;
  }
.list .list_btm .right .right_btm .cart .price .left p{
    position: relative;
    padding-left: 10px;
  }
.list .list_btm .right .right_btm .cart .price .left p::after{
    position: absolute;
    top: 6px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    content: '';
    background-color: #01B757;
  
  }
  .list .list_btm .right .right_btm .cart .price .right form button[type="submit"]{ border:unset; }
.list .list_btm .right .right_btm .cart .price .right a,.list .list_btm .right .right_btm .cart .price .right form button[type="submit"]{
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #BEC4CB;
  }
.list .list_btm .right .right_btm .cart:hover .price .right a,.list .list_btm .right .right_btm .cart:hover .price .right form button[type="submit"]{
    background-color: #15BA88;
  }

.page{
    justify-content: flex-end;
}

@media (max-width:767px) {
    .page{
      justify-content: center;
    }
}