@charset "utf-8";
/*reset css  重置默认的一些样式  浏览器子自带的  目的是保持各种终端显示一致*/
/*所有的标签和伪类  before after*/
*,
::before,
::after {
  padding: 0;
  margin: 0;

  /*在移动端特殊的设置*/
  /*清除点击高亮效果*/
  -webkit-tap-highlight-color: transparent;
  /*设置所有的盒子的宽度以边框开始计算*/
  -webkit-box-sizing: border-box;
  /*要兼容 webkit 浏览器内核厂商 这种情况一般是老的移动端浏览器*/
  box-sizing: border-box;
}
html,
body {
  font-size: 14px;
  color: #333;
  font-family: "PingFangSC-Medium", "MicroSoft YaHei", "sans-serif"; /*是设备默认的字体*/
  height: 100%;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  color: #3295da;
}
input,
textarea,
select {
  border: none;
  outline: none;
  resize: none;
  /*特殊的属性定义  清除浏览器给input自带的样式*/
  -webkit-appearance: none; /*组件默认的样式空*/
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #3295da;
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #3295da;
  opacity: 1;
}
:-webkit-placeholder {
  color: #3295da;
  opacity: 1;
}

::-webkit-placeholder {
  color: #3295da;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #3295da;
  opacity: 1;
}

input::-webkit-input-placeholder {
  color: #3295da;
  opacity: 1;
}
select::-ms-expand {
  display: none;
}
/*common css  也就是我们公用的css*/
.f_left {
  float: left;
}
.f_right {
  float: right;
}
.clearfix::after,
.clearfix::before {
  content: ".";
  line-height: 0;
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.p10 {
  padding: 10px;
}
.m_r10 {
  margin-right: 10px;
}
.m_l10 {
  margin-left: 10px;
}
.m_t10 {
  margin-top: 10px;
}
.m_b10 {
  margin-bottom: 10px;
}
.m_t20 {
  margin-top: 20px;
}
.m_b20 {
  margin-bottom: 20px;
}
.mianColor {
  color: #d8505c;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis3 {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: #666;
  vertical-align: middle;
}
.main {
  min-width: 300px;
  padding-bottom: 80px;
  /*   padding-top:90px; */
}
/*所有使用精灵图的 class  以icon_开始的所有class都有这些属性*/
[class^="icon_"] {
  display: block;
  background: url("../images/sprites.png") no-repeat;
  /*压缩背景图*/
  background-size: 160px 288px;
}
/*iconfront字体图标*/
@font-face {
  font-family: "iconfont";
  src: url("../font/iconfont.eot");
  src: url("../font/iconfont.eot?#iefix") format("embedded-opentype"),
    url("../font/iconfont.woff") format("woff"),
    url("../font/iconfont.ttf") format("truetype"),
    url("../font/iconfont.svg#iconfont") format("svg");
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/*全局颜色*/
.color {
  color: #3295da !important;
}
/*版心样式*/
body {
  background: #fff;
}
.flex_cc {
  display: flex;
  align-items: center;
  justify-content: center;
}
/*登录/注册*/
.zikao_title {
  padding: 36px 0 28px;
}
.logoBox h2 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #3295da;
}
.logoBox .kcList {
  margin: 0 20px;

  font-size: 12px;
  background: #fef7db;
  border-top: 2px solid #eaeceb;
}
.logoBox .kcList li {
  padding: 10px 5px;
  border-bottom: 1px solid #e6e6e6;
}
.login_form,
.reset-form {
  padding: 10px 20px 0;
}
.login_form .label,
.reset-form .label {
  line-height: 34px;
  position: relative;
  /* padding-left:40px; */
  margin: 8% 0 0;
  position: relative;
}
.hint {
  position: absolute;
  right: 5px;
  top: 35px;
  font-size: 12px;
}
.reg_form .label {
  margin: 2% 0;
}
.login_form .label i,
.reset-form .label i {
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 36px;
  color: #3295da;
  z-index: 99;
}
.login_form .label input,
.reset-form .label input,
.login_form select {
  width: 100%;
  vertical-align: middle;
  border: 1px solid #3295da;
  border-radius: 4px;
  padding: 10px;
  font-size: 16px;
}
.login_form select {
  background: url(../images/arrow_down.png) no-repeat 98% center;
  padding: 10px;
  border: 1px solid #3295da;
  color: #3295da;
}
.login_form .label input[placeholder],
.reset-form .label input[placeholder] {
  color: #3295da !important;
}

.login_form .label i.eyeState,
.login_form .label i.eyeState2,
.yzm,
.reset-form .label i.eyeState,
.yzm {
  position: absolute;

  right: 0;
  top: 5px;
  left: auto;
  right: 5px;
  font-size: 26px;
}

.login_form .xkw_btn,
.reset-form .xkw_btn {
  display: block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  border-radius: 50px;
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
}
#reset_btn {
  display: block;
  width: 100%;
  height: 46px;
  border-radius: 20px;
  margin-bottom: 20px;
  line-height: 46px;
  font-size: 18px;
  text-align: center;
  background: #3295da;
  color: #fff;
  margin-top: 10%;
  border: none;
  outline: none;
}
.login_form .login_btn {
  background: #3295da;
  color: #fff;
  margin-top: 20px;
}
.login_form .login_btn:active,
.reset-form .login_btn:active {
  background: #0e9fd5;
  transform: scale(0.99);
}
.login_form .register_btn {
  color: #3295da;
  border: 1px solid #3295da;
  box-shadow: 0 1px 0 #3295da;
}
.login_form .register_btn:active {
  background: #c6efff;
  transform: scale(0.99);
}
.login p,
.register p {
  text-align: center;
}
.login p a,
.register p a {
  color: #999;
}
.login p a:active,
.register p a:active {
  color: #3295da;
}

/************注册页************/
.yzm {
  line-height: 18px;
  padding: 5px;
  background: #3295da;
  border: none;
  border-radius: 4px;
  color: #fff;
  top: 7px;
}
/* 课程领取成功 */
.rece_succ h2 {
  color: #2678b6;
  font-size: 22px;
  text-align: center;
  padding: 10% 0 5%;
}
.rece_succ h2 i {
  font-size: 26px;
  margin-right: 2%;
}

.rece_succ .tips {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.rece_succ .tips h3 {
  text-align: center;
  font-size: 20px;
}
.rece_succ .tips p {
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
}
.rece_succ .tips p:nth-of-type(1) {
  margin-top: 5%;
}

.rece_succ .tips p a {
  color: #ff361a;
}
.rece_succ .ewm {
  text-align: center;
  margin-top: 5%;
  font-size: 14px;
  font-weight: 800;
  line-height: 34px;
  padding: 2px;
}
.rece_succ .ewm img {
  width: 180px;
  height: 180px;
  border: 2px solid #999;
  padding: 4px;
}
.wechat_icon {
  width: 26px;
}