.detailsBox>.d_top{margin:10px 0 0 0;display:flex;flex-direction:column}.detailsBox>.d_top>div{display:inherit;height:40px;font-size:14px;border-bottom:2px solid var(--color2);align-items:center;justify-content:space-between}.detailsBox>.d_bottom h3{margin:10px 0 10px 0}.detailsBox>.d_bottom .textContent{width:100%;font-size:14px;white-space:pre-wrap;word-break:break-all}.guadanBox{position:relative;width:100%;height:auto}.guadanBox .guadan_title{height:20px;padding:10px 0 10px 0;align-items:center;font-size:12px;color:#97a0a7}.guadanBox .guadan_body{position:relative;width:100%;min-height:200px;display:flex}.guadanBox .guadan_body .left_buy{position:relative;flex-shrink:0;width:50%;border-right:1px solid rgba(20,178,122,.1)}.guadanBox .guadan_body .left_buy>div{position:relative;font-size:12px;height:30px}.guadanBox .guadan_body .left_buy>div>.bg_jd{position:absolute;width:0;height:100%;right:0;background:rgba(20,178,122,.1);transition:all 1s}.guadanBox .guadan_body .left_buy>div>.content{position:absolute;width:100%;height:30px;display:flex;z-index:2px;align-items:center}.guadanBox .guadan_body .left_buy>div>.content>span:first-child{color:var(--color3);min-width:16px}.guadanBox .guadan_body .left_buy>div>.content>span:nth-child(2){margin-left:20px}.guadanBox .guadan_body .left_buy>div>.content>span:nth-child(3){margin-left:auto;margin-right:5px;color:var(--green)}.guadanBox .guadan_body .right_sell{position:relative;flex-shrink:0;width:50%;border-left:1px solid rgba(234,60,37,.1)}.guadanBox .guadan_body .right_sell>div{position:relative;width:100%;font-size:12px;height:30px}.guadanBox .guadan_body .right_sell>div>.bg_jd{position:absolute;width:0;height:100%;left:0;background:rgba(234,60,37,.1);transition:all 1s}.guadanBox .guadan_body .right_sell>div>.content{position:absolute;width:100%;height:30px;display:flex;z-index:2px;align-items:center}.guadanBox .guadan_body .right_sell>div>.content>span:first-child{margin-left:5px;color:var(--red)}.guadanBox .guadan_body .right_sell>div>.content>span:nth-child(2){margin-left:auto;margin-right:20px}.guadanBox .guadan_body .right_sell>div>.content>span:nth-child(3){min-width:16px;text-align:right;color:var(--color3)}p{margin:0}.marketBox{position:absolute;width:100%;height:100%;display:flex;flex-direction:column}.marketBox .navi{position:fixed;width:100%;height:46px}.marketBox .select_{height:44px;display:flex;align-items:center;padding:0 15px}.marketBox .select_ ._icon{font-size:18px}.marketBox .select_ .shu{width:1px;height:12px;border-left:1px solid #e2e4e8;margin-right:8px;margin-left:13px}.marketBox .select_ span{display:flex;align-items:center}.marketBox .select_ span .el-icon-s-unfold{font-size:16px}.marketBox .select_ span b{font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#1a1b1c;margin-left:10px}.marketBox .body{flex:1;overflow:auto}.marketBox .body .title_{display:flex;padding:0 15px;margin-top:15px}.marketBox .body .title_ .title_l{flex:1;overflow:hidden;margin-top:8px}.marketBox .body .title_ .title_l h4{font-size:32px;font-family:DINAlternate-Bold,DINAlternate;font-weight:700;color:#ea3c25;line-height:32px}.marketBox .body .title_ .title_l .p1{margin-top:8px}.marketBox .body .title_ .title_l .p1 span{font-size:14px;font-family:DINAlternate-Bold,DINAlternate;font-weight:700;color:#97a0a7;line-height:14px}.marketBox .body .title_ .title_l .p1 b{font-size:14px;font-family:DINAlternate-Bold,DINAlternate;font-weight:700;color:#ea3c25}.marketBox .body .title_ .title_r{width:50%;display:flex;align-items:center;flex-wrap:wrap;text-align:right}.marketBox .body .title_ .title_r ul{width:48%;margin-bottom:10px}.marketBox .body .title_ .title_r ul:nth-child(odd){padding-right:2%}.marketBox .body .title_ .title_r ul li{word-break:break-all}.marketBox .body .title_ .title_r ul li:first-child{font-size:12px;font-family:DINAlternate-Bold,DINAlternate;font-weight:700;color:#97a0a7;line-height:12px}.marketBox .body .title_ .title_r ul li:nth-child(2){margin-top:5px;font-size:12px;font-family:DINAlternate-Bold,DINAlternate;font-weight:700;color:#1a1b1c;line-height:12px}.marketBox .body .klineBox{position:relative;width:100%;border-bottom:10px solid var(--color2)}.marketBox .body .other{position:relative;width:100%;min-height:200px}.marketBox .body .other .o_title{width:100%;height:45px;display:flex;align-items:flex-end}.marketBox .body .other .o_title>div{height:30px;margin:0 15px 0 15px;border-bottom:2px solid transparent}.marketBox .body .other .o_title .blue{color:var(--color);border-bottom:2px solid var(--color)}.marketBox .body .other .o_body{position:relative;margin:0 15px 0 15px}.marketBox ._green{color:var(--green)!important}.marketBox ._red{color:var(--red)!important}.marketBox .control{height:70px;display:flex;align-items:center;background:#f6f6f6;padding:5px 10px 0;box-sizing:border-box}.marketBox .control .cont_l{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:space-around}.marketBox .control .cont_l button{width:45%;font-size:16px;font-weight:600;color:#fff;line-height:16px;height:40px;border-radius:5px}.marketBox .control .cont_r{display:flex;align-items:center;margin-left:20px}.marketBox .control .cont_r .n1 img,.marketBox .control .cont_r .n2 img{width:24px}.marketBox .control .cont_r .n1 p,.marketBox .control .cont_r .n2 p{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1a1b1c;line-height:12px}.marketBox .control .cont_r .n1{margin-right:11px}.marketBox .control .cont_r .n1 p{color:#f7931a}