@charset "UTF-8";
header {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.szceb-logo {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
}

.szceb-logo img {
  width: 77px;
  height: 58px;
  margin-right: 10px;
}

.szceb-logo .name-logo {
  font-size: 22px;
  line-height: 22px;
  font-weight: 700;
  color: #303133;
}

.szceb-logo .origin-logo {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #605E5E;
  opacity: .8;
  margin-top: 10px;
}

.headerPage {
  width: 1230px;
  height: 100px;
  margin: 0 auto;
}

.szceb-menubox {
  display: inline-block;
  vertical-align: bottom;
}

.szceb-menubox {
  padding-top: 5px;
  right: 0;
}

.szceb-menubox .menu-info {
  text-align: right;
  position: relative;
}

.szceb-menubox .menu-info span {
  font-size: 14px;
  display: inline-block;
  font-weight: 400;
  color: #666;
  cursor: pointer;
  vertical-align: middle;
}

.szceb-menubox .menu-info span:hover {
  color: #079EF8;
}

.szceb-menubox .menu-info i {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 26px;
  background: #e5eaea;
  margin: 0 12px;
}

.szceb-menubox .menu-info .username {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABsUlEQVQ4T5WRu2tTYRTAf+e7MS2t0eYGBxFbsbsoDlUhFPwD3ArR3qBOvnCwNGgX6ajctIJKCx26pI3OzqIoPhZBhOhoK+3WcGONj0J6vyPxEW7SWMnZzuP3O3znE1oi62uvlc83BDLAfmBFrX1oxL1VyMm36LhEk1O31xIJx3kucLhVCvL2S7g5/Oj6nurfXhPs+cEMwqWt4J+KMruQcy9vgUcm38e7du4tA4l/wlDtSSRTcxekVp9pbM7cqRyIhbq0DfirZR0zWLzW97EJHpled+M2LEtE2CpSUK1VU8WJgUoTXE+8fPASOLHN9hcL42667cEyfnkoJuYZ0NVGsCHGpAtjfW/awvVidroybK3OCxyMCD6JkbOFsWRd3IjGwbL++pAS3rSid2v97uP4cuUYwoAoK6vf373e13PoJEauGmWikHNLjTefya8dNThPgF0goUIR9IFxdiwT2n7V0EPkNKijEICmF8dTH+Tc5FL3Zu/uEsLg/74p0i+tfk0ekdGp4Ioo9zsAf/+3tedlNB+8EjjeKazwVDw/+IHQ3SmM6oZ4U8E9VbkoaKwDgVVl8SeRF5PYiZj7qQAAAABJRU5ErkJggg==) no-repeat 0 1px;
  background-size: 15px 16px;
  padding-left: 24px;
  font-size: 14px;
  color: #333;
}

.szceb-menubox .menu-info .logout {
  font-size: 14px;
  cursor: pointer;
  color: #079EF8;
  margin-left: 17px;
}

