body,
div,
span,
header,
footer,
nav,
section,
aside,
article,
ul,
dl,
dt,
dd,
li,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
i,
b,
textarea,
button,
input,
select,
figure,
figcaption {
  padding: 0;
  margin: 0;
  list-style: none;
  font-style: normal;
  text-decoration: none;
  border: none;
  font-family: PingFangSC-Regular, PingFang SC;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;

  &:focus {
    outline: none;
  }
}

body {
  width: 100%;
  height: 100%;
  font-size: 14px;
  overflow: hidden;
  overflow-x: auto;
  min-width: 1366px;
  /* background: #f6f8fa; */
}

a {
  color: #262626;
}

.fl_l {
  float: left;
}

/* 自定义通用样式 */

.jgj-card-border {
  /*border: 1px solid #dcdee2;*/
  /*border-color: #e8eaec;*/
}

/*.jgj-card-border:hover {
  border-color: #e8eaec;
}*/

.jgj-card {
  margin-top: 16px;
  padding: 0px;
  background: #fff;
  border-radius: 4px;
  position: relative;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.jgj-card-title {
  padding: 24px 0px;
  font-weight: bold;
  font-size: 16px;
}

.jgj-card-title span.titleData {
  font-weight: bold;
  font-size: 16px;
  padding-left: 11px;
  color: #555658;
}

.jgj-card-title span.titleData .rightdate {
  float: right;
  margin-right: 15px;
  color: #86888b;
  font-weight: normal;
}

.jgj-card-title span.little_title {
  font-weight: normal;
  font-size: 12px;
  padding-left: 11px;
  color: #86888b;
}

.jgj-card-title span.qcolor {
  color: #86888b;
  font-weight: normal;
}

/*.jgj-card:hover {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
  border-color: #eee;
}*/

.jgj-card-shadow {
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
}

.jgj-card-body {
  background-color: #F6F8FA;
  width: 1226px;
  margin: 0 auto;
}

/* div.blankLine {
  height: 16px;
  width: 100%;
  background-color: #FFFFFF;
} */

/*滚动条样式*/

/* ::-webkit-scrollbar {
  background: none;
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background: #d7d7d7;
  border-radius: 10px;
  width: 6px;
  height: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
} */

input::-webkit-input-placeholder {
  color: #bcbcbc;
}

input::-moz-input-placeholder {
  color: #bcbcbc;
}

input::-ms-input-placeholder {
  color: #bcbcbc;
}

input::-o-input-placeholder {
  color: #bcbcbc;
}

.layui-layout-admin .layui-header,
.layui-bg-black {
  background-color: #ffffff !important;
}

.top {
  background: #fff;
}

.nav_f ul {
  height: 64px;
  position: absolute;
  right: 0;
}

.nav_f li {
  height: 64px;
  line-height: 64px;
  float: left;
  font-size: 16px;
  text-align: center;
  height: 93%;
  display: inline-block;
}

.nav_f li .cur {
  color: #1890ff;
  font-weight: 900;
  display: inline-block;
  border-bottom: 4px solid;
}

.nav_f li.main_menu_li {
  margin-left: 30px;
}

.sub_title {
  height: 48px;
}

.sub_title ul {
  height: 48px;
  float: right;
}

.sub_title li {
  height: 48px;
  line-height: 48px;
  float: left;
  font-size: 14px;
  text-align: center;
}

.sub_title ul li.sub_menu_li {
  margin-right: 30px;
}

.sub_title ul li.sub_menu_li:hover {
  cursor: pointer;
}

/*导航栏样式*/

.el-dropdown-menu-top {
  position: absolute !important;
  float: right !important;
  width: 885px !important;
  height: 124px !important;
  top: 77px !important;
  left: -502px !important;
}

.el-dropdown-menu__item-top {
  float: right !important;
  height: 124px !important;
  line-height: 36px !important;
  font-size: 14px !important;
  width: auto !important;
  text-align: initial !important;
  cursor: auto !important;
}

.el-dropdown-menu__item-top:focus,
.el-dropdown-menu__item-top:not(.is-disabled):hover {
  background-color: #fff !important;
}

.el-dropdown-link {
  font-size: 16px;
}

.layui-header .subtitle {
  /*display: none;*/
}

.layui-header .subtitle li a {
  cursor: pointer;
}

.top_contain {
  /*顶部栏底阴影*/
  /*box-shadow: 0 3px 3px rgba(0, 0, 0, .07);*/
  -webkit-box-shadow: rgba(0, 0, 0, 1) 0px 2px 10px 0px;
          box-shadow: rgba(0, 0, 0, 1) 0px 2px 10px 0px;
}

.container {
  padding: 0;
  padding-bottom: 153px;
  height: 100%;
  overflow: auto;
  width: 100%;
  min-width: 1366px;
  position: absolute;
  background-color: #F6F8FA;
  /*给顶部阴影空间*/
  /*margin-top: 5px;*/
}

.big_img img {
  width: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

.main {
  width: 100%;
  min-height: calc(100% - 333px);
}

/**
 * 图表高度
 */

.pechart {
  height: 400px;
}

.pechart-big {
  height: 500px;
}

.alr {
  text-align: right
}

.fz14 {
  font-size: 14px;
}

.fz16 {
  font-size: 16px;
}

.fz18 {
  font-size: 18px;
}

.fz20 {
  font-size: 20px;
}

.clr {
  color: #409EFF
}

.mt20 {
  margin-top: 20px;
}

.layui-header {
  background-color: #fff;
  height: auto;
}

.header_hr {
  width: 100%;
  margin: 0;
  background: rgba(240, 240, 240, 1);
}

.layui-nav {
  background-color: #fff;
  color: #000000;
}

.layui-nav-tree .layui-nav-item a:hover {
  background-color: #ecf5ff;
  color: #303133;
}

.layui-nav-tree .layui-nav-item a:active {
  background-color: #ecf5ff;
  border-right: 1px solid #409EFF;
}

.sel {
  background-color: #ecf5ff;
  /*border: 1px solid #409EFF;*/
}

.layui-nav .layui-nav-item {
  line-height: 50px;
}

.layui-nav .layui-nav-item a {
  color: #303133;
  padding: 0 20px;
}

.rmain {
  width: 100%;
  height: 100%;
  padding: 0px;
  position: absolute;
}

.left {
  position: absolute;
  height: 100%;
}

.left ul {
  height: 100%;
  width: 100%;
}

.rigth {
  height: 100%;
  float: right;
  overflow: auto;
  padding: 20px 20px;
}

.layui-row {
  background-color: #FFFFFF;
}

.rmain .layui-row {
  width: 100%;
  height: 90%;
}

.layui-row .intro_txt {
  margin: 0 10px;
  padding: 0 0 24px 0;
}

.layui-row .intro_txt p {
  font-size: 16px;
  font-weight: normal;
  font-family: "Microsoft YaHei";
  line-height: 35px;
  color: #555658;
}

.layui-row-title {
  background-color: #F6F8FA;
}

.layui-row-title p {
  font-weight: bold;
  font-size: 18px;
}

.rmain .main {
  padding: 0px;
}

.layui-nav .layui-nav-item a {
  padding: 0px;
}

.layui-nav .layui-nav-item dd a {
  text-align: center;
}

.layui-nav-child {
  padding: 0px;
}

table {
  width: 100%;
}

table thead tr {
  height: 44px;
  line-height: 44px;
  text-align: center;
}

table tbody tr:hover {
  background: #f9f9f9;
}

table tbody tr {
  height: 35px;
  line-height: 35px;
  text-align: center;
}

.currentClickText {
  background-color: #01AAED;
  color: #FFFFFF;
}

/**
表格tbody加滚动条
 */

table tbody {
  max-height: 400px;
  display: block;
  overflow-y: auto;
}

table thead,
table tbody tr {
  width: 100%;
  display: table;
  table-layout: fixed;
}

table thead {
  width: calc(100% - 3px);
  /*减去默认滚动条的宽度，让thead 与tbody 对齐*/
}

table tbody::-webkit-scrollbar {
  width: 3px;
}

div.nodata_table {
  height: 400px;
  background-color: #eee;
}

div.nodata_table>p {
  padding-top: 183px;
  text-align: center;
  font: 600 22px Microsoft Yahei;
  color: #bababa;
}

/*首页运价指数表头高*/

#pricetable table thead tr {
  height: 19px;
  line-height: 19px;
}

/*首页运价指数表格行高*/

#pricetable table tbody tr {
  height: 55px;
  line-height: 55px;
}

