@charset "UTF-8";.attribute-form-box .item {
  border: 1px dashed #ccc;
  margin-bottom: 10px;
  padding: 10px
}

.attribute-form-box .item .top_type {
  font-weight: 600;
  color: #000;
  min-width: 78px;
  line-height: 22px;
  display: flex;
  overflow: hidden;
  font-size: 15px;
  margin: 0 0 5px
}

.attribute-form-box .item ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap
}

.attribute-form-box .item ul li {
  position: relative;
  min-width: 78px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 2px;
  padding: 0 5px
}

.attribute-form-box .item ul li a {
  font-size: 14px;
  color: #6f726f;
  text-decoration: none;
  cursor: pointer
}

.charges-lists-item table td .avatar {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 10px
}

.charges-lists-item table td .avatar img {
  border-radius: 50%
}

.charges-lists-item table td .nickname {
  margin-left: 70px;
  font-size: 14px;
  line-height: 60px;
  color: #666;
  height: 60px;
  width: 200px;
  overflow: hidden
}

.charges-lists-item table td .nickname a {
  color: #666
}

.column-list-section .status-nav {
  padding-left: 10px
}

.column-list-section .item {
  float: left;
  width: 268px;
  margin: 10px
}

.column-list-section .item .cover {
  position: relative;
  height: 200px;
  overflow: hidden
}

.column-list-section .item .cover img {
  width: 100%
}

.column-list-section .item .cover .type {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: rgba(0,0,0,.5);
  color: #fff;
  padding: 2px 5px;
  border-radius: 5px
}

.column-list-section .item .data,.column-list-section .item .expense,.column-list-section .item .info,.column-list-section .item .manage {
  padding: 10px
}

.column-list-section .item .info .title {
  font-size: 16px;
  font-weight: 600
}

.column-list-section .item .info .description {
  font-size: 14px;
  color: #999;
  height: 42px;
  overflow: hidden
}

.column-list-section .item .expense .price {
  font-size: 18px;
  color: red;
  display: inline-block
}

.column-list-section .item .expense .marking-price {
  display: inline-block;
  font-size: 14px;
  color: #999;
  text-decoration: line-through
}

.column-list-section .item .expense .yuan {
  font-size: 12px;
  color: #999
}

.column-list-section .item .data {
  text-align: left;
  color: #999
}

.column-list-section .item .data div {
  display: inline-block;
  margin-right: 5px
}

.column-list-section .item .action {
  padding: 10px;
  text-align: center
}

.column-knowledge-manage-section .item {
  float: left;
  width: 268px;
  margin: 10px
}

.column-knowledge-manage-section .item .cover {
  position: relative;
  height: 200px;
  overflow: hidden
}

.column-knowledge-manage-section .item .cover img {
  width: 100%
}

.column-knowledge-manage-section .item .cover .type {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: rgba(0,0,0,.5);
  color: #fff;
  padding: 2px 5px;
  border-radius: 5px
}

.column-knowledge-manage-section .item .info {
  padding: 10px
}

.column-knowledge-manage-section .item .info .title {
  font-size: 16px;
  font-weight: 600
}

.column-knowledge-manage-section .item .info .description {
  font-size: 14px;
  color: #999;
  height: 42px;
  overflow: hidden
}

.column-knowledge-manage-section .item .expense {
  padding: 10px
}

.column-knowledge-manage-section .item .expense .price {
  font-size: 18px;
  color: red;
  display: inline-block
}

.column-knowledge-manage-section .item .expense .marking-price {
  display: inline-block;
  font-size: 14px;
  color: #999;
  text-decoration: line-through
}

.column-knowledge-manage-section .item .expense .yuan {
  font-size: 12px;
  color: #999
}

.column-knowledge-manage-section .item .data {
  padding: 10px;
  text-align: left;
  color: #999
}

.column-knowledge-manage-section .item .data div {
  display: inline-block;
  margin-right: 5px
}

.column-knowledge-manage-section .item .manage {
  padding: 10px
}

.column-knowledge-manage-section .item .action {
  position: relative;
  padding: 10px;
  text-align: center
}

.column-knowledge-manage-section .item .action .sort-box {
  display: inline-block;
  margin-right: 5px
}

.column-knowledge-manage-section .item .action .sort-box .sort-item {
  position: absolute;
  display: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #f2f2f2;
  padding: 5px;
  top: -36px;
  left: 5px;
  right: 5px;
  z-index: 99999
}

.column-knowledge-manage-section .item .action .sort-box .sort-item .input-group {
  display: inline-block
}

.column-knowledge-manage-section .item .action .sort-box .sort-item .input-group input {
  width: 50px;
  margin-right: 5px;
  border: 1px solid #ccc
}

.config-section .config-list-section .header {
  font-weight: 600;
  font-size: 18px;
  padding: 10px
}

.config-section .config-list-section .config-item-box .config-item {
  position: relative;
  display: block;
  align-items: center;
  padding: 14px;
  border-bottom: 1px solid #e8e9eb;
  color: #4c4c4c;
  line-height: 40px;
  height: 266px;
  overflow: hidden
}

.config-section .config-list-section .config-item-box .config-item .form-label {
  width: 130px;
  flex: 0 0 130px;
  text-align: left;
  font-size: 14px
}

.config-section .config-list-section .config-item-box .config-item .form-value {
  text-align: left;
  color: #999
}

.config-section .config-list-section .config-item-box .config-item .form-value .logo {
  margin: 10px auto;
  width: 64px
}

.config-section .config-list-section .config-item-box .config-item .form-value .logo img {
  width: 64px
}

.config-section .config-list-section .config-item-box .config-item .form-value .description,.config-section .config-list-section .config-item-box .config-item .form-value .title {
  text-align: center
}

.config-section .config-list-section .config-item-box .config-item .form-value .style-config {
  display: block;
  width: 60px;
  height: 60px;
  margin: 10px auto
}

.config-section .config-list-section .config-item-box .config-item .form-value .style-config .style {
  width: 60px;
  height: 60px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  line-height: 60px;
  border-radius: 5px
}

.config-section .config-list-section .config-item-box .config-item .form-value .style-desc {
  display: block;
  height: 60px;
  line-height: 60px
}

.config-section .config-list-section .config-item-box .config-item .form-edit {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  text-align: center
}

.style-Modal .shop-style-section {
  width: 430px;
  margin: 0 auto
}

.style-Modal .style {
  position: relative;
  width: 120px;
  height: 120px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  line-height: 60px;
  border-radius: 5px;
  display: inline-block;
  margin: 10px;
  cursor: pointer
}

.style-Modal .shop-style-list .choose {
  display: none
}

.style-Modal .shop-style-list .choose i {
  font-size: 30px
}

.style-Modal .shop-style-list .active .choose {
  display: block;
  position: absolute;
  top: 40px;
  left: 20px;
  width: 80px;
  height: 80px
}

.style-Modal .Green,.style-config .Green {
  background-color: #00ce74
}

.style-Modal .Blue,.style-config .Blue {
  background-color: #03b8cf
}

.style-Modal .LightRed,.style-config .LightRed {
  background-color: #ea644a
}

.style-Modal .Orange,.style-config .Orange {
  background-color: #f90
}

.style-Modal .LightPink,.style-config .LightPink {
  background-color: #ffb6c1
}

.style-Modal .Magenta,.style-config .Magenta {
  background-color: #8666b8
}

.index-content-box .shortcut a {
  display: block;
  color: #666;
  text-align: center;
  margin: 10px
}

.index-content-box .shortcut a i {
  font-size: 32px
}

.index-content-box .shortcut a p {
  margin-top: 15px;
  font-size: 14px
}

.index-content-box .lists table td {
  border-bottom: 1px solid #f4f4f4
}

.index-content-box .lists table .num {
  font-size: 18px;
  color: #999;
  font-weight: 600
}

.index-content-box .lists table .num1 {
  color: red
}

.index-content-box .lists table .num2 {
  color: #f60
}

.index-content-box .lists table .num3 {
  color: #f90
}

.index-content-box .lists table a {
  color: #999;
  font-size: 14px
}

.index-content-box .lists table .sales {
  font-size: 14px;
  color: #47d1af!important
}

.join-section .join-fail-section h2,.join-section .join-fail-section h3,.join-section .join-success-section h2,.join-section .join-success-section h3,.join-section .join-verify-section h2,.join-section .join-verify-section h3 {
  color: #666;
  text-align: center
}

.join-section {
  width: 996px;
  margin: 60px auto
}

.join-section .site-info {
  margin-top: 50px;
  text-align: center;
  padding: 10px
}

.join-section .site-info .logo {
  margin: 0 auto;
  width: 88px
}

.join-section .site-info .logo img {
  width: 100%;
  border-radius: 10px
}

.join-section .tip {
  display: flex;
  align-items: center!important;
  max-width: 768px;
  position: relative;
  margin: 0 auto
}

.join-section .join-success-section {
  width: 100%;
  padding: 60px 0
}

.join-section .join-success-section h1 {
  text-align: center
}

.join-section .join-success-section .manager {
  padding: 10px 0;
  text-align: center
}

.join-section .join-verify-section {
  width: 100%;
  padding: 60px 0
}

.join-section .join-verify-section h1 {
  text-align: center
}

.join-section .join-verify-section .manager {
  padding: 10px 0;
  text-align: center
}

.join-section .join-fail-section {
  width: 100%;
  padding: 60px 0
}

.join-section .join-fail-section h1 {
  text-align: center
}

.join-section .join-fail-section .reason {
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  margin: 0 60px;
  padding: 10px
}

.join-section .join-fail-section .manager {
  padding: 10px 0;
  text-align: center
}

.join-edit-section {
  width: 996px;
  margin: 30px auto 60px
}

.join-edit-section .site-info {
  text-align: center;
  margin-bottom: 20px
}

.join-edit-section .site-info .logo {
  margin: 0 auto;
  width: 88px
}

.join-edit-section .site-info .logo img {
  width: 100%;
  border-radius: 10px
}

.join-edit-section form .form-control {
  border: 1px solid #EEE
}

.join-edit-section .agreement {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #EEE;
  height: 300px;
  margin-bottom: 10px;
  overflow-y: auto;
  overflow-x: hidden
}

.knowledge-list-section .status-nav {
  padding-left: 10px
}

.knowledge-list-section .item {
  float: left;
  width: 268px;
  margin: 10px
}

.knowledge-list-section .item .cover {
  position: relative;
  height: 200px;
  overflow: hidden
}

.knowledge-list-section .item .cover img {
  width: 100%
}

.knowledge-list-section .item .cover .type {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: rgba(0,0,0,.5);
  color: #fff;
  padding: 2px 5px;
  border-radius: 5px
}

.knowledge-list-section .item .info {
  padding: 10px
}

.knowledge-list-section .item .info .title {
  font-size: 16px;
  font-weight: 600
}

.knowledge-list-section .item .info .description {
  font-size: 14px;
  color: #999;
  height: 42px;
  overflow: hidden
}

.knowledge-list-section .item .expense {
  padding: 10px
}

.knowledge-list-section .item .expense .price {
  font-size: 18px;
  color: red;
  display: inline-block
}

.knowledge-list-section .item .expense .marking-price {
  display: inline-block;
  font-size: 14px;
  color: #999;
  text-decoration: line-through
}

.knowledge-list-section .item .expense .yuan {
  font-size: 12px;
  color: #999
}

.knowledge-list-section .item .data {
  padding: 10px;
  text-align: left;
  color: #999
}

.knowledge-list-section .item .data div {
  display: inline-block;
  margin-right: 5px
}

.knowledge-list-section .item .action {
  padding: 10px;
  text-align: center
}

.knowledge-section table .cover {
  float: left;
  width: 80px;
  margin-right: 10px
}

.knowledge-section table .cover img {
  border-radius: 5px
}

.knowledge-section table .info {
  margin-left: 90px;
  font-size: 14px;
  width: 300px;
  overflow: hidden
}

.knowledge-section table .info .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  color: #666
}

.knowledge-section table .price {
  height: 18px;
  line-height: 18px;
  color: #EA644A
}

.knowledge-edit-section .form-body .play-type-more .chapter .lessons .lessons-item .lessons-edit .form-group .label,.knowledge-section table .info a {
  color: #666
}

.knowledge-section .price-input {
  background-color: #f6f6f6;
  margin-top: 20px;
  padding: 10px
}

.knowledge-edit-section .tab-menu {
  margin-bottom: 10px
}

.knowledge-edit-section .tab-menu li {
  background-color: #fff
}

.knowledge-edit-section .tab-menu li.active>a {
  background-color: #03b8cf;
  border-color: #03b8cf
}

.knowledge-edit-section .form-body {
  padding-top: 20px
}

.knowledge-edit-section .form-body .expense {
  padding-top: 3px;
  margin-bottom: 10px
}

.knowledge-edit-section .form-body .price-input {
  padding: 10px;
  background: #f6f6f6
}

.knowledge-edit-section .form-body .try-audio,.knowledge-edit-section .form-body .try-time,.knowledge-edit-section .form-body .try-video {
  padding: 10px 0
}

.knowledge-edit-section .form-body .play-type-more .add-chapter {
  margin-bottom: 20px
}

.knowledge-edit-section .form-body .play-type-more .chapter {
  padding: 10px;
  border: 1px solid #f2f2f2;
  margin-bottom: 10px
}

.knowledge-edit-section .form-body .play-type-more .chapter .lessons .lessons-item {
  margin: 10px 0;
  background-color: #f2f2f2
}

.knowledge-edit-section .form-body .play-type-more .chapter .lessons .lessons-item .lessons-index {
  float: left;
  width: 60px;
  text-align: center;
  padding-top: 20px;
  color: #666
}

.knowledge-edit-section .form-body .play-type-more .chapter .lessons .lessons-item .lessons-edit {
  position: relative;
  padding: 10px;
  margin-left: 60px
}

