[v-cloak] {
  display: none !important;
}
@font-face {
  font-family: "fontleague"; /* Project id 4052805 */
  src:  url('League_Gothic.ttf?t=1690763714658') format('truetype');
}
@font-face {
  font-family: "jetbrain"; /* Project id 4052805 */
  src:  url('JetBrainsMono.ttf?t=1690763714658') format('truetype');
}
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
}
.fontleague{
  font-family: "fontleague" !important;
  font-style: normal;
  /* letter-spacing: 3rem; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.jetbrain{
  font-family: "jetbrain"  !important;
  font-style: normal;
  /* letter-spacing: 3rem; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  background-color: #f9f9f9;
  font-family:'Microsoft YaHei','PingFang SC',  'Helvetica Neue', Helvetica, 'Hiragino Sans GB',  '微软雅黑,Arial', 'sans-serif';
  min-width: 1200px;
}
h1,h2,h3,h4,h5,h6,div{
  font-weight: normal;
}
a {
  text-decoration: none;
}

ul {
  list-style: none;
}

/* 首页 */
.home .el-carousel__item .el-image {
  width: 100%;
  height: 100%;
}
.home {
  min-width: 1200rem;
}
.home .main {
  width: 1200rem;
  margin: 0 auto;
}
.home .base-header {
  min-width: 1200rem;
}
.home .advert-push1 {
  padding-top: 30rem;
  padding-bottom: 30rem;
}

.home .advert-push1 .el-col-8 {
  padding-right: 7rem !important;
  padding-left: 7rem !important;
}

.home .advert-push1 .el-image {
  display: block;
  width: 100%;
  height: 100rem;
  border-radius: 8rem;
}

.image-slot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #f5f7fa;
  font-size: 30rem;
  color: #909399;
}


/* 抽屉弹窗样式 */
#body .drawer_box .el-drawer__header {
  display: none;
}

#body .drawer_box .el-drawer__body {
  background: #292a45;
  padding: 20rem 20rem 10rem 20rem;
}

.drawboxcon {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: center;

  overflow: hidden;
}
.drawboxcon .rongqi {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  min-height: 110rem;
  max-height: 200rem;
  background: #2B2D49;
  padding: 20rem;
  border-radius: 10rem 10rem 0 0;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1rem solid #3f4161;
  /* border-bottom: 0rem; */
}

.drawboxcon .rongqi .rongqi_clear {
  text-align: right;
  margin-bottom: 10rem;
}

.drawboxcon .rongqi .rongqi_con {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
}

.drawboxcon .rongqi .rongqi_con .rongqi_con_tag {
  display: inline-block;
  margin-right: 8rem;
  margin-bottom: 8rem;
  font-size: 12rem;
  font-weight: normal;

  height: 30rem;
  line-height: 30rem;
}

.drawboxcon_main {
  flex: 1 0 auto;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: start;
  position: relative;
}

/* 导航 */
.drawboxcon_main_nav {
  flex: 0 0 auto;
  height: auto;
  width: 100%;
  padding: 15rem 20rem 5rem 20rem;
  background-color: #363858;
  border: 0rem solid #7475a1;
  border-bottom: 0rem;
  border-top: 0rem;
}

.drawboxcon_main_nav_search {
  display: flex;
  flex-flow: row nowrap;
  justify-content: right;
  align-items: center;
}
.drawboxcon_main_nav_search_input {
  width: 300rem;
  height: 40rem;
}
.drawboxcon_main_nav_search_input .el-input__inner {
  width: 300rem;
  height: 40rem;
  background-color: #fff;
  color: #444;
  border: 0;
  border-radius: 5rem;
}
.drawboxcon_main_nav_search_input .el-input-group__append {
  background-color: #e3e9f0;
  color: #444;
  border: 0;
  border-radius: 0 6;
}
.drawboxcon_main_nav_search_input .el-input-group__append:hover {
  background-color: #c2cbd6;
}

