{"remainingRequest":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\GroupCoordination\\GroupingInfo.vue?vue&type=style&index=0&id=00181275&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\GroupCoordination\\GroupingInfo.vue","mtime":1667804639618},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n@import '@/assets/css/element-variables.scss';\r\n.content-top {\r\n  height: 55%;\r\n  margin-bottom: 10px;\r\n  color: #fff;\r\n  border-radius: 5px;\r\n  background-color: rgba($--background-color-secondary, 0.7);\r\n  border: 1px solid $--light-border;\r\n}\r\n.content-bottom {\r\n  width: 100%;\r\n  height: calc(45% - 14px);\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n.header {\r\n  width: calc(100% - 40px);\r\n  height: 35px;\r\n  padding: 10px 20px;\r\n  line-height: 35px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  div {\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n  }\r\n}\r\n.round {\r\n  width: 30px;\r\n  height: 30px;\r\n  line-height: 30px;\r\n  text-align: center;\r\n  border: 2px solid yellow;\r\n  border-radius: 50%;\r\n  margin-right: 10px;\r\n}\r\n.header-right {\r\n  width: 90px;\r\n  height: 35px;\r\n  display: flex;\r\n}\r\n.fan-box {\r\n  width: 100%;\r\n  height: calc(100% - 55px);\r\n}\r\n.editScroll {\r\n  width: 100%;\r\n  height: 100% !important;\r\n  overflow-x: hidden;\r\n  /deep/ .el-scrollbar__wrap {\r\n    overflow-x: hidden;\r\n  }\r\n}\r\n.scroll_list {\r\n  width: calc(100% - 20px);\r\n  height: 100%;\r\n  margin:0 10px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.fan-group {\r\n  display: flex;\r\n  align-content: flex-start;\r\n  flex-flow: row wrap;\r\n  width: 100%;\r\n}\r\n.fan{\r\n    width: 80px;\r\n    height: 68px;\r\n    margin: 6px 6px;\r\n    text-align: center;\r\n    flex: 0 0 auto;\r\n}\r\n\r\n.icon {\r\n  height: 40px;\r\n  width: 40px;\r\n  margin:2px auto;\r\n  padding: 2px;\r\n  border: 2px solid transparent;\r\n    i{\r\n        font-size: 32px;\r\n        margin-top: 4px;\r\n    }\r\n}\r\n.flag .icon{\r\n    border: 2px solid #f2f404;\r\n    border-radius: 30px;\r\n}\r\n.fan-name{\r\n    color: #ccf2ff;\r\n}\r\n\r\n.table1,\r\n.table2 {\r\n  height: 100%;\r\n  width: 50%;\r\n  background: rgba($--background-color-secondary, 0.7);\r\n  border-radius: 5px;\r\n  border: 1px solid $--light-border;\r\n}\r\n.table1 {\r\n  margin-right: 10px;\r\n}\r\n.table-title {\r\n  width: calc(100% - 10px);\r\n  height: 35px;\r\n  color: #fff;\r\n  font-size: 14px;\r\n  line-height: 35px;\r\n  padding-left: 10px;\r\n  border-top-left-radius: 5px;\r\n  border-top-right-radius: 5px;\r\n  background-image: linear-gradient(\r\n    to right,\r\n    $--light-border,\r\n    $--background-color-secondary-light\r\n  );\r\n}\r\n.table-main {\r\n  width: 100%;\r\n  height: calc(100% - 35px);\r\n  color: $--color-text;\r\n  :last-child {\r\n    border-bottom: 0px;\r\n  }\r\n}\r\n.table-arry {\r\n  width: 96%;\r\n  height: 60px;\r\n  margin: 4px auto;\r\n  display: flex;\r\n  align-items: center;\r\n  border-bottom: 1px solid $--color-text-placeholder;\r\n}\r\n.arry {\r\n  width: 60px;\r\n  text-align: center;\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n}\r\n.number {\r\n  width: calc(100% - 60px);\r\n  span {\r\n    display: inline-block;\r\n    padding:4px 5px;\r\n  }\r\n  span.flag{\r\n      color: #f2f404;\r\n      border: 1px solid #f2f404;\r\n  }\r\n}\r\n// @media screen and (max-width: 699px) {\r\n//   .scroll_list > div {\r\n//     flex: 0 0 20%;\r\n//   }\r\n// }\r\n\r\n// @media screen and (min-width: 700px) {\r\n//   .scroll_list > div {\r\n//     flex: 0 0 20%;\r\n//   }\r\n// }\r\n// @media screen and (min-width: 1000px) {\r\n//   .scroll_list > div {\r\n//     flex: 0 0 10%;\r\n//   }\r\n// }\r\n\r\n// @media screen and (min-width: 1500px) {\r\n//   .scroll_list > div {\r\n//     flex: 0 0 10%;\r\n//   }\r\n// }\r\n",null]}