.g-t-ac{
    text-align: center;
}
body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, hr, input, li, ol, p, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
div{
    box-sizing: border-box;
}
  /* flex */
  .gxcs-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .gxcs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  
  .justify-conetnt-between {
    display: flex;
    justify-content: space-between;
  }
  
  .align-items {
    align-items: center;
  }
  .flex-colum{
      flex-direction: column;
  }
  .flex-row{
      flex-direction: row;
  }
  .flex-1{
      flex: 1;
  }
  .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -15px;
    margin-left: -15px; */
  }
  .col-lg10-4{
    flex: 0 0 40%;
    width: auto;
    max-width: 100%;
  }
  .col-lg10-6{
    flex: 0 0 60%;
    width: auto;
    max-width: 100%;
  }
  .col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  
  .col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  
  .col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  
  .col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  
  .col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  
  .col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  
  .col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  
  .col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  
  .col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  
  .col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  
  .col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  
  .col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  
  .col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
/* 背景颜色 */
.gxcs-bg-1f{
    background-color: #1577ff;
  }
  .gxcs-bg-8d{
    background-color: #8D0AFF;
  }
  .gxcs-bg-ff0{
    background-color: #FF0A49;
  }
  .gxcs-bg-ffa{
    background-color: #FF700A;
  }
  .gxcs-bg-fa2{
    background-color: #FFA20A;
  }
  .gxcs-bg-ef{
    background-color: #EFF3F9;
  }
  .gxcs-bg-ff{
      background-color:#fff;
  }
  .gxcs-bg-3b{
      background-color: #3B4054;
  }
/* 浮动 */
.fl-lf{
    float: left;
}
.fl-r{
    float: right;
}
/* 定位 */
.gxcs-relative{
    position: relative;
}
  /* 内边距 */
.pd-40{
    padding: 40px;
  }
.pd-t-15{
    padding-top:15px ;
}
.pd-b-15{
    padding-bottom: 15px;
}
.pd-r-15{
    padding-right: 15px;
}
.pd-b-50{
    padding-bottom: 50px;
}
.pd-40{
    padding: 40px;
}
.pd-t-70{
    padding-top: 70px;
}
  /* 外边距 */
.mr-b-45{
    margin-bottom: 45px;
}
.mr-t-22{
    margin-bottom: 22px;
}
.mr-t-10{
    margin-top: 10px;
}
.mr-t-50{
    margin-top: 50px;
}
.mr-r-15{
    margin-right: 15px;
}
.mr-r-10{
    margin-right: 10px;
}
.mr-l-10{
    margin-left: 7px;
}
  /*字体大小  */
  .tit-p-24{
      font-size: 24px;
      
  }
  .text-20{
      font-size: 20px !important;
  }
  .tit-bold{
      font-weight: bold;
  }
  .text-16{
      font-size: 16px;
  }
  .text-trans{
      text-transform: none;
  }
  .text-30{
      font-size: 30px !important;
  }
  .text-50{
      font-size: 50px !important;
  }
  /* 字体位置 */
  .t-a-c{
      text-align: center;
  }
  .t-a-r{
      text-align: right;
  }
  /* color */
  .color-f{
      color: #fff !important;
  }
  .color-15{
      color: #1577ff;
  }
  .color-77{
      color: #777E9A !important;
  }
  .color-3b{
      color: #3B4054;
  }
  .toUp{
    animation: toUp 2s;
    animation-fill-mode: forwards;
  }
  .fade-in{
	opacity: 0;
	transition: 0.3s all ease-out;
	transform: scale(1);
	position: relative;
	top: 100px;
  }
  .fade-l-r,.fade-r-l ,.fade-t-b ,.fade-b-t,.fade-r-l-slow{
    opacity: 0;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; /* Safari 和 Chrome */
    transition-property:all;
    -webkit-transition-property:all; /* Safari 和 Chrome */
    transition-timing-function:ease-out;
    -webkit-transition-timing-function: ease-out; /* Safari 和 Chrome */
	transform: scale(1);
    position: relative;
  }
  @-webkit-keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @-webkit-keyframes FadeIn {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  @keyframes FadeIn {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  @-webkit-keyframes toUpbg {
    0% {
      background-position-y: 20px;
    }
  
    100% {
      background-position-y: 30px;
    }
  }
  @-webkit-keyframes toUp {
    0% {
      top: 120px;
    }
  
    100% {
      top: 0px;
    }
  }  