.menu{box-sizing:border-box;width:352px;background:url(../img/menu-bg.9e507279.png) no-repeat bottom #fff;background-size:100% auto;float:left}.menu .sub{display:block;padding-left:110px;height:54px;line-height:58px;font-size:18px;color:#333;margin-bottom:4px;cursor:pointer}.menu .sub.material{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAbFBMVEUAAACampqampqbm5uZmZmZmZmZmZmampqampqdnZ2ampqampqdnZ2cnJyoqKiZmZmampqampqampqampqbm5ucnJygoKCampqZmZmZmZmcnJydnZ2ampqampqbm5uampqZmZmZmZn///+ZmZmEHI6oAAAAI3RSTlMA+XNP72e+rI0U4YEcGQr1x7mjllg8EfPXzkUn6LB6d18tAqHrJIgAAACeSURBVCjPvc9HDoNAEETRbuIwiZyMc93/jsYaMNbA0vLbfqmkoj9J4OGTCwxf8AmDKoA+WnwFTRoQwSLagiHLh1OXMMWMnS0sytjZpsa4vRcHU+mTZjU4nVW3Rq0/DL1Z5rJUXWsqS06eODkwdgGAjPznuVZDX7AULpyxEpnkiULULjzClSEhiTo05MuA61RB0r7UAJqM9tpYC0s/9QIjThVzY4BABgAAAABJRU5ErkJggg==) no-repeat 53px 18px;background-size:24px}.menu .sub.material.active,.menu .sub.material:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAkFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+WABnwAAAAL3RSTlMA9urdnufPfFYD4ftvE9OVJAnz5MzHwEtHNDAH+KFEDbmpjXRnZE8o7tqxhD4aXfAhTx8AAAFWSURBVEjH7dTHjoMwFIXhA5kUQ2ihQwjpdTL3/d9uci0iGYJkIs1iFvk29uYXuAA+/pOZRTrmUQ1GpBepgUF64z8JbOOtwNgHYhXKFY66ln3BnKffPDugK+4LajDe4YXZZfcEC0jR8DWceBoshgdJDQjvnW0dV55LjaXRoj84R7NLL9xJi9EXXLzdbhsNXoM1g7RyhwVJgIaoqO2yrjbJuROMlEWWsXzgkw8minaQQnF6BOGcHQTYLEebcRZQPVduFciuOVIivxOE05Zm3eGd7+KSP5S6E1AfowAH0mlIsEdQpzZJpnd1dMFElCaP8e4mx6kS9F7pFBkPWwHc+cU8JUjolSlQbolcIY+faAOF73292OMhpAos4C9+gKNNCZhPFDnQkn+QH74sa77w+sCXZ3bL05jLDfRyP2vOYZ1l+ldSfyIrDORYdBBHMgsMVfLNLhx8vOEXVPp/vZXKoEEAAAAASUVORK5CYII=) no-repeat 53px 18px #254ed4;background-size:24px}.menu .sub.learning{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAARVBMVEUAAACampqZmZmZmZmZmZmampqZmZmgoKCqqqqbm5uZmZmampqZmZmampqampqbm5uZmZmampqZmZmZmZmZmZmampqZmZnTcljjAAAAFnRSTlMAiKOvqh5LEgY19dp5aT8r9uC3lIx+MRGtKwAAAFBJREFUKM/dyzkWgCAMRdEggmF2zP6Xahc+hR2Vt33n0WQ5ijoZQhRQIQjy1X8Es/wiBAyHVYUwBHZqCO0W1cZjU3T1kNLa2T1rcI8BhWmuFwCZEL2z59jOAAAAAElFTkSuQmCC) no-repeat 53px 18px;background-size:24px}.menu .sub.learning.active,.menu .sub.learning:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////8IN+deAAAAGnRSTlMAiKOvqvtLHhMFe/XfPzcr9ta3lIxqaTEZD1P8QbUAAABUSURBVCjP3cs5FoAgEATRQRRkE/eF+x/UiKEJzIj8ab2ixqwb2GoguAQChIRUUB9BdL8IFwYv2UkYJqOzuwpxTyzWx5g9tJWw+L6Qs+WgrQCHobZeNvQS5ap2AbwAAAAASUVORK5CYII=) no-repeat 53px 18px #254ed4;background-size:24px}.menu .sub.phone{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAANlBMVEUAAAC2tra4uLi2tra2tra2tra3t7e2tra2tra1tbW3t7e2tra1tbW2tra1tbW1tbW1tbW1tbWz68IGAAAAEXRSTlMAkiRt7fhA5tScfEktHMnBNPyXEPsAAABJSURBVCjPY6At4GIVhANWTjRJVg5GOOAX5EWVFGREsJkFmUYlh7okKwscsGJIAgE7NxsbNweQgS7JCpJk4+ER4ANJ8uJNYDQFAIfYBjAZGyyMAAAAAElFTkSuQmCC) no-repeat 53px 18px;background-size:24px}.menu .sub.phone.active,.menu .sub.phone:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMA7CEPcuRrhpb03tCNefj35mIsHPGPb7EAAABRSURBVCjP7clLDoAwCEXRqq3Qn1/2v1aFEEOnjD0DXsINTrDTJ0cTNv603pH3MIEIokKahrAENf/BHWBVbQwCUMaGTOy+ZJIJsaRXrXzLGXwe0PUIbNwI+4QAAAAASUVORK5CYII=) no-repeat 53px 18px #254ed4;background-size:24px}.menu .sub.pay{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAS1BMVEUAAACZmZmZmZmampqZmZmampqfn5+ampqampqampqampqZmZmampqZmZmZmZmampqampqbm5uZmZmZmZmampqZmZmZmZmbm5uZmZmiJyYfAAAAGHRSTlMA8KCwgDAIbvfAuKdg9efPmTviinpkWkqK/TaTAAAAaUlEQVQoz73PSQ6AIBBEURFlEJkc+/4nlUVF7ISNG35CQuptYOjWZKgWcgXsyFUgihPaBckv3O89cdhG5AwHEsgTh3NASnJIM8qRAesXCFcephugD2ttC9ZyFtUE7MhXwI50wL8vib1LDxL0DeNLOcGRAAAAAElFTkSuQmCC) no-repeat 53px 18px;background-size:24px}.menu .sub.pay.active,.menu .sub.pay:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMA8KCwgDBuCPfAuKdg9efPmXriimRaSj06NC7ETgAAAGlJREFUKM+9z0kOgCAQRFERRRGZnPv+F5VFBeyEjRt+QkLqbaBrVpyp5O4C2JEpQOQHtAuSX7jyPXDYemRmDiSQJQ5HvksOYUSPZ8D6BcKkh6kKqKi1rsGazjJVATuyBbAj5fDvU2Jv0gu93A5rxfq5GAAAAABJRU5ErkJggg==) no-repeat 53px 18px #254ed4;background-size:24px}.menu .sub.class{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAY1BMVEUAAACZmZmampqbm5uampqZmZmbm5ubm5uZmZmZmZmZmZmZmZmampqnp6eZmZmampqZmZmampqampqbm5uioqKampqampqZmZmampqZmZmampqampqZmZmZmZmdnZ2ZmZmZmZmBRZFUAAAAIHRSTlMAGbBF3PlPPfDjqaVsB9edimBIHRHDt481oJx+eDInI6ErZvEAAACNSURBVCjPxdDJEoMgEEVRiQKCEEaHzO//vzKlhChVrJO76z6brm7+HxM4RNUXXtHRg5zz3oAyC2DqEnSfPQEwtgBzoStA94BxsApsLKBZ5BzldaGSowTuvVezEE9RgkxjzyeUQLcTH+GCGgwMqIPaYSggtDmej+pXMO1p75bgvp1kK8+KhOhGk9w6/aQ36MIWEEnG3+gAAAAASUVORK5CYII=) no-repeat 53px 18px;background-size:24px}.menu .sub.class.active,.menu .sub.class:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAbFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8+T+BWAAAAI3RSTlMAGUWx3Pv38KqlnWxMOwfXIBHl4cOPiV5RNbmfjH54YkEyJ1A64KcAAACSSURBVCjPxdDZDoMgEIVhQUVkK7jbvT3v/46NUKo0Xrf/3cyXkAnZ/5tabGLyA9aN5UYOcS/A1AAgLwIU7z0B0FFA3WyRgKkAMWKQUF0C2cx7x8XM+L1MQVOqZN+0zwYJ8DBW+ogUmD/xYU/4Av9wPQH7IFeoEyA0puNR1QKC5muXAFd/0nnnsxwhJjMktkw/6QXzCRfL1YLyrQAAAABJRU5ErkJggg==) no-repeat 53px 18px #254ed4;background-size:24px}.menu .sub.exam{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAACZmZmampqbm5uZmZmbm5uampqampqZmZmZmZmZmZmbm5uampqZmZmampqbm5uampqampqampqampqqqqqampqampqampqampqampqampqhoaGlpaWZmZlqmuzUAAAAHXRSTlMACr0vlFfG7OKb9TPxzX4ttq+kJAPWpol0ajUTEVZs+qAAAACDSURBVCjPtY45EsMwCEUVKUFCq2NnT7j/NSPPUDDYhQv7FRT/zQfMAcBznrXcjOSXJoKWkrPk0leIQA+ygcgPNJIXpR4hUgex65MQAiXCmdENuDBWiWyZrMTgmOvW40x8rTdKq1EJGHteGyxWeYf3zzuSFrOZ7PrxmDnf9C7IvJid+QNLHRQKPdVI6gAAAABJRU5ErkJggg==) no-repeat 53px 18px;background-size:24px}.menu .sub.exam.active,.menu .sub.exam:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAb1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8v0wLRAAAAJHRSTlMACi2+lFfsxpsz9PHNtH4v+uTfuqQD49bDraaJdGo1KiYjExFfJKmYAAAAhUlEQVQoz7XOuQ4CMQxF0ZBA9mRW9h3e/38jjOTCsqaYAk7h5sqy1R+48zRr3iruHR5wOgQ9oAkvFjqcYHaALRhh2RJgvceX9x2wYoERoV+TXgS3IUaEZEgSoWhyXHqcxEuZDVnXVn41Am29O0AE2/j97Rohw1Sew/zxmECWvHsAk9WPfQAPrximzpT2gwAAAABJRU5ErkJggg==) no-repeat 53px 18px #254ed4;background-size:24px}.menu .sub.message{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAYFBMVEUAAACampqbm5uZmZnV1dWZmZmampqampqampqampqcnJyenp6ZmZmampqampqampqbm5ubm5uenp6enp6cnJycnJykpKSZmZmZmZmampqampqZmZmampqampqZmZmZmZltTW4DAAAAH3RSTlMAMH/3A/LbrIlXOxPu58yaX0MqJBsYDsO8sKGedG0FnsotnQAAAHZJREFUKM/NykcOhDAQRNEeHHAgp0lA3f+WCKFGtlesEH9Zr+i5GYEgoT2DQpxl+COqHBnWGkG6I85SI8Dl0+AYkPv+fcxFQ7bITkDZykXt93H6AQEARg71pyWnkQCqnkhmAFKAMnOFFLir8EWUcAyye4V5uqkNzokVdZHvgRQAAAAASUVORK5CYII=) no-repeat 53px 18px;background-size:24px}.menu .sub.message.active,.menu .sub.message:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAclBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9eWEHEAAAAJXRSTlMA/TB/9/LtrFc9GQTh2sadhCokFA4Cz7ywoZiNiXRtYV5HOBwRiiTvsgAAAHtJREFUKM/NzEkOgzAQRNF2YoMHIIyZ56Tuf0WERCO3EFvE375S0Xa7aRWXNwwGMstwgCjxDEFIXhFn6aXBpe3PMSD918V48yab7CdA5rqnGea+vQARQJXBX08fchkkAEVNFEqFGcDcH0dAQpQAtQRniPSXoat2cQ2tVA8U+xeZ/0w2pgAAAABJRU5ErkJggg==) no-repeat 53px 18px #254ed4;background-size:24px}.menu .sub.collect{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAATlBMVEUAAACampqZmZmZmZmbm5uZmZmkpKSZmZmZmZmampqampqZmZmampqcnJycnJygoKCampqZmZmZmZmampqZmZmbm5uampqbm5uenp6ZmZnkrNIiAAAAGXRSTlMAvjzwTzIHx7iP+PZxNCkR5eLLq3hwXUUdsVUP6AAAAHJJREFUKM+tzTkSgCAQRFEGlcV9177/RdVSi1HEiJ/QxQtGxG4scGcUhwKuhQtYqakCQPIBtp5JSu0BnaPJ32Cv1b1Bn2P1b5THq8gHTPu/wQegVIRPQIIA4Bfa5gG2yq6U4JALFgedMugzt2uduAYRuQ3/zA2piJPFcgAAAABJRU5ErkJggg==) no-repeat 53px 18px;background-size:24px}.menu .sub.collect.active,.menu .sub.collect:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMAPL9P8DLHvAj2uI8E5HE0Kfnx7MureHBdVEUdFg3HMWlBAAAAeElEQVQoz63QRw6DMBRFUTsJrrTQ69v/MgHRPhgYcSd+8hlYMnu7QmPN+BQ09hpFAKSviW7gww9g40pyLhyQ8+j+Z7DLCs4g5tG6b4TTqaQLKMd7gwtAqCQuASluAI8Q9AewkbfkMwqa/jUFURPIvH3H4reV5OzlBqLfEIuEulE2AAAAAElFTkSuQmCC) no-repeat 53px 18px #254ed4;background-size:24px}.menu .sub a{font-size:18px;color:#333}.menu .sub.active,.menu .sub:hover{color:#fff}.banner{width:100%;height:376px;background:url(../img/top-bg.c26f4ac5.png) no-repeat bottom;background-size:100% 100%;position:relative}.banner .sy_Btn{position:absolute;right:20%;bottom:220px}.banner .sy_Btn a{color:#fff;text-align:right;font-size:18px}.user-info{width:1200px;height:150px;position:absolute;left:50%;bottom:-14px;margin-left:-600px;overflow:hidden}.user-img{width:150px;height:150px;border:2px solid #e5e5e5;border-radius:50%;float:left;margin-right:30px}.user-content{width:540px;color:#fff;float:left}.user-name{padding-top:16px;display:flex;align-items:center;margin-bottom:14px}.user-name .name{font-size:24px;font-weight:800}.user-name .edit{width:24px;height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAWlBMVEUAAACbm5uZmZmcnJyZmZmampqbm5ufn5+ZmZmbm5ugoKCZmZmampqhoaGampqampqampqampqZmZmbm5ugoKCZmZmZmZmampqZmZmbm5uampqZmZmZmZmZmZm56TTeAAAAHXRSTlMAQPE34z8gJdAwBfWLDO6vpZmRcBjr18JqQ8y+e/2YVZgAAADVSURBVEjH7dHbboQgFEbhLVoHEDzOse16/9dsp7HBSTBb79rE/4YL1peQIMeOzSutGf2e3gCd39NXIYlNfS2fMGYunWWx29zTf58jbQa89LT+p29gkFPFewbAVKSd5/cE6CuMy4Ii834JgClFAamXU/PsVZD66tnrQO8T0PsE8r0OYvvS6+BOs+x1cGVY9OeogQe4Rd9YDXR8iBt+/6sABdTQ34BLKdtAAOB6j7IN+BboHjJPB9FcQi2yHUj0IruAyH8G01tm0yqwrMyuALcirJNjf25fPGQcIfQmiC0AAAAASUVORK5CYII=) no-repeat;background-size:100%;margin-left:8px;cursor:pointer}.user-name .level{font-size:14px;margin-left:60px}.user-name .certification{width:77px;height:24px;line-height:24px;background:#fff;border-radius:2px;font-size:14px;color:#254ed4;margin-left:34px;cursor:pointer}.user-company{display:inline-block;padding-right:24px;font-size:16px;font-weight:900;color:#fff}.statistics{overflow:hidden;float:right;display:flex;align-items:center;height:100%;color:#fff}.statistics .sta{margin-left:48px}.statistics .num{text-align:center;font-size:24px;font-weight:800;margin-bottom:15px}.statistics .title{font-size:16px;font-weight:900;text-align:center;position:relative;display:flex;justify-content:center;align-items:center}.statistics .title:before{content:"";display:block;width:18px;height:18px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAhFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8g2+bRAAAAK3RSTlMA9/tmWemHQxfiz7p7YwXJrDsM2Tcd7uWhk4BwUTIiElbUtbKllF8otE4rxIpO9wAAAUJJREFUOMu1k9l6gyAQhZkxhMVaNZpootm3tuf936/9gg0a5TLnhgP+jDMDiPdIJ1lqSNpzswshZcwAWBIA2HYKWWaAWSv9Z/fl/Aik2xGTS5hbb64saPbCHAjXz+FSw9gM4xBHo+BqhaSfj4RnvHKm3M8yXH0bvsqnj1A8cyhhfD4zzP3uGJG3NzENbVF12zUbEYDECcqZBOsQ5L9lUEFIo3AmhQ5CQpIbDYsBFEcPLR9Ti/1jJNmHvtEp6yq/PyN6fUYfTj8+ly5iUBW78YwyyCz+e9hgHoQOqJ3Z4RiELmg7Z6ECzJJo0dkWNgDVvcuZoplkFMuFvxHEUz/crTAbnMUqHzPFS9kbcDJ+B9nLUkKIt/26ap5oX14Ap0S7Ph8uBOnz6Z9sBUDaOK0YoI2ra4ypdUEA2NStQ0La37V4n34BtOoZuWZ1wQgAAAAASUVORK5CYII=) no-repeat;background-size:100%;margin-right:8px}.statistics .title.collect:before{width:20px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMACPy3ThYM9vPreWcC+eebjGxAEeTcv7KmgXJWRSkjBdjGw6yhkYc7MATt0tCTYlxZMhwM+Bj3AAABIklEQVRIx+3Ux5KCQBSF4SYMSJCMiCCYx8nhvP+7DSVVgE5f7HZp+a1c9F9X+lKwh9s9paFcsMerITXABGyZIABgGXIDAFtuAGApwgMmOFmIBge0PMERcTNAakQOECPIAR2RddcH9JKY0dyqDPdaquKMtd7ZxfFyh0snyFZTjPA2vq27XeBBiN4FDkRsBn/sU8VVs7MH+bpaaBc7KVSp8w199JaymjGZYlszjtIEYe4yrogods15opiAw2c0DRzVSJAQbwQlBo9NB8/8O6IDBzxvdPABnukLGczAtSQDCx1t8Lsgv3j98R9m5N0Wcyoo0VpHbR+YONlSQQg03vtF/foqGisq8AGk32yomgNQFfKSEuffFR4z+poiR+Huf+Gy+/IHOrCFiiCLedMAAAAASUVORK5CYII=) no-repeat;background-size:100%;left:-30px;top:0}.center-content{width:100%;background-color:#f7f7f7;padding:44px 0 88px}.center-content .content{width:1200px;margin:0 auto}.content-right{box-sizing:border-box;width:818px;background:#fff;box-shadow:0 0 4px 0 rgba(0,12,40,.14);border-radius:1px;padding:34px;float:right}.center-title{font-size:24px;font-weight:800;color:#333;margin-bottom:30px}