@charset "utf-8";

/*
 * -------------------------------------
 * Init 初始化页面
 * -------------------------------------
 */

body {
  font-family: 'Raleway', 'Open Sans', 'Helvetica Neue', Microsoft JhengHei,
    arial, sans-serif;
}

/*
 * -------------------------------------
 * 注册页
 * -------------------------------------
 */

/**/
.c-reg-title {
  text-align: center;
  font-size: 20px;
  color: #208dd7;
  margin-bottom: 30px;
}

.c-reg-title-2 {
  display: block;
  width: 950px;
  margin: 0 auto;
  padding: 40px 0 10px 10px;
  font-size: 16px;
  color: #208dd7;
}
/* 步骤样式 */
.c-reg-step {
  width: 500px;
  margin: 0 auto;
  clear: both;
  display: flex;
  justify-content: space-around;
  margin-top: 50px;
  margin-bottom: 30px;
}

.c-reg-step li {
  width: 100px;
  display: inline-block;
}

.c-reg-step p {
  display: block;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  width: 70px;
  height: 70px;
  line-height: 60px;
  font-size: 40px;
  text-align: center;
  background-color: #fafafa;
  border: 5px solid #f1f3f5;
  border-radius: 50%;
  color: #dad7d7;
}

.c-reg-step h6 {
  text-align: center;
  font-size: 14px;
  padding: 10px 0;
  color: #c1c1c1;
  font-weight: normal;
}

.c-reg-step p::before,
.c-reg-step p::after {
  content: '';
  width: 60px;
  height: 3px;
  display: inline-block;
  position: absolute;
  background-color: #f1f3f5;
  top: 30px;
  border-radius: 5px;
}

.c-reg-step p::before {
  left: -60px;
}

.c-reg-step p::after {
  right: -60px;
}

.c-reg-step .c-active p {
  background-color: #4a90e2;
  color: #fff;
}

.c-reg-step .c-active h6 {
  color: #4a90e2;
}

/* 注册表单 */

.c-reg-container {
  box-sizing: border-box;
  /* width: 800px; */
  width: 90%;
  margin: 0 auto;
  border: 1px solid #eee;
  background-color: #fafafa;
}

.c-reg-container table {
}

.c-reg-container table > tbody > tr > th,
.c-reg-container table > tbody > tr > td {
  vertical-align: middle;
  font-size: 14px;
}

.c-reg-container table > tbody > tr > th {
  width: 150px;
  padding: 1.15em 0.75em;
  color: #208dd7;
  border: none;
  text-align: right;
}

.c-reg-container table > tbody > tr > td {
  width: 325px;
  border: none;
}

.c-reg-container input,
.c-reg-container select {
  font-size: 14px;
}

/*.c-reg-container table > tbody > tr:last-child > th{*/
/*text-align: center;*/
/*}*/

.c-reg-container .invalid-feedback {
  display: block;
}

.c-reg-container .error {
  border-color: #dc3545;
}

/* HTML5 判断表单是否为空
.c-reg-container .form-control:invalid{
    border-color:#dc3545;
}

.c-reg-container input:required{
    border-color:orchid;
}

.c-reg-container input:valid{
    border-color:#28a745;
}

.c-reg-container input:valid + div.invalid-feedback{
    display: none;
}
*/

.c-reg-container span.custom-radio {
  display: inline-block;
}

/*
     * ******************************************
     * 这个控制充当了 Class = .custom-control-input
     * ******************************************
     */
#Company_sjwbq_0,
#Company_sjwbq_1 {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.c-reg-container input[type='radio']:checked ~ .custom-control-label::before {
  color: #fff;
  background-color: #007bff;
}

.c-reg-container input[type='radio']:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.c-reg-container input[type='radio']:active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
}

.c-reg-container input[type='radio']:disabled ~ .custom-control-label {
  color: #6c757d;
}

.c-reg-container input[type='radio']:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.c-reg-container input[type='radio']:checked ~ .custom-control-label::before {
  background-color: #007bff;
}

.c-reg-container input[type='radio']:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.c-reg-container
  input[type='radio']:disabled:checked
  ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.c-reg-container .custom-control-label {
  margin-right: 20px;
  font-size: 16px;
}

/* 居中控制 */
.c-reg-center {
  text-align: center !important;
  padding: 50px 0;
}

/*
     * ******************************************
     * 弹出层脚本样式控制
     * ******************************************
     */

