[dir] .strangerPage{margin:0 auto}.strangerPage .stranger{display:grid}[dir] .strangerPage .stranger{margin:0 auto}.strangerPage .stranger .headArea{height:96px;box-sizing:border-box;display:flex;justify-content:space-between}[dir] .strangerPage .stranger .headArea{padding:16px 24px;border-bottom-width:1px;border-bottom-style:solid}.strangerPage .stranger .headArea .left{flex:1;display:flex;align-items:center;gap:40px}.strangerPage .stranger .headArea .left .avataAndName{display:flex;align-items:center;gap:8px}.strangerPage .stranger .headArea .left .avataAndName .avatar{display:inline-block;width:30px;height:30px;line-height:30px;font-size:14px;position:relative;vertical-align:middle}[dir] .strangerPage .stranger .headArea .left .avataAndName .avatar{border-radius:50%;text-align:center;cursor:pointer}.strangerPage .stranger .headArea .left .avataAndName .avatar div{width:30px;height:30px;overflow:hidden}[dir] .strangerPage .stranger .headArea .left .avataAndName .avatar div{border-radius:50%}.strangerPage .stranger .headArea .left .avataAndName .avatar img{width:30px;height:30px;display:block}.strangerPage .stranger .headArea .left .avataAndName .avatar .lineIcon{position:absolute;width:8px;height:8px;bottom:0}[dir] .strangerPage .stranger .headArea .left .avataAndName .avatar .lineIcon{border-radius:50%}[dir=ltr] .strangerPage .stranger .headArea .left .avataAndName .avatar .lineIcon{right:1px}[dir=rtl] .strangerPage .stranger .headArea .left .avataAndName .avatar .lineIcon{left:1px}.strangerPage .stranger .headArea .left .avataAndName .otcTrade-user{display:flex;flex-direction:column}.strangerPage .stranger .headArea .left .avataAndName .otcTrade-user .otcTrade-userName{font-size:16px;height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100px}.strangerPage .stranger .headArea .left .avataAndName .otcTrade-user .otcTrade-userStatus{font-size:12px}[dir] .strangerPage .stranger .headArea .left .avataAndName .otcTrade-user .otcTrade-userStatus{margin-top:4px}.strangerPage .stranger .headArea .left .header-even{display:flex;flex-direction:column;gap:8px}.strangerPage .stranger .headArea .left .header-even .header-even-value{font-size:12px;height:17px;line-height:17px}.strangerPage .stranger .headArea .left .header-even .header-even-key{font-size:14px}.strangerPage .stranger .headArea .right{display:flex;align-items:center;width:280px;justify-content:right;gap:40px}.strangerPage .stranger .headArea .right .certificateItem{display:flex;align-items:center;gap:10px;font-size:14px}.strangerPage .stranger .stranger-center{min-height:600px}[dir] .strangerPage .stranger .stranger-center{margin-top:10px}.strangerPage .stranger .stranger-center .nav-tab{width:100%;box-sizing:border-box}[dir] .strangerPage .stranger .stranger-center .nav-tab{margin-bottom:0;padding:0 20px;border-bottom-style:solid;border-bottom-width:1px}.strangerPage .stranger .stranger-center .tables{width:100%}.strangerPage .stranger .dialog-p{font-size:14px}.strangerPage .stranger .payments-ul{width:100%}.strangerPage .stranger .payments-ul ul{display:flex;align-items:center;gap:10px}.strangerPage .stranger .payments-ul ul li{width:24px;height:24px}[dir] .strangerPage .stranger .payments-ul ul li{border-radius:2px}[dir=ltr] .strangerPage .stranger .payments-ul ul li{float:right}[dir=rtl] .strangerPage .stranger .payments-ul ul li{float:left}.strangerPage .stranger .payments-ul ul li img{width:16px;height:16px}[dir] .strangerPage .stranger .payments-ul ul li img{margin:4px}[dir] .strangerPage .stranger .table-head{padding:0}[dir=ltr] .strangerPage .stranger .table-body td .icon-btn{margin-left:0}[dir=rtl] .strangerPage .stranger .table-body td .icon-btn{margin-right:0}