.szceb-menubox .menu-info .infoNum {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: -18px;
  font-size: 12px;
  line-height: 13px;
  color: #fff;
  text-align: center;
  width: 20px;
  height: 13px;
  background: linear-gradient(0deg, #e84030, #e84030);
  border-radius: 7px 7px 7px 5px;
}

.szceb-menubox .menu-info .info-count .ivu-badge-count {
  top: -5px;
  height: 16px;
  font-size: 12px;
  line-height: 15px;
}

.szceb-menubox .menu-info .myinfoBox {
  position: absolute;
  width: 300px;
  left: 194px;
  top: 40px;
  z-index: 999;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.szceb-menubox .menu-info .myinfoBox .infotltle {
  width: 300px;
  display: inline-block;
  text-align: left;
  height: 46px;
  line-height: 46px;
  background: #2569cf;
  border-radius: 2px 2px 0 0;
}

.szceb-menubox .menu-info .myinfoBox .infotltle .title, .szceb-menubox .menu-info .myinfoBox .infotltle img {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fafafa;
}

.szceb-menubox .menu-info .myinfoBox .infotltle .title {
  margin-left: 116px;
}

.szceb-menubox .menu-info .myinfoBox .infotltle img {
  margin-left: 77px;
  cursor: pointer;
}

.szceb-menubox .menu-info .myinfoBox .infoDetail {
  padding: 10px 10px 0 10px;
  background: #fff;
  text-align: left;
  overflow: hidden;
}

.szceb-menubox .menu-info .myinfoBox .infoDetail .infoBox {
  background: #f2f2f2;
  padding: 15px 20px 15px 20px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 22px;
}

.szceb-menubox .menu-info .myinfoBox .infoDetail .infoBox:nth-child(3) {
  margin-bottom: 0;
}

.szceb-menubox .menu-info .myinfoBox .infoDetail .infoBox .infocontent {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.szceb-menubox .menu-info .myinfoBox .infoDetail .infoBox .infocontent span {
  font-size: 12px;
  display: inline;
  word-wrap: normal;
}

.szceb-menubox .menu-info .myinfoBox .infoDetail .infoBox .infocontent .titlespan {
  color: #2569cf;
}

.szceb-menubox .menu-info .myinfoBox .infoDetail .infoBox .infocontent .contentspan {
  color: #e8402f;
}

.szceb-menubox .menu-info .myinfoBox .infoDetail .infoBox .infocontent .ellipsis {
  display: -webkit-box;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.szceb-menubox .menu-info .myinfoBox .viewallbtn {
  height: 32px;
  line-height: 32px;
  background: #fff;
  font-size: 14px;
  color: #2569cf;
  cursor: pointer;
  text-align: center;
  border-top: 1px solid #f2f2f2;
}

.szceb-menubox .menu-info .myinfoBox:before {
  content: "";
  width: 0;
  height: 0;
  left: 240px;
  top: -23px;
  position: absolute;
  border-top: 12px solid transparent;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #2e73db;
}

.szceb-menubox .menu-route {
  margin-top: 30px;
}

.szceb-menubox .menu-route span {
  position: relative;
  padding: 0 4px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  margin-right: 6px;
  cursor: pointer;
}

.szceb-menubox .menu-route span:last-child {
  margin-right: 0;
  padding: 0 0;
}

.szceb-menubox .menu-route .routespan:hover {
  color: #079EF8;
}

.szceb-menubox .menu-route .businessCredit, .szceb-menubox .menu-route .financialService {
  min-width: 52px;
}

.szceb-menubox .menu-route .activeRoute {
  color: #079EF8;
  font-weight: 700;
  position: relative;
}

.szceb-menubox .menu-route .activeRoute:before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #079EF8;
  border-radius: 2px;
  left: 0;
  top: 30px;
}

.common-banner {
  background: url(../img/index/banner-bg.png) no-repeat;
  background-size: cover;
  height: 221px;
}

.common-banner .common-banner-content {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}

.common-banner .common-banner-content .left {
  margin-left: 40px;
}

.common-banner .common-banner-content .left .name {
  font-size: 36px;
  font-weight: normal;
  color: #F8F9FA;
  line-height: 36px;
  margin-top: 83px;
}

.common-banner .common-banner-content .left .span {
  width: 61px;
  height: 6px;
  background: #fff;
  margin-top: 30px;
}

.common-banner .common-banner-content .left .router {
  font-size: 16px;
  margin-top: 30px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.common-banner .common-banner-content .left .router .routerNext{
  font-size: 16px;
  margin-top: 30px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}

.common-banner .common-banner-content .right {
  margin-right: 14px;
  margin-top: 8px;
}

.common-banner .common-banner-content .right img {
  width: 220px;
  height: 220px;
}

.footerBox {
  background: #1C4BCD;
  overflow: hidden;
  padding-top: 44px;
}

.footerPage {
  width: 830px;
  height: 80px;
  margin: 0 auto;
}

.footerPage .content {
  font-size: 14px;
  color: #fff;
}

.footerPage .content img {
  width: 16px;
  height: 18px;
}

.footerPage .content .footer_img, .content .info_box {
  display: inline-block;
  vertical-align: middle;
}

.footerPage .content .info_box .footer_info {
  margin-top: 25px;
  display: flex;
  align-items: center;
}

.footerPage .content .info_box .footer_info .interval {
  display: inline-block;
  width: 1px;
  height: 14px;
  vertical-align: middle;
  margin: 0 8px;
  background: #999;
  opacity: 0.6;
}

.footerPage .content .info_box .footer_info span {
  display: inline-block;
  vertical-align: top;
}

.footerPage .content .company_logo {
  display: inline-block;
  vertical-align: middle;
  margin-left: 107px;
}

.tab-box {
  background: #fff;
}

.tab-box .tab {
  display: flex;
}

.tab-box .item {
  font-size: 18px;
  line-height: 58px;
  font-weight: 400;
  color: #3F4042;
  padding: 0 28px;
  border-bottom: 4px solid #fff;
  cursor: pointer;
  margin-right: 16px;
}

.tab-box .item:hover {
  border-bottom: 4px solid #079EF8;
  color: #3F4042;
  font-weight: bold;
}

.tab-box .act {
  border-bottom: 4px solid #079EF8;
  color: #3F4042;
  font-weight: bold;
}

/* CSS Document */
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select, td {
  margin: 0;
  padding: 0;
}

body {
  /*font: 12px "宋体";*/
  word-wrap: break-word;
}

a, u, s, del {
  color: #000;
  text-decoration: none;
}


fieldset, a img, .bor0 {
  border: 0;
}

i, em, b {
  font-style: normal;
  font-weight: 100;
}

li {
  list-style: none;
}

img {
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

/*合并边框*/
textarea {
  resize: none;
  /*禁止拖动*/
}

.ind2 {
  text-indent: 2em;
}

/*溢出隐藏*/
.over {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*图片垂直对齐*/
.valign {
  text-align: center;
}

.valign img {
  vertical-align: middle;
}

.valign:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

/*万能清除法*/
.clear:before {
  content: "";
  display: table;
}

/*阻止margin-top向上传递*/
.clear:after {
  content: "";
  display: block;
  clear: both;
}

/*清除浮动*/
/*弹性盒水平垂直居中*/
.flexc {
  display: flex;
  justify-content: center;
  align-items: center;
}

.margin {
  width: px2rem(1652);
  margin: auto;
}

body {
  /*font-family: "微软雅黑";*/
}

.align-stretch {
  align-items: stretch;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-stretch {
  align-self: stretch;
}

.over2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*行数*/
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}

.base-width {
  width: 1230px;
  margin: auto;
}

.page-contain {
  background: #F0F6FF;
  overflow: hidden;
}

.page-contain-content {
  padding: 50px;
  background: #fff;
  margin: 54px auto;
  box-sizing: border-box;
}

@keyframes mymove {
  0% {
    margin-top: 22px;
  }
  to {
    margin-top: 7px;
  }
}

@keyframes leaveback {
  0% {
    margin-top: 7px;
  }
  to {
    margin-top: 22px;
  }
}

body {
  margin: 0;
}

.home {
  width: 100%;
  height: 100%;
}

.home .bannerBox {
  width: 100%;
}

.home {
  width: 100%;
  height: 100%;
}

.home .netsBox {
  width: 100%;
  background: #f0f6ff;
}

.home .netDetail {
  margin: 0 auto;
  padding-top: 62px;
  padding-bottom: 62px;
}

.home .netDetail .net-title {
  font-size: 24px;
  font-weight: 400;
  color: #333;
}

.home .netDetail .allnet-items {
  display: flex;
  flex-wrap: nowrap;
}

.home .netDetail .allnet-items .netitem {
  flex: 1;
  justify-content: space-between;
  margin-right: 13px;
  height: 289px;
  background: #fff;
  box-shadow: 0 3px 12px 3px rgba(8, 58, 137, 0.12);
  margin-top: 22px;
  text-align: center;
  padding-top: 164px;
  box-sizing: border-box;
  cursor: pointer;
}

.home .netDetail .allnet-items .netitem .nettime-pone {
  font-size: 22px;
  font-weight: 300;
  color: #333;
}

.home .netDetail .allnet-items .netitem .nettime-pthree,
.home .netDetail .allnet-items .netitem .nettime-ptwo {
  font-size: 14px;
  font-weight: 400;
  color: #999;
  opacity: .8;
  padding: 0 26px;
  text-align: justify;
}

.home .netDetail .allnet-items .netitem .nettime-ptwo {
  margin-top: 17px;
}

.home .netDetail .allnet-items .netitem .nettime-pthree {
  margin-top: 3px;
}

.home .netDetail .allnet-items .netitem.register-item {
  border-top: 1px solid #e53934;
  background: #fff url(../img/index/indexicon1.png) no-repeat 50% 69px;
  background-size: 47px 40px;
}

.home .netDetail .allnet-items .netitem.register-item:hover {
  height: 288px;
  background: #fff url(../img/index/item-bg1.png) no-repeat;
  background-size: 235px 288px;
  border-top: none;
  border-bottom: 6px solid #e53934;
  animation: mymove 1s;
  margin-top: 7px;
}

.home .netDetail .allnet-items .netitem.register-item:hover .nettime-pone {
  font-weight: 700;
}

.home .netDetail .allnet-items .netitem.register-item:hover .nettime-pone,
.home .netDetail .allnet-items .netitem.register-item:hover .nettime-pthree,
.home .netDetail .allnet-items .netitem.register-item:hover .nettime-ptwo {
  font-weight: 700;
  color: #fff;
}

.home .netDetail .allnet-items .netitem.import-item {
  border-top: 1px solid #00c0a5;
  background: #fff url(../img/index/indexicon1.png) no-repeat 50% 69px;
  background-size: 80px 60px;
}

.home .netDetail .allnet-items .netitem.import-item:hover {
  height: 288px;
  background: #fff url(../img/index/item-bg1.png) no-repeat;
  background-size: 235px 288px;
  border-top: none;
  border-bottom: 5px solid #00c0a5;
  animation: mymove 1s;
  margin-top: 7px;
}

.home .netDetail .allnet-items .netitem.import-item:hover .nettime-pone {
  font-weight: 700;
}

.home .netDetail .allnet-items .netitem.import-item:hover .nettime-pone,
.home .netDetail .allnet-items .netitem.import-item:hover .nettime-pthree,
.home .netDetail .allnet-items .netitem.import-item:hover .nettime-ptwo {
  color: #fff;
}

.home .netDetail .allnet-items .netitem.export-item {
  border-top: 1px solid #ffac13;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAALCElEQVRYR82Za3RU1RXH//87k4cIASmgVRFIZkClQu4QUIHy8AVFBaFGBOZGFkqxXbV1Wa1WFGlVUMRVV7taik/gTgISn9iKdVUDKCiYzAwopXBvwrtIw0sUmJC5d3edCQmTMMkklA893+bcvff5zbn77LP3vsT/MLoWbm7fMTs2EsIhAPuByKNIZ4A5ADSBHAO5H4JKQDaBsvabWHZZdWnf7852WZ6FIvOCFaNIToVwLInz0tkQ4AiBTkpOBCdIvuuKs7gyNODvaiqdfvLzNgH7jegEiDwOIv+0EakUoFSD1lUg0wCo3dMAnABRCsFPBdgFl9OhuUMovAfExQl9QRTkk5aZ/1ZroVsF7Lvryzy48ZcIjKxbSOKg9gYcd4FVEljjC0YUxEICuyTOW+B13weYZZv6Rf5g5EEA80DsiNXK0A5O1oGT59UGqf440LOOG2XQnOn24oLKdOBpgXsb4TsFfBFABwUq4KJ4HE/vWKbvUMb9RmSqAK8Q+OqkOKN3hgr2+YzwznpgJZMXrPi5Bu0PAoS/pTZ8v9n/2JWFmzNrsmvu04BZp3z+KCEztpmBZS1BtwjsC0afIeXXAAjyo5Pi3LfTHLCl3mDelOh4jbJcgI2xmhM37SkdfEg9awp86o/NBPCUCFbYvvzxmE1XzXe/M3xxVgb/TGBc4t2JzLNDgUeag24W2B8M/wXkDAGOU9wHrNCAhclGcqdEBmqU1SCrYrHMYXtK+yZgTwNrtM38y5J1fEb4ZYJ3A3zKMvOVSzQMfzA6A8QLgGRDZKEVCtybCjolsD8YUT73EIBax8WQqmL9i2TlPGNjNw1uGAI6dK6tMgt2NQHbqX7bZqBH8nzPqWXZ3ninT0HocPkjuzj/w0Z2J5ePpMfzD9Yd2nmWqT/cFPoM4N5F0YkisjThBmqQHxG4a9uS/L0NOxgMryR4nTgywl4a+Kyp0TqXOBNYzfUw1vfKQGYFgViN4+m7q6TfYTV/aeHmzudln3wdwA2n7AnJSduW5Ku5htEIOC9Y4dOoVUDQTujeT2jqhPcE5CigPXckdviFnKzOEzS6i0XkETsUeDbVa2sJWMmrgwrgNQFfsc38e3KnhK/XyFdIqDeyXYDnKXgBxHHRvAF78VUN0aMRsM+IfKxClxAz7SX6HN+Uz3OgZc0B5F6CHhHsJxOva5+1+8gArBoZPxvgBHQwslqIoRSsBDAGEAfEAi2j3cytr17+be+iyKMieFqFPNvUr6tfpwHYNyV8OzWWAthgxazBKL3DaXCBSRv6wpMxG8SEU/61F+BbdFHmgl/Yxf33NPVhCuNWSM9Lns8tLO+oZXl0AMNJTARwhSARLUod4RPbQ/23NsgXLvf4s/3rAAwSVwrt4sAbCQ+tExD6gtGvlAHSudYyC9an2Dn6jLBFUMXjrUIMVrt+Su6gQLYRrBKR/QDvJhEXYAkgXSDsDkoehJeSDWseVREIYFc35uRWlTY+uHWus/FqEVedkS12KP8HACUBnGtExniAv4nICjsUUPHwjOErCl9L4ToI5lsh/aHek8q7uJo2ghqGCTiAEGVQJT2Nh0CEqCawQyVBQm6CyOd2O2et7xgnUtNMAR61TX1uynWDkXdJjHVdGVNZHFiZAPYb0TcBmQBHhqurNpVifahzNU9B5eJ+FaneQJ6xtquXORc5bvxDEscZdwZti1cdTnavZL0+Yz/t4HZs/x+BfGWb+sCU604OD4OHqwF5yzIDP+aFxsbzc+AcALjXMnVfKiU15wuGN4HsZpv531evpjm5hGzd1RyzTb1PS3J1spGPAQ4/wZpue5dcfTDVRviNiCWQS76Fpwt9RsUoQvsAxHxria4uizNG4rBkew4RfNsy829PD9F6YL8RfQyQJwXaWNvs/17KXS6KPAfBgwJ3tDpIcwj+Rhx3tF2SyE/P9F8jPJzgqpZ8LVmpLTucF6wYrVFbKZAnbDPwu9TrR0cR8oFA5tJX59S31jie79XfOk2V8ozIdA140RVnfGWo4J1zucO5xubLPDipbsYSy9SnpLJ92eRNF2R5nEMqKNBvRP4Jka5WKNC1Wf81wrMI/hYOdKtEj55LYAwoz/Bd6YlRZK0VCgxrzrY/GK4GWa2AqwEchBMf05ywaN4nSBS5giGaG/86HTA0zycga+DE6/OCFlXE41XpQDXd+OhmGTxeFdI6029EY4BkpYX4/xCoUYcuTsFhkC3UVfJDgFeIYDmJI2nZBZOFqKWomy79EKIIIhrJRplZE01VT3ZSh+4IiUOWqee24MPzCf4K0K6xzP6pru1Gqm2JEkrRZ0T3EbLPMvVA8z4c2S1AB/qMyFYKck/UdMnZU9r9RMqwEow+QMrzIjLODgVWpNuzNgGPKPP6uneMAVyTnJU1WuO0TCV9KhknR7suhlYW62tTweQFI7dpxNuuK7+oLA788ZwC/6Q8wx/zjnIc2d+0sqlfp+ek8sszvJ4tIlhJnxGdS8gjLvBYpak/nQomd+L63p7MTJWhLbCX6D87p8DpjNW5jEHIEgHm0l8UvQUi6kpcb5n6Nan1Z2t+Y5wqZTZbpj443Rptcol0xuoqlNcATIXgFnYtLGvfKbtjNYRZjos+VSW6ldKPjfAHhDa81tPxgh2LesVaWqetwLmTI343E9U7FulnRqDC5R5fdu+9gOR8EzvSrVF6KSLPNtcT8AcjD4GYJy5HNa12MaLM6++e44douSJyIcj5IKpbk60pWI8HqyHYU+vFTU2h63MNgG+qxKtxAg8cgVvTwy6+5mjTHVTtKjpxC+RCcWMPk5k3ghgOcCiAvgAyk3UE2NYa4EsL13XOzspeRfIqCL5oCu0vivwVgpsbJfD1JRKJK0Uw0w7pc1K9cr8RWQ9IP1X7A8hSXUkI1gCyDtSiLmu2a458Hc+48KR3f1zslf6aVrgoehZuuMiblbGGhD8ZuudtkU4Z7eUZAY7ZIf3BhhIpEbwbilA5WhuL99lROuh0zjBbNF9l+JeANquubcrdcLSgVfuvtc1VE60BTZbpNTncw+PBJwS7i0h53MsbU/l06jIfKLVN/Q5lMFG7eb2vE3KdAKpQzaGgO1wZ0Vw51VbYevlewY19PHTXEOjWHHTqRgqQA+G0Wq+UeeNQ9ZlfgD/ZMesBX7Z/HAHVANwWi53I31M6OOXt2HvSpssd1p7fVnhqmk5gAQhvKp8+s1VV114tESBGlXYCl8B1H7eKBzRcKn4j/CbACSJ42Q7p05vx9w0AUhaWbfoTglVWSK/rS5/uSzQ2kdQMVA/OaMqdqgBU5dzLFffeyiadzcSZUPkHpFH3sjWgQrQDMI2AByIHHOGY5Cs7fbtVZKdL3F5lBsobHZKiL/t53fhaEJkExm8z9fdbA9SiTOHyTF+W712V2wA4EI+7129fOmBTsk5rG9pxQJ49dsSd++/3Co7XG/AHIzcDeEflvq4rt1YVBz46a+jEjeZfSqAQwCGpjd9gLxsYaWqvbZ8MgD0iMgcHO7xaH2N9RtgAuIjAcddxxlaWFJSpuJqRwXbWVu5GRUFt+j8hKs1Vze5pKra7kBubvtEWfTjVLQcn/jKJEepZXRdTXqpxnNd2lQysOv1RRk6KyF2EVgTiZsdB7+Zyk+Q1fEbk9wTur2vrem5qqUhIu8PJhk999poFon9iXlQPHp+LKytAdicSn7hUi/EbdcG0BthvlF8N8XwG8jtXZHRlSFcdy2ZHm4DrI0trPyxq0HK3mv23p3MJf7BiBlxuac1FdDbADeun+3TrxmtzK5cN2p0OuC3P/wszn1Q69v40vAAAAABJRU5ErkJggg==) no-repeat 50% 69px;
  background-size: 44px 44px;
}

.home .netDetail .allnet-items .netitem.export-item:hover {
  height: 288px;
  background: #fff url(../img/index/item-bg2.png) no-repeat;
  background-size: 235px 288px;
  border-top: none;
  border-bottom: 5px solid #ffac13;
  animation: mymove 1s;
  margin-top: 7px;
}

.home .netDetail .allnet-items .netitem.export-item:hover .nettime-pone {
  font-weight: 700;
}

.home .netDetail .allnet-items .netitem.export-item:hover .nettime-pone,
.home .netDetail .allnet-items .netitem.export-item:hover .nettime-pthree,
.home .netDetail .allnet-items .netitem.export-item:hover .nettime-ptwo {
  color: #fff;
}

.home .netDetail .allnet-items .netitem.registration-item {
  border-top: 1px solid #e53934;
  background: #fff url(../img/index/indexicon2.png) no-repeat 50% 69px;
  background-size: 80px 60px;
}

.home .netDetail .allnet-items .netitem.registration-item:hover {
  margin-top: 7px;
  height: 288px;
  background: #fff url(../img/index/item-bg2.png) no-repeat;
  background-size: 235px 288px;
  border-top: none;
  border-bottom: 6px solid #e53934;
  animation: mymove 1s;
}

.home .netDetail .allnet-items .netitem.registration-item:hover .nettime-pone {
  font-weight: 700;
}

.home .netDetail .allnet-items .netitem.registration-item:hover .nettime-pone,
.home .netDetail .allnet-items .netitem.registration-item:hover .nettime-pthree,
.home .netDetail .allnet-items .netitem.registration-item:hover .nettime-ptwo {
  color: #fff;
}

.home .netDetail .allnet-items .netitem.total-item {
  border-top: 1px solid #2196f3;
  background: #fff url(../img/index/indexicon4.png) no-repeat 50% 69px;
  background-size: 80px 60px;
}

.home .netDetail .allnet-items .netitem.total-item:hover {
  height: 288px;
  background: #fff url(../img/index/item-bg4.png) no-repeat;
  background-size: 235px 288px;
  border-top: none;
  border-bottom: 6px solid #2196f3;
  animation: mymove 1s;
  margin-top: 7px;
  box-shadow: none;
}

.home .netDetail .allnet-items .netitem.total-item:hover .nettime-pone {
  font-weight: 700;
}

.home .netDetail .allnet-items .netitem.total-item:hover .nettime-pone,
.home .netDetail .allnet-items .netitem.total-item:hover .nettime-pthree,
.home .netDetail .allnet-items .netitem.total-item:hover .nettime-ptwo {
  color: #fff;
}

.home .netDetail .allnet-items .netitem.talent-item {
  border-top: 1px solid #00c0a5;
  background: #fff url(../img/index/indexicon5.png) no-repeat 50% 60px;
  background-size: 80px 60px;
}

.home .netDetail .allnet-items .netitem.talent-item:hover {
  height: 288px;
  background: #fff url(../img/index/item-bg5.png) no-repeat;
  background-size: 235px 288px;
  border-top: none;
  border-bottom: 6px solid #00c0a5;
  animation: mymove 1s;
  margin-top: 7px;
  box-shadow: none;
}

.home .netDetail .allnet-items .netitem.talent-item:hover .nettime-pone {
  font-weight: 700;
}

.home .netDetail .allnet-items .netitem.talent-item:hover .nettime-pone,
.home .netDetail .allnet-items .netitem.talent-item:hover .nettime-pthree,
.home .netDetail .allnet-items .netitem.talent-item:hover .nettime-ptwo {
  color: #fff;
}

.home .netDetail .allnet-items .netitem.warehouse-item {
  border-top: 1px solid #83c44e;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAAXNSR0IArs4c6QAAAchQTFRFAAAAAAD/AID/AFWqM2bMKlXVJG3bIGC/HFXGGmbMKlXVJ2LYJFvIIGDPHlrSKF7JJGHOI13RKVzMJ1jOJl7QJFvRI2HTIVrOJVrSJF/MJ1zRJmDMJV3NJFvOI13RKFvSJlzOJWDPJF7QJFzRI1/NJ13OJFvNJF7OJl3QJFzPI17QJ13RJlvOJV7OI1zNJl3PJV7QJF3RJF7PJl7QJVzOJF3PJFzQJFzPJl7PJV3PJVzQJl3PJVzPJFzOJlzQJV3OJV7PJFzQJF3OJl3PJlzPJV3PJF3OJFzPJl7PJV3OJF7PJl3QJV7OJV3PJl3PJV3PJV7PJF7OJlzPJV7PJV3QJVzOJV3PJF3PJl3QJV3PJVzPJl3QJV3PJV7PJF3OJl3PJVzPJF3PJV7PJV3PJV7PJFzPJl3QJV3OJV3PJV7QJV3PJV3OJV3PJl3PJV7QJV3PJF3PJV3PJVzPJV3PJV3PJF3OJV3PJV3PJV3QJF3PJV7PJV3PJV3PJV3PJV3PJV3PJV3OJV3PJV3PJV3PJV3PJV3PJV3PJV3PJV3PJV3PJV3PJV3PJV3PJV3PJV3PJV3PJV3QJV3PJV3PJV3PJV3PJV3PJV3PJV3P577OEAAAAJd0Uk5TAAECAwUGBwgJCgwNDhARExUWGRobHB0fIiMnKCkqLC0vMDEyMzQ4OTxAQUJDREhKTE1PUVNVVltfYGFlZmlsbnV3eHl6e35/gIOFh4iJjo+Qk5WWl5iZmpyfoKKkpqiqq6+xs7S2t7i6vMDCw8XHyMvOz9DR0tPU19na293e3+Hi4+bp6uvs7e7v8PHy8/X29/j6+/z9/tE1uSIAAAH7SURBVDjL1dT9O1NhGAfwZyssbHpFNG8JyRI1yUSbDWUJsUyYaqM38lJeY4RhmC1O33+35+ycHc3OOc/5Md8ftnv39bnO7ut+nusQkhqdI9SfQbTF+B7AfKEmW7oChIHDxxpsYwTwZtqP6eclBk0fAKI2WlQG6ShmVZs3Dazejpemd0DkiYq9HwL8psROWmLAUKYC1XdwOHHpThtly8BikazNCQBb95JaWcN0FJuMvbMGTF4/222iuxlOGcUWBV5dTH3GrXlgqTSpZfACB1bZ6Qweuszmfxo3Z9XOt2Ef8GUnftXtyQ12mny6/WVh+xde/EGsRfWs0rpFcvkTvWN+1o2ZpGjMSL4DHBt/Bb1Z02Sb6wxowW+ec+skt4D45fHTpV0+vwazePyamK/yXXlcg0T6BCxEHjux1/XSM+hbxA82diAY/+46R9iJ7QeWyvKCfi24UVrdBBsbvog2VMHGRF9h4VNtJEq4bSf+tJOJa6RTKLnAFQV8Vxp0pFYq3yrgZzhqtbvc7ln8dGDT2tTqdM9gTgE7EBaXG2Tv+b/BRzbrI0u1F2ttOPR0u132j1hQwA+lfY3XS6VPAetHRbBRrOs5FsqZPMXjvlHOpySdlhkmPtkk6bg/IMB6FUxJuBcH9mbVtP9Gh4jNETATzk38SdW3mDqNfo6/RP8CwfU/5jX1P5oAAAAASUVORK5CYII=) no-repeat 50% 69px;
  background-size: 44px 44px;
}

.home .netDetail .allnet-items .netitem.warehouse-item:hover {
  height: 288px;
  background: #fff url(../img/index/item-bg.png) no-repeat;
  background-size: 235px 288px;
  border-top: none;
  border-bottom: 6px solid #83c44e;
  animation: mymove 1s;
  margin-top: 7px;
  box-shadow: none;
}

.home .netDetail .allnet-items .netitem.warehouse-item:hover .nettime-pone {
  font-weight: 700;
}

.home .netDetail .allnet-items .netitem.warehouse-item:hover .nettime-pone,
.home .netDetail .allnet-items .netitem.warehouse-item:hover .nettime-pthree,
.home .netDetail .allnet-items .netitem.warehouse-item:hover .nettime-ptwo {
  color: #fff;
}

.home .netDetail .allnet-items .netitem.policy-item {
  border-top: 1px solid #83c44e;
  background: #fff url(../img/index/indexicon3.png) no-repeat 50% 69px;
  background-size: 80px 60px;
}

.home .netDetail .allnet-items .netitem.policy-item:hover {
  height: 288px;
  background: #fff url(../img/index/item-bg3.png) no-repeat;
  background-size: 235px 288px;
  border-top: none;
  border-bottom: 6px solid #83c44e;
  animation: mymove 1s;
  margin-top: 7px;
  box-shadow: none;
}

.home .netDetail .allnet-items .netitem.policy-item:hover .nettime-pone {
  font-weight: 700;
}

.home .netDetail .allnet-items .netitem.policy-item:hover .nettime-pone,
.home .netDetail .allnet-items .netitem.policy-item:hover .nettime-pthree,
.home .netDetail .allnet-items .netitem.policy-item:hover .nettime-ptwo {
  color: #fff;
}

.home .netDetail .allnet-items .leaveanimate {
  animation: leaveback 1s;
}

.home .netDetail {
  width: 1230px;
}

.home .morenewBox {
  width: 100%;
  padding-top: 57px;
  background: #fbfdff url(../img/newbg.1d638886.png) no-repeat 100% 100%;
}

.home .newsBox {
  width: 1230px;
  margin: 0 auto;
  display: flex;
}

.home .newsBox .news-logo {
  width: 286px;
  height: 480px;
  padding-top: 30px;
  padding-left: 30px;
  display: inline-block;
  vertical-align: middle;
  background: url(../img/index/newsLeft.png) no-repeat;
  background-size: cover;
}

.home .newsBox .news-logo .viewmore {
  margin-top: 421px;
  float: right;
  margin-right: 15px;
  height: 32px;
  line-height: 32px;
  padding: 0 17px;
  border: 1px solid #fff;
  border-radius: 16px;
  color: #fff;
  cursor: pointer;
}

.home .newsBox .news-content {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  box-shadow: 0 4px 10px 0 rgba(33, 42, 61, 0.1);
  padding: 25px 38px;
}

.home .newsBox .news-content .tab .tabname {
  font-size: 20px;
  font-weight: 300;
  color: #333;
  margin-right: 50px;
  cursor: pointer;
}

.home .newsBox .news-content .tab .tabname:hover {
  color: #2c71d9;
}

.home .newsBox .news-content .tab .activetab {
  font-weight: 700;
  color: #2c71d9;
}

.home .newsBox .news-content .newtotalInfo {
  margin-top: 22px;
}

.home .newsBox .news-content .newtotalInfo .titleInfo {
  cursor: pointer;
  display: flex;
}

.home .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo {
  width: 590px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #fff;
  height: 198px;
  box-sizing: border-box;
  background: linear-gradient(270deg, #2569cf, #2e73db);
}

.home .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .dateInfo,
.home .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .title {
  display: inline-block;
  vertical-align: middle;
}

.home .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .dateInfo {
  width: 94px;
  position: relative;
  padding-left: 20px;
  color: #fff;
}

.home .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .dateInfo:before {
  content: "";
  height: 60px;
  display: inline-block;
  background: #fff;
  opacity: .2;
  width: 1px;
  position: absolute;
  right: 0;
}

.home .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .dateInfo .date {
  font-size: 30px;
  line-height: 30px;
}

.home .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .dateInfo .month {
  font-size: 14px;
  line-height: 14px;
  opacity: .5;
  margin-top: 7px;
}

.home .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .title {
  width: 440px;
  margin-left: 24px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  display: inline-block;
}

.home .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .title p {
  overflow: hidden;
  position: relative;
  max-height: 60px;
}

.home .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .detailp {
  width: 516px;
  margin-left: 20px;
  margin-top: 24px;
  line-height: 28px;
  max-height: 56px;
  position: relative;
  overflow: hidden;
}

/*.home .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo:before {*/
/*content: "";*/
/*width: 0;*/
/*height: 0;*/
/*left: 100px;*/
/*top: -20px;*/
/*position: absolute;*/
/*border-top: 12px solid transparent;*/
/*border-left: 12px solid transparent;*/
/*border-right: 12px solid transparent;*/
/*border-bottom: 12px solid #2e73db; }*/

.home .newsBox .news-content .newtotalInfo .titleInfo .governmentInfo:before {
  left: 30px;
}

.home .newsBox .news-content .newtotalInfo .titleInfo .noticeInfo:before {
  left: 160px;
}

.home .newsBox .news-content .newtotalInfo .titleInfo .regulatoryInfo:before {
  left: 288px;
}

.home .newsBox .news-content .newtotalInfo .titleInfo .picInfo {
  width: 277px;
  height: 198px;
  display: inline-block;
  vertical-align: middle;
}

.home .newsBox .news-content .newtotalInfo .titleInfo .picInfo img {
  width: 277px;
  height: 198px;
  display: inline-block;
}

.home .newsBox .news-content .newtotalInfo .detailInfo {
  margin-top: 25px;
  display: flex;
}

.home .newsBox .news-content .newtotalInfo .detailInfo .infoItem {
  display: inline-block;
  vertical-align: middle;
  width: 240px;
  min-height: 154px;
  margin-right: 48px;
  justify-content: space-between;
  cursor: pointer;
}

.home .newsBox .news-content .newtotalInfo .detailInfo .infoItem .item-date {
  font-size: 30px;
  line-height: 30px;
  font-weight: 400;
  color: #333;
}

.home .newsBox .news-content .newtotalInfo .detailInfo .infoItem .item-year {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: #333;
  opacity: .6;
  margin-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.home .newsBox .news-content .newtotalInfo .detailInfo .infoItem .item-year .item-arrow {
  float: right;
  margin-right: 0;
}

.home .newsBox .news-content .newtotalInfo .detailInfo .infoItem .item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #333;
}

.home .newsBox .news-content .newtotalInfo .detailInfo .infoItem .item-info {
  overflow: hidden;
  position: relative;
  font-size: 14px;
  color: #999;
  font-weight: 400;
  line-height: 24px;
  max-height: 48px;
  margin-top: 10px;
}

.home .introduce {
  width: 1230px;
  margin: 0 auto;
  margin-top: 50px;
}

.home .introduce .introduceTitle {
  margin-bottom: 45px;
}

.home .introduce .introduceTitle .title {
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  color: #333;
  display: inline-block;
  vertical-align: middle;
}

.home .introduce .introduceTitle .more {
  cursor: pointer;
  display: inline-block;
  width: 94px;
  height: 32px;
  border: 1px solid #2569cf;
  border-radius: 16px;
  font-size: 14px;
  color: #2569cf;
  text-align: center;
  line-height: 32px;
  float: right
}

.home .introduce .introduceTitle .more:hover {
  background: #2e73da;
  color: #ffffff;
}

.home .introduce .introduce-img-box {
  display: flex;
  justify-content: space-between;
  width: 1230px;
  margin: 0 auto;
}

.home .introduce .introduce-img-box .item-box {
  width: 394px;
  height: 232px;
  position: relative;
}

.home .introduce .introduce-img-box .item-box img {
  width: 100%;
  height: 100%;
}

.home .introduce .introduce-img-box .item-box div {
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #F0F6FF;
  line-height: 52px;
  background: rgba(7, 158, 248, 0.8);
}

.home .introduce .per-box {
  display: flex;
  justify-content: space-between;
}

.home .introduce .per-box img {
  width: 180px;
  height: 70px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}

.home .btn-img {
  margin-top: 100px;
  display: flex;
  justify-content: space-between;
}

.home .btn-img .btn-img-l {
  width: 34%;
}

.home .btn-img .btn-img-r {
  width: 66%;
  background: #079EF8;
  display: flex;
  align-items: center;
}

.home .btn-img .btn-img-r img {
  margin-left: 128px;
  height: 44px;
}

.six {
  /*bigdate begin*/
  /*bigdate end*/
}

.six .pageName {
  font-size: 24px;
  font-weight: normal;
  color: #717172;
  line-height: 24px;
  padding-top: 75px;
  padding-bottom: 28px;
}

.six .bigdate-content {
  display: flex;
  justify-content: space-between;
}

.six .bigdate {
  text-align: center;
  color: #4C4A4A;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 325px;
}

.six .bigdate li {
  margin-bottom: 10px;
  width: 196px;
}

.six .bigdate .item {
  background: #ffffff;
  padding: 38px 0 56px;
  position: relative;
  top: 0;
  transition: top 0.5s 0.2s;
  -moz-transition: top 0.5s 0.2s;
  -webkit-transition: top 0.5s 0.2s;
  -o-transition: top 0.5s 0.2s;
  -webkit-box-shadow: 2px 7px 18px rgba(15, 70, 157, 0.2);
  -moz-box-shadow: 2px 7px 18px rgba(15, 70, 157, 0.2);
  box-shadow: 2px 7px 18px rgba(15, 70, 157, 0.2);
  border-collapse: separate !important;
}

.six .bigdate .npic {
  display: inline-block;
}

.six .bigdate .npic img {
  width: 75px;
  padding: 15px;
}

.six .bigdate h1 {
  font-size: 24px;
  padding: 20px;
  color: #8C8989;
  font-weight: normal;
}

.six .bigdate h2 {
  color: #8C8989;
  height: 90px;
  font-size: 16px;
  font-weight: normal;
}

.six .bigdate p {
  font-size: 36px;
  font-weight: bold;
  color: #8C8989;
}

.six .bigdate p:after {
  content: '';
  display: block;
  width: 51px;
  height: 4px;
  margin: 0 auto;
  background: #079EF8;
  transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.six .bigdate a:hover {
  color: #ffffff;
}

.six .bigdate a:hover .item {
  background: linear-gradient(to bottom, #474bd8, #529be0);
  border-bottom: 4px solid #00ffff;
  margin-bottom: -4px;
}

.six .bigdate a:hover p:after {
  width: 80px;
  max-width: 50%;
  background: rgba(255, 255, 255, 0.3);
}

.six .bigdate a:hover p {
  color: #ffffff;
}

.six .bigdate a:hover h1 {
  color: #ffffff;
}

.six .bigdate a:hover h2 {
  color: #ffffff;
}

.six .bigdate .npic2 {
  display: none;
}

.six .bigdate a:hover .item {
  top: -15px;
}

.six .bigdate a:hover .npic {
  opacity: 0;
}

.six .bigdate a:hover .npic2 {
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
}

.six .bigdate .npic2 img {
  width: 70%;
  opacity: .2;
  transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  /* IE 9 */
  -moz-transform: rotate(-15deg);
  /* Firefox */
  -webkit-transform: rotate(-15deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-15deg);
  /* Opera */
}

.fstitle {
  margin-bottom: 26px;
}

.fstitle h1 {
  height: 24px;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  border-left: 5px solid #255dcf;
  line-height: 100%;
  padding-left: 10px;
}

.delivery .brand {
  display: flex;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 16px;
  flex-wrap: wrap;
}

.delivery .brand > div {
  margin-bottom: 36px;
  margin-right: 6px;
}

.delivery .brand:nth-child(5n) {
  margin-right: 0;
}

.delivery .brand img {
  width: 218px;
  height: 74px;
  margin-bottom: 15px;
  border: 1px solid #efefef;
}

.delivery .brand img:hover {
  cursor: pointer;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: 2px 7px 18px rgba(15, 70, 157, 0.4);
  -moz-box-shadow: 2px 7px 18px rgba(15, 70, 157, 0.4);
  box-shadow: 2px 7px 18px rgba(15, 70, 157, 0.4);
  position: relative;
  z-index: 9999;
}

.delivery .te {
  margin-top: 34px;
}

.delivery .delivery-service {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.delivery .delivery-service .item {
  border: 1px solid #E2E5E7;
}

.delivery .delivery-service .item img {
  width: 269px;
  height: 184px;
}

.delivery .delivery-service .item .name {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  text-align: center;
  line-height: 70px;
}

.delivery .delivery-service .item:hover .name {
  background: #079EF8;
  color: #fff;
}

.money .page-contain-content {
  padding: 50px;
  background: #fff;
  margin: 54px auto;
  box-sizing: border-box;
}

.money .page-contain-content .top {
  display: flex;
  justify-content: space-between;
}

.money .page-contain-content .top .text .name {
  font-size: 36px;
  font-weight: bold;
  color: #005FAF;
  line-height: 36px;
}

.money .page-contain-content .top .text .article {
  margin-top: 46px;
  width: 597px;
  font-size: 16px;
  font-weight: 400;
  color: #3A3B3C;
  line-height: 36px;
}

.money .page-contain-content .top img {
  width: 220px;
  height: 225px;
}

.money .page-contain-content .fstitle {
  margin-bottom: 26px;
}

.money .page-contain-content .fstitle h1 {
  height: 18px;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  border-left: 5px solid #255dcf;
  line-height: 100%;
  padding-left: 10px;
}

.money .page-contain-content .brand {
  display: flex;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 16px;
  flex-wrap: wrap;
}

.money .page-contain-content .brand > div {
  margin-bottom: 36px;
  margin-right: 150px;
}

.money .page-contain-content .brand img {
  width: 218px;
  height: 74px;
  margin-bottom: 15px;
  border: 1px solid #999999;
}

.money .page-contain-content .brand img:hover {
  cursor: pointer;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: 2px 7px 18px rgba(15, 70, 157, 0.4);
  -moz-box-shadow: 2px 7px 18px rgba(15, 70, 157, 0.4);
  box-shadow: 2px 7px 18px rgba(15, 70, 157, 0.4);
  position: relative;
  z-index: 9999;
}

.money .page-contain-content .te {
  margin-top: 80px;
}

.money .page-contain-content .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.money .page-contain-content .bottom .btn {
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 75px;
  width: 191px;
  background: #079EF8;
  border-radius: 10px;
  margin-top: 60px;
  cursor: pointer;
}

.money .page-contain-content .process {
  font-size: 15px;
  width: 875px;
}

.money .page-contain-content .process .h1 {
  text-align: center;
}

.money .page-contain-content .process .process-item {
  margin-top: 40px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  position: relative;
}

.money .page-contain-content .process .process-item .divider {
  top: 132px;
  position: absolute;
  width: 100%;
  border-bottom: 2px solid #7EC0FF;
}

.money .page-contain-content .process .process-item .item {
  height: 240px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  flex-direction: column;
  cursor: pointer;
}

.money .page-contain-content .process .process-item .item:hover .process-icon-box {
  transform: translateY(-5px);
  box-shadow: 8px 6px 16px 4px rgba(155, 176, 213, 0.5);
  transition: all .5s;
  background-color: #377cf7;
}

.money .page-contain-content .process .process-item .item:hover .title {
  font-size: 16px;
  color: #dc632e;
}

.money .page-contain-content .process .process-item .item .process-icon-box {
  width: 90px;
  height: 90px;
  background-color: #fff;
  box-shadow: 8px 6px 16px 4px rgba(155, 176, 213, 0.2);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(0);
  transition: all 1s;
}

.money .page-contain-content .process .process-item .item .process-icon-box img {
  width: 55px;
  height: 58px;
}

.money .page-contain-content .process .process-item .item .process-radius {
  z-index: 2;
  width: 14px;
  height: 14px;
  background: #377cf7;
  border-radius: 50%;
}

.money .page-contain-content .process .process-item .item .step {
  color: #7EC0FF;
  font-size: 16px;
}

.money .page-contain-content .process .process-item .item .title {
  font-size: 16px;
}

.risk .page-contain-content {
  background: #fff;
  margin: 54px auto;
  box-sizing: border-box;
}

.risk .infoContainer {
  background: #fff;
  padding: 8px 38px 0 38px;
}

.risk .infoContainer .infoItem {
  padding-bottom: 30px;
  padding-top: 30px;
  border-bottom: 1px dashed #ccc;
}

.risk .infoContainer .infoItem .dateBox, .risk .infoContainer .infoItem .infoDetail, .risk .infoContainer .infoItem .line, .risk .infoContainer .infoItem .viewBtn {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.risk .infoContainer .infoItem .dateBox {
  width: 102px;
  height: 102px;
  border-radius: 10px;
  text-align: center;
  border: 1px solid #d8d8d8;
}

.risk .infoContainer .infoItem .dateBox .days {
  font-size: 30px;
  font-family: Arial;
  font-weight: 900;
  color: #333;
  line-height: 30px;
  margin-top: 20px;
}

.risk .infoContainer .infoItem .dateBox .years {
  font-size: 16px;
  font-family: Arial;
  font-weight: 400;
  color: #999;
  line-height: 16px;
  margin-top: 18px;
}

.risk .infoContainer .infoItem .line {
  width: 1px;
  height: 90px;
  background: #e2e2e2;
}

.risk .infoContainer .infoItem .viewBtn {
  width: 120px;
  height: 34px;
  background: #e8e8e8;
  text-align: center;
  line-height: 34px;
  color: #666;
  border-radius: 20px;
  font-size: 14px;
}

.risk .infoContainer .infoItem:hover .dateBox, .risk .infoContainer .infoItem:hover {
  border-color: #255dcf;
}

.risk .infoContainer .infoItem:hover .dateBox .days, .risk .infoContainer .infoItem:hover .dateBox .years, .risk .infoContainer .infoItem:hover .infoDetail .infotip {
  color: #255dcf !important;
}

.risk .infoContainer .infoItem:hover .line, .risk .infoContainer .infoItem:hover .viewBtn {
  color: #fff;
  background: #255dcf !important;
}

.risk .infoContainer1 {
  min-height: 708px;
  padding-top: 190px;
}

.infoBox1 {
  width: 1300px;
  min-height: 708px;
  padding-top: 190px;
  margin: 0 auto;
  background: #fff;
  margin-top: 20px;
}

.infoContainer {
  width: 1300px;
}

.dateBox {
  margin-right: 44px;
}

.infoDetail {
  width: 870px;
  margin-right: 38px;
}

.infoDetail .infotip, .infoDetail .infotitle {
  color: #222;
  width: 100%;
}

.infoDetail .infotip {
  width: 870px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.infoDetail .infotitle {
  width: 860px;
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
  max-height: 58px;
  margin-top: 19px;
  position: relative;
  overflow: hidden;
}



.line {
  margin-right: 30px;
}

.infoContainer {
  margin: 0 auto;
  background: #fff;
  padding: 8px 38px 0 38px;
}

.infoContainer .infoItem {
  padding-bottom: 30px;
  padding-top: 30px;
  border-bottom: 1px dashed #ccc;
}

.infoContainer .infoItem .dateBox, .infoContainer .infoItem .infoDetail, .infoContainer .infoItem .line, .infoContainer .infoItem .viewBtn {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.infoContainer .infoItem .dateBox {
  width: 102px;
  height: 102px;
  border-radius: 10px;
  text-align: center;
  border: 1px solid #d8d8d8;
}

.infoContainer .infoItem .dateBox .days {
  font-size: 30px;
  font-family: Arial;
  font-weight: 900;
  color: #333;
  line-height: 30px;
  margin-top: 20px;
}

.infoContainer .infoItem .dateBox .years {
  font-size: 16px;
  font-family: Arial;
  font-weight: 400;
  color: #999;
  line-height: 16px;
  margin-top: 18px;
}

.infoContainer .infoItem .line {
  width: 1px;
  height: 90px;
  background: #e2e2e2;
}

.infoContainer .infoItem .viewBtn {
  width: 120px;
  height: 34px;
  background: #e8e8e8;
  text-align: center;
  line-height: 34px;
  color: #666;
  border-radius: 20px;
  font-size: 14px;
}

.infoContainer .infoItem:hover .dateBox, .infoContainer .infoItem:hover {
  border-color: #255dcf;
}

.infoContainer .infoItem:hover .dateBox .days, .infoContainer .infoItem:hover .dateBox .years, .infoContainer .infoItem:hover .infoDetail .infotip {
  color: #255dcf !important;
}

.infoContainer .infoItem:hover .line, .infoContainer .infoItem:hover .viewBtn {
  color: #fff;
  background: #255dcf !important;
}

.infoContainer1 {
  min-height: 708px;
  padding-top: 190px;
}

.pagination-self {
  display: flex;
  justify-content: center;
  padding: 30px;
}

.search .header {
  border-bottom: 1px solid #F0F6FF;
}

.search .search-content .search-router {
  margin-top: 45px;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #7B7D7E;
  line-height: 16px;
}

.search .search-content .top {
  margin-top: 14px;
  margin-bottom: 41px;
  padding: 28px 0 45px 0;
  height: 160px;
  background: #F0F6FF;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  align-items: center;
}

.search .search-content .top .phone {
  position: absolute;
  width: 49px;
  height: 68px;
  left: 132px;
  top: 48px;
}

.search .search-content .top .name {
  font-size: 22px;
  font-weight: bold;
  color: #2E73DB;
  line-height: 22px;
}

.search .search-content .top .box {
  width: 740px;
  height: 44px;
}

.search .search-content .tip {
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #858688;
  line-height: 16px;
  margin-bottom: 24px;
}

.search .search-content .bottom {
  margin-bottom: 150px;
}

.search .search-content .bottom .el-collapse-item__header {
  background: #F0F6FF;
}

.search .search-content .bottom .bottom-title {
  font-size: 18px;
  font-weight: bold;
  color: #141516;
  width: 100%;
}

.search .search-content .bottom .bottom-title img {
  width: 25px;
  margin: 0 21px;
  margin-top: -3px;
}

.search .search-content .bottom .item-box {
  margin-top: 30px;
}

.search .search-content .bottom .item {
  font-size: 16px;
  font-weight: 400;
  color: #262728;
  line-height: 30px;
  display: flex;
}

.search .search-content .bottom .item > div {
  flex: 1;
}

.search .search-content .bottom .item span {
  display: inline-block;
  text-indent: 70px;
  width: 190px;
}

.consult .bigName {
  text-align: center;
  height: 24px;
  font-size: 24px;
  font-weight: bold;
  color: #0A2A5D;
  line-height: 24px;
}

.consult .input-box {
  margin: auto;
  width: 700px;
  border-radius: 5px;
  margin-top: 25px;
  display: flex;
}

.consult .input-box .el-input-group__append {
  cursor: pointer;
  background: #1977EA;
  color: #BED8FE;
}

.consult .input-box .btn {
  margin-left: 50px;
  width: 116px;
  height: 40px;
  background: #1977EA;
  line-height: 40px;
  border-radius: 5px;
  font-size: 14px;

  color: #BED8FE;
  cursor: pointer;
  text-align: center;
}

.consult .line {
  height: 1px;
  background: #e5eaea;
  margin: 0;
  margin-top: 28px;
  margin-bottom: 38px;
}

.consult .fstitle-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.consult .fstitle-box .fstitle {
  margin-bottom: 0;
}

.consult .item {
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #e5eaea;
  font-size: 16px;
  font-weight: 400;
  color: #161616;
  line-height: 69px;
  cursor: pointer;
}

.consult .item .dot {
  margin: 0 14px;
  width: 6px;
  height: 6px;
  border: 2px solid #255dcf;
  border-radius: 50%;
}

.application .item-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 50px 0;
}

.application .item-box .item {
  margin-bottom: 40px;
  display: flex;
  width: 600px;
  height: 228px;
  background: #FFFFFF;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 36px 56px 26px;
  justify-content: space-between;
  align-items: center;
}

.application .item-box .item .left {
  width: 360px;
}

.application .item-box .item .left .name {
  font-size: 36px;
  font-weight: 400;
  color: #304152;
  line-height: 36px;
  margin-bottom: 12px;
}

.application .item-box .item .left .article {
  font-size: 16px;
  font-weight: 400;
  color: #304152;
  line-height: 24px;
  opacity: 0.67;
}

.application .item-box .item .left .btn-box {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
}

.application .item-box .item .left .btn-box .btn {
  width: 106px;
  background: #F0F6FF;
  border: 1px solid #079EF8;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #304152;
  line-height: 40px;
  margin-right: 12px;
  margin-top: 15px;
}

.application .item-box .item .left .te1 .btn {
  margin-right: 16px;
}

.application .item-box .item .left .te2 .btn {
  margin-top: 15px;
}

.application .item-box .item .right {
  width: 113px;
  height: 116px;
}

.application .item-box .item:hover {
  background-color: #4889fc;
  color: #dfebff;
  transform: translateY(-5px);
  box-shadow: 8px 6px 16px 4px rgba(155, 176, 213, 0.7);
  transition: all .8s;
}

.application .item-box .item:hover .name {
  color: #fff;
}

.application .item-box .item:hover .article {
  color: #fff;
}

.inject .page-contain-content {
  background: #fff;
  margin: 54px auto;
  box-sizing: border-box;
  padding: 0;
  padding-bottom: 40px;
}

.inject .title-box {
  display: flex;
  justify-content: space-between;
  flex: 1;
  align-items: center;
}

.inject .title-box .item {
  cursor: pointer;
  flex: 1;
  text-align: center;
  line-height: 38px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  border: 1px solid #D5E8FB;
}

.inject .title-box .item:hover {
  background: #1977EA;
  color: #fff;
}

.inject .title-box:nth-child(2) {
  border-left: 0;
}

.inject .title-box:nth-child(3) {
  border-left: 0;
}

.inject .title-box:nth-child(4) {
  border-left: 0;
}

.inject .title-box .act {
  background: #1977EA;
  color: #fff;
}

.inject .main {
  padding: 50px;
}

.inject .main .article {
  text-align: justify;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
}

.inject .main .article span {
  color: #1977EA;
}

.inject .main .fstitle {
  margin-top: 26px;
}

.inject .main .list {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}

.inject .main .list .item {
  width: 85px;
}

.inject .main .list .item img {
  width: 100%;
}

.inject .main .list .item .text {
  margin-top: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  text-align: center;
}

.inject .main .list .arrow {
  width: 50px;
  height: 36px;
  margin-top: 80px;
}

.inject .main .process-list {
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}

.inject .main .process-list .item {
  box-shadow: 0px 0px 18px rgba(4, 116, 252, 0.06);
  box-sizing: border-box;
  padding: 0 20px;
  width: 275px;
  height: 146px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  flex-direction: column;
}

.inject .main .process-list .item .number {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 100px;
  font-weight: bold;
  color: #E8F3FF;
}

.inject .main .process-list .item .text {
  position: relative;
  z-index: 2;
  line-height: 20px;
}

html {
  height: 100%;
}

html body {
  height: 100%;
}

.login {
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.login .main {
  flex: 1;
  background: url("../img/inject/login-bg.png");
  background-size: cover;
}

.login .main .base-width {
  position: relative;
  height: 100%;
}

.login .main .base-width .form {
  padding: 0 124px;
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 620px;
  height: 488px;
  background: #FFFFFF;
  box-shadow: 0px 20px 40px 10px rgba(29, 29, 30, 0.5);
  border-radius: 10px;
}

.login .main .base-width .form .big-title {
  text-align: center;
  line-height: 30px;
  font-size: 30px;
  font-weight: bold;
  color: #3A3D40;
  margin-top: 70px;
}

.login .main .base-width .form .username {
  padding: 0 15px;
  border-bottom: 2px solid #E5EBF2;
  padding-bottom: 6px;
  margin-top: 70px;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
}

.login .main .base-width .form .username img {
  width: 26px;
  height: 29px;
}

.login .main .base-width .form .username .el-input__inner {
  border: 0;
}

.login .main .base-width .form .password {
  padding: 0 15px;
  padding-bottom: 6px;
  border-bottom: 2px solid #E5EBF2;
  display: flex;
  align-items: center;
}

.login .main .base-width .form .password img {
  width: 26px;
  height: 29px;
}

.login .main .base-width .form .password .el-input__inner {
  border: 0;
}

.login .main .base-width .form .btn {
  margin-top: 50px;
  line-height: 60px;
  background: #246EFF;
  border-radius: 30px;
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
  text-align: center;
}

.login .main .base-width .form .forget {
  text-align: right;
  font-size: 18px;
  font-weight: 400;
  color: #BCC4CD;
  margin-top: 14px;
  cursor: pointer;
}

.login .bottom-text {
  background: #F0F6FF;
  text-align: center;
  font-size: 14px;
  color: #8D8787;
  line-height: 30px;
  padding: 20px 0;
}

/*# sourceMappingURL=main.css.map */
#down-box {
  width: 540px;
  height: 230px;
  background: #fafcff;
  border-radius: 10px;
  margin: 12px;
  display: flex;
  flex-wrap: wrap;
}

#down-box dt {
  width: 190px;
  float: left;
  text-align: center;
  padding-top: 30px;
}

#down-box h2 {
  line-height: 40px;
}

#down-box dd {
  width: 350px;
  float: left;
  padding-top: 30px;
}

#dow-box dd ul li {
}

#down-box dd ul li a {
  font-size: 15px;
  line-height: 36px;
}

#down-box dd ul li a:hover {
  font-size: 15px;
  line-height: 36px;
  color: #2680e5;
}

.about-list {
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}

.about-list .item {
  box-shadow: 3px rgba(50, 50, 50, 0.5);
  box-sizing: border-box;
  padding: 0 20px;
  width: 180px;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
  margin: 5px;
  background: #f9f9fa;
}

.about-list .item .text {
  position: relative;
  z-index: 2;
  color: #1b65ff;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin-left: 10px;
  margin-top: 10px;
}

.about-adress {
  width: 350px;
  line-height: 36px;
  font-size: 14px;
  padding: 10px;
  float: left;
  height: 220px;
}

.about-map {
  width: 752px;
  height: 400px;
  float: left;
}

/*# sourceMappingURL=main.css.map */
/*.more {*/
/*  float: right;*/
/*}*/

.more a {
  display: block;
  font-size: 16px;
  color: #079EF8;
}

.more a:hover {
  text-decoration: underline;
}

.news {
  padding: 20px;
  line-height: 36px;
}

.news .newstitle {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-top: 30px;
}

.news .newscontent {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-top: 30px;
}

.news .newstime {
  text-align: center;
  font-size: 16px;
  margin-top: 20px;
}

.newsline {
  height: 15px;
  width: 100%;
  border-top: 1px solid #999;
  margin: 10px 0px;
}

.news span {
  font-size: 16px;
  line-height: 36px;
}
.chat {
  padding: 20px;
  line-height: 36px;
}

.chat .newstitle {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  /*text-align: center;*/
  /*margin-top: 30px;*/
}

.chat .newscontent {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  /*text-align: center;*/
  /*margin-top: 30px;*/
}

.chat .newstime {
  /*text-align: center;*/
  font-size: 16px;
  /*margin-top: 20px;*/
}

.newsline {
  height: 15px;
  width: 100%;
  border-top: 1px solid #999;
  margin: 10px 0px;
}

.news span {
  font-size: 16px;
  line-height: 36px;
}


.talents .common-banner .base-width {
  position: relative;
}

.talents .common-banner .base-width .right {
  margin: 0;
}

.talents .common-banner .base-width .right img {
  width: 376px;
  height: 221px;
  position: absolute;
  top: 0;
  right: 0px;
}

.talents .top {
  background: #fff;
  padding: 36px 46px;
  margin: 50px auto 30px;
  box-sizing: border-box;
}

.talents .top .item {
  display: flex;
}

.talents .top .item .label {
  width: 100px;
  font-size: 16px;
  font-weight: bold;
  color: #1C4BCD;
  line-height: 40px;
}

.talents .top .item .depict {
  cursor: pointer;
  margin-top: 8px;
  flex: 1;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  line-height: 24px;
}

.talents .top .item .te {
  color: #1C4BCD;
}

.talents .top .top-t {
  margin-bottom: 20px;
}

.talents .bottom {
  display: flex;
  justify-content: space-between;
  margin-bottom: 90px;
}

.talents .bottom .left {
  background: #fff;
  box-sizing: border-box;
  width: 874px;
  padding: 30px 24px;
  padding-bottom: 0;
}

.talents .bottom .left .item {
  margin-bottom: 30px;
  border-radius: 5px;
  box-shadow: 2px 7px 18px rgba(15, 70, 157, 0.2);
}

.talents .bottom .left .item .item-t {
  display: flex;
  justify-content: space-between;
  padding: 20px 26px 0;
  font-size: 16px;
  font-weight: bold;
}

.talents .bottom .left .item .item-t .item-t-l {
  cursor: pointer;
  color: #1C4BCD;
}

.talents .bottom .left .item .item-t .item-t-r {
  color: #333333;
}

.talents .bottom .left .item .item-c {
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: #333333;
}

.talents .bottom .left .item .item-c > div {
  padding: 20px 26px 0;
}

.talents .bottom .left .item .item-b {
  margin-top: 24px;
  padding: 0 26px;
  line-height: 33px;
  background: #F7F8F9;
  display: flex;
  justify-content: space-between;
}

.talents .bottom .left .item .item-b .item-b-l {
  width: 100px;
  display: flex;
  align-items: center;
}

.talents .bottom .left .item .item-b .item-b-l img {
  width: 16px;
  height: 16px;
  margin-top: -3px;
  margin-right: 3px;
}

.talents .bottom .left .item .item-b .item-b-r {
  width: 130px;
}

.talents .bottom .right {
  padding: 24px 20px;
  width: 333px;
  box-sizing: border-box;
  background: #fff;
}

.talents .bottom .right .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px dashed #e5eaea;
  margin-bottom: 12px;
}

.talents .bottom .right .item img {
  width: 107px;
  height: 78px;
}

.talents .bottom .right .item .right-r {
  width: 168px;
  font-size: 14px;
  color: #333333;
  line-height: 14px;
  height: 78px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.talents .bottom .right .item .right-r .right-r-t {
  cursor: pointer;
  font-weight: bold;
}

.quick-remind {
  width: 100%;
  display: flex;
  height: 100px;
  font-size: 14px;
  line-height: 26px;
  padding: 30px 60px 15px 60px;
}

.quick-remind .remind-item {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.quick-remind .remind-item a {
  font-weight: bold;
  color: #1977ea;
}

.quick-remind .remind-item span {
  width: 250px;
  display: flext;
}

.hide {
  display: none !important;
}

.login .main .base-width .form .verifyCode {
  padding: 8px 0;
  padding-bottom: 6px;
  border-bottom: 2px solid #E5EBF2;
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.login .main .base-width .form .verifyCode img {
  width: 100px;
  height: 33px;
}

.login .main .base-width .form .verifyCode .el-input__inner {
  border: 0;
}

.login .main .base-width .form .btn {
  margin-top: 30px;
  line-height: 60px;
  background: #246EFF;
  border-radius: 30px;
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
  text-align: center;
}

.login .main .base-width .form .forget {
  text-align: right;
  font-size: 18px;
  font-weight: 400;
  color: #BCC4CD;
  margin-top: 14px;
  cursor: pointer;
}

.schoolbox {
  background: none;
  position: relative;
  height: 100%;
  width: 1230px;
  margin: 0 auto;
  margin: 54px auto;
}

.schoolboxleft {
  width: 720px;
  background: #fff;
  float: left;
  padding: 50px;
  margin-bottom: 50px;
}

.schoolboxright {
  width: 280px;
  background: #fff;
  float: left;
  margin-left: 30px;
  padding: 50px 40px 50px 60px;
  margin-bottom: 50px;
}

.schoolmovie {
  width: 720px;
  height: 486px;
}

.schooltxt {
  line-height: 30px;
  font-size: 14px;
  margin-bottom: 20px;
}

.school .top {
  display: flex;
  justify-content: space-between;
}

.school .top .top-l {
  height: 16px;
  font-size: 16px;
  font-weight: bold;
  color: #1C4BCD;
  line-height: 40px;
  display: flex;
}

.school .top .top-l .top-l-r {
  color: #333333;
  margin-left: 30px;
}

.school .top .top-l .top-l-r span {
  cursor: pointer;
}

.school .top .top-l .top-l-r span:hover {
  color: #1C4BCD;
}

.school .top .top-l .top-l-r .te {
  color: #1C4BCD;
}

.school .bottom {
  padding-top: 50px;
  display: flex;
  flex-wrap: wrap;
}

.school .bottom .item {
  margin-right: 20px;
  width: 267px;
  box-shadow: 2px 7px 18px rgba(15, 70, 157, 0.2);
  margin-bottom: 33px;
}

.school .bottom .item:nth-child(4n) {
  margin-right: 0;
}

.school .bottom .item img {
  width: 100%;
  height: 171px;
}

.school .bottom .item .item-b {
  padding: 0 16px 20px;
}

.school .bottom .item .title {
  font-size: 16px;
  font-weight: bold;
  color: #4E4B4B;
  line-height: 16px;
  margin-top: 19px;
  margin-bottom: 16px;
}

.school .bottom .item .text {
  display: flex;
  justify-content: space-between;
}

.school .bottom .item .text .text-l {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #757272;
  line-height: 31px;
}

.school .bottom .item .text .text-l img {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.school .bottom .item .text .text-r {
  text-align: center;
  line-height: 31px;
  color: #fff;
  background: #F8A32A;
  font-size: 14px;
  font-weight: bold;
  width: 86px;
  cursor: pointer;
}

.quick-remind .remind-item span.active {
  color: #2e77dd;
}
.btn:hover{
  cursor: pointer;
  background: #0000C6;
  color: #fff;
}

.detail .banner {
  height: 256px; }
.detail .banner .name {
  font-size: 45px;
  font-weight: bold;
  padding-top: 90px;
  line-height: 60px;
  color: #ffffff; }
.detail .banner .line {
  width: 49px;
  height: 6px;
  margin-top: 20px;
  background: #fff; }
.detail .main {
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
  justify-content: space-between; }
.detail .main .left {
  width: 446px;
  margin-right: 75px; }
.detail .main .left img {
  width: 100%;
  margin-bottom: 30px; }
.detail .main .right {
  flex: 1; }
.detail .main .right .big-title {
  font-weight: bold;
  font-size: 24px;
  color: #232323;
  line-height: 24px; }
.detail .main .right .company {
  margin-top: 24px;
  font-weight: bold;
  font-size: 18px;
  color: #494747;
  line-height: 18px; }
.detail .main .right .name {
  background: #E0F2FC;
  margin-top: 42px;
  text-indent: 20px;
  height: 37px;
  font-weight: bold;
  font-size: 16px;
  color: #4367FD;
  line-height: 37px; }
.detail .main .right .text {
  margin-top: 20px;
  font-weight: 400;
  font-size: 16px;
  color: #232323;
  line-height: 30px; }
.detail .main .right img {
  margin-top: 60px;
  max-width: 100%; }
/*  -- flex -- */
.flex{
  display: flex;
}
.justify-between{
}
.align-center{
}
.recent-t-wrap {
  padding-top: 40px;
  overflow: hidden;
  background: linear-gradient(0deg, #ffffff, #ffffff);
  height: 455px; }
.recent-t-wrap .route {
  color: #fff !important;
  opacity: 1; }

.title .text {
  font-size: 30px;
  font-weight: bold;
  color: #232f3d;
  line-height: 30px; }
.title .text:after {
  margin-top: 24px;
  content: "";
  display: block;
  width: 120px;
  height: 3px;
  background: #ff9900; }
.title .line {
  height: 2px;
  background: #bfbfbf;
  opacity: 0.38; }

.recent-t {
  margin-top: 18px;
  padding: 32px;
  background: #ffffff;
  border-radius: 15px; }
.recent-t .event-img {
  height: 297px;
  width: 533px; }
.recent-t .event-text {
  margin-left: 48px;
  width: 735px; }
.recent-t .event-text .event-title {
  font-size: 24px;
  font-weight: bold;
  color: #3e3c3c;
  line-height: 24px; }
.recent-t .event-text .line {
  margin-top: 18px;
  margin-bottom: 20px;
  height: 2px;
  background: #bfbfbf;
  opacity: 0.38; }
.recent-t .event-text .event-tags .event-tag {
  background: #eaf8f9;
  border-radius: 3px;
  text-align: center;
  line-height: 20px;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 400;
  color: #23a1dc;
  margin-right: 8px;
  margin-top: 8px; }
.recent-t .event-text .event-time {
  font-size: 18px;
  font-weight: 400;
  color: #8e9c9d;
  line-height: 18px;
  margin-top: 16px; }
.recent-t .event-text .event-type {
  font-size: 18px;
  font-weight: 400;
  color: #8e9c9d;
  line-height: 18px;
  margin-top: 16px; }
.recent-t .event-text .event-b {
  margin-top: 11px;
  font-size: 18px;
  font-weight: 400;
  color: #8e9c9d;
  line-height: 18px; }
.recent-t .event-text .event-b .event-b-l {
  align-items: center; }
.recent-t .event-text .event-b .event-b-l img {
  width: 14px;
  height: 20px;
  margin-right: 8px; }
.recent-t .event-text .event-b .event-b-r {
  cursor: pointer;
  margin-left: 19px;
  width: 79px;
  background: #2099fe;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #323434;
  line-height: 28px;
  text-align: center; }

.recent-t .event-text .event-b .event-b-n {
  cursor: pointer;
  margin-left: 19px;
  width: 79px;
  background: #ff9900;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #323434;
  line-height: 28px;
  text-align: center; }

.recent-b {
  margin-top: -72px;
  margin-bottom: 68px; }
.recent-b .article {
  margin-top: 32px;
  font-size: 16px;
  font-weight: 400;
  color: #5e5959;
  line-height: 28px;
  text-align: justify; }
.recent-b .b-l {
  width: 1050px;
  box-sizing: border-box;
  padding: 28px 30px;
  background: #ffffff;
  border: 1px solid #d6d3d3;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.16);
  border-radius: 20px; }
.recent-b .b-r {
  width: 306px; }
.recent-b .b-r .b-r-t .t-r {
  background: linear-gradient(0deg, #ffffff, #eaf8f9);
  border: 1px solid #dcdcdc;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.23);
  border-radius: 10px;
  box-sizing: border-box;
  padding: 22px; }
.recent-b .b-r .b-r-t .t-r .imgBox {
  width: 261px;
  height: 157px;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 10px; }
.recent-b .b-r .b-r-t .t-r .imgBox img {
  width: 218px; }
.recent-b .b-r .b-r-t .t-r .bigT {
  font-size: 18px;
  font-weight: bold;
  color: #26303c;
  line-height: 18px;
  margin-top: 34px; }
.recent-b .b-r .b-r-t .t-r .tag-box .tag {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #149cda;
  line-height: 22px;
  background: #eaf8f9;
  border-radius: 2px;
  padding: 0 5px;
  margin-right: 6px; }
.recent-b .b-r .b-r-t .smallT {
  font-size: 16px;
  font-weight: bold;
  color: #26303c;
  line-height: 16px;
  margin-top: 20px; }
.recent-b .b-r .b-r-t .text {
  font-size: 12px;
  font-weight: 400;
  color: #6a717a;
  line-height: 20px;
  margin-top: 10px; }
.recent-b .b-r-b {
  margin-top: 30px;
  background: linear-gradient(0deg, #ffffff, #eaf8f9);
  border: 1px solid #dcdcdc;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.23);
  border-radius: 10px;
  box-sizing: border-box;
  padding: 22px; }
.recent-b .b-r-b .bigT {
  font-size: 18px;
  font-weight: bold;
  color: #26303c;
  line-height: 18px;
  margin-bottom: 24px; }
.recent-b .b-r-b .swiper2 {
  margin-top: 18px; }
.recent-b .b-r-b .swiper2 .swiper-pagination2 {
  text-align: center;
  margin-top: 10px; }
.recent-b .b-r-b .swiper2 .swiper-pagination2 .swiper-pagination-bullet {
  opacity: 1;
  background: transparent;
  width: 13px;
  height: 13px;
  border: 1px solid #8e9c9d;
  border-radius: 50%; }
.recent-b .b-r-b .swiper2 .swiper-pagination2 .swiper-pagination-bullet-active {
  background: #8e9c9d; }
.recent-b .b-r-b .swiper2 .swiper-slide {
  background: linear-gradient(0deg, #feffff, #ebf9fa);
  box-shadow: 0px 5px 7px 0px rgba(4, 0, 0, 0.15);
  border-radius: 10px; }
.recent-b .b-r-b .swiper2 .swiper-slide:nth-child(4n) {
  margin-right: 0; }
.recent-b .b-r-b .swiper2 .swiper-slide .event-img {
  height: 161px;
  width: 100%; }
.recent-b .b-r-b .swiper2 .swiper-slide .event-text {
  padding: 14px; }
.recent-b .b-r-b .swiper2 .swiper-slide .event-text .event-title {
  font-size: 16px;
  font-weight: 400;
  color: #4a4e50;
  line-height: 24px;
  overflow:hidden;
  white-space: nowrap;
  text-overflow:ellipsis;}
.recent-b .b-r-b .swiper2 .swiper-slide .event-text .event-tags .event-tag {
  background: #eaf8f9;
  border-radius: 3px;
  text-align: center;
  line-height: 20px;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 400;
  color: #23a1dc;
  margin-right: 8px;
  margin-top: 8px; }
.recent-b .b-r-b .swiper2 .swiper-slide .event-text .event-time {
  font-size: 12px;
  font-weight: 400;
  color: #8e9c9d;
  line-height: 12px;
  margin-top: 16px; }
.recent-b .b-r-b .swiper2 .swiper-slide .event-text .event-b {
  margin-top: 11px;
  font-size: 12px;
  font-weight: 400;
  color: #8e9c9d;
  line-height: 12px; }
.recent-b .b-r-b .swiper2 .swiper-slide .event-text .event-b .event-b-l {
  align-items: flex-end; }
.recent-b .b-r-b .swiper2 .swiper-slide .event-text .event-b .event-b-l img {
  width: 14px;
  height: 20px;
  margin-right: 8px; }
.recent-b .b-r-b .swiper2 .swiper-slide .event-text .event-b .event-b-r {
  cursor: pointer;
  width: 79px;
  background: #2099fe;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #323434;
  line-height: 28px;
  text-align: center; }

.recent-b .b-r-b .swiper2 .swiper-slide .event-text .event-b .event-b-n {
  cursor: pointer;
  width: 79px;
  background: #ff9900;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #323434;
  line-height: 28px;
  text-align: center; }

.flex-row {
  display: flex;
  flex-direction: row; }

.flex-col {
  display: flex;
  flex-direction: column; }

/* 设置换行 */
.flex-wrap {
  flex-wrap: wrap; }

/* 设置主轴上的子元素排列方式 */
.justify-start {
  justify-content: flex-start; }

.justify-end {
  justify-content: flex-end; }

.justify-center {
  justify-content: center; }

.justify-around {
  justify-content: space-around; }

.justify-between {
  justify-content: space-between; }

/* 设置子元素在轴上的排序方式（多行） */
.content-center {
  align-content: center; }

.content-start {
  align-content: start; }

.content-space {
  align-content: space-around; }

/* 设置子元素在轴上的排序方式（单行） */
.items-center {
  align-items: center; }

.w-full {
  width: 100%; }

.h-full {
  height: 100%; }

.wuLiuHtml { }
.wuLiuHtml .el-table td, .wuLiuHtml .el-table th.is-leaf, .wuLiuHtml .el-table--border, .wuLiuHtml .el-table--group {
  border-color: #ACD1FD; }
.wuLiuHtml .el-table--border::after, .wuLiuHtml .el-table--group::after, .wuLiuHtml .el-table::before {
  background-color: #ACD1FD; }


.wuLiuHtml .main-wrapper .route {
  font-weight: 400;
  font-size: 16px;
  color: #646060;
  line-height: 16px;
  margin-top: 34px; }
.wuLiuHtml .main-wrapper .main-a {
  margin-top: 57px;background: #fff; }
.wuLiuHtml .main-wrapper .main-a .main-a-t img {
  width: 29px;
  height: 29px;
  margin-right: 45px;margin-top: 22px; }
.wuLiuHtml .main-wrapper .main-a .main-a-t .text {
  font-weight: bold;
  font-size: 24px;
  color: #333333; }
.wuLiuHtml .main-wrapper .main-a .main-a-t .main-a-a {
  flex: 1;
  padding-bottom: 16px;
  border-bottom: 2px solid #CCCDCE; }
.wuLiuHtml .main-wrapper .main-a .main-a-t .main-a-b {
  flex: 1;
  padding-bottom: 16px;
  border-bottom: 2px solid #CCCDCE; }
.wuLiuHtml .main-wrapper .main-a .main-a-t .te {
  padding-bottom: 16px;
  border-bottom: 2px solid #296CF6; }
.wuLiuHtml .main-wrapper .main-a .main-a-t .te .text {
  color: #296CF6; }
.wuLiuHtml .main-wrapper .main-a .main-a-main {
  box-shadow: 0 4px 10px 0 rgba(146, 161, 191, 0.102);
  padding: 0 32px 37px; }
.wuLiuHtml .main-wrapper .main-a .main-a-main .radio {
  padding-top: 35px;
  padding-bottom: 38px; }
.wuLiuHtml .main-wrapper .main-a .main-a-main .result .title {
  margin-top: 30px;
  font-size: 16px;
  color: #979494; }
.wuLiuHtml .main-wrapper .main-a .main-a-main .result .table {
  margin-top: 20px; }
.wuLiuHtml .main-wrapper .main-b {
  margin-top: 34px;
  box-shadow: 0 0 10px 0 rgba(146, 161, 191, 0.2); }
.wuLiuHtml .main-wrapper .main-b .main-c-t {
  padding: 0 32px;
  line-height: 54px;
  border-bottom: 2px solid #296CF6; }
.wuLiuHtml .main-wrapper .main-b .main-c-t .main-c-t-l img {
  width: 30px;
  height: 30px;
  margin-right: 10px; }
.wuLiuHtml .main-wrapper .main-b .main-c-t .main-c-t-l div {
  font-weight: bold;
  font-size: 16px;
  color: #296CF6; }
.wuLiuHtml .main-wrapper .main-b .main-c-t .main-c-t-r {
  cursor: pointer; }
.wuLiuHtml .main-wrapper .main-b .main-c-t .main-c-t-r img {
  width: 36px;
  height: 30px;
  margin-right: 10px; }
.wuLiuHtml .main-wrapper .main-b .main-c-t .main-c-t-r div {
  font-size: 14px;
  color: #296CF6; }
.wuLiuHtml .main-wrapper .main-b .table {
  padding: 18px 32px 32px; }
.wuLiuHtml .main-wrapper .main-b .table .img-list .item {
  width: 215px;
  height: 151px;
  position: relative;
  margin-right: 33px;
  margin-bottom: 20px; }
.wuLiuHtml .main-wrapper .main-b .table .img-list .item .price {
  width: 215px;
  height: 151px; }
.wuLiuHtml .main-wrapper .main-b .table .img-list .item .icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 70px;
  height: 70px;
  z-index: 999;
  cursor: pointer; }
.wuLiuHtml .main-wrapper .main-b .table .img-list .item:nth-child(5n) {
  margin-right: 0; }


/*头部*/
#header {height:64px;background-color:#255bdf;background-repeat:no-repeat;display: flex;justify-content: space-between;align-items: center;}
#header .logo{margin:5px;width:450px;color: #fff;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;line-height: 24px;display: flex;}
#header .logo .tu {width: 42px;height: 60px;margin:0px 5px;}
#header .logo .txt {text-align: left;}
.bannersub {background: url("../images/banner-about.jpg") no-repeat;height: 202px;}


/*导航*/


#nav{height:64px;line-height:64px; text-align: center;}
#nav ul{position:relative;width:900px;}
#nav ul li{color:#fff;display: inline;}
#nav ul li a{display:inline-block;padding: 0 10px; height:64px;font-size:14px;color:#fff;font-weight:bold;}
#nav ul li a:hover,#nav ul li a.active{color:#fff;height: 64px;background:#0852a9;}

.nav2class {color:#fff; text-align: center;  justify-content: flex-end;}
/*.nav2class ul{width:280px; }*/
.nav2class ul li {color:#fff;line-height: 60px;display: inline;float: right;}
.nav2class ul li a {display:inline-block;padding: 0 10px; height:64px;font-size:14px;color:#fff;}
.nav2class ul li a:hover,  .nav2class ul li a:active {color:#fff;height: 64px;text-decoration: underline;}

@charset "UTF-8";
/* CSS Document */
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select, td {
  margin: 0;
  padding: 0; }

body {
  font-size: 12px;
  word-wrap: break-word;
  font-family: "Alibaba PuHuiTi", sans-serif !important;}

a, u, s, del {
  color: #000;
  text-decoration: none; }

a {
  /*display: block; */
}

fieldset, a img, .bor0 {
  border: 0; }

i, em, b {
  font-style: normal;
  font-weight: 100; }

li {
  list-style: none; }

img {
  vertical-align: middle; }

table {
  border-collapse: collapse; }

/*合并边框*/
textarea {
  resize: none;
  /*禁止拖动*/ }

.ind2 {
  text-indent: 2em; }

/*溢出隐藏*/
.over {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/*图片垂直对齐*/
.valign {
  text-align: center; }

.valign img {
  vertical-align: middle; }

.valign:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

/*万能清除法*/
.clear:before {
  content: "";
  display: table; }

/*阻止margin-top向上传递*/
.clear:after {
  content: "";
  display: block;
  clear: both; }

/*清除浮动*/
/*弹性盒水平垂直居中*/
.flexc {
  display: flex;
  justify-content: center;
  align-items: center; }

body {
  font-family: "微软雅黑"; }

.justify-between {
  justify-content: space-between; }

.justify-center {
  justify-content: center; }

.justify-end {
  justify-content: flex-end; }

.justify-start {
  justify-content: flex-start; }

.justify-around {
  justify-content: space-around; }

.align-center {
  align-items: center; }

.flex-wrap {
  flex-wrap: wrap; }

                /*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration:1s;
  --animate-delay:1s;
  --animate-repeat:1; }

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat); }

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
  animation-iteration-count: calc(var(--animate-repeat)*2); }

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
  animation-iteration-count: calc(var(--animate-repeat)*3); }

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay); }

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay)*2);
  animation-delay: calc(var(--animate-delay)*2); }

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay)*3);
  animation-delay: calc(var(--animate-delay)*3); }

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay)*4);
  animation-delay: calc(var(--animate-delay)*4); }

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay)*5);
  animation-delay: calc(var(--animate-delay)*5); }

.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration)/2);
  animation-duration: calc(var(--animate-duration)/2); }

.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.8);
  animation-duration: calc(var(--animate-duration)*0.8); }

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2); }

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration)*3);
  animation-duration: calc(var(--animate-duration)*3); }

@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important; }

  .animate__animated[class*=Out] {
    opacity: 0; } }
@-webkit-keyframes bounce {
  0%,20%,53%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%,43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05); }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02); } }
@keyframes bounce {
  0%,20%,53%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%,43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05); }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02); } }
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%,50%,to {
    opacity: 1; }
  25%,75% {
    opacity: 0; } }
@keyframes flash {
  0%,50%,to {
    opacity: 1; }
  25%,75% {
    opacity: 0; } }
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shakeX {
  0%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%,30%,50%,70%,90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,40%,60%,80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes shakeX {
  0%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%,30%,50%,70%,90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,40%,60%,80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX; }

@-webkit-keyframes shakeY {
  0%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%,30%,50%,70%,90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  20%,40%,60%,80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }
@keyframes shakeY {
  0%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%,30%,50%,70%,90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  20%,40%,60%,80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%,20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%,50%,70%,90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%,60%,80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%,20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%,50%,70%,90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%,60%,80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  0%,11.1%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
@keyframes jello {
  0%,11.1%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration)*1.3);
  animation-duration: calc(var(--animate-duration)*1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown; }

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft; }

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight; }

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: .7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp; }

@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: .7; } }
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: .7; } }
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown; }

@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: .7; } }
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: .7; } }
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft; }

@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: .7; } }
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: .7; } }
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight; }

@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: .7; } }
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: .7; } }
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp; }

@-webkit-keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes bounceInDown {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes bounceInLeft {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes bounceInRight {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes bounceInUp {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
.animate__bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985); }
  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3); } }
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985); }
  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3); } }
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2); } }
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2); } }
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2); } }
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2); } }
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985); }
  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3); } }
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985); }
  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3); } }
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft; }

@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight; }

@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft; }

@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); } }
@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); } }
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft; }

@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); } }
@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); } }
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight; }

@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); } }
@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); } }
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight; }

@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); } }
@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); } }
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
.animate__flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
.animate__flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
@keyframes lightSpeedOutRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0; } }
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0; } }
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes rotateOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
@keyframes rotateOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left; }

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0); } }
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0); } }
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0); } }
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0); } }
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

.over2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*行数*/
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal; }

html {
  font-size: 10vw; }

@media screen and (min-width: 1200px) {
  .mobile {
    display: none; }

  /*头部*/
  #header {
    position: relative;
    z-index: 9999999999999;
    height: 0.3333333333rem;
    background-color: #255bdf;
    background-repeat: no-repeat;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center; }
  #header .complication {
    position: absolute;
    left: 2.4583333333rem;
    top: 0.1041666667rem; }
  #header .complication .el-icon-arrow-down {
    animation: rotateA 0.4s ease forwards; }
  #header .complication:hover .el-icon-arrow-down {
    animation: rotateB 0.4s ease forwards; }
  #header .complication:hover .complicationContent-box {
    grid-template-rows: 1fr; }
  #header .complication .complicationBtnBox {
    cursor: pointer;
    width: 0.5625rem;
    height: 0.15625rem;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px; }
  #header .complication .complicationBtnBox .complicationBtn {
    font-weight: 400;
    font-size: 0.0833333333rem;
    color: #F6F8FB;
    line-height: 0.15625rem; }
  #header .complication .complicationContent-box {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: all .3s; }
  #header .complication .complicationContent-box .complicationContent {
    margin-top: 0.0729166667rem;
    display: flex;
    justify-content: center;
    background: #fff;
    text-align: center; }
  #header .complication .complicationContent-box .complicationContent .complicationContent-l {
    background: #F4F9FF;
    width: 0.859375rem; }
  #header .complication .complicationContent-box .complicationContent .complicationContent-l .item {
    display: flex;
    text-align: center;
    font-weight: 400;
    font-size: 0.0833333333rem;
    color: #666666;
    line-height: 0.2395833333rem; }
  #header .complication .complicationContent-box .complicationContent .complicationContent-l .item:before {
    content: '';
    width: 0.03125rem;
    height: 0.2395833333rem;
    margin-right: 0.2083333333rem; }
  #header .complication .complicationContent-box .complicationContent .complicationContent-l .item:hover {
    background: #fff;
    cursor: pointer; }
  #header .complication .complicationContent-box .complicationContent .complicationContent-l .item:hover:before {
    content: '';
    width: 0.03125rem;
    height: 0.2395833333rem;
    margin-right: 0.2083333333rem;
    background: #255BDF; }
  #header .complication .complicationContent-box .complicationContent .complicationContent-l .te {
    background: #fff; }
  #header .complication .complicationContent-box .complicationContent .complicationContent-l .te:before {
    content: '';
    width: 0.03125rem;
    height: 0.2395833333rem;
    margin-right: 0.2083333333rem;
    background: #255BDF; }
  #header .complication .complicationContent-box .complicationContent .complicationContent-r {
    padding-bottom: 0.4166666667rem;
    width: 5.0260416667rem;
    padding-left: 0.28125rem;
    box-sizing: border-box;
    position: relative; }
  #header .complication .complicationContent-box .complicationContent .complicationContent-r .complicationContent-r-content {
    display: flex;
    flex-wrap: wrap; }
  #header .complication .complicationContent-box .complicationContent .complicationContent-r .complicationContent-r-content .item {
    cursor: pointer;
    width: 0.84375rem;
    height: 0.2239583333rem;
    background: #F4F9FF;
    border-radius: 0.0260416667rem;
    text-align: center;
    line-height: 0.2239583333rem;
    margin-top: 0.15625rem;
    margin-right: 0.4010416667rem;
    color: #666666;
    font-size: 0.0833333333rem; }
  #header .complication .complicationContent-box .complicationContent .complicationContent-r .complicationContent-r-content .item:nth-child(4n) {
    margin-right: 0; }
  #header .complication .complicationContent-box .complicationContent .complicationContent-r .more {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 0.0833333333rem;
    color: #255BDF;
    line-height: 0.1979166667rem;
    cursor: pointer;
    position: absolute;
    left: 0.28125rem;
    bottom: 0.1041666667rem; }
  #header .logo {
    margin: 0.0260416667rem;
    width: 2.5rem;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 0.125rem;
    display: flex;
    align-items: center; }
  #header .logo .tu {
    width: 0.21875rem;
    height: 0.3125rem;
    margin: 0px 0.0260416667rem; }
  #header .logo .txt {
    margin-top: 0.0260416667rem;
    text-align: left; }
  #header .logo .txt .en {
    font-size: 0.0441666667rem !important; }
  #header .logo .txt .ch {
    font-size: 0.1041666667rem !important; }

  /*导航*/
  #nav {
    height: 0.3333333333rem;
    line-height: 0.3333333333rem;
    text-align: center; }
    #nav ul {
      position: relative;
      /*width: 5.1041666667rem; */
    }
      #nav ul li {
        color: #fff;
        display: inline; }
        #nav ul li a {
          display: inline-block;
          padding: 0 0.0520833333rem;
          height: 0.3333333333rem;
          font-size: 0.0833333333rem;
          color: #fff;
          font-weight: bold; }

  #nav ul li a:hover, #nav ul li a.active {
    color: #fff;
    height: 0.3333333333rem;
    background: #0852a9; }

  #nav2 {
    color: #fff;
    text-align: center;
    justify-content: flex-end; }
    #nav2 ul {
      width: 1.4583333333rem; }
      #nav2 ul li {
        color: #fff;
        line-height: 0.3125rem;
        display: inline;
        float: right; }
        #nav2 ul li a {
          display: inline-block;
          padding: 0 0.0520833333rem;
          height: 0.3333333333rem;
          font-size: 0.0729166667rem;
          color: #fff; }

  #nav2 ul li a:hover, #nav2 ul li a:active {
    color: #fff;
    height: 0.3333333333rem;
    text-decoration: underline; }

  .member {
    display: flex;
    justify-content: space-between; }
    .member .left {
      height: 1.0208333333rem;
      width: 30%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      background: url("../images/index/11.png") no-repeat center;
      background-size: cover; }
      .member .left .text {
        margin-right: 0.3125rem;
        font-weight: bold;
        font-size: 0.125rem;
        color: #FFFFFF;
        line-height: 0.15625rem; }
        .member .left .text .text2 {
          font-weight: normal; }
        .member .left .text .text3 {
          font-weight: normal; }
    .member .right {
      background: #2E73DB;
      width: 70%;
      display: flex;
      justify-content: space-around;
      padding: 0.2083333333rem 0.2083333333rem; }
      .member .right .item {
        flex: 1;
        font-weight: 400;
        font-size: 0.0833333333rem;
        color: #FFFFFF;
        line-height: 0.1458333333rem; }
        .member .right .item .per {
          display: flex;
          align-items: center; }
          .member .right .item .per img {
            margin-right: 0.0208333333rem; }

  /*尾部*/
  #footer {
    background-color: #1b2c3e;
    font-size: 0.0729166667rem;
    overflow: hidden; }

  #footer .divfooter {
    width: 2.125rem;
    margin: 0 auto; }

  #footer .copyrighttxt {
    float: left;
    line-height: 0.1458333333rem;
    padding: 0.1041666667rem 0;
    color: #bbbcbd;
    width: 2.6041666667rem; }

  #footer .fotterimg {
    float: left;
    margin-top: 0.1041666667rem;
    margin-right: 0.2604166667rem;
    width: 0.2604166667rem; }

  #footer .copyrighttxt a {
    color: #bbbcbd; }

  #footer .copyrighttxt a:hover {
    color: #fff; }

  .baseWidth {
    width: 7.7083333333rem;
    margin: auto; }

  @keyframes mymove {
    0% {
      margin-top: 0.1145833333rem; }
    to {
      margin-top: 0.0364583333rem; } }
  @keyframes leaveback {
    0% {
      margin-top: 0.0364583333rem; }
    to {
      margin-top: 0.1145833333rem; } }
  .indexPage .inform {
    z-index: 99999;
    position: fixed;
    right: 0;
    top: 3.0416666667rem;
    width: 2.0052083333rem;
    height: 1.7395833333rem;
    background: url(../images/index/12.png) no-repeat;
    background-size: cover; }
    .indexPage .inform .title {
      text-align: center;
      font-weight: bold;
      font-size: 0.1145833333rem;
      color: #2E73DB;
      line-height: 0.1145833333rem;
      padding-top: 0.2291666667rem; }
    .indexPage .inform .cancel {
      position: absolute;
      right: 0.15625rem;
      top: 0.203125rem;
      font-size: 0.1041666667rem; }
    .indexPage .inform .content {
      margin-top: 0.125rem;
      margin-left: 0.3125rem;
      width: 1.5rem;
      font-weight: 400;
      font-size: 0.0833333333rem;
      color: #58606D;
      line-height: 0.125rem; }
  .indexPage .banner {
    position: relative;
    overflow: hidden;
    height: 3.9791666667rem; }
    .indexPage .banner .swiper-slide {
      height: 3.9791666667rem; }
    .indexPage .banner .swiper-pagination {
      bottom: 0.2291666667rem !important; }
      .indexPage .banner .swiper-pagination .swiper-pagination-bullet {
        width: 0.234375rem;
        height: 0.046875rem;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 0.0260416667rem;
        opacity: 1; }
      .indexPage .banner .swiper-pagination .swiper-pagination-bullet-active {
        background: #fff;
        opacity: 1;
        width: 0.3385416667rem; }
    .indexPage .banner .content {
      z-index: 99;
      position: absolute;
      left: 0;
      right: 0;
      top: 0.5208333333rem; }
      .indexPage .banner .content img {
        margin-bottom: 0.3125rem; }
      .indexPage .banner .content .btn {
        width: 0.7916666667rem;
        height: 0.234375rem;
        background: #FD5947;
        border-radius: 0.0260416667rem;
        line-height: 0.234375rem;
        text-align: center;
        color: #fff;
        font-size: 0.09375rem;
        cursor: pointer; }
  .indexPage .main .index-title {
    font-size: 0.125rem;
    font-weight: 300;
    color: #333; }
  .indexPage .main .internet {
    background: #f0f6ff; }
    .indexPage .main .internet .netDetail {
      margin: 0 auto;
      padding-top: 0.3229166667rem;
      padding-bottom: 0.3229166667rem; }
    .indexPage .main .internet .netDetail .allnet-items {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between; }
    .indexPage .main .internet .netDetail .allnet-items .netitem {
      width: 1.2239583333rem;
      justify-content: space-between;
      margin-right: 0.0677083333rem;
      height: 1.5052083333rem;
      background: #fff;
      box-shadow: 0 0.015625rem 0.0625rem 0.015625rem rgba(8, 58, 137, 0.12);
      margin-top: 0.1145833333rem;
      text-align: center;
      padding-top: 0.8541666667rem;
      box-sizing: border-box;
      cursor: pointer; }
    .indexPage .main .internet .netDetail .allnet-items .netitem .nettime-pone {
      font-size: 0.1145833333rem;
      font-weight: 300;
      color: #333; }
    .indexPage .main .internet .netDetail .allnet-items .netitem .nettime-pthree,
    .indexPage .main .internet .netDetail .allnet-items .netitem .nettime-ptwo {
      font-size: 0.0625rem;
      font-weight: 400;
      color: #999;
      opacity: .8;
      padding: 0 0.1354166667rem;
      text-align: justify; }
    .indexPage .main .internet .netDetail .allnet-items .netitem .nettime-ptwo {
      margin-top: 0.0885416667rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem .nettime-pthree {
      margin-top: 0.015625rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.import-item {
      border-top: 1px solid #00c0a5;
      background: #fff url(../images/index/indexicon1.png) no-repeat 50% 0.359375rem;
      background-size: 0.3333333333rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.import-item:hover {
      height: 1.5rem;
      background: #fff url(../images/index/item-bg1.png) no-repeat;
      background-size: 1.2239583333rem 1.5rem;
      border-top: none;
      border-bottom: 0.0260416667rem solid #00c0a5;
      animation: mymove 1s;
      margin-top: 0.0364583333rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.import-item:hover .nettime-pone {
      font-weight: 700; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.import-item:hover .nettime-pone,
    .indexPage .main .internet .netDetail .allnet-items .netitem.import-item:hover .nettime-pthree,
    .indexPage .main .internet .netDetail .allnet-items .netitem.import-item:hover .nettime-ptwo {
      color: #fff; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.registration-item {
      border-top: 1px solid #e53934;
      background: #fff url(../images/index/indexicon2.png) no-repeat 50% 0.359375rem;
      background-size: 0.3333333333rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.registration-item:hover {
      margin-top: 0.0364583333rem;
      height: 1.5rem;
      background: #fff url(../images/index/item-bg2.png) no-repeat;
      background-size: 1.2239583333rem 1.5rem;
      border-top: none;
      border-bottom: 0.03125rem solid #e53934;
      animation: mymove 1s; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.registration-item:hover .nettime-pone {
      font-weight: 700; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.registration-item:hover .nettime-pone,
    .indexPage .main .internet .netDetail .allnet-items .netitem.registration-item:hover .nettime-pthree,
    .indexPage .main .internet .netDetail .allnet-items .netitem.registration-item:hover .nettime-ptwo {
      color: #fff; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.policy-item {
      border-top: 1px solid #83c44e;
      background: #fff url(../images/index/indexicon3.png) no-repeat 50% 0.359375rem;
      background-size: 0.3333333333rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.policy-item:hover {
      height: 1.5rem;
      background: #fff url(../images/index/item-bg3.png) no-repeat;
      background-size: 1.2239583333rem 1.5rem;
      border-top: none;
      border-bottom: 0.03125rem solid #83c44e;
      animation: mymove 1s;
      margin-top: 0.0364583333rem;
      box-shadow: none; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.policy-item:hover .nettime-pone {
      font-weight: 700; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.policy-item:hover .nettime-pone,
    .indexPage .main .internet .netDetail .allnet-items .netitem.policy-item:hover .nettime-pthree,
    .indexPage .main .internet .netDetail .allnet-items .netitem.policy-item:hover .nettime-ptwo {
      color: #fff; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.total-item {
      border-top: 1px solid #2196f3;
      background: #fff url(../images/index/indexicon4.png) no-repeat 50% 0.359375rem;
      background-size: 0.3333333333rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.total-item:hover {
      height: 1.5rem;
      background: #fff url(../images/index/item-bg4.png) no-repeat;
      background-size: 1.2239583333rem 1.5rem;
      border-top: none;
      border-bottom: 0.03125rem solid #2196f3;
      animation: mymove 1s;
      margin-top: 0.0364583333rem;
      box-shadow: none; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.total-item:hover .nettime-pone {
      font-weight: 700; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.total-item:hover .nettime-pone,
    .indexPage .main .internet .netDetail .allnet-items .netitem.total-item:hover .nettime-pthree,
    .indexPage .main .internet .netDetail .allnet-items .netitem.total-item:hover .nettime-ptwo {
      color: #fff; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.export-item {
      border-top: 1px solid #ffac13;
      background: #fff url(../images/index/indexicon5.png) no-repeat 50% 0.359375rem;
      background-size: 0.3333333333rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.export-item:hover {
      height: 1.5rem;
      background: #fff url(../images/index/item-bg5.png) no-repeat;
      background-size: 1.2239583333rem 1.5rem;
      border-top: none;
      border-bottom: 0.0260416667rem solid #ffac13;
      animation: mymove 1s;
      margin-top: 0.0364583333rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.export-item:hover .nettime-pone {
      font-weight: 700; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.export-item:hover .nettime-pone,
    .indexPage .main .internet .netDetail .allnet-items .netitem.export-item:hover .nettime-pthree,
    .indexPage .main .internet .netDetail .allnet-items .netitem.export-item:hover .nettime-ptwo {
      color: #fff; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.talent-item {
      border-top: 1px solid #00c0a5;
      background: #fff url(../images/index/indexicon6.png) no-repeat 50% 0.359375rem;
      background-size: 0.3333333333rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.talent-item:hover {
      height: 1.5rem;
      background: #fff url(../images/index/item-bg6.png) no-repeat;
      background-size: 1.2239583333rem 1.5rem;
      border-top: none;
      border-bottom: 0.03125rem solid #00c0a5;
      animation: mymove 1s;
      margin-top: 0.0364583333rem;
      box-shadow: none; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.talent-item:hover .nettime-pone {
      font-weight: 700; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.talent-item:hover .nettime-pone,
    .indexPage .main .internet .netDetail .allnet-items .netitem.talent-item:hover .nettime-pthree,
    .indexPage .main .internet .netDetail .allnet-items .netitem.talent-item:hover .nettime-ptwo {
      color: #fff; }
    .indexPage .main .internet .netDetail .allnet-items .leaveanimate {
      animation: leaveback 1s; }
  .indexPage .main .introduce {
    position: relative;
    display: flex;
    justify-content: space-between; }
    .indexPage .main .introduce img {
      position: absolute;
      width: 2.0989583333rem;
      height: 1.578125rem;
      right: 0.1145833333rem;
      top: 0.2135416667rem; }
    .indexPage .main .introduce .left {
      padding-top: 0.1979166667rem; }
      .indexPage .main .introduce .left .text-box {
        width: 5.6197916667rem;
        background: #fff; }
        .indexPage .main .introduce .left .text-box .ch {
          font-family: Microsoft YaHei;
          font-weight: bold;
          font-size: 0.09375rem;
          color: #2E73DB;
          line-height: 0.09375rem;
          margin-top: 0.125rem; }
        .indexPage .main .introduce .left .text-box .en {
          margin-top: 0.0833333333rem;
          font-weight: 400;
          font-size: 0.0833333333rem;
          color: #868686;
          line-height: 0.0833333333rem; }
        .indexPage .main .introduce .left .text-box .text {
          margin-top: 0.1145833333rem;
          width: 5.203125rem;
          font-weight: 400;
          font-size: 0.0833333333rem;
          color: #3C3A3A;
          line-height: 0.1458333333rem; }
        .indexPage .main .introduce .left .text-box .more {
          height: 0.0833333333rem;
          font-weight: 400;
          font-size: 0.0833333333rem;
          color: #2E73DB;
          margin-top: 0.125rem;
          margin-bottom: 0.0833333333rem; }
      .indexPage .main .introduce .left .number-box {
        background: #2E73DB;
        width: 5.6197916667rem;
        height: 0.4791666667rem;
        display: flex;
        justify-content: space-around;
        align-items: center; }
        .indexPage .main .introduce .left .number-box .item {
          text-align: center;
          color: #fff; }
          .indexPage .main .introduce .left .number-box .item .big {
            display: flex;
            align-items: flex-end;
            justify-content: center; }
            .indexPage .main .introduce .left .number-box .item .big .number {
              font-weight: bold;
              font-size: 0.15625rem;
              line-height: 0.15625rem; }
            .indexPage .main .introduce .left .number-box .item .big .unit {
              font-size: 0.0833333333rem;
              line-height: 0.0833333333rem;
              margin-left: 0.015625rem; }
          .indexPage .main .introduce .left .number-box .item .small {
            margin-top: 0.0520833333rem;
            font-size: 0.0833333333rem;
            line-height: 0.0833333333rem; }
    .indexPage .main .introduce .right {
      margin-top: 0.2916666667rem;
      flex: 1;
      background: #2E73DB; }
  .indexPage .main .moreNews {
    margin-bottom: 0.1979166667rem; }
    .indexPage .main .moreNews .morenewBox {
      width: 100%;
      padding-top: 0.296875rem;
      background: #fbfdff url(../img/newbg.1d638886.png) no-repeat 100% 100%; }
    .indexPage .main .moreNews .newsBox {
      margin: 0 auto;
      display: flex; }
    .indexPage .main .moreNews .newsBox .news-logo {
      width: 1.4895833333rem;
      height: 2.5rem;
      padding-top: 0.15625rem;
      padding-left: 0.15625rem;
      display: inline-block;
      vertical-align: middle;
      background: url(../images/index/newsLeft.png) no-repeat;
      background-size: cover; }
    .indexPage .main .moreNews .newsBox .news-logo .viewmore {
      margin-top: 2.1927083333rem;
      float: right;
      margin-right: 0.078125rem;
      height: 0.1666666667rem;
      line-height: 32px2rem;
      padding: 0 0.0885416667rem;
      border: 1px solid #fff;
      border-radius: 0.0833333333rem;
      color: #fff;
      cursor: pointer; }
    .indexPage .main .moreNews .newsBox .news-content {
      display: inline-block;
      vertical-align: top;
      background: #fff;
      box-shadow: 0 0.0208333333rem 0.0520833333rem 0 rgba(33, 42, 61, 0.1);
      padding: 0.1302083333rem 0.1979166667rem; }
    .indexPage .main .moreNews .newsBox .news-content .tab .tabname {
      font-size: 0.1041666667rem;
      font-weight: 300;
      color: #333;
      margin-right: 0.2604166667rem;
      cursor: pointer; }
    .indexPage .main .moreNews .newsBox .news-content .tab .tabname:hover {
      color: #2c71d9; }
    .indexPage .main .moreNews .newsBox .news-content .tab .activetab {
      font-weight: 700;
      color: #2c71d9; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfoBox {
      position: relative;
      height: 1.03125rem;
      width: 5.6614583333rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo {
      margin-top: 0.1145833333rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .swiperWidth {
      width: 5.6614583333rem;
      position: relative; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo {
      cursor: pointer;
      display: flex; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo {
      flex: 1;
      padding-top: 0.1666666667rem;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      color: #fff;
      height: 1.03125rem;
      box-sizing: border-box;
      background: linear-gradient(270deg, #2569cf, #2e73db); }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .dateInfo,
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .title {
      display: inline-block;
      vertical-align: middle; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .dateInfo {
      width: 0.4895833333rem;
      position: relative;
      padding-left: 0.1041666667rem;
      color: #fff; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .dateInfo:before {
      content: "";
      height: 0.3125rem;
      display: inline-block;
      background: #fff;
      opacity: .2;
      width: 1px;
      position: absolute;
      right: 0; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .dateInfo .date {
      font-size: 0.15625rem;
      line-height: 0.15625rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .dateInfo .month {
      font-size: 0.0729166667rem;
      line-height: 0.0729166667rem;
      opacity: .5;
      margin-top: 0.0364583333rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .title {
      width: 3.3333333333rem;
      margin-left: 0.125rem;
      font-size: 0.1041666667rem;
      font-weight: 700;
      color: #fff;
      display: inline-block; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .title p {
      overflow: hidden;
      position: relative;
      max-height: 0.3125rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .detailp {
      width: 4.0104166667rem;
      margin-left: 0.1041666667rem;
      margin-top: 0.125rem;
      line-height: 0.1458333333rem;
      max-height: 0.2916666667rem;
      position: relative;
      overflow: hidden;
      font-size: 0.0833333333rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .governmentInfo:before {
      left: 0.15625rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .noticeInfo:before {
      left: 0.8333333333rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .regulatoryInfo:before {
      left: 1.5rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .picInfo {
      width: 1.4427083333rem;
      height: 1.03125rem;
      display: inline-block;
      vertical-align: middle; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .picInfo img {
      width: 1.4427083333rem;
      height: 1.03125rem;
      display: inline-block; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .detailInfo {
      margin-top: 0.1302083333rem;
      display: flex;
      justify-content: space-between; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .detailInfo .infoItem {
      display: inline-block;
      vertical-align: middle;
      width: 1.0416666667rem;
      min-height: 0.8020833333rem;
      margin-right: 0.25rem;
      justify-content: space-between;
      cursor: pointer; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .detailInfo .infoItem .item-date {
      font-size: 0.15625rem;
      line-height: 0.15625rem;
      font-weight: 400;
      color: #333; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .detailInfo .infoItem .item-year {
      font-size: 0.0729166667rem;
      line-height: 0.0729166667rem;
      font-weight: 400;
      color: #333;
      opacity: .6;
      margin-top: 0.0520833333rem;
      padding-bottom: 0.0520833333rem;
      margin-bottom: 0.078125rem;
      border-bottom: 1px solid #eee; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .detailInfo .infoItem .item-year .item-arrow {
      float: right;
      margin-right: 0; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .detailInfo .infoItem .item-title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 0.0833333333rem;
      font-weight: 400;
      line-height: 0.0833333333rem;
      color: #333; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .detailInfo .infoItem .item-info {
      overflow: hidden;
      position: relative;
      font-size: 0.0729166667rem;
      color: #999;
      font-weight: 400;
      line-height: 0.125rem;
      max-height: 0.25rem;
      margin-top: 0.0520833333rem; }
  .indexPage .main .oneCore {
    margin-top: 0.2604166667rem;
    background: url("../images/index/oneCore.png") no-repeat center;
    background-size: cover;
    height: 4.1979166667rem;
    position: relative; }
  .indexPage .main .oneCore .index-title {
    text-align: center;
    margin-bottom: 0.15625rem; }
  .indexPage .main .oneCore .oneCore-main {
    height: 4.1979166667rem; }
  .indexPage .main .oneCore .oneCore-main .img-box {
    position: absolute;
    /*opacity: 0;*/
    width: 1.0260416667rem;
    height: 0.484375rem; }
  .indexPage .main .oneCore .oneCore-main .img-box img {
    width: 1.0260416667rem;
    height: 0.484375rem;
    transition: transform 0.6s ease; }
  .indexPage .main .oneCore .oneCore-main .img-box img:hover {
    transform: scale(1.2);
    z-index: 999; }
  .indexPage .main .oneCore .oneCore-main .img-box .text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0.8854166667rem;
    text-align: center;
    font-weight: normal;
    font-size: 0.09375rem;
    color: #000;
    line-height: 0.1875rem; }
  .indexPage .main .oneCore .oneCore-main .item1 {
    width: 1.0260416667rem;
    height: 0.484375rem;
    z-index: 99;
    left: 50%;
    top: 50%;
    left: 2.2291666667rem;
    top: 1.0729166667rem; }
  .indexPage .main .oneCore .oneCore-main .item2 {
    width: 1.2864583333rem;
    height: 0.5052083333rem;
    left: 50%;
    top: 50%;
    left: 2.2291666667rem;
    top: 1.5572916667rem; }
  .indexPage .main .oneCore .oneCore-main .item3 {
    width: 1.1770833333rem;
    height: 0.4739583333rem;
    left: 50%;
    top: 50%;
    left: 2.2291666667rem;
    top: 2.0416666667rem; }
  .indexPage .main .oneCore .oneCore-main .item4 {
    width: 1.0260416667rem;
    height: 0.484375rem;
    left: 50%;
    top: 50%;
    left: 2.2291666667rem;
    top: 2.5208333333rem; }
  .indexPage .main .oneCore .oneCore-main .item5 {
    width: 1.0260416667rem;
    height: 0.484375rem;
    left: 50%;
    top: 50%;
    left: 2.2291666667rem;
    top: 2.9947916667rem; }
  .indexPage .main .oneCore .oneCore-main .item6 {
    width: 1.0260416667rem;
    height: 0.484375rem;
    left: 50%;
    top: 50%;
    left: 2.2291666667rem;
    top: 3.46875rem; }
  .indexPage .main .oneCore .oneCore-main .item7 {
    width: 1.0260416667rem;
    height: 0.484375rem;
    left: 50%;
    top: 50%;
    left: 4.0208333333rem;
    top: 0.1979166667rem; }
  .indexPage .main .oneCore .oneCore-main .item8 {
    width: 1.0260416667rem;
    height: 0.484375rem;
    left: 50%;
    top: 50%;
    left: 5.03125rem;
    top: 0.1979166667rem; }
  .indexPage .main .oneCore .oneCore-main .item9 {
    width: 1.0260416667rem;
    height: 0.484375rem;
    left: 50%;
    top: 50%;
    left: 6.0364583333rem;
    top: 0.1979166667rem; }
  .indexPage .main .oneCore .oneCore-main .item10 {
    width: 1.0260416667rem;
    height: 0.484375rem;
    left: 50%;
    bottom: 50%;
    left: 4.0416666667rem;
    bottom: 0.0572916667rem; }
  .indexPage .main .oneCore .oneCore-main .item11 {
    width: 1.0260416667rem;
    height: 0.484375rem;
    left: 50%;
    bottom: 50%;
    left: 5.015625rem;
    bottom: 0.0572916667rem; }
  .indexPage .main .oneCore .oneCore-main .item12 {
    width: 1.0260416667rem;
    height: 0.484375rem;
    left: 50%;
    bottom: 50%;
    left: 6.0364583333rem;
    bottom: 0.0572916667rem; }
  .indexPage .main .oneCore .oneCore-main .item13 {
    width: 1.0260416667rem;
    height: 0.484375rem;
    right: 50%;
    top: 50%;
    right: 1.78125rem;
    top: 1.5052083333rem; }
  .indexPage .main .oneCore .oneCore-main .item14 {
    width: 1.0260416667rem;
    height: 0.484375rem;
    right: 50%;
    top: 50%;
    right: 1.78125rem;
    top: 2.015625rem; }
  .indexPage .main .oneCore .oneCore-main .item15 {
    width: 1.0260416667rem;
    height: 0.484375rem;
    right: 50%;
    top: 50%;
    right: 1.78125rem;
    top: 2.5885416667rem; }
  .indexPage .main .service {
    margin-top: 0.2395833333rem; }
    .indexPage .main .service .imgBox {
      margin-top: 0.125rem;
      display: flex;
      flex-wrap: wrap; }
      .indexPage .main .service .imgBox .item {
        margin-right: 0.1875rem;
        width: 0.9375rem;
        height: 0.3645833333rem;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 0 0.078125rem #d9d9d9;
        margin-bottom: 0.2083333333rem; }
        .indexPage .main .service .imgBox .item:nth-child(7n) {
          margin-right: 0; }
        .indexPage .main .service .imgBox .item img {
          max-width: 100%;
          max-height: 100%; } }
@media screen and (max-width: 1200px) {
  /*头部*/
  #header {
    display: none; }

  .mobile .mobile-t {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.1666666667rem; }
    .mobile .mobile-t .left {
      display: flex;
      align-items: center; }
      .mobile .mobile-t .left .logo {
        width: 0.9333333333rem;
        height: 0.9333333333rem;
        margin-top: 0.2166666667rem;
        margin-bottom: 0.2166666667rem;
        margin-right: 0.3rem; }
      .mobile .mobile-t .left .text .big {
        font-weight: normal;
        font-size: 0.4833333333rem;
        color: #222121;
        line-height: 0.4833333333rem; }
      .mobile .mobile-t .left .text .small {
        font-weight: 400;
        font-size: 0.2166666667rem;
        color: #222121;
        line-height: 0.2166666667rem;
        opacity: 0.54;
        margin-top: 0.1666666667rem; }
    .mobile .mobile-t .right > div {
      width: 0.8333333333rem;
      height: 0.1rem;
      background: #000;
      margin: 0.1666666667rem 0; }
  .mobile .list {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 18px;
    line-height: 39px;
    z-index: 99999999999; }
    .mobile .list a {
      color: #fff; }

  .member {
    display: flex;
    justify-content: space-between; }
    .member .left {
      width: 30%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      background: url("../images/index/11.png") no-repeat center;
      background-size: cover; }
      .member .left .text {
        margin-right: 0.3333333333rem;
        font-weight: bold;
        font-size: 0.4rem;
        color: #FFFFFF;
        line-height: 0.5rem; }
        .member .left .text .text2 {
          font-weight: normal; }
        .member .left .text .text3 {
          font-weight: normal; }
    .member .right {
      background: #2E73DB;
      width: 70%;
      display: flex;
      justify-content: space-between;
      padding: 0.6666666667rem 0.6666666667rem;
      flex-wrap: wrap; }
      .member .right .item {
        width: 2.3333333333rem;
        font-weight: 400;
        font-size: 0.2666666667rem;
        color: #FFFFFF;
        line-height: 0.5rem; }
        .member .right .item .per {
          display: flex;
          align-items: center; }
          .member .right .item .per img {
            margin-right: 0.0666666667rem; }

  /*尾部*/
  #footer {
    background-color: #1b2c3e;
    font-size: 0.2333333333rem;
    overflow: hidden; }

  #footer .divfooter {
    width: 10rem;
    margin: 0 auto; }

  #footer .copyrighttxt {
    float: left;
    line-height: 0.4666666667rem;
    padding: 0.3333333333rem 0;
    color: #bbbcbd;
    width: 8.3333333333rem; }

  #footer .fotterimg {
    float: left;
    margin-top: 0.3333333333rem;
    margin-right: 0.8333333333rem;
    width: 0.8333333333rem; }

  #footer .copyrighttxt a {
    color: #bbbcbd; }

  #footer .copyrighttxt a:hover {
    color: #fff; }

  .baseWidth {
    margin: 0 0.2rem; }

  @keyframes mymove {
    0% {
      margin-top: 0.3666666667rem; }
    to {
      margin-top: 0.1166666667rem; } }
  @keyframes leaveback {
    0% {
      margin-top: 0.1166666667rem; }
    to {
      margin-top: 0.3666666667rem; } }
  .indexPage .inform {
    z-index: 99999;
    position: fixed;
    right: 0;
    top: 3.3333333333rem;
    width: 6.4166666667rem;
    height: 5.5666666667rem;
    background: url(../images/index/12.png) no-repeat;
    background-size: cover; }
    .indexPage .inform .title {
      text-align: center;
      font-weight: bold;
      font-size: 0.3666666667rem;
      color: #2E73DB;
      line-height: 0.3666666667rem;
      padding-top: 0.7333333333rem; }
    .indexPage .inform .cancel {
      position: absolute;
      right: 0.5rem;
      top: 0.65rem;
      font-size: 0.3333333333rem; }
    .indexPage .inform .content {
      margin-top: 0.4rem;
      margin-left: 1rem;
      width: 4.8rem;
      font-weight: 400;
      font-size: 0.2666666667rem;
      color: #58606D;
      line-height: 0.4rem; }
  .indexPage .banner {
    position: relative;
    overflow: hidden;
    height: 10rem; }
    .indexPage .banner .swiper-slide {
      height: 10rem; }
    .indexPage .banner .swiper-pagination {
      bottom: 0.7333333333rem !important; }
      .indexPage .banner .swiper-pagination .swiper-pagination-bullet {
        width: 0.75rem;
        height: 0.15rem;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 0.0833333333rem;
        opacity: 1; }
      .indexPage .banner .swiper-pagination .swiper-pagination-bullet-active {
        background: #fff;
        opacity: 1;
        width: 1.0833333333rem; }
    .indexPage .banner .content {
      z-index: 99;
      position: absolute;
      left: 0;
      right: 0;
      top: 1.6666666667rem; }
      .indexPage .banner .content img {
        margin-bottom: 1rem; }
      .indexPage .banner .content .btn {
        width: 2.5333333333rem;
        height: 0.75rem;
        background: #FD5947;
        border-radius: 0.0833333333rem;
        line-height: 0.75rem;
        text-align: center;
        color: #fff;
        font-size: 0.3rem;
        cursor: pointer; }
  .indexPage .main .index-title {
    font-size: 0.4rem;
    font-weight: 300;
    color: #333; }
  .indexPage .main .internet {
    background: #f0f6ff; }
    .indexPage .main .internet .netDetail {
      margin: 0 auto;
      padding-top: 1.0333333333rem;
      padding-bottom: 1.0333333333rem; }
    .indexPage .main .internet .netDetail .allnet-items {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
    .indexPage .main .internet .netDetail .allnet-items .netitem {
      width: 3.9166666667rem;
      justify-content: space-between;
      margin-right: 0.2166666667rem;
      height: 4.8166666667rem;
      background: #fff;
      box-shadow: 0 0.05rem 0.2rem 0.05rem rgba(8, 58, 137, 0.12);
      margin-top: 0.3666666667rem;
      text-align: center;
      padding-top: 2.7333333333rem;
      box-sizing: border-box;
      cursor: pointer; }
    .indexPage .main .internet .netDetail .allnet-items .netitem .nettime-pone {
      font-size: 0.3666666667rem;
      font-weight: 300;
      color: #333; }
    .indexPage .main .internet .netDetail .allnet-items .netitem .nettime-pthree,
    .indexPage .main .internet .netDetail .allnet-items .netitem .nettime-ptwo {
      font-size: 0.2rem;
      font-weight: 400;
      color: #999;
      opacity: .8;
      padding: 0 0.4333333333rem;
      text-align: justify; }
    .indexPage .main .internet .netDetail .allnet-items .netitem .nettime-ptwo {
      margin-top: 0.2833333333rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem .nettime-pthree {
      margin-top: 0.05rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.import-item {
      border-top: 1px solid #00c0a5;
      background: #fff url(../images/index/indexicon1.png) no-repeat 50% 1.15rem;
      background-size: 1.0666666667rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.import-item:hover {
      height: 4.8rem;
      background: #fff url(../images/index/item-bg1.png) no-repeat;
      background-size: 3.9166666667rem 4.8rem;
      border-top: none;
      border-bottom: 0.0833333333rem solid #00c0a5;
      animation: mymove 1s;
      margin-top: 0.1166666667rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.import-item:hover .nettime-pone {
      font-weight: 700; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.import-item:hover .nettime-pone,
    .indexPage .main .internet .netDetail .allnet-items .netitem.import-item:hover .nettime-pthree,
    .indexPage .main .internet .netDetail .allnet-items .netitem.import-item:hover .nettime-ptwo {
      color: #fff; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.registration-item {
      border-top: 1px solid #e53934;
      background: #fff url(../images/index/indexicon2.png) no-repeat 50% 1.15rem;
      background-size: 1.0666666667rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.registration-item:hover {
      margin-top: 0.1166666667rem;
      height: 4.8rem;
      background: #fff url(../images/index/item-bg2.png) no-repeat;
      background-size: 3.9166666667rem 4.8rem;
      border-top: none;
      border-bottom: 0.1rem solid #e53934;
      animation: mymove 1s; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.registration-item:hover .nettime-pone {
      font-weight: 700; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.registration-item:hover .nettime-pone,
    .indexPage .main .internet .netDetail .allnet-items .netitem.registration-item:hover .nettime-pthree,
    .indexPage .main .internet .netDetail .allnet-items .netitem.registration-item:hover .nettime-ptwo {
      color: #fff; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.policy-item {
      border-top: 1px solid #83c44e;
      background: #fff url(../images/index/indexicon3.png) no-repeat 50% 1.15rem;
      background-size: 1.0666666667rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.policy-item:hover {
      height: 4.8rem;
      background: #fff url(../images/index/item-bg3.png) no-repeat;
      background-size: 3.9166666667rem 4.8rem;
      border-top: none;
      border-bottom: 0.1rem solid #83c44e;
      animation: mymove 1s;
      margin-top: 0.1166666667rem;
      box-shadow: none; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.policy-item:hover .nettime-pone {
      font-weight: 700; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.policy-item:hover .nettime-pone,
    .indexPage .main .internet .netDetail .allnet-items .netitem.policy-item:hover .nettime-pthree,
    .indexPage .main .internet .netDetail .allnet-items .netitem.policy-item:hover .nettime-ptwo {
      color: #fff; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.total-item {
      border-top: 1px solid #2196f3;
      background: #fff url(../images/index/indexicon4.png) no-repeat 50% 1.15rem;
      background-size: 1.0666666667rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.total-item:hover {
      height: 4.8rem;
      background: #fff url(../images/index/item-bg4.png) no-repeat;
      background-size: 3.9166666667rem 4.8rem;
      border-top: none;
      border-bottom: 0.1rem solid #2196f3;
      animation: mymove 1s;
      margin-top: 0.1166666667rem;
      box-shadow: none; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.total-item:hover .nettime-pone {
      font-weight: 700; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.total-item:hover .nettime-pone,
    .indexPage .main .internet .netDetail .allnet-items .netitem.total-item:hover .nettime-pthree,
    .indexPage .main .internet .netDetail .allnet-items .netitem.total-item:hover .nettime-ptwo {
      color: #fff; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.export-item {
      border-top: 1px solid #ffac13;
      background: #fff url(../images/index/indexicon5.png) no-repeat 50% 1.15rem;
      background-size: 1.0666666667rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.export-item:hover {
      height: 4.8rem;
      background: #fff url(../images/index/item-bg5.png) no-repeat;
      background-size: 3.9166666667rem 4.8rem;
      border-top: none;
      border-bottom: 0.0833333333rem solid #ffac13;
      animation: mymove 1s;
      margin-top: 0.1166666667rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.export-item:hover .nettime-pone {
      font-weight: 700; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.export-item:hover .nettime-pone,
    .indexPage .main .internet .netDetail .allnet-items .netitem.export-item:hover .nettime-pthree,
    .indexPage .main .internet .netDetail .allnet-items .netitem.export-item:hover .nettime-ptwo {
      color: #fff; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.talent-item {
      border-top: 1px solid #00c0a5;
      background: #fff url(../images/index/indexicon6.png) no-repeat 50% 1.15rem;
      background-size: 1.0666666667rem; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.talent-item:hover {
      height: 4.8rem;
      background: #fff url(../images/index/item-bg6.png) no-repeat;
      background-size: 3.9166666667rem 4.8rem;
      border-top: none;
      border-bottom: 0.1rem solid #00c0a5;
      animation: mymove 1s;
      margin-top: 0.1166666667rem;
      box-shadow: none; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.talent-item:hover .nettime-pone {
      font-weight: 700; }
    .indexPage .main .internet .netDetail .allnet-items .netitem.talent-item:hover .nettime-pone,
    .indexPage .main .internet .netDetail .allnet-items .netitem.talent-item:hover .nettime-pthree,
    .indexPage .main .internet .netDetail .allnet-items .netitem.talent-item:hover .nettime-ptwo {
      color: #fff; }
    .indexPage .main .internet .netDetail .allnet-items .leaveanimate {
      animation: leaveback 1s; }
  .indexPage .main .introduce {
    position: relative; }
    .indexPage .main .introduce img {
      width: 100%; }
    .indexPage .main .introduce .left {
      padding-top: 0.6333333333rem; }
      .indexPage .main .introduce .left .text-box {
        background: #fff; }
        .indexPage .main .introduce .left .text-box .ch {
          font-family: Microsoft YaHei;
          font-weight: bold;
          font-size: 0.3rem;
          color: #2E73DB;
          line-height: 0.3rem;
          margin-top: 0.4rem; }
        .indexPage .main .introduce .left .text-box .en {
          margin-top: 0.2666666667rem;
          font-weight: 400;
          font-size: 0.2666666667rem;
          color: #868686;
          line-height: 0.2666666667rem; }
        .indexPage .main .introduce .left .text-box .text {
          margin-top: 0.3666666667rem;
          font-weight: 400;
          font-size: 0.2666666667rem;
          color: #3C3A3A;
          line-height: 0.4666666667rem; }
        .indexPage .main .introduce .left .text-box .more {
          height: 0.2666666667rem;
          font-weight: 400;
          font-size: 0.2666666667rem;
          color: #2E73DB;
          margin-top: 0.4rem;
          margin-bottom: 0.2666666667rem; }
      .indexPage .main .introduce .left .number-box {
        background: #2E73DB;
        height: 1.5333333333rem;
        display: flex;
        justify-content: space-around;
        align-items: center; }
        .indexPage .main .introduce .left .number-box .item {
          text-align: center;
          color: #fff; }
          .indexPage .main .introduce .left .number-box .item .big {
            display: flex;
            align-items: flex-end;
            justify-content: center; }
            .indexPage .main .introduce .left .number-box .item .big .number {
              font-weight: bold;
              font-size: 0.5rem;
              line-height: 0.5rem; }
            .indexPage .main .introduce .left .number-box .item .big .unit {
              font-size: 0.2666666667rem;
              line-height: 0.2666666667rem;
              margin-left: 0.05rem; }
          .indexPage .main .introduce .left .number-box .item .small {
            margin-top: 0.1666666667rem;
            font-size: 0.2666666667rem;
            line-height: 0.2666666667rem; }
    .indexPage .main .introduce .right {
      margin-top: 0.9333333333rem;
      flex: 1;
      background: #2E73DB; }
  .indexPage .main .moreNews {
    margin-bottom: 0.6333333333rem; }
    .indexPage .main .moreNews .morenewBox {
      width: 100%;
      padding-top: 0.95rem;
      background: #fbfdff url(../img/newbg.1d638886.png) no-repeat 100% 100%; }
    .indexPage .main .moreNews .newsBox {
      margin: 0 auto; }
    .indexPage .main .moreNews .newsBox .news-logo {
      box-sizing: border-box;
      width: 100%;
      height: 8rem;
      padding-top: 0.5rem;
      padding-left: 0.5rem;
      display: inline-block;
      vertical-align: middle;
      background: url(../images/index/newsLeft.png) no-repeat;
      background-size: cover; }
    .indexPage .main .moreNews .newsBox .news-logo .viewmore {
      float: right;
      margin-right: 0.25rem;
      height: 0.5333333333rem;
      line-height: 0.5333333333rem;
      padding: 0 0.2833333333rem;
      border: 1px solid #fff;
      border-radius: 0.2666666667rem;
      color: #fff;
      cursor: pointer; }
    .indexPage .main .moreNews .newsBox .news-content {
      display: inline-block;
      vertical-align: top;
      background: #fff;
      width: 100%;
      margin-top: 0.6666666667rem; }
    .indexPage .main .moreNews .newsBox .news-content .tab .tabname {
      font-size: 0.3333333333rem;
      font-weight: 300;
      color: #333;
      margin-right: 0.8333333333rem;
      cursor: pointer; }
    .indexPage .main .moreNews .newsBox .news-content .tab .tabname:hover {
      color: #2c71d9; }
    .indexPage .main .moreNews .newsBox .news-content .tab .activetab {
      font-weight: 700;
      color: #2c71d9; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfoBox {
      position: relative;
      height: 9.9666666667rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo {
      margin-top: 0.3666666667rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .swiperWidth {
      width: 9.3333333333rem;
      position: relative; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo {
      cursor: pointer;
      display: flex; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo {
      flex: 1;
      padding-top: 0.5333333333rem;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      color: #fff;
      height: 3.3rem;
      box-sizing: border-box;
      background: linear-gradient(270deg, #2569cf, #2e73db); }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .dateInfo,
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .title {
      display: inline-block;
      vertical-align: middle; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .dateInfo {
      width: 1.5666666667rem;
      position: relative;
      padding-left: 0.3333333333rem;
      color: #fff; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .dateInfo:before {
      content: "";
      display: inline-block;
      background: #fff;
      opacity: .2;
      width: 1px;
      position: absolute;
      right: 0; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .dateInfo .date {
      font-size: 0.5rem;
      line-height: 0.5rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .dateInfo .month {
      font-size: 0.2333333333rem;
      line-height: 0.2333333333rem;
      opacity: .5;
      margin-top: 0.1166666667rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .title {
      width: 6.6666666667rem;
      margin-left: 0.4rem;
      font-size: 0.3333333333rem;
      font-weight: 700;
      color: #fff;
      display: inline-block; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .title p {
      overflow: hidden;
      position: relative;
      max-height: 1rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .titleLefoinfo .detailp {
      margin-left: 0.3333333333rem;
      margin-top: 0.4rem;
      line-height: 0.4666666667rem;
      position: relative;
      overflow: hidden;
      font-size: 0.2666666667rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .governmentInfo:before {
      left: 0.5rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .noticeInfo:before {
      left: 2.6666666667rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .regulatoryInfo:before {
      left: 4.8rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .picInfo {
      height: 3.3rem;
      display: inline-block;
      vertical-align: middle; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .titleInfo .picInfo img {
      width: 4.6166666667rem;
      height: 3.3rem;
      display: inline-block;
      display: none; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .detailInfo {
      margin-top: 0.4166666667rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .detailInfo .infoItem {
      display: inline-block;
      vertical-align: middle;
      width: 4.3333333333rem;
      min-height: 2.5666666667rem;
      justify-content: space-between;
      cursor: pointer;
      margin-bottom: 0.5rem; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .detailInfo .infoItem .item-date {
      font-size: 0.5rem;
      line-height: 0.5rem;
      font-weight: 400;
      color: #333; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .detailInfo .infoItem .item-year {
      font-size: 0.2333333333rem;
      line-height: 0.2333333333rem;
      font-weight: 400;
      color: #333;
      opacity: .6;
      margin-top: 0.1666666667rem;
      padding-bottom: 0.1666666667rem;
      margin-bottom: 0.25rem;
      border-bottom: 1px solid #eee; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .detailInfo .infoItem .item-year .item-arrow {
      float: right;
      margin-right: 0; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .detailInfo .infoItem .item-title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 0.2666666667rem;
      font-weight: 400;
      line-height: 0.2666666667rem;
      color: #333; }
    .indexPage .main .moreNews .newsBox .news-content .newtotalInfo .detailInfo .infoItem .item-info {
      overflow: hidden;
      position: relative;
      font-size: 0.2333333333rem;
      color: #999;
      font-weight: 400;
      line-height: 0.4rem;
      max-height: 0.8rem;
      margin-top: 0.1666666667rem; }
  .indexPage .main .oneCore {
    padding-top: 0.6666666667rem;
    padding-bottom: 0.9166666667rem;
    margin-top: 0.8333333333rem;
    background: #f0f6ff; }
    .indexPage .main .oneCore .index-title {
      text-align: center;
      margin-bottom: 0.5rem; }
    .indexPage .main .oneCore .oneCore-main {
      background: url("../images/index/oneCore.png") no-repeat center;
      background-size: cover;
      height: 9.2166666667rem;
      position: relative; }
      .indexPage .main .oneCore .oneCore-main .text-box {
        padding-top: 1.6666666667rem;
        text-align: center; }
        .indexPage .main .oneCore .oneCore-main .text-box .text {
          font-weight: 400;
          font-size: 0.2666666667rem;
          color: #3E3F40;
          line-height: 0.4rem; }
      .indexPage .main .oneCore .oneCore-main img {
        position: absolute;
        top: 3.8333333333rem;
        opacity: 0; }
      .indexPage .main .oneCore .oneCore-main .item1 {
        width: 3.7666666667rem;
        height: 2.0666666667rem;
        left: 10.7333333333rem;
        display: none; }
      .indexPage .main .oneCore .oneCore-main .item2 {
        width: 4.1166666667rem;
        height: 1.6166666667rem;
        left: 10.7333333333rem;
        display: none; }
      .indexPage .main .oneCore .oneCore-main .item3 {
        width: 3.7666666667rem;
        height: 1.5166666667rem;
        left: 10.7333333333rem;
        display: none; }
      .indexPage .main .oneCore .oneCore-main .item4 {
        width: 3.9833333333rem;
        height: 2.6166666667rem;
        left: 10.7333333333rem;
        display: none; }
      .indexPage .main .oneCore .oneCore-main .item5 {
        width: 3.7666666667rem;
        height: 2.0666666667rem;
        right: 9.1666666667rem;
        display: none; }
      .indexPage .main .oneCore .oneCore-main .item6 {
        width: 4.1166666667rem;
        height: 1.6166666667rem;
        right: 9.1666666667rem;
        display: none; }
      .indexPage .main .oneCore .oneCore-main .item7 {
        width: 3.7666666667rem;
        height: 1.5166666667rem;
        right: 9.1666666667rem;
        display: none; }
      .indexPage .main .oneCore .oneCore-main .item8 {
        width: 3.9833333333rem;
        height: 2.6166666667rem;
        right: 9.1666666667rem;
        display: none; }
      .indexPage .main .oneCore .oneCore-main .item9 {
        width: 3.7166666667rem;
        left: 0.2rem;
        top: 3.8166666667rem;
        opacity: 1; }
      .indexPage .main .oneCore .oneCore-main .item10 {
        width: 3.7166666667rem;
        right: 0.0333333333rem;
        top: 3.8166666667rem;
        opacity: 1; }
  .indexPage .main .service {
    margin-top: 0.7666666667rem; }
    .indexPage .main .service .imgBox {
      margin-top: 0.4rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .indexPage .main .service .imgBox .item {
        width: 3rem;
        height: 1.1666666667rem;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 0 0.25rem #d9d9d9;
        margin-bottom: 0.6666666667rem; }
        .indexPage .main .service .imgBox .item img {
          max-width: 100%;
          max-height: 100%; } }
@media screen and (min-width: 1200px) {
  .banners {
    height: 256px; }

  .newsPage .main {
    background: #f0f6ff;
    padding-top: 0.1770833333rem; }
    .newsPage .main .main-t {
      display: flex; }
      .newsPage .main .main-t .main-t-l {
        box-sizing: border-box;
        width: 0.4427083333rem;
        height: 0.8645833333rem;
        font-weight: 400;
        font-size: 0.09375rem;
        color: #FFFFFF;
        line-height: 0.1145833333rem;
        background: #2E73DB;
        display: flex;
        justify-content: center;
        align-items: center; }
        .newsPage .main .main-t .main-t-l .text {
          width: 1em; }
      .newsPage .main .main-t .main-t-r {
        background: #fff;
        flex: 1;
        display: flex;
        justify-content: space-around;
        align-items: center; }
        .newsPage .main .main-t .main-t-r .item {
          border-top: 2px solid  #fff;
          height: 100%;
          box-sizing: border-box;
          flex: 1;
          text-align: center; }
          .newsPage .main .main-t .main-t-r .item img {
            margin-top: 0.15625rem;
            width: 0.3125rem;
            height: 0.3125rem; }
          .newsPage .main .main-t .main-t-r .item .text {
            margin-top: 0.1302083333rem;
            font-weight: 400;
            font-size: 0.0833333333rem;
            color: #2E2E2F;
            line-height: 0.0833333333rem; }
          .newsPage .main .main-t .main-t-r .item:hover {
            border-top: 2px solid  #2E73DB; }
    .newsPage .main .main-tab {
      margin-top: 0.3958333333rem;
      margin-bottom: 0.1770833333rem;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .newsPage .main .main-tab .tab-l {
        display: flex; }
        .newsPage .main .main-tab .tab-l .item {
          font-weight: bold;
          font-size: 18px;
          color: #343434;
          line-height: 0.15625rem;
          border-bottom: 0.0208333333rem solid #f0f6ff;
          margin-right: 0.3333333333rem; }
        .newsPage .main .main-tab .tab-l .te {
          color: #089CF6;
          line-height: 0.15625rem;
          border-bottom: 0.0208333333rem solid #089CF6; }
      .newsPage .main .main-tab .tab-r {
        width: 1.7239583333rem; }
    .newsPage .main .list .item {
      margin-bottom: 0.15625rem;
      background: #fff;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.1822916667rem 0.2239583333rem;
      border: 1px solid #fff; }
      .newsPage .main .list .item:hover {
        box-shadow: 0 0 0.078125rem #2E73DB;
        border: 1px solid #2E73DB; }
      .newsPage .main .list .item .date {
        text-align: center; }
        .newsPage .main .list .item .date .date-t {
          font-weight: bold;
          font-size: 0.1875rem;
          color: #2E73DB;
          line-height: 0.1875rem; }
        .newsPage .main .list .item .date .date-b {
          font-size: 0.0833333333rem;
          color: #3D3C3B;
          line-height: 0.0833333333rem;
          margin-top: 0.1041666667rem; }
      .newsPage .main .list .item .text .name {
        width: 5.59375rem;
        font-weight: bold;
        font-size: 0.1041666667rem;
        color: #1E1A17;
        line-height: 0.1041666667rem; }
      .newsPage .main .list .item .text .content {
        width: 5.59375rem;
        font-size: 0.0833333333rem;
        color: #1E1A17;
        line-height: 0.15625rem;
        margin-top: 0.1041666667rem; }
      .newsPage .main .list .item .btn {
        cursor: pointer;
        width: 0.296875rem;
        height: 0.296875rem;
        background: #2E73DB;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.15625rem;
        color: #fff; }
    .newsPage .main .pageBox {
      padding: 0.2604166667rem;
      display: flex;
      justify-content: center;
      align-items: center; } }
@media screen and (max-width: 1200px) {
  .banners {
    height: 3.3666666667rem; }

  .newsPage .main {
    background: #f0f6ff;
    padding-top: 0.5666666667rem; }
    .newsPage .main .main-t {
      display: flex; }
      .newsPage .main .main-t .main-t-l {
        box-sizing: border-box;
        width: 1.4166666667rem;
        height: 2.7666666667rem;
        font-weight: 400;
        font-size: 0.3rem;
        color: #FFFFFF;
        line-height: 0.3666666667rem;
        background: #2E73DB;
        display: flex;
        justify-content: center;
        align-items: center; }
        .newsPage .main .main-t .main-t-l .text {
          width: 1em; }
      .newsPage .main .main-t .main-t-r {
        background: #fff;
        flex: 1;
        display: flex;
        justify-content: space-around;
        align-items: center; }
        .newsPage .main .main-t .main-t-r .item img {
          width: 1rem;
          height: 1rem; }
        .newsPage .main .main-t .main-t-r .item .text {
          margin-top: 0.4166666667rem;
          font-weight: 400;
          font-size: 0.2666666667rem;
          color: #2E2E2F;
          line-height: 0.2666666667rem; }
    .newsPage .main .main-tab {
      margin: auto;
      margin-top: 1.2666666667rem;
      margin-bottom: 0.5666666667rem; }
      .newsPage .main .main-tab .tab-l {
        display: flex; }
        .newsPage .main .main-tab .tab-l .item {
          font-weight: bold;
          font-size: 0.3rem;
          color: #343434;
          line-height: 0.5rem;
          border-bottom: 0.0666666667rem solid #f0f6ff;
          margin-right: 1.0666666667rem; }
        .newsPage .main .main-tab .tab-l .te {
          color: #089CF6;
          line-height: 0.5rem;
          border-bottom: 0.0666666667rem solid #089CF6; }
      .newsPage .main .main-tab .tab-r {
        margin: auto;
        margin-top: 0.5rem;
        width: 5.5166666667rem; }
    .newsPage .main .list .item {
      background: #fff;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.5833333333rem 0.3833333333rem;
      border: 1px solid #fff;
      margin-bottom: 0.5333333333rem; }
      .newsPage .main .list .item:hover {
        box-shadow: 0 0 0.25rem #2E73DB;
        border: 1px solid #2E73DB; }
      .newsPage .main .list .item .date {
        text-align: center; }
        .newsPage .main .list .item .date .date-t {
          font-weight: bold;
          font-size: 0.6rem;
          color: #2E73DB;
          line-height: 0.6rem; }
        .newsPage .main .list .item .date .date-b {
          font-size: 0.2666666667rem;
          color: #3D3C3B;
          line-height: 0.2666666667rem;
          margin-top: 0.3333333333rem; }
      .newsPage .main .list .item .text .name {
        width: 6.2333333333rem;
        font-weight: bold;
        font-size: 0.3333333333rem;
        color: #1E1A17;
        line-height: 0.3333333333rem; }
      .newsPage .main .list .item .text .content {
        width: 6.2333333333rem;
        font-size: 0.2666666667rem;
        color: #1E1A17;
        line-height: 0.5rem;
        margin-top: 0.3333333333rem; }
      .newsPage .main .list .item .btn {
        cursor: pointer;
        width: 0.95rem;
        height: 0.95rem;
        background: #2E73DB;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.5rem;
        color: #fff; }
    .newsPage .main .pageBox {
      padding: 0.8333333333rem;
      display: flex;
      justify-content: center;
      align-items: center; } }
@media screen and (min-width: 1200px) {
  .router {
    font-weight: 400;
    font-size: 0.0833333333rem;
    color: #6E6D6B;
    line-height: 20px;
    /*line-height: 0.0833333333rem;*/
    /*padding-top: 0.1458333333rem;*/
    margin-bottom: 0.2083333333rem; }

  .comprehensivePage .main {
    background: #f0f6ff; }
    .comprehensivePage .main .list {
      padding-bottom: 0.3125rem; }
      .comprehensivePage .main .list .item {
        margin-bottom: 0.1875rem;
        background: #fff; }
        .comprehensivePage .main .list .item .item-t {
          width: 7.7083333333rem;
          height: 0.2291666667rem;
          box-sizing: border-box;
          padding-top: 0.0520833333rem;
          background: #089CF6; }
          .comprehensivePage .main .list .item .item-t .name {
            font-weight: bold;
            font-size: 0.09375rem;
            color: #089CF6;
            width: 1.0364583333rem;
            line-height: 0.1875rem;
            background: #FFFFFF;
            border-top-left-radius: 0.0260416667rem;
            border-top-right-radius: 0.0260416667rem;
            margin-left: 0.1354166667rem;
            text-align: center; }
        .comprehensivePage .main .list .item .swiperBox {
          padding: 0.21875rem 0.46875rem;
          position: relative; }
          .comprehensivePage .main .list .item .swiperBox .swiper-container .swiper-slide .swiper-slide-content {
            margin: 1px;
            box-sizing: border-box;
            overflow: hidden;
            height: 0.8697916667rem;
            background: #FFFFFF;
            border-radius: 0.0260416667rem;
            border: 1px solid #DDDEE1;
            text-align: center; }
          .comprehensivePage .main .list .item .swiperBox .swiper-container .swiper-slide img {
            height: 0.390625rem;
            margin-top: 0.1197916667rem; }
          .comprehensivePage .main .list .item .swiperBox .swiper-container .swiper-slide .text {
            font-weight: 400;
            font-size: 0.09375rem;
            color: #6E6D6B;
            line-height: 0.09375rem;
            margin-top: 0.1354166667rem; }
          .comprehensivePage .main .list .item .swiperBox .swiper-button-next {
            background: url("../images/comprehensive/r.png") no-repeat center;
            width: 0.203125rem;
            height: 0.203125rem;
            right: 0.125rem; }
          .comprehensivePage .main .list .item .swiperBox .swiper-button-prev {
            background: url("../images/comprehensive/l.png") no-repeat center;
            width: 0.203125rem;
            height: 0.203125rem;
            left: 0.125rem; } }
@media screen and (max-width: 1200px) {
  .router {
    font-weight: 400;
    font-size: 0.2666666667rem;
    color: #6E6D6B;
    line-height: 0.2666666667rem;
    padding-top: 0.4666666667rem;
    margin-bottom: 0.6666666667rem; }

  .comprehensivePage .main {
    background: #f0f6ff; }
    .comprehensivePage .main .list {
      padding-bottom: 1rem; }
      .comprehensivePage .main .list .item {
        margin-bottom: 0.6rem;
        background: #fff; }
        .comprehensivePage .main .list .item .item-t {
          width: 24.6666666667rem;
          height: 0.7333333333rem;
          box-sizing: border-box;
          padding-top: 0.1666666667rem;
          background: #089CF6; }
          .comprehensivePage .main .list .item .item-t .name {
            font-weight: bold;
            font-size: 0.3rem;
            color: #089CF6;
            width: 3.3166666667rem;
            line-height: 0.6rem;
            background: #FFFFFF;
            border-top-left-radius: 0.0260416667rem;
            border-top-right-radius: 0.0260416667rem;
            margin-left: 0.4333333333rem;
            text-align: center; }
        .comprehensivePage .main .list .item .swiperBox {
          padding: 0.7rem 1.5rem;
          position: relative; }
          .comprehensivePage .main .list .item .swiperBox .swiper-container .swiper-slide {
            box-sizing: border-box;
            overflow: hidden;
            height: 2.7833333333rem;
            background: #FFFFFF;
            border-radius: 0.0833333333rem;
            border: 1px solid #DDDEE1;
            text-align: center; }
            .comprehensivePage .main .list .item .swiperBox .swiper-container .swiper-slide img {
              height: 1.25rem;
              margin-top: 0.3833333333rem; }
            .comprehensivePage .main .list .item .swiperBox .swiper-container .swiper-slide .text {
              font-weight: 400;
              font-size: 0.3rem;
              color: #6E6D6B;
              line-height: 0.3rem;
              margin-top: 0.4333333333rem; }
          .comprehensivePage .main .list .item .swiperBox .swiper-button-next {
            background: url("../images/comprehensive/r.png") no-repeat center;
            width: 0.65rem;
            height: 0.65rem;
            right: 0.4rem; }
          .comprehensivePage .main .list .item .swiperBox .swiper-button-prev {
            background: url("../images/comprehensive/l.png") no-repeat center;
            width: 0.65rem;
            height: 0.65rem;
            left: 0.4rem; } }
@media screen and (min-width: 1200px) {
  .exchangePage .main {
    padding-bottom: 0.8333333333rem;
    background: #f0f6ff; }
    .exchangePage .main .top {
      display: flex;
      justify-content: space-between; }
      .exchangePage .main .top .top-l {
        width: 5.3697916667rem;
        height: 1.0364583333rem;
        background: #fff;
        padding: 0.25rem 0.5208333333rem;
        box-sizing: border-box; }
        .exchangePage .main .top .top-l .name {
          font-weight: bold;
          font-size: 0.09375rem;
          color: #6E6D6B;
          line-height: 0.09375rem; }
        .exchangePage .main .top .top-l .inputBox {
          margin-top: 0.1354166667rem;
          display: flex; }
      .exchangePage .main .top .top-r .item {
        width: 2.203125rem;
        height: 0.4427083333rem;
        line-height: 0.4427083333rem;
        font-weight: bold;
        font-size: 0.1145833333rem;
        color: #089CF6;
        text-indent: 0.40625rem; }
      .exchangePage .main .top .top-r .top-r-t {
        background: url("../images/exchange/1.png") no-repeat center;
        background-size: cover; }
      .exchangePage .main .top .top-r .top-r-b {
        margin-top: 0.1458333333rem;
        background: url("../images/exchange/2.png") no-repeat center;
        background-size: cover; }
    .exchangePage .main .bottom {
      margin-top: 0.15625rem;
      display: flex;
      justify-content: space-between; }
      .exchangePage .main .bottom .b-l {
        width: 5.3697916667rem; }
        .exchangePage .main .bottom .b-l .b-l-t {
          background: #fff;
          padding: 0.15625rem 0.2604166667rem; }
          .exchangePage .main .bottom .b-l .b-l-t .item {
            font-size: 0.0833333333rem;
            color: #6E6D6B;
            line-height: 0.1875rem;
            display: flex;
            align-items: center; }
            .exchangePage .main .bottom .b-l .b-l-t .item .name {
              font-weight: bold;
              margin-right: 0.1354166667rem; }
            .exchangePage .main .bottom .b-l .b-l-t .item .list {
              display: flex; }
              .exchangePage .main .bottom .b-l .b-l-t .item .list .per {
                margin-right: 0.1354166667rem; }
        .exchangePage .main .bottom .b-l .b-l-b {
          margin-top: 0.15625rem;
          background: #fff;
          padding: 0.1666666667rem 0.1875rem; }
          .exchangePage .main .bottom .b-l .b-l-b .name {
            width: 0.6770833333rem;
            font-weight: bold;
            font-size: 0.1145833333rem;
            color: #089CF6;
            line-height: 0.1145833333rem;
            padding-bottom: 0.0833333333rem;
            border-bottom: 0.015625rem solid #089CF6; }
          .exchangePage .main .bottom .b-l .b-l-b .list .item {
            margin-top: 0.1458333333rem;
            padding-bottom: 0.0729166667rem;
            border-bottom: 1px solid #d9d9d9;
            display: flex;
            justify-content: space-between; }
            .exchangePage .main .bottom .b-l .b-l-b .list .item .text {
              width: 4.3333333333rem;
              font-weight: 400;
              font-size: 0.0833333333rem;
              color: #6E6D6B;
              line-height: 0.15625rem; }
            .exchangePage .main .bottom .b-l .b-l-b .list .item .time {
              font-weight: 400;
              font-size: 0.0833333333rem;
              color: #6E6D6B;
              line-height: 0.15625rem; }
      .exchangePage .main .bottom .b-r {
        box-sizing: border-box;
        width: 2.203125rem;
        background: #fff;
        padding: 0.15625rem 0.15625rem; }
        .exchangePage .main .bottom .b-r .name {
          width: 0.6770833333rem;
          font-weight: bold;
          font-size: 0.1145833333rem;
          color: #6E6D6B;
          line-height: 0.1145833333rem;
          padding-bottom: 0.0833333333rem;
          border-bottom: 0.015625rem solid #089CF6; }
        .exchangePage .main .bottom .b-r .list .item {
          margin-top: 0.1458333333rem;
          padding-bottom: 0.0729166667rem;
          border-bottom: 1px solid #d9d9d9;
          display: flex;
          justify-content: space-between; }
          .exchangePage .main .bottom .b-r .list .item .text {
            font-weight: 400;
            font-size: 0.0833333333rem;
            color: #6E6D6B;
            line-height: 0.15625rem; } }
@media screen and (max-width: 1200px) {
  .exchangePage .main {
    padding-bottom: 2.6666666667rem;
    background: #f0f6ff; }
    .exchangePage .main .top .top-l {
      height: 3.3166666667rem;
      background: #fff;
      padding: 0.8rem 1.6666666667rem;
      box-sizing: border-box; }
      .exchangePage .main .top .top-l .name {
        font-weight: bold;
        font-size: 0.3rem;
        color: #6E6D6B;
        line-height: 0.3rem; }
      .exchangePage .main .top .top-l .inputBox {
        margin-top: 0.4333333333rem;
        display: flex; }
    .exchangePage .main .top .top-r .item {
      margin: auto;
      width: 7.05rem;
      height: 1.4166666667rem;
      line-height: 1.4166666667rem;
      font-weight: bold;
      font-size: 0.3666666667rem;
      color: #089CF6;
      text-indent: 1.3rem; }
    .exchangePage .main .top .top-r .top-r-t {
      margin-top: 0.4666666667rem;
      background: url("../images/exchange/1.png") no-repeat center;
      background-size: cover; }
    .exchangePage .main .top .top-r .top-r-b {
      margin-top: 0.4666666667rem;
      background: url("../images/exchange/2.png") no-repeat center;
      background-size: cover; }
    .exchangePage .main .bottom {
      margin-top: 0.5rem; }
      .exchangePage .main .bottom .b-l .b-l-t {
        background: #fff;
        padding: 0.5rem 0.8333333333rem; }
        .exchangePage .main .bottom .b-l .b-l-t .item {
          font-size: 0.2666666667rem;
          color: #6E6D6B;
          line-height: 0.6rem;
          display: flex;
          align-items: center; }
          .exchangePage .main .bottom .b-l .b-l-t .item .name {
            font-weight: bold;
            margin-right: 0.4333333333rem; }
          .exchangePage .main .bottom .b-l .b-l-t .item .list {
            display: flex; }
            .exchangePage .main .bottom .b-l .b-l-t .item .list .per {
              margin-right: 0.4333333333rem; }
      .exchangePage .main .bottom .b-l .b-l-b {
        margin-top: 0.5rem;
        background: #fff;
        padding: 0.5333333333rem 0.6rem; }
        .exchangePage .main .bottom .b-l .b-l-b .name {
          width: 2.1666666667rem;
          font-weight: bold;
          font-size: 0.3666666667rem;
          color: #089CF6;
          line-height: 0.3666666667rem;
          padding-bottom: 0.2666666667rem;
          border-bottom: 0.05rem solid #089CF6; }
        .exchangePage .main .bottom .b-l .b-l-b .list .item {
          margin-top: 0.4666666667rem;
          padding-bottom: 0.2333333333rem;
          border-bottom: 1px solid #d9d9d9; }
          .exchangePage .main .bottom .b-l .b-l-b .list .item .text {
            font-weight: 400;
            font-size: 0.2666666667rem;
            color: #6E6D6B;
            line-height: 0.5rem; }
          .exchangePage .main .bottom .b-l .b-l-b .list .item .time {
            font-weight: 400;
            font-size: 0.2666666667rem;
            color: #6E6D6B;
            line-height: 0.5rem; }
      .exchangePage .main .bottom .b-r {
        margin-top: 0.5rem;
        box-sizing: border-box;
        background: #fff;
        padding: 0.5rem 0.5rem; }
        .exchangePage .main .bottom .b-r .name {
          width: 2.1666666667rem;
          font-weight: bold;
          font-size: 0.3666666667rem;
          color: #6E6D6B;
          line-height: 0.3666666667rem;
          padding-bottom: 0.2666666667rem;
          border-bottom: 0.05rem solid #089CF6; }
        .exchangePage .main .bottom .b-r .list .item {
          margin-top: 0.4666666667rem;
          padding-bottom: 0.2333333333rem;
          border-bottom: 1px solid #d9d9d9; }
          .exchangePage .main .bottom .b-r .list .item .text {
            font-weight: 400;
            font-size: 0.2666666667rem;
            color: #6E6D6B;
            line-height: 0.5rem; } }
@media screen and (min-width: 1200px) {
  .exchangeDetailPage .main {
    background: #f0f6ff;
    padding-bottom: 0.2604166667rem; }
    .exchangeDetailPage .main .main-content {
      box-shadow: 0 0 0.078125rem #d9d9d9;
      background: #fff;
      padding: 0.2760416667rem 0.3645833333rem;
      font-size: 0.0833333333rem;
      color: #6E6D6B; }
      .exchangeDetailPage .main .main-content .question {
        display: flex; }
        .exchangeDetailPage .main .main-content .question .left {
          font-weight: bold;
          color: #2E73DB;
          margin-right: 0.1041666667rem; }
      .exchangeDetailPage .main .main-content .content {
        display: flex;
        margin-top: 0.1041666667rem; }
        .exchangeDetailPage .main .main-content .content .left {
          margin-right: 0.1041666667rem; }
      .exchangeDetailPage .main .main-content .type {
        margin-top: 0.15625rem;
        display: flex;
        align-items: center; }
        .exchangeDetailPage .main .main-content .type .left {
          margin-right: 0.1041666667rem; }
        .exchangeDetailPage .main .main-content .type .right {
          display: flex;
          align-items: center; }
          .exchangeDetailPage .main .main-content .type .right .tag {
            background: #FCECC1;
            width: 0.4375rem;
            height: 0.171875rem;
            line-height: 0.171875rem;
            text-align: center;
            margin-right: 0.1041666667rem; }
          .exchangeDetailPage .main .main-content .type .right .time {
            font-size: 0.0833333333rem;
            color: #97999D; }
      .exchangeDetailPage .main .main-content .answer {
        margin-top: 0.25rem; }
        .exchangeDetailPage .main .main-content .answer .left {
          font-weight: bold;
          color: #2E73DB; }
        .exchangeDetailPage .main .main-content .answer .answer-content {
          margin-top: 0.09375rem;
          background: #E0E7F2;
          border-radius: 0.0260416667rem;
          border: 1px solid #9DBDEE;
          padding: 0.1041666667rem 0.1197916667rem; }
          .exchangeDetailPage .main .main-content .answer .answer-content .text {
            font-weight: 400;
            font-size: 0.0833333333rem;
            color: #61605D;
            line-height: 0.15625rem;
            margin-bottom: 0.3645833333rem; }
          .exchangeDetailPage .main .main-content .answer .answer-content .answer-bottom {
            display: flex;
            justify-content: space-between; }
            .exchangeDetailPage .main .main-content .answer .answer-content .answer-bottom .time {
              color: #97999D; } }
@media screen and (max-width: 1200px) {
  .exchangeDetailPage .main {
    background: #f0f6ff;
    padding-bottom: 0.8333333333rem; }
    .exchangeDetailPage .main .main-content {
      box-shadow: 0 0 0.25rem #d9d9d9;
      background: #fff;
      padding: 0.8833333333rem 1.1666666667rem;
      font-size: 0.2666666667rem;
      color: #6E6D6B; }
      .exchangeDetailPage .main .main-content .question {
        display: flex; }
        .exchangeDetailPage .main .main-content .question .left {
          width: 0.8333333333rem;
          font-weight: bold;
          color: #2E73DB;
          margin-right: 0.3333333333rem; }
      .exchangeDetailPage .main .main-content .content {
        display: flex;
        margin-top: 0.3333333333rem; }
        .exchangeDetailPage .main .main-content .content .left {
          width: 0.8333333333rem;
          margin-right: 0.3333333333rem; }
      .exchangeDetailPage .main .main-content .type {
        margin-top: 0.5rem;
        display: flex;
        align-items: center; }
        .exchangeDetailPage .main .main-content .type .left {
          margin-right: 0.3333333333rem; }
        .exchangeDetailPage .main .main-content .type .right {
          display: flex;
          align-items: center; }
          .exchangeDetailPage .main .main-content .type .right .tag {
            background: #FCECC1;
            width: 1.4rem;
            height: 0.55rem;
            line-height: 0.55rem;
            text-align: center;
            margin-right: 0.3333333333rem; }
          .exchangeDetailPage .main .main-content .type .right .time {
            font-size: 0.2666666667rem;
            color: #97999D; }
      .exchangeDetailPage .main .main-content .answer {
        margin-top: 0.8rem; }
        .exchangeDetailPage .main .main-content .answer .left {
          font-weight: bold;
          color: #2E73DB; }
        .exchangeDetailPage .main .main-content .answer .answer-content {
          margin-top: 0.3rem;
          background: #E0E7F2;
          border-radius: 0.0833333333rem;
          border: 1px solid #9DBDEE;
          padding: 0.3333333333rem 0.3833333333rem; }
          .exchangeDetailPage .main .main-content .answer .answer-content .text {
            font-weight: 400;
            font-size: 0.2666666667rem;
            color: #61605D;
            line-height: 0.5rem;
            margin-bottom: 1.1666666667rem; }
          .exchangeDetailPage .main .main-content .answer .answer-content .answer-bottom {
            display: flex;
            justify-content: space-between; }
            .exchangeDetailPage .main .main-content .answer .answer-content .answer-bottom .time {
              color: #97999D; } }
@media screen and (min-width: 1200px) {
  .questionPage .main {
    background: #f0f6ff;
    padding-bottom: 0.2604166667rem; }
    .questionPage .main .main-content {
      box-shadow: 0 0 0.078125rem #d9d9d9;
      background: #fff;
      padding: 0.2760416667rem 1.40625rem;
      font-size: 0.0833333333rem;
      color: #6E6D6B; } }
@media screen and (max-width: 1200px) {
  .questionPage .main {
    background: #f0f6ff;
    padding-bottom: 0.2604166667rem; }
    .questionPage .main .main-content {
      box-shadow: 0 0 0.078125rem #d9d9d9;
      background: #fff;
      padding: 0.2760416667rem 0.3645833333rem;
      font-size: 0.0833333333rem;
      color: #6E6D6B; } }
@media screen and (min-width: 1200px) {
  .overviewPage .main {
    background: #f0f6ff;
    padding-bottom: 0.2604166667rem; }
    .overviewPage .main .main-content {
      box-shadow: 0 0 0.078125rem #d9d9d9;
      background: #fff;
      padding: 0.2760416667rem 0.4760416667rem;
      color: #6E6D6B; }
      .overviewPage .main .main-content .bigTitle {
        font-weight: bold;
        font-size: 0.15625rem;
        color: #2C2929;
        line-height: 0.25rem;
        text-align: center; }
      .overviewPage .main .main-content .name {
        font-weight: bold;
        font-size: 0.1041666667rem;
        color: #2C2929;
        line-height: 0.1041666667rem;
        margin-top: 0.2604166667rem; }
      .overviewPage .main .main-content .text {
        margin-top: 0.2083333333rem;
        font-size: 0.09375rem;
        color: #2C2929;
        line-height: 0.1770833333rem; }
      .overviewPage .main .main-content .imgBox {
        margin-top: 0.15625rem;
        display: flex;
        justify-content: center;
        align-items: center; }
        .overviewPage .main .main-content .imgBox img {
          margin: 0 0.3385416667rem; } }
@media screen and (max-width: 1200px) {
  .overviewPage .main {
    background: #f0f6ff;
    padding-bottom: 0.8333333333rem; }
    .overviewPage .main .main-content {
      box-shadow: 0 0 0.25rem #d9d9d9;
      background: #fff;
      padding: 0.8833333333rem 0.3333333333rem;
      color: #6E6D6B; }
      .overviewPage .main .main-content .bigTitle {
        font-weight: bold;
        font-size: 0.5rem;
        color: #2C2929;
        line-height: 0.8rem;
        text-align: center; }
      .overviewPage .main .main-content .name {
        font-weight: bold;
        font-size: 0.3333333333rem;
        color: #2C2929;
        line-height: 0.3333333333rem;
        margin-top: 0.8333333333rem; }
      .overviewPage .main .main-content .text {
        margin-top: 0.6666666667rem;
        font-size: 0.3rem;
        color: #2C2929;
        line-height: 0.5666666667rem; }
      .overviewPage .main .main-content .imgBox {
        justify-content: center;
        align-items: center; }
        .overviewPage .main .main-content .imgBox img {
          display: block;
          margin: 0 1.0833333333rem;
          margin-top: 0.5rem;
          max-width: 80%; } }

.crumbs {
  height: 70px;
  line-height: 70px;
  width: 1220px;
  margin: 0 auto;
  font-size: 18px;
  color: #5C5959; }
  .crumbs a {
    color: #2F78DC; }
  .crumbs .address {
    display: inline-block;
    width: 27px;
    height: 23px;
    background: url("../img/address.png") center center;
    background-size: contain;
    vertical-align: -6px;
    margin-right: 10px; }
	
.remind-item span {
    width: 25%;
    text-align: center;
    cursor: pointer;
}
.remind-item span.active {
    color: #2e77dd;
}
/*# sourceMappingURL=main.css.map */


.aboutPage .main {
  background: #f0f6ff; }
.aboutPage .main .main-content {
  display: flex;
  justify-content: space-between; }
.aboutPage .main .main-content .left {
  width: 1.1979166667rem;
  margin-bottom: 0.2604166667rem; }
.aboutPage .main .main-content .left .name {
  width: 1.1979166667rem;
  height: 0.2552083333rem;
  background: #089CF6;
  border-radius: 0 0.078125rem 0 0.078125rem;
  font-weight: bold;
  font-size: 0.09375rem;
  color: #FFFFFF;
  line-height: 0.2552083333rem;
  text-align: center; }
.aboutPage .main .main-content .left .text {
  width: 1.1979166667rem;
  height: 0.2552083333rem;
  background: rgba(8, 156, 246, 0.1);
  border-radius: 0px 0.078125rem 0 0.078125rem;
  font-weight: 400;
  font-size: 0.0833333333rem;
  color: #282626;
  line-height: 0.2552083333rem;
  text-align: center;
  margin: 0.0104166667rem 0; }
.aboutPage .main .main-content .left .text:hover {
  background: #5fb7ee;
  color: #fff;
  width: 1.1979166667rem;
  height: 0.2552083333rem;
  border-radius: 0px 0.078125rem 0 0.078125rem;
  font-weight: 400;
  font-size: 0.0833333333rem;
  line-height: 0.2552083333rem;
  text-align: center;
  margin: 0.0104166667rem 0; }
.aboutPage .main .main-content .left .te {
  background: #5fb7ee;
  color: #fff;
  width: 1.1979166667rem;
  height: 0.2552083333rem;
  border-radius: 0px 0.078125rem 0 0.078125rem;
  font-weight: 400;
  font-size: 0.0833333333rem;
  line-height: 0.2552083333rem;
  text-align: center;
  margin: 0.0104166667rem 0; }
.aboutPage .main .main-content .right {
  width: 6.0572916667rem; }
.aboutPage .main .main-content .right .name {
  font-weight: bold;
  font-size: 0.125rem;
  color: #1E1D1D;
  line-height: 0.125rem; }
.aboutPage .main .main-content .right .text {
  font-weight: 400;
  font-size: 0.0729166667rem;
  color: #1E1D1D;
  line-height: 0.15625rem;
  margin-top: 0.15625rem; }
.aboutPage .main .main-content .right .right-t {
  display: flex;
  justify-content: space-between; }
.aboutPage .main .main-content .right .right-t img {
  width: 1.6197916667rem;
  height: 1.2135416667rem; }
.aboutPage .main .main-content .right .right-t .text {
  width: 4.15625rem; }
.aboutPage .main .main-content .right .right-c {
  margin-top: 0.4322916667rem;
  display: flex;
  justify-content: space-between; }
.aboutPage .main .main-content .right .right-c .item {
  width: 1.9427083333rem;
  height: 0.953125rem;
  background: #FFFFFF;
  border-radius: 0.0260416667rem;
  box-sizing: border-box; }
.aboutPage .main .main-content .right .right-c .item .img-box {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.2395833333rem;
  height: 0.2395833333rem;
  background: #2E73DB;
  border-radius: 50%;
  margin-top: -0.1197916667rem; }
.aboutPage .main .main-content .right .right-c .item .img-box img {
  width: 0.2083333333rem;
  height: 0.2083333333rem; }
.aboutPage .main .main-content .right .right-c .item .font {
  padding: 0.125rem;
  font-weight: 400;
  font-size: 0.0729166667rem;
  color: #1E1D1D;
  line-height: 0.15625rem; }
.aboutPage .main .main-content .right .btn-box {
  margin-top: 0.2604166667rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  text-align: center; }
.aboutPage .main .main-content .right .btn-box .btn {
  margin-bottom: 0.125rem;
  width: 2.984375rem;
  height: 0.2447916667rem;
  border-radius: 0.1197916667rem;
  border: 0.0104166667rem solid #2E73DB;
  font-weight: bold;
  font-size: 0.0833333333rem;
  color: #2E73DB;
  line-height: 0.2447916667rem; }
.aboutTabPage .main {
  background: #f0f6ff; }
.aboutTabPage .main .main-content {
  display: flex;
  justify-content: space-between; }
.aboutTabPage .main .main-content .left {
  width: 1.1979166667rem;
  margin-bottom: 0.2604166667rem; }
.aboutTabPage .main .main-content .left .name {
  width: 1.1979166667rem;
  height: 0.2552083333rem;
  background: #089CF6;
  border-radius: 0 0.078125rem 0 0.078125rem;
  font-weight: bold;
  font-size: 0.09375rem;
  color: #FFFFFF;
  line-height: 0.2552083333rem;
  text-align: center; }
.aboutTabPage .main .main-content .left .text {
  width: 1.1979166667rem;
  height: 0.2552083333rem;
  background: rgba(8, 156, 246, 0.1);
  border-radius: 0px 0.078125rem 0 0.078125rem;
  font-weight: 400;
  font-size: 0.0833333333rem;
  color: #282626;
  line-height: 0.2552083333rem;
  text-align: center;
  margin: 0.0104166667rem 0; }
.aboutTabPage .main .main-content .left .te {
  background: #5fb7ee;
  color: #fff;
  width: 1.1979166667rem;
  height: 0.2552083333rem;
  border-radius: 0px 0.078125rem 0 0.078125rem;
  font-weight: 400;
  font-size: 0.0833333333rem;
  line-height: 0.2552083333rem;
  text-align: center;
  margin: 0.0104166667rem 0; }
.aboutTabPage .main .main-content .left .te a {
  color: #fff;
 }
.aboutTabPage .main .main-content .left .text:hover {
  background:#5fb7ee;
  color: #fff;
  width: 1.1979166667rem;
  height: 0.2552083333rem;
  border-radius: 0px 0.078125rem 0 0.078125rem;
  font-weight: 400;
  font-size: 0.0833333333rem;
  line-height: 0.2552083333rem;
  text-align: center;
  margin: 0.0104166667rem 0; }
.aboutTabPage .main .main-content .left .text a:hover {
  color: #fff;
  }
.aboutTabPage .main .main-content .right {
  width: 6.0572916667rem; }
.aboutTabPage .main .main-content .right .name {
  font-weight: bold;
  font-size: 0.125rem;
  color: #1E1D1D;
  line-height: 0.125rem; }
.aboutTabPage .main .main-content .right .text-box {
  margin-top: 0.1458333333rem; }
.aboutTabPage .main .main-content .right .text {
  font-weight: 400;
  font-size: 0.0729166667rem;
  color: #1E1D1D;
  line-height: 0.15625rem;
  margin-top: 0.0520833333rem; }
.aboutTabPage .main .main-content .right .right-t {
  display: flex; }
.aboutTabPage .main .main-content .right .right-t img {
  width: 1.6197916667rem;
  height: 1.2135416667rem; }
.aboutTabPage .main .main-content .right .right-t > div {
  margin-left: 0.3125rem; }
.aboutTabPage .main .main-content .right .right-b .tab {
  margin-top: 0.3125rem;
  font-weight: bold;
  font-size: 0.0833333333rem;
  line-height: 0.25rem;
  display: flex; }
.aboutTabPage .main .main-content .right .right-b .tab .item {
  flex: 1;
  text-align: center;
  border-bottom: 0.0208333333rem solid #cfd1d2; }
.aboutTabPage .main .main-content .right .right-b .tab .item:hover {
  color: #089CF6;
  border-bottom: 0.0208333333rem solid #089CF6;
  cursor: pointer; }
.aboutTabPage .main .main-content .right .right-b .tab .te {
  color: #089CF6;
  border-bottom: 0.0208333333rem solid #089CF6; }
.aboutTabPage .main .main-content .right .right-b .tab-content {
  margin-top: 0.2083333333rem; }


.navfixed {
  position: relative;
  height: 66px;
  background-color: #fff; }

.navfixed .fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #f7f7f7;
  z-index: 1000; }

.navfixed .crumbs {
  position: relative;
  float: left;
  padding-right: 20px;
  width: 30%;
  height: 66px;
  line-height: 66px;
  color: #fff;
  text-align: right;
  box-sizing: border-box;
  background: linear-gradient(to right, #aedaf5, #089cf6); }

.navfixed .crumbs a {
  display: inline-block;
  font-size: 16px;
  color: #fff; }

.navfixed .crumbs span {
  display: inline-block;
  font-size: 24px;
  color: #fff; }

.navfixed ul {
  float: left;
  width: 66%; }

.navfixed ul li a {
  position: relative;
  float: left;
  display: inline-block;
  margin-left: 62px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  height: 63px;
  line-height: 63px;
  border-bottom: 3px solid #fff;
  transition: .5s ease-in-out;
  padding: 0 10px; }

.navfixed ul li a.active, .navfixed ul li a:hover {
  color: #089cf6;
  border-bottom: 3px solid #089cf6;
  transition: .5s ease-in-out; }

@media screen and (min-width: 1200px) {
  .complicationPage .main {
    background: #f0f6ff;
    padding-bottom: 0.2604166667rem; }
  .complicationPage .main .main-content {
    box-shadow: 0 0 0.078125rem #d9d9d9;
    background: #fff;
    padding: 0.2760416667rem 0.1041666667rem;
    color: #6E6D6B; }
  .complicationPage .main .main-content .item {
    display: flex;
    margin-bottom: 0.1041666667rem; }
  .complicationPage .main .main-content .item .item-l {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 0.25rem; }
  .complicationPage .main .main-content .item .item-l img {
    width: 0.2083333333rem;
    height: 0.2083333333rem;
    margin-right: 0.09375rem; }
  .complicationPage .main .main-content .item .item-l .text {
    font-weight: bold;
    font-size: 0.0833333333rem;
    color: #666666;
    line-height: 0.25rem; }
  .complicationPage .main .main-content .item .item-r {
    display: flex;
    flex-wrap: wrap;
    flex: 1; }
  .complicationPage .main .main-content .item .item-r .per {
    margin-bottom: 0.0520833333rem;
    text-align: center;
    width: 1.4427083333rem;
    height: 0.203125rem;
    border: 1px solid #D7D4D4;
    font-weight: 400;
    font-size: 0.0833333333rem;
    color: #666666;
    line-height: 0.1927083333rem;
    margin-right: 0.171875rem; }
  .complicationPage .main .main-content .item .item-r .per:nth-child(4n) {
    margin-right: 0; }
  .complicationPage .main .main-content .item .item-r .per:hover {
    width: 1.4427083333rem;
    height: 0.203125rem;
    border: 1px solid #255BDF;
    color: #fff;
    background: #255BDF; } }
@media screen and (max-width: 1200px) {
  .complicationPage .main {
    background: #f0f6ff;
    padding-bottom: 0.8333333333rem; }
  .complicationPage .main .main-content {
    box-shadow: 0 0 0.25rem #d9d9d9;
    background: #fff;
    padding: 0.8833333333rem 0.3333333333rem;
    color: #6E6D6B; }
  .complicationPage .main .main-content .item {
    display: flex;
    margin-bottom: 0.3333333333rem; }
  .complicationPage .main .main-content .item .item-l {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 0.8rem; }
  .complicationPage .main .main-content .item .item-l img {
    width: 0.6666666667rem;
    height: 0.6666666667rem;
    margin-right: 0.3rem; }
  .complicationPage .main .main-content .item .item-l .text {
    font-weight: bold;
    font-size: 0.2666666667rem;
    color: #666666;
    line-height: 0.8rem; }
  .complicationPage .main .main-content .item .item-r {
    display: flex;
    flex-wrap: wrap;
    flex: 1; }
  .complicationPage .main .main-content .item .item-r .per {
    margin-bottom: 0.1666666667rem;
    text-align: center;
    width: 1.6666666667rem;
    height: 0.65rem;
    border: 1px solid #D7D4D4;
    font-weight: 400;
    font-size: 0.2666666667rem;
    color: #666666;
    line-height: 0.6166666667rem;
    margin-right: 0.55rem; }
  .complicationPage .main .main-content .item .item-r .per:nth-child(4n) {
    margin-right: 0; }
  .complicationPage .main .main-content .item .item-r .per:hover {
    width: 4.6166666667rem;
    height: 0.65rem;
    border: 1px solid #255BDF;
    color: #fff;
    background: #255BDF; } }

/* 定义阿里巴巴普惠体 */
@font-face {
  font-family: "Alibaba PuHuiTi";
  src: url("fonts/Alibaba-PuHuiTi-Regular.ttf") format("ttf"),
  url("fonts/Alibaba-PuHuiTi-Medium.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Alibaba PuHuiTi";
  src: url("fonts/Alibaba-PuHuiTi-Bold.ttf") format("ttf"),
  url("fonts/Alibaba-PuHuiTi-Heavy.ttf") format("ttf");
  font-weight: bold;
  font-style: normal;
}

/* 应用字体 */
body {
  font-family: "Alibaba PuHuiTi", sans-serif !important;
}