@charset "utf-8";
/*reset*/
html {
  color: #000;
  background: #FFF;
  height: 100%;
}
body {
  height: 100%;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
abbr,
acronym,
address,
big,
cite,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
input,
button,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
footer,
article,
aside,
header,
section,
nav,
figure,
figcaption,
hgroup {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-size: 100%;
}
legend {
  color: #000;
}
#yui3-css-stamp.cssreset {
  display: none;
}
body {
  font-family: "Avenir Next", Avenir, "Helvetica Neue", Helvetica, "Lantinghei SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
  background: #fff;
  min-width: 1200px;
}
input,
textarea,
select,
button {
  font-family: "Microsoft Yahei";
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  color: #1C6EFE;
}
i {
  font-style: normal;
  font-size: 9px;
  font-weight: 400;
}
input:focus,
textarea:focus,
select:focus,
button:focus,
a {
  outline: none;
}
.clear {
  clear: both;
}
.bold {
  font-weight: bold ;
}
.pointer {
  cursor: pointer ;
}
.single-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.double-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.treble-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
/*清除浮动*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
/* input去掉默认上下箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input,
textarea {
  /* firefox 19+ */
  /* Internet Explorer 10+ */
  /* firefox 14-18 */
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}
* {
  box-sizing: border-box;
}
.container {
  width: 1200px;
  margin: auto;
}
.container:after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.container-left {
  width: 860px;
  float: left;
  margin-bottom: 60px;
}
.container-left + .container-right {
  margin-left: 40px;
}
.container-right {
  width: 300px;
  float: left;
  margin-bottom: 60px;
}
.bold {
  font-weight: bold;
}
.error-tip {
  color: #FF3535;
  font-size: 14px;
}
.icon:after {
  content: "";
  display: inline-block;
  background: url("../images/icon.png") no-repeat;
}
.icon-arrows-down:after {
  width: 10px;
  height: 6px;
  background-position: -94px -10px;
}
.icon-arrows-up:after {
  width: 10px;
  height: 6px;
  background-position: -94px -20px;
}
.icon-arrows-left:after {
  width: 10px;
  height: 10px;
  background-position: -184px -5px;
}
.icon-arrows-right:after {
  width: 10px;
  height: 10px;
  background-position: -184px -20px;
}
.icon-up:after {
  width: 10px;
  height: 11px;
  background-position: -160px -50px;
}
.icon-down:after {
  width: 10px;
  height: 11px;
  background-position: -160px -35px;
}
.icon-up-blue:after {
  width: 10px;
  height: 11px;
  background-position: -160px -5px;
}
.icon-down-blue:after {
  width: 10px;
  height: 11px;
  background-position: -160px -20px;
}
.icon-search:after {
  width: 22px;
  height: 17px;
  background-position: -52px -10px;
}
.icon-search-blue:after {
  width: 22px;
  height: 17px;
  background-position: -10px -10px;
}
.icon-location-solid:after {
  width: 14px;
  height: 14px;
  background-position: -10px -47px;
}
.icon-location:after {
  width: 14px;
  height: 14px;
  background-position: -40px -47px;
}
.icon-close:after {
  width: 15px;
  height: 14px;
  background-position: -70px -47px;
}
.icon-circle:after {
  width: 20px;
  height: 20px;
  background-position: -124px -40px;
}
.icon-checked:after {
  width: 20px;
  height: 20px;
  background-position: -124px -10px;
}
.item-icon:after {
  content: "";
  display: inline-block;
  background: url("../images/icon/item-icon.png") no-repeat;
}
.item-icon-square:after {
  width: 20px;
  height: 20px;
  background-position: -10px -10px;
}
.item-icon-checked:after {
  width: 20px;
  height: 20px;
  background-position: -10px -50px;
}
.item-icon-edit:after {
  width: 20px;
  height: 20px;
  background-position: -50px -50px;
}
.item-icon-del:after {
  width: 20px;
  height: 20px;
  background-position: -50px -10px;
}
/* 输入框公共样式 */
.field-input {
  height: 40px;
  border: 1px solid #E6E6E6;
  border-radius: 3px;
  padding: 8px 16px;
  line-height: 24px;
  font-size: 14px;
}
.field-input:hover {
  border: 1px solid #CCCCCC;
}
.field-input:focus {
  border: 1px solid #1C6EFE;
  color: #333;
}
.field-input[disabled] {
  border: 1px solid #E6E6E6;
  background: #F7F7F7;
  color: #999999;
  cursor: no-drop;
}
.field-input[readonly] {
  border: 1px solid #E6E6E6;
  color: #999999;
}
.field-input.none-border {
  border: none;
  background: #F7F7F7;
}
/* 下拉选择公共样式 */
.field-select-box {
  font-size: 0;
  display: inline-block;
  vertical-align: top;
}
.field-select {
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  padding: 0 26px 0 14px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.field-select:after {
  content: "";
  width: 10px;
  height: 6px;
  position: absolute;
  top: 17px;
  right: 11px;
  line-height: 0;
}
.field-select:after {
  content: "";
  display: inline-block;
  background: url("../images/icon.png") no-repeat;
}
.field-select:after {
  width: 10px;
  height: 6px;
  background-position: -94px -10px;
}
.select-option {
  position: absolute;
  min-width: 100%;
  left: 0;
  top: 100%;
  display: none;
  background: #fff;
  max-height: 360px;
  z-index: 11;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #E5E5E5;
  color: #333;
}
.select-option .option-item {
  line-height: 40px;
  height: 40px;
  padding: 0 17px;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.select-option .option-item.on {
  background: #F7F7F7;
  color: #1C6EFE;
}
.select-option .option-item:hover {
  background: #F7F7F7;
}
.select-option .option-item .select-option {
  position: absolute;
  left: 100%;
  top: 0;
  display: none;
}
.select-option.auto-height {
  max-height: none;
  overflow: visible;
}
.select-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

/* 2023-7-12 添加新的下拉框样式 */
.field-select.new-select {
  border: none;
  padding: 0 17px 0 8px;
  width: auto;
}
.field-select.new-select:after {
  width: 0;
  height: 0;
  border-top: 4px solid #666;
  border-right: 3px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 3px solid transparent;
  right: 8px;
}
.field-select.new-select:hover{
  color: #1C6EFE;
  background: rgba(28, 111, 254, 0.1);
}
.field-select.new-select:hover:after {
  border-top: 4px solid #1C6EFE;
  border-right: 3px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 3px solid transparent;
}
/* 2023-7-12 添加新的下拉框样式 */


/* 时间日期选择样式 */
.field-datetime {
  position: relative;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
}
.field-datetime input {
  background: transparent;
  line-height: 38px;
  font-size: 14px;
  width: 100%;
  padding: 0 26px 0 14px;
  /* firefox 19+ */
  /* Internet Explorer 10+ */
  /* firefox 14-18 */
}
/* .field-datetime input::-webkit-input-placeholder {
  color: #000000;
}
.field-datetime input::-moz-placeholder {
  color: #000000;
}
.field-datetime input:-ms-input-placeholder {
  color: #000000;
}
.field-datetime input:-moz-placeholder {
  color: #000000;
} */
.field-datetime:after {
  content: "";
  width: 10px;
  height: 6px;
  position: absolute;
  top: 17px;
  right: 11px;
  line-height: 0;
}
.field-datetime:after {
  content: "";
  display: inline-block;
  background: url("../images/icon.png") no-repeat;
}
.field-datetime:after {
  width: 10px;
  height: 6px;
  background-position: -94px -10px;
}
/* 输按钮公共样式 */
.btn-1 {
  height: 40px;
  line-height: 40PX;
  background: #1C6EFE;
  border-radius: 3px;
  border: none;
  text-align: center;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}
.btn-1:hover {
  background: #1162F1;
  color: #fff;
}
.btn-1.clicking {
  background: #0754DA;
  color: #fff;
}
.btn-1[disabled] {
  background: #a4c5ff;
  color: #fff;
  cursor: default;
}
.btn-2 {
  height: 40px;
  line-height: 40PX;
  background: #e8f1ff;
  border-radius: 3px;
  border: none;
  text-align: center;
  color: #1C6EFE;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}
.btn-2:hover {
  background: #1C6EFE;
  color: #fff;
}
.btn-2.clicking {
  background: #0754DA;
  color: #fff;
}
.btn-2[disabled] {
  background: #E5E5E5;
  color: #999;
  cursor: default;
}
.btn-3 {
  height: 40px;
  line-height: 40PX;
  background: #F4F4F4;
  border-radius: 3px;
  border: none;
  text-align: center;
  color: #333;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}
.btn-3:hover {
  background: #dfdfdf;
  color: #fff;
}
.btn-3.clicking {
  background: #bdbdbd;
  color: #fff;
}
.btn-3[disabled] {
  background: #E5E5E5;
  color: #999;
  cursor: default;
}
.btn-3:hover {
  color: #333;
}
.btn-3:focus {
  color: #333;
}
.btn-4 {
  height: 40px;
  line-height: 40PX;
  background: #FF9315;
  border-radius: 3px;
  border: none;
  text-align: center;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}
.btn-4:hover {
  background: #FC8800;
  color: #fff;
}
.btn-4.clicking {
  background: #FC8800;
  color: #fff;
}
.btn-4[disabled] {
  background: #ffd4a1;
  color: #fff;
  cursor: default;
}
.btn-5 {
  height: 40px;
  line-height: 40PX;
  background: #00CB76;
  border-radius: 3px;
  border: none;
  text-align: center;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}
.btn-5:hover {
  background: #01c070;
  color: #fff;
}
.btn-5.clicking {
  background: #03b86c;
  color: #fff;
}
.btn-5[disabled] {
  background: #99eac8;
  color: #fff;
  cursor: default;
}
.btn-6 {
  height: 40px;
  line-height: 40PX;
  background: #ffecec;
  border-radius: 3px;
  border: none;
  text-align: center;
  color: #FF4141;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}
.btn-6:hover {
  background: #FF4141;
  color: #fff;
}
.btn-6.clicking {
  background: #fc2d2d;
  color: #fff;
}
.btn-6[disabled] {
  background: #E5E5E5;
  color: #999;
  cursor: default;
}
.btn-small {
  line-height: 32px;
  height: 32px;
}
/* 单选复选样式 */
.checkbox-item {
  font-size: 18px;
  color: #666666;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.checkbox-item label {
  display: block;
  line-height: 26px;
  padding-left: 32px;
  color: #666;
  cursor: pointer;
  position: relative;
}
.checkbox-item label:after {
  content: "";
  display: block;
  left: 0;
  top: 50%;
  margin-top: -10px;
  position: absolute;
}
.checkbox-item label:after {
  content: "";
  display: inline-block;
  background: url("../images/icon.png") no-repeat;
}
.checkbox-item label:after {
  width: 20px;
  height: 20px;
  background-position: -124px -40px;
}
.checkbox-item input[type='radio'],
.checkbox-item input[type='checkbox'] {
  display: none;
}
.checkbox-item input[type='radio']:checked + label:after,
.checkbox-item input[type='checkbox']:checked + label:after {
  width: 20px;
  height: 20px;
  background-position: -124px -10px;
}
.checkbox-item.square label:after {
  content: "";
  display: inline-block;
  background: url("../images/icon/item-icon.png") no-repeat;
}
.checkbox-item.square label:after {
  width: 20px;
  height: 20px;
  background-position: -10px -10px;
}
.checkbox-item.square input[type='radio']:checked + label:after,
.checkbox-item.square input[type='checkbox']:checked + label:after {
  width: 20px;
  height: 20px;
  background-position: -10px -50px;
}
/* 开关样式 */
.switch label {
  padding-left: 46px;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  vertical-align: top;
  position: relative;
  cursor: pointer;
  color: #666;
  font-size: 14px;
}
.switch label:before,
.switch label:after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
}
.switch label:before {
  width: 36px;
  height: 20px;
  top: 3px;
  left: 0px;
  background: #F7F7F7;
  border-radius: 30px;
}
.switch label:after {
  width: 22px;
  height: 22px;
  top: 2px;
  left: 0px;
  border-radius: 30px;
  background: #E5E5E5;
}
.switch input[type='checkbox'] {
  display: none;
}
.switch input[type='checkbox']:checked + label:before {
  background: rgba(28, 110, 254, 0.1);
}
.switch input[type='checkbox']:checked + label:after {
  background: #1C6EFE;
  left: 14px;
}
.block {
  display: block;
  width: 100%;
}
.round-img {
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
  vertical-align: top;
}
.nav-hover {
  background: #F7F7F7;
}
.nav-hover:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 2px;
  background: #1C6EFE;
}
/* 导航栏 */
.nav-wrap {
  height: 60px;
}
.nav-wrap .nav-bar {
  background: #fff;
  padding: 0 270px 0 330px;
  font-size: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  min-width: 1420px;
  box-sizing: border-box;
  z-index: 999;
}
.nav-wrap .nav-bar .popup-wrap {
  display: none;
  background: #fff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  position: absolute;
}
.nav-wrap .nav-bar .popup-wrap li {
  display: block;
  line-height: 46px;
  width: 180px;
  text-align: center;
}
.nav-wrap .nav-bar .popup-wrap li a {
  display: block;
  font-size: 14px;
}
.nav-wrap .nav-bar .popup-wrap li:hover a {
  color: #1C6EFE;
  background: #e8f1ff;
}
.nav-wrap .nav-bar .popup-wrap li.on a {
  color: #1C6EFE;
}
.nav-wrap .nav-bar .nav-left,
.nav-wrap .nav-bar .nav-right {
  position: absolute;
  top: 0;
}
.nav-wrap .nav-bar .nav-left {
  left: 80px;
}
.nav-wrap .nav-bar .nav-left .logo {
  width: 37px;
  height: 33px;
  margin-top: 14px;
  vertical-align: top;
}
.nav-wrap .nav-bar .nav-left h1 {
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  margin-left: 11px;
  line-height: 60px;
}
.nav-wrap .nav-bar .nav-left .location {
  display: inline-block;
  margin-left: 46px;
  font-size: 14px;
  line-height: 60px;
  vertical-align: top;
  padding-left: 18px;
  position: relative;
  max-width: 102px;
  overflow: hidden;
  cursor: pointer;
}
.nav-wrap .nav-bar .nav-left .location:after {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.nav-wrap .nav-bar .nav-menu {
  text-align: center;
  line-height: 60px;
}
.nav-wrap .nav-bar .nav-menu .top-menu .menu-item {
  display: inline-block;
  font-size: 14px;
  position: relative;
  vertical-align: top;
}
.nav-wrap .nav-bar .nav-menu .top-menu .menu-item > a {
  padding: 0 25px;
  display: block;
  position: relative;
}
.nav-wrap .nav-bar .nav-menu .top-menu .menu-item > a:after {
  margin-left: 6px;
  vertical-align: top;
  margin-top: 29px;
}
.nav-wrap .nav-bar .nav-menu .top-menu .menu-item ul {
  left: 50%;
  margin-left: -90px;
  top: 50px;
}
.nav-wrap .nav-bar .nav-menu .top-menu .menu-item:hover > a {
  color: #333;
  background: #F7F7F7;
}
.nav-wrap .nav-bar .nav-menu .top-menu .menu-item:hover > a:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 2px;
  background: #1C6EFE;
}
.nav-wrap .nav-bar .nav-menu .top-menu .menu-item:hover ul {
  display: block;
}
.nav-wrap .nav-bar .nav-menu .top-menu .menu-item.on > a {
  color: #1C6EFE;
}
.nav-wrap .nav-bar .nav-right {
  right: 100px;
}
.nav-wrap .nav-bar .nav-right .search-wrap {
  width: 100px;
  display: inline-block;
  padding-left: 40px;
}
.nav-wrap .nav-bar .nav-right .search-wrap .search-btn {
  vertical-align: top;
  height: 60px;
}
.nav-wrap .nav-bar .nav-right .search-wrap .search-btn > a {
  display: block;
  position: relative;
  padding: 22px 19px 21px;
}
.nav-wrap .nav-bar .nav-right .search-wrap .search-btn > a:after {
  content: "";
  display: inline-block;
  background: url("../images/icon.png") no-repeat;
}
.nav-wrap .nav-bar .nav-right .search-wrap .search-btn > a:after {
  width: 22px;
  height: 17px;
  background-position: -52px -10px;
}
.nav-wrap .nav-bar .nav-right .search-wrap .search-btn .search-box {
  width: 620px;
  top: 60px;
  right: 0;
  padding: 22px 30px;
}
.nav-wrap .nav-bar .nav-right .search-wrap .search-btn .search-box .search-type {
  font-size: 14px;
  line-height: 21px;
  cursor: pointer;
}
.nav-wrap .nav-bar .nav-right .search-wrap .search-btn .search-box .search-type.on {
  color: #1C6EFE;
}
.nav-wrap .nav-bar .nav-right .search-wrap .search-btn .search-box .search-type + .search-type {
  margin-left: 20px;
}
.nav-wrap .nav-bar .nav-right .search-wrap .search-btn .search-box form {
  margin: 15px 0 12px;
}
.nav-wrap .nav-bar .nav-right .search-wrap .search-btn .search-box form input {
  background: #F7F7F7;
  border: none;
  width: 460px;
}
.nav-wrap .nav-bar .nav-right .search-wrap .search-btn .search-box form .btn-1 {
  width: 100px;
}
.nav-wrap .nav-bar .nav-right .search-wrap .search-btn .search-box .hot-search {
  font-size: 12px;
  color: #999999;
}
.nav-wrap .nav-bar .nav-right .search-wrap .search-btn .search-box .hot-search a {
  color: #999999;
  margin-right: 5px;
}
.nav-wrap .nav-bar .nav-right .search-wrap .search-btn .search-box .hot-search a:hover {
  color: #1C6EFE;
}
.nav-wrap .nav-bar .nav-right .search-wrap:hover .search-btn > a {
  background: #F7F7F7;
}
.nav-wrap .nav-bar .nav-right .search-wrap:hover .search-btn > a:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 2px;
  background: #1C6EFE;
}
.nav-wrap .nav-bar .nav-right .search-wrap:hover .search-btn > a:after {
  width: 22px;
  height: 17px;
  background-position: -10px -10px;
}
.nav-wrap .nav-bar .nav-right .search-wrap:hover .search-btn .search-box {
  display: block;
}
.nav-wrap .nav-bar .nav-right .login-btn {
  padding: 0 9px;
  line-height: 30px;
  height: 30px;
  border-radius: 5px;
  margin-left: 48px;
  margin-top: 15px;
}
.nav-wrap .nav-bar .nav-right .user-wrap {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.nav-wrap .nav-bar .nav-right .user-wrap .user-avatar {
  position: relative;
  padding: 15px;
  display: block;
  width: 60px;
  height: 60px;
}
.nav-wrap .nav-bar .nav-right .user-wrap .user-avatar img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
}
.nav-wrap .nav-bar .nav-right .user-wrap ul {
  top: 60px;
  right: 0;
}
.nav-wrap .nav-bar .nav-right .user-wrap ul a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url("../images/user-popup-icon.png") no-repeat;
  margin-right: 8px;
}
.nav-wrap .nav-bar .nav-right .user-wrap ul a.yh:before {
  background-position: -46px -46px;
}
.nav-wrap .nav-bar .nav-right .user-wrap ul a.dy:before {
  background-position: -10px -10px;
}
.nav-wrap .nav-bar .nav-right .user-wrap ul a.sc:before {
  background-position: -10px -46px;
}
.nav-wrap .nav-bar .nav-right .user-wrap ul a.tc:before {
  background-position: -46px -10px;
}
.nav-wrap .nav-bar .nav-right .user-wrap:hover .user-avatar {
  background: #F7F7F7;
}
.nav-wrap .nav-bar .nav-right .user-wrap:hover .user-avatar:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 2px;
  background: #1C6EFE;
}
.nav-wrap .nav-bar .nav-right .user-wrap:hover ul {
  display: block;
}
.popup-btn {
  position: fixed;
  bottom: 176px;
  right: 40px;
  filter: drop-shadow(0px 4px 16px rgba(132, 132, 132, 0.2));
}
.popup-btn a {
  width: 54px;
  min-height: 54px;
  border-radius: 50%;
  background: #fff;
  display: block;
  overflow: hidden;
  line-height: 18px;
  font-size: 12px;
  padding: 7px 0;
  text-align: center;
}
.popup-btn a + a {
  margin-top: 6px;
}
.popup-btn a:before {
  content: "";
  display: block;
  width: 100%;
  height: 22px;
  background: url("../images/popup-btn.png");
  margin: 0 auto;
}
.popup-btn a.back-top {
  padding: 16px 0;
}
.popup-btn a.back-top:before {
  background-position: -78px -52px;
}
.popup-btn a.message:before {
  background-position: -36px -52px;
}
.popup-btn a.service:before {
  background-position: -36px -10px;
}
.popup-btn a:hover {
  color: #fff;
  background: #1C6EFE;
}
.popup-btn a:hover.back-top:before {
  background-position: 6px -10px;
}
.popup-btn a:hover.message:before {
  background-position: -78px -10px;
}
.popup-btn a:hover.service:before {
  background-position: 6px -52px;
}
/* 页脚 */
.footer-wrap {
  text-align: center;
  color: #fff;
}
.footer-wrap .footer-nav {
  background: #333;
  padding: 22px 0 19px;
}
.footer-wrap .footer-nav ul,
.footer-wrap .footer-nav div {
  display: inline-block;
  text-align: left;
}
.footer-wrap .footer-nav ul {
  margin-right: 210px;
}
.footer-wrap .footer-nav ul li {
  line-height: 20px;
  font-size: 14px;
}
.footer-wrap .footer-nav ul li + li {
  margin-top: 13px;
}
.footer-wrap .footer-nav div {
  line-height: 20px;
  font-size: 14px;
  vertical-align: top;
}
.footer-wrap .footer-nav div + div {
  margin-left: 54px;
}
.footer-wrap .footer-nav div .num {
  font-size: 20px;
  margin: 12px 0 32px;
}
.footer-wrap .footer-nav .contact {
  width: 33%;
}
.footer-wrap .footer-nav .qrcode {
  text-align: center;
  font-size: 12px;
}
.footer-wrap .footer-nav .qrcode img {
  display: block;
  width: 96px;
  height: 96px;
  margin-bottom: 8px;
}
.footer-wrap .footer-info {
  background: #222222;
  line-height: 20px;
  padding: 17px 0 16px;
  font-size: 12px;
}
.footer-wrap .footer-info p + p {
  margin-top: 7px;
}
.footer-wrap a {
  color: #fff;
}
.form-group {
  font-size: 0;
}
.form-group .group-item {
  border-radius: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.form-group .group-item input {
  border-radius: 0;
}
.form-group .group-item:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.form-group .group-item:first-child input {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.form-group .group-item:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.form-group .group-item:last-child input {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* 留言弹窗 */
.message-form .form-item label {
  display: block;
  line-height: 18px;
  font-size: 12px;
  margin-bottom: 8px;
}
.message-form .form-item .field-input {
  width: 100%;
  background: #F7F7F7;
  border-color: #F7F7F7;
  padding: 13px 17px;
  height: 46px;
  vertical-align: top;
}
.message-form .form-item textarea.field-input {
  height: 140px;
  resize: none;
}
.message-form .form-item + .form-item {
  margin-top: 14px;
}
.message-form button {
  margin-top: 40px;
}
/* 用户协议弹窗 */
#agreement-modal .modal-header {
  height: 52px;
}
#agreement-modal .agreement-main {
  font-size: 16px;
  line-height: 26px;
}
#agreement-modal .agreement-main h3 {
  text-align: center;
  font-size: 22px;
  line-height: 33px;
  margin-bottom: 20px;
}
#agreement-modal .agreement-main h4 {
  font-weight: bold;
  margin-bottom: 2px;
}
#agreement-modal .agreement-main p {
  margin-bottom: 7px;
}
#agreement-modal .agreement-main .bold {
  margin-bottom: 10px;
}
#agreement-modal .modal-footer {
  text-align: center;
}
/* 分页按钮 */
.page {
  margin-top: 40px;
}
.page ul {
  font-size: 14px;
}
.page ul:after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.page ul li {
  float: left;
  line-height: 40px;
}
.page ul li a {
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  color: #666;
}
.page ul li a:hover {
  color: #1C6EFE;
  border-color: #1C6EFE;
}
.page ul li a.page_on {
  border-color: #1C6EFE;
  background: #1C6EFE;
  color: #fff;
}
.page ul li a.page_prev {
  position: relative;
}
.page ul li a.page_prev:after {
  content: "";
  display: inline-block;
  background: url("../images/icon.png") no-repeat;
}
.page ul li a.page_prev:after {
  width: 10px;
  height: 10px;
  background-position: -184px -5px;
}
.page ul li a.page_prev:after {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5px -5px;
}
.page ul li a.page_next {
  position: relative;
}
.page ul li a.page_next:after {
  content: "";
  display: inline-block;
  background: url("../images/icon.png") no-repeat;
}
.page ul li a.page_next:after {
  width: 10px;
  height: 10px;
  background-position: -184px -20px;
}
.page ul li a.page_next:after {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5px -5px;
}
.page ul li + li {
  margin-left: 8px;
}
/* 空列表样式 */
.list-empty {
  text-align: center;
  padding-top: 208px;
  background: url("../images/empty.png") center top no-repeat;
  width: 600px;
  margin: auto;
}
.list-empty p {
  line-height: 21px;
  font-size: 14px;
  color: #999;
}
.coming-soon {
  text-align: center;
  font-size: 50px;
  color: #666;
  line-height: 80px;
  padding: 50px 0;
}
.login-iframe iframe {
  border-radius: 10px;
}
.company-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.company-list li {
  font-size: 14px;
  line-height: 32px;
  padding: 0 10px;
  text-align: left;
  cursor: pointer;
}
.company-list li:hover {
  background: #f1f1f1;
}