* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
a {text-decoration: none;color: #000;outline: none;}
.header {height: 452px;background: url(http://www.nxjlxk.com/dsj/material/20211215dsjtb.png) center top no-repeat;color: #fff;}
.lmbj{position: absolute;left: 360px;top: 160px;}
.lmbj p{font-size: 29px;color: #e60113;background: white;padding: 2px 20px;font-weight: bold;border-radius: 12px;letter-spacing: 5px;float: left;margin-right: 10px;}
.lmbj img{float: left;}
.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
li {list-style: none;}
img {border: 0;}
span:focus {outline: 0;}
i,em {font-style: normal;}
[v-cloak] {display: none;}
i,
em {font-style: normal;}
#app{width: 100%;min-width: 1270px;max-width: 1920px;margin: 0 auto;}
.grey-bg {background: #f8f8f8;}
.memorabilia_box {display: none;}

.main-width {width: 1200px;margin: auto;padding-top: 100px;position: relative;}

.year-limits {font-size: 28px;margin-top: 0;}
.year-title {font-size: 46px;line-height: 65px;font-weight: normal;}
.date-main {width: 100%;position: relative;margin-top: 150px;}
.backhome{display: block;float: right;height: 52px;line-height: 52px;border-radius: 2px;padding: 0 30px;border: 1px solid #FFFFFF;font-size: 20px;color: #fff;}
.swiper-container {overflow-x: hidden;height: 80px;}
.line {height: 1px;width: 100%;position: absolute;background: rgba(255, 255, 255, 0.5);top: 14px;}
.swiper-slide {position: relative;text-align: center;cursor: pointer;}

.arrow-left,
.arrow-right {position: absolute; width: 35px;height: 80px;z-index: 15;top: -20%;font-size: 26px;font-weight: bold;color: #fff;line-height: 2.15;}
.arrow-left {left: -30px;background: url(http://www.nxjlxk.com/dsj/material/to_l.png) center top 20px no-repeat;}
.arrow-right {right: -40px;background: url(http://www.nxjlxk.com/dsj/material/to_r.png) center top 20px no-repeat;}
.dot {height: 4px;width: 4px;border-radius: 50%;position: absolute;background: #fff;top: 12px;-webkit-transition: all ease-out 300ms;transition: all ease-out 300ms;}
.dot-lg{width: 27px;height: 27px;background: url("http://www.nxjlxk.com/dsj/material/dot_bg.png") center no-repeat;left: 19px;top: 0;z-index: 1;}
.swiper-wrapper .item-line {position: absolute;top: 16px;left: 54%;height: 22px;width: 1px;background: rgba(255, 255, 255, 0.5);z-index: 0;}
.swiper-wrapper .item-name {font-size: 16px;line-height: 26px;padding-top: 45px;z-index: 2;position: absolute;width: 60px;}

.timeline {width: 1200px;margin: 0 auto;min-height: 500px;position: relative;padding: 20px 0 150px;}
.fg-line {position: absolute;bottom: 0;width: 1px;background: #de5231;left: 50%;top: 30px;}
.item-con {width: 500px;}
.item-con img {width: auto;max-width: 100%;height: auto;display: block;margin: 0 auto;}
.item-con h1 {font-size: 24px;line-height: 1.5;margin: 15px 0;}
.item-con p {color: #000;line-height: 2;font-size: 16px;margin-bottom: 30px;text-align: justify;}
.item-con .video iframe{width: 100%;height: 290px;}
.timeline-item .item-con-date {position: relative;color: #d50002;font-size: 24px;line-height: 2;}
.timeline-item .item-con-date em {background: #d50002;border-radius: 23px;color: #fff;padding: 5px 20px;margin-right: 15px;}
.timeline-item .item-con-dot {position: absolute;width: 11px;height: 11px;border-radius: 50%;background: #de5231;display: block;left: -105px;top: 40%;}
.timeline-item .item-con-line {position: absolute;height: 1px;background: #de5231;width: 100px;top: 50%;left: -100px;}
.timeline-item .dh-fl .item-con-dot {left: auto;right: -21%;top: 32%;}
.timeline-item .dh-fl .item-con-line {width: 320px;left: auto;top: 40%;right: -20%;}
.backtop{position: fixed;right: 40px;bottom: 10%;width: auto;height: auto;font-size: 16px;padding-top: 70px;background: url('http://www.nxjlxk.com/dsj/material/backtop.png') center top no-repeat;cursor: pointer;}
.backtop:hover{background: url('http://www.nxjlxk.com/dsj/material/backtop_hover.png') center top no-repeat;}

#sxdsj{float: right;margin-top: 15px;}
#sxdsj select{float: left;width: 230px;height: 34px;line-height: 34px;margin-left: 10px;background: url(http://www.nxjlxk.com/dsj/material/20211213dsjbjt.png)no-repeat;padding: 0 5px;font-size: 14px;color: white;border: none;outline: none;background-size: 100% 100%;}
#sxdsj select option{color: black;}
#sxdsj{cursor: pointer;}