.details{
display:flex;
justify-content: space-between;
}
.details>.list{
    display: flex;
    align-items: center;
    position: relative;
}
.details>.list>ul{
    margin:0
}
.details>.list>ul>li>.images{
width: 85px;height: 85px;
}
.details>.list>.previous{
    position: absolute;top:0;width: 100%;background: aliceblue;text-align: center;height: 30px;line-height: 30px;
}
.details>.list>.next{
    position: absolute;bottom:0;width: 100%;background: aliceblue;text-align: center;height: 30px;line-height: 30px;
}
.details>.poster{
    width: 464px;height: 572px;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;
}
.details>.poster>.poster-img{
    width: 450px;height: 450px;
}
.details>.content{
    width:505px;display: flex;flex-direction: column;justify-content: space-around;
}
.details>.content>.color>.color-in>img{
    width: 24px;height: 24px;
}
.details>.content>.color>.color-in>span{
    margin-left: 10px;
}
.details>.content>.intro{
    display:flex
}
.details>.content>.intro>.intro-a{
    width:113px;height:80px;background: #F6F7F8;font-size: 16px;color: #333;font-weight: 600;margin: 0 15px;display: flex;align-items: center;justify-content: center;
}
.Product-intro{
height: 60px;background: #f9f9f9;margin-top: 20px;
}