.category{background:#fff;height:48%;margin:20px 20px 0;width:calc(100% - 40px)}.category,.category .title{border-bottom:1px solid #cfd5dc}.category .title{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAApxJREFUOBG1VUtPU0EU/ub2ApWWSmqrptSIVIlUhahUgytiDIkxajUxMRoTNu7dIG7dGf0R7iBxgSWiC8UHKzU2okZvcVFREykvm7S00gd0PDP39vZKSTQlnqSdM9+Z83XOa8qwnvBoHbRkGOBhMNYNDp88xjADzqMAiyDojoB1F9e6s7UAtMfnyOkO4YEq259AnH5sAMG++1ZYMTecK9Ce3CayEcL+RibcAvKs7mPyqCZhbPwWeGnA3P+rInxi4+L0dfGlh6yHKW5WuzB2XoSvQBRAz5lJdte3D2M7DuIRfXiwD15bnbSdbfLKfbDeYZ41FcFBXKpezUrO3IqK/uYWnPk+Kc/uaXDgoms7fHV2nHR60DP9Gi9aQ7ia+ITRpQWTj5SA4KIcUmtYJM85fpVW8SCjHz6d9aKdbrSXiI9Ov4Kw9359g+et3UQ4YfEUKg8rss8scANjaFRsON7o1j8ONxw2G6YKWUzsDKGrwYmnRHZt9rPFy1CpZ1WzaQ0sWVrBVD6LIf8BaLSKqt1ciONbMYfLFPq7wDEc+vISk7mlakIaALN/rNbRpXk8yyaxuFpAW30j0qsruODahrBrK4ZTCbxt68F+uul6QiHTOFnEQxUd9OzCGCU8kp5HopjHlWYf7vm78D6XkfhDsg1uabV4GSpxUchiNtFeti6XSrIoQ+lZCfVSDnOExfIZjKTnoFEuHZTjI5s2l10qK3FRlWnQwS+VUdUoSsjuktBhWjlpLaodnfYmSSbCPeX0ll0sK4uo8tXQfsYJlfOboqIsrhRkr2l0qw7Rhz8+IEP4sL8T0eUUdlNe+2c+WoikGhdc/2H0BLl4gpginqzaRPgaz1ilbTpO3KiJVJAJX0P0kMs7sW7wga0mFKQb+Av4DT7IBfw5jNqmAAAAAElFTkSuQmCC) no-repeat center left 14px;background-size:20px 20px;height:46px;line-height:46px;text-indent:4em;width:100%}.category .main{height:calc(100% - 50px);width:100%}.category .main #myChart{height:100%;width:100%}.role{background:#fff;height:45%;margin:20px 20px 0;width:calc(100% - 40px)}.role,.role .title{border-bottom:1px solid #cfd5dc}.role .title{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAjxJREFUOBGlVc9rE0EU/t7shk3aYtMe6q+AQkHQi6hVxIOCiIinVkHw4inQgyeRVAsexINY8xeIBxG9CbUXPei/oK34g+Kh4KHEqpimNmnJppvxvUl22WzWtaVzmZ33ve+bmffevCXEjGOPdGppZWWUms1RDRoB9J6WG5UI+p1WamZXf//M+3FqROkUNeSKy2Nooqi1Ho5i4TURLUChsFgYeBm2K39xV2uVmyo/1J6e/p+YcMRHfIUjXF8nOKER0yj4wFZmIhQXbw1OCMcIyjVlt62IRH3JoktyfZIE/KhU5uOuqXi7x2O9OJGzDf/Ddw/56SrqXlSOT8Yx3ZnNHrTU6RuXOSDjYZehXsLZ4RSW1znHLHrn7TqezNbRYCHX0zi1z0aZsbXOHA9WXfeT3SqNsBzw/EofDg3ZeDZXx+SbtQB88dlF8UIPrh528HFpAxefrgaYfIiWatVZhx2rdW0Mf9pzGE3CRIv2PijLNn1hkmOBT2hhjmMWN47stvDlp8fX70KrQf2EIYut1446yKaDqgrgHQ4hP5KGY3dj4sRUKgXe7Q8Jds3VmOJ4CW/yTAb3zmWQSQH3z/eg1tBBWDq5VGJ/fpvAgU6gldn9WYXjOQvXT6YNvPDbw83XtdiyEQfRUvLQo2L++lulaeI4W9rA/C8Pr742/ikmHNFKLGxfeDOzX9jKtCDuGpshJfqwhmiZLJs3yA88kZAAmubQbmNB2eQnBm4LkMCLhYQjXB/sKqbtNtguQdlpO7+Av7oUABtdx5ZAAAAAAElFTkSuQmCC) no-repeat center left 14px;background-size:20px 20px;height:46px;line-height:46px;text-indent:4em;width:100%}.role .main{height:calc(100% - 50px);width:100%}.company,.role .main #myChart01{height:100%;width:100%}.company{background:#f7f9fb}