.user-index-page { width:94%; margin:0 auto; margin-bottom:0; clear:both;}
.user-index-page .info { width:100%; height:70px; margin:10px auto; margin-bottom:0; position:relative; background:#2AAD67; border-radius:9px;}
.user-index-page .info .headimgurl { width:50px; height:50px; position:absolute; top:10px; left:10px;}
.user-index-page .info .headimgurl img { width:50px; height:50px; border-radius:4px;}
.user-index-page .info .username {max-width: 50%; height: 20px; line-height: 20px; position:absolute; top:15px; left:70px; font-size: 17px; color: #FFF; display: -webkit-box;  word-break: break-all;  text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1; }
.user-index-page .info .phone {max-width: 50%; height: 20px; line-height: 20px; position:absolute; top:40px; left:70px; font-size: 12px; color: #FFF; display: -webkit-box;  word-break: break-all;  text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1; }

.user-index-page .trade { width:100%; margin:10px auto; margin-bottom:0; padding-bottom:10px; background:#FFF; border-radius:9px;}

.user-index-page .trade .hd { width:100%; margin:0 auto; height:50px; margin:0 auto; position:relative; cursor:pointer;}
.user-index-page .trade .hd:after{content: ''; position: absolute; top: 0;left: 0; z-index:1; border-bottom:1px #EDEDED solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.user-index-page .trade .hd .name { width:50%; height:22px; position:absolute; top:14px; left:10px; z-index:2; text-align:left; text-indent:10px; font-size:16px; font-weight: bold; color:#000; border-left:3px #FFCC00 solid;  display: flex; flex-direction: row; align-items: center; justify-content: left;}
.user-index-page .trade .hd .text { width:30%; height:22px; position:absolute; top:14px; right:35px; z-index:2; font-size:15px;  display: flex; flex-direction: row; align-items: center; justify-content: right;}
.user-index-page .trade .hd .more { width:22px; height:22px; display:block; position:absolute; top:14px; right:10px; z-index:2;}

.user-index-page .trade .bd { width:100%; height:60px; margin:20px auto; margin-bottom:0;}
.user-index-page .trade .bd .list { width:20%; height:60px; float:left; position:relative;}
.user-index-page .trade .bd .list a { width:100%; height:60px; display:block; position:absolute; top:0; left:0; z-index:5;}
.user-index-page .trade .bd .list .icon { width:28px; height:28px; position:absolute; top:0; left:50%; margin-left:-14px;}
.user-index-page .trade .bd .list .text { width:100%; height:20px; line-height:20px; position:absolute; top:35px; text-align:center; font-size:11px;}
.user-index-page .trade .bd .list-li-1 .icon{ background:url(image/trade-1.png) center center no-repeat; background-size:auto 28px;}
.user-index-page .trade .bd .list-li-3 .icon{ background:url(image/trade-3.png) center center no-repeat; background-size:auto 28px;}
.user-index-page .trade .bd .list-li-4 .icon{ background:url(image/trade-4.png) center center no-repeat; background-size:auto 28px;}
.user-index-page .trade .bd .list-li-5 .icon{ background:url(image/trade-5.png) center center no-repeat; background-size:auto 28px;}
.user-index-page .trade .bd .list-li-11 .icon{ background:url(image/trade-11.png) center center no-repeat; background-size:auto 28px;}




.user-index-page .contact { width:100%; margin:10px auto; margin-bottom:0; background:#FFF; border-radius:9px;}
.user-index-page .contact li { width:90%; height:50px; margin:0 auto; position:relative; margin-left:6%;}
.user-index-page .contact li:after{content: ''; position: absolute; top: 0; left: 0; border-bottom:1px #E7E7EB solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.user-index-page .contact li:last-child:after{ border-bottom:none;}
.user-index-page .contact .left { width:30%; height:30px; line-height:30px; position:absolute; top:10px; left:0; font-size:14px; color:#000;}
.user-index-page .contact .center { width:50%; height:30px; line-height:30px; position:absolute; top:10px; right:5%; text-align:right; font-size:14px; color:#999; display: -webkit-box;  word-break: break-all;  text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1; } 
.user-index-page .contact .center img { width:30px; height:30px; border-radius:30px; float:right;}
.user-index-page .contact .right { width:5%; height:30px; line-height:30px; position:absolute; top:10px; right:0; background:url(image/more.png) center right no-repeat; background-size:auto 14px;}
.user-index-page .contact li a { width:100%; height:50px; display:block; position:absolute; top:0; left:0; z-index:5;}
.user-index-page .logout { width:100%; height:50px; margin:10px auto; margin-bottom:0; background:#FFF; border:1px #E5E5E5 solid; font-size:18px; color:#555; border-radius:6px; display: flex; flex-direction: row; align-items: center; justify-content: center;}