.reco3{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.5}
.reco3 button{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}
.reco3 h2{width:100%}
.reco3 h3{margin-left:0.3em;width:100%}
.reco3 .item{position:relative;background:#EEE;display:inline;float:left;height:80px}
.reco3 .item:last-of-type{margin-bottom:10px}
.reco3 .img_box{width:80px;overflow:hidden;float:left;height:80px;position:relative}
.reco3 .text_box{padding:2px 5px;display:inline-block;width:calc(100% - 80px)}
.reco3 p{font-size:1.2rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.reco3 strong{font-size:1.4rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.reco3 .img_inner{overflow:hidden;position:absolute;float:left}
.reco3 .img_right{right:0}
.reco3 .img_inner:after{content:'';display:block;padding-top:66.6%}
.reco3 img{position:absolute}
.reco3 .ribbon .update{width:58px;padding-top:13px;font-size:0.8rem}
.reco3 .ribbon .new{width:61px;padding-top:14px;font-size:1rem}
.reco3>button{cursor:pointer;padding:10px;display:block;border:1px solid #DDD;font-size:1.4rem;width:200px;margin:12px calc((100% - 200px) / 2) 6px;position:relative;background:#FFF;clear:both}
.reco3>button:after{display:block;content:"";position:absolute;right:5%;width:5px;height:5px;margin:-4px 0 0 0;border-top:solid 2px #05A;border-right:solid 2px #05A}
.reco3 .owl-nav{display:flex;height:43px;justify-content:space-between;position:absolute;width:100%;bottom:-55px}
.reco3 .owl-prev{top:0!important;margin-left:20px!important}
.reco3 .owl-next{top:0!important;margin-right:20px!important}
.reco3 .owl-prev:before{display:block;content:"";border-right:solid 10px transparent;border-left:solid 10px transparent;border-bottom:solid 17.3px #CCC;-webkit-transform:rotate(270deg);transform:rotate(270deg);top:50%;margin:13px}
.reco3 .owl-next:after{display:block;content:"";border-right:solid 10px transparent;border-left:solid 10px transparent;border-bottom:solid 17.3px #CCC;-webkit-transform:rotate(90deg);transform:rotate(90deg);top:50%;margin:13px}
.reco3 .reco_jump{text-align:center;padding:10px;display:block;border:1px solid #DDD;font-size:1.4rem;position:relative;background:#FFF;clear:both;z-index:1}
.reco3 .reco_jump:after{display:block;content:"";position:absolute;right:5%;width:5px;height:5px;margin:-4px 0 0 0;border-top:solid 2px #05A;border-right:solid 2px #05A;padding:0}
.reco3 .reco_more:after{-webkit-transform:rotate(135deg);transform:rotate(135deg);top:45%}
.reco3 .reco_less:after{-webkit-transform:rotate(315deg);transform:rotate(315deg);top:55%}
.reco3 .reco_jump:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:50%}
.reco3 .price{font-size:1.1rem;text-align:right}
.reco3 .red{font-size:1.6rem;color:#D00}
.reco3 .red small{font-size:1.3rem;color:#D00}
.reco3:after{content:'';clear:both;display:block}
@media screen and (min-width:769px){
    .reco3{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
    .reco3 .reco_jump{width:calc((100% - 48px) / 3);margin:12px 8px 6px calc(100% - 8px - (100% - 48px) / 3)}
    .reco3 .item{margin:6px 8px}
    .reco3 .item{width:calc((100% - 48px) / 3)}
    .reco3 .img_inner{width:120px}
}
@media screen and (max-width:768px){
    .reco3{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
    .reco3 .reco_jump{width:calc((95% - 12px) / 2);margin:12px 2.5% 6px calc(100% - 2.5% - (95% - 12px) / 2)}
    .reco3 .item{position:relative;background:#EEE;display:inline;float:left;margin:6px}
    .reco3 .item:nth-child(odd){margin-right:2.5%}
    .reco3 .item:nth-child(even){margin-left:2.5%}
    .reco3 .item{width:calc((95% - 12px) / 2);}
    .reco3 .img_inner{width:120px}
}
@media screen and (max-width:600px){
    .reco3{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
    .reco3 .reco_jump{width:200px;margin:12px auto 6px}
    .reco3 .item{position:relative;background:#EEE;float:left;display:inline;margin:1% 2.25%}
    .reco3 .item{width:95%;}
    .reco3 .img_inner{width:120px}
}