/* ==========================================================================
   Base styles: opinionated defaults update
   ========================================================================== */
.tip-in {
    color: #F87261 !important;
}

.tip-error {
    color: #FF532C !important;
}

.tip-success {
    color: #06EF5F !important;
}

.tip-warning {
    color: #FF9802 !important;
}

.active,
.security {
    color: #E1C200 !important;
}

.error,
.color-buy,
.color-up {
    /*color: #C75961 !important;*/
    color: #70B881 !important;
}

.success,
.color-sell,
.color-down {
    /*color: #70B881 !important;*/
    color: #C75961 !important;
}

.btn-up,
.btn-buy {
    /*background-color: #C75961;*/
    background-color: #70B881;
    color: #000;
    transition: all .5s ease;
}

.btn-up[disabled],
.btn-up[readonly],
.btn-buy[disabled],
.btn-buy[readonly] {
    cursor: not-allowed !important;
    /*background-color: #CE9296;*/
    background-color: #88DF9C;
}

.btn-up[disabled]:hover,
.btn-up[readonly]:hover,
.btn-buy[disabled]:hover,
.btn-buy[readonly]:hover {
    cursor: not-allowed !important;
    /*background-color: #CE9296;*/
    background-color: #88DF9C;
}

.btn-down,
.btn-sell {
    /*background-color: #70B881;*/
    background-color: #C75961;
    color: #000;
    transition: all .5s ease;
}

.btn-down[disabled],
.btn-down[readonly],
.btn-sell[disabled],
.btn-sell[readonly] {
    cursor: not-allowed !important;
    /*background-color: #88DF9C;*/
    background-color: #CE9296;
}

.btn-down[disabled]:hover,
.btn-down[readonly]:hover,
.btn-sell[disabled]:hover,
.btn-sell[readonly]:hover {
    cursor: not-allowed !important;
    /*background-color: #88DF9C;*/
    background-color: #CE9296;
}

.btn-buy:hover {
    /*background-color: #BE6F74;*/
    background-color: #71A87E;
}

.btn-sell:hover {
    /*background-color: #71A87E;*/
    background-color: #BE6F74;
}

.btn-active {
    /*background-color: #E1C200;*/
    /*color: #000!important;*/
    /*transition: all .5s ease;*/
    font-size: 14px;
    color: #FFDC00 !important;
}

.btn-active:hover {
    /*background-color: #f42200;*/
    /*cursor: pointer;*/
    cursor: pointer;
    font-size: 14px;
    color: #333333;
}

.btn-bg {
    background-color: #E1C200;
    color: #000;
    transition: all .5s ease;
}

.btn-bg:hover {
    background-color: #FFEF90 !important;
    cursor: pointer;
}

.btn-bg[disabled],
.btn-bg[readonly] {
    cursor: not-allowed !important;
    background-color: #000;
}

.btn-bg[disabled]:hover,
.btn-bg[readonly]:hover {
    cursor: not-allowed !important;
    background-color: #000;
}

.btn-disabled {
    cursor: not-allowed !important;
    color: rgba(0, 0, 0, 0.25) !important;
    font-size: 14px;
    /*background-color: #b1b2b5!important;*/
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.btn-poster {
    border-radius: 10px;
    width: 200px;
    height: 40px;
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
body {
    color: #000;
    background-color: #F5F5F5;
    font-size: 1em;
    font-size: 62.5%;
    line-height: 1.4;
    max-width: 100%;
    min-width: 1250px;
    margin: 0;
    scrollbar-arrow-color: #fff;
    /*三角箭头的颜色*/
    scrollbar-face-color: transparent;
    /*立体滚动条的颜色（包括箭头部分的背景色）*/
    scrollbar-3dlight-color: transparent;
    /*立体滚动条亮边的颜色*/
    scrollbar-highlight-color: #fff;
    /*滚动条的高亮颜色（左阴影？）*/
    scrollbar-shadow-color: rgba(0, 0, 0, 0.15);
    /*立体滚动条阴影的颜色*/
    scrollbar-darkshadow-color: transparent;
    /*立体滚动条外阴影的颜色*/
    scrollbar-track-color: #fff;
    /*立体滚动条背景颜色*/
    scrollbar-base-color: #0f202e;
    /*滚动条的基色*/
    font-family: "segoe ui", "microsoft yahei", "microsoft mhei", stheititc, sans-serif;

}

html ::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

html ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

html ::-webkit-scrollbar-thumb {
    width: 10px;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.05);
    background-color: #F5F5F5;
}

a,
a:hover {
    text-decoration: none;
}

span.disabled,
a.disabled {
    color: #8D8D8D !important;
    cursor: not-allowed !important;
}

button,
input {
    outline: none;
    border: none;
}

input[readonly],
input[disabled] {
    cursor: not-allowed;
    background-color: rgba(0, 0, 0, 0.2);;
!important;
}

input[readonly]:focus,
input[disabled]:focus,
input[readonly]:hover,
input[disabled]:hover {
    border-color: rgba(0, 0, 0, 0.2);;
!important;
}

ul,
li,
dl,
dt,
dd {
    padding: 0;
    margin: 0;
    list-style: none;
}

/*去除3px*/
img {
    border: 0;
}

/* 动画效果 */
a {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

li {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

i {
    font-style: normal !important;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.fr {
    float: right;
}

.fl {
    float: left;
}

.pab {
    position: absolute;
}

.ofh {
    overflow: hidden;
}

.fwb {
    font-weight: bold;
}

.tar {
    text-align: right;
}

.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.dib {
    display: inline-block;
}

.vat {
    vertical-align: top;
}

.vam {
    vertical-align: middle;
}

.vab {
    vertical-align: bottom;
}

.nowrap {
    white-space: nowrap;
}

.textover {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*margin*/
.mg {
    margin: 0 auto;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt40 {
    margin-top: 40px;
}

.mb0 {
    margin-bottom: 0;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml5 {
    margin-left: 5px;
    font-size: 16px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.mg20 {
    margin: 20px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.pdlr20 {
    padding: 0 20px;
}

/*字号*/
.fs0 {
    font-size: 0;
}

.fs10 {
    font-size: 10px;
}

.fs11 {
    font-size: 11px;
}

.fs12 {
    font-size: 12px;
    margin-top: 0px;
    /*margin-top: 7px;*/
}

.fs13 {
    font-size: 13px;
}

.fs14 {
    font-size: 14px;
}

.fs15 {
    font-size: 15px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs25 {
    font-size: 25px;
}

.uppercase {
    text-transform: uppercase;
    padding-left: 10px;
}

/* ==========================================================================
   Author's custom module styles
   ========================================================================== */
/* Header styles
================================================== */
.navbar {
    min-width: 1200px;
    margin-bottom: 0;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    height: 60px;
    padding: 0 60px;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1000;
}

.navbar-right {
    float: right !important;
}

.navbar-fixed-top {
    top: 0;
}

.navbar-header {
    float: left;
}

.navbar-brand {
    float: left;
    line-height: 40px;
    font-size: 30px;
    margin: 15px 50px 0 5px;
}

.navbar-brand img {
    display: block;
    width: 130px;
}

.navbar-brand:focus {
    outline: 0;
}

.top-nav-collapse {
    padding: 0 70px;
    background: #130A39 !important;
    /*background: #4754C1 !important;*/
}

.navbar-custom a {
    color: #000;
}

.navbar-custom .nav li a {
    font-size: 14px;
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    transition: all .5s ease;
    color: rgba(255, 255, 255, 0.65);
    cursor: pointer;
}

.navbar-custom .nav li a:active,
.navbar-custom .nav li a:hover {
    color: #000 !important;
}

.navbar-custom .nav li.active a {
    color: #000 !important;
}

.top-nav-collapse .nav-item li.active {
    border-bottom: 2px solid #E1C200;
}

.top-nav-collapse .navbar-right li a:hover,
.top-nav-collapse .navbar-right li a:focus,
.top-nav-collapse .nav-item li a:hover,
.top-nav-collapse .nav-item li a:focus,
.top-nav-collapse .nav-item li.active a {
    color: #000 !important;
}

.navbar .nav > li:hover .dropdown-menu {
    display: block;
}

.navbar .nav > li:hover b.caret {
    transform: rotate(180deg);
}

.navbar-header:before {
    display: table;
    content: "";
}

.b-nav li a:hover,
.b-nav li a:focus,
.b-nav li.active a {
    outline: 0;
    background: transparent !important;
}

.nav > li {
    position: relative;
    display: block;
    padding: 18px 15px;
}

.nav > li > a {
    position: relative;
    display: block;
}

.navbar-nav {
    float: left;
    padding-left: 0;
    margin: 0;
}

.navbar-nav > li {
    float: left;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: transparent;
}

/** 下拉 **/
.slide_in {
    display: none;
    position: absolute;
    top: 58px;
    left: 12px;
    background: #fff;
    opacity: 0.8;
    line-height: 20px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
    white-space: nowrap;
    box-sizing: content-box;
    transition: all .5s ease;
}

.top-nav-collapse .slide_in {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}

.navslide > a:hover {
    color: #c7cce6;
}

.navslide:hover .slide_in {
    display: block;
}

.navslide i.fa-angle-down {
    transform-origin: center center;
    font-size: 15px;
    padding-left: 5px;
    display: inline-block;
}

.navslide .slide_in a {
    padding: 7px 10px;
    font-size: 12px !important;
    display: block;
    white-space: nowrap;
}

.navslide .slide_in li {
    padding: 0 20px;
}

.navslide .slide_in li:hover {
    cursor: pointer;
    background-color: rgba(62, 81, 115, 0.7);
}

.navslide .slide_in li:hover a {
    color: #fff;
}

.head-inmail-container {
    display: none !important;
    left: -220px;
    /*padding: 10px 20px;*/
    width: 420px;
    height: 480px;
    background-color: #000;
    color: #000;
    opacity: 1;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(28, 36, 44, .12);
}

.head-inmail-container .inmail-head {
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.head-inmail-container .inmail-head h3 {
    font-size: 14px;
    font-weight: 500;
    display: flex;
}

.head-inmail-container .inmail-head h3 img {
    width: 30px;
    height: 30px;
    margin-right: 8px;
}

.head-inmail-container .inmail-head a {
    font-size: 12px;
    font-weight: 500;
    color: #357ce1;
}

.head-inmail-container .inmail-content {
    padding: 10px 20px;
    height: 366px;
    overflow-y: auto;
    background: #000;
    scrollbar-face-color: #F00;
    scrollbar-track-color: #000;
    scrollbar-arrow-color: #000;
    scrollbar-face-color: #CCD2D1; /*移动滑块颜色*/
    scrollbar-shadow-color: #CCD2D1; /*移动滑块边框颜色*/
    scrollbar-track-color: #CCD2D1; /*背景颜色*/
    scrollbar-arrow-color: #CCD2D1; /*箭头颜色*/
}

.inmail-content a {
    padding: 0 !important;
}

.head-inmail-container .inmail-content::-webkit-scrollbar-track {
    background-color: #CCD2D1;
}

.head-inmail-container .inmail-content::-webkit-scrollbar-thumb {
    background-color: #CCD2D1;
}

.head-inmail-container .inmail-content li {
    padding: 15px 10px;
    font-size: 14px;
    overflow: visible;
    display: block;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    cursor: pointer;
    color: #9aa5b5;
    border-bottom: 1px solid #f2f3f8;;
    position: relative;
}

.head-inmail-container .inmail-content li.unread:before {
    position: absolute;
    left: -3px;
    top: 20px;
    content: "";
    display: block;
    background-color: #ef5656;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.head-inmail-container .inmail-content li:hover {
    background-color: #F2F5FA;
}

.head-inmail-container .inmail-content li .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1c242c;
}

.head-inmail-container .inmail-content li .content {
    line-height: 22px;
}

.head-inmail-container .inmail-content li .time {
    line-height: 18px;
    font-size: 12px;
}


.navslide .icon-mail-tip {
    margin-right: 5px;
}

.navslide #much {
    /*display: none;*/
    /*width: 18px;*/
    /*height: 18px;*/
    /*position: absolute;*/
    /*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: 2px solid #1b2945;*/
    /*border-radius: 50%;*/
    /*background-color: #d14b64;*/
    /*color: #000;*/
    /*right: 52px !important;*/
    /*font-size: 12px;*/
    /*top: 20px !important;*/
    /*font-style: normal;*/
    display: none;
    width: 18px;
    height: 18px;
    position: absolute;
    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: 2px solid #1b2945;
    border-radius: 50%;
    background-color: #d14b64;
    color: #000;
    right: 12px !important;
    font-size: 12px;
    top: 15px !important;
    font-style: normal;
}

.navslide .much {
    display: none;
    width: 7px !important;
    height: 7px !important;
    right: 56px !important;
    top: 0px !important;
    background-color: #ef5656 !important;
    position: absolute !important;
    border-radius: 50% !important;
    font-size: 12px !important;
}

.top-nav-collapse .b-btn:hover {
    background-color: #364663;
}

.top-nav-collapse .b-btn:hover a {
    color: #000 !important;
}

.b-btn {
    margin-top: -5px;
    display: inline-block;
    padding: 5px 20px;
    background-color: #F5F5F5;
    border-radius: 20px;
}

.b-btn:hover {
    background-color: #364663;
}

/* Footer Styles
================================================== */
footer {
    padding: 120px 0 90px 0;
    background: #130A39;
    z-index: 99;
    min-width: 1024px;
    font-size: 14px;
}

footer .logo {
    vertical-align: top;
    display: inline-block;
    margin-left: 8%;
    width: 24%;
}

footer small {
    font-size: 16px;
}

footer .logo p {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
}

footer h5 {
    margin-top: 0;
    font-size: 20px;
}

footer .foot-content {
    vertical-align: top;
    display: inline-block;
    width: 65%;
}

footer .foot-content .list {
    vertical-align: top;
    display: inline-block;
    width: 23%;
}

footer .foot-content .list * {
    text-transform: capitalize;
}

footer .foot-content .list a {
    color: #e4e4e4;
}

footer .foot-content .list a:hover {
    color: #000;
}

footer img {
    width: 130px;
}

footer h5 {
    color: #000;
    font-weight: normal;
}

footer a {
    color: #000;
    display: block;
    font-size: 16px;
    padding: 15px 0;
}

footer a:hover {
    cursor: pointer;
    color: #E7F0FF;
}

/* slider Styles
================= ================================= */
.swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    border-radius: 0;
    background: #fff;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #E1C200;
}

.swiper-container a {
    display: inline-block;
    width: 100%;
}

.swiper-container img {
    display: inline-block;
    width: 100%;
    height: 680px;
}

/* notice
================================================== */
.notice {
    margin: 0 auto;
    padding: 10px 70px;
    height: 40px;
    margin-top: -2px;
    font-size: 20px;
    overflow: hidden;
    background-color: #4F5DDC;
    color: #000;
}

.notice li {
    line-height: 40px;
}

.notice li a {
    color: #e4e4e4;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
}

.notice li a:hover {
    color: #000;
}

/* loading
================================================== */
.ajaxloading {
    width: 100%;
    min-height: 800px;
    height: auto;
    float: right;
    display: inline;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    text-align: center;
}

.ajaxloading img {
    margin-top: 7%;
    width: 8%;
    display: inline-block;
}

/* attention
================================================== */
.attention {
    margin-top: 20px;
    /*width: 100%;*/
    width: 460px;
    margin: auto;
    background-color: #fff8bf;
    border-color: #E1C200;
    /*color: #E1C200;*/
    color: rgba(0, 0, 0, 0.85);
    padding: 13px 25px 13px 25px;
    box-sizing: border-box;
}

/* range Styles
================================================== */
.range {
    width: 100%;
    background: none !important;
    position: relative;
}

/*修改*/
.range .slider-tips {
    position: absolute;
    top: 4px;
    margin-left: -3px;
    font-size: 12px;
    color: #1DAA97;
}

/*修改*/
/*修改2*/
.range .Centigrade {
    color: #E05D5D !important;
}

/*修改2*/
.range .range_wrap {
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    cursor: pointer;
    padding: 30px 10px 0 5px;
}

.range .range_wrap .range_paths_wrap {
    position: relative;
    z-index: 1;
}

.range .range_wrap .range_paths_wrap .range_path {
    background-color: #43434B;
}

.range .range_wrap .range_path {
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    width: 100%;
    background: #ccc;
    transition: all .05s;
    -moz-transition: all .05s;
    -webkit-transition: all .05s;
    -o-transition: all .05s;
}

.range .range_wrap .range_track_wrap {
    position: relative;
}

.range .range_wrap .range_track {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    width: 0;
    transition: all .05s;
    -moz-transition: all .05s;
    -webkit-transition: all .05s;
    -o-transition: all .05s;
}

/*修改*/
.range .range_wrap .range_handle {
    z-index: 5;
    position: absolute;
    width: 14px;
    height: 14px;
    border: 2px solid #1DAA97;
    background: #13141D;
    border-radius: 50%;
    top: -8px;
    z-index: 4;
    transition: left .05s;
    -moz-transition: left .05s;
    -webkit-transition: left .05s;
    -o-transition: left .05s;
}

/*修改*/
/*修改2*/
.range .range_wrap .line {
    border: 2px solid #E05D5D !important;
    color: #E05D5D !important;
}

/*修改2*/
.range .range_wrap .range_points_wrap {
    position: relative;
    top: -3px;
}

.range .range_wrap .range_point {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: -4px 0 0 -4px;
    text-align: center;
}

.range .range_wrap .range_point:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #43434B;
    border-radius: 50%;
    vertical-align: top;
    margin-top: 4px;
}

.range_buy .range_track {
    /*background-color: #C75961;*/
    background-color: #70B881;
}

.range_buy .range_point.active:after {
    /*background: #C75961;*/
    background: #70B881;
}

.range_buy .range_point:hover:after {
    background-color: #70B881;
}

.range_buy .range_handle.active {
    border: 2px solid #70B881;
}

.range_sell .range_track {
    /*background-color: #70B881;*/
    background-color: #C75961;
}

.range_sell .range_point.active:after {
    /*background: #70B881;*/
    background: #C75961;
}

.range_sell .range_point:hover:after {
    /*background-color: #70B881;*/
    background-color: #C75961;
}

.range_sell .range_handle.active {
    /*border: 2px solid #70B881;*/
    border: 2px solid #C75961;
}

/* table Styles
================================================== */
table tbody {
    display: block;
}

table thead,
tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

table thead {
    width: calc(100% - 1em);
}

table {
    background-color: #fff;
    width: 100%;
    text-align: center;
    color: #000;
    border-top: 0;
}

table thead {
    width: 100%;
    height: 54px;
    background: rgba(0, 0, 0, 0.02);
}

table thead th {
    height: 25px;
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px solid #F5F5F5;
    font-size: 12px;
    font-weight: normal;
}

table thead th i {
    margin-left: 5px;
}

table thead th i.fa-sort-down,
table thead th i.fa-sort-up {
    color: #E1C200 !important;
}

table thead th:first-child {
    text-align: center;
}

table thead th:last-child {
    text-align: right;
    /*padding-right: 10px;*/
    padding-right: 120px;
}

table tbody {
    max-height: 333px;
    min-height: 333px;
    overflow: auto;
    color: #000;
    font-size: 12px;
    background-color: transparent;
}

table tbody tr {
    height: 26px;
    border-bottom: 1px solid #F5F5F5;
    -webkit-transition: background-color 0.8s ease;
    -moz-transition: background-color 0.8s ease;
    -ms-transition: background-color 0.8s ease;
    -o-transition: background-color 0.8s ease;
    transition: background-color 0.8s ease;
}

table tbody tr td {
    width: 34%;
    height: 54px;
    text-align: center;
    white-space: nowrap;
}

table tbody tr td:first-child {
    text-align: left;
    padding-left: 30px;
}

table tbody tr td:last-child {
    text-align: right;
    /*padding-right: 10px;*/
    padding-right: 112px;
}

table tbody tr i {
    margin-right: 3px;
    color: #000;
}

table tbody tr i:hover {
    color: #E1C200;
}

table tbody tr .fa-star.active {
    color: #E1C200;
}

table tbody tr:hover {
    cursor: pointer;
    background-color: rgba(255, 220, 0, 0.19);
    color: #000;
}

/*  validates
================================================== */
.validate {
    position: relative;
}

.validate input.error {
    border-color: #c66161 !important;
    color: #c00 !important;
}

.validate label.error {
    position: absolute;
    right: 18px;
    line-height: 17px !important;
    top: 17px !important;
    font-weight: normal;
    color: #ef392b !important;
    font-size: 12px !important;
}

.error {
    border-color: red !important;
}

/*  diainput input
================================================== */
.dia_input label {
    line-height: 30px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.2);
    font-weight: normal;
}

.dia_input .input_middle {
    position: relative;
    display: flex;
    align-items: center;
}

.dia_input .input_middle .input_text_right {
    position: absolute;
    /*top: 10px;*/
    /*top: 12px;*/
    /*top: 20px;*/
    right: 20px;
    height: 20px;
    line-height: 20px;
    color: #FFDC00;
    font-size: 14px;
}

.dia_input .input_middle .input_text_right s {
    border-left: 1px solid;
    height: 30px;
    margin: 0 20px;
}

.dia_input .input_middle .input_text_right b {
    font-weight: normal;
    cursor: pointer;
}

.dia_input .input_middle .input_text_right b:hover {
    color: #FFDC00;
}

form {
    width: 100%;
}

form .group {
    margin-top: 20px;
}

form .group label {
    line-height: 30px;
    /*font-size: 14px;*/
    font-size: 12px;
    color: rgba(0, 0, 0, 0.45);
    font-weight: normal;
}

form .group label a {
    color: #E1C200;
}

form .group label a small {
    display: none;
}

form .group label a:hover small {
    display: inline-block;
}

/*form .group input {*/
/*  box-sizing: border-box;*/
/*  background-color: #fff;*/
/*  width: 100%;*/
/*  line-height: 38px;*/
/*  padding: 0 10px;*/
/*  !*height: 40px;*!*/
/*  height: 55px;*/
/*  border-radius: 5px;*/
/*  border: 1px solid rgba(0,0,0,0.2);*/
/*  outline: none;*/
/*  color: #000;*/
/*  transition: border .5s ease;*/
/*}*/
form .group input {
    box-sizing: border-box;
    background-color: #fff;
    width: 100%;
    line-height: 38px;
    padding: 0 10px;
    /* height: 40px; */
    height: 45px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    outline: none;
    color: #000;
    transition: border .5s ease;
}

form .group input:hover,
form .group input:active,
form .group input:focus {
    border: 1px solid #E1C200;
}

form .group input::placeholder {
    color: rgba(0, 0, 0, 0.2);
}

form input[type="button"],
form button {
    width: 100%;
    margin-top: 20px;
    line-height: 40px;
    border-radius: 5px;
    /*height: 55px;*/
    font-size: 16px;
    color: #333333;
}

.input_select {
    width: 100%;
    display: inline-block;
}

.input_select input {
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    width: 100%;
    background: transparent;
    font-size: 0;
    height: 40px;
    /*line-height: 40px;*/
    line-height: 28px;
}

.input_select .select_output {
    color: rgba(0, 0, 0, 0.25);
    font-size: 14px;
    margin: -40px 0 0 10px;
    height: 40px;
    /*line-height: 40px;*/
    /*line-height: 25px;*/
    line-height: 33px;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    display: block;
}

.input_select .select_output:after {
    content: '';
    position: absolute;
    right: 9px;
    /*right: 5px;*/
    /*top: 50%;*/
    top: 40%;
    margin-top: -3px;
    border-bottom: 0;
    border-top: 6px solid rgba(0, 0, 0, 0.2);
    border-right: 6px dashed transparent;
    border-left: 6px dashed transparent;
}

.input_select .select_option {
    width: 99.9%;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 0;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.65);
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    max-height: 290px;
    overflow-y: auto;
}

.input_select .select_option p {
    margin: 0;
    font-size: 12px;
    margin-bottom: 0;
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 5px;
    cursor: pointer;
    line-height: 50px;
    box-sizing: border-box;
    height: 50px;
    font-weight: normal;
}

.input_select .select_option p:hover {
    background-color: rgba(255, 220, 0, 0.19);
}

.input_select .select_option p .info {
    float: right;
}

.input_select .select_option p a {
    float: right;
    color: #E1C200;
    padding: 0 10px;
}

.input_select .select_option p a:hover {
    color: #FFDC00;
}

/* attention
================================================== */
.mylayer {
    background-color: #F5F5F5;
    color: #000;
}

.layer-success {
    margin-top: 20px;
    width: 100%;
    background-color: #fff8bf;
    border-color: #E1C200;
    color: #E1C200;
    padding: 13px 25px 13px 25px;
    box-sizing: border-box;
}

/* information
================================================== */
.progress-info {
    position: relative;
    width: 100%;
    min-height: 550px;
}

.stateInfo {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}

.stateInfo img {
    display: inline-block;
    vertical-align: middle;
}

.stateInfo span {
    display: inline-block;
    vertical-align: middle;
}

.successInfo {
    /*margin-top: 130px;*/
    /*margin-top: 130px;*/
    text-align: center;
    position: relative;
}

.successInfo ul {
    font-size: 18px;
    min-width: 400px;
}

.successInfo ul li {
    line-height: 40px !important;
    min-width: 300px;
    text-align: left;
    color: rgba(0, 0, 0, 0.2);
    /*!important;*/
}

.successInfo ul li mytag {
    width: 100px;
    display: inline-block;
    text-align: right;
}

.successInfo ul li span {
    /*color: #000;*/
    color: rgba(0, 0, 0, 0.6);
    position: relative !important;
    left: 15px !important;
}

.successInfo .idinfo {
    position: absolute;
    top: 60px;
    left: 30%;
}

/*  animate
================================================== */
@keyframes move {
    0% {
        transform: translateY(-10px);
    }
    25% {
        transform: translateY(-5px);
    }
    50% {
        transform: translateY(0px);
    }
    75% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(-10px);
    }
}

/*  Styles
================================================== */
.index {
    margin: 0 auto;
    background-color: #F4F4F4;
    color: #333;
}

.index .swiper-container {
    width: 100%;
    height: 680px;
}

.index #recommend {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.index #recommend .swiper-wrapper {
    width: 100%;
    height: 100%;
    text-align: center;
}

.index #recommend .swiper-slide {
    text-align: left;
    width: 266px;
    height: 120px;
    padding: 15px 10px;
    box-sizing: border-box;
    margin: 24px 7px;
    background-color: #000;
    color: #333;
    font-size: 14px;
    transition: all .2s ease;
    border-radius: 3px;
    display: flex;
    align-items: center;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all .3s;
}

.index #recommend .swiper-slide:hover {
    transform: translateY(-5px);
}

.index #recommend .swiper-slide:first-child {
    margin-left: 15px;
}

