.timeline ul{background:#f2f2f2;padding:30px 0}.timeline ul li{list-style-type:none;position:relative;width:6px;margin:0 auto;padding-top:50px;background:#fff}.timeline ul li:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:30px;height:30px;border-radius:50%;background:inherit}.timeline ul li img{width:50%}.timeline ul li div{position:relative;bottom:0;width:460px;padding:15px;background:#fff}.timeline ul li div:before{content:"";position:absolute;bottom:7px;width:0;height:0;border-style:solid}.timeline ul li:nth-child(odd) div{left:45px}.timeline ul li:nth-child(odd) div:before{left:-15px;border-width:8px 16px 8px 0;border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0)}.timeline ul li:nth-child(2n) div{left:-499px}.timeline ul li:nth-child(2n) div:before{right:-15px;border-width:8px 0 8px 16px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}time{display:block;font-size:1.2rem;font-weight:700;margin-bottom:8px}@media only screen and (max-width:640px){.timeline ul li{margin-left:20px}}.timeline ul li:after{transition:background .5s ease-in-out}.timeline ul li div{visibility:hidden;opacity:0;transition:all .3s ease-in-out}@media only screen and (min-width:641px)and (max-width:1039px){.timeline ul li div{width:250px}}@media only screen and (max-width:640px){.timeline ul li div{width:calc(100vw - 91px)}}.timeline ul li.in-view:after{background:#f0dc69}.timeline ul li:nth-child(odd) div{transform:translate3d(200px,0,0)}.timeline ul li:nth-child(2n) div{transform:translate3d(-200px,0,0)}@media only screen and (min-width:641px)and (max-width:1039px){.timeline ul li:nth-child(2n) div{left:-289px}}@media only screen and (max-width:640px){.timeline ul li:nth-child(2n) div{left:45px}}@media only screen and (max-width:640px){.timeline ul li:nth-child(2n) div:before{left:-15px;border-width:8px 16px 8px 0;border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0)}}.timeline ul li.in-view div{transform:none;visibility:visible;opacity:1}.accbox{margin:.5em 0 0;padding:0}.accbox label{display:block;text-align:center;padding:5px;font-weight:700;background:#f0dc69;cursor:pointer;transition:all .5s}.accbox label:hover{opacity:.8}.accbox label:before{background:url(/assets/img/icon/arrow-right-b.svg)!important;border:none!important}.accbox label:after{display:none!important}.accbox input{display:none}.accbox .accshow{height:0;overflow:hidden;opacity:0;transition:.8s}.cssacc:checked+label+.accshow{height:auto;padding:15px;border:2px solid #f0dc69;opacity:1}.cssacc:checked+label:before{background:url(/assets/img/icon/arrow-bottom-b.svg)!important}
