* {
  font-family: "Microsoft YaHei";
  outline: none;
  font-weight: normal;
  /*color: #777;*/
}

html,
body {
  width: 100%;
  height: 100%;
  min-width: 1280px;
}

body {
  margin: 0;
  padding: 0;
}

::-ms-clear,
::-ms-reveal {
  display: none;
}

.clearfix {
  clear: both;
}

ul,
li {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

h1,
p {
  margin: 0;
  padding: 0;
}

input {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

/* 隐藏 */

.hide {
  display: none !important;
}

a[title="站长统计"] {
  display: none;
}

/*灰色提示信息*/
.grayTips {
  font-size: 12px;
  color: #b4b4b4;
}
/*文件找不到报错 屏蔽掉*/
/*.select-style {
    background: url(../images/select.png) #fff right no-repeat;
}*/

.header {
  width: 100%;
  height: 70px;
  line-height: 70px;
  /* border-bottom: 1px solid #e3e3e3; */
  /* background-color: #fff; */
  min-width: 950px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 32px;
  box-sizing: border-box;
}
.header img {
  vertical-align: middle;
}
.header .big-logo {
  height: 21px;
}
.header .separator {
  width: 1px;
  height: 25px;
  background-color: #e3e3e3;
  margin: 0 20px;
}
.small-logo {
  height: 23px;
}
.small-logo-word {
  font-size: 22px;
  color: #3370ff;
  letter-spacing: 0.88px;
  font-weight: bold;
}

.container {
  position: relative;
  margin: 0 auto;
  margin-top: 80px;
  min-height: 485px;
  vertical-align: middle;
  /*     min-width: 1000px;
        max-width: 1200px; */
  /*  margin-left: 10%; */
  width: 80%;
  min-width: 950px;
  max-width: 1100px;
  /*     margin-left: auto; */
  margin-right: auto;
  zoom: 1;
}

.container .ica_banner_main {
  float: left;
  width: 584px;
  /* margin-left: 100px; */
}

.ica_banner_main,
.ica_banner_box {
  overflow: hidden;
  width: 584px;
  position: relative;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  height: 322px;
  z-index: 1;
}

.ica_banner_main {
  position: relative;
  height: 390px;
}

.swiper-pagination {
  left: 50%;
  margin-top: 30px;
  margin-left: -10%;
  width: 20%;
}

.ica_banner_box .swiper-slide {
  position: relative;
  font:
    12px/1.5 "\5FAE\8F6F\96C5\9ED1",
    "Microsoft Yahei",
    "Hiragino Sans GB",
    tahoma,
    arial,
    "\5B8B\4F53" !important;
}

.ica_banner_box .swiper-slide img {
  width: 100%;
  transition: all 1s ease 1s;
}

.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  margin: 0px 3px;
}

.container .login {
  /*  position: absolute;
     right: 160px; */
  float: right;
  padding: 0px 20px 22px 20px;
  margin-bottom: 10px;
  border: 1px solid #b4b4b4;
  width: 296px;
  height: 333px;
  font-size: 12px;
  /* background-color: #fff; */
}

.login .login-header {
  padding-top: 15px;
}

.selectedstyle {
  color: #3370ff !important;
  font-size: 16px !important;
  border-bottom: 2px solid #3370ff;
  font-weight: 600 !important;
  padding-bottom: 2px;
  margin-top: 6px !important;
}
.firstspan {
  margin-left: 22px !important;
}
.lastspan {
  margin-left: 30px !important;
}
/*扫码登录*/
.login .login-header h3 {
  float: left;
  font-size: 18px;
  color: #373d41;
  /*  color: #000;
     font-family: Heiti, "黑体", "Microsoft YaHei", "微软雅黑", "宋体", sans-serif; */
}

.login-header-side {
  margin-top: 20px;
  float: right;
}

.login-header-side div {
  float: left;
}

.login-text {
  position: relative;
  margin-right: 7px;
  padding: 5px 13px;
  background: #e3f3fc;
  border: solid 1px #008cdb;
}

.login-text span {
  color: #008cdb;
}

.login-text em {
  position: absolute;
  top: 8px;
  right: -7px;
  width: 7px;
  height: 12px;
  background: url("../images/login_arrow_r.png") center/100% auto no-repeat;
}

.login-icons {
  width: 40px;
  height: 40px;
  background: url("../images/login_scan.png") center/100% auto no-repeat;
  cursor: pointer;
}

.loginBox2 {
  margin-top: 70px;
  width: 100%;
  height: 220px;
  overflow: hidden;
}
.loginBox3Wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  min-width: 950px;
  background: rgba(0, 0, 0, 0.7);
}
.loginBox3 {
  position: relative;
  top: 50%;
  left: 50%;
  margin: -250px 0 0 -200px;
  width: 400px;
  height: 500px;
  background: #fff;
  box-shadow: 0 0 150px #272727;
}
#scanLoginBox {
  width: 100%;
  height: 100%;
}
#scanLoginBox iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -220px 0 0 -45%;
  width: 90%;
  height: 430px;
}
.loginBox3 em {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
  width: 14px;
  height: 11px;
  background: url("../images/bind_close.png") center no-repeat;
  cursor: pointer;
}

