@font-face{
  font-family: 'didot';
src: url(../didot.jpg);
  letter-spacing: -1px;}

@font-face{
  font-family: 'Source Han Sans CN Normal';
src: url(../sourcehansanscn-normal.jpg)}

html,
body,
#root {
  padding: 0;
  margin: 0;
  background-color: #F2F2F2;
 }

.colorWeak {
  filter: invert(80%);}

.ant-layout {
  min-height: 100vh;}

canvas {
  display: block;}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Source Han Sans CN Normal, 'Microsoft Yahei', sans-serif; min-width:1200px;}

.globalSpin {
  width: 100%;
  margin: 40px 0 !important;}

ul,
ol {
  list-style: none;}

.fl {
  float: left;}

.fr {
  float: right;}

.clearfix:after,.clearfix:before{
  content: "";
  display: table;}

.clearfix:after{
  clear: both;}

.clearfix{
  *zoom: 1;}

.g-fly-c {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);}

/*display*/
.g-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;}

.g-flex-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;}

.g-flex-y-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;}

.g-flex-x-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;}

.g-flex-shrink {
  flex-shrink: 0;}

/*伸缩流方向*/
.g-flex-direction-column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;}

/*主轴对齐*/
.g-justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;}

.g-justify-content-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;}

.g-justify-content-justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;}

/*侧轴对齐*/
.g-align-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;}

.g-align-items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;}

.g-align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;}

.pointer {
  cursor: pointer;}

body .ant-carousel .slick-dots {
  bottom: 10%;}

ul, li, p {
  padding: 0;
  margin: 0;}

a{
  text-decoration:none;
  color:inherit;}

#__next .slick-dots {
  bottom: 40px;
  right: 221px;}

#__next .slick-dots li {
  width: 16px;
  height: 16px;
  border:2px solid rgba(255,255,255,1);
  background-color: transparent;
  box-sizing: border-box;
  border-radius: 50%;}

#__next .slick-dots li:hover {
  background-color: #fff;}

#__next .slick-dots .slick-active {
  background-color: #fff;}

#__next .slick-dots li button {
  width: 16px;
  height: 16px;}

#__next .slick-dots li button::before {
  display: none;}