.knowledge-edit-section .form-body .play-type-more .chapter .lessons .lessons-item .lessons-edit .form-group {
  margin: 0 0 10px
}

.knowledge-edit-section .form-body .play-type-more .chapter .lessons .lessons-item .lessons-edit .lessons-try {
  position: absolute;
  top: 10px;
  right: 40px;
  line-height: 26px
}

.knowledge-edit-section .form-body .play-type-more .chapter .lessons .lessons-item .lessons-edit .lessons-try label {
  padding-top: 0
}

.knowledge-edit-section .form-body .play-type-more .chapter .lessons .lessons-item .lessons-edit .lessons-del {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  cursor: pointer
}

.room-list-section .status-nav {
  padding-left: 10px
}

.room-list-section .item {
  float: left;
  width: 268px;
  margin: 10px
}

.room-list-section .item .cover {
  position: relative;
  height: 200px;
  overflow: hidden
}

.room-list-section .item .cover img {
  width: 100%
}

.room-list-section .item .cover .type {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: rgba(0,0,0,.5);
  color: #fff;
  padding: 2px 5px;
  border-radius: 5px
}

.room-list-section .item .info {
  padding: 10px
}

.room-list-section .item .info .title {
  font-size: 16px;
  font-weight: 600
}

.room-list-section .item .info .description {
  font-size: 14px;
  color: #999;
  height: 42px;
  overflow: hidden
}

.room-list-section .item .expense {
  padding: 10px
}

.room-list-section .item .expense .price {
  font-size: 18px;
  color: red;
  display: inline-block
}

.room-list-section .item .expense .marking-price {
  display: inline-block;
  font-size: 14px;
  color: #999;
  text-decoration: line-through
}

.room-list-section .item .expense .yuan {
  font-size: 12px;
  color: #999
}

.room-list-section .item .data {
  padding: 10px;
  text-align: left;
  color: #999
}

.room-list-section .item .data div {
  display: inline-block;
  margin-right: 5px
}

.room-list-section .item .manage {
  padding: 10px
}

.room-list-section .item .action {
  padding: 10px;
  text-align: center
}

#livecourse-push-type-Modal .push-type {
  display: block;
  float: left;
  width: 50%
}

#livecourse-push-type-Modal .push-type .icon {
  display: block;
  margin: 0 auto;
  width: 99px;
  height: 99px;
  overflow: hidden
}

#livecourse-push-type-Modal .push-type .title {
  text-align: center
}

#livecourse-push-type-Modal .push-type .desc {
  padding: 10px;
  color: #999
}

#livecourse-push-type-Modal .push-type .btn {
  display: block;
  width: 180px;
  margin: 10px auto 5px
}

.room-edit-content .price-input {
  background-color: #f6f6f6;
  margin-top: 20px;
  padding: 10px
}

.room-edit-section .teacher-list .item {
  padding: 10px;
  cursor: pointer;
  width: 100%;
  display: block
}

.room-edit-section .teacher-list .item:hover {
  background-color: #f6f6f6
}

.room-edit-section .teacher-list .item .image {
  width: 60px;
  height: 60px;
  float: left
}

.room-edit-section .teacher-list .item .content {
  padding: 0;
  margin: 0 90px
}

.room-edit-section .teacher-list .item .del-btn {
  width: 80px;
  padding-top: 10px;
  float: right
}

.login-page {
  position: relative
}

.login-page::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background: url(../images/p_big3.jpg);
  background-size: cover;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0
}

.card>.media-wrapper,.card>img {
  filter: alpha(opacity=100);
  opacity: 1
}

.login-page .bg-white {
  background: #fff!important
}

.login-page .container {
  min-height: 100vh;
  z-index: 999;
  padding: 20px;
  position: relative
}

.login-page .d-flex {
  display: -ms-flexbox!important;
  display: flex!important
}

.login-page .align-items-center {
  -ms-flex-align: center!important;
  align-items: center!important
}

.login-page .form-holder {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 50px
}

.login-page .form-holder .form,.login-page .form-holder .info {
  min-height: 70vh;
  padding: 40px;
  height: 100%
}

.login-page .form-holder div[class*=col-] {
  padding: 0
}

.login-page .form-holder .info {
  background: #03b8cf;
  color: #fff
}

.login-page .form-holder .info h1 {
  font-size: 3.2em;
  font-weight: 600
}

.login-page .form-holder .info p {
  font-weight: 300;
  font-size: 1.6em
}

.login-page .form-holder .form .content {
  width: 100%
}

.login-page .form-holder .form .qrcode-login {
  width: 100%;
  max-width: 400px
}

.login-page .form-holder .form .qrcode-login .top {
  position: relative;
  height: 44px;
  width: 100%;
  margin: 10px auto
}

.login-page .form-holder .form .qrcode-login .top .tit {
  line-height: 40px;
  font-size: 22px
}

.login-page .form-holder .form .qrcode-login .top .iconfont {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 40px;
  color: #666
}

.login-page .form-holder .form .qrcode-login .top .tooltip {
  top: 9px;
  left: 284px
}

.login-page .form-holder .form .qrcode-login .form-group {
  position: relative;
  padding: 30px;
  margin-bottom: 0
}

.login-page .form-holder .form .qrcode-login .form-group .qrcode-img {
  display: block;
  margin: 0 auto;
  max-width: 70%;
  padding: 3px;
  border: 1px solid #ddd
}

.login-page .form-holder .form .basic-login,.login-page .form-holder .form form {
  max-width: 400px;
  width: 100%
}

.login-page .form-holder .form .qrcode-login .form-group .qrcode-expire-backdrop {
  background: rgba(255,255,255,.8);
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer
}

.login-page .form-holder .form .qrcode-login .form-group .qrcode-expire-backdrop .refresh {
  display: block;
  text-align: center;
  font-size: 18px;
  color: #000;
  width: 100%
}

.login-page .form-holder .form .qrcode-login .form-group .qrcode-expire-backdrop .refresh i {
  font-size: 32px
}

.login-page .form-holder .form .qrcode-login .form-group .qrcode-expire-backdrop .desc {
  display: block;
  text-align: center;
  width: 100%;
  font-size: 18px
}

.login-page .form-holder .form .basic-login .top {
  position: relative;
  height: 44px;
  width: 100%;
  margin: 10px auto
}

.login-page .form-holder .form .basic-login .top .tit {
  line-height: 40px;
  font-size: 22px
}

.login-page .form-holder .form .basic-login .top .iconfont {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 40px;
  color: #666
}

.login-page .form-holder .form .basic-login .top .tooltip {
  top: 9px;
  left: 284px
}

.login-page .form-holder .form .basic-login input.input-blue {
  width: 100%;
  border: none;
  border-width: 0;
  border-bottom: 1px solid #eee;
  padding: 10px 0
}

.login-page .form-holder .form .basic-login input.input-blue:focus {
  border: 0;
  outline: 0;
  box-shadow: none;
  border-bottom: 1px solid #03b8cf
}

.login-page .form-holder .form #login,.login-page .form-holder .form #register {
  margin-bottom: 20px;
  cursor: pointer
}

.login-page .form-holder .form a.forgot-pass,.login-page .form-holder .form a.signup {
  font-size: .9em;
  color: #85b4f2
}

.login-page .form-holder .form small {
  color: #aaa
}

.login-page .form-holder .form .terms-conditions label {
  cursor: pointer;
  color: #aaa;
  font-size: .9em
}

.login-page .copyrights {
  width: 100%;
  z-index: 9999;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff
}

@media (max-width: 991px) {
  .login-page .form,.login-page .info {
      min-height:auto!important
  }

  .login-page .info {
      padding-top: 100px!important;
      padding-bottom: 100px!important
  }
}

.offline-list-section .status-nav {
  padding-left: 10px
}

.offline-list-section .item {
  float: left;
  width: 268px;
  margin: 10px
}

.offline-list-section .item .cover {
  position: relative;
  height: 200px;
  overflow: hidden
}

.offline-list-section .item .cover img {
  width: 100%
}

.offline-list-section .item .cover .type {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: rgba(0,0,0,.5);
  color: #fff;
  padding: 2px 5px;
  border-radius: 5px
}

.offline-list-section .item .data,.offline-list-section .item .expense,.offline-list-section .item .info,.offline-list-section .item .manage {
  padding: 10px
}

.offline-list-section .item .info .title {
  font-size: 16px;
  font-weight: 600
}

.offline-list-section .item .info .description {
  font-size: 14px;
  color: #999;
  height: 42px;
  overflow: hidden
}

.offline-list-section .item .expense .price {
  font-size: 18px;
  color: red;
  display: inline-block
}

.offline-list-section .item .expense .marking-price {
  display: inline-block;
  font-size: 14px;
  color: #999;
  text-decoration: line-through
}

.offline-list-section .item .expense .yuan {
  font-size: 12px;
  color: #999
}

.offline-list-section .item .data {
  text-align: left;
  color: #999
}

.offline-list-section .item .data div {
  display: inline-block;
  margin-right: 5px
}

.offline-list-section .item .action {
  padding: 10px;
  text-align: center
}

.offline-edit-section .tab-menu {
  margin-bottom: 10px
}

.offline-edit-section .tab-menu li {
  background-color: #fff
}

.offline-edit-section .tab-menu li.active>a {
  background-color: #03b8cf;
  border-color: #03b8cf
}

.offline-edit-section .form-body {
  padding-top: 20px
}

.offline-edit-section .form-body .alert-box {
  padding: 10px 0 0
}

.offline-edit-section .form-body .alert-box .alert {
  margin-bottom: 0;
  color: #ed980f!important;
  background-color: #fff0d5!important
}

.offline-edit-section .form-body .expense {
  padding-top: 3px;
  margin-bottom: 10px
}

.offline-edit-section .form-body .price-input {
  padding: 10px;
  background: #f6f6f6
}

.offline-edit-section .form-body .status-section {
  padding: 6px
}

.offline-edit-section .form-body .lessons-more .add-lesson {
  margin-bottom: 20px
}

.offline-edit-section .form-body .lessons-more .lessons-more-lists .lessons-item {
  margin: 10px 0;
  background-color: #fff;
  border: 1px solid #f0f0f0
}

.offline-edit-section .form-body .lessons-more .lessons-more-lists .lessons-item .lessons-edit {
  position: relative;
  padding: 10px
}

.offline-edit-section .form-body .lessons-more .lessons-more-lists .lessons-item .lessons-edit .form-group {
  margin: 0 0 10px
}

.offline-edit-section .form-body .lessons-more .lessons-more-lists .lessons-item .lessons-edit .form-group .label {
  color: #666
}

.offline-edit-section .form-body .lessons-more .lessons-more-lists .lessons-item .lessons-edit .lessons-del {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  cursor: pointer
}

.offline-lesson-manage-section .item {
  float: left;
  width: 268px;
  margin: 10px
}

.offline-lesson-manage-section .item .cover {
  position: relative;
  height: 200px;
  overflow: hidden
}

.offline-lesson-manage-section .item .cover img {
  width: 100%
}

.offline-lesson-manage-section .item .cover .type {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: rgba(0,0,0,.5);
  color: #fff;
  padding: 2px 5px;
  border-radius: 5px
}

.offline-lesson-manage-section .item .info {
  padding: 10px
}

.offline-lesson-manage-section .item .info .title {
  font-size: 16px;
  font-weight: 600
}

.offline-lesson-manage-section .item .info .description {
  font-size: 14px;
  color: #999;
  height: 42px;
  overflow: hidden
}

.offline-lesson-manage-section .item .expense {
  padding: 10px
}

.offline-lesson-manage-section .item .expense .price {
  font-size: 18px;
  color: red;
  display: inline-block
}

.offline-lesson-manage-section .item .expense .marking-price {
  display: inline-block;
  font-size: 14px;
  color: #999;
  text-decoration: line-through
}

.offline-lesson-manage-section .item .expense .yuan {
  font-size: 12px;
  color: #999
}

.offline-lesson-manage-section .item .data {
  padding: 10px;
  text-align: left;
  color: #999
}

.offline-lesson-manage-section .item .data div {
  display: inline-block;
  margin-right: 5px
}

.offline-lesson-manage-section .item .manage {
  padding: 10px
}

.offline-lesson-manage-section .item .action {
  position: relative;
  padding: 10px;
  text-align: center
}

.offline-lesson-manage-section .item .action .sort-box {
  display: inline-block;
  margin-right: 5px
}

.offline-lesson-manage-section .item .action .sort-box .sort-item {
  position: absolute;
  display: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #f2f2f2;
  padding: 5px;
  top: -36px;
  left: 5px;
  right: 5px;
  z-index: 99999
}

.offline-lesson-manage-section .item .action .sort-box .sort-item .input-group {
  display: inline-block
}

.offline-lesson-manage-section .item .action .sort-box .sort-item .input-group input {
  width: 50px;
  margin-right: 5px;
  border: 1px solid #ccc
}

#knowledge-Modal .modal-body {
  padding-bottom: 0
}

#knowledge-Modal .modal-body .knowledge-list {
  height: 448px;
  margin-bottom: 5px
}

#knowledge-Modal .modal-body .knowledge-list table {
  margin-bottom: 10px
}

#knowledge-Modal .modal-body .knowledge-list table td {
  padding: 5px 0
}

#knowledge-Modal .modal-body .knowledge-list table td .image-title {
  padding: 0
}

#knowledge-Modal .modal-body .knowledge-list table td:first-child {
  padding-left: 14px
}

#knowledge-Modal .pager {
  display: inline-block;
  padding-left: 0;
  margin: 0;
  list-style: none
}

.order_totle_section {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 118px;
  margin-bottom: 20px;
  background: #fff
}

.order_totle_section .order_totle_item {
  padding: 24px;
  width: 25%;
  flex-shrink: 0
}

.order_totle_section .order_totle_item .totle_item {
  border-right: 1px solid #eee;
  height: 70px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500
}

