.white-hall[data-v-6abc30d8] {
  background-image: url(../images/back_linear.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  background-size: 100%;
  padding: 0 1rem 3rem;
  font-family: "Microsoft Yahei";
}
.white-hall .hall-search[data-v-6abc30d8] {
  position: relative;
  margin-bottom: 1rem;
}
.white-hall .hall-search .hall-img[data-v-6abc30d8] {
  width: 1rem;
  height: 1rem;
}
.white-hall .hall-search .input-search[data-v-6abc30d8] {
  color: #cecece;
  font-size: 0.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 0.67rem;
  padding: 0.625rem 1rem;
  box-shadow: 0rem 0.125rem 0.25rem 0rem #eeeeff;
}
.white-hall .banner[data-v-6abc30d8] {
  margin-bottom: 0.7rem;
}
.white-hall .anarea[data-v-6abc30d8] {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0;
}
.white-hall .anarea .anarea-item[data-v-6abc30d8] {
  width: 4.38rem;
  color: #222222;
  font-size: 0.75rem;
  text-align: center;
}
.white-hall .anarea .anarea-item .a-i-image[data-v-6abc30d8] {
  width: 2rem;
  height: 2rem;
}
.white-hall .anarea_consult[data-v-6abc30d8] {
  position: relative;
  margin: 1rem 0;
  display: flex;
  justify-content: space-between;
}
.white-hall .anarea_consult .button_item[data-v-6abc30d8] {
  position: relative;
  width: 4.875rem;
  height: 3.75rem;
}
.white-hall .anarea_consult .button_item img[data-v-6abc30d8] {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.white-hall .white-panel[data-v-6abc30d8] {
  margin-bottom: 1.5rem;
}
.white-hall .white-panel .tabbar[data-v-6abc30d8] {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.white-hall .white-panel .title[data-v-6abc30d8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #222222;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.75rem;
  transition: all 0.3s linear;
}
.white-hall .white-panel .title.unactive[data-v-6abc30d8] {
  font-weight: normal;
  font-size: 0.8rem;
  color: #a5a5a5;
}
.white-hall .white-panel .title.unactive img[data-v-6abc30d8] {
  width: 1rem;
  height: 1rem;
}
.white-hall .white-panel .title .content[data-v-6abc30d8] {
  position: relative;
}
.white-hall .white-panel .title .content[data-v-6abc30d8]::before {
  position: absolute;
  left: 50%;
  bottom: -0.8rem;
  content: '大家都在听的课程';
  white-space: nowrap;
  transform: translateX(-50%);
  font-size: 0.5rem;
  color: #a5a5a5;
}
.white-hall .white-panel .title .content[data-v-6abc30d8]::after {
  position: absolute;
  top: 0;
  right: -0.9rem;
  width: 0.75rem;
  height: 0.75rem;
  content: '';
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAATxJREFUSEvtlD0vREEYhZ8z965oRCtsdAiNRBRCQykRrahEpdP4AWqF3l9AIfEDJLK1ZImNj0aiVFIIe+8cuRKJsOxa2UZMOTnznvc8M++IDi91uD7/Bk0Jdx7Rc7nspm38QqA/aGBfAAFppCAj+9DSQrEnOLJ9iTQBTAFVoPZGUHaPpcX3RD8hkr1tqQSsF8IIwwmcA5uC2wjzQdo3zGFPG06jtCV7TfYg0lJTA6QHw2ohLKXpbJZl1RwmA1y9poPHUpqO1bPs5jVljDOEsGcY+PgeGiZIQ9jNYxwtxMnT00G9u7uqEFYcY+WtQIShBGqGrh8bNEB0ltrjmXRs6AOuS0myXM/zk7YSfHEHldTeyKX+JIS7eow7wOSPDb6bKYEN90Bvq7P3Bwat1ajt6jr/m7bbWavn/hM0JfUC2EmUZcHLERsAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.white-hall .white-panel .title .label[data-v-6abc30d8] {
  position: relative;
  display: flex;
  align-items: center;
}
.white-hall .white-panel .title img[data-v-6abc30d8] {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.3125rem;
  transition: all 0.3s linear;
}
.white-hall .white-panel .title .r-change[data-v-6abc30d8] {
  display: flex;
  align-items: center;
  color: #cecece;
  font-weight: unset;
  font-size: 0.75rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.white-hall .white-panel .title .r-change .round[data-v-6abc30d8] {
  margin-right: 0.31rem;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAAXNSR0IArs4c6QAAAftQTFRFAAAAAAAA////gICA////qqqq////////zMzM1dXVtra229vbv7+/39/fzMzM0dHR6Ojo1dXV2NjY0tLS1dXVycnJ19fXzMzM0dHR09PTzMzM1tbWzs7O0NDQ0dHR09PT1dXVzs7OzMzMzc3N0dHRzMzMzs7O0NDQ0dHR0tLSzc3Nzs7O0dHR0tLSz8/P0dHRzs7Oz8/PzMzMzs7Oz8/Pzs7O0NDQzc3Nz8/P0NDQzc3N0dHRz8/Pzc3Nzs7O0NDQzs7Oz8/P0NDQz8/Pzs7Oz8/Pz8/Pz8/P0NDQzs7Oz8/Pz8/P0NDQzs7Oz8/Pz8/Pz8/P0NDQz8/Pz8/Pz8/P0NDQzs7Oz8/Pzs7Oz8/Pzs7Oz8/Pzs7O0NDQzs7Oz8/Pzc3Nz8/Pz8/Pz8/Pzs7Ozs7Ozs7Ozc3Nz8/Pzc3Nzs7Ozs7Oz8/Pzs7Ozs7Oz8/P0NDQz8/Pzs7Oz8/Pz8/Pzs7Ozs7O0NDQz8/Pzs7Oz8/Pzc3Nzs7Ozc3Nz8/Pzs7Oz8/Pzs7Ozs7Ozs7Ozs7Ozs7Ozc3Nz8/Pz8/Pz8/Pz8/Pzs7Ozs7Oz8/Pzs7Ozs7Ozs7Oz8/Pzs7Ozs7Oz8/Pzs7Ozs7Ozs7Oz8/Pzs7Oz8/Pzs7Ozs7Ozs7Ozs7Oz8/Pzs7Oz8/Pzs7Oz8/Pzc3Nzs7Ozs7Oz8/Pzs7OrZTkkwAAAKh0Uk5TAAEBAgIDAwQFBgcHCAgKCwsMDRESExMUFhcZGRobHB0eHyMkJygqKywtLi8yMzU4OTs8PkBDR0hLTE1OUFJUVllaXV9iZmprbW5vcHFyeXp7fISFhoeIiYyPkpWXl5iZmqOlpqitsLOzuLi6ury9vr6/wsPExcfHyMrKzc3Oz9DQ1dbZ2tzd3d7f4OHi4+Xm5+jq7O3v8PHy8/P09ff4+Pn5+vr8/P7+BZP66AAAAc1JREFUOMtjYEAAPlnD4JzOWQt7q1K9taW4QEKsskrcSCoYuC3j6+augIE5leH6TAwMKvUT3ZDUaKdPWbYCGSyZkKTEYL9iRTFcCb/XDKD47O5cPwdjDRPHoLLe+UB+k6nLihUVMDUy0TOBNmQ4q7BBBXi1fEoWrVgxtQihSDp/6YoVHTbCyE5kkXSdA7YWqkgodumK+fnSDCiARVTGugtJkf+cFfPjxFHVMBhk1tT0L4crMgAamyWGpoYhCubLEhBPoHDFikZRdDUMtn2TwWCCF5DD5Dh9xTRzDDUMHDpm5iBgwALkCCYuX5EsxIAfKLasmGZHQA2DxZIV7fKEFMWsWJHCTEhR+YoVnoTUMExcscKGoCJgbOtSRxFR1pUR43CCQaDnrUowMBX6V9QSjJaQFSuaCUWwXOuKZd44kwoEcAbMW9GhDEx0BVgTHQSo96xYGsGNM/lCsloD0EWquDMCEDCqZQNzoxNSlsqTxlCkVrV0xWIPdjyZk1nCfdqKFfMi+RlQsvlspGzOoelbCMzmMwJFkPShFBjGdmGlvQuA/DYrTlQHYBY9kxIVMJzJY5lQPw+uZFF1qAkrtlDhkzUCFYeLJtSneenIINkEAAIj0J9Mg/9+AAAAAElFTkSuQmCC);
  background-size: 100% 100%;
}
.white-hall .white-panel .title .animation-round[data-v-6abc30d8] {
  color: #7072FF;
}
.white-hall .white-panel .title .animation-round .round[data-v-6abc30d8] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABMVJREFUWEftmFtsFGUUx39nZrutXWpb0yKQChqDIsaQGGhEhGAQEzVA1EBUjPEBKy8N3YtboagTL1wqwy400icTEmMMgUSNRqkXqkEEHowPxktQgYgKcmltQWy7O3PMrNOypbvQlmJ5cB5nzjnfb77vO993/kcYwlNTo8WhEOUa4HpxuV9hhiiTFSpECCocRzkqwhFRdgOtrstxx6GtqUm6s4davFjNqirGBQIUdXXxa+93GQxPba0WGgXMN4QFCtUCU1QpGoTvWeBbQ2jF5G17PftFRD2/eFxvTjlsU2WcCC8mbNnivb8oUCSi0xReVrgTpRy5uM8AUMUR4QSwK23yfNOr8nM4pkvUZVvGVvgiacvsCwLFYhpylGUoLymUZA3yF3BK4Ec1+NRUDqfhNxXaglDhwAR1maowT4QqlEqgMMv/ewNqXZgEvO4D7U/ackdeoHhcJ6QcGlR5AhjjBzsrsAthh2uy7/dD/LR9uzj5ls2ytKj9DDcZyjxVHgaqgQLf/k/gGyAzKwj5gepW6Xjp4k2FOYDp2SscCgiRggI+X7dO2gexd/pMLEuN9nYqJcAilARQPMA/H1A8riUph0ZVnvJhugW+1CKWJtfI0aGA9Np6QCdOUB4KUdgN0w2HzaqZ5Tr35AMKR3WVKg3+X3hputUUVtu2nBwOjOdTF9OZuLwAVHoZpDAeGNcvoXIBxWI6M+3ySd+UCi1XBVm6dq2cGi5MBiiim4HaC8UQgz2JDXJX36b2M+p9VeZmXgrf9QSZ89olwnixolF9yFGakH6Z1scnSgphXcKWTT6QSjjMoyo0A1eL0IHLI4mE7LyUmen1ranRgtJSbnNdKl134BmmSkdZGfstS9wMkGXpmI5OmhWWZtZVeCto8nRjo5weCaChxpBoVCc58DHKZG92FJYlbdkx1EAjZS+xen0gneJdP80PGjB340Y5MlIDDDWOrIhqsyjL/RNzW1kJj/Wu51CDjYS9hKO6V5XMPaKwYtNG8dJ01B6pi+gx4FqPwAzwoN0o74wajZdV4ah2qf57RpjCdNuWr/4HypqBK3DJIrpXuYI29ZWQ9tFndYb2MEuEnaN+MNbX68TuFPuA8QJfj/rVURfTNbis9G/6A6N6udbGtcp0+AzlRlXUNIkIXN7yI9+ZZlka7OzkGRee81SJCIdwuTejy/wC7T1V7h7pAi0fULheb9UUHwLXQUa3JdM9NPQJxctVwuYCysisNB8oTPO/HzCFRbYtP/RTrpejyO8PpBKNcoujJIH5/rezCMuTtrzhb+xzLjllkLBHC3l8uDIoGyi6Uqc6PWxFud2vv7x6OlpWQrNlSXoAkPcin1AUIVI0TKF45gwVaZfFIryiSqkP6cms5oDB6g0bxJPnfkmWY5FzSWkBz6l1sFLaK+5DIaaoMB9hAcqsLCl9WoRGXLYkEtKWjZC3+zGcZoMo1wRgrKtMd2G2CBNRxgLBrEEPikFd6RhaLEt6zp+P/6YdA15Tok2gxS2gYdN6+SXfcXBRIM/xSUuLSju5x4CFXsMKmHJeiyVf/JTX5RDhI1Noqa5m95Il+TsmOTf1harFGkuLQx2UuwY3GHBfdkvPP2092f0HymGE1oDB7r+FYxXFnMy1PLnG+gfSVz71yFYI3QAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
  -webkit-animation: animation-round-data-v-6abc30d8 1s 1;
  animation: animation-round-data-v-6abc30d8 1s 1;
}
.white-hall .white-panel .list-grid[data-v-6abc30d8] {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.white-hall .white-panel .list-grid img[data-v-6abc30d8] {
  border-radius: 0.5rem;
  width: 6.69rem;
  height: 5rem;
}
.white-hall .white-panel .list-grid .r-item[data-v-6abc30d8] {
  display: inline-block;
}
.white-hall .white-panel .list-grid .r-item .r-i-image[data-v-6abc30d8] {
  width: 6.38rem;
  height: 4.38rem;
}
.white-hall .white-panel .list-grid .r-item .r-i-title[data-v-6abc30d8] {
  text-align: left;
  width: 6rem;
  color: #222222;
  font-size: 0.75rem;
}
@-webkit-keyframes animation-round-data-v-6abc30d8 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes animation-round-data-v-6abc30d8 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}