.app-c-exchange-role{width:80vw;padding-top:40px;color:#d2b190}.app-c-exchange-role .list-box{height:40vh;min-height:240px;max-height:80vh;overflow-y:auto}.app-c-exchange-role .role-item{margin:8px;padding:16px 0;text-align:center;border:1px solid #d2b190;border-radius:8px}.nav-index{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.nav-index .user-info{padding:16px;min-height:200px;display:flex;flex-direction:row;background-image:url(../../static/img/bg.71ae76fb.png);background-size:cover;border-bottom-left-radius:20%;border-bottom-right-radius:20%;color:#fff}.nav-index .user-info-avatar-wrap{flex:0 0 15rem}.nav-index .user-info-avatar-wrap .van-image{width:15rem;height:15rem;border-radius:7.5rem;overflow:hidden;background-color:hsla(0,0%,100%,.8);border:2px solid rgba(206,175,145,.7)}.nav-index .user-info-text-wrap{flex:1 1 auto;width:100%;height:100%;margin:3.5rem 0 0 4rem;overflow:hidden}.nav-index .content{flex:1 1 auto;width:100%;height:100%;background-color:#eaeaea;overflow-y:auto}.nav-index .content .desc{padding:16px 0;text-align:center}.nav-index .menu-box{width:100%;margin:0 auto;display:flex;flex-wrap:wrap}@media (min-width:320px) and (max-width:399px){.nav-index .menu-block{width:25%!important}}@media (min-width:400px) and (max-width:479px){.nav-index .menu-block{width:20%!important}}@media (min-device-width:480px){.nav-index .menu-block{width:16%!important}}.nav-index .menu-block{width:100%;margin-top:16px;display:inline-flex;flex-direction:column;justify-content:space-evenly;align-items:center}.nav-index .menu-icon{width:40px;height:40px;flex:0 0 40px;margin:8px auto}.nav-index .menu-text{font-size:14px;white-space:nowrap}.nav-index .menu-row{width:90%;margin:0 auto;border-radius:10px;padding:16px;margin-top:16px;background-color:#fff}.nav-index .menu-row .in-top{display:flex;justify-content:space-between;align-items:center}.nav-index .menu-row .title{margin:8px 0;color:#000;font-weight:700}.nav-index .menu-row .text{color:rgba(0,0,0,.8);line-height:1.4}.nav-index .menu-row .more{text-align:right;color:rgba(0,0,0,.5);font-size:14px}.nav-index .menu-row .van-icon{vertical-align:bottom}.nav-index .information{width:90%;height:200px;margin:auto;margin-top:-90px;border-radius:10px;padding:8px 16px;background-color:#fff;box-shadow:0 1px 1px #777}.nav-index .information .in-top{display:flex;justify-content:space-between;align-items:center}.nav-index .information .title{margin:8px 0;color:#000;font-weight:700}.nav-index .information .text{color:rgba(0,0,0,.8);line-height:1.4}.nav-index .information .more{text-align:right;color:rgba(0,0,0,.5);font-size:14px}.nav-index .total-box{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap}.nav-index .detail-box{width:130px;text-align:center;margin-top:10px}.nav-index .detail-box .num{font-weight:700;margin-bottom:5px}.nav-index .detail-box .num-text{font-size:14px}