@charset "UTF-8";
.eofun_all {
  width: 100%;
  max-width: 1920px;
  min-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #f7f9fc;
}

.eofun_all .baner_box {
  width: 100%;
  position: relative;
}

.eofun_all .baner_box #bannerSwiper a {
  display: block;
  width: 100%;
  height: 400px;
  background-size: cover;
}

.eofun_all .baner_box #bannerSwiper a img {
  display: block;
  width: 100%;
}

.eofun_all .baner_box #bannerSwiper .swiper-pagination-bullet {
  background-color: #fff;
}

.eofun_all .baner_box .from_box {
  width: 1200px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 9;
}

.eofun_all .baner_box .from_box .form {
  position: absolute;
  right: 0;
  top: 0;
  width: 320px;
  height: 400px;
  background-color: #fff;
  z-index: 4;
  padding: 40px 30px 0 30px;
  box-sizing: border-box;
}

.eofun_all .baner_box .from_box .form .f_tit {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333;
}

.eofun_all .baner_box .from_box .form .f_tit em {
  color: #f1082f;
}

.eofun_all .baner_box .from_box .form .content {
  width: 100%;
}

.eofun_all .baner_box .from_box .form .content label {
  width: 100%;
  display: block;
  position: relative;
  margin-top: 20px;
}

.eofun_all .baner_box .from_box .form .content label input,
.eofun_all .baner_box .from_box .form .content label select {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  font-size: 14px;
  color: #777777;
  padding-left: 10px;
  box-sizing: border-box;
}

.eofun_all .baner_box .from_box .form .content label ::-webkit-input-placeholder {
  color: #777;
}

.eofun_all .baner_box .from_box .form .content label .getcode {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #777777;
}

.eofun_all .baner_box .from_box .form .content .xy {
  padding-top: 6px;
  font-size: 12px;
  color: #777;
  display: flex;
  align-items: center;
}

.eofun_all .baner_box .from_box .form .content .xy input[type="checkbox"] {
  margin-right: 5px;
}

.eofun_all .baner_box .from_box .form .content .xy a {
  color: #f1082f;
}

.eofun_all .baner_box .from_box .form .content .send {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 40px;
  background: linear-gradient(to right, #ef0128, #fa3052);
}

.eofun_all .baner_box .from_box .form .content .z_w {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  padding-top: 10px;
}

.eofun_all .baner_box .from_box .form .content .z_w a {
  color: #999;
}

.eofun_all .nav_lan {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 35px 0;
  text-align: center;
}

.eofun_all .nav_lan .item {
  width: 180px;
  height: 196px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0px 0px 10px 1px #e7e8ea;
  padding-top: 20px;
  position: relative;
}

.eofun_all .nav_lan .item img {
  display: block;
  margin: 0 auto;
  width: 80px;
}

.eofun_all .nav_lan .item p {
  font-size: 18px;
  color: #333;
  position: relative;
  padding-top: 10px;
}

.eofun_all .nav_lan .item .color_d::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
  display: block;
  width: 25px;
  height: 4px;
  border-radius: 3px;
  background-color: #fc9e05;
  content: '';
}

.eofun_all .nav_lan .item .color_f::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
  display: block;
  width: 25px;
  height: 4px;
  border-radius: 3px;
  background-color: #9f93ff;
  content: '';
}

.eofun_all .nav_lan .item .color_x::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
  display: block;
  width: 25px;
  height: 4px;
  border-radius: 3px;
  background-color: #fe5e87;
  content: '';
}

.eofun_all .nav_lan .item .color_y::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
  display: block;
  width: 25px;
  height: 4px;
  border-radius: 3px;
  background-color: #1ad7ba;
  content: '';
}

.eofun_all .nav_lan .item .color_h::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
  display: block;
  width: 25px;
  height: 4px;
  border-radius: 3px;
  background-color: #669cfd;
  content: '';
}

.eofun_all .nav_lan .item .color_m::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
  display: block;
  width: 25px;
  height: 4px;
  border-radius: 3px;
  background-color: #ff9b25;
  content: '';
}

.eofun_all .nav_lan .item span {
  display: block;
  padding-top: 12px;
  width: 100%;
  color: #777;
}

.eofun_all .nav_lan .item .mo_des {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 240px;
  height: 260px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0px 0px 10px 1px #e7e8ea;
  z-index: 3;
  padding: 16px 45px 0 45px;
  display: none;
}