.drawboxcon_main_nav_tab {
  padding-bottom: 0rem;
}
.drawboxcon_main_nav_tab .drawboxcon_main_nav_tab_btn {
  font-size: 14rem;
  padding: 0rem 10rem;
  background-color: #505175;
  border:1rem solid #5d5f83;
  color: #fff;
  
  height: 35rem;
  line-height: 35rem;
  margin-bottom: 10rem;
  font-weight: normal;
}
 
.drawboxcon_main_nav_tab .drawboxcon_main_nav_tab_btn span {

  font-weight: normal;
}
.drawboxcon_main_nav_tab .drawboxcon_main_nav_tab_btn i{

  font-weight: normal;
}
.drawboxcon_main_nav_tab .drawboxcon_main_nav_tab_btn .tabspan {
  background-color: #6f7096;
  border-radius: 30rem;
  display: inline-block;
  text-align: center;
  font-size: 12rem;
  line-height: 18rem;
  color: #cfd0ed;
  width: 18rem;
  height: 18rem;
}

.drawboxcon_main_nav_tab .drawboxcon_main_nav_tab_btn:hover {
  background-color: #595a81;
  color: #cfd0ed;
  border: 1rem solid #5d5f83;
}
.drawboxcon_main_nav_tab .el-button:focus {
  background-color: #c6ff00;
  color: #222;
}
.drawboxcon_main_nav_tab .btn_active {
  background-color: #c6ff00;
  color: #222;
  border:1rem solid #b1e200;
}
.drawboxcon_main_nav_tab .btn_active:hover {
  background-color: #d0ff27;
  color: #222;
  border:1rem solid #b1e200;
}

.drawboxcon_main_nav_tab .btn_active .tabspan {
  background-color: #b3dd19;
  border-radius: 30rem;
  display: inline-block;
  text-align: center;
  font-size: 12rem;
  line-height: 18rem;
  color: #222;
  width: 18rem;
  height: 18rem;
}

.drawboxcon_main_nav_tab .drawboxcon_main_nav_tab_btn2 {
  font-size: 13rem;
  padding: 0rem 10rem;
  height: 30rem;
  line-height: 30rem;
  background: none;
  color: #e2e3f0;
  border: 0rem;
  margin-bottom: 10rem;
  border: 1rem solid #414364;
}
.drawboxcon_main_nav_tab .drawboxcon_main_nav_tab_btn2:hover {
  background: none;
  color: #cfd0ed;
  border: 1rem solid #7878a1;
}
.drawboxcon_main_nav_tab .drawboxcon_main_nav_tab_btn2:focus {
  color: #cfd0ed;
  background-color: #7878a1;
}
.drawboxcon_main_nav_tab .active {
  color: #d0ff27;
  background-color: #262745;
  border: 1rem solid #d0ff27;
}
.drawboxcon_main_nav_tab .active:focus {
  color: #d0ff27;
  background-color: #262745;
  border: 1rem solid #d0ff27;
}

.drawboxcon_footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 10rem;
  width: 100%;
}
.drawboxcon_main_nav_total {
  font-size: 14rem;
  color: #cfd0ed;
}
.drawboxcon_main_nav_total span {
  font-size: 14rem;
  color: #ffbe67;
}
.drawboxcon_footer .confirm {
  background-color: #d0ff27;
  color: #222;
  border-radius: 50rem;
}
.drawboxcon_footer .confirm:hover {
  background-color: #d0ff27;
  color: #222;
}

.drawboxcon_main_nav_tab .tabspan2 {
  background-color: #6f7096;
  border-radius: 30rem;
  display: inline-block;
  text-align: center;
  font-size: 12rem;
  line-height: 18rem;
  color: #fff;
  width: 18rem;
  height: 18rem;
}
.drawboxcon_main_nav_tab .active .tabspan2 {
  color: #222;
  background-color: #d0ff27;
 
}