.order_totle_section .order_totle_item .totle_item .yuan {
  color: #999;
  font-size: 12px
}

.order_totle_section .order_totle_item .totle_item .totle_title {
  margin-bottom: 9px
}

.order_totle_section .order_totle_item .totle_item .totle_num {
  line-height: 36px;
  font-size: 24px;
  font-weight: 500
}

.order_totle_section .order_totle_item .handle_button {
  width: 64px;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  background: #2a75ed;
  text-align: center;
  font-size: 12px;
  color: #fff;
  margin-bottom: 9px;
  cursor: pointer
}

.order_totle_section .order_totle_item:last-child .totle_item {
  border-right: 0;
  height: 70px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500
}

.order_totle_section .flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

.search-box .orders-margin-right {
  margin-right: 10px
}

.search-box .clear-search {
  line-height: 34px;
  color: #3296fa
}

.orders-lists {
  padding: 15px
}

.orders-lists .order-lists-item .base-info {
  line-height: 32px
}

.orders-lists .order-lists-item .base-info span {
  display: inline-block;
  margin-right: 60px;
  color: #666
}

.orders-lists .order-lists-item table .cover {
  float: left;
  width: 100px
}

.orders-lists .order-lists-item table .cover img {
  border-radius: 5px;
  width: 100px
}

.orders-lists .order-lists-item table .info {
  margin-left: 110px;
  padding-left: 10px;
  font-size: 14px;
  width: 360px;
  overflow: hidden
}

.orders-lists .order-lists-item table .info .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
  color: #666
}

.orders-lists .order-lists-item table .info .type {
  display: inline-block;
  padding: 0 5px;
  color: #fff;
  background: rgba(0,0,0,.5);
  border-radius: 3px
}

.order-detail-section .for-liucheng {
  height: 80px;
  padding: 20px 10px 0;
  position: relative
}

.order-detail-section .for-liucheng .liulist {
  float: left;
  width: 25%;
  height: 7px;
  background: #ccc
}

.order-detail-section .for-liucheng .liulist.for-cur {
  background: #f90
}

.order-detail-section .for-liucheng .liutextbox {
  position: absolute;
  width: 100%;
  left: 0;
  top: 10px
}

.order-detail-section .for-liucheng .liutextbox .liutext {
  float: left;
  width: 25%;
  text-align: center
}

.order-detail-section .for-liucheng .liutextbox .liutext em {
  display: inline-block;
  width: 24px;
  height: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  background: #ccc;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-style: normal;
  font-weight: 700;
  color: #fff
}

.order-detail-section .for-liucheng .liutextbox .for-cur em {
  background: #f90
}

.order-detail-section .for-liucheng .liutextbox .for-cur strong {
  color: #f90
}

.order-detail-section .detail-evaluate-box .content {
  padding: 10px;
  margin: 10px;
  font-size: 14px;
  color: #666
}

.order-detail-section .detail-evaluate-box .images {
  padding: 10px;
  margin: 10px;
  border-bottom: 1px solid #f2f2f2
}

.order-detail-section .detail-evaluate-box .images .item {
  display: inline-block;
  border: 1px solid #f2f2f2;
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin-right: 5px
}

.order-detail-section .detail-evaluate-box .evaluate-score {
  padding: 10px 0
}

.order-detail-section .detail-evaluate-box .tip-box {
  padding: 10px;
  margin: 10px;
  color: #666
}

.order-detail-section .detail-evaluate-box .star_score {
  background: url(../../images/star_h.png);
  height: 48px;
  position: relative;
  margin: 0 auto 20px
}

.order-detail-section .detail-evaluate-box .star_score a {
  height: 48px;
  display: block;
  text-indent: -999em;
  position: absolute;
  left: 0
}

.order-detail-section .detail-evaluate-box .star_score a.clibg,.order-detail-section .detail-evaluate-box .star_score a:hover {
  background: url(../../images/star.png);
  left: 0
}

.order-detail-section .detail-evaluate-box .show_number {
  padding-left: 50px;
  padding-top: 20px
}

.order-detail-section .detail-evaluate-box .show_number li {
  width: 240px;
  border: 1px solid #ccc;
  padding: 10px;
  margin-right: 5px;
  margin-bottom: 20px
}

.order-detail-section .detail-evaluate-box .show_number li span {
  display: inline-block;
  line-height: 21px
}

.order-detail-section .detail-evaluate-box .atar_show {
  background: url(../../images/star_h.png);
  width: 240px;
  height: 48px;
  position: relative;
  margin-bottom: 20px
}

.order-detail-section .detail-evaluate-box .atar_show .show_star {
  background: url(../../images/star.png);
  height: 48px;
  width: 240px
}

.order-edit-section #chooseModal .modal-body {
  text-align: center
}

.order-edit-section #chooseModal .modal-body .column,.order-edit-section #chooseModal .modal-body .knowledge {
  padding: 30px;
  display: inline-block;
  text-align: center;
  background: #f6f6f6;
  cursor: pointer
}

.order-edit-section .choose-user .user-avatar {
  float: left;
  width: 50px;
  height: 50px
}

.order-edit-section .choose-user .user-avatar img {
  width: 100%;
  border-radius: 50%;
  overflow: hidden
}

.order-edit-section .choose-user .user-nickname {
  margin-left: 60px;
  line-height: 50px
}

.order-edit-section .user-search {
  margin-bottom: 20px
}

.order-edit-section .user-search .search-box {
  border: 0!important;
  padding: 0!important
}

.order-edit-section .user-section .user-item {
  float: left;
  width: 180px;
  margin: 10px;
  padding: 5px;
  border: 1px solid #eee;
  cursor: pointer
}

.order-edit-section .user-section .user-item .user-avatar {
  float: left;
  width: 50px;
  height: 50px
}

.order-edit-section .user-section .user-item .user-avatar img {
  width: 100%;
  border-radius: 50%
}

.order-edit-section .user-section .user-item .user-nickname {
  margin-left: 60px;
  line-height: 50px
}

.order-edit-section .link-search {
  padding: 10px
}

.order-edit-section .link-search .search-box {
  padding: 0;
  border: 0
}

.order-edit-section .link-section table {
  margin-bottom: 10px
}

.order-edit-section .link-section table tr {
  cursor: pointer
}

.order-edit-section .link-section table tr td {
  vertical-align: middle
}

.order-edit-section .link-section table tr td .cover {
  float: left;
  width: 80px;
  margin-right: 10px
}

.order-edit-section .link-section table tr td .cover img {
  max-width: 100%;
  display: block
}

.order-edit-section .link-section table tr td .info {
  margin-left: 90px;
  font-size: 14px;
  width: 300px;
  overflow: hidden
}

.order-edit-section .link-section table tr td .info .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  color: #666
}

.order-edit-section .link-section table tr td .info .price {
  height: 18px;
  line-height: 18px;
  color: #EA644A
}

.order-edit-section .link-section table tr td .info a {
  color: #666
}

.order-edit-section .link-section table tr:hover {
  background-color: #f2f2f2
}

.order-edit-section .link-page ul {
  margin-top: 0;
  margin-bottom: 0
}

li {
  list-style: none
}

.muu-main .main-title {
  border: 0;
  margin: 0
}

.muu-main .main-title h2 {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 600
}

.margin-top {
  margin-top: 15px
}

.margin-right {
  margin-right: 15px
}

.margin-bottom {
  margin-bottom: 15px
}

.margin-left {
  margin-left: 15px
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.text-ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal!important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

form {
  display: block;
  overflow: hidden
}

form .form-title {
  padding: 10px;
  color: #000;
  background-color: #f6f6f6
}

form .form-body {
  padding: 10px
}

form .form-body .control-label {
  text-align: right;
  padding-right: 10px
}

form .form-body .radio-controls {
  padding-top: 7px
}

select {
  height: 34px!important;
  padding: 0 35px 0 10px;
  color: #252424;
  border-color: #e8e9eb!important;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 0 0!important;
  outline: 0;
  border-radius: 0
}

.content {
  min-height: 60px
}

.muu-modal {
  z-index: 1041
}

.uploader-modal {
  z-index: 9999
}

.modal-dialog {
  min-width: 720px!important;
  left: 0
}

.confirm-modal .fa {
  color: red;
  font-size: 30px
}

.confirm-modal .title {
  font-size: 18px;
  color: #4d4d4d;
  margin-bottom: 26px
}

.confirm-modal .desc {
  font-size: 14px
}

.empty-content {
  padding: 50px;
  text-align: center
}

.empty-content img {
  margin: 10px auto;
  width: auto
}

#chooseUserModal .user-search {
  margin-bottom: 20px
}

#chooseUserModal .user-search .search-box {
  border: 0!important;
  padding: 0!important
}

#chooseUserModal .user-section .user-item {
  float: left;
  width: 180px;
  margin: 10px;
  padding: 5px;
  border: 1px solid #eee;
  cursor: pointer;
  height: 62px
}

#chooseUserModal .user-section .user-item .user-avatar {
  float: left;
  width: 50px;
  height: 50px
}

#chooseUserModal .user-section .user-item .user-avatar img {
  width: 100%;
  border-radius: 50%
}

#chooseUserModal .user-section .user-item .user-nickname {
  margin-left: 60px;
  line-height: 28px
}

.plugin-tip {
  display: flex;
  align-items: center!important;
  min-height: 90vh;
  max-width: 768px;
  position: relative;
  margin: 0 auto
}

.el-tabs__header,body {
  margin: 0
}

.plugin-tip .plugin-tip-section {
  width: 100%;
  padding: 60px 0
}

.el-footer,.el-header,body {
  padding: 0
}

.plugin-tip .plugin-tip-section h1 {
  text-align: center
}

.plugin-tip .plugin-tip-section h2,.plugin-tip .plugin-tip-section h3 {
  color: #666;
  text-align: center
}

body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  background-color: #383e4b;
  -ms-scroll-chaining: chained;
  -ms-content-zooming: zoom;
  -ms-scroll-rails: none;
  -ms-content-zoom-limit-min: 100%;
  -ms-content-zoom-limit-max: 500%;
  -ms-scroll-snap-type: proximity;
  -ms-scroll-snap-points-x: snapList(100%,200%,300%,400%,500%);
  -ms-overflow-style: none
}

.el-main {
  padding: 0!important
}

.el-container {
  height: 100%;
  overflow: hidden
}

.el-icon-arrow-left,.el-icon-arrow-right {
  font-size: 20px
}

#liveAppSection {
  width: 100%;
  height: 100%;
  overflow: hidden
}

#liveAppSection .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: url(../images/bg.jpg) no-repeat;
  background-size: cover
}

#liveAppSection .livecourse-room-loader {
  position: relative;
  height: 100vh;
  background-color: #383e4b;
  color: #fff;
  overflow: hidden
}

#liveAppSection .livecourse-room-loader .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%)
}

#liveAppSection .livecourse-room-loader .loader .logo {
  display: block;
  width: 80px;
  height: 80px;
  margin: 30px auto;
  overflow: hidden
}

#liveAppSection .livecourse-room-loader .loader .logo img {
  width: 100%;
  border-radius: 3px
}

#liveAppSection .livecourse-room-loader .loader h3 {
  text-align: center;
  color: #fff;
  margin: 0 0 30px
}

#liveAppSection .livecourse-room-loader .loader p {
  text-align: center;
  color: #fff
}

#liveAppSection .header {
  height: 60px;
  clear: both;
  overflow: hidden;
  padding-left: 60px
}

#liveAppSection .header .logo {
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 5px;
  overflow: hidden
}

#liveAppSection .header .logo img {
  width: 50px;
  height: 50px;
  border-radius: 3px
}

#liveAppSection .header .title {
  display: inline-block;
  vertical-align: top;
  line-height: 60px;
  color: #fff;
  margin: 0;
  font-size: 14px
}

#liveAppSection .header .title span {
  font-weight: 600;
  font-size: 18px;
  padding: 0 0 0 10px
}

#liveAppSection .header .quit-room {
  float: right;
  padding: 0 5px;
  width: 50px
}

#liveAppSection .header .quit-room a {
  display: block;
  line-height: 60px;
  font-size: 14px;
  color: #fff;
  text-align: center
}

#liveAppSection .center {
  margin: 0 60px 30px
}

#liveAppSection .center .left-aside {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 5px;
  margin: 8px
}

#liveAppSection .center .left-aside .camera-controller {
  border-radius: 5px;
  overflow: hidden;
  min-height: 300px;
  padding: 0
}

#liveAppSection .center .left-aside .camera-controller button {
  display: block;
  margin: 0 0 10px;
  width: 100%;
  border: 0
}

#liveAppSection .center .left-aside .camera-controller button i {
  font-size: 28px
}

#liveAppSection .center .left-aside .camera-controller button img {
  width: 32px
}

#liveAppSection .center .center-main-section {
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,.08);
  border-radius: 5px;
  margin: 8px 0
}

#liveAppSection .center .center-main-section .room-info-header {
  padding: 10px
}

#liveAppSection .center .center-main-section .room-info-header .cover {
  width: 80px;
  height: 60px;
  margin-right: 10px;
  float: left;
  border-radius: 5px;
  overflow: hidden
}

#liveAppSection .center .center-main-section .room-info-header .cover img {
  width: 100%
}

#liveAppSection .center .center-main-section .room-info-header .info {
  margin-left: 90px
}

#liveAppSection .center .center-main-section .room-info-header .info .title {
  font-size: 18px;
  font-weight: 600
}

#liveAppSection .center .center-main-section .room-info-header .info .desc {
  margin-top: 5px;
  color: #999;
  font-size: 12px;
  line-height: 26px
}

#liveAppSection .center .center-main-section .room-info-header .info .desc div {
  margin-right: 10px
}

#liveAppSection .center .center-main-section .room-info-header .info .desc .description {
  display: inline-block;
  vertical-align: text-top;
  width: 280px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

#liveAppSection .center .center-main-section .room-info-header .info .desc .room-id {
  display: inline-block;
  vertical-align: text-top
}

