.crole-wrap{width:100%;background:url(../static/img/crole-bg.jpg) no-repeat;background-size:100% 100%;position:relative}.crole-wrap .backLoginPage{width:120px;margin-left:10px!important;background:#6bb1fa;color:#fff;border:1px solid #6bb1fa;border-radius:6px!important;text-align:center}.crole-wrap .chooseBtn{width:120px;background:#ffa800;color:#fff;border:1px solid #ffa800;border-radius:6px!important;text-align:center}.center{margin:0 auto;text-align:center}.center .crole-title{width:100%;height:40px;line-height:40px;font-size:18px;font-weight:600;color:#fff;text-align:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABU8AAAANCAYAAACZ85+jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiOTMwMTM3NS0zYTc1LWIwNGMtYjhhMC0yN2RiNDgyMDBjNzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzFBRDA1NjE5NjRFMTFFOUExRDhCNERFNjM2OENGQTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzFBRDA1NjA5NjRFMTFFOUExRDhCNERFNjM2OENGQTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YjkzMDEzNzUtM2E3NS1iMDRjLWI4YTAtMjdkYjQ4MjAwYzczIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MWRjZjQ5MjAtOTY0Yy0xMWU5LTgzOWQtYjNkMzI4MzBiNDVlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+WQWDUgAAAzVJREFUeNrs3b/LHEUcB+DZJWBjpZWWCjYSiE2wUktLFWz8RVIJFgYttdc2jaKVgiJIwH/BShQLE4hpArEQ0SpptBHkxu9yK8iyszt7vr63997zwIeX7M3Ozs7OTo5h767JOScAAE7V+chN3YAxAwCwbud0wUFqJrY1Fdubibqmyte8Ntw2VX9p31L72kFdbcUxuzJ55PWmsk2ldraV+469Vnq9tH9bWe8/ZcfOf66OJcdqK86r9jybyn5aWsfUsZf0wa5tayrG3Ng1axaOm7YwJmvHW7PD/u0ObW0r7/tSG3PhGqXKcVJzv7Ujc1UzMo8svc9r5oe5+bI0j6WKOtNM/c1gjlg6x+/6/8rcPsfgl8iXkXcjf3prw4T7Iu9F3v4PdeT/4T4b1pmP5F4+qfPMg79T2+fK/Ptvab9SvaV/T5XbzLRlWLYZqTsX9smVbcuDtpTKbirOYVM49lS7psqObR/WM3fMXNGeJW2qrX/u+mwm+nVYrqa9+YTOJS0sUxofpWuVK8bW2BirGbPDY24Wjvm88J4q3Qu73JebmXkg73BP54m5K+84Jy35O1ff3NyaZ/ZrRtqfCtuweMoJvdma2wYArNODkY8i30deitzSJYx4PPJF5HY/Zu7pEgCA09XqAgCAU3c38mLkauTryJvpOJ/AZVw3Fq70Y+NqP1YsnAIA7OONme88BQDYq0cjn0V+j1yK/KZLjtpDkU8j90dei9zRJQAA++PJUwCA/eoWx56KfBP5IfKcLjlaz/djoBsLTycLpwAAe+fJUwCA9Xgy8nnaflz7rcgfuuQodE+Zdh/PfybySuQ7XQIAsA6ePAUAWI9u0eyJtP3Oy+uRi7rkzLvYX+vOhWThFABgVTx5CgCwTi9EPox8EHk/8pcuOVPORd6JvNHnK10CALA+Fk8BANbr4cgnafux7lcjP+mSM+GRtP2RsO5rGS4lPxIGALBaPrYPALBev0aejVyLfJu2C20ctsv9tbzWX1sLpwAAK+bJUwCAw3A+bX9M6nbk9cg9XXJQHoh8HHks8nLkR10CALB+njwFADgMN9P2x4V+jtyIZDmo3OivXXcNLZwCAByIvwUYAKIatW1GKBTFAAAAAElFTkSuQmCC) bottom no-repeat}.center .crole-title .middle-text:before{display:inline-block;content:"";width:20px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTA1NTU3RjI5NjRFMTFFOUE5QUFEMkVDMUE3QThEQkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTA1NTU3RjM5NjRFMTFFOUE5QUFEMkVDMUE3QThEQkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMDU1NTdGMDk2NEUxMUU5QTlBQUQyRUMxQTdBOERCRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMDU1NTdGMTk2NEUxMUU5QTlBQUQyRUMxQTdBOERCRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl9f+VgAAAFUSURBVHjarJSxSgNBEIb3QlCEFNpb+AqWNhbGTmKEqCgWSeMD2KUSmzyC9ik1qUJQK40ipPRBFNQEjKK5yz/yXxiW28ud3MAHs8vy7+zM7HhBEJhMTQTJDngJ0tkb2FcaxmOEJdABj6AHfODFxDEC82AdFMEBuNQR/oC+vikFPUb7tw43xU4SCsyBJ3DGdc0leJpQsKVyuMjcTwVzKi+5BDUsg1361+AdrJiUIqEtTBNvzBeo0C+4BL0Zgi1WVmyPomK/LsHQ3wTnltgR2KJ/BbqzGlvsGORVwjuqEGPuDXhGF6mui5K3ciRd/gxW2ewXYElFX7GfGBdhQ916F/HNmo42qrva5lv5G+BerV9B1RWTqyhD66CI9ulvxzzyI+rJPnj451++0U8Op40kuw1uOXF83jdgBMsRfSrrNUZfA017Hh6CYcp5+AmqUfMwM8tccCLAAHDJTNbQuT7RAAAAAElFTkSuQmCC) no-repeat;vertical-align:middle}.center .el-radio-group{display:block;margin-bottom:30px}.center .el-radio{display:block;width:100%;height:40px}.center .crole-radios{position:relative;display:inline-block;width:210px;height:230px;margin:10px;background:#fff;border-radius:6px;cursor:pointer}.center .crole-radios .icon{position:absolute;width:30px;height:30px;bottom:0;right:0}.center .crole-radios .icon .lock-icon{display:inline-block;width:100%;height:100%}.center .crole-radios .cursor-forbid{cursor:not-allowed!important}.center .crole-radios .role-pic{display:inline-block;width:110px;height:110px;margin-top:30px;margin-bottom:30px;cursor:pointer}.center .crole-radios:nth-child(odd) .role-pic{background:url(../static/img/notchooserole-icon1.png) no-repeat}.center .crole-radios:nth-child(2n) .role-pic{background:url(../static/img/notchooserole-icon2.png) no-repeat}.center .crole-radios.active:nth-child(odd) .role-pic{background:url(../static/img/chooserole-icon1.png) no-repeat}.center .crole-radios.active:nth-child(2n) .role-pic{background:url(../static/img/chooserole-icon2.png) no-repeat}.center .el-button--success{background-color:transparent;border-color:transparent;background:url(../static/img/crole-btn.png) no-repeat;background-size:100%}.center .el-button--small,.center .el-button--small.is-round{border-radius:6px}.choose-person{text-align:right;float:right;padding-top:10px;padding-right:10px;color:beige;cursor:pointer;font-size:16px}