/* 关键词列表 */
.drawboxcon_main_con {
  padding: 20rem;
  background-color: #58597a;
  flex: 1 1 250rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: starts;
  align-content: flex-start;
  border: 1rem solid #7475a1;
  /* border-top: 0rem; */
  width: 100%;

  overflow-y: scroll;
  overflow-x: hidden;
  border-radius: 0 0 10rem 10rem;
}

/* 个人中心 */
.my .main {
  width: 1200rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: stretch;
  position: relative;
  
}

.my .main .el-breadcrumb {
  margin-top: 30rem;
  margin-bottom: 20rem;
}

.my .main .user {
  flex: 0 0 auto;
  width:240rem;
 
  align-items: center; 
  padding:  0rem 10rem;
  background-color: #fff;
  font-size: 14rem;
  color: #999;
  position: relative;
  z-index: 88;
  /* height: 100%; */
}

.my .main  .my_con{
  flex: 1 0 auto;
  background: #F6F6FF;
  padding: 20rem;
  max-width: 960rem;
}

.my .main .user .user_msg {
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: center;
  margin-top: -50rem;
  border-bottom: 2rem solid #EAEAF8;
  padding-bottom:20rem;

}

.my .main .user .user_msg .el-avatar{
  border: 5rem solid #DFDFF1;
}
.my .main .user .inner {
 
  text-align: center;
}

.my .main .user .name h3{
 margin-top: 10rem;
 font-size: 18rem;
 font-weight: bolder;
 color: #393a77;
}
.my .main .user .name h4{
  margin-top: 10rem;
  font-size: 12rem;
  font-weight: normal;
 
  background: #f7f7f7;
  color: #797979;
  padding: 5rem 10rem;
  border-radius: 20rem;
  display: inline-block;
 }
 .user .user_msg .my_logout{
  margin-top: 20rem;
  font-size: 14rem;
  font-weight: normal;
  color:#fff ;
  background: #9495C9;
  padding: 8rem 15rem;
  border-radius: 20rem;
  border:0rem;
 
 }


.my .main .user .vip {
  display: inline-block;
  height:  auto;
  padding:  0rem;
  padding-right: 0rem;
  /* padding-right: 14rem;
  padding-left: 28rem; */
  border-radius: 30rem;
  margin-left: 0rem;
  background-color: #FFF3E3;
  /* background: #fff3e1 url('../images/vip.png') 10rem center/14rem no-repeat; */
  font-weight: normal;
  font-size: 12rem;
  line-height: 25rem;
  line-height: 25rem;
  color: #9f620e;
  margin-top: 10rem;
}
.my .main .user .vip span{
  height:25rem ;
  line-height: 25rem;
  display: inline-block;
  background: #f0d6b6;
  padding: 0 8rem;
  border-radius: 30rem;
  color: #9f620e;
}



.my .main .user .navlist{
  margin-top: 40rem;

}
.my .main .user .navlist .el-menu{
  border:0rem;
}
.my .main .user .navlist .el-menu-item {
  height: 30rem;
  line-height: 30rem;
  font-size: 15rem;
  font-weight: bolder;
  margin-bottom: 20rem;
  color: #6d6e92;
  background: #fff;
  padding: 0 20rem 0 40rem;
  list-style: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: border-color .3s,background-color .3s,color .3s;
  transition: border-color .3s,background-color .3s,color .3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  border-left: 4rem solid transparent;
}
.my .main .user .navlist .el-menu-item:hover {
  background: #fff !important;
  color:#42495c ;

}

.my .main .user .navlist .el-menu-item.is-active {
  border-left:4rem solid #5C5DC8;

}

/* .my .main .user .el-button {
  padding: 11rem 26rem;
  border-color: #2c8eff;
  font-size: 16rem;
  color: #2c8eff;
} */

.my .main .el-tabs {
  margin-top: 2rem;
}

.my .main .el-tabs__header {
  padding-right: 20rem;
  padding-left: 20rem;
  margin-bottom: 30rem;
  background-color: #fff;
  display: none;
}

