body,
html {
  width: 100%;
  height: 100%;
}
a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
button,
input,
select,
textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: none;
}
em,
h1,
h2,
h3,
h4,
h5,
h6,
i {
  font-weight: 100;
  font-style: normal;
}
li,
ol,
ul {
  list-style-type: none;
}
a {
  text-decoration: none;
}
button:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
input:-webkit-input-placeholder {
  font-size: 16px;
  color: #c7c7cc;
}
div::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
div::-webkit-scrollbar-track {
  background: #efefef;
  border-radius: 2px;
}
div::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 10px;
}
div::-webkit-scrollbar-thumb:hover {
  background: #333;
}
div::-webkit-scrollbar-corner {
  background: #179a16;
}


.headercont {
  min-width: 1200px;
  -webkit-box-shadow: 0 0 9px 1px rgba(4, 0, 0, 0.1);
  box-shadow: 0 0 9px 1px rgba(4, 0, 0, 0.1);
}
.headercont .headermain {
  height: 70px;
  background-color: #fff;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.headercont .headermain .headerleft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-right: 5px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.headercont .headermain .headerleft .gap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 20px;
}
.headercont .headermain .headerleft .leftlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.headercont .headermain .headerleft .leftlist a {
  padding-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #c6cae5;
  white-space: nowrap;
}
.headercont .headermain .headerleft .active:after {
  content: " ";
  display: block;
  width: 24px;
  height: 3px;
  border-radius: 1px;
  position: absolute;
  bottom: 0;
  left: 65%;
  background: #1467ff;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.headercont .headermain .headerleft .el-dropdown {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-right: 17px;
}
.headercont .headermain .headerleft .el-dropdown,
.headercont .headermain .headerright,
.headercont .headermain .headerright .rightlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.headercont .headermain .headerright .rightlist {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-right: 10px;
}
.headercont .headermain .headerright .rightlist a {
  font-size: 14px;
  color: #c6cae5;
}
.headercont .headermain .headerright .rightlist .el-dropdown,
.headercont .headermain .headerright .rightlist a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.headercont .headermain .headerright .rightlist .el-dropdown {
  height: 100%;
}