.index #recommend .swiper-slide .coinpair {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-right: 10px;
}

.index #recommend .swiper-slide .coinpair img {
    border-radius: 50%;
}

.index #recommend .swiper-slide .coinpair .pair {
    margin-top: 16px;
    color: #333;
    font-size: 14px;
}

.index #recommend .swiper-slide .nowdata {
    display: inline-block;
    vertical-align: middle;
}

.index #recommend .swiper-slide .nowdata span {
    display: inline-block;
    vertical-align: middle;
}

.index #recommend .swiper-slide h2 {
    margin: 0;
    font-size: 26px;
}

.index #recommend .swiper-slide h2 i {
    font-size: 12px;
    margin-top: 5px;
    float: right;
}

.index #recommend .swiper-slide h2 i:hover {
    color: #E1C200;
}

.index #recommend .swiper-slide h2 .fa-star.active {
    color: #E1C200;
}

.index #recommend .swiper-slide .price {
    color: #333;
    margin-right: 7px;
}

.index #recommend .swiper-slide p {
    color: #333;
    margin: 0;
    margin-top: 5px;
}

.index #recommend .swiper-slide:hover {
    cursor: pointer;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}

.index .table-content {
    width: 85%;
    margin: 0 auto;
    margin-top: 50px;
}

.index .table-content .for_coin {
    text-align: left;
    background-color: #000;
    height: 38px;
    line-height: 38px;
    padding-bottom: 10px;
    padding-top: 20px;
}

.index .table-content .for_coin li {
    position: relative;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    padding: 0 70px;
}

.index .table-content .for_coin li:hover,
.index .table-content .for_coin li:active,
.index .table-content .for_coin li:focus {
    cursor: pointer;
    color: #EC5A56;
}

.index .table-content .for_coin li img {
    border-radius: 50%;
    width: 22px;
    vertical-align: middle;
    margin-top: -4px;
    padding: 0 5px;
}

.index .table-content .for_coin li.tab-active:after {
    position: absolute;
    left: 50%;
    bottom: 1px;
    background-color: #003AFF;
    width: 45px;
    height: 2px;
    content: '';
    transform: translateX(-50%);
}

.index .table-content li.search-box {
    position: relative;
    min-width: 180px;
    float: right;
    margin-right: 80px;
}

.index .table-content li.search-box input {
    background-color: transparent;
    width: 100%;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: 28px;
    padding: 0 5px;
    outline: none;
    color: #000;
}

.index .table-content li.search-box input:hover,
.index .table-content li.search-box input:active,
.index .table-content li.search-box input:focus {
    border: 1px solid #E1C200;
}

.index .table-content li.search-box input::placeholder {
    color: rgba(0, 0, 0, 0.2);
}

.index .table-content li.search-box i {
    position: absolute;
    color: #000;
    right: 0px;
    top: 40%;
    cursor: pointer;
}

.index .table-content li.search-box:hover {
    background-color: transparent;
    color: transparent;
}

.index .table-content table {
    color: #000;
    transition: all 1s ease;
}

.index .table-content table {
    background-color: #000;
}

.index .table-content table thead th {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background-color: #CEE0FF;
    color: #333;
    border: none;
}

.index .table-content table thead th:hover {
    cursor: pointer;
}

.index .table-content table thead th i {
    /*color: rgba(0,0,0,0.2);*/
    font-size: 12px;
    margin-left: 10px;
}

.index .table-content table thead th i:hover {
    color: #E1C200;
}

.index .table-content table thead th:first-child {
    text-align: center;
    width: 100px;
    padding: 0;
}

.index .table-content table tbody {
    max-height: 680px;
}

.index .table-content table tbody tr {
    transition: all .5s ease;
    border-bottom: 1px solid #F3F7FE;
}

.index .table-content table tbody tr:hover {
    background-color: #F3F7FE;
    cursor: pointer;
}

.index .table-content table tbody tr td {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #333;
}

.index .table-content table tbody tr td i:hover {
    color: #E1C200;
}

.index .table-content table tbody tr td .btn {
    width: 80px;
    height: 24px;
    border-radius: 3px;
}

.index .table-content table thead tr th:first-child, .index .table-content table tbody tr td:first-child {
    width: 100px;
    padding-left: 70px;
    text-align: left;
}

.index .table-content table tbody tr td:first-child img {
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    margin: 0 5px;
    border-radius: 50%;
}

.index .table-content table tbody tr td .btn {
    width: 138px;
    height: 38px;
    text-align: center;
    font-size: 16px;

}

.index .table-content table .btn-down {
    background-color: #EC5A56;
}

.index .table-content table .btn-up {
    background-color: #70B881;
}

.index .services-wrapper {
    margin-top: 100px;
    position: relative;
    color: #000;
    z-index: 1;
    background-color: #f4f4f4;
    background-color: #f4f4f4;
}

.index .services-wrapper h4 {
    font-size: 24px;
    display: inline-block;
    margin-bottom: 2px;
    margin-top: 33px;
    color: #333;
}

.index .services-wrapper small {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.2);
}

.index .services-wrapper span {
    vertical-align: middle;
    display: inline-block;
    height: 1px;
    background-color: #333;
    width: 130px;
    margin: 0 20px 8px 20px;
}

.index .services-wrapper ul {
    margin-bottom: 0;
    text-align: center;
}

.index .services-wrapper li {
    display: inline-block;
    text-align: center;
    padding: 50px 30px 120px 30px;
}

.index .services-wrapper .service-img {
    width: 300px;
    height: 300px;
    transition: all 0.5s ease;
    background-size: cover;
    background-position: center;
}

.index .services-wrapper .service-img:hover {
    transform: scale(1.1);
}