.my .main .el-tabs__nav-wrap::after {
  display: none;
}

.my .main .el-tabs__item {
  height: 56rem;
  padding-right: 25rem;
  padding-left: 25rem;
  font-size: 16rem;
  line-height: 56rem;
  color: #666;
}

.my .main .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
  padding-left: 30rem;
}

.my .main .el-tabs__item.is-active {
  font-weight: bold;
  color: #2c8eff;
}

.my .main .el-tabs__active-bar {
  background-color: #2c8eff;
}

.my .main .el-tabs__content {
  background-color: #fff;
  background: none;
}

.my .main .account {
  padding-left: 55rem;
  margin-bottom: 62rem;
  font-size: 18rem;
  color: #282828;
}

.my .main .account-hd {
  padding-left: 8rem;
  line-height: 60rem;
}

.my .main .account-bd {
  border-top: 1rem solid #ececec;
}

.my .main .account .wrap-hd {
  padding-top: 34rem;
  padding-bottom: 38rem;
  padding-left: 10rem;
}

.my .main .account .wrap-bd {
  padding-right: 46rem;
}

.my .main .account .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 26rem 8rem 26rem 16rem;
  border-bottom: 1rem dashed #ddd;
  font-size: 14rem;
}

.my .main .account .item div:first-child {
  width: 120rem;
  color: #777;
}

.my .main .account .item div:nth-child(2) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.my .main .account .item div:last-child {
  color: #2c8eff;
  cursor: default;
}

.my .main .account .item:first-child div:last-child {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.my .main .account .item img {
  display: block;
  width: 80rem;
  height: 80rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.my .main .account-ft {
  padding-top: 38rem;
  padding-right: 44rem;
  padding-bottom: 43rem;
  text-align: right;
}

.my .main .account-ft .ivu-btn {
  width: 130rem;
  height: 40rem;
}

/* 课程列表 */
.my .main-course {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40rem;
}

.my .main-course a {
  width: 260rem;
  border-radius: 8rem;
  margin: 10rem;
  overflow: hidden;
  -webkit-box-shadow: 0 2rem 15rem rgba(79, 109, 143, 0.15);
  box-shadow: 0 2rem 15rem rgba(79, 109, 143, 0.15);
}

.my .main-course img {
  display: block;
  width: 260rem;
  height: 146rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.my .main-course a > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 124rem;
  padding: 13rem 20rem 16rem;
  font-size: 12rem;
  color: #999;
}

.my .main-course a > div > div:first-child {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 16rem;
  color: #282828;
}

.my .main-course a > div > div:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.my .main-course a > div > div:nth-child(2) div {
  padding-right: 7rem;
  padding-left: 7rem;
  border-radius: 2rem;
  background-color: rgba(44, 142, 255, 0.06);
  font-size: 12rem;
  line-height: 22rem;
  color: #2c8eff;
}

.my .main-course a > div > div:nth-child(2) div ~ div {
  margin-left: 10rem;
}

.my .main-course a > div > div:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.my .main-course a > div > div:last-child > div:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 14rem;
  color: #ff6b00;
}

.my .main-course a > div > div:last-child > div:first-child div:first-child {
  font-size: 18rem;
}

.my .main-course a > div > div:last-child > div:first-child div:nth-child(2) {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding-left: 28rem;
  margin-left: 10rem;
  font-weight: normal;
  font-size: 12rem;
  color: #282828;
}

/* 我的资料 */
.my .main-material {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40rem;
}

.my .main-material a {
  width: 260rem;
  border-radius: 8rem;
  margin: 10rem;
  overflow: hidden;
  -webkit-box-shadow: 0 2rem 15rem rgba(79, 109, 143, 0.15);
  box-shadow: 0 2rem 15rem rgba(79, 109, 143, 0.15);
}

.my .main-material img {
  display: block;
  width: 260rem;
  height: 146rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.my .main-material a > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 124rem;
  padding: 13rem 20rem 16rem;
}

.my .main-material {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40rem 50rem;
  margin-top: 30rem;
  margin-right: -20rem;
  margin-bottom: -20rem;
  background-color: #fff;
}

.my .main-material a {
  width: 260rem;
  border-radius: 8rem;
  margin-right: 20rem;
  margin-bottom: 20rem;
  -webkit-box-shadow: 0 2rem 15rem rgba(79, 109, 143, 0.15);
  box-shadow: 0 2rem 15rem rgba(79, 109, 143, 0.15);
}

.my .main-material img {
  display: block;
  width: 260rem;
  height: 146rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.my .main-material a > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 124rem;
  padding: 13rem 20rem 16rem;
}

.my .main-material a > div > div:first-child {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 16rem;
  color: #282828;
}

.my .main-material a > div > div:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

/* 付款页 */
.payment .main {
  width: 1200rem;
  margin: 70rem auto;
}

.payment .main .goods {
  position: relative;
  background-color: #fff;
}

.payment .main .goods .tip {
  padding-left: 30rem;
  background: #9495C9;
  font-size: 32rem;
  line-height: 136rem;
  color: #fff;
}

.payment .main .goods .content {
  padding: 30rem;
  font-size: 16rem;
  color: #282828;
}

.payment .main .goods .content > div {
  margin-top: 15rem;
}

.payment .main .goods .content span {
  color: #ff6b00;
}

.payment .main .goods .el-image {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.payment .main .method {
  margin-top: 15rem;
  background-color: #fff;
}

.payment .main .method .title {
  padding: 30rem 38rem;
  font-size: 18rem;
  color: #282828;
}

.payment .main .radio-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 30rem;
}

.payment .main .radio-group label {
  margin-right: 20rem;
}

.payment .main .radio-group input + div {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 220rem;
  height: 86rem;
  border: 1rem solid #d4d4d4;
  border-radius: 8rem;
}

.payment .main .radio-group input:checked + div {
  border-color: #9495C9;
}

.payment .main .radio-group input + div > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 48rem;
  background: url('../images/alipay.png') left center/36rem 36rem no-repeat;
  font-size: 16rem;
  color: #4e4e4e;
}