/*手机绑定弹出框*/
.bindPhoneNum {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 950px;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10000;
}

.bindBox {
  position: relative;
  left: 50%;
  top: 50%;
  margin: -199px 0 0 -199px;
  width: 398px;
  height: 398px;
  background: #fff;
  box-shadow: 0 0 38px #626262;
  overflow: hidden;
  color: #3a3a3a;
}

.bindBox .closeBindBox {
  margin: 11px 13px 0 0;
  float: right;
  width: 14px;
  height: 11px;
  background: url("../images/bind_close.png") center/100% auto no-repeat;
  cursor: pointer;
}

.bindBox_main {
  margin: 35px auto;
  width: 80%;
}

.bindBox_main h3 {
  margin-bottom: 10px;
  color: #3a3a3a;
}
.bindBox_main .bindBox-content {
  margin-top: 10px;
}
.bindBox_main ul li {
  margin-bottom: 20px;
  overflow: hidden;
}

.bindBox_main ul li span {
  margin-right: 15px;
  float: left;
  width: 70px;
  height: 36px;
  line-height: 36px;
  text-align: right;
  color: #3a3a3a;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.inputBox {
  position: relative;
  float: left;
  width: 230px;
  height: 36px;
}
.inputBox input {
  width: 100%;
  height: 34px;
  border: solid 1px #ccc;
  text-indent: 10px;
}
.inputBox .bind-tips {
  position: absolute;
  top: 0;
  right: 0;
  width: 228px;
  height: 100%;
  line-height: 36px;
  text-indent: 10px;
  color: #9c9c9c;
}

.bindBox-vcode {
  width: 120px;
}
.bindBox-vcode .bind-tips {
  width: 118px;
}

.getVcode {
  float: right;
  width: 102px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  background: #386aff;
  cursor: pointer;
}

.bindBtn {
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #386aff;
  color: #fff;
  cursor: pointer;
}
.getVcode:hover,
.bindBtn:hover {
  background: #0277bd;
}
.bindTips h4 {
  margin-bottom: 10px;
  color: #3a3a3a;
  font-size: 12px;
}
.bindTips p {
  margin-left: 20px;
  font-size: 12px;
  line-height: 18px;
  color: #747474;
}
.bindBox_main .dlg-btns ul li {
  margin-top: 15px;
}

.dlg_info {
  clear: both;
  margin: 0 auto;
  height: 28px;
  line-height: 28px;
  /* width:100%; */
  text-align: center;
}
.dlg_info {
  margin-bottom: -10px;
  padding-top: 7px;
}
.register-info {
  margin-bottom: 0;
}
.dlg_errinfo {
  margin: 0 auto;
  color: #eb192d;
  font-size: 12px;
}

.login .label {
  padding: 5px 0 5px;
}

.login .label span {
  font-weight: 600;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.login .label a {
  float: right;
  color: #386aff;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.login .label a:hover {
  color: #0277bd;
}

.inspurPass {
  position: relative;
  text-decoration: none;
}
.quickLink .inspurPass {
  float: left;
  padding-left: 25px;
}
.quickLink .toregister {
  float: right;
  text-align: right;
  color: rgba(0, 0, 0, 0.65);
}
.quickLink {
  margin-top: 10px;
  text-align: center;
  float: none;
}

.quickLink span {
  cursor: pointer;
}
/* .quickLink span:hover {
    cursor: pointer;
    color: #0277bd;
} */
.quickLink .toregister b {
  color: #386aff;
  /* text-decoration: underline; */
}
.inspurPass::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: -2px;
  background: url(../images/passport-logo.svg) no-repeat;
  background-position: center;
  background-size: auto 100%;
}
.placeholder-input {
  width: 100%;
  height: 33px;
  line-height: 33px;
  position: relative;
  text-align: left;
  border: 1px solid #999;
  border-radius: 3px;
  overflow: hidden;
}

