@charset "UTF-8"; /*主色调*/ /*文字文本*/ /*单行省略号*/ /*多行省略号*/ /*箭头*/ /**a标签hoverboder效果**/ /**使用vw适配**/ .bigEvent { padding-top: 20px; } @media (min-width: 768px) { .bigEvent { padding-top: 45px; } } @media (min-width: 1200px) { .bigEvent { padding-top: 60px; } } .bigEvent .list-title { line-height: 1.4; font-size: 24px; padding: 25px 0; } @media (min-width: 768px) { .bigEvent .list-title { padding: 50px 0; font-size: 36px; } } @media (min-width: 1200px) { .bigEvent .list-title { font-size: 46px; margin-bottom: 30px; } } .time-line .yaer-box { position: relative; padding-left: 25px; padding-bottom: 20px; } @media (min-width: 768px) { .time-line .yaer-box { padding-left: 50px; padding-bottom: 50px; } } .time-line .yaer-box:before { content: ''; position: absolute; left: 0; top: 0; z-index: 4; display: block; width: 20px; height: 24px; background: #fff url("/assets/image/time-line.png") no-repeat center; background-size: contain; } .time-line .yaer-box:after { content: ''; position: absolute; left: 9.5px; top: 0px; display: block; width: 1px; height: 100%; z-index: 1; background-color: #ff9b9b; } .time-line .yaer-box ~ .yaer-box:before { width: 12px; height: 12px; border-radius: 50%; border: 1px solid #ff9b9b; left: 4px; top: 9px; background: #fff; } .time-line h3 { font-size: 30px; line-height: 30px; padding-bottom: 30px; } .time-line ul li { padding-left: 20px; padding-bottom: 30px; line-height: 30px; position: relative; font-size: 16px; } @media (min-width: 768px) { .time-line ul li { padding-left: 30px; } } .time-line ul li:before { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #ed4747; left: 0; top: 11px; z-index: 5; } .time-line ul span { color: #333; -webkit-transition: all .5s ease; transition: all .5s ease; padding: 5px 0; cursor: text; } @media (min-width: 1920px) { .time-line ul span { font-size: 16px; } } @media (max-width: 1920px) { .time-line ul span { font-size: 15px; } } @media (max-width: 768px) { .time-line ul span { font-size: 14px; } } .date-list { width: 100px; position: fixed; padding-top: 70px; } .date-list a { display: block; height: 50px; line-height: 50px; text-align: center; color: #ed4747; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .date-list a.cur { background-color: #ed4747; color: #fff; } @media (max-width: 768px) { .date-list-box { display: none; } }