.payment .main .radio-group input + div > div > div {
  margin-top: 5rem;
  font-size: 14rem;
  color: #969696;
}

.payment .main .radio-group .yue input + div > div {
  background-image: url('../images/yue.png');
}

.payment .main .radio-group .wxpay input + div > div {
  background-image: url('../images/wxpay.png');
  -o-background-size: 38rem 33rem;
  background-size: 38rem 33rem;
}

.payment .main .method > div:nth-child(3) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 480rem;
}

.payment .main .method .el-button {
  padding: 14rem 65rem;
  border-color: #7b7caf;
  border-radius: 23rem;
  background-color: #9495C9;
  font-size: 16rem;
  color: #fff;
}

.payment .main .method .qrcode img {
  width: 250rem;
  height: 250rem;
}

.payment .main .method .pay-tip {
  margin: 30rem 0 0;
  font-size: 18rem;
  line-height: 24rem;
  color: #666666;
}

.payment .main .method .pay-tip + div {
  font-size: 0;
}

.payment .main .method .pay-tip + div a {
  display: inline-block;
  width: 150rem;
  height: 42rem;
  border-radius: 21rem;
  margin: 50rem 0 0;
  background: #2c8eff;
  font-size: 16rem;
  line-height: 42rem;
  text-align: center;
  color: #ffffff;
}

.payment .main .method .pay-tip + div a ~ a {
  display: inline-block;
  border: 1rem solid #999999;
  border-radius: 21rem;
  margin: 0 0 0 30rem;
  background: transparent;
  font-size: 16rem;
  line-height: 40rem;
  text-align: center;
  color: #999999;
}

.payment .main .method .pay-tip span {
  font-weight: bold;
  font-size: 30rem;
  color: #ff6b00;
}

.payment .el-dialog__body {
  padding: 12rem 25rem 30rem;
}

