.history-page{background:#f3f1f9;padding:35px}.history-page .history-wrap{width:100%;border:1px solid #dcdcdc;background-color:#fff;padding:30px}.history-page .history-wrap h1{color:#46454d;margin-bottom:21px;margin-top:0;padding-left:50px;position:relative}.history-page .history-wrap h1:before{background:#71b13e;content:'';display:block;height:3px;left:0;position:absolute;top:13px;width:30px}.history-page .history-wrap .year-border{border-left:2px dotted #cacaca;margin-left:50px;margin-top:10px;display:inline-block}.history-page .history-wrap .year-border h5{background:#86af49;border-radius:50px;font-size:25px;color:#fff;display:table-cell;width:75px;height:75px;text-align:center;vertical-align:middle;position:relative;left:-40px}.history-page .history-wrap .year-border ul{list-style:none;padding:30px 0 0 30px}.history-page .history-wrap .year-border ul li{border:1px solid #dcdcdc;padding:30px;clear:both;display:flex;position:relative;margin-bottom:30px}.history-page .history-wrap .year-border ul li:before{content:'';background:url(../images/historyView/icon/icon-for-history.png) no-repeat center center;width:43px;height:23px;display:block;flex-shrink:0;position:absolute;left:-43px;top:50px}.history-page .history-wrap .year-border ul li .img{display:inline}.history-page .history-wrap .year-border ul li .text-history-block{margin-left:30px;position:relative}.history-page .history-wrap .year-border ul li .text-history-block span.showandhide{display:inline-block;width:100%;background-color:#fff;color:#ce5b78;font-size:14px;text-decoration:underline;position:absolute;bottom:0;font-weight:600;box-shadow:0px -7px 4px 2px #fff;cursor:pointer}.history-page .history-wrap .year-border ul li .text-history-block span.date{padding-left:32px;background:url(../images/social_programView/icon/icon-date.png) no-repeat top left transparent;color:#000;font-size:13px;padding-bottom:5px;vertical-align:top;font-weight:600}.history-page .history-wrap .year-border ul li .text-history-block h3{color:#000;font-size:25px;font-weight:bold;margin:20px 0}.history-page .history-wrap .year-border ul li .text-history-block p{font-size:14px;color:#000;margin-bottom:15px}@media (min-width: 1280px){.history-page .history-wrap h1:before,.history-page .history-wrap .h1:before{top:19px}.history-page span.showandhide{display:none !important}}@media (max-width: 1279px){.history-page .history-wrap h1,.history-page .history-wrap .h1{font-size:25px}.history-page .year-border ul li .img{width:360px;flex-shrink:0}.history-page .year-border ul li .img img{width:100%}.history-page .year-border ul li .text-history-block{overflow:hidden;height:282px}.history-page .year-border ul li .text-history-block h3{font-size:20px !important}}@media (max-width: 1279px) and (max-width: 959px){.history-page .history-wrap .year-border .history-ul li{display:block}.history-page .history-wrap .year-border .history-ul li .text-history-block{margin-left:0;margin-top:30px}}@media (max-width: 959px){.history-page{padding:15px}.history-page .history-wrap{padding:15px}.history-page .history-wrap .year-border{margin-left:20px}.history-page .history-wrap .year-border ul.history-ul{margin-left:-50px}.history-page .history-wrap .year-border ul.history-ul li{display:inline-block;margin-top:40px;background-color:#fff}.history-page .history-wrap .year-border ul.history-ul li:before{left:-4px;top:-32px;transform:rotate(90deg)}.history-page .history-wrap .year-border h5{width:60px;height:60px;font-size:20px;left:-30px}}
/*# sourceMappingURL=styles-HistoryView.css.map */