.container[data-v-4bbf8da0]{margin:10px 0;width:100%;text-align:center}.skeleton-component[data-v-d01cd2ec]{margin:0 auto;width:1200px}.training-list-page[data-v-d2198c68]{margin:0 auto 20px;width:1200px}.training-list-page>.top-box[data-v-d2198c68]{height:100px;padding-top:50px}.training-list-page>.bottom-box[data-v-d2198c68]{display:grid;grid-template-columns:repeat(3,380px);grid-template-rows:repeat(auto-fill,410px);grid-row-gap:35px;justify-items:center;justify-content:space-between}.training-list-page>.bottom-box .training-box[data-v-d2198c68]{display:flex;position:relative}.training-list-page>.bottom-box .training-box .left-box[data-v-d2198c68]{display:flex;padding:25px 15px;height:410px;box-sizing:border-box;border-top:5px solid #fff;background:#fff;transition:all .5s;z-index:1}.training-list-page>.bottom-box .training-box .left-box .year-box[data-v-d2198c68]{position:relative;width:35px;text-align:center;color:#004e85}.training-list-page>.bottom-box .training-box .left-box .year-box span[data-v-d2198c68]:first-child{position:absolute;top:8px;left:-8px;display:inline-block;transform:rotate(90deg);font-size:16px}.training-list-page>.bottom-box .training-box .left-box .year-box span[data-v-d2198c68]:last-child{position:absolute;top:36px;left:1px;display:inline-block}.training-list-page>.bottom-box .training-box .left-box .image-box[data-v-d2198c68]{position:relative;width:315px}.training-list-page>.bottom-box .training-box .left-box .image-box img[data-v-d2198c68]{width:315px;height:350px}.training-list-page>.bottom-box .training-box .left-box .image-box span[data-v-d2198c68]{position:absolute;display:block;top:305px;padding:0 20px;width:315px;height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff;background:rgba(51,51,51,.5)}.training-list-page>.bottom-box .training-box .right-box[data-v-d2198c68]{position:absolute;padding:0 5px;width:410px;height:410px;z-index:2}.training-list-page>.bottom-box .training-box .right-box .container-box[data-v-d2198c68]{width:100%;height:100%;padding:30px 10px 30px 30px;background:#fff}.training-list-page>.bottom-box .training-box .right-box .container-box .scrollbar-box[data-v-d2198c68]{width:360px;height:350px;overflow-y:auto;overflow-x:hidden}.training-list-page>.bottom-box .training-box .right-box .container-box .scrollbar-box .content-box[data-v-d2198c68]{width:340px;height:350px;padding-right:30px}.training-list-page>.bottom-box .training-box .right-box .container-box .scrollbar-box .content-box .title-box[data-v-d2198c68]{height:40px;font-size:18px;color:#000;box-sizing:border-box;border-bottom:2px solid #ccc}.training-list-page>.bottom-box .training-box .right-box .container-box .scrollbar-box .content-box .detail-box[data-v-d2198c68]{display:flex;flex-direction:column;color:#333}.training-list-page>.bottom-box .training-box .right-box .container-box .scrollbar-box .content-box .detail-box span[data-v-d2198c68]{margin-top:20px}.training-list-page>.bottom-box .training-box .right-box .container-box .scrollbar-box[data-v-d2198c68]::-webkit-scrollbar{width:12px}.training-list-page>.bottom-box .training-box .right-box .container-box .scrollbar-box[data-v-d2198c68]::-webkit-scrollbar-thumb{background:#676767}.training-list-page>.bottom-box .training-box .right-box .container-box .scrollbar-box[data-v-d2198c68]::-webkit-scrollbar-track-piece{background:#c2c2c2}.training-list-page>.bottom-box .training-box:hover .left-box[data-v-d2198c68]{cursor:pointer;border-top:5px solid #004e85;box-shadow:0 2px 4px rgba(0,0,0,.06),0 0 6px rgba(0,0,0,.02)}