@charset "utf-8";
/* CSS Document */

body{margin:0;padding:0;line-height:22px;-webkit-text-size-adjust:none;font:14px/18px "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,Microsoft Yahei,微软雅黑,STXihei,华文细黑,sans-serif;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#666;text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
button{cursor:pointer;}button:focus{outline:none;}

body{min-width:1280px;margin:0 auto;}
.red{color: #f1280f !important;}
.green{color: #3dc18e !important;}

::-moz-placeholder{color: #777; font-weight:300}
:-ms-input-placeholder{color: #aaa; font-weight:300}
:-moz-placeholder{color: #777; font-weight:300}
::-webkit-input-placeholder{color: #777; font-weight:300}
#full-screen-slider input::-webkit-input-placeholder{color: hsla(0,10%,10%,0.6); font-weight:300}


/*** 顶部 ***/
.header {width:100%;min-width:1280px;}

.header .header-main {justify-content:space-between;align-items:center;position:relative;margin:0 auto;padding:0 30px;height:56px;box-sizing:border-box;}
.header .header-main .logo-wrap img {margin-top:5px;margin-right:30px;height:45px;}

.header .header-main .nav-scroll {}
.header .header-main .nav-scroll .lhc {line-height:56px;}
.header .header-main .nav-scroll .li-wrap {float:left;color:#b1d3c9;}
.header .header-main .nav-scroll .li-wrap a {color:#fff;cursor:pointer;}
.header .header-main .nav-scroll .li-wrap > a {padding:0 10px;font-size:15px;line-height:56px;}
.header .header-main .nav-scroll .li-wrap > a:hover {color:#409eff;}
.header .header-main .nav-scroll .li-wrap .on {color:#fff;}

.header .header-main .nav-scroll .logon {position:relative;margin:0 20px;}
.header .header-main .nav-scroll .logon span {margin:0 5px;}
.header .header-main .nav-scroll .logon .caret {position:absolute;top:25px;display:inline-block;width:0;height:0;vertical-align:middle;border-width:5px;border-top:5px dashed;border-right:5px solid transparent;border-left:5px solid transparent;color:rgba(191, 217, 216, 0.8);transition:all 0.3s;}
.logon:hover .caret {transform:rotate(180deg);}

.header .header-main .nav-scroll .langs {margin-left:10px;padding-right:10px;height:53px;}
.header .header-main .nav-scroll .langs .language {position:relative;margin-top:3px;}
.header .header-main .nav-scroll .langs .langs-icon {margin-right:5px;}
.header .header-main .nav-scroll .langs .caret {position:absolute;top:22px;display:inline-block;width:0;height:0;vertical-align:middle;border-width:5px;border-top:5px dashed;border-right:5px solid transparent;border-left:5px solid transparent;color:rgba(191, 217, 216, 0.8);transition:all 0.3s;}
.langs:hover .caret {transform:rotate(180deg);}

.header .header-main .nav-scroll .qqtel {position:relative;}
.header .header-main .nav-scroll .qqtel .ask_ans {padding:0 20px 0 10px;color:#fff;font-size:15px;cursor:pointer;}
.header .header-main .nav-scroll .qqtel .caret {position:absolute;top:25px;display:inline-block;width:0;height:0;vertical-align:middle;border-width:5px;border-top:5px dashed;border-right:5px solid transparent;border-left:5px solid transparent;color:rgba(191, 217, 216, 0.8);transition:all 0.3s;}
.qqtel:hover .caret {transform:rotate(180deg);}

.call-box {display:none;position:absolute;top:56px;right:0;z-index:999;overflow:hidden;background:#102760;box-shadow:0 5px 8px rgba(0,0,0,0.2);}
.call-box li a {display:block;padding:12px;min-width:110px;color:#bcc8c5;font-size:14px;text-align:center;white-space:nowrap;}
.call-box li a:hover {background-color:#153077;}

.uuser-box {display:none;position:absolute;top:56px;right:0;z-index:999;overflow:hidden;background:#102760;box-shadow:0 5px 8px rgba(0,0,0,0.2);}
.uuser-box li a {display:block;padding:12px;min-width:110px;color:#bcc8c5;font-size:14px;text-align:center;white-space:nowrap;}
.uuser-box li a:hover {background-color:#153077;}

.language-box {display:none;position:absolute;top:56px;right:0;z-index:999;overflow:hidden;background:#102760;box-shadow:0 5px 8px rgba(0,0,0,0.2);}
.language-box li a {display:block;padding:12px;min-width:110px;color:#bcc8c5;font-size:14px;text-align:center;white-space:nowrap;}
.language-box li a:hover {background-color:#153077;}
.language-box li img {margin-right:10px;vertical-align:middle;}


/* 轮播图 */
.banner-bg {
    padding-bottom: 88px;
    width: 100%;
    overflow: hidden;
    background: url(../gateio_img/banner-bg.png) no-repeat;
    background-position: 50%;
    background-size: cover;
    box-sizing: border-box;
    color: #fff;
}
.banner-bg .box {
    margin: 0 auto;
    width: 1280px;
}

.banner-bg .banner-text {
}
.banner-text h2 {
    text-align: center;
    font-size: 40px;
    margin-top: 126px;
    margin-bottom: 43px;
}
.banner-text p.sub-title {
    margin: 18px 0;
    text-align: center;
    font-size: 18px;
}
.banner-text p.sub-title .item {
    display: inline-block;
    border: 1px solid #0070ff;
    border-radius: 15px;
    margin: 0 20px;
    height: 30px;
    padding: 0 10px;
    line-height: 32px;
    background: hsla(0,0%,100%,.1);
}

.banner-bg .banner {
    position: relative;
    margin-top: 62px;
    width: 1240px;
    height: 133px;
}

.trend-wraper {
    height: 116px;
    background: #15183d;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.trend-wraper .the-line-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 262px;
    height: 116px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 28px;
    color: #fff;
    cursor: pointer;
}
.the-line-chart .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 48%;
}
.the-line-chart .name {
    font-size: 16px;
    color: #74768c;
}
.the-line-chart .price {
    font-size: 19px;
    font-weight: 500;
    color: #fff;
}
.the-line-chart .change {
    text-align: right;
    font-size: 12px;
}
.the-line-chart .color-success {
    color: #3abe77;
}
.the-line-chart .color-danger {
    color: #e46665;
}
.the-line-chart .line-chart {
    width: 98px;
    height: 46px;
}

/* 公共区域 */
.new-home-notice {
    margin-bottom: 50px;
    width: 100%;
    height: 40px;
    background: rgba(238,238,238,.5);
}
.new-home-notice .new-notice-list {
    margin: 0 auto;
    width: 1280px;
    height: 40px;
    color: #5d6f75;
    text-align: center;
    font-size: 13px;
    /*border-top: 1px solid hsla(0,0%,100%,.05);*/
    /*background: linear-gradient(rgba(0,0,0,.2),transparent);*/
}
.new-home-notice .new-notice-list li {display:inline-block;margin:0 18px;line-height:40px;}
.new-home-notice .new-notice-list li a {color:#5d6f75;-webkit-transition:all .25s;transition:all .25s;}
.new-home-notice .new-notice-list li a:hover {color:#de5959;}

/* 交易列表样式 */
.align-left{text-align:left;}.align-right{text-align:right;}

.home-quotation {margin:0 auto;width:1280px;background:#fff;}
.home-quotation ul.home-tab-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;*/
    border-bottom: 1px solid #ddd;
}
.home-quotation ul .home-tab-page {position:relative;padding:0 20px;line-height:50px;font-size:18px;font-weight:400;color:#3f6564;cursor:pointer;border-bottom:2px solid transparent;}
.home-quotation ul .home-tab-page:last-child {margin-right:0;}
.home-quotation ul .home-tab-page:hover {color:#11C09C;}
.home-quotation ul .active {color:#de5959;border-bottom:2px solid #de5959;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;}
.home-quotation ul .active:hover {color:#de5959;}
.home-quotation ul .active .caret {position:absolute;left:50%;right:50%;bottom:-4px;transform:translate(-50%,-50%);width:0;height:0;border-width:8px;border-bottom:8px dashed;border-right:8px solid transparent;border-left:8px solid transparent;color:#de5959;transition:all 0.3s;}

.home-quotation .home-products {table-layout:fixed;border:none;width:100%;}
.home-quotation .home-products th {line-height:40px;font-size:13px;font-weight:400;color:#878c8e;border-bottom:1px solid #e4ebf0;}
.home-quotation .home-products th:first-of-type {padding-left:16px;width:205px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.home-quotation .home-products th:nth-of-type(2) {width:250px;}
.home-quotation .home-products th:nth-of-type(3) {width:180px;}
.home-quotation .home-products th:nth-of-type(4) {width:180px;}
.home-quotation .home-products th:nth-of-type(5) {width:180px;}
.home-quotation .home-products th:nth-of-type(6) {width:180px;}
.home-quotation .home-products th:last-child {text-align:right;padding-right:16px;}
.home-quotation .home-products th .th-exchange {min-width:56px;display:inline-block;text-align:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:center;}

.home-quotation .home-products tbody>tr {-webkit-transition:all .25s;transition:all .25s;cursor:default;}
.home-quotation .home-products tbody>tr:hover {background:rgba(0,0,0,0.02);}

.home-quotation .home-products td{height:65px;font-size:14px;border-bottom:1px solid #eee;font-weight:400;color:#35384a;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;}
.home-quotation .home-products td .icon-coin {width:24px;height:24px;border-radius:50%;vertical-align:middle;}
.home-quotation .home-products td:last-of-type {text-align:right;padding-right:16px;}
.home-quotation .home-products td:first-of-type {padding-left:16px;}
.home-quotation .home-products td:first-of-type span.intro {margin-left:10px;vertical-align:middle;}
.home-quotation .home-products td:first-of-type span.all {margin-left:6px;font-weight:400;vertical-align:middle;color:#979fb1;}
.home-quotation .home-products td:first-of-type span.coinname {margin-left:6px;vertical-align:middle;}
.home-quotation .home-products td:first-of-type span.postfix {margin-left:3px;font-weight:400;vertical-align:middle;color:#979fb1;}

.home-quotation .home-products .index-native-price {margin-left:6px;font-size:13px;color:#979fb1;}

.home-quotation .home-products .index-null {color:#979fb1;}
.home-quotation .home-products .index-green {color:#2fa162}
.home-quotation .home-products .index-red {color:#ce5353}

.home-quotation .home-products td span.rate {
    line-height: 1;
    width: 90px;
    padding: 6px 14px;
    text-align: center;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    background-color: rgba(156,169,181,.1)
}
.home-quotation .home-products td .rate.index-red {
    color: #ef5656;
    background-color: rgba(239,86,86,.1);
}
.home-quotation .home-products td .rate.index-green {
    color: #0da88b;
    background-color: rgba(13,168,139,.1);
}

.home-quotation .home-products td .go-trade-new {width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:30px;height:28px;line-height:28px;padding:0 12px;display:inline-block;text-align:center;border:1px solid #de5959;border-radius:3px;font-size:14px;font-weight:400;color:#de5959;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;}
.home-quotation .home-products td .go-trade-new:hover {cursor:pointer;background-color:#de5959;color:#fff;border:1px solid transparent;}


.home-quotation .home-ticker-router {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 64px;
}
.home-quotation .home-ticker-router span {margin-right:2px;line-height:22px;font-size:14px;font-weight:500;color:#2d60e0;}
.home-quotation .home-ticker-router b {font-size:13px;font-weight:500;color:#2d60e0;vertical-align:middle;}

/* 市场风险提示 */
.fxts {
    margin: 45px auto 65px auto;
    width: 1280px;
    line-height: 24px;
    color: #888;
    font-size: 12px;
}
.fxts i, .warn-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
    font-style: normal;
    border: 1px solid;
}

/* 特色介绍 */
.new-platform-intro {
    margin: 0 auto;
    width: 100%;
    min-width: 1280px;
    background-color: #2558d9;
}
.new-platform-intro .platform-intro-main {
    width: 1100px;
    padding: 64px 0;
    margin: 0 auto;
}
.new-platform-intro .platform-intro-main .platform-intro-title {
    margin-bottom: 48px;
    line-height: 38px;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}
.new-platform-intro .platform-intro-main .platform-intro-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1100px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
}
.new-platform-intro .platform-intro-main .platform-intro-wrap .platform-intro-wrap-item {
    width: 340px;
    text-align: center;
}
.new-platform-intro .platform-intro-main .platform-intro-wrap .platform-intro-wrap-item .icon {
    margin-bottom: 12px;
}
.new-platform-intro .platform-intro-main .platform-intro-wrap .platform-intro-wrap-item h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 24px;
}
.new-platform-intro .platform-intro-main .platform-intro-wrap .platform-intro-wrap-item p {
    font-size: 14px;
    font-weight: 400;
    color: hsla(0,0%,100%,.7);
    line-height: 22px;
}

/* 下载专区 */
.app-download {
    width: 100%;
    min-width: 1180px;
    height: 533px;
    background-color: #fff;
}
.app-download .app-download-wrap {
    position: relative;
    max-width: 1440px;
    min-width: 1180px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}
.app-download .app-download-wrap .app-download-core {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1440px;
    height: 100%;
}
.app-download .app-download-wrap .app-download-left {
    position: absolute;
    top: 81px;
    left: 76px;
    width: 662px;
    height: 406px;
}
.app-download .app-download-wrap .app-download-core .app-download-right {
    position: absolute;
    top: 100px;
    left: 846px;
    text-align: left;
}
.app-download .app-download-wrap .app-download-core .app-download-right .app-download-intro .title {
    width: 480px;
    font-size: 32px;
    font-weight: 600;
    color: #35384a;
    line-height: 38px;
    margin-bottom: 6px;
}
.app-download .app-download-wrap .app-download-core .app-download-right .app-download-intro .subtitle {
    display: inline-block;
    width: 480px;
    font-size: 16px;
    font-weight: 400;
    color: #a8aebc;
    line-height: 19px;
}

.app-download .app-download-wrap .app-download-core .app-download-right .app-download-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 64px;
    padding-bottom: 10px;
}
.app-download .app-download-wrap .app-download-core .app-download-right .app-download-mobile button {
    height: 44px;
    margin-right: 12px;
    background-color: #242630;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    border-radius: 2px;
    border: 0;
    outline: 0;
    -webkit-transition: all .25s;
    transition: all .25s;
    cursor: pointer;
}
.app-download .app-download-wrap .app-download-core .app-download-right .app-download-mobile button img {
    width: 101px;
    height: 24px;
    padding: 10px 20px;
}

.app-download .app-download-wrap .app-download-core .app-download-right .app-download-desk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 60px;
}
.app-download .app-download-wrap .app-download-core .app-download-right .app-download-desk button {
    font-size: 16px;
    padding: 12px 20px;
    margin-right: 12px;
    background-color: #f4f7fa;
    font-weight: 500;
    color: #35384a;
    border-radius: 2px;
    border: 1px solid #ced2d9;
    cursor: pointer;
    -webkit-transition: all .25s;
    transition: all .25s;
}

/* Floating window */
.float_win_pay {
    margin: 0 auto;
    min-height: 200px;
    padding-bottom: 15px;
    background: #fff;
    border-radius: 10px;
}
.float_win_pay .tan_title {
    padding: 0 40px;
    height: 60px;
    background-color: #394aa9;
    border-radius: 10px 10px 0 0;
}
.float_win_pay .tan_title h4 {
    font-weight: normal;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    float: left;
}
.float_win_pay .tan_title .close-btn {
    display: block;
    float: right;
    line-height: 60px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 1rem;
    transition: all 0.2s ease-in-out;
}

.float_win_pay .payment_content{
    min-width: 450px;
    margin: 30px 0 0 0;
    padding: 0 40px;
}
.float_win_pay .payment_content ul li{
    margin-bottom: 17px;
}
.float_win_pay .payment_content ul li .label-1{
    display: inline-block;
    padding-right: 15px;
    width: 30%;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    text-align: right;
    box-sizing: border-box;
}
.float_win_pay .payment_content ul li .input-1{
    padding-left: 10px;
    padding-right: 10px;
    width: 65.5%;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #333;
    border:1px solid #D4D4D4;
    border-radius: 3px;
    transition: all,.3s;
    box-sizing: border-box;
}
.float_win_pay .payment_content ul li .input-2{
    padding-left: 10px;
    padding-right: 10px;
    width: 65.5%;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #333;
    border: none;
    border-radius: 3px;
    transition: all,.3s;
    box-sizing: border-box;
    cursor: default;
}
.float_win_pay .payment_content ul li .vcode-1{
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: 35%;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #333;
    border:1px solid #D4D4D4;
    border-radius: 3px;
    transition: all,.3s;
}
.float_win_pay .payment_content ul li .btns{
    margin: 0 auto;
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #4f64dc;
    border: 1px solid #6378f1;
    border-radius: 1000px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    cursor: pointer;
}
.float_win_pay .payment_content ul li .btns:hover{
    color: #fff;
    background-color: #6378f1;
    border: 1px solid #6378f1;
}
.float_win_pay .payment_content ul li .code-num{
    display: inline-block;
    margin-left: 10px;
    width: 26%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background-color: #4f64dc;
    border: none;
    outline: none;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    cursor: pointer;
}
.float_win_pay .payment_content ul li .code-num:hover{
    color: #fff;
    background-color: #6378f1;
}
.float_win_pay .payment_content ul li p.forget{
    font-size: 14px;
}
.float_win_pay .payment_content ul li p.forget a{
    color: #0093ff;
}

.payment_content .imgcode {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    z-index: 2;
}
.payment_content .imgcode img {
    width: 117px;
    height: 40px;
}

/* 加载动画 */
.loading-box {display:none;}
.loading {position:relative;overflow-y:hidden;}
.loading .loading-box {
    position: relative;
    z-index: 99;
    display: block;
    padding: 20px 0;
    width: 100%;
    height: calc(100%);
    text-align: center;
}
em.icon-loading {display:block;margin:0 auto;width:50px;height:50px;background-size:100% 100%;background-repeat:no-repeat;background-image:url("../gateio_img/loading-day.gif");}
em.icon-loading-chart {display:block;margin:0 auto;margin-top:12px;width:50px;height:50px;background-size:100% 100%;background-repeat:no-repeat;background-image:url("../gateio_img/loading-dark.gif");}

/*** 底部 ***/
.footer-left{float:left;width:25%;}.footer-right{float:right;width:75%;}

.footer-container {width:100%;overflow:hidden;background:#0e1014;}
.footer-container * {-webkit-box-sizing:border-box;box-sizing:border-box;}
.footer-main {display:flex;margin:0 auto;width:1280px;padding:80px 30px 48px 30px;box-sizing:border-box;}

.footer-main .footer-left .logo {display:block;width:121px;height:45px;}
.footer-main .footer-left p {margin-top:20px;line-height:25px;font-size:16px;font-weight:400;color:hsla(0deg 0% 100% / 85%);}

.footer-main .footer-right .footer-ul {display:flex;}
.footer-main .footer-right .list {padding-right:24px;width:25%;}
.footer-main .footer-right .list .title {display:inline-block;margin-bottom:18px;line-height:24px;font-size:20px;font-weight:500;color:hsla(0,0%,100%,.85);vertical-align:top;}
.footer-main .footer-right .list .list-item {margin-bottom:16px;}
.footer-main .footer-right .list .link {display:inline-block;line-height:16px;font-size:14px;font-weight:400;color:hsla(0,0%,100%,.35);cursor:pointer;}
.footer-main .footer-right .list .link:hover {color:hsla(0,0%,100%,.85);opacity:1;}

.footer-link {
    margin: 0 auto;
    width: 1280px;
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
    color:#fff;
}
.footer-link .footer-line {height:1px;width:100%;border-top:1px solid hsla(0,0%,100%,.1);}
.footer-link .link-line {display:block;padding:24px 0 48px;line-height:16px;font-size:14px;font-weight:400;color:hsla(0,0%,100%,.35);}