.index .services-wrapper .service-img-box {
    width: 300px;
    height: 300px;
    border: 1px dashed #CEE0FF;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index .services-wrapper .service-intro {
    width: 100%;
}

.index .download {
    background: url(../img/sloganbg.png) no-repeat center top;
    padding: 20px 150px 0;
}

.index .download .intro {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    color: #000;
}

.index .download .intro h2 {
    font-size: 30px;
}

.index .download .intro p {
    font-size: 14px;
}

.index .download .btn-active {
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 50px;
    margin-left: 25%;
}

.index .download .down {
    margin-top: 80px;
    color: #000;
}

.index .download .down .tips {
    display: none;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 40px;
    border-radius: 3px;
    z-index: 10;
    background-color: #E1C200;
}

.index .download .down .tips img {
    width: 160px;
    height: 160px;
}

.index .download .down img {
    padding-right: 19%;
    display: inline-block;
    vertical-align: middle;
    width: 30%;
}

.index .download .down h2 {
    font-weight: normal;
    font-size: 30px;
}

.index .download .down p {
    color: #000;
    font-size: 15px;
}

.index .download .down .phone {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.index .download .down .phone:hover .tips {
    display: block;
}

.index .download .down .phone .btn-bg {
    font-size: 12px;
    border-radius: 5px;
    padding: 10px 0;
    width: 180px;
}

.index .download .down .phone .btn-bg i {
    font-size: 20px;
    padding-right: 5px;
}

.trade h1,
.trade h2,
.trade h3,
.trade h4,
.trade h5 {
    margin-top: 0;
}

.trade .remark {
    color: rgba(0, 0, 0, 0.2);
}

.trade .first-space {
    color: #9AA3b7;
    max-width: 88%;
    min-width: 1250px !important;
    margin: 0 auto;
    margin-top: 72px;
    height: 500px;
    overflow: hidden;
}

.trade .first-space .kline-space {
    height: 100%;
    vertical-align: top;
    width: 75%;
    display: inline-block;
    padding-left: 0;
    /*border: 0;*/
    box-sizing: border-box;
}

.trade .first-space header {
    color: #fff;
    background-color: #252639;
    height: 47px;
}

.trade .first-space header div {
    margin: 0 10px;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
}

.trade .first-space header div small {
    color: #9AA3B7;
    font-size: 12px;
}

.trade .first-space header div h5 {
    margin-bottom: 0;
    font-size: 14px;
}

.trade .first-space header div h4 {
    font-size: 18px;
    color: #fff;
    margin: 0;
}

.trade .first-space header div span {
    margin-left: 3px;
    color: #9AA3B7;
}

.trade .first-space .kchart {
    background-color: #13141D;
    height: 35px;
    line-height: 35px;
    color: #9AA3B7;
}

.trade .first-space .kchart h1 {
    color: #9AA3b7;
    font-size: 20px;
    margin: 0 15px;
    display: inline-block;
    vertical-align: middle;
}

.trade .first-space .kchart button {
    float: right;
    color: #9AA3b7;
    line-height: 23px;
    margin: 5px;
    vertical-align: middle;
}

.trade .first-space .kchart .btn-k {
    background-color: transparent;
    border: 1px solid #9aa3b7;
}

.trade .first-space .kchart .btn-k:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
}

.trade .first-space .kchart .btn-k.active {
    background-color: rgba(0, 0, 0, 0.2);
}

.trade .first-space .kline {
    background-color: transparent;
    width: 100%;
    min-height: 400px;
    max-height: 400px;
}

.trade .first-space .kline iframe {
    max-height: 400px;
    min-height: 400px;
}

.trade .scroll {
    background-color: #252639;
}

.trade .scroll span,
.trade .scroll i {
    display: inline-block;
    vertical-align: middle;
}

.trade .scroll i {
    text-align: center;
    font-size: 13px;
    width: 10px;
    cursor: pointer;
}

.trade .scroll i:hover {
    color: #E1C200;
}

.trade .scroll span {
    float: right;
    margin-right: 10px;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.trade .scroll span i {
    font-size: 12px;
    margin-right: 3px;
}

.trade .scroll span:hover,
.trade .scroll span:active,
.trade .scroll span:focus {
    cursor: pointer;
    color: #E1C200;
    border-bottom: 0;
}

.trade .scroll span.tab-active {
    /*background-color: #fff;*/
    color: #E1C200;
}

.trade #myscroll {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 25px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
}

.trade #myscroll #myscrollbox {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 1000000px;
}

.trade #myscroll #myscrollbox ul {
    width: 100%;
    display: block;
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0;
    color: #000;
    height: 25px;
    line-height: 25px;
}

.trade #myscroll #myscrollbox ul li {
    color: #9AA3B7;
    display: block;
    float: left;
    padding: 0;
    font-size: 13px;
    width: 50px;
    text-align: center;
}

.trade #myscroll #myscrollbox ul li:hover,
.trade #myscroll #myscrollbox ul li:active,
.trade #myscroll #myscrollbox ul li:focus {
    cursor: pointer;
    color: #E1C200;
    border-bottom: 0;
}

.trade #myscroll #myscrollbox ul li.tab-active {
    /*background-color: #fff;*/
    color: #fff;
}

.trade .buysell-tab,
.trade .trade-tab,
.trade .for_coin {
    text-align: left;
    background-color: #252639;
    color: #9AA3B7;
    height: 37px;
    line-height: 37px;
    margin-bottom: 0;
    box-sizing: content-box;
}

.trade .buysell-tab li,
.trade .trade-tab li,
.trade .for_coin li {
    font-size: 14px;
    display: inline-block;
    width: 17%;
    text-align: center;
}

.trade .buysell-tab li:hover,
.trade .trade-tab li:hover,
.trade .for_coin li:hover,
.trade .buysell-tab li:active,
.trade .trade-tab li:active,
.trade .for_coin li:active,
.trade .buysell-tab li:focus,
.trade .trade-tab li:focus,
.trade .for_coin li:focus {
    cursor: pointer;
    color: #E1C200;
    border-bottom: 0;
}

.trade .buysell-tab li i,
.trade .trade-tab li i,
.trade .for_coin li i {
    padding-right: 7px;
}

.trade .buysell-tab li.marketpair,
.trade .trade-tab li.marketpair,
.trade .for_coin li.marketpair,
.trade .buysell-tab .tab-active,
.trade .trade-tab .tab-active,
.trade .for_coin .tab-active {
    /*background-color: #fff;*/
    color: #fff;
    font-weight: bold;
}

.trade .market {
    vertical-align: top;
    display: inline-block;
    padding: 0;
    width: 24.6%;
    border: 0;
    box-sizing: border-box;
}

.trade .market .for_coin {
    height: 25px;
    line-height: 25px;
    /*padding: 0 70px;*/
}

.trade .market .for_coin li {
    color: #9AA3B7;
    font-weight: bold;
    font-size: 13px;
}

.trade .market thead:hover {
    cursor: pointer;
}

.trade .market tbody {
    min-height: 435px;
    max-height: 435px;
}

.trade .market tbody i {
    color: #000;
}

.trade .market tbody i:hover {
    cursor: pointer;
}

.trade li.search-box {
    position: relative;
    min-width: 150px;
    float: right;
    margin-right: 20px;
    transition: none;
    /*background-color: #F5F5F5 !important;*/
}

.trade li.search-box input {
    background-color: transparent !important;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #9AA3B7;
    height: 20px;
    padding: 0 5px;
    outline: none;
    color: #fff;
    font-size: 12px;
}

.trade li.search-box input:hover,
.trade li.search-box input:active,
.trade li.search-box input:focus {
    border: 1px solid #E1C200;
}

.trade li.search-box input::placeholder {
    color: rgba(0, 0, 0, 0.2);
}

.trade li.search-box i {
    position: absolute;
    color: #9AA3b7;
    right: -5px;
    top: 28%;
    cursor: pointer;
}

.trade li.search-box:hover {
    background-color: transparent;
    color: transparent;
}

.trade .second-space {
    max-width: 88%;
    min-width: 1250px !important;
    margin: 0 auto;
    margin-top: 10px;
    background-color: #13141D;
    display: flex;
    align-items: flex-start;
    height: 100%;
}

.trade .second-space .market_depth {
    vertical-align: top;
    width: 28%;
    padding: 0;
    color: #9AA3b7;
    border: 0;
    box-sizing: border-box;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.trade .second-space .market_depth .buysell-tab {
    background-color: #252639;
    height: 45px;
    line-height: 45px;
}

.trade .second-space .market_depth .trade-header {
    background-color: #13141D;
    color: #9AA3B7;
    font-size: 12px;
    font-weight: bold;
    line-height: 26px;
}

.trade .second-space .market_depth .trade-header li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: center;
}

.trade .second-space .market_depth .trade-header li span {
    width: 33%;
}

.trade .second-space .market_depth .trade-header li span:first-child {
    width: 45px;
}

.trade .second-space .market_depth ul {
    background-color: #13141D;
}

.trade .second-space .market_depth .new-price {
    font-size: 15px;
    line-height: 2;
    color: #9AA3b7;
    text-align: center;
    background-color: #252639;
}

.trade .second-space .market_depth .buy-content,
.trade .second-space .market_depth .sell-content {
    background-color: #13141D;
    line-height: 24px;
    overflow: hidden;
}

.trade .second-space .market_depth .buy-content li,
.trade .second-space .market_depth .sell-content li {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    -webkit-transition: background-color 0.8s ease;
    -moz-transition: background-color 0.8s ease;
    -ms-transition: background-color 0.8s ease;
    -o-transition: background-color 0.8s ease;
    transition: background-color 0.8s ease;
}

.trade .second-space .market_depth .buy-content li span,
.trade .second-space .market_depth .sell-content li span {
    width: 33%;
    overflow: hidden;
}

.trade .second-space .market_depth .buy-content li span:first-child,
.trade .second-space .market_depth .sell-content li span:first-child {
    width: 45px;
    /*color: #70B881;*/
    color: #C75961;
}

.trade .second-space .market_depth .buy-content li:hover,
.trade .second-space .market_depth .sell-content li:hover {
    background-color: #252639;
    color: #fff;
}

.trade .second-space .market_depth .buy-content li span:first-child {
    /*color: #C75961;*/
    /*color: #70B881;*/
    color: #1DAA97;
}

.trade .second-space .market_depth .showHeight {
    height: 337px;
    transition: all .5s 0s;
    overflow-y: auto;
}

.trade .second-space .market_depth .hideHeight {
    height: 0;
    transition: all 0.5s 0s;
}

.trade .second-space .market_depth a {
    margin: 0 10px 5px 2px;
    color: #9AA3b7;
}

.trade .second-space .market_depth a:hover {
    color: #FFDC00;
}

.trade .second-space .market_depth .drop {
    position: relative;
    margin-left: 10px;
    padding: 5px 0 10px;
    cursor: pointer;
}

.trade .second-space .market_depth .drop .dropdown-menu {
    display: none;
    background-color: #13141d;
    border:1px solid #252439;
    position: absolute;
    left: 20px;
    width: 120px;
    top: 25px;
}

.trade .second-space .market_depth .drop .dropdown-menu li {
    padding: 0;
    height: 24px;
    font-size: 12px;
}

.trade .second-space .market_depth .drop .dropdown-menu li a {
    line-height: 24px;
    padding: 0 5px;
}

.trade .second-space .trade-space {
    display: inline-block;
    flex: 3;
    padding-right: 0;
    border: 0;
    box-sizing: border-box;
    border-left: 5px solid #000;
}

.trade .second-space .trade-space .trade-tab {
    height: 45px;
    line-height: 45px;
}

.trade .second-space .trade-space .trade-tab li {
    font-size: 14px;
}

.trade .second-space .trade-space .trade-tab li:last-child {
    float: right;
    text-align: right;
    padding-right: 30px;
}

.trade .second-space .trade-space .trade-tab li:last-child:hover {
    background-color: transparent;
    color: #E1C200;
}

.trade .second-space .trade-space .trade-panel {
    text-align: center;
    padding: 0 30px;
    background-color: #13141D;
    color: #9AA3b7;
}

.trade .second-space .trade-space .trade-panel .rmb {
    color: #9AA3b7 !important;
}

.trade .second-space .trade-space .trade-panel .rmb i {
    font-style: normal;
}

.trade .second-space .trade-space .trade-panel a {
    margin: 0 2px;
    color: rgba(0, 0, 0, 0.2);
}

.trade .second-space .trade-space .trade-panel a:hover {
    color: #E1C200;
}

.trade .second-space .trade-space .trade-panel .trade-sell,
.trade .second-space .trade-space .trade-panel .trade-buy {
    text-align: left;
    width: 44%;
    margin: 0 20px;
    display: inline-block;
    vertical-align: top;
}

.trade .second-space .trade-space .trade-panel .trade-sell .trade-usable,
.trade .second-space .trade-space .trade-panel .trade-buy .trade-usable {
    margin-top: 22px;
    line-height: 42px;
    font-size: 14px;
    border-bottom: 1px solid #151C38;
    color: #9AA3b7;
}

.trade .second-space .trade-space .trade-panel .trade-sell .trade-usable p,
.trade .second-space .trade-space .trade-panel .trade-buy .trade-usable p {
    font-size: 12px;
    line-height: 42px;
    margin-bottom: 0;
    color: #9AA3b7;
}

.trade .second-space .trade-space .trade-panel .trade-sell .trade-usable p b,
.trade .second-space .trade-space .trade-panel .trade-buy .trade-usable p b {
    color: #fff;
    margin: 0 8px;
}

.trade .second-space .trade-space .trade-panel .trade-sell .input-text,
.trade .second-space .trade-space .trade-panel .trade-buy .input-text {
    color: #9aa3b7;
}

.trade .second-space .trade-space .trade-panel .trade-sell .input-text p,
.trade .second-space .trade-space .trade-panel .trade-buy .input-text p {
    font-size: 13px;
    margin: 0 0 5px;
}

.trade .second-space .trade-space .trade-panel .trade-sell .input-text small,
.trade .second-space .trade-space .trade-panel .trade-buy .input-text small {
    color: rgba(0, 0, 0, 0.2);
    font-size: 12px;
    line-height: 2.5;
}

.trade .second-space .trade-space .trade-panel .trade-sell .input-text .input-group,
.trade .second-space .trade-space .trade-panel .trade-buy .input-text .input-group {
    width: 100%;
    position: relative;
}

.trade .second-space .trade-space .trade-panel .trade-sell .input-text .input-group input,
.trade .second-space .trade-space .trade-panel .trade-buy .input-text .input-group input {
    box-sizing: border-box;
    background-color: #414363;
    width: 100%;
    height: 35px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #414363;
    outline: none;
    color: #fff;
}

