.trading{overflow:hidden;padding-top:.44rem}.trading .pageNavBox{position:fixed;top:0;left:0;z-index:222;overflow:hidden;background:#123049;width:100%}.trading .pageNavBox .pageNav{height:.37rem;margin-top:.1rem;padding-left:.06rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative;z-index:10}.trading .pageNavBox .pageNav .nav-item{height:.35rem;color:#a4aeb9;font-size:.14rem;text-align:center;margin-left:.1rem;padding:0 .2rem}.trading .pageNavBox .pageNav .nav-item.active{background:#061926;border-radius:.3rem;color:#fff}.trading .stockList{height:calc(100vh - 1.3rem);overflow:scroll;padding:.12rem 0;margin:.18rem .18rem 0;background:#061926;border-radius:.16rem}.trading .stockList .topTabList{background:#fff;-webkit-box-shadow:0 .01rem .05rem 0 rgba(0,0,0,.3);box-shadow:0 .01rem .05rem 0 rgba(0,0,0,.3);border-radius:.04rem;margin:0 .18rem .1rem;padding:.02rem}.trading .stockList .topTabList .item{width:25%;min-height:.31rem;font-weight:400;font-size:.13rem;color:#999}.trading .stockList .topTabList .item.sel{background:#ff5700;border-radius:.03rem;color:#fff}.trading .stockList .list .marketType{color:#fff;height:.36rem;border-radius:.08rem;border:.01rem solid #0f2a40;padding:0 .16rem;margin:0 .14rem}.trading .stockList .list .marketType img{width:.2rem}.trading .stockList .list .itemBox .item{border-bottom:.01rem solid #252a40;min-height:.48rem;margin-bottom:.1rem;padding:0 .1rem}.trading .stockList .list .itemBox .item:last-child{border-bottom:0}.trading .stockList .list .itemBox .item .name{width:44%;font-size:.14rem;font-weight:400;color:#fff}.trading .stockList .list .itemBox .item .name .txt,.trading .stockList .list .itemBox .item .name .txt div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trading .stockList .list .itemBox .item .name span{font-size:.12rem;font-weight:400;color:#a4aeb9}.trading .stockList .list .itemBox .item:first-child .name .order{border-radius:.03rem;border:.02rem solid #ff5700;color:#ff5700}.trading .stockList .list .itemBox .item:nth-child(2) .name .order{border-radius:.03rem;border:.02rem solid #42b4ff;color:#42b4ff}.trading .stockList .list .itemBox .item:nth-child(3) .name .order{border-radius:.03rem;border:.02rem solid #ce9b30;color:#ce9b30}.trading .stockList .list .itemBox .item .price{width:38%;font-weight:400;font-size:.2rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.trading .stockList .list .itemBox .item .price img{width:.14rem;margin-right:.06rem}.trading .stockList .list .itemBox .item .per{width:22%;font-weight:400;font-size:.12rem;padding:0 .1rem}.trading .stockList .list .itemBox .item .per img{width:.08rem}.trading .inBox{margin:.18rem .18rem 0;position:relative;z-index:200;background:#061926;border-radius:.16rem;height:calc(100vh - 1.3rem);overflow:scroll}.trading .inBox .th{height:.44rem;padding:0 .17rem}.trading .inBox .th .th-td{font-size:.12rem;font-weight:400;color:#a4aeb9;word-break:break-all;width:33%}.trading .inBox .list-item{padding:.15rem .15rem;margin-bottom:.1rem;border-bottom:.01rem solid #252a40}.trading .inBox .list-item:last-child{border-bottom:0}.trading .inBox .list-item .shares-name-box{font-size:.14rem;font-weight:400;word-break:break-all;width:33%}.trading .inBox .list-item .shares-name-box .shares-name{color:#fff;font-weight:500}.trading .inBox .list-item .shares-name-box .per{font-weight:400;font-size:.12rem;color:#a4aeb9}.trading .inBox .list-item .shares-name-box .per span{font-weight:500;font-size:.16rem;color:#60bb74}.trading .inBox .list-item .shares-name-box .shares-number{color:#a4aeb9;font-size:12px}.trading .inBox .list-item .shares-name-box .shares-price-num{color:#dcb144}.trading .inBox .list-item .Btn .btn-big{height:.4rem;border-radius:.12rem;font-size:.15rem;font-weight:500}.trading .van-popup{border-radius:.12rem;background:#10293c}.trading .pop{width:86vw}.trading .pop .red{color:#fa2256;margin-left:.1rem}.trading .pop .pop-title{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;font-size:.15rem;font-weight:600;color:#fff;height:.5rem;margin-bottom:.1rem;background:#1c4668}.trading .pop .pop-type{font-weight:600;font-size:.36rem;color:#ca282f;margin:.2rem}.trading .pop .pop-price{padding:.12rem .16rem 0;font-weight:400}.trading .pop .pop-price .txt1{font-size:.14rem;color:#fff;padding:.06rem 0}.trading .pop .pop-price .txt1 span{color:#4ea554}.trading .pop .pop-price .txt2{font-size:.13rem;color:#4ea554}.trading .pop .pop-price .txt2 span{color:#fff;font-size:.15rem}.trading .pop .pop-money{height:.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.15rem;color:#727272;margin-top:.1rem}.trading .pop .pop-num{margin:0 .16rem;padding-bottom:.06rem}.trading .pop .pop-num .name{font-size:.13rem;font-weight:400;color:#fff;-webkit-box-flex:0;-ms-flex:none;flex:none}.trading .pop .pop-num input{background:none;height:.42rem;background:#061926;border-radius:.06rem;border:.01rem solid #1c3f5b;width:2rem;padding:0 .2rem;color:#fff;margin-top:.1rem}.trading .pop .Btn{padding:.25rem .12rem}.trading .pop .Btn .link{height:.42rem;background:#061926;border-radius:.04rem;border:.01rem solid #1c3f5b;margin-right:.1rem;font-weight:400;font-size:.16rem;color:#fff}.trading .pop .Btn .btn-big{height:.42rem;margin-left:.1rem;border-radius:.04rem}.trading .pupbg{padding:.12rem}.trading .pupbg .item{height:.44rem;border-radius:.1rem;margin-bottom:.1rem;padding:0 .15rem;color:#a4aeb9;font-size:.16rem}.trading .pupbg .item.sel{background:#1a4f78;color:#fff}