.mile-bar{position:relative;box-sizing:border-box;width:165px;flex-shrink:0;font-size:18px;line-height:30px;color:#ba984d;background:#181616;padding:20px}.mile-bar .bar-item{white-space:nowrap;margin-bottom:45px;cursor:pointer}.mile-bar .bar-item .bar-date{display:inline-block;width:95px;text-align:right;margin-right:13px}.mile-bar .bar-item .bar-dot{position:relative;z-index:2;display:inline-block;width:10px;height:10px;background:#181616;border:1px solid #efdeac;border-radius:100%;vertical-align:top;margin-top:10px}.mile-bar .bar-item .bar-dot:after{content:" ";display:none;position:absolute;top:2px;left:36px;z-index:1;width:12px;height:12px;transform:rotate(45deg);border:1px solid rgba(0,0,0,0);background-color:#fff}.mile-bar .bar-item.current{font-size:24px;color:#dcc281}.mile-bar .bar-item.current .bar-date{margin-right:8px}.mile-bar .bar-item.current .bar-dot{width:22px;height:22px;background:#c1a45a;border:none;margin-top:5px}.mile-bar .bar-item.current .bar-dot:after{display:block}.mile-bar:after{content:" ";display:block;position:absolute;top:35px;bottom:0;right:31px;z-index:1;width:1px;background:#caa46d}.mile-content{position:relative;z-index:2}.con-item{display:none}.con-item.current{display:block}.con-pic{margin-left:340px}.con-pic img{width:100%}.con-desc{float:left;width:340px;box-sizing:border-box;padding:100px 40px 40px 55px}.desc-date{font-size:36px;font-weight:700;margin-bottom:35px}.desc-title{font-size:22px;font-weight:700;margin-bottom:12px}.desc-detail{font-size:16px;line-height:22px;color:#666}