.offer-list{padding-top: 4%;}
.offer-list li{margin-bottom: 4%;}
.offer-list li .offer-title{display: inline-block;width: 300px;padding: 20px;background-color: #ddd;vertical-align: middle;}
.offer-list li .offer-title img{width: 100px;height: 52px;display: inline-block;vertical-align: middle;}
.offer-list li .offer-title h4{display: inline-block;font-size: 20px;width: 180px;padding-left: 20px;vertical-align: middle;}
.offer-list li .offer-title h4 p{font-size: 14px;}
.offer-list li h5{display: inline-block;font-size: 16px;margin-left: 20px;vertical-align: middle;}
.offer-list li section p{display: inline-block;font-size: 14px;line-height: 40px;width: 15%;margin-right: 2%;background-color: #e3e3e3;text-align: center;margin-top: 3%;border-radius: 20px;-webkit-transition: .3s ease;-moz-transition: .3s ease;-ms-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;cursor: pointer;}
.offer-list li section p:hover{color: #fff;background-color: #FC403F;}
.offer-list li section p:nth-of-type(6n){margin-right: 0;}

.offer-img{background-color: #f5f5f5;padding-top: 2%;padding-bottom: 3%;margin-bottom: 4%;}
.offer-img h4{font-size: 18px;color: #FC403F;padding-left: 25px;vertical-align: middle;margin-left: 3%;position: relative;}
.offer-img h4:before{position: absolute;content: '';top: 25px;left: 0;width: 0;height: 0;border-left: 15px solid #FC403F;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.offer-img h4 img{width: 70px;vertical-align: middle;margin-right: 15px;}
.offer-img ul{margin-left: 2.5%;}
.offer-img li{display: inline-block;width: 14.5%;margin-right: 2.1%;margin-top: 3%;}
.offer-img li img{width: calc(100% - 10px);border: 5px solid #a3a3a3;}