.umc-main-user-ref{width:100%;height:100%;background:url(../../static/img/chooseChar.50eb7ed5.png) no-repeat 50%;background-size:100% 100%;padding-top:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.umc-main-user-ref .con-box{width:100%}.umc-main-user-ref .con-box .titles{width:1164px;height:80px}.umc-main-user-ref .selecta{width:1222px;height:70px;line-height:70px;font-size:20px;color:#fff}.umc-main-user-ref .tab-item{height:50px;line-height:50px;font-size:20px;width:500px;padding:0 100px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(51,51,51,.05);color:hsla(0,0%,87.1%,.81);cursor:pointer}.umc-main-user-ref .tab-item-left{text-align:right;border-left:0;background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,216,247,0)),to(rgba(0,175,237,.2)));background-image:linear-gradient(90deg,rgba(0,216,247,0),rgba(0,175,237,.2))}.umc-main-user-ref .tab-item-left.active{color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,216,247,0)),to(rgba(0,175,237,.8)));background-image:linear-gradient(90deg,rgba(0,216,247,0),rgba(0,175,237,.8))}.umc-main-user-ref .tab-item-right{text-align:left;border-right:0;background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,175,237,.2)),to(rgba(0,216,247,0)));background-image:linear-gradient(90deg,rgba(0,175,237,.2),rgba(0,216,247,0))}.umc-main-user-ref .tab-item-right.active{color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,175,237,.8)),to(rgba(0,216,247,0)));background-image:linear-gradient(90deg,rgba(0,175,237,.8),rgba(0,216,247,0))}.umc-main-user-ref .link-form{width:1000px;height:550px;border:1px solid rgba(5,126,241,.8);background-color:hsla(0,0%,74.5%,.2);border-radius:10px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:16px!important}.umc-main-user-ref .el-form-item{width:100%}.umc-main-user-ref .el-form-item__label{color:#fff;width:80px;text-align:justify;letter-spacing:4px}.umc-main-user-ref .el-form-item__content{width:calc(100% - 80px)}.umc-main-user-ref .button-bar{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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.umc-main-user-ref .button-bar .el-button{-webkit-box-flex:1;-ms-flex:1;flex:1}.umc-main-user-ref .chart-btn{padding:10px;width:150px;height:80px;margin:10px 20px;border:1px solid hsla(0,0%,100%,.5);background-color:hsla(0,0%,78.4%,.2);border-radius:10px;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;color:#fff;font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.umc-main-user-ref .chart-btn:hover{background-color:hsla(0,0%,78.4%,.5)}.umc-main-user-ref .chart-btn img{width:50px}.umc-main-user-ref .chart-btn span{max-width:120px;padding:0 5px;overflow-y:hidden;max-height:100%;line-height:1.2}