@charset "UTF-8";
/* 页面公共顶部 */
.gyszc-head {
  height: 60px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.gyszc-head .headcontainer {
  width: 100%;
  height: 60px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.gyszc-head .headcontainer .left .logo {
  display: inline-block;
  vertical-align: middle;
  width: 210px;
  height: 60px;
  margin: 0 20px;
  background: url("../img/logo.png") center center no-repeat;
  background-size: contain;
}

.gyszc-head .headcontainer .left .name {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
}

.gyszc-head .headcontainer .right .language {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  font-size: 14px;
}

.gyszc-head .headcontainer .right .language li {
  float: left;
  margin-right: 20px;
}

.gyszc-head .headcontainer .right .language li a {
  display: block;
  color: #7D8896;
}

.gyszc-head .headcontainer .right .language li a:hover {
  color: #1890FF;
}

.gyszc-head .headcontainer .right .login {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  color: #333;
}

.gyszc-head .headcontainer .right .login a {
  color: #1890FF;
}

.gyszc-head-system {
  height: 60px;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.gyszc-head-system .headcontainer {
  width: 100%;
  height: 60px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.gyszc-head-system .headcontainer .left .logo {
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  height: 34px;
  margin: 0 10px 0 20px;
  background: url("../img/logo-system.png") no-repeat;
}

.gyszc-head-system .headcontainer .left .name {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
}

.gyszc-container {
  width: 1240px;
  padding: 20px;
  margin: 0 auto;
}

/* 步骤条 */
.gyszc-step {
  margin: 0 0 14px 0;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  position: relative;
}

.gyszc-step:before {
  content: "";
  display: table;
}

.gyszc-step:after {
  content: "";
  display: table;
  clear: both;
}

.gyszc-step .stepcontainer {
  width: 100%;
}

.gyszc-step .stepcontainer:before {
  content: "";
  display: table;
}

.gyszc-step .stepcontainer:after {
  content: "";
  display: table;
  clear: both;
}

/* 重载选项卡 */
.gyszc-step .stepcontainer .nav-tabs {
  border-bottom: none !important;
}

.gyszc-step .stepcontainer .nav-tabs-line {
  margin: 0 auto;
  display: table;
}

.gyszc-step .stepcontainer .nav-tabs-height > li > a {
  padding: 15px 0;
}

.gyszc-step #dataverify {
  position: absolute;
  left: auto;
  top: 20px;
  right: -8px;
  width: 124px;
  height: 36px;
}

.gyszc-step #dataverify a {
  display: block;
  height: 36px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  padding-left: 20px;
  background: url("../img/bt-formvalidity.png") no-repeat 0 0;
}

.gyszc-step #dataverify a i {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background: url("../img/icon-formvalidity.png") no-repeat 0 0;
}

/* 表单区块 */
.gyszc-main {
  width: 100%;
  margin: 0 auto;
}

.gyszc-main-left {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.gyszc-main-right {
  width: 49%;
  display: inline-block;
}

/* 大标题 */
/*.gyszc-title { height: 18px; margin: 0 0 15px 0; }
.gyszc-title .title-left { float: left; }
.gyszc-title .title-left h4 { line-height: 18px; padding: 0 10px; border-left: 3px solid $primary; font-size: 18px; }
.gyszc-title .title-right { float: right; position: relative; }
.gyszc-title .title-right .btn { background-color: #fff; border-color: #fff; color: $primary; box-shadow: $shadow!important; border-radius: $radius!important; }
.gyszc-title:before { content: ''; display: table; }
.gyszc-title:after { content: ''; display: table; clear: both; }*/
/* 小标题（ */
/*.gyszc-title-s { height: 16px; margin: 0 0 15px 0; }
.gyszc-title-s .title-left { float: left; }
.gyszc-title-s .title-left h4 { position: relative; line-height: 16px; padding-left: 12px; font-size: $font-lg; }
.gyszc-title-s .title-left h4 .dot { display: block; position: absolute; top: 5px; left: 0; width: 6px; height: 6px; background: $primary; border-radius: 50%!important; }
.gyszc-title-s .title-right { float: right; position: relative; }
.gyszc-title-s:before { content: ''; display: table; }
.gyszc-title-s:after { content: ''; display: table; clear: both; }*/
/* 注册协议 */
.protocol-text {
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.protocol-text h2 {
  margin: 20px 0 40px 0;
  font-size: 24px;
  text-align: center;
}

.protocol-text p {
  line-height: 1.5;
  font-size: 14px;
}

.bt-upload {
  width: 250px;
  height: 188px;
  text-align: center;
  border: 1px solid #DCDFE3;
  border-radius: 10px;
  background: #F5F9FB;
}

.bt-upload a {
  display: block;
  height: 188px;
  padding-top: 110px;
  background: url("../img/bt-upload.png") no-repeat center 55px;
}

.bt-upload a p {
  text-align: center;
  color: #7D8896;
}

.bt-uploadimg {
  width: 250px;
  height: 188px;
  text-align: center;
  border: 1px solid #DCDFE3;
  border-radius: 10px;
  background: #F5F9FB;
}

.bt-uploadimg img {
  display: block;
  width: 248px;
  height: 186px;
}

/* 右侧固定式字段展示 */
.fixfield {
  width: 100%;
}

.fixfield > .left {
  float: left;
  width: 100%;
  clear: both;
}

.fixfield > .left > .leftcon {
  margin-right: 140px;
}

.fixfield > .right {
  float: left;
  width: 120px;
  margin-left: -120px;
}

.fixfield > .right .btn {
  padding-top: 4px;
  padding-bottom: 4px;
}

.fixfield:before {
  content: "";
  display: table;
}

.fixfield:after {
  content: "";
  display: table;
  clear: both;
}

/* 页面右侧悬浮信息 */
.gyszc-floatbox {
  position: fixed;
  right: 0;
  top: 260px;
  width: 180px;
  padding: 0 15px;
  background: #fff;
  border: 1px solid #F5F9FB;
  box-shadow: 0 10px 20px 0 rgba(44, 48, 49, 0.12);
  border-radius: 10px;
}

.gyszc-floatbox .floatbox-title {
  line-height: 14px;
  padding: 16px 0 16px 24px;
  border-bottom: 1px solid #DCDFE3;
  background: url(../img/icon-help.png) no-repeat 0 14px;
  color: #444;
}

.gyszc-floatbox .floatbox-content {
  line-height: 14px;
  padding: 16px 0 11px 24px;
  background: url(../img/icon-tel.png) no-repeat 0 14px;
  color: #444;
}

.gyszc-floatbox ul {
  margin-bottom: 15px;
}

.gyszc-floatbox ul li {
  padding-left: 24px;
  line-height: 22px;
}

/*会员注册-选择角色*/
.reg-head {
  height: 350px;
  background: url(../img/gys/head-bg.png) top center repeat-x;
  padding: 60px 0 0 0;
}

.reg-head h1 {
  font-size: 28px;
  color: #f0f0f0;
  text-align: center;
  font-weight: normal;
}

.reg-head .reg-headicon {
  width: 100%;
  height: 80px;
  background: url(../img/gys/icon-zctx.png) top center no-repeat;
  margin: 0 0 20px 0;
}

.reg-head .reg-headicon.icon1 {
  background: url(../img/gys/icon-zctx.png) top center no-repeat;
}

.reg-head .reg-headicon.icon2 {
  background: url(../img/gys/icon-zhmm.png) top center no-repeat;
}

.reg-box {
  width: 1000px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  padding: 50px 0 80px 0;
  margin-top: -100px;
}

.reg-box .reg-tit {
  width: 100%;
  text-align: center;
  font-size: 22px;
  color: #333;
  font-weight: normal;
}

.reg-box > ul {
  margin: 50px 100px 0 100px;
}

.reg-box > ul > li {
  display: table-cell;
  width: 1%;
  text-align: center;
}

.reg-box > ul > li:hover .icon {
  transform: scale(1.1, 1.1);
  transition: all 0.3s ease-in-out;
}

.reg-box > ul > li > a > .icon {
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 100px;
  display: inline-block;
  margin: 0 0 20px 0;
}

.reg-box > ul > li > a > .icon > i {
  color: #fff;
  opacity: 0.9;
  font-size: 50px;
}

.reg-box > ul > li > a > .icon1 {
  background: #FA863D;
  background: linear-gradient(-44deg, #FA863D 0%, #FFB62D 100%);
}

.reg-box > ul > li > a > .icon1-1 {
  background: #FA863D;
  background: linear-gradient(-44deg, #FA863D 0%, #FFB62D 100%);
}

.reg-box > ul > li > a > .icon1-2 {
  background: #50C9C4;
  background: linear-gradient(135deg, #50C9C4 0%, #5CCB7E 100%);
}

.reg-box > ul > li > a > .icon2 {
  background: #C797FE;
  background: linear-gradient(135deg, #C797FE 0%, #7865F5 100%);
}

.reg-box > ul > li > a > .icon3 {
  background: #FF7571;
  background: linear-gradient(135deg, #FF7571 0%, #EB4D7F 100%);
}

.reg-box > ul > li > a > .icon4 {
  background: #5EA82D;
  background: linear-gradient(-44deg, #5EA82D 0%, #A5E14B 100%);
}

.reg-box > ul > li > a > .tit1, .reg-box > ul > li > .tit2 {
  width: 100%;
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  color: #333;
}

.reg-box > ul > li > a > .tit2 {
  font-size: 14px;
  color: #666;
}

/*供应商-找回密码*/
.ret-box {
  padding: 50px 120px 70px 120px;
}

.ret-box img.CheckPic {
  height: 30px;
  width: 75px;
}

.ret-box .form-group > div:last-child > a {
  margin: 0;
}

.ret-box .fixfield > .left > .leftcon {
  margin-right: 90px;
}

.ret-box .fixfield > .right {
  text-align: right;
}

.ret-box .ret-box-info {
  text-align: center;
  font-size: 18px;
  color: #1890FF;
  margin: 0 0 20px 0;
}

.ret-box .ret-box-info.red {
  color: #FB6041;
}

.ret-box .ret-box-info > i {
  margin: 0 5px 0 0;
}

.ret-box .ret-box-txt {
  text-align: center;
  font-size: 14px;
  color: #444;
}

.ret-box .bt-group > .btn:last-child {
  margin: 0;
}

.ret-step {
  margin: 0 0 50px 0;
}