.text-green {
  color: var(--color-funct-2) !important;
}
.text-red {
  color: var(--color-funct-3) !important;
}
.bold-text {
  font-weight: 600 !important;
}
.normal-text {
  font-weight: 400 !important;
}
.medium-text {
  font-weight: 500 !important;
}
.light-text {
  font-weight: 300 !important;
}
thead tr[role="row"], .react-table thead tr {
  height:auto;
}
.color-E64E62{
  color: #e62323;
}

body{
  width: calc(100% - (100% - 100vw));
}
#cloud-computing-root{
  min-width: 1280px;
  min-height: 1000px;
}
.classic-dark #cloud-computing-root{
  background: #151926 !important;
}
.icon-symbol {
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.container {
  width: 1200px !important;
  box-sizing: border-box;
}
html[lang="ar"] .container {
  transform: scaleX(-1);
}
@media (min-width: 1920px) {
  .container {
    width: 1440px !important;
  }
}

button[disabled]{
  /* background-color: transparent !important; */
  background-color: transparent;
}
.inner-content{width:1200px;margin:0 auto;position:relative}
.flex-col{display:flex;flex-direction:column}
.flex-row{display:flex;flex-direction:row}
.flex-row-between{display:flex;flex-direction:row;justify-content: space-between;}
.flex-row-al-cen{display: flex;flex-direction: row;align-items: center;}
.section6{margin:0;padding:0;border:1px solid transparent;outline:0;background-color:transparent}
.section6:active{opacity:.6}
.page *{box-sizing:border-box}
.page{box-sizing:border-box;z-index:1;position:relative;background-color:#fff;align-items:center}
.box1{z-index:auto;width:1200px;padding:80px 0px}
.info1{z-index:202;display:block;color:#333;font-size:32px;white-space:nowrap;line-height:45px;text-align:center}
.outer1{z-index:auto;justify-content:space-between;margin:64px 0 0 0}
.outer1 div{display: flex;flex-direction: column;align-items: center;}
.bd1{z-index:215;height:88px;width:88px;justify-content:flex-end;padding-bottom:21px;align-items:center}
.info2{z-index:249;width:11px;display:block;overflow-wrap:break-word;color:#fff;font-size:17px;font-family:Roboto-Regular;white-space:nowrap;line-height:20px;text-align:left}
.outer1 img{width:88px;height:88px;}
.outer2{z-index:auto;height:22px;justify-content:space-between;margin:16px 0 0 0}
.info3{z-index:207;display:block;overflow-wrap:break-word;color:#999;font-size:16px;font-family:PingFangSC-Regular;white-space:nowrap;line-height:22px;text-align:center}
.word1{z-index:208;display:block;overflow-wrap:break-word;color:#999;font-size:16px;font-family:PingFangSC-Regular;white-space:nowrap;line-height:22px;text-align:center}
.txt1{z-index:209;display:block;overflow-wrap:break-word;color:#999;font-size:16px;font-family:PingFangSC-Regular;white-space:nowrap;line-height:22px;text-align:center}
.txt2{z-index:211;display:block;overflow-wrap:break-word;color:#999;font-size:16px;font-family:PingFangSC-Regular;white-space:nowrap;line-height:22px;text-align:center}
.outer3{z-index:auto;width:245px;height:45px;justify-content:space-between;}
.main1{z-index:267;width:5px;height:32px;border-radius:0 2.5px 2.5px 0;background-color:var(--brandColor);margin-top:6px}
.word2{z-index:203;width:224px;display:block;overflow-wrap:break-word;color:#333;font-size:32px;font-family:PingFangSC-Medium;white-space:nowrap;line-height:45px;text-align:left}
.outer4{z-index:auto;width:1200px;margin:2px 0 0 0}
.mod1{z-index:auto;width:9px;height:202px;margin-top:69px}
.outer5{display: inline-block; margin-right: 10px;z-index:250;width:9px;height:9px;background-color:var(--brandColor);border-radius:50%}
.outer6{z-index:252;width:9px;height:9px;background-color:var(--brandColor);border-radius:50%;margin-top:41px}
.outer7{z-index:254;width:9px;height:9px;background-color:var(--brandColor);border-radius:50%;margin-top:37px}
.outer8{z-index:256;width:9px;height:9px;background-color:var(--brandColor);border-radius:50%;margin-top:41px}
.outer9{z-index:258;width:9px;height:9px;background-color:var(--brandColor);border-radius:50%;margin-top:38px}
.mod2{z-index:auto;width:608px;margin:6px 0 0 12px}
.info4{z-index:210;width:168px;display:block;overflow-wrap:break-word;color:#666;font-size:14px;font-family:PingFangSC-Regular;white-space:nowrap;line-height:20px;text-align:left;align-self:flex-start}
.infoBox1{z-index:199;width:608px;display:block;overflow-wrap:break-word;color:#333;font-size:16px;font-family:PingFangSC-Regular;line-height:48px;text-align:left;margin-top:24px;text-overflow:ellipsis}
.mod3{z-index:179;height:225px;border-radius:10px;background-color:#fff;box-shadow:0 0 19px 0 #e7eef4;margin-left:80px;width:207px;display: flex; flex-direction: column; justify-content:center;align-items:center;}
.bd2{z-index:auto;width:160px;height:176px}
.bd3{z-index:180;height:48px;align-self:center;width:48px;justify-content:center;align-items:center}
.bd3 .icon-48{margin-top:0}
.label1{z-index:181;width:20px;height:24px}
.bd4{z-index:189;width:160px;height:20px;border-radius:2px;background-color:#f2f6fa;margin-top:22px}
.bd5{z-index:188;width:160px;height:20px;border-radius:2px;background-color:#f2f6fa;margin-top:11px}
.bd6{z-index:186;padding: 5px 0px ;border-radius:21px;background-color:#69a0a9;margin-top:21px;width:160px;justify-content:center;align-items:center;}
.word3{z-index:187;display:block;overflow-wrap:break-word;color:#fff;font-size:14px;font-family:PingFangSC-Regular;line-height:20px;text-align:center}
.mod4{z-index:auto;width:189px;height:257px;margin:14px 0 0 2px}
.section1{z-index:178;width:71px;height:2px;align-self:flex-start;margin-left:12px}
.section2{z-index:198;width:1px;height:22px;align-self:flex-start;margin:3px 0 0 79px}
.section3{z-index:190;width:189px;height:226px;border-radius:10px;background-color:#fff;box-shadow:0 0 19px 0 #d0dbe6;margin-top:4px}
.pic1{z-index:133;width:1423px;height:560px;margin-top:1624px}
.img4{z-index:5;position:absolute;left:1px;top:0;width:894px;height:61px}
.box2{z-index:3;height:60px;background-color:#004450;width:1920px;align-items:flex-end;position:absolute;left:1px;top:1px}
.img5{z-index:4;width:294px;height:60px}
.box3{z-index:6;background-color:#000;width:100%;  width: 100%;
  height: 260px;
  background: url('/images/cloud_computing/intro-header.png') no-repeat;
  background-size: 100% 100%;}
.box3-innner{width:1200px;margin:0 auto}
.box4{z-index:auto;height:93px;justify-content:space-between}
.word4{z-index:201;width:200px;display:block;overflow-wrap:break-word;color:#fff;font-size:40px;font-family:PingFangSC-Semibold;white-space:nowrap;line-height:56px;text-align:left;margin-top:30px}
.box6{z-index:auto;width:292px;height:20px}
.info5{z-index:200;width:292px;display:block;overflow-wrap:break-word;color:#7d8aa2;font-size:14px;letter-spacing:3.133333444595337px;font-family:PingFangSC-Regular;white-space:nowrap;line-height:20px;text-align:left}
.box7{z-index:auto;width:40px;height:40px;margin:16px 0 0 0}
.label2{z-index:212;width:40px;height:40px}
.box8{z-index:43;height:276px;background-color:#f7f7f7;width:100%;justify-content:flex-start;align-items:center;position: relative;}
.pic2{z-index:124;width:101px;height:35px;align-self:center}
.txt3{z-index:130;display:block;overflow-wrap:break-word;color:#333;font-size:32px;font-family:PingFangSC-Medium;line-height:45px;text-align:center;margin-top:48px}
.word5{z-index:131;display:block;overflow-wrap:break-word;color:#666;font-size:14px;font-family:PingFangSC-Regular;line-height:20px;text-align:center;align-self:center;margin-top:16px}
.box9{z-index:45;height:96px;border-radius:8px;background-color:#fff;box-shadow:0 0 22px 0 #ebf0f6;width:480px;justify-content:center;align-items:center;position:absolute;left:calc(50% - 500px);top:228px}
.box10{z-index:63;height:96px;border-radius:8px;background-color:#fff;box-shadow:0 0 22px 0 #ebf0f6;width:480px;justify-content:center;align-items:center;position:absolute;right:calc(50% - 500px);top:228px}
.layer1{z-index:auto;height:32px;}
.icon1{z-index:47;width:32px;height:32px}
.word6{z-index:62;display:block;overflow-wrap:break-word;color:#333;font-size:20px;font-family:PingFangSC-Medium;white-space:nowrap;line-height:28px;text-align:left;margin-top:2px}
.main2{z-index:auto;height:32px;justify-content:space-between}
.label3{z-index:65;width:32px;height:32px}
.word7{z-index:74;display:block;overflow-wrap:break-word;color:#333;font-size:20px;font-family:PingFangSC-Medium;white-space:nowrap;line-height:28px;text-align:left;margin-top:2px}
.box11{z-index:192;height:226px;border-radius:10px;background-color:#fff;width:215px;justify-content:flex-end;padding-bottom:23px;align-items:center}
.block1{z-index:auto;width:168px;height:177px;align-items: center;}
.info6{z-index:193;width:94px;display:block;overflow-wrap:break-word;color:var(--brandColor);font-size:32px;white-space:nowrap;line-height:42px;text-align:center;}
.section4{z-index:197;width:168px;height:20px;border-radius:2px;background-color:#f2f6fa;margin-top:21px}
.section5{z-index:196;width:168px;height:20px;border-radius:2px;background-color:#f2f6fa;margin-top:11px}
.section6{z-index:194;border-radius:21px;padding: 5px 0;background-color:#dc7577;margin-top:21px;width:168px;justify-content:center;align-items:center}
.word8{z-index:195;display:block;overflow-wrap:break-word;color:#fff;font-size:14px;font-family:PingFangSC-Regular;line-height:20px;text-align:center}
.box12{z-index:75;background-color:#f7f7f7;justify-content:center;align-items:center;width:100%;padding: 80px 0;}
.layer2{z-index:auto;width:1199px;}
.block2{z-index:268;width:5px;height:32px;border-radius:0 2.5px 2.5px 0;background-color:var(--brandColor);margin-top:7px}
.block3{z-index:auto;width:514px;margin-left:16px}
.word9{z-index:204;width:600px;display:block;overflow-wrap:break-word;color:#333;font-size:32px;font-family:PingFangSC-Medium;line-height:45px;text-align:left;align-self:flex-start}
.outer11{z-index:auto;width:128px;height:32px;margin-top:32px;justify-content:space-between}
.icon2{z-index:107;width:32px;height:32px}
.info7{z-index:122;width:80px;display:block;overflow-wrap:break-word;color:#333;font-size:20px;font-family:PingFangSC-Medium;white-space:nowrap;line-height:28px;text-align:left;margin-top:2px}
.word10{z-index:265;width:466px;display:block;overflow-wrap:break-word;color:#666;font-size:12px;font-family:PingFangSC-Regular;line-height:24px;text-align:left;align-self:flex-end;margin-top:6px;text-overflow:ellipsis}
.outer12{z-index:auto;width:108px;height:32px;margin-top:32px;justify-content:space-between}
.label4{z-index:273;width:32px;height:32px}
.info8{z-index:123;width:60px;display:block;overflow-wrap:break-word;color:#333;font-size:20px;font-family:PingFangSC-Medium;white-space:nowrap;line-height:28px;text-align:left;margin-top:2px}
.txt4{z-index:266;width:466px;display:block;overflow-wrap:break-word;color:#666;font-size:12px;font-family:PingFangSC-Regular;line-height:24px;text-align:left;align-self:flex-end;margin-top:7px;text-overflow:ellipsis}
.block4{z-index:79;height:405px;border-radius:10px;background-color:#fff;box-shadow:0 0 25px 0 #f5f5f5;width:518px;justify-content:flex-start;align-items:flex-start;margin:1px 0 0 146px;padding:20px 0 0 47px}
.outer13{z-index:auto;width:260px;height:360px}
.info9{z-index:101;display:block;overflow-wrap:break-word;color:#000;font-size:16px;font-family:PingFangSC-Regular;white-space:nowrap;line-height:22px;width: 100%;text-align:center;}
.box13{z-index:auto;width:186px;height:23px;justify-content:space-between;margin:35px 0 0 11px}
.word11{z-index:82;width:150px;display:block;overflow-wrap:break-word;color:#868686;font-size:14px;font-family:PingFangSC-Regular;line-height:20px;text-align:left}
.info10{z-index:88;width:28px;display:block;overflow-wrap:break-word;color:#487e88;font-size:14px;font-family:PingFangSC-Light;white-space:nowrap;line-height:20px;text-align:left;margin-top:3px}
.box14{z-index:103;width:260px;height:1px;margin-top:18px}
.box15{z-index:auto;width:186px;height:20px;justify-content:space-between;margin:17px 0 0 11px}
.word12{z-index:87;width:150px;display:block;overflow-wrap:break-word;color:#868686;font-size:14px;font-family:PingFangSC-Regular;line-height:20px;text-align:left}
.word13{z-index:89;width:28px;display:block;overflow-wrap:break-word;color:#487e88;font-size:14px;font-family:PingFangSC-Light;white-space:nowrap;line-height:20px;text-align:left}
.box16{z-index:102;width:260px;height:1px;margin-top:18px}
.box17{z-index:auto;width:186px;height:20px;justify-content:space-between;margin:17px 0 0 11px}
.info11{z-index:86;width:150px;display:block;overflow-wrap:break-word;color:#868686;font-size:14px;font-family:PingFangSC-Regular;line-height:20px;text-align:left}
.word14{z-index:90;width:28px;display:block;overflow-wrap:break-word;color:#487e88;font-size:14px;font-family:PingFangSC-Light;white-space:nowrap;line-height:20px;text-align:left}
.box18{z-index:104;width:260px;height:1px;margin-top:18px}
.box19{z-index:auto;width:186px;height:20px;justify-content:space-between;margin:17px 0 0 11px}
.info12{z-index:85;width:150px;display:block;overflow-wrap:break-word;color:#868686;font-size:14px;font-family:PingFangSC-Regular;line-height:20px;text-align:left}
.word15{z-index:91;width:28px;display:block;overflow-wrap:break-word;color:#487e88;font-size:14px;font-family:PingFangSC-Light;white-space:nowrap;line-height:20px;text-align:left}
.box20{z-index:105;width:260px;height:1px;margin-top:18px}
.box21{z-index:auto;width:177px;height:20px;justify-content:space-between;margin:17px 0 0 11px}
.info13{z-index:83;width:150px;display:block;overflow-wrap:break-word;color:#868686;font-size:14px;font-family:PingFangSC-Regular;line-height:20px;text-align:left}
.info14{z-index:96;width:14px;display:block;overflow-wrap:break-word;color:#487e88;font-size:14px;font-family:PingFangSC-Light;white-space:nowrap;line-height:20px;text-align:left}
.box22{z-index:106;width:260px;height:1px;margin-top:18px}
.box23{z-index:auto;width:177px;height:20px;justify-content:space-between;margin:17px 0 0 11px}
.txt5{z-index:84;width:150px;display:block;overflow-wrap:break-word;color:#868686;font-size:14px;font-family:PingFangSC-Regular;line-height:20px;text-align:left}
.txt6{z-index:97;width:14px;display:block;overflow-wrap:break-word;color:#487e88;font-size:14px;font-family:PingFangSC-Light;white-space:nowrap;line-height:20px;text-align:left}
.layer3{z-index:81;height:62px;border-radius:5px;background-color:var(--brandColor);width:166px;justify-content:center;align-items:center;position:relative;top:-20px}
.txt7{z-index:100;display:block;overflow-wrap:break-word;color:#fff;font-size:16px;font-family:PingFangSC-Medium;white-space:nowrap;line-height:22px;text-align:left}
.layer4{z-index:80;height:405px;border-radius:1px;border-width:1px;border:1px solid #f9eeee;background-color:#fff;box-shadow:0 0 28px 0 rgba(238,234,234,.5);width:166px;justify-content:flex-end;padding-bottom:24px;align-items:center;position:absolute;left:1000px;top:0}
.layer5{z-index:auto;width:42px;height:300px}
.txt8{z-index:92;width:42px;display:block;overflow-wrap:break-word;color:#000;font-size:14px;font-family:PingFangSC-Semibold;white-space:nowrap;line-height:20px;text-align:left}
.word16{z-index:93;width:42px;display:block;overflow-wrap:break-word;color:#000;font-size:14px;font-family:PingFangSC-Semibold;white-space:nowrap;line-height:20px;text-align:left;margin-top:36px}
.info15{z-index:94;width:42px;display:block;overflow-wrap:break-word;color:#000;font-size:14px;font-family:PingFangSC-Semibold;white-space:nowrap;line-height:20px;text-align:left;margin-top:36px}
.word17{z-index:95;width:42px;display:block;overflow-wrap:break-word;color:#000;font-size:14px;font-family:PingFangSC-Semibold;white-space:nowrap;line-height:20px;text-align:left;margin-top:36px}
.info16{z-index:98;display:block;overflow-wrap:break-word;color:#000;font-size:14px;font-family:PingFangSC-Semibold;white-space:nowrap;line-height:20px;text-align:left;align-self:center;margin-top:36px}
.txt9{z-index:99;display:block;overflow-wrap:break-word;color:#000;font-size:14px;font-family:PingFangSC-Semibold;white-space:nowrap;line-height:20px;text-align:left;align-self:center;margin-top:36px}
.box24{z-index:42;height:414px;background-color:#2b364a;width:100%;}
.section7{z-index:auto;height:45px;margin:80px auto 0 auto}
.word18{z-index:206;display:block;overflow-wrap:break-word;color:#fff;font-size:32px;font-family:PingFangSC-Medium;white-space:nowrap;line-height:45px;text-align:center}
.section8{z-index:auto;height:58px;margin:56px 0 0 188px}
.outer14{z-index:174;width:1px;height:58px;}
.word19{z-index:136;width:400px;display:block;overflow-wrap:break-word;color:#fff;font-size:16px;font-family:PingFangSC-Regular;line-height:22px;text-align:left;}
.outer15{z-index:175;width:1px;height:58px;;margin-left:333px}
.word20{z-index:137;width:500px;display:block;overflow-wrap:break-word;color:#fff;font-size:16px;font-family:PingFangSC-Regular;line-height:22px;text-align:left;margin:1px 0 0 200px}
.section9{z-index:auto;width:850px;height:31px;margin-left:500px;justify-content:space-between}
.wrap1{z-index:140;width:26px;height:31px;}
.wrap2{z-index:156;width:26px;height:31px;}
.wrap3{z-index:148;width:26px;height:31px;}
.wrap4{z-index:164;width:26px;height:31px;}
.section10{z-index:auto;width:764px;height:62px;margin-left:457px}
.mod5{z-index:172;width:2px;height:62px;}
.word21{z-index:138;width:144px;display:block;overflow-wrap:break-word;color:#fff;font-size:16px;font-family:PingFangSC-Regular;white-space:nowrap;line-height:22px;text-align:left;margin:32px 0 0 0}
.mod6{z-index:176;width:1px;height:62px;margin-left:384px}
.word22{z-index:139;width:192px;display:block;overflow-wrap:break-word;color:var(--brandColor);font-size:16px;font-family:PingFangSC-Regular;white-space:nowrap;line-height:22px;text-align:left;margin:32px 0 0 0px}
.section11{z-index:173;position:absolute;left:320px;top:254px;width:1276px;height:1px;}
.box25{z-index:76;width:100%;background-color: #FAFAFB;padding-bottom: 80px;}
.outer16{z-index:auto;width:437px;height:45px;justify-content:space-between;margin:80px 0 0 0}
.mod7{z-index:269;width:5px;height:32px;border-radius:0 2.5px 2.5px 0;background-color:var(--brandColor);margin-top:7px}
.word23{z-index:205;width:416px;display:block;overflow-wrap:break-word;color:#333;font-size:32px;font-family:PingFangSC-Medium;white-space:nowrap;line-height:45px;text-align:left}
.outer17{z-index:auto;width:1200px;height:351px;margin:8px 0 0 0}
.box26{z-index:auto;width:9px;height:250px;margin-top:81px}
.block5{z-index:251;width:9px;height:9px;background-color:var(--brandColor);border-radius:50%}
.block6{z-index:253;width:9px;height:9px;background-color:var(--brandColor);border-radius:50%;margin-top:41px}
.block7{z-index:255;width:9px;height:9px;background-color:var(--brandColor);border-radius:50%;margin-top:37px}
.block8{z-index:257;width:9px;height:9px;background-color:var(--brandColor);border-radius:50%;margin-top:41px}
.block9{z-index:259;width:9px;height:9px;background-color:var(--brandColor);border-radius:50%;margin-top:38px}
.block10{z-index:260;width:9px;height:9px;background-color:var(--brandColor);border-radius:50%;margin-top:39px}
.box27{z-index:auto;width:603px;height:351px;margin-left:12px}
.word24{z-index:270;width:603px;display:block;overflow-wrap:break-word;color:#333;font-size:14px;white-space:nowrap;line-height:20px;text-align:left}
.group1{z-index:auto;width:148px;height:291px;margin-top:40px}
.paragraph1{z-index:261;width:51px;height:288px;display:block;overflow-wrap:break-word;color:#000;font-size:15px;line-height:48px;text-align:left;margin-top:1px;text-overflow:ellipsis}
.paragraph2{z-index:264;width:10px;height:288px;display:block;overflow-wrap:break-word;color:#868686;font-size:16px;font-family:Roboto-Regular;line-height:48px;text-align:left;text-overflow:ellipsis;margin:3px 0 0 11px}
.infoBox2{z-index:263;width:74px;height:288px;display:block;overflow-wrap:break-word;color:#868686;font-size:16px;line-height:48px;text-align:left;margin-left:5px;text-overflow:ellipsis}
.img6{z-index:271;width:406px;height:320px;margin:15px 0 0 160px}
.infoBox3{z-index:262;position:absolute;left:103px;top:193px;height:288px;display:block;overflow-wrap:break-word;color:#000;font-size:16px;line-height:48px;text-align:left;text-overflow:ellipsis}
.box28{z-index:134;position:absolute;left:1px;top:3530px;width:1920px;height:57px;background-color:#004450}

.fs12{
  font-size: 12px;
}
.fs14{
  font-size: 14px;
}
.fs16{
  font-size: 16px;
}
.fs18{
  font-size: 18px;
}
.fs20{
  font-size: 20px;
}
.fs24{
  font-size: 20px;
}
.fs33{
  font-size: 33px;
}
.fs40{
  font-size: 40px;
}
.ml16{
  margin-left: 16px;
}
.ml80{margin-left: 80px;}
.ml70{margin-left: 70px;}
.mt24{
  margin-top: 24px;
}
.mt16{
  margin-top: 16px;
}
.mt32{
  margin-top: 32px;
}
.mt10{
  margin-top: 10px;
}
.mt8{
  margin-top: 8px;
}
.cp{
  cursor: pointer;
}
.font-blod{
  font-weight: bold;
}
.cna{
  cursor: not-allowed;
}
.clound-home{
  width: 100%;
  /* height: 100%; */
}
.clound-home-banner{
  width: 100%;
  height: 490px;
  background-image: url('/images/cloud_computing/cloud-home-banner.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  
  position: relative;
  margin-top: -64px;
}
html[lang="ar"] .clound-home-banner{
  transform: scaleX(-1);
}
.clound-home-banner.my-cloud-mining{
  margin-top: 0;
  height: 0;
}
.header-bottom.my-cloud-mining{
  position: relative;
}
.classic-dark .clound-home-banner{
  background-image: url('/images/cloud_computing/cloud-home-banner-dark.jpg');
}

.clound-home-text{
  width: 1200px ;
  margin: 0 auto;
  display: flex;
  padding-top: 164px;
}
.clound-home-text.my-cloud-mining {
  display: none;
}
.text-left h1{
  font-size: 52px;
  color: #04091A;
  line-height: 52px;
}
.classic-dark .text-left h1 {
  color: #FFFFFF;
}
.text-left p{
  font-weight: 400;
  font-size: 16px;
  width: 420px;
  height: 17px;
  color: #565D73;
  margin: 24px 0 32px 0;
}
.classic-dark .text-left p {
  color: #989FB3;
}
.text-left button{
  padding: 12px 24px;
  border: none;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
  background: var(--brandColor);
  border-radius: 4px;
}
/* .text-left button:hover{
  background: var(--linearGradient1);
} */
.header-bottom {
  height: 63px;
  color: #fff;
  font-size: 16px;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(8px);
  border-top: 1px solid #FFFFFF;
}
.classic-dark .header-bottom {
  background: rgba(255, 255, 255, 0.06) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(4px);
}
.header-bottom-help {
  height: 100%;
  margin: 0 auto;
  width: 1200px;
  justify-content: space-between;
}
.header-bottom.my-cloud-mining {
  background: #FBFCFF;
  box-shadow: 0px 4px 8px rgba(70, 100, 140, 0.08);
}
.classic-dark .header-bottom.my-cloud-mining {
  box-shadow: none;
}

.header-tabs-r {
  cursor: pointer;
  color: #04091A;
}
.header-tabs-r:hover {
  /* color: var(--btn-color-1) !important; */
  color: var(--color-brand-1) !important;
}
.classic-dark .header-tabs-r {
  color: #FFFFFF;
}
.header-tabs li.tab-item {
  margin: 0 30px;
  height: calc(64px - 4px);
  line-height: calc(64px - 4px);
  font-weight: 500;
  cursor: pointer;
  border-bottom: 4px solid transparent;
  /* color: #B8BDCC; */
  color: #04091A;
}
.classic-dark .header-tabs li.tab-item {
  color: #FFFFFF;
  border-bottom: 4px solid transparent;
}
.header-tabs {
  height: 100%;
}
.header-tabs li.tab-item.active {
  color: #04091A;
  border-bottom: 4px solid #17E6A1;
}
.classic-dark .header-tabs li.tab-item.active {
  color: #FFFFFF;
}

.header-tabs li.tab-item:first-child {
  margin-left: 0;
}
.home-card-window{
  width: 1200px;
  /* height: 1140px; */
  margin: 0 auto;
  margin-top: 48px;
  /* overflow: hidden; */
  position: relative;
}
.home-card-content{
  height: 1100px;
  display: flex;
  flex-direction: row;
  position: absolute;
  -webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 300ms cubic-bezier(.02, .01, .47, 1);
}
.home-card-content-item{
  height: 1100px;
  width: 1200px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 40px;
}
.card-primer:hover {
  box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);
  transform: translate(0,-5px);
  transition-delay: 0s !important;
}

.cloud-card-shadow {
  -webkit-box-shadow: 0 0.25rem 1rem rgba(48, 55, 66, 0.15);
  box-shadow: 0 4px 16px rgba(48, 55, 66, 0.15);
}
.card-primer{
  width: 23.75%;
  height: 530px;
  background: #FFFFFF;
  box-shadow: 0px 0px 40px 0px #F3F3F3;
  border-radius: 10px;
  margin-top: 20px;
  text-align: center;
  -webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 250ms cubic-bezier(.02, .01, .47, 1);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  z-index: 1;
}
.card-primer:not(:nth-child(4n)) {
  margin-right: calc(5% / 3);
}
.card-btc{
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  line-height: 25px;
  margin: 23px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-btc img{
  margin: 0 10px 0 0px;

  vertical-align:sub;

}



.card-btcs{
  /* width: 113px; */
height: 16px;
font-size: 14px;
font-weight: 400;
color: #909090;
line-height: 16px;
margin: 10px 0 0 0;
}

.card-primer h1{
height: 55px;
font-size: 47px;

font-weight: bold;
color: #e62323;
line-height: 55px;
margin: 27px 0 0 0;
}

.card-static{
  /* width: 84px; */
height: 17px;
font-size: 12px;
font-weight: 400;
color: #909090;
line-height: 17px;
margin: 10px 0 0 0;
}
.card-p{
  width: 240px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  margin: 0 auto;
  margin-top: 17px;
}
.card-p span{
  font-weight: 500;
  line-height: 17px;
}
.card-span{
  margin-left: 0;
  display: inline-block;
  font-weight: 400;
  color: #909090 ;
  line-height: 25px;
}
.card-level{
  width: 90px;
  height: 34px;
  background: var(--brandColor);
  border-radius: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 34px;
  border: none;
  margin: 0 auto;
  margin-top: 25px;
  position: relative;
}
.card-divi{
  width: 221px;
  height: 1px;
  background-color: #F4F4F4;
  position: absolute;
  top: 50%;
  left: calc(50% - 110px);
  z-index: -5;
}
.card-btns{
  width: 245px;
height: 48px;
background: var(--brandColor);
border-radius: 5px;

font-size: 14px;
font-weight: 400;
color: #FFFFFF;
line-height: 48px;
border: none;
margin: 19px  0 0 0;
}
.card-line{
  width: 240px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.line-lines{
  width: 130px;
  height: 4px;
  background: #ECECEC;
  border-radius: 2px;
  margin:10px 0 0 0px;

}
.line-red{
height: 4px;
background: var(--brandColor);
border-radius: 2px;
/* margin:10px 0 0 -158px; */

position: absolute;
top: 10px;

}
.card-line span{
  margin-left: 5px;
  text-align: right;
  height: 37px;
  font-size: 14px;
  font-weight: 400;
  color: #909090;
  line-height: 23px;
}

.table-action {
  font-family: 'Alibaba PuHuiTi';
  font-size: 15px;
  color: #04091A;
  width: 100%;
}
.countdown-title {
  color: #8D93A6;
  margin-bottom: 8px;
}
.classic-dark .countdown-title {
  color: #4D5366;
}
.classic-dark .countdown-content {
  color: #FFFFFF;
}



.active h1{
  color: #B8B8B8 ;
  height: 55px;
font-size: 47px;

font-weight: bold;

line-height: 55px;
margin: 27px 0 0 0;
}
.active .line-lines{
  width: 155px;
  height: 4px;
  background: #ECECEC;
  border-radius: 2px;
  margin:10px 0 0 31px;
}
.card_btns{

  width: 245px;
height: 48px;
background: #FFFFFF;
border-radius: 5px;
border: 1px solid #EDEDED;
margin: 19px  0 0 0;
color: #B8B8B8;
}
.home-content{
  text-align: center;
  margin: 88px auto 0 auto;
}

.home-content h2{
height: 48px;
font-size: 34px;
font-weight: 500;
color: #000000;
line-height: 48px;
padding: 73px 0 0 0;
}

.content-dl{
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /* padding-bottom: 80px; */
}
.content-dl .image-container {
  display: flex;
}
.content-dl .image-container img {
  width: 140px;
  height: 140px;
}
.content-dl dl dt{
  margin: 0 auto;
}
.content-dl dl{
  box-sizing: border-box;
  text-align: center;
  width: calc(100% / 4);
}

.content-dl dl {
  padding-right: 18px;
}

.content-dd{
  height: 30px ;
  text-align: left;
  font-size: 24px ;
  font-weight: 500 ;
  color: #000000 ;
  line-height: 25px ;
  margin: 64px 0 0 0 ;
  padding-bottom: 15px;
}
.classic-dark .content-dd {
  color: #FFFFFF;
}
.content-dd-1{
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #4D5368;
  line-height: 24px;
}
.classic-dark .content-dd-1 {
  color: #FFFFFF;
}
.home-list{
  width: 100%;
  text-align: center;
  padding-bottom: 80px;
  margin: 0 auto;
}
.home-list h1{
  padding: 79px 0 0 0;
  font-size: 48px;
  margin-bottom: 60px;
}
.home-list select{
  display: block;
  margin-top: 50px;
}
.home-list ul{
  width: 1200px;
  margin: 0 auto;
  margin-top: 81px;


}
.home-list ul img{
position: absolute;
right: 10px;
top: 15px;
}

.home-list ul li{
  width: 98%;
/* height: 55px; */
background: #FFFFFF;
box-shadow: 0px 0px 40px 0px #F3F3F3;
border-radius: 5px;
border: 1px solid #F0F0F0;
line-height: 55px;
margin: 10px 0 0  0;
text-align: left !important;


font-size: 16px;
font-weight: 400;
color: #000000;

padding-left: 25px;
position: relative;


}
.list-li{
  width: 1200px;
/* height: 105px !important; */
background: #FFFFFF;
box-shadow: 0px 0px 40px 0px #F3F3F3;
border-radius: 5px;
border: 1px solid #F0F0F0;
padding-bottom: 40px;
}
.home-list ul li p{
  /* width: 364px; */
height: 20px;
font-size: 14px;
font-weight: 400;
color: #6B6B6B;
line-height: 20px;
}
.faq-numbe-back{
  background: #F0F0F0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  width: 32px;
  height: 25px;
}

.faq-content-center {
  width: 1200px;
  margin: 0 auto;
}
.faq-item {
  /* border-bottom: 1px solid var(--divider-color-1) !important; */
  border-bottom: 1px solid var(--color-divider-1) !important;
  padding: 35px 0px;
}

.faq-item-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.faq-item-title-text {
  font-size: 24px;
  line-height: 29px;
  color: #1B1C31;
}
.classic-dark .faq-item-title-text {
  color: #FFFFFF;
}
.icon-arrow-up-dir {
  color: #04091A;
  width: 20px;
  height: 20px;
  transition: .2s all ease-in-out;
  transform: rotate(180deg);
}
.classic-dark .icon-arrow-up-dir {
  color: #FFFFFF;
}
.icon-arrow-up-dir:hover {
  color: var(--color-brand-1);
  /* transform: rotate(0deg); */
}
.icon-arrow-up-dir.active {
  color: var(--color-brand-1);
  transform: rotate(0deg);
}


.faq-item-text {
  /* padding-top: 12px; */
  text-align: left;
  font-family: 'Uni Neue';
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.004em;
  color: #565D73;
}
.faq-expand-btn {
  width: 1200px;
  margin: 24px auto 60px auto;
  color: var(--color-brand-1);
  font-size: 20px;
  text-align: left;
}
.icon-up {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  left: 3px;
  border-color: transparent transparent #B0AFB1 transparent;
  top: -7px
}

.icon-down {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  left: 3px;
  border-color: #B0AFB1 transparent transparent transparent;
  top: 7px
}
.cloud-buy{
  padding-top: 96px;
  background-image: url('/images/cloud_computing/home-background.png');
  background-reapet: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-top: -63px;
  padding-bottom: 140px;
}
.classic-dark .cloud-buy {
  background-image: url('/images/cloud_computing/home-background-dark.png');
}

.go-back{
  padding: 9px 14px;
  background-color: rgb(35, 84, 230, 0.1);
  border-radius: 16px;
  color: var(--brandColor);
  width: fit-content;
  width:-moz-fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cloud-detail{
  padding: 32px;
  box-shadow: 0px 0px 31px 0px #EFF2F3;
  border-radius: 16px;
  margin-top: 32px;
}
.cloud-detail-title{
  display: flex;
  flex-direction: row;
  font-size: 20px;
  font-weight: bold;
}
.cloud-detail-row{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 51px;
}
.cloud-row-left{
  width: 736px;

}
.row-left-top{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.profit-rate{
  color: #e62323;
  font-size: 40px;
}
.gray-text{
  color: #999999;
}
.gray-text2 {
  /* color: var( --font-color-3); */
  color: var(--color-text-3);
}
/* .red-text{
  color: var(--brandColor);
} */
.detail-percent{
  width: 144px;
  height: 4px;
  background: #F0F0F0;
  border-radius: 2px;
}
.detail-percent-red{
  height: 4px;
  background: #11AD7A;
  border-radius: 2px;
}
.row-left-bottom{
  background: #F7F7F7;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  font-size: 14px;
  margin-top: 39px;
  padding: 14px 0px;
}
.row-left-bottom div{
  margin-left: 24px;
}
.cloud-row-divi{
  height: 140px;
  width: 2px;
  background-color: #ECF2F3;
}
.cloud-row-right{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.go-buy{
  width: 240px;
  height: 48px;
  background: var(--brandColor);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: white;
  cursor: pointer;
}
.charts-content{
  margin-top: 140px;

}
.charts-title{
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 24px;

}
.only-ref {
  margin-bottom: 72px;
  color: var(--color-text-3);
  font-size: 14rem;
}
.cloud-mine{
  width: 1200px;
  margin: 0 auto;
}
.mine-title{
  font-size: 20px;
  margin-top: 100px;
}
.overview-card{
  min-height: 114px;
  padding: 32px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: #F8FAFD;
}
:not(:last-child).overview-card {
  margin-bottom: 24px;
}
.classic-dark .overview-card {
  background: #292F40;
}
.overview-card__top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 28px;
}
.overview-card__top__main {
  display: flex;
  justify-content: center;
  align-items: center;
}
.overview-card__top__aside {
  display: flex;
  justify-content: center;
  align-items: center;
}
.overview-card__bottom {
  width: 100%;
}
.overview-card__bottom .flex-col {
  width: 25%;
}
.flex-col .item-value {
  color: #04091A;
}
.flex-col .item-title {
  color: #8D93A6;
}
.classic-dark .flex-col .item-value {
  color: #989FB3 !important;
}
.classic-dark .flex-col .item-title {
  color: #606880 !important;
}
.overview-btn{
  font-size: 16px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--brandColor);
  cursor: pointer;
  min-height: 22px;
  padding: 5px 16px;
}
.go-buy-btn{
  font-size: 16px;
  color: var(--brandColor);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  /* border: solid 1px var(--brandColor); */
  cursor: pointer;
  min-height: 20px;
  padding: 5px 16px;
}
.no-table-data{color:#3a3a3a;text-align:center;font-size:14px;margin-top: 20px;}
.noorder{
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background: url('/images/cloud_computing/120px-nodata-light.svg') center center no-repeat !important;
  background-size: cover;
}
.classic-dark .noorder{
  background: url('/images/cloud_computing/120px-nodata-dark.svg') center center no-repeat !important;
}
.noorder-text {
  margin-top: 8px;
  font-size: 14px;
  line-height: 14px;
  color: var(--color-text-3);
  margin-bottom: 0;
}
/* .tableWrap {
  width: 1200px;
  margin: 0 auto;
} */
.react-table{
  margin-top: 16px;
}
.buy-history .react-table thead tr,.buy-history .react-table thead tr:hover {
  /* background: var(--bg-color-module); */
  background: var(--color-card-1);
  /* color: var(--font-color-3); */
  color: var(--color-text-3);
}
.buy-history .react-table tr {
  padding-left: 24px;
}
.table-td {
  color: #04091A;
}
.classic-dark .table-td {
  color: #ffffff;
}
.react-table tbody tr {
  cursor: pointer;
}
.row-name {
  margin-bottom: 0;
  font-size: 16px;
  color: #04091A;
}
/* .row-button {
  background: #2354E6;
  color: #FFFFFF;
  border-radius: 4px;
} */
.default-btn{
  background: none;
  border:none;
  min-height: 32px;
  padding:5px 16px;
  border-radius:4px;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
}

.btn-primary {
  background-color: var(--color-brand-1);color: #ffffff;
}

.default-btn--disabled {
  background: var(--color-neutral-2);
  color: var(--color-text-1);
  cursor: not-allowed;
  events: none;
}

.react-table tr:hover {
  background-color: #F2F7FF;
}
.react-table tr>td:first-child, .react-table tr>th:first-child {
  padding-left: 0;
}
.react-table tr>td:last-child, .react-table tr>th:last-child {
  padding-right: 24px;
}
/* .fullscreen-mode-container__content .react-table tr>td:last-child, .react-table tr>th:last-child {
  padding-right: 36px;
} */
.fullscreen-mode-container__content .react-table thead {
  position: sticky;
  background-color: var(--color-bg-3);
  top: 0;
  z-index: 100;
}
.react-table tbody tr {
  position: relative;
}
.react-table.overflow-table tbody tr::before {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 100%;
  left: -24px;
}
.react-table tr:hover::before {
  background-color: #F2F7FF;
}
.classic-dark .react-table tbody tr:hover::before {
  background-color: #0F1F4D;
}
.react-table tr:hover .btn-primary {
  color: #ffffff;
  background-color: #1b41b2;
}
/* .classic-dark .react-table tbody  tr:hover {
  background-color: #0F1F4D;
} */
.react-table thead tr:hover {
  background-color: transparent;
}
/* .default-btn:hover {
  background: var(--color-brand-2) !important;
} */

.classic-dark .input-container, .react-table td {
  border-color: transparent !important;
}
.react-table td{font-weight: 500;border-bottom: 1px solid transparent;text-align: left;align-items: center;min-height: 80px;display:flex;justify-content:flex-start;align-items:center;padding:0;}
.buy-history .react-table td {
  height: 102px;
}
.react-table td p {
  margin-bottom: 0;
}
.react-table .amm-rate-span{background:none !important;border-radius: 0;padding: 0;}
.amm-rate-span{color:var(--warningColor);background-color:rgba(235, 35, 35, 0.1);padding:0 4px;border-radius: 9px;height: 20px;line-height: 21px;display: inline-block;}
.react-table .amm-rate-span{color:var(--warningColor);background-color:none;}
/* .react-table tr>th:first-child{
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.react-table tr>th:last-child{
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
} */
.purchase-record thead tr {
  background: #f8fafd;
}
.classic-dark .purchase-record thead tr {
  background: #1f2433;
}
.common-popup-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  overflow-y: scroll;
  height: 100%;
  background: rgba(0, 0, 0, .7)
}
.cloud-confirm-body{
  padding: 24px;
  border-radius: 6px;
  width: 520px;
  margin: auto;
  background-color: #fff;
}
.cloud-popup-title{display: flex;flex-direction: row;justify-content: space-between;font-size: 18px;}
.confirm-top-row{
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.input-content-row{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.input-row{
  display: flex;
  flex-direction: row;
  height: 32px;
  width: 120px;
  border-radius: 4px;
  border: 1px solid #E6E6E6;
}
.input-row-add{
  width: 32px;
  border-right: 1px solid #E6E6E6;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 30px;
  font-weight: lighter;
  user-select:none;
}
.input-row img{
  width: 18px;
}
.input-row-sub{
  width: 32px;
  border-left: 1px solid #E6E6E6;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 30px;
  font-weight: lighter;
  user-select:none;
}
.amount-input{
  background-color: transparent;
  border:none;
  outline: 0;
  height: 32px;
  width: 54px;
  text-align: center;
}
.confirm-center{
  background: #F7F7F7;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 40px;
  margin-top: 16px;
}
.confirm-price{
  margin-top: 32px;
  text-align: center;
}
.settle-row{
  height: 64px;
  margin-top: 16px;
  justify-content: space-between;
  align-items: center;
  padding:0 24px ;
  background-color: white;
  border-radius: 5px;
  font-size: 20px;
}
.settle-check{
  width: 184px;
  height: 64px;
  background: #FFFFFF;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.settle-check.active{
  border: 2px solid var(--brandColor);
}
.confirm-popup-btn{
  margin-top: 24px;
  justify-content: flex-end;
}
.confirm-popup-btn .popup-cancel{
  padding: 9px 24px;
  border-radius: 4px;
  border: 1px solid #E6E6E6;
  cursor: pointer;
}
.confirm-popup-btn .popup-primary{
  padding: 9px 24px;
  background: var(--brandColor);
  border-radius: 4px;
  color:white;
  border: none;
  cursor: pointer;
}
.confirm-popup-btn .popup-primary:hover{
  background: var(--linearGradient1);
}
.settle-switch{
  margin-top: 32px;
  width: 100%;
  font-weight: bold;
  font-weight: bold;
  position: relative;
}
.success-popup-body{
  padding: 40px;
  border-radius: 6px;
  width: 400px;
  margin: auto;
  background-color: #fff;
  /* display: flex;
  flex-direction: column;
  align-items: center; */
}
.buy-success-img{
  margin: 0 auto;
  position: relative;
  left: calc(50% - 66px);
}
.buy-success{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  margin-top: 19px;
  margin-bottom: 24px;
}
.success-popup-btn{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.success-popup-btn .popup-cancel{
  padding: 9px;
  min-width: 148px;
  border-radius: 4px;
  border: 1px solid #E6E6E6;
  cursor: pointer;
}
.success-popup-btn .popup-primary{
  padding: 9px;
  min-width: 148px;
  background: var(--brandColor);
  border-radius: 4px;
  color:white;
  border: none;
  cursor: pointer;
}
#notyClose{
  cursor: pointer;
}
.settle-list-content{
  overflow-y: auto;
  max-height: 256px;
  position: absolute;
  top:98px;
  left: 0;
  width: 440px;
  border-radius: 5;
  box-shadow: 0px 0px 31px 0px #eff2f3;
}
.settle-list-item{
  height: 64px;
  display:flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  padding:0 24px ;
  background-color: white;
  border-radius: 5px;
  font-size: 20px;
}
.settle-list-item:hover{
  background: #eee
}
.mine-currency{margin-left: 8px;
  font-size: 28px;
  color: #04091A;
}
.classic-dark .mine-currency {
  color: #FFFFFF;
}
.time-width{width: 150px;}
.time-width-2{width: 200px;}
.left-amount{
  border-radius: 4px;
  background: #F2F2F2;
  color: #999999;
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0px 4px;
  margin-left: 5px;
}
.no-data-container{width: 100%;height: 200px;display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 14px;}
.no-data-container img{width: 72px;height: 48px;margin-bottom: 14px;}
.diy-legend{position: absolute;left: 0;top:0;font-size: 12px;display: flex;flex-direction: row;align-items: center;}
.legend-1{width: 8px;height: 8px; border-radius: 50%;background-color: #007980;}
.legend-2{width: 8px;height: 8px; border-radius: 50%;background-color: var(--brandColor);}
.fix-center{width: 1200px;height:414px;margin: 0 auto;position: relative;}
.work-img{position: absolute;width: 1200px;top:181px;}
.fix-outer3{padding: 128px 0 80px 0;}
.introduce-btn{
  padding: 6px 24px;
  border: none;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: var(--brandColor);
  border-radius: 4px;
  margin-top: 20px;
}
.introduce-btn:hover{
  background: var(--linearGradient1);
}
.go-buy-selled{
  width: 240px;
  height: 48px;
  background: #CCCCCC;
  border-radius: 4px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.time-border{border: 1px solid #fff;border-radius: 4px;padding: 2px 3px;}
.count-time-btn{
  width: 240px;
  height: 48px;
  background: linear-gradient(270deg, #DB5869 0%, #C04557 100%);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: white;
  cursor: pointer;
}
.pre-btn{
  border-radius: 50%;
  width: 64px;
  height: 64px;
  background-image: url('/images/cloud_computing/default_left.png');
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: calc(50% - 696px);
  top:525px;
  cursor: pointer;
  -webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 250ms cubic-bezier(.02, .01, .47, 1);
  border:none;
  outline: none;
  z-index: 10;
}
.pre-btn:hover{
  background-image: url('/images/cloud_computing/hover_left.png');
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);  
}
.pre-btn[disabled]{
  background-image: url('/images/cloud_computing/disabled_left.png')!important; 
  box-shadow: none!important; 
  cursor: not-allowed;
}
.next-btn{
  border-radius: 50%;
  width: 64px;
  height: 64px;
  background-image: url('/images/cloud_computing/default_right.png');
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  position: absolute;
  right: calc(50% - 696px);
  top:525px;
  cursor: pointer;
  -webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 250ms cubic-bezier(.02, .01, .47, 1);
  border:none;
  outline: none;
  z-index: 10;
}
.next-btn:hover{
  background-image: url('/images/cloud_computing/hover_right.png');
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);  
}
.next-btn[disabled]{
  background-image: url('/images/cloud_computing/disabled_right.png')!important; 
  box-shadow: none!important; 
  cursor: not-allowed;
}
@media screen and (max-width:1390px){
  .pre-btn{width: 32px;height: 32px;left: calc(50% - 640px);top:545px;}
  .next-btn{width: 32px;height: 32px;right: calc(50% - 640px);top:545px;}
}
.invite_only{
  position: absolute;
  right: 0px;
  top: 0px;
  height: 65px;
  width: 65px;
}
.email-content{
  padding: 92px 0;
  width: 100%;
  background: #F8FAFD;
  color:#04091A;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cooperation-title {
  margin-bottom: 16px;
  font-size: 32px;
}
.cooperation-subtitle {
  font-size: 28px;
}
.classic-dark .email-content {
  background: #292F40;
  color: #FFFFFF;
}
.email-content-center{
  /* height: 72px; */
  /* width: 350px; */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.email-circel{
  width: 88px;
  height: 88px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.email-circel img{
  width: 125%;
  height: 125%;
}
.email-text-right{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 72px;
  font-weight: 500;
  margin-left: 16px;
  /* color: var(--font-color-1) !important; */
  color: var(--color-text-1) !important;
}
.email-text-a{
  /* color: var(--font-color-1) !important; */
  color: var(--color-text-1) !important;
  font-size: 28px;
  line-height: 28px;
}
.color-333{
  color: #333;
}
.email-text-a:hover {
  color: var(--brandColor)!important;
}
.flex-start{
  justify-content: flex-start;
  display: flex;
}
.flex-1{
  flex: 1;
}
.flex-between{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.justify-center {
  display: flex;
  justify-content: center;
}
.align-center {
  display: flex;
  align-items: center;
}
.detail-btn{
  display: flex;
  /* width: max-content; */
  height: 32px;
  box-sizing: border-box;
  /* border: 1px solid #E6E6E6; */
  border-radius: 4px;
  line-height: 32px;
  padding: 0 16px;
  cursor: pointer;
  color: var(--color-brand-1);
  font-weight: 600;
}
.detail-content{
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
}
.detail-body{
  padding: 32px 24px;
}
.max-height{
  max-height: 400px;
  overflow-y: scroll;
  padding-right: 2px;
}
.popup-container{
  border-radius: 5px;
  background: #fff;
  margin: auto;
  border-radius: 4px;
}
.popup-title{
  display: flex;flex-direction: row;justify-content: space-between;font-size: 18px;
  padding: 14px 24px;
  border-bottom:  1px #F0F0F0 solid;
}
.dark-body .popup-title{border-color: #31373D;}
.classic-dark .popup-title{border-color: #31373D;}
.tal{
  text-align: left!important;
}
.fw-normal{
  font-weight: normal;
}
.options-pagination{height:24px;text-align:center;line-height:24px;position: relative;padding-bottom: 140px;margin-top:40px;}
.options-pagination-btn{box-sizing:border-box;display:inline-block;margin-right:8px;width: 24px;height:24px;border-radius:4px;line-height:23px;cursor:pointer;border: 1px solid var(--color-divider-1);color: var(--color-text-3);font-size:14px;}
.options-pagination .options-pagination-btn[disabled] {
  color: var(--color-divider-1) !important;
  background-color: transparent !important;
}
.options-pagination-btn.iconfont {line-height: 21px;}
.options-pagination-btn.active{border-radius:4px;border: 1px solid var(--color-brand-1);color:var(--color-brand-1); }
/* .dark-body .options-pagination-btn.active{color: #F0435A;background-color: #2D333B;} */
/* .classic-dark .options-pagination-btn.active{color: #F0435A;background-color: #2D333B;} */
.react-table th{
  background: transparent !important;text-align: left;
  /* color: var(--font-color-3); */
  color: var(--color-text-3);
}
.buy-history .react-table th{
  font-size: 10px;
  line-height: 10px;
  height: 42px;
  display: flex;
  align-items: center;
  line-height: 12px;
}
.color-999{
  color: #999;
}
.padr10{
  padding-right: 10px;
}
.section-title {
  width: 1200px;
  margin: 0 auto;
  font-size: 40px;
  line-height: 40px;
  color: #04091A;
}
.classic-dark .section-title {
  color: #FFFFFF;
}
.market-card {
  padding: 24px;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #EEF1FA;
  transition: box-shadow 0.3s ease-in-out 0s;
  box-shadow: rgb(4 9 25 / 6%) 0px 4px 16px;
  /* box-shadow: 0px 4px 16px rgba(23, 56, 153, 0.06); */
}
.market-card-content {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}
.market-card-wrapper {
  width: calc(100% / 3);
  max-width: 464px;
}
.market-card-content .market-card-wrapper:not(:last-child) {
  padding-right: 24px;
}

.classic-dark .market-card {
  background: #292F40;
  border: 1px solid #292F40;
  box-shadow: 0px 4px 16px rgba(23, 56, 153, 0.06);
}
.market-card:hover {
  box-shadow: rgb(23 56 153 / 12%) 0px 4px 40px;
  /* box-shadow: 0px 4px 24px rgba(4, 9, 25, 0.08); */
}
.classic-dark .market-card:hover {
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.24);
}

/* .icon-32 {
  margin-right: 12px;
} */
.market-card-title {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  height: 24px;
}
.market-card-title .icon-32 {
  transform: scale(0.75);
}
.market-card-title > p {
  font-size: 16px;
  line-height: 16px;
  color: #04091A;
  margin-bottom: 0;
  margin-left: 12px;
}
.classic-dark .market-card-title > p {
  color: #FFFFFF;
}

.market-card__main-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.market-card__main-info__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.market-card__main-info__item__title {
  font-weight: 600;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 8px;
  color: #565D73;
}
.classic-dark .market-card__main-info__item__title {
  color: #989FB3;
}

.green-text {
  color: var(--color-funct-2) !important;
}
.red-text {
  color: var(--warningColor) !important;
}

.market-card__main-info__item__sub-title {
  font-size: 14px;
  line-height: 14px;
  color: #8D93A6;
  margin-bottom: 0;
}
.classic-dark .market-card__main-info__item__sub-title {
  color: #606880;
}

.progress-bar {
  background: #EEF1FA;
  border-radius: 36px;
  width: 100%;
  height: 4px;
  border: 1px solid #EEF1FA;
  margin-bottom: 24px;
  position: relative;
}
.classic-dark .progress-bar {
  border: 1px solid #0F1526;
}

.progress-bar__inner {
  position: absolute;
  left: -1px;
  top: -1px;
  transition: 0.5s all;
  height: 6px;
  box-sizing: border-box;
  background: #11AD7A;
  border-radius: 36px;
  /* width: 50%; */
}
.market-card__footer {
  display: flex;
  justify-content:space-between;
  flex-wrap: nowrap;
  margin-bottom: 24px;
}
.market-card__footer__item {
  width: calc(100% / 3);
}
.market-card__footer__item__title {
  font-size: 14px;
  line-height: 14px;
  color: #565D73;
  margin-bottom: 8px;
}
.classic-dark .market-card__footer__item__title {
  color: #989FB3;
}
.market-card__footer__item__sub-title {
  font-size: 12px;
  line-height: 12px;
  color: #8D93A6;
  margin-bottom: 0;
}
.classic-dark .market-card__footer__item__sub-title {
  color: #606880;
}

.market-card > button {
  background: var(--color-brand-1);
  color: #FFFFFF;
  border-radius: 4px;
  width: 100%;
  padding: 12px 0;
  text-align: center;
  border: none;
  outline: none;
  box-shadow: none;
  font-size: 16px;
  line-height: 16px;
  cursor: pointer;
}
.market-card > button.disabled {
  background: #B8BDCC;;
}
.market-card > button.disabled:hover {
  background: #B8BDCC;;
}

.market-card > button.pre-btn[disabled] {
  background: #B8BDCC;
}
.market-card > button:hover {
  background: #1B41B2;

}

.load-button {
  font-family: 'Uni Neue';
  font-weight: 600;
  font-size: 20px;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: var(--color-brand-1);
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 20px;
}
.load-button__text {
  margin-right: 7px;
  cursor: pointer;
  font-size: 20px;
}

.operate-wrapper .load-button {
  margin-top: 0;
}

.fullscreen-mode-container {
  /* position: fixed;
  left: 0;
  top: 0; */
  /* z-index: 10000; */
  background: #FFFFFF;
  width: 100%;
  width: calc(100% - (100% - 100vw));
  height: 100%;
  box-sizing: border-box;
}
.classic-dark .fullscreen-mode-container {
  background: #151926;
}
.fullscreen-mode-container__title {
  /* padding: 26px 257px 22px 216px; */
  padding: 26px 0 22px 0;
  background: #FFFFFF;
  border: 1px solid #EEF1FA;
  box-shadow: 0px 6px 20px rgba(19, 60, 158, 0.04);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fullscreen-mode-container__title .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.classic-dark .fullscreen-mode-container__title {
  background: #292F40;
  box-shadow: 0px 6px 20px rgba(19, 60, 158, 0.04);
  border: 1px solid #292F40;
}

.fullscreen-mode-container__title .icon-a-12px-guanbi {
  /* color: var(--btn-color-3); */
  color: var(--color-text-1);
}
.fullscreen-mode-container__title__text {
  font-size: 24px;
  margin-bottom: 0 !important;
}
.classic-dark .fullscreen-mode-container__title__text {
  color: #FFFFFF;
}
.fullscreen-mode-container__content {
  /* padding: 0 216px 40px 216px; */
  /* margin: 0 216px 40px 192px; */
  margin-bottom: 40px;
  padding-left: 24px;
  overflow-y: scroll;
  max-height: calc(100vh - 140px);
  margin: 0 auto;
}

.fullscreen-mode-container__title .iconfont {
  font-size: 20px;
  cursor: pointer;
}
.operate-wrapper {
  padding: 24px 0;
  position: fixed;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px -6px 20px rgba(19, 60, 158, 0.04);
  z-index: 10001;
}
.classic-dark .operate-wrapper {
  background: #292F40;
  box-shadow: 0px -6px 20px rgba(19, 60, 158, 0.04);
}
.content-area{width:1200px;margin:0 auto 30px auto;}
.mantine-modal-header {
  display: none;
}
.mantine-modal-inner {
  padding: 0;
}
.mantine-modal-modal {
  height: 100%;
}
.td-common {
  color: #04091a;
  font-weight: 600;
  font-size: 16px;
}
.td-light-text {
  font-weight: 400;
}
.classic-dark .td-common {
  color: #ffffff;
}
.rotate {
  transform: rotate(180deg);
}
.bottom-border-dashed {
  /* border-bottom: 1px solid var(--font-color-3); */
  border-bottom: 1px dashed var(--color-text-3);
}
.btn-fill {
  background: var(--color-brand-1);
  color: #FFFFFF;
}
.btn-fill:hover {
  color: #ffffff;
  background-color: #1b41b2 !important;
}
.btn-fill:disabled {
  background: var(--color-text-4) !important;
}
.close-icon-btn {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
html[lang="ar"] .layer4 {
  position: absolute;
  left: 33px;
  top: 0;
}
html[lang="ar"] .block4 {
  margin: 1px 146px 0 0;
}

html[lang="ar"] .block3 {
  margin-left: 0;
  margin-right: 16px;
}

html[lang="ar"] .word9 {
 text-align: right;
}

html[lang="ar"] .block4 {
  margin: 1px 146px 0 0;
}

html[lang="ar"] .block4 {
  margin: 1px 146px 0 0;
  padding: 20px 47px 0 ;
}

html[lang="ar"] .mod3 {
  margin-left: 0;
  margin-right: 80px;
  display: flex;
}

html[lang="ar"] .paragraph2 {
  margin: 3px 11px 0 0;
}

html[lang="ar"] .infoBox3 {
  position: absolute;
  left: auto;
  right: 96px;
  text-align: right;
}

html[lang="ar"] .outer5 {
  margin-left: 10px;
  margin-right: 0px;
}

html[lang="ar"] .box3 {
  background: url('/images/cloud_computing/intro-header-ar.webp') no-repeat;
  background-size: 100% 100%;
}

html[lang="ar"] .word11,
html[lang="ar"] .word12,
html[lang="ar"] .info11,
html[lang="ar"] .info12,
html[lang="ar"] .info13,
html[lang="ar"] .txt5,
html[lang="ar"] .word10,
html[lang="ar"] .txt4,
html[lang="ar"] .word23,
html[lang="ar"] .infoBox1 {
  text-align: right;
}