@charset "UTF-8";
.m {
  position: relative;
}
.box {
  background: #2d17aa;
}
.hd {
  width: 100%;
  height: 11.0666666rem;
  overflow: hidden;
}
.hd > img {
  display: block;
}
.hd .roll {
  opacity: 0;
  position: absolute;
  top: -1rem;
  left: 0;
  width: 96.533%;
  height: auto;
}
.hd .h-bg {
  position: absolute;
  top: 0.72rem;
  left: 13.33%;
  width: 96.533%;
  height: auto;
}
.hd .boy1 {
  position: absolute;
  top: 0.133rem;
  left: 6.68rem;
  width: 4.8266666rem;
  height: auto;
}
.hd .boy2 {
  position: absolute;
  top: 3.933rem;
  right: 7.773rem;
  width: 2.8666666rem;
  height: auto;
}
.hd .h-1 {
  position: absolute;
  top: 1.733rem;
  left: 2.24rem;
  width: 6.547rem;
  height: auto;
}
.hd .h-2 {
  position: absolute;
  top: 5.4rem;
  left: 1.747rem;
  width: 3.52rem;
  height: auto;
}
.hd .logo {
  position: absolute;
  top: 0.307rem;
  left: 0.36rem;
  width: auto;
  height: 1.293rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.hd .logo img {
  display: block;
  max-width: 2rem;
  max-height: 1.293rem;
  margin-right: 0.253rem;
}
.hd .logo p {
  font-size: 0.36rem;
  font-weight: normal;
  line-height: 0.5rem;
  height: 0.5rem;
  letter-spacing: 0.023rem;
  color: #ffffff;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 5rem;
}
.hd .txt1 {
  position: absolute;
  top: 5.58rem;
  left: 5.573rem;
  width: 4rem;
  height: auto;
}
.hd .txt1 h5 {
  font-size: 0.787rem;
  font-weight: normal;
  line-height: 0.9rem;
  height: 0.9rem;
  letter-spacing: 0;
  color: #ffffff;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.hd .txt2 {
  position: absolute;
  top: 8.04rem;
  left: 1.827rem;
  width: 7.7rem;
  position: absolute!important;
  background: url(../images/tit-bg.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding: 0 0.5rem;
  box-sizing: border-box;
  font-size: 0.32rem;
  font-weight: normal;
  line-height: 0.613rem;
  height: 0.613rem;
  letter-spacing: 0;
  color: #ffffff;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.title {
  padding: 0 0.36rem;
}
.title span {
  width: 0.68rem;
  height: 0.067rem;
  background-color: #e84e1f;
  border-radius: 0.033rem;
  display: block;
  margin-bottom: 0.15rem;
}
.title h4 {
  font-size: 0.56rem;
  font-weight: normal;
  line-height: 0.66rem;
  height: 0.66rem;
  letter-spacing: 0;
  color: #ffffff;
  margin-bottom: 0.203rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.main {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.main .m-l {
  width: 0.3866rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.main .m-l img {
  display: block;
  width: 0.3866rem;
  height: 0.413333rem;
  margin-bottom: 0.12rem;
}
.main .m-l aside {
  flex: 1;
  width: 100%;
  background: url(../images/line.png) repeat-y;
  background-size: 100% auto;
}
.ac {
  margin-top: -1.6rem;
  margin-bottom: 0.96rem;
}
.ac .main {
  padding: 0 0.347rem 0 0.36rem;
  box-sizing: border-box;
}
.ac .main .m-r {
  width: 8.72rem;
  background: url(../images/ac-2.png) no-repeat;
  background-size: 8.347rem 8.92rem;
  padding: 0.48rem 0 0 0.253rem;
  box-sizing: border-box;
}
.ac .main .m-r > ul li {
  width: 90%;
  margin-bottom: 0.4rem;
}
.ac .main .m-r > ul li:nth-child(2) {
  margin-bottom: 0.45rem;
}
.ac .main .m-r > ul li p {
  font-size: 0.413rem;
  font-weight: normal;
  line-height: 0.6rem;
  height: auto;
  letter-spacing: 0;
  color: #ffffff;
  margin-bottom: 0;
  padding-left: 0.533rem;
  position: relative;
  text-align: justify;
}
.ac .main .m-r > ul li p:before {
  position: absolute;
  top: 0.2056rem;
  left: 0;
  width: 0.187rem;
  height: 0.187rem;
  background-color: #ffffff;
  content: '';
  border-radius: 50%;
}
.ac .main .m-r .ac-1 {
  width: 8.467rem;
  height: 6.227rem;
  background: url(../images/ac-1.png) no-repeat;
  background-size: 100% 100%;
  padding: 0.667rem 0.6rem 0 0.36rem;
  box-sizing: border-box;
}
.ac .main .m-r .ac-1 .roll-1 {
  position: absolute;
  top: 0.987rem;
  left: 3.227rem;
  width: 4.827rem;
  height: 4.827rem;
}
.ac .main .m-r .ac-1 .roll-2 {
  position: absolute;
  top: 2.013rem;
  left: 4.253rem;
  width: 3.427rem;
  height: 3.427rem;
}
.ac .main .m-r .ac-1 ul {
  position: relative;
}
.ac .main .m-r .ac-1 ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.6rem;
}
.ac .main .m-r .ac-1 ul li:nth-child(1) {
  margin-bottom: 0.7rem;
}
.ac .main .m-r .ac-1 ul li h5 {
  width: 1.867rem;
  background: linear-gradient(to bottom, #969cff, #5d67fc);
  box-shadow: 0rem 0.04rem 0.32rem rgba(34, 42, 191, 0.27);
  border-radius: 0.34rem;
  font-size: 0.36rem;
  font-weight: normal;
  line-height: 0.68rem;
  height: 0.68rem;
  letter-spacing: 0.023rem;
  color: #ffffff;
  margin-bottom: 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ac .main .m-r .ac-1 ul li p {
  padding-top: 0.1rem;
  width: 5.2rem;
  font-size: 0.347rem;
  font-weight: normal;
  line-height: 0.54rem;
  height: auto;
  letter-spacing: 0.013rem;
  color: #df4b26;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.kc {
  margin-bottom: 0.56rem;
}
.kc .main {
  padding: 0 0.653rem 0 0.36rem;
}
.kc .main .m-r {
  width: 8.347rem;
  background: url(../images/kc-bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 0.667rem 0.5rem 0;
  box-sizing: border-box;
}
.kc .main .m-r ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.kc .main .m-r ul li {
  width: 44%;
  text-align: center;
  margin-bottom: 0.713rem;
}
.kc .main .m-r ul li img {
  width: 2.12rem;
  height: 2.12rem;
  margin: 0 auto 0.073rem;
}
.kc .main .m-r ul li p {
  font-size: 0.373rem;
  font-weight: normal;
  line-height: 0.547rem;
  height: 0.547rem;
  letter-spacing: 0.023rem;
  color: #ffffff;
  margin-bottom: 0;
  padding: 0 0.73rem;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.kc .main .m-r ul li p:before,
.kc .main .m-r ul li p:after {
  background-color: #fff573;
  border-radius: 50%;
  content: '';
}
.kc .main .m-r ul li p:before {
  position: absolute;
  top: 0.1935rem;
  left: 0.55rem;
  width: 0.16rem;
  height: 0.16rem;
}
.kc .main .m-r ul li p:after {
  position: absolute;
  top: 0.1935rem;
  right: 0.55rem;
  width: 0.16rem;
  height: 0.16rem;
}
.sz {
  margin-bottom: 0.773rem;
}
.sz .main {
  padding: 0 0.653rem 0 0.36rem;
}
.sz .main .m-r {
  width: 8.427rem;
}
.sz .main .m-r ul li {
  background: url(../images/sz-bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 0.267rem 0.747rem 0.2rem 0.36rem;
  box-sizing: border-box;
  margin-bottom: 0.613rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sz .main .m-r ul li:last-child {
  margin-bottom: 0;
}
.sz .main .m-r ul li > img {
  width: 2rem;
  height: 2rem;
  display: block;
  border-radius: 50%;
}
.sz .main .m-r ul li .r {
  width: 4.9rem;
  padding-top: 0.2rem;
}
.sz .main .m-r ul li .r .t {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.217rem;
}
.sz .main .m-r ul li .r .t h5 {
  max-width: 3rem;
  font-size: 0.373rem;
  font-weight: normal;
  line-height: 0.5rem;
  height: 0.5rem;
  letter-spacing: 0.023rem;
  color: #ffffff;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.sz .main .m-r ul li .r .t span {
  display: block;
  flex: 1;
  margin: 0 0.1rem;
  height: 0.013rem;
  background-color: #eae8eb;
}
.sz .main .m-r ul li .r .t img {
  width: 0.4rem;
  height: 0.4rem;
  display: block;
}
.sz .main .m-r ul li p {
  font-size: 0.32rem;
  font-weight: normal;
  line-height: 0.58rem;
  height: auto;
  letter-spacing: 0.019rem;
  color: #ffffff;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ab {
  margin-bottom: 0.48rem;
}
.ab .main {
  padding: 0 0.547rem 0 0.36rem;
}
.ab .main .m-r {
  width: 8.627rem;
  padding-top: 0.513rem;
}
.ab .main .m-r p {
  font-size: 0.373rem;
  font-weight: normal;
  line-height: 0.716rem;
  height: auto;
  letter-spacing: 0.023rem;
  color: #ffffff;
  margin-bottom: 0;
  text-align: justify;
}
.ab .main .m-r div {
  margin-top: 0.45rem;
  position: relative;
}
.ab .main .m-r div aside {
  position: absolute;
  top: -0.213rem;
  left: 0.173rem;
  width: 100%;
  height: 100%;
  background: url(../images/ab-bg.png) no-repeat;
  background-size: 100% 100%;
}
.ab .main .m-r div img {
  position: relative;
  width: 100%;
  height: auto;
  max-height: 5rem;
}
.hj {
  margin-bottom: 0.627rem;
}
.hj .main {
  padding: 0 0.413rem 0 0.36rem;
}
.hj .main .m-r {
  width: 8.52rem;
  padding: 0.613rem 0 0.253rem;
}
.hj .main .m-r div {
  width: 100%;
  height: 7.973rem;
  position: relative;
}
.hj .main .m-r div img {
  border-radius: 50%;
}
.hj .main .m-r div img:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.573rem;
  height: 3.573rem;
}
.hj .main .m-r div img:nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.573rem;
  height: 3.573rem;
}
.hj .main .m-r div img:nth-child(3) {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.573rem;
  height: 3.573rem;
}
.hj .main .m-r div img:nth-child(4) {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3.573rem;
  height: 3.573rem;
}
.hj .main .m-r div img:nth-child(5) {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.627rem;
  height: 2.627rem;
  margin-left: -1.3135rem;
  margin-top: -1.3135rem;
}
.bm {
  padding: 0 0 0.933rem;
}
.bm .main {
  padding: 0 1.093rem 0 0.36rem;
}
.bm .main .m-r {
  padding-top: 0.187rem;
  width: 7.813rem;
}
.bm .sim li {
  width: 100%;
  height: 1.333rem;
  background: url(../images/sim-bg.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.467rem;
  overflow: hidden;
  display: flex;
  padding: 0 0.48rem;
  box-sizing: border-box;
}
.bm .sim li label {
  width: 1.5rem;
  display: block;
  font-size: 0.36rem;
  font-weight: normal;
  line-height: 1.333rem;
  height: 1.333rem;
  letter-spacing: 0.023rem;
  color: #ffffff;
  margin-bottom: 0;
  text-align: left;
}
.bm .sim li input {
  flex: 1;
  width: 100%;
  background-color: transparent;
  font-size: 0.36rem;
  font-weight: normal;
  line-height: 1.333rem;
  height: 1.333rem;
  letter-spacing: 0.023rem;
  color: #ffffff;
  margin-bottom: 0;
}
.bm .sim li:last-child {
  width: 4.227rem;
  height: 1.12rem;
  background-color: #e8523f;
  margin: 0.533rem auto 0;
  padding: 0;
  border: none;
}
.bm .sim li:last-child button {
  flex: 1;
  width: 100%;
  background-color: transparent;
  font-size: 0.36rem;
  font-weight: normal;
  line-height: 1.12rem;
  height: 1.12rem;
  letter-spacing: 0.023rem;
  color: #ffffff;
  margin-bottom: 0;
}
.bm .call-m {
  width: 100%;
  padding: 0 0.48rem 0 0.58rem;
  box-sizing: border-box;
  margin-top: 2.24rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bm .call-m .code {
  width: 2.04rem;
  height: 2.04rem;
  background-color: #ffffff;
  border-radius: 0.133rem;
  padding: 0.1rem 0.08rem;
  box-sizing: border-box;
  overflow: hidden;
}
.bm .call-m .code img {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
}
.bm .call-m .ph-ad {
  width: 6.2rem;
}
.bm .call-m .ph-ad p {
  font-size: 0.351rem;
  font-weight: normal;
  line-height: 0.54rem;
  height: auto;
  letter-spacing: 0;
  color: #ffffff;
  margin-bottom: 0;
}
.bm .call-m .ph-ad p b {
  font-size: 0.52rem;
}
.bm .call-m .ph-ad p:nth-of-type(1) {
  margin-bottom: 0.193rem;
}
.bm .f-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
}
.bm .f-bg0 {
  position: absolute;
  bottom: -2.5rem;
  left: -0.5rem;
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
}
.hd.o1 .roll {
  animation: opacity-01 6s 0.6s linear infinite;
}
.hd.o1 .h-bg {
  animation: puff-in-center 1.3s ease-in-out both;
}
.hd.o1 .boy1 {
  animation: tilt-in-br 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.hd.o1 .boy2 {
  animation: tilt-in-bl 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.hd.o1 .h-1 {
  animation: fadeInDown1 1.5s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.hd.o1 .h-2 {
  animation: lightSpeedInLeft 1.3s 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.hd.o1 .logo img {
  animation: zoomIn 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.hd.o1 .logo p {
  animation: tracking-in-expand 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.hd.o1 .txt1 h5:nth-child(1) {
  animation: roll-in-blurred-right 1.2s 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.hd.o1 .txt1 h5:nth-child(2) {
  animation: roll-in-blurred-right 1.2s 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.hd.o1 .txt2 {
  animation: fadeInUp 1.3s 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.title.o1 span {
  animation: rotate-360 1s linear both;
}
.title.o1 h4 {
  animation: scale-up-hor-left 1s linear both;
}
.main.o1 .m-l img {
  animation: bounce-in-fwd 1s 0.5s linear both;
}
.main.o1 .m-l aside {
  animation: scale-in-ver-top 1.5s 0.5s linear both;
}
.ac .title.o1 span {
  animation: rotate-360 1s 0.5s linear both;
}
.ac .title.o1 h4 {
  animation: scale-up-hor-left 1s 0.5s linear both;
}
.ac .main.o1 .m-l img {
  animation: bounce-in-fwd 1s 1s linear both;
}
.ac .main.o1 .m-l aside {
  animation: scale-in-ver-top 1.5s 1s linear both;
}
.ac .main.o1 .m-r {
  animation: tilt-in-br 1s 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.ac .main.o1 .m-r > ul {
  perspective: 400px;
}
.ac .main.o1 .m-r > ul li:nth-child(1) {
  animation: scale-up-hor-left 1s 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.ac .main.o1 .m-r > ul li:nth-child(2) {
  animation: scale-up-hor-left 1s 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.ac .main.o1 .m-r .ac-1 {
  animation: tilt-in-br 1s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.ac .main.o1 .m-r .ac-1 .roll-1 {
  animation: fadeIn 1s 1.5s linear both;
}
.ac .main.o1 .m-r .ac-1 .roll-2 {
  animation: fadeIn 1s 2.5s linear both;
}
.ac .main.o1 .m-r .ac-1 ul li h5 {
  animation: zoomIn 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.ac .main.o1 .m-r .ac-1 ul li p {
  animation: fadeInUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.ac .main.o1 .m-r .ac-1 ul li:nth-child(1) h5,
.ac .main.o1 .m-r .ac-1 ul li:nth-child(1) p {
  animation-delay: 2s;
}
.ac .main.o1 .m-r .ac-1 ul li:nth-child(2) h5,
.ac .main.o1 .m-r .ac-1 ul li:nth-child(2) p {
  animation-delay: 2.2s;
}
.ac .main.o1 .m-r .ac-1 ul li:nth-child(3) h5,
.ac .main.o1 .m-r .ac-1 ul li:nth-child(3) p {
  animation-delay: 2.4s;
}
.kc .main.o1 {
  perspective: 400px;
}
.kc .main.o1 .m-r {
  animation: scale-in-ver-bottom 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.kc .main.o1 .m-r ul li img {
  animation: zoomIn1 1s 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.kc .main.o1 .m-r ul li p {
  animation: fadeInUp 1s 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.sz .main.o1 .m-r ul li {
  animation: fadeInLeft 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.sz .main.o1 .m-r ul li > img {
  animation: roll-in-right1 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.sz .main.o1 .m-r ul li .r {
  position: relative;
  z-index: 10;
  animation: lightSpeedInLeft 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.sz .main.o1 .m-r ul li:nth-child(1) {
  animation-delay: 0s;
}
.sz .main.o1 .m-r ul li:nth-child(1) > img {
  animation-delay: 0.5s;
}
.sz .main.o1 .m-r ul li:nth-child(1) .r {
  animation-delay: 1s;
}
.sz .main.o1 .m-r ul li:nth-child(2) {
  animation-delay: 0.3s;
}
.sz .main.o1 .m-r ul li:nth-child(2) > img {
  animation-delay: 0.8s;
}
.sz .main.o1 .m-r ul li:nth-child(2) .r {
  animation-delay: 1.3s;
}
.sz .main.o1 .m-r ul li:nth-child(3) {
  animation-delay: 0.6s;
}
.sz .main.o1 .m-r ul li:nth-child(3) > img {
  animation-delay: 1.1s;
}
.sz .main.o1 .m-r ul li:nth-child(3) .r {
  animation-delay: 1.6s;
}
.ab .main.o1 .m-r p {
  animation: fadeInUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.ab .main.o1 .m-r div aside {
  animation: scale-up-tr 1s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.ab .main.o1 .m-r div img {
  animation: scale-up-bl 1s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.hj .main.o1 .m-r img:nth-child(1) {
  animation: hj-m1 1s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.hj .main.o1 .m-r img:nth-child(2) {
  animation: hj-m2 1s 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.hj .main.o1 .m-r img:nth-child(3) {
  animation: hj-m3 1s 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.hj .main.o1 .m-r img:nth-child(4) {
  animation: hj-m4 1s 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.hj .main.o1 .m-r img:nth-child(5) {
  animation: zoomIn 1s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.bm.o1 .main.o1 .m-r .sim li {
  animation: flip-in-hor-bottom 1s linear both;
}
.bm.o1 .main.o1 .m-r .sim li:nth-child(1) {
  animation-delay: 0s;
}
.bm.o1 .main.o1 .m-r .sim li:nth-child(2) {
  animation-delay: 0.3s;
}
.bm.o1 .main.o1 .m-r .sim li:nth-child(3) {
  animation-delay: 0.6s;
}
.bm.o1 .main.o1 .m-r .sim li:nth-child(4) {
  animation-delay: 0.9s;
}
.bm.o1 .call-m.o1 .code {
  animation: roll-in-left 1.2s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.bm.o1 .call-m.o1 .ph-ad {
  animation: roll-in-right 1.2s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.bm.o1 .f-bg {
  animation: fadeIn 1.5s linear both;
}
.bm.o1 .f-bg0 {
  animation: opacity-01 6s 0.5s linear infinite;
}