.payment .el-dialog__body .el-image {
  display: block;
  width: 192rem;
  height: 138rem;
  margin: 0 auto;
}

.payment .el-dialog__body > div:nth-child(2) {
  margin-top: 39rem;
  font-size: 22rem;
  line-height: 29rem;
  text-align: center;
  color: #2c8eff;
}

.payment .el-dialog__body > div:nth-child(3) {
  margin-top: 10rem;
  font-size: 16rem;
  line-height: 21rem;
  text-align: center;
  color: #939393;
}

.payment .el-dialog__footer {
  padding: 9rem 20rem 40rem;
}

.payment .el-dialog__footer .el-button {
  width: 150rem;
  height: 42rem;
  border-color: #2c8eff;
  border-radius: 21rem;
  background-color: #2c8eff;
  font-size: 16rem;
  color: #ffffff;
}

/* 公共样式 */
#app{
 
  background:#E7E7F0 ;
}
.imgloadholder{
  width: 100%;
  height: 100%;
  overflow: hidden;
 
  background: #383855 url('http://mymidjourney.oss-cn-qingdao.aliyuncs.com/5b619202306081502177935.gif') no-repeat center center;
  background-size: 48rem 48rem;
}

.uni_hadder{
  position: relative;
  height: 60rem;
 
}
.uni_banner{
  width: 100%;
  height: 200rem;
  position: relative;
}
.uni_banner .el-image{
  width: 100%;
  height: 200rem;
  position: relative;
}

.uni_banner .bannerbox{
  position: absolute;
  top: 50rem;
  width: 600rem;
  height: 100rem;
  left: 50%;
  margin-left: -300rem;
  /* background: rgba(0,0,0,0.5); */
  background-image: linear-gradient(to right, rgba(74, 70, 112, 0.1)  , rgb(57, 53, 92)  ,rgba(74, 70, 112, 0.1)  );
  
}
.uni_banner h2{
  font-size: 28rem;
  color: #fff;
  text-align: center;
  margin-top: 15rem;
}
.uni_banner h4{
  font-size: 18rem;
  color: #b1b1d1;
  text-align: center;
  margin-top: 10rem;
}
.maincon {
  background: #292a45;
  padding: 20rem 20rem;
  position: relative;
}
.maincon .el-main {
  padding: 0rem;
  position: relative;
  z-index: 1;
}
.el-main .scq {
  position: relative;
  z-index: 1;
}

.scq_top {
  /* flex: 0 0 auto; */
  width: 100%;
  height: auto;
  /* background: #384084;
  border:1rem solid #5C63A5; */
  position: relative;
  position: relative;
  z-index: 10;
  border-radius: 10rem;
}

.scq_con {
}
 #body .pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0rem;
  padding: 30rem 0rem;
  background-color: #292a45;
}
 
 
#body .el-pagination button {
  width: 78rem;
  height: 38rem;
  border: 1rem solid #e7e8f1;
  border-radius: 2rem;
  font-size: 14rem;
  color: #222;
  background:#e7e8f1;
}

#body .el-pagination .btn-prev,
.el-pagination .btn-next {
  padding: 0;
  margin: 0 5rem 0 0;
}

#body .el-pagination .btn-next {
  margin: 0;
}

#body .el-pager li {
  height: 38rem;
  padding: 0 15rem;

  border-radius: 2rem;
  margin: 0 5rem 0 0;
  font-size: 14rem;
  line-height: 36rem;
  color: #fff;
  border: 1rem solid #6f7194;
  background: #58597A;
}

#body .el-pager li.active {
  border-color: #a2ce06;
  background: #C6FF00;
  color: #222;
}

#body .el-pager li.active + li {
  border: 1rem solid #6f7194;
  background: #58597A;
}

#body  .el-loading-spinner .el-loading-text {
  color: #d1d2e6;
  margin: 3rem 0;
  font-size: 14rem;
}
/* 个人中心 资源管理 */