@charset "UTF-8";
@import "../../../defaults/css/common/iconstyle/font-awesome.min.css";
html {
  font-size: 10px;
}
/* THEME */
/*换肤背景色：颜色4*/
/*头部功能栏换肤色：颜色2*/
/*换肤主色，内容区使用：对应校园平台日程头部颜色*/
/*消息提醒换肤色：颜色3*/
/*换肤色 二级菜单背景色：颜色5*/
/* TEXT COLORS */
/* END TEXT COLORS */
/*华南理工数据中心首页*/
/*多行截取COLORS*/
/*END 多行截取COLORS*/
/* BASE ELEMENT COLORs */
/*换肤主色*/
/* EOF BASE ELEMENT COLORs */
/* START X-NAVIGATION */
/*左侧菜单被选中换肤颜色*/
/* END X-NAVIGATION */
/* START WIDGETS */
/* END WIDGETS */
/* COMMENTS */
/* END COMMENTS */
/* SIDEBAR */
/* END SIDEBAR */
/*START SCROLLTOOLS*/
/* END SCROLLTOOLS */
/*START LOGO*/
/* END LOGO */
/* EOF THEME */
.page-service-popup {
  background-image: url(../../../image/common/theme/bnu-blue/bg/service_popup_bg.png);
}
.page-main-body {
  background-image: url(../../../image/common/theme/bnu-blue/bg/page_bg.png);
}
.ec-page-outside-container .ec-page-nav-container {
  background-image: linear-gradient(to bottom, #006cbe 0%, #086dbf 100%) !important;
  box-shadow: 3px 0 10px 5px rgba(0, 108, 190, 0.04);
}
.weather-block-container .big-day-box,
.zh-weather-todo-block .zh-weather-block-container .big-day-box {
  background-image: linear-gradient(135deg, #006cbe 0%, #006cbe 100%) !important;
}
html {
  font-size: 10px;
}
html,
body,
div,
span,
object,
iframe,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
input,
button {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif, 'Microsoft YaHei';
  vertical-align: baseline;
  box-sizing: border-box;
  outline: none;
}
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  outline: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  outline: none;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  outline: none;
}
table,
td,
th {
  vertical-align: middle;
  outline: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
a img {
  border: none;
}
a {
  text-decoration: none;
}
input {
  border: none;
  outline: none;
}
ul {
  list-style: none;
}
label {
  /*cursor:pointer;*/
  color: #666;
}
body {
  line-height: 1.5;
  font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif, 'Microsoft YaHei';
}
.cl-box {
  clear: both;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
.cl-after:after {
  clear: both;
  content: '';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.text-overflow {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.text-nowrap {
  white-space: nowrap;
}
.color-999 {
  color: #999;
}
.color-888 {
  color: #888;
}
.color-666 {
  color: #666;
}
.color-333 {
  color: #333 !important;
}
.line-height-22 {
  line-height: 22px;
}
.line-height-24 {
  line-height: 24px;
}
.line-height-30 {
  line-height: 30px;
}
.line-height-32 {
  line-height: 32px;
}
.line-height-34 {
  line-height: 34px;
}
.hide {
  display: none!important;
}
#topcontrol {
  z-index: 9999;
  bottom: 30px !important;
}
.to-top {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #ddd;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.0rem;
  color: #333;
}
.fixed-avatar-picture {
  position: relative;
  display: flex;
}
.fixed-avatar-picture > canvas {
  border-radius: 50%;
}
.fixed-avatar-picture .user-head-color-left {
  display: block;
  width: 50%;
  height: 100%;
}
.fixed-avatar-picture .user-head-color-right {
  display: block;
  width: 50%;
  height: 100%;
}
.layui-laypage .bootstrap-select > .btn span.bs-caret {
  border: none;
}
.no-data-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 235px;
  margin: 20px 0 0;
  border-radius: 10px;
}
.no-data-block .no-data-image {
  text-align: center;
  height: 70px;
}
.no-data-block .no-data-image > img {
  height: 100%;
}
.no-data-block .no-data-text {
  text-align: center;
  font-size: 1.4rem;
  color: #999;
}
.no-data-block.has-bg-color {
  background-color: #f5f5f5;
}
.panel-block-col .opacity-class,
.card-block-col .opacity-class {
  opacity: 0.3;
}
.panel-block-col .sortable-fallback,
.card-block-col .sortable-fallback {
  opacity: 1!important;
  animation: initial!important;
  visibility: inherit !important;
  animation: inherit !important;
}
input::-webkit-input-placeholder {
  color: #ccc;
}
input::-moz-placeholder {
  color: #ccc;
}
input:-moz-placeholder {
  color: #ccc;
}
input:-ms-input-placeholder {
  color: #ccc;
}
.multi-row-overflow {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
}
.multi-row-overflow .text {
  float: right;
  margin-left: -5px;
  width: 100%;
  word-break: break-all;
}
.multi-row-overflow::before {
  box-sizing: content-box;
  float: left;
  width: 5px;
  content: '';
  height: 100%;
}
.multi-row-overflow::after {
  box-sizing: content-box;
  float: right;
  content: "...";
  height: 20px;
  line-height: 20px;
  text-align: right;
  width: 27px;
  margin-left: -27px;
  position: relative;
  left: 100%;
  top: -20px;
  padding-right: 5px;
}
.multi-row-overflow::after {
  position: relative;
  left: 99%;
  top: -36rpx;
  box-sizing: content-box;
  float: right;
  content: "...";
  height: 36rpx;
  line-height: 36rpx;
  padding-right: 5px;
  text-align: right;
  width: 27px;
  margin-left: -27px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.99), #ffffff);
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-bold {
  font-weight: bold;
}
.bar {
  width: 100%;
}
.pull-left {
  float: left!important;
}
.pull-right {
  float: right!important;
}
.no-data {
  width: 100%;
  padding: 20px 0;
}
.no-data .no-data-picture {
  width: 100%;
  height: 81px;
  text-align: center;
  background-image: url(../../../defaults/image/common/icon/empty.png);
  background-repeat: no-repeat;
  background-position: center;
}
.no-data .no-data-text {
  width: 100%;
  font-size: 1.4rem;
  color: #666;
  text-align: center;
}
.no-data-gray {
  position: relative;
  border-radius: 10px;
  height: 55px;
  float: left;
  width: 100%;
  background: url(../../../defaults/image/common/icon/no-data-line.png);
  text-align: center;
  padding: 10px 0;
}
.no-data-gray:before {
  content: '';
  width: 133px;
  height: 1px;
  background-color: #dfdfdf;
  position: absolute;
  top: 48%;
  left: calc(50% - 230.01px);
}
.no-data-gray > span {
  font-size: 1.4rem;
  color: #666;
  padding: 10px 0 10px 64px;
  line-height: 34px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAgCAYAAAC/40AfAAACC0lEQVRYhe2YsWsTYRTAfz2O3BFIQDSZCx2aYLuYSRxeQP8B/RdEpFvXTsngf9BNK4i7Ooibwj2cMgQRBE/QzoLahpwkvQ6pQ5OQ6gVz3x3cHfQHWV7yvvd+eY8v4da63S6r0ul0APA87ypwB9gASisf8C+fgJeqOklwxhwrboLnedeAB0CTZCIAW8A9EYndRxS2Qc5twC2Xy8fNZtOvVCqhSeFer/cwDMOvk8lkC0BEEk/I5BvZAGg0Gl9MRQBs2w5rtdqRZVlwPqG7SSdkklwCqFarJ0kKAziOE9br9V9ToW0SCqWyq0lwXTc1ocxl4ILQGQmEciEDc6GjRaG4Z5jcZqkxGAxu/B1zHKc0Ho8PORd6Eee8zGRardazZe95ntc2OTM3a5YGNoCIvAY+APuq+iPblsyZTWYXqAG+iOyLyHp2LZljAajqN1XdAa4Dv4GDTLsy5MIFoKrfgb2MeklMplezKSJyFhUvpIyqrkXF7SjLZR/OO3ZRG4+ikGsmIq+AN8BTVZ1vVlH/AXSB+8B7EdmeBQspo6ofgVvAc+DRLF7INQOYPi94PH0BBZ3MMi5l8sqlTF4xkTkFGA6Hbsq9ABAEgbNYJw4mMocAvu9vLhROhSAIHN/3NxfrxMHkd+YtsD4aja70+/2bBvmrcAK8i5sUezLtdvsn8AT4jMEq/IdTwAcOTJ5F/AFh9ZnmL3x1yAAAAABJRU5ErkJggg==);
}
.no-data-gray:after {
  content: '';
  width: 133px;
  height: 1px;
  background-color: #dfdfdf;
  position: absolute;
  top: 48%;
  right: calc(50% - 230.01px);
}
.request-right {
  position: relative;
}
.request-right::before {
  content: "*";
  position: absolute;
  right: -8px;
  top: calc(50% - 6px);
  z-index: 99;
  height: 14px;
  line-height: 1;
  font-size: 1.4rem;
  color: #cc0a0a;
}
.request-left {
  position: relative;
}
.request-left::before {
  content: "*";
  position: absolute;
  left: 0px;
  top: calc(50% - 6px);
  z-index: 99;
  height: 14px;
  line-height: 1;
  font-size: 1.4rem;
  color: #cc0a0a;
}
.upload-picture-box {
  position: relative;
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 10px 10px 0;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dedede;
}
.upload-picture-box > img {
  width: 100%;
}
.upload-picture-box .upload-picture-delete {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 28px;
  padding: 0 10px;
  line-height: 28px;
  font-size: 1.4rem;
  text-align: right;
  background-color: rgba(0, 0, 0, 0.5);
}
.upload-picture-box .upload-picture-delete > a {
  color: #fff;
}
.upload-picture-box:hover .upload-picture-delete {
  display: block;
}
.col-md-1 {
  width: calc(100% / 24 - 0.01px);
}
.col-md-2 {
  width: calc(100% / 24 * 2 - 0.01px);
}
.col-md-3 {
  width: calc(100% / 24 * 3 - 0.01px);
}
.col-md-4 {
  width: calc(100% / 24 * 4 - 0.01px);
}
.col-md-5 {
  width: calc(100% / 24 * 5 - 0.01px);
}
.col-md-6 {
  width: 25%;
}
.col-md-7 {
  width: calc(100% / 24 * 7 - 0.01px);
}
.col-md-8 {
  width: calc(100% / 24 * 8 - 0.01px);
}
.col-md-9 {
  width: calc(100% / 24 * 9 - 0.01px);
}
.col-md-10 {
  width: calc(100% / 24 * 10 - 0.01px);
}
.col-md-11 {
  width: calc(100% / 24 * 11 - 0.01px);
}
.col-md-12 {
  width: 50%;
}
.col-md-13 {
  width: calc(100% / 24 * 13 - 0.01px);
}
.col-md-14 {
  width: calc(100% / 24 * 14 - 0.01px);
}
.col-md-15 {
  width: calc(100% / 24 * 15 - 0.01px);
}
.col-md-16 {
  width: calc(100% / 24 * 16 - 0.01px);
}
.col-md-17 {
  width: calc(100% / 24 * 17 - 0.01px);
}
.col-md-18 {
  width: 75%;
}
.col-md-19 {
  width: calc(100% / 24 * 19 - 0.01px);
}
.col-md-20 {
  width: calc(100% / 24 * 20 - 0.01px);
}
.col-md-21 {
  width: calc(100% / 24 * 21 - 0.01px);
}
.col-md-22 {
  width: calc(100% / 24 * 22 - 0.01px);
}
.col-md-23 {
  width: calc(100% / 24 * 23 - 0.01px);
}
.col-md-24 {
  width: 100%;
}
.fz-12 {
  font-size: 1.2rem;
}
.fz-14 {
  font-size: 1.4rem;
}
.fz-16 {
  font-size: 1.6rem;
}
.fz-18 {
  font-size: 1.8rem;
}
.fz-20 {
  font-size: 2.0rem;
}
.fz-22 {
  font-size: 2.2rem;
}
.border-bottom-dedede {
  border-bottom: 1px solid #dedede;
}
a {
  cursor: pointer;
}
.nodata-type-1 {
  border-radius: 10px;
  position: relative;
  z-index: -1;
}
.nodata-type-2 {
  border-radius: 10px;
  background-color: #f8f8f8;
  position: relative;
  z-index: -1;
}
.nodata-type-2-normal {
  border-radius: 10px;
  background-color: #f8f8f8;
}
.star-box > i {
  color: #ccc;
}
.star-box .color-star {
  color: #ffc51d;
}
.form-readonly * {
  pointer-events: none;
}
.form-readonly .form-readonly-but-this-one {
  pointer-events: auto;
}
.form-readonly .form-readonly-but-this-one * {
  pointer-events: auto;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.3);
}
.border-down-ddd {
  border-bottom: 1px solid #ddd;
}
.border-right-ddd {
  border-right: 1px solid #ddd;
}
.app-hover-card {
  display: none;
  position: absolute;
  z-index: 100;
  width: 270px;
  height: 156px;
  padding: 0 15px 0;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-image: linear-gradient(to bottom, #edf5fa, #fefeff);
}
.app-hover-card .app-hover-title {
  width: 100%;
  display: flex;
  align-items: center;
  height: 66px;
  border-bottom: 1px solid #ddd;
}
.app-hover-card .app-hover-title .app-icon {
  width: 40px;
  height: 40px;
  margin: 0 10px 0 0;
  border-radius: 12px;
  background: none ;
}
.app-hover-card .app-hover-title .title-box {
  font-size: 16px;
  line-height: 22px;
  color: #333;
}
.app-hover-card .app-hover-details {
  width: 100%;
  padding: 9px 0 0;
}
.app-hover-card .app-hover-details .details-item {
  width: 100%;
  height: 36px;
  padding: 0 0 0 29px;
  display: flex;
  align-items: center;
  background-position: 3px center;
  background-repeat: no-repeat;
}
.app-hover-card .app-hover-details .details-item > font {
  margin: 0 10px 0 0;
  font-size: 14px;
  color: #666;
}
.app-hover-card .app-hover-details .details-item > span {
  font-size: 14px;
  color: #333;
}
.app-hover-card .app-hover-details .details-item.icon-1 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAACXBIWXMAAAsTAAALEwEAmpwYAAABA0lEQVQ4jaXTsS6EQRSG4WdlE6FBRNQuQCVE4Q7QCApaiUTlAki+YrkHsdlucQFahUsQiWgkGoUodAokNP8ma3fzr+VNppgz57xzJjNT0YMk4zjFXpKXXjkthkrW1nGXZO2vAthHPUkzyeTAgiRNzGIct0mWB+1Akqei8AAXSbZLBUmGcdgj3sAVptrj1Y6kRTTw3q+zH4Iko6hhF8c4Qen1tWgdYRMbmEtyhM+SmumuDgoektz32bCO8yRvqCX56nsL7SS5xBJ2cJZkZCBBIbnBAmZwPbCgkDxjFfN/EhR88IuX2I9/CyrF398qxkoRH8MjJkpqx/BYxWtb8LUjqXPexTfPj0dige3RxQAAAABJRU5ErkJggg==);
}
.app-hover-card .app-hover-details .details-item.icon-2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAABaUlEQVQ4jY3STYjNYRTH8c+9OxZKicxCxFrjnZqFDSkvoUxeNmwQFpYW4lcsbKdmIW9rFgbpbkeaZjNTbiPKlLJgQZHNNMpEFv/n1tz/Yv7O5jn9nvN8z3nOOS1IsgbDOIRBrMZIkqsarJ3kPj7hGJ7hAC5iZ9NjaCX5hgtJnvfEJBvxDiuSLCxZAaaxrqZ/xh9sbvwCOjixKPtpzOIj5v4H8BiDSbYU7RJmsDXJbCMgyU88wO2iXcZ+1TQarV3OW9id5GiSGdzEWJK1TYBWz0lyCiPYhi94hO3Yl+RridmAZfiQ5G8foATcK4C9mMfD4h9HF5PYgV+YwnRbv13Bd7zAcpzDXUzgCdZjJfbgJa71AZL8Vm3kAl5hIMkdDGEAN5LMJXmPcfyoVyDJPA6Xkt8kOZKkm2So9KVnu9Bt1QE12BmM4nXJ/nbRXQfjSwJK4Cpcx3lV456qtnQMmxoBNdBJHFSNt5Pk7D9V+XdNuAaafwAAAABJRU5ErkJggg==);
}
.push-0 {
  margin: 0px !important;
}
.push-down-0 {
  margin-bottom: 0px !important;
}
.push-down-1 {
  margin-bottom: 1px !important;
}
.push-down-2 {
  margin-bottom: 2px !important;
}
.push-down-3 {
  margin-bottom: 3px !important;
}
.push-down-4 {
  margin-bottom: 4px !important;
}
.push-down-5 {
  margin-bottom: 5px !important;
}
.push-down-6 {
  margin-bottom: 6px !important;
}
.push-down-7 {
  margin-bottom: 7px !important;
}
.push-down-8 {
  margin-bottom: 8px !important;
}
.push-down-10 {
  margin-bottom: 10px !important;
}
.push-down-12 {
  margin-bottom: 12px !important;
}
.push-down-15 {
  margin-bottom: 15px !important;
}
.push-down-18 {
  margin-bottom: 18px !important;
}
.push-down-19 {
  margin-bottom: 19px !important;
}
.push-down-20 {
  margin-bottom: 20px !important;
}
.push-down-24 {
  margin-bottom: 24px !important;
}
.push-down-25 {
  margin-bottom: 25px !important;
}
.push-down-30 {
  margin-bottom: 30px !important;
}
.push-down-40 {
  margin-bottom: 40px !important;
}
.push-up-0 {
  margin-top: 0px !important;
}
.push-up-1 {
  margin-top: 1px !important;
}
.push-up-2 {
  margin-top: 2px !important;
}
.push-up-3 {
  margin-top: 3px !important;
}
.push-up-4 {
  margin-top: 4px !important;
}
.push-up-5 {
  margin-top: 5px !important;
}
.push-up-6 {
  margin-top: 6px !important;
}
.push-up-7 {
  margin-top: 7px !important;
}
.push-up-8 {
  margin-top: 8px !important;
}
.push-up-10 {
  margin-top: 10px !important;
}
.push-up-11 {
  margin-top: 11px !important;
}
.push-up-12 {
  margin-top: 12px !important;
}
.push-up-14 {
  margin-top: 14px !important;
}
.push-up-15 {
  margin-top: 15px !important;
}
.push-up-16 {
  margin-top: 16px !important;
}
.push-up-17 {
  margin-top: 17px !important;
}
.push-up-18 {
  margin-top: 18px !important;
}
.push-up-19 {
  margin-top: 19px !important;
}
.push-up-20 {
  margin-top: 20px !important;
}
.push-up-25 {
  margin-top: 25px !important;
}
.push-up-30 {
  margin-top: 30px !important;
}
.push-up-40 {
  margin-top: 40px !important;
}
.push-left-0 {
  margin-left: 0px !important;
}
.push-left-1 {
  margin-left: 1px !important;
}
.push-left-2 {
  margin-left: 2px !important;
}
.push-left-5 {
  margin-left: 5px !important;
}
.push-left-6 {
  margin-left: 6px !important;
}
.push-left-10 {
  margin-left: 10px !important;
}
.push-left-12 {
  margin-left: 12px !important;
}
.push-left-15 {
  margin-left: 15px !important;
}
.push-left-20 {
  margin-left: 20px !important;
}
.push-left-25 {
  margin-left: 25px !important;
}
.push-left-30 {
  margin-left: 30px !important;
}
.push-right-0 {
  margin-right: 0px !important;
}
.push-right-1 {
  margin-right: 1px !important;
}
.push-right-2 {
  margin-right: 2px !important;
}
.push-right-5 {
  margin-right: 5px !important;
}
.push-right-6 {
  margin-right: 6px !important;
}
.push-right-10 {
  margin-right: 10px !important;
}
.push-right-15 {
  margin-right: 15px !important;
}
.push-right-20 {
  margin-right: 20px !important;
}
.push-right-25 {
  margin-right: 25px !important;
}
.push-right-30 {
  margin-right: 30px !important;
}
.padding-0 {
  padding: 0px !important;
}
.padding-down-0 {
  padding-bottom: 0px !important;
}
.padding-down-1 {
  padding-bottom: 1px !important;
}
.padding-down-2 {
  padding-bottom: 2px !important;
}
.padding-down-3 {
  padding-bottom: 3px !important;
}
.padding-down-4 {
  padding-bottom: 4px !important;
}
.padding-down-5 {
  padding-bottom: 5px !important;
}
.padding-down-6 {
  padding-bottom: 6px !important;
}
.padding-down-7 {
  padding-bottom: 7px !important;
}
.padding-down-8 {
  padding-bottom: 8px !important;
}
.padding-down-10 {
  padding-bottom: 10px !important;
}
.padding-down-15 {
  padding-bottom: 15px !important;
}
.padding-down-18 {
  padding-bottom: 18px !important;
}
.padding-down-19 {
  padding-bottom: 19px !important;
}
.padding-down-20 {
  padding-bottom: 20px !important;
}
.padding-down-24 {
  padding-bottom: 24px !important;
}
.padding-down-25 {
  padding-bottom: 25px !important;
}
.padding-down-30 {
  padding-bottom: 30px !important;
}
.padding-up-0 {
  padding-top: 0px !important;
}
.padding-up-1 {
  padding-top: 1px !important;
}
.padding-up-2 {
  padding-top: 2px !important;
}
.padding-up-3 {
  padding-top: 3px !important;
}
.padding-up-4 {
  padding-top: 4px !important;
}
.padding-up-5 {
  padding-top: 5px !important;
}
.padding-up-6 {
  padding-top: 6px !important;
}
.padding-up-7 {
  padding-top: 7px !important;
}
.padding-up-8 {
  padding-top: 8px !important;
}
.padding-up-10 {
  padding-top: 10px !important;
}
.padding-up-11 {
  padding-top: 11px !important;
}
.padding-up-12 {
  padding-top: 12px !important;
}
.padding-up-14 {
  padding-top: 14px !important;
}
.padding-up-15 {
  padding-top: 15px !important;
}
.padding-up-16 {
  padding-top: 16px !important;
}
.padding-up-17 {
  padding-top: 17px !important;
}
.padding-up-18 {
  padding-top: 18px !important;
}
.padding-up-19 {
  padding-top: 19px !important;
}
.padding-up-20 {
  padding-top: 20px !important;
}
.padding-up-25 {
  padding-top: 25px !important;
}
.padding-up-30 {
  padding-top: 30px !important;
}
.padding-up-40 {
  padding-top: 40px !important;
}
.padding-left-0 {
  padding-left: 0px !important;
}
.padding-left-1 {
  padding-left: 1px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-left-6 {
  padding-left: 6px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-left-25 {
  padding-left: 25px !important;
}
.padding-left-30 {
  padding-left: 30px !important;
}
.padding-right-0 {
  padding-right: 0px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-right-6 {
  padding-right: 6px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-right-25 {
  padding-right: 25px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.animation-height-05s {
  transition: height 0.5s;
  -moz-transition: height 0.5s;
  -webkit-transition: height 0.5s;
  -o-transition: height 0.5s;
}
.animation-height-08s {
  transition: height 0.8s;
  -moz-transition: height 0.8s;
  -webkit-transition: height 0.8s;
  -o-transition: height 0.8s;
}
.animation-margin-05s {
  transition: margin 0.5s;
  -moz-transition: margin 0.5s;
  -webkit-transition: margin 0.5s;
  -o-transition: margin 0.5s;
}
.animation-margin-08s {
  transition: margin 0.8s;
  -moz-transition: margin 0.8s;
  -webkit-transition: margin 0.8s;
  -o-transition: margin 0.8s;
}
.animation-width-05s {
  transition: width 0.5s;
  -moz-transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
}
.animation-width-08s {
  transition: width 0.8s;
  -moz-transition: width 0.8s;
  -webkit-transition: width 0.8s;
  -o-transition: width 0.8s;
}
.animation-all-02s {
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.animation-all-03s {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.animation-all-04s {
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.animation-all-05s {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.animation-all-08s {
  transition: all 0.8s;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
}
.animation-padding-05s {
  transition: padding 0.5s;
  -moz-transition: padding 0.5s;
  -webkit-transition: padding 0.5s;
  -o-transition: padding 0.5s;
}
.animation-left-05s {
  transition: left 0.5s;
  -moz-transition: left 0.5s;
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
}
.animation-opacity-05s {
  transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes loading-three-point-1 {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0.5;
  }
  66% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes loading-three-point-2 {
  0% {
    opacity: 0.5;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes loading-three-point-3 {
  0% {
    opacity: 0.5;
  }
  33% {
    opacity: 0.5;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes smallbigsmall {
  0% {
    width: calc(100% - 30.01px);
    padding: 15px 10px 10px;
    margin: 0 15px 20px;
  }
  50% {
    width: calc(100% - 15.01px);
    padding: 15px 10px 20px;
    margin: -10px 15px 20px 0px;
  }
  100% {
    width: calc(100% - 20.01px);
    padding: 15px 10px 15px;
    margin: -5px 15px 20px 5px;
  }
}
@-moz-keyframes smallbigsmall {
  0% {
    width: calc(100% - 30.01px);
    padding: 15px 10px 10px;
    margin: 0 15px 20px;
  }
  50% {
    width: calc(100% - 15.01px);
    padding: 15px 10px 20px;
    margin: -10px 15px 20px 0px;
  }
  100% {
    width: calc(100% - 20.01px);
    padding: 15px 10px 15px;
    margin: -5px 15px 20px 5px;
  }
}
@-webkit-keyframes smallbigsmall {
  0% {
    width: calc(100% - 30.01px);
    padding: 15px 10px 10px;
    margin: 0 15px 20px;
  }
  50% {
    width: calc(100% - 15.01px);
    padding: 15px 10px 20px;
    margin: -10px 15px 20px 0px;
  }
  100% {
    width: calc(100% - 20.01px);
    padding: 15px 10px 15px;
    margin: -5px 15px 20px 5px;
  }
}
@-o-keyframes smallbigsmall {
  0% {
    width: calc(100% - 30.01px);
    padding: 15px 10px 10px;
    margin: 0 15px 20px;
  }
  50% {
    width: calc(100% - 15.01px);
    padding: 15px 10px 20px;
    margin: -10px 15px 20px 0px;
  }
  100% {
    width: calc(100% - 20.01px);
    padding: 15px 10px 15px;
    margin: -5px 15px 20px 5px;
  }
}
@keyframes requiredAnim1 {
  0% {
    background-color: rgba(251, 220, 220, 0.8);
  }
  50% {
    background-color: rgba(179, 32, 28, 0.25);
  }
  100% {
    background-color: rgba(251, 220, 220, 0.8);
  }
}
.small-big-small:hover {
  animation: smallbigsmall 0.25s;
  -moz-animation: smallbigsmall 0.25s;
  /* Firefox */
  -webkit-animation: smallbigsmall 0.25s;
  /* Safari 和 Chrome */
  -o-animation: smallbigsmall 0.25s;
  /* Opera */
}
@font-face {
  font-family: dincondensedbold;
  src: url(../../font/din_condensed_bold.ttf);
}
.upload-btn-outside {
  float: left;
  display: table;
  width: 104px;
  height: 104px;
  margin-right: 10px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  border: 1px dashed #dedede;
}
.upload-btn-outside .upload-btn {
  position: relative;
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
}
.upload-btn-outside .upload-btn > i {
  font-size: 3.2rem;
  color: #999;
  line-height: 42px;
}
.upload-btn-outside .upload-btn > span {
  display: block;
  font-size: 1.4rem;
  color: #333;
}
.upload-btn-outside .upload-btn > input {
  position: absolute;
  height: 102px;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
}
.upload-picture-box {
  position: relative;
  float: left;
  width: 104px;
  height: 104px;
  overflow: hidden;
  cursor: pointer;
}
.upload-picture-box .upload-picture-delete {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 28px;
  padding: 0 10px;
  line-height: 28px;
  font-size: 1.4rem;
  color: #fff;
  text-align: right;
  background-color: rgba(0, 0, 0, 0.5);
}
.upload-picture-box > img {
  width: 100%;
}
.upload-picture-box:hover .upload-picture-delete {
  display: block;
}
input,
textarea {
  outline: none;
}
.form-container {
  width: 100%;
  padding: 0 10px;
}
.form-container.form-popup {
  padding: 20px 10px;
}
.form-block-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.form-block-row.one-col-part {
  justify-content: space-around;
}
.form-block-row.one-col-part .form-block-col {
  max-width: 860px;
}
.form-block-row.one-col-popup {
  justify-content: space-around;
}
.form-block-row.one-col-popup .form-block-col {
  max-width: 70%;
}
.form-block-row.two-col .form-block-col {
  max-width: 47%;
}
.form-block-row .form-block-col {
  flex: 1;
  max-width: 100%;
}
.form-block-row .form-block-col .form-block-item {
  display: flex;
  width: 100%;
  margin: 0 0 20px;
}
.form-block-row .form-block-col .form-block-item .form-item-title {
  width: 140px;
  min-width: 140px;
  font-size: 1.4rem;
  line-height: 32px;
  text-align: right;
  color: #333;
}
.form-block-row .form-block-col .form-block-item .form-item-title.width-200 {
  width: 200px;
}
.form-block-row .form-block-col .form-block-item .form-item-title.width-auto {
  width: auto;
  min-width: 0;
}
.form-block-row .form-block-col .form-block-item.mustinter {
  position: relative;
}
.form-block-row .form-block-col .form-block-item.mustinter .form-item-title:before {
  content: "*";
  width: 10px;
  height: 32px;
  color: #fc4f54;
  font-size: 1.6rem;
}
.form-block-row .form-block-col .form-block-item .van-cell-group .van-cell {
  padding: 0;
  border: none;
}
.form-block-row .form-block-col .form-block-item .van-cell-group:after {
  display: none;
}
.form-block-row .form-block-col .form-table-item .form-item-title {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  line-height: 32px;
  text-align: left;
  color: #333;
}
.form-block-row .form-block-col .form-table-item .form-item-content {
  max-width: 100%;
}
.form-block-row .form-block-col .form-table-item.mot-table {
  padding: 15px;
  border-radius: 10px;
}
.form-block-row .form-block-col .form-block-permission {
  margin: 0 -10px;
  width: calc(100% + 20px);
}
.table-add-row {
  display: block;
  width: 100%;
  height: 34px;
  line-height: 33px;
  border: 1px solid #ddd;
  border-top: none;
  font-size: 1.4rem;
  color: #333;
  text-align: center;
}
label.error {
  font-size: 1.4rem;
  line-height: 20px;
  color: #fc4f54;
}
.form-item-content {
  position: relative;
  flex: 1;
}
.form-item-content .eye-btn {
  position: absolute;
  top: 7px;
  right: 10px;
  font-size: 1.6rem;
  color: #333;
}
.form-item-content .eye-btn.in_eye-close-line {
  top: 9px;
}
.form-item-content > div.error,
.form-item-content > input.error {
  border: 1px solid #fc4f54;
}
.form-item-content div.bootstrap-select.error {
  border: none;
}
.form-item-content > div.error > .selectpicker {
  border: 1px solid #fc4f54;
}
.form-item-content .form-control {
  width: 100%;
  height: 32px;
}
.form-item-content .form-control .error {
  font-size: 1.4rem;
  line-height: 20px;
  color: #fc4f54;
}
.form-item-content .form-text-details {
  padding: 5px 0;
  line-height: 22px;
  color: #666;
  font-size: 1.4rem;
}
.form-item-content .bootstrap-select > .btn {
  display: flex;
  overflow: hidden;
  height: 32px;
  padding: 5px 25px 5px 15px;
}
.form-item-content .datepick-box {
  display: flex;
  width: 100%;
  height: 32px;
  padding: 5px 35px 5px 15px;
  border: 1px solid #dedede;
  border-radius: 5px;
  background-color: #fff;
  background-position: calc(100% - 12px) center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAATElEQVQokWM8c+YMAxr4z8DAwEhIjAUqiE0zXjEWKM2IpoCQjf+ZsJhMFMCmEd02rGIwp2LzE14A05hOor6ZVPXjqEZKNcLicSapGgEnzQ0jwfTPpgAAAABJRU5ErkJggg==);
}
.form-item-content .datepick-box > input {
  width: 100%;
  height: 20px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #666;
  background: none;
}
.form-item-content .datepick-pair-box,
.form-item-content .numpick-pair-box {
  display: flex;
  width: 100%;
  height: 32px;
  padding: 0 35px 0 15px;
  border: 1px solid #dedede;
  border-radius: 5px;
  background-color: #fff;
  background-position: calc(100% - 12px) center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAATElEQVQokWM8c+YMAxr4z8DAwEhIjAUqiE0zXjEWKM2IpoCQjf+ZsJhMFMCmEd02rGIwp2LzE14A05hOor6ZVPXjqEZKNcLicSapGgEnzQ0jwfTPpgAAAABJRU5ErkJggg==);
}
.form-item-content .datepick-pair-box .date-input,
.form-item-content .numpick-pair-box .date-input {
  flex: 1;
  display: flex;
  padding: 5px 0;
}
.form-item-content .datepick-pair-box .date-input > input,
.form-item-content .numpick-pair-box .date-input > input {
  width: 100%;
  height: 20px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #666;
  background: none;
}
.form-item-content .datepick-pair-box .arr-box,
.form-item-content .numpick-pair-box .arr-box {
  width: 40px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAFCAYAAAB1j90SAAAATElEQVQYlZXLwQ1AMABA0Ue7jiGs5S4RMYNN2KR3MYILl0rcWv/4k9eklBQacGH5zlhSWLGhxfwHHuixZzzVQjgz3hAwRtyV+K1DeABKvQyg9Zx9CAAAAABJRU5ErkJggg==);
}
.form-item-content .numpick-pair-box {
  padding: 0 15px 0 15px;
  background: none;
}
.form-item-content .check-content {
  display: flex;
  flex-wrap: wrap;
}
.form-item-content .check-content .check-item {
  display: flex;
  height: 32px;
  padding: 0 20px 0 0;
}
.form-item-content .check-content .check-item .check-box {
  display: flex;
  padding: 0 10px 0 0;
  align-items: center;
}
.form-item-content .check-content .check-item .check-number {
  display: flex;
  width: 22px;
  height: 22px;
  align-items: center;
  margin: 5px 10px 0 0;
  background-color: #f5f5f5;
  color: #fff;
  font-family: dincondensedbold;
  text-align: center;
  justify-content: center;
}
.form-item-content .check-content .check-item .check-text {
  padding: 5px 0;
  line-height: 22px;
  font-size: 1.4rem;
  color: #333;
}
.form-item-content .check-content.picture .check-item {
  height: auto;
  flex-wrap: wrap;
}
.form-item-content .check-content.picture .check-item .picture-box {
  width: 100%;
}
.form-item-content .check-content.picture .check-item .picture-box > img {
  width: 100%;
}
.form-item-content .btn {
  height: 32px;
  padding: 5px 15px 5px;
}
.form-item-content .tag-content {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 1px 3px;
  min-height: 32px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.form-item-content .tag-content.bootstrap-select {
  height: auto;
}
.form-item-content .tag-content > li {
  display: flex;
  float: left;
  height: 22px;
  line-height: 22px;
  white-space: nowrap;
  padding: 0 5px;
  margin: 3px 2px 3px;
  border-radius: 4px;
  align-items: center;
}
.form-item-content .tag-content > li > span {
  float: left;
  font-size: 1.4rem;
  color: #fff;
}
.form-item-content .tag-content > li input[type="text"] {
  padding: 0 10px;
  background: transparent;
  border: none;
  width: 100px;
  font-size: 1.4rem;
  color: #fff;
  height: 22px;
  line-height: 22px;
}
.form-item-content .tag-content > li > a {
  float: left;
  margin: 0 0 0 5px;
  font-size: 1.4rem;
  color: #fff;
}
.form-item-content .tag-content .datepick-box-tag {
  position: relative;
  z-index: 2;
  float: left;
  max-width: calc(100% - 50px);
}
.form-item-content .tag-content .datepick-box-tag > li {
  display: flex;
  float: left;
  height: 22px;
  line-height: 22px;
  white-space: nowrap;
  padding: 0 5px;
  margin: 3px 2px 3px;
  border-radius: 4px;
  align-items: center;
}
.form-item-content .tag-content .datepick-box-tag > li > span {
  float: left;
  font-size: 1.4rem;
  color: #fff;
}
.form-item-content .tag-content .datepick-box-tag > li > a {
  float: left;
  margin: 0 0 0 5px;
  font-size: 1.4rem;
  color: #fff;
}
.form-item-content .tag-content > input {
  position: absolute;
  z-index: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  margin: 0 0 0 10px;
  opacity: 0;
}
.form-item-content .tag-content.datepick-box {
  height: auto;
}
.form-item-content .tag-edit-content {
  display: flex;
}
.form-item-content .tag-edit-content .tag-content {
  border-radius: 5px 0 0 5px;
}
.form-item-content .tag-edit-content .tag-add-btn {
  width: 50px;
  padding: 7px 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border: 1px solid #ddd;
  border-left: none;
  border-radius: 0 5px 5px 0;
}
.form-item-content .btn-row {
  margin: 0 0 10px;
}
.form-item-content .btn-row:last-child {
  margin: 0;
}
.form-item-content .image-row .image-box {
  float: left;
  position: relative;
  height: 95px;
  margin: 0 10px 0 0;
}
.form-item-content .image-row .image-box .delete-box {
  display: none;
  position: absolute;
  width: 100%;
  height: 24px;
  padding: 0 10px;
  font-size: 1.4rem;
  line-height: 24px;
  text-align: right;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  cursor: pointer;
}
.form-item-content .image-row .image-box:hover .delete-box {
  display: block;
}
.form-item-content .image-row .image-box img {
  height: 100%;
}
.form-item-content .textarea-row {
  position: relative;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.form-item-content .textarea-row textarea {
  width: 100%;
  height: 120px;
  padding: 5px 10px;
  line-height: 20px;
  font-size: 1.4rem;
  resize: none;
  border-radius: 5px;
  color: #666;
  border: none;
}
.form-item-content .textarea-row .word-number {
  position: absolute;
  bottom: 5px;
  right: 10px;
  font-size: 1.2rem;
  color: #999;
  line-height: 24px;
  background-color: #fff;
}
.display-mod-container .form-item-content {
  max-width: 100%;
}
.table-btn-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 5px 5px;
}
.table-btn-container > .btn {
  margin: 0 5px 10px;
}
.btn-group-row {
  border-style: solid;
  border-width: 1px;
  border-color: #ddd;
  overflow: hidden;
  border-radius: 5px;
}
.btn-group-row .btn {
  border: none;
  border-right: 1px solid #ddd;
  border-radius: 0;
}
.btn-group-row .btn:last-child {
  border-right: none;
}
.btn {
  display: inline-block;
  line-height: 20px;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
}
.btn.disabled {
  background-color: #f5f5f5;
  color: #b7b7b7;
  border-color: #f5f5f5;
}
.btn.btn-30 {
  padding: 3px 10px 3px;
}
.btn.btn-block {
  width: 100%;
  text-align: center;
}
.bootstrap-select {
  position: relative;
  width: 100%;
  height: 32px;
}
.bootstrap-select > select {
  display: none;
}
.bootstrap-select .bootstrap-select-searchbox,
.bootstrap-select .bs-searchbox,
.bootstrap-select .bootstrap-select .bs-actionsbox {
  padding: 4px 8px;
}
.bootstrap-select > .btn {
  position: relative;
  width: 100%;
  padding-right: 25px;
  height: 32px;
  outline: none;
  background-color: #fff;
  cursor: pointer;
}
.bootstrap-select > .btn .filter-option {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: wrap;
  text-overflow: ellipsis;
  text-align: left;
  position: initial;
  line-height: 22px;
  color: #666;
}
.bootstrap-select .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.bootstrap-select.select-item-overflow > .btn .filter-option {
  width: calc(100% - 20px);
}
.bootstrap-select .dropdown-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 30px;
  width: 100%;
  min-width: 180px;
  background-color: #fff;
  z-index: 999;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: auto;
}
.bootstrap-select .dropdown-menu.inner {
  position: static;
  border: 0;
  padding: 0;
  margin: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-select .dropdown-menu .bs-searchbox .form-control {
  width: 100%;
}
.bootstrap-select .dropdown-menu li {
  width: 100%;
  min-height: 34px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.bootstrap-select .dropdown-menu li > a {
  display: block;
  width: 100%;
  min-height: 34px;
  padding: 7px 15px;
  line-height: 20px;
  color: #666;
  font-size: 1.4rem;
  outline: none;
}
.bootstrap-select .dropdown-menu li.selected > a {
  color: #fff;
}
.bootstrap-select .dropdown-menu li:last-child {
  border-bottom: none;
}
.bootstrap-select .dropdown-menu li .glyphicon {
  margin: 0 10px 0 0;
}
.bootstrap-select.open .dropdown-menu {
  display: block;
}
.form-btn-row {
  display: flex;
  justify-content: center;
  padding: 10px 0;
}
.form-btn-row > .btn {
  height: 32px;
  margin: 0 10px;
  line-height: 20px;
  text-align: center;
  justify-content: center;
}
.form-btn-row > .btn:first-child {
  width: 164px;
}
.form-btn-row.width-normal > .btn {
  margin: 0 5px;
}
.form-btn-row.width-normal > .btn:first-child {
  width: 70px;
}
.form-btn-row.width-normal > .btn.btn-default {
  width: 70px;
}
.en .form-block-row {
  width: calc(100% + 20px);
  margin: 0 -10px;
}
.en .form-block-row .form-block-col {
  max-width: 100%;
  padding: 0 15px;
}
.en .form-block-row .form-block-col .form-block-item .form-item-title {
  width: 197px;
}
.en .form-block-row .form-block-col .form-block-item .form-item-title.width-200 {
  width: 200px;
}
.en .form-block-row .form-block-col .form-block-item .form-item-content {
  max-width: 100%;
}
.en .form-block-row .form-block-col .form-table-item .form-item-content {
  max-width: 100%;
}
.en .form-block-row .form-block-col .form-table-item .form-item-content .datatable-outside-container {
  padding: 0;
}
.en .form-block-row.two-col .form-block-col {
  max-width: 50%;
}
.header-btn {
  flaot: right;
  min-width: 70px;
  height: 40px;
  margin: 12px 5px;
  border-radius: 20px;
  line-height: 40px;
  font-size: 1.4rem;
  color: #333;
  text-align: center;
  border: 1px solid #ddd;
  cursor: pointer;
}
.header-btn.bg-theme-100 {
  color: #fff;
  line-height: 38px;
}
.la-en .form-block-row .form-block-col .form-block-item {
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.la-en .form-block-row .form-block-col .form-block-item .form-item-title {
  width: 100%;
  text-align: left;
}
.la-en .form-block-row .form-block-col .form-block-item .form-item-title.width-200 {
  width: 100%;
}
.form-container.form-vertical {
  padding: 0 5px;
}
.form-container.form-vertical .form-block-row .form-block-col .form-block-item {
  display: block;
  margin: 0 0 10px;
}
.form-container.form-vertical .form-block-row .form-block-col .form-block-item .form-item-title {
  width: 100%;
  text-align: left;
}
.form-container.form-vertical .form-block-row .form-block-col .form-block-item .form-item-title.width-200 {
  width: 100%;
}
.form-container.form-vertical .form-block-row .form-block-col .form-block-item .form-item-content {
  width: 100%;
}
.inside-center-container {
  width: 100%;
  margin: 0 auto;
}
.inside-center-container.max-465 {
  max-width: 465px;
}
.upload-file-list {
  width: 100%;
}
.upload-file-list .upload-file-item {
  width: 100%;
  font-size: 1.4rem;
  color: #666;
  line-height: 20px;
  padding: 5px 0;
}
.upload-file-list .upload-file-item > i {
  float: left;
  margin: 3px 5px 0 0;
}
.upload-file-list .upload-file-item > font {
  float: left;
}
.upload-file-list .upload-file-item .title-box {
  float: left;
}
.upload-file-list .upload-file-item > a {
  float: left;
  font-size: 1.5rem;
  margin: 3px 0 0 10px;
  cursor: pointer;
}
.info-detail-outside {
  width: 100%;
  padding: 0 10px;
}
.info-detail-outside .info-detail-box {
  width: 100%;
  padding: 15px 20px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #666;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 5px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 1.4rem;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  transition: all 0.3s;
}
.modal-body .common-search-container .search-row-container .search-btn > .btn {
  height: 32px;
  line-height: 22px;
  border-radius: 5px;
}
.layui-laypage .bootstrap-select {
  display: inline-block;
  width: auto;
}
.layui-laypage .bootstrap-select > .btn {
  height: 32px;
  width: 90px;
  margin-left: 0;
  padding: 0 25px 0 10px;
}
.layui-laypage .bootstrap-select > .btn .filter-option {
  border: none;
  margin: 0;
  line-height: 30px;
  height: 30px;
}
.layui-laypage .bootstrap-select > .btn span {
  padding: 0;
}
.layui-laypage .dropdown-menu a {
  box-sizing: border-box;
  border: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  padding: 0;
  height: auto;
  line-height: 20px;
  margin: 0;
  border-radius: 0px;
  background-color: #fff;
  color: #333;
  font-size: 1.4rem;
  text-align: left;
}
.layui-laypage .dropdown-menu a > span {
  border: none;
  margin: 0;
  padding: 0;
}
.img-select-content {
  width: 100%;
}
.img-select-content.opacity-img .img-select-item {
  position: relative;
  float: left;
  min-width: calc(20% - 20px);
  height: 90px;
  margin: 0 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-radius: 10px;
  font: normal normal normal 14px/1 FontAwesome;
}
.img-select-content.opacity-img .img-select-item:nth-child(3n-1) {
  background-color: #03c1bb;
}
.img-select-content.opacity-img .img-select-item:nth-child(3n) {
  background-color: #798aff;
}
.img-select-content.opacity-img .img-select-item:nth-child(3n-2) {
  background-color: #30a3fd;
}
.img-select-content.opacity-img .img-select-item.no-color {
  background: none!important;
  border: 1px solid #ddd;
  padding: 10px;
  width: 50px;
  height: 50px;
}
.img-select-content.opacity-img .img-select-item.no-color:before {
  color: #30a3fd;
  top: -7px;
  right: -10px;
}
.img-select-content.opacity-img .img-select-item.no-color > img {
  min-height: 100%;
}
.img-select-content.opacity-img .img-select-item:before {
  display: none;
  position: absolute;
  top: 7px;
  right: 10px;
  color: #fff;
  font-size: 2.0rem;
  content: "\f058";
}
.img-select-content.opacity-img .img-select-item.active:before {
  display: block;
}
.print-form-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.print-form-container .print-form-inside {
  width: 100%;
  max-width: 690px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
}
.print-form-container .print-form-inside .print-item {
  display: flex;
  flex: 1;
  min-width: 50%;
  min-height: 40px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.print-form-container .print-form-inside .print-item .title-box {
  white-space: nowrap;
  min-height: 40px;
  padding: 5px 15px;
  line-height: 30px;
  font-size: 1.4rem;
  color: #333;
  border-right: 1px solid #ddd;
}
.print-form-container .print-form-inside .print-item .text-box {
  min-height: 40px;
  padding: 5px 15px;
  line-height: 30px;
  font-size: 1.4rem;
  color: #333;
}
.print-form-container .print-form-inside .print-item.full-row {
  min-width: 100%;
}
/* @media print{
	.page-main-container{
		.panel-blank-container,.panel-blank,.page-content-wrap{width:210mm!important;border-radius: 0;}
		.page-main-header,.page-menu-container,.page-service-list{display: none!important;}
		.print-form-container{width:210mm;}
		.page-content-wrap,.page-main-body,.page-main-body,.page-content-title,.panel-blank-container,.panel-blank{padding:0!important;}
		.page-content-title{padding:15px 0 15px!important;height:auto;text-align: center;justify-content:center;}
		.form-btn-row{display:none;}
	}
} */
.pop-list-details {
  width: 100%;
  padding: 0 0 10px;
}
.pop-list-details .pop-list-item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #ddd;
}
.pop-list-details .pop-list-item .title-box {
  font-size: 1.4rem;
  color: #333;
  white-space: nowrap;
}
.pop-list-details .pop-list-item .text-box {
  font-size: 1.4rem;
  color: #333;
  flex: 1;
}
.pop-list-details .pop-list-item:last-child {
  border-bottom: none;
}
.pop-list-details .pop-list-item.no-border {
  border-bottom: none;
}
@media only screen and (max-width: 767px) {
  .form-block-row.adapt-content {
    flex-direction: column;
  }
  .form-block-row.adapt-content .form-block-col {
    width: 100%;
    max-width: 100%;
  }
  .form-block-row.adapt-content .form-block-col .form-block-item {
    flex-direction: column!important;
  }
  .form-block-row.adapt-content .form-block-col .form-block-item .form-item-title {
    width: 100%;
    text-align: left;
  }
  .form-block-row.adapt-content .form-block-col .form-block-item .form-item-content {
    width: 100%;
    max-width: 100%;
  }
  .form-block-row.adapt-content .form-block-col .form-block-item .form-item-content .check-content .check-item {
    height: auto;
    flex-wrap: wrap;
  }
  .form-block-row.adapt-content.one-col .form-block-col {
    max-width: 100%;
  }
  .form-block-row.adapt-content.two-col .form-block-col {
    max-width: 100%;
  }
}
.login-wizard-tab {
  display: table;
  width: 100%;
  height: 40px;
  border-radius: 20px;
  background-position: center;
  overflow: hidden;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAtCAYAAABS6WCiAAABkElEQVRYhb3YTVPCMBCA4bcVUDl58OJY//8PA0QPOuMXqCjxEHYmRtpms4l7apnAw7a73Uwb5xxRTIEbYALsgAXwFS+yRBudzwIw/APTWugM6AJQYnr4vBgsaB8YwsUyFvRyAJSYlIIFvQO2CesFnpVA98BKAXcWOCykPbAENrXhuGUcPuNUOOtSx2gIvyV8/+QAn1pRgW8VcKeB+9Cq8BBaDR5DQ/hVAZ9ZUYHXpeBUNIRfEta2Q7AGzYXPraiEBr6O4VxU4Occ2IKCn06pcAfM5WReAH5KWNfgM55L6lb4XgO3h4MLIwrwgB+Po3CLH2NrIyhjLqVGNo1zrsH3nwVMHegbYNX+Nwg4S8towK2AkN+n8lBXg7mobFE04K+q1qI5Gf5pIw2q2ZK894EaVAsu+8BUtCiYghYHx1AZBingBwP3MBUd3OMcAZfAdwrYh1YFj6HVwRiVe1gVDNGju7ae+LSAIXqlABcWMEQfGS93c4Yxuh35QQGLvDkLC0meKDFcFIxR8FUZvgvclQYBfgAWs4Zx9JgOHgAAAABJRU5ErkJggg==);
}
.login-wizard-tab .login-wizard-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  height: 40px;
  padding: 8px 0;
  border-radius: 20px;
  text-align: center;
  background-position: center;
}
.login-wizard-tab .login-wizard-item .number-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  padding: 0 1px 0 0;
  font-size: 1.4rem;
  line-height: 20px;
  color: #fff;
  text-align: center;
  border-radius: 10px;
}
.login-wizard-tab .login-wizard-item .text-box {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  line-height: 20px;
  color: #fff;
}
.login-wizard-tab .login-wizard-item.active {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAtCAYAAABS6WCiAAABkElEQVRYhb3YTVPCMBCA4bcVUDl58OJY//8PA0QPOuMXqCjxEHYmRtpms4l7apnAw7a73Uwb5xxRTIEbYALsgAXwFS+yRBudzwIw/APTWugM6AJQYnr4vBgsaB8YwsUyFvRyAJSYlIIFvQO2CesFnpVA98BKAXcWOCykPbAENrXhuGUcPuNUOOtSx2gIvyV8/+QAn1pRgW8VcKeB+9Cq8BBaDR5DQ/hVAZ9ZUYHXpeBUNIRfEta2Q7AGzYXPraiEBr6O4VxU4Occ2IKCn06pcAfM5WReAH5KWNfgM55L6lb4XgO3h4MLIwrwgB+Po3CLH2NrIyhjLqVGNo1zrsH3nwVMHegbYNX+Nwg4S8towK2AkN+n8lBXg7mobFE04K+q1qI5Gf5pIw2q2ZK894EaVAsu+8BUtCiYghYHx1AZBingBwP3MBUd3OMcAZfAdwrYh1YFj6HVwRiVe1gVDNGju7ae+LSAIXqlABcWMEQfGS93c4Yxuh35QQGLvDkLC0meKDFcFIxR8FUZvgvclQYBfgAWs4Zx9JgOHgAAAABJRU5ErkJggg==);
}
.login-wizard-tab .login-wizard-item.active .number-box {
  background-color: #fff;
}
.login-wizard-tab .login-wizard-item.active .passed-bg {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 1;
  display: block;
  height: 40px;
  width: 500%;
  top: 0;
  left: calc(-500% + 20px);
}
.login-wizard-tab.two-step .login-wizard-item {
  width: 50%;
}
.login-wizard-tab.four-step .login-wizard-item {
  width: 25%;
}
.login-wizard-tab.five-step .login-wizard-item {
  width: 20%;
}
.page-activate-account-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  background-position: right top;
  background-repeat: no-repeat;
  background-color: #f9fafb;
  overflow: auto;
}
.page-activate-account-container .page-main-header {
  width: 100%;
  margin: 0 0 30px;
  padding: 0 20px;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 7px 12px 0 rgba(0, 108, 190, 0.06);
  border-bottom: 1px solid #e5e5e5;
}
.page-activate-account-container .page-main-header .page-header-inside {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  height: 62px;
  margin: 0 auto;
}
.page-activate-account-container .page-main-header .page-header-inside .logo-box {
  display: flex;
  align-items: center;
}
.page-activate-account-container .page-main-header .page-header-inside .logo-box .logo-content {
  height: 61px;
  display: flex;
  align-items: center;
}
.page-activate-account-container .page-main-header .page-header-inside .logo-box .sec-title {
  height: 24px;
  padding: 0 20px;
  margin: 0 0 0 20px;
  line-height: 24px;
  font-size: 18px;
  color: #333;
  border-left: 1px solid rgba(0, 108, 190, 0.3);
}
.page-activate-account-container .page-main-header .page-header-inside .logo-box .en-title {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #666;
}
.page-activate-account-container .page-main-header .page-header-inside .slot-box .help-btn {
  height: 30px;
  display: block;
  line-height: 30px;
  padding: 0 0 0 30px;
  font-size: 1.6rem;
  color: #444;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAB9UlEQVQ4jaXVTUhUURjG8d8MA2ZWglgTmVbiwhbap0KLchOhLTIJghRaRduKsE1CCwuioJI2EblUapO4ytoVQbWLDBpCXERRfmARjuOyxZ1RZ5h7Z7AHDtxzzvP+7+Ge975v7OT5S0JUjbPowj4ks+uz+IQJPMPvYsGJImsV6M+OLUX292RHN+7gHm5jea0pXhBUj3cYDIEWajNu4A12hIF34i0OlAEsVBveZxl54AqMo2Ed0Jzq8RyVrH7jazgYFtHS3JQ3n0xNhVnbcB0DCcHtXw1z9vV06j3dmbc2M7/g5tCw6W8/ioVcxoO4IKWqw8C5E06mplZAydoa3Sc6wuxVOJcQ5GmoRsYm8uYPB/s1NtRJbq2JCuuKY3+UI0yL6UzUdmsc28qFXbnQq7GhDoy/eh1l3Z5ArBzoxd4ex4+2Sy9lDA4NR2UGxOKCf7+kGncFJ73/ZLQUFH4l8BG7Szkfj4yp2lgZlmKFmozjZTnOI4datO5tkqyNzIacXiTwFHexKczV0tyU95OUOHUGo3H8EZS+UM3OL6w8Ly5FphkMYS6WLfQb8AGtpaJK6IugXqRz1W0ZZ/D9P6AzOIU0+fV4Ch34vA5oCseyDIVgmEY7BvC3DGBGcPGH8XXtRrGel8EtPEIfOgXNNNd6flptpiOYK/bGf43DdoI4nFQOAAAAAElFTkSuQmCC);
}
.page-activate-account-container .page-main-body {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
.page-activate-account-container .page-main-body .page-body-inside {
  flex: 1;
  width: 100%;
  max-width: 1200px;
  min-height: 80vh;
  padding: 40px;
  margin: 0 auto;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 7px 12px 0 rgba(0, 108, 190, 0.06);
}
.page-activate-account-container .page-main-body .page-body-inside .login-wizard-tab {
  box-shadow: 0 5px 15px 0 rgba(0, 108, 190, 0.06);
}
.page-activate-account-container .page-main-body .page-body-inside .login-wizard-tab.three-step .login-wizard-item {
  width: calc(100% / 3);
}
.page-activate-account-container .page-main-footer {
  width: 100%;
  padding: 0 20px;
}
.page-activate-account-container .page-main-footer .page-footer-inside {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  width: 100%;
  padding: 20px;
  min-height: 74px;
  max-width: 1200px;
  margin: 0 auto;
  font-size: 1.4rem;
  color: #666;
}
.robot-row-container {
  padding: 10px 0 0;
}
.robot-row-container .robot-pic-container {
  float: left;
  width: 121px;
}
.robot-row-container .robot-pic-container > img {
  margin: 0 0 -15px 0;
}
.robot-row-container .robot-msg-container {
  float: left;
  width: calc(100% - 121.01px);
  height: 110px;
  padding: 10px 0 20px;
}
.robot-row-container .robot-msg-container .robot-msg-window {
  display: table;
  position: relative;
  float: right;
  width: calc(100% - 10px);
  min-height: 80px;
  padding: 10px 20px;
  border-radius: 20px;
  border: 1px solid rgba(15, 106, 190, 0.2);
  background-color: #f1f6fb;
}
.robot-row-container .robot-msg-container .robot-msg-window .msg-inside {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.robot-row-container .robot-msg-container .robot-msg-window .msg-inside > p {
  font-size: 14px;
  line-height: 22px;
  color: #506d91;
}
.robot-row-container .robot-msg-container .robot-msg-window::before {
  content: "";
  display: block;
  position: absolute;
  top: 36px;
  left: -14px;
  width: 15px;
  height: 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAABGklEQVQokYWRsUrDYBSFz7n58//5TdImkSJNiiIU0SGgi0Enh4qD4OYgCIXSwaGDT+ATODk5dOnQB3Bx8EF8Al/AwcXBOAgpNtGe5Z7hfpfLOQwnb0RdbPDVnI2SwnPxIg3gv5qN4tM1jeedVNtVcPVB3nM5HyeTwJOnvZ4JI9+BWvEyAODhqt3thM5jy8p5v6uh1c9KE1zpdhDoYlvfiOAuW3ejNFG/LjfC02GcBYbXACaR76SbHRdW13NVADAfJwdC5CRyAsciLJJQZCNS8M3fsQgAfHyWrwDeSWyVwL5vKL4RKGlqcSEu93x/2fazyBmQuABwZlymLSsIrYPAEp6WReFLcM1Ph/FuYHjyVeKIxKES9D0ttJr4Blb2ItZbrjo1AAAAAElFTkSuQmCC);
}
.robot-row-container .robot-msg-container .robot-msg-window.error {
  border: 1px solid #fc4f54;
  background-color: #fff2f0;
  box-shadow: 0 5px 4px 4px rgba(252, 79, 84, 0.05);
}
.robot-row-container .robot-msg-container .robot-msg-window.error::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAbFBMVEUAAAD8T1T/8vD8Vlv8UVb8UFX8UVb8Vlv8VFj8V1v8UVb8Vlv8U1j8T1T8U1j8T1T8UVb8Ulb8UFX8T1T/8vD8WFz/8O79dnn8UVb/3t39jY/8YWX/19b+0tH+sLH+o6T+w8P9cHT9gIL9jpGTl2QSAAAAFHRSTlMAtwEYT/KgB200Xkb+jK0bznjkKDkRgR4AAABUSURBVAjXVcpHDoAgAERRGwgaO73Z7n9HIQaUv3uTKbKwyNjT46cKaUs+1iWXJLlFYmckelrAZbyCcTfM9LbkzT+bUXAnk4swQaCVM8w7tiG40lM9WkQF1QEZ/TMAAAAASUVORK5CYII=);
}
.robot-row-container .robot-msg-container .robot-msg-window.error .msg-inside > p {
  color: #fc4f54;
}
.wizard-content-container {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  padding: 20px 0 0;
}
.wizard-content-container .wizard-content-title {
  width: 100%;
  padding: 15px 0;
  margin: 0 0 30px;
  height: 55px;
  line-height: 24px;
  color: #666;
  font-size: 1.4rem;
  border-bottom: 1px solid #ddd;
}
.wizard-content-container .wizard-content-body {
  width: 100%;
  padding: 0 0 10px;
}
.wizard-content-container .wizard-content-body .form-list-item {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 15px;
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-lable {
  min-width: 120px;
  text-align: right;
  line-height: 36px;
  color: #333;
  font-size: 1.4rem;
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-lable > span {
  color: #006cbe;
  font-size: 1.4rem;
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-input {
  display: flex;
  flex-direction: column;
  width: calc(62% - 150px);
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-input .option-item {
  display: flex;
  align-items: center;
  padding: 0 10px;
  margin: 0 0 10px;
  height: 36px;
  border-radius: 10px;
  background-origin: #fafafa;
  font-size: 1.4rem;
  line-height: 24px;
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-input .option-item > input[type="radio"] {
  margin: 0 10px 0 0;
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-input .option-item:last-child {
  margin: 0 0 5px;
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-input .form-input {
  flex: 1;
  height: 36px;
  padding: 5px 10px;
  margin: 0 0 5px;
  line-height: 24px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-input .info-box {
  width: 100%;
  padding: 10px 15px;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #848d97;
  background-color: rgba(0, 108, 190, 0.03);
  border-radius: 5px;
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-input .code-img {
  width: 84px;
  min-width: 84px;
  height: 36px;
  margin: 0 0 5px 20px;
  border-radius: 5px;
  background-color: #f4f9ff;
  overflow: hidden;
  box-shadow: 0 0 2px 0 rgba(0, 108, 190, 0.16);
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-input .ref-code {
  font-size: 1.4rem;
  color: #006cbe;
  line-height: 26px;
  padding: 5px 0;
  margin: 0 0 0 10px;
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-input .option-select {
  height: 36px;
  margin: 0 0 0 10px;
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-input .option-select .btn.btn-default {
  height: 36px;
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-input .option-select .dropdown-menu .inner {
  width: 100%;
  min-width: 100%;
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-input .option-select .dropdown-menu.inner {
  width: 100%;
  min-width: 100%;
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-input .details-row {
  display: flex;
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-input .details-row.msg-code .form-input {
  border-radius: 5px 0 0 5px;
  border-right: none;
}
.wizard-content-container .wizard-content-body .form-list-item .form-item-input .details-row.msg-code .msg-code {
  height: 36px;
  padding: 5px 10px;
  margin: 0;
  line-height: 24px;
  font-size: 1.4rem;
  border: 1px solid #ddd;
  border-left: none;
  border-radius: 0 5px 5px 0;
  color: #006cbe;
}
.wizard-content-container .wizard-content-body .form-list-item.requird .form-item-lable > font {
  display: inline-block;
  line-height: 24px;
  transform: translateY(6px);
  margin: 0 5px 0 0;
  color: #ff0000;
  font-size: 22px;
}
.wizard-content-container .wizard-content-body .wizard-userinfo-content {
  width: 100%;
  display: flex;
}
.wizard-content-container .wizard-content-body .wizard-userinfo-content .user-photo {
  float: left;
  min-width: 240px;
  height: 320px;
  margin: 0 30px 10px 0;
  background-color: #f4f5f6;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/png;base64,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);
}
.wizard-content-container .wizard-content-body .wizard-userinfo-content .user-info-up-load {
  float: left;
  width: calc(100% - 270px);
}
.wizard-content-container .wizard-content-body .wizard-userinfo-content .user-info-up-load .btn-row {
  width: 100%;
  margin: 0 0 16px;
}
.wizard-content-container .wizard-content-body .wizard-userinfo-content .user-info-up-load .btn-info-row {
  min-height: 44px;
  margin: 0 0 14px;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #666;
}
.wizard-content-container .wizard-content-body .wizard-userinfo-content .face-recognition-btn {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  width: 175px;
  height: 67px;
  padding: 0 0 7px 75px;
  background-position: left top;
  background-repeat: no-repeat;
}
.wizard-content-container .wizard-content-body .wizard-userinfo-content .face-recognition-btn .title-box {
  color: #006cbe;
  font-size: 1.4rem;
}
.wizard-content-container .wizard-content-body .wizard-userinfo-content .face-recognition-btn .text-box {
  font-size: 1.3rem;
  color: #666;
}
.wizard-content-container .form-btn-row {
  width: 100%;
  display: flex;
  justify-content: center;
}
.wizard-content-container .form-btn-row .btn {
  display: block;
  height: 48px;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  line-height: 26px;
  text-align: center;
  font-size: 1.6rem;
  border-radius: 10px;
}
.wizard-content-container .form-btn-row .btn.btn-default {
  width: calc(40% - 20.1px);
  max-width: 199px;
  margin: 0 10px 10px;
  border-color: #ddd;
}
.wizard-content-container .form-btn-row .btn.btn-primary {
  width: calc(60% - 20.1px);
  max-width: 360px;
  margin: 0 10px 10px;
  border-color: #006cbe;
  box-shadow: 0 5px 15px 0 rgba(0, 108, 190, 0.06);
}
.page-activate-account-popup {
  display: flex;
  padding: 20px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.page-activate-account-popup .page-activate-account-shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
}
.page-activate-account-popup .activate-account-model {
  width: 100%;
  max-width: 420px;
  height: 498px;
  padding: 10px 30px;
  border-radius: 14px;
  position: relative;
  z-index: 10;
  background-color: #fff;
}
.page-activate-account-popup .activate-account-model .model-header {
  width: 100%;
  padding: 13px 0;
  height: 52px;
  display: flex;
  justify-content: space-between;
}
.page-activate-account-popup .activate-account-model .model-header .title-box {
  font-size: 16px;
  line-height: 26px;
  color: #333;
}
.page-activate-account-popup .activate-account-model .model-header .slot-box .close-btn {
  display: block;
  width: 26px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAfUlEQVQokY3RQQ6CMBBA0SeE3v8ELjQmKAS9ipp4Hd2URLFlmO38t5gWXjigE0/CBU/o8cYQ4IQpt0c5HgOccM3NGe28WMNVtIZDVMObUAlXUVOAu0XYVLqfWd4UvXYRtTZ8VcJN+aYuoz+8hkp4nPEQoBLu4YF9gL7xCfcPZNk4nOPs/FsAAAAASUVORK5CYII=);
}
.page-activate-account-popup .activate-account-model .model-body {
  width: 100%;
  min-height: 323px;
  padding: 30px 0 0;
}
.page-activate-account-popup .activate-account-model .model-body .success-icon {
  width: 100%;
  padding: 16px 0 19px;
  text-align: center;
}
.page-activate-account-popup .activate-account-model .model-body .info-title {
  width: 100%;
  margin: 0 0 10px;
  font-size: 20px;
  color: #333;
  line-height: 30px;
  text-align: center;
}
.page-activate-account-popup .activate-account-model .model-body .info-text {
  width: 100%;
  margin: 0 0 30px;
  font-size: 16px;
  line-height: 26px;
  color: #333;
  text-align: center;
}
.page-activate-account-popup .activate-account-model .model-body .qr-code {
  width: 173px;
  height: 173px;
  margin: 0 auto 20px;
}
.page-activate-account-popup .activate-account-model .model-body .fail-row {
  width: 100%;
  margin: -30px 0 0;
  padding: 0 0 13px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-activate-account-popup .activate-account-model .model-body .fail-row > .info-title {
  width: auto;
  margin: 0 0 0 20px;
  font-size: 20px;
  line-height: 30px;
  color: #333;
}
.page-activate-account-popup .activate-account-model .model-footer {
  width: 100%;
  display: flex;
  justify-content: center;
}
.page-activate-account-popup .activate-account-model .model-footer .btn {
  width: 200px;
  height: 48px;
  border-radius: 10px;
  font-size: 16px;
  color: #333;
  line-height: 36px;
  text-align: center;
}
.page-activate-account-popup .activate-account-model .model-footer .btn.btn-primary {
  color: #fff;
}
.wizard-content-activity {
  width: 100%;
  display: flex;
}
.wizard-content-activity .content-activity-item {
  padding: 15px 20px;
  width: calc(100% / 3 - 20.01px);
  margin: 0 10px 0;
  border: 1px solid #ddd;
  border-radius: 12px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.wizard-content-activity .content-activity-item .activity-text {
  width: 100%;
  font-size: 15px;
  line-height: 26px;
}
.wizard-content-activity .content-activity-item .qrcode-content {
  width: 100%;
}
.wizard-content-activity .content-activity-item .qrcode-content > img {
  width: 100%;
}
.register-container {
  width: 100%;
  max-width: 1230px;
  margin: -20px auto 0;
}
.register-container .register-info-title {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 28px 15px 27px;
  font-size: 32px;
  line-height: 42px;
  color: #333;
}
.register-container .register-info-title img {
  margin: 3px 15px 0 0;
}
.register-container .register-info-panel-container {
  display: flex;
  width: 100%;
}
.register-container .register-info-panel-container .info-detail-panel {
  min-height: calc(100vh - 321px);
  flex: 1;
  margin: 0 15px 15px;
  padding: 30px 30px 30px;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 50px 0 rgba(0, 108, 190, 0.25);
}
.register-container .register-info-panel-container .info-detail-panel .info-detail-title {
  width: 100%;
  padding: 0 0 17px;
  border-bottom: 1px solid rgba(0, 108, 190, 0.1);
}
.register-container .register-info-panel-container .info-detail-panel .info-detail-title .title-box {
  float: left;
  position: relative;
  height: 32px;
  border-radius: 6px;
  padding: 0 12px;
  margin: 0 0 20px;
  background-color: #006cbe;
  line-height: 32px;
  color: #fff;
  font-size: 18px;
}
.register-container .register-info-panel-container .info-detail-panel .info-detail-title .title-box::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.1));
}
.register-container .register-info-panel-container .info-detail-panel .info-detail-title .text-box {
  float: left;
  width: 100%;
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
.register-container .register-info-panel-container .info-detail-panel .detailed-txt {
  width: 100%;
  min-height: 160px;
  padding: 13px 0 27px;
  line-height: 24px;
  font-size: 14px;
  color: #666;
}
.register-container .register-info-panel-container .info-detail-panel .detailed-txt > a {
  line-height: 24px;
  font-size: 14px;
  color: #006cbe;
  text-decoration: none;
}
.register-container .register-info-panel-container .info-detail-panel .alert-txt {
  width: 100%;
  margin: 0 0 17px;
  text-align: center;
  font-size: 14px;
  color: #999;
}
.register-container .register-info-panel-container .info-detail-panel .alert-txt > i {
  margin: 0 5px 0 0;
}
.register-container .register-info-panel-container .info-detail-panel .right-btn-box {
  width: 100%;
  padding: 0;
}
.register-container .register-info-panel-container .info-detail-panel .right-btn-box .info-btn {
  display: block;
  width: 100%;
  height: 38px;
  margin: 0 0 40px;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  border-radius: 6px;
  border-width: 1px;
  border-style: solid;
}
.register-container .register-info-panel-container .info-detail-panel .right-btn-box .info-btn.btn-primary {
  background-color: #006cbe;
  border-color: #006cbe;
  color: #fff;
}
.register-container .register-info-panel-container .info-detail-panel .right-btn-box .info-btn.btn-default {
  background-color: #fff;
  border-color: #ddd;
}
.register-container .register-info-panel-container .info-detail-panel .big-activecode-box {
  background-color: #fff;
  margin: 0 auto 15px;
  overflow: hidden;
}
.register-container .register-info-panel-container .info-detail-panel .big-activecode-box.type-1 {
  width: 188px;
  height: 188px;
  padding: 10px;
  border-radius: 50%;
  box-shadow: 0 0 21px 0 rgba(0, 108, 190, 0.08);
}
.register-container .register-info-panel-container .info-detail-panel .big-activecode-box.type-2 {
  width: 177px;
  height: 177px;
  border-radius: 10px;
  box-shadow: 0 0 21px 0 rgba(0, 108, 190, 0.08);
}
.register-container .register-info-panel-container .info-detail-panel .big-activecode-box > img {
  width: 100%;
}
.register-container .register-info-panel-container .info-detail-panel .activecode-label-row {
  width: 100%;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  text-align: center;
}
.register-container .register-info-panel-container .info-detail-panel .activecode-label-row .activecode-label {
  font-size: 14px;
}
@media only screen and (min-width: 1440px) {
  .page-activate-account-container {
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 880px) {
  .login-wizard-tab.five-step .login-wizard-item {
    width: 100%;
  }
  .wizard-content-container .wizard-content-title {
    min-height: 55px;
    height: auto;
  }
  .wizard-content-container .wizard-content-body .form-list-item .form-item-input {
    width: calc(100% - 150px);
  }
}
@media only screen and (max-width: 600px) {
  .page-activate-account-container .page-main-header .page-header-inside {
    padding: 10px 0 20px;
    min-height: 62px;
    height: auto;
    justify-content: center;
  }
  .page-activate-account-container .page-main-header .page-header-inside .logo-box {
    flex-direction: column;
    align-items: center;
  }
  .page-activate-account-container .page-main-header .page-header-inside .logo-box .sec-title {
    margin: 0;
    border: none;
  }
  .page-activate-account-container .page-main-header .page-header-inside .slot-box .help-btn {
    display: none;
  }
  .wizard-content-container .wizard-content-body .wizard-userinfo-content {
    flex-direction: column;
    align-items: center;
  }
  .wizard-content-container .wizard-content-body .wizard-userinfo-content .user-photo {
    margin: 0 0 10px;
    max-width: 240px;
  }
  .wizard-content-container .wizard-content-body .wizard-userinfo-content .user-info-up-load {
    width: 100%;
    padding: 0;
  }
  .wizard-content-container .form-btn-row {
    flex-direction: column;
  }
  .wizard-content-container .form-btn-row .btn.btn-default {
    width: 100%;
    margin: 0 0 20px;
    max-width: 100%;
  }
  .wizard-content-container .form-btn-row .btn.btn-primary {
    width: 100%;
    margin: 0 0 0px;
    max-width: 100%;
  }
  .wizard-content-container .wizard-content-body .form-list-item {
    flex-direction: column;
  }
  .wizard-content-container .wizard-content-body .form-list-item .form-item-lable {
    text-align: left;
    width: 100%;
  }
  .wizard-content-container .wizard-content-body .form-list-item .form-item-input {
    width: 100%;
  }
  .wizard-content-container .wizard-content-body .form-list-item .form-item-input .form-input {
    min-width: 100px;
  }
}