#liveAppSection .center .center-main-section #screen_wrap {
  position: relative;
  display: block;
  margin: 0 10px;
  background-color: #ddd;
  border-radius: 5px;
  height: 100%
}

#liveAppSection .center .center-main-section #screen_wrap .tip {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 100px;
  margin-left: -100px;
  margin-top: -50px;
  line-height: 50px;
  text-align: center
}

#liveAppSection .center .center-main-section .screen-controller {
  text-align: center;
  padding: 10px
}

#liveAppSection .center .center-main-section .obs-push-section {
  background-color: #f6f6f6;
  height: 100%
}

#liveAppSection .center .center-main-section .obs-push-section .title {
  padding-top: 50px;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  line-height: 36px;
  color: #666
}

#liveAppSection .center .center-main-section .obs-push-section .method-pic {
  padding: 20px 10px;
  text-align: center
}

#liveAppSection .center .center-main-section .obs-push-section .push-url {
  padding: 10px 60px
}

#liveAppSection .center .center-main-section .obs-push-section .push-url .el-input-group__prepend {
  width: 60px;
  text-align: center
}

#liveAppSection .center .center-main-section .obs-push-section .push-url .help-block {
  padding-top: 30px;
  font-size: 13px;
  color: #999;
  text-align: center
}

#liveAppSection .center .right-aside {
  display: flex;
  flex-flow: column;
  overflow: hidden;
  width: 340px;
  margin: 8px;
  border-radius: 5px
}

#liveAppSection .center .right-aside .camera-section {
  border-radius: 5px;
  margin-bottom: 8px;
  overflow: hidden
}

#liveAppSection .center .right-aside .camera-section #camera_wrap {
  position: relative;
  background: #ddd;
  display: block;
  width: 340px;
  height: 191px
}

#liveAppSection .center .right-aside .camera-section #camera_wrap .tip {
  width: 70px;
  height: 70px;
  margin: -35px auto auto -35px;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  color: #000
}

#liveAppSection .center .right-aside .el-tabs {
  display: flex;
  flex-flow: column;
  overflow: hidden;
  flex: 1;
  box-shadow: 0 0 20px rgba(0,0,0,.08);
  border-radius: 5px
}

#liveAppSection .center .right-aside .el-tabs .el-tabs__header {
  height: 40px;
  background-color: #fff
}

#liveAppSection .center .right-aside .el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item:hover,#liveAppSection .center .right-aside .el-tabs .el-tabs__header .el-tabs__nav .is-active {
  color: #03b8cf
}

#liveAppSection .center .right-aside .el-tabs .el-tabs__content {
  display: flex;
  flex-flow: column;
  overflow: hidden;
  flex: 1;
  border: 1px solid #E4E7ED;
  background-color: #fff;
  border-top: 0;
  border-radius: 0 0 5px 5px
}

#liveAppSection .center .right-aside .el-tabs .el-tabs__content .el-tab-pane,#liveAppSection .center .right-aside .el-tabs .msg-tab-section {
  display: flex;
  flex-flow: column;
  overflow: hidden;
  height: 100%
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section {
  flex: 1;
  background-color: #f5f5f5;
  color: #000
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box::-webkit-scrollbar {
  width: 3px;
  height: 3px
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0,0,0,.1)
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item {
  margin: 5px 5px 10px;
  font-size: 14px;
  color: #666;
  clear: both
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item .avatar {
  width: 32px;
  height: 32px;
  float: left;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
  box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
  border-radius: 50%;
  overflow: hidden
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item .avatar img {
  width: 32px;
  height: 32px
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item .info {
  margin-left: 35px
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item .info .send {
  color: #a5b5c1;
  font-size: 10px;
  padding: 0 5px
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item .info .msg-content {
  position: relative
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item .info .msg-content .chat-bubble-left {
  display: inline-block;
  background-color: #fff;
  margin-left: 10px;
  border-radius: 4px;
  outline: 0;
  font-size: 13px;
  position: relative;
  max-width: 258px;
  word-wrap: break-word;
  word-break: break-all;
  padding: 6px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
  box-shadow: 0 5px 10px 0 rgba(0,0,0,.1)
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item .info .msg-content .chat-bubble-left:after {
  content: '';
  position: absolute;
  top: 8px;
  left: -5px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background-color: #fff
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item .info .msg-content .chat-bubble-img-left {
  margin-left: 10px
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item .info .msg-content .chat-bubble-img-left img {
  width: 64px
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item.self {
  clear: both;
  overflow: hidden
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item.self .avatar {
  float: right
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item.self .info {
  float: right;
  margin-left: 0;
  margin-right: 5px
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item.self .info .send {
  font-size: 10px;
  text-align: right
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item.self .info .msg-content {
  position: relative
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item.self .info .msg-content .chat-bubble-right {
  display: inline-block;
  background-color: #f56c6c;
  color: #fff;
  margin-right: 10px;
  border-radius: 4px;
  outline: 0;
  font-size: 13px;
  position: relative;
  max-width: 258px;
  word-wrap: break-word;
  word-break: break-all;
  padding: 6px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
  box-shadow: 0 5px 10px 0 rgba(0,0,0,.1)
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item.self .info .msg-content .chat-bubble-right:after {
  content: '';
  position: absolute;
  top: 8px;
  right: -5px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background-color: #f56c6c
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item.self .info .msg-content .chat-bubble-img-right {
  margin-right: 10px
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .msg-section .im-log-box .item.self .info .msg-content .chat-bubble-img-right img {
  width: 64px
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .message-section {
  border-top: 1px solid #ccc;
  padding: 10px
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .message-section .other-message {
  padding: 1px
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .message-section .other-message .emoji {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  margin-bottom: 10px
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .message-section .chat-box {
  padding: 1px;
  box-sizing: border-box;
  display: flex
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .message-section .chat-box .textarea {
  flex: 1;
  margin-right: 0
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .message-section .chat-box .textarea .el-form-item__content {
  width: 100%
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .message-section .chat-box .textarea textarea {
  border-radius: 5px 0 0 5px;
  height: 48px!important
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .message-section .chat-box .button {
  width: 60px;
  margin-right: 0
}

#liveAppSection .center .right-aside .el-tabs .msg-tab-section .message-section .chat-box .button button {
  padding: 0;
  width: 60px;
  height: 48px;
  border-radius: 0 5px 5px 0
}

#liveAppSection .center .right-aside .el-tabs .online-tab-section {
  height: 100%;
  overflow-y: scroll
}

#liveAppSection .center .right-aside .el-tabs .online-tab-section .online-list {
  height: auto
}

#liveAppSection .center .right-aside .el-tabs .online-tab-section .online-list .item {
  padding: 10px;
  clear: both
}

#liveAppSection .center .right-aside .el-tabs .online-tab-section .online-list .item .avatar {
  float: left;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%
}

#liveAppSection .center .right-aside .el-tabs .online-tab-section .online-list .item .avatar img {
  width: 100%
}

#liveAppSection .center .right-aside .el-tabs .online-tab-section .online-list .item .nick {
  margin-left: 32px;
  line-height: 32px;
  padding-left: 10px
}

#liveAppSection .center .right-aside .el-tabs .room-tab-section {
  padding: 10px!important;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto
}

#liveAppSection .center .right-aside .el-tabs .room-tab-section .base {
  background-color: #fff;
  margin-bottom: 10px;
  border-radius: 5px;
  clear: both
}

#liveAppSection .center .right-aside .el-tabs .room-tab-section .base .cover {
  position: relative;
  float: left;
  width: 120px;
  height: 90px;
  overflow: hidden
}

#liveAppSection .center .right-aside .el-tabs .room-tab-section .base .cover img {
  display: block;
  width: 100%;
  border-radius: 5px
}

#liveAppSection .center .right-aside .el-tabs .room-tab-section .base .info {
  margin-left: 120px;
  padding: 0 0 0 10px;
  height: 90px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

#liveAppSection .center .right-aside .el-tabs .room-tab-section .base .info .title {
  font-size: 15px;
  font-weight: 600;
  padding: 8px 0
}

#liveAppSection .center .right-aside .el-tabs .room-tab-section .base .info .description {
  font-size: 13px;
  color: #999
}

#liveAppSection .center .right-aside .el-tabs .room-tab-section .content {
  background-color: #fff;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 18px;
  color: #666
}

#liveAppSection .center .right-aside .el-tabs .teacher-tab-section {
  padding: 10px!important;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto
}

#liveAppSection .center .right-aside .el-tabs .teacher-tab-section .base {
  background-color: #fff;
  margin-bottom: 10px;
  border-radius: 5px;
  clear: both
}

#liveAppSection .center .right-aside .el-tabs .teacher-tab-section .base .cover {
  position: relative;
  float: left;
  width: 90px;
  height: 90px;
  overflow: hidden
}

#liveAppSection .center .right-aside .el-tabs .teacher-tab-section .base .cover img {
  display: block;
  width: 100%;
  border-radius: 5px
}

#liveAppSection .center .right-aside .el-tabs .teacher-tab-section .base .info {
  margin-left: 90px;
  padding: 0 0 0 10px;
  height: 90px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

#liveAppSection .center .right-aside .el-tabs .teacher-tab-section .base .info .title {
  font-size: 15px;
  font-weight: 600;
  padding: 8px 0
}

#liveAppSection .center .right-aside .el-tabs .teacher-tab-section .base .info .description {
  font-size: 13px;
  color: #999
}

#liveAppSection .center .right-aside .el-tabs .teacher-tab-section .content {
  background-color: #fff;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 18px;
  color: #666
}

#liveAppSection .center .right-aside .el-tabs .el-main::-webkit-scrollbar {
  width: 2px;
  height: 1px
}

#liveAppSection .center .right-aside .el-tabs .el-main::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.1)
}

#liveAppSection .center .right-aside .el-tabs .el-main::-webkit-scrollbar-track {
  background: #fff
}

#liveAppSection .footer {
  background-color: #383e4b
}

.emoji-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.emoji-list li {
  float: left;
  width: 64px;
  height: 64px
}

.emoji-list li img {
  width: 64px
}

#teacher-Modal .teacher-list .item {
  padding: 10px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  width: 100%
}

#teacher-Modal .teacher-list .item:hover {
  background-color: #eee
}

#teacher-Modal .teacher-list .item .image {
  width: 60px;
  height: 60px;
  float: left
}

#teacher-Modal .teacher-list .item .content {
  padding: 0;
  margin: 0 90px
}

#teacher-Modal .teacher-list .item .del-btn {
  width: 80px;
  margin: auto;
  display: none
}

.knowledge-edit-section .teacher-list .item {
  padding: 10px;
  cursor: pointer;
  width: 100%;
  display: block
}

.knowledge-edit-section .teacher-list .item:hover {
  background-color: #f6f6f6
}

.knowledge-edit-section .teacher-list .item .image {
  width: 60px;
  height: 60px;
  float: left
}

.knowledge-edit-section .teacher-list .item .content {
  padding: 0;
  margin: 0 90px
}

.knowledge-edit-section .teacher-list .item .del-btn {
  width: 80px;
  padding-top: 10px;
  float: right
}

.teacher-list-section .teacher-status-nav li a {
  color: #333
}

.teacher-list-section .teacher-status-nav li a:hover {
  background-color: #fff
}

.teacher-list-section .teacher-status-nav li.active a {
  color: #47d1af;
  background-color: #fff;
  border-bottom-color: #47d1af
}

.teacher-list-section .teacher-status-nav li.active a:hover {
  background-color: #fff;
  border-bottom: #47d1af
}

.teacher-list-section .items-section {
  margin-top: 5px
}

.teacher-list-section .item .cover {
  text-align: center;
  float: left;
  width: 160px
}

.teacher-list-section .item .cover img {
  width: 100%
}

.teacher-list-section .item .info {
  margin: 0 300px 0 180px;
  padding: 30px 0 10px
}

.teacher-list-section .item .info .title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 30px
}

.teacher-list-section .item .info .description {
  color: #999
}

.teacher-list-section .item .action {
  padding: 5px;
  text-align: center;
  float: right
}

.teacher-edit-section .choose-user .user-avatar {
  float: left;
  width: 50px;
  height: 50px
}

.teacher-edit-section .choose-user .user-avatar img {
  width: 100%;
  border-radius: 50%;
  overflow: hidden
}

.teacher-edit-section .choose-user .user-nickname {
  margin-left: 60px;
  line-height: 50px
}

.withdraw_section {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 118px;
  margin-bottom: 20px;
  background: #fff
}

.withdraw_section .item {
  padding: 24px;
  width: 25%;
  flex-shrink: 0
}

.withdraw_section .item .totle_item {
  border-right: 1px solid #eee;
  height: 70px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500
}

.withdraw_section .item .totle_item .yuan {
  color: #999;
  font-size: 12px
}

.withdraw_section .item .totle_item .totle_title {
  margin-bottom: 9px
}

.withdraw_section .item .totle_item .totle_num {
  line-height: 36px;
  font-size: 24px;
  font-weight: 500
}

.withdraw_section .item .handle_button {
  width: 64px;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  background: #2a75ed;
  text-align: center;
  font-size: 12px;
  color: #fff;
  margin-bottom: 9px;
  cursor: pointer
}

.withdraw_section .item:last-child .totle_item {
  padding-top: 10px;
  border-right: 0;
  height: 70px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500
}

.withdraw_section .flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

.withdraw-lists-item {
  padding: 10px
}

.withdraw-lists-item .base-info {
  line-height: 32px
}

.withdraw-lists-item .base-info span {
  display: inline-block;
  margin-right: 60px;
  color: #666
}

.withdraw-lists-item table.muu-table td:first-child,.withdraw-lists-item table.muu-table th:first-child {
  padding-left: 14px;
  width: auto
}

.withdraw-lists-item table .cover {
  float: left;
  width: 60px
}