.t_title {
  margin: 0;
  padding: 24px 70px 16px;
  background-color: #FFFFFF;
  text-align: center;
  color: #555658;
}

.word_new {
  font-weight: bolder;
  /*padding-left: 8px;
  border-left: 3px #1890FF solid;*/
}

.hr-line {
  margin: 0 auto;
  width: 100%;
  background: rgba(240, 240, 240, 1);
}

/*首页尾部样式*/

.my_footer {
  overflow: hidden;
  width: auto;
  height: auto;
  margin-top: 16px;
  z-index: 998;
  /*background-color: #fff;*/
  background-image: url("/static/img/foot_bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.my_footer .el-row:first-child {
  padding: 50px 0px;
  width: 1226px;
  height: 276px;
  margin: 0 auto;
}

.my_footer h3 {
  font-weight: bolder;
}

.my_footer a:hover {
  color: #1890ff;
}

/*详情页尾部样式*/

.my_footer_home {
  position: relative;
  overflow: auto;
  width: auto;
  margin: 16px;
  height: 288px;
  z-index: 998;
}

.my_footer_home h3 {
  font-weight: bolder;
}

.c_666 {
  color: #7b7b7b !important;
}

.c_008 {
  color: #262626;
}

.c_fff {
  color: #FFFFFF;
}

.c_000 {
  color: #8c8c8c;
}

.bg_fff {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.foot_a li {
  margin-top: 14px;
}

.separate_line {
  width: 1px;
  background: #eae7e7;
  height: 110px;
}

.c_blue {
  color: #1890ff;
}

.c_blue2 {
  color: #1890ff;
}

.sub_title .c_blue {
  color: #1890fe;
}

.sub_title .c_blue2 {
  color: #1890fe;
}

.fz_22 {
  font-size: 22px;
}

.ml_4 {
  margin-left: 4px
}

.ml_5 {
  margin-left: 5px;
}

.ml_8 {
  margin-left: 8px;
}

.ml_10 {
  margin-left: 10px;
}

.ml_35 {
  margin-left: 35px;
}

.pl_0 {
  padding-left: 0px;
}

.btn {
  display: inline-block;
  text-align: center;
  border-radius: 1px;
  font-size: 14px;
  padding: 7px 16px;
  cursor: pointer;
}

.btn_auto {
  height: 30px;
  line-height: 30px;
  padding: 0 16px;
}

.mt_0 {
  margin-top: 0;
}

.mt_8 {
  margin-top: 8px;
}

.mt_12 {
  margin-top: 12px;
}

.mt_15 {
  margin-top: 15px;
}

.mt_24 {
  margin-top: 24px;
}

.mt_80 {
  margin-top: 80px;
}

.border_blue {
  border: 1px solid#1890ff;
}

.ta_r {
  text-align: right;
}

.mr_3 {
  margin-right: 3px;
}

.mr_12 {
  margin-right: 12px;
}

.mr_30 {
  margin-right: 30px;
}

/*字体*/

.fz_12 {
  font-size: 12px;
}

.ta_c {
  text-align: center;
}

/*面包屑*/

.layui-breadcrumb {
  padding: 10px 70px;
  visibility: visible;
  font-size: 14px;
}

.layui-breadcrumb a:hover {
  color: #1890ff !important;
}

/*顶栏*/

.nav_t {
  height: 36px;
  background-color: #FAFAFA;
}

.nav_l li {
  float: left;
  margin: 10px 0;
  font-size: 12px;
}

.nav_l li.welcome_li {
  color: #262626;
}

.nav_r {
  float: right;
}

.nav_r li {
  float: left;
  margin: 10px 0;
  font-size: 12px;
}

.nav_name {
  color: #1890ff;
}

.pos_r {
  position: relative;
}

.pos_a {
  position: absolute;
}

.pos_f {
  position: fixed;
}

.el-dropdown-menu-bar {
  display: none;
  width: 115px !important;
  z-index: 5000 !important;
  top: 27px !important;
  left: -5px !important;
}

.clearfix::after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  overflow: hidden;
}

.fg_line {
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #f0f0f0;
}

.cur_p {
  cursor: pointer;
}

.hover_order:hover {
  color: #1890ff;
}

a#zx_menus {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.t_line {
  padding-top: 50px;
  border-bottom: 1px solid #EBEBEB;
  background-color: #FFFFFF;
}

.fg_line {
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #f0f0f0;
}

.min_height {
  min-height: calc(100% - 317px);
}

.width_1226 {
  width: 1226px;
  margin: 0 auto;
}

div#carousel_id ul {
  display: none;
}

.steel_type_ul {
  height: 55px;
}

.steel_type_ul li {
  width: 55px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  float: left;
  margin-right: 30px;
  text-align: center;
}

.steel_type_ul li:hover {
  cursor: pointer;
  color: #1890ff;
}

.steel_type_ul_li_checked {
  color: #1890ff;
  border-bottom: 2px solid #1890ff;
}