/* BASIC css start */
#promotion{padding-bottom:120px;}

.inner{padding:0 80px;}

#promotion .page-title{position:relative; margin-bottom:32px;}
#promotion .page-title .tit-page{font-size:28px; line-height:34px; font-weight:500;}

#promotion .tab{display:flex;}
#promotion .tab li{margin-right:12px;}
#promotion .tab li:last-child{margin-right:0;}
#promotion .tab li a{display:block; padding:16px 0; font-size:16px; font-weight:500; line-height:19px; color:#999;}
#promotion .tab li.on a{color:#000;}

#promotion .item{display:flex; flex-wrap: wrap;}
#promotion .item li{padding-bottom:32px; width:calc((100% - 72px)/4); margin-right:24px;}
#promotion .item li:nth-child(4n){margin-right:0;}
#promotion .item li a{display:block;}
#promotion .item li a > img{width:100%;}
#promotion .item li a > p{margin-top:24px; font-size:18px; font-weight:600; line-height:24px; color:#000;}
#promotion .item li a > span{display:block; margin-top:2px; font-size:14px; font-weight:500; line-height:18px; color:#999;}
/* BASIC css end */