.classManagementDetail .top[data-v-e8f368a0]{display:flex;flex-direction:column}.classManagementDetail .top .topTitle[data-v-e8f368a0]{display:flex;justify-content:space-between;font-size:23px;font-weight:700}.classManagementDetail .top .topContent[data-v-e8f368a0]{margin:15px}.classManagementDetail .top .topContent div[data-v-e8f368a0]{margin:15px 0}.classManagementDetail .top .topBtn[data-v-e8f368a0]{display:flex;justify-content:flex-end}.classManagementDetail .center .centerTitle[data-v-e8f368a0]{display:flex;justify-content:space-between;font-size:23px;font-weight:700;margin:20px 0}.classManagementDetail .center .centerContent[data-v-e8f368a0]{margin:15px;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center}.classManagementDetail .center .centerContent .centerContentDiv[data-v-e8f368a0]{margin:10px 0}.classManagementDetail .center .centerContent .centerContentDiv .centerContentDivContent[data-v-e8f368a0]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:40px}.classManagementDetail .center .centerContent .centerContentDiv .centerContentDivContent .centerImgDiv[data-v-e8f368a0]{position:relative;width:100px;height:100px;border-radius:50%}.classManagementDetail .center .centerContent .centerContentDiv .centerContentDivContent .centerImgDiv:hover .centerContentDivMask[data-v-e8f368a0]{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.classManagementDetail .center .centerContent .centerContentDiv .centerContentDivContent .centerImgDiv .centerImg[data-v-e8f368a0]{width:100px;height:100px;border-radius:50%}.classManagementDetail .center .centerContent .centerContentDiv .centerContentDivContent .centerImgDiv .centerContentDivMask[data-v-e8f368a0]{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);border-radius:50%;width:100px;height:100px;color:#fff}.classManagementDetail .center .centerContent .centerContentDiv .centerContentDivContent .centerImgDiv .mask[data-v-e8f368a0]{display:none}.classManagementDetail .center .centerContent .centerContentDiv .centerContentDivContent .shape[data-v-e8f368a0]{border-radius:0!important;height:132px!important}.classManagementDetail .center .bottomBtn[data-v-e8f368a0]{display:flex;justify-content:flex-end}.classManagementDetail .studentGroup[data-v-e8f368a0]{display:flex;flex-direction:column;padding:20px;margin:20px 0;background-color:#fafafa;border:1px solid #ebebeb}.classManagementDetail .studentGroup .title[data-v-e8f368a0]{font-size:20px;font-weight:700}.classManagementDetail .studentGroup[data-v-e8f368a0]:hover{border:1px solid #33b9b1}