.withdraw-lists-item table .cover img {
  border-radius: 50%;
  width: 60px
}

.withdraw-lists-item table .info {
  margin-left: 60px;
  padding-left: 10px;
  font-size: 14px;
  width: 200px;
  overflow: hidden
}

.withdraw-lists-item table .info .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 60px;
  color: #666
}

.withdraw-lists-item table .info .type {
  display: inline-block;
  padding: 0 5px;
  color: #fff;
  background: rgba(0,0,0,.5);
  border-radius: 3px
}

body {
  width: 100%;
  overflow-y: hidden;
  overflow-x: hidden
}

.small-box .icon {
  top: 10px;
  right: 10px;
  font-size: 80px
}

.fixed .content-wrapper {
  padding-top: 0
}

.content-wrapper {
  background-color: #f2f2f2;
  overflow-y: auto
}

.muu-wrapper {
  padding: 10px;
  margin: 0 -10px
}

.muu-wrapper .with-padding {
  padding: 10px;
  position: relative;
  border-radius: 3px;
  background: #fff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 10px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0,0,0,.1)
}

.logo-lg {
  font-size: 18px
}

.logo-lg b {
  font-size: 20px
}

.navbar-custom-menu .navbar-nav>li>a {
  padding-top: 15px;
  padding-bottom: 15px
}

.skin-black .main-sidebar .expand-info,.skin-black-light .main-sidebar .expand-info,.skin-blue .main-sidebar .expand-info,.skin-blue-light .main-sidebar .expand-info,.skin-green .main-sidebar .expand-info,.skin-green-light .main-sidebar .expand-info,.skin-purple .main-sidebar .expand-info,.skin-purple-light .main-sidebar .expand-info,.skin-red .main-sidebar .expand-info,.skin-red-light .main-sidebar .expand-info,.skin-yellow .main-sidebar .expand-info,.skin-yellow-light .main-sidebar .expand-info {
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: center
}

.navbar-custom-menu .navbar-nav>li>a:hover {
  color: #666!important
}

.skin-black-light .main-sidebar::-webkit-scrollbar,.skin-blue-light .main-sidebar::-webkit-scrollbar,.skin-green-light .main-sidebar::-webkit-scrollbar,.skin-purple-light .main-sidebar::-webkit-scrollbar,.skin-red-light .main-sidebar::-webkit-scrollbar,.skin-yellow-light .main-sidebar::-webkit-scrollbar {
  width: 8px;
  height: 1px
}

.skin-black-light .main-sidebar::-webkit-scrollbar-thumb,.skin-blue-light .main-sidebar::-webkit-scrollbar-thumb,.skin-green-light .main-sidebar::-webkit-scrollbar-thumb,.skin-purple-light .main-sidebar::-webkit-scrollbar-thumb,.skin-red-light .main-sidebar::-webkit-scrollbar-thumb,.skin-yellow-light .main-sidebar::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.1)
}

.skin-black-light .main-sidebar::-webkit-scrollbar-track,.skin-blue-light .main-sidebar::-webkit-scrollbar-track,.skin-green-light .main-sidebar::-webkit-scrollbar-track,.skin-purple-light .main-sidebar::-webkit-scrollbar-track,.skin-red-light .main-sidebar::-webkit-scrollbar-track,.skin-yellow-light .main-sidebar::-webkit-scrollbar-track {
  background: #fff
}

.skin-black-light .main-sidebar,.skin-blue-light .main-sidebar,.skin-green-light .main-sidebar,.skin-purple-light .main-sidebar,.skin-red-light .main-sidebar,.skin-yellow-light .main-sidebar {
  background-color: #fff;
  z-index: 860;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto
}

.skin-black-light .main-sidebar .expand-info .expand-icon,.skin-blue-light .main-sidebar .expand-info .expand-icon,.skin-green-light .main-sidebar .expand-info .expand-icon,.skin-purple-light .main-sidebar .expand-info .expand-icon,.skin-red-light .main-sidebar .expand-info .expand-icon,.skin-yellow-light .main-sidebar .expand-info .expand-icon {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 5px;
  overflow: hidden
}

.skin-black-light .main-sidebar .expand-info .expand-icon img,.skin-blue-light .main-sidebar .expand-info .expand-icon img,.skin-green-light .main-sidebar .expand-info .expand-icon img,.skin-purple-light .main-sidebar .expand-info .expand-icon img,.skin-red-light .main-sidebar .expand-info .expand-icon img,.skin-yellow-light .main-sidebar .expand-info .expand-icon img {
  width: 100%
}

.skin-black-light .main-sidebar .expand-info .title,.skin-blue-light .main-sidebar .expand-info .title,.skin-green-light .main-sidebar .expand-info .title,.skin-purple-light .main-sidebar .expand-info .title,.skin-red-light .main-sidebar .expand-info .title,.skin-yellow-light .main-sidebar .expand-info .title {
  font-size: 16px;
  color: #666
}

.skin-black .main-sidebar::-webkit-scrollbar,.skin-blue .main-sidebar::-webkit-scrollbar,.skin-green .main-sidebar::-webkit-scrollbar,.skin-purple .main-sidebar::-webkit-scrollbar,.skin-red .main-sidebar::-webkit-scrollbar,.skin-yellow .main-sidebar::-webkit-scrollbar {
  width: 8px;
  height: 1px
}

.skin-black .main-sidebar::-webkit-scrollbar-thumb,.skin-blue .main-sidebar::-webkit-scrollbar-thumb,.skin-green .main-sidebar::-webkit-scrollbar-thumb,.skin-purple .main-sidebar::-webkit-scrollbar-thumb,.skin-red .main-sidebar::-webkit-scrollbar-thumb,.skin-yellow .main-sidebar::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.5)
}

.skin-black .main-sidebar::-webkit-scrollbar-track,.skin-blue .main-sidebar::-webkit-scrollbar-track,.skin-green .main-sidebar::-webkit-scrollbar-track,.skin-purple .main-sidebar::-webkit-scrollbar-track,.skin-red .main-sidebar::-webkit-scrollbar-track,.skin-yellow .main-sidebar::-webkit-scrollbar-track {
  background: #383e4b
}

.skin-black .main-sidebar,.skin-blue .main-sidebar,.skin-green .main-sidebar,.skin-purple .main-sidebar,.skin-red .main-sidebar,.skin-yellow .main-sidebar {
  background-color: #383e4b;
  z-index: 860;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto
}

.skin-black .main-sidebar .expand-info .expand-icon,.skin-blue .main-sidebar .expand-info .expand-icon,.skin-green .main-sidebar .expand-info .expand-icon,.skin-purple .main-sidebar .expand-info .expand-icon,.skin-red .main-sidebar .expand-info .expand-icon,.skin-yellow .main-sidebar .expand-info .expand-icon {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 5px;
  overflow: hidden
}

.skin-black .main-sidebar .expand-info .expand-icon img,.skin-blue .main-sidebar .expand-info .expand-icon img,.skin-green .main-sidebar .expand-info .expand-icon img,.skin-purple .main-sidebar .expand-info .expand-icon img,.skin-red .main-sidebar .expand-info .expand-icon img,.skin-yellow .main-sidebar .expand-info .expand-icon img {
  width: 100%
}

.skin-black .main-sidebar .expand-info .title,.skin-blue .main-sidebar .expand-info .title,.skin-green .main-sidebar .expand-info .title,.skin-purple .main-sidebar .expand-info .title,.skin-red .main-sidebar .expand-info .title,.skin-yellow .main-sidebar .expand-info .title {
  font-size: 16px;
  color: #fff
}

.skin-black .main-sidebar .expand-info p,.skin-blue .main-sidebar .expand-info p,.skin-green .main-sidebar .expand-info p,.skin-purple .main-sidebar .expand-info p,.skin-red .main-sidebar .expand-info p,.skin-yellow .main-sidebar .expand-info p {
  color: #fff
}

.skin-black .main-sidebar .expand-info .btn-module,.skin-blue .main-sidebar .expand-info .btn-module,.skin-green .main-sidebar .expand-info .btn-module,.skin-purple .main-sidebar .expand-info .btn-module,.skin-red .main-sidebar .expand-info .btn-module,.skin-yellow .main-sidebar .expand-info .btn-module {
  background-color: rgba(0,0,0,.1);
  color: #fff
}

.skin-black .main-sidebar .sidebar-menu .header,.skin-black .main-sidebar .sidebar-menu li.active>a,.skin-black .main-sidebar .sidebar-menu li.menu-open>a,.skin-black .main-sidebar .sidebar-menu li>a,.skin-blue .main-sidebar .sidebar-menu .header,.skin-blue .main-sidebar .sidebar-menu li.active>a,.skin-blue .main-sidebar .sidebar-menu li.menu-open>a,.skin-blue .main-sidebar .sidebar-menu li>a,.skin-green .main-sidebar .sidebar-menu .header,.skin-green .main-sidebar .sidebar-menu li.active>a,.skin-green .main-sidebar .sidebar-menu li.menu-open>a,.skin-green .main-sidebar .sidebar-menu li>a,.skin-purple .main-sidebar .sidebar-menu .header,.skin-purple .main-sidebar .sidebar-menu li.active>a,.skin-purple .main-sidebar .sidebar-menu li.menu-open>a,.skin-purple .main-sidebar .sidebar-menu li>a,.skin-red .main-sidebar .sidebar-menu .header,.skin-red .main-sidebar .sidebar-menu li.active>a,.skin-red .main-sidebar .sidebar-menu li.menu-open>a,.skin-red .main-sidebar .sidebar-menu li>a,.skin-yellow .main-sidebar .sidebar-menu .header,.skin-yellow .main-sidebar .sidebar-menu li.active>a,.skin-yellow .main-sidebar .sidebar-menu li.menu-open>a,.skin-yellow .main-sidebar .sidebar-menu li>a {
  background-color: #2d323d
}

.skin-black .main-sidebar .sidebar-menu .menu-open,.skin-blue .main-sidebar .sidebar-menu .menu-open,.skin-green .main-sidebar .sidebar-menu .menu-open,.skin-purple .main-sidebar .sidebar-menu .menu-open,.skin-red .main-sidebar .sidebar-menu .menu-open,.skin-yellow .main-sidebar .sidebar-menu .menu-open {
  display: block
}

.skin-black .main-sidebar .sidebar-menu .treeview-menu,.skin-blue .main-sidebar .sidebar-menu .treeview-menu,.skin-green .main-sidebar .sidebar-menu .treeview-menu,.skin-purple .main-sidebar .sidebar-menu .treeview-menu,.skin-red .main-sidebar .sidebar-menu .treeview-menu,.skin-yellow .main-sidebar .sidebar-menu .treeview-menu {
  background: #383e4b
}

.skin-black .main-sidebar .sidebar-menu .treeview-menu li.active a,.skin-blue .main-sidebar .sidebar-menu .treeview-menu li.active a,.skin-green .main-sidebar .sidebar-menu .treeview-menu li.active a,.skin-purple .main-sidebar .sidebar-menu .treeview-menu li.active a,.skin-red .main-sidebar .sidebar-menu .treeview-menu li.active a,.skin-yellow .main-sidebar .sidebar-menu .treeview-menu li.active a {
  font-weight: 600;
  color: #fff
}

.skin-black .main-sidebar .sidebar-menu .treeview-menu li.active a i,.skin-blue .main-sidebar .sidebar-menu .treeview-menu li.active a i,.skin-green .main-sidebar .sidebar-menu .treeview-menu li.active a i,.skin-purple .main-sidebar .sidebar-menu .treeview-menu li.active a i,.skin-red .main-sidebar .sidebar-menu .treeview-menu li.active a i,.skin-yellow .main-sidebar .sidebar-menu .treeview-menu li.active a i {
  color: #f90
}

.skin-black .main-sidebar .sidebar-menu .treeview-menu li a,.skin-blue .main-sidebar .sidebar-menu .treeview-menu li a,.skin-green .main-sidebar .sidebar-menu .treeview-menu li a,.skin-purple .main-sidebar .sidebar-menu .treeview-menu li a,.skin-red .main-sidebar .sidebar-menu .treeview-menu li a,.skin-yellow .main-sidebar .sidebar-menu .treeview-menu li a {
  padding: 8px 5px 8px 30px;
  background: #383e4b;
  color: #fff
}

.skin-black .main-sidebar .sidebar-menu .treeview-menu li a:active,.skin-black .main-sidebar .sidebar-menu .treeview-menu li a:hover,.skin-blue .main-sidebar .sidebar-menu .treeview-menu li a:active,.skin-blue .main-sidebar .sidebar-menu .treeview-menu li a:hover,.skin-green .main-sidebar .sidebar-menu .treeview-menu li a:active,.skin-green .main-sidebar .sidebar-menu .treeview-menu li a:hover,.skin-purple .main-sidebar .sidebar-menu .treeview-menu li a:active,.skin-purple .main-sidebar .sidebar-menu .treeview-menu li a:hover,.skin-red .main-sidebar .sidebar-menu .treeview-menu li a:active,.skin-red .main-sidebar .sidebar-menu .treeview-menu li a:hover,.skin-yellow .main-sidebar .sidebar-menu .treeview-menu li a:active,.skin-yellow .main-sidebar .sidebar-menu .treeview-menu li a:hover {
  color: #fff
}

.skin-black .main-sidebar .sidebar-menu .treeview-menu li a:active i,.skin-black .main-sidebar .sidebar-menu .treeview-menu li a:hover i,.skin-blue .main-sidebar .sidebar-menu .treeview-menu li a:active i,.skin-blue .main-sidebar .sidebar-menu .treeview-menu li a:hover i,.skin-green .main-sidebar .sidebar-menu .treeview-menu li a:active i,.skin-green .main-sidebar .sidebar-menu .treeview-menu li a:hover i,.skin-purple .main-sidebar .sidebar-menu .treeview-menu li a:active i,.skin-purple .main-sidebar .sidebar-menu .treeview-menu li a:hover i,.skin-red .main-sidebar .sidebar-menu .treeview-menu li a:active i,.skin-red .main-sidebar .sidebar-menu .treeview-menu li a:hover i,.skin-yellow .main-sidebar .sidebar-menu .treeview-menu li a:active i,.skin-yellow .main-sidebar .sidebar-menu .treeview-menu li a:hover i {
  color: #f90
}

