@charset "utf-8"; .onkooproduct{margin-top:30px; background:rgba(13, 111, 184, 0.1); padding:20px; position:relative;} .onkooproduct .swiper-slide .item{background:#fff;width:289px; height:368px; text-align:center; padding: 15px 10px; display:block;} .onkooproduct .swiper-slide .item .cpimg{padding: 0 5px 15px;} .onkooproduct .swiper-slide .item .cptitle{font-size:15px; color:#333;} .onkooproduct .swiper-slide .item .cpmodel{font-size:13px; color:#b0b0b0; padding:5px 0;} .onkooproduct .swiper-slide .item .cpprice{font-size:14px; color:#ff6700;} .onkooproduct .arrow{width:40px; height:40px; background:rgba(13, 111, 184, 0.3); text-align:center; line-height:40px; color:#fff; position:absolute; top:50%; margin-top:-20px; z-index:10; cursor:pointer;} .onkooproduct .arrow:hover{background:rgba(13, 111, 184, 0.8);} .onkooproduct .arrow.swiper-button-disabled{background:rgba(0, 0, 0, 0.1);} .onkooproduct .arrow-left{left:0;} .onkooproduct .arrow-right{right:0;} .productlist .onkooproduct{margin-top:0; background:none; padding:0;} .productlist .onkooproduct .arrow-left{left:-40px;} .productlist .onkooproduct .arrow-right{right:-40px;} .productlist .onkooproduct .swiper-slide{padding-top:25px;width:289px; float:left; margin-right:15px;} .productlist .onkooproduct .swiper-slide .item{transition:all ease-in-out 300ms;} .productlist .onkooproduct .swiper-slide .item:hover{box-shadow:0 5px 20px #eeeeee; transform:translateY(-10px);} .onkootuku .item{width:23.5%; margin-left:2%; float:left; border:1px solid #f6f6f6; padding:20px 20px 15px; margin-bottom:25px; transition:all ease-in-out 300ms;} .onkootuku .item:nth-child(4n+1){margin-left:0;} .onkootuku .item:hover{box-shadow:0 5px 20px #eeeeee; transform:translateY(-10px);} .onkootuku .item .img{position:relative;} .onkootuku .item .img .num{background:rgba(0, 0, 0, 0.5); padding:5px 15px; position:absolute; right:5px; bottom:5px; line-height:1em; color:#fff; font-size:14px;} .onkootuku .item .title{font-size:16px; color:#333; text-align:justify; line-height:1.6em; padding-top:10px;} .morebtn{padding-top:10px;}