.coins_wrap {
    background: #141E2C;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #758696;
}

.coins_wrap .content_inner {padding-top: 20px;}

.coins_wrap .three_wrap {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
}

.coins_wrap .two_wrap {
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    padding-bottom: 50px;
}

.coins_wrap .three_wrap .big_item {
    background: #222E3D;
    margin-left: 15px;
}



.coins_wrap .three_wrap .big_item .item_24 {
    background: #1e2834;
    color: #c0c4cc;
    padding: 0 13px;
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.coins_wrap .three_wrap .big_item .item_24 .item01 {
    /* height: 48px; */
    line-height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    cursor: pointer;
}

.coins_wrap .three_wrap .big_item .item_24 .item span {}

.coins_wrap .three_wrap .big_item .item_24 .item span.s01 {
        margin-right: 10px;
}

.coins_wrap .three_wrap .big_item .item_24 .item.item02 {}

.coins_wrap .three_wrap .big_item .item_24 .item.item02 span {}

.coins_wrap .three_wrap .big_item .search_item {

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    height: 38px;
    padding: 15px;
    margin-top: 15px;
     display: none;
}

.coins_wrap .three_wrap .big_item .optional_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    background: #1e2834;
    padding: 13px;
}

.coins_wrap .three_wrap .big_item .item_title {}

.coins_wrap .three_wrap .big_item .content {
    /* padding: 0 10px; */
    display: none;
}

.coins_wrap .three_wrap .big_item .content.selected {
    display: block;
}

.coins_wrap .three_wrap .big_item .content .no_data {
    background: none;
}

.coins_wrap .three_wrap .big_item .content .no_data img {}

.coins_wrap .three_wrap .big_item .content .no_data span {}

.coins_wrap .three_wrap .big_item .content .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    height: 38px;
    cursor: pointer;
}

.coins_wrap .three_wrap .big_item .content .item span {}

.coins_wrap .three_wrap .big_item .content .item span.star {}

.coins_wrap .three_wrap .big_item .content .item span.star img {
    height: 22px;
    width: 22px;
}

.coins_wrap .three_wrap .big_item02 {
    flex: 1;
    /* margin-right: 15px; */
    background: none;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: left;
}

.coins_wrap .three_wrap .big_item02 .small_item {
    background: #222E3D;
        width: 100%;
}

.coins_wrap .three_wrap .big_item02 .small_item .change_style {
        display: none;
    color: #c0c4cc;
    padding: 13px;
    padding-left: 30px;
}

