@charset "utf-8";  
/*------------------------------------------------------------ 
    price css
------------------------------------------------------------*/  
.area{display:flex;flex-wrap:wrap;justify-content:space-between;margin:60px auto;}
.area .slider{width:500px;}
.area .slider .mainimg{width:100%;height:400px;background:#C3B9E320;padding:20px;box-sizing:border-box;}
.area .slider .mainimg .img{width:100%;height:100%;overflow:hidden;}
.area .slider .mainimg .img img{height:100%;width:100%;object-fit:contain;}
.area .slider .subimg{display:flex;flex-wrap:wrap;justify-content:space-between;}
.area .slider .subimg::before{content:"";width:115px;order:2;}
.area .slider .subimg::after{content:"";width:115px;order:2;}
.area .slider .subimg .img{width:95px;height:95px;padding:10px;overflow:hidden;margin-top:15px;background:#C3B9E320;}
.area .slider .subimg .img img{height:100%;width:100%;object-fit:cover;transition:0.5s;}
.area .texts{width:500px;}
.area .texts .date{font-size:14px;font-weight:500;}
.area .texts .title{font-size:20px;line-height:32px;font-weight:bold;margin-top:10px;border-bottom:3px solid #C3B9E3;padding-bottom:10px;}
.area .texts .cate{font-size:14px;line-height:28px;font-weight:500;margin-top:10px;padding-left:50px;position:relative;}
.area .texts .cate span{font-size:14px;line-height:28px;font-weight:500;position:absolute;top:0;left:0;}
.area .texts .price{font-size:14px;line-height:28px;font-weight:500;margin-top:10px;padding-left:50px;position:relative;}
.area .texts .price span{font-size:14px;line-height:28px;font-weight:500;position:absolute;top:0;left:0;}
.area .texts .text{font-size:14px;line-height:28px;font-weight:500;margin-top:10px;}

.return{font-size:14px;line-height:40px;color:#FFF;background:#94579F;width:200px;display:block;text-align:center;margin: 30px auto 0;transition:0.5s;}
.return:hover{background:#C3B9E3;}


@media screen and (max-width: 1024px){
}
@media screen and (max-width: 788px){
	.area{justify-content:center;}
	.area .slider{margin-bottom:30px;}
}
@media screen and (max-width: 560px){
	.area .slider .mainimg{height:initial;}
	.area .slider .subimg::before{content:"";width:105px;}
	.area .slider .subimg::after{content:"";width:105px;}
	.area .slider .subimg .img{width:85px;height:85px;}
}