@charset "utf-8";
/* CSS Document */

#recommendbanner {width: 100%;margin: 0;padding: 0;overflow: auto;background: #fff;box-sizing: border-box;}
#recommendbanner img {width: 100%;border-radius: 3px;}

/**************/

#recommendbanner .recommend {width: 100%; margin: 10px 0 0 0;padding:0 0 5% 0;box-sizing: border-box;}
#recommendbanner .recommend ul {margin: 0 auto;padding: 0;width: 100%;font-size: 0;
overflow-x: auto;white-space: nowrap;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;box-sizing: border-box;}
#recommendbanner .recommend ul li {display: inline-block;width: 40%;margin: 2% 0 2% 2%;
background: #F9F9F9;z-index: 1;vertical-align: top;box-sizing: border-box;padding:2%;border-radius: 3px;}

#recommendbanner .recommend ul li:last-child {margin: 2%;}
#recommendbanner .recommend ul li a {display: block; text-decoration: none;line-height: 1.0;}
#recommendbanner .recommend ul li a img {width: 100%;}

#recommendbanner .recommend li p {height:4.6rem;margin:4% 0 0 0;padding:1% 0 0 0;line-height: 1.5rem;
box-sizing: border-box;font-size:clamp(12px,3vw,16px); color:#000;font-weight:700;overflow:hidden;white-space:normal;}

#recommendbanner .recommend ul li span {display:block;background:#111;color:#FFF;font-size:12px;font-weight:700;letter-spacing: 1px;
margin-bottom:2%;border-radius: 3px;text-align: center;line-height: 1.0;padding:2% 0;}

/*******************************************************************************/

@media only screen and (min-width: 1000px) {

#recommendbanner {width: 100%;margin:0;padding:0;overflow: auto;background: inherit;}

/**************/

#recommendbanner .recommend {width: 1000px; margin: 0 auto;padding:0 0 0 0;text-align: left;}
#recommendbanner .recommend ul {overflow-x: inherit;white-space:normal;}
#recommendbanner .recommend ul li {width: 23.5%;margin: 0 2% 0 0;padding:1%;}
#recommendbanner .recommend ul li:nth-child(4n) {margin:  0 0 0 0;;}
#recommendbanner .recommend ul li:last-child {margin:  0 0 0 0;;}

#recommendbanner .recommend li p {height:3.5rem;font-size: 14px;}


}