.eofun_all .nav_lan .item .mo_des p {
  font-size: 20px;
}

.eofun_all .nav_lan .item .mo_des .des {
  text-align: start;
  font-size: 14px;
  padding-top: 18px;
  line-height: 1.6;
  color: #777777;
  display: -webkit-box;
  /**对象作为伸缩盒子模型展示**/
  -webkit-box-orient: vertical;
  /**设置或检索伸缩盒子对象的子元素的排列方式**/
  -webkit-line-clamp: 3;
  /**显示的行数**/
  overflow: hidden;
  /**隐藏超出的内容**/
}

.eofun_all .nav_lan .item .mo_des .goBtn {
  display: block;
  width: 157px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  text-align: center;
  font-size: 16px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 25px;
}

.eofun_all .nav_lan .item .mo_des .d_color {
  color: #fc9e05;
  border: 1px solid #fc9e05;
}

.eofun_all .nav_lan .item .mo_des .d_color:hover {
  color: #fff;
  background-color: #fc9e05;
}

.eofun_all .nav_lan .item .mo_des .f_color {
  color: #9f93ff;
  border: 1px solid #9f93ff;
}

.eofun_all .nav_lan .item .mo_des .f_color:hover {
  color: #fff;
  background-color: #9f93ff;
}

.eofun_all .nav_lan .item .mo_des .x_color {
  color: #fe5e87;
  border: 1px solid #fe5e87;
}

.eofun_all .nav_lan .item .mo_des .x_color:hover {
  color: #fff;
  background-color: #fe5e87;
}

.eofun_all .nav_lan .item .mo_des .y_color {
  color: #1ad7ba;
  border: 1px solid #1ad7ba;
}

.eofun_all .nav_lan .item .mo_des .y_color:hover {
  color: #fff;
  background-color: #1ad7ba;
}

.eofun_all .nav_lan .item .mo_des .h_color {
  color: #669cfd;
  border: 1px solid #669cfd;
}

.eofun_all .nav_lan .item .mo_des .h_color:hover {
  color: #fff;
  background-color: #669cfd;
}

.eofun_all .nav_lan .item .mo_des .morelan {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  border-radius: 5px;
  color: #fc9e05;
  border: 1px solid #fc9e05;
  margin-top: 12px;
  box-sizing: border-box;
}

.eofun_all .nav_lan .item .mo_des .morelan:hover {
  color: #fff;
  background-color: #fc9e05;
}

.eofun_all .nav_lan .item .mo_des .morelan:nth-child(1) {
  margin-top: 0;
}

