插入到全局CSS中 ``` .do-online-service{left:10px;right:auto;} #do-online-service:checked ~ .do-online-service .do-open{ -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; -webkit-transform: translateX(-200px); transform: translateX(-200px); } #do-online-service:checked ~ .do-online-service .do-box, .do-online-service.open .do-box { -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; -webkit-transform: translateX(200px); transform: translateX(200px); } .do-online-service .do-box{ -webkit-transform: translateX(-200%); transform: translateX(-200%); } ```