.coins_wrap .three_wrap .big_item02 .small_item .change_min {
        padding: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.coins_wrap .three_wrap .big_item02 .small_item .kline_wrap {
    height: 500px;
    position: relative;
}

.coins_wrap .three_wrap .big_item02 .small_item .kline_time {
        font-size: 12px;
    text-align: right;
    padding-right: 15px;
    padding-bottom: 5px;
        color: #c0c4cc;
}

.coins_wrap .three_wrap .big_item02 .small_item .change_style span {
    margin-right: 20px;
    cursor: pointer;
}

.coins_wrap .three_wrap .big_item02 .small_item .change_style span.s01 {}

.coins_wrap .three_wrap .big_item02 .small_item .change_style span.s02 {}

.coins_wrap .three_wrap .big_item02 .small_item .change_min .item {
    font-size: 11px;
    margin-right: 10px;
    cursor: pointer;
    border: solid 1px #222E3D;
    padding: 5px;
}

.coins_wrap .three_wrap .big_item02 .small_item .change_min .item.selected {
    background: #091722;
}

.coins_wrap .three_wrap .big_item02 .small_item .kline_time span {}

.coins_wrap .three_wrap .big_item02 .small_item .kline_time span.s02 {}

.coins_wrap .three_wrap .big_item02 .small_item02 {
    margin-top: 15px;
    background: #222E3D;
        flex: 1;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_tab {
    background: #1e2834;
    color: #c0c4cc;
    padding: 13px;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    color: #c0c4cc;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_tab span {
    color: #4a4a4a;
    cursor: pointer;
    padding: 10px 15px;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_tab span.selected {
    color: #007bff;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item {
    padding: 15px;
    width: 50%;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .input_wrap {
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    position: relative;
    border: 1px solid #6c757d;
    border-radius: 5px;
    height: 36px;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .input_wrap input {
    border: none;
    background: none;
    height: 100%;
    width: 100%;
    display: block;
    color: #fff;
    padding-left: 10px;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .input_wrap span {}

#btn_percent01 {}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .percent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    margin-bottom: 30px;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .percent span {
    color: #c0c4cc;
    background-color: #141e2c;
    padding: 3px 15px;
    margin-right: 7px;
    border-radius: 5px;
    cursor: pointer;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .total {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    margin-bottom: 7px;
    display: none;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .yue {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 13px;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .submit_wrap {
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background: #26de81;
    box-shadow: 0px 0px 15px 0px #26de81ad;
    padding: 10px;
    margin-top: 30px;
    border-radius: 5px;
    cursor: pointer;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .total .s01 {}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .total .d01 {}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .total .d01 span {}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .yue .s01 {}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .yue .d01 {
    text-align: right;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .yue .d02 {
    text-align: right;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .yue .d01 span {}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .yue .d02 span {}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .submit_wrap span {}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .submit_wrap .s01 {}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .submit_wrap span .s02 {}

.coins_wrap .big_item03 {}

.coins_wrap .big_item03 .ask_bid {
    background: #222E3D;
}

.coins_wrap .big_item03 .last_deal {
    margin-top: 15px;
    background: #222E3D;
    flex: 1;
}

.coins_wrap .big_item03 .ask_bid .ask_bid_title {
    display: flex;
    background: #141E2C;
    margin: 0 1px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 35px;
    padding: 0 15px;
    border-bottom: 1px solid #2a2e39;
}

.coins_wrap .big_item03 .ask_bid .ask_bid_item {
    /* padding: 0 15px; */
}

.coins_wrap .big_item03 .ask_bid .last_item {
    padding: 0 18px;
    border: 1px solid #333;
    box-shadow: 0 0 5px #555;
    height: 70px;
    background: #141E2C;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.coins_wrap .big_item03 .ask_bid .ask_bid_item .dd {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px;
    position: relative;
    cursor: pointer;
}

.coins_wrap .big_item03 .ask_bid .ask_bid_item .dd span {
    font-size: 13px;
    color: #c0c4cc;
    z-index: 100;
}

.coins_wrap .big_item03 .ask_bid .ask_bid_title span {}

.coins_wrap .big_item03 .ask_bid .ask_bid_item .dd span.s01 {
    color: #ff231f;
}

.coins_wrap .big_item03 .ask_bid .last_item span {
    font-size: 12px;
    color: #6c757d;
    display: block;
    text-align: left;
}

.coins_wrap .big_item03 .ask_bid .last_item span.s02 {
    color: #fff;
    font-size: 20px;
    margin-top: 8px;
}

.coins_wrap .big_item03 .last_deal .title {
    background: #1e2834;
    color: #007bff;
    padding: 13px;
}

.coins_wrap .big_item03 .last_deal .deal_title {
    display: flex;
    /* background: #141E2C; */
    margin: 0 1px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 35px;
    padding: 0 15px;
    /* border-bottom: 1px solid #2a2e39; */
}

.coins_wrap .big_item03 .last_deal .deal_item_warp {}

.coins_wrap .big_item03 .last_deal .deal_title span {}

.coins_wrap .big_item03 .last_deal .deal_item_warp .deal_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px;
    position: relative;
    cursor: pointer;
}

.coins_wrap .big_item03 .last_deal .deal_item_warp .deal_item span {
    color: #c0c4cc;
}

.coins_wrap .two_wrap .market_news {
    width: 25%;
    margin-left: 15px;
    background: #141E2C;
    border: 1px solid #2a2e39;
}

.coins_wrap .two_wrap .wt_wrap {
    margin: 0 15px;
    flex: 1;
    /* background: #222E3D; */
    background: #141E2C;
    border: 1px solid #2a2e39;
}

.coins_wrap .two_wrap .market_news .market_title {
    background: #1e2834;
    color: #c0c4cc;
    padding: 13px;
}

.coins_wrap .two_wrap .market_news .market_content {}

.coins_wrap .two_wrap .wt_wrap .wt_tab {
    background: #1e2834;
    color: #c0c4cc;
    padding: 13px;
}

.coins_wrap .two_wrap .wt_wrap .wt_item_wrap {}

.coins_wrap .two_wrap .wt_wrap .item_a01 {
    background: #222E3D;
}

.coins_wrap .two_wrap .wt_wrap .item_a01.selected {}

.coins_wrap .two_wrap .wt_wrap .item_a01 .wt_title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    height: 36px;
}

.coins_wrap .two_wrap .wt_wrap .item_a01 .item_wrap {/* padding: 0 15px; */}

.coins_wrap .two_wrap .wt_wrap .item_a01 .his_title {
}

.coins_wrap .three_wrap .big_item03 {
    width: 25%;
    margin-right: 15px;
    background: none;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: start;
}

.coins_wrap .three_wrap .big_item01 {
    width: 25%;
    /* margin-right: 15px; */
}

div {}

.coins_wrap .big_item03 .ask_bid .title007 {
    background: #1e2834;
    color: #c0c4cc;
    padding: 13px;
}

.coins_wrap .big_item03 .ask_bid .ask_bid_item .dd span.s03 {
    text-align: right;
}

.coins_wrap .big_item03 .ask_bid .ask_bid_item .dd .bg {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    background: #43303D;
    z-index: 99;
}

.coins_wrap .big_item03 .ask_bid .ask_bid_item.buy_item_wrap .dd .bg {
    background: #234343;
}

.coins_wrap .big_item03 .ask_bid .ask_bid_item .dd:hover {/* background: #141E2C; *//* z-index: 100; */}

.coins_wrap .big_item03 .ask_bid .ask_bid_item .buy_item.dd span.s01 {
    color: #79d47C;
}

.coins_wrap .big_item03 .ask_bid .ask_bid_item .dd.buy_item .bg {
    background: #323C3E;
}

.coins_wrap .big_item03 .ask_bid .ask_bid_item .dd:nth-child(2n) {
    background: #1E2834;
}

.coins_wrap .big_item03 .last_deal .deal_item_warp .deal_item span.red {}

.coins_wrap .big_item03 .last_deal .deal_item_warp .deal_item span.green {}

.coins_wrap .big_item03 .last_deal .deal_item_warp .deal_item:hover {
    background: #141E2C;
}

.coins_wrap .two_wrap .wt_wrap .wt_tab span.selected {
    color: #007bff;
}

.coins_wrap .two_wrap .wt_wrap .wt_tab span {
    padding: 0 10px;
    cursor: pointer;
}

.coins_wrap .two_wrap .wt_wrap .item_a01 .wt_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    /* cursor: pointer; */
    padding: 0 15px;
    color:#fff;
}

.coins_wrap .two_wrap .wt_wrap .item_a01 .wt_item span,.coins_wrap .two_wrap .wt_wrap .item_a01 .wt_title span {
    flex:1;
    text-align: center;
}
.coins_wrap .two_wrap .wt_wrap .item_a01 .wt_item span.s01,.coins_wrap .two_wrap .wt_wrap .item_a01 .wt_title span.s01{
    padding-right: 10px;
}
.coins_wrap .two_wrap .wt_wrap .item_a01 .wt_item:hover {
    /*background: #141E2C;*/
}

.wt_item_wrap .wt_item:nth-child(2n) {

    background: #141E2C;
}

.his_item_wrap .wt_item:nth-child(2n) {

    background: #141E2C;
}

.coins_wrap .two_wrap .wt_wrap .item_a01 .item_wrap  .wt_item .s09 {
    color: #dc3545;
    border:1px solid #dc3545;
    padding: 4px 8px;
    border-radius:3px;
    cursor: pointer;
}
.coins_wrap .two_wrap .wt_wrap .item_a01 .item_wrap  .wt_item .s09:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.coins_wrap .big_item03 .ask_bid .title_007 {
    background: #1e2834;
    color: #c0c4cc;
    padding: 13px;
}

.no_data {
    background: #141E2C;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
}

.no_data img {
    height: 100px;
    width: 100px;
}

.no_data span {
    margin-top: 8px;
}

.coins_wrap .three_wrap .big_item02 .small_item .change_style span.selected {
    background: #007bff;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

.coins_wrap .three_wrap .big_item02 .small_item .change_min .item:hover {
    border-color: #fff;
}
.coins_wrap .three_wrap .big_item02 .small_item .change_min .item .s02 {
    display: none;
}
.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .percent span.selected {
    background: #26a69a;
    color: #fff;
}
.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .percent span:hover {
    background: #26a69a;
    color: #fff;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item02 .submit_wrap {
    background: #ff231f;
    box-shadow: 0px 0px 15px 0px #ff231fad;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .input_wrap span.hide_text {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: block;
    line-height: 36px;
    padding-left: 10px;
    color: #6c757d;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .input_wrap span.s03 {
    display: block;
    height: 100%;
    line-height: 36px;
    border-left: solid 1px #6c757d;
    /* padding: 0 10px; */
    text-align: center;
    width: 68px;
}

.coins_wrap .three_wrap .big_item02 .small_item02 .price_content .little_item .total .d01 .s01 {
    font-weight: 700;
    /* font-size: 15px; */
}



.coins_wrap .three_wrap .big_item .item_24 .item01 span.s02 {
    /* height: 25px; */
    /* width: 30px; */
    position: relative;
    display: inline-block;
    /* border: solid 1px #c0c4cc; */
    margin-left: 20px;
}

.coins_wrap .three_wrap .big_item .search_item .d01 {
    border: solid 1px #6c757d;
    height: 38px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.coins_wrap .three_wrap .big_item .search_item .d02 {position: relative;border: solid 1px #6c757d;height: 38px;padding-left: 10px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;margin-left: -1px;flex: 1;}

.coins_wrap .three_wrap .big_item .search_item .d02 input {
    border: none;
    background: none;
    height: 100%;
    width: 100%;
    color: #fff;
}

.coins_wrap .three_wrap .big_item .search_item .d02 span {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    line-height: 38px;
    padding-left: 10px;
}


.coins_wrap .three_wrap .big_item .optional_item .tab_item {
    /* height: 30px; */

    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.coins_wrap .three_wrap .big_item .optional_item .tab_item .circle {
    height: 6px;
    width: 6px;
    display: none;
    background: #fff;
    border-radius: 8px;
    visibility: hidden;
    opacity: 0;
    margin-bottom: 10px;
}

.coins_wrap .three_wrap .big_item .optional_item .tab_item.selected {
    color: #fff;
}

.coins_wrap .three_wrap .big_item .content .item:nth-child(2n) {
    background: #1E2834;
}

.coins_wrap .three_wrap .big_item .item_title .title_inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    height: 38px;
}


.coins_wrap .three_wrap .big_item .content .item:hover {
    background: #141E2C;
    color: #fff;
}
.coins_wrap .three_wrap .big_item02 .small_item .wrap002 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: right;
        background: #1e2834;
}

.green .price,.green .rate{
    color: #53b987 !important;
}

.red .price,.red .rate{
    color: #ff231f !important;
}
.coins_wrap .three_wrap .big_item .content .item span.coin_name {
    color: #fff!important;
}
.input_wrap01.hide_this input,.input_wrap01.hide_this .s03,
.input_wrap03.hide_this input,.input_wrap03.hide_this .s03{
    display: none !important;
}
.his_item_wrap {
    display: none;
}
.wt_title .s08::after{
    content:"(USDT)";
}

.kline_wrap .inner{
    height: 455px;
    padding-left: 10px
}


.holc_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    height: 45px;
    overflow: hidden;
    margin-bottom: 5px;
}

.holc_wrap .item {}

.holc_wrap .item .s01 {}

.holc_wrap .item .s02 {
    color: #fff;
}

.holc_wrap .item span {
    display: block;
    text-align: left;
    font-size: 14px;
}

.ma_text_wrap {
    position: absolute;
    left: 20px;
    top: 60px;
}

.ma_text_wrap .ma_text {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.ma_text_wrap .ma_text span {
    color: #7B9CA7;
    font-size: 13px;
}

.ma_text_wrap .ma_text span.s01 {
    margin-right: 10px;
}

.ma_text_wrap .ma_text span.s02 {}