@charset "UTF-8";
/* 页面公共顶部 */
@import url("../font/iconfont.css");
.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: 160px; height: 60px; margin: 0 20px; background: url("../img/logo-mini.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: #1585ED; }

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

.gyszc-head .headcontainer .right .login a { color: #1585ED; }

.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: 12px; 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; }


/* 步骤条公共部分 */
ul.step { counter-reset: flag; margin: 24px 0; padding-left: 100px; }

ul.step:after { display: table; content: ''; clear: both; }

ul.step > li { transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; }

ul.step > li > a { height: 24px; line-height: 24px; color: #444; text-align: left; padding: 0 0 0 24px; z-index: 0; pointer-events: none; cursor: default; }

ul.step > li > a:before { content: counter(flag); counter-increment: flag; position: absolute; z-index: 2; top: 0; left: 0; right: 0; font-size: 16px; text-align: center; width: 24px; height: 24px; line-height: 16px; padding: 3px 0; background-color: #F5F9FB; border: 1px solid #DCDFE3; border-radius: 50%; }

ul.step > li > a:after { content: ""; position: absolute; z-index: 1; left: 0; right: 10px; top: 12px; height: 1px; background: #DCDFE3; }

ul.step > li > a > span { position: relative; z-index: 3; padding: 0 10px; font-size: 16px; background-color: #fff; }

ul.step > li:last-child > a:after { width: 0; }

ul.step > li.done > a:before { content: ""; font-family: SimHei; font-size: 14px; background: url("../img/icon-step-done.png") no-repeat 0 0; border-color: #1585ED; }

ul.step > li.done > a:after { background: #1585ED; }

ul.step > li.done > a > span { color: #1585ED; }

ul.step > li.current > a:before { background: #1585ED; color: #fff; border-color: #1585ED; }

ul.step > li.current > a > span { color: #1585ED; }

ul.step > li.active > a:before { background: #1585ED; color: #fff; border-color: #1585ED; }

ul.step > li.active > a > span { color: #1585ED; padding: 4px 10px; background: #F5F9FB; }

ul.step.enable-href > li > a { pointer-events: auto; cursor: pointer; }

ul.step.enable-href > li:hover > a:before { background: #1585ED; color: #fff; border-color: #1585ED; }

ul.step.enable-href > li:hover > a > span { color: #1585ED; }

ul.step.enable-href > li.done:hover > a:before { content: ""; font-family: SimHei; font-size: 14px; background: url("../img/icon-step-done.png") no-repeat 0 0; border-color: #1585ED; }



/* 重载选项卡 */
.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: 12px; 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: 12px; 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: 12px; 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: 12px; }

.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/zhuce/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/zhuce/icon-zctx.png) top center no-repeat; margin: 0 0 20px 0; }

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

.reg-head .reg-headicon.icon2 { background: url(../img/zhuce/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: 12px; 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; }

/* BUTTON */
.bt-group { height: 50px; line-height: 50px; text-align: center; border-radius: 12px; z-index: 999; transition: all 0.05s ease-out; }

.btn-primary.btn-outline { color: #1585ED; }

.btn-success.btn-outline { color: #52C41A; }

.btn-info.btn-outline { color: #1585ED; }

.btn-warning.btn-outline { color: #EE9918; }

.btn-danger.btn-outline { color: #FA541C; }

.btn-primary.btn-outline, .btn-success.btn-outline, .btn-info.btn-outline, .btn-warning.btn-outline, .btn-danger.btn-outline { background-color: transparent; }

.btn-primary.btn-outline:hover { background-color: #1585ED; }

.btn-success.btn-outline:hover { background-color: #52C41A; }

.btn-info.btn-outline:hover { background-color: #1585ED; }

.btn-warning.btn-outline:hover { background-color: #EE9918; }

.btn-danger.btn-outline:hover { background-color: #FA541C; }

.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover { color: #fff; border: 1px solid transparent; }

.btn-primary { background-color: #1585ED; border-color: #1585ED; color: #fff; }

.btn-primary:hover { background-color: #40A9FF; border-color: #40A9FF; color: #fff; }

.btn-primary:active { background-color: #096DD9; border-color: #096DD9; color: #fff; }

.btn-info { background-color: #1585ED; border-color: #1585ED; color: #fff; }

.btn-info:hover { background-color: #40A9FF; border-color: #40A9FF; color: #fff; }

.btn-info:active { background-color: #096DD9; border-color: #096DD9; color: #fff; }

.btn-success { background-color: #52C41A; border-color: #52C41A; color: #fff; }

.btn-success:hover { background-color: #409E15; border-color: #409E15; color: #fff; }

.btn-success:active { background-color: #409E15; border-color: #409E15; color: #fff; }

.btn-warning { background-color: #EE9918; border-color: #EE9918; color: #fff; }

.btn-warning:hover { background-color: #CC810F; border-color: #CC810F; color: #fff; }

.btn-warning:active { background-color: #CC810F; border-color: #CC810F; color: #fff; }

.btn-danger { background-color: #FA541C; border-color: #FA541C; color: #fff; }

.btn-danger:hover { background-color: #E53D05; border-color: #E53D05; color: #fff; }

.btn-danger:active { background-color: #E53D05; border-color: #E53D05; color: #fff; }

.btn-default { background-color: #fbfbfb; border-color: #ddd; color: #666; }

.btn-default:hover, .btn-default:active { color: #1585ED; }

.btn-link { background-color: transparent; color: #1585ED; }

.btn-link:hover, .btn-link:active { color: #096DD9; }

.btn-action { background-color: transparent; color: #1585ED; padding: 0; margin-right: 10px; }

.btn-action:hover, .btn-action:active { color: #096DD9; }

.btn-white { background-color: #fff; border-color: #ccc; color: #333; }

.btn-white:hover, .btn-white:active { background-color: #f5f5f5; border-color: #ccc; }

.btn-light { background-color: #F5F9FB; border-color: #DCDFE3; color: #1585ED; }

.btn-light:hover, .btn-light:active { background-color: #E6F7FF; border-color: #91D5FF; color: #096DD9; }

.btn-manual { background-color: #fff; border-color: #fff; color: #1585ED; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06); }

.btn-manual:hover { background-color: #1585ED; border-color: #1585ED; color: #fff; }

.btn-manual.active, .btn-manual:active { background-color: #1585ED; border-color: #1585ED; color: #fff; }

.btn-colordot { display: inline-block; height: 24px; line-height: 24px; padding: 0 10px 0 5px; background: #ddd; border-radius: 12px; }

.btn-colordot.yellow { background: #FFFBE6; background: #EF9B1D; }

.btn-colordot.red { background: #FCEDE9; color: #FB441B; }

.btn-colordot.green { background: #ECF8E8; color: #4ABC1A; }

/*供应商-找回密码*/
.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: #1585ED; 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; }