.eofun_all .news_free_object {
  width: 100%;
  background: url(../images/free_bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 55px 0 35px 0;
}

.eofun_all .news_free_object .p_title {
  font-size: 24px;
  font-weight: 700;
  color: #333;
}

.eofun_all .news_free_object .p_title em {
  display: inline-block;
  font-size: 14px;
  color: #999;
  font-weight: 400;
  margin-left: 15px;
}

.eofun_all .news_free_object .p_title a {
  float: right;
  display: inline-block;
  font-size: 14px;
  color: #999;
  font-weight: 400;
  padding-top: 15px;
}

.eofun_all .news_free_object ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.eofun_all .news_free_object ul li {
  width: 270px;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0px 0px 6px 2px #f4f4f4;
  margin-top: 40px;
  margin-right: 40px;
}

.eofun_all .news_free_object ul li img {
  display: block;
  width: 100%;
}

.eofun_all .news_free_object ul li .des {
  padding: 12px;
  box-sizing: border-box;
}

.eofun_all .news_free_object ul li .des h3 {
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.eofun_all .news_free_object ul li .des h3 a {
  color: #333;
}

.eofun_all .news_free_object ul li .des .tg_span {
  font-size: 12px;
  color: #fff;
  display: flex;
  padding: 12px 0;
  border-bottom: 1px solid #e5e5e5;
}

.eofun_all .news_free_object ul li .des .tg_span span {
  padding: 2px 10px;
  border-radius: 5px;
  background-color: #b9b9b9;
  margin-right: 10px;
}

.eofun_all .news_free_object ul li .des .tg_span span:nth-child(1) {
  background-color: #ff8f35;
}

.eofun_all .news_free_object ul li .des .obj_time {
  padding-top: 20px;
  font-size: 14px;
  color: #333;
  position: relative;
}

.eofun_all .news_free_object ul li .des .obj_time i {
  color: #999;
}

.eofun_all .news_free_object ul li .des .obj_time .free_red {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 22px;
  font-weight: 500;
  color: #ff2222;
}

.eofun_all .news_free_object ul li:nth-child(4n) {
  margin-right: 0;
}

.eofun_all .news_live_object {
  width: 100%;
  padding: 55px 0 35px 0;
}

.eofun_all .news_live_object .p_title {
  font-size: 24px;
  font-weight: 700;
  color: #333;
}

.eofun_all .news_live_object .p_title em {
  display: inline-block;
  font-size: 14px;
  color: #999;
  font-weight: 400;
  margin-left: 15px;
}

.eofun_all .news_live_object .p_title a {
  float: right;
  display: inline-block;
  font-size: 14px;
  color: #999;
  font-weight: 400;
  padding-top: 15px;
}

.eofun_all .news_live_object ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.eofun_all .news_live_object ul li {
  width: 270px;
  box-sizing: border-box;
  margin-top: 40px;
  margin-right: 40px;
}

.eofun_all .news_live_object ul li .live_main {
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  margin-top: 30px;
  background-color: #fff;
  box-shadow: 0px 0px 6px 2px #f4f4f4;
}

.eofun_all .news_live_object ul li .live_main img {
  display: block;
  width: 100%;
}

.eofun_all .news_live_object ul li .live_main .des {
  padding: 12px;
  box-sizing: border-box;
}

.eofun_all .news_live_object ul li .live_main .des h3 {
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.eofun_all .news_live_object ul li .live_main .des h3 a {
  color: #333;
}

.eofun_all .news_live_object ul li .live_main .des .tg_span {
  font-size: 12px;
  color: #cc874e;
  display: flex;
  padding: 12px 0;
  border-bottom: 1px solid #e5e5e5;
}

.eofun_all .news_live_object ul li .live_main .des .tg_span span {
  padding: 2px 10px;
  border-radius: 5px;
  background-color: #fff1e5;
  margin-right: 10px;
}

.eofun_all .news_live_object ul li .live_main .des .obj_time {
  padding-top: 20px;
  font-size: 14px;
  color: #333;
  position: relative;
}

.eofun_all .news_live_object ul li .live_main .des .obj_time i {
  color: #999;
}

.eofun_all .news_live_object ul li .live_main .des .obj_time .free_red {
  width: 95px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #eb0127;
  border: 1px solid #eb0127;
}

.eofun_all .news_live_object ul li .live_time {
  width: 180px;
  margin: 0 auto;
  height: 36px;
  line-height: 36px;
  border-radius: 36px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  font-size: 14px;
  position: relative;
}

.eofun_all .news_live_object ul li .live_time img {
  vertical-align: sub;
}

.eofun_all .news_live_object ul li .live_time::before {
  position: absolute;
  left: -44px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 40px;
  height: 0px;
  border-top: 1px dashed #bfbfbf;
  content: '';
}

.eofun_all .news_live_object ul li .live_time::after {
  position: absolute;
  right: -44px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 40px;
  height: 0px;
  border-top: 1px dashed #bfbfbf;
  content: '';
}

.eofun_all .news_live_object ul li:nth-child(4n) {
  margin-right: 0;
}

.eofun_all .students_news {
  width: 100%;
  background: url(../images/free_bg2.png) no-repeat;
  background-size: 100% 100%;
  padding: 50px 0 35px 0;
  box-sizing: border-box;
}

.eofun_all .students_news .p_title {
  font-size: 24px;
  font-weight: 700;
  color: #333;
}

.eofun_all .students_news .p_title em {
  display: inline-block;
  font-size: 14px;
  color: #999;
  font-weight: 400;
  margin-left: 15px;
}

.eofun_all .students_news .p_title a {
  float: right;
  display: inline-block;
  font-size: 14px;
  color: #999;
  font-weight: 400;
  padding-top: 15px;
}

.eofun_all .hot_datas {
  width: 100%;
  padding: 55px 0 35px 0;
}

.eofun_all .hot_datas .p_title {
  font-size: 24px;
  font-weight: 700;
  color: #333;
}

.eofun_all .hot_datas .p_title em {
  display: inline-block;
  font-size: 14px;
  color: #999;
  font-weight: 400;
  margin-left: 15px;
}

.eofun_all .hot_datas .p_title a {
  float: right;
  display: inline-block;
  font-size: 14px;
  color: #999;
  font-weight: 400;
  padding-top: 15px;
}

.eofun_all .hot_datas .data-list {
  width: 100%;
  background-color: #fff;
  padding: 25px;
  box-sizing: border-box;
  display: flex;
  margin-top: 30px;
  border-radius: 10px;
  flex-wrap: wrap;
}

.eofun_all .hot_datas .data-list a {
  width: 256px;
  box-sizing: border-box;
  margin-right: 40px;
  display: flex;
  margin-top: 40px;
}

.eofun_all .hot_datas .data-list a .lf_data {
  width: 108px;
}

.eofun_all .hot_datas .data-list a .lf_data img {
  display: block;
  width: 100%;
}

.eofun_all .hot_datas .data-list a .des_data {
  padding-left: 10px;
  box-sizing: border-box;
  flex: 1;
}

.eofun_all .hot_datas .data-list a .des_data p {
  font-size: 18px;
  color: #333;
  display: -webkit-box;
  /**对象作为伸缩盒子模型展示**/
  -webkit-box-orient: vertical;
  /**设置或检索伸缩盒子对象的子元素的排列方式**/
  -webkit-line-clamp: 2;
  /**显示的行数**/
  overflow: hidden;
  /**隐藏超出的内容**/
  padding-top: 15px;
}

.eofun_all .hot_datas .data-list a .des_data em {
  display: block;
  padding-top: 25px;
  font-style: 14px;
  color: #999;
}

.eofun_all .hot_datas .data-list a .des_data em i {
  color: #ff3c3e;
}

.eofun_all .hot_datas .data-list a:nth-child(4n) {
  margin-right: 0;
}

.eofun_all .hot_datas .data-list a:nth-child(-n+4) {
  margin-top: 0;
}

.eofun_all .study_news {
  width: 100%;
  background: url(../images/free_bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 55px 0 15px 0;
}

.eofun_all .study_news .p_title {
  font-size: 24px;
  font-weight: 700;
  color: #333;
}

.eofun_all .study_news .p_title em {
  display: inline-block;
  font-size: 14px;
  color: #999;
  font-weight: 400;
  margin-left: 15px;
}

.eofun_all .study_news .p_title a {
  float: right;
  display: inline-block;
  font-size: 14px;
  color: #999;
  font-weight: 400;
  padding-top: 15px;
}

.eofun_all .study_news .tab_news {
  display: flex;
  font-size: 16px;
  padding: 35px 0 20px 0;
  border-bottom: 1px solid #e5e5e5;
}

.eofun_all .study_news .tab_news a {
  margin-right: 60px;
  color: #333;
}

.eofun_all .study_news .tab_news .active {
  color: #eb0127;
  position: relative;
}

.eofun_all .study_news .tab_news .active::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
  display: block;
  width: 100%;
  height: 5px;
  border-radius: 4px;
  background-color: #eb0127;
  content: '';
}

.eofun_all .study_news .main {
  width: 100%;
}

.eofun_all .study_news .main ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.eofun_all .study_news .main ul li {
  width: 48%;
  padding: 30px 0;
  border-bottom: 1px solid #e5e5e5;
}

.eofun_all .study_news .main ul li a {
  display: flex;
  width: 100%;
}

.eofun_all .study_news .main ul li a .l_img {
  width: 240px;
}

.eofun_all .study_news .main ul li a .l_img img {
  display: block;
  width: 100%;
}

.eofun_all .study_news .main ul li a .r_des {
  flex: 1;
  box-sizing: border-box;
  padding-left: 20px;
}

.eofun_all .study_news .main ul li a .r_des h3 {
  font-size: 16px;
  color: #333;
  font-weight: 500;
  display: -webkit-box;
  /**对象作为伸缩盒子模型展示**/
  -webkit-box-orient: vertical;
  /**设置或检索伸缩盒子对象的子元素的排列方式**/
  -webkit-line-clamp: 1;
  /**显示的行数**/
  overflow: hidden;
  /**隐藏超出的内容**/
}

.eofun_all .study_news .main ul li a .r_des p {
  font-size: 14px;
  color: #999;
  padding-top: 15px;
  line-height: 1.6;
  display: -webkit-box;
  /**对象作为伸缩盒子模型展示**/
  -webkit-box-orient: vertical;
  /**设置或检索伸缩盒子对象的子元素的排列方式**/
  -webkit-line-clamp: 2;
  /**显示的行数**/
  overflow: hidden;
  /**隐藏超出的内容**/
}

.eofun_all .study_news .main ul li a .r_des em {
  display: block;
  font-size: 14px;
  color: #999;
  padding-top: 15px;
}

.eofun_all .study_news .main ul li:last-child {
  border-bottom: 0;
}

.eofun_all .study_news .main ul li:nth-last-child(2) {
  border-bottom: 0;
}

.bullet-chat .run span:after {
  content: "";
  width: 9px;
  height: 16px;
  position: absolute;
  top: 3px;
  right: -18px;
  background: url(/assets/new_edition/home/images/a_arrow_icon.png) 50% no-repeat;
  background-size: contain;
}

.bullet-chat-box {
  position: relative;
  overflow-x: hidden;
}

.bullet-chat-box:after,
.bullet-chat-box:before {
  content: "";
  width: 110px;
  height: 250px;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0.02), #fff);
  z-index: 10;
}

.bullet-chat-box:after {
  left: auto;
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.02), #fff);
}

.bullet-chat {
  height: 270px;
  width: 30000000%;
  margin: 28px auto 0;
  position: relative;
  background-color: #fff;
}

.bullet-chat .slide-contian {
  height: 70px;
  margin-bottom: 30px;
  position: relative;
  display: inline-block !important;
  position: absolute;
  left: 0;
}

.bullet-chat .slide-contian.slide-contian1 {
  top: 88px;
}

.bullet-chat .slide-contian.slide-contian2 {
  top: 178px;
}

.bullet-chat .slide-contian.running0 {
  -webkit-animation: move 32s linear 0s infinite;
  animation: move 32s linear 0s infinite;
}

.bullet-chat .slide-contian.running1 {
  -webkit-animation: moveTwo 39s linear 0s infinite;
  animation: moveTwo 39s linear 0s infinite;
}

.bullet-chat .slide-contian.running2 {
  -webkit-animation: moveThree 36s linear 0s infinite;
  animation: moveThree 36s linear 0s infinite;
}

.bullet-chat:hover .slide-contian {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.bullet-chat .run {
  border: 1px solid #e5e5e5;
  border-radius: 50px;
  box-sizing: border-box;
  position: relative;
  margin-right: 16px;
  float: left;
  background-color: #f7f9fc;
  padding: 7px 15px;
  display: flex;
  align-items: center;
}

.bullet-chat .run .lf_head {
  width: 55px;
}

.bullet-chat .run .lf_head img {
  display: block;
  width: 100%;
}

.bullet-chat .run .right_mes {
  padding-left: 15px;
  box-sizing: border-box;
}

.bullet-chat .run .right_mes p {
  font-size: 16px;
  color: #333;
}

.bullet-chat .run .right_mes span {
  display: block;
  font-size: 14px;
  color: #666;
}

.bullet-chat .run .right_mes span em {
  color: #f61e42;
}

.bullet-chat .run:hover {
  background: linear-gradient(to right, #ef0128, #fa3152);
}

.bullet-chat .run:hover p, .bullet-chat .run:hover span {
  color: #fff;
}

.bullet-chat .run:hover p em, .bullet-chat .run:hover span em {
  color: #fff;
}

.bullet-chat a {
  float: left;
}

.bullet-chat .slide-contian2 {
  margin-bottom: 0;
}

@-webkit-keyframes -webkit-move {
  0% {
    -webkit-transform: translate(0);
  }
  to {
    -webkit-transform: translate(var(--box-width));
  }
}

@keyframes -webkit-move {
  0% {
    -webkit-transform: translate(0);
  }
  to {
    -webkit-transform: translate(var(--box-width));
  }
}

@-webkit-keyframes -moz-move {
  0% {
    -moz-transform: translate(0);
  }
  to {
    -moz-transform: translate(var(--box-width));
  }
}

@keyframes -moz-move {
  0% {
    -moz-transform: translate(0);
  }
  to {
    -moz-transform: translate(var(--box-width));
  }
}

@-webkit-keyframes -ms-move {
  0% {
    -ms-transform: translate(0);
  }
  to {
    -ms-transform: translate(var(--box-width));
  }
}

@keyframes -ms-move {
  0% {
    -ms-transform: translate(0);
  }
  to {
    -ms-transform: translate(var(--box-width));
  }
}

@-webkit-keyframes -o-move {
  0% {
    -o-transform: translate(0);
  }
  to {
    -o-transform: translate(var(--box-width));
  }
}

@keyframes -o-move {
  0% {
    -o-transform: translate(0);
  }
  to {
    -o-transform: translate(var(--box-width));
  }
}

@-webkit-keyframes move {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translate(var(--box-width));
    transform: translate(var(--box-width));
  }
}

@keyframes move {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translate(var(--box-width));
    transform: translate(var(--box-width));
  }
}

@-webkit-keyframes -webkit-moveTwo {
  0% {
    -webkit-transform: translate(0);
  }
  to {
    -webkit-transform: translate(var(--box2-width));
  }
}

@keyframes -webkit-moveTwo {
  0% {
    -webkit-transform: translate(0);
  }
  to {
    -webkit-transform: translate(var(--box2-width));
  }
}

@-webkit-keyframes -moz-moveTwo {
  0% {
    -moz-transform: translate(0);
  }
  to {
    -moz-transform: translate(var(--box2-width));
  }
}

@keyframes -moz-moveTwo {
  0% {
    -moz-transform: translate(0);
  }
  to {
    -moz-transform: translate(var(--box2-width));
  }
}

@-webkit-keyframes -ms-moveTwo {
  0% {
    -ms-transform: translate(0);
  }
  to {
    -ms-transform: translate(var(--box2-width));
  }
}

@keyframes -ms-moveTwo {
  0% {
    -ms-transform: translate(0);
  }
  to {
    -ms-transform: translate(var(--box2-width));
  }
}

@-webkit-keyframes -o-moveTwo {
  0% {
    -o-transform: translate(0);
  }
  to {
    -o-transform: translate(var(--box2-width));
  }
}

@keyframes -o-moveTwo {
  0% {
    -o-transform: translate(0);
  }
  to {
    -o-transform: translate(var(--box2-width));
  }
}

@-webkit-keyframes moveTwo {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translate(var(--box2-width));
    transform: translate(var(--box2-width));
  }
}

