/*将所有标签的内外边距清零*/
* {
  margin: 0;
  padding: 0;
}
/*斜体的文字不倾斜*/
em,
i {
  font-style: normal;
}
/*去掉 li 的小圆点*/
li {
  list-style: none;
}

img {
  /*border: 0 照顾低版本浏览器，如果图片外面有链接会有边框的问题*/
  border: 0;
  /*取消图片底侧有空白缝隙的问题*/
  vertical-align: middle;
}

button {
  /*移动到按钮上时，鼠标样式更改为小手*/
  cursor: pointer;
}

a {
  color: #666;
  text-decoration: none;
}

a:hover {
  color: #c81623;
}

button,
input {
  /*"\5B8B\4F53" 表示宋体*/
  font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB,
    "\5B8B\4F53", sans-serif;
}

body {
  /*CSS3 抗锯齿性，让文字显示更清晰*/
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB,
    "\5B8B\4F53", sans-serif;
  color: #666;
  position: relative;
}

.hide,
.none {
  display: none;
}
/*清除浮动*/
.clearfix:after {
  visibility: hidden;
  clear: both;
  display: block;
  content: ".";
  height: 0;
}

/*.clearfix {*/
/*    *zoom: 1*/
/*}*/

.edition-center {
  width: 100vw;
  height: 100vh;
  background: url("../images/images/bg.png") no-repeat;
  background-size: cover;
}
.edition-center .logo {
  height: 32px;
  padding: 35px 0 63px 80px;
}
.logo .logo-image {
  width: 135px;
  height: 32px;
  background: url("../images/images/logo1.png") no-repeat;
}
.edition-center .index-content {
  margin-left: 220px;
  margin-top: 50px;
}
.index-content p {
  letter-spacing: 2px;
  font-size: 40px;
  color: #ffffff;
  padding-bottom: 2px;
  min-width: 400px;
}
.specialP {
  text-indent: 2em;
  background: linear-gradient(100deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.login-form {
  position: absolute;
  left: 60%;
  top: 27%;
  width: 435px;
  z-index: 1;
  background: url("../images/images/comfirm.png") no-repeat;
  height: 526px;
}
.form-content {
  margin: 100px 40px 100px 50px;
  /* background-color: skyblue; */
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content-title {
  font-size: 24px;
  text-align: center;
  color: #fff;
  margin-bottom: 31px;
}
.form-content .row-input {
  position: relative;
  width: 268px;
  height: 56px;
}
.login-form input {
  width: 230px;
  height: 32px;
  border-radius: 4px;
  border: none;
  color: #ffffff;
  margin-bottom: 20px;
  background-color: rgba(255, 255, 255, 0.2);
  outline: none;
  padding-left: 50px;
}
.row-input b {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  margin-left: 10px;
}
.row-input .bg1 {
  background: url("../images/images/login-icon1.png") no-repeat 4px 7px;
}
.row-input .bg2 {
  background: url("../images/images/icon1.png") no-repeat 4px 7px;
}
.row-input .bg3 {
  background: url("../images/images/icon2.png") no-repeat 4px 7px;
}
.verify {
  margin-left: 10px;
  width: 280px;
  overflow: hidden;
}
.verify input {
  display: inline-block;
  width: 120px;
  height: 32px;
  float: left;
}
.verify img {
  width: 90px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  float: right;
}
.bg4 {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  margin-left: 10px;
  background: url("../images/images/icon3.png") no-repeat 4px 7px;
}
.footer {
  position: absolute;
  bottom: 5px;
  left: 0;
  z-index: 1;
  width: 100%;
}
.footer p {
  text-align: center;
  font-size: 12px;
  letter-spacing: 2px;
  opacity: 0.4;
  color: #ffffff;
}

/*验证提示框*/
.tip{width:100%;text-align:center;position:absolute;left:0;top:0;z-index:999;font-size:16px;padding:50px 0;}
.tip-area{width:300px;background:#fff;padding:50px 0 20px;position:relative;margin:auto;overflow:hidden;}
.tip-area h5{font-size:14px;position:absolute;left:-25px;top:-24px;background:#00a3ee;color:#fff;padding: 30px 20px 6px 40px;font-weight:normal;border-radius:26px;letter-spacing:3px;}
.tip-area h5 span{width:16px;height:16px;display:inline-block;background:url(../images/icon-tip.png) no-repeat;vertical-align:middle;margin-right:6px;}
.tip-area .tip-cont{padding:30px 0;text-align:center;color:#333;}
.tip-area .btn-sure{float:right;line-height:26px;border:1px solid #999;padding:0 10px;margin-right:30px;color:#333;border-radius:2px;font-size:14px;}
.tip-area .btn-sure:hover{color:#00a3ee;border-color:#00a3ee;}
a.btn-close{position:absolute;right:-9px;top:-7px;width:30px;height:30px;display:inline-block;background:url(../images/icon-close.png) no-repeat;background-size:cover;cursor:pointer;}
a.btn-close:hover{background:url(../images/icon-close-hov.png) no-repeat;background-size:cover;transition:0.3s;}
.relative{position:relative;display: inline-block;}

/*  谷歌  edge*/
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: rgba(255,255,255,0.8);
}

