@charset "utf-8";

[dir="rtl"] .scale-x-1 {
  transform: scaleX(-1) !important;
}
[dir="rtl"] .scale-x-2 {
  transform: translateY(-50%) rotateY(180deg);
}

/* CSS Document */
/*初始化样式*/
@font-face {
  font-family: Circular-Bold;
  src: url(./fonts/Circular-Bold.woff.ttf);
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: Circular;
  src: url(./fonts/Circular-Book.woff.ttf);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Gilroy-Regular;
  src: url(./fonts/Gilroy-Regular.ttf);
}

@font-face {
  font-family: Gilroy-SemiBold;
  src: url(./fonts/Gilroy-SemiBold.ttf);
}
@font-face {
  font-family: BalooChettan2B;
  font-weight: bold;
  src: url(./fonts/BalooChettan2-Bold.ttf);
}
@font-face {
  font-family: BalooChettan2;
  src: url(./fonts/BalooChettan2-Regular.ttf);
}
@font-face {
  font-family: fusion-pixel;
  src: url(./fonts/fusion-pixel.ttf);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica,
    Segoe UI, Arial, Roboto, "PingFang SC", miui, "Hiragino Sans GB",
    "Microsoft Yahei", sans-serif;
}

body,
div,
form,
p,
span,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
}

ul,
ol,
li {
  list-style: none;
}

img,
a img {
  border: 0 none;
}

a {
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
select,
button {
  vertical-align: middle;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.isdis {
  display: block;
}

.undis {
  display: none;
}

.clear {
  clear: both;
}

*:focus {
  outline: none;
}

.buttonbj {
  background: -webkit-linear-gradient(left, #ffe713, #ffbb00);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ffe713, #ffbb00);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ffe713, #ffbb00);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ffe713, #ffbb00);
  /* 标准的语法 */
}

.buttonbjclose {
  background: -webkit-linear-gradient(left, #42deff, #2d9dff);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #42deff, #2d9dff);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #42deff, #2d9dff);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #42deff, #2d9dff);
  /* 标准的语法 */
}

/**上下线条**/

.line {
  position: relative;
}

.line:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #e5e5e5;
  color: #e5e5e5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.line:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #e5e5e5;
  color: #e5e5e5;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

/**上线条**/

.linetop {
  position: relative;
}

.linetop:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #e5e5e5;
  color: #e5e5e5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.2);
  transform: scaleY(0.2);
}

/**下线条**/

.linebottom {
  position: relative;
}

.linebottom:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}

/**右线条**/

.lineright {
  position: relative;
}

.lineright:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  bottom: 0;
  border-right: 1px solid #d9d9d9;
  color: #d9d9d9;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}

/**下线右15像素**/

.line_fifteen {
  position: relative;
}

.line_fifteen:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #e5e5e5;
  color: #e5e5e5;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  left: 15px;
}

/**整行居中显示**/

.public {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.public_bd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.loadData {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}