@media screen and (max-width: 1299px) {
  html {
    font-size: .875rem;
    font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';
    height: calc(100% - env(SAFE-AREA-INSET-TOP, 0rem));
  }

  body {
    height: calc(100% - env(SAFE-AREA-INSET-TOP, 0rem));
  }

  .home1 {
    display: none;
  }

  .home2 {
    display: block;
    margin-top: 3.7rem;
  }

  .lvsu1 {
    display: none;
  }

  .lvsu2 {
    display: block;
  }

  .layout {

    width: 100%;
  }

  .layout .header {
    width: 100%;
    height: 3.7851rem;
    background: #222222;
    position: fixed;
    top: 0;
    z-index: 99;
  }

  .layout .header .headerLogo {
    float: left;
    margin-top: 1.9827rem;
    display: none;
  }

  .layout .header .navList {
    background-color: #111;
  }

  .layout .header .navList ul {
    /* overflow-x: scroll;
      overflow-y: hidden; */
    white-space: nowrap;

  }

  .layout .header .navList ul li {
    position: relative;
    transition-duration: 0.3s;
    display: inline-block;
  }

  .layout .header .navList ul li:first-child {
    margin-left: .6309rem;
  }

  .layout .header .navList ul li:last-child {
    margin-right: .6309rem;
  }

  .layout .header .navList ul li a {
    font-size: 1.104rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 .6309rem 0;
    opacity: 0.6;
    height: 3.7851rem;
    line-height: 3.7851rem;
  }

  .layout .header .navList ul li a.on {
    color: #88BD42 !important;
    opacity: 1;
  }

  .layout .header .navList ul .item_lvSuFengHui a.on {
    color: #88BD42 !important;
  }

  .layout .header .navList ul .item_lvSuFengHui .navLiMenu {
    padding: 1.8025rem 2.5234rem;
    color: white;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.2s;
    top: 6.4888rem;
    white-space: nowrap;
    background-color: #4D4D4D;
    font-size: 1.1716rem;
  }

  .layout .header .navList ul .item_lvSuFengHui .navLiMenu a:first-child {
    font-size: 1.3518rem;
    margin-right: auto;
    margin-bottom: .7209rem;
  }

  .layout .header .navList ul .item_lvSuFengHui .navLiMenu a {
    color: white;
    line-height: 2.5234rem;
    margin-left: 0rem;
    margin-right: auto;
  }


  .layout .header .navList ul .item_guest a.on {
    color: #88BD42 !important;
  }

  .layout .header .navList ul .item_guest .navLiMenu {
    padding: 1.8025rem 2.5234rem;
    white-space: nowrap;
    color: white;
    position: absolute;
    opacity: 0;
    transition-duration: 0.2s;
    visibility: hidden;
    top: 6.4888rem;
    background-color: #4D4D4D;
  }

  .layout .header .navList ul .item_guest .navLiMenu a {
    color: white;
    font-size: 1.3518rem;
    line-height: 1.8025rem;
    margin-left: 0rem;
    margin-right: auto;
    margin-top: 0rem;
  }

  .layout .header .navList ul .item_guest .navLiMenu a:first-child {
    margin-bottom: 0;
  }


  .banner .bannerText {
    height: 47.3141rem;
    background: url('../images/banner@3x.jpg')center no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    object-fit: fill;
  }

  .banner .bannerText .clare {
    font-size: 1.8926rem;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 3.1543rem;
    margin-bottom: .9463rem;
    margin-left: 1.2617rem;
  }

  .banner .bannerText .clare .left {
    color: #003531;
    margin-right: .9012rem;
  }

  .banner .bannerText .clare .right {
    color: #FFFFFF;
  }

  .banner .bannerText .list {
    font-size: 1.0251rem;
    color: #ffffff;
    line-height: 2.0503rem;
    margin-bottom: 3.1543rem;
    margin-left: 1.2617rem;
  }

  .banner .bannerText .list .left {
    width: 12.6171rem;
    margin-right: 1.2617rem;
    font-family: 'Microsoft YaHei';
  }

  .banner .bannerText .list .title {
    font-weight: bold;
  }

  .cooperate {
    padding: 3.1543rem 1.2617rem 1.8926rem;
    background: #F5F5F5;
  }

  .cooperate .title {
    font-size: 1.2617rem;
    font-family: "PingFangSC-Medium", "PingFang SC";
    font-weight: bold;
    color: #222222;
    line-height: 2.208rem;
    margin-bottom: .9463rem;
  }

  .cooperate .content {
    font-size: 1.0251rem;
    font-family: " PingFangSC-Regular", "PingFang SC";
    font-weight: 400;
    color: #333333;
    line-height: 2.0503rem;
    margin-bottom: 2.5234rem /* 32/12.6812 */;
  }
  .cooperate .content p{
    font-weight: 600;
    font-size: 1.0251rem /* 13/12.6812 */;
    color: #88BD42;
    line-height: 2.0503rem /* 26/12.6812 */;
  }

  .cooperate .list {
    flex-wrap: wrap;
    text-align: center;
  }

  .cooperate .list li {
    width: 7.6491rem;
    height: 6.3086rem;
    padding-left: .4731rem;
    padding-right: .4731rem;
    margin-right: .6309rem;
    margin-top: .9463rem;
  }

  .cooperate .list li:nth-child(3n) {
    margin-right: 0;
  }

  .cooperate .list li div:first-child {
    font-size: 1.8926rem;
    font-family: "PingFangSC-Semibold", "PingFang SC";
    font-weight: 600;
    color: #88BD42;
    line-height: 2.5234rem;
  }

  .cooperate .list li div:last-child {
    font-size: .9463rem;
    font-weight: 400;
    color: #333333;
    line-height: 1.2617rem;
    margin-top: .6309rem;
  }

  .guest {
    background: url(../images/bg_guestMobile.png) center no-repeat;
    background-size: cover;
    color: white;
    padding: 3.1543rem 0 3.7851rem;
    background-size: cover;
  }

  .top {
    height: 5.8354rem;
    text-align: center;
    background: url(../images/bg1_titleMobile.png) center no-repeat;
    padding-top: 1.7349rem;
     background-size: contain;
  }

  .top .one {
    font-size: 1.8926rem;
    font-weight: 400;
    line-height: 2.6023rem;
  }

  .top .two {
    font-size: .9463rem;
    font-weight: 400;
    line-height: 1.3406rem;
    opacity: 0.6;
  }

  .top .line_white {
    width: 6.3986rem;
    height: .1803rem;
    background: #FFFFFF;
    border-radius: .3605rem;
    margin: 0 auto;
  }

  .top .line_black {
    width: 6.3986rem;
    height: .1803rem;
    background: black;
    border-radius: .3605rem;
    margin: 0 auto;
  }

  .top .linetop {
    margin-top: 1.2617rem;
  }

  .guest ul {
    text-align: center;
    margin-top: 2.208rem;
  }

  .guest ul li {
    font-size: 1.104rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5771rem;
    margin-top: 1.2617rem;
  }

  .meeting {
    padding-top: 3.1543rem;
  }

  #mobileSwiper1 {
    margin-top: 2.208rem;

  }

  .meeting .mobileSwiper1 .swiperBox {
    margin: 0 1.2617rem;
    height: 17.9794rem;
  }

  .meeting .mobileSwiper1 .swiperBox img {
    width: 100%;
    height: 100%;
    border-radius: .6309rem .6309rem 0 0;
  }

  .meeting .mobileSwiper1 .content {
    height: 15.1405rem;
    background: #F5F5F5;
    border-radius: 0rem 0rem .6309rem .6309rem;
    padding: 1.5771rem 1.5771rem 0 1.5771rem;
    margin: 0 1.2617rem;
  }

  .meeting .mobileSwiper1 .content .title {
    font-size: 1.2617rem;
    font-weight: bold;
    color: #496931;
    line-height: 1.7349rem;
    margin-bottom: .6309rem;
    font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';
  }

  .meeting .mobileSwiper1 .content .text {
    font-size: 1.104rem;
    font-weight: 400;
    color: #333333;
    line-height: 2.208rem;
    font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';
  }

  .mobile-swiper-pagination1,
  .mobile-swiper-pagination2 {
    text-align: center;
    margin-top: 1.2617rem;
  }

  .mobile-swiper-pagination-bullet1 {
    display: inline-block;
    width: .6309rem;
    height: .3154rem;
    background: #88BD42;
    border-radius: .3943rem;
    opacity: 0.4;
    margin: .3154rem;
  }

  .mobile-bullet-active1 {
    display: inline-block;
    width: 1.5771rem;
    height: .3154rem;
    background: #88BD42;
    border-radius: .3943rem;
    opacity: 1;
  }

  .highlight-box {
    width: 3.7851rem;
    height: 8.2011rem;
    background-color: rgba(228, 107, 32, 0.6);
    writing-mode: vertical-rl;
    font-size: 1.2617rem;
    line-height: 1.5771rem;
    color: white;
    text-align: center;
    border-radius: 2.3657rem;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(.7886rem);
    -webkit-backdrop-filter: blur(.7886rem);
    float: right;
    margin-right: 1.5771rem;
    margin-top: -5.2046rem;
    position: relative;
    z-index: 10;
  }

  .highlight-box p {
    letter-spacing: .1577rem;
  }

  .hotelShow {
    margin-top: 2.8388rem
  }
  .hotelShow .top {
    background: url(../images/bg2_title.png) center no-repeat;
    height: 7.0971rem;
    padding-top: 1.7349rem;
    background-size: contain;
  }
  .hotelShow .top .two{
    margin: 0 auto;
  }

  #mobileSwiper2 {
    margin-top: 2.208rem;
  }

  .mobileSwiper2 .top {
    background: #F5F5F5;
    justify-content: space-between;
    align-items: center;
    padding: 1.2617rem 0 .9463rem 1.5771rem;
    border-radius: .5625rem .5625rem 0 0;
    margin: 0 1.2617rem;
    height: 2.8388rem;
  }

  .mobileSwiper2 .top .left {
    font-size: 1.4194rem;
    font-weight: 400;
    color: #496931;
    line-height: 2.8388rem;
    font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';
  }

  .mobileSwiper2 .top .right {
    font-size: 1.2617rem;
    font-weight: 400;
    color: #333333;
    line-height: 1.8025rem;
    opacity: 0.8;
    font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';

  }

  .mobileSwiper2 .swiperBox {
    background: #F5F5F5;
    padding: 0 1.5771rem;
    margin: 0 1.2617rem;
  }

  .mobileSwiper2 .swiperBox img {
    width: 100%;
    height: 100%;
  }

  .mobileSwiper2 .content5 {
    justify-content: center;
    text-align: center;
    padding-top: 2.8388rem !important;
    height: 10.7245rem !important;
  }

  .mobileSwiper2 .content5 .li {
    width: 33.33%;
    height: 10.7245rem;
  }

  .mobileSwiper2 .content5 .li img {
    margin: 0rem auto .6309rem;
    width: 3.7851rem;
    height: 3.7851rem;
  }

  .mobileSwiper2 .content5 .li p {
    font-size: 1.0251rem;
    font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';
    font-weight: 400;
    color: #333333;
    line-height: 1.4194rem;
  }

  .mobileSwiper2 .content {
    background: #F5F5F5;
    padding: 0 1.5771rem;
    color: #333333;
    line-height: 2.208rem;
    font-size: 1.104rem;
    height: 13.5634rem;
    border-radius: 0 0 .5625rem .5625rem;
    margin: 0 1.2617rem;
  }

  .mobileSwiper2 .content .title {
    font-family: "PingFangSC-Semibold", "PingFang SC";
    font-weight: 600;
    padding: 1.5771rem 0 .6309rem 0;
  }

  .mobileSwiper2 .content .text {
    font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';
    font-weight: 400;
  }

  .hotelmeet {
    margin-top: 5.0468rem;
  }

  .hotelmeet .top {
    background: url(../images/bg2_title.png) center no-repeat;
    height: 7.0971rem;
    padding-top: 1.7349rem;
    background-size: contain;
  }

  .hotelmeet .top .two {
    width: 16.0868rem;
    margin: 0 auto;
  }

  .hotelmeet .navList1 {
    overflow-x: scroll;
    white-space: nowrap;
    margin-top: 2.208rem;
  }

  .hotelmeet .navScroll1 {
    display: flex;
    /* 使用flexbox布局 */
    flex-wrap: wrap;
    /* 允许换行 */
    width: 116.70842499999999rem;
    height: 26.3382rem;
    /* flex-direction: column; */
    margin-bottom: .9463rem;
    margin-left: 1.2617rem;
  }

  .hotelmeet .navScroll1 li {
    margin-right: 1.2617rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 22.0799rem;
  }
  .hotelmeet .navScroll1 li img{
    width: 22.0799rem /* 280/12.6812 */;
    height: 9.4628rem /* 120/12.6812 */;
    border-radius: .6309rem;
    margin-bottom: .6309rem;
  }
  .hotelmeet .navScroll1 li div{
    font-size: 1.1829rem;
    line-height: 1.7349rem;
    color: #333333;
    margin-bottom: 1.2617rem;
  }

  .hotelmoon {
    margin-top: 5.0468rem;
  }
  .hotelmoon .top{
    background: url(../images/bg2_title.png) center no-repeat;
    height: 7.0971rem;
    padding-top: 1.7349rem;
    background-size: contain;
  }
  .award{
    width: 26.9691rem;
    height: 62.7701rem /* 796/12.6812 */;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
    margin: 0 auto;
    border-radius: .6309rem /* 8/12.6812 */;
    overflow: hidden;
  }
  .award img{
    width: 100%;
    height: 100%;
    object-fit: fill; /* 拉伸图片以填满容器，可能会导致图片变形 */
  }
  .award .tixi.text1{
    grid-row: span 2;
    background-color: #F5F5F5;
    color: #333333;
    display: flex;
    flex-direction: column;
    padding:0 .9463rem;
    border-radius: 0 .6309rem 0 0;
  }
  .title1{
    font-size: 1.104rem;
    color: #333333;
    line-height: 2.208rem;
    font-weight: bold;
    text-align: center;
  }
  .ltext{
    font-size: 0rem;
    color: #333333;
    line-height: 1.4194rem;
    text-align: center;
    margin-top: .6309rem;
  }
  .ltext li{
    font-size: 1.0251rem;
    border-radius: .3154rem;
    border: .0789rem solid #BBBBBB;
    margin-right: .6309rem;
    display: inline-block;
    padding: .1577rem .3943rem;
    line-height: 1.4194rem;
    margin-bottom: .6309rem;
  }
  .ltext li:nth-child(2n){
    margin-right: 0;
  }
  .ltext1{
    font-size: 1.0251rem;
    color: #333333;
    line-height: 1.8926rem;
    text-align: center;
    margin-top: .6309rem;
    margin-bottom: 1.8926rem;
  }
  .award .tixi.text2{
    grid-row: span 1;
    grid-column: span 2;
    background-color: #88BD42;
    color: #333333;
    display: flex;
    flex-direction: column;
  }
  .tixi{
    display: flex;
  }

  .hotelmoon .content {
    background: #ffffff;
    margin-top: 2.208rem;
    color: #333333;
    line-height: 2.7938rem;
  }

  .hotelmoon .content .img img {
    width: 100%;
  }

  .hotelmoon .content .list {
    text-align: center;
    padding: 1.9827rem 0;
  }

  .hotelmoon .content .list li {
    font-family: MicrosoftYaHei;
  }

  .hotelmoon .content .list ul:nth-child(2) {
    margin: 1.1716rem 0;
  }

  .makemeeting {
    margin-top: 5.0468rem;
    padding-bottom: 3.1543rem;
  }

  .makemeeting .content {
    margin: 2.208rem 1.2617rem 0 1.2617rem;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .makemeeting .content div {
    width: 12.9325rem;
    margin-bottom: 1.2617rem;
  }

  .makemeeting .content div img {
    width: 100%;
    border-radius: .6309rem /* 8/12.6812 */;
  }

  .makemeeting .content div p {
    width: 100%;
    font-size: .9463rem;
    font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';
    font-weight: 400;
    color: #496931;
    background: #F5F5F5;
    border-radius: 0 0 .6309rem .6309rem;
    text-align: center;
    padding: .3154rem 0 .2366rem 0;
    line-height: 1.3406rem;
  }


  .lvsunight {
    margin-top: .6309rem;
    padding-bottom: 2.5234rem;
  }
  .lvsunight .top{
    background: url(../images/bg2_title.png) center no-repeat;
    height: 7.0971rem;
    padding-top: 1.7349rem;
    background-size: contain;
  }

  .lvsunight .content {
    margin: 2.208rem 1.2617rem 0 1.2617rem;
  }

  .lvsunight .content .wrap {
    margin-bottom: 1.2617rem;
  }

  .lvsunight .content .wrap img {
    width: 100%;
    height: 8.6743rem;
    display: block;
    border-radius: .6309rem .6309rem 0 0;
  }

  .lvsunight .content .wrap div {
    font-size: 1.104rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 2.208rem;
    text-align: center;
    padding: 1.2617rem 0;
    background: #F5F5F5;
    border-radius: 0 0 .6309rem .6309rem;
  }

  .news {
    background: #f5f5f5;
    padding-top: 3.1543rem;
    position: relative;
  }
  .news .top{
    background: url(../images/bg3_title.png) center no-repeat;
    height: 4.416rem;
    padding-top: 1.7349rem;
    background-size: contain;

  }

  .news .content {
    overflow: hidden;
    width: 100%;
    margin-top: 2.208rem;
    position: relative;
  }

  #scrollContent {
    overflow: scroll;
    white-space: nowrap;
    padding-bottom: 2.208rem;
  }

  .clearthumb {
    position: absolute;
    background-color: #f5f5f5;
    width: 1.2617rem;
    height: .8112rem;
    bottom: 1.7664rem;
  }

  /* .content ::-webkit-scrollbar {
      height: 3.1703px;
    }
  
    .news .content ::-webkit-scrollbar-thumb {
      background: #c4c4c4;
      border-radius: 3.9629px;
    } */

  .news .content li {
    width: 16.5599rem;
    display: inline-block;
    padding-left: 1.2617rem;
    vertical-align: top;
  }

  .news .content li:first-child {
    padding-left: 1.2617rem;
  }

  .news .content li:last-child {
    padding-right: 1.2617rem;
  }

  .news .content li a img {
    width: 100%;
    height: 11.04rem;
    border-radius: .6309rem;
    margin-bottom: .6309rem;
  }

  .news .content li a p {
    font-size: 1.1829rem;
    font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';
    font-weight: 400;
    color: #333333;
    line-height: 1.7349rem;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .news .clearScroll {
    position: absolute;
    height: .757rem;
    background: black;
    bottom: 0;
    left: 1.2617rem;
    right: 1.2617rem;
    z-index: 5;
  }

  .news .clearScroll div {
    width: 4.5061rem;
    height: .757rem;
    background: white;

  }

  .agency {
    background: #f5f5f5;
    padding: 2.8388rem 1.2617rem 3.7851rem 1.2617rem;
  }
  .agency .top{
    background: url(../images/bg3_title.png) center no-repeat;
    height: 4.416rem;
    padding-top: 1.7349rem;
    background-size: contain;
  }

  .agency .content {
    margin-top: 2.208rem;
  }

  .agency .content h3 {
    font-size: 1.2617rem;
    font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';
    font-weight: 400;
    color: #222222;
    line-height: 1.7349rem;
  }

  .agency .content ul {
    justify-content: space-between;
    flex-wrap: wrap;
    padding: .9463rem 0 0 0;
    margin-bottom: .8674rem;
  }

  .agency ul li {
    width: 13.0114rem;
    height: 2.5234rem;
    background: #FFFFFF;
    font-size: .9463rem;
    font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';
    font-weight: 400;
    color: #484848;
    line-height: 2.5234rem;
    text-align: center;
    margin-bottom: .7097rem;
    border: .0789rem solid #EEEEEE;
  }

  .footerMob {
    text-align: center;
    background: #f5f5f5;
    font-size: .9463rem;
    font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';
    font-weight: 400;
    color: #888888;
    line-height: 1.3406rem;
    border-top: .0789rem solid #dddddd;
    padding: 1.2617rem 0 6.3086rem 0;
  }

  .footerMob :last-child {
    margin-top: .3605rem;
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
  }

  .fixButton {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 0 1.2617rem;
    justify-content: space-between;
    padding: .6309rem 1.2617rem;
    background-color: #f8f8f8;
  }

  .fixButton a {
    display: block;
    width: 12.9325rem;
    height: 3.7851rem;
    background: #E46B20;
    border-radius: .6309rem;
    font-size: 1.1829rem;
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
    line-height: 3.7851rem;
    text-align: center;
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
  }

  .fixButton a:first-child {
    background: #1C3498;
  }

  .fixButton a:first-child {
    background: #88BD42;
  }

  #mobiledown {
    width: .6309rem;
    height: .6309rem;
    display: inline-block;
    transform: translateY(-0.0901rem);
  }

  .navLiMenu2 {
    display: none;
    position: absolute;
    right: -3.7851rem;
    top: 4.7945rem;
    width: 12.7072rem;
  }

  .navLiMenu2 img {
    margin: 0 auto;
    width: .9913rem;
    height: .6309rem;
  }

  .navLiMenu2 div {
    background-color: #222;
    color: white;
    font-size: 1.3518rem;
    font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
  }

  .navLiMenu2 div a {
    height: 3.9654rem;
  }

  .navLiMenu2 div a:last-child {
    margin-top: 1.9827rem;
  }

  .guest1 {
    display: none !important;
  }

  .guest2 {
    display: inline-block;
  }

  .navScroll {
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .shadow {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 98;
  }
  .seemore{
    display: flex;
    font-size: 1.0251rem;
    line-height: 1.4194rem;
    justify-content: center;
    align-items: center;
    margin-top: -0.6309rem;
    color: #666666;
  }
  .seemore img{
    width: .7097rem;
    height: .4731rem;
    margin-left: .3154rem;
  }
}

.flex {
  display: -moz-box;
  /*firefox*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-box;
  /*Safari*/
  display: -webkit-flex;
  /*Chrome*/
  display: box;
  display: flexbox;
  display: flex;
}