/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, fieldset, button, input, textarea, th, td { margin: 0; padding: 0;}
body { font: 12px/1.6 "Gellix",sans-serif,Helvetica, "Microsoft YaHei", Tahoma, Arial, "\5b8b\4f53"; color: #000; background: #fff url("../images/bg.png") no-repeat 100% 0; background-size: 100% auto; text-align: center;}
ul, ol, li { list-style: none;}
a { text-decoration: none; color: #666;}
a:hover { text-decoration: none; color: #333;}
fieldset, img { border: none;}
button, input, select, textarea { font-size:100%;}
table { border-collapse: collapse; border-spacing: 0;}
h1, h2, h3 { font-size: 16px;}
em { font-style: normal;}
.clearFix { *zoom: 1;}
.clearFix:after { display: block; clear: both; height: 0; content: "\0020"}

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="number"], button, select { -webkit-appearance: none;}
select:focus, input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; outline: none;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-transition-delay: 99999s; -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;}


.header { padding: 20px 30px;}
.header .logo { float: left; padding-top: 3px;}
.header .nav-box { float: right; padding-top: 5px;}
.header .nav { float: left; padding-top: 8px;}
.header .nav li { float: left; margin-right: 40px;}
.header .nav li a { display: block; font-size: 16px; color: #000; padding-bottom: 5px; border-bottom: 2px solid transparent; transition: all .3s ease;}
.header .nav li a.cur { border-bottom: 2px solid #000; transition: all .3s ease;}
.header .nav li a:hover { border-bottom: 2px solid #000; transition: all .3s ease;}
.btn-dashboard { float: right;}
.btn-dashboard a { display: inline-block; background: #181818; box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .1); transition: all .3s ease; color: #fff; border-radius: 100px; padding: 8px 25px; font-size: 16px;}
.btn-dashboard a:hover { box-shadow: 0 10px 30px -2px rgba(0, 0, 0, .2); transition: all .3s ease;}

.header .logo img { width: 200px;}

.main-top { padding: 60px 0; max-width: 900px; margin: 0 auto;}
.main-top .slogan { font-size: 44px; line-height: 1.5; max-width: 750px; margin: 0 auto;}
.main-top p.intro { font-size: 14px; margin: 25px auto; max-width: 600px; color: #000; line-height: 2;}
.main-top p.tips { font-size: 16px; margin: 20px 0 0 0; color: #e8363f;}
.main-top a.btn-get-started { font-size: 18px; display: inline-block; padding: 13px 50px; border-radius: 4px; background: #e8363f; box-shadow: 0 1px 3px -2px rgba(232,54,63,0.3); transition: all .3s ease; color: #fff;}
.main-top a.btn-get-started:hover { box-shadow: 0 5px 30px -2px rgba(232,54,63,0.3); transition: all .3s ease;}
.main-top ul { padding-top: 10px; max-width: 700px; margin: 0 auto;}
.main-top ul li { float: left; width: 25%;}
.main-top ul li h3 { font-size: 18px; font-weight: normal;}
.main-top ul li i { display: inline-block; width: 40px; height: 40px;}
.main-top ul li i.address-entities { background: url(../images/icon-address-entities.png) no-repeat 0 0; background-size: 100% auto;}
.main-top ul li i.addresses-labeled { background: url(../images/icon-addresses-labeled.png) no-repeat 0 0; background-size: 100% auto;}
.main-top ul li i.threat-intelligence-addresses { background: url(../images/icon-threat-intelligence-addresses.png) no-repeat 0 0; background-size: 100% auto;}
.main-top ul li i.risky-addresses-identified { background: url(../images/icon-risky-addresses-identified.png) no-repeat 0 0; background-size: 100% auto;}

.intro-pic { width: 1140px; margin: 0 auto; overflow: hidden; padding: 30px 0;}
.intro-pic img { width: 1000px; box-shadow: 0 0 20px -2px rgba(0,0,0,0.1);}
.intro-pic .swiper-container { overflow: initial;}
.swiper-button-next { cursor: pointer; background: #fff url("../images/icon-arrow-right.png") no-repeat 50% -50%; width: 20px; height: 20px; background-size: 50% auto; box-shadow: 0 0 10px -2px rgba(0,0,0,0.2); border-radius: 100%; padding: 5px;}
.swiper-button-next:hover { background-position: 50% 150%;}
.swiper-button-prev { cursor: pointer; background: #fff url("../images/icon-arrow-left.png") no-repeat 50% -50%; width: 20px; height: 20px; background-size: 50% auto; box-shadow: 0 0 10px -2px rgba(0,0,0,0.2); border-radius: 100%; padding: 5px;}
.swiper-button-prev:hover { background-position: 50% 150%;}


.advantage-box { max-width: 1000px; margin: 0 auto; padding: 80px 0;}
.advantage-box .title h2 { font-size: 36px; margin-bottom: 10px; font-weight: normal;}
.advantage-box .title p { font-size: 16px; margin-bottom: 80px; color: #999;}
.advantage-box li { margin-bottom: 20px;}
.advantage-box li .advantage-text { float: left; width: 500px; padding-top: 30px; text-align: left;}
.advantage-box li .advantage-text .btn-view { margin-top: 30px; display: inline-block; padding: 8px 22px; border-radius: 4px; font-size: 13px; background: #181818; box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .1); transition: all .3s ease; color: #fff;}
.advantage-box li .advantage-text .btn-view:hover { box-shadow: 0 10px 30px -2px rgba(0, 0, 0, .2); transition: all .3s ease;}
/*.advantage-box li .advantage-text .btn-view { margin-top: 20px; display: inline-block; width: 40px; height: 40px; background: url("../images/icon-arrow.png") no-repeat 0 0; background-size: 100% auto;}*/
/*.advantage-box li .advantage-text .btn-view:hover { background-position: 0 100%;}*/
.advantage-box li .advantage-text i {}
.advantage-box li .advantage-text h2 { font-size: 30px; margin-bottom: 20px; font-weight: normal;}
.advantage-box li .advantage-text p { font-size: 16px;}
.advantage-box li img { float: right; width: 400px; margin-right: -50px;}
.advantage-box li.item-even .advantage-text { float: right;}
.advantage-box li.item-even img { float: left; margin-left: -50px;}

.advantage-box li .advantage-text .btn-click-here { color: #000; text-decoration: underline;}
.advantage-box li .advantage-text .btn-click-here:hover { color: #e8363f;}


.intro-box { background-color: #f0f4f5; padding: 100px 0; margin-bottom: 100px;}
.intro-content { max-width: 1000px; margin: 0 auto;}
.intro-content ul { background: #000 url("../images/bg-logo.png") no-repeat 70% 50%; background-size: 300px auto; border-radius: 8px;}
.intro-content ul li { float: left; width: 33.33%; padding: 40px 0; font-size: 20px; color: #fff;}
.intro-content ul li h3 { font-size: 40px; font-weight: normal;}
.intro-content .title { font-size: 36px; margin-bottom: 30px;}
.intro-content .intro-text { font-size: 16px; margin-bottom: 40px; text-align: left;}
.intro-content .free-trail { font-size: 16px; margin: 30px 0; color: #999;}
.intro-content .btn-get-started { font-size: 18px; display: inline-block; padding: 13px 50px; border-radius: 4px; background: #e8363f; box-shadow: 0 1px 3px -2px rgba(232,54,63,0.3); transition: all .3s ease; color: #fff;}
.intro-content .btn-get-started:hover { box-shadow: 0 5px 30px -2px rgba(232,54,63,0.3); transition: all .3s ease;}

.applicable-scene { max-width: 1000px; margin: 0 auto; padding: 0 0 80px 0;}
.applicable-scene .title h2 { font-size: 36px; margin-bottom: 10px; font-weight: normal;}
.applicable-scene .title p { font-size: 16px; margin-bottom: 40px; color: #999;}
.applicable-scene ul { margin: 0 -30px;}
.applicable-scene li { float: left; width: 50%;}
.applicable-scene li .item { height: 300px; margin: 30px; text-align: left; position: relative;}
.applicable-scene li .item a { position: absolute; left: 0; bottom: 15px; width: 40px; height: 40px; display: inline-block; background: url("../images/icon-arrow.png") no-repeat 0 0; background-size: 100% auto;}
.applicable-scene li .item a:hover { background-position: 0 100%;}
.applicable-scene li img { width: 90px;}
.applicable-scene li h2 { font-size: 24px; margin-bottom: 10px; font-weight: normal;}
.applicable-scene li p { font-size: 14px;}


.as-seen-on { max-width: 1000px; width: 88%; margin: 0 auto; padding: 0 0 100px 0;}
.as-seen-on .title h2 { font-size: 36px; margin-bottom: 40px; font-weight: normal;}
.as-seen-on ul { margin: 0 -20px;}
.as-seen-on ul li { float: left; width: 33.33%; margin-bottom: 30px;}
.as-seen-on ul li a { display: block; border-radius: 6px; background-color: #fff; box-shadow: 0 0 8px -2px rgba(0,0,0,0.15); margin: 0 20px; color: #181818; transition: all .3s ease;}
.as-seen-on ul li a:hover { color: #000; box-shadow: 0 5px 25px -2px rgba(0,0,0,0.1); transition: all .3s ease;}
.as-seen-on ul li img { width: 100%; border-radius: 6px 6px 0 0; display: block;}
.as-seen-on ul li .title { padding: 15px; position: relative;}
.as-seen-on ul li .title p { position: absolute; right: 15px; bottom: 15px; background-color: #f5f5f5; color: #181818; padding: 1px 8px; border-radius: 4px;}
.as-seen-on ul li h3 { height: 95px; text-align: left; overflow: hidden; line-height: 1.4; font-weight: normal;}
.as-seen-on a.btn-more { margin-top: 30px; display: inline-block; padding: 8px 30px; border-radius: 4px; font-size: 15px; background: #181818; box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .1); transition: all .3s ease; color: #fff;}
.as-seen-on a.btn-more:hover { box-shadow: 0 10px 30px -2px rgba(0, 0, 0, .2); transition: all .3s ease;}




.backed-box { max-width: 1000px; width: 88%; margin: 0 auto; padding: 0 0 100px 0;}
.backed-box .title h2 { font-size: 36px; margin-bottom: 40px; font-weight: normal;}
.backed-box ul li { float: left; width: 20%; margin-bottom: 20px;}
.backed-box ul li img { width: 60%;}
.backed-box h3.tit { margin: 0 30px 30px 30px; color: #333; font-size: 20px;}

.backed-box ul { margin-bottom: 0; overflow: hidden; height: 110px;}
.supporters-box { padding: 30px 0; box-shadow: 0 0 8px -2px rgba(0,0,0,0.15); margin-bottom: 30px; border-radius: 6px;}
.supporters-box .btn-control { padding-top: 10px;}
.supporters-box .btn-control a { display: inline-block; color: #333; font-size: 14px; width: 20px; height: 20px; line-height: 18px; border: 1px solid #333; background-color: #f8f8f8; border-radius: 3px; transition: all .3s ease;}
.supporters-box .btn-control a:hover { background-color: #333; color: #fff; transition: all .3s ease;}
.supporters-box .btn-control a.btn-reduce { display: none;}
.supporters-box .btn-control a.btn-add { width: 60px;}

.newsletter-box { max-width: 1000px; margin: 0 auto; padding: 0 0 100px 0;}
.newsletter-box .title h2 { font-size: 36px; margin-bottom: 10px; font-weight: normal;}
.newsletter-box .title p { font-size: 14px; margin-bottom: 40px; color: #999;}
.newsletter-box .input-box { position: relative; margin: 0 auto; width: 420px; padding-right: 200px; height: 52px; box-shadow: 0 0 30px -2px rgba(0,0,0,0.1); border: 1px solid #ddd; border-radius: 4px;}
.newsletter-box .input-text { width: 100%; height: 100%; border: none; background: none; text-indent: 25px; font-size: 20px;}
.newsletter-box .input-button { cursor: pointer; position: absolute; right: -1px; top: -1px; width: 200px; height: 54px; background: #e8363f; border: 1px solid #e8363f; color: #fff; font-size: 20px; border-radius: 0 4px 4px 0; box-shadow: 0 1px 3px -2px rgba(232,54,63,0.3); transition: all .3s ease;}
.newsletter-box .input-button:hover { box-shadow: 0 0 20px -2px rgba(232,54,63,0.3); transition: all .3s ease;}


.footer { background-color: #181818; text-align: left; padding: 60px 0 30px 0; color: #fff;}
.footer-box { width: 1000px; margin: 0 auto;}
.footer-box a { color: #fff;}
.footer-left { float: left; width: 280px; margin-bottom: 20px;}
.footer-left .footer-logo { width: 230px; margin-bottom: 20px;}
.footer-left .slogan { font-size: 22px; margin-bottom: 20px;}
.footer-right { float: right; width: 500px; margin-bottom: 40px;}
.footer-right .nav { padding-top: 5px; text-align: right;}
.footer-right .nav li { float: left; width: 33.33%;}
.footer-right .nav li h3 { margin-bottom: 10px; font-weight: normal;}
.footer-right .nav li p { font-size: 12px; margin-bottom: 10px;}
.footer-right .nav li p a { color: #fff;}
.footer-right .nav li p a:hover { text-decoration: underline;}
.footer-right .media { text-align: right; margin-bottom: 35px;}
.footer-right .media a { display: inline-block; margin-left: 20px; font-size: 14px; text-align: center;}
.footer-right .media a i { display: inline-block; width: 25px; height: 25px; margin-bottom: -6px; background: url("../images/media-icon.png") no-repeat 0 0; background-size: 100% auto;}
.footer-right .media a i.icon-twitter { background-position: 0 0; transition: all .3s ease;}
.footer-right .media a i.icon-medium { background-position: 0 -50px; transition: all .3s ease;}
.footer-right .media a i.icon-discord { background-position: 0 -100px; transition: all .3s ease;}
.footer-right .media a i.icon-telegram { background-position: 0 -150px; transition: all .3s ease;}
.footer-right .media a i.icon-youtube { background-position: 0 -200px; transition: all .3s ease;}
.footer-right .media a:hover i.icon-twitter { background-position: 0 -25px; transition: all .3s ease;}
.footer-right .media a:hover i.icon-medium { background-position: 0 -75px; transition: all .3s ease;}
.footer-right .media a:hover i.icon-discord { background-position: 0 -125px; transition: all .3s ease;}
.footer-right .media a:hover i.icon-telegram { background-position: 0 -175px; transition: all .3s ease;}
.footer-right .media a:hover i.icon-youtube { background-position: 0 -225px; transition: all .3s ease;}
.footer-right .media a p { font-size: 11px; color: #999;}
.footer-right .media a:hover p { color: #fff;}

.footer-bottom { clear: both; border-top: 1px solid #333;}
.footer-bottom .copyright { float: left; padding-top: 26px; color: #999;}
.footer-bottom .SlowMist-logo { float: right; padding-top: 10px;}
.footer-bottom .SlowMist-logo img { width: 200px;}


/*---===pricing===---*/
.pricing-box { max-width: 1000px; width: 93%; margin: 0 auto;}
.pricing-box .title { margin-bottom: 40px;}
.pricing-box .title h2 { font-size: 32px; padding-top: 50px; font-weight: normal;}
.pricing-box .title .info { max-width: 600px; margin: 0 auto; font-size: 14px;}

/*--Black-Friday--*/
.pricing-box .Black-Friday { margin-bottom: 20px;}
.pricing-box .Black-Friday img { max-width: 450px; width: 90%; border-radius: 4px;}

.pricing-content { margin-bottom: 60px;}
.pricing-content ul { margin: 0 -12px;}
.pricing-content li { float: left; width: 25%;}
.pricing-content li .item { margin: 0 8px; background-color: #f8f8f8; height: 590px; border-radius: 8px;}
.pricing-content li .item .btn-get-started { font-size: 14px; display: inline-block; background: #e8363f; border-radius: 4px; padding: 9px 0; width: 100%; color: #fff; text-align: center;}
.pricing-content li .item .btn-contact-sales { font-size: 14px; display: inline-block; background: #e8363f; border-radius: 4px; padding: 9px 0; width: 100%; color: #fff; text-align: center;}

.pricing-content li .item .intro { min-height: 75px;}
.pricing-content li .item dt { margin-bottom: 10px;}
/* .pricing-content li .item .btn-free { text-align: center;} */

.pricing-content li .item .item-top { border-radius: 8px; padding: 30px 25px; text-align: left;}
.pricing-content li .item .item-top h3 { font-size: 22px; margin-bottom: 5px; font-weight: normal;}
.pricing-content li .item .item-top .price { font-size: 14px; margin-bottom: 10px;}
.pricing-content li .item .item-top .price em { font-size: 28px; color: #e8363f;}
.pricing-content li .item .item-top .original-price { text-decoration: line-through; margin-bottom: 10px; color: #999;}
.pricing-content li .item .basic { background: url("../images/pricing-bg1.jpg") no-repeat 0 0; background-size: cover;}
.pricing-content li .item .basic.free { background: #eee;}
.pricing-content li .item .professional { background: url("../images/pricing-bg2.jpg") no-repeat 0 0; background-size: cover;}
.pricing-content li .item .compliance { color: #fff; background: url("../images/pricing-bg3.jpg") no-repeat 0 0; background-size: cover;}
.pricing-content li .item-top a span { position: relative; display: inline-block; padding-right: 10px;}
.pricing-content li .item-top a span .icon-arrow { display: inline-block; width: 14px; height: 14px; margin-left: 8px; position: absolute; top: 50%; margin-top: -8px; background: url(../images/icon-right-arrow.png) no-repeat 0 0; background-size: 100% auto; transition: all .3s ease;}
.pricing-content li .item-top a:hover span .icon-arrow { margin-left: 12px; transition: all .3s ease;}

.pricing-compare { margin-bottom: 30px;}
.pricing-compare h2 { font-size: 26px; margin-bottom: 30px; font-weight: normal;}

.pricing-compare table { margin-bottom: 30px; width: 100%; text-align: center;}
.pricing-compare table th { background-color: #f8f8f8; border: 1px solid #eee; padding: 10px;}
.pricing-compare table th.left { text-align: left;}
.pricing-compare table td { border: 1px solid #eee; padding: 10px;}
.pricing-compare table td p { margin: 10px 0;}
.pricing-compare table td img { width: 20px;}

.pricing-enterprise { margin-bottom: 30px; background: url(../images/enterprise.jpg) no-repeat center center; background-size: cover;}
.pricing-enterprise .text { padding: 30px; color: #fff; text-align: left; position: relative; font-size: 20px; text-align: center;}
.pricing-enterprise .text p { max-width: 660px; margin: 0 auto 20px auto;}
.pricing-enterprise .text a { background-color: #e8363f; color: #fff; border-radius: 4px; display: inline-block; padding: 7px 30px; margin-bottom: 10px;}

/*---pricing-faq---*/
.pricing-faq { margin-bottom: 30px; padding-top: 20px;}
.pricing-faq h2.tit { font-size: 18px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.pricing-faq ul li { text-align: left; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.pricing-faq ul li h3 { font-size: 14px; margin-bottom: 5px;}
.pricing-faq ul li a { color: #e8363f; text-decoration: underline;}


/* .pricing-content li .item .compliance h3 { color: #fff; margin-bottom: 10px;} */

/* 
.pricing-content li .item .private-deployment { background: url("../images/pricing-bg3.jpg") no-repeat 0 0; background-size: cover;}
.pricing-content li .item .private-deployment h3 { color: #fff; margin-bottom: 10px;}
.pricing-content li .item .private-deployment .btn-learn-more { font-size: 14px; display: inline-block; background: #e8363f; border-radius: 4px; padding: 6px 0; width: 180px; color: #fff;}
.pricing-content li .item .private-deployment .price { color: #e8363f; font-size: 18px; margin-bottom: 18px; padding-top: 8px;} */

.pricing-content li .item .item-text { text-align: left; padding: 20px 15px;}
.pricing-content li .item .item-text dd { margin-bottom: 8px; font-size: 13px; padding-left: 22px; position: relative;}
.pricing-content li .item .item-text span { display: inline-block;}
.pricing-content li .item .item-text span.icon-yes { position: absolute; left: 0; top: 0px;}

.pricing-content li .item .item-text .icon-yes { margin-right: 5px; display: inline-block; width: 18px; height: 18px; background: url("../images/icon-yes.png") no-repeat 0 0; background-size: 100% auto; overflow: hidden; text-indent: 30px;}
.pricing-content li .item .item-text em.red { color: #e8363f;}
.pricing-content li .item .item-text em.bold { font-weight: bold; font-style: italic;}

.pricing-box i.icon-blockchains { font-weight: normal; display: inline-block; font-size: 11px; width: 12px; height: 12px; line-height: 12px; border-radius: 100%; color: #333; background-color: #fff; border: 1px solid #333; font-style: normal; text-align: center; cursor: pointer;}
.pricing-box i.icon-blockchains:hover { background-color: #333; border: 1px solid #333; color: #fff;}
.pricing-box i.icon-solana { display: inline-block; width: 20px; height: 20px; background: url(../images/chain/chain-solana.png) no-repeat 0 0; background-size: 100% auto; border-radius: 100%; position: relative; top: -2px; vertical-align: middle; margin-right: 6px;}

.blockchains-box { display: none;}
.blockchains-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999998; background-color: rgba(0, 0, 0, .5);}
.blockchains-con { z-index: 999999; box-shadow: 0 10px 10px rgba(10, 16, 34, .1); width: 400px; padding: 30px; position: fixed; left: 50%; top: 49%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background-color: #fff; border-radius: 4px;}
.blockchains-con h2 { font-size: 20px; margin-bottom: 20px;}
.blockchains-con table { text-align: left;}
.blockchains-con table th { text-align: center; background-color: #f8f8f8;}
.blockchains-con table td,.blockchains-con table th { border: 1px solid #eee; padding: 6px 10px;}
.blockchains-con table td i.icon-chain { display: inline-block; width: 24px; height: 24px; vertical-align: middle; border-radius: 100%;}
.blockchains-con table td i.icon-chain-btc { background: url(../images/chain/chain-btc.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-eth { background: url(../images/chain/chain-eth.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-bsc { background: url(../images/chain/chain-bsc.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-tron { background: url(../images/chain/chain-tron.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-matic { background: url(../images/chain/chain-matic.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-iotex { background: url(../images/chain/chain-iotex.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-avax { background: url(../images/chain/chain-avax.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-arb { background: url(../images/chain/chain-arb.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-op { background: url(../images/chain/chain-op.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-base { background: url(../images/chain/chain-base.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-zksync { background: url(../images/chain/chain-zksync.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-merlin { background: url(../images/chain/chain-merlin.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-ton { background: url(../images/chain/chain-ton.png) no-repeat center center; background-size: 140% auto;}
.blockchains-con table td i.icon-chain-LTC { background: url(../images/chain/chain-LTC.png) no-repeat center center; background-size: 150% auto;}
.blockchains-con table td i.icon-chain-DOGE { background: url(../images/chain/chain-DOGE.png) no-repeat center center; background-size: 150% auto;}
.blockchains-con table td i.icon-chain-BCH { background: url(../images/chain/chain-BCH.png) no-repeat center center; background-size: 160% auto;}
.blockchains-con .icon-close { cursor: pointer; position:absolute; right: 16px; top: 16px; display: inline-block; width: 30px; height: 30px; background: url(../images/icon-no.png) no-repeat center center; background-size: 80% auto;}
.blockchains-con .icon-close:hover {
    transition: all .3s ease;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);
}

.basic-notlogin { display: block;}
.basic-logined { display: none;}


/*--===term-of-use===---*/
.term-of-use-box { margin: 0 auto; max-width: 1000px; text-align: left; padding: 50px 0 100px 0; width: 80%;}
.term-of-use-box .title { margin-bottom: 60px;}
.term-of-use-box .title h1 { font-size: 30px;}
.term-of-use-box .title p { font-size: 14px;}
.term-of-use p { margin: 10px 0; font-size: 13px;}
.term-of-use h3 { margin: 20px 0; font-size: 24px;}
.term-of-use ul { padding-left: 20px;}
.term-of-use ul li { list-style: initial;}

/*--===term-of-use===---*/
.privacy-policy-box { margin: 0 auto; max-width: 1000px; text-align: left; padding: 50px 0 100px 0; width: 80%;}
.privacy-policy-box .title { margin-bottom: 60px;}
.privacy-policy-box .title h1 { font-size: 30px;}
.privacy-policy-box .title p { font-size: 14px;}
.privacy-policy p { margin: 10px 0; font-size: 13px;}
.privacy-policy h1 { margin: 20px 0; font-size: 24px;}
.privacy-policy h2 { margin: 20px 0; font-size: 18px;}
.privacy-policy h3 { margin: 20px 0; font-size: 16px;}
.privacy-policy ul { padding-left: 20px;}
.privacy-policy ul li { list-style: initial;}



/*---==cookiesTips==---*/
#cookiesTips { position: fixed; z-index: 999999999; left: 0; bottom: 0; text-align: left; width: 100%; background-color: #000; box-shadow: 0 0 20px -2px rgba(0,0,0,0.2);}
#cookiesTips .text-box { padding: 15px 220px 15px 40px;}
#cookiesTips .text { margin-bottom: 5px; text-align: left; line-height: 1.5; color: #999;}
#cookiesTips .text a { color: #ccc; text-decoration: underline; display: inline-block;}
#cookiesTips .text a:hover { color: #fff; text-decoration: underline;}
#cookiesTips .btn-group { position: absolute; right: 40px; top: 50%; margin-top: -14px;}
#cookiesTips .btn-accept { background-color: #fff; color: #333; cursor: pointer; display: inline-block; padding: 4px 15px; border-radius: 3px;}
#cookiesTips .btn-decline { background-color: #333; color: #fff; display: inline-block; padding: 4px 15px; border-radius: 3px; margin-right: 10px; cursor: pointer;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -30px;}
.swiper-pagination-bullet-active { background: #000;}

.pricing-content li .item .item-text .enterprise-tips { margin-bottom: 15px; padding: 5px 0 0 5px;}

/*--faq-box--*/
.faq-box { max-width: 1000px; width: 90%; margin: 0 auto;}
.faq-box h1.title { padding-top: 50px; margin-bottom: 10px; font-size: 32px; font-weight: normal;}
.faq-box .intro { margin-bottom: 80px; font-size: 14px; color: #666;}
.faq-list { text-align: left; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px dotted #ddd; margin-left: 45px;}
.faq-list:last-child { border-bottom: none;}
.faq-list .faq-ask { margin-bottom: 20px;}
.faq-list .faq-ask h2 { position: relative;}
.faq-list .faq-ask h2 span { font-weight: normal; background: #181818; color: #fff; margin-right: 8px; padding: 0 8px; border-radius: 3px; position: absolute; left: -45px;}

.faq-list .faq-answer { font-size: 14px; color: #666;}
.faq-list .faq-answer p { margin-bottom: 10px;}
.faq-list .faq-answer a { color: #333; text-decoration: underline;}
.faq-list .faq-answer a:hover { color: #e8363f;}

.faq-list .faq-zh { padding-top: 30px;}
.faq-list .faq-zh h3 { margin-bottom: 15px;}
.faq-list .faq-zh p { font-size: 13px; color: #666; line-height: 1.8;}
.faq-list .faq-zh a { color: #333; text-decoration: underline;}
.faq-list .faq-zh a:hover { color: #e8363f;}

/*--risky-usdt--*/
.risky-usdt { position: fixed; bottom: 10px; right: 10px; z-index: 99998;}
.risky-usdt a.btn-close { z-index: 99999; position: absolute; top: 2px; right: 2px; display: inline-block; width: 30px; height: 30px; background: url(../images/icon-x.png) no-repeat center center; background-size: 45% auto; transition: all .3s ease;}
.risky-usdt a.btn-close:hover {
    transition: all .3s ease;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);
}

.risky-usdt img { width: 200px;}

.search-box { height: 90px; padding-top: 20px; max-width: 640px; margin: 0 auto;}
.search-tips { padding-top: 10px; color: #e8363f; font-style: italic;}


/*--iso--*/
.index-footer-copyright { border-top: 1px solid #333; clear: both; padding-top: 10px;}
.index-footer-copyright .copyright-box { float: left; color: #666;}
.index-footer-copyright .copyright-box a { display: block; width: 200px; height: 42px;}
.index-footer-copyright .copyright-box img { width: 200px; display: block;}
.index-footer-copyright .iso-certified { float: right; padding-top: 10px;}
.index-footer-copyright .iso-certified img { width: 50px;}

/*--try-standard-tips--*/
.try-standard-tips { margin-bottom: 40px; text-align: left; background-color: #000; color: #fff; padding: 12px 40px; position: relative; border-radius: 4px;}
.try-standard-tips i.tips { position: absolute; left: 12px; top: 50%; margin-top: -8px; display: inline-block; width: 16px; height: 16px; line-height: 16px; background: url(../images/icon-tips.png) no-repeat center center; background-size: 100% auto;}
.try-standard-tips p span { font-size: 14px; color: #e8363f; font-weight: bold;}
.try-standard-tips a { display: block; color: #fff;}
.try-standard-tips i.icon-arrow { position: absolute; right: 12px; top: 50%; margin-top: -7px; display: inline-block; width: 14px; height: 14px; line-height: 14px; background: url(../images/icon-right-arrow.png) no-repeat center center; background-size: 100% auto;}

@media screen and (max-width: 1140px) {
    /* .main-top { max-width: 80%;} */
    /* .main-top { padding: 0 35px;} */
    /* .main-top .slogan { font-size: 40px;} */
    .header .nav li { margin-right: 30px;}
    .intro-pic { width: 92%;}
    .intro-pic img { width: 82%;}
    .advantage-box .title p { margin-bottom: 40px;}
    .advantage-box { width: 88%;}
    .advantage-box li { position: relative; padding: 0 400px 0 0; min-height: 340px;}
    .advantage-box li .advantage-text { float: none; width: 100%;}
    .advantage-box li img { float: none; position: absolute; right: 0; top: 0; margin-right: -40px;}
    .advantage-box li.item-even { padding: 0 0 0 400px;}
    .advantage-box li.item-even img { left: 0; margin-left: -40px;}


    .intro-content { width: 92%;}
    .intro-content ul li p { font-size: 15px;}
    .intro-content .intro-text { text-align: justify;}

    .applicable-scene { width: 88%;}
    .applicable-scene li h2 { font-size: 20px;}
    .applicable-scene li .item { height: 270px; padding: 30px 30px 50px 30px; margin: 15px;}
    .applicable-scene li .item a { left: 30px; bottom: 30px;}

    .footer-box { width: 92%;}
    .footer-right { width: 400px;}
    .footer-left .slogan { font-size: 18px;}
    .footer-left .footer-logo { width: 200px;}

}
@media screen and (max-width: 1000px) {
    /* .main-top .slogan { font-size: 36px;} */
    .applicable-scene li .item { height: 320px;}
    .applicable-scene li .item a { bottom: 40px;}
    .pricing-content li { width: 50%; margin-bottom: 20px;}

}
@media screen and (max-width: 850px) {
    .applicable-scene li h2 { font-size: 18px;}
    .applicable-scene li .item { height: 330px;}
    .applicable-scene li .item a { bottom: 30px;}

    .advantage-box li { padding: 0 360px 0 0; min-height: 300px;}
    .advantage-box li.item-even { padding: 0 0 0 360px;}
    .advantage-box li img { width: 360px;}
    .advantage-box li .advantage-text { padding-top: 20px;}

}
@media screen and (max-width: 750px) {

    .search-box { display: none;}

    body { background-position: 100% 0; background-size: 200% auto;}
    .header { position: relative; text-align: left; padding: 20px;}
    .header .logo { float: none;}
    .header .logo img { width: 180px;}
    .btn-dashboard { position: absolute; right: 20px; top: 26px;}
    .btn-dashboard a { padding: 5px 15px; font-size: 14px;}
    .header .nav-box { float: none; width: 100%;}
    .header .nav { float: none; width: 100%;}
    .header .nav li { margin: 0; width: 20%; text-align: center;}
    .header .nav li:first-child { display: none;}

    .main-top { padding: 35px;}
    .main-top .slogan { font-size: 30px;}
    .main-top ul li h3 { font-size: 18px;}

    .main-top a.btn-get-started { padding: 8px 35px;}
    .intro-pic { width: 100%;}
    .intro-pic img { width: 75%;}

    .advantage-box { padding: 40px 0;}
    .advantage-box li { padding: 0 0 0 120px; min-height: auto; margin-bottom: 40px;}
    .advantage-box li.item-even { padding: 0 120px 0 0;}
    .advantage-box li .advantage-text { text-align: left; padding: 0;}
    .advantage-box li .advantage-text p { margin-bottom: 10px;}
    .advantage-box li img  { position: absolute; float: none; left: -10px; top: 0; width: 120px; margin: 0;}
    .advantage-box li.item-even img  { right: -10px; left: auto;}
    .advantage-box .title h2 { font-size: 24px;}
    .advantage-box .title p { font-size: 13px; margin-bottom: 30px;}
    .advantage-box li .advantage-text h2 { font-size: 16px; margin-bottom: 5px;}
    .advantage-box li .advantage-text p { font-size: 12px;}
    .advantage-box li .advantage-text .btn-view { display: none; margin: 0; font-size: 12px; padding: 5px 15px;}

    .intro-box { padding: 50px 0 70px 0; margin-bottom: 50px;}
    .intro-content .title { font-size: 24px; margin-bottom: 20px;}
    .intro-content .intro-text { font-size: 13px; margin-bottom: 30px;}
    .intro-content ul li h3 { font-size: 22px; margin: 0 10px;}
    .intro-content ul li p { font-size: 13px; margin: 0 10px;}
    .intro-content .btn-get-started { padding: 8px 35px;}
    .intro-content { width: 88%;}
    .intro-content .free-trail { margin: 25px 0;}

    .applicable-scene ul { margin: 0;}
    .applicable-scene .title h2 { font-size: 24px;}
    .applicable-scene .title p { font-size: 13px; margin-bottom: 20px;}
    .applicable-scene li { float: none; width: 100%; margin-bottom: 40px;}
    .applicable-scene li .item h2 { font-size: 16px; margin-bottom: 5px;}
    .applicable-scene li .item { margin: 0; padding: 0 0 0 75px; height: auto;}
    .applicable-scene li .item a { display: none; position: relative; left: 0; bottom: 0;}
    .applicable-scene li .item img { position: absolute; left: -5px; top: 0; width: 70px;}
    /*.applicable-scene li .item-even { padding: 0 100px 0 0;}*/
    /*.applicable-scene li .item-even img { left: auto; right: 0;}*/
    .newsletter-box .input-box { width: 80%; padding-right: 0; height: 44px;}
    .newsletter-box .input-text { margin-bottom: 30px; padding: 0 15px; text-indent: initial; font-size: 14px;}
    .applicable-scene { padding-bottom: 40px;}
    .newsletter-box .title h2 { font-size: 24px;}
    .newsletter-box .title p { font-size: 13px; margin-bottom: 30px;}
    .newsletter-box .input-button { position: relative; border-radius: 4px; height: 46px; width: 170px; font-size: 18px;}
    .newsletter-box { padding-bottom: 150px;}

    .footer-left { float: none; width: 100%; text-align: center;}
    .footer-left .slogan { font-size: 14px;}
    .footer-right { float: none; width: 100%;}
    .footer-right .media { text-align: center;}
    .footer-right .media a { margin: 0 6px;}
    .footer-right .nav li { text-align: center;}
    .footer-bottom .copyright { float: none; text-align: center;}
    .footer-bottom .SlowMist-logo { float: none; text-align: center;}

    .as-seen-on { padding: 0 0 60px 0;}
    .as-seen-on ul { margin: 0;}
    .as-seen-on ul li { width: 100%; margin-bottom: 20px;}
    .as-seen-on ul li .title { padding: 0; height: 90px;}
    .as-seen-on .title h2 { font-size: 24px; margin-bottom: 30px;}
    .as-seen-on ul li a { position: relative; height: 90px; padding: 0 10px 0 150px; margin: 0;}
    .as-seen-on ul li a img { width: 155px; height: 90px; position: absolute; left: 0; top: 0; border-radius: 6px 0 0 6px; float: left;}
    .as-seen-on ul li h3 { font-weight: normal; font-size: 14px; height: 68px; position: absolute; top: 50%; left: 15px; margin-top: -34px;}
    .as-seen-on ul li .title p { display: none; right: -65px; top: 32px; bottom: auto;}

    .backed-box { padding: 0 0 40px 0;}
    .backed-box .title h2 { font-size: 24px; margin-bottom: 30px;}
    .backed-box ul li { width: 25%;}
    .backed-box ul li img { width: auto; height: 30px;}


    .pricing-box .title h2 { padding-top: 30px; font-size: 24px;}
    /* .pricing-box .title { width: 92%; margin: 0 auto 30px auto;}
    .pricing-content { width: 92%; margin: 0 auto 30px auto;} */
    .pricing-content table h3 { padding: 0; line-height: 1.4;}
    .pricing-content ul { margin: 0;}
    .pricing-content li { width: 100%; float: none; margin-bottom: 20px;}
    .pricing-content li .item { margin: 0; height: auto;}
    .pricing-content li .item .item-box { padding: 30px 0; height: auto;}

    #cookiesTips .text-box { padding: 10px 0; width: 92%; margin: 0 auto;}
    #cookiesTips .btn-group { position: relative; text-align: center; top: auto; right: auto; margin: 0 0 10px 0;}
    .applicable-scene li p { font-size: 12px;}
    .as-seen-on a.btn-more { margin-top: 20px;}

    .pricing-compare table th { padding: 6px;}
    .pricing-compare table td { padding: 6px;}
    .pricing-enterprise .text { font-size: 15px;}


    /*--iso--*/
    .index-footer-copyright .copyright-box { float: none; text-align: center;}
    .index-footer-copyright .copyright-box a { margin: 0 auto;}
    .index-footer-copyright .iso-certified { float: none; text-align: center;}

    /*--try-standard-tips--*/
    .try-standard-tips { background: #f8f8f8;}
    .try-standard-tips a { color: #000;}
    .try-standard-tips i.icon-arrow { padding: 2px; margin-top: -9px; background: #e8363f url(../images/icon-right-arrow.png) no-repeat center center; background-size: 60% auto; border-radius: 100%;}

    .pricing-content li .item .intro { min-height: auto; margin-bottom: 10px;}

}

@media screen and (max-width: 550px) {
    .main-top ul { margin-bottom: 10px;}
    .main-top ul li { width: 50%; margin-bottom: 20px;}
    .main-top .slogan { font-size: 24px;}

    .blockchains-con { padding: 20px; width: 280px; font-size: 12px;}
    .blockchains-con table td, .blockchains-con table th { padding: 4px 6px;}

}