.product_info{
    width: 80%;
    margin: 20px auto;
    height: 370px;
    display: flex;
}

.product_info .left .bg{
    width: 400px;
    height: 281px;
    background: url("../image/图片 20@1x.png") no-repeat;
    position: relative;
}

.product_info .left .bg>p.title{
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 30px;
}

.product_info .left .bg>img{
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 100%;
}

.product_info .left>p{
    margin-left: 20px;
}
.product_info .left .rate{
    margin-left: 10px;
}
.product_info .right{
    margin-left: 50px;
    position: relative;
}
.product_info .right .title{
    font-weight: bold;
}
.product_info .right .yanshi{
    width: 200px;
    height: 61px;
    text-align: center;
    line-height: 61px;
    color: #fff;
    background: url("../image/矩形 2 Copy@1x.png") no-repeat;
    position: absolute;
    top:270px;
    cursor: pointer;
}

.detail_introduce{
    width: 80%;
    margin: 20px auto;
}
.detail_introduce .title{
    margin-left: 20px;
}
.detail_introduce .title>span{
    margin-left: 20px;
    font-size: 24px;
}

.detail_introduce .detail{
    margin: 20px 0 0 20px;
}

.detail_introduce .line{
    margin: 10px 0;
}

.p-p-8{
    padding: 8px 0;
}
.detail_introduce .line>img{
    width: 100%;
}

.detail_introduce .detail_msg{
    margin-left: 20px;
}


.product{
    width: 80%;
    margin: 40px auto 20px auto ;
    height: 360px;
    display: flex;
}
.product .bg{
    width: 400px;
    height: 326px;
    background: url("../image/图片 20 Copy 2@1x.png") no-repeat;
    position: relative;
    justify-content: space-between;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.product .bg>p.top{
    width: 100%;
    position: absolute;
    top:30px;
    text-align: center;
}
.product .bg>img{
    position: absolute;
    bottom:10px;
    left:10px;
    width: 100%;
}

.product .bg>div.shadow{
    width: 380px;
    margin: 0 auto;
    position: absolute;
    left:11px;
    bottom: 10px;
}

.product .bg>div.shadow>img{
    width: 100%;
}

.product .bg>p.bottom{
    width: 100%;
    position: absolute;
    bottom:20px;
    text-align: center;
}