.skin-blue .main-header .navbar .nav>li>a,.skin-blue .main-header .navbar .sidebar-toggle,.skin-blue-light .main-header .navbar .nav>li>a,.skin-blue-light .main-header .navbar .sidebar-toggle {
  color: #666
}

.skin-black .main-sidebar .sidebar-menu .treeview-menu li:last-child,.skin-blue .main-sidebar .sidebar-menu .treeview-menu li:last-child,.skin-green .main-sidebar .sidebar-menu .treeview-menu li:last-child,.skin-purple .main-sidebar .sidebar-menu .treeview-menu li:last-child,.skin-red .main-sidebar .sidebar-menu .treeview-menu li:last-child,.skin-yellow .main-sidebar .sidebar-menu .treeview-menu li:last-child {
  border-bottom: 1px solid #2d323d
}

.skin-blue .main-header,.skin-blue-light .main-header {
  position: relative;
  z-index: 50;
  box-shadow: 1px 0 7px rgba(0,0,0,.05)
}

.skin-blue .main-header .logo,.skin-blue .main-header .logo:hover,.skin-blue-light .main-header .logo,.skin-blue-light .main-header .logo:hover {
  background-color: #0BA0B3
}

.skin-blue .main-header .navbar,.skin-blue-light .main-header .navbar {
  background: #fff
}

.skin-blue .main-header .navbar .sidebar-toggle:hover,.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #f2f2f2;
  color: #666
}

.skin-blue .main-header .user-menu .user-header,.skin-blue-light .main-header .user-menu .user-header {
  height: 155px!important;
  background-color: #03b8cf
}

.skin-blue .main-header .user-menu .user-header img,.skin-blue-light .main-header .user-menu .user-header img {
  width: 80px!important;
  height: 80px!important
}

.skin-blue .sidebar-menu li.active>a,.skin-blue .sidebar-menu li:hover>a,.skin-blue-light .sidebar-menu li.active>a,.skin-blue-light .sidebar-menu li:hover>a {
  border-left-color: #03b8cf
}

.skin-blue .sidebar-menu li.active>a i,.skin-blue .sidebar-menu li:hover>a i,.skin-blue-light .sidebar-menu li.active>a i,.skin-blue-light .sidebar-menu li:hover>a i {
  color: #09c
}

.skin-black .sidebar-menu li.active>a,.skin-black .sidebar-menu li:hover>a,.skin-black-light .sidebar-menu li.active>a,.skin-black-light .sidebar-menu li:hover>a {
  border-left-color: #ddd
}

.skin-black .sidebar-menu li.active>a i,.skin-black .sidebar-menu li:hover>a i,.skin-black-light .sidebar-menu li.active>a i,.skin-black-light .sidebar-menu li:hover>a i {
  color: #ddd
}

.skin-green .sidebar-menu li.active>a,.skin-green .sidebar-menu li:hover>a,.skin-green-light .sidebar-menu li.active>a,.skin-green-light .sidebar-menu li:hover>a {
  border-left-color: #00a65a
}

.skin-green .sidebar-menu li.active>a i,.skin-green .sidebar-menu li:hover>a i,.skin-green-light .sidebar-menu li.active>a i,.skin-green-light .sidebar-menu li:hover>a i {
  color: #00a65a
}

.skin-red .sidebar-menu li.active>a,.skin-red .sidebar-menu li:hover>a,.skin-red-light .sidebar-menu li.active>a,.skin-red-light .sidebar-menu li:hover>a {
  border-left-color: #dd4b39
}

.skin-red .sidebar-menu li.active>a i,.skin-red .sidebar-menu li:hover>a i,.skin-red-light .sidebar-menu li.active>a i,.skin-red-light .sidebar-menu li:hover>a i {
  color: #dd4b39
}

.skin-yellow .sidebar-menu li.active>a,.skin-yellow .sidebar-menu li:hover>a,.skin-yellow-light .sidebar-menu li.active>a,.skin-yellow-light .sidebar-menu li:hover>a {
  border-left-color: #f39c12
}

.skin-yellow .sidebar-menu li.active>a i,.skin-yellow .sidebar-menu li:hover>a i,.skin-yellow-light .sidebar-menu li.active>a i,.skin-yellow-light .sidebar-menu li:hover>a i {
  color: #f39c12
}

.skin-purple .sidebar-menu li.active>a,.skin-purple .sidebar-menu li:hover>a,.skin-purple-light .sidebar-menu li.active>a,.skin-purple-light .sidebar-menu li:hover>a {
  border-left-color: #605ca8
}

.skin-purple .sidebar-menu li.active>a i,.skin-purple .sidebar-menu li:hover>a i,.skin-purple-light .sidebar-menu li.active>a i,.skin-purple-light .sidebar-menu li:hover>a i {
  color: #605ca8
}

.sidebar-collapse .main-sidebar .expand-info {
  padding-top: 10px;
  padding-bottom: 10px
}

.sidebar-collapse .main-sidebar .expand-info .expand-icon {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  overflow: hidden
}

.sidebar-collapse .main-sidebar .expand-info .expand-icon img {
  width: 100%
}

.sidebar-collapse .main-sidebar .expand-info .title,.sidebar-collapse .main-sidebar .expand-info .version {
  display: none
}

.control-sidebar-dark::-webkit-scrollbar {
  width: 5px;
  height: 1px
}

.control-sidebar-dark::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.5)
}

.control-sidebar-dark::-webkit-scrollbar-track {
  background: #222d32
}

.control-sidebar-light::-webkit-scrollbar {
  width: 5px;
  height: 1px
}

.control-sidebar-light::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.2)
}

.control-sidebar-light::-webkit-scrollbar-track {
  background: #fff
}

.messager {
  display: table;
  margin: 10px;
  overflow: hidden;
  color: #fff;
  pointer-events: auto;
  background-color: #353535;
  background-color: rgba(0,0,0,.8);
  border-radius: 20px
}

.messager-content {
  display: table-cell;
  padding: 10px 15px;
  vertical-align: top
}

.messager-content>[class^=icon-] {
  display: inline-block;
  margin-right: 8px
}

.messager-actions {
  display: table-cell;
  vertical-align: top
}

.messager-actions>.action {
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  color: #fafafa;
  color: rgba(255,255,255,.6);
  text-align: center;
  text-shadow: none;
  background: 0 0;
  border: none
}

.messager-actions>.action.close {
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
  opacity: 1
}

.messager-actions>.action:hover {
  color: #fff;
  background: rgba(0,0,0,.1)
}

.messager-actions .action-icon+.action-text {
  margin-left: 8px
}

.messagers-holder {
  position: fixed;
  z-index: 99999;
  padding: 10px;
  pointer-events: none;
  -webkit-transition: top .2s cubic-bezier(.175,.885,.32,1);
  -o-transition: top .2s cubic-bezier(.175,.885,.32,1);
  transition: top .2s cubic-bezier(.175,.885,.32,1)
}

#msgModal .message-type-box .message-type-list li,.card,.card .header {
  position: relative
}

.messagers-holder.top {
  top: 0
}

.messagers-holder.top-left {
  top: 0;
  left: 0
}

.messagers-holder.top-right {
  top: 0;
  right: 0
}

.messagers-holder.bottom {
  bottom: 0
}

.messagers-holder.bottom-left {
  bottom: 0;
  left: 0
}

.messagers-holder.bottom-right {
  right: 0;
  bottom: 0
}

.messagers-holder.bottom-right .messager,.messagers-holder.top-right .messager {
  margin-left: auto
}

.messagers-holder.center {
  top: 0
}

.messagers-holder.bottom,.messagers-holder.center,.messagers-holder.top {
  right: 0;
  left: 0
}

.messagers-holder.bottom .messager,.messagers-holder.center .messager,.messagers-holder.top .messager {
  margin: 10px auto
}

.messager-primary {
  background-color: #3280fc
}

.messager-success {
  background-color: #38b03f
}

.messager-info {
  background-color: #03b8cf
}

.messager-warning {
  background-color: #f1a325
}

.messager-danger {
  background-color: #ea644a
}

.messager-important {
  background-color: #bd7b46
}

.messager-special {
  background-color: #8666b8
}

#messages_btn span {
  display: inline-block
}

#msgModal .box {
  height: 100%;
  overflow-y: auto
}

#msgModal .message-info-list {
  height: 450px;
  overflow-y: auto
}

#msgModal .message-info-list .loading {
  display: block;
  text-align: center;
  padding: 30px
}

#msgModal .message-info-list .common {
  list-style: none;
  padding: 15px 0;
  border-bottom: 1px solid #f2f2f2
}

#msgModal .message-info-list .common .avatar-box {
  margin: 10px 10px 0 0;
  position: relative;
  float: left;
  width: 64px;
  height: 64px;
  overflow: hidden
}

#msgModal .message-info-list .common .common_con {
  margin-left: 74px;
  margin-top: 10px
}

#msgModal .message-info-list .common .comment_con .from {
  background: #f2f2f2;
  border-radius: 5px;
  padding: 5px
}

#msgModal .message-info-list .common .comment_con .from .from_con {
  margin-left: 130px
}

#msgModal .loadmore-type-messages {
  color: #666;
  background: #ddd;
  padding: 10px;
  width: 200px;
  margin: 5px auto;
  border-radius: 5px;
  text-align: center;
  cursor: pointer
}

#msgModal .message-type-box {
  height: 450px;
  overflow-y: auto
}

@media screen and (max-width: 768px) {
  #msgModal .box {
      height:500px;
      overflow-y: auto
  }

  #msgModal .message-info-list,#msgModal .message-type-box {
      height: auto
  }
}

#msgModal .message-type-list li.session1 {
  display: block
}

#msgModal .message-type-list li.session1 a {
  margin: 5px;
  display: block
}

#msgModal .message-type-list li.session1 a .message-s {
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #f2f2f2;
  background-color: #f0f2f5
}

#msgModal .message-type-list li.session1 a .message-s .pic {
  height: 50px;
  width: 50px;
  float: left
}

#msgModal .message-type-list li.session1 a .message-s .img-wrap {
  width: 50px;
  height: 50px
}

#msgModal .message-type-list li.session1 a .message-s .info {
  height: 50px;
  line-height: 50px;
  margin-left: 60px
}

#msgModal .message-type-list li.session1 a .message-s .title {
  display: inline-block;
  font-size: 14px;
  color: #666
}

#msgModal .message-type-list li.session1 a .message-s .title .unread-num {
  font-size: 12px;
  display: table-cell;
  vertical-align: middle
}

#msgModal .message-type-list li.session2 {
  display: block
}

#msgModal .message-type-list li.session2 a {
  margin: 5px;
  display: block
}

#msgModal .message-type-list li.session2 a .message-s {
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #f2f2f2;
  background-color: #f0f2f5
}

#msgModal .message-type-list li.session2 a .message-s .pic {
  height: 50px;
  width: 50px;
  float: left
}

#msgModal .message-type-list li.session2 a .message-s .img-wrap {
  width: 50px;
  height: 50px
}

#msgModal .message-type-list li.session2 a .message-s .info {
  height: 50px;
  line-height: 50px;
  margin-left: 60px
}

#msgModal .message-type-list li.session2 a .message-s .title {
  display: inline-block;
  font-size: 14px;
  color: #666
}

#msgModal .message-type-list li.session2 a .message-s .title .unread-num {
  font-size: 12px;
  display: table-cell;
  vertical-align: middle
}

#msgModal .message-type-list li.session3 {
  display: block
}

#msgModal .message-type-list li.session3 a {
  margin: 5px;
  display: block
}

#msgModal .message-type-list li.session3 a .message-s {
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #f2f2f2;
  background-color: #f0f2f5
}

#msgModal .message-type-list li.session3 a .message-s .pic {
  height: 50px;
  width: 50px;
  float: left
}

#msgModal .message-type-list li.session3 a .message-s .img-wrap {
  width: 50px;
  height: 50px
}

#msgModal .message-type-list li.session3 a .message-s .info {
  height: 50px;
  line-height: 50px;
  margin-left: 60px
}

#msgModal .message-type-list li.session3 a .message-s .title {
  display: inline-block;
  font-size: 14px;
  color: #666
}

#msgModal .message-type-list li.session3 a .message-s .title .unread-num {
  font-size: 12px;
  display: table-cell;
  vertical-align: middle
}

#msgModal .message-type-list li.session4 {
  display: block
}

#msgModal .message-type-list li.session4 a {
  margin: 5px;
  display: block
}

.card,.form-group,form .form-group {
  margin-bottom: 30px
}

#msgModal .message-type-list li.session4 a .message-s {
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #f2f2f2;
  background-color: #f0f2f5
}

#msgModal .message-type-list li.session4 a .message-s .pic {
  height: 50px;
  width: 50px;
  float: left
}

#msgModal .message-type-list li.session4 a .message-s .img-wrap {
  width: 50px;
  height: 50px
}

#msgModal .message-type-list li.session4 a .message-s .info {
  height: 50px;
  line-height: 50px;
  margin-left: 60px
}

#msgModal .message-type-list li.session4 a .message-s .title {
  display: inline-block;
  font-size: 14px;
  color: #666
}

#msgModal .message-type-list li.session4 a .message-s .title .unread-num {
  font-size: 12px;
  display: table-cell;
  vertical-align: middle
}

.form-group:after,.form-group:before,form .form-group:after,form .form-group:before {
  display: table;
  content: ''
}

.form-group:after,form .form-group:after {
  clear: both
}

.btn {
  border: 0
}

.btn:focus {
  outline: 0!important
}

