body{
  margin-top: 0 !important;
}
h2.page-header {
  margin: 10px 0 25px 0;
  padding-bottom: 15px;
}

.user-baseinfo {
  margin-bottom: 25px;
}

.user-baseinfo table tr td {
  color: #999;
}

@media (min-width: 992px) {

  .user-center .avatar-text,
  .user-center .avatar-img {
    height: 150px;
    width: 150px;
    border-radius: 150px;
    line-height: 150px;
    font-size: 70px;
  }

  .user-center .avatar-img {
    font-size: 0;
  }

  .user-center .avatar-img img {
    height: 150px;
    width: 150px;
    border-radius: 150px;
  }
}

.sidebar-toggle {
  display: none;
}

li {
  list-style: none;
}

ul {
  margin: 0;
}

ul li a {
  text-decoration: none;
  color: #616161;
}

.dhl {
  height: 100px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 0 360px;
  background-color: #FFFFFF;
}

.dhl-image {
  font-size: 36px;
  font-family: DINPro;
  font-weight: 500;
  line-height: 100px;
}

.dhl-center {
  min-width: 60%;
}

.dhl-center ul li {
  display: inline-block;
  padding: 0 25px;
  line-height: 100px;
}

.dhl-center ul li a {
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: rgb(5, 16, 45);
  opacity: 1;
}

.dhl-rgtone {
  min-width: 260px;
  text-align: left;
  width: 260px;
  height: 36px;
  background: #FFFFFF;
  border: 1px solid #D4D8DD;
  border-radius: 18px;
  margin: 35px 0;
  line-height: 36px;
  color: #B7BBCF;
  font-size: 14px;
}

.dhl-rgtone input {
  border: none;
  margin-left: 8px;
  outline: none;
  line-height: normal;
}

.dhl-rgtone img {
  position: relative;
  left: 40px;
}

.dhl-rgttwo {
  min-width: 35px;
  margin: 33px 0;
  height: 33px;
  width: 33px;
  border: 1px solid black;
  border-radius: 50%;
  text-align: center;
}

/*---------------------------------------公开课中间的样式-----------------*/
.gkk-center {
  width: 100%;
  position: relative;
  height: 574px;
  background: url("../img/login_bg.png") no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
}

/* .cen-right {
  position: absolute;
  top: 99px;
  right: 403px;
  width: 376px;
  height: 377px;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 10px;
}

#myTab .hhha {
  background-color: white;
  color: #05102D;
  font-size: 18px;
  border-right: 1px solid #B7BBCF;
  border-radius: 0;
  padding: 0 45px;

  text-align: center;
}

#myTab .hhh {
  background-color: white;
  color: #05102D;
  font-size: 18px;
  padding: 0 22px;
}

#myTab .hhha:hover {
  color: #3673FE;
}

#myTab .hhh:hover {
  color: #3673FE;
}

.login-one input {
  margin: 15px 12px 15px 30px;
  display: inline-block;
  width: 314px;
  height: 50px;
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  opacity: 1;
  border-radius: 5px;
  outline: 0;
}

.login-one {
  height: 100%;
}

.login-one h2 {
  margin-top: 48px;
  text-align: center;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  line-height: 31px;
  color: #05102D;
  opacity: 1;
}

.login-one button {
  font-size: 18px;
  color: #FFFFFF;
  font-family: Source Han Sans CN;
  font-weight: 400;
}

.login-one p {
  padding: 0 31px;
}

.login-one span a {

  text-decoration: none;
} */

/*-------------------------中间样式 左-------------*/
.personal {
  margin-bottom: 50px;

}

.personal-banxin {
  margin: auto;
  display: flex;
  min-width: 1200px;
  position: relative;
  width: 60%;
}

.per-left {
  min-width: 200px;
  margin-top: 30px;
  width: 200px;
  margin-bottom: 49px;

}

.per-le-one {
  height: 175px;
  background-color: #F1F1F2;
}

.per-le-one-pho {
  width: 78px;
  height: 78px;
  border: 1px solid black;
  text-align: center;
  position: relative;
  top: 30px;
  left: 62px;
  border-radius: 50%;
}

.per-le-cha-pho {
  width: 63px;
  height: 23px;
  border: 1px solid rgba(0, 0, 0, .5);
  border-radius: 25px;
  background-color: black;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 47px;
  left: 6px;
  color: #fff;
  background-color: rgba(0, 0, 0, .5);
  opacity: 0;
}

.per-le-cha-pho span {
  display: block;
  font-size: 12px;
  overflow: hidden;
  line-height: 25px;
}