.dlg_input-focus {
  border: 1px solid #0277bd;
}

.dlg_login_row_len .placeholder-input {
  width: 298px;
}

.placeholder-input .dlg_login_txt {
  border: none;
  width: 100%;
  height: 98%;
  color: #000;
  font-size: 16px;
  border-radius: 5px;
  padding-left: 10px;
  overflow: hidden;
  /*     text-indent: 10px; */
  cursor: text;
}
/* .placeholder-input .dlg_login_txt:empty，
.placeholder-input .placeholder-tips：empty{
	padding-left:10px;
} */

.placeholder-input .placeholder-tips {
  border: none;
  width: 100%;
  padding-left: 10px;
  overflow: hidden;
  position: absolute;
  color: #000;
  top: 0;
  left: 0;
  cursor: text;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dlg-btns {
  clear: both;
}
.change-spacing {
  margin-top: -6px !important;
  margin-bottom: 0 !important;
}

.dlg-btns ul li {
  margin: 10px auto 10px auto;
  float: left;
  font-size: 20px;
  width: 25%;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.dlg-btns ul li.dlg-normal {
  /* height: 40px; */
  line-height: 40px;
  background: #386aff;
  width: 100%;
  border-radius: 8px;
}

.dlg-btns ul li.dlg-normal:hover {
  background: #0277bd;
}

.dlg-btns ul li.dlg-normal input {
  background: none;
  border: none;
  font-size: 14px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  width: 100%;
  cursor: pointer;
}
/*售后电话*/
.after-sales-phone {
  font-size: 12px;
}

/*註冊頁面*/

.content {
  width: 100%;
  /*margin: 0 auto;
    text-align:center;*/
}

.content .login-tip {
  width: 550px;
  display: block;
  text-align: right;
  margin: 20px auto;
  font-size: 12px;
}

.content .login-tip a {
  color: #386aff;
  cursor: pointer;
}

.content .login-tip a:hover {
  color: #0277bd;
  text-decoration: underline;
}

.content .content_main {
  width: 550px;
  margin: 0 auto;
  font-size: 14px;
}

/*.content .company_info,.content .account_info {
    clear:both;
    margin:0 auto;
    text-align:center;
}*/
.content .company_info {
  border-bottom: 1px dashed #ccc;
}

.dlg_main_row {
  height: 35px;
  line-height: 35px;
  margin: 0 auto;
  margin-bottom: 10px;
  width: 100%;
  /* border:1px solid red;*/
}

.dlg_main_row span,
.dlg_main_row_len span {
  float: left;
  width: 30%;
  text-align: right;
  margin-right: 15px;
}

.dlg_main_row .placeholder-input {
  float: left;
  width: 60%;
}

.dlg_main_row_img {
  height: 100px;
}

.dlg_main_row .yyzz-box {
  float: left;
  position: relative; /* 保证子元素的定位 */
  width: 60%;
  height: 100%;
  border: 2px solid #dfdfdf;
  /*background: #f9f5f4 url("../../ica/img/license.png") center center !* no-repeat*!;*/
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
.code-input {
  background: #fff;
  height: 33px;
  border: 1px solid #e5e8ed;
  border-radius: 8px;
}
.code-input .placeholder-input {
  background: transparent;
  border: none;
}
.code-input .dlg_btn {
  border-left: 1px solid #e5e8ed;
  border-radius: 0;
  margin-top: 7px;
  height: 19px;
  line-height: 19px;
  /*position: relative;
    display: inline-block; */
}

/* .code-input .dlg_btn::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 5px;
    width: 1px;
    background-color: #E5E8ED;
} */
#preview {
  /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); */
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.dlg_main_row .yyzz-box .yyzz-img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%; /* 宽高和外围元素保持一致 */
  height: 100%;
  opacity: 0;
  -moz-opacity: 0; /* 兼容老式浏览器 */
  filter: alpha(opacity=0); /* 兼容IE */
  z-index: 3;
}

.dlg_row_content {
  /*临时测试*/
  display: inline-block;
  width: 60%;
  float: left;
  text-align: left;
}

.content .content_title {
  font-weight: 600;
  font-size: 14px;
}

.content .tips-input {
  border: none;
}

.dlg_main_row .tips-input span {
  text-align: left;
  margin: 0px;
  width: 100%;
}

.dlg_main_row div {
  color: #f74c23;
}

.marginBN {
  margin-bottom: 0;
  /* height:75px; */
  height: 65px;
  line-height: 30px;
}

.v-tips {
  height: 20px;
  line-height: 20px;
}

.dlg_yzm_row {
  display: block;
  width: 100%;
  height: 38px;
  line-height: 38px;
  margin: 10px auto;
}

.dlg_main_row_len {
  margin: 0 auto;
  width: 100%;
}

.dlg_main_row_len .placeholder-input {
  float: left;
  width: 54%;
  margin-right: 10px;
}

.dlg_btn_row {
  float: right;
  margin-right: 30px;
  padding-bottom: 12px;
  text-align: center;
}

.dlg-btns ul li.dlg-regist {
  margin-left: 33%;
  width: 60%;
}

.dlg_contract {
  color: #386aff;
  cursor: pointer;
}

.dlg_contract:hover {
  color: #0277bd;
  text-decoration: underline;
}

.dlg_btn {
  color: #fff;
  border: 1px solid #7ccc6a;
  background-color: #7ccc6a;
  /*#e8f4ff;*/
  border-radius: 5px;
  width: 115px;
  height: 35px;
  cursor: pointer;
}

.dlg_btn:hover {
  color: #fff;
  background-color: #6cbb5a;
}

.btndisabled,
.btndisabled:hover,
.dlg-btns ul li.btndisabled,
.dlg-btns ul li.btndisabled:hover {
  background-color: #ccc;
  border: 1px solid #ccc;
  color: #999;
}

.dlg_row_style {
  margin-bottom: 14px;
}

.dlg_row_style .dlg_main_row_len .placeholder-input {
  width: 58%;
}

.dlg_row_style .dlg_btn {
  width: 35%;
  font-size: 14px;
}

.jqRadio {
  background: transparent url(../images/radio.gif) no-repeat;
  vertical-align: middle;
  height: 16px;
  width: 18px;
  _font-size: 10px;
  display: inline-block;
  position: absolute;
  top: 6px;
}

.jqChecked {
  background-position: 0 -16px;
}

.dlf_row_radio_click {
  float: left;
  margin-right: 6%;
}

.content_main .jqRadio {
  position: relative;
  top: 0px;
}

/* 微信支付 */
.wt-main {
  width: 990px;
  margin: 0 auto;
  padding-top: 115px;
}
.wt-order {
  width: 100%;
  height: 38px;
}
.wt-order .wt-left {
  float: left;
  width: 640px;
}
.wt-order .wt-title,
.wt-order .wt-right .wt-price span,
.wt-order .wt-right .wt-price strong {
  line-height: 26px;
  height: 26px;
  overflow: hidden;
  font-size: 14px;
}
.wt-order .wt-right {
  width: 190px;
  padding-bottom: 10px;
  padding-right: 10px;
  overflow: hidden;
}
.wt-order .wt-right .wt-price strong {
  color: red;
  font-weight: bold;
}
.payment {
  background-color: #fff;
  padding: 12px 30px 0;
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.wt-title {
  font-size: 20px;
}
.wt-bd {
  width: 690px;
  height: 423px;
  margin: 0 auto;
  text-align: center;
}
.wt-codeleft {
  float: left;
  width: 290px;
  height: 100%;
}
.wt-box {
  width: 240px;
  border: 1px solid #ccc;
  height: 240px;
  padding: 15px;
  margin: 0 auto;
}
.wt-box-top {
  height: 44px;
  margin-bottom: 10px;
}
.wt-box-top p {
  margin: 0;
  font-size: 14px;
  color: #f88f55;
  font-weight: 700;
}
.wt-sidebar {
  float: right;
  width: 379px;
  height: 421px;
  background: url(../images/wechat.png) 50px 0 no-repeat;
}
/* 登陆注册 */
.login-main {
  font-size: 14px;
  font-family: "微软雅黑";
  /* background: url(../images/login_bg.jpg) center no-repeat;
    background-size: 100%; */
  min-width: 1100px;
  min-height: 551px;
  height: 100%;
  width: 100%;
}
.footer-bar {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #1e2c53;
  height: 14%;
}
.footer-bar ul {
  height: 30px;
  line-height: 30px;
  margin: auto;
  width: 594px;
  padding: 15px 0;
}
.footer-bar ul li {
  float: left;
  margin-right: 70px;
}
.footer-bar li img {
  vertical-align: middle;
}
.footer-bar ul li:last-child {
  margin: 0;
}
.footer-bar li span {
  color: #31abce;
  font-size: 13px;
}
.footer-bar p {
  text-align: center;
  font-size: 16px;
  color: #b5b5b5;
}
.center-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1170px;
}
.introduction {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.introduction h1,
.introduction h2 {
  color: #1d1d1d;
}
.introduction h1 {
  font-size: 38px;
  font-weight: 900;
  letter-spacing: 2px;
  /* padding-bottom: 30px; */
}
.introduction h2 {
  font-size: 26px;
  padding-bottom: 2.5vh;
}
.introduction p {
  font-size: 16px;
  line-height: 5vh;
}

.introduction img {
  height: 20px;
}
.last-p {
  margin-top: 5px;
}
.last-p img {
  height: 25px;
}
.last-p span {
  display: inline-block;
  vertical-align: middle;
  margin-left: -3px;
}
.introduction-content {
  opacity: 0.9;
  background-image: linear-gradient(
    90deg,
    rgba(149, 195, 255, 0.41) 0%,
    rgba(146, 193, 255, 0.17) 68%,
    rgba(255, 255, 255, 0) 100%
  );
  border-radius: 20px 0 0 20px;
  font-size: 14px;
  color: #1d1d1d;
  padding: 25px 60px 25px 35px;
  line-height: 36px;
  /* margin-top: 18px; */
}
.introduction-content img {
  vertical-align: middle;
  padding-right: 5px;
}
.rg-agreement {
  color: #808080;
}
.main-container {
  height: 408px;
  width: 360px;
  position: absolute;
  font-size: 14px;
  right: 0;

  margin: auto;
  z-index: 99;

  border: 1px solid #fff;
  border-radius: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.login-main-container {
  height: 410px;
}
.main_win {
  position: relative;
  float: right;
  margin: auto;
  z-index: 99;
  /* box-shadow: 0 0 10px rgba(0,0,0,.2); */
  width: 360px;
  /* 	width: 465px; */
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
}
.main_header {
  width: 100%;
  text-align: center;
  height: 80px;
  box-sizing: border-box;
}
#logo_login {
  position: absolute;
  left: 40px;
  top: 15px;
  cursor: pointer;
}
#logo_login img {
  width: 181px;
  height: 51px;
}
.main_header > img {
  margin-top: 27px;
  width: 200px;
}
.container {
  width: 100%;
  min-width: 300px;
  text-align: center;
  margin-top: 0;
  min-height: 350px;
}
.container .login {
  float: none;
  margin: 10px auto;
  border: 0;
}
#space {
  height: 13px;
}
.captcha {
  margin-top: 15px;
}
.login .label {
  padding: 5px 5px 5px 0;
}
.label {
  text-align: left;
}
.login-header {
  height: 30px;
}
.footer_info {
  position: absolute;
  right: 0;
  left: 0;
  color: #fff;
  /*   color: #999999; */
  font-size: 14px;
  text-align: center;
  top: 50%;
  margin-top: 270px;
  z-index: 90;
}
.footer_info div {
  color: #fff;
}
.container .login {
  font-size: 14px;
}
#btn-login,
#btn-retrieve {
  font-size: 18px;
}
#remember {
  vertical-align: middle;
  /* margin-right: 5px; */
  margin-top: 2px;
}
.placeholder-input {
  width: 98%;
}
.placeholder-input .dlg_login_txt {
  font-size: 14px;
}
.placeholder-input,
.dlg_login_txt {
  background: #fff;
  border: 1px solid #e5e8ed;
  border-radius: 8px;
}
.dlg-btns ul li.dlg-normal {
  width: 99%;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(0, 0, 0, 0.25);
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(0, 0, 0, 0.25);
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(0, 0, 0, 0.25);
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(0, 0, 0, 0.25);
}
.checkbox {
  position: relative;
  height: 30px;
  margin-top: 5px;
}
.checkbox input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  opacity: 0;
}
.checkbox label {
  position: absolute;
  left: 30px;
  top: 5px;
  height: 20px;
  line-height: 20px;
  color: #474747;
}
.checkbox label:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 1px;
  width: 15px;
  height: 15px;
  border: 1px solid #ddd;
  border-radius: 1px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  background: #fff;
}