@keyframes moveTwo {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translate(var(--box2-width));
    transform: translate(var(--box2-width));
  }
}

@-webkit-keyframes -webkit-moveThree {
  0% {
    -webkit-transform: translate(0);
  }
  to {
    -webkit-transform: translate(var(--box3-width));
  }
}

@keyframes -webkit-moveThree {
  0% {
    -webkit-transform: translate(0);
  }
  to {
    -webkit-transform: translate(var(--box3-width));
  }
}

@-webkit-keyframes -moz-moveThree {
  0% {
    -moz-transform: translate(0);
  }
  to {
    -moz-transform: translate(var(--box3-width));
  }
}

@keyframes -moz-moveThree {
  0% {
    -moz-transform: translate(0);
  }
  to {
    -moz-transform: translate(var(--box3-width));
  }
}

@-webkit-keyframes -ms-moveThree {
  0% {
    -ms-transform: translate(0);
  }
  to {
    -ms-transform: translate(var(--box3-width));
  }
}

@keyframes -ms-moveThree {
  0% {
    -ms-transform: translate(0);
  }
  to {
    -ms-transform: translate(var(--box3-width));
  }
}

@-webkit-keyframes -o-moveThree {
  0% {
    -o-transform: translate(0);
  }
  to {
    -o-transform: translate(var(--box3-width));
  }
}

@keyframes -o-moveThree {
  0% {
    -o-transform: translate(0);
  }
  to {
    -o-transform: translate(var(--box3-width));
  }
}

@-webkit-keyframes moveThree {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translate(var(--box3-width));
    transform: translate(var(--box3-width));
  }
}

@keyframes moveThree {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translate(var(--box3-width));
    transform: translate(var(--box3-width));
  }
}

:root {
  --box-width: -1000px;
}

:root {
  --box2-width: -1000px;
}

:root {
  --box3-width: -1000px;
}