.trade .second-space .trade-space .trade-panel .trade-sell .input-text .input-group input:hover,
.trade .second-space .trade-space .trade-panel .trade-buy .input-text .input-group input:hover,
.trade .second-space .trade-space .trade-panel .trade-sell .input-text .input-group input:focus,
.trade .second-space .trade-space .trade-panel .trade-buy .input-text .input-group input:focus {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.trade .second-space .trade-space .trade-panel .trade-sell .input-text .input-group input::placeholder,
.trade .second-space .trade-space .trade-panel .trade-buy .input-text .input-group input::placeholder {
    color: #9AA3b7;
}

.trade .second-space .trade-space .trade-panel .trade-sell .input-text .input-group input[disabled],
.trade .second-space .trade-space .trade-panel .trade-buy .input-text .input-group input[disabled] {
    cursor: not-allowed;
}

.trade .second-space .trade-space .trade-panel .trade-sell .input-text .input-group input[disabled]:hover,
.trade .second-space .trade-space .trade-panel .trade-buy .input-text .input-group input[disabled]:hover,
.trade .second-space .trade-space .trade-panel .trade-sell .input-text .input-group input[disabled]:focus,
.trade .second-space .trade-space .trade-panel .trade-buy .input-text .input-group input[disabled]:focus {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.trade .second-space .trade-space .trade-panel .trade-sell .input-text .input-group span,
.trade .second-space .trade-space .trade-panel .trade-buy .input-text .input-group span {
    position: absolute;
    right: 20px;
    top: 8px;
    font-size: 14px;
    color: #9AA3b7;
}

.trade .second-space .trade-space .trade-panel .trade-sell .exchange-total p,
.trade .second-space .trade-space .trade-panel .trade-buy .exchange-total p {
    font-weight: normal;
    font-size: 16px;
    margin: 26px 0;
    color: #9AA3b7;
}

.trade .second-space .trade-space .trade-panel .trade-sell .exchange-total p b,
.trade .second-space .trade-space .trade-panel .trade-buy .exchange-total p b {
    color: #fff;
    margin: 0 5px;
}

.trade .second-space .trade-space .trade-panel .trade-sell .btn,
.trade .second-space .trade-space .trade-panel .trade-buy .btn {
    width: 100%;
    outline: none;
    height: 37px;
    margin-bottom: 32px;
}

.trade .second-space .trade-space .trade-panel .trade-sell .btn:hover,
.trade .second-space .trade-space .trade-panel .trade-buy .btn:hover {
    cursor: pointer;
}

.trade .second-space .trade-space .limitpanel .btn {
    margin-top: 0;
}

.trade .second-space .trade-space .marketpanel button {
    margin-top: 65px;
}

.trade .last-space {
    max-width: 88%;
    min-width: 1250px !important;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 15px;
}

.trade .last-space .orders {
    vertical-align: top;
    display: inline-block;
    width: 28%;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

.trade .last-space .orders ul {
    padding-left: 15px;
    background-color: #252639;
    color: #9AA3b7;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

.trade .last-space .orders table td:nth-child(1),
.trade .last-space .orders table th:nth-child(1) {
    width: 20%;
}

.trade .last-space .orders table td:nth-child(2),
.trade .last-space .orders table th:nth-child(2) {
    width: 15%;
}

.trade .last-space .orders table td {
    overflow: hidden;
}

.trade .last-space .open_orders {
    vertical-align: top;
    display: inline-block;
    width: 71.5%;
    border: 0;
    box-sizing: border-box;

}

.trade .last-space .open_orders .orders-table::-webkit-scrollbar{
    display: block;
    height: 4px;
}
.trade .last-space .open_orders .orders-table{
    scrollbar-width: thin;                   /* Firefox: 细滚动条 */
    scrollbar-color: #4b516d #1b1e2a
}
.trade .last-space .open_orders .orders-table::-webkit-scrollbar-track{
   background: #0a0b0d;                     /* 深色轨道，贴合界面背景 */
}
.trade .last-space .open_orders .orders-table::-webkit-scrollbar-thumb{
   background-color: #4b516d;               /* 滑块颜色（深灰蓝） */
   border-radius: 4px;
   border: 1px solid #0a0b0d;               /* 与轨道融合的边线 */
}
.trade .last-space .open_orders .orders-table::-webkit-scrollbar-thumb:hover{
   background-color: #9aa3b7;               /* 悬停时高亮，统一主题色 */
   }
.trade .last-space .open_orders ul {
    padding-left: 15px;
    background-color: #252639;
    color: #9AA3b7;
    height: 40px;
    line-height: 39px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.trade .last-space .open_orders ul li {
    font-size: 12px;
    width: 50px;
    display: inline-block;
    text-align: center;
}

.trade .last-space .open_orders ul li:hover,
.trade .last-space .open_orders ul li:active,
.trade .last-space .open_orders ul li:focus {
    cursor: pointer;
    color: #E1C200;
}

.trade .last-space .open_orders ul .tab-active {
    /*background-color: #fff;*/
    color: #fff;
}

.trade .last-space .open_orders ul li:first-child {
    text-align: left;
    width: auto;
    font-size: 14px;
}

.trade .last-space .open_orders ul li:first-child:hover,
.trade .last-space .open_orders ul li:first-child:active,
.trade .last-space .open_orders ul li:first-child:focus {

}


.trade .last-space .open_orders ul a{
    cursor: pointer;
    font-weight: bold;
    color: #E1C200;
}

.trade .last-space .open_orders .order_option li{
    font-size: 12px!important;
}

.trade .last-space .open_orders table th:first-child,
.trade .last-space .open_orders table td:first-child {
    /* width: 120px; */
}
.trade .last-space .open_orders .orders-table{
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 368px;
    background-color: #13141d;
}
.trade .last-space .open_orders table{
    border-collapse: separate;
    min-width: 900px;
    table-layout: auto;
    width: auto;
    min-width: 900px;
}
.trade .last-space .open_orders thead {
    display: table-header-group;
    position: sticky;
    top: 0;
    z-index: 3;
    background: #13141d;
}

.trade .last-space .open_orders table th,
.trade .last-space .open_orders table td {
    white-space: nowrap;
    min-width: 120px;
    /* width: 44px; */
}

.trade .last-space .open_orders table th:last-child,
.trade .last-space .open_orders table td:last-child {
    /* width: 44px; */
    text-align: center;
    position: sticky;
    right: -1px;
    background-color: #13141d;
    z-index: 2;
    min-width: 100px;          /* 操作列宽度，可按需调整 */
    text-align: center;
    padding-right: 0;
    border-left: 1px solid #2d3047;
    box-shadow: inset 2px 0 0 rgba(45, 48, 71, 0.4);
}

.trade .last-space .open_orders tbody {
    display: table-row-group;
    overflow: visible;
}

.trade .last-space .open_orders tbody a {
    color: rgba(0, 0, 0, 0.2);
}

.trade .last-space .open_orders tbody a:hover {
    color: #E1C200;
}
.trade .last-space .open_orders tbody tr{
    display: table-row;
}
.trade .last-space .open_orders tbody tr.no {
    border-bottom: 0;
    height: 333px;
}

.trade .last-space .open_orders tbody tr.no .no-data {
    position: sticky;           /* 相对滚动视口定位 */
    left: 50%;
    transform: translateX(-50%);/* 真正水平居中到视口 */
    align-items: center;
    gap: 8px;
    width: max-content;
    z-index: 1;
}

.trade .last-space .open_orders tbody tr.no td {
    text-align: center !important;
}

.trade .last-space .open_orders tbody tr.no:hover {
    color: #000;
    background-color: transparent !important;
}

.trade .last-space .open_orders tfoot tr {
    text-align: right;
    height: 38px;
}

.trade .last-space .open_orders tfoot tr td {
    padding-right: 10px;
    background-color: #13141D;
}

.trade .last-space .open_orders tfoot tr td a {
    font-size: 12px;
    color: #FFDC00;
}

.trade .last-space .open_orders tfoot tr td a:hover {
    cursor: pointer;
    color: #E1C200;
}

.trade .last-space .open_orders .next-page {
    width: 100%;
    background-color: #fff;
}

.trade .last-space .open_orders .orderhis {
    margin-top: 15px;
}

.trade .last-space .open_orders .orderhis table th:nth-child(3),
.trade .last-space .open_orders .orderhis table td:nth-child(3) {
    width: 44px;
}

.trade .last-space .open_orders .orderhis tbody {
    max-height: 107px;
    overflow: hidden;
}

.trade .last-space .open_orders .orderhis ul li:last-child {
    width: 200px;
    margin-left: 50px;
    text-align: right;
}

.trade .last-space .open_orders .orderhis ul li:last-child input {
    display: inline-block;
    vertical-align: middle;
}

.trade .last-space .open_orders .orderhis ul li:last-child:hover {
    color: #000;
}

.trade .last-space .open_orders .orderhis ul li:first-child {
    width: 70%;
}

.wrap {
    min-height: 400px;
    margin: 0 auto;
    padding: 20px 0;
    /*background: url(../img/bg.png) no-repeat center center;*/
}

.wrap .main {
    margin: 0 auto;
    background-color: #fff;
    /*width: 650px;*/
    width: 580px;
    /*border: 0;*/
    margin-top: 90px;
    margin-bottom: 40px;
}

.wrap .main .main-content {
    width: 500px;
    margin: 0 auto;
    padding: 30px 0;
}

.wrap .main .registerway li {
    font-size: 13px;
    color: #FFDC00;
    padding: 15px 20px 0 0;
    display: inline-block;
    cursor: pointer;
}

.wrap .main .registerway .active {
    padding: 0;
    padding-right: 20px;
    float: left;
    color: #000;
    font-size: 24px;
}

.wrap .main h3 {
    font-weight: normal;
    color: #000;
    font-size: 20px;
    margin-bottom: 40px;
}

.wrap form {
    width: 100%;
    margin-left: -5px;
}

.wrap form .group {
    margin-top: 20px;
}

.wrap form .group label {
    line-height: 30px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.65);
    font-weight: normal;
}

.wrap form .group label a {
    color: #E1C200;
}

.wrap form .group label a small {
    display: none;
}

.wrap form .group label a:hover small {
    display: inline-block;
}

.wrap form .group input {
    box-sizing: border-box;
    background-color: #fff;
    width: 100%;
    line-height: 38px;
    /*height: 40px;*/
    /*height: 55px;*/
    /*height: 50px;*/
    height: 45px;
    padding: 0 10px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    outline: none;
    color: #000;
    transition: border .5s ease;
}

.wrap form .group input:hover,
.wrap form .group input:active,
.wrap form .group input:focus {
    border: 1px solid #E1C200;
}

.wrap form .group input::placeholder {
    color: rgba(0, 0, 0, 0.2);
}

.wrap form .group .nationselect {
    position: relative;
}

.wrap form .group .inputphone {
    width: 100%;
    font-size: 0;
    position: relative;
}

.wrap form .group .phoneselect {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
}

.wrap form .group .phoneselect input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.wrap form .group .phoneselect .select_option {
    right: 0;
    left: 0;
}

.wrap form .group .phone_input {
    display: inline-block;
    vertical-align: middle;
    /*width: 80%;*/
    width: 74%;
    margin-left: 15px;
}

.wrap form .group .phone_input input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*.wrap form .mail_group {*/
/*  display: none;*/
/*}*/
.wrap form .phone_group {
    display: none;
}


.wrap form button {
    font-size: 20px;
    margin-top: 50px;
    line-height: 40px;
    border-radius: 5px;
    width: 100%;
}

.wrap form .forgetpwd {
    display: inline-block;
    padding: 10px 0;
    line-height: 20px;
}

.wrap .img_code {
    position: absolute;
    top: 3px;
    right: 3px;
    height: 35px;
    border-radius: 3px;
    cursor: pointer;
}

.wrap .notice,
.wrap .register {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0 7%;
    margin-top: 60px;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: #000;
}

.wrap .register:nth-of-type(2) {
    display: none;
}

.wrap a {
    font-size: 14px;
    color: #E1C200;
    /*color: #333333;*/
}

.wrap a:hover {
    color: #FFDC00;
}

.wrap .notice {
    color: #FFDC00;
}

.registerwrap .clause {
    margin-top: 15px;
    display: block;
    font-weight: normal;
    padding-top: 5px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
}

.registerwrap .clause .check {
    margin-right: 5px;
    vertical-align: top;
    display: inline-block;
    width: 17px;
    height: 17px;
}

.registerwrap .clause .check input {
    margin-top: 2px;
    height: 100%;
    width: 100%;
}

/*@media screen and (max-width: 480px) {*/
/*html,*/
/*body {*/
/*min-width: 350px;*/
/*}*/
/*.navbar-collapse.collapse {*/
/*display: none!important;*/
/*height: auto!important;*/
/*padding-bottom: 0;*/
/*overflow: hidden!important;*/
/*}*/
/*.wrap {*/
/*width: 350px;*/
/*overflow: hidden;*/
/*}*/
/*.wrap .main {*/
/*width: 360px;*/
/*border: 0px;*/
/*}*/
/*.wrap .main .main-content {*/
/*width: 90%;*/
/*}*/
/*footer {*/
/*display: none;*/
/*}*/
/*.register:nth-of-type(1) {*/
/*display: none;*/
/*}*/
/*.register:nth-of-type(2) {*/
/*display: block!important;*/
/*}*/
/*}*/
.personalCenter {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /*width: 85%;*/
    width: 1200px;
    min-width: 1200px;
    /*margin: 0 auto;*/
    margin: -85px auto;
    /*margin-top: 100px;*/
    margin-bottom: 50px;
    height: 100%;
    /*height: 760px;*/
    /*height: 1026px;*/
    /*height: 1120px;*/
    font-size: 0;
    overflow: hidden;
}

.personalCenter .personal-tab {
    min-height: 800px;
    height: 100%;
    /*width: 22%;*/
    width: 240px;
    overflow: hidden;
    float: left;
    display: inline;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
    background-color: #fff;
    color: #000;
    font-size: 14px;
}

.personalCenter .personal-tab .personal-title {
    line-height: 55px;
    padding-left: 30px;
    color: rgba(0, 0, 0, 0.30);
    /*font-weight: bold;*/
}

.personalCenter .personal-tab .personal-list i {
    text-align: center;
    width: 25px;
    font-size: 20px;
    vertical-align: middle;
    margin: -4px 10px 0 0;
}

.personalCenter .personal-tab .personal-list i.fa-mobile {
    font-size: 27px;
}

.personalCenter .personal-tab .personal-list li {
    padding-left: 50px;
    line-height: 50px;
}

.personalCenter .personal-tab .personal-list li:hover {
    cursor: pointer;
    background-color: rgba(255, 220, 0, 0.19);
}

.personalCenter .personal-tab .personal-list .tab-active {
    color: #000;
    background-color: rgba(255, 220, 0, 0.19);
}

.personalCenter .personal-content {
    border-left: 1px solid #F1F1F1;
    /*width: 78%;*/
    width: 940px;
    min-height: 800px;
    height: auto;
    float: right;
    display: inline;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
    background-color: #fff;
    color: #000;
    font-size: 14px;
}

.personalCenter .personal-content form .group label {
    line-height: 35px;
    color: #000;

}

.personalCenter .personal-content form .group input {
    border-radius: 2px;
}

.personalCenter .personal-content .personal-header {
    line-height: 55px;
    color: #000;
    margin: 40px;
    font-size: 24px;
}

.personalCenter .personal-content .personal-header i {
    text-align: center;
    width: 25px;
    font-size: 20px;
    vertical-align: middle;
    margin: -4px 10px 0;
}

.personalCenter .personal-content .personal-header a {
    color: #E1C200;
    padding-right: 20px;
    font-size: 16px;
}

.personalCenter .personal-content .personal-header a:hover {
    color: #E1C200;
}

.personalCenter .personal-content .base-content {
    padding: 20px 40px;
    font-size: 14px;
}

.personalCenter .personal-content .base-content h1 {
    font-weight: normal;
    color: #000;
    font-size: 20px;
}

.personalCenter .personal-content .base-content li {
    /*color: #000;*/
    color: rgba(0, 0, 0, 0.65);
    line-height: 60px;
    position: relative;
}

.personalCenter .personal-content .base-content li input,
.personalCenter .personal-content .base-content li span {
    position: absolute;
    left: 180px;
}

.personalCenter .personal-content .base-content li input {
    width: 50%;
    font-size: 14px;
    color: #000;
    height: 33px;
    margin-top: 4px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.personalCenter .personal-content .base-content li input:focus {
    border: 1px solid #E1C200;
}

.personalCenter .personal-content .base-content li small {
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: rgba(0, 0, 0, 0.45);
    position: absolute;
    left: 430px;
}

.personalCenter .personal-content .base-content li .action,
.personalCenter .personal-content .base-content li .copy,
.personalCenter .personal-content .base-content li .changetab {
    float: right;
    color: #E1C200;
    cursor: pointer;
    margin: 0 5px;
}

.personalCenter .personal-content .base-content li .action:hover,
.personalCenter .personal-content .base-content li .copy:hover,
.personalCenter .personal-content .base-content li .changetab:hover {
    color: #FFDC00;
}

.personalCenter .personal-content .base-content table {
    box-sizing: content-box;
    background: transparent;
}

.personalCenter .personal-content .base-content table thead {
    background: #F5F5F5;
    height: 54px;
}

.personalCenter .personal-content .base-content table thead th {
    color: rgba(0, 0, 0, 0.45);
    height: 35px;
}

.personalCenter .personal-content .base-content table tbody {
    background-color: #fff;
    max-height: 100%;
    min-height: auto;
    height: 510px;
}

.personalCenter .personal-content .base-content table tbody tr {
    /*height: 39px;*/
    height: 54px;
}

.personalCenter .personal-content .base-content table tbody tr:nth-of-type(even) {
    background-color: #fff;
}

.personalCenter .personal-content .base-content table tfoot {
    text-align: right;
}

.personalCenter .personal-content .base-content table tfoot tr {
    height: 39px;
}

.personalCenter .personal-content .base-content table tfoot tr a {
    font-size: 12px;
    color: #E1C200;
    padding-right: 10px;
}

.personalCenter .personal-content .base-content table tfoot tr a:hover {
    cursor: pointer;
    color: #E1C200;
}

.personalCenter .personal-content .apiblock {
    padding: 10px;
    background-color: #fff;
    border: 0;
}

.personalCenter .personal-content .apiblock .delete {
    float: right;
    font-weight: bold;
    color: #E1C200;
    font-size: 16px;
}

.personalCenter .personal-content .apiblock .delete:hover {
    color: #f42200;
    cursor: pointer;
}

.personalCenter .personal-content .apiblock li {
    overflow: hidden;
    line-height: 45px;
}

.personalCenter .personal-content .apiblock .secret {
    width: 50%;
    line-height: 1.5;
    word-break: break-all;
}

.personalCenter .personal-content .invite-list table {
    border: 0;
}

.personalCenter .personal-content .invite-list table tbody tr {
    height: 35px;
    background-color: transparent !important;
}

.personalCenter .personal-content .invite-list table tbody tr:first-of-type {
    color: #E99910;
}

.personalCenter .personal-content .invite-list table tbody tr:nth-of-type(2) {
    color: #D7DEE9;
}

.personalCenter .personal-content .invite-list table tbody tr:nth-of-type(3) {
    color: #A7662F;
}

.personalCenter .personal-content .record li,
.personalCenter .personal-content .history li {
    font-size: 14px;
    color: #E1C200;
    display: inline-block;
    cursor: pointer;
}

.personalCenter .personal-content .record .active,
.personalCenter .personal-content .history .active {
    padding: 0;
    padding-right: 20px;
    float: left;
    color: #000;
    font-size: 20px;
}

.personalCenter .personal-content .modifyPwd-content {
    padding: 20px 40px;
    width: 50%;
    margin: 0 auto;
}

.personalCenter .personal-content .identifyUser-content {
    padding: 20px 0;
    width: 40%;
    margin-left: 14%;
}

/*.personalCenter .personal-content .pic-content .identify {*/
/*  margin-bottom: 80px;*/
/*  margin-left: 14%;*/
/*}*/
.personalCenter .personal-content .pic-content .identify {
    margin-bottom: 80px;
    /* margin-left: 14%; */
    text-align: center !important;
    /* height: 17px; */
}

.personalCenter .personal-content .pic-content .identify button {
    margin-top: 0;
    width: 47%;
    line-height: 37px;
}

.personalCenter .personal-content .pic-item {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 50px;
}

.personalCenter .personal-content .form_set {
    width: 50%;
    margin-left: 5%;
}

.personalCenter .personal-content .demo {
    margin: 60px 0 0 80px;
    width: 30%;
    text-align: center;
}

.personalCenter .personal-content .demo .imgs img {
    width: 100%;
    border-radius: 5px;
}

.personalCenter .personal-content .demo small {
    line-height: 2;
    color: rgba(0, 0, 0, 0.2);
}

/*.personalCenter .personal-content .input_file_box {*/
/*  position: relative;*/
/*  height: 270px;*/
/*  border: 1px solid rgba(0,0,0,0.45);*/
/*  background-color: #F5F5F5;*/
/*}*/
.personalCenter .personal-content .input_file_box {
    position: relative;
    /* height: 270px; */
    border: 1px solid rgba(0, 0, 0, 0.45);
    background-color: #F5F5F5;
    width: 270px !important;
    height: 185px !important;
}

.personalCenter .personal-content .input_file_box input[type="file"] {
    position: absolute;
    z-index: 10000;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.personalCenter .personal-content .input_file_box .add_btn {
    color: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    /*top: 0;*/
    top: -42px;
    font-size: 14px;
    /*line-height: 270px;*/
    position: absolute;
    top: 75px;
    cursor: pointer;
    text-align: center;
}

.personalCenter .personal-content .input_file_box .add_btn i {
    padding: 0 5px;
}

.personalCenter .personal-content .input_file_box .loading {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10000;
    display: none;
    width: 100%;
    line-height: 250px;
    text-align: center;
}

.personalCenter .personal-content .google-content {
    color: #000;
    padding: 50px 0;
    border-bottom: 1px solid #F5F5F5;
}

.personalCenter .personal-content .google-content .content {
    width: 50%;
    margin: 0 auto;
}

.personalCenter .personal-content .google-content .title {
    font-size: 18px;
}

.personalCenter .personal-content .google-content small {
    font-size: 13px;
    line-height: 1.8;
    color: rgba(0, 0, 0, 0.45);
}

.personalCenter .personal-content .google-content .download {
    margin: 5px 5px 0 0;
    display: inline-block;
    width: 125px;
    padding: 10px 5px;
    text-align: center;
    border-radius: 5px;
}

.personalCenter .personal-content .google-content #load {
    text-align: center;
    height: 100%;
}

.personalCenter .personal-content .google-content #load img {
    display: inline-block;
    margin-top: 45px;
}

.personalCenter .personal-content .google-content .qr_code {
    width: 150px;
    height: 150px;
    display: inline-block;
    vertical-align: bottom;
    /*border: 2px solid #E1C200;*/
}

.personalCenter .personal-content .google-content .qr_text {
    margin-left: 20px;
    display: inline-block;
    vertical-align: bottom;
}

.personalCenter .personal-content .google-content .qr_text p {
    margin: 0;
    line-height: 25px;
    font-size: 14px;
}

.personalCenter .personal-content .google-content .qr_text p a {
    color: #E1C200;
}

.personalCenter .personal-content .google-content .qr_text p a:hover {
    color: #FFDC00;
}

.container {
    min-height: 405px;
    width: 85%;
    min-width: 1250px;
    margin: 0 auto;
    padding: 20px 0;
    margin-top: 70px;
    margin-bottom: 50px;
}

.hundredsBook h3,
.digital h3 {
    font-size: 25px;
    color: #000;
}

.hundredsBook table,
.digital table {
    box-sizing: border-box;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.hundredsBook table thead,
.digital table thead {
    background: #F5F5F5;
}

.hundredsBook table thead th,
.digital table thead th {
    color: rgba(0, 0, 0, 0.45);
    height: 35px;
}

.hundredsBook table tbody,
.digital table tbody {
    background-color: #fff;
    max-height: 100%;
    min-height: auto;
}

.hundredsBook table tbody tr,
.digital table tbody tr {
    height: 39px;
}

.hundredsBook table tbody tr:nth-of-type(even),
.digital table tbody tr:nth-of-type(even) {
    background-color: #fff;
}

.finance {
    /*width: 1200px;*/
    width: 85%;
    min-width: 1200px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 50px;
    height: 100%;
    font-size: 0;
    overflow: hidden;
}

.finance .personal-tab {
    min-height: 800px;
    height: 100%;
    /*width: 22%;*/
    width: 240px;
    overflow: hidden;
    float: left;
    display: inline;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
    background-color: #fff;
    color: #000;
    font-size: 14px;
}

.finance .personal-tab .personal-title {
    line-height: 55px;
    padding-left: 30px;
    color: rgba(0, 0, 0, 0.30);

}

.finance .personal-tab .personal-list i {
    text-align: center;
    width: 25px;
    font-size: 20px;
    vertical-align: middle;
    margin: -4px 10px 0 0;
}

.finance .personal-tab .personal-list i.fa-mobile {
    font-size: 27px;
}

.finance .personal-tab .personal-list li {
    padding-left: 50px;
    line-height: 50px;
}

.finance .personal-tab .personal-list li:hover {
    cursor: pointer;
    background-color: rgba(255, 220, 0, 0.19);
}

.finance .personal-tab .personal-list .tab-active {
    border-left: 3px solid #FFDC00;
    color: rgba(0, 0, 0, 0.85);
    background-color: rgba(255, 220, 0, 0.19);
}

.finance .personal-content {
    border-left: 1px solid #f1f1f1;
    width: 78%;
    /*width: 83%;*/
    min-height: 800px;
    height: auto;
    float: right;
    display: inline;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
    background-color: #fff;
    color: #000;
    /*font-size: 14px;*/
    font-size: 24px;
    font-weight: bold;
}

.finance .personal-content .remark {
    margin-top: 70px;
}

.finance .personal-content .personal-header {
    padding-left: 50px;
    /*line-height: 50px;*/
    /*border-bottom: 1px solid rgba(0,0,0,0.2);*/
    color: rgba(0, 0, 0, 0.85);
    margin-top: 40px;
}

.finance .personal-content .personal-header i {
    text-align: center;
    width: 25px;
    font-size: 20px;
    vertical-align: middle;
    /*margin: -4px 10px 0;*/
    margin: 0 10px 0;
}

.finance .personal-content .personal-header .symbol {
    float: right;
    width: 100px;
    margin-top: 7px;
}

.finance .personal-content .personal-header .symbol input {
    /*background-color: #F5F5F5;*/
    /*width: 65%;*/
    /*border-radius: 3px;*/
    /*height: 28px;*/
    /*padding: 0 5px;*/
    /*margin-right: 10px;*/
    /*font-size: 14px;*/
    /*outline: none;*/
    /*color: #E1C200;*/
    background-color: #F5F5F5;
    width: 79%;
    border-radius: 3px;
    height: 28px;
    padding: 0 6px;
    margin-right: 6px;
    font-size: 14px;
    outline: none;
    color: #E1C200;
}

.finance .personal-content .personal-header .symbol input::placeholder {
    color: rgba(0, 0, 0, 0.2);
}

.finance .personal-content .personal-header button {
    /*float: right;*/
    /*padding: 5px 20px 7px;*/
    /*border-radius: 5px;*/
    /*margin:16px 10px;*/
    /*line-height: 15px;*/
    float: right;
    padding: 5px 20px 7px;
    border-radius: 5px;
    margin: 16px 50px;
    line-height: 22px;
}

.finance .personal-content .personal-header .drop {
    float: right;
    position: relative;
    margin-left: -3px;
    height: 30px;
    line-height: 56px;
    cursor: pointer;
    padding-right: 30px;
}

.finance .personal-content .personal-header .drop a span {
    font-weight: normal !important;
}

.finance .personal-content .personal-header .drop .dropdown-menu {
    display: none;
    background-color: #F5F5F5;
    position: absolute;
    min-width: 150px;
    right: 0;
    font-size: 13px;
    max-height: 200px;
    overflow-y: auto;
}

.finance .personal-content .personal-header .drop .dropdown-menu .search-box {
    height: 30px;
    padding-left: 10px;
    line-height: 30px;
    min-width: 150px;
    position: relative;
    border-bottom: 1px solid #E1C200;
}

.finance .personal-content .personal-header .drop .dropdown-menu .search-box input {
    background-color: transparent;
    width: 100%;
    border-radius: 3px;
    height: 30px;
    outline: none;
    color: #000;
}

.finance .personal-content .personal-header .drop .dropdown-menu .search-box input::placeholder {
    color: rgba(0, 0, 0, 0.2);
}

.finance .personal-content .personal-header .drop .dropdown-menu .search-box i {
    margin: 0;
    font-size: 14px;
    position: absolute;
    color: #000;
    right: 0px;
    top: 30%;
    cursor: pointer;
}

.finance .personal-content .personal-header .drop .dropdown-menu .search-box:hover {
    background-color: transparent;
    color: transparent;
}

.finance .personal-content .personal-header .drop .dropdown-menu li {
    text-align: center;
    padding: 0;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    color: #000;
}

.finance .personal-content .personal-header .drop .dropdown-menu li:hover {
    color: #000;
    background-color: rgba(255, 220, 0, 0.19);
}

.finance .personal-content .finance-content {
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    margin-bottom: 40px;
}

.finance .personal-content .finance-content .price {
    color: rgba(0, 0, 0, 0.45);
    margin: 0;
    line-height: 40px;
    padding-left: 10px;
}

.finance .personal-content .finance-content .btc,
.finance .personal-content .finance-content .rmb {
    color: #000;
}

.finance .personal-content .finance-content .asset {
    /*margin-top: 50px;*/
    margin-top: 20px;
    border: 1px solid #F5F5F5;
}

.finance .personal-content .finance-content .asset a {
    color: #E1C200;
    margin-right: 12px;
}

.finance .personal-content .finance-content .asset a:hover {
    color: #E1C200;
}

.finance .personal-content .finance-content .asset a.btn {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 23px;
    line-height: 23px;
    border-radius: 5px;
    font-size: 12px;
}

.finance .personal-content .finance-content .asset a.btn:last-of-type {
    margin: 0;
}

.finance .personal-content .finance-content .asset ul {
    background-color: #F5F5F5;
    color: #000;
    height: 39px;
    line-height: 39px;
    margin-bottom: 0;
    box-sizing: content-box;
    border-bottom: 0;
}

.finance .personal-content .finance-content .asset li.search-box {
    position: relative;
    min-width: 180px;
    float: right;
    margin-right: 30px;
}

.finance .personal-content .finance-content .asset li.search-box input {
    background-color: transparent;
    width: 100%;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: 23px;
    padding: 0 5px;
    outline: none;
    color: #000;
}

.finance .personal-content .finance-content .asset li.search-box input:hover,
.finance .personal-content .finance-content .asset li.search-box input:active,
.finance .personal-content .finance-content .asset li.search-box input:focus {
    border: 1px solid #E1C200;
}

.finance .personal-content .finance-content .asset li.search-box input::placeholder {
    color: rgba(0, 0, 0, 0.2);
}

.finance .personal-content .finance-content .asset li.search-box i {
    position: absolute;
    color: #000;
    right: 0px;
    top: 35%;
    cursor: pointer;
}

.finance .personal-content .finance-content .asset li.search-box:hover {
    background-color: transparent;
    color: transparent;
}

.finance .personal-content .finance-content .asset li.option {
    float: right;
}

.finance .personal-content .finance-content .asset li.option .sp-option {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.finance .personal-content .finance-content .asset li.option .sp-option input[type='checkbox'] {
    font-size: 15px;
    line-height: 37px;
    vertical-align: middle;
    display: inline-block;
    height: 15px;
    cursor: pointer;
}

.finance .personal-content .finance-content .asset li.option .sp-option label {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 0;
    line-height: 37px;
    font-size: 13px;
    font-weight: normal;
}

.finance .personal-content .finance-content .asset table thead th:first-child {
    width: 1px;
}

.finance .personal-content .finance-content .asset table thead th:nth-of-type(2) {
    width: 80px;
}

.finance .personal-content .finance-content .asset table thead th {
    color: rgba(0, 0, 0, 0.45);
    height: 35px;
}

.finance .personal-content .finance-content .asset table tbody {
    background-color: #fff;
    max-height: 100%;
    min-height: auto;
}

.finance .personal-content .finance-content .asset table tbody tr {
    height: 39px;
}

.finance .personal-content .finance-content .asset table tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.finance .personal-content .finance-content .asset table tbody td:first-child {
    width: 1px;
}

.finance .personal-content .finance-content .asset table tbody td:first-child img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    border-radius: 50%;
}

.finance .personal-content .finance-content .asset table tbody td:nth-of-type(2) {
    width: 80px;
}

.finance .personal-content .recharge-content {
    color: #000;
    padding: 50px 0;
}

.finance .personal-content .recharge-content a {
    font-size: 14px;
    color: #E1C200;
    margin: 0 10px;
}

.finance .personal-content .recharge-content a:hover {
    cursor: pointer;
    color: #FFDC00;
}

.finance .personal-content .recharge-content .content {
    width: 60%;
    margin: 0 auto;
}

.finance .personal-content .recharge-content .title {
    position: relative;
    margin: 20px 0;
    font-size: 18px;
}

.finance .personal-content .recharge-content small {
    font-size: 13px;
    line-height: 1.8;
    color: rgba(0, 0, 0, 0.2);
}

.finance .personal-content .recharge-content i {
    font-size: 14px;
    margin: 0;
}

.finance .personal-content .recharge-content .download {
    display: inline-block;
    width: 125px;
    padding: 8px 5px;
    text-align: center;
    border-radius: 5px;
}

.finance .personal-content .recharge-content .copy {
    width: 68%;
    display: inline-block;
    vertical-align: top;
    word-break: break-all;
    margin-right: 10px;
}

.finance .personal-content .recharge-content .zclip {
    opacity: 0.3;
    position: absolute;
    left: 380px;
    top: 0;
    z-index: 99;
}

.finance .personal-content .recharge-content .zclip embed {
    width: 40px;
}

.finance .personal-content .recharge-content .link-qrcode {
    position: relative;
}

.finance .personal-content .recharge-content .link-qrcode .show-qrcode {
    display: none;
    top: 30px;
    left: -20px;
    position: absolute;
    background-color: #F5F5F5;
    padding: 7px;
    border-radius: 3px;
    z-index: 99;
}

.finance .personal-content .recharge-content .link-qrcode .show-qrcode canvas {
    display: block;
}

.finance .personal-content .recharge-content .link-qrcode .fa-caret-up {
    top: -12px;
    left: 45%;
    font-size: 17px;
    color: #F5F5F5;
    position: absolute;
}

.finance .personal-content .recharge-content .link-qrcode .qrcode canvas {
    width: 100px;
    height: 100px;
}

.finance .personal-content .recharge-content .tag {
    margin-top: 100px;
}

.finance .personal-content .recharge-content .history-address {
    margin: 20px 0;
}

.finance .personal-content .recharge-content .history-address a {
    margin: 0;
}

.finance .personal-content .withdraw-content {
    padding: 20px 40px;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 50px;
}

.finance .personal-content .withdraw-content .label-pointer {
    color: #FFDC00;
}

.finance .personal-content .withdraw-content .input_text_right {
    color: #FFDC00;
}

.finance .personal-content .withdraw-content form .group label a {
    float: right;
    margin-top: 10px;
    color: rgba(0, 0, 0, 0.2);
    position: relative;
}

.finance .personal-content .withdraw-content form .group label a .show-tips {
    display: none;
    top: 30px;
    right: -50%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 7px;
    border-radius: 3px;
}

.finance .personal-content .withdraw-content form .group label a .show-tips .tips {
    color: #fff;
    width: 250px;
    line-height: 1.5;
}

.finance .personal-content .withdraw-content form .group label a .fa-caret-up {
    top: -12px;
    right: 5px;
    font-size: 17px;
    color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

.finance .personal-content .withdraw-content form .group label a:hover {
    cursor: pointer;
}

.finance .personal-content .withdraw-content form .group label a:hover .show-tips {
    display: block;
}

.finance .personal-content .withdraw-content form .fillall {
    color: #FFDC00;
    padding-left: 10px;
    cursor: pointer;
}

.finance .personal-content .withdraw-content form .addrselect {
    position: relative;
}

.finance .personal-content .withdraw-content form .withdrawCoinTypeSelect {
    position: relative;
}

.finance .personal-content .rechargelist-content {
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    margin-top: 50px;
    margin-bottom: 50px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.finance .personal-content .rechargelist-content h3 {
    margin-top: 120px;
    font-size: 20px;
    color: #000;
}



.finance .personal-content .rechargelist-content table {
    border: 1px solid #F5F5F5;
    box-sizing: content-box;
    background: transparent;
    /*height: 500px;*/
}

.finance .personal-content .rechargelist-content table thead {
    background: #F5F5F5;
}

.finance .personal-content .rechargelist-content table thead th {
    color: rgba(0, 0, 0, 0.45);
    height: 35px;
}

.finance .personal-content .rechargelist-content table thead th:last-of-type {
    width: 50px;
}

.finance .personal-content .rechargelist-content table tbody {
    background-color: #fff;
    max-height: 100%;
    min-height: auto;
}

.finance .personal-content .rechargelist-content table tbody tr {
    height: 39px;
}

.finance .personal-content .rechargelist-content table tbody tr td:last-of-type {
    width: 50px;
}

.finance .personal-content .rechargelist-content table tbody tr:nth-of-type(even) {
    background-color: #fff;
}

.finance .personal-content .rechargelist-content table tfoot {
    text-align: right;
}

.finance .personal-content .rechargelist-content table tfoot tr {
    height: 39px;
}

.finance .personal-content .rechargelist-content table tfoot tr a {
    font-size: 12px;
    color: #E1C200;
    padding-right: 10px;
}

.finance .personal-content .rechargelist-content table tfoot tr a:hover {
    cursor: pointer;
    color: #E1C200;
}

.finance .personal-content .rechargelist-content #detailorderTable thead th:last-of-type {
    width: auto !important;
}

.finance .personal-content .rechargelist-content #detailorderTable tbody tr td:last-of-type {
    width: 125px;
}

.finance .recharge-confirm i.fa-qrcode {
    display: inline-block;
    vertical-align: middle;
    margin: 2px 5px 0 0;
}

.finance .recharge-confirm i.fa-qrcode:hover .show-qrcode {
    z-index: 999;
    right: -450% !important;
    display: block !important;
}

.finance .recharge-confirm .addr {
    width: 450px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

.finance .recharge-confirm .tab-content {
    background-color: #fff;
    line-height: 24px;
    overflow: hidden;
}

.finance .recharge-confirm .tab-content li {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    -webkit-transition: background-color 0.8s ease;
    -moz-transition: background-color 0.8s ease;
    -ms-transition: background-color 0.8s ease;
    -o-transition: background-color 0.8s ease;
    transition: background-color 0.8s ease;
}

.finance .recharge-confirm .tab-content li span {
    width: 33%;
    overflow: hidden;
}

.finance .recharge-confirm .tab-content li:hover {
    background-color: #F5F5F5;
    color: #FFDC00;
}

.finance .recharge-confirm table thead td:nth-of-type(2) {
    width: 500px;
}

.finance .recharge-confirm table thead th:first-of-type {
    width: 120px;
}

.finance .recharge-confirm table thead th:nth-of-type(3) {
    width: 50px;
}

.finance .recharge-confirm table thead th:last-of-type {
    width: 70px;
}

.finance .recharge-confirm table tbody {
    max-height: 100%;
    overflow: initial;
}

.finance .recharge-confirm table tbody tr:hover i {
    color: #FFDC00;
}

.finance .recharge-confirm table tbody td:nth-of-type(2) {
    width: 500px;
}

.finance .recharge-confirm table tbody td:first-of-type {
    width: 100px;
}

.finance .recharge-confirm table tbody td:nth-of-type(3) {
    width: 50px;
}

.finance .recharge-confirm table tbody td:last-of-type {
    width: 50px;
}

.finance .recharge-confirm table tbody td:last-of-type a {
    font-size: 12px;
    margin: 0;
}

.finance .detailorder table thead tr th:nth-of-type(3) {
    width: 20px;
}

.finance .detailorder table tbody tr td:nth-of-type(3) {
    width: 20px;
}

.finance .historyorder,
.finance .currentorder  {
    border-collapse: separate; /* 避免 sticky 与 collapse 兼容问题 */
    min-width: 900px;
    /*width: 20px;*/
}
/* 恢复正常的表格显示模式，使 sticky 定位生效 */
.finance .historyorder thead,
.finance .currentorder thead {
    display: table-header-group;
}

.finance .historyorder tbody,
.finance .currentorder tbody {
    display: table-row-group;
}

.finance .historyorder tbody tr,
.finance .currentorder tbody tr {
    display: table-row;
}

.finance .historyorder th,
.finance .historyorder td,
.finance .currentorder th,
.finance .currentorder td{
    white-space: nowrap;
    min-width: 120px;
}
/* 固定操作列在右侧，并覆盖全局的右侧内边距 */
.finance .historyorder thead th:last-child,
.finance .historyorder tbody td:last-child,
.finance .currentorder thead th:last-child,
.finance .currentorder tbody td:last-child {
    position: sticky;
    right: 0;
    background: #fff;
    z-index: 2;
    min-width: 120px;          /* 操作列宽度，可按需调整 */
    text-align: center;
    padding-right: 0;          /* 覆盖 main.css 全局的 120/112px 右内边距 */
}
/* 表头最后一列使用表头背景并抬高层级，避免被内容列覆盖 */
.finance .currentorder thead th:last-child,
.finance .historyorder thead th:last-child {
    background: #f5f5f5;
    z-index: 3;
}
.finance .historyorder .rechargelist-content table thead tr th:first-child,
.finance .currentorder .rechargelist-content table thead tr th:first-child,
.finance .historyorder .rechargelist-content table tbody tr td:first-child,
.finance .currentorder .rechargelist-content table tbody tr td:first-child{
    /*width: 20px;*/
    padding-left: 0px;
    text-align: center;
    width: 150px;
}

.finance .historyorder .rechargelist-content table tbody tr td:last-child a,
.finance .currentorder .rechargelist-content table tbody tr td:last-child a {
    color: #E1C200;
    padding-left: 5px;
}

.finance .historyorder .rechargelist-content table tbody tr td:last-child a:hover,
.finance .currentorder .rechargelist-content table tbody tr td:last-child a:hover {
    color: #E1C200;
    cursor: pointer;
}

.finance .historyorder .rechargelist-content .detailTable,
.finance .currentorder .rechargelist-content .detailTable {
    display: table;
}

.finance .historyorder .rechargelist-content .innertable,
.finance .currentorder .rechargelist-content .innertable {
    background-color: #F5F5F5;
    padding: 10px 30px;
}

.finance .historyorder .rechargelist-content .innertable table,
.finance .currentorder .rechargelist-content .innertable table {
    border: 0;
}

.finance .historyorder .rechargelist-content .innertable table thead tr,
.finance .currentorder .rechargelist-content .innertable table thead tr {
    height: 23px;
    line-height: 23px;
    font-weight: normal;
}

.finance .historyorder .rechargelist-content .innertable table thead tr th,
.finance .currentorder .rechargelist-content .innertable table thead tr th {
    height: 23px;
    line-height: 23px;
}

.finance .historyorder .rechargelist-content .innertable table thead tr th:nth-of-type(3),
.finance .currentorder .rechargelist-content .innertable table thead tr th:nth-of-type(3) {
    width: 180px;
}

.finance .historyorder .rechargelist-content .innertable table thead tr th:last-child,
.finance .currentorder .rechargelist-content .innertable table thead tr th:last-child {
    width: 180px;
}

.finance .historyorder .rechargelist-content .innertable table tbody tr td:nth-of-type(3),
.finance .currentorder .rechargelist-content .innertable table tbody tr td:nth-of-type(3) {
    width: 180px;
}

.finance .historyorder .rechargelist-content .innertable table tbody tr td:last-child,
.finance .currentorder .rechargelist-content .innertable table tbody tr td:last-child {
    width: 180px;
}

.finance .historyorder .rechargelist-content .innertable table tbody tr:hover,
.finance .currentorder .rechargelist-content .innertable table tbody tr:hover {
    color: #000;
    background-color: transparent;
}

.hundredsBook .sellpanel,
.hundredsBook .buypanel {
    border: 0;
    display: inline-block;
    vertical-align: top;
    width: 47.5%;
}

.hundredsBook .sellpanel {
    border: 0;
    margin-left: 2%;
}

.hundredsBook .trade-tab {
    background-color: #F5F5F5;
    height: 35px;
}

.hundredsBook .trade-tab li {
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
}

.hundredsBook table {
    border: none;
    background-color: #fff;
}

.hundredsBook table thead {
    background: transparent;
}

.hundredsBook table thead th {
    height: 35px;
}

.hundredsBook table tbody {
    max-height: 100%;
}

.hundredsBook table tbody tr {
    height: 39px;
}

.hundredsBook table tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.hundredsBook table tbody tr:nth-of-type(even) {
    background-color: #fff;
}

.doc-notice h3 {
    font-size: 25px;
    color: #000;
}

.doc-notice .top {
    background-color: #f42200;
    font-weight: 400;
    width: 36px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 5px;
    color: #000;
    vertical-align: middle;
    text-align: center;
    font-style: normal;
    padding: 1px 10px;
    margin-right: 10px;
}

.doc-notice a {
    color: #E1C200;
    font-size: 14px;
}

.doc-notice a:hover {
    color: #FFDC00;
}

.doc-notice .notice-list {
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.doc-notice .notice-list li {
    line-height: 43px;
    padding: 0 20px;
    border-bottom: 1px solid #F5F5F5;
    color: #000;
    font-size: 14px;
}

.doc-notice .notice-list li:last-child {
    border: 0;
}

.doc-notice .notice-list li:hover {
    color: #E1C200;
    cursor: pointer;
}

.doc-notice .notice-list li .time {
    float: right;
}

.generalproblem .doc-title {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding: 20px 0;
    font-size: 14px;
    max-height: 830px;
    overflow: auto;
    color: #000;
    /*background-color: #F5F5F5;*/
    background-color: #fff;
    height: 500px;
}

.generalproblem .doc-title li {
    line-height: 36px;
    padding-left: 30px;
}

.generalproblem .doc-title li.tab-active,
.generalproblem .doc-title li:hover {
    color: #E1C200;
    background-color: #fff;
    cursor: pointer;
    border-left: 2px solid #f42200;
}

.generalproblem .doc-contanier {
    background-color: #fff;
    margin-left: 30px;
    display: inline-block;
    vertical-align: top;
    width: 75%;
}

.generalproblem .doc-contanier h3 {
    margin: 0;
    color: #000;
    font-size: 24px;
    padding: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.generalproblem .doc-contanier .doc-body {
    margin-top: 35px;
    padding: 0 15px;
    color: #000;
    font-size: 14px;
    min-height: 400px;
}

.doc {
    padding: 20px;
    font-size: 14px;
    color: #000;
    line-height: 1.5;
    background-color: #fff;
    border-radius: 5px;
    border: 0;
}

.doc-header {
    padding: 20px;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    margin-bottom: 20px;
    background-color: #fff;
}

.pf {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.2);
}

.alf-tip {
    font-size: 10px;
    color: #E1C200;
}

.api-tip {
    color: #E1C200;
    font-size: 12px;
    margin-left: 15px;
}

.daterangepicker {
    right: auto !important;
    left: 80px !important;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.daterangepicker .calendar-table {
    background-color: #fff;
    border: 0;
}

.daterangepicker:before {
    border: #F5F5F5;
}

.daterangepicker td.in-range {
    background-color: #F5F5F5;
    border-color: #F5F5F5;
    color: #000;
    border-radius: 0;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    border-radius: 0;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: transparent;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.2);
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #F5F5F5;
    color: #000;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    /*background-color: rgba(0,0,0,0.2);*/
    background: rgba(255, 220, 0, 0.19);
    border-color: transparent;
    color: #000 !important;
}

.daterangepicker:after {
    border-bottom: #fff;
}

.daterangepicker table thead {
    background-color: transparent;
    color: inherit;
}

.daterangepicker table thead th {
    color: rgba(0, 0, 0, 0.2);
}

.daterangepicker table tbody {
    min-height: auto !important;
    max-height: auto !important;
    overflow: hidden;
}

.daterangepicker table tbody tr {
    height: 24px;
}

.daterangepicker table tr:hover {
    background-color: transparent;
}

.daterangepicker table tr:nth-of-type(even) {
    background: transparent;
}

.daterangepicker .drp-buttons {
    border-top: 1px solid #F5F5F5;
}

.daterangepicker .drp-buttons button {
    background-color: #E1C200;
    color: #000;
    transition: all 0.5s ease;
}

.daterangepicker .drp-buttons button:hover {
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid rgba(0, 0, 0, 0.2);
    border-width: 0 2px 2px 0;
}

.trader-mining {
    width: 85%;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
    color: #000;
    background-color: #fff;
    margin-top: 50px;
}

.trader-mining .container {
    min-height: 0;
    width: 100%;
    margin: 0 auto;
}

.trader-mining .container h2 {
    line-height: 1.5;
    margin: 0;
    font-size: 26px;
    font-weight: normal;
}

.trader-mining .explain {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.2);
    padding: 12px 0 25px 0;
}

.trader-mining .look-over {
    font-size: 14px;
    color: #E1C200;
    margin: 0;
}

.trader-mining .look-over a {
    color: #E1C200;
}

.trader-mining .progress {
    margin: 57px 20px 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.trader-mining .progress .progress-label {
    margin-left: 50px;
    display: inline-block;
    font-size: 16px;
    color: #000;
    padding-right: 20px;
}

.trader-mining .progress .progress-label span {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.2);
}

.trader-mining .progress .progress-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 50px;
    background-color: #F5F5F5;
    border-radius: 100px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.trader-mining .progress .progress-wrap .Mined {
    font-size: 12px;
    margin: 0;
    position: absolute;
    left: 17px;
    top: 0;
    height: 50px;
    line-height: 50px;
    z-index: 3;
    color: rgba(0, 0, 0, 0.2);
}

.trader-mining .progress .progress-wrap .Remaining {
    font-size: 12px;
    margin: 0;
    position: absolute;
    right: 24px;
    top: 0;
    height: 50px;
    line-height: 50px;
    z-index: 3;
    color: rgba(0, 0, 0, 0.2);
}

.trader-mining .progress .progress-wrap .animate-box {
    position: relative;
    height: 42px;
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
    overflow: hidden;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.trader-mining .progress .progress-wrap .progress-div {
    height: 42px;
    width: 100%;
    background: -webkit-linear-gradient(359deg, #E1C200 4%, #c4632f 96%);
    background: -o-linear-gradient(359deg, #E1C200 4%, #c4632f 96%);
    background: linear-gradient(-269deg, #E1C200 4%, #c4632f 96%);
    border-radius: 100px;
}

.trader-mining .progress .btn {
    margin-right: 50px;
}

.trader-mining .progress .btn .btn-default {
    width: 150px;
    height: 42px;
    opacity: 0.5;
    border: 2px solid #E1C200;
    border-radius: 100px;
    background-color: transparent;
    font-size: 14px;
    color: #E1C200;
    margin-left: 16px;
}

.trader-mining .progress .btn .btn-default:hover {
    cursor: pointer;
}

.trader-mining .recently-income {
    padding-bottom: 40px;
    margin-top: 30px;
}

.trader-mining .recently-income .container {
    width: 1100px;
    min-width: 1100px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 60px;
    background-color: rgba(0, 0, 0, 0.2);
}

.trader-mining .recently-income .container .income-item {
    padding: 26px 0 43px 0;
}

.trader-mining .recently-income .container .income-item .income {
    padding-bottom: 18px;
}

.trader-mining .recently-income .container .income-item .income dt {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.2);
    padding-bottom: 6px;
}

.trader-mining .recently-income .container .income-item .income dd {
    color: #E1C200;
    font-size: 26px;
    line-height: 16px;
}

.trader-mining .recently-income .container .income-item dl dt {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.2);
    padding-bottom: 6px;
}

.trader-mining .recently-income .container .income-item dl dd {
    font-size: 16px;
    color: #E1C200;
    line-height: 16px;
}

.mining {
    position: relative;
    min-width: 1200px;
    width: 85%;
    margin: 0 auto;
}

.mining .trader-mining {
    width: 100%;
    background-color: #fff;
    margin-top: 110px;
    padding: 30px 20px 10px;
}

.mining .trader-mining h2 {
    color: #fcc118;
}

.mining .trader-mining h2 small {
    font-size: 14px;
    color: #000;
}

.mining .trader-mining h2 span {
    margin: 0 10px;
    letter-spacing: 1.2px;
}

.mining .trader-mining .explain {
    font-size: 14px;
}

.mining .trader-mining .explain span {
    margin: 0 10px;
    letter-spacing: 1.2px;
}

.mining .trader-mining .look-over {
    font-size: 14px;
    color: #d4a216;
    margin: 0;
}

.mining .trader-mining .look-over a {
    color: #d4a216;
}

.mining .trader-mining .progress .progress-wrap {
    margin: 0 20px;
    background-color: #F5F5F5;
    height: 20px;
}

.mining .trader-mining .progress .progress-wrap .dig {
    padding: 20px;
    position: absolute;
    bottom: 10px;
    background: url(../img/hoe.png) no-repeat;
    background-size: 40%;
    background-position: left center;
}

.mining .trader-mining .progress .progress-wrap .dig span {
    margin-left: 40px;
    font-size: 14px;
    color: #fcc118;
}

.mining .trader-mining .progress .progress-wrap .animate-box {
    position: relative;
    height: 20px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.mining .trader-mining .progress .progress-wrap .progress-div {
    height: 20px;
    width: 100%;
    background: -webkit-linear-gradient(359deg, #fcc118 4%, #d4a216 96%);
    background: -o-linear-gradient(359deg, #fcc118 4%, #d4a216 96%);
    background: linear-gradient(-269deg, #fcc118 4%, #d4a216 96%);
    border-radius: 100px;
}

.mining .trader-mining .recently-income {
    padding-bottom: 30px;
}

.mining .trader-mining .recently-income .container {
    width: 1100px;
    min-width: 1100px;
}

.mining .trader-mining .recently-income .container .income-item .income dd {
    color: #fcc118;
}

.mining .trader-mining .recently-income .container .income-item dl dd {
    color: #fcc118;
}

.mining .mine-my {
    z-index: 99;
    position: relative;
    width: 100%;
    background-color: #fff;
    margin-top: 50px;
    padding: 30px 20px 10px;
    min-height: 400px;
    background: url(../img/sloganbg.png) no-repeat center top;
    background-size: 100% 55%;
}

.mining .mine-my .font-topright {
    font-size: 14px;
    z-index: 2;
    position: absolute;
    transform: rotate(-45deg);
    width: 70px;
    line-height: 70px;
    margin: -15px 0 0 -12px;
    text-align: center;
    color: #FFFFFF;
    z-index: 1000;
}

.mining .mine-my .triangle-topright {
    width: 0;
    height: 0;
    border-top: 120px solid #fcc118;
    border-right: 120px solid transparent;
    margin: -30px 0 0 -20px;
    position: absolute;
    z-index: 999;
}

.mining .mine-my .my-income-content {
    padding-left: 60px;
    padding-top: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mining .mine-my .my-income-content > div {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.mining .mine-my .my-income-content > div p {
    margin: 0;
}

.mining .mine-my .my-income-content > div p:nth-of-type(1) {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.2);
}

.mining .mine-my .my-income-content > div p:nth-of-type(2) {
    color: #000;
    font-size: 24px;
    margin-bottom: 26px;
}

.mining .mine-my .my-income-content > div p:nth-of-type(3) {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.2);
}

.mining .mine-my .my-income-content > div p:nth-of-type(4) {
    margin-top: 6px;
    font-size: 13px;
    color: #000;
}

.mining .mining-part {
    position: relative;
    z-index: 999;
    margin-top: -100px;
    border: 10px solid rgba(4, 17, 36, 0.3);
}

.mining .mining-part .distribution {
    text-align: left;
    background-color: #F5F5F5;
    color: #000;
    height: 43px;
    line-height: 43px;
    margin-bottom: 0;
    box-sizing: content-box;
}

.mining .mining-part .distribution li {
    font-size: 14px;
    display: inline-block;
    width: 17%;
    text-align: center;
}

.mining .mining-part .distribution li:hover,
.mining .mining-part .distribution li:active,
.mining .mining-part .distribution li:focus {
    cursor: pointer;
    color: #fcc118;
    border-bottom: 0;
}

.mining .mining-part .distribution li i {
    padding-right: 7px;
}

.mining .mining-part .distribution li.marketpair,
.mining .mining-part .distribution .tab-active {
    background-color: #fff;
    color: #fcc118;
    font-weight: bold;
}

.mining .mining-part .terrace-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 18px;
    background-color: #fff;
}

.mining .mining-part .terrace-title .terrace-title-single {
    width: 160px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.2);
    font-size: 12px;
    border-radius: 2px;
    line-height: 30px;
    text-align: center;
    margin: 10px;
    cursor: pointer;
}

.mining .mining-part .terrace-title .terrace-title-single.active {
    border-color: #d4a216;
    background-color: #d4a216;
    color: #fff !important;
}

.mining .mining-part .personal-mining table,
.mining .mining-part .history-distribution table,
.mining .mining-part .undistribution table {
    padding: 20px 40px;
}

.mining .mining-part .personal-mining table thead th,
.mining .mining-part .history-distribution table thead th,
.mining .mining-part .undistribution table thead th {
    height: 20px;
    color: #000;
    height: 35px;
    border: 0;
}

.mining .mining-part .personal-mining table tbody,
.mining .mining-part .history-distribution table tbody,
.mining .mining-part .undistribution table tbody {
    background-color: #fff;
    max-height: 100%;
    min-height: auto;
}

.mining .mining-part .personal-mining table tbody tr,
.mining .mining-part .history-distribution table tbody tr,
.mining .mining-part .undistribution table tbody tr {
    height: 39px;
}

.mining .mining-part .personal-mining table tbody tr:nth-of-type(odd),
.mining .mining-part .history-distribution table tbody tr:nth-of-type(odd),
.mining .mining-part .undistribution table tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.mining .mining-part .personal-mining,
.mining .mining-part .history-distribution {
    background-color: #fff;
}

.mining .mining-part .personal-mining table,
.mining .mining-part .history-distribution table {
    margin: 0 auto;
}

.mining .mining-part .personal-mining .datatime,
.mining .mining-part .history-distribution .datatime {
    color: rgba(0, 0, 0, 0.2);
    width: 90%;
    margin: 0 auto;
    font-size: 12px;
    padding-top: 30px;
}

.mining .mining-part .personal-mining .datatime input[name='daterange'],
.mining .mining-part .history-distribution .datatime input[name='daterange'] {
    height: 26px;
    width: 200px;
    font-size: 12px;
    padding-left: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.2);
    background-color: transparent;
}

.mining .mining-part .personal-mining .datatime span,
.mining .mining-part .history-distribution .datatime span {
    display: inline-block;
    width: 80px;
    height: 28px;
    border-radius: 15px;
    line-height: 28px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.2);
    margin-left: 12px;
}

.mining .mining-part .personal-mining .datatime span.timeactive,
.mining .mining-part .history-distribution .datatime span.timeactive {
    border: 1px solid #C48F0F;
    color: #C48F0F;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.mining .mining-part .personal-mining .datatime span.timeactive:hover,
.mining .mining-part .history-distribution .datatime span.timeactive:hover {
    border-color: #e4be56;
    color: #e4be56;
}

.mining .mining-part .personal-mining .datatime .time-right,
.mining .mining-part .history-distribution .datatime .time-right {
    float: right;
}

.mining .mining-part .personal-mining .datatime .time-right span,
.mining .mining-part .history-distribution .datatime .time-right span {
    cursor: pointer;
}

.nologin {
    width: 100%;
    background-color: #fff;
    height: 200px;
    text-align: center !important;
    font-size: 14px;
    line-height: 200px;
}

.nologin a {
    color: #e4be56;
    margin: 0 5px;
}

.nologin:hover {
    color: #000;
}

.nologin1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: 250px;
    text-align: center !important;
    font-size: 14px;
    line-height: 250px;
}

.nologin1 a {
    color: #e4be56;
    margin: 0 5px;
}

.nologin1:hover {
    color: #000;
}

.daterangepicker {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.daterangepicker .calendar-table {
    background-color: #fff;
    border: 0;
}

.daterangepicker td.in-range {
    background-color: #F5F5F5;
    border-color: #F5F5F5;
    color: #000;
    border-radius: 0;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    border-radius: 0;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: transparent;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.2);
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #F5F5F5;
    color: #000;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background: rgba(255, 220, 0, 0.19) !important;
    border-color: transparent;
    color: #000 !important;
}

.daterangepicker:after {
    border-bottom: #fff;
}

.daterangepicker table thead {
    background-color: transparent;
    color: inherit;
}

.daterangepicker table thead th {
    color: rgba(0, 0, 0, 0.2);
}

.daterangepicker table tbody tr {
    height: 24px;
}

.daterangepicker table tr:hover {
    background-color: transparent;
}

.daterangepicker table tr:nth-of-type(even) {
    background: transparent;
}

.daterangepicker .drp-buttons {
    border-top: 1px solid #F5F5F5;
}

.daterangepicker .drp-buttons button {
    /*background-color: #23545E;*/
    background: rgba(0, 0, 0, 0.12);
    color: #000;
    transition: all .5s ease;
}

.daterangepicker .drp-buttons button:hover {
    /*background-color: rgba(0,0,0,0.2);*/
    background: rgba(255, 220, 0, 0.19);
    cursor: pointer;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid rgba(0, 0, 0, 0.2);
    border-width: 0 2px 2px 0;
}

.base-chain {
    margin-top: 10px;
}

/*默认的*/
.base-chain .tags {
    /*background-color: #F5F5F5;*/
    cursor: pointer;
    display: inline-block;
    min-width: 100px;
    height: 35px;
    box-sizing: border-box;
    /*border: 1px solid transparent;*/
    margin-right: 20px;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.85);
}

.base-chain .tags div {
    font-size: 12px;
}

.base-chain .tags div i {
    display: none;
}

/*选中后*/
.base-chain .tags.cur {
    /*border-color: #E1C200;*/
    /*color: #E1C200;*/
    border: 1px solid #FFDC00;
    color: #FFDC00;
}

.base-chain .tags.cur:after {
    /*display: block;*/
    /*position: absolute;*/
    /*width: 23px;*/
    /*height: 23px;*/
    /*content: "";*/
    /*-webkit-transform: rotate(45deg);*/
    /*-ms-transform: rotate(45deg);*/
    /*transform: rotate(45deg);*/
    /*background-color: #E1C200;*/
    /*bottom: -11px;*/
    /*right: -11px;*/
    /*z-index: 0;*/
}

.base-chain .tags.cur div i {
    position: absolute;
    bottom: 0;
    right: 1px;
    line-height: 10px;
    font-size: 10px;
    z-index: 1;
    color: #000;
    display: block;
}

/*# sourceMappingURL=main.css.map */

.purchase .container {
    min-width: 1024px;
    width: 70%;
}

.purchase .doc-header,
.purchase .doc {
    padding: 20px 50px;
}

.purchase .doc h1 {
    color: #000;
    font-weight: normal;
}

.purchase .doc p {
    margin: 0;
    line-height: 1.8;
    color: rgba(0, 0, 0, 0.2);
    word-break: keep-all;
}

.purchase .sub-title h1 span {
    display: inline-block;
    vertical-align: middle;
}

.purchase .sub-title h1 b {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-color: #E1C200;
    background-image: linear-gradient(90deg, #E1C200 0%, #4c9ead 33%, #41657d 66%, #fff 100%);
}

.purchase form .group label {
    color: #000;
}

.purchase form .group .inputs {
    margin-top: 15px;
}

.purchase form .group label .rr {
    margin-left: 20px;
    font-weight: bold;
}

.purchase .cols {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.purchase .cols .group {
    width: 48%;
}

.purchase .timecount {
    font-size: 20px;
    color: red;
    font-weight: bold;
}

.purchase .cols .group label span {
    /*float: right;*/
}

.purchase .cols .dia_input .input_middle .input_text_right b:hover {
    /*color: #E1C200;*/
    color: #E1C200;
}

.purchase form .group input:active,
.purchase form .group input:focus,
.purchase form .group input:hover {
    border-color: #E1C200;
}

.purchase .gift {
    margin-top: 20px;
    padding: 20px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.purchase .gift .gift-item {
    width: 48%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.purchase .gift .gift-item b {
    color: #E1C200;
    margin-right: 20px;
}

.purchase .submit {
    text-align: center;
    margin-bottom: 25px;
}

.purchase .submit input[type="button"] {
    width: 55%;
    background-color: #23545E;
}

.purchase .submit input[type="button"]:hover {
    background-color: #E1C200;
}

.personal-header .right {
    float: right;
    position: relative;
}

.personal-header .right .header input {
    text-align: left;
    margin: 0 5px;
    box-sizing: border-box;
    background-color: transparent;
    line-height: 28px;
    height: 29px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    outline: none;
    color: #B0BDD0;
    transition: border .5s ease;
}

.inmail-list .inmail-logo {
    width: 30px;
    height: 30px;
    margin-right: 8px;
}

.inmail-list {
    box-sizing: border-box;
}

.inmail-list h3 {
    padding-left: 25px;
    display: flex;
}

.inmail-list .inmail-body {
    width: 100%;
    height: 100%;
}

.inmail-list .inmail-container {
    box-sizing: border-box;
    width: 1200px;
    margin: 16px auto 68px;
    border-radius: 2px;
    border: 1px solid #e6ecf2;
    background-color: #000;
}

.inmail-list .inmail-container .inmail-header {
    font-weight: 600;
    height: 48px;
    padding: 0 24px;
    color: #1c242c;
    font-size: 14px;
    background-color: #f2f6fa;
    border-bottom: 1px solid #e6ecf2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.inmail-list .inmail-container .footer {
    display: none;
    color: #357ce1;
    font-size: 14px;
    background: #000;
    width: 100%;
    text-align: right;
    padding: 20px;
    box-sizing: border-box;
}

.inmail-list .inmail-container .footer a {
    cursor: pointer;
}

.inmail-list .inmail-container .inmail-body li {
    padding: 10px 24px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 14px;
    border-bottom: 1px solid #e6ecf2;
    position: relative;
    color: #9aa5b5;
    line-height: 22px;
    display: flex;
    justify-content: space-between;
}

.inmail-list .inmail-container .inmail-body li.unread:before {
    position: absolute;
    left: 10px;
    top: 14px;
    content: "";
    display: block;
    background-color: #ef5656;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.inmail-list .inmail-container .inmail-body li .title {
    font-weight: 600;
    color: #9aa5b5;
}

.inmail-list .inmail-container .inmail-body li.unread .title {
    font-weight: 600;
    color: #1c242c;
}

.inmail-list .inmail-container .inmail-body li .fold-content {
    display: none;
}

.inmail-list .inmail-container .inmail-body li .time {
    font-size: 14px;
    color: #9aa5b5;
    line-height: 22px;
}

.inmail-list .inmail-container .inmail-body li .detail {
    cursor: pointer;
    display: flex;
    color: #357ce1;
}

.inmail-list .inmail-container .inmail-body li .detail b {
    display: none;
}

.inmail-list .inmail-container .inmail-body li .detail i {
    margin-left: 8px;
    opacity: .5;
    margin-top: 3px;
    display: none;
}

.inmail-list .inmail-container .inmail-body li b.show {
    display: block;
}

.inmail-list .inmail-container .inmail-body li i.show {
    display: block;
}

.inmail-text {
    padding: 20px;
    font-size: 14px;
    color: #000;
    line-height: 1.5;
    background-color: #000;
    border-radius: 5px;
    border: 0;
}

.trade table {
    background-color: #13141D;
    color: #fff;
}

.trade table tbody {
    color: #fff;
}

.trade .market tbody i {
    color: #fff;
}

.trade table thead th {
    border-bottom: 0;
    color: #9AA3B7;
}

.trade table tbody tr {
    border-bottom: 0;
}

.trade table tbody tr:hover {
    background-color: #252639;
    color: #fff;
}

.trade .last-space .open_orders tbody tr.no:hover {
    color: #fff;
}

/*登录修改*/
.number-title {
    color: #000000;
    font-size: 20px;
}

/*.u-modify{display: flex;justify-content: space-between;width: 310px;margin-top: 32px;cursor: pointer;}*/
.u-modify {
    display: flex;
    width: 116px;
    cursor: pointer;
    justify-content: space-between;
    margin-top: 32px;
}

.u-modify p {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.45);
}

.information_span {
    position: absolute;
    right: 0px;
    width: 125px;
    height: 50px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    line-height: 55px;
    text-align: center;
    color: #E1C200;
    font-size: 14px;
    cursor: pointer;
}

.Icode {
    font-size: 12px;
    color: #000000;
    margin-top: 15px;
}

.Icode a {
    color: #E1C200;
    cursor: pointer;
    margin-left: 3px;
}

.Icode a img {
    width: 12px;
    height: 12px;
}

/*注册*/
.requR {
    display: flex;
    width: 116px;
    cursor: pointer;
    justify-content: space-between;
}

/*.requR p:last-child{margin-left: 44px;}*/
.requR p span {
    font-size: 16px;
}

.requR .active {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid #E1C200;
    padding-bottom: 10px;
}

/*个人中心修改*/
.personally-item {
    width: 90%;
    height: 243px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.personally-item p {
    position: absolute;
    top: 82px;
    left: 162px;
    font-size: 36px;
    font-weight: bold;
    color: #333333;
}

.User-information {
    width: 860px;
    height: 200px;
    border: 1px solid #F5F5F5;
    display: flex;
    justify-content: space-between;
    background-color: #FDFEFF;
}

.User-information .title-img {
    display: flex;
}

.User-information .title-img img {
    width: 188px;
    height: 188px;
}

.User-information .title-img div p:first-child {
    color: #333333;
    font-size: 24px;
    margin-top: 42px;
}

.User-information .title-img div p:last-child {
    color: #333333;
    font-size: 14px;
    margin-top: 11px;
}

.User-information .QR-code {
    width: 150px;
    height: 150px;
    text-align: center;
    margin-top: 40px;
}

.User-information .QR-code .erweima {
    width: 100px;
    height: 100px;
    border: 1px solid #FFFFFF;
    margin: auto;
}

.User-information .QR-code .erweima canvas {
    width: 80px;
    height: 80px;
    margin-top: 10px;
}

.User-information .QR-code p {
    margin-top: 8px;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}

.User-subdirectory {
    width: 860px;
    height: 104px;
    border-bottom: 1px solid #F5F5F5;
    display: flex;
    justify-content: space-between;
}

.User-subdirectory .user-items {
    display: flex;
    margin-top: 25px;
}

.User-subdirectory .user-items img {
    width: 36px;
    height: 36px;
    margin-top: 10px
}

.User-subdirectory .user-updata {
    font-size: 14px;
    color: #FFDC00;
    line-height: 104px;
}

.User-subdirectory .user-updata a {
    color: #FFDC00 !important;
    cursor: pointer;
    margin-right: 20px;
}

.User-subdirectory .user-updata span {
    padding-right: 40px;
    color: #000000;
    font-size: 14px;
}

.User-subdirectory .user-updata .copy {
    padding-right: 40px;
    color: #FFDC00;
    font-size: 14px;
}

.user-items .user-p {
    margin-left: 8px;
}

.user-items .user-p p:first-child {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.user-items .user-p p:last-child {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    margin-top: 6px;
    width: 400px;
}

/*安全等级*/
.Certification-web {
    margin-top: -67px;
}

.xy-item {
    position: relative;
}

/*低级*/
.Security-Level {
    width: 260px;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    position: absolute;
    right: 0;
}

.Security-Level div {
    width: 80px;
    height: 8px;
    background: rgba(0, 0, 0, 0.06);
}

.Security-Level div:first-child {
    background-color: #FF7875;
}

/*中级*/
.Security-Level2 {
    width: 260px;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    position: absolute;
    right: 0;
}

.Security-Level2 div {
    width: 80px;
    height: 8px;
    background: rgba(0, 0, 0, 0.06);
}

.Security-Level2 div:first-child {
    background-color: #FFAD00;
}

.Security-Level2 div:nth-child(2) {
    background-color: #FFAD00;
}

/*高级*/
.Security-Level3 {
    width: 260px;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    position: absolute;
    right: 0;
}

.Security-Level3 div {
    width: 80px;
    height: 8px;
    background: rgba(0, 0, 0, 0.06);
}

.Security-Level3 div {
    background-color: #1890FF;
}

.oder-security {
    display: flex;
    border-bottom: 3px solid rgba(0, 0, 0, 0.06);
}

.oder-security p {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
    position: relative;
    top: 2px;
}

.oder-security p:last-child {
    margin-left: 40px;
}

.login-history {
    margin-top: 40px;
}

.security-history {
    margin-top: 40px;
}

.oder-security .active2 {
    font-weight: bold;
    color: #FFDC00;
    font-size: 16px;
    padding-bottom: 12px;
    border-bottom: 3px solid #FFDC00;
}

/*提币*/
.withdraw-Copywriting {
    width: 80%;
    background-color: rgba(225, 220, 0, 0.19);
    border: 1px solid #FFDC00;
    position: relative;
    font-size: 12px;
}

.withdraw-Copywriting p {
    /*padding: 10px 45px 11px 41px;*/
    padding: 5px 15px 5px 25px;
}

.withdraw-Copywriting .icon-prc {
    width: 14px;
    height: 14px;
    background-size: 100% auto;
    position: absolute;
    top: 10px;
    left: 20px;
}

/*谷歌验证码*/
.attentionyzm {
    position: relative;
    width: 470px;
    margin: 20px auto;
    background: rgba(255, 220, 0, 0.19);
    color: #E1C200;
    box-sizing: border-box;
    border-right: 2px;
}

.attentionyzm p {
    color: #000000;
    padding: 10px 45px 11px 41px;
    border: 1px solid #FFDC00;
}

.attentionyzm .importantyzm {
    width: 14px;
    height: 14px;
    background-size: 100% auto;
    position: absolute;
    top: 10px;
    left: 20px;
}

.attentionyzm .importantclose {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 16px;
    top: 10px;
    background-size: 100% auto;
}

.googleLast-01 {
    position: relative;
}

.googleLast-02 {
    position: relative;
}

.content .googleLast-01 img {
    width: 20px;
    height: 20px;
    background-size: 100% auto;
    position: absolute;
    left: -33px;
}

.content .googleLast-01 span {
    color: rgba(0, 0, 0, 0.85);
    font-size: 16px;
    font-weight: bold;
}

.content .googleLast-02 {
    width: 460px;
    height: 70px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
    margin-top: 14px;
}

.content .google-content .content {
    position: relative;
}

.content .googleLast-03 {
    width: 460px;
    display: flex;
    justify-content: space-between;
}

.content .googleLast-03 a {
    width: 210px;
    height: 40px;
    border-right: 2px;
    background: #FFDC00;
    text-align: center;
    line-height: 40px;
    border-radius: 2px;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

.content .googleLast-03 a:hover {
    background-color: #FFEF90;
}

.content .google-QR {
    width: 460px;
    height: 140px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    display: flex;
}

.content .google-QR div:first-child {
    width: 100px;
    height: 100px;
    padding: 20px;
}

.content .google-QR div canvas {
    width: 100px;
    height: 100px;
}

.content .google-QR .txt {
    margin-left: 20px;
    padding: 20px;
}

.content .google-QR .txt p:first-child {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}

.content .google-QR .txt p:last-child {
    color: #FFB100;
    font-size: 14px;
    margin-top: 17px;
}

.content .google-QR .txt p:last-child img {
    width: 20px;
    height: 20px;
}

.content .google-QR .txt p:last-child a {
    color: #FFDC00;
    font-size: 14px;
    font-weight: bold;
}

.content .googleLast-ipt input {
    width: 460px;
    height: 55px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding-left: 23px;
}

.content .googleLast-submit {
    margin-top: 40px;
}

.content .googleLast-submit input {
    width: 460px;
    height: 55px;
    color: #333333;
    font-size: 16px;
    border-radius: 2px;
}

.swiper-icom img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

/*历史订单*/
.rechargelist-content {
    width: 860px;
    margin: auto;
}

.List-header {
    width: 860px;
    display: flex;
    margin: auto;
}

.List-header div {
    width: 120px;
}

.List-header div input {
    width: 120px;
    height: 40px;
    border: 1px solid #E4E4E4;
    padding-left: 11px;
}

.List-header div button {
    width: 120px;
    height: 40px;
    background-color: #FFDC00;
    border-radius: 2px;
    font-size: 16px;
    color: #333333;
}

.List-header .hed2 {
    margin-left: 40px;
}

.List-header .hed3 {
    margin-left: 40px;
}

.List-header .hed4 {
    margin-left: 40px;
}

.List-header .hed4 {
    margin-left: 40px;
}

.List-header .hed5 {
    margin-left: 140px;
}

.item-image img {
    width: 64px;
    height: 64px;
}

/*资产*/
.Table-head {
    display: flex;
    justify-content: space-between;
}

.Table-head .table-left {
    display: flex;
    margin-top: 40px;
}

.Table-head .table-Total {
    margin-top: 29px;
}

.Table-head .table-Total p:first-child {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
}

.Table-head .table-Total .lastnu1 {
    color: #000000;
    font-size: 24px;
}

.Table-head .table-Total .lastnu2 {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    margin-left: 15px;
}

.Table-head .table-Total .lastnu3 {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
}

.t-input {
    position: relative;
}

.table-left .t-input input {
    width: 160px;
    height: 32px;
    border: solid 1px #E4E4E4;
    padding-left: 10px;
    border-radius: 2px;
}

.ipt-img {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
}

.table-left div:first-child {
    line-height: 32px;
    padding-right: 20px;
}

/*资产*/
/*充币*/
.new-web {
    margin-top: 90px;
}

.new-web .Chain-name {
    display: flex;
    font-weight: normal;
}

.new-web .Chain-name div {
    cursor: pointer;
    width: 100px;
    margin-right: 30px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: #000000;
}

.new-web .Charging-address {
    font-weight: normal;
    font-size: 14px;
    width: 530px;
    margin: 37px auto;
}

.new-web .Charging-address p:first-child {
    color: #000000;
    font-size: 12px;
}

.new-web .Charging-address p:last-child {
    color: #000000;
    font-size: 20px;
}

.new-web .Charging-address .a-span {
    margin-top: 40px;
}

.new-web .Charging-address .a-span span {
    color: #000000;
}

.new-web .Charging-address .btn {
    margin-top: 17px;
    width: 180px;
    display: flex;
    text-align: center;
}

.new-web .Charging-address .btn a {
    width: 90px;
    height: 32px;
    background-color: #FFDC00;
    font-size: 14px;
    color: #333333;
    cursor: pointer;
    padding: 5px;
    font-weight: normal;
    border-radius: 2px;
    line-height: 22px;
}

.new-web .Charging-address .btn a:last-child {
    margin-left: 30px;
}

.ulli {
    width: 500px;
    margin: 18px auto;
}

.ulli p img {
    width: 14px;
    height: 14px;
    position: absolute;
    left: -18px;
    top: 3px;
}

.ulli p {
    font-size: 14px;
    color: #000000;
    position: relative;
}

.ulli ul {
    margin-top: 8px;
}

.ulli ul li {
    color: rgba(0, 0, 0, 0.65);
    line-height: 20px;
    font-size: 12px;
    width: 530px;
    padding: 2px 0;
}

.actionweb {
    color: #FFDC00;
    border: 1px solid #FFDC00;
    width: 140px;
    height: 40px;
}

.deepth {
    font-size: 14px;
}

.drop a {
    border: 1px solid rgba(0, 0, 0, 0.15);
    height: 100%;
    display: flex;
    align-items: center
}

.drop a .deepth {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
    padding: 0 10px;
    font-weight: normal !important;
}

.conicon {
    width: 64px;
    height: 64px;
}

/*.itemstyle{position: absolute;right: 0;padding-right: 5px;}*/
/*.itemstyle a{width: 57px;height: 34px;color: #E1C200;font-size: 13px;}*/
/*.itemstyle a:last-child{margin-left: 30px;}*/
.abeijin {
    padding-left: 88px;
    background: url("../img/index/last02.png") center center no-repeat;
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    position: relative;
    top: 15px;
}

.abeijin2 {
    padding-left: 88px;
    background: url("../img/index/last01.png") center center no-repeat;
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    position: relative;
    right: 10px;
    top: 15px;
}

#chainChooseDiv {
    width: 535px;
    margin: auto;
}

#limitBuySlider .slider-tips:last-child {
    color: red !important;
}

.Withdraw_drop {
    margin-top: 10px;
    padding-bottom: 5px;
}
.UsdID{position: relative;left: -6px;}

.pay-coin{
    margin-top: 10px;
    position: relative;
    height: 58.2px;
}
.pay-coin-hidden{
    margin-top: 10px;
    height: 58.2px;
    visibility: hidden;
}
.pay-coin p{
    font-size: 13px;
    margin-bottom: 5px;
}
.pay-coin .reset-btn{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #ffdc00;
}
.coin-select{
    position: relative;
}
.coin-select input{
    background-color: #414363;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #414363;
}
.coin-select .select_output{
    color: #fff;
    height: 35px;
    line-height: 35px;
    margin-top: -35px;
}
.coin-select  .select_output:after{
    top: 20px;
}

.coin-select .select_option{
    background-color: #414363;
    color: #fff;
    border-color: #151C38;
}
.coin-select .select_output:after{
    top: 18px;
}
.coin-select .select_option p{
    border-color: #151C38;
    height: 35px;
    line-height: 35px;
}