.checkbox label:after {
  content: "";
  position: absolute;
  left: -25px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.checkbox input[type="checkbox"]:checked + label:before {
  background: #386aff;
  border-color: #386aff;
}
.checkbox input[type="checkbox"]:checked + label:after {
  background: #386aff;
}
.main_logo {
  cursor: pointer;
}
body {
  background: url(../images/newlogin/bg.png) no-repeat;
  height: 100%;
  background-size: 100% 100%;
}
.login-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* height: 60px; */
  /* min-height: 50px; */
  min-width: 1280px;
  /* background: #fff; */
  font-size: 12px;
  color: #666;
  padding: 10px 50px;
  box-sizing: border-box;
  text-align: center;
  /* padding: 20px 0 0; */
}
.login-footer span {
  display: inline-block;
  padding-right: 10px;
}
.login-footer a {
  color: #666;
  cursor: pointer;
}
.login-footer p {
  padding-bottom: 8px;
}
.login h1 {
  color: #333;
  text-align: left;
  font-size: 22px;
  font-weight: 400;
  margin-top: 24px;
}
.onlinechart {
  float: right;
  width: 20px;
  height: 20px;
  background-image: url(../images/onlinechart.svg);
  background-position: 0px 0px;
  margin: 20px 0 0 0;
  cursor: pointer;
}
.onlinechart:hover {
  background-position: -20px 0px;
  cursor: pointer;
}
.modify-span {
  float: left;
}
#modify_module .placeholder-input .dlg_login_txt {
  font-size: 12px;
}
.footer_version,
.version-style {
  display: inline-block;
}
.login-footer p.version-style {
  margin-left: 15px;
}
.dlg_btn {
  border: none;
  border-radius: 8px;
  width: 115px;
  height: 24px;
  margin-top: 4.5px;
  cursor: pointer;
  font-size: 15px;
  color: #3370ff;
  letter-spacing: -0.13px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  background-color: #fff;
}
.yanzhengma span {
  width: 1px;
  height: 18px;
  background: #e5e8ed;
  display: inline-block;
  margin-top: 9px;
  float: left;
}
.yanzhengma {
  /*position: absolute;*/
}
.dlg_btn:hover {
  background: #ffffff;
  color: #3370ff;
}
.dlg_btn_row {
  float: left;
}
.area-select {
  height: 33px;
}
.area-select select {
  height: 100%;
  width: 95px;
  margin-right: 3px;
  float: left;
  border: 1px solid #e5e8ed;
}
.xzqh-content {
  height: 35px;
}
.xzqh-content input {
  height: 100%;
  float: left;
  width: 144px;
  border: 1px solid #e5e8ed;
  box-sizing: border-box;
  padding: 0 10px;
}
#xzqh-front {
  text-align: right;
  margin-right: 4px;
}
.footer_version,
.version-style {
  display: inline-block;
}
.login-footer p.version-style {
  margin-left: 15px;
}
/* .dlg_btn {
    border: none;
    border-radius: 8px;
    width: 115px;
    height: 24px;
    margin-top: 6px;
    cursor: pointer;
    font-size: 15px;
    color: #3370ff;
    letter-spacing: -.13px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    background-color: #fff;
} */
/* .yanzhengma span {
    width: 1px;
    height: 18px;
    background: #3370FF;
    display: inline-block;
    margin-top: 11px;
    float: left;
} */
.yanzhengma {
  /*position: absolute;*/
}
.dlg_btn:hover {
  background: #ffffff;
  color: #3370ff;
}
.dlg_btn_row {
  float: left;
}
@media screen and (min-width: 1000px) and (max-width: 1440px) {
  /* 1280屏幕可能命中此规则 */
  .header .big-logo {
    height: 17px;
  }
  .small-logo {
    height: 19px;
  }
  .introduction h1 {
    font-size: 26px;
  }
  .introduction h2 {
    font-size: 20px;
  }
  .introduction-content p {
    font-size: 13px;
  }
  .introduction-content {
    padding: 20px 50px 20px 20px;
    line-height: 32px;
  }
  .introduction-content img {
    height: 15px;
  }
  .last-p img {
    height: 18px;
  }
  .header .separator {
    margin: 0 15px;
  }
  .center-box {
    width: 1000px;
  }
}
#isGreeContract_company {
  opacity: 0.7;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
#yzmbtn-regist {
  font-size: 14px;
}
#btn-regist {
  font-size: 17px;
}
.rg-agreement {
  font-size: 13px;
}
.quickLink .toregister b:hover {
  text-decoration: underline;
}
.regist_other:hover {
  text-decoration: underline;
}
.word-left {
  display: inline-block;
  margin-left: -5px;
  color: #474747;
  font-weight: 500 !important;
}