@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}body{background-color:#f3f3f3}.welcome{height:670px;background-image:url(/image/help-bg-7829487cf8.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#2c2c2c}.welcome .container{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-animation:bounce .6s ease-in-out;animation:bounce .6s ease-in-out;-webkit-transform-origin:center bottom;transform-origin:center bottom}.welcome h1{font-size:50px;line-height:70px;color:#fff;margin-bottom:16px}.course{margin-top:50px;background-color:#fff;padding:47px 57px 0}.course .v1{width:226px;margin:auto}.course h2,.expect h2{font-size:40px;color:#2c2c2c;margin-top:16px;line-height:56px;text-align:center}.expect,.steps,.wait{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.steps{-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:60px}.steps li{width:50%;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;padding:0 57px;margin-bottom:60px;overflow:hidden}.steps li h4,.steps li p{font-size:30px;line-height:42px;color:#2c2c2c}.steps li p{line-height:28px;font-size:20px}.steps li .video{width:100%;position:relative;overflow:hidden}.steps li .video video{width:100%;margin-top:17px}.steps li .video .play{position:absolute;width:62px;height:62px;cursor:pointer;top:50%;left:50%;margin-top:-31px;margin-left:-31px;z-index:15}.expect,.wait{-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.expect{height:618px;padding:49px 0;background-color:#fff;margin:44px auto;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.expect .v2{width:320px}.expect .v2,.expect h2{-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none}.wait{font-size:30px;color:#7f7f7f;-webkit-flex:auto;-moz-box-flex:1;-ms-flex:auto;flex:auto}@media only screen and (max-width:767px){.welcome{height:340px}.welcome h1{line-height:33px;font-size:24px}.course{margin-top:26px;background-color:#fff;padding:27px 10px 0}.course h2,.expect h2{font-size:26px;margin-top:12px;line-height:37px}.steps{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:28px}.steps li{width:100%;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;padding:0 12px;margin-bottom:34px}.steps li h4{font-size:16px;line-height:22px}.steps li p{line-height:18px;font-size:14px}.steps li .video video{margin-top:12px}.steps li .video .play{width:42px;height:42px;margin-top:-21px;margin-left:-21px}.expect{height:480px;padding:28px 0;margin:32px auto}.wait{font-size:22px}}