/* 弹出层：搜索框设置 */
.c-layer-search-con {
}

.c-layer-search-layout {
  margin: 0;
}

.c-layer-search-layout > tbody > tr > th,
.c-layer-search-layout > tbody > tr > td {
  border: none;
  vertical-align: middle;
  font-size: 14px;
}

.c-layer-search-layout > tbody > tr > th {
  width: 70px;
  text-align: center;
}

.c-layer-search-layout > tbody > tr > td,
.c-layer-search-layout > tbody > tr > td:last-child {
  padding-right: 0;
  padding-left: 0;
}
.c-layer-search-layout > tbody > tr > td:last-child {
  width: 70px;
  text-align: right;
}

.c-layer-search-layout input[type='text'],
.c-layer-search-layout input[type='submit'] {
  display: inline-block;
}

/* 弹出层：列表样式 */
.c-layer-list-con {
}

.c-layer-list-con table thead th,
.c-layer-list-con table tbody td {
  text-align: center;
  vertical-align: middle;
}

.c-layer-list-con table thead th,
.c-layer-list-con table thead th a {
  color: #000;
}

.c-layer-list-con table tbody td {
  font-size: 14px;
  color: #595959;
}

/* 弹出层：分页样式 */
.c-pagination-con {
  float: left;
}

.c-pagination-con .yiiPager {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0;
  list-style: none;
}

.c-pagination-con .yiiPager li {
  display: list-item;
  text-align: -webkit-match-parent;
}

.c-pagination-con .yiiPager li:hover a,
.c-pagination-con .yiiPager li.selected a {
  background-color: #007bff;
  color: #fff;
  border-color: #007bff;
  transition: all 0.3s ease;
}

.c-pagination-con .yiiPager li:first-child a {
  border-radius: 5px 0 0 5px;
}

.c-pagination-con .yiiPager li:last-child a {
  border-radius: 0 5px 5px 0;
}

.c-pagination-con .yiiPager li a:hover {
  text-decoration: none;
}

.c-pagination-con .yiiPager li a {
  display: block;
  padding: 0.5rem 0.75rem;
  line-height: 1.25rem;
  color: #007bff;
  border: 1px solid #dee2e6;
  margin-left: -1px;
  font-size: 12px;
}

/* 弹出框：组织机构代码证 */

.c-mechanism-code {
}

.c-mechanism-code form {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}

.c-mechanism-code .form-group {
  display: inline-block;
  padding: 0 20px 20px 20px;
}

.c-mechanism-code .layui-layer-btn {
  display: none;
}

.c-mechanism-code .alert {
  margin-top: 16px;
  font-size: 12px;
}

/*
 * ******************************************
 * 注册成功
 * ******************************************
 */
.c-reg-suc {
}

.c-reg-suc > h1 {
  text-align: center;
  color: #5eb95e;
  font-size: 2rem;
}

.c-reg-suc > h1 > i {
}

.c-reg-suc > p {
  text-align: center;
  color: #636363;
  line-height: 60px;
  margin-top: 20px;
}

.c-js-inline table {
  font-size: 14px;
}

.c-js-inline table tbody tr th {
  padding: 5px 5px 5px 5px;
  text-align: right;
}

.c-js-inline table tbody tr td {
  padding: 5px 20px 5px 0;
}

.c-js-inline {
  margin-top: 10px;
  margin-bottom: 10px;
}

.c-js-inline form {
  padding: 5px;
  background-color: rgba(209, 236, 241, 0.2);
  border: 1px solid rgba(209, 236, 241, 1);
}

/**/

.badge-c-color {
  font-size: 2rem;
  color: #ff8805;
}

#previewZzjgdmz img {
  display: block;
  width: 200px;
}

/* 单位注册第一步：登录与帮助说明 */

.m-createuser-info {
  text-align: center;
  font-size: 14px;
  padding: 10px 0 0 0;
  color: #666;
}

.m-createuser-info a {
  color: #f60;
  padding: 2px 3px;
  background-color: #fff;
  border-radius: 5px;
  text-decoration: none;
}

.m-createuser-info a:hover {
  color: #fff;
  padding: 2px 3px;
  background-color: #f60;
  border-radius: 5px;
  text-decoration: none;
}

/**/

input::-moz-placeholder {
  color: #999;
}
input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.225) !important;
}
input:-ms-input-placeholder {
  color: #999;
}