.per-le-one-pho:hover {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.per-le-one-pho:hover .per-le-cha-pho {
  opacity: 1;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.per-le-one-pho:hover .per-le-cha-pho span {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.per-le-one p {
  padding-top: 15px;
  text-align: center;
  margin-top: 25px;
  font-size: 18px;
  color: #05102D;
}

.per-le-two {
  background: #F1F1F2;
}

.per-le-two ul {
  padding: 0%;
  padding-top: 10px;
  padding-bottom: 26px;
}

.per-le-two ul .active {
  border-left: 3px solid #3673FE;
  background-color: #ffffff;
}

.per-le-two ul .active a {
  color: #3673FE;
}

.per-le-two ul li a i {
  margin-right: 10px;
}

.per-le-two ul li {
  padding-left: 22px;
  height: 58px;
  background: #F1F1F2;
  opacity: 1;
  line-height: 58px;
  border-left: 3px solid #F1F1F2;
}

.per-le-two ul li a {
  font-size: 14px;
  font-family: Source Han Sans CN;
  color: #05102D;
  font-weight: bold;
}

.per-le-two ul li img {
  padding-right: 10px;
  vertical-align: middle;
}


/*-------------------------中间样式 右-------------*/
.per-right {
  margin: 30px 0px 0px 26px;
  width: 980px;
}

.per-right p {

  margin: 30px;
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: bold;
}

.my-couser {
  width: 726px;
  height: 233px;
  border-radius: 10px;
  font-size: 18px;
  background-color: #FFFFFF;
  box-shadow: 0px 3px 10px rgb(250, 250, 250, 0.16);
}

.my-couser p {
  margin: 0%;
  font-size: 18px;
  padding-left: 26px;
  padding-top: 21px;
  height: 38px;
  border-bottom: 1px solid #F1F3F8;

}

.couser-one {
  width: 180px;
  height: 122px;
  margin: 26px;
  float: left;
}

.couser-two {
  float: left;
  margin-left: 18px;

}

.couser-two h6 {
  color: #C1C1C1;
  font-size: 14px;
  font-weight: 400;

}

.couser-two strong {
  color: #3673FE;
}

.my-couser button {
  width: 90px;
  height: 36px;
  background: #3673FE;
  opacity: 1;
  border-radius: 5px;
  border: none;
  color: white;
  font-size: 14px;
  position: relative;
  top: 69px;
  left: 26px;
}


/*-------------------------中间样式 右中的做题记录-------------*/
.exercises {
  width: 726px;
  height: 370px;
  margin-top: 21px;
  box-shadow: 0px 3px 10px rgba(193, 193, 193, 0.16);
  border-radius: 10px;
  font-size: 18px;
  background-color: #FFFFFF;
}

.exercises p {
  margin: 0%;
  font-size: 18px;
  padding-left: 26px;
  padding-top: 21px;
  height: 38px;
  border-bottom: 1px solid #F1F3F8;
}

.ex-listone {
  height: 127px;
  margin: 26px;
  border-bottom: 1px solid #C1C1C1;
}

.ex-listone .ex-listyi {
  height: 80px;

}

.ex-listyi img {
  float: left;
}

.ex-listyiyou {
  float: left;
  margin-left: 16px;
}

.ex-listyiyou h4 {
  margin: 0%;
  font-weight: 400;
  font-size: 16px;
}

.ex-listyiyou h4 span {
  width: 58px;
  height: 20px;
  border: 1px solid #3673FE;
  border-radius: 3px;
  color: #3673FE;
  font-size: 12px;
}

.ex-listyiyou h6 {
  color: #C1C1C1;
  font-size: 14px;
  margin-top: 18px;
  font-weight: 400;
}

.ex-lister {
  height: 40px;
}

.ex-lister button {
  width: 90px;
  height: 36px;
  border: 1px solid #3673FE;
  opacity: 1;
  border-radius: 5px;
  background-color: #FFFFFF;
  margin-left: 8px;
}



/*------------------每日一练------------------*/
.daytext {
  width: 222px;
  background: linear-gradient(180deg, #3C77FE 0%, #76A1FE 100%);
  box-shadow: 0px 3px 10px rgba(193, 193, 193, 0.16);
  opacity: 1;
  border-radius: 10px;
  float: right;
  position: absolute;
  top: 92px;
  right: 0;
  color: white;
  text-align: center;
}

.daytext h2 {
  margin-bottom: 9px;
  margin-top: 25px;
  font-size: 18px;
}

.daytext h6 {
  margin-top: 0;
  margin-bottom: 21px;
}

.situation {
  margin: 0 auto;
  width: 186px;
  height: 104px;
  background: white;
  opacity: 1;
  border-radius: 5px;
  display: flex;
  justify-content: space-around;
}

.sit-left,
.sit-right {
  width: 50%;
  height: 100%;
}

.sit-left p {
  margin: 11px 0;
  font-size: 20px;
  font-family: DINPro;
  font-weight: bold;
  color: #05102D;
}

.sit-left h6 {
  margin: 0;
  color: #9EA1B2;
}

.sit-left span {
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FB9E3D;
}

.daytext button {
  margin-top: 28px;
  width: 94px;
  height: 36px;
  background: #3673FE;
  opacity: 1;
  border-radius: 5px;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FFFFFF;
  border: none;
}

.daytext .sit-daka {
  margin-top: 11.17px;
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FFD165;
}

/*------------------我的订单------------------*/
.order {
  width: 222px;
  height: 173px;
  background: #FFFFFF;
  box-shadow: 0px 3px 10px rgba(193, 193, 193, 0.16);
  opacity: 1;
  border-radius: 10px;
  position: absolute;
  top: 508px;
  right: 0;
  color: #05102D;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  text-align: center;
  padding-top: 25px;
}

.or-center {
  margin: 12px 10px;
  width: 202px;
  height: 123px;
  background-color: #FAFAFA;
  border-radius: 10px;
}

.or-center img {
  float: left;
  margin: 10px;

}

.or-center p {

  padding-top: 10px;
  margin: 0;
  width: 98px;
  height: 38px;
  float: left;
  font-size: 14px;
  font-family: Source Han Sans CN;
  color: #626878;
  text-align: left;
}

.or-center button {
  margin-top: 6px;
  width: 182px;
  height: 36px;
  background: #E7F1FD;
  opacity: 1;
  border-radius: 5px;
  border: none;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 0px;
  color: #3673FE;
}

@media (max-width: 991px) {
  .sidenav {
    position: fixed;
    top: 50px;
    z-index: 1029;
    height: calc(100vh - 50px);
    padding: 20px 0 20px 0;
    min-width: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 250px;
    left: -250px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .sidebar-toggle {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 70px;
    border-radius: 50%;
    background: #eee;
    font-size: 22px;
    padding: 10px;
    line-height: 30px;
    height: 50px;
    width: 50px;
    text-align: center;
    z-index: 999999;
  }
}

body.sidebar-open .sidenav {
  left: 0;
  width: 250px;
  box-shadow: 0 6px 27px rgba(0, 0, 0, 0.075);
}

body.sidebar-open .sidebar-toggle i:before {
  content: "\f00d";
}

/*# sourceMappingURL=user.css.map */



/* ---------------------个人信息左边侧边栏中我的订单点击之后右边内容的样式 ----------------*/

.myorder {
  width: 974px;
  background: #ffffff;
  box-shadow: 0px 3px 10px rgba(193, 193, 193, 0.16);
  border-radius: 10px;
}

.myorder_tou {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #F1F3F8;
  display: flex;
}
.myorder_tou .active{
  font-family: Source Han Sans CN;
  font-weight: bold;
}
.myorder_tou_le {
  margin-left: 26px;
  font-size: 16px;
  line-height: 60px;
  color: #05102D;
}

.myorder_tou_ri li {
  display: inline-block;
  line-height: 60px;
  font-size: 16px;
  color: #05102D;
  margin-left: 82px;
}

.myorder_body {
  background-color: #ffffff;
  border-radius: 10px;
}

.order_list {
  width: 922px;
  margin: 0px 26px;
  border-bottom: 1px solid #F1F3F8;
  padding-top: 20px;
}

.order_list .yifk {
  color: #05102D;
}

.order_list p {
  margin: 0;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #9EA1B2;
  border: 1px solid white;
}

.order_list p span {
  color: #EC5069;
}

.order_list_nr {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.order_list_nr img {
  width: 180px;
  height: 115px;
  border-radius: 10px;
}

.order_list_nr_er {
  margin-left: 18px;
}

.order_list_nr_er p {
  margin: 0;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #2B2D30;
}

.order_list_nr_er span {
  display: inline-block;
  margin-top: 11px;
  background: #F4F6FA;
  opacity: 1;
  border-radius: 3px;
  font-size: 12px;
  font-family: Source Han Sans CN;
  color: #626878;
  padding: 5px;
}

.order_list_nr_er h4 {
  width: 56px;
  height: 26px;
  font-size: 20px;
  font-family: DINPro;
  font-weight: 500;
  line-height: 36px;
  color: #F3254B;
  margin-top: 25px;
}

.order_list_nr_er h4 i {
  font-size: 14px;
  font-style: normal;
}

.order_list_nr_san {
  border: 1px solid white;
  display: flex;
  align-items: self-end;

}

.order_list_nr_san button {
  width: 90px;
  height: 36px;
}

.order_list_nr_san .cancel_btn {
  border-radius: 5px;
  background-color: white;
  border: 1px solid #3673FE;
  color: #3673FE;
}

.order_list_nr_san .pay_now {
  border-radius: 5px;
  background-color: #3673FE;
  border: 1px solid #3673FE;
  color: white;
  margin-left: 20px;
}

.cancel_order {
  /*-- 颜色变灰-- */
  filter: grayscale(1);
}


/* 取消订单之后模态框的样式 */
.modal-big-qxdd{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-qxdd-content .modal-qxdd-body {
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #05102D;
  text-align: center;
  padding: 45px 15px 39px 15px;
}

.modal-qxdd-content .modal-qxdd-body p {
  margin: 0;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #05102D;
}

.modal-qxdd-content {
  width: 337px;
  height: 182px;
  background: #FFFFFF;
  border-radius: 10px;
}

.modal-qxdd-footer .qxdd-btn-quxiao,
.qxdd-btn-submit {
  width: 126px;
  height: 42px;
  border-radius: 5px;
  border: none;
  outline: none;
}

.modal-qxdd-content .modal-qxdd-footer {
  display: flex;
  justify-content: space-around;
  border: 0;
}

.modal-qxdd-footer .qxdd-btn-quxiao {
  color: #9EA1B2;
  background: #F4F6FA;
}

.modal-qxdd-footer .qxdd-btn-submit {
  color: white;
  background: #3673FE;
}

/* ---------------------个人信息左边侧边栏中《听课记录》点击之后右边内容的样式 ----------------*/
.mytkjl {
  width: 974px;
  background: #FAFAFA;
  box-shadow: 0px 3px 10px rgba(193, 193, 193, 0.16);
  border-radius: 10px;
}

.mytkjl_tou {
  height: 63px;
}

.mytkjl_tou select {
  width: 150px;
  height: 98%;
  background-color: #FAFAFA;
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #05102D;
  border: none;
  outline: none;
}

.mytkjl_body {
  width: 974px;
  min-height: 786px;
  background: #fff;
  box-shadow: 0px 3px 10px rgba(193, 193, 193, 0.16);
  border-radius: 10px;
}

.mytkjl_tittle {
  padding-left: 30px;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #05102D;
  border-bottom: 1px solid #F1F3F8;
}

.tkjl_list {
  height: 138px;
  margin: 0 26px;
  border-bottom: 1px solid #F1F3F8;
}

.tkjl_list_nr {
  margin-top: 21px;
  display: flex;
  justify-content: space-between;
}

.tkjl_list_nr img {
  width: 180px;
  height: 115px;
  border-radius: 10px;
}

.tkjl_list_nr_er {
  margin-left: 18px;
  width: 284px;
  height: 110px;
}

.tkjl_list_nr_er p {
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #2B2D30;
  margin: 0px 0px 12px 0px;
}

.tkjl_list_nr_er span {
  display: inline-block;
  height: 24px;
  color: #9EA1B2;
}

.tkjl_list_nr_er span i {
  margin-right: 5px;
}

.tkjl_list_nr_er span:last-child {
  margin-top: 28px;
}

.tkjl_list_nr_san {
  display: flex;
  align-items: center;
}

.tkjl_list_nr_san a {
  width: 90px;
  height: 36px;
  line-height: 36px;
  text-align: center;
}

.tkjl_list_nr_san .pay_now {
  border-radius: 5px;
  background-color: #3673FE;
  border: 1px solid #3673FE;
  color: white;
}






















/* ---------------------个人信息左边侧边栏中《调换课》点击之后右边内容的样式 ----------------*/
.mythk {
  width: 974px;
  background: #FAFAFA;

}

.mythk_tou {
  height: 63px;
}

.mythk_tou select {
  width: 150px;
  height: 98%;
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  background-color: #FAFAFA;
  border: none;
  outline: none;
}

.mythk_body {
  padding: 0 26px 30px 25px;
  background: #FFFFFF;
  box-shadow: 0px 3px 10px rgba(193, 193, 193, 0.16);
  border-radius: 10px;
}

.mythk_tittle {
  height: 60px;

}

.mythk_tittle ul {
  height: 60px;
  border-bottom: 1px solid #F1F3F8;
}

.mythk_tittle ul li {
  line-height: 60px;
  height: 100%;
  display: inline-block;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #05102D;
  margin-left: 82px;
}

.mythk_tittle ul .active {
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #05102D;
  margin-left: 0;
}

.mythk_list_nr {
  height: 162px;
  border-bottom: 1px solid #F1F3F8;
  display: flex;
  justify-content: space-between;
}

.mythk_list_nr img {
  width: 180px;
  height: 115px;
  border-radius: 10px;
}

.mythk_list_nr_er {

  margin-left: 18px;
  height: 110px;
}

.mythk_list_nr_er p {
  margin: 0;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #2B2D30;
}

.mythk_list_nr_er span {
  margin-top: 14px;
  display: inline-block;
  background: #F4F6FA;
  opacity: 1;
  border-radius: 3px;
  font-size: 12px;
  line-height: 24px;
  font-family: Source Han Sans CN;
  color: #626878;
  padding: 5px;
}

.mythk_list_nr_er h4 {
  width: 56px;
  height: 26px;
  font-size: 20px;
  font-family: DINPro;
  font-weight: 500;
  line-height: 36px;
  color: #F3254B;
  margin: 22px 0px 0px 0px;
}

.mythk_list_nr_er h4 i {
  font-size: 14px;
  font-style: normal;
}

.mythk_list_nr_san {
  border: 1px solid white;
  display: flex;
  align-items: center;

}

.mythk_list_nr_san button {
  width: 90px;
  height: 36px;
}

.mythk_list_nr_san .apply_change {
  border-radius: 5px;
  background-color: #3673FE;
  border: 1px solid #3673FE;
  color: white;
}

.mythk_list_nr_san .applying {
  border: none;
  background-color: white;
  color: #EC5069;
}

.mythk_list_nr_san .apply_success {
  border: none;
  background-color: white;
  color: #2CCB6F;
}



/* ————————————————————————申请调换课的模态框样式—————————————————— */
#apply_change>.modal-big-thk{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90%;
}

#apply_change>.modal-big-thk>.modal-thk-content{
  height: 600px;

}
.modal-big-thk {
  width: 620px;
  height: auto;
  background: #FFFFFF;
  border-radius: 10px;
  margin: auto;
}

/* .modal-thk-content {
  width: 100%;
  height: 100%; 

} */

.modal-thk-header .modal-thk-title {
  margin-left: 32px;
  font-size: 20px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  line-height: 67px;
  color: #05102D;
}

.modal-thk-body {
  width: 100%;
  padding: 0 32px;
}

.modal-thk-body .modal-thk-one {
  display: flex;
  text-align: left;
}

.modal-thk-img {
  width: 130px;
  height: 88px;
  background: #1A1D30;
  border-radius: 10px;
}

.modal-thk-img img {
  width: 130px;
  height: 88px;
  border-radius: 10px;
}

.modal-thk-ri {
  margin-left: 20px;
}

.modal-thk-ri h4 {
  width: 284px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #2B2D30;
}

.modal-thk-ri p {
  font-size: 14px;
  margin: 20px 0px 28px 0px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #2B2D30;
}

.modal-thk-ri span {
  background: #F4F6FA;
  border-radius: 3px;
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #626878;
  padding: 5px;
  margin-right: 5px;
}

.modal-thk-two {
  margin-top: 24px;
  justify-content: space-evenly;
  /* height: 44px; */
  display: flex;
  line-height: 46px;
  font-size: 14px;
  font-weight: 500;
  color: #05102D;
}

.modal-thk-two .xazy-sel {
  /* margin-left: 20px; */
  width: 476px;
  height: 100%;
  display: flex;
  border: 1px solid #D4D8DD;
  align-items: center;
  border-radius: 5px;

}

.modal-thk-two .xazy-sel select {
  text-indent: 15px;
  line-height: 40px;
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  font-family: Source Han Sans CN;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../img/x.png") no-repeat ;
  /* scroll right center transparent */
  background-position:97% 50%;
}

/* .modal-thk-two .xazy-sel img {
  margin-right: 10px;
  width: 10px;
  height: 10px;
  line-height: 42px;
} */

.modal-thk-footer .btn-quxiao,
.btn-submit {
  width: 225px;
  height: 42px;

  border-radius: 5px;
  border: none;
  outline: none;
}

.modal-thk-footer {
  display: flex;
  justify-content: space-around;
  margin-top: 44PX;
  padding-bottom: 40px;
}

.modal-thk-footer .btn-quxiao {
  color: #9EA1B2;
  background: #F4F6FA;
}

.modal-thk-footer .btn-submit {
  color: white;
  background: #3673FE;
}
.page{
  text-align: center;
}
/* 支付 */
#payModal>.modal-dialog{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90%;
}
#payModal>.modal-dialog>.modal-content{
  width: 380px;
}
#payModal .modal-title{
  font-size: 14px;
  color: #05102D;
}
#payModal .modal-body{
  text-align: center;
}
#payModal .modal-body .money{
  color: #F3254B;
  margin-top: 10px;
}
#payModal .modal-body .money i{
  font-size: 22px;
}
#payModal .modal-body .money span{
  font-size: 35px;
}
#payModal .modal-body .daizf{
  margin-top: 8px;
  color: #9EA1B2;
  font-size: 14px;
}
#payModal .modal-body .ewm{
  text-align: center;
  margin-top: 36px;
}
#payModal .modal-body .scom{
  font-size: 14px;
  color: #9EA1B2;
  margin-top: 22px;
  margin-bottom: 45px;
}
.pay_types{
  color: red;
}
/* 支付方式 */
#payModal .jz-neirong {
  display: flex;
  justify-content: space-between;
}

