.items_container { display: flex; flex-direction: column; }

.items .items_list { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; margin: 20px 0; padding: 20px 30px; box-sizing: border-box; background-color: #faf9f7; height: 230px; }

.items .con_left { width: 651px; height: 190px; }

.items .con_left img { width: 100%; height: 100%; display: block; }

.items .con_middle { width: 42%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }

.items .con_middle h1 { font-size: 18px; color: #000; border-bottom: 1px solid #af957a; padding: 0px 0px 10px 0px; margin: 0px 0px 5px 0px; font-weight: bold; }

.items .con_middle .desc { height: 85px; font-size: 14px; color: #595757; line-height: 25px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-weight: lighter; text-align: justify; }

.items .con_middle .mid_bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }

.items .con_middle .mid_bottom div { font-weight: bold; font-size: 16px; }

.items .con_right { height: 175px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; }

.items .con_right .button { font-size: 16px; padding: 2px 15px; height: 40px; line-height: 40px; width: 100px; color: #fff; background-color: #af957a; border-radius: 5px; text-align: center; box-sizing: border-box; margin: 0 20px; }

.items .con_right .button:hover { background-color: #d71718; }