.user .user-box{padding:0 20px;height:100px;display:flex;align-items:center;background-color:#fff;box-shadow:0 2px 4px 0 rgba(79,85,114,.03)}.user .user-box .user-info{flex:1;margin-left:10px}.user .user-box .user-info .user-info-line:last-child{margin-top:5px}.user .user-box .user-info .user-info-line{display:flex;justify-content:space-between}.user .user-box .user-info .user-info-line div:last-child{text-align:right}.user .user-box .user-info .user-info-line .user-name{color:#333;font-weight:550;font-size:16px}.user .user-box .user-info .user-info-line .user-authentication{height:21px;width:38px;flex-shrink:0;padding:1.5px 10px;line-height:21px;font-size:12px;border-radius:50px;background-color:#4560fe;color:#fff}.user .user-box .user-info .user-info-line .user-end-time{color:#989db2;font-size:12px}.user .user-box .user-info .user-info-line .user-company{font-size:12px;color:#333}.user .user-content{padding:20px;height:calc(100% - 200px);overflow-x:scroll}.user .user-content .balance-box{display:flex;padding:20px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(79,85,114,.03);margin-bottom:20px}.user .user-content .balance-box .balance-info{flex:1;display:flex;flex-direction:column;justify-content:center}.user .user-content .balance-box .balance-info .balance-info-title{font-size:12px;color:#989db2;margin-bottom:10px}.user .user-content .balance-box .balance-info .balance{font-size:14px;color:#333;font-weight:550}.user .user-content .balance-box .recharge{display:flex;width:80px;justify-content:center;align-items:center;background-color:#4367fd;color:#fff;border-radius:4px}.user .user-content .service-box{padding:20px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(79,85,114,.03);margin-bottom:20px}.user .user-content .service-box .service-title{font-size:12px;color:#9ca0b5;margin-bottom:15px}.user .user-content .service-box .service-info:last-child{margin-bottom:0!important}.user .user-content .service-box .service-info{display:flex;margin-bottom:5px}.user .user-content .service-box .service-info div:first-child{width:50%;color:#333;font-size:14px;font-weight:550}.user .user-content .service-box .service-info div{color:#333;font-size:12px}.user .user-content .today-box{padding:20px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(79,85,114,.03);margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.user .user-content .today-box div{text-align:center}.user .user-content .today-box div p:first-child{color:#989db2;font-size:12px}.user .user-content .today-box div p:last-child{color:#333;font-size:14px;margin-top:5px}.user .user-content .password-box{padding:20px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(79,85,114,.03);margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.user .user-content .password-box div:first-child{color:#989db2;margin-right:24px}.user .user-content .password-box .title{flex:1;font-size:14px;color:#333;font-weight:550}.user .user-content .password-box .right{color:#989db2;transform:rotate(270deg)}.user .user-content .logout-box{padding:20px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(79,85,114,.03);margin-bottom:20px;display:flex;align-items:center}.user .user-content .logout-box div:first-child{color:#989db2;margin-right:24px}.user .user-content .logout-box .title{flex:1;font-size:14px;color:#333;font-weight:550}