button{background:#5A69DC;padding:8px;border-radius:12px}.header{height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 120px}.header .header-logo{width:186px;height:66px;-o-object-fit:cover;object-fit:cover}.header .header-tab{width:288px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header .header-tab .item-title{height:24px;font-weight:500;font-size:16px;line-height:24px;text-align:center;color:#BDBDBD;padding:8px 0;-webkit-box-sizing:content-box;box-sizing:content-box}.header .header-tab .tab-active{color:#5A69DC;position:relative}.header .header-tab .tab-active:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:4px;background:#5A69DC;border-radius:2px}.header .header-login{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .header-login .login-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;margin-right:8px}.header .header-login .login-info .login-user{width:32px;height:32px;border-radius:32px;-o-object-fit:cover;object-fit:cover}.header .header-login .login-info .login-name{font-weight:normal;font-size:16px;line-height:24px;color:#000000;margin-left:8px}.header .header-login .login-info .login-out{position:absolute;z-index:99;width:100%;padding-top:10px;top:32px;display:none}.header .header-login .login-info .login-out button{color:#FFFFFF;width:100%;padding:4px 0;border-radius:4px}.header .header-login .header-role{position:relative}.header .header-login .header-role .login-role{background:#5A69DC;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 8px 5px 12px;border-radius:36px;width:105px;cursor:pointer}.header .header-login .header-role .login-role .login-role_name{margin-right:10px;color:#FFFFFF;font-size:12px;line-height:24px}.header .header-login .header-role .change-role{display:none;width:100%;padding:8px 0;position:absolute;z-index:99;top:110%;background:#FFFFFF;-webkit-box-shadow:0px 1.66667px 32.1097px rgba(0,0,0,0.04),0px 3.33333px 36.8843px rgba(0,0,0,0.05),0px 5px 40px rgba(0,0,0,0.02);box-shadow:0px 1.66667px 32.1097px rgba(0,0,0,0.04),0px 3.33333px 36.8843px rgba(0,0,0,0.05),0px 5px 40px rgba(0,0,0,0.02);border-radius:8px}.header .header-login .header-role .change-role a{display:block;color:#313C56;font-size:14px;line-height:20px;padding:6px 8px 6px 10px;cursor:pointer}.header .header-login .header-role .change-role a:hover{background:rgba(90,105,220,0.1)}.banner{width:100%;height:184px;background-color:rgba(90,105,220,0.5);position:relative}.banner .banner-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.banner .banner-title{font-weight:500;font-size:48px;line-height:48px;color:#FFFFFF;text-shadow:0px 4px 4px rgba(0,0,0,0.25);z-index:99;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}body{margin:0;padding:0;max-width:inherit;font-family:PingFang SC;font-style:normal;font-weight:normal;background:#FAFAFA;height:100vh;overflow-y:scroll;overflow-x:hidden}body .main{padding:40px 120px;background:#FAFAFA}body .main .main-category .category-title{font-weight:500;font-size:32px;line-height:48px;color:#333333}body .main .main-category .list-content{margin:40px 40px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}body .main .main-category .list-content .list-a{-webkit-transition:all  .25s  ease-in;transition:all  .25s  ease-in;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:content;box-sizing:content;width:180px;height:164px;background:#FFFFFF;-webkit-box-shadow:0px 0px 10px rgba(19,26,78,0.1);box-shadow:0px 0px 10px rgba(19,26,78,0.1);border-radius:8px;margin-right:24px;margin-bottom:40px;padding-top:36px}body .main .main-category .list-content .list-a .list-icon{width:48px;height:48px}body .main .main-category .list-content .list-a .list-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}body .main .main-category .list-content .list-a .list-title{margin-top:20px;font-weight:500;font-size:18px;line-height:28px;color:#4F4F4F;text-align:center}body .main .main-category .list-content .list-a:hover{-webkit-transform:translateY(-24px);transform:translateY(-24px)}