.btn-primary {
  background-color: #11a8bb!important;
  color: #fff
}

.btn-primary.light {
  border: 0;
  background-color: #14c1d7!important
}

.btn-success {
  background-color: #47D178!important;
  color: #fff
}

.btn-success.light {
  background-color: #5fd78a!important
}

.btn-danger {
  background-color: #ee5744!important;
  color: #fff
}

.btn-danger.light {
  background-color: #f17060!important
}

.btn-info {
  background-color: #47d1af!important;
  color: #fff
}

.btn-info.light {
  background-color: #5fd7ba!important
}

.bg-warning {
  background-color: #ff7444!important;
  color: #fff
}

.card {
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.08);
  box-shadow: 0 0 20px rgba(0,0,0,.08);
  background-color: #fff;
  border-radius: 5px;
  border: none
}

.card .header {
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #f6f6f6;
  border-radius: 2px 2px 0 0;
  color: #212529;
  font-size: 16px;
  padding-bottom: 15px;
  font-weight: bolder;
  background-color: #fff!important
}

.card>.caption,.card>.card-reveal {
  position: absolute;
  width: 100%;
  left: 0
}

.card>img {
  display: block;
  max-width: 100%;
  height: auto
}

.card>.media-wrapper {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all .4s cubic-bezier(.175,.885,.32,1);
  -o-transition: all .4s cubic-bezier(.175,.885,.32,1);
  transition: all .4s cubic-bezier(.175,.885,.32,1)
}

.card>.media-wrapper>img {
  max-width: 100%;
  vertical-align: middle
}

.card .card-heading {
  display: block;
  padding: 10px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.card .card-actions,.card .card-content {
  padding: 0 10px 10px;
  overflow: hidden;
  text-overflow: ellipsis
}

.card .card-actions .btn+.pull-right {
  padding: 6px 0;
  line-height: 20px
}

.card:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.175);
  box-shadow: 0 1px 5px rgba(0,0,0,.175)
}

.card:hover>.media-wrapper,.card:hover>img {
  filter: alpha(opacity=90);
  opacity: .9
}

.cards-borderless .card {
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.cards-borderless .card>.media-wrapper,.cards-borderless .card>img {
  overflow: hidden;
  border-radius: 4px
}

.cards-borderless .card>.card-actions,.cards-borderless .card>.card-content,.cards-borderless .card>.card-heading {
  padding-right: 0;
  padding-left: 0
}

.card>.caption {
  top: -100%;
  display: block;
  padding: 5px 10px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: #666;
  background-color: rgba(0,0,0,.7);
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all .8s cubic-bezier(.175,.885,.32,1);
  -o-transition: all .8s cubic-bezier(.175,.885,.32,1);
  transition: all .8s cubic-bezier(.175,.885,.32,1)
}

.card:hover>.caption {
  top: 0;
  filter: alpha(opacity=100);
  opacity: 1
}

.cards-condensed {
  padding: 0;
  border: 1px solid #ddd;
  border-top: 0;
  border-left: 0
}

.cards-condensed>[class*=" col-"],.cards-condensed>[class^=col-] {
  padding: 0
}

.cards-condensed .card {
  padding: 10px;
  margin: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.015);
  box-shadow: 0 1px 2px rgba(0,0,0,.015)
}

.card>.card-reveal {
  top: 100%;
  height: 100%;
  background-color: #f1f1f1;
  -webkit-transition: all .8s cubic-bezier(.175,.885,.32,1);
  -o-transition: all .8s cubic-bezier(.175,.885,.32,1);
  transition: all .8s cubic-bezier(.175,.885,.32,1)
}

.card>.card-reveal>.card-heading {
  padding: 20px 10px
}

.card:hover>.card-reveal {
  top: 0
}

input[type=checkbox],input[type=radio] {
  display: none;
  cursor: pointer
}

input[type=checkbox]+label,input[type=radio]+label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-right: 3px;
  color: #252424;
  font-weight: 400
}

input[type=checkbox]+label:hover:after {
  color: #c7c7c7
}

input[type=checkbox]:checked+label,input[type=radio]:checked+label {
  color: #09c
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px
}

input[type=checkbox]+label:before {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}

input[type=radio]+label:before {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

input[type=checkbox]+label:before,input[type=radio]+label:before {
  background-color: #fff;
  border: 1px solid #e8e9eb;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

input[type=checkbox]+label:after,input[type=checkbox]+label:before,input[type=radio]+label:after,input[type=radio]+label:before {
  content: '';
  font-family: helvetica;
  display: inline-block;
  width: 18px;
  height: 18px;
  left: 0;
  top: 50%;
  margin-top: -9px;
  text-align: center;
  position: absolute
}

input[type=checkbox]+label:after,input[type=radio]+label:after,label.muu-check:after {
  color: #fff
}

input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before {
  -moz-box-shadow: inset 0 0 0 10px transparent;
  -webkit-box-shadow: inset 0 0 0 10px transparent;
  box-shadow: inset 0 0 0 10px transparent
}

-form input[type=checkbox]:checked+label:hover:after,input[type=checkbox]:checked+label:after,input[type=radio]:checked+label:after,input[type=radio]:checked+label:hover:after {
  color: #09c
}

input[type=checkbox]+label:hover:after,input[type=checkbox]:checked+label:after {
  content: "\2713";
  line-height: 18px;
  font-size: 14px;
  font-weight: 900
}

input[type=radio]+label:hover:after {
  color: #c7c7c7
}

input[type=radio]+label:hover:after,input[type=radio]:checked+label:after {
  content: '\2022';
  text-align: center;
  font-size: 40px;
  line-height: 18px;
  margin-left: -.5px
}

.pagination {
  margin: 20px 0
}

ul.pagination {
  display: inline-block;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

ul.pagination>li {
  display: inline
}

.pagination #lastspan,ul.pagination>li>a,ul.pagination>li>span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left-width: 0
}

ul.pagination>.active>a,ul.pagination>.active>span,ul.pagination>li>a:focus,ul.pagination>li>a:hover {
  background-color: #f5f5f5
}

ul.pagination>.active>a,ul.pagination>.active>span {
  color: #999;
  cursor: default
}

ul.pagination>.disabled>a,ul.pagination>.disabled>a:focus,ul.pagination>.disabled>a:hover,ul.pagination>.disabled>span {
  color: #999;
  background-color: transparent;
  cursor: default
}

ul.pagination>li:first-child>a,ul.pagination>li:first-child>span {
  border-left-width: 1px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px
}

.pagination #lastspan,ul.pagination>li:last-child>a,ul.pagination>li:last-child>span {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px
}

.pagination-centered {
  text-align: center
}

.pagination-right {
  text-align: right
}

.pagination-large #lastspan,.pagination-large ul>li>a,.pagination-large ul>li>span {
  padding: 11px 19px;
  font-size: 17.5px
}

.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span {
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px
}

.pagination-large #lastspan,.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px
}

.pagination-mini ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>a,.pagination-small ul>li:first-child>span {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px
}

.pagination-mini ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>a,.pagination-small ul>li:last-child>span {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px
}

.pagination-small ul>li>a,.pagination-small ul>li>span {
  padding: 2px 10px;
  font-size: 11.9px
}

.pagination-mini ul>li>a,.pagination-mini ul>li>span {
  padding: 0 6px;
  font-size: 10.5px
}

.form-edit .switch {
  width: 49px;
  height: 24px;
  background: #e5e5e5;
  z-index: 0;
  margin: 0;
  padding: 0;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px
}

.form-edit .switch:after,.form-edit .switch:before {
  content: ' ';
  background: #fff;
  position: absolute;
  top: 1px;
  left: 1px
}

.form-edit .switch:before {
  width: 46px;
  height: 22px;
  z-index: 1;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px
}

.form-edit .switch:after {
  height: 21px;
  width: 21px;
  border-radius: 25px;
  z-index: 2;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-box-shadow: 0 2px 5px #999;
  box-shadow: 0 2px 5px #999
}

.form-edit .switchOn,.form-edit .switchOn:before {
  background: #03b8cf!important
}

.form-edit .switchOn:after {
  left: 28px!important
}

table.muu-table {
  width: 100%;
  margin-bottom: 30px
}

table.muu-table td:first-child,table.muu-table th:first-child {
  padding-left: 14px;
  width: 40px
}

table.muu-table td {
  font-size: 10px;
  color: #4c4c4c;
  white-space: normal;
  overflow: hidden;
  word-break: break-all;
  vertical-align: middle!important;
  padding: 14px 8px
}

table.muu-table td .cover {
  float: left;
  width: 80px;
  margin-right: 10px
}

table.muu-table td .cover img {
  border-radius: 5px
}

table.muu-table td .info {
  margin-left: 90px;
  font-size: 14px;
  width: 300px;
  overflow: hidden
}

table.muu-table td .info .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  color: #666
}

table.muu-table td .info .price {
  height: 18px;
  line-height: 18px;
  color: #EA644A
}

table.muu-table td .info a {
  color: #666
}

.ucenter-section .ucenter-slide .nav-stacked {
  background-color: #fff
}

.ucenter-section .header {
  height: 220px;
  padding-top: 57px;
  box-sizing: border-box;
  margin: -10px -10px 0;
  overflow: hidden
}

.ucenter-section .header .head_icon {
  width: 72px;
  height: 72px;
  text-align: center;
  border: 3px solid rgba(255,255,255,.5);
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  cursor: pointer
}

.ucenter-section .header .head_icon .avatar img {
  border-radius: 50%;
  overflow: hidden
}

.ucenter-section .header .head_nickname {
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  font-weight: 500
}

.ucenter-section .content {
  width: 688px;
  margin: 0 auto;
  padding-top: 32px
}

.ucenter-section .content .item {
  font-size: 14px;
  color: #666
}

.ucenter-section .content .item .item-left {
  float: left;
  width: 100px;
  line-height: 42px;
  font-weight: 500;
  text-align: center
}

.ucenter-section .content .item .item-center {
  float: left;
  line-height: 42px;
  overflow: hidden
}

.ucenter-section .content .item .item-right {
  float: right;
  width: 50px;
  text-align: center;
  line-height: 42px
}

.ucenter-section .content .item .item-right .edit {
  cursor: pointer
}

.ucenter-section .content .item .item-right i {
  font-size: 18px
}

.ucenter-content {
  width: 420px;
  margin: 0 auto
}

.ucenter-content .form-group {
  margin-bottom: 10px
}

.ucenter-content-password {
  width: 466px;
  margin: 0 auto
}

.upload_image_section .input-image-btn button {
  padding: 0;
  border-radius: 5px
}

.upload_image_section .btn-upload {
  padding: 0
}

.upload_image_section .image-show {
  max-width: 260px
}

.upload_image_section .image-show img {
  width: 100%
}

.uploader-modal .material-head {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px
}

.uploader-modal .material-head .progress-box {
  width: calc(100% - 86px)
}

.uploader-modal .material-head .progress-box .progress {
  margin-bottom: 0
}

.uploader-modal .material-body {
  height: 407px
}

.uploader-modal .material-body .attachment-page .pager {
  margin: 5px 0
}

.uploader-modal .material-body .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(0,0,0,.5);
  text-align: center;
  display: none
}

.uploader-modal .material-body .mask .icon {
  color: #fff;
  font-size: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.uploader-modal .material-body .del {
  position: absolute;
  width: 34px;
  line-height: 34px;
  text-align: center;
  background-color: #3296fa;
  cursor: pointer;
  bottom: 0;
  right: 0;
  z-index: 6;
  display: none
}

.uploader-modal .modal-footer {
  border-top: 0;
  text-align: center;
  padding: 0 0 30px
}

.uploader-modal .modal-footer .btn {
  display: inline-block;
  min-width: 140px
}

.uploader-modal .lists {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  padding: 10px;
  flex-wrap: wrap;
  max-height: 360px;
  overflow-y: auto;
  overflow-x: hidden
}

.uploader-modal .lists p.loading {
  display: block;
  flex: 1;
  text-align: center;
  font-size: 16px;
  color: #999;
  padding: 60px 0
}

.uploader-modal .lists .item {
  flex: none;
  position: relative;
  margin: 10px;
  text-align: center;
  vertical-align: middle
}

.uploader-modal .lists .item:hover {
  outline: #3296fa solid 2px
}

.uploader-modal .lists .item .name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 34px;
  background: rgba(0,0,0,.5);
  color: #fff;
  padding: 0 20px;
  text-align: left;
  z-index: 2
}

.uploader-modal .audio-container .item .time,.uploader-modal .video-container .item .time {
  color: #999;
  line-height: 34px
}

.uploader-modal .image-container .item {
  width: calc(20% - 20px);
  background-color: #eee;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.uploader-modal .image-container .item:before {
  content: "";
  display: inline-block;
  padding-bottom: 100%;
  width: .1px;
  vertical-align: middle
}

.uploader-modal .audio-container .item {
  position: relative;
  text-align: center;
  border: 1px solid #e8e9eb;
  width: calc(25% - 20px);
  height: 150px
}

.uploader-modal .audio-container .item img {
  width: 60px;
  height: 60px;
  margin-top: 18px
}

.uploader-modal .video-container .item {
  position: relative;
  text-align: center;
  border: 1px solid #e8e9eb;
  width: calc(25% - 20px);
  height: 150px
}

.uploader-modal .video-container .item img {
  width: 60px;
  height: 60px;
  margin-top: 18px
}

.webuploader-container {
  position: relative;
  width: 100%;
  display: block
}

.webuploader-container .webuploader-pick {
  background-color: #11a8bb!important;
  color: #fff;
  padding: 5px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.53846154;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer
}

.webuploader-element-invisible {
  display: none!important
}

.uploader-vod-modal .modal-header {
  border-bottom: 0
}

.uploader-vod-modal .modal-body {
  padding: 0
}

.uploader-vod-modal .material-head {
  border-bottom: 1px solid #ddd;
  padding: 0 10px 10px
}