.jz-neirong>.active {
  background: url(../img/zffs.png) no-repeat;
  background-size: 100% 100%;
}

.jz-listeone {
  display: inline-block;
  width: 165px;
  height: 75px;
  background: #F9F9F9;
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  text-align: center;
  line-height: 75px;
}
.pay_type{
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  margin-top: 24px;
  margin-bottom: 16px;
  color: #05102D;    
  text-align: left;
}
.scom{
  display: none;
}
/* 我的课程 */
.course{
  width: 100%;
  height: 174px;
  background-color: #FFFFFF;
  padding: 26px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #F1F3F8;
}
.course .img{
  width: 180px;
}
.course .img>img{
  width: 180px;
  height: 115px;
  border-radius: 10px;
}
.course .detail{
  padding-left: 18px;
}
.course .detail .title{
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #2B2D30;
  margin-bottom: 12px;
}
.course .detail .time{
  font-size: 14px;
  color: #9EA1B2;
  font-family: Source Han Sans CN;
  font-weight: 400;
  margin-bottom: 32px;
}
.course .detail .time span{
  color: #3673FE;
}
.course .detail .buy_time{
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #9EA1B2;
}
.course .continue div{
  width: 90px;
  height: 36px;
  background: #3673FE;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
}
.course .course_content{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* 套餐详情 */
.per-right .top{
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
.per-right .top .taocan{
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #05102D;
}
.per-right .back a{
  color: #3673FE;
  vertical-align:middle
}
.per-right .header{
  border-bottom: 1px solid #F1F3F8;
  background-color: #FFFFFF;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  line-height: 60px;
  padding-left: 26px;
  display: flex;
}
.per-right .header div,.per-right .header span{
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #05102D;
}
.per-right .header .kemu{
  padding-right: 38px;
}
.per-right .header .active{
  color: #3673FE;
}
.per-right .header .nav{
  width: 120px;
  cursor: pointer;
}
.course_info .left .img{
  width: 180px;
}
.course_info .left .img img{
  width: 100%;
}
.course_info{
  height: 170px;
  padding-left: 26px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
}
.course_info .left{
  width: 90%;
  display: flex;
}
.course_info .left .info{
  position: relative;
  width: 90%;
}
.course_info .left .info .title{
  position: absolute;
  top: 7px;
  left: 18px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #2B2D30;
}
.course_info .left .info .xxjd{
  position: absolute;
  bottom: 13px;
  left: 18px;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #9EA1B2;
}
.course_info .left .info .xxjd span{
  color: #3673FE;
}
.course_info .right{
  display: flex;
  align-items: center;
  cursor: pointer;
}
.course_info .right img{
  margin-left: 8px;
}
.course_hour{
  background-color: #FFFFFF;
  display: none;
}
.course_hour .contents{
  margin-left: 26px;
  margin-right: 26px;
  padding-top: 24px;
  padding-bottom: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #F1F3F8;
}
.course_hour .contents .kcjd{
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #05102D;
}
.course_hour .contents .wcd{
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #9EA1B2;
}
.course_hour .contents .wcd span{
  color: #3673FE;
}
.course_list{
  padding-bottom: 41px;
}
.course_list .item{
  margin-left: 26px;
  margin-right: 26px;
}

.course_list .item span{
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  background: #F4F6FA;
  color: #9EA1B2;
  padding: 12px;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 10px;
  cursor: pointer;
  width: 40px;
  text-align: center;
}
.course_list .active span{
    background-color: #3673FE;
    color: #FFFFFF;
}
.course_list_item{
  border-bottom: 1px solid #F1F3F8;
}
.course_info .right .s{
  display: none;
}
.course_info .right div{
  display: contents;
}
/* ---------------------个人信息左边侧边栏中《意见反馈》点击之后右边内容的样式 ----------------*/

.yjfk{
  width: 974px;
  height: 849px;
  background: #FFFFFF;
  box-shadow: 0px 3px 10px rgba(193, 193, 193, 0.16);
  border-radius: 10px;
}
.yjfk-tou{
  padding-left: 26px;
}
.yjfk-tou p{
  margin: 0;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: bold;
color: #05102D;
padding:18px 0px  18px 5px;
}
.yjfk-tittle{
  width: 562px;
  height: 420px;
  padding: 20px 0px 0px 26px;
}
.yjfk-nr  textarea{
  width: 562px;
height: 142px;
background: #F8F8F8;
border-radius: 5px;
outline: none;
border: none;
padding:16px 0px 0px 16px;
resize:none;
}



.yjfk-nr  textarea::-webkit-input-placeholder {
      /* placeholder颜色  */
       color: #B7BBCF;
       /* placeholder字体大小  */
       font-size: 14px;
       /* placeholder位置  */
       /* text-align: right; */
  }
.yjfk-photo{
  margin-top: 20px;
}
.yjfk-photo .yjfk-photo-tou{
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #05102D;
}
.sc-photo{
  /* width: 100px;
  height: 100px;
  background: #F8F8F8; */
  border-radius: 5px;
}
.yjfk-btn{
  text-align: center;
  margin-top: 40px;
}
.yjfk-submit{
  width: 225px;
height: 42px;
background: #3673FE;
border-radius: 5px;
color: white;
border: none;
outline: none;
}




/* ---------------------个人信息左边侧边栏中《消息中心》点击之后右边内容的样式 ----------------*/

.big-messagecenter{
  width: 974px;
  height: 849px;
  background: #fff;
  box-shadow: 0px 3px 10px rgba(193, 193, 193, 0.16);
  border-radius: 10px;
}
.messagecenter-tou{
  height: 60px;
  width: 100%;
  border-bottom: 1px solid #F1F3F8;
}
.messagecenter-tou ul li {
  display: inline-block;
  font-size: 16px;
  margin-right: 82px;
}
.messagecenter-tou ul  .active {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: bold;
color: #05102D;
}
.messagecenter-tou ul li a{
  color: #05102D;
  font-size: 16px;
  font-family: Source Han Sans CN;  
  line-height: 60px;
}
.messagecenter-content{
  width: 100%;
  height: 759px;
} 
.mc-list{
  border-bottom: 1px solid #F1F3F8;
}
.mc-list .mc-list-tittle{
 display: flex;
   margin:20px  26px 0px 26px; 
   align-items: center;
   border: 1px solid white;

}

.mc-list .mc-list-tittle img{
  margin-right: 8px;
 
}
.mc-list span {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: Source Han Sans CN;
  color: #05102D;
 
}
.mc-list .mc-mi-tittle {
  display: inline-block;
  margin:14px  26px; 
  font-size: 16px;
font-family: Source Han Sans CN;
font-weight: bold;
color: #2B2D30;
}
.mc-list  .mc-list-tittle-nr{
  margin:0  26px; 
  font-size: 14px;
  font-family: Source Han Sans CN;
  color: #626878;
}
.mc-list-tittle-sa {
  margin: 16px  26px 20px 26px;
  display: flex;
  justify-content: space-between;
}
.mc-list-tittle-sa span {
  color: #9EA1B2;
}
.mc-list-tittle-sa a{
  color: #3673FE;
  width: 80px;
  display: inline-block;
}
/*------ 查看详情点击之后进入另一个div框页面的样式-- */
.view-details{
  width: 974px;
  height: 849px;
  background: #fff;
  box-shadow: 0px 3px 10px rgba(193, 193, 193, 0.16);
  border-radius: 10px;
  opacity: 1;
  display: none;
}
.view-details-tou{
  display: inline-block;
  width: 97%;

  height: 60px;
  line-height: 60px;
  padding-left: 26px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  
}
.backmessage{
  padding: 32px 32px 18px 32px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  border-bottom: 1px solid #F1F3F8;
}
.backmessage a{
  color: #3673FE;
}
.view-details-content{
  height: 731px;
  padding:32px 32px 0px 32px;
}
.view-details-content h4{
  font-size: 18px;
  margin: 0;
  font-weight: bold;
}
.view-details-content h6{
  font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #9EA1B2;
margin-top: 12px;
}
.view-details-content p{
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  border: 1px solid black;
}


/* ---------------------个人信息左边侧边栏中《我的题库》点击之后右边内容的样式 ----------------*/

.topic-bank{
  width: 975px;
  background: #fafafa;
  min-height: 786px;

}
.topic-bank-sel{
  display: flex;
  justify-content: space-between;
  height: 40px;
  align-items: center;
  margin-bottom: 25px;
}
/* 左边下拉的样式 */
.topic-bank-le .active {
  display: block;
}

.topic-bank-le_select {
  width: 101px;
  background: #ffffff;
  box-shadow: 0px 3px 10px rgba(193, 193, 193, 0.16);
  opacity: 1;
  border-radius: 10px;
  position: absolute;
  top: 100px;
  left: 250px;
  z-index: 1;
  display: none;
  right: 0;
}

.topic-bank-le_select>.top {
  width: 0;
  height: 0;
  border-width: 0 25px 25px;
  border-style: solid;
  border-color: transparent transparent #ffffff;
  margin: auto;
  position: absolute;
  top: -25px;
  transform: translate(50%, 0%);
}

.topic-bank-le_select .anv {
  height: 60px;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #05102D;
  text-align: center;
  line-height: 60px;
  border-bottom: 1px solid #F9F9F9;
  width: 90%;
  margin: auto;
}
.topic-bank-le p{
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #05102D;
  cursor: pointer;
  margin: 0px;
}
/* .topic-bank-le  select{
  width: 146px;
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #05102D;
  outline: none;
  border: none; */
  /* 去除原有的select标签的下三角 */
  /* appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background: url("../img/x.png") no-repeat scroll right center transparent ; 
}   */

/* 右边下拉的样式 */
.topic-bank-ri .style {
  display: block;
}
.topic-bank-ri_select {
  width: 101px;
  background: #ffffff;
  box-shadow: 0px 3px 10px rgba(193, 193, 193, 0.16);
  opacity: 1;
  border-radius: 10px;
  position: absolute;
  top: 100px;
  z-index: 1;
  display: none;
  right: 0;
}
.topic-bank-ri_select>.top {
  width: 0;
  height: 0;
  border-width: 0 25px 25px;
  border-style: solid;
  border-color: transparent transparent #ffffff;
  margin: auto;
  position: absolute;
  top: -25px;
  transform: translate(50%, 0%);
}
.topic-bank-ri_select .anv {
  height: 60px;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #05102D;
  text-align: center;
  line-height: 60px;
  border-bottom: 1px solid #F9F9F9;
  width: 90%;
  margin: auto;
}
.topic-bank-ri  p{
  width: 92px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  color: #3673FE;  
  font-size: 16px;
  margin: 0;
  cursor: pointer;
}
.topic-bank-nr{
  background: #FFFFFF;
  box-shadow: 0px 3px 10px rgba(193, 193, 193, 0.16);
  opacity: 1;
  border-radius: 10px;
  min-height: 726px;
  /* border: 1px solid; */
}
.tb-biaoti{
  height: 60px;
  padding: 0 26px;
}
.topic-bank-nr .tb-biaoti li{
  color: #05102D;
  font-family: Source Han Sans CN;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 60px;
  margin-right: 80px;
  cursor: pointer;

}
.topic-bank-nr .tb-biaoti .active{
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #05102D;
}
.tb-cont{
  min-height: 100%;
}
.content{
  display: block;

}
/* 做题记录里面的样式 */
.tb-cont .tb-cont-tou{
background: #F8F8F8;
border-radius: 0px;
font-weight: 400;
padding: 25px 0px;
}

.tb-cont .tb-cont-tou span{

  margin-left: 26px;
}

.tb-cont-ztjl{
  display: inline-block;
  margin-left: 20px;
  padding-left: 0px;
}
.tb-cont-ztjl li{
  display: inline-block;
  margin-right: 16px;
  cursor:pointer;
  color: #05102D;
  font-size: 14px;
 padding: 5px 14px ;

}
.tb-cont-ztjl .style{
  height: 30px;
  background: #E7F1FD ;
  border-radius: 5px;
  color: #3673FE ;
}
.ztjv-list{
  display: none;
  margin-top: 16px;
  background: white;
  padding: 0 26px;
}
.lister{
  display: block;
}
.ztjv-list .img{
  min-height: 486px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.all-lister{
  padding: 20px 0;
  border-bottom: 1px solid #F1F3F8;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.lister-one{
  height: 60px;
  display: flex;
}
.lister-one-le {
height: 57px;
width: 46px;
line-height: 0;
}
.lister-one .lister-one-ri {
  margin-left: 16px;
}
.lister-one .lister-one-ri .one{
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #2B2D30;
  display: inline-block;
  line-height: 20px;
  margin: 5px 0px 0px 0px;
}
.lister-one .lister-one-ri .one span{
  display: inline-block;
  width: 58px;
  height: 20px;
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #3673FE;
  /* padding: 2px 5px; */
  background-image: #3673FE;
  border-radius: 3px;
  border:1px solid  #3673FE;
  margin-right: 10px;
  text-align: center;
}

.lister-one .lister-one-ri .two{
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 28px;
  color: #9EA1B2;
  margin: 5px 0px 0px 0px;
}
.lister-two{
  height: 40px;
  display: flex;
  justify-content: flex-end;
}
.lister-two .lister-two-btn{
  width: 270px;
  height:100%;
  display: flex;
  justify-content: space-evenly;
}
.lister-two .lister-two-btn .one{
  width: 90px;
  height: 36px;
  border: 1px solid #3673FE;
  border-radius: 5px;
  color:#3673FE ;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  font-weight: 400;
}
.lister-two .lister-two-btn .two{
  width: 90px;
  height: 36px;
  border: 1px solid #05102D ;
  border-radius: 5px;
  color:#05102D  ;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  font-weight: 400;
}
  .lister-two .lister-two-btn .three{
      width: 58px;
      height: 36px;
      background: #3673FE;
      border-radius: 5px;
      color: white;
      text-align: center;
      line-height: 36px;
      font-size: 14px;
      font-weight: 400;
}
.lister-two .lister-two-btn div{
  cursor: pointer;
}
/* 错题本的样式 */
.ctb-tou{

  height: 70px;
  background: #F8F8F8;
  border-radius: 0px;
  display: flex;
  flex-direction: column;
  padding: 25px 26px;

}
/* .ctb-tou-le,.ctb-tou-ri{
line-height: 70px;

} */
.ctb-tou-le span{
  color:#626878 ;
  font-weight: 400;
}
.ctb-tou-type{
  display: inline-block;
}
.ctb-tou-le .ctb-tou-type li{
  display: inline-block;
  color: #626878;
  font-weight: 400;
  cursor: pointer;
  margin-right: 16px;
  font-size: 14px;
  padding: 5px 14px;
}
.ctb-tou-le .ctb-tou-type .style{
  display: inline-block;
  color: #626878;
  font-weight: 400;
  cursor: pointer;
  height: 30px;
  background: #E7F1FD;
  border-radius: 5px;
  color: #3673FE;
}

.ctb-tou-ri{
  display: inline-flex;
  color: #626878;
  
}
.ctb-tou-ri  .all-num{
  color: #05102D ;
  cursor: pointer;
  margin: 0;
  font-size: 14px;
  margin-right: 100px;
}
.ctb-tou-ri  .no-num{
margin: 0;
font-size: 14px;
color: #05102D ;
cursor: pointer;
}
.all-num span,.no-num span{
  font-weight: 400;
  color: #626878;

}

.ctb-content{
  margin-top: 15px;
  padding: 0 26px;
}
.ctb-list{
  display: none;
}
.lister{
  display: block;
}
.ctb-iteam{
  border-bottom: 1px solid #F1F3F8;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 0;
}
.ctb-iteam .ctb-iteam-one{
  font-size: 16px;
}
.ctb-iteam-one .one{
  margin: 0px 0px 15px 0px;
  font-size: 16px;
  font-weight: 400;
}
.ctb-iteam-one .one span{
  margin-right: 10px;
  width: 36px;
  height: 20px;
  border: 1px solid #3673FE;
  border-radius: 3px;
  font-size: 12px;
  padding: 0 5px;
  color: #3673FE;
}
.ctb-iteam-one .two{
  font-size: 14px;
  color: #EC5069;
  margin: 0px;
}
.ctb-iteam-one .two span{
  color: #9EA1B2 ;
}
.ctb-iteam-two{
  display: flex;
  justify-content: flex-end;
}

.ctb-iteam-btn{
  width: 200px;
  display: flex;
  justify-content: space-between;
}

.ctb-iteam-btn>div{
  display: inline-block;
  font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
width: 90px;
height: 36px;
line-height: 35px;
cursor: pointer;
}
.ctb-iteam-btn .one{
  color: #3673FE;
  border: 1px solid  #3673FE;
  border-radius: 5px;
  text-align: center;
  line-height: 35px;
}
.ctb-iteam-btn .two{
  color: white;
  border: 1px solid   #3673FE;
  border-radius: 5px;
  text-align: center;
  line-height: 35px;
  background: #3673FE;
}
/* 收藏的样式 */
.SC-tou{
  height: 70px;
  background: #F8F8F8;
  border-radius: 0px;
  display: flex;
  flex-direction: column;
  padding: 25px 26px;

}
/* .ctb-tou-le,.ctb-tou-ri{
line-height: 70px;

} */
.sc-tou-le{
  height: 70px;
  background: #F8F8F8;
  /* line-height: 70px; */
  padding: 25PX 26PX;
}

.sc-tou-le span{
  color:#626878 ;
  font-weight: 400;
}
.sc-tou-type{
  display: inline-block;
}
.sc-tou-le .sc-tou-type li{
  display: inline-block;
  color: #626878;
  font-weight: 400;
  cursor: pointer;
  margin-right: 16px;
  font-size: 14px;
  padding: 5px 14px;
}
.sc-tou-le .sc-tou-type .style{
  display: inline-block;
  color: #626878;
  font-weight: 400;
  cursor: pointer;
  height: 30px;
  background: #E7F1FD;
  border-radius: 5px;
  color: #3673FE;
}
.sc-list{
  display: none;
  height: 656px;
  padding: 0 26px;
}
.lister{
  display: block;
}
.sc-iteam{
  border-bottom: 1px solid #F1F3F8;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 0;
}
.sc-iteam-one{
  height: 55px;
  font-size: 16px;
}
.sc-iteam .sc-iteam-one .one{
  margin: 0px 0px 15px 15px;
  font-weight: 400;
  font-size: 16px;
}
.sc-iteam-one .one span{
  margin-right: 10px;
  width: 36px;
  height: 20px;
  border: 1px solid #3673FE;
  border-radius: 3px;
  font-size: 12px;
  padding: 0 5px;
  color: #3673FE;
}
.sc-iteam-one .two{
  font-size: 14px;
  color: #9EA1B2;
  margin: 0px 0px 15px 15px;
}
.sc-iteam-one .two span{
  color: #9EA1B2 ;
}
.sc-iteam-two{
  display: flex;
  justify-content: flex-end;
}
.sc-iteam-btn{
  display: flex;
  justify-content: space-between;
}
.sc-iteam-btn>div{
  display: inline-block;
  font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
width: 90px;
height: 36px;
line-height: 35px;
cursor: pointer;
}
.sc-iteam-btn .one{
  color: #3673FE;
  border: 1px solid  #3673FE;
  border-radius: 5px;
  text-align: center;
  line-height: 35px;
}
























































/* --------------------------------------------注册页面的样式 -----------------------*/
/*----头部的样式------*/
.register-dhl{
  height: 100px;
}
.register-dhl-center{
  padding: 0 360px;
  height: 100%;
  display: flex;
  justify-content: space-between;

}
.register-dhl-left{  
margin-top: 30px ;
width: 90px;
height: 46px;
font-size: 36px;
font-family: DINPro;
font-weight: 500;
line-height: 46px;
color: #05102D;
}
.register-dhl-right{
height: 16px;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 27px;
color: #3673FE;
}
.register-dhl-right span {
  line-height: 100px;
  color: #9EA1B2;
}
.register-dhl-right a{
  text-decoration: none;
}
/*----中间的样式------*/
.register-center{
 height: 654px;
 background: url("../img/login_bg.png") no-repeat;
 background-size:100% 100%;
}
.register-center .border{
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: flex-end;
}
.register-cen-right{
  width: 376px;
  height: 542px;
  background: #FFFFFF;
  border-radius: 10px;
  margin-top: 56px;
}
.nav{
  display: flex;
  justify-content: space-between;
}
.nav li {
 margin-top: 19px;
}
#myTab .hhha{
  background-color: white;
  color: #05102D;
  font-size: 18px;
border-right: 1px solid #B7BBCF;
border-radius: 0;
padding:0 45px;

text-align: center;
}
#myTab .hhh{
  background-color: white;
  color: #05102D;
  font-size: 18px;
  padding:0 22px;
}
#myTab .hhha:hover{
  color: #3673FE;
}
#myTab .hhh:hover{
  color: #3673FE;
}
.redister-zhuce .form{
  padding-left: 31px;
  padding-right: 31px;
}
.redister-zhuce .form .verify{
  display: flex;
  justify-content: space-between;
}
.redister-zhuce  input{
  display:inline-block;
  width: 314px;
  height: 50px;
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  outline:0 ;
  text-indent: 10px;
  margin-bottom: 30px;
}
.redister-zhuce {
  height: 100%;
}
.redister-zhuce  .title{
  margin-top: 48px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  line-height: 31px;
  color: #05102D;
}
.redister-zhuce  button{
  font-size: 18px;
  color: #FFFFFF;
  font-family: Source Han Sans CN;
   font-weight: 400;
}
.redister-zhuce  .yzm-btn{
    height:50px ;
    background-color: #3673FE; 
    border: 0px;
    border-radius: 5px;
    font-size: 14px;
    margin: 0px;
}
.redister-zhuce .zhucebtn{
      width: 314px ;
      height:50px ;  
      background-color: #3673FE;  
      border: 1px solid #3673FE;
      border-radius: 5px;

}
.redister-zhuce p{
  padding:0 31px;
}

.redister-zhuce  span  a{

  text-decoration: none;
}
.lookjx{
background: #F8F8F8;
border-radius: 10px;
padding: 20px 26px 20px 26px;
}
.lookjx span{
height: 20px;
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 600;
color: #05102D;
}
.lookjx .ckjx{
  margin-top: 10px;
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #626878;
}