.headercont
  .headermain
  .headerright
  .rightlist
  .el-dropdown
  .el-dropdown-selfdefine {
  color: #c6cae5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footercont {
  height: 120px;
  min-width: 1280px;
  width: 100%;
  background-color: #030609;
  -webkit-box-shadow: 0 0 9px 1px rgba(4, 0, 0, 0.1);
  box-shadow: 0 0 9px 1px rgba(4, 0, 0, 0.1);
}
.footercont .footermain .text {
  line-height: 120px;
  text-align: center;
  color: #8e8e93;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
}
.login_con {
  background-color: #0a1017;
  min-height: 890px;
}
.login_con .titleh1 {
  text-align: center;
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fff;
  padding: 70px 0 60px 0;
}
.login_con .frommain {
  width: 520px;
  margin: 0 auto;
  padding-top: 40px;
  background-color: #182330;
  border-radius: 10px;
}
.login_con .frommain .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.login_con .frommain .tabs button {
  width: 150px;
}
.login_con .frommain .fromcont {
  width: 440px;
  margin: 0 auto;
}
.login_con .frommain .fromcont .el-form--label-top .el-form-item__label {
  padding: 0;
}
.login_con .frommain .fromcont .el-input-group__append {
  background-color: #111b26;
  border-left-width: 0;
  border: none;
}
.login_con .frommain .fromcont .el-input-group__append .el-button {
  margin: 0;
  color: #3a80f4;
}
.login_con .frommain .fromcont .el-form-item__label {
  color: #fff;
}
.login_con .frommain .fromcont .el-input__inner {
  background-color: #111b26;
  border: none;
  color: #fff;
}
.login_con .frommain .fromcont .resetfooter {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222;
  margin-bottom: 5px;
}
.login_con .frommain .fromfooter {
  text-align: right;
}
.login_con .frommain .fromfooter p {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3a80f4;
}
.login_con .frommain .el-button {
  width: 100%;
  margin: 30px auto;
}
.login_con .frommain .fromcontfooter {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #8e8e93;
  text-align: center;
  padding-bottom: 90px;
}
.login_con .frommain .fromcontfooter a {
  color: #3a80f4;
}
.login_con .frommain .title {
  text-align: center;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222;
  line-height: 24px;
  margin-bottom: 35px;
}
.login_con .fromimg {
  width: 520px;
  height: 120px;
  display: block;
  margin: 20px auto 0 auto;
  border-radius: 10px;
}
.login_con .resetpassword {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  text-align: center;
  padding-bottom: 50px;
}
.login_con .resetpassword a {
  color: #222;
}
.login_con .register {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #8e8e93;
}
.login_con .register span {
  color: #3a80f4;
  cursor: pointer;
}
.homemian .banner {
  overflow: hidden;
  width: 100%;
  min-height: 68vh;
  background: url(../img/bannerBG.e2e6d1a3.png) no-repeat;
  background-size: cover;
  position: relative;
}
.homemian .banner .logo {
  display: block;
  width: 400px;
  height: 300px;
  margin: 48px auto 16px;
}
.homemian .banner .product-name {
  font-size: 40px;
  line-height: 40px;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.homemian .banner h1 {
  font-size: 56px;
  line-height: 56px;
  margin-top: 32px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 60px;
  text-align: center;
}
.homemian .banner .swiper-container {
  width: 1280px;
  position: relative;
  height: 220px;
}
.homemian .banner .swiper-container img {
  width: 400px;
  height: 220px;
}
.homemian .banner .leftSwitch {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAdCAMAAACUsxyNAAABHVBMVEUAAAD////V1dX////b29vf39/j4+PMzMzm5ubo6Ojq6urY2Njb29vd3d3g4ODi4uLj4+Pd3d3f39/h4eHh4eHj4+Pe3t7k5OTh4eHi4uLg4ODh4eHi4uLf39/k5OTh4eHi4uLj4+Ph4eHi4uLg4ODg4ODh4eHi4uLi4uLh4eHi4uLh4eHh4eHi4uLh4eHh4eHi4uLh4eHg4ODg4ODh4eHh4eHh4eHh4eHh4eHi4uLh4eHh4eHg4ODh4eHh4eHh4eHi4uLh4eHh4eHh4eHg4ODh4eHi4uLh4eHh4eHh4eHh4eHh4eHh4eHi4uLh4eHh4eHh4eHg4ODg4ODh4eHh4eHh4eHh4eHh4eHg4ODh4eHh4eHg4ODh4eHh4eHh4eEDq6T2AAAAXnRSTlMAAQYGBwgJCgoLDA0ODyEjJSYoKistLzAzNDo8PkBCRUdJTE5RU1ZXaXZ7foGEh4qNkJOWl5iZm7CxsrW3ubu9v8HDxcjg4ePk5ufo6ers7e7x8vP09fb3+Pj5+vr7C0HmtwAAALdJREFUGBlVwXcjQnEYhuHnWCEpI0JGUkgZWZEtKjIqxyjd3/9j9N/5vV2XBuz6O7JycCZjDyoROXl4nJJTgIewnH24n5RzAHcTcg7hdlzOEdyE5BThekwB7xiuRhXwTqE8ooB3DpfDck6gNCSjSScma7vH07Ss7D/PUVmZLtWYrK0OtRlZ6T/qs7I2f3mZk5X64XVe1sY3jbisdZ+3BVlrPu+Lsla/+EjISrb5XJK10qKuAcuNiz40ryFvObm0OAAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: 100% 100%;
  left: 12%;
}
.homemian .banner .leftSwitch,
.homemian .banner .rightSwitch {
  display: block;
  width: 16px;
  height: 29px;
  position: absolute;
  top: 65%;
}
.homemian .banner .rightSwitch {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAdCAMAAACUsxyNAAABIFBMVEUAAAD////////b29vf39/j4+PMzMzm5ubV1dXq6urb29vd3d3f39/h4eHn5+fh4eHi4uLj4+Pj4+Pk5OTm5ubh4eHi4uLj4+Pf39/g4ODi4uLg4ODh4eHf39/g4ODh4eHe3t7f39/g4ODh4eHi4uLg4ODh4eHf39/f39/g4ODi4uLh4eHg4ODg4ODh4eHi4uLh4eHh4eHi4uLi4uLh4eHg4ODi4uLh4eHg4ODh4eHh4eHh4eHi4uLh4eHh4eHh4eHg4ODh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHg4ODg4ODh4eHh4eHh4eHg4ODh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLh4eHh4eFemd9oAAAAX3RSTlMAAQYHCAkKCgwMDg8QESAiIyQlJigqLC4wMjQ6PD9BQ0ZIS01PUlVYWWRxdnp9gIOGiYyPkpWVmJuxsrW3uby+wMPFx8nL3uDi4+Xm5+nq6+3u8vLz9PX29/j5+vv7/oCU+/oAAACxSURBVBgZVcFVQkIBFEXRg6hgK3YHdncrdqAoNj5jz38W/nGPa2mvNKh/ijwPyQ2UeR2W6y/zNiLX98j7qFzvAx9jcj0lKuNy3fdUJuS67vjMy3UWSSblcrckU3LtN3xNy7Vd8z0j13rFz6xcR8KLTM0+bCmkD2AnparaQ9hOqaruCDYV6o9hQyFTgHWF7AmsKTScwqpC4xmsKDSdw7JC8wUsKbRcwqLMLr8LcnNP83J/p1Qh33L4ywMAAAAASUVORK5CYII=)
    no-repeat;
  background-size: 100% 100%;
  right: 13.5%;
}
.homemian .banner .notice {
  width: 100%;
  height: 62px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  bottom: 0;
}
.homemian .banner .notice .content {
  width: 1190px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.homemian .banner .notice .content img {
  width: 20px;
  height: 16px;
  margin-right: 28px;
}
.homemian .banner .notice .content .title {
  color: #fff;
  font-size: 14px;
}
.homemian .banner .notice .content .more {
  margin-left: auto;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.homemian .two .twomain {
  width: 1280px;
  margin: 22px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.homemian .two .twomain .green {
  background: url(../img/green-bg-img.a7110b70.png) no-repeat;
  background-size: 100% 100%;
}
.homemian .two .twomain .red {
  background: url(../img/red-bg-img.d8bd5dde.png) no-repeat;
  background-size: 100% 100%;
}
.homemian .two .twomain .list {
  width: 240px;
  height: 130px;
  padding: 10px;
}
.homemian .two .twomain .list a {
  display: block;
  width: 100%;
  height: 100%;
}
.homemian .two .twomain .list .listheader {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.homemian .two .twomain .list .listheader .name {
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fff;
}
.homemian .two .twomain .list .listheader .changeRate {
  width: 90px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fff;
  border-radius: 14px;
  padding: 0 8px;
}
.homemian .two .twomain .list .bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.homemian .two .twomain .list .price {
  font-size: 26px;
  font-family: Bahnschrift;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.homemian .two .twomain .list .cnprice {
  margin-left: -9px;
  font-size: 15px;
  color: #fff;
  text-indent: 10px;
}
.homemian .three {
  width: 1280px;
  margin: 0 auto;
}
.homemian .three .threetitle {
  padding-top: 60px;
  font-size: 36px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #222;
  line-height: 46px;
  text-align: center;
}
.homemian .three .threeh3 {
  text-align: center;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #666;
  line-height: 66px;
}
.homemian .three .threemain .threeheader,
.homemian .three .threemain .threelist {
  width: 1280px;
  height: 52px;
  line-height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  font-size: 14px;
}
.homemian .three .threemain .threeheader {
  background-color: #1467ff;
  border: 1px solid #efeff4;
  border-radius: 10px 10px 0 0;
}
.homemian .three .threemain .threeheader p {
  width: 14.2%;
  color: #fff;
}
.homemian .three .threemain .threelist {
  border: 1px solid #efeff4;
  background-color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  cursor: pointer;
}
.homemian .three .threemain .threelist:hover {
  -webkit-box-shadow: 0 0 16px 2px rgba(58, 128, 244, 0.2);
  box-shadow: 0 0 16px 2px rgba(58, 128, 244, 0.2);
  border-radius: 6px;
  -webkit-transform: scale(1.05, 1.25);
  transform: scale(1.05, 1.25);
  z-index: 10;
}
.homemian .three .threemain .threelist li {
  width: 14.2%;
}
.homemian .three .threemain .threelist li img {
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
  top: 8px;
  left: -5px;
}
.homemian .three .threemain .threelist .name p {
  display: inline-block;
}
.homemian .main1 {
  width: 100%;
  min-height: 500px;
  background: url(../img/main1.60e3795b.png) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.homemian .main1 .title {
  margin: 65px 0 95px;
  color: #fff;
  font-size: 36px;
  text-align: center;
}
.homemian .main1 .list {
  width: 1054px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}
.homemian .main1 .list .item {
  text-align: center;
}
.homemian .main1 .list .item .itemTit {
  color: #fff;
  font-size: 20px;
}
.homemian .main1 .list .item .text {
  color: #b9b9b9;
  font-size: 16px;
  margin-top: 10px;
}
.homemian .main2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px 0;
  background: url(../img/main2.5d95eda3.png) no-repeat;
}
.homemian .main2 .leftImg {
  width: 680px;
  height: 500px;
  margin-right: 100px;
}
.homemian .main2 .leftImg img {
  width: 100%;
  height: 100%;
}
.homemian .main2 .download .tip {
  color: #999;
  font-size: 16px;
  margin-bottom: 30px;
}
.homemian .main2 .download .title {
  color: #1467ff;
  font-size: 46px;
  margin-bottom: 30px;
}
.homemian .main2 .download .iconlist {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 16px;
}
.homemian .main2 .download .iconlist > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  margin-right: 15px;
}
.homemian .main2 .download .iconlist > div img {
  width: 22px;
  height: 22px;
  margin: 3px 5px 0 0;
}
.homemian .main2 .download .app {
  margin-top: 90px;
}
.homemian .main2 .download .app,
.homemian .main2 .download .app .btn div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.homemian .main2 .download .app .btn div {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 153px;
  height: 48px;
  line-height: 48px;
  background: #3a80f4;
  border-radius: 24px;
  color: #fff;
  font-size: 20px;
  margin-bottom: 20px;
  cursor: pointer;
}
.homemian .main2 .download .app .btn div:last-of-type {
  margin: 0;
}
.homemian .main2 .download .app .qrcode {
  margin-left: 30px;
}
.homemian .main2 .download .app .qrcode img {
  display: block;
  width: 116px;
  height: 116px;
  border-radius: 10px;
}
.homemian .main2 .download .app .qrcode .text {
  color: #999;
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
}
.homemian .five {
  width: 100%;
  min-width: 100%;
  background-color: #eef1f5;
  height: 120px;
}
.homemian .five .fivemain {
  width: 1280px;
  margin: 0 auto;
  height: 120px;
  position: relative;
}
.homemian .five .fivemain .left {
  display: inline-block;
  font-family: Source Han Sans CN;
  font-weight: 700;
  color: #2361eb;
  text-indent: 45px;
}
.homemian .five .fivemain .left h2 {
  font-size: 24px;
  line-height: 66px;
}
.homemian .five .fivemain .left h3 {
  font-size: 12px;
}
.homemian .five .fivemain .right {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.homemian .five .fivemain .right .list {
  height: 120px;
  line-height: 120px;
  padding-right: 15px;
}
.homemian .five .fivemain .right .list i {
  color: #2361eb;
  font-size: 18px;
}
.homemian .five .fivemain .right .list .listtile {
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #222;
  display: inline-block;
  padding: 0 25px 0 5px;
}
.homemian .five .fivemain:after {
  content: "";
  display: inline-block;
  width: 1280px;
  height: 12px;
  background: #2361eb;
  border-radius: 10px 10px 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
.homemian .six {
  width: 100%;
  min-width: 1280px;
  background-image: url(../img/bgimgsy.15d7fc81.png);
  background-size: 1920px 712px;
  background-repeat: no-repeat;
  background-position: 50%;
}
.homemian .six .sixmian {
  width: 1280px;
  margin: 0 auto;
  padding-top: 120px;
  padding-bottom: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.homemian .six .sixmian .left img {
  display: inline-block;
  width: 685px;
  height: 503px;
}
.homemian .six .sixmian .right {
  width: 450px;
}
.homemian .six .sixmian .right .h2 {
  padding-top: 86px;
  padding-bottom: 30px;
  font-size: 16px;
  font-family: PingFang;
  font-weight: 500;
  color: #222;
}
.homemian .six .sixmian .right .h3 {
  font-size: 46px;
  font-family: Source Han Sans CN;
  font-weight: 800;
  color: #1467ff;
  padding-bottom: 30px;
}
.homemian .six .sixmian .right .h4 {
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.homemian .six .sixmian .right .h4 .list {
  width: 25%;
}
.homemian .six .sixmian .right .h4 .list span {
  font-size: 16px;
  font-family: PingFang;
  font-weight: 500;
  color: #222;
}
.homemian .six .sixmian .right .sixfooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.homemian .six .sixmian .right .sixfooter .footerlist {
  width: 180px;
  text-align: center;
}
.homemian .six .sixmian .right .sixfooter .footerlist div {
  width: 106px;
  height: 105px;
  display: inline-block;
}
.homemian .six .sixmian .right .sixfooter .footerlist .title {
  display: inline-block;
  margin-top: 15px;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #222;
}
.homemian .six .sixmian .right .sixfooter .footerlist .el-button {
  margin-bottom: 25px;
}
.contractmain {
  width: 100%;
  min-width: 1200px;
  background-color: #262a43;
  padding-bottom: 10px;
}
.contractmain .contract {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 1280px;
  height: 1036px;
  padding-top: 10px;
}
.contractmain .contract .left {
  width: 18.75%;
  min-width: 280px;
  max-width: 360px;
  height: 100%;
  margin-right: 10px;
  background-color: #161c2b;
  overflow: hidden;
}
.contractmain .contract .cont {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.contractmain .contract .right {
  width: 19.8%;
  min-width: 295px;
  max-width: 380px;
  height: 100%;
  margin-left: 10px;
  background-color: #161c2b;
}
.contractmain .contract .right .el-tabs__header {
  border-bottom: 1px solid #161c2b !important;
}
.contractmain .contract .right .is-active {
  background: #161c2b !important;
  border: none !important;
}
.contractmain .contract .right .el-tabs__item {
  color: #828ea1 !important;
}
.contractmain .left .leftcon .title {
  height: 42px;
  line-height: 42px;
  text-indent: 24px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3a80f4;
  position: relative;
}
.contractmain .left .leftcon .title:before {
  position: absolute;
  left: 0;
  top: 9px;
  content: "";
  display: inline-block;
  width: 4px;
  height: 24px;
  background-color: #3a80f4;
}
.contractmain .left .leftcon .leftmian {
  width: 100%;
}
.contractmain .left .leftcon .leftmian .list,
.contractmain .left .leftcon .leftmian .listheader {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.contractmain .left .leftcon .leftmian .list .code,
.contractmain .left .leftcon .leftmian .listheader .code {
  width: 20%;
  text-align: left;
  text-indent: 10px;
}
.contractmain .left .leftcon .leftmian .list .price,
.contractmain .left .leftcon .leftmian .listheader .price {
  width: 50%;
  text-align: right;
}
.contractmain .left .leftcon .leftmian .list .changeRate,
.contractmain .left .leftcon .leftmian .listheader .changeRate {
  width: 30%;
  text-align: right;
  padding-right: 15px;
}
.contractmain .left .leftcon .leftmian .listheader {
  height: 42px;
  font-size: 14px;
  color: #828ea1;
  background-color: #161c2b;
}
.contractmain .left .leftcon .leftmian .listheader p {
  height: 42px;
  line-height: 42px;
}
.contractmain .left .leftcon .leftmian .ateiv {
  background-color: #161c2b;
}
.contractmain .left .leftcon .leftmian .list {
  height: 56px;
  font-size: 16px;
  color: #fff;
  line-height: 34px;
  cursor: pointer;
}
.contractmain .left .leftcon .leftmian .list p {
  line-height: 48px;
}
.contractmain .left .leftcon .leftmian .list .price {
  margin-top: 13px;
  line-height: 18px;
}
.contractmain .left .leftcon .leftmian .list .price span {
  line-height: 16px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999;
  display: block;
}
.contractmain .cont .contheader {
  background-color: #161c2b;
}
.contractmain .cont .contheader .contheadermain {
  padding-right: 4vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.contractmain .cont .contheader .contheadermain .list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.contractmain .cont .contheader .contheadermain .list h2 {
  font-size: 32px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fff;
  line-height: 78px;
  text-indent: 38px;
  margin-right: 23px;
}
.contractmain .cont .contheader .contheadermain .list h3 {
  margin-top: 18px;
  font-size: 18px;
  font-family: MicrosoftYaHeiLight;
  font-weight: 400;
  color: #fff;
}
.contractmain .cont .contheader .contheadermain .list h4 {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999;
}
.contractmain .cont .contheader .contheadermain .list p {
  margin-top: 16px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999;
}
.contractmain .cont .contheader .contheadermain .list span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fff;
  line-height: 36px;
}
.contractmain .cont .contheader .contheadermain .list p,
.contractmain .cont .contheader .contheadermain .list span {
  display: inline-block;
  min-width: 100px;
  text-align: right;
}
.contractmain .cont .kile {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  position: relative;
}
.contractmain .cont .kile .mian {
  z-index: 1000;
  position: absolute;
  top: 10px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.contractmain .cont .kile .mian .list {
  width: 80px;
  height: 28px;
  line-height: 28px;
  color: #666;
  font-size: 14px;
  text-align: center;
  background-color: #161c2b;
  border: 1px solid #828ea1;
  margin-right: 8px;
  cursor: pointer;
  border-radius: 5px;
}
.contractmain .cont .kile .mian .acvte {
  background-color: #3a80f4;
  color: #161c2b;
}
.contractmain .cont .el-tabs--border-card,
.contractmain
  .cont
  .el-tabs--border-card
  .el-tabs--border-card
  > .el-tabs__header,
.contractmain .cont .transaction,
.contractmain .cont .transaction .el-tabs--border-card > .el-tabs__header {
  background: #161c2b;
  border-color: #161c2b;
}
.contractmain .cont .el-tabs--border-card .el-form-item__label,
.contractmain .cont .el-tabs--border-card .el-tabs__item,
.contractmain .cont .el-tabs--border-card .is-top,
.contractmain .cont .transaction .el-form-item__label,
.contractmain .cont .transaction .el-tabs__item,
.contractmain .cont .transaction .is-top {
  color: #fff !important;
  border: none !important;
}
.contractmain .cont .el-tabs--border-card .el-input-group__prepend,
.contractmain .cont .el-tabs--border-card .el-input__inner,
.contractmain .cont .transaction .el-input-group__prepend,
.contractmain .cont .transaction .el-input__inner {
  background: #161c2b !important;
  border-color: #2d3346 !important;
  color: #fff !important;
}
.contractmain .cont .el-tabs--border-card .el-radio-button__inner,
.contractmain .cont .transaction .el-radio-button__inner {
  background: #161c2b !important;
  border-color: #2d3346 !important;
  color: #8d9aae !important;
}
.contractmain .cont .el-tabs--border-card .is-active .el-radio-button__inner,
.contractmain .cont .transaction .is-active .el-radio-button__inner {
  background: #1d2237 !important;
  color: #fff !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.contractmain .cont .el-tabs--border-card .marketprice,
.contractmain .cont .transaction .marketprice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.contractmain .cont .el-tabs--border-card .marketprice .Purchase,
.contractmain .cont .transaction .marketprice .Purchase {
  width: 45%;
}
.contractmain
  .cont
  .el-tabs--border-card
  .marketprice
  .Purchase
  .el-radio-group,
.contractmain .cont .el-tabs--border-card .marketprice .Purchase .el-select,
.contractmain .cont .transaction .marketprice .Purchase .el-radio-group,
.contractmain .cont .transaction .marketprice .Purchase .el-select {
  width: 100%;
}
.contractmain
  .cont
  .el-tabs--border-card
  .marketprice
  .Purchase
  .el-radio-group
  .el-radio-button,
.contractmain
  .cont
  .transaction
  .marketprice
  .Purchase
  .el-radio-group
  .el-radio-button {
  width: 25%;
}
.contractmain
  .cont
  .el-tabs--border-card
  .marketprice
  .Purchase
  .el-radio-group
  .el-radio-button__inner,
.contractmain
  .cont
  .transaction
  .marketprice
  .Purchase
  .el-radio-group
  .el-radio-button__inner {
  padding: 0;
  width: 100%;
  height: 34px;
  line-height: 34px;
}
.contractmain
  .cont
  .el-tabs--border-card
  .marketprice
  .Purchase
  .Purchasefooter,
.contractmain .cont .transaction .marketprice .Purchase .Purchasefooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fff;
  line-height: 18px;
}
.contractmain .cont .el-tabs--border-card .marketprice .Purchase .el-button,
.contractmain .cont .transaction .marketprice .Purchase .el-button {
  margin-top: 25px;
  width: 100%;
  margin-bottom: 23px;
}
.contractmain .right .el-tabs__header {
  margin: 0;
}
.contractmain .right .pankou {
  position: relative;
  width: 100%;
  height: 970px;
}
.contractmain .right .pankou .rightheader {
  width: 100%;
  height: 30px;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666;
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 20px;
}
.contractmain .right .pankou .rightheader .price {
  width: 30%;
  text-align: left;
  text-indent: 10px;
}
.contractmain .right .pankou .rightheader .volume {
  width: 33%;
  text-align: right;
}
.contractmain .right .pankou .rightheader .name {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}
.contractmain .right .pankou .buyordermain,
.contractmain .right .pankou .sellordermain {
  width: 100%;
  height: 440px;
  overflow: hidden;
}
.contractmain .right .pankou .buyordermain .name,
.contractmain .right .pankou .buyordermain .volume,
.contractmain .right .pankou .sellordermain .name,
.contractmain .right .pankou .sellordermain .volume {
  color: #666;
}
.contractmain .right .pankou .buyordermain {
  position: absolute;
  top: 30px;
  left: 0;
}
.contractmain .right .pankou .sellordermain {
  position: absolute;
  top: 530px;
  left: 0;
}
.contractmain .right .pankou .buyorderli,
.contractmain .right .pankou .sellorderli {
  height: 25px;
  padding-right: 20px;
  margin: 6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contractmain .right .pankou .buyorderli span,
.contractmain .right .pankou .sellorderli span {
  line-height: 14px !important;
}
.contractmain .right .pankou .buyorderli .price,
.contractmain .right .pankou .sellorderli .price {
  width: 30%;
  line-height: 14px !important;
  text-align: left;
  text-indent: 10px;
}
.contractmain .right .pankou .buyorderli .volume:nth-child(2),
.contractmain .right .pankou .sellorderli .volume:nth-child(2) {
  margin-right: 4%;
}
.contractmain .right .pankou .buyorderli .volume,
.contractmain .right .pankou .sellorderli .volume {
  width: 33%;
  line-height: 14px !important;
  text-align: right;
}
.contractmain .right .pankou .buyorderli .name,
.contractmain .right .pankou .sellorderli .name {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
  line-height: 14px !important;
}
.contractmain .right .pankou .buyorder {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.contractmain .right .pankou .sellorder {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.contractmain .right .pankou .jiange {
  width: 100%;
  height: 60px;
  line-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #161c2b;
  position: absolute;
  top: 470px;
  left: 0;
}
.contractmain .right .pankou .jiange .price {
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: 700;
  text-indent: 10px;
}
.contractmain .right .pankou .jiange .changeRate {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666;
  margin-right: 10px;
}
.contractmain .right .realtime .realtimemain {
  height: 940px;
}
.contractmain .right .realtime .realorder,
.contractmain .right .realtime .rightheader {
  height: 31px;
  line-height: 31px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
}
.contractmain .right .realtime .realorder .price,
.contractmain .right .realtime .rightheader .price {
  width: 30%;
  text-align: left;
  text-indent: 10px;
}
.contractmain .right .realtime .realorder .volume:nth-child(2),
.contractmain .right .realtime .rightheader .volume:nth-child(2) {
  margin-right: 4%;
}
.contractmain .right .realtime .realorder .volume,
.contractmain .right .realtime .rightheader .volume {
  width: 33%;
  text-align: right;
}
.contractmain .right .realtime .realorder .name,
.contractmain .right .realtime .rightheader .name {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}
.contractmain .Order {
  margin-top: 10px;
  position: relative;
}
.contractmain .Order .closeAll {
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 99;
}
.contractmain .Order .el-table__body-wrapper,
.contractmain .Order .el-table__body tr:hover > td,
.contractmain .Order .el-table td,
.contractmain .Order .el-table th,
.contractmain .Order .el-table tr,
.contractmain .Order .el-tabs,
.contractmain .Order .is-top {
  background: #161c2b;
  border-color: #2d3346 !important;
}
.boxconit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.boxconit .conit {
  width: 50%;
}
.boxconit .conit .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
}
.boxconit .conit .list p {
  width: 48%;
}
.boxconit .conit .list .title {
  color: #999;
  text-align: right;
}
.boxconit .conit .list .text {
  margin-left: 5px;
  color: #fff;
}
.systemannouncement {
  background-color: #fff;
}
.systemannouncement .newaheader {
  width: 1280px;
  margin: 0 auto;
  height: 153px;
  line-height: 153px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.systemannouncement .newaheader .title {
  font-family: Microsoft YaHei;
  font-weight: 400;
}
.systemannouncement .newaheader .title p,
.systemannouncement .newaheader .title span {
  display: inline-block;
}
.systemannouncement .newaheader .title p {
  font-size: 36px;
  color: #222;
}
.systemannouncement .newaheader .title span {
  font-size: 20px;
  color: #666;
  text-indent: 25px;
}
.systemannouncement .newaheader img {
  width: 398px;
  height: 153px;
  display: inline-block;
  background-color: red;
}
.systemannouncement .newsmain {
  width: 1280px;
  margin: 0 auto;
  min-height: 756px;
  background-color: #efeff4;
  border-radius: 10px;
}
.systemannouncement .newsmain .list {
  font-family: Microsoft YaHei;
  font-weight: 400;
  height: 70px;
  line-height: 70px;
  width: 1240px;
  margin: 0 auto;
  border-bottom: 2px solid #e5e5ea;
}
.systemannouncement .newsmain .list a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.systemannouncement .newsmain .list h3 {
  font-size: 18px;
  color: #222;
}
.systemannouncement .newsmain .list p {
  font-size: 16px;
  color: #666;
}
.pagination {
  margin: 50px auto;
}
.pagination .el-pagination {
  text-align: center;
}
.pagination .el-pagination .btn-next,
.pagination .el-pagination .btn-prev {
  background-color: #3a80f4;
  color: #fff;
  padding: 0 25px;
  border-radius: 5px;
  margin: 0 15px;
}
.newsflashdetails,
.systemannouncementdetails {
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fff;
  background-color: #182330;
  width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}
.newsflashdetails .title,
.systemannouncementdetails .title {
  padding-top: 115px;
  font-size: 24px;
  text-align: center;
}
.newsflashdetails .time,
.systemannouncementdetails .time {
  text-align: center;
  line-height: 56px;
  padding-bottom: 26px;
}
.newsflashdetails .time time,
.systemannouncementdetails .time time {
  font-size: 16px;
  color: #999;
}
.newsflashdetails hr,
.systemannouncementdetails hr {
  height: 1px;
  border: none;
  background-color: #243141;
}
.newsflashdetails .aont,
.systemannouncementdetails .aont {
  width: 914px;
  min-height: 765px;
  margin: 45px auto;
}
.newsflash {
  background-color: #0a1017;
}
.newsflash .newsheader {
  width: 100%;
  min-width: 1280px;
  background-image: url(../img/zixun-img-en@2x.d18f5e5a.png);
  background-size: 1920px 340px;
  background-position: 50%;
  background-repeat: no-repeat;
}
.newsflash .newsheader .headercon {
  margin: 0 auto;
  color: #fefefe;
  text-align: center;
}
.newsflash .newsheader .headercon h2 {
  font-size: 60px;
  font-family: SourceHanSansSC;
  font-weight: 800;
  line-height: 42px;
  text-shadow: 5px 2px 0 #2e34df;
  padding-top: 140px;
}
.newsflash .newsheader .headercon h3 {
  font-size: 32px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-top: 40px;
  padding-bottom: 76px;
}
.newsflash .newscont {
  width: 1280px;
  margin: 25px auto 0 auto;
}
.newsflash .newscont .gonggao .list {
  width: 965px;
  padding: 18px;
  margin-left: 55px;
  background-color: #182330;
  margin-bottom: 10px;
}
.newsflash .newscont .gonggao .list .h3 {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fff;
  line-height: 30px;
}
.newsflash .newscont .gonggao .list .h4 {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.newsflash .newscont .gonggao .list .h4 a {
  color: #0061fe;
}
.newsflash .newscont .gonggao .list .h4 p {
  color: #666;
}
.newsflash .newscont .el-tabs__item {
  font-size: 16px;
  color: #666;
  padding: 0 35px;
  background-color: #f5f5f5;
}
.newsflash .newscont .el-tabs--left .el-tabs__active-bar.is-left,
.newsflash .newscont .el-tabs--left .el-tabs__nav-wrap.is-left:after {
  display: none;
}
.newsflash .newscont .el-tabs--left .el-tabs__item.is-left {
  border-radius: 4px;
  margin-bottom: 10px;
  background-color: #182330;
  color: #fff;
}
.newsflash .newscont .el-tabs__item.is-active {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#5f87ff),
    to(#134bee)
  );
  background: linear-gradient(90deg, #5f87ff, #134bee);
  border-radius: 4px;
  color: #fff;
}
.adoutusclause {
  width: 100%;
  min-width: 1280px;
  background-color: #0a1017;
  color: #fff;
}
.adoutusclause .clausemain {
  width: 1280px;
  margin: 0 auto;
}
.adoutusclause .newaheader .title {
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 60px;
  position: relative;
  top: 45px;
  margin-bottom: 50px;
}
.adoutusclause .clause .el-tabs__nav {
  float: right;
}
.adoutusclause .clause .el-tabs__nav-wrap:after {
  height: 0;
}
.adoutusclause .clause .el-tabs__header {
  margin: 0;
}
.adoutusclause .clause .el-tabs__item {
  height: 60px;
  line-height: 60px;
}
.adoutusclause .clause .el-tabs__active-bar {
  width: 0 !important;
  border-top: 10px solid #3a80f4;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  background-color: transparent;
  left: 25px;
  top: 50px;
  z-index: 100;
}
.adoutusclause .clause .el-tabs__item {
  font-size: 20px;
  color: #999;
}
.adoutusclause .clause .el-tabs__item.is-active {
  color: #409eff;
}
.adoutusclause .clause .cont {
  background-color: #182330;
  padding-top: 54px;
}
.adoutusclause .clause .cont .title {
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  text-align: center;
}
.adoutusclause .clause .cont hr {
  width: 1148px;
  margin: 45px auto;
  border-color: #666;
}
.adoutusclause .clause .cont .conmain {
  width: 1024px;
  min-height: 496px;
  margin: 0 auto;
}
.adoutus {
  width: 100%;
  min-width: 1280px;
}
.adoutus .clausemain {
  width: 1280px;
  margin: 0 auto;
}
.adoutus .clausemain .newaheader .title {
  margin: 50px 0;
}
.adoutus .clausemain .newaheader .title p,
.adoutus .clausemain .newaheader .title span {
  display: inline-block;
}
.adoutus .clausemain .newaheader .title p {
  font-size: 36px;
  color: #fff;
}
.adoutus .clausemain .newaheader .title span {
  font-size: 20px;
  color: #666;
  margin-left: 25px;
}
.adoutus .clausemain .cont {
  background-color: #182330;
  border-radius: 10px;
  padding: 50px;
  min-height: 765px;
  color: #fff;
}
.assetstotal {
  width: 100%;
  min-width: 1180px;
  overflow: hidden;
  background-color: #242841;
}
.assetstotal .totalmain {
  width: 1180px;
  margin: 20px auto 0 auto;
}
.assetstotal .totalmain .title {
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  padding-left: 16px;
  border-left: 2px solid #1467ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.assetstotal .totalmain .title a {
  color: #fff;
}
.assetstotal .totalmain .totalheader {
  border-radius: 8px;
  height: 90px;
  background-color: #1467ff;
  position: relative;
  padding-top: 20px;
  padding-left: 50px;
}
.assetstotal .totalmain .totalheader .listh2 {
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  margin-bottom: 10px;
}
.assetstotal .totalmain .totalheader .listh3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 24px;
}
.assetstotal .totalmain .totalheader .listh3 .h2 {
  color: #fff;
  font-weight: 700;
  font-family: DIN-Bold, DIN;
  line-height: 24px;
  font-size: 24px;
}
.assetstotal .totalmain .totalheader .listh3 .h3 {
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  margin: 0 10px;
}
.assetstotal .totalmain .totalheader .listh3 .h4 {
  font-size: 16px;
  line-height: 16px;
  color: #fff;
}
.assetstotal .totalmain .totalheader .listh3 .change-img {
  width: 22px;
  margin-left: 40px;
}
.assetstotal .totalmain .rechargeheadere,
.assetstotal .totalmain .rechargemian {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.assetstotal .totalmain .rechargeheadere li,
.assetstotal .totalmain .rechargemian li {
  width: 33%;
  padding: 0 35px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.assetstotal .totalmain .rechargeheadere .h1,
.assetstotal .totalmain .rechargemian .h1 {
  width: 256px;
}
.assetstotal .totalmain .rechargeheadere .h2,
.assetstotal .totalmain .rechargemian .h2 {
  width: 456px;
}
.assetstotal .totalmain .rechargeheadere .h3,
.assetstotal .totalmain .rechargemian .h3 {
  width: 457px;
}
.assetstotal .totalmain .rechargemian li {
  background-color: #171b2a;
}
.assetstotal .totalmain .rechargeheadere {
  font-size: 16px;
  font-family: MicrosoftYaHeiLight;
  font-weight: 400;
  line-height: 44px;
}
.assetstotal .totalmain .rechargeheadere li {
  background-color: #1467ff;
}
.assetstotal .totalmain .rechargemian {
  border-radius: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fff;
}
.assetstotal .totalmain .footerbut {
  width: 1280px;
  margin: 26px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.assetstotal .totalmain .footerbut a {
  cursor: pointer;
}
.assetstotal .totalmain .footerbut .assetsrecharge,
.assetstotal .totalmain .footerbut .assetstransfer,
.assetstotal .totalmain .footerbut .assetswithdraw {
  width: 190px;
  height: 41px;
  line-height: 41px;
  text-align: center;
  color: #fff;
  border-radius: 21px;
  font-size: 16px;
  display: inline-block;
}
.assetstotal .totalmain .footerbut .assetsrecharge {
  height: 40px;
  width: 130px;
  margin-right: 20px;
  background: rgba(20, 103, 255, 0.2);
  border: 1px solid #1467ff;
  border-radius: 8px;
}
.assetstotal .totalmain .footerbut .assetswithdraw {
  height: 40px;
  width: 130px;
  background-color: rgba(236, 74, 74, 0.2);
  margin-right: 20px;
  border-radius: 8px;
  border: 1px solid #ec4a4a;
}
.assetstotal .totalmain .footerbut .assetstransfer {
  height: 40px;
  width: 130px;
  border-radius: 8px;
  border: 1px solid #ff7d41;
  background-color: rgba(255, 125, 65, 0.2);
}
.assetstotal .totalmain .footerheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.assetstotal .totalmain .footerheader h2 {
  font-size: 22px;
  color: #fff;
}
.assetstotal .totalmain .footerheader a {
  font-size: 16px;
  color: #3a80f4;
}
.assetstotal .totalmain .footertotal {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 37px;
  margin-top: 10px;
}
.assetstotal .totalmain .footertotal .el-table,
.assetstotal .totalmain .footertotal .el-table tr,
.assetstotal .totalmain .footertotal thead {
  background-color: transparent;
}
.assetstotal .totalmain .footertotal thead .el-table__cell {
  border: none;
  margin-bottom: 6px;
  color: #fff;
  padding: 0;
  background-color: transparent;
}
.assetstotal .totalmain .footertotal thead .cell {
  line-height: 40px;
  background-color: #1467ff;
  border-right: 6px solid #242841;
}
.assetstotal .totalmain .footertotal thead .el-table__cell:last-child .cell {
  border: none;
}
.assetstotal .totalmain .footertotal .el-table__body-wrapper {
  margin-top: 6px;
}
.assetstotal .totalmain .footertotal .el-table__body-wrapper .el-table__row {
  border: none;
}
.assetstotal
  .totalmain
  .footertotal
  .el-table__body-wrapper
  .el-table__row
  .el-table__cell {
  border: none;
  border-bottom: 6px solid #242841;
  padding: 0;
}
.assetstotal
  .totalmain
  .footertotal
  .el-table__body-wrapper
  .el-table__row
  .el-table__cell
  .cell {
  line-height: 40px;
  border-right: 6px solid #242841;
  background-color: #171b2a;
}
.assetstotal
  .totalmain
  .footertotal
  .el-table__body-wrapper
  .el-table__row
  .el-table__cell:last-child
  .cell {
  border: none;
  margin: 0;
}
.assetstotal
  .totalmain
  .footertotal
  .el-table__body-wrapper
  .el-table__row:last-child
  .el-table__cell {
  border: none;
}
.assetstotal .totalmain .footertotal .totaltabs {
  margin-top: 15px;
}
.assetstotal .totalmain .footertotal .tabs {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fff;
  line-height: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #e5e5ea;
}
.assetstotal .totalmain .footertotal .tabs .h1,
.assetstotal .totalmain .footertotal .tabs .h2,
.assetstotal .totalmain .footertotal .tabs .h3,
.assetstotal .totalmain .footertotal .tabs .h4 {
  width: 25%;
}
.assetstotal .totalmain .footertotal .tabs .h4 {
  text-align: right;
}
.assetsrechargemian {
  width: 100%;
  min-width: 1280px;
}
.assetsrechargemian .recharge {
  width: 1280px;
  margin: 20px auto;
}
.assetsrechargemian .recharge .rechargeheader {
  color: #fff;
  font-family: Microsoft YaHei;
  font-weight: 400;
  background-color: #182330;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 0 30px;
}
.assetsrechargemian .recharge .rechargeheader,
.assetsrechargemian .recharge .rechargeheader .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.assetsrechargemian .recharge .rechargeheader .list {
  height: 60px;
  line-height: 60px;
}
.assetsrechargemian .recharge .rechargeheader .list h2 {
  font-size: 18px;
  margin-right: 15px;
}
.assetsrechargemian .recharge .rechargemian {
  background-color: #182330;
  border-radius: 10px;
}
.assetsrechargemian .recharge .rechargemian .mian {
  padding: 22px;
}
.assetsrechargemian .recharge .rechargemian .mian .list .title {
  font-size: 16px;
  color: #fff;
  margin: 20px auto;
}
.assetsrechargemian .recharge .rechargemian .mian .list div img {
  width: 130px;
  height: 130px;
  margin-left: 45px;
}
.assetsrechargemian .recharge .rechargemian .mian .list p {
  color: #999;
  font-size: 16px;
  line-height: 32px;
}
.assetswithdrawmian {
  width: 100%;
  min-width: 1280px;
}
.assetswithdrawmian .withdraw {
  width: 1280px;
  margin: 20px auto;
}
.assetswithdrawmian .withdraw .withdrawheader {
  color: #fff;
  font-family: Microsoft YaHei;
  font-weight: 400;
  background-color: #182330;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 0 30px;
}
.assetswithdrawmian .withdraw .withdrawheader,
.assetswithdrawmian .withdraw .withdrawheader .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.assetswithdrawmian .withdraw .withdrawheader .list {
  height: 60px;
  line-height: 60px;
}
.assetswithdrawmian .withdraw .withdrawheader .list h2 {
  font-size: 18px;
  margin-right: 15px;
}
.assetswithdrawmian .withdraw .withdrawmian {
  background-color: #182330;
  border-radius: 10px;
}
.assetswithdrawmian .withdraw .withdrawmian .mian {
  padding: 22px 22px 22px 70px;
}
.assetswithdrawmian .withdraw .withdrawmian .mian .list .title {
  font-size: 16px;
  color: #fff;
  margin: 12px auto;
}
.assetswithdrawmian .withdraw .withdrawmian .mian .list .from {
  width: 990px;
}
.assetswithdrawmian .withdraw .withdrawmian .mian .list .from,
.assetswithdrawmian .withdraw .withdrawmian .mian .list .from .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.assetswithdrawmian .withdraw .withdrawmian .mian .list .from .input {
  width: 470px;
}
.assetswithdrawmian
  .withdraw
  .withdrawmian
  .mian
  .list
  .from
  .input
  .el-select {
  width: 100%;
}
.assetswithdrawmian
  .withdraw
  .withdrawmian
  .mian
  .list
  .from
  .input
  .el-button--primary {
  margin-top: 35px;
  width: 100%;
}
.assetswithdrawmian .withdraw .withdrawmian .mian .list p {
  color: #999;
  font-size: 16px;
  line-height: 32px;
}
.assetsdetailed {
  width: 100%;
  min-width: 1280px;
}
.assetsdetailed .detailed {
  margin: 20px;
  border-radius: 10px;
}
.assetsdetailed .detailed .detailedheader {
  color: #fff;
  font-family: Microsoft YaHei;
  font-weight: 400;
  background-color: #182330;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 0 30px;
}
.assetsdetailed .detailed .detailedheader,
.assetsdetailed .detailed .detailedheader .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.assetsdetailed .detailed .detailedheader .list {
  height: 60px;
  line-height: 60px;
}
.assetsdetailed .detailed .detailedheader .list h2 {
  font-size: 18px;
  margin-right: 15px;
}
.assetsdetailed .detailed .detailedmian .Order {
  position: relative;
}
.assetsdetailed .detailed .detailedmian .Order .closeAll {
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 99;
}
.assetsdetailed .detailed .detailedmian .el-tabs__header {
  margin: 0;
}
.assetsdetailed .detailed .detailedmian .el-tabs__header .el-tabs__item {
  color: #fff;
}
.assetsdetailed
  .detailed
  .detailedmian
  .el-tabs__header
  .el-tabs__item.is-active {
  color: #409eff;
}
.assetsdetailed
  .detailed
  .detailedmian
  .el-tabs__header
  .el-tabs__nav-wrap:after {
  display: none;
}
.assetsdetailed .detailed .detailedmian .el-tabs__header .el-tabs__nav-scroll {
  padding: 0 15px;
}
.assetsdetailed .detailed .detailedmian .el-tabs__nav-scroll {
  background-color: #182330;
}
.assetsdetailed .detailed .detailedmian .teadheader {
  color: #666;
  background-color: #e5e5ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.assetsdetailed .detailed .detailedmian .teadheader .list {
  font-size: 20px;
  line-height: 46px;
  height: 46px;
  padding: 0 30px;
  cursor: pointer;
}
.assetsdetailed .detailed .detailedmian .teadheader .aver {
  color: #3a80f4;
}
.assetsdetailed .detailed .detailedmian .chongbi,
.assetsdetailed .detailed .detailedmian .qita,
.assetsdetailed .detailed .detailedmian .tibi {
  background-color: #182330;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 0 28px;
}
.assetsdetailed .detailed .detailedmian .chongbi .el-table__empty-block,
.assetsdetailed .detailed .detailedmian .chongbi .el-table th,
.assetsdetailed .detailed .detailedmian .chongbi .el-table tr,
.assetsdetailed .detailed .detailedmian .qita .el-table__empty-block,
.assetsdetailed .detailed .detailedmian .qita .el-table th,
.assetsdetailed .detailed .detailedmian .qita .el-table tr,
.assetsdetailed .detailed .detailedmian .tibi .el-table__empty-block,
.assetsdetailed .detailed .detailedmian .tibi .el-table th,
.assetsdetailed .detailed .detailedmian .tibi .el-table tr {
  background-color: #182330;
}
.extension {
  overflow: hidden;
  width: 100%;
  min-width: 1280px;
}
.extension .extensionheader {
  background-image: url(../img/invite-bg.f1ae5062.png);
  background-size: 100% 100%;
  height: 235px;
}
.extension .extensionheader .headercon {
  width: 1280px;
  margin: 0 auto;
  color: #fff;
}
.extension .extensionheader .headercon h2 {
  font-size: 32px;
  font-weight: 700;
  padding-top: 56px;
}
.extension .extensionheader .headercon h3 {
  margin-top: 25px;
  font-size: 18px;
}
.extension .shareheader {
  width: 1280px;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  top: -50px;
  z-index: 100;
  border-radius: 25px;
  overflow: hidden;
}
.extension .shareheader .cont,
.extension .shareheader .cont li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.extension .shareheader .cont li {
  height: 160px;
}
.extension .shareheader .cont .commission {
  width: 469px;
  background-color: #182330;
}
.extension .shareheader .cont .commission .h2 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
  padding-top: 45px;
}
.extension .shareheader .cont .commission .h2 .title {
  font-size: 36px;
  font-weight: 700;
}
.extension .shareheader .cont .commission .h2 .text {
  margin-top: 25px;
  font-size: 18px;
  color: #666;
}
.extension .shareheader .cont .share {
  width: 811px;
  background-color: #131c28;
}
.extension .shareheader .cont .share .list img {
  display: inline-block;
  width: 125px;
  height: 125px;
  margin-top: 18px;
  margin-left: 25px;
  margin-right: 25px;
}
.extension .shareheader .cont .share .list .title {
  font-size: 16px;
  color: #ccc;
  padding-top: 25px;
}
.extension .shareheader .cont .share .list span {
  font-size: 14px;
  color: #fff;
  padding-right: 100px;
}
.extension .shareheader .cont .share .list .burt {
  width: 119px;
  height: 31px;
  line-height: 31px;
  font-size: 14px;
  color: #fff;
  background-color: #3a80f4;
  border-radius: 4px;
  margin-top: 25px;
}
.extension .shareheader .cont .share .list .click {
  font-size: 14px;
  color: #3a80f4;
}
.extension .shareheader .cont .share .list .click2 {
  cursor: pointer;
}
.extension .mainheader {
  width: 1280px;
  margin: 0 auto;
}
.extension .mainheader .cont {
  width: 248px;
  font-size: 18px;
  color: #ccc;
  background-color: #131c28;
  margin: 0 auto 25px auto;
}
.extension .mainheader .cont .list {
  width: 49%;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  line-height: 38px;
}
.extension .mainheader .cont .avat {
  background-color: #182330;
  color: #3a80f4;
}
.extension .Commissiondetails,
.extension .Myfriends {
  padding-left: 25px;
  padding-right: 25px;
  width: 1280px;
  margin: 0 auto;
}
.extension .Commissiondetails .el-table,
.extension .Myfriends .el-table {
  background-color: #0a1017;
}
.extension .Commissiondetails .el-table th,
.extension .Myfriends .el-table th {
  background-color: #182330;
}
.extension .Commissiondetails .el-table--border:after,
.extension .Commissiondetails .el-table--group:after,
.extension .Commissiondetails .el-table:before,
.extension .Myfriends .el-table--border:after,
.extension .Myfriends .el-table--group:after,
.extension .Myfriends .el-table:before {
  background-color: #243141;
}
.extension .Commissiondetails .el-table td,
.extension .Commissiondetails .el-table th.is-leaf,
.extension .Myfriends .el-table td,
.extension .Myfriends .el-table th.is-leaf {
  border: none;
}
.withdrawal {
  width: 100%;
  min-width: 1280px;
}
.withdrawal .withdrawalmain {
  width: 1280px;
  margin: 0 auto;
  padding-top: 25px;
}
.withdrawal .withdrawalmain .add {
  border-radius: 4px;
  overflow: hidden;
  background: #182330;
}
.withdrawal .withdrawalmain .add .addtitle {
  height: 60px;
  color: #fff;
  font-size: 16px;
  line-height: 60px;
  text-indent: 45px;
  border-bottom: 1px solid #9b9b9b;
}
.withdrawal .withdrawalmain .add .fromadd {
  width: 680px;
  margin: 0 auto;
  padding-top: 25px;
}
.withdrawal .withdrawalmain .add .fromadd .el-button,
.withdrawal .withdrawalmain .add .fromadd .el-select {
  width: 100%;
}
.withdrawal .withdrawalmain .add .fromadd .el-form-item__label {
  color: #fff;
}
.withdrawal .withdrawalmain .withdrawallist {
  border-radius: 4px;
  overflow: hidden;
  background: #182330;
  margin-top: 25px;
  margin-bottom: 45px;
}
.withdrawal .withdrawalmain .withdrawallist .listtitle {
  height: 60px;
  color: #fff;
  font-size: 16px;
  line-height: 60px;
  text-indent: 45px;
  position: relative;
  border-bottom: 1px solid #9b9b9b;
}
.withdrawal .withdrawalmain .withdrawallist .listtitle:after {
  content: "";
  width: 2px;
  height: 16px;
  background-color: #3a80f4;
  position: absolute;
  top: 25px;
  left: 5px;
}
.withdrawal .withdrawalmain .withdrawallist .title {
  font-size: 16px;
  color: #999;
}
.withdrawal .withdrawalmain .withdrawallist .tedlist {
  font-size: 16px;
  color: #fff;
}
.withdrawal .withdrawalmain .withdrawallist .tedlist,
.withdrawal .withdrawalmain .withdrawallist .title {
  height: 60px;
  line-height: 60px;
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.withdrawal .withdrawalmain .withdrawallist .tedlist .list,
.withdrawal .withdrawalmain .withdrawallist .title .list {
  width: 25%;
}
.securitycenter {
  background-color: #242841;
  overflow: hidden;
}
.securitycenter .securitycentermain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
.securitycenter .securitycentermain .type {
  width: 100%;
  border-radius: 4px;
}
.securitycenter .securitycentermain .type .contt {
  width: 100%;
  margin: 0 auto;
}
.securitycenter .securitycentermain .type .contt .list {
  background-color: #242841;
  border-radius: 10px;
  margin-bottom: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 20px 15px 74px;
  background-image: url(../img/security-icon.963f28ef.png);
  background-size: 36px 36px;
  background-repeat: no-repeat;
  background-position: 20px 22px;
  height: 80px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.securitycenter .securitycentermain .type .contt .list .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.securitycenter .securitycentermain .type .contt .list .one {
  font-size: 16px;
  color: #fff;
  width: 200px;
  margin-bottom: 5px;
}
.securitycenter .securitycentermain .type .contt .list .two {
  font-size: 20px;
  width: 50px;
}
.securitycenter .securitycentermain .type .contt .list .two .el-icon-success {
  color: #3a80f4;
}
.securitycenter .securitycentermain .type .contt .list .two .el-icon-error {
  color: #e5282d;
}
.securitycenter .securitycentermain .type .contt .list .three {
  font-size: 14px;
  color: #666f80;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.securitycenter .securitycentermain .type .contt .list .four {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.securitycenter .securitycentermain .type .contt .list .four a {
  color: #3a80f4;
  cursor: pointer;
}
.securitycenter .securitycentermain .type .contt .list .four .error {
  color: #e5282d;
}
.securitycenter .securitycentermain .type .contt .list .four .arrow-right {
  width: 8px;
  margin-left: 7px;
}
.securitycenter .securitycenterlist {
  width: 1280px;
  margin: 25px auto;
  background-color: #182330;
  border-radius: 4px;
  padding: 25px;
}
.securitycenter .securitycenterlist .title {
  font-size: 20px;
  color: #fff;
}
.securitycenter .securitycenterlist .cont {
  margin-top: 20px;
}
.securitycenter .securitycenterlist .cont .el-table th,
.securitycenter .securitycenterlist .cont .el-table tr {
  background-color: #182330;
}
.securitycenter .securitycenterlist .cont .el-table thead th,
.securitycenter .securitycenterlist .cont .el-table thead tr {
  background-color: #131c28;
}
.primary {
  width: 100%;
  min-width: 1200px;
}
.primary .primarymain {
  width: 1200px;
  margin: 0 auto;
  background-color: #171b2a;
}
.primary .primarymain .type {
  border-radius: 4px;
  padding: 25px 15px;
  margin-bottom: 45px;
}
.primary .primarymain .type .title {
  font-size: 22px;
  color: #fff;
  line-height: 45px;
  border-bottom: 1px solid #243141;
}
.primary .primarymain .type .title p {
  display: inline-block;
  font-size: 14px;
  color: #999;
}
.primary .primarymain .type .title p span {
  margin-right: 20px;
}
.primary .primarymain .type .contt {
  width: 468.6px;
  margin: 52px auto;
}
.primary .primarymain .type .contt .el-button {
  width: 100%;
}
.primary .primarymain .type .contt label {
  color: #fff;
}
.primary .primarymain .type .contt .tips {
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  margin: 10px 0;
}
.senior {
  width: 100%;
  min-width: 1280px;
}
.senior .seniormain {
  width: 1280px;
  margin: 0 auto;
}
.senior .seniormain .type {
  background-color: #182330;
  border-radius: 4px;
  padding: 25px 15px;
  margin-bottom: 45px;
}
.senior .seniormain .type .title {
  font-size: 22px;
  color: #fff;
  line-height: 45px;
  border-bottom: 1px solid #243141;
}
.senior .seniormain .type .title p {
  display: inline-block;
  font-size: 14px;
  color: #999;
}
.senior .seniormain .type .title p span {
  margin-right: 20px;
}
.senior .seniormain .type .contt {
  width: 1060px;
  margin: 52px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.senior .seniormain .type .contt .list {
  width: 33%;
  text-align: center;
  position: relative;
}
.senior .seniormain .type .contt .list .h1 {
  font-size: 16px;
  color: #fff;
}
.senior .seniormain .type .contt .list .imglogo {
  width: 247px;
  height: 152px;
  display: inline-block;
  position: absolute;
  top: 50px;
}
.senior .seniormain .type .contt .list .img {
  width: 247px;
  height: 152px;
  display: inline-block;
  margin-top: 35px;
  margin-bottom: 16px;
  cursor: pointer;
}
.senior .seniormain .type .contt .list .img .el-upload,
.senior .seniormain .type .contt .list .img .el-upload__input {
  width: 100%;
  height: 100%;
}
.senior .seniormain .type .contt .list .img .el-upload__input img,
.senior .seniormain .type .contt .list .img .el-upload img {
  width: 247px;
  height: 152px;
  display: inline-block;
}
.senior .seniormain .type .contt .list .text {
  font-size: 16px;
  color: #666;
}
.senior .seniormain .type .but {
  width: 470px;
  margin: 0 auto;
}
.senior .seniormain .type .el-button {
  width: 100%;
}
.senior .seniormain .type .seniorfooter {
  margin-top: 35px;
  font-size: 14px;
  color: #999;
  text-align: center;
  line-height: 28px;
}
.google {
  width: 100%;
  min-width: 1200px;
}
.google .googlemain {
  width: 1200px;
  margin: 0 auto;
}
.google .googlemain .type {
  background-color: #171b2a;
  border-radius: 4px;
  padding: 25px 15px;
  margin-bottom: 45px;
}
.google .googlemain .type .title {
  font-size: 22px;
  color: #fff;
  line-height: 45px;
  border-bottom: 1px solid #243141;
}
.google .googlemain .type .title p {
  display: inline-block;
  font-size: 14px;
  color: #999;
}
.google .googlemain .type .title p span {
  margin-right: 20px;
}
.google .googlemain .type .contt {
  width: 840px;
  margin: 52px auto;
}
.google .googlemain .type .contt .list {
  width: 540px;
}
.google .googlemain .type .contt .list .h2 {
  font-size: 16px;
  color: #fff;
}
.google .googlemain .type .contt .list .h2 i {
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  background-color: #3a80f4;
  color: #efeff4;
}
.google .googlemain .type .contt .list p {
  margin-top: 32px;
  margin-bottom: 32px;
  font-size: 14px;
  color: #666;
}
.google .googlemain .type .contt .list .dolurl a img {
  width: 140px;
  height: 40px;
  display: inline-block;
}
.google .googlemain .type .contt .list .miyao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
.google .googlemain .type .contt .list .miyao h2 {
  margin-left: 50px;
}
.google .googlemain .type .contt .list .miyao h2 p {
  margin-top: 0;
  margin-bottom: 25px;
  color: #fff;
}
.google .googlemain .type .contt .list .miyao h3 {
  color: #3a80f4;
  font-size: 14px;
  margin-left: 25px;
  cursor: pointer;
}
.google .googlemain .type .contt .list .el-form {
  margin-top: 25px;
}
.google .googlemain .type .contt .list .el-button {
  width: 100%;
}
.securitycenterheader {
  width: 1200px;
  margin: 0 auto;
}
.securitycenterheader .security-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(61, 104, 238, 0.3)),
    to(#1f2b56)
  );
  background: linear-gradient(180deg, rgba(61, 104, 238, 0.3), #1f2b56);
  height: 80px;
  margin-bottom: 10px;
  margin-top: 20px;
  border-radius: 8px;
}
.securitycenterheader .security-title .headertile {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
}
.securitycenterheader .security-title img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 218px;
}
.securitycenterheader .security-container {
  width: 1200px;
  margin: 0 auto;
  background-color: #171b2a;
  border-radius: 8px;
  padding: 20px 160px;
}
.securitycenterheader .conit {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
.securitycenterheader .conit,
.securitycenterheader .conit .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}
.securitycenterheader .conit .list {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 80px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.securitycenterheader .conit .list a {
  line-height: 15px;
  color: #c6cae5;
  font-size: 15px;
}
.securitycenterheader .conit .list .icon {
  width: 16px;
  margin-top: 5px;
  display: none;
}
.securitycenterheader .conit .acvte a {
  color: #fff;
  position: relative;
}
.securitycenterheader .conit .acvte .icon {
  display: block !important;
}
.safe-level {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 30px;
}
.safe-level,
.safe-level .title-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.safe-level .title-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}
.safe-level .title-content .title {
  color: #fff;
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
}
.safe-level .title-content .level-text {
  color: #ec4a4a;
  margin-left: 30px;
}
.safe-level .el-progress-bar__outer {
  background-color: #242841;
}
.safe-level .tips {
  margin-top: 10px;
  font-weight: 400;
  font-size: 12px;
  color: #c6cae5;
}
.authentication {
  background-color: #242841;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.authentication .authenticationmain {
  width: 100%;
  margin: 0 auto;
}
.authentication .authenticationmain .type {
  background-color: #242841;
  border-radius: 4px;
  padding: 25px 15px;
  margin-bottom: 25px;
}
.authentication .authenticationmain .type .title {
  font-size: 14px;
  color: #999;
  line-height: 45px;
  border-bottom: 1px solid #243141;
}
.authentication .authenticationmain .type .contt {
  height: 545px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.authentication .authenticationmain .type .contt .list {
  width: 525px;
  height: 168px;
  background: #171b2a;
  border-radius: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.authentication .authenticationmain .type .contt .list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 45px 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}
.authentication .authenticationmain .type .contt .list img {
  width: 72px;
  height: 72px;
}
.authentication .authenticationmain .type .contt .list .two {
  width: 340px;
  margin-left: 15px;
}
.authentication .authenticationmain .type .contt .list .two h2 {
  font-size: 18px;
  color: #fff;
}
.authentication .authenticationmain .type .contt .list .two p {
  font-size: 16px;
  color: #666;
  line-height: 36px;
}
.authentication .authenticationmain .type .contt .list .three {
  font-size: 14px;
  color: #666;
  line-height: 75px;
}
.blackSelect {
  background: #161c2b !important;
  border-color: #262a43 !important;
}
.blackSelect .selected {
  background: #1d2237 !important;
  color: #fff !important;
}
.blackSelect .popper__arrow {
  opacity: 0;
}
.blackSelect .hover {
  background: #161c2b !important;
  border-color: #262a43 !important;
}
.fall {
  color: #e5282d !important;
}
.fallbackground {
  background-color: #e5282d !important; 
}
.risebackground {
  background-color: #03c087 !important;
}
.rise {
  color: #03c087 !important;
}

.el-message-box {
  width: 600px !important;
}
.el-message-box.captcha {
  width: 420px !important;
}
.el-tabs--border-card {
  border: none !important;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  background-color: #3a80f4 !important;
  color: #fff !important;
}
.el-tabs--border-card > .el-tabs__item {
  padding-right: 35px !important;
  padding-left: 35px !important;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  border-left: 0 solid !important;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 0 !important;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  background-color: #efeff4;
  color: #3a80f4 !important;
  border-bottom-color: #efeff4;
}
.el-message-box {
  background-color: #182330 !important;
  border: none !important;
}
.el-message-box .el-message-box__title {
  color: #fff !important;
}
.el-dialog {
  background-color: #182330 !important;
}
.el-dialog__title {
  color: #ccc !important;
}
.el-input__inner,
.el-textarea__inner {
  background-color: #131c28 !important;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif;
}
.el-pager li {
  background-color: transparent !important;
  color: #999;
}
.assetsdetailed .el-table,
.assetstotal .el-table,
.Myfriends .el-table,
.securitycenter .el-table,
.trade_list .el-table {
  color: #999;
  background-color: #0a1017;
}
.assetsdetailed .el-table th,
.assetsdetailed .el-table tr,
.assetstotal .el-table th,
.assetstotal .el-table tr,
.Myfriends .el-table th,
.Myfriends .el-table tr,
.securitycenter .el-table th,
.securitycenter .el-table tr,
.trade_list .el-table th,
.trade_list .el-table tr {
  background-color: #182330;
}
.assetsdetailed .el-table .ava,
.assetstotal .el-table .ava,
.Myfriends .el-table .ava,
.securitycenter .el-table .ava,
.trade_list .el-table .ava {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: #1b2945;
  border-radius: 50%;
  color: #fff;
  float: left;
  margin-right: 10px;
}
.assetsdetailed .el-table .name,
.assetstotal .el-table .name,
.Myfriends .el-table .name,
.securitycenter .el-table .name,
.trade_list .el-table .name {
  color: #fff;
  font-size: 16px;
  text-align: left;
}
.assetsdetailed .el-table .info,
.assetstotal .el-table .info,
.Myfriends .el-table .info,
.securitycenter .el-table .info,
.trade_list .el-table .info {
  font-size: 12px;
  text-align: left;
}
.assetsdetailed .el-table img,
.assetstotal .el-table img,
.Myfriends .el-table img,
.securitycenter .el-table img,
.trade_list .el-table img {
  margin-right: 10px;
}
.assetsdetailed .el-table--border:after,
.assetsdetailed .el-table--group:after,
.assetsdetailed .el-table:before,
.assetstotal .el-table--border:after,
.assetstotal .el-table--group:after,
.assetstotal .el-table:before,
.Myfriends .el-table--border:after,
.Myfriends .el-table--group:after,
.Myfriends .el-table:before,
.securitycenter .el-table--border:after,
.securitycenter .el-table--group:after,
.securitycenter .el-table:before,
.trade_list .el-table--border:after,
.trade_list .el-table--group:after,
.trade_list .el-table:before {
  background-color: #243141;
}
.assetsdetailed .el-table td,
.assetsdetailed .el-table th.is-leaf,
.assetstotal .el-table td,
.assetstotal .el-table th.is-leaf,
.Myfriends .el-table td,
.Myfriends .el-table th.is-leaf,
.securitycenter .el-table td,
.securitycenter .el-table th.is-leaf,
.trade_list .el-table td,
.trade_list .el-table th.is-leaf {
  border: none;
}
.assetsdetailed .el-table--enable-row-hover .el-table__body tr:hover > td,
.assetstotal .el-table--enable-row-hover .el-table__body tr:hover > td,
.Myfriends .el-table--enable-row-hover .el-table__body tr:hover > td,
.securitycenter .el-table--enable-row-hover .el-table__body tr:hover > td,
.trade_list .el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #243141;
}
.Order .el-table__header-wrapperr .el-table th,
.Order .el-table__header-wrapperr .el-table tr,
.Order .el-tabs--border-card > .el-tabs__header {
  background-color: #182330;
}
.Order .el-tabs__content {
  padding: 0 !important;
}
.captcha {
  position: relative;
}
.captcha .el-message-box__container {
  z-index: 1000;
}
.captcha img {
  position: absolute;
  top: 15px;
  right: 0;
  z-index: 100%;
}
.textleft {
  text-align: left;
}
.textcenter {
  text-align: center;
}
.textright {
  text-align: right;
}
.el-message {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.el-dropdown-menu.el-popper {
  background-color: #212436;
  border-color: #212436;
}
.el-dropdown-menu.el-popper .el-dropdown-menu__item,
.el-dropdown-menu.el-popper .el-dropdown-menu__item a,
.el-dropdown-menu.el-popper .el-dropdown-menu__item div,
.el-dropdown-menu.el-popper .el-dropdown-menu__item p {
  color: #c6cae5 !important;
}
.el-dropdown-menu.el-popper .el-dropdown-menu__item--divided {
  border: none;
}
.el-dropdown-menu.el-popper .el-dropdown-menu__item--divided:before {
  background-color: #171b2a;
}
.el-dropdown-menu.el-popper .el-dropdown-menu__item:hover {
  background-color: #212436;
}
.el-dropdown-menu.el-popper .popper__arrow:after {
  top: 0 !important;
  border-bottom-color: #212436 !important;
}
@font-face {
  font-family: Bold;
  src: url(../fonts/DIN-Bold.20720c3a.otf) format("opentype");
}
@font-face {
  font-family: Medium;
  src: url(../fonts/DIN-Medium.1bbe3460.otf) format("opentype");
}
@font-face {
  font-family: Regular;
  src: url(../fonts/DIN-Regular.799221d7.otf) format("opentype");
}
* {
  font-family: Bold, Medium, Regular, Arial, Helvetica, Sans-Serif !important;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
}
.el-table:before {
  display: none !important;
  height: 0;
}
body ::-webkit-scrollbar,
html ::-webkit-scrollbar {
  display: none;
}
.el-button--success {
  background-color: #03c087 !important;
  border-color: #03c087 !important;
}
.el-button--danger {
  background-color: #e5282d !important;
  border-color: #e5282d !important;
}
.my-wlc-center {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.my-wlc-center,
.my-wlc-center-v {
  position: absolute;
  left: 50%;
  z-index: 10;
}
.my-wlc-center-v {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.my-wlc-center-h {
  position: absolute;
  top: 50%;
  z-index: 10;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.app {
  background-color: #0a1017 !important;
}
.header-logo img {
  width: 150px;
}
.meeee {
  display: block;
}
.meeee,
.meeee:active {
  color: #222 !important;
}
.user_info {
  text-align: center;
  color: #22273d;
}
.user_info i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background-color: #ddd;
}
.black .headermain {
  background: #182330 !important;
}
.black .yuyan .el-dropdown {
  color: #fff !important;
}
.black .homemain {
  min-width: 1200px;
  margin: auto;
  background-color: #0a1017 !important;
  overflow: hidden;
  min-height: 70vh;
}
.black .loginmain {
  min-width: 1280px;
}
.black .footerhome {
  min-width: 1200px;
  background: #171b2a;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.black .footerhome,
.black .footerhome .my-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.black .footerhome .my-logo {
  margin: 40px auto;
}
.black .footerhome .my-logo img {
  width: 220px;
}
.black .footerhome .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.black .footerhome .links .line {
  height: 14px;
  width: 1px;
  background-color: #c6cae5;
}
.black .footerhome .links a {
  color: #c6cae5;
  font-size: 14px;
  width: 136px;
  text-align: center;
}
.black .footerhome .copyright {
  width: 100%;
  height: 36px;
  border-top: 1px solid #242841;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #c6cae5;
  font-size: 14px;
  line-height: 36px;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #171b2a;
  z-index: 9999999999;
}
.mask .box {
  width: 480px;
  height: 590px;
  margin: 200px auto;
  color: #fff;
  background-image: url(../img/box-bg.0164a267.png);
  background-size: 100% 100%;
  padding: 0 50px;
  text-align: center;
  position: relative;
}
.mask .box .close {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 50px;
  color: #fff;
}
.mask .box h2 {
  font-size: 50px;
  color: #fdd56c;
  line-height: 100px;
}
.mask .box input {
  width: 100%;
  height: 42px;
  padding: 0 20px;
  background: #101237;
  border-radius: 4px;
  margin-top: 100px;
  color: #fff;
}
.mask .box button {
  width: 200px;
  height: 58px;
  margin-top: 30px;
  background-color: transparent;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  color: #fff;
  font-size: 16px;
}
.mask .box p {
  text-align: left;
  margin-top: 10px;
}
.my-wlc-new {
  position: relative;
}
.my-wlc-new:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 40px;
  top: 18px;
  right: -40px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAASCAYAAAAzI3woAAADGUlEQVRIS82WaWhUVxTHf/fNZMzM6KSTjLhUin5QSYwN+sViPhQqihhFwQUxLrXYWJfYWJGCiru00rpgKi6kuC8xrmhasRWKpWnRgIgx+VKhBJNYTTKZTDIzWeZeeS/Oc5YEBVHmwPtw7zvn3B/n/M+7T5BkJvriaZqRNQaplimYDHwEDHhLdj9QK+A3NFGScb36UW/5EoCq5mbZhgbZI5VcAcLylhB9hKuwJrRD9XbWZZdVd0Y7xQDpMEMC6hcFk94NSGxWAbcbHGJaNFQMUPP0rGKp1Or3ARM5QxPip/Qb1YWRtQmka0ZJ+cBskxBog4ch/68DKXv8bf3QXG5k41M0zyBIscWwS28jWlo6sqUJOkLGO23gEKS/BULBnrVnMCrQZjw9psJC03IimnoFlJe5T0GReUKqg4yLlQROHSBYetjYtn48AefyDfhWzSRtfxnC7kS161rtsfbje3Hkr6az4haha6cM4PTSfwicP0zowlHQLLjP/41/+0q6qyrNOAH7M8pr1uobJlBjXmYVMCYeSPqaad1cQPhxdQJQ4HQxXZV3Yqpkn1eAZdRY2nYWGv4D1v9Ad+2/+Dd+gWVkNq4dJXjzcyEcjo575CmvyY4Hao0Z7ZcV8v/4Lfa5X+IrmoM1c1xMhUI3ztL18K6ZWD5vwDJ8FK5dx/AumIh94RpUKIB91ud4l35G6vR8rDrs90Yxos3vKa9xvRFQ0+zxOFdtQfma6bx3J7Zljv5RWoDWTctQbT4+OPkH/q1fGXHtB7fhWFRE8Opx7LOW0PnXLTp+v/JGQL22TAcS1hTSDlym4/Y1bLmTTQ311jL9JOfXO5HP6kmdNh/v4k9JnbkYze2h39R5tCzPQ7U0xgMltqypD1HrQPrEWHM+wbXtCOG6/14LZMudgrNwO133K2jb/Q2WEaNxfXcC+fSJ0fp461XUCWP/UkMRID2Jo2ADKTkTTCDtw+HQ3W3mD14sIXTpZ4SjP+5zFbQf2kHHzTJjdtxn/iT0aynB08VxPH2Mve6VVB9GHSjpro4IVNJcrtHNTZrfj4QReM8bLwDghnoijolPdgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
}
.header-logo img[data-v-459c0155] {
  width: 152px !important;
}
.my-logo[data-v-459c0155] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.my-logo img[data-v-459c0155] {
  width: 152px !important;
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, 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")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(var(--swiper-navigation-size) * -1 / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: normal;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #fff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: top 0.2s, -webkit-transform 0.2s;
  transition: top 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, top 0.2s;
  transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: left 0.2s, -webkit-transform 0.2s;
  transition: left 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, left 0.2s;
  transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s;
}
.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: right 0.2s, -webkit-transform 0.2s;
  transition: right 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, right 0.2s;
  transition: transform 0.2s, right 0.2s, -webkit-transform 0.2s;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #fff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s linear infinite;
  animation: swiper-preloader-spin 1s linear infinite;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}