.uploader-vod-modal .material-head .progress-box {
  width: calc(100% - 86px);
  height: 40px
}

.uploader-vod-modal .material-head .progress-box .progress {
  margin-bottom: 0
}

.uploader-vod-modal .material-head .btn-uploader {
  height: 40px
}

.uploader-vod-modal .material-head .btn-uploader uploader-btn {
  padding: 5px 10px;
  height: 40px;
  line-height: 28px;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  color: #888;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  display: inline-block
}

.uploader-vod-modal .material-head .btn-uploader uploader-btn input {
  position: absolute;
  font-size: 100px;
  right: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer
}

.uploader-vod-modal .material-body {
  height: 407px;
  padding: 0
}

.uploader-vod-modal .material-body .lists {
  min-height: 300px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  padding: 10px;
  flex-wrap: wrap;
  max-height: 360px;
  overflow-y: auto;
  overflow-x: hidden
}

.uploader-vod-modal .material-body .lists p.loading {
  display: block;
  flex: 1;
  text-align: center;
  font-size: 16px;
  color: #999;
  padding: 60px 0
}

.uploader-vod-modal .material-body .lists .item {
  flex: none;
  position: relative;
  margin: 10px;
  text-align: center;
  vertical-align: middle
}

.uploader-vod-modal .material-body .lists .item:hover {
  outline: #3296fa solid 2px;
  cursor: pointer
}

.uploader-vod-modal .material-body .lists .item .name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 34px;
  background: rgba(0,0,0,.5);
  color: #fff;
  padding: 0 20px;
  text-align: left;
  z-index: 2
}

.uploader-vod-modal .material-body .audio-container .item .time,.uploader-vod-modal .material-body .video-container .item .time {
  color: #999;
  line-height: 34px
}

.uploader-vod-modal .material-body .image-container .item {
  width: calc(20% - 20px);
  background-color: #eee;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.uploader-vod-modal .material-body .image-container .item:before {
  content: "";
  display: inline-block;
  padding-bottom: 100%;
  width: .1px;
  vertical-align: middle
}

.uploader-vod-modal .material-body .audio-container .item {
  position: relative;
  text-align: center;
  border: 1px solid #e8e9eb;
  width: calc(25% - 20px);
  height: 150px
}

.uploader-vod-modal .material-body .audio-container .item img {
  width: 60px;
  height: 60px;
  margin-top: 18px
}

.uploader-vod-modal .material-body .video-container .item {
  position: relative;
  text-align: center;
  border: 1px solid #e8e9eb;
  width: calc(25% - 20px);
  height: 150px
}

.uploader-vod-modal .material-body .video-container .item img {
  width: 60px;
  height: 60px;
  margin-top: 18px
}

.uploader-vod-modal .material-body .attachment-page {
  padding: 0 10px;
  text-align: right
}

.uploader-vod-modal .material-body .attachment-page .pager {
  margin: 5px 0
}

.uploader-vod-modal .material-body .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(0,0,0,.5);
  text-align: center;
  display: none
}

.uploader-vod-modal .material-body .mask .icon {
  color: #fff;
  font-size: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.uploader-vod-modal .material-body .del {
  position: absolute;
  width: 34px;
  line-height: 34px;
  text-align: center;
  background-color: #3296fa;
  cursor: pointer;
  bottom: 0;
  right: 0;
  z-index: 6;
  display: none
}

.uploader-vod-modal .modal-footer {
  border-top: 0;
  text-align: center;
  padding: 0 0 30px
}

.uploader-vod-modal .modal-footer .btn {
  display: inline-block;
  min-width: 140px
}

.time-member-lists-section .search-div .orders-margin-right {
  margin-right: 10px
}

.time-member-lists-section .search-div .clear-search {
  line-height: 34px;
  color: #3296fa
}

.time-member-lists-section .search-div .search-group .search-type {
  float: left;
  width: 120px;
  margin-right: 10px
}

.time-member-lists-section .search-div .search-group .keywords {
  float: left;
  width: 180px;
  margin-right: 10px
}

.time-member-lists-section .search-div .search-group .daterange-date-box {
  float: left;
  margin-right: 10px
}

.time-member-lists-section .search-div .search-group .daterange-date-box .daterange-date {
  float: left;
  background-color: #fff;
  border: 1px solid #e8e9eb
}

.time-member-lists-section .search-div .search-group .search-btn {
  float: left;
  margin-right: 10px;
  width: 60px
}

.time-member-lists-section .time-lists .time-lists-item td:first-child,.time-member-lists-section .time-lists .time-lists-item th:first-child {
  padding-left: 14px;
  width: auto
}

.time-knowledge-lists-section .time-lists .time-total .item .all-total,.time-knowledge-lists-section .time-lists .time-total .item .today-total {
  padding: 10px
}

.time-member-lists-section .time-lists .time-lists-item .user-info {
  width: 200px
}

.time-member-lists-section .time-lists .time-lists-item .user-info .avatar {
  float: left;
  width: 60px;
  height: 60px
}

.time-member-lists-section .time-lists .time-lists-item .user-info .avatar img {
  width: 60px;
  height: 60px;
  border-radius: 50%
}

.time-member-lists-section .time-lists .time-lists-item .user-info .info {
  height: 60px;
  width: 140px;
  margin-left: 70px
}

.time-member-lists-section .time-lists .time-lists-item .user-info .info .nickname,.time-member-lists-section .time-lists .time-lists-item .user-info .info .uid {
  line-height: 30px
}

.time-knowledge-lists-section .search-div .orders-margin-right {
  margin-right: 10px
}

.time-knowledge-lists-section .search-div .clear-search {
  line-height: 34px;
  color: #3296fa
}

.time-knowledge-lists-section .search-div .search-group .search-type {
  float: left;
  width: 120px;
  margin-right: 10px
}

.time-knowledge-lists-section .search-div .search-group .keywords {
  float: left;
  width: 180px;
  margin-right: 10px
}

.time-knowledge-lists-section .search-div .search-group .daterange-date-box {
  float: left;
  margin-right: 10px
}

.time-knowledge-lists-section .search-div .search-group .daterange-date-box .daterange-date {
  float: left;
  background-color: #fff;
  border: 1px solid #e8e9eb
}

.time-knowledge-lists-section .search-div .search-group .search-btn {
  float: left;
  margin-right: 10px;
  width: 60px
}

.time-knowledge-lists-section .time-lists .time-user-info {
  width: 200px;
  margin: 20px auto 10px;
  text-align: center
}

.time-knowledge-lists-section .time-lists .time-user-info .avatar img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: block;
  margin: 0 auto
}

.time-knowledge-lists-section .time-lists .time-user-info .info .nickname,.time-knowledge-lists-section .time-lists .time-user-info .info .uid {
  display: inline-block;
  line-height: 30px
}

.time-knowledge-lists-section .time-lists .time-total {
  background-color: #fff
}

.time-knowledge-lists-section .time-lists .time-total .item {
  font-size: 14px
}

.time-knowledge-lists-section .time-lists .time-total .item .all-total .title,.time-knowledge-lists-section .time-lists .time-total .item .today-total .title {
  font-size: 16px;
  text-align: center
}

.time-knowledge-lists-section .time-lists .time-total .item .all-total .value {
  text-align: center;
  color: #666
}

.time-knowledge-lists-section .time-lists .time-total .item .today-total .value {
  text-align: center;
  color: #666
}

.time-knowledge-lists-section .time-lists .time-lists-item td:first-child,.time-knowledge-lists-section .time-lists .time-lists-item th:first-child {
  padding-left: 14px;
  width: auto
}

.time-knowledge-lists-section .time-lists .time-lists-item .products-info .cover {
  float: left;
  width: 100px
}

.time-knowledge-lists-section .time-lists .time-lists-item .products-info .cover img {
  border-radius: 5px;
  width: 100px
}

.time-knowledge-lists-section .time-lists .time-lists-item .products-info .info {
  margin-left: 110px;
  padding-left: 10px;
  font-size: 14px;
  width: 360px;
  overflow: hidden
}

.time-knowledge-lists-section .time-lists .time-lists-item .products-info .info .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
  color: #666
}

.time-knowledge-lists-section .time-lists .time-lists-item .products-info .info .type {
  display: inline-block;
  padding: 0 5px;
  color: #fff;
  background: rgba(0,0,0,.5);
  border-radius: 3px
}

.member-list-section .status-nav {
  margin-bottom: 10px
}

.member-list-section .user-info img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  float: left
}

.member-list-section .user-info .title {
  height: 60px;
  line-height: 60px;
  float: left;
  margin-left: 10px
}

.member-type-section .info {
  margin-left: 90px;
  font-size: 14px;
  width: 200px;
  overflow: hidden
}

.member-type-section .empty {
  padding: 10px 0
}

.member-type-section .empty .text {
  text-align: center;
  font-size: 18px;
  padding: 60px 0
}

.member-type-section .empty .config {
  text-align: center
}

.member-type-section .member-config-item {
  width: 428px;
  float: left;
  margin: 10px
}

.member-type-section .member-config-item .member-title {
  font-size: 18px;
  padding: 15px
}

.member-type-section .member-config-item .member-card-box {
  position: relative;
  background-color: #fff;
  margin: 5px 15px;
  height: 250px
}

.member-type-section .member-config-item .member-card-box .member-card-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 15px;
  overflow: hidden
}

.member-type-section .member-config-item .member-card-box .member-card-bg img {
  width: 100%;
  display: block
}

.member-type-section .member-config-item .member-card-box .member-card-info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  padding: 15px 15px 10%;
  display: block;
  border-radius: 20px;
  z-index: 2
}

.member-type-section .member-config-item .member-card-box .member-card-info .title {
  color: #D9B68B
}

.member-type-section .member-config-item .member-card-box .member-card-info .title .member-card-logo {
  float: left;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  overflow: hidden
}

.member-type-section .member-config-item .member-card-box .member-card-info .title .member-card-title {
  margin-left: 46px;
  line-height: 36px
}

.member-type-section .member-config-item .member-card-box .member-card-info .member-type {
  text-align: left;
  font-size: 36px;
  margin-top: 20px
}

.member-type-section .member-config-item .member-card-box .member-card-info .member-description {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
  height: 36px;
  color: #D9B68B;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.member-type-section .member-config-item .member-card-box .member-card-info .status {
  position: absolute;
  width: 80px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  top: 20px;
  right: 20px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px
}

.member-type-section .member-config-item .member-price-box {
  margin-top: 5px;
  padding: 5px 15px;
  background-color: #fff;
  height: 168px
}

.member-type-section .member-config-item .member-price-box .price {
  padding: 0 15px;
  margin-top: 5px;
  border-radius: 5px;
  border: 1px solid #eee;
  background-color: #eee;
  line-height: 32px
}

.member-type-section .member-config-item .member-price-box .price .mui-icon {
  display: none;
  margin-top: 5px;
  float: right
}

.member-type-section .member-config-item .member-price-box .active {
  background-color: #333;
  border: 1px solid #333;
  color: #D9B68B
}

.member-type-section .member-config-item .member-price-box .active .mui-icon {
  display: inline-block
}

.member-type-section .member-config-item .action {
  text-align: center;
  padding: 20px 0
}

.member-type-edit-section .form .form-edit {
  margin-bottom: 10px
}

.member-type-edit-section .form .discount {
  display: inline-block;
  vertical-align: top;
  line-height: 32px
}

.member-type-edit-section .form .discount .input-group,.member-type-edit-section .form .discount input {
  width: 180px
}

.member-type-edit-section .form .category-tree-section {
  height: 300px;
  padding: 0 10px;
  border: 1px solid #f0f0f0;
  overflow-y: auto
}

.member-type-edit-section .form .category-tree-section .item {
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0
}

.member-type-edit-section .form .category-tree-section .item .child-box {
  padding-left: 30px
}

.member-type-edit-section .form .category-tree-section .item:first-child {
  padding-top: 0
}

.member-type-edit-section .form .category-tree-section .item:last-child {
  border: 0
}

.member-edit-section .member-type-box {
  position: relative
}

.member-edit-section .member-type-box .member-card-info {
  position: relative;
  float: left;
  width: 328px;
  cursor: pointer
}

.member-edit-section .member-type-box .member-card-info .member-title {
  font-size: 18px;
  padding: 15px
}

.member-edit-section .member-type-box .member-card-info .member-card-box {
  background-color: #fff;
  padding: 5px
}

.member-edit-section .member-type-box .member-card-info .member-card-box .member-card {
  position: relative;
  height: auto;
  -webkit-background-size: cover;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #F6F8F9;
  padding: 15px 15px 10%;
  display: block;
  border-radius: 20px
}

.member-edit-section .member-type-box .member-card-info .member-card-box .member-card .member-type {
  text-align: left;
  font-size: 28px;
  margin-top: 20px
}

.member-edit-section .member-type-box .member-card-info .member-card-box .member-card .member-description {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
  height: 36px;
  color: #D9B68B;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.member-edit-section .member-type-box .member-card-info .member-card-box .member-card .choose-card-bg {
  background: rgba(0,0,0,.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  text-align: center;
  line-height: 180px
}

.member-edit-section .member-type-box .member-card-info .member-card-box .member-card .choose-card-bg i {
  color: #fff;
  font-size: 36px
}

.member-edit-section .member-type-box .choose {
  position: absolute;
  bottom: 20px;
  right: 20px;
  text-align: center
}

.member-edit-section .choose-user .user-avatar {
  float: left;
  width: 50px;
  height: 50px
}

.member-edit-section .choose-user .user-avatar img {
  width: 100%;
  border-radius: 50%;
  overflow: hidden
}

.member-edit-section .choose-user .user-nickname {
  margin-left: 60px;
  line-height: 50px
}

.member-edit-section .end-time {
  display: block;
  margin-bottom: 10px
}

#ajaxwaitid {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 0 5px;
  background: #D00;
  color: #FFF;
}