.product-title{
    font-size: 40px; font-weight: 600; line-height: 48px;
}
.product-image-parames{
    min-height: 447px; padding:0 80px; margin-top: 30px; background: linear-gradient(180deg, #E7E5E5 30.73%, #FCFCFC 64.06%);border-radius: 16px; display: flex;
}
.product-image-parames>.image{
    height: 447px; width: 600px; display: flex; align-items: center; justify-content: center; margin-right: 30px; border-radius: 16px; overflow: hidden;
}
.product-image-parames>.image>img{
    object-fit: cover; max-width: 100%;
}
.product-parames-wrap{
    display: flex; align-items: center; justify-content: flex-end;
}
.product-parames{
    background: rgba(255,255,255,.8); border-radius: 16px; margin:40px 0; padding:30px 40px; width:538px;
}
.product-parames>.title{
     line-height: 30px; font-size: 20px; display: flex; justify-content: space-between; padding-bottom: 15px;
}
.product-parames>.title>.more{
    color: var(--green); font-size: 16px; line-height: 20px; margin-top: 10px;
}
.product-parames>.parames-list{
    border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; display: flex; flex-wrap: wrap; padding:10px 0;
}
.product-parames>.parames-list>li{
    display: flex; height: 40px; line-height: 40px; width: 50%; font-size: 16px;
}
.product-parames>.parames-list>li>label{
    color: #777;
}
.product-parames>.parames-list>li>p{
    flex: 1; font-weight: 600;
}
.product-parames>.parames-list>li>p.price{
    color: #FF7B51; font-size: 20px;
}
.product-parames .parames-action{
    text-align: center; margin-top: 30px;
}
.product-parames .parames-action>a{
    width: 150px; height: 48px; line-height: 48px; text-align: center; display: inline-block; border-radius: 23px; border:1px solid var(--green); font-size: 17px; color: var(--green);
}
.product-parames .parames-action>a.on{
    background: var(--green); color: #fff;
}
.product-score{
    height: 364px; width: 400px; background: #fff;  border-radius: 16px; position: relative; overflow: hidden;
}
.product-score .score{
    position: absolute; left:18px; top: 24px; z-index: 2; font-size: 44px; color: #FF9B52; line-height: 1; font-weight: 500;
}
.product-score .score>.complex{
    height: 28px; line-height: 28px; color: #333; font-size: 20px; font-weight: 600;
}
.product-score .score>sup{
    font-size: 14px; position: relative; top: -3px; left: -6px;
}
.product-score:before{
    content: ' '; position: absolute;  width: 155px; height: 155px; left: 0; top: 0; background: linear-gradient(96.86deg, #BDECB9 18.31%, rgba(190, 236, 185, 0) 99.51%); opacity: 0.33;
}
.product-score .chart-wrap{
    height: 100%; background: #fff; position: relative; border-radius: 50% 0 0 0; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.product-score .chart{
    height: 250px; width: 270px;
}
.product-trait-list{
    width: 200px; height: 364px; background: #FFF;  border-radius: 16px; margin-left: 10px;  display: flex; flex-direction: column; padding:20px 0;
}
.product-trait-list>.title{
    font-size: 20px; font-weight: 600; padding:0 30px; margin-bottom: 10px;
}
.product-trait-list>.trait-list{
    overflow: auto; padding:0 30px;
}
.product-trait-list>.trait-list .trait{
    height: 50px;background: #BFF4E5; border-radius: 10px; font-size: 16px;  font-weight: 500; line-height: 50px; display: block; text-align: center; margin:8px 0;
}
.product-swiper-wrap{
    margin-top: 20px;height: 580px; position: relative; background: #fff; border-radius: 16px; overflow: hidden; padding: 14px 0;
}
.product-swiper-wrap>.label{
    font-size: 20px; padding:11px 15px; font-weight: 600; background: #1F2129; color: #fff; position: absolute; left: 0; top: 0; border-radius: 16px 0 16px 0;
}
.product-swiper{
    height: 552px;
}
.product-swiper .slide-item{
    display: flex; align-items: center; justify-content: center;
}

.product-swiper .swiper-button-prev,.product-swiper .swiper-button-next{
    width: 70px; height: 70px; background-color: var(--green); border-radius: 50%;
}
.product-swiper .swiper-button-prev:after,.product-swiper .swiper-button-next:after{
    font-size: 25px; color: #fff;
}
.product-swiper .swiper-button-prev{
    left:40px;
}
.product-swiper .swiper-button-next{
    right:40px;
}
.product-swiper .swiper-button-disabled{
    background: rgba(0,0,0,.5);
}
.about-news-wrap{
    margin-top: 20px; overflow: hidden;
}
.about-news-wrap>.title{
    height: 48px; line-height: 48px; font-weight: 600; font-size: 20px; padding:0 16px;
}
.about-item-body{
    margin:10px -6px 0 -6px; display: flex; flex-wrap: wrap;
}
.about-item{
    width: calc(50% - 12px); margin:6px; border-radius: 16px; background: #fff; display: flex;
}
.about-item>.image{
    width: 324px; height: 240px; display: flex; align-items: center; justify-content: center; border-radius: 16px; overflow: hidden; margin-right: 30px;
}
.about-item>.image>img{
    object-fit: cover; max-width: 100%;
}
.about-item>.about-col{
    display: flex; flex: 1; flex-direction: column; padding-right: 15px;
}
.about-item .name,.about-item .tips{
    overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;
}
.about-item .name{
    font-size: 20px; font-weight: 600; margin-top:32px; line-height: 30px; height: 60px;
}
.about-item .tips{
    height: 62px; line-height: 31px; color: #777; font-size: 17.27px; margin-top: 11px;
}
.about-item .other{
    display: flex; justify-content: space-between; color: #777; margin-top: 26px; font-size: 14px;
}
.about-item .other>.more{
    color: var(--green);
}
/* 详情 */
.product-test-bar{
    display: flex; justify-content: space-between; align-items: center;  font-size: 20px; font-weight: 600; margin:25px 0;
}
.product-test-bar .number{
    color: var(--green);
}
.product-test-bar>.write-comment{
    background: var(--green); border-radius: 24px; height: 48px; line-height: 38px; color: #fff; display: block; padding: 5px 28px; min-width: 150px; text-align: center; font-size: 16px; font-weight: normal;
}