.wb-home{background-color:#f1f4f6;height:calc(100vh - 50px);display:block;flex:1;flex-basis:auto;overflow:auto;box-sizing:border-box;width:100%;margin:auto}.wb-main-bj{position:relative}.wb-main-title{color:#fff;padding:5% 12%;text-align:left}.wb-grid-content-module{width:100%;margin:30px auto;color:#1b3950}.wb-grid-content-module .wb-grid-content{cursor:pointer;max-width:240px;background:#fafafa;box-shadow:-4px -4px 4px 0 #fff,3px 3px 4px 0 #d9dde3;border-radius:8px;height:200px;margin:20px auto}.wb-grid-content-module .wb-grid-content .wb-grid-content-module-tit{font-size:18px;color:#1b3950;font-weight:500}.wb-grid-content-module .wb-grid-content .wb-grid-content-module-icon{font-size:60px;padding-top:32px}.wb-grid-content-module .wb-grid-content img{margin:auto}.wb-grid-content:hover{color:#fff;background-color:#f0f9ff;animation-duration:.2s;z-index:2;background:#f0f9ff;box-shadow:-4px -4px 4px 0 #fff,3px 3px 4px 0 #d9dde3;border-radius:8px;transition:transform 1s ease-in-out}.wb-grid-content:hover .wb-grid-content-module-tit{color:#0082d5;font-weight:700;transition:all .2s ease-in}.wb-grid-content:active{color:#fff;animation-duration:.2s;z-index:2;background:#f5f6f6;box-shadow:inset 2px 2px 3px 0 #c9cdd4,-3px -3px 3px 0 #e6e9ec;border-radius:8px;transition:transform 1s ease-in-out}.wb-grid-content:active .wb-grid-content-module-tit{font-size:18px;color:#1b3950;font-weight:500}.wb-grid-content:active .wb-grid-content-module-icon{font-size:60px;padding-top:32px}.wb-grid-content:active img{margin:auto}@keyframes example{0%{background-color:#fff;color:#1d8bd0}to{background-color:#1d8bd0;color:#fff}}.wb-main-child{position:absolute;transition:all .5s;top:50px;color:#f10;right:0;background-color:#eef0f3;height:calc(100vh - 50px);overflow:hidden}