
/*global*/
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}capation,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:' '}abbr,acronym{border:0;}.f12{font-size:12px;}.f13{font-size:13px;}.f14{font-size:14px;}.f16{font-size:16px;}.f20{font-size:20px;}.f30{font-size: 30px;}.f35{font-size: 35px;}.f40{font-size: 40px}.fb{font-weight:bold;}.fn{font-weight:normal;}.t2{text-indent:2em;}.lh150{line-height:150%}.lh180{line-height:180%}.lh200{line-height:200%}.unl{text-decoration:underline;}.no_unl{text-decoration:none;}.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}.bc{margin-left:auto;margin-right:auto;}.fl{float:left;display:inline;}.fr{float:right;display:inline;}.cb{clear:both;}.cl{clear:left;}.cr{clear:right;}.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;}*html .clearfix{height:1%} .Clearfix{display:block;}.vm{vertical-align:center;}.pr{position:relative;}.pa{position:absolute;}.abs-right{position:absolute;right:0;}.zoom{zoom:1}.hidden{visibility:hidden;}.none{display:none;}.w10{width:10px;}.w20{width:20px;}.w30{width:30px !important;}.w40{width:40px !important;}.w50{width:50px !important;}.w60{width:60px !important;}.w70{width:70px !important;}.w80{width:80px !important;}.w90{width:90px !important;}.w100{width:100px !important;}.w110{width:110px !important;}.w120{width:120px !important;}.w130{width:130px !important;}.w140{width:140px;}.w150{width:150px !important;}.w180{width:180px !important;}.w200{width:200px !important;}.w220{width:220px !important;}.w300{width:300px !important;}.w400{width:400px;}.w500{width:500px;}.w600{width:600px;}.w700{width:700px;}.w800{width:800px;}.w{width:100%}.h20{height:20px;}.h30{height:30px;}.h50{height:50px;}.h80{height:80px;}.h100{height:100px;}.h200{height:200px;}.h{height:100%}.m10{margin:10px;}.m15{margin:15px;}.m30{margin:30px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt50{margin-top:50px;}.mt100{margin-top:100px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb50{margin-bottom:50px;}.mb100{margin-bottom:100px;}.ml5{margin-left:5px !important;}.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml30{margin-left:30px !important;}.ml50{margin-left:50px !important;}.ml80{margin-left:80px !important;}.ml100{margin-left:100px !important;}.ml120{margin-left: 120px !important;}.ml150{margin-left: 150px !important;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr50{margin-right:50px;}.mr60{margin-right:60px;}.mr80{margin-right:80px;}.mr100{margin-right:100px;}.p10{padding:10px;}.p15{padding:15px;}.p30{padding:30px;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt50{padding-top:50px;}.pt100{padding-top:100px;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb50{padding-bottom:50px;}.pb100{padding-bottom:100px;}.pl0{padding-left: 0px !important;}.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px !important;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl50{padding-left:50px;}.pl100{padding-left:100px;}.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pr50{padding-right:50px;}.pr100{padding-right:100px;}.green{color:green;}.red{color:red;}.yellow{color:#fbcc5c}.gray{color:gray;}.white{color:white;}.blue{color: blue}.msg-error{color:red;font-size: 12px;font-family: sans-serif;margin-left: 5px;}.msg-success{color:green;font-size: 10px;  margin-left: 5px;}.msg-default{color:gray;font-size: 10px;margin-left: 5px;}.msg-warning{color:yellow;font-size: 10px;margin-left: 5px;}.line-bottom {border-bottom: 1px solid #ddd;margin: 0 15px;}.box-shadow {box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05);}.visible{visibility: visible;}*/
.w10{width:10px;}.w20{width:20px;}.w30{width:30px !important;}.w40{width:40px !important;}.w50{width:50px !important;}.w60{width:60px !important;}
.w70{width:70px !important;}.w80{width:80px !important;}.w90{width:90px !important;}.w100{width:100px !important;}.w110{width:110px !important;}
.w120{width:120px !important;}.w130{width:130px !important;}.w140{width:140px;}.w150{width:150px !important;}.w180{width:180px !important;}
.w200{width:200px !important;}.w220{width:220px !important;}.w300{width:300px !important;}.w400{width:400px;}.w500{width:500px;}.w600{width:600px;}
.w700{width:700px;}.w800{width:800px;}.w{width:100%}

/*html {font-size:14px;}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: PingFang; }
html[lang="en-US"] body{ font-family: NunitoSans;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

@font-face {
  font-family: Roboto;
  src: url('./font/Roboto-Regular.ttf');
}
@font-face {
  font-family: NunitoSans;  /*å­—ä½“åç§°*/
  src: url('./font/NunitoSans-Regular.ttf');  /*å­—ä½“æºæ–‡ä»¶*/
}
@font-face {
  font-family: NunitoSans-Bold;  /*å­—ä½“åç§°*/
  src: url('./font/NunitoSans-Bold.ttf');  /*å­—ä½“æºæ–‡ä»¶*/
}
@font-face {
  font-family: PingFang;  /*å­—ä½“åç§°*/
  src: url('./font/PingFang Regular.ttf');  /*å­—ä½“æºæ–‡ä»¶*/
}
@font-face {
  font-family: PingFang-Bold;  /*å­—ä½“åç§°*/
  src: url('./font/PingFang Bold.ttf');  /*å­—ä½“æºæ–‡ä»¶*/
}
/*ä¸»è‰²*/
/*:root {--main-color: #2550FF;}*/
/*html, body{background-color: #fff;}*/
body {font-family: Roboto,NunitoSans,Microsoft YaHei,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 14px;font-weight: normal;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;overflow: hidden;}

@media screen and (min-width:320px) and (max-width:768px) {
  .gethusd-block .row .pb-3{padding-bottom: 51px !important;}
  .en-text, .zh-text {top: unset !important;}
  .en-text h5{
    font-weight: 400 !important;
  }
  .text-banner.en-text {padding-top: 0px !important;}
  .text-banner.zh-text {padding-top: 0px !important;margin-left: 0px!important;}
  .en-text .btn_gethusd{
    margin-top: 24px;
  }
  .scene-block h4, .merit-block h4, .partner-block h4 {margin-bottom: 30px !important;}
  .reg-block .container {
    padding-top: 57px!important;
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .reg-block .mt-5{margin-top:30px !important;margin-bottom: 57px !important;}
  .custom-modal-text .btn-note {width: 295px !important;}
  .container{padding-right: 18px !important;padding-left: 18px !important;}
  .section-padding {padding-top: 30px;padding-bottom: 30px;text-align: center;}
  .section-head {margin-bottom: 30px !important;}
  .section-head p {max-width:300px !important;font-size:14px !important;font-weight:400;color:#181A28;line-height:22px !important;}
  .scene-block .chooseBgDiv {margin: 0 !important;}
  .flex-column {-webkit-box-orient: vertical!important;-webkit-box-direction: normal!important;
    -ms-flex-direction: row !important;flex-direction: row !important;}
  .btn-outline-light {width:60px !important;height:30px !important;}

  .bg-header {padding:0;line-height: 48px !important;height:48px !important;background: #fff !important}
  .bg-header .notices.pc {display:none !important}
  .bg-header .notices.mobile {
    display:block !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 48px;
  }
  .bg-header h1{line-height: 48px !important;margin-left: 12px !important;margin-right: 0px !important;} .bg-header img{width:78px;height:22px;margin-top:-2px;}
  .bg-header nav{margin-right: 18px !important;}
  .banner-block .bannerImg {
    right: -1050px !important;
  }
  .banner-block .imgDiv .pao1 img, .banner-block .imgDiv .pao2 img, .banner-block .imgDiv .pao3 img, .banner-block .imgDiv .husdpao img{
    width: 70%;
  }
  .banner-block .pao1 {
    right: -26% !important;
    bottom: 41% !important;
  }
  .banner-block .pao2 {
    right: -4% !important;
    bottom: 55% !important;
  }
  .banner-block .pao3 {
    right: 35% !important;
    bottom: 46% !important;
  }
  .statistics .maxWidthDiv {width: 100%;display: block;}
  .statistics .maxWidthDiv .oData {max-width: 100%;margin-bottom: 10px;text-align: left;padding: 21px 24px 10px;}
  .statistics .oData div img {margin-right: 0 !important;}
  .statistics .num {font-size: 20px !important;line-height: 20px !important;}
  .statistics .stat-title {font-size: 14px !important;line-height: 14px !important;margin-top: 14px !important;}
  .statistics {padding: 48px 0 0 !important;}
  body.en-US .bg-header nav{margin-right: 7px !important;}
  body.en-US .bg-header nav > a:first-child {
      width: 90px;
      display: inline-block;
      line-height: 15px !important;
      vertical-align: top;
      margin-top: 14px !important;
      text-align: right;
  }
  body.en-US .bg-header nav > a.btn-login {
      width: 90px;
      display: inline-block;
      line-height: 20px !important;
      vertical-align: top;
      margin-top: 17px !important;
      text-align: center;
  }
  .bg-header nav .dropdown-menu {margin-top: -12px !important;}
  .bg-header nav .dropdown-menu.en {margin-left: -40px !important;}
  .bg-header nav .dropdown-menu.zh {margin-left: -38px !important;}
  /*.bg-header .container {padding-left: 18px !important;padding-right: 17px !important;}*/
  .bg-header a {font-size: 12px;} .bg-header h5 img{content: url("/static/images/375/logo.png");margin-right: 5rem;}
  .bg-header nav > a, .bg-header nav .dropdown > a {
    margin-left: 10px !important;
    height: 59px !important;
    font-size: 13px !important;
    line-height: 59px !important;
  }
  .bg-header .profile-menu a {
    font-size: 13px !important;
    width: 138px !important;
  }
  .bg-header .profile-menu.en a {
    width: 165px !important;
  }
  .text-banner h2 {font-size: 1.5rem;}
  .bg-header .btn{margin-right: 16px !important;}
  .bg-header .btn-login {width:56px !important;height:24px !important;font-size: 12px;line-height: 20px !important;padding: 0;}
  .bg-header .btn-register{width:72px !important;height:24px !important;font-size: 12px;line-height: 20px !important;padding: 0;}
  .bg-header .txt_language{width:19px;height:24px;font-weight:400;color:rgba(255,255,255,1);line-height:20px !important;vertical-align: middle}

  .banner-block {padding: 144px 0 80px !important;}

  .banner-block .container{padding-right: 18px !important;padding-left: 18px !important;}
  .banner-block .container.en{padding-right: 0px !important;padding-left: 0px !important;}
  .banner-block > .row {right: -120px;width: 250%;position: absolute !important;top: 200px;z-index: 0;}
  .banner-block .notices {
    width: 100%;
    position: absolute;
    bottom: 258px !important;
    z-index: 999;
}
  .banner-block .statistics .stat-title, .banner-block .statistics .num{text-align: left !important;margin-left: 0 !important;}
  .banner-block {min-height: 790px !important;}
  .banner-block .statistics .stat-title {font-size: 14px !important;vertical-align:middle; text-align: center!important;}
  .banner-block .statistics .col-4:first-child .stat-title.en-text {}
  .banner-block .statistics .num {font-size: 24px !important; text-align: center!important;}
  .banner-block .statistics .col-4{padding:0 !important;}
  .banner-block .statistics{padding: 30px 0 0 !important;height: 258px !important;background: rgba(5,16,30,1) !important;box-shadow:none !important;}
  .banner-block .statistics .statistics-title {margin-bottom: 28px!important; font-size: 19px!important;}
  .banner-block .statistics .button-container {padding-top: 28px!important;}
  .text-banner {width: 320px;position: relative;z-index: 999;color: #fff;padding-top: 53px;}
  .text-banner{margin-left:0px;}

  .text-banner .smalltitle{height:36px!important;line-height: 36px!important;width:344px!important;margin-bottom:0 !important;}

  .text-banner .smalltitle img{margin-left:0px!important;width:30px!important;height:30px!important;}
  .text-banner .smalltitle .bigtext{ margin-left:5px!important;width:55px!important;font-size:19px!important;}
  .text-banner .smalltitle .smalltext{opacity: 0.8; margin-bottom: 0px!important; margin-left:2px!important;font-size:16px!important;}

  .text-banner .pt-4{padding-top:3rem !important;} .text-banner .mb-5{margin-bottom: 1.2rem !important;}
  .text-banner h2 {width: 320px;font-size: 40px !important;line-height: 44px !important;font-weight:bold;color:rgba(255,255,255,1);margin-bottom: 0px !important;}
  .text-banner h5 {width:299px;height:24px;margin-top:16px!important;font-size: 24px !important;font-weight:bold;line-height: 24px !important;color:rgba(255,255,255,1);margin-bottom: 35px !important;}
  .text-banner.en-text h2{font-family:NunitoSans-Bold,NunitoSans;margin-top:15px!important;width:343px!important;height:auto !important;font-size:31px!important;}
  .text-banner .btn_gethusd {height: 42px !important;line-height: 42px !important;padding: 0 20px !important;}
  .text-banner.en-text h5{display: none}
  /*ä¸ºä»€ä¹ˆé€‰æ‹©HUSD*/
  .scene-block {padding-top: 0 !important;padding-bottom: 0 !important;}
  .scene-block .container{padding:30px 0 44px !important;text-align: center !important}
  .scene-block .section-subTitle {padding: 0 40px; font-size: 18px !important; line-height: 160% !important;margin-bottom: 60px !important;}
  .scene-block .row:nth-of-type(3) .col-12:nth-of-type(1){-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
  .scene-block .row:nth-of-type(3) .col-12:nth-of-type(2){-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
  .scene-block .floating{width:292px !important;height:292px !important;}
  .scene-block .section-head{
    margin-bottom: 0 !important;
    background-image: url(/static/images/chooseBg_mobile.png);
    height: 347px !important;
  }
  .sceneDiv {padding: 40px 0 60px !important;}
  .scene-block .chooseBg .bottomBg {display: none !important;}
  .scene-block .section-head p{margin: 15px auto 24px !important;}
  .scene-block .maxWidthDiv {width: 100%;flex-flow: wrap-reverse;}
  .scene-block h2 {font-size:26px !important;font-weight:bold;color:rgba(24,26,40,1);line-height:26px !important;text-align: center !important;margin-left: 0 !important;padding-top: 70px !important;}
  .scene-block h5 {font-size:24px !important;font-weight:bold;color:rgba(24,26,40,1);margin-bottom: 24px !important}
  .scene-block .text-content {font-size:16px !important;font-weight:400;color:#181A28;line-height:26px !important;margin: 0 auto;}
  .scene-block .text-content p{margin-bottom: 16px !important;font-size: 14px !important; line-height: 180% !important;padding: 0 40px !important;}
  .scene-block .row .text-left {margin: 25px 0 !important;}
  .scene-block .row:last-child .text-left {margin: 25px 0 0 !important;}
  .scene-block .btn-view{background:rgba(255,255,255,1);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.07);border-radius:3px !important;margin-top: 0 !important;}

  /*å¦‚ä½•èŽ·å–HUSD*/
  .gethusd-block {padding: 0 !important;}
  .gethusd-block .container{padding:0 !important;}
  .gethusd-block .row{margin:0 !important;} .gethusd-block .row .col-sm-6{padding:0 !important;}
  .gethusd-block .gethusdTitle {background-image: url(/static/images/bg_buy_mobile.png) !important;height: 262px !important;}
  .gethusd-block .gethusdTitle .maxWidthDiv {max-width: 100% !important;}
  .gethusd-block .gethusdTitle .maxWidthDiv .text-left {margin-top: 60px !important;}
  .gethusd-block .gethusdTitle .maxWidthDiv .text-left h5 {font-size: 26px !important; line-height: 26px !important;margin-bottom: 20px !important;}
  .gethusd-block .gethusdTitle .maxWidthDiv .text-left .text-content {width: 70%;}
  .gethusd-block .gethusdTitle .maxWidthDiv .text-left .text-content p {font-size: 14px !important; line-height: 22px !important;}
  /*.gethusd-block .nav-link {width: 25% !important;margin: 0 !important;font-size: 14px !important;height: 60px !important;line-height: 20px !important;padding: 10px 0 !important;text-align: center !important;}*/
  .gethusd-block .nav-link img {display: none}
  .gethusd-block .tab-content > .tab-pane h4 {display: none !important;}
  .gethusd-block .tab-content > .tab-pane {font-size: 16px !important;text-align: left !important;padding: 0 !important;}
  .gethusd-block .tab-content > .tab-pane .row > div p, .gethusd-block .tab-content > .tab-pane .row > div span a{font-size: 18px !important;line-height: 28px !important; margin-bottom: 8px !important;}
  .gethusd-block .tab-content > .tab-pane .row > div p.subTitle {font-size: 14px !important;line-height: 180% !important; margin-bottom: 14px !important;}
  .gethusd-block .tab-content > .tab-pane .row > div{margin-bottom: 0 !important;}
  .gethusd-block .nav-link img {width:21px;margin: 0 !important;}
  .gethusd-block .tab-content > .tab-pane .row > div{padding:0 !important;}
  .gethusd-block .tab-content > .tab-pane .pb-2 img {width: 60px !important; vertical-align: top !important; margin-top: 40px !important;margin-right: 12px !important;}
  .gethusd-block .oText {margin-top: 40px !important;vertical-align: top !important;width: calc(100% - 78px) !important;}
  /****caoy ä¿®æ”¹How to get husd*/
  .gethusd-block .nav{flex-wrap: nowrap!important;
      overflow-x: auto;
      display: -webkit-box!important;
      /*é€‚åº”è‹¹æžœ*/
      -webkit-overflow-scrolling:touch;}
  .gethusd-block .nav-link {width:150px!important;padding:10px 25px;font-size:14px!important;height:60px!important;line-height: unset!important;text-align: center;vertical-align: middle;/*flex å¸ƒå±€*/
      display: flex!important;
      /*å®žçŽ°åž‚ç›´å±…ä¸­*/
      align-items: center;
      /*å®žçŽ°æ°´å¹³å±…ä¸­*/
      justify-content: center;
      margin:unset!important;
  }
  .gethusd-block .tab-content > .list .row > div {align-items: center;}
  .gethusd-block .nav::-webkit-scrollbar {
    display: none;
  }
  .tabNav {
    margin-top: -30px !important;
    margin-left: 6% !important;
  }
  .gethusd-block .tabNav .nav {padding: 5px !important;}
  .nav-pills .nav-link {line-height: 13px !important; font-size: 13px !important;padding: 12px !important;height: auto !important; width: auto !important;}
  /**ä¿®æ”¹ç»“æŸ*/

  /*å¼¹æ¡†*/
  .modal-demo {width: 100% !important;} .scene-block .text-left {padding: 0 !important;text-align: center !important}
  .custom-modal-title {background-image: url(/static/images/bg-modal.png);width:100% !important;height:92px;}
  .custom-modal-text {padding: 2rem 2.5rem !important;}

  /*åˆä½œä¼™ä¼´*/
  .partner-block{height: auto !important;padding:0 !important;}
  .partner-block .container{padding: 0 30px !important;width:100%!important;height: unset!important;}
  .partner-block .row{margin-right: 0;margin-left: 0;padding-top:0!important;}
  .partner-block .py-5{padding:0 !important;padding: 0 0 21px !important;}
  .partner-block h4{font-size: 28px !important;}
  .partner-block .oDesc a img{width:142px !important;height:48px !important;}
  .partner-block h4 {margin-bottom: 36px !important;}
  .partner-block h3 {font-size: 18px !important;line-height: 18px !important;}
  .partner-block .subTitle {font-size: 12px !important;line-height: 18px !important;margin-bottom: 20px !important;max-width: 240px !important;margin: 0 auto;}
  /* .partner-block .row div {line-height: 53px !important;flex:0 0 calc(50%)!important;height:53px!important;margin: 0 0 20px 0!important; padding: 0;} */
  .partner-block .row div:nth-of-type(1), .partner-block .row div:nth-of-type(2) {padding-right:0 !important;}
  /* .partner-block .row div:nth-of-type(2n+1){padding:0 0 0 5% !important;text-align: left;} */
  /* .partner-block .row div:nth-of-type(2n){padding:0 5% 0 0 !important;text-align: right;} */
  .bg_partners h4 {padding: 40px 0 !important; margin-top: 80px !important;margin-bottom: 0 !important;}
  .bg_partners .container .mobileData {display: block !important;margin-bottom: 30px;}
  .bg_partners .container .mobileData li {
    display: inline-block;
    width: 40px;
    height: 4px;
    margin: 0 2px;
    background: rgba(17, 25, 38, 0.04);
  }
  .bg_partners .container .mobileData li.show {background: #237BFF;}
  .bg_partners .container .oData.hide {display: none;}
  .bg_partners .container .maxWidthDiv .col-4 {max-width: 100% !important;padding: 0 !important;}
  .bg_partners .container .maxWidthDiv {display: block;}
  .bg_partners .container .maxWidthDiv .oData {margin-bottom: 0 !important;}
  .bg_sign {margin-top: 0 !important;}
  .swiper-container {width: 100%;height: 100%;}
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .partner-block .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
    width: 310px;
  }
  .haveTitle .col-6.col-md a img {margin-right:17px !important;margin-bottom: 12px !important;}
  .haveTitle .col-6.col-md a:nth-child(2n+2) img {margin-right: 0px !important;margin-bottom: 12px;}

  /* .partner-block .row div:nth-of-type(1) img{content: url("/static/images/partner/m_hb_global.png?20200410");}
  .partner-block .row div:nth-of-type(2) img{content: url("/static/images/partner/m_ftx.png?20200410");}
  .partner-block .row div:nth-of-type(3) img{content: url("/static/images/partner/m_paxos.png?20200410");}
  .partner-block .row div:nth-of-type(4) img{content: url("/static/images/partner/m_lendf.png?20200410");}
  .partner-block .row div:nth-of-type(5) img{content: url("/static/images/partner/m_hb_wallet.png?20200410");}
  .partner-block .row div:nth-of-type(6) img{content: url("/static/images/partner/m_swft.png?20200410");}
  .partner-block .row div:nth-of-type(7) img{content: url("/static/images/partner/m_alchemy.png?20200410");}
  .partner-block .row div:nth-of-type(8) img{content: url("/static/images/partner/m_imToken.png?20200410");} */


  /*ç«‹å³æ³¨å†Œ*/
  .reg-block .py-5{padding:0px!important;}
  /*.reg-block .container {padding:0px!important;padding-top:41px!important;padding-left:38px!important;padding-right: 37px!important;}*/
  .reg-block {height:280px !important;} .reg-block h4 {font-size: 14px !important; line-height: 14px !important;}
  .reg-block .btn-primary{width:auto !important;height:42px !important;line-height: 42px !important;font-size: 16px !important;padding: 0 24px !important; margin: 0 !important;}
  .reg-block .container h1 {font-size: 20px !important; line-height: 20px !important; margin-bottom: 16px !important;}
  .bg_sign .iconImg {display: none;}
  /*footer*/
  footer {padding: 0 24px !important;}
  footer .footer-supports{height:128px!important; }
  footer .footer-supports .pb-2{width:96px;height: 28px;padding-bottom:0px!important;}
  footer .footer-supports div:first-child{margin-bottom:8px}
  footer .footer-menus{margin-bottom: 40px!important;}
  footer .footer-menu .text-muted{font-size:13px!important;height:16px;line-height: 16px;margin-top:18px!important;}
  footer .footer-menu ul:not(.contact) li:first-child .text-muted{margin-top:20px!important;}
  footer .contact .text-muted{margin-top:16px!important;}
  footer h5{height:25px;font-size:18px!important;}
  footer .copyright{height:34px!important;;font-size:10px;line-height:10px!important;padding-top:12px!important;padding-bottom:12px!important;}
  footer .copyright {
    display: flex;
    width: 100%;
    flex-flow: wrap-reverse;
    height: auto !important;
    padding: 35px 0 50px !important;
}
  footer .footer-content {padding: 0; margin-top: 48px;}
  .footerNav {width: 100% !important;}
  footer .footer-menus {margin-top: 30px; border-top: 1px solid rgba(17, 25, 38, 0.1);}
  footer .footer-menu {
    float: unset !important;
    display: inline-block;
    width: 49% !important;
    vertical-align: top;
  }
  footer .copyright .iconDiv a {margin-right: 20px !important;margin-bottom: 35px !important;}
}
@media (width: 320px) {
  .banner-block > .row {right: -210px;width: 300%;position: absolute !important;top: 210px;z-index: 0;}
  .bg-header .mr-md-auto {margin:0 0px 0 10px !important;}
  .bg-header h5 img {content: url(/static/images/375/logo.png);margin-right: 2rem;}
}

@media(min-width: 320px) and (max-width: 359px){
  .partner-block img{
    height: 40px !important;
    width: auto !important;
  }
}

@media(min-width: 320px) and (max-width: 359px){
	.partner-block img{
		height: 40px !important;
	}
}

@media(min-width: 321px) and (max-width: 359px){
  .partner-block .col-6 {
    width: 260px;
  }
}

@media(min-width: 360px) and (max-width: 365px){
	.haveTitle .col-6.col-md a img {
    margin-right: 11px !important
  }
}

@media (width: 414px) {
  .banner-block > .row {right: -240px;width: 310%;position: absolute !important;top: 160px;z-index: 0;}
}

@media screen and (min-width:500px) and (max-width:768px){
  .partner-block .container{
    padding: 40px 55px 44px;
  }
}

@media (min-width: 576px){
  .col-sm-6 {
    max-width: unset;
  }
}

@media (width: 768px) {
  .scene-block .text-left {padding: 0 !important;}
  .banner-block > .row {right: -240px;width: 300%;position: absolute !important;top: 180px;z-index: 0;}
  .scene-block .row:nth-of-type(3) .col-12:nth-of-type(1){-webkit-box-ordinal-group: 1;-ms-flex-order: 1;order: 1;}
  .scene-block .row:nth-of-type(3) .col-12:nth-of-type(2){-webkit-box-ordinal-group: 2;-ms-flex-order: 2;order: 2;}
}

@media (min-width: 769px) and (max-width: 850px){
  /* .row.animated.fadeInUp .col-6 img {
    height: auto;
	width: 120px;
  }
  .col-6.col-md {
      padding: 0 2% !important;
  } */
  .haveTitle .col-6.col-md{
    margin: 0 auto !important;
    padding: 0;
    width: 604px;
  }
  .haveTitle .col-6.col-md a img {margin-right: 8px;margin-bottom: 24px;}
  .haveTitle .col-6.col-md a:nth-child(6n+6) img {margin-right: 8px !important;}
  .haveTitle .col-6.col-md a:nth-child(5n+5) img {margin-right: 8px;}
  .haveTitle .col-6.col-md a:nth-child(4n+4) img {margin-right: 8px;}
  .haveTitle .col-6.col-md a:nth-child(3n+3) img {margin-right: 0;}
}

@media (min-width: 851px) and (max-width: 937px){
  /* .row.animated.fadeInUp .col-6 img {
    height: auto;
	width: 120px;
  }
  .col-6.col-md {
      padding: 0 2.5% !important;
  } */
  .haveTitle .col-6.col-md{
    margin: 0 auto !important;
    padding: 0;
    width: 804px;
  }
  .haveTitle .col-6.col-md a img {margin-right: 8px;margin-bottom: 24px;}
  .haveTitle .col-6.col-md a:nth-child(6n+6) img {margin-right: 8px !important;}
  .haveTitle .col-6.col-md a:nth-child(5n+5) img {margin-right: 8px;}
  .haveTitle .col-6.col-md a:nth-child(4n+4) img {margin-right: 0;}
}

@media (min-width: 500px) and (max-width: 999px){
  body.en-US .footer-menus{float: left;margin-top: 20px;}
  body.en-US .footer-menu{margin-left: unset;margin-right: 100px;}
}

@media (width: 1200px) {}

.en-text {top: 152px;}/**caoy 1.8 ä¿®æ”¹ä¸º152**/
.zh-text {top: 252px;} /**caoy 1.8 ä¿®æ”¹ä¸º196**/
.en-text h5 {opacity: 0.8}
.text-banner .smalltitle{height:48px;line-height: 48px;width:513px;color: #475060;
  border-radius:3px; margin-bottom: 40px;}

.text-banner .smalltitle img{width:32px;height:32px;margin-left:9px;vertical-align: middle;margin-top: -2px;}
.text-banner .smalltitle .bigtext{font-family:NunitoSans-Bold,NunitoSans;margin-bottom: 0px; margin-left:0px;width:67px;height:23px;vertical-align: middle; font-weight: bold;font-size:23px;line-height: 23px;color: #237BFF;}
.text-banner .smalltitle .smalltext{font-family:NunitoSans;margin-bottom: 0px; margin-left:4px;height:22px;vertical-align: middle; font-size:22px;line-height: 22px;opacity: 0.8}

@media screen and (min-width:320px) and (max-width:500px) {
  body.en-US footer .footer-menus{margin-top: 20px;}
}

@media screen and (min-width:769px) and (max-width:1024px) {
  .text-banner {width: 450px;position: absolute;z-index: 999;color: #fff;}
  .text-banner h2 {font-size: 40px !important;} .text-banner.zh-text h5 {font-size: 24px;} .text-banner h6 {font-size: 18px !important;}
  .bg-header .mr-md-3 {margin-right:64px !important;}
  .notice-block .notice-title:nth-of-type(2):after{display: none !important;}
  .notice-block .notice-title:nth-of-type(3){display: none !important;}
  .notice-block .notice-title:nth-of-type(3):after{display: none !important;}
  .zh-text {top: 105px;}
  .en-text {top: 63px;}
}

@media (min-width: 1000px) and (max-width: 1200px) {
  body {
    width: 1200px;
    /* overflow: auto; */
  }
  .scene-block .chooseBgDiv img {
    width: 1200px;
    left: 0 !important;
  }
}

@media screen and (min-width:1025px) and (max-width:1366px) {
  .text-banner {width: 450px;position: absolute;z-index: 999;color: #fff;}
  .bg-header .mr-md-3 {margin-right:64px !important;} #lottie {height: 680px;}
}

@media screen and (min-width:1367px) and (max-width:1919px) {
  .text-banner {width: 450px;position: absolute;z-index: 999;color: #fff;}
  .bg-header .mr-md-3 {margin-right:64px !important;}#lottie {height: 680px;}
}
@media screen and (min-width:1920px) and (max-width:2559px) {
  .text-banner {width: 450px;position: absolute;z-index: 999;color: #fff;}
  .text-banner .pt-4{padding-top: 3rem !important} .text-banner .pt-2{padding-top: 1rem!important;}
  .bg-header .mr-md-3 {margin-right:64px !important;} #lottie {height: 680px;}
}
@media screen and (min-width:2560px){
  #lottie {position: relative;left: 20rem;max-height: 680px;} #lottie svg{max-width: 1920px;/*max-height: 766px;*/}
  .text-banner {position: absolute;z-index: 999;color: #fff;}
  .bg-header .mr-md-3 {margin-right:64px !important;}
}

.dropdown-toggle::after {
    width: 6.5px;
    height: 6.5px;
    border:#111926 solid;
    border-width: 1px 1px 0 0;
    transform: rotate(135deg);
    display: inline-block;
    margin-left: 4px;
    opacity: 0.8;
}

.dropdown-toggle:hover::after {
  opacity: 1;
  transform: rotate(315deg);
  vertical-align: 0;
}

.dropdown:hover > .dropdown-toggle::after {
  opacity: 1;
  transform: rotate(315deg);
  vertical-align: 0;
}

.dropdown:hover > .dropdown-toggle {
  opacity: 1;
}
.bg-header .notices.pc {display:block}
.bg-header .notices.mobile {display:none}
.bg-header nav > a,
.bg-header nav .dropdown > a {
  margin-left: 0px;
  font-size:14px;
  font-family: Rubik;
  font-weight:500;
  color: #111926 !important;
  padding: 0;
  line-height: 34px;
  vertical-align: middle;
  opacity: 1;
  position: relative !important;
}
html[lang="en-US"] .bg-header nav > a, html[lang="en-US"] .bg-header nav .dropdown > a {
	font-family: NunitoSans;
}
/* .bg-header nav > a:last-child {margin-left: 40px;} */
.bg-header nav > a:hover, .bg-header nav .dropdown > a:hover {opacity: 1;text-decoration: none}

.bg-header nav .btn.focus,.bg-header nav .btn:focus {outline: none!important;box-shadow: none!important;}
.bg-header nav .dropdown {display: inline-block!important;}
.bg-header nav .dropdown-menu {right: -15px; left: unset; margin-top: -12px; padding: 10px 0;}
.bg-header nav .dropdown-menu.en {right: -15px; left: unset;}
.bg-header nav .dropdown-menu.zh {right: -15px; left: unset;}
.bg-header nav .dropdown:hover>.dropdown-menu {display: block;}

.bg-header nav .dropdown>.dropdown-toggle:active {pointer-events: none;}
.bg-header .profile-menu {min-width: unset;border-radius:3px;border: none;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.11);background: #FFFFFF;}
.bg-header .profile-menu a {
  height: 40px;
  width: 158px;
  background:rgba(255,255,255,1);
  border-radius:0px;

  font-size:14px;
  font-family:PingFang;
  font-weight:400;
  color:#111926;
  line-height:40px;

  padding: 0 0 0 24px;
  z-index: 5;
  opacity: 1;
}

.bg-header nav .user-center {margin: 0 10px 0 20px}
.bg-header nav .text-white {font-family: PingFang !important; color: #111926 !important;font-size: 14px !important;line-height: 180% !important; padding: 8px 15px !important;border-radius: 6px !important; vertical-align: middle !important;}
.bg-header nav .dropdown-menu.language {border: 1px solid #E2E3E5 !important;padding: 16px 0 !important;width: 160px !important;box-shadow: none;}
.bg-header nav .dropdown-menu.language .guest {font-size: 16px !important; line-height: 16px !important; padding: 16px 12px !important;color: rgba(17, 25, 38, 0.72) !important;}
.bg-header nav .text-language a.dropdown-item.active.member, .bg-header nav .text-language a.dropdown-item.active.guest {text-decoration: none !important;color: #237BFF !important;background-color: #F5FAFF !important;}
.bg-header nav .dropdown-menu.language a {  
  display: block;  
  font-size: 16px;
  line-height: 16px;
  height: auto;
  text-decoration: none !important;
  padding: 16px 12px !important;
  color: rgba(17, 25, 38, 0.72);
}

html[lang="en-US"] .bg-header .profile-menu a{
	font-family: NunitoSans;
}
#logout {
  width: auto !important;
  height: 38px;
  border: 1px solid #237BFF;
  border-radius: 8px;
  color: #237BFF;
  padding: 0 24px;
  margin-left: 20px;
  line-height: 36px;
  display: inline-block;
}

.bg-header .profile-menu.en a {
  width: 180px;
}
.bg-header .profile-menu a:hover {background: #F5FAFF;}
.bg-header .profile-menu a:active {color: #0B47DC!important}

.text-banner {width: 746px;margin-left:50px} .nav-link {padding: 0;}
.text-banner .pt-4{padding-top: 0} .text-banner .pt-2{padding-top: 1rem!important;}
.text-banner.en-text{margin-left:15px;}
.text-banner.en-text h2 {font-family:NunitoSans;font-size: 44px;line-height: 44px;font-weight: unset;font-weight:bold;height:auto;margin-top:64px;color: #111926;}/***caoyä¿®æ”¹**/
.text-banner.en-text h5 {width:687px;
  font-family:NunitoSans;
  height:60px;
  font-size:18px;
  font-weight:400;
  color:#111926;
  opacity: 0.8;
  line-height:30px;margin-top:15px;margin-bottom: 24px;}

.text-banner.zh-text h2 {font-family:PingFang;font-size: 58px;line-height: 58px;font-weight: bold;color: #111926 !important;}
.text-banner.zh-text h5 {font-family:PingFang; opacity: 0.8;font-size: 36px;line-height: 36px;color: #111926;font-weight: bold;margin-bottom:47px;margin-top:28px;}

.modal-demo {background-color: #fff;width: 660px !important;border-radius: 8px;display: none;position: relative;}
.close:not(:disabled):not(.disabled) {cursor: pointer;}
.modal-demo .close {position: absolute;top: 30px;right: 25px;color: #CFD4D9;}
.modal-demo .close {padding: 0;background-color: transparent;border: 0;-webkit-appearance: none;}
.modal-demo .close {float: right;font-size: 1.5rem;font-weight: 700;line-height: 1;text-shadow: 0 1px 0 #fff;opacity: .5;outline: 0;}
.custom-modal-title {background-image: url(/static/images/bg-modal.png);width:660px;height:92px;}
.custom-modal-title h4 {line-height: 92px;font-size: 28px;color: #fff;text-align: center;margin: 0;font-weight:bold;}
.custom-modal-text {padding: 56px 55px 55px 48px;text-align: center;font-size: 16px;}
.custom-modal-text p:nth-of-type(1) {margin-bottom: 40px;}
.custom-modal-text p:nth-of-type(2) {margin-bottom: 32px;vertical-align: middle;line-height: 24px;font-size: 14px;color:#686974}
.custom-modal-text p:nth-of-type(2) img {margin-top: -2px;}
.custom-modal-text label {margin-bottom: 0;} .custom-modal-text .btn.disabled {opacity: 1;}
.custom-modal-text input {vertical-align: middle;} .custombox-modal-wrapper {text-align: left;}
.custom-modal-text .btn-note{color: #0B47DC;background-color: transparent;border: 1px solid #0B47DC;width: 360px;height: 48px;line-height: 36px;}
.custom-modal-text .btn-note:hover{background-color:#0B47DC;color:#fff;}
.custom-modal-text p:nth-of-type(2) label {vertical-align: middle;margin-left: 7px}
.custom-modal-text a.w-md {vertical-align: middle;padding: 0 !important;line-height: 48px !important;}
.custom-modal-text a.w-md span {display: inline-block;line-height: 48px !important;}

/*position: absolute;z-index: 999;width: 100%;background-color: transparent;*/
.bg-header {position: fixed;width: 100%;z-index: 9999;line-height: 65px;background-image: url(/static/images/headerBg.png); background-size: 100% 100%; background-repeat: no-repeat;}
.bg-header h1{line-height: 66px;margin: 64px;}
.bg-header nav {
    font-size: 0;
}
.headerLink {
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  color: rgba(17, 25, 38, 0.72);
  margin-left: 48px;
  text-decoration: none !important;
  vertical-align: middle;
  display: inline-block;
  margin-top: -2px;
}
.headerLink.active {
  color: #237BFF;
  margin-top: 12px;
  padding-bottom: 10px;
  border-bottom: 4px solid #237BFF;
}
.headerLink:hover {
  color: #237BFF;
}
.bg-header .container{max-width:1366px} #arrow{margin-left: 12px;}
.bg-header .txt_language:hover{opacity: 1;text-decoration: none;}
.bg-header .mr-md-auto {float: left;} .bg-header nav{float: right;} .btn{padding: .375rem .75rem .475rem;}
.bg-header .btn-login{color: #111926 !important;border-radius:3px;opacity: 1; border: 1px solid transparent !important; padding: 0 24px; border-radius: 6px;}
.bg-header .btn-register{opacity: 1; background: #237BFF !important; color: #fff !important; margin-left: 8px; border-radius: 6px; padding: 0px 24px;}
.bg-header .btn-register:hover{color: #fff !important;background-color: #0259DB !important;}
.txt_language.guest {margin-left: 32px !important;opacity: 0.8}
.txt_language.guest:hover {opacity: 1;}
.bg-header .btn-login:hover{background:transparent !important;border: 1px solid #237BFF !important; color: #237BFF !important;}
.text-banner .btn_gethusd {height:48px;font-weight: 500;line-height: 48px;background: #237BFF;color: #fff;border:none !important;padding: 0 30px;border-radius: 6px;}
.text-banner .btn_gethusd img {width: 16px;display: inline-block; margin-left: 6px;vertical-align: middle;margin-top: -2px;}
.text-banner .btn_gethusd:hover{background-color:#0259DB;color:#fff;border:none !important;}
.scene-block .btn-view{width:200px;height:48px;padding: .8rem;margin-top: 10px;} .scene-block .text-content .btn{border: none;}
.scene-block .btn-view:hover{color:#0B47DC;background-color: #fff;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.07);border: none;}
.gethusd-block .tab-content > .tab-pane .row > div a{font-size:16px;font-weight:400;color:rgba(191,204,221,1);text-decoration: none;padding: 0;margin: 0;line-height: 48px}
.gethusd-block .tab-content > .tab-pane .row > div a:hover{color: rgba(255,255,255,0.9);color:#fff;text-decoration: underline !important;}
.gethusd-block .btn-exchange{width:200px;height:48px;line-height: 48px;padding: 0;color: #fff !important;background: #0B47DC;border:none !important;}
.gethusd-block .btn-exchange:hover{background-color:#073CC2 !important;color:#fff;border:none !important;}
.gethusd-block .tab-content > .tab-pane .row > div .btn:nth-of-type(1):hover{background-color: #0B47DC;color:#fff;text-decoration: none !important;}

.container {max-width: 100%;} .bg-dark {background-color: #fff !important;} .light-grey{color:#A1A7B4;opacity: 0.6;}
.maxWidthDiv {width: 1200px; display: flex; margin: 0 auto; position: relative;}
.gethusd-block .container, .haveTitle .container, .reg-block .container {max-width: 1200px !important;}
.btn {border-radius: 2px;} .btn-primary {background: #237BFF; border-radius: 6px; color:#fff;}
.badge-warning {color: #212529;background-color: #F4B76E;}
.section-padding {padding-top: 88px;padding-bottom:85px;text-align: center;}
.section-head {margin-bottom: 45px; background-image: url(/static/images/chooseBg.png); background-size: 100% 100%; background-repeat: no-repeat; height: 410px; width: 100%;}
.section-head .title-white {color: #fff; }
.section-head h2 {
  margin-left: 378px;
  padding-top: 80px;
  font-weight: 500;
  font-size: 60px;
  line-height: 60px;
  color: #111926;
  text-align: left;
}
.section-head p {
  margin-top: 20px;
  margin-left: 378px;
  font-weight: normal;
  font-size: 22px;
  line-height: 180%;
  color: rgba(17, 25, 38, 0.72);
  text-align: left;
  max-width: 720px;
}
.btn-secondary {width:auto;height:36px;color: #fff;background-color: transparent;border:0px;}
.btn-outline-light {width:auto;height:36px;background-color: #fff;color:#181A28;}
.btn-outline {color:#fff;background-color: transparent;border:1px solid rgba(138,155,166,0.45);}
.btn-light{color:#222;background:rgba(255,255,255,1);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.07);}
.nav-pills .nav-link.active {
  font-weight:800;
  background: #237BFF;
  border-radius: 100px;
}
.text-banner .btn:hover, .text-banner .btn_gethusd:hover{border:none !important;}
.gethusd-block .btn:hover, .gethusd-block .btn-exchange:hover{border:none !important;}
.tabNav {
  margin-top: -50px;
  margin-left: 8%;
}
.tabNav .nav-link{
  padding: 20px 54px;
  display: inline-block;
  color: #111926;
  font-size: 18px;
  line-height: 24px;
}
.tabNav .nav-link:last-child{
  margin-right: 0;
}
.tabNav .nav {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0px 6px 8px rgba(230, 239, 253, 0.5), inset 0px 4px 10px rgba(194, 215, 247, 0.5);
  border-radius: 100px;
  flex-direction: inherit !important;
  padding: 15px 20px 10px !important;
}

@media screen and (max-width: 1900px) {
  .reg-block .container {padding:0px;padding-top:400px !important;padding-left:38px;padding-right: 37px;}
}

@media (min-width: 1601px) and (max-width: 1700px) {
  .tabNav {
    margin-left: 10%;
  }
  .tabNav .nav-link {
    padding: 20px 45px;
  }
}

@media (min-width: 1501px) and (max-width: 1600px) {
  .tabNav {
    margin-left: 12%;
  }
  .tabNav .nav-link {
    padding: 15px 40px;
  }
}

@media (min-width: 1401px) and (max-width: 1500px) {
  .tabNav {
    margin-left: 14%;
  }
  .tabNav .nav-link {
    padding: 15px 40px;
    font-size: 18px;
    line-height: 20px;
  }
}

@media (min-width: 1301px) and (max-width: 1400px) {
  .tabNav {
    margin-left: 15%;
  }
  .tabNav .nav-link {
    padding: 15px 40px;
    font-size: 18px;
    line-height: 20px;
  }
}

@media (min-width: 1000px) and (max-width: 1300px) {
  .tabNav {
    margin-left: 20%;
  }
  .tabNav .nav-link {
    padding: 10px 30px;
    font-size: 16px;
    line-height: 18px;
  }
}

@media (min-width: 1000px) and (max-width: 1200px) {
  .scene-block {overflow: hidden;}
  .scene-block .chooseBg .bottomBg {width: 1200px;}
}

.banner-block {background-image: url(/static/images/bannerBg.png); background-repeat: no-repeat; background-size: 100% 100%;overflow: hidden;}
.banner-block {position: relative;min-height: 716px;padding-bottom:80px;}
.banner-block .bannerImg {
  position: absolute;
  right: 0;
  bottom: -20px;
  z-index: 1;
}
.banner-block .pao1 {
  position: absolute;
  right: 2%;
  bottom: 45%;
  z-index: 2;
}
.banner-block .pao2 {
  position: absolute;
  right: 9%;
  bottom: 59%;
  z-index: 1;
}
.banner-block .pao3 {
  position: absolute;
  right: 25%;
  bottom: 40%;
  z-index: 2;
}
.banner-block .husdpao {
  position: absolute;
  right: 13%;
  bottom: 34%;
  z-index: 2;
}
.banner-block .husdpao img {
  width: 80%;
}
.floating {
  -webkit-animation: floating 2.5s ease infinite;
  animation: floating 2.5s ease infinite;
  will-change: transform;
}
.floating1 {
  -webkit-animation: floating1 3s ease infinite;
  animation: floating1 3s ease infinite;
  will-change: transform;
}
.floating2 {
  -webkit-animation: floating2 4s ease infinite;
  animation: floating2 4s ease infinite;
  will-change: transform;
}
.floating3 {
  -webkit-animation: floating3 5s ease infinite;
  animation: floating3 5s ease infinite;
  will-change: transform;
}
@-webkit-keyframes floating {
  0% {
    transform: translateY(0)
  }
  50% {
    transform: translateY(10px)
  }
  to {
    transform: translateY(0)
  }
}
@keyframes floating {
  0% {
    transform: translateY(0)
  }
  50% {
    transform: translateY(10px)
  }
  to {
    transform: translateY(0)
  }
}

@-webkit-keyframes floating1 {
  0% {
    transform: translateY(0)
  }
  50% {
    transform: translateY(30px)
  }
  to {
    transform: translateY(0)
  }
}
@keyframes floating1 {
  0% {
    transform: translateY(0)
  }
  50% {
    transform: translateY(30px)
  }
  to {
    transform: translateY(0)
  }
}

@-webkit-keyframes floating2 {
  0% {
    transform: translateY(0)
  }
  50% {
    transform: translateY(25px)
  }
  to {
    transform: translateY(0)
  }
}
@keyframes floating2 {
  0% {
    transform: translateY(0)
  }
  50% {
    transform: translateY(25px)
  }
  to {
    transform: translateY(0)
  }
}

@-webkit-keyframes floating3 {
  0% {
    transform: translateY(0)
  }
  50% {
    transform: translateY(30px)
  }
  to {
    transform: translateY(0)
  }
}
@keyframes floating3 {
  0% {
    transform: translateY(0)
  }
  50% {
    transform: translateY(30px)
  }
  to {
    transform: translateY(0)
  }
}
.banner-block > .row{height: 100%;overflow: hidden;position: inherit;}
.banner-block .notices {
    width: 100%;
    position: absolute;
    bottom: 290px;
    z-index: 999;
}
.statistics {width: 100%;color: #fff;position: relative;margin-top: -125px;z-index: 999;background:transparent;padding: 48px 0 40px;box-shadow:none;}
.statistics .oData {background-color: #fff; padding: 50px 0; max-width: 31%; flex: 0 0 31%; margin: 0 1%;box-shadow: 0px 34px 38px rgba(28, 84, 167, 0.08); border-radius: 10px; text-align: center;}
.statistics .oData div {
  display: inline-block;
  vertical-align: middle;
}
.statistics .oData div img {
  margin-right: 20px;
  margin-top: 4px;
}
.statistics p {margin-bottom: .5rem;}
.statistics .stat-title{margin-top: 20px; font-size:16px;line-height: 16px; color:rgba(17, 25, 38, 0.56);text-align: left;}
.statistics .num {margin-bottom: 0; font-size: 26px; line-height: 26px;font-weight: 500;color:#111926;text-align: left;}
.statistics .statistics-title {opacity: 0.9; font-size: 26px; line-height: 26px; font-weight: 600; text-align: center; margin-bottom: 40px;}
.statistics .button-container {padding-top:40px; padding-bottom:44px; background: rgba(5,16,30,1)}
.notice-container{width:100%}
.notice-block {
  margin: 0 auto;
  /* background-image: linear-gradient(to right, #D8E4FB, #F4F7FA, #F4F7FD) !important; */
  background-color: #F2F4F7;
  color: rgba(17, 25, 38, 0.72);
  height: 56px;
  line-height: 56px;
  font-weight:400;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}
.notice-block .notice-wrap {
  display: inline-block;
  height: 56px;
  vertical-align: middle;
}
.notice-block label.notice-tip {
  font-size:13px;
  font-family:PingFang-Bold,PingFang;
  font-weight:bold;
  margin-right: 16px;
  margin-bottom: 0;
}
html[lang="en-US"] .notice-block label.notice-tip{
	font-family: NunitoSans-Bold, NunitoSans;
}
.notice-block .wap {
    display: inline-block;
    height: 20px;
    line-height: 18px;
    font-size: 12px;
    color: rgba(17, 25, 38, 0.72);
    /* border: 1px solid #5F8DFF; */
    border-radius: 3px;
    vertical-align: middle;
    padding: 0px 10px;
    margin-right: 24px;
}
.notice-block li.notice-title {
  font-size:13px;
  font-family:PingFang;
  white-space: nowrap;
  overflow: hidden;
}

@media (min-width: 1920px) {
  .banner-block .bannerImg {
    right: -500px;
  }
  .banner-block .pao1 {
    position: absolute;
    right: 14%;
    bottom: 49%;
    z-index: 2;
  }
  .banner-block .pao2 {
    position: absolute;
    right: 21%;
    bottom: 61%;
    z-index: 1;
  }
  .banner-block .pao3 {
    position: absolute;
    right: 34%;
    bottom: 40%;
    z-index: 2;
  }
  .banner-block .husdpao {
    position: absolute;
    right: 25%;
    bottom: 34%;
    z-index: 2;
  }
}

@media screen and (max-width: 1920px) {
  .banner-block .bannerImg {
    right: -900px;
  }
}

html[lang="en-US"] .notice-block li.notice-title{
	font-family: NunitoSans;
}
.notice-block li {
  display: inline-block;
  height: 56px;
  list-style-type: none;
}
.notice-block li a {
  text-decoration: none;
  color: rgba(17, 25, 38, 0.72);
}
/* .notice-block li a:hover {
  color: rgba(255,255,255,1);
} */
.notice-block div a {
  text-decoration: none;
  color: rgba(255,255,255,0.8);
}
.notice-block li.notice-title:before{
  content: "";
  padding: 0 21px;
  font-size: 12px;
  color: rgba(255,255,255,0.5);
  font-family:PingFang;
  font-weight:400;
}
html[lang="en-US"] .notice-block li.notice-title:before{
	font-family: NunitoSans;
}
.notice-block li.notice-title:nth-of-type(1):before{content: "";display: none;}

/*HUSDçš„åº”ç”¨åœºæ™¯*/
.scene-block .row-eq-height .col-12{margin: auto;} .scene-block .text-left {padding: 0 5rem;}
/*.scene-block .row-eq-height img {max-width: 500px;}*/
.scene-block .text-content {max-width:435px;font-size: 0;font-weight:400;color:#181A28;line-height: 32px}
.scene-block .text-content p {margin-bottom: 24px;font-size: 18px;color: rgba(17, 25, 38, 0.72);}
.scene-block .text-content a {margin-top: 10px;font-size: 16px;line-height: 16px;display: inline-block;color: #237BFF;border: 1px solid #237BFF;padding: 20px 24px;border-radius: 6px;}
.scene-block .text-content a img {
  width: 16px !important;
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
  margin-top: -2px;
}
.scene-block .text-content a .hoverHide {
  display: inline-block;
}
.scene-block .text-content a .hoverShow {
  display: none;
}
.scene-block .text-content a:hover {color: #fff;background-color: #237BFF;text-decoration: none;}
.scene-block .text-content a:hover .hoverHide {
  display: none;
}
.scene-block .text-content a:hover .hoverShow {
  display: inline-block;
}
.scene-block .btn-light {font-size: 14px;}
/* .scene-block {padding-top: 155px;} */
.scene-block h2 {font-weight:bold;color:rgba(24,26,40,1);font-size: 34px;}
.scene-block h5 {font-size: 40px;font-weight:800;color:rgba(24,26,40,1);margin-bottom: 32px;}
.scene-block h4, .merit-block h4, .partner-block h4 {font-size: 34px;font-weight:bold;color:rgba(24,26,40,1);line-height: 34px;margin-bottom: 72px;}
.scene-block .section-subTitle {
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 138px;
  font-weight: 400;
  font-size: 22px;
  line-height: 22px;
  color: #545963;
  margin-top: 40px;
}
.scene-block .section-subTitle p span {
  color: #111926;
  font-weight: bold;
}
.scene-block .section-subTitle p a img {display: inline-block; margin-left: 12px; width: 20px; margin-top: -2px;}
.scene-block .chooseBgDiv {
  position: relative;
  max-width: 1200px;
  margin: 0 auto 37px;
}
.scene-block .chooseBg {
  position: relative;
}
.scene-block .chooseBg .bottomBg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -70px;
  margin: 0 auto;
}
.partner-block h3 {font-size: 28px;font-weight: bold;color:#181a28;line-height: 180%;color: #237BFF}
.partner-block .subTitle {font-size: 16px;font-weight: normal;color: rgba(17, 25, 38, 0.56);line-height: 180%;margin-top: 8px;margin-bottom: 28px;}

/*å¦‚ä½•èŽ·å–HUSD*/
.gethusd-block{color:#fff;}
.gethusd-block .gethusdTitle {background-image: url(/static/images/bg_buy.png);background-repeat: no-repeat;background-size: 100% 100%;background-position-x: center;background-position-y: center;padding-bottom:18px;}
.gethusd-block .tab-content > .tab-pane {text-align: left !important;font-size:18px;font-weight:400;color:rgba(191,204,221,1);}
.gethusd-block .gethusdTitle .maxWidthDiv {
  max-width: 1200px;
}
.gethusd-block .tab-content > .tab-pane .pb-2 img {
  width: 100px;
  margin-right: 40px;
  vertical-align: middle;
  margin-top: 80px;
}
.gethusd-block .oText {display: inline-block; vertical-align: middle;width: calc(100% - 150px);margin-top: 80px;}
.gethusd-block .tab-content > .tab-pane .ml-2 {
  font-weight: 500 !important;
  font-size: 24px !important;
  line-height: 180% !important;
  color: #111926 !important;
  vertical-align: middle !important;
  margin-bottom: 16px !important;
  margin-left: 0 !important;
}
.gethusd-block .tab-content > .tab-pane .subTitle {
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 180%;
  color: rgba(17, 25, 38, 0.72);
  margin-bottom: 10px !important;
}
.gethusd-block .tab-content > .tab-pane .oText a {
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 24px !important;
  line-height: 180% !important;
  color: #237BFF !important;
}
.gethusd-block .gethusdTitle .maxWidthDiv .text-content {max-width:435px;font-size: 0;font-weight:400;color:#181A28;line-height: 32px}
.gethusd-block .gethusdTitle .maxWidthDiv .text-content p {margin-bottom: 24px;font-size: 18px;color: rgba(17, 25, 38, 0.72);}
.gethusd-block .gethusdTitle .maxWidthDiv .text-content a {margin-top: 10px;font-size: 16px;line-height: 16px;display: inline-block;color: #237BFF;border: 1px solid #237BFF;padding: 20px 24px;border-radius: 6px;}
.gethusd-block .gethusdTitle .maxWidthDiv .text-content a img {
  width: 16px !important;
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
  margin-top: -2px;
}
.gethusd-block .gethusdTitle .maxWidthDiv .btn-light {font-size: 14px;}
.gethusd-block .gethusdTitle .maxWidthDiv h2 {font-weight:bold;color:rgba(24,26,40,1);font-size: 34px;}
.gethusd-block .gethusdTitle .maxWidthDiv h5 {font-size: 40px;font-weight:800;color:rgba(24,26,40,1);margin-bottom: 32px;}
.gethusd-block .gethusdTitle .maxWidthDiv h5 span {color: #237BFF;}

.gethusd-block .tab-content > .tab-pane h4{font-size: 34px;font-weight:800;color:rgba(255,255,255,1);margin-bottom: 1.9rem;}
.gethusd-block .tab-content > .tab-pane .row > div{color:rgba(191,204,221,1);margin-bottom: 1.5rem;}
.gethusd-block .tab-content > .tab-pane .row > div p{font-size: 18px;line-height: 32px;margin-bottom: 2.4rem;}
/*.gethusd-block .tab-content > .tab-pane .row > div:last-child{margin-bottom:0px !important;}*/
/* .gethusd-block .tab-content > .tab-pane:last-child .row div {margin-bottom:0px ;} */

/*HUSDçš„ä¼˜åŠ¿*/
.merit-block h6{padding:1em;font-weight: 700;}
.merit-block h6{font-size:22px}
.merit-block p{font-size:16px;max-width: 310px;}
.leftImg {text-align: center;}
.row.row-eq-height.animated.fadeInUp img {width: 70%;}
.sceneDiv {
  padding: 120px 0;
  position: relative;
}
.sceneDiv:nth-child(3) {
  background: #F5FAFF;
}
/*åˆä½œä¼™ä¼´*/
.partner-block {background-color: #FFFFFF; text-align: center;}
/*.partner-block img{width:256px;}*/
/* .partner-block .row div {flex: 0 0 calc(20%);line-height: 100px;height:100px;margin: 0 auto;} */
.haveTitle .col-6.col-md {margin: 0 auto !important;padding: 0;text-align: left;font-family: NunitoSans;}
.unTitle .col-6.col-md {margin: 0 !important;padding: 0 45px;}
/* .partner-block .row div:nth-of-type(1) {margin-bottom:80px;} */
/* .partner-block .row div:nth-of-type(5) {padding-left:45px;} */
/* .partner-block .row div:nth-of-type(2) {margin-bottom:80px; *//* padding-left:45px; */}
/*.partner-block .row div:nth-of-type(3) {margin-bottom:80px;} 
.partner-block .row div:nth-of-type(4) {margin-bottom:80px;} */
.bg_partners{background-image: url(/static/images/bg_partners.svg);background-repeat: no-repeat;background-size: cover;background-position-x: center;background-position-y: center;}
.partner-block .container {padding: 0;width:100%;margin: 0 auto}
.reg-block .container {padding: 4rem 0 3rem;}
.partner-block .row{margin: 0 auto; width: 100%;}
.bg_partners h4 {background-image: url(/static/images/ecosystemBg.png);background-repeat: no-repeat;background-size: 100% 100%; padding: 140px 0 100px; margin-top: 120px; margin-bottom: -50px;}
.bg_partners .maxWidthDiv .hide img, .bg_partners .maxWidthDiv .show img {width: 110px;}
.bg_partners .maxWidthDiv .hide .showImg {display: inline-block;}
.bg_partners .maxWidthDiv .hide .activeImg {display: none;}
.bg_partners .maxWidthDiv .show .showImg {display: none;}
.bg_partners .maxWidthDiv .show .activeImg {display: inline-block;}
.bg_partners .maxWidthDiv .show .subTitle {
  display: block;
}
.bg_partners .maxWidthDiv .hide .subTitle {
  display: none;
}
.bg_partners .maxWidthDiv .hide h3 {
  font-size: 22px;
  line-height: 180%;
  text-align: center;
  color: #111926;
}
.bg_partners .maxWidthDiv .oData {
  cursor: pointer;
  margin-bottom: 40px;
}
.haveTitle .col-6.col-md a img {margin-right: 8px;margin-bottom: 24px;}
.haveTitle .col-6.col-md a:nth-child(6n+6) img {margin-right: 0;}
.partner-title {
  width: 100%;
  min-width: 140px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 16px;
  word-break: break-all;
  display: inline-block;
  color: #222;
  font-weight: bold;
  margin-bottom: 20px;
}
@media (min-width: 769px) {
  .partner-title {
    text-align: left;
    font-size: 28px;
    padding: 0 2% !important;
    margin-top: 40px !important;
  }
}

.partner-description {
  width: 100%;
  min-width: 140px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14px;
  word-break: break-all;
  display: inline-block;
  color: #222;
  font-weight: bold;
  margin-bottom: 20px;
}
@media (min-width: 769px) {
  .partner-description {
    text-align: left;
    font-size: 16px;
    padding: 0 2% !important;
  }
}

/**ç«‹å³æ³¨å†Œ*/
.reg-block.py-5{padding:0 0 50px!important;}
.reg-block .mt-5{padding-bottom:80px; margin-top:32px;position: relative;display: inline-block;}
.reg-block .container {padding:0px;padding-top:20%;padding-left:38px;padding-right: 37px;}
.reg-block .container h1 {
  font-weight: 500;
  font-size: 54px;
  line-height: 64px;
  margin-bottom: 40px;
  color: #111926;
}
.reg-block {border-bottom: 1px solid #fff !important;text-align: center;color: #fff;}
.reg-block p {font-size: 16px;font-weight:400;color:rgba(38,100,255,1);}
.reg-block p:hover{font-weight:400;color:rgba(38,100,255,1);}
.reg-block h4{font-size: 32px;font-weight:800;color:rgba(17, 25, 38, 0.72);line-height:32px;} .reg-block .btn{border:none;}
.reg-block .btn-primary{width:240px;height: 60px;line-height:60px; font-size:18px;padding: 0;}
.reg-block .btn-primary img {
  width: 20px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  margin-top: -2px;
}
.reg-block .btn-primary:hover{background:#0259DB;}
.bg_sign{position:relative; background-image: url(/static/images/bg_sign.png);background-repeat: no-repeat;background-size: cover;background-position: center;margin-top:100px;}
.bg_sign .iconImg {position:absolute;right:-140px;bottom: -50px;}
@media (min-width: 1199px) and (max-width: 1213px){
  .haveTitle .col-6.col-md{
    margin: 0 auto !important;
    padding: 0;
    width: 1000px;
  }
  .haveTitle .col-6.col-md a img {margin-right: 8px;margin-bottom: 24px;}
  .haveTitle .col-6.col-md a:nth-child(6n+6) img {margin-right: 8px;}
  .haveTitle .col-6.col-md a:nth-child(5n+5) img {margin-right: 0;}
}

@media (min-width: 1012px) and (max-width: 1198px){
  .haveTitle .col-6.col-md{
    margin: 0 auto !important;
    padding: 0;
    width: 1000px;
  }
  .haveTitle .col-6.col-md a img {margin-right: 8px;margin-bottom: 24px;}
  .haveTitle .col-6.col-md a:nth-child(6n+6) img {margin-right: 8px;}
  .haveTitle .col-6.col-md a:nth-child(5n+5) img {margin-right: 0;}
}

@media (min-width: 1000px) and (max-width: 1011px){
  .haveTitle .col-6.col-md{
    margin: 0 auto !important;
    padding: 0;
    width: 796px;
  }
  .haveTitle .col-6.col-md a img {margin-right: 8px;margin-bottom: 24px;}
  .haveTitle .col-6.col-md a:nth-child(6n+6) img {margin-right: 8px;}
  .haveTitle .col-6.col-md a:nth-child(5n+5) img {margin-right: 8px;}
  .haveTitle .col-6.col-md a:nth-child(4n+4) img {margin-right: 0;}
}

@media (min-width: 938px) and (max-width: 999px){
  .haveTitle .col-6.col-md{
    margin: 0 auto !important;
    padding: 0;
    width: 796px;
  }
  .haveTitle .col-6.col-md a img {margin-right: 8px;margin-bottom: 24px;}
  .haveTitle .col-6.col-md a:nth-child(6n+6) img {margin-right: 8px;}
  .haveTitle .col-6.col-md a:nth-child(5n+5) img {margin-right: 8px;}
  .haveTitle .col-6.col-md a:nth-child(4n+4) img {margin-right: 0;}
}

@media (min-width: 938px) and (max-width: 1198px){
  .unTitle .col-6.col-md{
    margin: 0 !important;
    padding: 0;
  }
}


/*footer*/
footer{color:#fff;padding: 0 50px;} footer .contact li{float:left;padding-right: 18px;}
footer .container{padding: 80px 0;} footer ul{margin-bottom: 0;}
footer .copyright{border-top: 1px solid rgba(17, 25, 38, 0.1) !important;font-size: 12px;font-weight:400;color:rgba(161,167,180,0.6);line-height: 70px;}
footer .copyright p {display:inline-block;margin-bottom: 0;color: rgba(17, 25, 38, 0.4);}
footer .pb-2{padding-bottom: 1.2rem!important;}
footer h5{font-weight: 700;font-size: 20px;font-weight:bold;color:#111926;line-height:28px;margin-bottom: 20px;}
footer .text-muted{font-size: 16px;font-weight:400;color: rgba(17, 25, 38, 0.72) !important;margin-bottom: 8px;display: block;}
footer .text-muted:hover{color: #237BFF !important;text-decoration: underline !important;}
footer .text-small .d-block{font-size: 14px;font-weight:400;color:rgba(161,167,180,0.8) !important;line-height: 24px;margin-top: 0 !important;text-decoration: none !important;}
footer .text-small .d-block a{color:rgba(161,167,180,0.8) !important;}
footer .text-small .d-block a:hover{color: rgba(255,255,255,0.9) !important;text-decoration: underline !important;}
footer .copyright .iconDiv {float: right;}
footer .copyright .iconDiv a {display: inline-block;margin-right: 40px;}
footer .dropdown {float: right}
footer .text-white {color: #111926 !important;font-size: 14px;line-height: 180%;border: 1px solid #E2E3E5; padding: 8px 15px;border-radius: 6px; vertical-align: middle;}
footer .dropdown-menu {border: 1px solid #E2E3E5;padding: 16px 0;}
footer .dropdown-menu .member {font-size: 16px; line-height: 16px; padding: 16px 12px !important;color: rgba(17, 25, 38, 0.72);}
footer .text-language a.dropdown-item.active.member {text-decoration: none !important;color: #237BFF !important;background-color: #F5FAFF !important;}
/*
---------------------------------------
  Css Loader
 --------------------------------------
 */
.preloader {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  z-index: 9999; 
  visibility: hidden;
}

.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: transparent;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 5.0em;
  height: 5.0em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-left: 1px solid rgba(237, 237, 237, 0.8);
  border-right: 1px solid rgba(237, 237, 237, 0.8);
  border-bottom: 1px solid rgba(237, 237, 237, 0.8);
  border-top: 1px solid #ffce00;
  border-radius: 100%; }

/* Animation */
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@media screen and (min-width:320px) and (max-width:768px) {
    .gethusd-block .row .pb-3 {
        padding-bottom: 4px !important;
    }

    .bg-header .btn-login {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .bg-header .btn-register {
        margin-left: 20px !important;
        margin-right: 0 !important;
    }

    .txt_language.guest {
        margin-left: 20px !important;
        font-size: 13px !important;
    }

  .dropdown-toggle::after {
    margin-left: 2px;
  }
  .notice-block{display: flex;padding-left:15px!important;padding-right: 15px!important;}
  .scene-block .text-content a {margin-top: 8px;font-size: 14px !important; line-height: 14px !important;padding: 13px 24px !important;}
  .notice-block {

    height: 56px;
    line-height: 56px;
  }

  .notice-block li.notice-title:before{
    content: "";
    padding: 0;
  }
  .notice-block {text-align: left}
  .notice-block .wap {
    margin-top: 18px;
    margin-right: 8px;
  }
  .scene-block .notices.pc {
    display: none;
  }
  .notice-block div {
    font-size:12px;
    font-family:PingFang;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html[lang="en-US"] .notice-block div{
	  font-family: NunitoSans;
  }
  footer .dropdown {
    display: none;
  }
}

/* T104380 header æ–°æ ·å¼ 2020-04-22 æ–°å¢ž */
.text-language img {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    margin-top: -2px;
}
#dropdownMenuLanguage img{
	margin-top: -4px;
}
.text-language .dropdown-menu {
    right: -15px;
    left: unset;
    width: 130px;
}
.text-language .dropdown-menu a{
	width: 100% !important;
}
/* .text-language a.dropdown-item.active.guest, .text-language a.dropdown-item.active.member{
	text-decoration: underline !important;
} */
.text-language .dropdown-menu a:hover, .text-language .dropdown-menu a:active{
  color: #000 !important;
  background: #f9f9f9;
}
#dropdownMenuLanguage {
    cursor: pointer;
}
/* end */

/* T162803 header æ–°æ ·å¼ 2020-12-15 æ–°å¢ž */
.user-center .dropdown-menu {
  width: 270px;
  padding-top: 0px !important;
  padding-bottom: 9px !important;
}
.user-center .dropdown-menu a{
	width: 100% !important;
}
.user-center .user-center-info {
  position: relative;
  width: 270px;
  height: 146px;
  background-image: url(/static/images/user-center.png);
  margin-bottom: 8px;
}
.user-center .user-center-info .userImg {
  position: absolute;
  left: 20px;
  top: 30px;
}
.user-center .user-center-info .welcome {
  position: absolute;
  left: 65px;
  top: 40px;
}
.user-center .user-center-info .welcome p {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #1D2129;
}
.user-center .user-center-email {
  position: absolute;
  top: 84px;
  left: 20px;
  height: 16px;
  font-family: PingFangSC;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: #1D2129;
}
.user-center .user-center-uid {
  position: absolute;
  top: 108px;
  left: 20px;
  height: 12px;
  font-family: Noto Sans CJK KR;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
  color: #5F6A7F;
}
.user-center .user-center-uid #copy {
  content: url(/static/images/user-center-copy.svg);
  margin-left: 8px;
  cursor: pointer;
  margin-top: -4px;
}
.user-center .user-center-uid #copyText {
  resize: none;
  height: 0px;
  width: 0px;
  opacity: 0;
  margin: 0px;
  padding: 0px;
}
.user-center .user-center-level {
  position: absolute;
  top: 72px;
  left: 208px;
  width: 62px;
  height: 24px;
  background: #39383D;
  box-shadow: 0px 2px 6px rgba(75, 52, 36, 0.13);
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.user-center .user-center-level-text {
  position: absolute;
  top: 6px;
  left: 15px;
  height: 12px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  color: #EECD9C;
}
.user-center .user-center-kyc {
  border-radius: 13px;
  font-family: NotoSansCJKkr;
  font-size: 12px;
  line-height: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 5px;
  margin-left: 12px;
}
.user-center .user-center-kyc img {
  vertical-align: middle;
  margin-top: -2px;
}
.user-center .kyc-yes {
  background: rgba(0, 184, 129, 0.08);
  color: #00B881;
}
.user-center .kyc-no {
  background: rgba(250, 143, 20, 0.08);;
  color: #FA8F14;
}
/* end */

@media(min-width: 320px) and (max-width: 480px){
	#pc_nav{
		display: none !important;
	}
	.mobileNav{
		display: block !important;
	}
	.mobileNav{
		float: right;
	}
	.mobileNav button{
		background-color: transparent !important;
		border: 0 !important;
	}
	.mobileNav img {
	    width: 16px;
		margin-right: 12px;
		height: 14px;
	}
	#mobile_nav img{
		margin-top: 17px;
	}
	#mobile_nav_close img {
	    margin-top: 0px;
	}
	.mobile_nav_list {
	    position: fixed;
	    top: 48px;
	    border-top: 10px solid #F2F4F7;
	    left: 0;
	    right: 0;
		bottom: 0;
	    background: #fff;
	    height: auto;
		overflow: hidden;
		overflow-y: auto;
		font-family: PingFang;
	}
	html[lang="en-US"] .mobile_nav_list{
		font-family: NunitoSans;
	}
	.mobile_nav_list_div{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 112px;
		padding: 0;
		overflow: hidden;
		overflow-y: auto;
    text-align: center;
  }
  .icon {
    width: auto !important;
    height: auto !important;
    margin: 47px auto 30px !important;
  }
	.unloginDiv{
		bottom: 0;
		padding-bottom: 20px;
	}
	.bg-header .btn-register{
		margin: 24px 0 0 !important;
	}
	.mobile_nav_list .btn-login {
	    width: 100% !important;
	    height: 48px !important;
	    line-height: 46px !important;
	    background: #237BFF;
		border: 1px solid #237BFF;
	    display: inline-block;
	    color: #fff !important;
	    font-size: 16px;
		border-radius: 8px;
		font-weight: bold;
	}
	.bg-header .btn-login:hover, .bg-header .btn-login:active{
		border: 1px solid #237BFF !important;
    background-color: #237BFF !important;
    color: #fff !important;
    outline: none;
	}
	.mobile_nav_list .btn-register{
		width: 100% !important;
		height: 48px !important;
		line-height: 46px !important;
		border: 1px solid #237BFF;
		background: #fff !important;
		display: inline-block;
		color: #237BFF !important;
		font-size: 16px;
		border-radius: 8px;
		font-weight: bold;
	}
	.bg-header .btn-register:hover, .bg-header .btn-register:active{
    outline: none;
		background-color: #fff !important;
    border: 1px solid #237BFF;
		color: #237BFF !important;
	}
	.unLogin {
    text-align: center;
		padding: 0 14px 25px;
		border-bottom: 1px solid #fff;
	}
	.hasLogin {
	    padding: 27px 24px 28px;
      background-image: url(/static/images/mobileBg.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      text-align: left;
  }
  .hasLogin .headerImg {width: 66px !important; height: 66px !important; margin: 0 16px 20px 0 !important;border-radius: 66px;border: 2px solid #fff;}
	.hasLogin #accountId {
	    line-height: 18px;
	    color: #111926;
	    font-size: 16px;
	    margin-bottom: 9px;
  }
  .hasLogin span {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 22px;
    color: #1D2129;
  }
  .hasLogin span img {width: auto !important; height: auto !important; margin: -2px 0 0 !important;}
	.hasLogin #uid {
	    font-size: 12px;
	    color: rgba(17, 25, 38, 0.56);
	    line-height: 12px;
	}
	.other-link, .links, .linkA {
	    padding: 10px 0;
	    border-bottom: 1px solid #E6E6E6;
	}
	.other-link a, .linkA a, .links a {
	    display: block;
	    line-height: 64px;
	    color: #111926;
	    font-size: 15px;
	    width: 100%;
	    max-width: 311px;
      margin-left: 14px;
      text-align: left;
	}
	.other-link a{
		font-size: 13px !important;
	    margin-left: 14px;
		height: 40px;
		line-height: 40px;
		color: rgba(161, 167, 180, .8) !important;
	}
	.other-link a:link, .linkA a:link, .links a:link {
		text-decoration: none;
	}
	.changeLanguage {
	    width: 100%;
	    margin-left: 14px;
	}
	.changeLanguage a.txt_language {
	    display: block;
	    width: 100% !important;
	    max-width: 311px;
	    height: 40px !important;
		line-height: 40px !important;
	    font-size: 13px !important;
	    color: #111926 !important;
    margin-left: 0 !important;
    text-align: left;
	}
	.changeLanguage a img {
	    width: 24px;
	    height: 24px;
	}
	#toggleBtn, .linkToggle{
		margin-left: 14px;
		margin-right: 2px;
		color: #111926;
		font-size: 15px;
		line-height: 64px;
    height: 64px;
    text-align: left;
	}
	#toggleBtn[toggle="hide"] i, .linkToggle[toggle="hide"] i {
	    width: 6.5px;
	    height: 6.5px;
	    border: #111926 solid;
	    border-width: 1px 1px 0 0;
	    transform: rotate(135deg);
	    display: inline-block;
	    margin-left: 4px;
	    opacity: 0.8;
	    float: right;
	    margin-top: 28px;
		margin-right: 15px;
	}
	#toggleBtn[toggle="show"] i, .linkToggle[toggle="show"] i {
	    width: 6.5px;
		height: 6.5px;
		border: #111926 solid;
		border-width: 1px 1px 0 0;
		transform: rotate(-45deg);
		display: inline-block;
		opacity: 0.8;
		float: right;
		margin-top: 30px;
		margin-right: 15px;
	}
	#h5_logout {
	    position: fixed;
	    bottom: 0;
	    left: 24px;
		right: 24px;
		width: auto;
	    height: 48px;
	    border-radius: 8px;
	    line-height: 46px;
	    text-align: center;
	    margin: 0 auto;
	    max-width: unset;
	    display: inline-block;
	    margin-bottom: 32px;
		font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #237BFF;
	}
	.other-link a.active, .linkA a.active, .links a.active{
		color: #fff !important;
		text-underline: none !important;
	}
	iframe#launcher{
		bottom: 50px !important;
		margin: 0 5px !important;
	}
	.reg-block .mt-5{
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	/* footer.bg-dark{
		display: none;
	} */
	ul.list-unstyled.text-small.contact li img{
		width: unset !important;
		margin-right: 5px;
  }
  .gethusd-block .tab-content > .tab-pane .oText a, .gethusd-block .tab-content > .tab-pane .row > div p, .gethusd-block .tab-content > .tab-pane .row > div span a {font-size: 14px !important; line-height: 14px !important;}
  .reg-block .container {padding: 140px 0px 0 !important;}
}

@media(min-width:320px) and (max-width: 359px){
	.text-banner.zh-text h2{
		font-size: 36px !important;
	}
	.text-banner h5{
		font-size: 22px !important;
	}
	.text-banner .smalltitle{
		height: auto !important;
	}
	.smalltext{
		width: 100%;
		word-break: break-all;
	}
}

@media(min-width:320px) and (max-width: 550px){
	.banner-block .statistics .stat-title.en-text {
    height: 28px;
    margin-top:-8px !important;
  }

	.banner-block .statistics .statistics-title br {
    display: inline!important;
  }
}

.haveTitle .col-6.col-md a:hover {
  text-decoration: none;
}
/**
 * Swiper 6.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 */
 .swiper-pagination-bullet-active {
  width: 40px !important;
  height: 8px !important;
  border-radius: 20px !important;
}
 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') 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{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;margin-bottom:34px;}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{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{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:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.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{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{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(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items: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:.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:initial;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:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;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%;transform:translate3d(0px,-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%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(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%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{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:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(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,.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:flex;justify-content: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%;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;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;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}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.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{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;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;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{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:0px;width:100%;height:100%;background:#000;opacity:.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}