.short-box{width:1200px;margin:0px auto;text-align:center;margin-top:40px;} .title .title_lf,.title_rt,.title_txt{display:inline-block;margin:0px auto;} .title .title_txt{font-size:24px;color:#325290;padding-left:12px;padding-right:5px;letter-spacing:1.2px;font-weight:bold;} .title .title_txt .time{color:#a84d1b;display:inline-block;font-weight:bold;} /* 鍘嗗勾璇剧▼ */ #scroll{ width:1200px; height:336px; position:relative; overflow: hidden; margin-top: 50px; margin-bottom: 60px; } /* #scroll .content1{width:1200px;height:340px;} */ #scroll h3{ position:absolute; } #scroll .content{ float:left; /* width:1551px; */ width:1620px; height:336px; /* background:url("html/new_course/images/time_bg.png") no-repeat center; */ background:url("html/new_course/images/2021timebg.png") no-repeat center; position:relative; text-align:center; display: block } #scroll .content a{ display: block; } .hisTit{ display: inline-block; background: #f89782; border-radius: 26px; padding: 3px 12px; color: #fff; font-size: 15px; } .time_09 .hisTit{ position: absolute; background: #F03852; right: 14px; bottom: 20px; } .time_09 .hisTit:hover{ background: #CF2B43; } .time_10 .hisTit{ position: absolute; background: #3A9284; right: 102px; top: 106px; } .time_10 .hisTit:hover{ background: #288576; } .time_11 .hisTit{ position: absolute; background: #EF6D5F; right: 220px; bottom: 20px; } .time_11 .hisTit:hover{ background: #E25445; } .time_12 .hisTit{ position: absolute; background: #60A96E; right: 314px; top: 106px; } .time_12 .hisTit:hover{ background: #428B50; } .time_13 .hisTit{ position: absolute; background: #F99D3B; right: 412px; bottom: 20px; } .time_13 .hisTit:hover{ background: #F08F28; } .time_14 .hisTit{ position: absolute; background: #43a6da; right: 566px; top: 106px; } .time_14 .hisTit:hover{ background: #2391CB; } .time_15 .hisTit{ position: absolute; background: #f75986; right: 686px; bottom: 20px; } .time_15 .hisTit:hover{ background: #F83B71; } .time_16 .hisTit{ position: absolute; background: #1a84ce; right: 722px; top: 106px; } .time_16 .hisTit:hover{ background: #0778C7; } .time_17 .hisTit{ position: absolute; background: #F3866E; right: 910px; bottom: 20px; } .time_17 .hisTit:hover{ background: #F3866E; } .time_18 .hisTit{ position: absolute; background: #c986fd; } .time_18 .hisTit:hover{ background: #bd6cfb; } .time_18 .hisTit1{ top: 20px; right: 980px; } .time_18 .hisTit2{ top: 56px; right: 996px; } .time_18 .hisTit3{ top: 92px; right: 1040px; } .time_18 .hisTit4{ top: 128px; right: 1010px; } .time_19 .hisTit{ position: absolute; background: #f75986; right: 1158px; bottom: 20px; } .time_19 .hisTit:hover{ background: #e63469; } .time_20 .hisTit{ position: absolute; background: #fb7a6c; } .time_20 .hisTit:hover{ background: #ff675f; } .time_20 .hisTit1{ top: 20px; right: 1270px; } .time_20 .hisTit2{ top: 56px; right: 1210px; } .time_20 .hisTit3{ top: 92px; right: 1284px; }