﻿@import "../js/libs/bxslider/jquery.bxslider.css";
@import "../js/plugin/jquery-ui/jquery-ui.min.css";
@import "../js/libs/blueimp-gallery/css/blueimp-gallery.min.css";
.clearfix,
.pagination-wrap .pagination,
.operation,
#common_header .site-nav-box .layout,
.dynamic-num,
.page-of-index .index-section .body,
.page-of-index .index-section.our-public .content-item.env-map .actions,
.page-of-green-supply .pagination-wrap .pagination {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after,
.pagination-wrap .pagination:before,
.pagination-wrap .pagination:after,
.operation:before,
.operation:after,
#common_header .site-nav-box .layout:before,
#common_header .site-nav-box .layout:after,
.dynamic-num:before,
.dynamic-num:after,
.page-of-index .index-section .body:before,
.page-of-index .index-section .body:after,
.page-of-index .index-section.our-public .content-item.env-map .actions:before,
.page-of-index .index-section.our-public .content-item.env-map .actions:after,
.page-of-green-supply .pagination-wrap .pagination:before,
.page-of-green-supply .pagination-wrap .pagination:after {
  display: table;
  font-size: 0;
  content: " ";
  clear: both;
}
.text-left {
  text-align: left !important;
}
.float-end {
  float: right;
}
.float-start {
  float: left;
}
html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  line-height: 1.5;
  background-color: #f0f2f6;
  color: #596477;
}
html {
  font-size: 100px;
  font-size: 16px \9;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
body {
  /*min-width: 1190px;*/
  min-width: auto;
  max-width: initial;
  min-height: 0;
  max-height: initial;
  font-size: 16px;
  font-size: 0.16rem;
  font-family: 'HanHei SC', 'PingFang SC', 'STHeitiSC-Light', 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
div,
ul,
li,
ol,
dl,
dt,
dd,
figure,
p,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select {
  padding: 0;
  margin: 0;
  list-style: none;
  font-family: inherit;
  line-height: inherit;
  font-size: inherit;
  outline: none;
  box-sizing: content-box;
  border: none;
  background: none;
  font-weight: inherit;
}
a {
  color: #596477;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
a:active,
a:focus {
  outline: none;
  color: #005596;
  text-decoration: none;
  cursor: pointer;
}
img {
  border: none;
  outline: none;
  vertical-align: middle;
}
article,
aside,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
/*滚动条*/
::-webkit-scrollbar-track {
  background-color: transparent;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #c3c3c3;
}
/*定义功能文本*/
.primary-text {
  color: #005596 !important;
}
.secondary-text {
  color: #8d96a6;
}
.danger-text {
  color: #b72832;
}
.warning-text {
  color: #e28327;
}
.info-text {
  color: #f60;
}
.mute-text {
  color: #b8bbc2;
}
.text-success {
  color: #5cb230;
}
.text-danger {
  color: #b72832 !important;
}
.text-strong {
  color: #262e3d;
}
.icon {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  background-repeat: no-repeat;
}
.popwin-layer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
}
.popwin-cover {
  top: 0;
  left: 0;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: #000;
}
.popwin {
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: 9;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 770px;
  width: 7.7rem;
}
.ielt9 .popwin {
  margin-left: -385px;
  top: 200px \9 !important;
}
.popwin .popwin-header {
  display: table;
  width: 100%;
  box-sizing: border-box;
  height: 45px;
  height: 0.45rem;
  line-height: 45px;
  line-height: 0.45rem;
  padding: 0 20px;
  padding: 0 0.2rem;
  background-color: #eaeaeb;
  font-size: 18px;
  font-size: 0.18rem;
  color: #666;
}
.popwin .popwin-header .text {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
.popwin .popwin-header .popwin-actions {
  float: none;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.popwin .popwin-body {
  min-height: 300px;
  min-height: 3rem;
  max-height: 600px;
  max-height: 6rem;
  padding: 0 20px;
  padding: 0 0.2rem;
  background-color: #fff;
  overflow: auto;
}
.alert-layer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
}
.alert-box {
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 430px;
  width: 4.3rem;
  padding-bottom: 40px;
  padding-bottom: 0.4rem;
  border-radius: 3px;
  overflow: hidden;
  background-color: #fff;
}
.alert-box .alert-header {
  display: table;
  width: 100%;
  box-sizing: border-box;
  height: 45px;
  height: 0.45rem;
  line-height: 45px;
  line-height: 0.45rem;
  padding: 0 25px;
  padding: 0 0.25rem;
  background-color: #eaeaeb;
  font-size: 18px;
  font-size: 0.18rem;
  color: #666;
}
.alert-box .alert-header .alert-header-actions {
  position: relative;
  right: -10px;
  float: none;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.alert-box .alert-header .alert-header-actions .icon-close {
  display: block;
  float: right;
}
.alert-box .alert-title {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
.alert-box .alert-content {
  min-height: initial;
  max-height: initial;
  padding: 35px 25px;
  padding: 0.35rem 0.25rem;
  overflow: auto;
}
.alert-box .alert-actions {
  text-align: center;
}
.select,
.select-small,
.select-mini {
  outline: none;
  min-width: 120px;
  min-width: 1.2rem;
  line-height: 18px;
  line-height: 0.18rem;
  padding-top: 7px;
  padding-top: 0.07rem;
  padding-bottom: 7px;
  padding-bottom: 0.07rem;
  padding-left: 15px;
  padding-left: 0.15rem;
  border: 1px solid #c7c8ca;
  border: 0.01rem solid #c7c8ca;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 14px;
  background: #fff url("../images/pages/map/select-bg.png") no-repeat right center;
  padding-right: 0px \9;
  background: #fff \9;
  vertical-align: middle;
  border-radius: 2px;
  border-radius: 0.02rem;
  box-sizing: border-box;
}
.select:focus,
.select-small:focus,
.select-mini:focus {
  outline: none;
  color: #262e3d;
  border-color: #005596;
}
.select[disabled],
.select-small[disabled],
.select-mini[disabled] {
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
}
.select.no-pl,
.select-small.no-pl,
.select-mini.no-pl {
  padding-left: 0;
}
.select-small {
  width: 80px;
  width: 0.8rem;
  min-width: 0;
}
.table-con {
  font-size: 16px;
  font-size: 0.16rem;
}
.table-con .table-bar {
  margin-top: 18px;
  margin-top: 0.18rem;
  line-height: 30px;
  line-height: 0.3rem;
  margin-bottom: 5px;
  margin-bottom: 0.05rem;
  color: #8d96a6;
}
.table-con .table-bar p span {
  color: #596477;
}
.table-con .table-bar a {
  color: #005596;
}
.table-con .table-main .layout-fixed {
  table-layout: fixed;
}
.table-con .table-main .table-column table thead th {
  height: 24px;
  height: 0.24rem;
  line-height: 24px;
  line-height: 0.24rem;
  padding: 16px 0px;
  padding: 0.16rem 0rem;
  font-size: 16px;
  font-size: 0.16rem;
  text-align: center;
  color: #262e3d;
  background: #e9edf2;
  border-top: 1px solid #d3d8df;
  border-bottom: 1px solid #d3d8df;
}
.table-con .table-main .table-column.table-fixed {
  top: 0px;
  top: 0rem;
  left: 50%;
  position: fixed;
  z-index: 99;
  width: 1094px;
  width: 10.94rem;
  margin-left: -547px;
  margin-left: -5.47rem;
}
.table-con .table-main .table-column.table-fixed.table-water-risk {
  width: 1098px;
  width: 10.98rem;
  margin-left: -549px;
  margin-left: -5.49rem;
}
.table-con .table-main .table-th thead th {
  padding: 3px 0;
  padding: 0.03rem 0;
  line-height: 17px !important;
}
.table-con .table-main .table-th thead th .small-th {
  display: block;
  font-size: 12px;
  font-size: 0.12rem;
  font-weight: 100;
}
.table-con .table-main .table-list {
  border: none;
  width: 100%;
  border-collapse: collapse ;
  border-spacing: 0;
}
.table-con .table-main .table-list thead tr {
  height: 0;
  overflow: hidden;
}
.table-con .table-main .table-list thead tr th {
  border: none;
  border-collapse: separate;
  border-spacing: 0px;
}
.table-con .table-main .table-list tr {
  cursor: pointer;
}
.table-con .table-main .table-list tr td {
  border-bottom: 1px solid #e6e8ea;
  text-align: center;
}
.table-con .table-main .table-list tr td .text-prov {
  color: #8d96a6;
}
.table-con .table-main .table-list tr td.second {
  text-align: left;
}
.table-con .table-main .table-list tr:hover {
  background: #dbedfe;
}
.table-con .table-main .table-list tr.even {
  background: #f5f6f7;
}
.table-con .table-main .table-list tr.even:hover {
  background: #dbedfe;
}
.table-con .table-main .table-tr-nohover tr:hover {
  background: none;
}
.table-con .table-main .table-tr-nohover tr.even:hover {
  background: #f5f6f7;
}
.table-con .table-main .nodata {
  padding: 100px 0;
  padding: 1rem 0;
  font-size: 24px;
  font-size: 0.24rem;
  color: #596477;
  text-align: center;
}
.table-con .lh-normal {
  line-height: normal;
}
.mark-table {
  margin-top: 10px;
  margin-top: 0.1rem;
  border: 1px solid #ccc;
  width: 100%;
  border-collapse: collapse ;
  border-spacing: 0;
}
.mark-table td,
.mark-table th {
  border: none;
  /*text-align: center;*/
  line-height: 24px;
  line-height: 0.24rem;
}
.record-table {
  margin-top: 6px;
  margin-top: 0.06rem;
  margin-bottom: 60px;
  margin-bottom: 0.6rem;
  background: #fcfcfd;
  font-size: 14px;
  font-size: 0.14rem;
  border-top: 1px solid #d3d8df;
  border-right: 1px solid #d3d8df;
}
.record-table.bg-white {
  background-color: #fff;
}
.record-table th {
  height: 21px;
  height: 0.21rem;
  line-height: 21px;
  line-height: 0.21rem;
  padding: 7px 0px;
  padding: 0.07rem 0rem;
  border-bottom: 1px solid #d3d8df;
  border-left: 1px solid #d3d8df;
  color: #262e3d;
  background: #e9ecf1;
}
.record-table th:first-child,
.record-table th.first-child {
  border-left: 0;
}
.record-table th.white-bg {
  background: #fdfdfe;
}
.record-table th.first-th {
  border-left: 1px solid #d3d8df;
}
.record-table .light-bg {
  background: #f5f6f7;
}
.record-table td {
  text-align: center;
  line-height: 21px;
  line-height: 0.21rem;
  padding: 7px 0px;
  padding: 0.07rem 0rem;
  border-bottom: 1px solid #d3d8df;
  border-left: 1px solid #d3d8df;
  font-size: 14px;
  font-size: 0.14rem;
}
.record-table td.first-td {
  border-left: 0;
}
.record-table td.title-td {
  border-left: 0;
  background: #e9ecf1;
}
.record-table td.gray-bg {
  background: #e9edf2;
}
.input,
.input-small,
.input-mini,
.input-icon {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  height: 56px;
  height: 0.56rem;
  padding: 0 10px;
  padding: 0 0.1rem;
  border: 1px solid #c8c8ca;
  border: 0.01rem solid #c8c8ca;
  border-radius: 2px;
  background-color: #fff;
  color: #005596;
  font-size: 16px;
  font-size: 0.16rem;
  box-sizing: border-box;
  line-height: normal;
}
.input:focus,
.input-small:focus,
.input-mini:focus,
.input-icon:focus {
  border: 1px solid #005596;
  border: 0.01rem solid #005596;
}
.input::-moz-placeholder,
.input::-webkit-input-placeholder,
.input::-ms-input-placeholder,
.input-small::-moz-placeholder,
.input-small::-webkit-input-placeholder,
.input-small::-ms-input-placeholder,
.input-mini::-moz-placeholder,
.input-mini::-webkit-input-placeholder,
.input-mini::-ms-input-placeholder,
.input-icon::-moz-placeholder,
.input-icon::-webkit-input-placeholder,
.input-icon::-ms-input-placeholder {
  color: #b8bbc2;
}
.input.error,
.input-small.error,
.input-mini.error,
.input-icon.error {
  border: 1px solid #c63132;
  border: 0.01rem solid #c63132;
}
.input-small {
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
  min-width: 0;
}
.input-mini {
  height: 36px;
  height: 0.36rem;
  line-height: 36px;
  line-height: 0.36rem;
  min-width: 0;
}
.input-icon {
  position: relative;
  font-size: 0;
  line-height: 0;
  min-width: 360px;
  min-width: 3.6rem;
  padding: 0;
}
.input-icon .icon {
  top: 50%;
  left: 0;
  position: absolute;
  margin-top: -10px;
  margin-top: -0.1rem;
  margin-left: 10px;
  margin-left: 0.1rem;
}
.input-icon .input,
.input-icon .input-small,
.input-icon .input-mini,
.input-icon .input-icon {
  width: 100%;
  height: 100%;
  padding-left: 50px;
  padding-left: 0.5rem;
  border: none;
}
.login-handle {
    font-size: 18px;
    font-size: 0.18rem;
    line-height: 20px;
    line-height: 0.2rem;
    margin: 20px 0px 30px;
    margin: 0.2rem auto 0.3rem;
}
.login-handle.new {
    width: 66%;
    text-align: left;
}
.login-handle input {
  display: none;
}
.login-handle .magic-checkbox + label {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  padding-left: 28px;
  padding-left: 0.28rem;
}
.login-handle .magic-checkbox + label:before {
  top: 0px;
  top: 0rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 18px;
  width: 0.18rem;
  height: 18px;
  height: 0.18rem;
  content: '';
  border: 1px solid #c7c8ca;
  border-radius: 3px;
}
.login-handle .magic-checkbox:checked + label:before {
  animation-name: none;
}
.login-handle .magic-checkbox:checked + label:before {
  border: #005596;
  background: #005596;
}
.login-handle .magic-checkbox + label:after {
  top: 1px;
  top: 0.01rem;
  left: 6px;
  left: 0.06rem;
  position: absolute;
  display: none;
  content: '';
}
.login-handle .magic-checkbox + label:after {
  box-sizing: border-box;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-left: 0;
  border-top: 0;
  width: 6px;
  width: 0.06rem;
  height: 12px;
  height: 0.12rem;
}
.login-handle .magic-checkbox:checked + label:after {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.button,
.button-primary,
.button-secondary,
.button-small,
.button-mini,
.button-hollow {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  min-width: 168px;
  min-width: 1.68rem;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  padding: 0 20px;
  padding: 0 0.2rem;
  text-align: center;
  background: #fff;
  color: #005596;
  cursor: pointer;
  font-weight: 400;
  border-radius: 2px;
  font-size: 16px;
  font-size: 0.16rem;
  box-sizing: border-box;
}
.button-primary {
  color: #fff;
  background-color: #005596;
}
.button-primary:hover {
  background-color: #247cd2;
}
.button-secondary {
  color: #fff;
  background-color: #005596;
}
.button-small {
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
  min-width: 0;
  padding: 0 15px;
  padding: 0 0.15rem;
}
.button-mini {
  height: 36px;
  height: 0.36rem;
  line-height: 36px;
  line-height: 0.36rem;
  min-width: 0;
}
.button-hollow {
  border: 2px solid #005596;
  border: 0.02rem solid #005596;
  background-color: transparent;
}
.button-large {
  font-size: 18px;
  font-size: 0.18rem;
}
.digital_btn {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  min-width: 168px;
  min-width: 1.68rem;
  height: 56px;
  height: 0.56rem 0.5rem;
  line-height: 56px;
  line-height: 0.56rem 0.5rem;
  padding: 0 20px;
  padding: 0 0.2rem;
  text-align: center;
  background: #fff;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  font-size: 0.16rem 0.18rem;
  box-sizing: border-box;
  width: 240px;
  width: 2.4rem;
  height: 50px;
  line-height: 50px;
  border: 2px solid #d8e2ea;
  border: 0.02rem solid #d8e2ea;
  font-size: 18px;
  color: #005596;
  background: none;
  border-radius: 2px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.digital_btn:hover {
  border: 2px solid #005596;
  border: 0.02rem solid #005596;
}
.complex {
  font-size: 0;
  line-height: 0;
}
.complex .input,
.complex .input-small,
.complex .input-mini,
.complex .input-icon {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #a4a9af;
  border-right: none;
  line-height: normal;
  line-height: 54px\9;
  vertical-align: top;
}
.complex .input::-webkit-input-placeholder,
.complex .input-small::-webkit-input-placeholder,
.complex .input-mini::-webkit-input-placeholder,
.complex .input-icon::-webkit-input-placeholder {
  color: #b8bbc2;
}
.complex .input::-ms-input-placeholder,
.complex .input-small::-ms-input-placeholder,
.complex .input-mini::-ms-input-placeholder,
.complex .input-icon::-ms-input-placeholder {
  color: #b8bbc2;
}
.complex .input::-moz-placeholder,
.complex .input-small::-moz-placeholder,
.complex .input-mini::-moz-placeholder,
.complex .input-icon::-moz-placeholder {
  color: #b8bbc2;
}
.complex .input:focus,
.complex .input-small:focus,
.complex .input-mini:focus,
.complex .input-icon:focus {
  border: 1px solid #005596;
  border: 0.01rem solid #005596;
}
.complex .input-icon {
  display: block;
  overflow: hidden;
  border: none;
  min-width: 0;
}
.complex .button {
  float: right;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.checkbox {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  box-sizing: border-box;
  cursor: pointer;
  margin-right: 38px;
  margin-right: 0.38rem;
  color: #313842;
}
.checkbox input[type="checkbox"] {
  display: none;
  display: inline \9;
  width: 0;
  height: 0;
}
.checkbox .text {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-left: 8px;
  margin-left: 0.08rem;
}
.radio {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  box-sizing: border-box;
  margin-right: 38px;
  margin-right: 0.38rem;
  color: #313842;
  cursor: pointer;
}
.radio input[type="radio"] {
  display: none;
  display: inline \9;
  width: 0;
  height: 0;
}
.radio .icon {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.radio .text {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-left: 8px;
  margin-left: 0.08rem;
}
.pagination-wrap .pagination-tip {
  line-height: 24px;
  line-height: 0.24rem;
  font-size: 16px;
  font-size: 0.16rem;
  color: #8d96a6;
}
.pagination-wrap .pagination .sizes {
  float: left;
}
.pagination-wrap .pagination .pagers {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-align: center;
}
.pagination-wrap .pagination .pagers .pager,
.pagination-wrap .pagination .pagers .pager-split {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 40px;
  width: 0.4rem;
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
  margin: 0 10px;
  margin: 0 0.1rem;
  border: 1px solid #e4e5e8;
  border: 0.01rem solid #e4e5e8;
  text-align: center;
  box-sizing: border-box;
  color: #8d96a6;
  font-size: 16px;
  font-size: 0.16rem;
  border-radius: 2px;
}
.pagination-wrap .pagination .pagers .pager.active,
.pagination-wrap .pagination .pagers .pager:hover {
  color: #005596;
  border-color: #005596;
}
.pagination-wrap .pagination .pagers .pager-info {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  padding: 0 60px;
  padding: 0 0.6rem;
  font-size: 16px;
  font-size: 0.16rem;
  color: #8d96a6;
}
.pagination-wrap .pagination .pagers .icon {
  margin: 0 10px;
  margin: 0 0.1rem;
  cursor: pointer;
}
.pagination-wrap .pagination .pagers .icon.disabled {
  cursor: default;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  filter: alpha(opacity=30);
}
.pagination-wrap .pagination .page-jump {
  float: right;
}
.pagination-wrap .pagination .page-jump .button {
  width: 70px;
  width: 0.7rem;
}
.pagination-wrap .pagination .page-jump .input,
.pagination-wrap .pagination .page-jump .input-small,
.pagination-wrap .pagination .page-jump .input-mini,
.pagination-wrap .pagination .page-jump .input-icon {
  width: 90px;
  width: 0.9rem;
}
.digit-wrap {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
  overflow: hidden;
}
.digit-wrap .digit-box {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
  position: relative;
  margin: 0 2px;
  width: 94px;
  width: 0.94rem;
  height: 132px;
  height: 1.32rem;
  line-height: 132px;
  line-height: 1.32rem;
  font-size: 100px;
  font-size: 1rem;
  font-family: Helvetica, Arial, sans-serif;
  text-align: center;
  color: #333;
  background: #fff;
  overflow: hidden;
}
.digit-wrap.dir-top .digit-con {
  bottom: 0;
}
.digit-wrap.dir-bottom .digit-con {
  top: 0;
}
.digit-wrap .digit-con {
  position: absolute;
  left: 0;
  z-index: 2;
  width: 100%;
}
.digit-wrap .digit-unit {
  width: 94px;
  width: 0.94rem;
  height: 132px;
  height: 1.32rem;
  line-height: 132px;
  line-height: 1.32rem;
  background: #fff;
}
.tl-wrap {
  right: 0px;
  bottom: 0px;
  position: absolute;
  z-index: 999;
  width: 100%;
}
.tl-wrap .tl-bg {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  width: 100%;
  min-height: 15px;
  background: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tl-wrap .tl-con {
  position: relative;
  z-index: 2;
}
.tl-wrap .tl-con .control-op {
  display: none;
  top: 30px;
  left: 0;
  position: absolute;
  z-index: 2;
  background: #f2f4f8;
  border-top: 1px solid #ccc;
  width: 39px;
  height: 39px;
  line-height: 39px;
  min-height: 15px;
  text-align: center;
}
.tl-wrap .tl-con .control-op .control-btn {
  display: block;
  width: 100%;
  height: 100%;
}
.tl-wrap .tl-con .control-op .control-btn.disabled {
  cursor: default;
}
.tl-wrap .tl-con .control-op .control-btn i {
  width: 13px;
  height: 16px;
  background: url("../images/pages/map/pause.png") no-repeat;
  margin-top: 13px;
}
.tl-wrap .tl-con .control-op .control-btn.pause i {
  background: url("../images/pages/map/play.png") no-repeat;
}
.tl-wrap .tl-con .tl-main {
  position: relative;
  z-index: 2;
  padding-top: 30px;
  font-size: 0;
  overflow: hidden;
}
.tl-wrap .tl-con .tl-main .tl-events > ul {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
  border-top: 1px solid #ccc;
  white-space: nowrap;
  padding: 0 30px;
  background: #fff;
  -webkit-box-shadow: 3px -2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px -2px 5px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 3px -2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 3px -2px 5px rgba(0, 0, 0, 0.1);
}
.tl-wrap .tl-con .tl-main .tl-events > ul > li {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
  position: relative;
  width: 80px;
  height: 15px;
  line-height: 15px;
}
.tl-wrap .tl-con .tl-main .tl-events .tl-date {
  display: none;
  font-size: 10px;
  color: #262e3d;
  text-align: center;
  cursor: pointer;
}
.tl-wrap .tl-con .tl-main .tl-events .tl-date:hover {
  color: #247cd2;
}
.tl-wrap .tl-con .tl-main .tl-events .tl-split {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 1px;
  height: 5px;
  border-left: 1px solid #bec3cd;
  bottom: 3px;
  left: 0px;
  position: absolute;
}
.tl-wrap .tl-con .tl-main .tl-process-wrap {
  padding: 0 30px;
}
.tl-wrap .tl-con .tl-main .tl-process-wrap .tl-process {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: #e6e8eb;
  overflow: hidden;
}
.tl-wrap .tl-con .tl-main .tl-process-wrap .tl-process .tl-process-inner {
  width: 0%;
  height: 100%;
  background: #eb3238;
}
.tl-wrap .tl-con .tl-prompt {
  display: none;
  width: 80px;
  top: 0px;
  position: absolute;
  z-index: 9999;
  text-align: center;
}
.tl-wrap .tl-con .tl-prompt .tl-prompt-con {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  padding: 0px 8px;
  height: 24px;
  line-height: 24px;
  background: #3d4248;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}
.tl-wrap .tl-con .tl-prompt p {
  color: #fff;
  font-size: 11px;
  line-height: 22px;
  text-align: center;
}
.tl-wrap .tl-con .tl-prompt .tl-arrow {
  bottom: -5px;
  left: 50%;
  position: absolute;
  margin-left: -2.5px;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #3d4248;
}
.tl-wrap .tl-con.hover {
  padding: 0 0 0 39px;
}
.tl-wrap .tl-con.hover .control-op,
.tl-wrap .tl-con.hover .tl-date {
  display: block !important;
}
.tl-wrap .tl-con.hover .tl-main {
  overflow-x: auto;
}
.tl-wrap .tl-con.hover .tl-main .tl-events > ul > li {
  height: 35px;
  line-height: 35px;
}
.drop-menu {
  position: relative;
  height: 40px;
  line-height: 40px;
}
.drop-menu > a {
  display: block;
  position: relative;
  font-size: 12px;
  font-size: 0.12rem;
  border-radius: 5px 5px 0px 0px;
  padding: 0 10px;
  padding: 0 0.1rem;
  z-index: 99;
  white-space: nowrap;
}
.drop-menu > a i {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin: auto auto 0 5px;
  margin: auto auto 0 0.05rem;
  width: 8px;
  width: 0.08rem;
  height: 5px;
  height: 0.05rem;
  background: url("../images/pages/map/arrow.png") no-repeat center top;
}
.drop-menu > ul {
  display: none;
  border: 1px solid #ccc;
  top: 40px;
  top: 0.4rem;
  right: 0px;
  right: 0rem;
  position: absolute;
  background: #fff;
  width: 120px;
  width: 1.2rem;
  border-radius: 5px 0px 5px 5px;
  z-index: 8;
  overflow: hidden;
}
.drop-menu > ul > li {
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  text-align: center;
  font-size: 12px;
  font-size: 0.12rem;
  color: #596477;
}
.drop-menu > ul > li span {
  font-size: 16px;
  font-size: 0.16rem;
  color: #262e3d;
}
.drop-menu > ul > li span em {
  font-style: normal;
  font-size: 12px;
  font-size: 0.12rem;
}
.drop-menu > ul > li:hover {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background: #f2f2f2;
}
.drop-menu > ul > li:active {
  color: #005596;
  background: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.drop-menu > ul > li:active span,
.drop-menu > ul > li:active a {
  color: #005596;
}
.drop-menu.current .select-column {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: none;
  -webkit-box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.15);
}
.drop-menu.current .select-column i {
  background-position: center bottom;
}
.drop-menu.current ul {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
}
.validator {
  position: relative;
  /*#utility .padding-bottom(30px);*/
}
.validator-error,
.validator-tip {
  display: none;
  position: absolute;
  /*#utility .margin-top(3px);*/
  font-size: 12px;
  font-size: 0.12rem;
  color: #b72832;
  line-height: 1;
}
.validator-error:before,
.validator-tip:before {
  margin-right: 3px;
  margin-right: 0.03rem;
  font-size: 12px;
  font-size: 0.12rem;
}
.validator-tip {
  color: #9aa1aa;
}
.validator-success {
  display: none;
  color: #080;
}
.validator .note {
  display: none;
  margin-top: 5px;
  margin-top: 0.05rem;
  line-height: 1;
}
.shared {
  position: relative;
  text-align: right;
  padding-bottom: 30px;
  padding-bottom: 0.3rem;
}
.shared .tooltip {
  display: none;
  position: absolute;
  text-align: center;
  z-index: 1;
  width: 340px;
  width: 3.4rem;
  padding: 10px 50px 20px;
  padding: 0.1rem 0.5rem 0.2rem;
  margin-top: 40px;
  margin-top: 0.4rem;
  left: -270px;
  background-color: #fff;
  -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  color: #566374;
}
.shared .tooltip .qrBox {
  float: left;
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
}
.shared .tooltip .ml50 {
  margin-left: 50px;
  margin-left: 0.5rem;
}
.shared .tooltip .title {
  line-height: 3;
}
.shared .tooltip:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -15px;
  margin-top: -0.15rem;
  margin-right: 140px;
  margin-right: 1.4rem;
}
.shared .tooltip .tc {
  font-size: 14px;
  font-size: 0.14rem;
}
.shared .weixin,
.shared .weibo,
.shared .linkedin {
  margin-left: 16px;
  margin-left: 0.16rem;
  width: 26px;
  width: 0.26rem;
  height: 26px;
  height: 0.26rem;
  background: url(../images/pages/newreport/shared.png) left top;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.shared .weixin:hover {
  background-position: left bottom;
}
.shared .weibo {
  background-position: center top;
}
.shared .weibo:hover {
  background-position: center bottom;
}
.shared .linkedin {
  background-position: right top;
}
.shared .linkedin:hover {
  background-position: right bottom;
}
.shared a {
  position: relative;
}
.shared a:hover .tooltip {
  display: block;
}
.layout {
  margin: 0 auto;
  max-width: 1200px;
  max-width: 12rem;
  box-sizing: border-box;
}
.img-line-responsive {
  display: inline;
  height: auto;
  max-width: 100%;
}
.condition-wrap .condition-btn {
  font-size: 16px;
  font-size: 0.16rem;
}
.condition-wrap .condition-btn i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin: auto auto 0 5px;
  margin: auto auto 0 0.05rem;
  width: 8px;
  width: 0.08rem;
  height: 5px;
  height: 0.05rem;
  background: url("../images/pages/map/arrow.png") no-repeat center top;
}
.condition-wrap .condition-con {
  display: none;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background: #f5f5f5;
  padding: 10px 10px 0px;
  padding: 0.1rem 0.1rem 0rem;
  font-size: 14px;
  font-size: 0.14rem;
}
.condition-wrap .condition-con > dl {
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
  padding-bottom: 15px;
  padding-bottom: 0.15rem;
  border-bottom: 1px solid #e5e5e5;
}
.condition-wrap .condition-con > dl:last-child {
  border: 0;
}
.condition-wrap .condition-con > dl > dt {
  float: left;
  width: 80px;
  width: 0.8rem;
  color: #262e3d;
}
.condition-wrap .condition-con > dl > dd {
  overflow: hidden;
}
.condition-wrap .condition-con .condition-time {
  margin: 10px 0px !important;
  margin: 0.1rem 0rem !important;
}
.condition-wrap .condition-con .condition-time > dt {
  float: none;
  width: auto;
}
.condition-wrap .condition-con .condition-time > dd .input-icon {
  width: 160px !important;
  width: 1.6rem !important;
}
.condition-wrap.current .condition-btn i {
  background-position: center bottom;
}
.condition-wrap.current .condition-con {
  display: block;
}
.condition-wrap.current .filter-btn {
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
}
.operation {
  display: block !important;
  margin: 10px 0 0;
  margin: 0.1rem 0 0;
  line-height: normal;
  font-size: 12px !important;
  font-size: 0.12rem !important;
}
.operation.operation-success {
  color: #34bc07 !important;
}
.operation.operation-overdue {
  color: #cc4400 !important;
}
.operation .surplus-date {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-left: 12px;
  margin-left: 0.12rem;
  border: 1px solid #cc4400;
  padding: 0 10px;
  padding: 0 0.1rem;
}
.statistics-con .pic-chart {
  float: left;
  margin-right: 10px;
  margin-right: 0.1rem;
  width: 100px;
  width: 1rem;
  height: 100px;
  height: 1rem;
}
.statistics-con .pic-chart .chart {
  height: 100%;
}
.statistics-con .statistics-ext {
  padding-top: 25px;
  padding-top: 0.25rem;
  overflow: hidden;
}
.statistics-con .statistics-ext > ul > li {
  float: left;
  width: 33.3%;
  text-align: center;
}
.statistics-des {
  padding-bottom: 25px;
  padding-bottom: 0.25rem;
}
.table-con .table-main .nodata.nodata-1 {
  font-size: 12px;
  font-size: 0.12rem;
  color: #8d919c;
}
.table-con .table-main .nodata.nodata-1 .strong-text {
  color: #db393c;
}
.table-con .table-main .view-info {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  max-width: 160px;
  max-width: 1.6rem;
  color: #005596;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-con .table-main .index {
  display: block;
}
.table-con .table-main .checkbox {
  display: none;
}
.table-con .table-main.edit .index {
  display: none;
}
.table-con .table-main.edit .checkbox {
  display: block;
}
.scroll-wrap {
  display: none;
  right: 15px;
  bottom: 100px;
  position: fixed;
  z-index: 999;
}
.scroll-wrap > a {
  display: block;
  width: 42px;
  height: 42px;
}
.scroll-wrap .scroll-top {
  background: url(../images/scroll.png) left top no-repeat;
  background-color:#B9D3EE;
}
.scroll-wrap .scroll-top:hover {
  background-position: left bottom;
}
#common_header {
  position: relative;
  z-index: 999;
}
#common_header .site-actions {
  height: 36px;
  height: 0.36rem;
  line-height: 36px;
  line-height: 0.36rem;
  text-align: right;
  font-size: 12px;
  font-size: 0.12rem;
  background-color: #fff;
}
#common_header .site-actions .drop-op {
  display: inline-block;
  /*vertical-align: top;*/
  position: relative;
  padding: 0 15px;
  height: 100%;
}
#common_header .site-actions .drop-op .drop-sel {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
#common_header .site-actions .drop-op i {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin: auto auto 0 5px;
  margin: auto auto 0 0.05rem;
  width: 8px;
  width: 0.08rem;
  height: 5px;
  height: 0.05rem;
  background: url("../images/pages/map/arrow.png") no-repeat center top;
}
#common_header .site-actions .drop-op .drop-tooltip {
  display: none;
  top: 36px;
  top: 0.36rem;
  right: 0;
  left: 0;
  position: absolute;
  z-index: 9;
  width: 100%;
  color: #566374;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.5);
}
#common_header .site-actions .drop-op .drop-tooltip > ul li {
  border-top: 1px solid #e5e5e5;
}
#common_header .site-actions .drop-op .drop-tooltip > ul li a {
  display: block;
  line-height: 40px;
  line-height: 0.4rem;
  font-size: 16px;
  font-size: 0.16rem;
  color: #313842;
}
#common_header .site-actions .drop-op .drop-tooltip > ul li :hover {
  background-color: #f2f2f2;
}
#common_header .site-actions .drop-op:hover {
  border-color: #ccc;
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
}
#common_header .site-actions .drop-op:hover i {
  background-position: center bottom;
}
#common_header .site-actions .drop-op:hover .drop-tooltip {
  display: block;
}
#common_header .site-actions .drop-op.no-drop:hover {
  border-color: transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#common_header .site-actions a {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  color: #a2a2a2;
}
#common_header .site-actions a .news {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin: 0 5px;
  margin: 0 0.05rem;
  width: 26px;
  width: 0.26rem;
  height: 14px;
  height: 0.14rem;
  background: url("../images/icons/new.png") no-repeat center top;
}
#common_header .site-actions a + a {
  padding-left: 10px;
  padding-left: 0.1rem;
  margin-left: 10px;
  margin-left: 0.1rem;
}
#common_header .site-actions a.driver {
  border-left: 1px solid #a2a2a2;
}
#common_header .site-actions .user-access {
  float: right;
  font-size: 0;
  line-height: 0;
  text-align: right;
  margin-left: 15px;
  margin-left: 0.15rem;
}
#common_header .site-actions .user-access a {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  padding: 0 10px;
  padding: 0 0.1rem;
  margin-top: 9px;
  margin-top: 0.09rem;
  font-size: 16px;
  font-size: 0.16rem;
  line-height: 20px;
  line-height: 0.2rem;
  color: #596477;
}
#common_header .site-actions .user-access a + a {
  border-left: 1px solid #a2a2a2;
}
#common_header .site-actions .user-access a.lang-switch {
  position: relative;
  margin-left: 10px;
  border-left: none;
  background-color: #005596;
  color: #fff;
  font-size: 12px;
  border-radius: 2px;
}
#common_header .site-actions .user-access a.lang-switch:hover .tooltip {
  display: block;
}
#common_header .site-actions .tooltip {
  display: none;
  top: 30px;
  top: 0.3rem;
  left: 50%;
  position: absolute;
  z-index: 9;
  margin-left: -58px;
  margin-left: -0.58rem;
  width: 116px;
  width: 1.16rem;
  background-color: #fff;
  -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  color: #566374;
  text-align: center;
  border-radius: 3px;
}
#common_header .site-actions .tooltip:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  top: -10px;
  top: -0.1rem;
  left: 50%;
  position: absolute;
  margin-left: -5px;
  margin-left: -0.05rem;
}
#common_header .site-actions .tooltip > ul li {
  border-bottom: 1px solid #e5e5e5;
  line-height: 40px;
  line-height: 0.4rem;
  font-size: 16px;
  font-size: 0.16rem;
  color: #313842;
}
#common_header .site-actions .tooltip > ul li.current {
  color: #247cd2;
}
#common_header .site-actions .tooltip > ul .last {
  border-bottom: none;
  background-color: #f2f2f2;
}
#common_header .site-nav-box {
  height: 66px;
  height: 0.66rem;
  line-height: 66px;
  line-height: 0.66rem;
  padding-bottom: 10px;
  padding-bottom: 0.1rem;
  background: #f6f7fa content-box;
}
#common_header .site-nav-box .nav {
  font-size: 0;
  line-height: 0;
  padding-left: 152px;
  padding-left: 1.52rem;
}
#common_header .site-nav-box .nav a {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  padding: 0 18px;
  padding: 0 0.18rem;
  color: #596477;
  font-size: 16px;
  font-size: 0.16rem;
  line-height: 66px;
  line-height: 0.66rem;
  font-weight: 700;
}
#common_header .site-nav-box .nav a:hover
{
    color:#005596
}

#common_header .site-nav-box .nav a + a {
  margin-left: 25px;
  margin-left: 0.25rem;
}
#common_header .site-logo-box {
  position: relative;
  z-index: 2;
}
#common_header .site-logo-box .logo {
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  border-top: none;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  width: 108px;
  width: 1.08rem;
  height: 108px;
  height: 1.08rem;
  background: #fff url("../images/common/logo.png") no-repeat 50% 50%;
}
#common_footer {
  padding: 30px 0px 20px 0px;
  padding: 0.3rem 0rem 0.2rem 0rem;
}
#common_footer .footer-top {
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
  display: flex;
  justify-content: space-between;
}
#common_footer .footer-top .footer-column .logo-ipe{
  width: 162px;
  height: 63px;
}
#common_footer .footer-top .footer-column h3 {
  font-size: 12px;
  font-size: 0.12rem;
  color: #596477;
  margin-bottom: 8px;
  margin-bottom: 0.08rem;
}
#common_footer .footer-top .footer-column a {
  font-size: 12px;
  font-size: 0.12rem;
  color: #596477;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
  line-height: 28px;
  line-height: 0.28rem;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
#common_footer .footer-top .footer-column a:hover {
  color: #005596;
}
#common_footer .footer-top .footer-map {
  border-left: 1px solid #d3d6dc;
  padding: 0px 0px 5px 0px;
  padding: 0rem 0rem 0.05rem 0rem;
}
#common_footer .footer-top .footer-map .blue-map {
  margin-left: 40px;
  margin-left: 0.4rem;
}
#common_footer .code-img{
  width: 93px;
  height: 93px;
  margin-top: 10px;
}
#common_footer .footer-top .footer-map .blue-map h4 {
  color: #596477;
  font-size: 16px;
  font-size: 0.16rem;
}
#common_footer .footer-top .footer-map .blue-map p {
  margin-top: 10px;
  margin-top: 0.1rem;
}
#common_footer .footer-top .footer-map .footer-code {
  margin: 23px 0px 0px 14px;
  margin: 0.23rem 0rem 0rem 0.14rem;
}
#common_footer .footer-copyright {
  font-size: 12px;
  font-size: 0.12rem;
  color: #596477;
  line-height: 30px;
  line-height: 0.3rem;
  text-align: center;
}
#common_footer .footer-copyright p a {
  margin: 0px 6px 0px 6px;
  margin: 0rem 0.06rem 0rem 0.06rem;
}
#common_footer .footer-copyright .weixin-block a {
  margin: 0px 6px 0px 6px;
  margin: 0rem 0.06rem 0rem 0.06rem;
}
#common_footer .footer-copyright .weixin-block img {
  margin: 12px 12px 0px 12px;
  margin: 0.12rem 0.12rem 0rem 0.12rem;
}
#common_footer .footer-copyright .weixin-block .weixin {
  position: relative;
}
#common_footer .footer-copyright .weixin-block .weixin:hover .tooltip {
  display: inline;
}
#common_footer .footer-copyright .weixin-block .weixin .tooltip {
  display: none;
  position: absolute;
  background: #fff;
  text-align: center;
  margin-top: -250px;
  margin-top: -2.5rem;
  padding: 20px 0px;
  padding: 0.2rem 0rem;
  margin-left: -158px;
  margin-left: -1.58rem;
  width: 240px;
  width: 2.4rem;
  -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  color: #262e3d;
}
#common_footer .footer-copyright .weixin-block .weixin .tooltip .arrow {
  width: 0px;
  width: 0rem;
  height: 0px;
  height: 0rem;
  font-size: 0px;
  font-size: 0rem;
  line-height: 0px;
  line-height: 0rem;
  margin-left: -8px;
  margin-left: -0.08rem;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
  top: 100%;
  left: 50%;
  position: absolute;
}
#common_footer .footer-copyright .weixin-block .weixin .tooltip .tc {
  line-height: 22px;
  line-height: 0.22rem;
  font-size: 14px;
  font-size: 0.14rem;
  margin-top: 10px;
  margin-top: 0.1rem;
}
.bx-wrapper {
  top: 0;
  left: 0;
  position:absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.banner {
  height: 100%;
}
.banner-item {
  padding-top: 265px;
  padding-top: 2.65rem;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-color: #8f9291;
  background-size: 100% 100%;
}
.banner-item a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.banner-item img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.banner-item .banner-text {
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
  font-size: 36px;
  font-size: 0.36rem;
  color: #fff;
  line-height: 1.5;
}
.banner-item .banner-text h2 {
  font-size: 60px;
  font-size: 0.6rem;
  font-weight: 700;
}
.dynamic-num {
  display: block;
  margin: 0 auto;
}
.dynamic-num .num {
  float: left;
  width: 94px;
  width: 0.94rem;
  height: 140px;
  height: 1.4rem;
  line-height: 140px;
  line-height: 1.4rem;
  background: url(../images/index/number-bg.png) repeat-x center center;
  -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1);
  margin: 0 5px;
  margin: 0 0.05rem;
  text-align: center;
  font-size: 100px;
  font-size: 1rem;
  font-weight: 300;
  color: #4a5f87;
  overflow: visible;
}
.page-of-regulatory #common_header {
  margin-bottom: 0;
  min-height: inherit;
}
.page-of-regulatory #common_header .logo {
  background-image: url("../images/common/logo.png");
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.page-of-regulatory #common_header .site-nav-box a {
  color: #596477;
}
.page-of-regulatory #common_header .site-nav-box a.lang-switch {
  background-color: #005596;
  color: #fff;
  border-radius: 3px;
}
.page-of-regulatory #common_header .site-actions {
  background: #fff;
}
.page-of-regulatory .banner-wrap {
  position: relative;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
  text-align: center;
  color: #fff;
}
.page-of-regulatory .banner-wrap > img {
  display: block;
  max-width: 100%;
}
.page-of-regulatory .banner-wrap .banner-con {
  top: 56px;
  top: 0.56rem;
  position: absolute;
  z-index: 2;
  width: 100%;
}
.page-of-regulatory .banner-wrap .banner-con .banner-title {
  margin-top: 20px;
  margin-top: 0.2rem;
  font-size: 20px;
  font-size: 0.2rem;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
  line-height: 30px;
  line-height: 0.3rem;
}
.page-of-regulatory .banner-wrap .banner-con .dynamic-num {
  width: 840px;
  width: 8.4rem;
}
.page-of-regulatory .banner-wrap .banner-con .dynamic-num .num {
  width: 66px;
  width: 0.66rem;
  height: 90px;
  height: 0.9rem;
  line-height: 90px;
  line-height: 0.9rem;
  margin: 0 5px;
  margin: 0 0.05rem;
  font-size: 74px;
  font-size: 0.74rem;
  color: #fff;
  font-weight: 100;
  background: url("../images/pages/regulatory/number_bg.png") no-repeat 0 0;
}
.page-of-regulatory .reg-panel {
  padding: 48px;
  padding: 0.48rem;
  background: #fff;
  border-radius: 3px;
}
.page-of-regulatory .reg-panel .batch-btn {
  position: relative;
  margin-left: 10px;
  margin-left: 0.1rem;
  border: 1px solid #005596;
  border: 0.01rem solid #005596;
  color: #005596;
  background-color: #fff;
}
.page-of-regulatory .reg-panel .batch-btn .prompt {
  display: none;
  top: -54px;
  top: -0.54rem;
  right: 0px;
  right: 0rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: #f5a12e;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  font-size: 0.12rem;
  line-height: 18px;
  line-height: 0.18rem;
  width: 170px;
  width: 1.7rem;
  padding: 5px 0px 5px 0px;
  padding: 0.05rem 0rem 0.05rem 0rem;
  border-radius: 3px;
}
.page-of-regulatory .reg-panel .batch-btn .prompt .arrow {
  width: 0px;
  width: 0rem;
  height: 0px;
  height: 0rem;
  border: 15px solid transparent;
  border-top: 15px solid #f5a12e;
  font-size: 0px;
  font-size: 0rem;
  line-height: 0px;
  line-height: 0rem;
  top: 46px;
  top: 0.46rem;
  left: 50%;
  position: absolute;
  margin-left: -8px;
  margin-left: -0.08rem;
}
.page-of-regulatory .reg-panel .batch-btn:hover .prompt {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-regulatory .reg-panel .uitab-wrap {
  margin-top: 30px;
  margin-top: 0.3rem;
  line-height: 56px;
  line-height: 0.56rem;
}
.page-of-regulatory .reg-panel .uitab-wrap .uitab-header {
  border-bottom: 1px solid #e5e5e5;
}
.page-of-regulatory .reg-panel .uitab-wrap .uitab-header > ul > li {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  font-size: 20px;
  font-size: 0.2rem;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  font-weight: bold;
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.1rem 0rem 0.1rem;
  margin-right: 68px;
  margin-right: 0.68rem;
  cursor: pointer;
  color: #262e3d;
  position: relative;
}
.page-of-regulatory .reg-panel .uitab-wrap .uitab-header > ul > li span {
  bottom: -1px;
  bottom: -0.01rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: #005596;
  height: 2px;
  height: 0.02rem;
  width: 100%;
  display: none;
}
.page-of-regulatory .reg-panel .uitab-wrap .uitab-header > ul > li em {
     position: absolute;
    margin-left: 3px;
    margin-left: 0.03rem;
    float: right;
    right: -0.04rem;
    top: 0.05rem;
    height: 17px;
    height: 0.17rem;
    line-height: 17px;
    line-height: 0.17rem;
    background: #ff0707;
    color: #ffffff;
    font-size: 12px;
    font-size: 0.12rem;
    font-style: normal;
    padding: 0px 5px;
    padding: 0rem 0.05rem;
    display: inline-block;
    vertical-align: middle;
    font-width: 100;
    border-radius: 13px;
}
.page-of-regulatory .reg-panel .uitab-wrap .uitab-header > ul > li.current {
  color: #005596;
}
.page-of-regulatory .reg-panel .uitab-wrap .uitab-header > ul > li.current span {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-regulatory .reg-panel .uitab-wrap .uitab-header .scree-btn {
  color: #262e3d;
  font-size: 20px;
  font-size: 0.2rem;
}
.page-of-regulatory .reg-panel .uitab-wrap .uitab-header .scree-btn i {
  margin-left: 10px;
  margin-left: 0.1rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-top: -4px;
  margin-top: -0.04rem;
  width: 15px;
  width: 0.15rem;
  height: 8px;
  height: 0.08rem;
  background-image: url(../images/sprite.png);
  background-position: 0px -28px;
  background-position: 0rem -0.28rem;
}
.page-of-regulatory .reg-panel .uitab-wrap .uitab-header .scree-btn.arrow-top i {
  background-position: 0px 0px;
}
.page-of-regulatory .reg-panel .uitab-wrap .uitab-item.dn {
  display: none;
}
.page-of-regulatory .reg-panel .uitab-wrap .uitab-item.current {
  display: block;
}
.page-of-regulatory .reg-panel #table_con1 {
  padding-left: 1px;
  padding-right: 1px;
}
.page-of-regulatory .reg-panel .table-con .table-main .table-list thead tr th {
  font-weight: normal;
}
.page-of-regulatory .reg-panel .scree-panel {
  display: none;
  background: #f7f7f8;
  padding: 0px 24px;
  padding: 0rem 0.24rem;
  border-bottom: 1px solid #e5e5e5;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group {
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0px 20px 0px;
  padding: 0.2rem 0rem 0.2rem 0rem;
  padding-top: 20px;
  padding-top: 0.2rem;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group h6 {
  font-size: 16px;
  font-size: 0.16rem;
  line-height: 16px;
  line-height: 0.16rem;
  margin-top:4px;
  margin-otp:0.04rem;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-opion{
line-height:20px;
line-height:0.2rem;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region.w50 {
  width: 50%;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region h6 {
  color: #596477;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .select,
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .select-small,
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .select-mini {
  width: 122px;
  width: 1.22rem;
  height: 36px;
  height: 0.36rem;
  line-height: 36px;
  line-height: 0.36rem;
  border: 1px solid #c7c8ca;
  border: 0.01rem solid #c7c8ca;
  font-size: 16px;
  font-size: 0.16rem;
  border-radius: 2px;
  margin-right: 15px;
  margin-right: 0.15rem;
  background-color: #fff;
  text-align: left;
  color: #acb1bb;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .select:focus,
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .select-small:focus,
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .select-mini:focus {
  color: #262e3d;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .w264{
width:264px;
width:2.64rem;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .input-con {
  float: left;
  position: relative;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .input-con .date-input {
  width: 122px;
  width: 1.22rem 1.3rem;
  height: 36px;
  height: 0.36rem 0.18rem;
  line-height: 36px;
  line-height: 0.36rem 0.18rem;
  border: 1px solid #c7c8ca;
  border: 0.01rem solid #c7c8ca;
  font-size: 16px;
  font-size: 0.16rem;
  border-radius: 2px;
  margin-right: 15px;
  margin-right: 0.15rem;
  background-color: #fff;
  text-align: left;
  color: #acb1bb;
  padding-top: 0px;
  padding-top: 0rem;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  height: 18px;
  line-height: 18px;
  padding: 9px 10px 9px 0px;
  padding: 0.09rem 0.1rem 0.09rem 0rem;
  width: 130px;
  text-align: right;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .input-con .date-input:focus {
  color: #262e3d;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .input-con .scree-input:focus {
  color: #262e3d;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .input-con i {
  top: 15px;
  top: 0.15rem;
  left: 15px;
  left: 0.15rem;
  position: absolute;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .c-select {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  line-height: 30px;
  line-height: 0.3rem;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .c-select .select,
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .c-select .select-small,
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .c-select .select-mini {
  display: block;
  text-indent: 6px;
  text-align: left;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .c-select .select span,
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .c-select .select-small span,
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .c-select .select-mini span {
  display: block;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .c-select .sub-checkbox-menu {
  display: none;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .c-select:hover .select,
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .c-select:hover .select-small,
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .c-select:hover .select-mini {
  border-color: #004f8c;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .c-select:hover .sub-checkbox-menu {
  position: absolute;
  display: block;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.34);
  -moz-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.34);
  -o-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.34);
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.34);
  width: 560px;
  width: 5.6rem;
  margin-left: -100px;
  margin-left: -1rem;
  padding: 20px;
  padding: 0.2rem;
  z-index:999;/*fxyedit*/
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .c-select input:disabled ~ .icon-checkbox {
  background-color: #ccc;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region #end_year {
  margin-left: 8px;
  margin-left: 0.08rem;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .scree-region .hasChecked {
  color: #313842;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .submit-btn {
  width: 304px;
  width: 3.04rem;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  font-size: 16px;
  font-size: 0.16rem;
  cursor: pointer;
  font-weight: 700;
  color: #fff;
  background: #005596;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group .submit-btn:hover {
  background-color:#247cd2;
}
.page-of-regulatory .reg-panel .scree-panel .scree-group:last-child {
  border-bottom: 0;
}
.page-of-regulatory .reg-panel .scree-panel .filter {
  display: none;
}
.page-of-regulatory .reg-panel .scree-panel .filter.current {
  display: block;
}
.page-of-regulatory .reg-panel .tags-box {
  line-height: 2;
  margin-top: -15px;
  margin-top: -0.15rem;
}
.page-of-regulatory .reg-panel .tags {
  /*width: 740px;
  width: 7.4rem;fxyedit*/
  padding-top: 5px;
  padding-top: 0.05rem;
}
.page-of-regulatory .reg-panel .tags .tag {
  border: 1px solid #c7c8ca;
  height: 34px;
  height: 0.34rem;
  line-height: 34px;
  line-height: 0.34rem;
  border-radius: 34px;
  border-radius: 0.34rem;
  padding: 0 40px 0 15px;
  padding: 0 0.4rem 0 0.15rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-right: 15px;
  margin-right: 0.15rem;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAMAAAAFH/x6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAUVBMVEXg4uX+/v7////EyM/IzNLEyM78/f3Dx860ucK1usLT1tu9wcm7v8fY29+3vMT4+Pn29vjc3+Ph4+azuMHz9PXz8/Xk5enu7/Ht7vC8wMgAAACJap6NAAAAAWJLR0QadWfkMgAAAAlwSFlzAAALEgAACxIB0t1+/AAAAE1JREFUCNddyEkSgCAMBdHkG4Igjjje/6LCjtCbrnpEjBITmmiQoizOoHphFq8GoU46Kwgdg7WKcUqxx3lZt7BbPPIJXPk2mJ6692vxB9GZAshq4yoLAAAAAElFTkSuQmCC) no-repeat right center #fff;
}
.page-of-regulatory .reg-panel .table-list .sort-text a {
  color: #2c323b;
}
.page-of-regulatory .reg-panel .table-list .sort-btn {
  border: 1px solid #d3d8df;
  display: block;
  line-height: 38px;
  line-height: 0.38rem;
  padding: 0 40px 0 20px;
  padding: 0 0.4rem 0 0.2rem;
  margin-left: -3px;
  margin-left: -0.03rem;
  width: 51px;
  width: 0.51rem;
  background: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAOBAMAAABTMGi/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAD1BMVEXp7fK7wsyNlqa7wcwAAACrBPDfAAAAAWJLR0QEj2jZUQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAEJJREFUCNdjYGBgFGBAA0KKaAKMSkpoioSUlBTRlaApEgKJoJtEEBiBdCkjizCDRAzQFSmjamNGVwJUpIxuNjOqEgCkMgWVYlo/awAAAABJRU5ErkJggg==') right center no-repeat #e9edf2;
  color: #262e3d;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.page-of-regulatory .reg-panel .table-list .sort-btn:hover .tooltip {
  display: inline;
}
.page-of-regulatory .reg-panel .table-list .sort-btn .tooltip {
  display: none;
  position: absolute;
  background: #fff;
  text-align: center;
  margin-top: -50px;
  margin-top: -0.5rem;
  margin-left: -90px;
  margin-left: -0.9rem;
  width: 160px;
  width: 1.6rem;
  -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  color: #262e3d;
}
.page-of-regulatory .reg-panel .table-list .sort-btn .tooltip .arrow {
  width: 0px;
  width: 0rem;
  height: 0px;
  height: 0rem;
  font-size: 0px;
  font-size: 0rem;
  line-height: 0px;
  line-height: 0rem;
  margin-left: -8px;
  margin-left: -0.08rem;
  top: 36px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
  left: 50%;
  position: absolute;
}
.page-of-regulatory .reg-panel .table-list .sort-asc {
  background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAOBAMAAAC4B9O8AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAElBMVEXb3uOArdskfNK0usSNlqYAAABpXg2SAAAAAWJLR0QF+G/pxwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAENJREFUCNdjYGBgFGBAA0KKaAKMSkpoioSUlBTRlaApEgKJoJtEEJi4AIEzsggzSMQAXZEzqjZmdCVARc7oZjOjKgEARBkHkzsvAL4AAAAASUVORK5CYII=');
  background-color: #dbdee3;
  color: #247cd2;
}
.page-of-regulatory .reg-panel .table-list .sort-desc {
  background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAOBAMAAAC4B9O8AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAElBMVEXb3uO0usWNlqZ/rdokfNIAAAB+W08JAAAAAWJLR0QF+G/pxwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAENJREFUCNdjYGBgFGBAA0KKaAKMSkpoioSUlBTRlaApEgKJoJtEEJi4AIEzsggzSMQAXZEzqjZmdCVARc7oZjOjKgEARBkHkzsvAL4AAAAASUVORK5CYII=');
  background-color: #dbdee3;
  color: #247cd2;
}
.page-of-regulatory .reg-panel .table-con table thead th:last-child {
  padding-right: 10px;
  padding-right: 0.1rem;
}
.page-of-regulatory .reg-panel .data-checkbox-group {
  display: none;
}
.page-of-regulatory .reg-panel .pager-wrap {
  position: relative;
  margin: 30px 0;
  margin: 0.3rem 0;
}
.page-of-regulatory .reg-panel .monitor-charsbox {
  display: none;
  position: absolute;
  width: 1060px;
  width: 10.6rem;
  height: 445px;
  height: 4.45rem;
  padding: 20px;
  padding: 0.2rem;
  z-index: 11;
  pointer-events: auto !important;
  background-color: #fff;
  pointer-events: none;
  -webkit-box-shadow: 0 0px 100px #000000;
  -moz-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0px 100px rgba(0, 0, 0, 0.35);
}
.page-of-regulatory .reg-panel .monitor-charsbox .title {
  font-size: 20px;
  font-size: 0.2rem;
  font-weight: bold;
  line-height: 1.5;
  padding-left: 60px;
  padding-left: 0.6rem;
}
.page-of-regulatory .reg-panel .monitor-charsbox .ui-tabs {
  border: 0;
}
.page-of-regulatory .reg-panel .monitor-charsbox .ui-widget-content {
  box-shadow: none;
}
.page-of-regulatory .reg-panel .monitor-charsbox .ui-tabs-nav {
  pointer-events: auto;
  background: transparent;
  border-color: transparent;
  padding-left: 60px;
  padding-left: 0.6rem;
}
.page-of-regulatory .reg-panel .monitor-charsbox .ui-tabs .ui-tabs-panel {
  padding: 0;
}
.page-of-regulatory .reg-panel .monitor-charsbox .ui-state-default,
.page-of-regulatory .reg-panel .monitor-charsbox .ui-widget-content .ui-state-default,
.page-of-regulatory .reg-panel .monitor-charsbox .ui-widget-header .ui-state-default {
  color: #005596;
  background: transparent;
  border-color: transparent;
  padding-right: 20px;
  padding-right: 0.2rem;
  font-size: 16px;
  font-size: 0.16rem;
}
.page-of-regulatory .reg-panel .monitor-charsbox .ui-state-active,
.page-of-regulatory .reg-panel .monitor-charsbox .ui-widget-content .ui-state-active,
.page-of-regulatory .reg-panel .monitor-charsbox .ui-widget-header .ui-state-active {
  background: transparent;
  border-color: transparent;
}
.page-of-regulatory .reg-panel .monitor-charsbox .ui-state-active a,
.page-of-regulatory .reg-panel .monitor-charsbox .ui-state-active a:link,
.page-of-regulatory .reg-panel .monitor-charsbox .ui-state-active a:visited {
  color: #005596;
  padding: 8px 0 2px;
  padding: 0.08rem 0 0.02rem;
  border-bottom: 2px solid #005596;
}
.page-of-regulatory .reg-panel .monitor-charsbox .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 8px 0 2px;
  padding: 0.08rem 0 0.02rem;
}
.page-of-regulatory .reg-panel .monitor-charsbox .l,
.page-of-regulatory .reg-panel .monitor-charsbox .r {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 49.5%;
}
.page-of-regulatory .reg-panel .monitor-charsbox .unit {
  text-align: right;
  color: #596477;
  padding-right: 50px;
  padding-right: 0.5rem;
}
.page-of-regulatory .reg-panel .monitor-charsbox .bx-wrapper {
  top: auto;
}
.page-of-regulatory .reg-panel .monitor-charsbox .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #000;
}
.page-of-regulatory .reg-panel .monitor-charsbox .bx-wrapper .bx-prev {
  background-image: url(../images/pages/regulatory/controls.png);
}
.page-of-regulatory .reg-panel .monitor-charsbox .bx-wrapper .bx-next {
  background-image: url(../images/pages/regulatory/controls.png);
  margin-right:-120px;
}
.page-of-regulatory .reg-panel .monitor-charsbox .bx-wrapper .bx-pager,
.page-of-regulatory .reg-panel .monitor-charsbox .bx-wrapper .bx-controls-auto {
  position: static;
  bottom: inherit;
  padding-top: 20px;
  padding-top: 0.2rem;
  height: 20px;
  height: 0.2rem;
}
.page-of-regulatory .reg-panel .monitor-charsbox:before {
  content: '';
  width: 0px;
  width: 0rem;
  height: 0px;
  height: 0rem;
  border: 15px solid transparent;
  border-bottom: 15px solid  #fff;
  font-size: 0px;
  font-size: 0rem;
  line-height: 0px;
  line-height: 0rem;
  top: -30px;
  top: -0.3rem;
  right: -2rem;
  position: absolute;
  margin-right: 320px;
  margin-right: 3.2rem;
}
.page-of-regulatory .reg-panel .monitor-charsbox.securities-charsbox:before {
  margin-right: 485px;
  margin-right: 4.85rem;
}
.page-of-regulatory .reg-panel .monitor-charsbox.company-charsbox:before {
  margin-right: 440px;
  margin-right: 4.4rem;
}
.page-of-regulatory .reg-panel .monitor-charsbox.arrow-down:before {
  content: '';
  border: 15px solid transparent;
  border-top: 15px solid  #fff;
  top: 485px;
  top: 4.85rem;
  right: 0;
  position: absolute;
}
.page-of-regulatory .reg-panel .discharge-charsbox {
  position: absolute;
  width: 510px;
  width: 5.1rem;
  padding: 20px;
  padding: 0.2rem;
  z-index: 1;
  background-color: #fff;
  pointer-events: none;
  -webkit-box-shadow: 0 0px 100px #000000;
  -moz-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0px 100px rgba(0, 0, 0, 0.35);
}
.page-of-regulatory .reg-panel .discharge-charsbox:before {
  content: '';
  width: 0px;
  width: 0rem;
  height: 0px;
  height: 0rem;
  border: 15px solid transparent;
  border-bottom: 15px solid  #fff;
  font-size: 0px;
  font-size: 0rem;
  line-height: 0px;
  line-height: 0rem;
  top: -30px;
  top: -0.3rem;
  left: 50%;
  position: absolute;
  margin-left: -8px;
  margin-left: -0.08rem;
}
.page-of-regulatory .reg-panel .discharge-charsbox .chartbox {
  padding-top: 0;
}
.page-of-regulatory .reg-panel .discharge-charsbox.arrow-down:before {
  content: '';
  border: 15px solid transparent;
  border-top: 15px solid  #fff;
  top: 315px;
  top: 3.15rem;
  left: 50%;
  position: absolute;
  margin-left: -8px;
  margin-left: -0.08rem;
}
.page-of-regulatory .reg-panel .chartbox {
  width: 406px;
  width: 4.06rem;
  height: 273px;
  height: 2.73rem;
  padding-top: 25px;
  padding-top: 0.25rem;
  border: 1px solid #eeeff1;
  margin-left: auto;
  margin-right: auto;
}
.page-of-regulatory .select,
.page-of-regulatory .select-small,
.page-of-regulatory .select-mini,
.page-of-regulatory .select-small,
.page-of-regulatory .select-mini {
  line-height: 24px;
  line-height: 0.24rem;
}
.page-of-regulatory .reg-panel {
  padding-bottom: 56px;
  padding-bottom: 0.56rem;
}
.page-of-regulatory .reg-panel .pager-wrap {
  height: 40px;
  height: 0.4rem;
  margin: 56px 0 56px;
  margin: 0.56rem 0 0.56rem;
}
.page-of-regulatory .pagination-wrap .pagination .sizes {
  margin-top: -34px;
  margin-top: -0.34rem;
}
#page_bar {
  position: relative;
  margin: 30px 0px 30px 0px;
  margin: 0.3rem 0rem 0.3rem 0rem;
  font-size: 16px;
  font-size: 0.16rem;
}
#page_bar .pagebar_select {
  top: 0px;
  top: 0rem;
  left: 0px;
  left: 0rem;
  position: absolute;
}
#page_bar .pagebar_select p {
  color: #8d96a6;
  line-height: 24px;
  line-height: 0.24rem;
}
#page_bar .pagebar_select .select_paging {
  border: 1px solid #babfc6;
  border: 0.01rem solid #babfc6;
  width: 80px;
  width: 0.8rem;
  height: 40px;
  height: 0.4rem;
  text-align: center;
  text-indent: 25px;
  color: #596477;
  border-radius: 0px 2px 2px 0px;
}
#page_bar .total_pages {
  top: 24px;
  top: 0.24rem;
  right: 0px;
  right: 0rem;
  position: absolute;
}
#page_bar .total_pages .total_input {
  border: 1px solid #babfc6;
  border: 0.01rem solid #babfc6;
  border-right: 0;
  text-align: center;
  width: 92px;
  width: 0.92rem;
  height: 18px;
  height: 0.18rem;
  line-height: 18px;
  line-height: 0.18rem;
  padding: 12px 0px 12px 0px;
  padding: 0.12rem 0rem 0.12rem 0rem;
  color: #596477;
  border-radius: 2px 0px 0px 2px;
}
#page_bar .total_pages .total_input:focus {
  border-right: 0;
}
#page_bar .total_pages .total_btn {
  width: 70px;
  width: 0.7rem;
  height: 42px;
  height: 0.42rem;
  line-height: 42px;
  line-height: 0.42rem;
  background: #6788a8;
  border: 1px solid #6788a8;
  border: 0.01rem solid #6788a8;
  font-weight: 100;
  border-radius: 0px 2px 2px 0px;
}
#page_bar .pagebar_list {
  margin-top: 24px;
  margin-top: 0.24rem;
  width: 100%;
  text-align: center;
  height: 42px;
  height: 0.42rem;
  line-height: 42px;
  line-height: 0.42rem;
}
#page_bar .pagebar_list .icon-arrowLeft {
  margin-right: 26px;
  margin-right: 0.26rem;
}
#page_bar .pagebar_list .icon-arrowRight {
  margin-left: 26px;
  margin-left: 0.26rem;
}
#page_bar .pagebar_list a {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  height: 42px;
  height: 0.42rem;
  line-height: 42px;
  line-height: 0.42rem;
  border: 1px solid #e4e5e8;
  border: 0.01rem solid #e4e5e8;
  padding: 0px 16px 0px 16px;
  padding: 0rem 0.16rem 0rem 0.16rem;
  border-radius: 2px;
  margin: 0px 8px 0px 8px;
  margin: 0rem 0.08rem 0rem 0.08rem;
}
#page_bar .pagebar_list a.current {
  color: #005596;
  border: 1px solid #005596;
  border: 0.01rem solid #005596;
}
.page-of-index #common_header {
  top: 0;
  right: 0;
  left: 0;
  position: absolute !important;
  width: 100%;
}
.page-of-index #common_header .site-actions {
  background-image: url("../images/index/actions-bg.png");
  background-color: transparent;
}
.page-of-index #common_header .site-actions .drop-op {
  border-color: transparent;
  color: #fff;
}
.page-of-index #common_header .site-actions .drop-op i {
  background: url("../images/index/arrow.png") no-repeat center top;
}
.page-of-index #common_header .site-actions .drop-op:hover {
  color: #313842;
}
.page-of-index #common_header .site-actions .drop-op:hover i {
  background-position: center bottom;
}
.page-of-index #common_header .site-actions .drop-op:hover .drop-tooltip {
  display: block;
}
.page-of-index #common_header .site-actions .drop-op.no-drop:hover {
  color: #fff;
}
.page-of-index #common_header .site-actions a {
  color: #fff;
}
.page-of-index #common_header .site-actions a + a {
  border-left: 1px solid transparent;
}
.page-of-index #common_header .site-actions a.driver {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.page-of-index #common_header .site-nav-box {
  background: url("../images/index/nav-bg.png");
  padding-bottom: 0px;
  padding-bottom: 0rem;
}
.page-of-index #common_header .site-nav-box a {
  color: #fff;
}
.page-of-index #common_header .site-nav-box a + a {
  border-left: 1px solid transparent;
}
.page-of-index #common_header .site-nav-box .user-access a.lang-switch {
  background-color: rgba(0, 0, 0, 0.2);
}
.page-of-index #common_header .site-nav-box .nav a {
  color: #fff;
}
.page-of-index #common_header .site-nav-box .nav a:hover
{
    color:#005596;
}
.page-of-index .index-section {
  position: relative;
  height: 600px;
  height: 6rem;
  box-sizing: border-box;
}
.page-of-index .index-section .header {
  top: 0;
  right: 0;
  left: 0;
  position: absolute;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
  line-height: normal;
  text-align: center;
}
.page-of-index .index-section .header:before {
  content: "";
  display: block;
  width: 1px;
  width: 0.01rem;
  height: 20px;
  height: 0.2rem;
  margin: 0 auto;
}
.page-of-index .index-section .header .icon {
  display: block;
  margin: 0 auto;
}
.page-of-index .index-section .header .icon-arrow-down {
  padding-bottom: 12px;
  padding-bottom: 0.12rem;
  width: auto;
  height: auto;
  background: url("../images/index/trangle.png") no-repeat center bottom;
}
.page-of-index .index-section .banner-item {
  background-size: cover!important;
}
.page-of-index .index-section .button-hollow {
  display: block;
  width: 240px;
  width: 2.4rem;
  margin: 0 auto;
}
.page-of-index .index-section .button-hollow.w205 {
  width: 205px;
  width: 2.05rem;
}
.page-of-index .index-section .button-hollow.dis-inline-blo {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
}
.page-of-index .index-section .button-hollow.ml {
  margin-left: 20px;
  margin-left: 0.2rem;
}
.page-of-index .index-section .content-item {
  float: left;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
  color: #313842;
}
.page-of-index .index-section .content-item h2 {
  font-size: 48px;
  font-size: 0.48rem;
  font-weight: 300;
  line-height: normal;
}
.page-of-index .index-section .content-item p {
  margin: 20px 65px;
  margin: 0.2rem 0.65rem;
  font-size: 14px;
  font-size: 0.14rem;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  flex-direction: column;
  justify-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  max-height: 63px;
  max-height: 0.63rem;
  -webkit-line-clamp: 3;
  line-height: 21px;
  line-height: 0.21rem;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-of-index .index-section.data-service {
  padding-top: 155px;
  padding-top: 1.55rem;
  height: 498px;
  height: 4.98rem;
  background-color: #ebedee;
}
.page-of-index .index-section.data-service .dynamic-num-box {
  margin-bottom: 70px;
  margin-bottom: 0.7rem;
  text-align: center;
}
.page-of-index .index-section.our-public {
  height: 736px;
  height: 7.36rem;
  box-sizing: content-box;
}
.page-of-index .index-section.our-public .header {
  color: #fff;
}
.page-of-index .index-section.our-public .header:before {
  background-color: #fff;
}
.page-of-index .index-section.our-public .body {
  margin-bottom: 70px;
  margin-bottom: 0.7rem;
}
.page-of-index .index-section.our-public .content-item {
  position: relative;
  z-index: 2;
  height: 200px;
  height: 2rem;
  padding: 0 12.5px;
  padding: 0 0.125rem;
}
.page-of-index .index-section.our-public .content-item .box {
  height: 100%;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  overflow: hidden;
}
.page-of-index .index-section.our-public .content-item h2 {
  margin-top: 35px;
  margin-top: 0.35rem;
  margin-bottom: 25px;
  margin-bottom: 0.25rem;
  font-size: 32px;
  font-size: 0.32rem;
}
.page-of-index .index-section.our-public .content-item p {
  margin: 20px 30px 60px;
  margin: 0.2rem 0.3rem 0.6rem;
  text-align: justify;
}
.page-of-index .index-section.our-public .content-item .actions {
  margin: 0 30px;
  margin: 0 0.3rem;
}
.page-of-index .index-section.our-public .content-item.env-map .actions {
  margin: 0 8px;
  margin: 0 0.08rem;
}
.page-of-index .index-section.our-public .content-item.env-map .actions a {
  float: left;
  width: 24.8%;
  color: #005596;
  /*&:first-child{
                padding-left: 0;
                margin-left: 0;
              }*/
}
.page-of-index .index-section.our-public .content-item.env-map .actions a + a {
  /*#utility .padding-left(55px);
                #utility .margin-left(55px);*/
  border-left: 1px solid #c7c8ca;
}
.page-of-index .index-section.our-public .content-item.env-map .actions .icon {
  display: block;
  margin: 5px auto 0;
}
.page-of-index .index-section.our-action {
  padding-top: 136px;
  padding-top: 1.36rem;
  height: 498px;
  height: 4.98rem;
  background: #f6f7f7 url("../images/index/bg2.png") no-repeat 50% 0;
}
.page-of-index .index-section.our-action .content-item p {
  margin: 20px 80px 20px 40px;
  margin: 0.2rem 0.8rem 0.2rem 0.4rem;
}
.page-of-index .index-section.provide {
  height: 665px;
  height: 6.65rem;
  padding-top: 120px;
  padding-top: 1.2rem;
  background: #fff url(../images/index/bg3.png) repeat-x bottom center;
}
.page-of-index .index-section.provide .provide-content {
  position: relative;
  height: 545px;
  height: 5.45rem;
}
.page-of-index .index-section.provide .provide-content > ul {
  height: 100%;
  width:100%;
  overflow-x:scroll;
}
.page-of-index .index-section.provide .provide-content > ul > li {
  float: left;
  position: relative;
  width: 240px;
  width: 2rem;
  height: 100%;
  margin-right: -50px;
  margin-right: -0.5rem;
}
.page-of-index .index-section.provide .provide-content > ul > li:first-child{margin-left:46px;}
.page-of-index .index-section.provide .provide-content .provide-one {
  bottom: 126px;
  bottom: 1.26rem;
  left: -54px;
  left: -0.54rem;
  position: absolute;
  z-index: 99;
  width: 200px;
  width: 2rem;
  text-align: center;
  overflow: hidden;
}
.page-of-index .index-section.provide .provide-content .provide-one .provide-con {
  display: none;
}
.page-of-index .index-section.provide .provide-content .provide-one .provide-date {
  font-size: 24px;
  font-size: 0.24rem;
  color: #336071;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
}
.page-of-index .index-section.provide .provide-content .provide-one h2 {
  font-size: 24px;
  font-size: 0.24rem;
  color: #336071;
}
.page-of-index .index-section.provide .provide-content .provide-one .provide-book {
  position: relative;
  background: url(../images/index/book.png) no-repeat bottom center;
  height: 153px;
  height: 1.53rem;
  width: 108px;
  width: 1.08rem;
  margin: 5px auto -35px auto;
  margin: 0.05rem auto -0.35rem auto;
}
.page-of-index .index-section.provide .provide-content .provide-one .provide-book h3 {
  font-size: 20px;
  font-size: 0.2rem;
  color: #fff;
  text-align: center;
/*   text-align: left;
padding: 26px 0px 0px 24px;
  padding: 0.26rem 0rem 0rem 0.24rem;*/
   padding: 26px 0px 0px 0px;
  padding: 0.26rem 0rem 0rem 0rem;

}
.page-of-index .index-section.provide .provide-content .provide-one .provide-book p {
  color: #454545;
  /* #utility .margin-top(36px);
              #utility .margin-right(26px);*/
  height: 16px;
  height: 0.16rem;
  line-height: 16px;
  line-height: 0.16rem;
  width: auto;
  font-size: 12px;
  font-size: 0.12rem;
  top: 95px;
  top: 0.95rem;
  right: 35px;
  right: 0.35rem;
  position: absolute;
  text-align: right;
  z-index: 9;
}
.page-of-index .index-section.provide .provide-content .provide-one .provide-book p span {
  color: #000;
  font-family: "Helvetica Neue Bold", Helvetica, Arial, sans-serif;
}
.page-of-index .index-section.provide .provide-content .provide-one .provide-line {
  display: none;
  width: 2px;
  width: 0.02rem;
  height: 40px;
  height: 0.4rem;
  background: #0084c4;
  margin: 0 auto 0px auto;
  margin: 0 auto 0rem auto;
}
.page-of-index .index-section.provide .provide-content .provide-one i {
  margin-top: -1px;
  margin-top: -0.01rem;
  vertical-align: top;
}
.page-of-index .index-section.provide .provide-content .provide-one .provide-icon {
  display: none;
}
.page-of-index .index-section.provide .provide-content .provide-two {
  bottom: 86px;
  bottom: 0.86rem;
  left: 0px;
  left: 0rem;
  position: absolute;
}
.page-of-index .index-section.provide .provide-content .provide-three {
  bottom: 111px;
  bottom: 1.11rem;
  left: -23px;
  left: -0.23rem;
  position: absolute;
}
.page-of-index .index-section.provide .provide-content .provide-three .provide-line {
  height: 210px;
  height: 2.1rem;
}
.page-of-index .index-section.provide .provide-content .provide-four {
  bottom: 190px;
  bottom: 1.9rem;
  left: 10px;
  left: 0.1rem;
  position: absolute;
}
.page-of-index .index-section.provide .provide-content .provide-five {
  bottom: 110px;
  bottom: 1.1rem;
  left: 14px;
  left: 0.14rem;
  position: absolute;
}
.page-of-index .index-section.provide .provide-content .provide-six {
  bottom: 180px;
  bottom: 1.8rem;
  left: 69px;
  left: 0.69rem;
  position: absolute;
}
.page-of-index .index-section.provide .provide-content .provide-six .provide-line {
  height: 94px;
  height: 0.94rem;
}
@font-face {
  font-family: 'MyriadPro';
  src: url('../font/MyriadPro-Regular.eot');
  /* IE9 Compat Modes */
  src: url('../font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/MyriadPro-Regular.woff') format('woff'), /* Modern Browsers */ url('../font/MyriadPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
.mini-index {
  background-color: #fff;
}
.mini-index a:hover {
  color: #62a000;
}
.mini-index .f12 {
  font-size: 12px;
  font-size: 0.12rem;
}
.mini-index .f14 {
  font-size: 14px;
  font-size: 0.14rem;
}
.mini-index .f16 {
  font-size: 16px;
  font-size: 0.16rem;
}
.mini-index .f18 {
  font-size: 18px;
  font-size: 0.18rem;
}
.mini-index .f20 {
  font-size: 20px;
  font-size: 0.2rem;
}
.mini-index .f24 {
  font-size: 24px;
  font-size: 0.24rem;
}
.mini-index .f26 {
  font-size: 26px;
  font-size: 0.26rem;
}
.mini-index .f30 {
  font-size: 30px;
  font-size: 0.3rem;
}
.mini-index .f36 {
  font-size: 36px;
  font-size: 0.36rem;
}
.mini-index .f50 {
  font-size: 50px;
  font-size: 0.5rem;
}
.mini-index .b {
  font-weight: bold;
}
.mini-index .fff {
  color: #fff;
}
.mini-index .g0 {
  color: #272F1F;
}
.mini-index .g3 {
  color: #272F1F;
}
.mini-index .g6 {
  color: #666;
}
.mini-index .fgreen {
  color: #79c600;
}
.mini-index .tc {
  text-align: center;
}
.mini-index .vt {
  vertical-align: top !important;
}
.mini-index .lh1p {
  line-height: 1;
}
.mini-index .dib {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.mini-index .auto {
  margin-left: auto;
  margin-right: auto;
}
.mini-index .btn-success {
  background-color: #79c600;
  display: block;
  color: #fff;
  height: 44px;
  height: 0.44rem;
  line-height: 44px;
  line-height: 0.44rem;
  border-radius: 44px;
}
.mini-index .btn-success:hover {
  color: #fff;
  background-color: #62A000;
}
.mini-index .mt10 {
  margin-top: 10px;
  margin-top: 0.1rem;
}
.mini-index .mt20 {
  margin-top: 20px;
  margin-top: 0.2rem;
}
.mini-index .mt30 {
  margin-top: 30px;
  margin-top: 0.3rem;
}
.mini-index .mt40 {
  margin-top: 40px;
  margin-top: 0.4rem;
}
.mini-index .mb60 {
  margin-bottom: 60px;
  margin-bottom: 0.6rem;
}
.mini-index .pb80 {
  padding-bottom: 80px;
  padding-bottom: 0.8rem;
}
.mini-index .wrap {
  width: 1190px;
  margin-left: auto;
  margin-right: auto;
}
.mini-index #common_header .site-actions a + a {
  border-left: 1px solid transparent;
}
.mini-index #common_header .site-actions {
  background-color: #50545a;
  color: #fff;
}
.mini-index #common_header .site-actions a {
  color: #fff;
}
.mini-index #common_header .site-nav-box {
  background-color: #3d4046;
  color: #fff;
}
.mini-index #common_header .site-nav-box a {
  color: #fff;
}
.mini-index #common_header .site-nav-box .user-access a.lang-switch {
  background-color: #515359;
}
.mini-index #common_header .site-actions .drop-op:hover {
  color: #313842;
}
.mini-index #common_header .site-nav-box .tooltip > ul li.current {
  color: #515359;
}
.mini-index .carousel {
  margin-top: -20px;
  margin-top: -0.2rem;
  height: 698px;
  position: relative;
  overflow: hidden;
}
.mini-index .carousel .slider-item {
  height: 698px;
  height: 6.98rem;
  background-position: center top;
}
.mini-index .carousel .slider-item1 {
  overflow: hidden;
  background-image: url(../images/mini-index/mini-banner1.jpg);
}
.mini-index .carousel .slider-item2 {
  overflow: hidden;
  background-image: url(../images/mini-index/mini-banner2.jpg);
   background-size:cover;
}
.mini-index .carousel .slider-item3 {
  overflow: hidden;
  background-image: url(../images/mini-index/mini-banner3.jpg);

}
.mini-index .carousel .slider-item1 .txt {
  width: 1000px;
  width: 10rem;
  height: 265px;
  height: 2.65rem;
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 200px;
  margin-top: 2rem;
}
.mini-index .carousel .slider-item1 .txt .con {
  padding: 50px;
  padding: 0.5rem;
}
.mini-index .carousel .slider-item1 .btn-success {
  width: 450px;
  width: 4.5rem;
  height: 72px;
  height: 0.72rem;
  line-height: 72px;
  line-height: 0.72rem;
  margin-top: -37px;
  margin-top: -0.37rem;
}
.mini-index .carousel .bx-pager-item {
  display: none;
}
.mini-index .carousel .bx-controls-direction a {
  width: 22px;
  width: 0.22rem;
  height: 68px;
  height: 0.68rem;
  display: block;
  position: absolute;
  top: 300px;
}
.mini-index .carousel .bx-prev {
  left: 50px;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABFCAMAAACWso1uAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA51BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAABaFa6gAAAATHRSTlMAAkUToce/C0sht6ZzxSjCjJIOMGmrtFVCBbyefMQgGsOCm74KOMZfsGCXhXmiu1OpLsGQb6dNSLmkJBaIkytluGxMi7NeN3gSKb0Y6b+wTQAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAFgSURBVDjLdZTXVkIxFESDuEFpIkV6kSZFqlIFRez6//9j7n3N3DzuzMlKMnOOMe4KnYWNWudEogJfAJfilBjEhTwByZSLw1eQFvJriGRcnE1CTsjzcBNyccHesejiUhkq4pQq1OoubjThVshb0O64uNuDOyHvQ1/gAfS6Lu60YSjkI2g2XFyvwb2Qj2FScnHRfszUxZ55M3FKzpo3d3FmAQ9CnoYrkaWUNe9RyJcQE+at7B3XLi5tYCtO8QK2c/GTDdheyA/IWD9b8170k44Cm1cdaxM66jYwJ/uqk9qI61/wfy2hCt70L5tMBA6qwHMxq+76DnlV4KWkoDYqUBap8lNYVQW3OrV+yluq4EN3RWAXmU9r3EBtDHWX+l09UgVfegqY0gTGqmCqp4wxswBL5wFTzDzAQkw98x0wJc2jtfRHcK+Rl6pgbe+6Uhtb2ChLd0Hx28Ov4tG2DpP5m0bNP6P9Ge8Z6+J4AAAAAElFTkSuQmCC) no-repeat;
}
.mini-index .carousel .bx-next {
  right: 50px;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABECAMAAACyLDX1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA7VBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAABssrddAAAATnRSTlMAkcWax1WkvAckfojDHAu/nmI+srMCOMZpmw4ajHgqBbunUKkrd8GXQmDEgFdJrbcwc5LCE5NvNEZborh9Fo4QsLWFHqNwCo25TXsoiwx6udZaAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAU5JREFUOMt1lNlSwlAQRCO2QGRVEkBAQVQgoBAFFFRkd/f/f8fJc3fyeOrUzVTP4hwkDh3xJYAjgZNAKs3YNf1Y6Bkgm2OcLwBFoZ8AOBW8BHg+43IFqAr9DCjUGNezQEPo50DignGzBVwKvW1FtgW/AlpNxtcWzY3QGxZNnXGtA3SFXgUqZca+B5SE3rMiA8GLFk2eca4PZIQ+APou43QKSAr91v56J/gQGIn+hRbNvdAfgPGE8WQMTIX+aNE8iWhGwFDoMytyLvgz8CLwq0XAdGGz9Ma4C3SWRGPmdAWsOZXAyusRjdmYjRW3JepaNwcs7+Tu6jhiwttb1CHRmMZMZRtDC2PPsh6RuRU3IxqN346f0MO6tTA2LEeL8E5Ur42/Blb8hF7JpV7gDwtjQTTmONgp+eRTEh2eL6IxZ+rbjtoPY5u5X6ZOkPX+mP4D7cQb6pLGSt8AAAAASUVORK5CYII=) no-repeat;
}
.mini-index .countUp {
  padding-top: 95px;
  padding-top: 0.95rem;
  padding-bottom: 80px;
  padding-bottom: 0.8rem;
  font-family: "MyriadPro";
}
.mini-index .countUp li {
  width: 24%;
  border-right: 1px solid #ccddea;
}
.mini-index .countUp li .box {
  margin-top: -30px;
  margin-top: -0.3rem;
  margin-bottom: -30px;
  margin-bottom: -0.3rem;
  cursor:pointer;
}
.mini-index .countUp li .box:hover {
    color:#79c600;
}
.mini-index .countUp li:last-child {
  border-right: 0;
}
.mini-index .mini-bgFFF {
  background-color: #fff;
}
.mini-index .mini-bgGreen {
  background-color: #6ec79d;
  padding-top: 55px;
  padding-top: 0.55rem;
  padding-bottom: 70px;
  padding-bottom: 0.7rem;
}
.mini-index .mini-bgGreen li {
  width: 24%;
  line-height: 3;
}
.mini-index .mini-bgGreen a {
  color: #fff;
}
.mini-index .mini-bgGray {
  background-color: #e5e5e5;
}
.mini-index .newsbox {
  width: 780px;
  width: 7.8rem;
  padding-top: 30px;
  padding-top: 0.3rem;
  color: #455338;
  position: relative;
}
.mini-index .newsbox h3 {
  padding-bottom: 20px;
  padding-bottom: 0.2rem;
}
.mini-index .newsbox .box {
  border: 1px solid #e6e6e6;
  padding: 0 20px;
  padding: 0 0.2rem;
}
.mini-index .newsbox li {
  min-height: 140px;
  min-height: 1.4rem;
  padding: 0 50px 20px 200px;
  padding: 0 0.5rem 0.2rem 2rem;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWBAMAAAAGFmApAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAALVBMVEUAAADc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3NwAAACWPSF0AAAADXRSTlMAqbIM2sMi4uENsCHYRXVP5QAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAA6SURBVAjXYxAyYAAB32AwlX4VzGWrReX2QrgZVydAuJFYubfA1I5bSIIQJWicYAjHAJ3DcBZiDcRJAGr2GTfA+/uVAAAAAElFTkSuQmCC) right center no-repeat;
  position: relative;
  line-height: 1.5;
}
.mini-index .newsbox li img {
  /*margin-top: 20px;
  margin-top: 0.2rem;
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
  position: absolute;
  left: 0;fxyedit*/
  max-width:150px;
  max-height:120px;
}
.mini-index .newsbox li table{
    position:absolute;
    top:20px;
    left:0px;
    text-align:center;
    width:170px;
    height:140px;
}
.mini-index .newsbox li h4 {
  padding-top: 36px;
  padding-top: 0.36rem;
}
.mini-index .newsbox li a {
  color: #445337;
}
.mini-index .newsbox li a:hover {
  color: #667A55;
}
.mini-index .newsbox .more {
  position: absolute;
  right: 0;
  top: 40px;
  color: #79c600;
}
.mini-index .newsbox .date {
  position: absolute;
  right: 50px;
  top: 42px;
  color: #a7aaa1;
  font-size: 14px;
  font-size: 0.14rem;
}
.mini-index .newsbox .tag {
  background-color: #e1f9d0;
  color: #62a000;
  font-size: 12px;
  border-radius: 15px;
  padding: 4px 10px;
  padding: 0.04rem 0.1rem;
  vertical-align: text-top;
  display: inline-block;
}
.mini-index .side {
  width: 340px;
  width: 3.4rem;
  margin-top: 30px;
  margin-top: 0.3rem;
  margin-left: 60px;
  margin-left: 0.6rem;
}
.mini-index .side h3 {
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
}
.mini-index .side .search-suppliers-box {
  background-color: #2b3728;
}
.mini-index .side .search-suppliers-box .con {
  padding: 26px 25px;
  padding: 0.26rem 0.25rem;
}
.mini-index .side .search-suppliers-box .con input {
  padding: 10px;
  padding: 0.1rem;
  border-radius: 3px;
  background-color: #fff;
  width: 90%;
}
.mini-index .side .search-suppliers-box .con .btn-success {
  width: 180px;
  width: 1.8rem;
  margin-top: 24px;
  margin-top: 0.24rem;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
}
.mini-index .side .submit-PRTR-box {
  padding: 26px 0px;
  padding: 0.26rem 0rem;
  margin-top: 19px;
  margin-top: 0.19rem;
  background-color: #6ec79d;
  border-radius: 2px;
  font-size: 0px;
  font-size: 0rem;
}
.mini-index .side .submit-PRTR-box a {
  line-height: 30px;
  line-height: 0.3rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 50%;
  text-align: center;
  font-size: 18px;
  font-size: 0.18rem;
  position: relative;
}
.mini-index .side .submit-PRTR-box a i {
  display: block;
  margin: 10px auto;
  margin: 0.1rem auto;
}
.mini-index .side .submit-PRTR-box a .subFile {
  background: url("../images/pages/green-supply/subFile.png") no-repeat;
  width: 42px;
  width: 0.42rem;
  height: 47px;
  height: 0.47rem;
}
.mini-index .side .submit-PRTR-box a .viewFile {
  background: url("../images/pages/green-supply/viewFile.png") no-repeat;
  width: 43px;
  width: 0.43rem;
  height: 43px;
  height: 0.43rem;
}
.mini-index .side .submit-PRTR-box a .reportIcon {
  background: url("../images/pages/green-supply/report.png") no-repeat;
  width: 44px;
  width: 0.44rem;
  height: 49px;
  height: 0.49rem;
}

.mini-index .side .submit-PRTR-box a .gcaIcon {
  background: url("../images/pages/green-supply/gca1.png") no-repeat;
  width: 44px;
  width: 0.44rem;
  height: 49px;
  height: 0.49rem;
}


.mini-index .side .submit-PRTR-box a span {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  top: 0px;
  top: 0rem;
  right: 0px;
  right: 0rem;
  position: absolute;
  border-right: 1px solid #8bd2b1;
  width: 1px;
  width: 0.01rem;
  height: 92px;
  height: 0.92rem;
}
.mini-index .side .submit-PRTR-box a:hover {
  color: #fff;
}
.mini-index .side .submit-box a {
  width: auto;
  line-height: 60px;
  line-height: 0.6rem;
}
.mini-index .side .submit-box a i {
  margin-left: 70px;
  margin-left: 0.7rem;
  margin-right: 20px;
  margin-right: 0.2rem;
  float: left;
}
.mini-index .subscription {
  padding: 50px;
  padding: 0.5rem;
}
.mini-index .subscription a {
  color: #79c600;
}
.mini-index .subscription .success {
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA0lBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8Y/9RiAAAARXRSTlMABUyRxuj4EIDq61jZiUMZBgOWwD2t92cBk+05lFf1N+lkPA7QSPagkn59xEFAxflyxyGi4Q3DDOVN7JCjv2Y614gYgfop+8GHAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAVBJREFUKM99k2lbgkAUhS8oAqEyigvuaGZqpmmlRZnr+f9/qWGTtc4HGHif586Ze88QBRLEXF4qFKR8ThQoKVlRcdOdIsepJgHFUllnTC+XioCkRWClChi18LtmANXKjdbRaJrRYmazgXrAW2h3kl46bXS9VQ/9QcoqDfrouZ4tDClDQ1iOfwWGmYVNAwoRUzFKs3vuawSVkYhxmj5MHvlzDJGmmKVpAXP+mqFFT1hk0Jxj5xlLUqH/QUmHSiswvnpZb1KUGFY+fsXbJkld7BV/3/o8Qt3iS8+az6PUtRYczOUxSnN+sFtbdlt8xChvyycxO2gq5/iKULepkZHsvmcRau6dkTgD/cma2A9U+d84+HHswk7xgR2EyYniJBnFfhhFL8iHkB720SBzaRZwPC3OgnBenI6ApcX3ki92eInsi5z0wq/gdG1dr9Z6KrLbz18pVzbN+3MG3QAAAABJRU5ErkJggg==) no-repeat 20px center;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: #79c600;
  color: #fff;
  height: 54px;
  height: 0.54rem;
  line-height: 54px;
  line-height: 0.54rem;
  padding: 0 20px 0 60px;
  padding: 0 0.2rem 0 0.6rem;
  border-radius: 2px;
  cursor: default;
}
.mini-index .subscription .subscription-box {
  width: 720px;
  width: 7.2rem;
  margin-top: 20px;
  margin-top: 0.2rem;
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
}
.mini-index .subscription .subscription-box input,
.mini-index .subscription .subscription-box .btn {
  height: 54px;
  height: 0.54rem;
  line-height: 54px;
  line-height: 0.54rem;
}
.mini-index .subscription .subscription-box input {
  width: 540px;
  width: 5.4rem;
  text-indent: 15px;
  background-color: #f2f2f2;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.mini-index .subscription .subscription-box .btn {
  width: 160px;
  width: 1.6rem;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: #79c600;
  color: #fff;
}
.mini-index .subscription .subscription-box .btn:hover {
  background-color: #62A000;
}
.mini-index .subscription .subscription-box .error {
  text-align: left;
  color: #b72832;
  margin: 5px 0 0 12px;
  margin: 0.05rem 0 0 0.12rem;
  font-size: 14px;
  font-size: 0.14rem;
}
.ie7 .mini-index .common_header {
  z-index: 99;
}
.ie7 .mini-index .carousel .slider-item1 .txt {
  background-color: #fff;
}
.ie8 .mini-index .carousel .slider-item1 .txt {
  background-color: #fff;
}
.page-of-air .table-con .table-main .table-list tr {
  cursor: default;
}
.page-of-air .table-con .table-main .table-list tr:hover {
  background-color: inherit;
}
.page-of-air .table-con .table-main .table-list tr.even:hover {
  background: #f5f6f7;
}
.page-of-air .container,
.page-of-air .section {
  height: 100%;
}
.page-of-air .triangle-arrow {
  bottom: -7px;
  bottom: -0.07rem;
  left: 50%;
  position: absolute;
  margin-left: -4px;
  margin-left: -0.04rem;
  width: 0px;
  width: 0rem;
  height: 0px;
  height: 0rem;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
}
.page-of-air .map-container {
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.page-of-air .table-tip {
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
  line-height: 30px;
  line-height: 0.3rem;
}
.page-of-air .table-tip em {
  font-style: normal;
  color: #db393c;
}
.page-of-air .marker-level {
  position: absolute;
  z-index: 999;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
  width: 25px;
  width: 0.25rem;
  height: 15px;
  height: 0.15rem;
  line-height: 15px;
  line-height: 0.15rem;
  text-align: center;
  font-size: 10px;
  font-size: 0.1rem;
  color: #fff;
  border-radius: 2px;
  cursor: pointer;
}
.page-of-air .current-marker-level {
  width: 45px;
  width: 0.45rem;
  height: 25px;
  height: 0.25rem;
  line-height: 25px;
  line-height: 0.25rem;
  font-size: 14px;
  font-size: 0.14rem;
  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.9);
  -o-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.9);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.page-of-air .marker-level,
.page-of-air .badge-level {
  opacity: 0.95;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  filter: alpha(opacity=95);
}
.page-of-air .marker-level.level1,
.page-of-air .badge-level.level1 {
  background-color: #74c01f;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(116, 192, 31, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(116, 192, 31, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(116, 192, 31, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(116, 192, 31, 0.25);
}
.page-of-air .marker-level.level2,
.page-of-air .badge-level.level2 {
  background-color: #d4cf18;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(212, 207, 24, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(212, 207, 24, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(212, 207, 24, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(212, 207, 24, 0.25);
}
.page-of-air .marker-level.level3,
.page-of-air .badge-level.level3 {
  background-color: #fa8718;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(250, 135, 24, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(250, 135, 24, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(250, 135, 24, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(250, 135, 24, 0.25);
}
.page-of-air .marker-level.level4,
.page-of-air .badge-level.level4 {
  background-color: #d12b2b;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(209, 43, 43, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(209, 43, 43, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(209, 43, 43, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(209, 43, 43, 0.25);
}
.page-of-air .marker-level.level5,
.page-of-air .badge-level.level5 {
  background-color: #9d2124;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(157, 33, 36, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(157, 33, 36, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(157, 33, 36, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(157, 33, 36, 0.25);
}
.page-of-air .marker-level.level6,
.page-of-air .badge-level.level6 {
  background-color: #691888;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(105, 24, 136, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(105, 24, 136, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(105, 24, 136, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(105, 24, 136, 0.25);
}
.page-of-air .marker-level.level7,
.page-of-air .badge-level.level7 {
  background-color: #141618;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(20, 22, 24, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(20, 22, 24, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(20, 22, 24, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(20, 22, 24, 0.25);
}

.page-of-air .marker-level.levels8 {
    background: url("../images/common/HCHLight.png") no-repeat;
 }
.page-of-air .marker-level.levels9 {
    background: url("../images/common/HCHServer.png") no-repeat;
 }
.page-of-air .marker-level.levelsjubao {
  background: url("/public/static/images/common/JuBao.png") no-repeat;
}

.page-of-air .marker-level.level8,
.page-of-air .badge-level.level8 {
  background-color: #0c9baf;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(12, 155, 175, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(12, 155, 175, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(12, 155, 175, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(12, 155, 175, 0.25);
}
.page-of-air .marker-level.level9,
.page-of-air .badge-level.level9 {
  background-color: #3d354d;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(61, 53, 77, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(61, 53, 77, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(61, 53, 77, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(61, 53, 77, 0.25);
}
.page-of-air .marker-level.leve20,
.page-of-air .badge-level.leve20 {
  background-color: #6f8293;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(111, 130, 147, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(111, 130, 147, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(111, 130, 147, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(111, 130, 147, 0.25);
}
/* 地下水 */
.page-of-air .marker-level.leve21,
.page-of-air .badge-level.leve21 {
  background: url(/Images/water/21.png) no-repeat center center
}
.page-of-air .marker-level.leve22,
.page-of-air .badge-level.leve22 {
  background: url(/Images/water/22.png) no-repeat center center
}
.page-of-air .marker-level.leve23,
.page-of-air .badge-level.leve23 {
  background: url(/Images/water/23.png) no-repeat center center
}
.page-of-air .marker-level.leve24,
.page-of-air .badge-level.leve24 {
  background: url(/Images/water/24.png) no-repeat center center
}
.page-of-air .marker-level.leve25,
.page-of-air .badge-level.leve25 {
  background: url(/Images/water/25.png) no-repeat center center
}
.page-of-air .marker-level.leve26,
.page-of-air .badge-level.leve26 {
  background: url(/Images/water/26.png) no-repeat center center
}
/* 近岸水域 */
.page-of-air .marker-level.leve31,
.page-of-air .badge-level.leve31 {
  background: url(/Images/water/31.png) no-repeat center center
}
.page-of-air .marker-level.leve32,
.page-of-air .badge-level.leve32 {
  background: url(/Images/water/32.png) no-repeat center center
}
.page-of-air .marker-level.leve33,
.page-of-air .badge-level.leve33 {
  background: url(/Images/water/33.png) no-repeat center center
}
.page-of-air .marker-level.leve34,
.page-of-air .badge-level.leve24 {
  background: url(/Images/water/34.png) no-repeat center center
}
.page-of-air .marker-level.leve35,
.page-of-air .badge-level.leve35 {
  background: url(/Images/water/35.png) no-repeat center center
}

/* 近岸水域 */
.page-of-air .marker-level.leve31,
.page-of-air .badge-level.leve31 {
  background: url(/Images/water/31.png) no-repeat center center
}
.page-of-air .marker-level.leve32,
.page-of-air .badge-level.leve32 {
  background: url(/Images/water/32.png) no-repeat center center
}
.page-of-air .marker-level.leve33,
.page-of-air .badge-level.leve33 {
  background: url(/Images/water/33.png) no-repeat center center
}
.page-of-air .marker-level.leve34,
.page-of-air .badge-level.leve24 {
  background: url(/Images/water/34.png) no-repeat center center
}
.page-of-air .marker-level.leve35,
.page-of-air .badge-level.leve35 {
  background: url(/Images/water/35.png) no-repeat center center
}


/* 引用水源地 */
.page-of-air .marker-level.level11,
.page-of-air .badge-level.level11 {
  background: url(/Images/water/11.png) no-repeat center center
}
.page-of-air .marker-level.level12,
.page-of-air .badge-level.level12 {
  background: url(/Images/water/12.png) no-repeat center center
}
.page-of-air .marker-level.level13,
.page-of-air .badge-level.leve13 {
  background: url(/Images/water/13.png) no-repeat center center
}
.page-of-air .marker-level.level14,
.page-of-air .badge-level.level14 {
  background: url(/Images/water/14.png) no-repeat center center
}
.page-of-air .marker-level.level15,
.page-of-air .badge-level.level15 {
  background: url(/Images/water/15.png) no-repeat center center
}
.page-of-air .marker-level.level1100,
.page-of-air .badge-level.level1100 {
  background: url(/Images/water/1100.png) no-repeat center center
}

/* 黑臭河 */
.page-of-air .marker-level.levehch1,
.page-of-air .badge-level.levehch1 {
  background: url(/Images/water/hch1.png) no-repeat center center
}
.page-of-air .marker-level.levehch2,
.page-of-air .badge-level.levehch2 {
  background: url(/Images/water/hch2.png) no-repeat center center
}
.page-of-air .marker-level.levehch3,
.page-of-air .badge-level.levehch3 {
  background: url(/Images/water/hch3.png) no-repeat center center
}

.page-of-air .amap-layers > div {
  -webkit-filter: drop-shadow(0px 15px 15px rgba(62, 54, 78, 0.5));
  -moz-filter: drop-shadow(0px 15px 15px rgba(62, 54, 78, 0.5));
  filter: drop-shadow(0px 15px 15px rgba(62, 54, 78, 0.5));
}
.page-of-air .marker-level {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  /*&.level1{
      .filter-box(rgba(116, 192, 31, 0.5));
    }
    &.level2{
      .filter-box(rgba(212, 207, 24, 0.5));
    }
    &.level3{
      .filter-box(rgba(250, 135, 24, 0.5));
    }
    &.level4{
      .filter-box(rgba(209, 43, 43, 0.5));
    }
    &.level5{
      .filter-box(rgba(157, 33, 36, 0.5));
    }
    &.level6{
      .filter-box(rgba(105, 24, 136, 0.5));
    }
    &.level7{
      .filter-box(rgba(20, 22, 24, 0.5));
    }
    &.level8{
      .filter-box(rgba(12, 155, 175, 0.5));
    }
    &.level9{
      .filter-box(rgba(61, 53, 77, 0.5));
    }
    &.leve20{
      .filter-box(rgba(111, 130, 147, 0.5));
    }*/
}
.page-of-air .badge-level {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  -webkit-box-shadow: inherit !important;
  -moz-box-shadow: inherit !important;
  -o-box-shadow: inherit !important;
  box-shadow: inherit !important;
}
.page-of-air .nav-wrap {
  overflow: hidden;
}
.page-of-air .nav-panel {
  padding-bottom: 30px;
  padding-bottom: 0.3rem;
  margin: 40px auto auto auto;
  margin: 0.4rem auto auto auto;
  position: relative;
  z-index: 3;
  width: 542px;
  width: 5.42rem;
}
.page-of-air .nav-panel .map-column {
  float: left;
  margin-right: 20px;
  margin-right: 0.2rem;
  width: 99px;
  width: 0.99rem;
}
.page-of-air .nav-panel .map-column .map-logo {
  display: block;
  height: 89px;
  height: 0.89rem;
  line-height: 69px;
  line-height: 0.69rem;
  background: #fff url("../images/pages/map/map-logo.png") no-repeat top center;
  background-size:30px 30px;
  background-position:50% 11px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  border-radius: 3px;
  text-align: center;
}
.page-of-air .nav-panel .map-column .map-logo > i {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
 /* margin: 46px auto 0;
  margin: 0.46rem auto 0;*/
  width: 8px;
  width: 0.08rem;
  height: 4px;
  height: 0.04rem;

  background: url("../images/pages/map/arrow.png") no-repeat center top;
}
.page-of-air .nav-panel .map-column .map-logo > span {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  padding-top:18px;
  font-size:12px;
  *zoom: 1;


  height: 4px;
  height: 0.04rem;

}

.page-of-air .nav-panel .map-column > ul {
  display: none;
  margin-top: 1px;
  margin-top: 0.01rem;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
}
.page-of-air .nav-panel .map-column > ul > li {
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: 16px;
  font-size: 0.16rem;
  text-align: center;
}
.page-of-air .nav-panel .map-column > ul > li a {
  color: #262e3d;
}
.page-of-air .nav-panel .map-column > ul > li:hover {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background: #f2f2f2;
}
.page-of-air .nav-panel .map-column > ul > li.active {
  background: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.page-of-air .nav-panel .map-column > ul > li.active a {
  color: #247cd2;
}
.page-of-air .nav-panel .map-column:hover .map-logo > i {
  background-position: center bottom;
}
.page-of-air .nav-panel .map-column:hover > ul {
  display: block;
}
.page-of-air .nav-panel .map-nav {
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  overflow: hidden;
  border-radius: 3px;
}
.page-of-air .nav-panel .map-nav > ul > li {
  float: left;
  width: 20%;
}
.page-of-air .nav-panel .map-nav > ul > li > a {
  display: block;
  position: relative;
  padding-top: 5px;
  padding-top: 0.05rem;
  height: 61px;
  height: 0.61rem;
  text-align: center;
  font-size: 12px;
  font-size: 0.12rem;
  color: #8995ab;
  line-height: 25px;
  line-height: 0.25rem;
}
.page-of-air .nav-panel .map-nav > ul > li > a:after {
  display: block;
  content: '';
  top: 20px;
  top: 0.2rem;
  right: 0;
  position: absolute;
  width: 1px;
  width: 0.01rem;
  height: 38px;
  height: 0.38rem;
  background: #e6eaf2;
}
.page-of-air .nav-panel .map-nav > ul > li > a.last:after {
  display: none;
}
.page-of-air .nav-panel .map-nav > ul > li > a > i {
  display: block;
  height: 33px;
  height: 0.33rem;
}
.page-of-air .nav-panel .map-nav > ul > li > a > i.index {
  margin-top: 6px;
  margin-top: 0.06rem;
  height: 27px;
  height: 0.27rem;
  background: url("../images/pages/map/index.png") no-repeat center top;
}

.page-of-air .nav-panel .map-nav > ul > li > a > i.air {
  margin-top: 6px;
  margin-top: 0.06rem;
  height: 27px;
  height: 0.27rem;
  background: url("../images/pages/map/air.png") no-repeat center top;
}
.page-of-air .nav-panel .map-nav > ul > li > a > i.water {
  margin-top: 2px;
  margin-top: 0.02rem;
  height: 31px;
  height: 0.31rem;
  background: url("../images/pages/map/water.png") no-repeat center top;
}
.page-of-air .nav-panel .map-nav > ul > li > a > i.waste-gas {
  margin-top: 0px;
  margin-top: 0rem;
  height: 33px;
  height: 0.33rem;
  background: url("../images/pages/map/waste-gas.png") no-repeat center top;
}
.page-of-air .nav-panel .map-nav > ul > li > a > i.waste-water {
  margin-top: 2px;
  margin-top: 0.02rem;
  height: 31px;
  height: 0.31rem;
  background: url("../images/pages/map/waste-water.png") no-repeat center top;
}
.page-of-air .nav-panel .map-nav > ul > li > a > i.weather {
  margin-top: 2px;
  margin-top: 0.02rem;
  height: 31px;
  height: 0.31rem;
  //background: url("../images/pages/map/weather.png") no-repeat center top;
  background: url("../images/pages/map/LowCarbon.png") no-repeat center top;
}
.page-of-air .nav-panel .map-nav > ul > li > a > i.supplier {
  margin-top: 12px;
  margin-top: 0.02rem;
  height: 21px;
  height: 0.31rem;
  background: url("../images/pages/map/supplier.png") no-repeat center top;
}
.page-of-air .nav-panel .map-nav > ul > li > a > i.Enterprise {
  margin-top: 12px;
  margin-top: 0.04rem;
  height: 21px;
  height: 0.31rem;
  background: url("../images/pages/map/Enterprise.png") no-repeat center top;
}
.page-of-air .nav-panel .map-nav > ul > li.selected > a,
.page-of-air .nav-panel .map-nav > ul > li > a:hover {
  border-bottom: 3px solid #fff;
  color: #b8bbc2;
}
.page-of-air .nav-panel .map-nav > ul > li.selected > a > i,
.page-of-air .nav-panel .map-nav > ul > li > a:hover > i {
  background-position: center bottom;
}
.page-of-air .nav-panel .map-nav > ul > li.selected > a {
  border-color: #005596;
}

.page-of-air .side-panel {
  position: relative;
  z-index: 2;
  float: left;
  width: 408px;
  width: 4.08rem;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 .02rem .07rem rgba(0, 0, 0, 0.2);
}
.page-of-air .side-panel .arrow-btn {
  display: block;
  top: 0;
  right: -24px;
  right: -0.24rem;
  position: absolute;
  z-index: 9;
  border-left: none;
  width: 24px;
  width: 0.24rem;
  height: 58px;
  height: 0.58rem;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.page-of-air .side-panel .arrow-btn > i {
  display: block;
  margin: 24.5px auto 0;
  margin: 0.245rem auto 0;
  width: 5px;
  width: 0.05rem;
  height: 9px;
  height: 0.09rem;
  background: url("../images/pages/map/arrow-btn.png") no-repeat center top;
  background-size: 100%;
}
.page-of-air .side-panel .arrow-btn.arrow-right > i {
  background-position: center bottom;
}
.page-of-air .side-panel .arrow-btn.disabled {
  background-color: #ccc;
}
.page-of-air .side-panel .side-wrap {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.page-of-air .side-panel .side-wrap > h1 {
  border-bottom: 1px solid #e8e8e8;
  border-bottom: 0.01rem solid #e8e8e8;
  padding: 0 20px;
  padding: 0 0.2rem;
  height: 58px;
  height: 0.58rem;
  line-height: 58px;
  line-height: 0.58rem;
  font-size: 20px;
  font-size: 0.2rem;
  color: #262e3d;
  font-weight: 700;
  background-color: #f6f7f8;
  position: relative;
}
.page-of-air .side-panel .side-wrap > h1 .side-date {
  float: right;
  font-size: 12px;
  font-size: 0.12rem;
  color: #596477;
  font-weight: 300;
}
.page-of-air .side-panel .side-wrap .side-con {
  padding: 20px;
  padding: 0.2rem;
  background-color: #fff;
}
.page-of-air .side-panel .side-wrap .side-search .complex .input,
.page-of-air .side-panel .side-wrap .side-search .complex .input-small,
.page-of-air .side-panel .side-wrap .side-search .complex .input-mini,
.page-of-air .side-panel .side-wrap .side-search .complex .input-icon {
  height: 40px;
  height: 0.4rem;
  line-height: 38px;
  line-height: 0.38rem;
  *height: 38px;
  *line-height: 38px;
  color: #262e3d;
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-air .side-panel .side-wrap .side-search .complex .input-icon {
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
}
.page-of-air .side-panel .side-wrap .side-search .complex .button {
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
  min-width: 120px;
  min-width: 1.2rem;
}
.page-of-air .side-panel .side-wrap .side-search .form-filed {
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
}
.page-of-air .side-panel .side-wrap .side-search .form-filed .select,
.page-of-air .side-panel .side-wrap .side-search .form-filed .select-small,
.page-of-air .side-panel .side-wrap .side-search .form-filed .select-mini {
  width: 48%;
}
.page-of-air .side-panel .side-wrap .table-main .table-column table thead th {
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
  font-size: 14px;
  font-size: 0.14rem;
  color: #262e3d;
}
.page-of-air .side-panel .side-wrap .table-main .table-list tr td {
  font-size: 12px;
  font-size: 0.12rem;
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
}
.page-of-air .side-panel .side-wrap .pager-wrap {
  width: 401px;
  width: 4.01rem;
  background-color: #fdfdfe;
}
.page-of-air .side-panel .side-wrap .pager-wrap .pagination-wrap .pagination .pagers {
  line-height: 40px;
  line-height: 0.4rem;
}
.page-of-air .side-panel .side-wrap .side-ext {
  border-top: 1px solid #e6e8ea;
  border-top: 0.01rem solid #e6e8ea;
}
.page-of-air .side-panel .side-wrap .side-charts {
  margin-top: 22px;
  margin-top: 0.22rem;
  color: #596477;
}
.page-of-air .side-panel .side-wrap .side-charts h4 {
  font-size: 16px;
  font-size: 0.16rem;
}
.page-of-air .side-panel .side-wrap .side-charts li {
  float: left;
  width: 33.3%;
  margin-top: 13px;
  margin-top: 0.13rem;
  height: 20px;
  height: 0.2rem;
  line-height: 20px;
  line-height: 0.2rem;
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-air .side-panel .side-wrap .side-charts li em {
  width: 37px;
  width: 0.37rem;
  height: 20px;
  height: 0.2rem;
  line-height: 20px;
  line-height: 0.2rem;
  color: #fff;
  font-size: 10px;
  font-size: 0.1rem;
  text-align: center;
  float: left;
  margin-right: 5px;
  margin-right: 0.05rem;
  border-radius: 3px;
  font-style: normal;
}
.page-of-air .side-panel .side-wrap .side-source {
  margin: 30px 0px 0px;
  margin: 0.3rem 0rem 0rem;
  font-size: 12px;
  font-size: 0.12rem;
  color: #8d96a6;
}
.page-of-air .side-panel .side-wrap .side-source a {
  color: #247cd2;
  margin-bottom: 5px;
  margin-bottom: 0.05rem;
}
.page-of-air .section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.page-of-air .section-aside,
.page-of-air .section-ext {
  /* position: relative;
    z-index: 2;*/
}
.page-of-air .section-ext {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
}
.page-of-air .map-mark .mark {
  width: 25px;
  width: 0.25rem;
  height: 15px;
  height: 0.15rem;
  line-height: 15px;
  line-height: 0.15rem;
  text-align: center;
  font-size: 10px;
  font-size: 0.1rem;
  color: #fff;
  position: absolute;
  z-index: 999;
  border-radius: 3px;
  cursor: pointer;
}
.page-of-air .map-mark .mark.current .mark-detail {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-air .amap-info-content {
  opacity: 0.95;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  filter: alpha(opacity=95);
  border: none;
  padding: 22px;
  padding: 0.22rem;
  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.page-of-air .amap-info-close {
  right: 10px !important;
  top: 12px;
  width: 14px;
  width: 0.14rem;
  height: 14px;
  height: 0.14rem;
  font-size: 0;
  background: url("../images/pages/map/close.png") no-repeat center center;
  font-style: normal;
  cursor: pointer;
}
.page-of-air .amap-info-sharp {
  margin: 0 auto;
  overflow: hidden;
  width: 0;
  height: 0 !important;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff;
  background: none;
}
.page-of-air .mark-detail {
  text-align: left;
  color: #596477;
  font-size: 12px;
  font-size: 0.12rem;
  position: relative;
}
.page-of-air .mark-detail .mark-title {
  height: 22px;
  height: 0.22rem;
  line-height: 22px;
  line-height: 0.22rem;
}
.page-of-air .mark-detail .mark-title h4 {
  font-size: 16px;
  font-size: 0.16rem;
  color: #262e3d;
  float: left;
}
.page-of-air .mark-detail .mark-content p {
  height: 20px;
  height: 0.2rem;
  line-height: 20px;
  line-height: 0.2rem;
}
.page-of-air .mark-detail .mark-content p span {
  color: #262e3d;
}
.page-of-air .mark-detail .mark-content p em {
  width: 60px;
  width: 0.6rem;
  height: 16px;
  height: 0.16rem;
  line-height: 16px;
  line-height: 0.16rem;
  font-size: 12px;
  font-size: 0.12rem;
  text-align: center;
  font-style: normal;
  margin-left: 6px;
  margin-left: 0.06rem;
  color: #fff;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  border-radius: 2px;
}
.page-of-air .mark-detail .mark-content p em.level1 {
  background-color: #74c01f;
}
.page-of-air .mark-detail .mark-content p em.level2 {
  background-color: #d4cf18;
}
.page-of-air .mark-detail .mark-content p em.level3 {
  background-color: #fa8718;
}
.page-of-air .mark-detail .mark-content p em.level4 {
  background-color: #d12b2b;
}
.page-of-air .mark-detail .mark-content p em.level5 {
  background-color: #9d2124;
}
.page-of-air .mark-detail .mark-content p em.level6 {
  background-color: #691888;
}
.page-of-air .mark-detail .mark-content p em.level7 {
  background-color: #141618;
}
.page-of-air .mark-detail .mark-content p em.level8 {
  background-color: #0c9baf;
}
.page-of-air .mark-detail .mark-content p em.level9 {
  background-color: #3d354d;
}
.page-of-air .mark-detail .mark-content p em.leve20 {
  background-color: #6f8293;
}
.page-of-air .mark-detail .mark-content a {
  margin-top: 5px;
  margin-top: 0.05rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  color: #247cd2;
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-air .map-type {
  position: relative;
  z-index: 99;
  float: right;
  margin: 22px 15px auto auto;
  margin: 0.22rem 0.15rem auto auto;
  /*padding-bottom: 90px;
  padding-bottom: 0.9rem;*/
  width: 136px;
  width: 1.36rem;
}
.page-of-air .map-type .map-type-bg {
  position: relative;
  font-size: 14px;
  font-size: 0.14rem;
  color: #596477;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  border-radius: 3px;
}
.page-of-air .map-type .map-type-bg a {
  display: block;
  width: 44px;
  width: 0.44rem;
  height: 32px;
  height: 0.32rem;
  line-height: 32px;
  line-height: 0.32rem;
  text-align: center;
  font-size: 12px;
  font-size: 0.12rem;
  color: #8d96a6;
}
.page-of-air .map-type .map-type-bg.maptype-tab {
  float: left;
  margin-right: 10px;
  margin-right: 0.1rem;
  background: #fff;
}
.page-of-air .map-type .map-type-bg.maptype-tab a {
  float: left;
  margin: 4px 0;
  margin: 0.04rem 0;
  height: 24px;
  height: 0.24rem;
  line-height: 24px;
  line-height: 0.24rem;
}
.page-of-air .map-type .map-type-bg .map-kind {
  border-right: 1px solid #e5e5e5;
}
.page-of-air .map-type .map-type-bg .screen {
  background: url("../images/pages/map/screen.png") no-repeat center center;
}
.page-of-air .map-type .map-type-bg .full-screen {
  background: url("../images/pages/map/exit-full.png") no-repeat center center;
}
.page-of-air .map-type .map-type-bg .road {
  display: none;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  /*width: 89px;
  width: 0.89rem;fxyedit*/
  width:0.9rem;
  height: 136px;
  height: 1.36rem;
  margin-top: 15px;
  margin-top: 0.15rem;
  margin-left: -45px;
  margin-left: -0.45rem;
  border-radius: 3px;
  position: relative;
}
.page-of-air .map-type .map-type-bg .road > i {
  top: -6px;
  top: -0.06rem;
  right: 12px;
  right: 0.12rem;
  position: absolute;
  width: 0px;
  width: 0rem;
  height: 0px;
  height: 0rem;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
}
.page-of-air .map-type .map-type-bg .road .road-state {
  color: #8d96a6;
  padding: 12px 0px 0px 14px;
  padding: 0.12rem 0rem 0rem 0.14rem;
}
.page-of-air .map-type .map-type-bg .road .road-state p {
  float: left;
  margin-right: 12px;
  margin-right: 0.12rem;
}
.page-of-air .map-type .map-type-bg .road .road-state span {
  width: 13px;
  width: 0.13rem;
  height: 13px;
  height: 0.13rem;
  display: block;
}
.page-of-air .map-type .map-type-bg .road .road-state .badge-green {
  background: #00d800;
}
.page-of-air .map-type .map-type-bg .road .road-state .badge-orange {
  background: #ef7b00;
}
.page-of-air .map-type .map-type-bg .road .road-state .badge-red {
  background: #ef1416;
}
.page-of-air .map-type .map-type-bg .road .road-time {
  font-size: 24px;
  font-size: 0.24rem;
  color: #262e3d;
  padding: 10px 0px;
  padding: 0.1rem 0rem;
}
.page-of-air .map-type .map-type-bg .road .road-refresh {
  width: 67px;
  width: 0.67rem;
  text-align: center;
  height: 27px;
  height: 0.27rem;
  line-height: 27px;
  line-height: 0.27rem;
  border: 1px solid #babfc6;
  color: #596477;
  font-weight: bold;
  cursor: pointer;
}
.page-of-air .map-type .map-type-bg .current {
  color: #005596;
  font-weight: bold;
}
.page-of-air .map-type .map-type-bg .current .road {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-air .map-type .map-zoom {
  margin-top: 10px;
  margin-top: 0.1rem;
  background-color: #fff;
}
.page-of-air .map-type .map-zoom a.magnify {
  background: url("../images/pages/map/magnify.png") no-repeat center center;
  border-bottom: 1px solid #e5e5e5;
}
.page-of-air .map-type .map-zoom .narrow {
  background: url("../images/pages/map/narrow.png") no-repeat center center;
}
.page-of-air .map-type .map-tool {
  padding: 0 5px 10px 0;
  padding: 0 0.05rem 0.1rem 0;
  overflow: hidden;
}
.page-of-air .map-type .map-tool .map-type-bg {
  border-radius: 3px;
  overflow: hidden;
}
.page-of-air .map-type .map-tool .map-type-bg a {
  width: 32px;
  width: 0.32rem;
  background-color: #fff;
}
.page-of-air .map-type .map-tool .map-type-bg.map-zoom a {
  margin: 0 2px;
  margin: 0 0.02rem;
  width: 28px;
  width: 0.28rem;
  height: 30px;
  height: 0.3rem;
  line-height: 30px;
  line-height: 0.3rem;
}
.page-of-air .refresh-btn {
  display: none;
  outline: none;
  border: none;
  right: 60px;
  right: 0.6rem;
  bottom: 80px;
  bottom: 0.8rem;
  position: fixed;
  z-index: 9999;
  padding: 0 20px;
  padding: 0 0.2rem;
  max-width: 140px;
  max-width: 1.4rem;
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
  font-size: 16px;
  font-size: 0.16rem;
  color: #db393c;
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  cursor: pointer;
}
.page-of-air .map-level {
  padding-left: 72px;
  padding-left: 0.72rem;
  width: 72px;
  width: 0.72rem;
  right: -66px;
  right: -0.66rem;
  bottom: 68px;
  bottom: 0.68rem;
  position: absolute;
  z-index: 2;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.page-of-air .map-level .map-level-list {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  border-radius: 30px 0px 0px 30px;
  overflow: hidden;
}
.page-of-air .map-level .map-level-list li {
  height: 50px;
  height: 0.5rem;
  line-height: 18px;
  line-height: 0.18rem;
  color: #fff;
  font-size: 10px;
  font-size: 0.1rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}
.page-of-air .map-level .map-level-list li span {
  display: block;
  color: #fff;
  padding-top: 6px;
  padding-top: 0.06rem;
  line-height: 44px;
}
.page-of-air .map-level .map-level-list .first {
  height: 58px;
  height: 0.58rem;
  border-radius: 30px 0px 0px 0px;
}
.page-of-air .map-level .map-level-list .first span {
  padding-top: 14px;
  padding-top: 0.14rem;
}
.page-of-air .map-level .map-level-list .last {
  height: 58px;
  height: 0.58rem;
  border-radius: 0px 0px 0px 30px;
}
.page-of-air .map-level:hover {
  right: 0 !important;
}
.page-of-air .map-level.waste-gas-level {
  width: 50px;
  width: 0.5rem;
  right: -44px;
  right: -0.44rem;
  bottom: 68px;
  bottom: 0.68rem;
  position: fixed;
}
.page-of-air .map-level.waste-gas-level .map-level-list li {
  padding: 10px 0;
  padding: 0.1rem 0;
  font-size: 12px;
  font-size: 0.12rem;
  line-height: 1;
  line-height: 1 0.3rem;
  height: 30px;
  height: 0.3rem;
  line-height: 30px;
}
.page-of-air .map-level.waste-gas-level .map-level-list li > span {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-air .map-level.waste-gas-level .map-level-list li .map-level-des {
  padding: 0;
  line-height: normal;
  text-align: center;
}
.page-of-air .map-level.waste-gas-level .first {
  height: 38px !important;
  line-height: 38px !important;
}
.page-of-air .map-level.waste-gas-level .first span {
  padding-top: 14px;
  padding-top: 0.14rem;
}
.page-of-air .map-level.waste-gas-level .last {
  height: 38px !important;
}
.page-of-air .map-level.water {
  width: 40px;
  width: 0.4rem;
  right: -34px;
  right: -0.34rem;
  bottom: 68px;
  bottom: 0.68rem;
  position: fixed;
}
.page-of-air .map-level.water .map-level-list li {
  padding: 10px 0;
  padding: 0.1rem 0;
  font-size: 12px;
  font-size: 0.12rem;
  line-height: 1;
  line-height: 1 0.3rem;
  height: 30px;
  height: 0.3rem;
  line-height: 30px;
}
.page-of-air .map-level.water .map-level-list li > span {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-air .map-level.water .map-level-list li .map-level-des {
  padding: 0;
  line-height: normal;
  text-align: center;
}
.page-of-air .map-level.water .first {
  height: 38px !important;
  line-height: 38px !important;
}
.page-of-air .map-level.water .first span {
  padding-top: 14px;
  padding-top: 0.14rem;
}
.page-of-air .map-level.water .last {
  height: 38px !important;
}
.page-of-air .map-level.black-water {
  width: 50px;
  width: 0.5rem;
  right: -44px;
  right: -0.44rem;
  bottom: 68px;
  bottom: 0.68rem;
  position: fixed;
}
.page-of-air .map-level.black-water .map-level-list li {
  padding: 10px 0;
  padding: 0.1rem 0;
  font-size: 12px;
  font-size: 0.12rem;
  line-height: 1;
  line-height: 1 0.3rem;
  height: 30px;
  height: 0.3rem;
  line-height: 30px;
}
.page-of-air .map-level.black-water .map-level-list li > span {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-air .map-level.black-water .map-level-list li .map-level-des {
  padding: 0;
  line-height: normal;
  text-align: center;
}
.page-of-air .map-level.black-water .first {
  height: 38px !important;
  line-height: 38px !important;
}
.page-of-air .map-level.black-water .first span {
  padding-top: 14px;
  padding-top: 0.14rem;
}
.page-of-air .map-level.black-water .last {
  height: 38px !important;
}
.page-of-air .side-city .side-wrap h1 > a.icon-arrow-left {
  background: url("../images/pages/map/arrow-left.png") no-repeat left center;
  padding-left: 30px;
  padding-left: 0.3rem;
  vertical-align: top;
  cursor: pointer;
}
.page-of-air .side-city .side-title {
  color: #596477;
  margin-bottom: 12px;
  margin-bottom: 0.12rem;
  line-height: 18px;
  line-height: 0.18rem;
}
.page-of-air .side-city .side-title h1 {
  font-size: 16px;
  font-size: 0.16rem;
}
.page-of-air .side-city .side-title span {
  color: #596477;
  color: rgba(89, 100, 119, 0.6);
  font-size: 12px;
  font-size: 0.12rem;
}
.page-of-air .side-city .city-charts {
  margin-top: 22px;
  margin-top: 0.22rem;
  color: #596477;
}
.page-of-air .side-city .city-charts h4 {
  float: left;
  font-size: 16px;
  font-size: 0.16rem;
}
.page-of-air .side-city .city-charts .city-select {
  position: relative;
  z-index: 99;
}
.page-of-air .side-city .city-charts .city-select .city-select-column {
  border: 1px solid #fff;
  border-bottom: 0;
  display: block;
  font-size: 12px;
  font-size: 0.12rem;
  height: 26px;
  height: 0.26rem;
  line-height: 26px;
  line-height: 0.26rem;
  border-radius: 5px 5px 0px 0px;
  padding: 0 10px;
  padding: 0 0.1rem;
  z-index: 99;
  position: relative;
}
.page-of-air .side-city .city-charts .city-select i {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
  margin: 10px auto 0 5px;
  margin: 0.1rem auto 0 0.05rem;
  width: 8px;
  width: 0.08rem;
  height: 5px;
  height: 0.05rem;
  background: url("../images/pages/map/arrow.png") no-repeat center top;
}
.page-of-air .side-city .city-charts .city-select > ul {
  top: 26px;
  top: 0.26rem;
  right: 0px;
  right: 0rem;
  position: absolute;
  background: #fff;
  width: 150px;
  width: 1.5rem;
  border-radius: 5px 0px 5px 5px;
  z-index: 8;
  overflow: hidden;
  display: none;
}
.page-of-air .side-city .city-charts .city-select > ul > li {
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  text-align: center;
  font-size: 12px;
  font-size: 0.12rem;
  color: #596477;
}
.page-of-air .side-city .city-charts .city-select > ul > li span {
  font-size: 16px;
  font-size: 0.16rem;
  color: #262e3d;
}
.page-of-air .side-city .city-charts .city-select > ul > li span em {
  font-style: normal;
  font-size: 12px;
  font-size: 0.12rem;
}
.page-of-air .side-city .city-charts .city-select > ul > li:hover {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background: #f2f2f2;
}
.page-of-air .side-city .city-charts .city-select > ul > li:active {
  color: #005596;
  background: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.page-of-air .side-city .city-charts .city-select > ul > li:active span,
.page-of-air .side-city .city-charts .city-select > ul > li:active a {
  color: #005596;
}
.page-of-air .side-city .city-charts .city-select.current .city-select-column {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: none;
  -webkit-box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.15);
}
.page-of-air .side-city .city-charts .city-select.current .city-select-column i {
  background-position: center bottom;
}
.page-of-air .side-city .city-charts .city-select.current ul {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
}
.page-of-air .side-city .city-charts .city-search {
  margin-top: 15px;
  margin-top: 0.15rem;
}
.page-of-air .side-city .city-charts .city-search .input-icon {
  width: 155px;
  width: 1.55rem;
  width: 150px \9;
  min-width: 100px;
  height: 38px;
  height: 0.38rem;
}
.page-of-air .side-city .city-charts .city-search .input-icon .input,
.page-of-air .side-city .city-charts .city-search .input-icon .input-small,
.page-of-air .side-city .city-charts .city-search .input-icon .input-mini,
.page-of-air .side-city .city-charts .city-search .input-icon .input-icon {
  position: relative;
  z-index: 2;
  line-height: 38px;
  line-height: 0.38rem;
  background-color: transparent;
  font-size: 14px;
  font-size: 0.14rem;
  color: #596477;
  padding-left: 42px;
  padding-left: 0.42rem;
}
.page-of-air .side-city .city-charts .city-search .input-icon .icon {
  margin-top: -12px;
  margin-top: -0.12rem;
}
.page-of-air .side-city .city-charts .city-search span {
  margin: 0px 6px;
  margin: 0rem 0.06rem;
  line-height: 38px;
  line-height: 0.38rem;
}
.page-of-air .chart-con {
  position: relative;
  z-index: 1;
  margin: 0 0 15px;
  margin: 0 0 0.15rem;
}
.page-of-air .chart-con .chart {
  height: 230px;
  height: 2.3rem;
}
.page-of-air .chart-con .chart-tip-wrap {
  color: #fff;
  font-size: 10px;
  font-size: 0.1rem;
  line-height: 22px;
  line-height: 0.22rem;
}
.page-of-air .switch-con {
  text-align: center;
}
.page-of-air .switch-con > a {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
  padding: 0 10px;
  padding: 0 0.1rem;
  border-radius: 2px;
  font-size: 14px;
  font-size: 0.14rem;
  color: #253042;
  line-height: 23px;
  line-height: 0.23rem;
}
.page-of-air .switch-con > a.current {
  background-color: #e9eff4;
}
.page-of-air .switch-con > a.disabled {
  background-color: #ccc;
  cursor: default;
}
.page-of-air .date .date-title {
  text-align: center;
}
.page-of-air .date .date-title h2 {
  color: #596477;
  font-size: 12px;
  font-size: 0.12rem;
}
.page-of-air .date .date-title h2 .date-name {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  vertical-align: top;
  margin: 10px 5px 0px 0px;
  margin: 0.1rem 0.05rem 0rem 0rem;
}
.page-of-air .date .date-title h2 .date-number {
  color: #262e3d;
  font-size: 35px;
  font-size: 0.35rem;
}
.page-of-air .date .date-title p {
  width: 81px;
  width: 0.81rem;
  height: 18px;
  height: 0.18rem;
  line-height: 18px;
  line-height: 0.18rem;
  color: #fff;
  font-size: 12px;
  font-size: 0.12rem;
  border-radius: 10px;
  margin: 0px auto;
  margin: 0rem auto;
}
.page-of-air .date .date-list {
  color: #596477;
  font-size: 12px;
  font-size: 0.12rem;
  margin-bottom: 30px;
  margin-bottom: 0.3rem;
}
.page-of-air .date .date-list li {
  width: 170px;
  width: 1.7rem;
  margin-top: 16px;
  margin-top: 0.16rem;
  display: inline-block;
}
.page-of-air .date .date-list li.float-start{
    float:none;
}
.page-of-air .date .date-list li h6 {
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-air .date .date-list li h6 em {
  font-size: 8px;
  font-size: 0.08rem;
  font-style: normal;
}
.page-of-air .date .date-list li .primary-pollution {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-left: 10px;
  margin-left: 0.1rem;
  border: 1px solid #f20000;
  padding: 0 10px;
  padding: 0 0.1rem;
  height: 18px;
  height: 0.18rem;
  line-height: 18px;
  line-height: 0.18rem;
  color: #f20000;
  font-size: 10px;
  font-size: 0.1rem;
  border-radius: 18px;
}
.page-of-air .date .date-list li p {
  line-height: 22px;
  line-height: 0.22rem;
}
.page-of-air .date .date-list li p span {
  font-size: 21px;
  font-size: 0.21rem;
  color: #262e3d;
}
.page-of-air .date .date-list li .progress {
  height: 3px;
  height: 0.03rem;
  background: #e5e5e5;
  border-radius: 1px;
}
.page-of-air .date .date-list li .progress .progress-bar {
  height: 3px;
  height: 0.03rem;
  width: 0;
}
.page-of-air .waring-tip {
  border-bottom: 1px solid #f2b1b1;
  padding: 0 20px;
  padding: 0 0.2rem;
  line-height: 22px;
  line-height: 0.22rem;
  font-size: 12px;
  font-size: 0.12rem;
  color: #db393c;
  background-color: #f8c4c5;
}
.page-of-air .side-an {
  position: relative;
  width: 362px;
  width: 3.62rem;
  overflow: hidden;
}
.page-of-air .side-an.current {
  position: static;
  overflow: visible;
}
.page-of-air .side-an:after {
  display: block;
  content: '';
  top: 0;
  right: 0px;
  right: 0rem;
  position: absolute;
  z-index: 2;
  width: 22px;
  height: 100%;
  background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.95) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(255, 255, 255, 0.95)));
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.95) 100%);
  background: -o-linear-gradient(right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.95) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.95) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.95) 100%);
}
.page-of-air .side-an .switch-arrow-btn {
  display: block;
  width: 20px;
  width: 0.2rem;
  text-align: center;
  cursor: pointer;
}
.page-of-air .side-an .switch-arrow-btn > i {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 10px;
  width: 0.1rem;
  height: 8px;
  height: 0.08rem;
  background: url("../images/pages/map/an.png") no-repeat center bottom;
}
.page-of-air .side-an .switch-arrow-btn.arrow-right > i {
  background-position: center top;
}
.page-of-air .side-an .side-title {
  width: 365px;
  width: 3.65rem;
}
.page-of-air .side-an .table-company {
  background: #fbfbfc;
}
.page-of-air .side-an .table-company .table-column th {
  line-height: 16px !important;
  line-height: 0.16rem !important;
  padding: 3px 0px;
  padding: 0.03rem 0rem;
  border-right: 1px solid #d9dfe5;
}
.page-of-air .side-an .table-company .table-column th span {
  display: block;
  font-size: 12px;
  font-size: 0.12rem;
  color: #8d96a6;
  font-weight: 100;
}
.page-of-air .side-an .table-company .table-column th:last-child {
  border-right: 0;
}
.page-of-air .side-an .table-company .table-list tr:nth-child(2n) {
  background: #f3f3f5;
}
.page-of-air .side-an .table-company .table-list td {
  border-right: 1px solid #e6e8ea;
}
.page-of-air .side-an .table-company .table-list td.first {
  background: #fdfdfd;
  border-right: 1px solid #e6e8ea;
}
.page-of-air .side-an .table-company .table-list td.last {
  background: #fdfdfd;
  border-right: 0;
  line-height: 18px;
  line-height: 0.18rem;
}
.page-of-air .side-an .table-company .table-list .red {
  color: #f00;
}
.page-of-air .side-an .side-an-info {
  width: 540px;
  width: 5.4rem;
}
.page-of-air .side-an.current .side-an-info {
  border-radius: 3px;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 3px 0px 18px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 0px 18px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 3px 0px 18px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 0px 18px rgba(0, 0, 0, 0.2);
  padding: 20px;
  padding: 0.2rem;
  z-index: 998;
}
.page-of-air .side-an.current .side-an-info:after {
  display: none;
}
.page-of-air .side-an.current .side-an-info .side-title {
  width: 100%;
}
.page-of-air .side-an.current .side-an-info .pager-wrap {
  width: auto !important;
}
.page-of-waste-gas .side-panel .table-list a {
  color: #247CD2;
}
.page-of-waste-gas .side-panel .table-list .view-info {
  margin-left: 26px;
  margin-left: 0.26rem;
}
.page-of-waste-gas .side-panel .icon-view-record {
  width: 14px;
  width: 0.14rem;
  height: 17px;
  height: 0.17rem;
  background: url("../images/pages/map/file.png") no-repeat;
  vertical-align: text-top;
  margin-right: 4px;
  margin-right: 0.04rem;
}
.page-of-waste-gas .side-panel .side-an .side-an-info {
  width: 640px;
  width: 6.4rem;
}
.page-of-waste-gas .side-panel .side-source .statistics-ext {
  padding-top: 10px;
  padding-top: 0.1rem;
}
.page-of-waste-gas .side-panel .side-source .statistics-ext li strong {
  font-size: 22px;
  font-size: 0.22rem;
}
.page-of-waste-gas .side-panel .side-source .statistics-ext li .text-info {
  color: #db393c;
}
.page-of-waste-gas .mark-table {
  border: 1px solid #e6e8ea;
  border-left: 0;
  border-right: 0;
  padding: 10px 0px;
  padding: 0.1rem 0rem;
  margin: 16px 0px 10px;
  margin: 0.16rem 0rem 0.1rem;
}
.page-of-waste-gas .mark-table th {
  color: #b8bbc2;
}
.page-of-waste-gas .mark-table th,
.page-of-waste-gas .mark-table td {
  line-height: 22px;
}
.page-of-waste-gas .mark-table .strong-text {
  font-size: 12px;
  font-size: 0.12rem;
}
.page-of-waste-gas .mark-detail .mark-content p {
  color: #262e3d;
  font-size: 12px;
  font-size: 0.12rem;
}
.page-of-waste-gas .mark-detail .mark-content .time {
  margin-top: 22px;
  margin-top: 0.22rem;
}
.page-of-waste-gas .mark-detail .mark-content .info-link {
  display: block;
  margin: 0;
  padding-top: 22px;
  padding-top: 0.22rem;
  text-align: center;
  line-height: normal;
}
.page-of-waste-gas .mark-detail .mark-content .operation-success {
  background: url("../images/pages/map/ok.png") no-repeat 0px 3px;
  padding-left: 18px;
  padding-left: 0.18rem;
}
.page-of-waste-gas .marker-level {
  border: 2px solid transparent;
  width: 26px;
  width: 0.26rem;
  height: 20px;
  height: 0.2rem;
  line-height: 20px;
  line-height: 0.2rem;
  position: relative;
  color: #fff;
}
.page-of-waste-gas .marker-level em {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  bottom: -8px;
  bottom: -0.08rem;
  left: 7px;
  left: 0.07rem;
  position: absolute;
  width: 0px;
  width: 0rem;
  height: 0px;
  height: 0rem;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.page-of-waste-gas .marker-level .icon-feedback-samll {
  top: -2px;
  top: -0.02rem;
  left: -2px;
  left: -0.02rem;
  position: absolute;
  width: 13px;
  width: 0.13rem;
  height: 13px;
  height: 0.13rem;
  background: url("../images/pages/waste/feedback-small.png") no-repeat;
}
.page-of-waste-gas .marker-level.level1 {
  border-color: #2f7bf7;
  background: #4076ce;
  background: -moz-linear-gradient(top, #2967cf 0%, #2162cc 50%, #2967cf 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2967cf), color-stop(50%, #2162cc), color-stop(100%, #2967cf));
  background: -webkit-linear-gradient(top, #2967cf 0%, #2162cc 50%, #2967cf 100%);
  background: -o-linear-gradient(top, #2967cf 0%, #2162cc 50%, #2967cf 100%);
  background: -ms-linear-gradient(top, #2967cf 0%, #2162cc 50%, #2967cf 100%);
  background: linear-gradient(to bottom, #2967cf 0%, #2162cc 50%, #2967cf 100%);
  -webkit-box-shadow: 0px 10px 15px rgba(23, 177, 109, 0.25);
  -moz-box-shadow: 0px 10px 15px rgba(23, 177, 109, 0.25);
  -o-box-shadow: 0px 10px 15px rgba(23, 177, 109, 0.25);
  box-shadow: 0px 10px 15px rgba(23, 177, 109, 0.25);
}
.page-of-waste-gas .marker-level.level1 em {
  border-top: 7px solid #2f7bf7;
}
.page-of-waste-gas .marker-level.level2 {
  border-color: #ef1c24;
  background: #b92a31;
  background: -moz-linear-gradient(top, #be4045 0%, #d24248 50%, #be4045 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #be4045), color-stop(50%, #d24248), color-stop(100%, #be4045));
  background: -webkit-linear-gradient(top, #be4045 0%, #d24248 50%, #be4045 100%);
  background: -o-linear-gradient(top, #be4045 0%, #d24248 50%, #be4045 100%);
  background: -ms-linear-gradient(top, #be4045 0%, #d24248 50%, #be4045 100%);
  background: linear-gradient(to bottom, #be4045 0%, #d24248 50%, #be4045 100%);
  -webkit-box-shadow: 0px 10px 15px rgba(192, 18, 25, 0.25);
  -moz-box-shadow: 0px 10px 15px rgba(192, 18, 25, 0.25);
  -o-box-shadow: 0px 10px 15px rgba(192, 18, 25, 0.25);
  box-shadow: 0px 10px 15px rgba(192, 18, 25, 0.25);
}
.page-of-waste-gas .marker-level.level2 em {
  border-top: 7px solid #ef1c24;
}
.page-of-waste-gas .marker-level.level3 {
  border-color: #787580;
  background: #4f5259;
  background: -moz-linear-gradient(top, #56545b 0%, #605d66 50%, #56545b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56545b), color-stop(50%, #605d66), color-stop(100%, #56545b));
  background: -webkit-linear-gradient(top, #56545b 0%, #605d66 50%, #56545b 100%);
  background: -o-linear-gradient(top, #56545b 0%, #605d66 50%, #56545b 100%);
  background: -ms-linear-gradient(top, #56545b 0%, #605d66 50%, #56545b 100%);
  background: linear-gradient(to bottom, #56545b 0%, #605d66 50%, #56545b 100%);
  -webkit-box-shadow: 0px 10px 15px rgba(58, 46, 85, 0.25);
  -moz-box-shadow: 0px 10px 15px rgba(58, 46, 85, 0.25);
  -o-box-shadow: 0px 10px 15px rgba(58, 46, 85, 0.25);
  box-shadow: 0px 10px 15px rgba(58, 46, 85, 0.25);
}
.page-of-waste-gas .marker-level.level3 em {
  border-top: 7px solid #787580;
}
.page-of-waste-gas .marker-level.un-feedback .icon-feedback-samll {
  display: none;
}
.page-of-waste-gas.page-of-waste-water .marker-level {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  border: 2px solid transparent;
  width: 36px;
  width: 0.36rem;
  height: 40px;
  height: 0.4rem;
  line-height: 36px;
  line-height: 0.36rem;
  position: relative;
  color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.page-of-waste-gas.page-of-waste-water .marker-level em {
  display: none;
}
.page-of-waste-gas.page-of-waste-water .marker-level .icon-feedback-samll {
  display: none;
}
.page-of-waste-gas.page-of-waste-water .marker-level.level1 {
  background: url("../images/pages/waste/m1.png") no-repeat center center;
}
.page-of-waste-gas.page-of-waste-water .marker-level.level2 {
  background: url("../images/pages/waste/m2.png") no-repeat center center;
}
.page-of-waste-gas.page-of-waste-water .marker-level.level3 {
  background: url("../images/pages/waste/m3.png") no-repeat center center;
}
.page-of-waste-gas.page-of-waste-water .marker-level.level4 {
  background: url("../images/pages/waste/m4.png") no-repeat center center;
}
.page-of-waste-gas.page-of-waste-water .marker-level.level5 {
  background: url("../images/pages/waste/m5.png") no-repeat center center;
}
.page-of-waste-gas .waste-gas-level .badge-level {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
.page-of-waste-gas .waste-gas-level li {
  color: rgba(255, 255, 255, 0.5);
}
.page-of-waste-gas .waste-gas-level li span {
  color: inherit!important;
}
.page-of-waste-gas .waste-gas-level li.level1 {
  background: #4076ce;
}
.page-of-waste-gas .waste-gas-level li.level2 {
  background: #b92a31;
}
.page-of-waste-gas .waste-gas-level li.level3 {
  background: #4f5259;
}
.page-of-waste-gas .waste-gas-level li.level4 {
  background: #fafcfe;
  color: #8d96a6;
}
.page-of-waste-gas .waste-gas-level li.level4 em {
  color: #596477;
  display: block;
  margin: 0px auto;
  margin: 0rem auto;
}
.page-of-waste-gas .waste-gas-level li.level5 {
  background: #fafcfe;
  color: #596477;
}
.page-of-waste-gas .waste-gas-level li .icon-feedback {
  width: 16px;
  width: 0.16rem;
  height: 15px;
  height: 0.15rem;
  display: block;
  margin: 0px auto;
  margin: 0rem auto;
  background: url("../images/pages/waste/feedback.png") no-repeat;
}
.page-of-waste-gas .waste-gas-level li.last {
  border-top: 1px solid #e4eaf3;
}
.page-of-air .side-panel .side-wrap .water-title {
  margin: 30px 0 0;
  margin: 0.3rem 0 0;
  background: none;
  border: none;
  line-height: normal;
  height: auto;
}
.page-of-air .side-panel .side-wrap .side-source {
  margin: 12px 0 0;
  margin: 0.12rem 0 0;
}
.page-of-air .side-panel .side-wrap .chart-base-line {
  margin: 20px 0;
  margin: 0.2rem 0;
  font-size: 12px;
  font-size: 0.12rem;
  color: #596477;
}
.page-of-air .side-panel .side-wrap .chart-base-line .base-line {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-right: 5px;
  margin-right: 0.05rem;
  width: 20px;
  width: 0.2rem;
  height: 2px;
  height: 0.02rem;
  background: #ec951a;
}
.page-of-air.page-of-water .side-panel .side-wrap .side-search .form-filed .select,
.page-of-air.page-of-water .side-panel .side-wrap .side-search .form-filed .select-small,
.page-of-air.page-of-water .side-panel .side-wrap .side-search .form-filed .select-mini {
  margin-right: 5px;
  margin-right: 0.05rem;
  width: 31%;
  width: 30% \9;
  min-width: 0;
}
.page-of-air.page-of-water .side-panel .side-wrap .side-search .form-filed .select.half,
.page-of-air.page-of-water .side-panel .side-wrap .side-search .form-filed .select-small.half,
.page-of-air.page-of-water .side-panel .side-wrap .side-search .form-filed .select-mini.half {
  width: 48%;
}
.page-of-air.page-of-water .marker-level.level0,
.page-of-air.page-of-water .badge-level.level0 {
  background: url(/Images/water/haiwai.png) no-repeat center center
}
.page-of-air.page-of-water .marker-level.level1,
.page-of-air.page-of-water .badge-level.level1 {
  background-color: #11d1e2;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(17, 209, 226, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(17, 209, 226, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(17, 209, 226, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(17, 209, 226, 0.25);
}
.page-of-air.page-of-water .marker-level.level2,
.page-of-air.page-of-water .badge-level.level2 {
  background-color: #2ecc77;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(46, 204, 119, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(46, 204, 119, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(46, 204, 119, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(46, 204, 119, 0.25);
}
.page-of-air.page-of-water .marker-level.level3,
.page-of-air.page-of-water .badge-level.level3 {
  background-color: #f0892e;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(240, 137, 46, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(240, 137, 46, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(240, 137, 46, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(240, 137, 46, 0.25);
}
.page-of-air.page-of-water .marker-level.level4,
.page-of-air.page-of-water .badge-level.level4 {
  background-color: #dd4444;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(221, 68, 68, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(221, 68, 68, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(221, 68, 68, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(221, 68, 68, 0.25);
}
.page-of-air.page-of-water .marker-level.level5,
.page-of-air.page-of-water .badge-level.level5 {
  background-color: #7d6025;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(125, 96, 37, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(125, 96, 37, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(125, 96, 37, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(125, 96, 37, 0.25);
}
.page-of-air.page-of-water .marker-level.level6,
.page-of-air.page-of-water .badge-level.level6 {
  background-color: #3e364e;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(62, 54, 78, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(62, 54, 78, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(62, 54, 78, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(62, 54, 78, 0.25);
}
.page-of-air.page-of-water .marker-level.level7,
.page-of-air.page-of-water .badge-level.level7 {
  background-color: #3e364e;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(62, 54, 78, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(62, 54, 78, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(62, 54, 78, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(62, 54, 78, 0.25);
}
.page-of-air.page-of-water .marker-level.level8,
.page-of-air.page-of-water .badge-level.level8 {
  background-color: #708395;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(112, 131, 149, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(112, 131, 149, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(112, 131, 149, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(112, 131, 149, 0.25);
}
.page-of-air.page-of-water .marker-level.level9,
.page-of-air.page-of-water .badge-level.level9 {
  background-color: #3e364e;
  -webkit-box-shadow: 0px 15px 15px 0px rgba(62, 54, 78, 0.25);
  -moz-box-shadow: 0px 15px 15px 0px rgba(62, 54, 78, 0.25);
  -o-box-shadow: 0px 15px 15px 0px rgba(62, 54, 78, 0.25);
  box-shadow: 0px 15px 15px 0px rgba(62, 54, 78, 0.25);
}
.page-of-air.page-of-water .marker-level {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  /* &.level1{
        .filter-box(rgba(17, 209, 226, 0.5));
      }
      &.level2{
        .filter-box(rgba(46, 204, 119, 0.5));
      }
      &.level3{
        .filter-box(rgba(240, 137, 46, 0.5));
      }
      &.level4{
        .filter-box(rgba(221, 68, 68, 0.5));
      }
      &.level5{
        .filter-box(rgba(125, 96, 37, 0.5));
      }
      &.level6{
        .filter-box(rgba(62, 54, 78, 0.5));
      }
      &.level7{
        .filter-box(rgba(62, 54, 78, 0.5));
      }
      &.level8{
        .filter-box(rgba(112, 131, 149, 0.5));
      }
      &.level9{
        .filter-box(rgba(62, 54, 78, 0.5));
      }*/
}
.page-of-air.page-of-water .side-panel .side-wrap .side-charts li {
  line-height: 27px !important;
  line-height: 0.27rem !important;
}
.page-of-air.page-of-water .side-panel .side-wrap .side-charts li .badge-level {
  width: 27px !important;
  width: 0.27rem !important;
  height: 27px !important;
  height: 0.27rem !important;
  line-height: 27px !important;
  line-height: 0.27rem !important;
  border-radius: 27px !important;
}
.page-of-air .side-panel .side-tab .side-tab-list {
    border-bottom: 1px solid #e8e8e8;
    border-bottom: 0.01rem solid #e8e8e8;
    /* padding: 0 30px; */
    padding: 0 0.1rem;
    height: 58px;
    height: 0.58rem;
    line-height: 58px;
    line-height: 0.58rem;
    font-size: 20px;
    font-size: 0.2rem;
    font-weight: 700;
    background-color: #f6f7f8;
    /* text-align: center; */
    position: relative;
}
.page-of-air .side-panel .side-tab .side-tab-list a {
  width: 80px;
  width: 0.8rem;
  color: #262e3d;
  text-align: center;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  height: 52px;
  height: 0.52rem;
  line-height: 52px;
  line-height: 0.52rem;
  margin: 0 16px;
  margin: 0 0.16rem;
}
.page-of-air .side-panel .side-tab .side-tab-list a.current {
  color: #005596;
  border-bottom: 3px solid #005596;
}
.page-of-air .side-panel .side-tab .section-title {
  background: none;
  border: 0;
  font-size: 20px;
  font-size: 0.2rem;
  color: #262e3d;
  padding: 5px 30px 10px;
  padding: 0.05rem 0.3rem 0.1rem;
}
.page-of-air .marker-radius {
  width: 26px;
  width: 0.26rem;
  height: 26px;
  height: 0.26rem;
  line-height: 26px;
  line-height: 0.26rem;
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}
.page-of-air .marker-radius-p {
  width: 33px;
  width: 0.36rem;
  height: 33px;
  height: 0.36rem;
  line-height: 26px;
  line-height: 0.26rem;
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}
.page-of-air .section-content .side-con {
  padding-top: 0px !important;
  padding-top: 0rem !important;
}
.page-of-air .section-content .section h4 {
  color: #262e3d;
  margin: 30px 0px 20px;
  margin: 0.3rem 0rem 0.2rem;
}
.page-of-air .section-content .table-selection .table-list th {
  font-size: 14px;
  font-size: 0.14rem;
  font-weight: 100;
  background: #e0e5ea;
  border: 1px solid #d3d8df;
  padding: 0px 6px;
  padding: 0rem 0.06rem;
  line-height: 40px;
  line-height: 0.4rem;
  color: #262e3d;
}
.page-of-air .section-content .table-selection .table-list td {
  padding: 0px 6px;
  padding: 0rem 0.06rem;
  border: 1px solid #d3d8df;
  background-color: #f3f4f6;
}
.page-of-air .section-content .table-selection .table-list td .badge-level {
  width: 28px;
  width: 0.28rem;
  height: 28px;
  height: 0.28rem;
  line-height: 28px;
  line-height: 0.28rem;
  text-align: center;
  color: #fff;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  border-radius: 50%;
  font-style: normal;
  overflow: hidden;
}
.page-of-air .section-content .table-selection .table-list .info-text {
  color: #db393c;
}
.page-of-air .section-content .table-selection .table-list tr.even th {
  background-color: #e7ecf1;
}
.page-of-air .section-content .table-selection .table-list tr.even td {
  background-color: #fdfdfe ;
}
.page-of-air .section-content .table-selection .table-list .lh-normal {
  line-height: normal !important;
}
.page-of-air .section-content .table-selection .table-list .small {
  display: block;
  font-size: 12px;
  font-size: 0.12rem;
  color: #8d919c;
  line-height: normal;
}
.page-of-air .section-content .table-selection .table-list .water-pic-case {
  padding: 0px;
  padding: 0rem;
}
.page-of-air .section-content .table-selection .table-list .water-pic-case .water-pic {
  background: #fff;
  padding: 10px 4px;
  padding: 0.1rem 0.04rem;
}
.page-of-air .section-content .table-selection .table-list .water-pic-case .water-pic li {
  float: left;
  margin: 0px 4px 8px;
  margin: 0rem 0.04rem 0.08rem;
}
.page-of-air .section-content .table-selection .table-list .water-pic-case .water-pic li img {
  width: 109px;
  width: 1.09rem;
  height: 87px;
  height: 0.87rem;
}
.page-of-air .section-content .table-selection .more-view {
  border-bottom: 1px solid #e6e8ea;
  text-align: center;
  font-size: 14px;
  font-size: 0.14rem;
  padding: 5px 0px;
  padding: 0.05rem 0rem;
}
.page-of-air .section-content .table-selection .more-view a {
  padding-right: 10px;
  padding-right: 0.1rem;
  background: url("../images/pages/map/more.png") no-repeat right center;
}
.page-of-environment #common_header {
  margin-bottom: 0;
  min-height: inherit;
}
.page-of-environment #common_header .site-nav-box {
  background: #f6f7fa;
}
.page-of-environment #common_header .logo {
  background-image: url("../images/common/logo.png");
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.page-of-environment #common_header .nav a {
  padding: 0px 16px;
  padding: 0rem 0.16rem;
  font-weight: bold;
}
.page-of-environment #common_header .site-nav-box a {
  color: #596477;
}
.page-of-environment #common_header .site-nav-box a.lang-switch {
  background-color: #005596;
  color: #fff;
  border-radius: 3px;
}
.page-of-environment #common_header .site-actions {
  background: #fff;
}
.page-of-environment .bread-crumbs {
  background: #fff;
  height: 70px;
  height: 0.7rem;
  line-height: 70px;
  line-height: 0.7rem;
  margin: 10px 0px;
  margin: 0.1rem 0rem;
  font-size: 20px;
  font-size: 0.2rem;
  padding: 0px 22px;
  padding: 0rem 0.22rem;
  color: #262e3d;
  border-radius: 3px;
}
.page-of-environment .panel {
  padding: 46px;
  padding: 0.46rem;
  background: #fff;
  border-radius: 3px;
}
.page-of-environment .panel .uitab-wrap {
  margin-top: 25px;
  margin-top: 0.25rem;
  line-height: 56px;
  line-height: 0.56rem;
}
.page-of-environment .panel .uitab-wrap .uitab-header {
  border-bottom: 1px solid #e5e5e5;
}
.page-of-environment .panel .uitab-wrap .uitab-header > ul > li {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  font-size: 20px;
  font-size: 0.2rem;
  height: 54px;
  height: 0.54rem;
  line-height: 54px;
  line-height: 0.54rem;
  font-weight: bold;
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.1rem 0rem 0.1rem;
  margin-right: 62px;
  margin-right: 0.62rem;
  cursor: pointer;
  color: #262e3d;
  position: relative;
}
.page-of-environment .panel .uitab-wrap .uitab-header > ul > li span {
  bottom: -1px;
  bottom: -0.01rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: #005596;
  height: 2px;
  height: 0.02rem;
  width: 100%;
  display: none;
}
.page-of-environment .panel .uitab-wrap .uitab-header > ul > li.current {
  color: #005596;
}
.page-of-environment .panel .uitab-wrap .uitab-header > ul > li.current span {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-environment .panel .uitab-wrap .uitab-item {
  display: none;
}
.page-of-environment .panel .uitab-wrap .uitab-item.current {
  display: block;
}
.page-of-environment .panel .filter-panel .form-row {
  padding: 0px 0px 20px 0px;
  padding: 0rem 0rem 0.2rem 0rem;
}
.page-of-environment .panel .filter-panel .form-row .field-left {
  float: left;
  width: 345px;
  width: 3.45rem;
}
.page-of-environment .panel .filter-panel .form-row .field-right {
  overflow: hidden;
}
.page-of-environment .panel .filter-panel .form-row h6 {
  margin-bottom: 8px;
  margin-bottom: 0.08rem;
  font-size: 16px;
  font-size: 0.16rem;
  line-height: 24px;
  line-height: 0.24rem;
  color: #596477;
}
.page-of-environment .panel .filter-panel .form-row .select,
.page-of-environment .panel .filter-panel .form-row .select-small,
.page-of-environment .panel .filter-panel .form-row .select-mini {
  width: 122px;
  width: 1.22rem;
  border: 1px solid #c7c8ca;
  border: 0.01rem solid #c7c8ca;
  font-size: 16px;
  font-size: 0.16rem;
  border-radius: 2px;
  margin-right: 15px;
  margin-right: 0.15rem;
  /*background: @document-bg-color;*/
  text-align: center;
  color: #acb1bb;
}
.page-of-environment .panel .filter-panel .form-row .select:focus,
.page-of-environment .panel .filter-panel .form-row .select-small:focus,
.page-of-environment .panel .filter-panel .form-row .select-mini:focus {
  color: #262e3d;
}
.page-of-environment .panel .filter-panel .submit-btn {
  width: 304px;
  width: 3.04rem;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  font-size: 16px;
  font-size: 0.16rem;
  font-weight: 700;
  color: #fff;
  background: #6788a8;
}
.page-of-environment .table-con {
  padding-top: 30px;
  padding-top: 0.3rem;
}
.page-of-environment .table-con .table-main table {
  border-bottom: 1px solid #c8ccd1;
  border-collapse: collapse;
  color: #596477;
}
.page-of-environment .table-con .table-main table td {
  border: 1px solid #e5e5e5!important;
  font-weight: 100;
  font-size: 12px;
  font-size: 0.12rem;
  padding: 8px 0px !important;
  padding: 0.08rem 0rem !important;
  line-height: 26px;
  line-height: 0.26rem;
  border-bottom: 0;
}
.page-of-environment .table-con .table-main table td span {
  font-size: 22px;
  font-size: 0.22rem;
  display: block;
}
.page-of-environment .table-con .table-main table td em {
  font-style: normal;
  color: #8d919c;
}
.page-of-environment .table-con .table-main table .td-title {
  background: #f5f6f7;
}
.page-of-environment .table-con .table-main table tr:hover {
  background-color: transparent;
}
.page-of-environment .table-con .text-right {
  padding-right: 5px;
  padding-right: 0.05rem;
  text-align: right !important;
}
.page-of-environment .table-con .legend-wrap {
  margin-top: 40px;
  margin-top: 0.4rem;
  border-bottom: 1px solid #b1b3b6;
  width: 181px;
  width: 1.81rem;
  line-height: 56px;
  line-height: 0.56rem;
  text-align: center;
  font-size: 20px;
  font-size: 0.2rem;
  background: #e9ebed;
  color: #262e3d;
  bottom: -1px;
  bottom: -0.01rem;
  position: relative;
}
.page-of-environment .table-con .legend-water {
  margin-top: 0px;
  margin-top: 0rem;
}
.page-of-environment .report-wrap {
  font-size: 12px;
  font-size: 0.12rem;
  line-height: 1.5;
  color: #8d96a6;
  text-align: center;
}
.page-of-environment .report-wrap .report-aside {
  float: left;
  border-right: 1px dotted #e5e5e5;
  width: 50%;
}
.page-of-environment .report-wrap .report-ext {
  overflow: hidden;
}
.page-of-environment .report-wrap .report-file {
  display: block;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
  padding-top: 220px;
  padding-top: 2.2rem;
  font-size: 20px;
  font-size: 0.2rem;
  color: #313842;
  background: url("../images/pages/environment/pdf.png") no-repeat center top;
}
.page-of-environment .report-wrap p {
  line-height: 30px;
  line-height: 0.3rem;
  margin: 0px 40px;
  margin: 0rem 0.4rem;
  color: #596477;
  font-size: 14px;
  font-size: 0.14rem;
  text-align: left;
  font-family: '微软雅黑', '黑体';
}
.page-of-environment .report-wrap .report-btn {
  background: url("../images/pages/environment/pdf-2.png") no-repeat center top;
}
.page-of-environment .data-source {
  color: #8d96a6;
  font-size: 12px;
  font-size: 0.12rem;
  line-height: 20px;
  line-height: 0.2rem;
  margin-top: 10px;
  margin-top: 0.1rem;
}
.page-of-newreport .mt10 {
  margin-top: 10px;
  margin-top: 0.1rem;
}
.page-of-newreport .wrap {
  width: 1190px;
  width: 11.9rem;
  margin-left: auto;
  margin-right: auto;
}
.page-of-newreport .search-panel {
  width: 326px;
  width: 3.26rem;
}
.page-of-newreport .search-panel .complex .input,
.page-of-newreport .search-panel .complex .input-small,
.page-of-newreport .search-panel .complex .input-mini,
.page-of-newreport .search-panel .complex .input-icon {
  width: 226px;
  width: 2.26rem;
  height: 36px;
  height: 0.36rem;
  line-height: 36px;
  line-height: 0.36rem;
}
.page-of-newreport .search-panel .button-primary {
  width: 100px;
  width: 1rem;
  min-width: 100px;
  min-width: 1rem;
  height: 36px;
  height: 0.36rem;
  line-height: 36px;
  line-height: 0.36rem;
  padding: 0px;
  padding: 0rem;
}
.page-of-newreport .wrap .breadcrumbs {
  background-color: #fff;
  padding: 20px;
  padding: 0.2rem;
  border-radius: 2px;
  position: relative;
}
.page-of-newreport .wrap h1 {
  font-size: 20px;
  font-size: 0.2rem;
  font-family: '微软雅黑', '黑体';
  font-weight: bold;
}
.page-of-newreport .wrap .search-panel {
  position: absolute;
  right: 20px;
  top: 17px;
}
.page-of-newreport .wrap .newreport {
  background: #fff;
  padding: 50px;
  padding: 0.5rem;
  margin-top: 10px;
  margin-top: 0.1rem;
}
.page-of-newreport .wrap .newreport .total {
  font-size: 16px;
  font-size: 0.16rem;
}
.page-of-newreport .wrap .newreport .r {
  float: right;
}
.page-of-newreport .wrap .newreport .select,
.page-of-newreport .wrap .newreport .select-small,
.page-of-newreport .wrap .newreport .select-mini {
  margin-top: -50px;
  margin-top: -0.5rem;
}
.page-of-newreport .wrap .newreport .newreportlist li {
  float: left;
  width: 49.5%;
  margin-top: -24px;
  margin-top: -0.24rem;
  border-bottom: 1px solid #e5e5e5;
}
.page-of-newreport .wrap .newreport .newreportlist li.last {
  border-bottom: 1px solid #fff;
}
.page-of-newreport .wrap .newreport .newreportlist .newreportbox {
  padding: 50px 50px 20px 160px;
  padding: 0.5rem 0.5rem 0.2rem 1.6rem;
  position: relative;
}
.page-of-newreport .wrap .newreport .newreportlist .imgbox {
  position: absolute;
  left: 0;
  -webkit-box-shadow: 3px 5px 20px -5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 5px 20px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 5px 20px -5px rgba(0, 0, 0, 0.3);
}
.page-of-newreport .wrap .newreport .newreportlist li.child2n .newreportbox {
  padding-left: 210px;
  padding-left: 2.1rem;
  padding-right: 0px;
  padding-right: 0rem;
}
.page-of-newreport .wrap .newreport .newreportlist li.child2n .newreportbox .imgbox {
  margin-left: 50px;
  margin-left: 0.5rem;
}
.page-of-newreport .wrap .newreport .newreportlist h4 {
  font-size: 26px;
  font-size: 0.26rem;
  font-weight: bold;
  color: #313842;
}
.page-of-newreport .wrap .newreport .newreportlist .con {
  margin-top: 10px;
  margin-top: 0.1rem;
  font-size: 14px;
  font-size: 0.14rem;
  height: 136px;
  overflow: hidden;
  line-height: 2;
}
.page-of-newreport .wrap .newreport .newreportlist .total {
  font-size: 12px;
  font-size: 0.12rem;
  color: #247cd2;
  text-align: right;
}
.page-of-newreport .wrap .complex .input-small {
  line-height: 40px;
}
.page-of-newreport-results .f20 {
  font-size: 20px;
  font-size: 0.2rem;
}
.page-of-newreport-results .wrap .search-panel {
  margin-top: 0;
}
.page-of-newreport-results .wrap .newreport .total em {
  color: #247cd2;
  font-style: normal;
}
.page-of-newreport-results .wrap .newreport .newreportlist ul {
  width: 100%;
}
.page-of-newreport-results .wrap .newreport .newreportlist li {
  width: 100%;
  float: none;
}
.page-of-newreport-results .wrap .newreportbox .imgbox {
  position: relative;
}
.page-of-newreport-results .wrap .newreportbox .new {
  position: absolute;
}
.page-of-newreport-results .wrap .newreportbox .year {
  background-color: #e4e4e4;
  padding: 0 10px;
  padding: 0 0.1rem;
  border-radius: 2px;
}
.page-of-newreport-results .wrap .newreportbox .en,
.page-of-newreport-results .wrap .newreportbox .zh {
  font-size: 16px;
  font-size: 0.16rem;
  color: #005596;
  font-weight: bold;
  margin-left: 40px;
}
.page-of-newreport-results .wrap .newreportbox .no-url {
  margin-left: 40px;
  margin-left: 0.4rem;
}
.page-of-newreport-results .wrap .newreportbox .release {
  font-size: 12px;
  font-size: 0.12rem;
}
.page-of-newreport-results .wrap .newreportbox .shared .tooltip {
  display: none;
  position: absolute;
  text-align: center;
  z-index: 1;
  width: 340px;
  width: 3.4rem;
  padding: 10px 50px 20px;
  padding: 0.1rem 0.5rem 0.2rem;
  margin-top: 40px;
  margin-top: 0.4rem;
  left: -270px;
  background-color: #fff;
  -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  color: #566374;
}
.page-of-newreport-results .wrap .newreportbox .shared .tooltip .qrBox {
  float: left;
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
}
.page-of-newreport-results .wrap .newreportbox .shared .tooltip .ml50 {
  margin-left: 50px;
  margin-left: 0.5rem;
}
.page-of-newreport-results .wrap .newreportbox .shared .tooltip .title {
  line-height: 3;
}
.page-of-newreport-results .wrap .newreportbox .shared .tooltip:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -15px;
  margin-top: -0.15rem;
  margin-right: 140px;
  margin-right: 1.4rem;
}
.page-of-newreport-results .wrap .newreportbox .shared .weixin,
.page-of-newreport-results .wrap .newreportbox .shared .weibo,
.page-of-newreport-results .wrap .newreportbox .shared .linkedin {
  margin-left: 16px;
  margin-left: 0.16rem;
  width: 26px;
  width: 0.26rem;
  height: 26px;
  height: 0.26rem;
  background: url(../images/pages/newreport/shared.png) left top;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-newreport-results .wrap .newreportbox .shared .weixin:hover {
  background-position: left bottom;
}
.page-of-newreport-results .wrap .newreportbox .shared .weibo {
  background-position: center top;
}
.page-of-newreport-results .wrap .newreportbox .shared .weibo:hover {
  background-position: center bottom;
}
.page-of-newreport-results .wrap .newreportbox .shared .linkedin {
  background-position: right top;
}
.page-of-newreport-results .wrap .newreportbox .shared .linkedin:hover {
  background-position: right bottom;
}
.page-of-newreport-results .wrap .newreportbox .shared a {
  position: relative;
}
.page-of-newreport-results .wrap .newreportbox .shared a:hover .tooltip {
  display: block;
}
.page-of-newreport-results .wrap .newreport .newreportlist .newreportbox {
  padding-right: 0px;
  padding-right: 0rem;
}
.page-of-newreport-results .wrap .newreport .newreportlist .newreportbox .con {
  height: 110px;
  height: 1.1rem;
  overflow-y: scroll;
}
.page-of-newreport-results .wrap .newreport .newreportlist .newreportbox .con em {
  font-style: normal;
  color: #c30000;
}
.page-of-newreport-results .pagination-wrap {
  padding-top: 30px;
  padding-top: 0.3rem;
}
.ie7 .page-of-newreport-results .wrap .newreport .shared {
  margin-top: -50px;
  margin-top: -0.5rem;
  z-index: 2;
}
.ie7 .page-of-newreport-results .wrap .newreport .shared .tooltip {
  background-color: #fff;
  z-index: 3;
}
.ie7 .page-of-newreport-results .pagination-wrap .pagination .page-jump {
  width: 190px;
  width: 1.9rem;
}
.ie7 .page-of-newreport-results .pagination-wrap .pagination .page-jump .input,
.ie7 .page-of-newreport-results .pagination-wrap .pagination .page-jump .input-small,
.ie7 .page-of-newreport-results .pagination-wrap .pagination .page-jump .input-mini,
.ie7 .page-of-newreport-results .pagination-wrap .pagination .page-jump .input-icon {
  float: left;
}
.ie7 .page-of-newreport-results .pagination-wrap .pagination .page-jump .button {
  float: left;
}
.page-of-newreport-supply .newreport h3 {
  line-height: 2;
  margin-top: 20px;
  margin-top: 0.2rem;
  font-size: 32px;
  font-size: 0.32rem;
  font-weight: bold;
  border-bottom: 2px solid #e5e5e5;
}
.page-of-newreport-supply .newreport h3 .newreportlist li {
  margin-top: 0;
}
.page-of-notice .f20 {
  font-size: 20px;
  font-size: 0.2rem;
}
.page-of-notice .mt10 {
  margin-top: 10px;
  margin-top: 0.1rem;
}
.page-of-notice .wrap {
  width: 1190px;
  width: 11.9rem;
  margin-left: auto;
  margin-right: auto;
}
.page-of-notice .search-panel {
  width: 326px;
  width: 3.26rem;
}
.page-of-notice .search-panel .complex .input,
.page-of-notice .search-panel .complex .input-small,
.page-of-notice .search-panel .complex .input-mini,
.page-of-notice .search-panel .complex .input-icon {
  width: 226px;
  width: 2.26rem;
  height: 36px;
  height: 0.36rem;
  line-height: 36px;
  line-height: 0.36rem;
}
.page-of-notice .search-panel .button-primary {
  width: 100px;
  width: 1rem;
  min-width: 100px;
  min-width: 1rem;
  height: 36px;
  height: 0.36rem;
  line-height: 36px;
  line-height: 0.36rem;
  padding: 0px;
  padding: 0rem;
}
.page-of-notice .wrap .breadcrumbs {
  background-color: #fff;
  padding: 20px;
  padding: 0.2rem;
  border-radius: 2px;
  position: relative;
}
.page-of-notice .wrap h1 {
  font-size: 20px;
  font-size: 0.2rem;
  font-family: '微软雅黑', '黑体';
  font-weight: bold;
}
.page-of-notice .wrap .search-panel {
  position: absolute;
  right: 20px;
  top: 17px;
}
.page-of-notice .notice {
  background-color: #fff;
}
.page-of-notice .notice .total em {
  color: #247cd2;
  font-style: normal;
}
.page-of-notice .notice .uitab-wrap {
  padding: 20px 50px 58px;
  padding: 0.2rem 0.5rem 0.58rem;
}
.page-of-notice .notice .uitab-wrap {
  margin-top: 10px;
  margin-top: 0.1rem;
  line-height: 56px;
  line-height: 0.56rem;
}
.page-of-notice .notice .uitab-wrap .uitab-header {
  border-bottom: 1px solid #e5e5e5;
}
.page-of-notice .notice .uitab-wrap .uitab-header > ul > li {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  font-size: 20px;
  font-size: 0.2rem;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  font-weight: bold;
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.1rem 0rem 0.1rem;
  margin-right: 68px;
  margin-right: 0.68rem;
  cursor: pointer;
  color: #262e3d;
  position: relative;
}
.page-of-notice .notice .uitab-wrap .uitab-header > ul > li span {
  bottom: -1px;
  bottom: -0.01rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: #005596;
  height: 2px;
  height: 0.02rem;
  width: 100%;
  display: none;
}
.page-of-notice .notice .uitab-wrap .uitab-header > ul > li.current {
  color: #005596;
}
.page-of-notice .notice .uitab-wrap .uitab-header > ul > li.current span {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-notice .notice .uitab-wrap .uitab-header > ul > li sup {
  padding: 3px 5px;
  padding: 0.03rem 0.05rem;
  height: 12px;
  height: 0.12rem;
  line-height: 12px;
  line-height: 0.12rem;
  font-size: 10px;
  font-size: 0.1rem;
  font-weight: bold;
  background-color: #247cd2;
  color: #fff;
  border-radius: 2px;
  position: absolute;
  top: 10px;
  right: -28px;
  display: block;
}
.page-of-notice .notice .uitab-wrap .uitab-header .scree-btn {
  color: #262e3d;
  font-size: 20px;
  font-size: 0.2rem;
}
.page-of-notice .notice .uitab-wrap .uitab-header .scree-btn i {
  margin-left: 10px;
  margin-left: 0.1rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-top: -4px;
  margin-top: -0.04rem;
  width: 15px;
  width: 0.15rem;
  height: 8px;
  height: 0.08rem;
  background-image: url(../images/sprite.png);
  background-position: 0px 0px;
}
.page-of-notice .notice .uitab-wrap .uitab-header .scree-btn.arrow-top i {
  background-position: 0px -28px;
  background-position: 0rem -0.28rem;
}
.page-of-notice .notice .uitab-wrap .uitab-item {
  display: none;
}
.page-of-notice .notice .uitab-wrap .uitab-item.current {
  display: block;
}
.page-of-notice .notice .noticelist {
  line-height: 1.5;
}
.page-of-notice .notice .noticelist .total {
  margin-top: 10px;
  margin-top: 0.1rem;
}
.page-of-notice .notice .noticelist li {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 30px;
  margin-top: 0.3rem;
  /*padding-bottom: 20px;
  padding-bottom: 0.2rem;fxyedit*/
}
.page-of-notice .notice .noticelist li .top {
  width: 14px;
  width: 0.14rem;
  height: 23px;
  height: 0.23rem;
  background-image: url(../images/pages/notice/top.png );
  position: absolute;
  right: 0;
  top: 0;
}
.page-of-notice .notice .noticelist li.last {
  border-bottom: 0;
}
.page-of-notice .notice .noticebox .tagbox {
  line-height: 1;
}
.page-of-notice .notice .noticebox .tag {
  padding: 4px 15px;
  padding: 0.04rem 0.15rem;
  font-size: 16px;
  font-size: 0.16rem;
  line-height: 1.5;
  border-radius: 20px;
}
.page-of-notice .notice .noticebox .tag-feedback {
  background-color: #f5e29f;
  color: #9a6f12;
}
.page-of-notice .notice .noticebox .tag-gca {
  background-color: #d0eeb2;
  color: #2a8216;
}
.page-of-notice .notice .noticebox .tag-ipe {
  background-color: #d0e5f9;
  color: #247cd2;
}
.page-of-notice .notice .noticebox .title {
  /*font-size: 26px;
  font-size: 0.26rem;fxyedit*/
  font-size:0.2rem;
  margin-top: 5px;
  margin-top: 0.05rem;
}
.page-of-notice .notice .noticebox .title sup {
  padding: 3px 5px;
  padding: 0.03rem 0.05rem;
  font-size: 10px;
  font-size: 0.1rem;
  font-weight: bold;
  background-color: #247cd2;
  color: #fff;
  border-radius: 2px;
  position: relative;
  top: -10px;
  left: 5px;
}
.page-of-notice .notice .noticebox .r {
  text-align: right;
  font-size: 12px;
  font-size: 0.12rem;
}
.page-of-notice .notice .noticebox .r a {
  margin-left: 20px;
  margin-left: 0.2rem;
  color: #247cd2;
}
.page-of-notice .notice .pagination-wrap {
  padding-top: 20px;
  padding-top: 0.2rem;
}
.page-of-notice .notice-detail {
  position: relative;
  background-color: #fff;
  padding: 20px 50px;
  padding: 0.2rem 0.5rem;
  margin-top: 10px;
  margin-top: 0.1rem;
}
.page-of-notice .notice-detail h3 {
  font-size: 26px;
  font-size: 0.26rem;
  font-weight: bold;
  line-height: 3;
  width:86%;
}
.page-of-notice .notice-detail .release {
  font-size: 12px;
  font-size: 0.12rem;
}
.page-of-notice .notice-detail .detail-con {
  line-height: 2;
  padding-top: 20px;
  padding-top: 0.2rem;
}
.page-of-notice .notice-detail .detail-con .img.r {
  float: right;
  margin-left: 20px;
  margin-left: 0.2rem;
}
.page-of-notice .notice-detail .detail-con a {
  color: #247cd2;
}
.page-of-notice .notice-detail .detail-con p {
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
}
.page-of-notice .notice-detail .shared {
  position: absolute;
  right: 50px;
  top: 50px;
}
.page-of-notice .notice-detail .shared .tooltip {
  display: none;
  position: absolute;
  text-align: center;
  z-index: 1;
  width: 250px;
  width: 2.5rem;
  padding: 40px 20px 20px;
  padding: 0.4rem 0.2rem 0.2rem;
  margin-top: 40px;
  margin-top: 0.4rem;
  font-size: 12px;
  font-size: 0.12rem;
  left: -136px;
  background-color: #fff;
  -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  color: #566374;
}
.page-of-notice .notice-detail .shared .tooltip .qrBox {
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
  float: none;
}
.page-of-notice .notice-detail .shared .tooltip .qrBox img {
  width: 50%;
}
.page-of-notice .notice-detail .shared .tooltip .ml50 {
  margin-left: 50px;
  margin-left: 0.5rem;
}
.page-of-notice .notice-detail .shared .tooltip .title {
  line-height: 3;
}
.page-of-notice .notice-detail .shared .tooltip:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -15px;
  margin-top: -0.15rem;
  margin-right: 125px;
  margin-right: 1.25rem;
}
.page-of-notice .notice-detail .shared .weixin,
.page-of-notice .notice-detail .shared .weibo,
.page-of-notice .notice-detail .shared .linkedin {
  margin-left: 16px;
  margin-left: 0.16rem;
  width: 26px;
  width: 0.26rem;
  height: 26px;
  height: 0.26rem;
  background: url(../images/pages/newreport/shared.png) left top;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-notice .notice-detail .shared .weixin:hover {
  background-position: left bottom;
}
.page-of-notice .notice-detail .shared .weibo {
  background-position: center top;
}
.page-of-notice .notice-detail .shared .weibo:hover {
  background-position: center bottom;
}
.page-of-notice .notice-detail .shared .linkedin {
  background-position: right top;
}
.page-of-notice .notice-detail .shared .linkedin:hover {
  background-position: right bottom;
}
.page-of-notice .notice-detail .shared a {
  position: relative;
}
.page-of-notice .notice-detail .shared a:hover .tooltip {
  display: block;
}
.ie7 .page-of-notice .pagination-wrap .pagination .page-jump {
  width: 190px;
  width: 1.9rem;
}
.ie7 .page-of-notice .pagination-wrap .pagination .page-jump .input,
.ie7 .page-of-notice .pagination-wrap .pagination .page-jump .input-small,
.ie7 .page-of-notice .pagination-wrap .pagination .page-jump .input-mini,
.ie7 .page-of-notice .pagination-wrap .pagination .page-jump .input-icon {
  float: left;
}
.ie7 .page-of-notice .pagination-wrap .pagination .page-jump .button {
  float: left;
}
.page-of-joinus .joinus {
  background-color: #fff;
  padding-top: 20px;
  padding-top: 0.2rem;
  margin-top: 10px;
  margin-top: 0.1rem;
  position: relative;
}
.page-of-joinus .joinus h3 {
  font-size: 32px;
  font-size: 0.32rem;
  font-weight: bold;
}
.page-of-joinus .joinus .tc {
  text-align: center;
}
.page-of-joinus .joinus .uitab-wrap {
  padding: 20px 50px;
  padding: 0.2rem 0.5rem;
}
.page-of-joinus .joinus .uitab-wrap {
  margin-top: 30px;
  margin-top: 0.3rem;
  line-height: 56px;
  line-height: 0.56rem;
}
.page-of-joinus .joinus .uitab-wrap .uitab-header {
  border-bottom: 1px solid #e5e5e5;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  width: 4rem;
}
.page-of-joinus .joinus .uitab-wrap .uitab-header > ul > li {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  font-size: 20px;
  font-size: 0.2rem;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  font-weight: bold;
  padding: 0px 40px 0px 40px;
  padding: 0rem 0.4rem 0rem 0.4rem;
  cursor: pointer;
  color: #262e3d;
  position: relative;
}
.page-of-joinus .joinus .uitab-wrap .uitab-header > ul > li span {
  bottom: -1px;
  bottom: -0.01rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: #005596;
  height: 2px;
  height: 0.02rem;
  width: 100%;
  display: none;
}
.page-of-joinus .joinus .uitab-wrap .uitab-header > ul > li.current {
  color: #005596;
}
.page-of-joinus .joinus .uitab-wrap .uitab-header > ul > li.current span {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-joinus .joinus .uitab-wrap .uitab-header .scree-btn {
  color: #262e3d;
  font-size: 20px;
  font-size: 0.2rem;
}
.page-of-joinus .joinus .uitab-wrap .uitab-header .scree-btn i {
  margin-left: 10px;
  margin-left: 0.1rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-top: -4px;
  margin-top: -0.04rem;
  width: 15px;
  width: 0.15rem;
  height: 8px;
  height: 0.08rem;
  background-image: url(../images/sprite.png);
  background-position: 0px 0px;
}
.page-of-joinus .joinus .uitab-wrap .uitab-header .scree-btn.arrow-top i {
  background-position: 0px -28px;
  background-position: 0rem -0.28rem;
}
.page-of-joinus .joinus .uitab-wrap .uitab-item {
  display: none;
  line-height: 2;
  font-size: 14px;
  font-size: 0.14rem;
  padding-top: 20px;
  padding-top: 0.2rem;
}
.page-of-joinus .joinus .uitab-wrap .uitab-item.current {
  display: block;
}
.page-of-joinus .joinus .joinuslist li {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 30px;
  margin-top: 0.3rem;
  padding-bottom: 20px;
  padding-bottom: 0.2rem;
}
.page-of-joinus .joinus .joinusbox .title {
  font-size: 26px;
  font-size: 0.26rem;
  color: #247cd2;
}
.page-of-joinus .joinus .joinusbox .b {
  font-weight: bold;
}
.page-of-joinus .joinus .joinusbox .description {
  margin: 20px 0;
  margin: 0.2rem 0;
}
.page-of-joinus .joinus .joinusbox .detail.collapse {
  display: none;
}
.page-of-joinus .joinus .joinusbox .detail.collapse.in {
  display: block;
}
.page-of-joinus .joinus .joinusbox .info {
  font-size: 12px;
  font-size: 0.12rem;
}
.page-of-joinus .joinus .joinusbox .info span {
  margin-left: 50px;
  margin-left: 0.5rem;
}
.page-of-joinus .joinus .joinusbox .info .open-detail {
  color: #247cd2;
  position: absolute;
  right: 0;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFBAMAAACKv7BmAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAG1BMVEUAAAAkfNIkfNIkfNIkfNIkfNIkfNIkfNIAAAAR2UrWAAAACHRSTlMAMAJaVFsEXALYAO0AAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAIUlEQVQI12MQYmBQZDBRYHJlSHdSKWNgC3FPYGBINmMAACdmA6xPffdmAAAAAElFTkSuQmCC) right center no-repeat;
  padding-right: 20px;
  padding-right: 0.2rem;
}
.page-of-joinus .joinus .joinusbox .info .close-detail {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFBAMAAACKv7BmAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAG1BMVEUAAAAkfNIkfNIkfNIkfNIkfNIkfNIkfNIAAAAR2UrWAAAACHRSTlMABFpcVFsCMCM3dGMAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAIUlEQVQI12NgEFJkYGA0cRVgEHZLMWQISWBzYihjYEgHACMpA4VybP7lAAAAAElFTkSuQmCC);
}
.page-of-joinus .joinus a.join {
  background-color: #005596;
  color: #fff;
  line-height: 56px;
  line-height: 0.56rem;
  font-size: 16px;
  font-size: 0.16rem;
  width: 200px;
  width: 2rem;
  margin: 30px 0 20px;
  margin: 0.3rem 0 0.2rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  border-radius: 2px;
}
.page-of-joinus .joinus .lh2 {
  line-height: 2;
}
.page-of-joinus .joinus .shared {
  position: relative;
  right: 50px;
  top: 20px;
}
.page-of-joinus .joinus .shared .tooltip {
  display: none;
  position: absolute;
  text-align: center;
  z-index: 1;
  width: 250px;
  width: 2.5rem;
  padding: 40px 20px 20px;
  padding: 0.4rem 0.2rem 0.2rem;
  margin-top: 40px;
  margin-top: 0.4rem;
  font-size: 12px;
  font-size: 0.12rem;
  left: -136px;
  background-color: #fff;
  -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  color: #566374;
}
.page-of-joinus .joinus .shared .tooltip .qrBox {
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
  float: none;
}
.page-of-joinus .joinus .shared .tooltip .qrBox img {
  width: 50%;
}
.page-of-joinus .joinus .shared .tooltip .ml50 {
  margin-left: 50px;
  margin-left: 0.5rem;
}
.page-of-joinus .joinus .shared .tooltip .title {
  line-height: 3;
}
.page-of-joinus .joinus .shared .tooltip:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -15px;
  margin-top: -0.15rem;
  margin-right: 125px;
  margin-right: 1.25rem;
}
.page-of-joinus .joinus .shared .weixin,
.page-of-joinus .joinus .shared .weibo,
.page-of-joinus .joinus .shared .linkedin {
  margin-left: 16px;
  margin-left: 0.16rem;
  width: 26px;
  width: 0.26rem;
  height: 26px;
  height: 0.26rem;
  background: url(../images/pages/newreport/shared.png) left top;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-joinus .joinus .shared .weixin:hover {
  background-position: left bottom;
}
.page-of-joinus .joinus .shared .weibo {
  background-position: center top;
}
.page-of-joinus .joinus .shared .weibo:hover {
  background-position: center bottom;
}
.page-of-joinus .joinus .shared .linkedin {
  background-position: right top;
}
.page-of-joinus .joinus .shared .linkedin:hover {
  background-position: right bottom;
}
.page-of-joinus .joinus .shared a {
  position: relative;
}
.page-of-joinus .joinus .shared a:hover .tooltip {
  display: block;
}
#page-join-pop {
  display: none;
  top: 0px;
  top: 0rem;
  left: 0px;
  left: 0rem;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
#page-join-pop .pop-cover {
  top: 0px;
  top: 0rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
}
#page-join-pop .join-pop {
  width: 668px;
  width: 6.68rem;
  height: 280px;
  height: 2.8rem;
  top: 50%;
  left: 50%;
  position: fixed;
  margin-left: -334px;
  margin-left: -3.34rem;
  margin-top: -140px;
  margin-top: -1.4rem;
  background: #fff;
  font-family: 微软雅黑;
  z-index: 9;
  text-align: center;
  font-size: 14px;
  font-size: 0.14rem;
}
#page-join-pop .join-pop .pop-close {
  top: 0px;
  top: 0rem;
  right: 0px;
  right: 0rem;
  position: absolute;
  width: 40px;
  width: 0.4rem;
  height: 40px;
  height: 0.4rem;
  background: rgba(0, 0, 0, 0.5);
}
#page-join-pop .join-pop .pop-close .icon-register-close {
  width: 20px;
  width: 0.2rem;
  height: 20px;
  height: 0.2rem;
  vertical-align: text-top;
  margin-top: 8px;
  margin-top: 0.08rem;
  background: url("../images/pages/registered/registered-close.png") no-repeat;
}
#page-join-pop .join-pop .header {
  font-size: 26px;
  font-size: 0.26rem;
  height: 86px;
  height: 0.86rem;
  line-height: 86px;
  line-height: 0.86rem;
  font-weight: bold;
}
#page-join-pop .join-pop .wizard {
  display: none;
}
#page-join-pop .join-pop .wizard.curr {
  display: block;
}
#page-join-pop .join-pop .text-err {
  color: #c30000;
}
#page-join-pop .join-pop .mt20 {
  margin-top: 20px;
  margin-top: 0.2rem;
}
#page-join-pop .join-pop .mt40 {
  margin-top: 40px;
  margin-top: 0.4rem;
}
#page-join-pop .join-pop .mt75 {
  margin-top: 75px;
  margin-top: 0.75rem;
}
#page-join-pop .join-pop .mb15 {
  margin-bottom: 15px;
  margin-bottom: 0.15rem;
}
#page-join-pop .join-pop .mb30 {
  margin-bottom: 30px;
  margin-bottom: 0.3rem;
}
#page-join-pop .join-pop .mb45 {
  margin-bottom: 45px;
  margin-bottom: 0.45rem;
}
#page-join-pop .join-pop .btn {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 358px;
  width: 3.58rem;
  height: 50px;
  height: 0.5rem;
  line-height: 50px;
  line-height: 0.5rem;
  font-size: 16px;
  font-size: 0.16rem;
  font-weight: bold;
  border: 1px solid #005596;
  border-radius: 2px;
  background-color: #005596;
  color: #fff;
}
#page-join-pop .join-pop .btn-white {
  background-color: #fff;
  color: #005596;
}
#page-join-pop .join-pop .btn-small {
  width: 166px;
  width: 1.66rem;
  margin: 0 15px;
  margin: 0 0.15rem;
}
#page-join-pop .join-pop .input_file {
  width: 358px;
  width: 3.58rem;
  height: 50px;
  height: 0.5rem;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  position: absolute;
  margin-left: -358px;
  margin-left: -3.58rem;
  cursor: pointer;
}
#page-join-pop .join-pop .progress {
  background-color: #e9e9e9;
  height: 12px;
  height: 0.12rem;
  width: 384px;
  width: 3.84rem;
  border-radius: 6px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#page-join-pop .join-pop .progress-bar {
  height: 12px;
  height: 0.12rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  background-color: #247cd2;
  border-radius: 6px;
  position: absolute;
  top: 0;
  left: 0;
}
#page-join-pop .join-pop #file2 {
  width: 170px;
  width: 1.7rem;
  margin-left: -184px;
  margin-left: -1.84rem;
}
#page-join-pop .join-pop .con {
  padding: 0 20px;
  padding: 0 0.2rem;
}
#page-join-pop .join-pop hr {
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
#page-join-pop .wizar3-pop {
  height: 580px;
  height: 5.8rem;
  margin-top: -290px;
  margin-top: -2.9rem;
}
#page-join-pop .wizar3-pop img {
  margin-right: 10px;
  margin-right: 0.1rem;
}
.page-of-partner .bread-crumbs {
  background: #fff;
  height: 70px;
  height: 0.7rem;
  line-height: 70px;
  line-height: 0.7rem;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
  font-size: 20px;
  font-size: 0.2rem;
  padding: 0px 22px;
  padding: 0rem 0.22rem;
  color: #262e3d;
  border-radius: 3px;
}
.page-of-partner .bread-crumbs .complex {
  margin-top: 16px;
  margin-top: 0.16rem;
}
.page-of-partner .bread-crumbs .complex .button {
  width: 100px;
  width: 1rem;
  min-width: inherit;
  height: 36px;
  height: 0.36rem;
  line-height: 36px;
  line-height: 0.36rem;
  font-size: 14px;
  font-size: 0.14rem;
  font-weight: bold;
}
.page-of-partner .bread-crumbs .complex .input-icon {
  height: 36px;
  height: 0.36rem;
  line-height: 36px;
  line-height: 0.36rem;
  border-right: 0;
}
.page-of-partner .bread-crumbs .complex .input-icon .input,
.page-of-partner .bread-crumbs .complex .input-icon .input-small,
.page-of-partner .bread-crumbs .complex .input-icon .input-mini,
.page-of-partner .bread-crumbs .complex .input-icon .input-icon {
  line-height: 36px;
  line-height: 0.36rem;
  padding-left: 40px;
  padding-left: 0.4rem;
  font-size: 14px;
  font-size: 0.14rem;
  width: 220px;
  width: 2.2rem;
}
.page-of-partner .panel {
  padding: 0px 46px 46px;
  padding: 0rem 0.46rem 0.46rem;
  background: #fff;
  border-radius: 3px;
}
.page-of-partner .panel .partner-header {
  padding-top: 46px;
  padding-top: 0.46rem;
  font-size: 26px;
  font-size: 0.26rem;
  color: #262e3d;
  font-weight: bold;
}
.page-of-partner .panel .partner-body {
  margin-top: 25px;
  margin-top: 0.25rem;
  margin-right: -10px;
  margin-right: -0.1rem;
}
.page-of-partner .panel .partner-body li {
  width: 265px;
  width: 2.65rem;
  height: 140px;
  height: 1.4rem;
  border-radius: 3px;
  position: relative;
  margin: 0px 10px 10px 0;
  margin: 0rem 0.1rem 0.1rem 0;
  border: 1px solid #e5e5e5;
  float: left;
  overflow: hidden;
  cursor: pointer;
}
.page-of-partner .panel .partner-body li a {
  width: 265px;
  width: 2.65rem;
  height: 140px;
  height: 1.4rem;
  display: table;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.page-of-partner .panel .partner-body li a span {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
.page-of-partner .panel .partner-body li .partner-info {
  background: #247cd2;
  width: 265px;
  width: 2.65rem;
  height: 53px;
  height: 0.53rem;
  line-height: 53px;
  line-height: 0.53rem;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  font-size: 14px;
  font-size: 0.14rem;
  color: #fff;
  bottom: -53px;
  bottom: -0.53rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  z-index: 99;
}
.page-of-partner .panel .partner-body li .partner-info h1 {
  font-size: 14px;
  font-size: 0.14rem;
  color: #fff;
  padding-top: 6px;
  padding-top: 0.06rem;
  line-height: normal;
}
.page-of-partner .panel .partner-body li .partner-info p {
  font-size: 12px;
  font-size: 0.12rem;
  color: #87c4ff;
  line-height: normal;
}
.page-of-partner .panel .partner-body li:hover .partner-info {
  bottom: 0px;
  bottom: 0rem;
  left: 0px;
  left: 0rem;
  position: absolute;
}
.page-of-partner .panel .partner-body li:hover a {
  height: 87px;
  height: 0.87rem;
}
#page-registered {
  display: none;
  top: 0px;
  top: 0rem;
  left: 0px;
  left: 0rem;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
#page-registered .registered-cover {
  top: 0px;
  top: 0rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
}
#page-registered .registered {
  width: 714px;
  width: 7.14rem;
  height: 618px;
  height: 6.18rem;
  top: 50%;
  left: 50%;
  position: fixed;
  z-index: 9;
  margin-left: -362px;
  margin-left: -3.62rem;
  margin-top: -309px;
  margin-top: -3.09rem;
  background: #247cd2;
  color: #fff;
  font-family: 微软雅黑;
}
#page-registered .registered .registered-header {
  text-align: center;
  padding-top: 38px;
  padding-top: 0.38rem;
  position: relative;
}
#page-registered .registered .registered-header h1 {
  font-size: 26px;
  font-size: 0.26rem;
  margin: 0px;
  margin: 0rem;
  font-weight: bold;
}
#page-registered .registered .registered-header p {
  color: #fff;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
  font-size: 14px;
  font-size: 0.14rem;
  margin-top: 10px;
  margin-top: 0.1rem;
}
#page-registered .registered .registered-header .registered-close {
  top: 0px;
  top: 0rem;
  right: 0px;
  right: 0rem;
  position: absolute;
  width: 40px;
  width: 0.4rem;
  height: 40px;
  height: 0.4rem;
  background: rgba(0, 0, 0, 0.5);
}
#page-registered .registered .registered-header .registered-close .icon-register-close {
  width: 20px;
  width: 0.2rem;
  height: 20px;
  height: 0.2rem;
  vertical-align: text-top;
  margin-top: 8px;
  margin-top: 0.08rem;
  background: url("../images/pages/registered/registered-close.png") no-repeat;
}
#page-registered .registered .registered-body li {
  float: left;
  background: url("../images/pages/registered/figure.png") no-repeat;
  width: 227px;
  width: 2.27rem;
  height: 73px;
  height: 0.73rem;
  margin: 70px 0px 0 64px;
  margin: 0.7rem 0rem 0 0.64rem;
  padding-right: 64px;
  padding-right: 0.64rem;
  text-align: center;
}
#page-registered .registered .registered-body li p {
  margin-top: 12px;
  margin-top: 0.12rem;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
  font-size: 14px;
  font-size: 0.14rem;
}
#page-registered .registered .registered-body li h2 {
  font-size: 20px;
  font-size: 0.2rem;
  font-weight: bold;
}
#page-registered .registered .registered-body li:nth-child(1),
#page-registered .registered .registered-body li:nth-child(3) {
  border-right: 1px solid #3a89d7;
}
#page-registered .registered .registered-footer {
  text-align: center;
  padding: 90px 0px 0px;
  padding: 0.9rem 0rem 0rem;
}
#page-registered .registered .registered-footer a {
  width: 354px;
  width: 3.54rem;
  height: 48px;
  height: 0.48rem;
  line-height: 48px;
  line-height: 0.48rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  text-align: center;
  border: 1px solid #66a4e0;
  font-weight: bold;
  color: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#page-registered .registered .registered-footer a:hover {
  background: #fff;
  color: #005596;
}
.pop-win {
  display: none;
  top: 0px;
  top: 0rem;
  left: 0px;
  left: 0rem;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.pop-win .validator-error {
  position: absolute;
  font-size: 12px;
  font-size: 0.12rem;
  color: #b72832;
  line-height: 1;
}
.pop-win .pop-cover {
  top: 0px;
  top: 0rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
}
.pop-win .pop-con {
  width: 667px;
  width: 6.67rem;
  height: 499px;
  height: 4.99rem;
  top: 50%;
  left: 50%;
  position: fixed;
  z-index: 9;
  margin-left: -333px;
  margin-left: -3.33rem;
  margin-top: -250px;
  margin-top: -2.5rem;
  background: #fff;
  color: #262e3d;
  border-radius: 3px;
}
.pop-win .pop-con .pop-header {
  text-align: center;
  padding-top: 38px;
  padding-top: 0.38rem;
  position: relative;
}
.pop-win .pop-con .pop-header h1 {
  font-size: 24px;
  font-size: 0.24rem;
  margin: 0px;
  margin: 0rem;
}
.pop-win .pop-con .pop-header .pop-close,.common-close {
  top: 0px;
  top: 0rem;
  right: 0px;
  right: 0rem;
  position: absolute;
  width: 40px;
  width: 0.4rem;
  height: 40px;
  height: 0.4rem;
  background: rgba(0, 0, 0, 0.5);
  background: #000 \9;
  border-radius: 0px 0px 0px 3px;
}
.pop-win .pop-con .pop-header .pop-close .icon-close, .common-close .icon-close{
  width: 20px;
  width: 0.2rem;
  height: 20px;
  height: 0.2rem;
  vertical-align: text-top;
  margin-top: 8px;
  margin-top: 0.08rem;
  background: url("../images/pages/registered/registered-close.png") no-repeat;
}
.pop-win .pop-con .pop-body {
  margin: 20px 155px;
  margin: 0.2rem 1.55rem;
  padding-top: 25px;
  padding-top: 0.25rem;
  position: relative;
}
.pop-win .pop-con .pop-body .pop-btn {
  width: 100%;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  text-align: center;
  border: 0;
  background: #005596;
  font-weight: bold;
  color: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  border-radius: 2px;
}
.pop-win .pop-con .pop-body .pop-btn:hover {
  background: #247cd2;
}
.pop-win .pop-con .pop-body .pop-prompt {
  top: -2px;
  top: -0.02rem;
  left: 0;
  position: absolute;
  font-size: 14px;
  font-size: 0.14rem;
}
.pop-win .pop-con .pop-body li {
  /*overflow: hidden;*/
  margin-bottom: 15px;
  margin-bottom: 0.15rem;
}
.pop-win .pop-con .pop-body li .input,
.pop-win .pop-con .pop-body li .input-small,
.pop-win .pop-con .pop-body li .input-mini,
.pop-win .pop-con .pop-body li .input-icon {
  height: 48px;
  height: 0.48rem;
  line-height: 48px;
  line-height: 0.48rem;
  width: 100%;
  color: #262e3d;
}
.pop-win .pop-con .pop-body li .login-jump {
  text-align: center;
  font-size: 14px;
  font-size: 0.14rem;
}
.pop-win .pop-con .pop-body li p.float-start {
  width: 58%;
}
.pop-win .pop-con .pop-body li p.float-end {
  width: 40%;
  text-align: right;
}
.pop-win .pop-con .pop-body li p.float-end span {
  width: 76px;
  width: 0.76rem;
  height: 46px;
  height: 0.46rem;
  line-height: 46px;
  line-height: 0.46rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  border-radius: 3px;
  border: 1px solid #c7c8ca;
}
.pop-win .pop-con .pop-body li p.float-end span img {
  max-width: 100%;
  max-height: 100%;
}
.pop-win .pop-con .pop-body li a {
  color: #247cd2;
  margin-left: 5px;
  margin-left: 0.05rem;
  margin-right: 5px;
  margin-right: 0.05rem;
}
.pop-win .pop-con .pop-body li a:hover {
  color: #005596;
}
.pop-win.rule-pop .pop-con {
  width: 783px;
  width: 7.83rem;
  height: 655px;
  height: 6.55rem;
  top: 50%;
  left: 50%;
  position: fixed;
  z-index: 9;
  margin-left: -391.5px;
  margin-left: -3.915rem;
  margin-top: -327.5px;
  margin-top: -3.275rem;
}
.pop-win.rule-pop .pop-con .pop-body {
  margin: 20px 45px;
  margin: 0.2rem 0.45rem;
  padding-top: 0;
}
.pop-win.rule-pop .pop-con .rule-con {
  margin-bottom: 25px;
  margin-bottom: 0.25rem;
  max-height: 420px;
  font-size: 14px;
  font-size: 0.14rem;
  color: #566374;
  line-height: 2;
  overflow: auto;
}
.pop-win.rule-pop .pop-con .rule-con p {
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
}
.pop-win.rule-pop .pop-con .rule-btns {
  margin: 0 auto;
  width: 358px;
  width: 3.58rem;
}
.page-of-registered .validator-error {
  top: 50px;
  top: 0.5rem;
  left: 0;
  position: absolute;
  font-size: 14px;
  font-size: 0.14rem;
  line-height: normal;
  text-align: left;
}
.page-of-registered .validator1 .validator-error {
  top: 94px;
  top: 0.94rem;
  left: 0;
  position: absolute;
}
.page-of-registered .rule-checkbox {
  margin-right: 0;
}
.page-of-registered .panel {
  padding: 46px;
  padding: 0.46rem;
  background: #fff;
  border-radius: 3px;
}
.page-of-registered .panel .register-container{
    width: 63%;
    margin: auto;
    -webkit-box-shadow: 0px 0px 40px rgba(0,85,150,0.2);
    -moz-box-shadow: 0px 0px 40px rgba(0,85,150,0.2);
    box-shadow: 0px 0px 40px rgba(0,85,150,0.2);
}
.page-of-registered .panel .register-header {
  text-align: center;
  padding-top: 0.4rem;
}
.page-of-registered .panel .register-header h1 {
  font-size: 26px;
  font-size: 0.26rem;
  font-weight: bold;
  color: #262e3d;
}
.page-of-registered .panel .register-header p {
  line-height: 30px;
  line-height: 0.3rem;
  color: #596477;
  font-size: 14px;
  font-size: 0.14rem;
  margin-top: 15px;
  margin-top: 0.15rem;
}
.page-of-registered .panel .register-block{
    margin-top: 1.2rem;
}
.page-of-registered .panel .register-body .register-list
{
  width: 680px;
  width: 6.8rem;
  margin: 0px auto;
  margin: 0rem auto;
}
.page-of-registered .panel .register-body .register-list.new {
  width: 460px;
  width: 4.6rem;
}
.page-of-registered .panel .register-body .register-list li {
  position: relative;
  margin-top: 42px;
  margin-top: 0.42rem;
}
.page-of-registered .panel .register-body .register-list li label {
  float: left;
  width: 120px;
  width: 1.2rem;
  text-align: right;
  color: #8d96a6;
  font-size: 18px;
  font-size: 0.18rem;
  line-height: 48px;
  line-height: 0.48rem;
  margin-right: 15px;
  margin-right: 0.15rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-registered .panel .register-body .register-list li .input#code{
    width: 2.64rem!important;
    width:264px!important;
}
.page-of-registered .panel .register-body .register-list li .input,
.page-of-registered .panel .register-body .register-list li .input-small,
.page-of-registered .panel .register-body .register-list li .input-mini,
.page-of-registered .panel .register-body .register-list li .input-icon {
  height: 48px;
  height: 0.48rem;
  line-height: 48px;
  line-height: 0.48rem;
  width: 460px;
  width: 4.6rem;
  padding: 0px 15px;
  padding: 0rem 0.15rem;
  color: #262e3d;
  float: left;
}
.page-of-registered .panel .register-body .register-list li .input.w378,
.page-of-registered .panel .register-body .register-list li .input-small.w378,
.page-of-registered .panel .register-body .register-list li .input-mini.w378,
.page-of-registered .panel .register-body .register-list li .input-icon.w378 {
  width: 378px;
  width: 3.78rem;
  border-radius: 0px 2px 2px 0px;
}
.page-of-registered .panel .register-body .register-list li .input.w100,
.page-of-registered .panel .register-body .register-list li .input-small.w100,
.page-of-registered .panel .register-body .register-list li .input-mini.w100,
.page-of-registered .panel .register-body .register-list li .input-icon.w100 {
  width: 100px;
  width: 1rem;
  border-radius: 0px;
  border-right: 0;
}
.page-of-registered .panel .register-body .register-list li .input.w278,
.page-of-registered .panel .register-body .register-list li .input-small.w278,
.page-of-registered .panel .register-body .register-list li .input-mini.w278,
.page-of-registered .panel .register-body .register-list li .input-icon.w278 {
  width: 278px;
  width: 2.78rem;
  border-radius: 0px 2px 2px 0px;
}
.page-of-registered .panel .register-body .register-list li .textarea {
  height: 94px;
  height: 0.94rem;
}
.page-of-registered .panel .register-body .register-list li .register-prompt {
  top: 50px;
  top: 0.5rem;
  left: 135px;
  left: 1.35rem;
  position: absolute;
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-registered .panel .register-body .register-list li .register-select {
  height: 46px;
  height: 0.46rem;
  line-height: 46px;
  line-height: 0.46rem;
  width: 120px;
  width: 1.2rem;
  padding: 0px 15px;
  padding: 0rem 0.15rem;
  color: #262e3d;
  border-radius: 2px;
  border: 1px solid #a4a9af;
  position: relative;
  cursor: pointer;
  float: left;
}
.page-of-registered .panel .register-body .register-list li .register-select > i {
  display: inline-block;
  vertical-align: top;
  height: 7px;
  height: 0.07rem;
  width: 12px;
  width: 0.12rem;
  z-index: 99;
  top: 20px;
  top: 0.2rem;
  right: 8px;
  right: 0.08rem;
  position: absolute;
  background: url("../images/pages/registered/register-arrowDown.png") no-repeat center top;
}
.page-of-registered .panel .register-body .register-list li .register-select .register-select-column {
  display: none;
  top: 51px;
  top: 0.51rem;
  left: -1px;
  left: -0.01rem;
  position: absolute;
  -webkit-box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.2);
  background: #fff;
  border: 1px solid #ccc;
  width: 150px;
  width: 1.5rem;
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
  z-index: 988;
}
.page-of-registered .panel .register-body .register-list li .register-select .register-select-column a {
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
  display: block;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}
.page-of-registered .panel .register-body .register-list li .register-select .register-select-column a:hover {
  background: #f2f2f2;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  color: #262e3d;
}
.page-of-registered .panel .register-body .register-list li .register-select .register-select-column a.current {
  color: #247cd2;
}
.page-of-registered .panel .register-body .register-list li .register-select.current .register-select-column {
  display: block;
}
.page-of-registered .panel .register-body .register-list li .register-ext {
  border-radius: 2px 2px 0px 0px;
  border-right: 0;
}
.page-of-registered .panel .register-body .register-list .register-font {
  margin-left: 135px;
  margin-left: 1.35rem;
  font-size: 14px;
  font-size: 0.14rem;
  line-height: 30px;
  line-height: 0.3rem;
}
.page-of-registered .panel .register-body .register-list .verifyCode{
    display: inline-block;
    width: 35%;
    /*background-color: #ffe303;*/
    background-color: #005596;
    color: #fff;
    height: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    margin-left: 0.34rem;
    border-radius: 0.03rem;
}
.page-of-registered .panel .register-body .register-title {
  color: #262e3d;
  height: 30px;
  height: 0.3rem;
  line-height: 30px;
  line-height: 0.3rem;
  font-size: 20px;
  font-size: 0.2rem;
  position: relative;
}
.page-of-registered .panel .register-body .register-title h2 {
  background: #fff;
  top: 0px;
  top: 0rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  padding-right: 5px;
  padding-right: 0.05rem;
}
.page-of-registered .panel .register-body .register-title span {
  margin-top: 0px;
  margin-top: 0rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  border-bottom: 1px solid #f1f1f1;
  height: 1px;
  height: 0.01rem;
  line-height: 1px;
  line-height: 0.01rem;
  width: 100%;
}
.page-of-registered .panel .register-body .register-btn {
  padding: 10px 0px 30px;
  padding: 0.1rem 0rem 0.3rem;
  /* margin-left: 50px; */
  /* margin-left: 0.5rem; */
  text-align: center;
  color: #262e3d;
}
.page-of-registered .panel .register-body .register-btn a {
  color: #247cd2;
}
.page-of-registered .panel .register-body .register-btn a:hover {
  color: #005596;
}
.page-of-registered .panel .register-body .register-btn .btn-blue {
  width: 460px;
  width: 4.6rem;
  height: 57px;
  height: 0.57rem;
  line-height: 57px;
  line-height: 0.57rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  text-align: center;
  border: 0;
  background: #005596;
  font-weight: bold;
  color: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-radius: 3px;
  cursor: pointer;
  margin-bottom:0.2rem;
}
.page-of-registered .panel .register-body .register-btn .btn-blue:hover {
  background: #0060aa;
}
.page-of-registered .panel .register-body .register-btn .btn-blue.disabled {
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
}
.page-of-registered .panel .register-body .register-btn .signInWith{
    text-align: center;
    width: 66%;
    margin: 0.1rem auto 0.2rem;
}
.page-of-registered .panel .register-body .register-btn .signInWith .icon{
    width: 0.4rem;
    height: 0.4rem;
    /* background-color: antiquewhite; */
    margin-left: 0.2rem;
}
.page-of-registered .panel .register-body .register-btn .signInWith .icon.weChat{
    background:url(../images/pages/login/weChat.png) center top;
    background-size: cover;
}
.page-of-registered .panel .register-body .register-btn .signInWith .icon.weibo{
    background:url(../images/pages/login/weibo.png) center top;
    background-size: cover;
}
.page-of-registered .panel .register-body .register-btn .signInWith .icon.qq{
    background:url(../images/pages/login/qq.png) center top;
    background-size: cover;
}
.page-of-registered .panel .register-body .register-btn .signInWith .icon:hover{
    background-position: center bottom;
}

.page-of-registered .result-con {
  text-align: center;
}
.page-of-registered .result-con > h1 {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
  padding-left: 60px;
  padding-left: 0.6rem;
  font-size: 32px;
  font-size: 0.32rem;
  color: #67bd2e;
  line-height: 2;
  text-align: center;
  background: url("../images/pages/registered/ok.png") no-repeat left center;
}
.page-of-registered .register-panel {
  padding: 20px 90px;
  padding: 0.2rem 0.9rem;
}
.page-of-registered .register-panel .register-info {
  border: 1px solid #dcebd1;
  padding: 50px 50px 20px 50px;
  padding: 0.5rem 0.5rem 0.2rem 0.5rem;
  color: #596477;
  background-color: #fcfffa;
  border-radius: 2px;
}
.page-of-registered .register-panel .register-info h3 {
  margin-bottom: 25px;
  margin-bottom: 0.25rem;
  font-size: 20px;
  font-size: 0.2rem;
}
.page-of-registered .register-panel .register-info ul li {
  float: left;
  margin-bottom: 25px;
  margin-bottom: 0.25rem;
  width: 50%;
}
.page-of-registered .register-panel .register-info ul li label {
  display: block;
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-registered .register-panel .register-info ul li p {
  font-size: 16px;
  font-size: 0.16rem;
}
.page-of-registered .register-panel .btn-group {
  padding-top: 58px;
  padding-top: 0.58rem;
  text-align: center;
}
.page-of-registered .register-panel .btn-group .button {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 266px;
  width: 2.66rem;
  font-weight: 700;
}
.page-of-registered .register-panel .btn-group .button:hover {
  color: #fff;
}
.page-of-registered .register-panel .btn-group .btn-white {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-right: 10px;
  margin-right: 0.1rem;
  border: 1px solid #005596;
  color: #005596;
}
.page-of-registered .register-panel .btn-group .btn-white:hover {
  color: #247cd2;
  border: 1px solid #247cd2;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.page-of-record .panel {
  padding: 46px;
  padding: 0.46rem;
  background: #fff;
  border-radius: 3px;
}
.page-of-record .panel .record-title h1 {
  font-size: 26px;
  font-size: 0.26rem;
  font-weight: bold;
  color: #262e3d;
}
.page-of-record .panel .record-title .record-share a {
  margin-left: 12px;
  margin-left: 0.12rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-record .panel .record-title .record-share .btn-attention {
  border: 1px solid #005596;
  width: 108px;
  width: 1.08rem;
  height: 38px;
  height: 0.38rem;
  line-height: 38px;
  line-height: 0.38rem;
  background: #005596;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-size: 0.18rem;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.page-of-record .panel .record-title .record-share .btn-attention .icon-add {
  background: url("../images/pages/record/add.png") no-repeat;
  width: 14px;
  width: 0.14rem;
  height: 14px;
  height: 0.14rem;
  margin-right: 6px;
  margin-right: 0.06rem;
  vertical-align: text-top;
  margin-top: 6px;
  margin-top: 0.06rem;
}
.page-of-record .panel .record-title .record-share .btn-attention:hover {
  background: #0060a9;
}
.page-of-record .panel .record-title .record-share .btn-attention .ac-loading {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 20px;
  width: 0.2rem;
  height: 20px;
  height: 0.2rem;
  background: url("../images/pages/regulatory/loading.png") no-repeat center center;
  -webkit-animation: rotate 1s linear infinite;
  -moz-animation: rotate 1s linear infinite;
  -o-animation: rotate 1s linear infinite;
}
.page-of-record .panel .record-title .record-share .btn-attention .un-attention,
.page-of-record .panel .record-title .record-share .btn-attention .ac-loading,
.page-of-record .panel .record-title .record-share .btn-attention .focused-success {
  display: none;
}
.page-of-record .panel .record-title .record-share .btn-attention .focused-success {
  font-family: 微软雅黑;
  top: 55px;
  top: 0.55rem;
  right: 0px;
  right: 0rem;
  position: absolute;
  border-radius: 3px;
  background: #fff;
  width: 315px;
  width: 3.15rem;
  height: 164px;
  height: 1.64rem;
  text-align: center;
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
}
.page-of-record .panel .record-title .record-share .btn-attention .focused-success em {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 29px;
  width: 0.29rem;
  height: 20px;
  height: 0.2rem;
  background: url(../images/pages/regulatory/arrow-top.png) repeat-x;
  top: -20px;
  top: -0.2rem;
  right: 30px;
  right: 0.3rem;
  position: absolute;
}
.page-of-record .panel .record-title .record-share .btn-attention .focused-success h1 {
  font-size: 18px;
  font-size: 0.18rem;
  font-weight: 100;
  margin-top: 12px;
  margin-top: 0.12rem;
}
.page-of-record .panel .record-title .record-share .btn-attention .focused-success p {
  font-size: 14px;
  font-size: 0.14rem;
  border-bottom: 1px solid #ddd;
  margin: 0px 15px 15px;
  margin: 0rem 0.15rem 0.15rem;
  padding-bottom: 5px;
  padding-bottom: 0.05rem;
}
.page-of-record .panel .record-title .record-share .btn-attention .focused-success span {
  margin: 10px auto;
  margin: 0.1rem auto;
  display: block;
  font-size: 16px;
  font-size: 0.16rem;
  color: #fff;
  height: 38px;
  height: 0.38rem;
  line-height: 38px;
  line-height: 0.38rem;
  border-radius: 3px;
  background: #005596;
  width: 110px;
  width: 1.1rem;
  transition: all 0.3s;
}
.page-of-record .panel .record-title .record-share .btn-attention .focused-success span:hover {
  background: #2b7dcf;
}
.page-of-record .panel .record-title .record-share .btn-attention.btn-focused {
  background: #f9f9f9;
  position: relative;
  border-color: #d5d5d5;
  color: #596477 !important;
}
.page-of-record .panel .record-title .record-share .btn-attention.btn-focused:hover {
  background: #fff;
  color: #596477 !important;
}
.page-of-record .panel .record-title .record-share .btn-attention.btn-focused .ac-loading {
  background: url("../images/pages/regulatory/loading2.png") no-repeat center center;
}
.page-of-record .panel .record-title .record-share .btn-attention.btn-focused .attention {
  display: none;
}
.page-of-record .panel .record-title .record-share .btn-attention.btn-focused .un-attention {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  vertical-align: text-bottom;
}
.page-of-record .panel .record-title .record-share .btn-attention.loading .attention,
.page-of-record .panel .record-title .record-share .btn-attention.loading .un-attention,
.page-of-record .panel .record-title .record-share .btn-attention.loading .focused-success {
  display: none;
}
.page-of-record .panel .record-title .record-share .btn-attention.loading .ac-loading {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-record .panel .record-title .record-share .btn-attention.attention-success .attention {
  display: none;
}
.page-of-record .panel .record-title .record-share .btn-attention.attention-success .focused-success {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-record .panel .record-display {
  text-align: right;
}
.page-of-record .panel .record-display a {
  font-size: 20px;
  font-size: 0.2rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  color: #247cd2;
}
.page-of-record .panel .record-display a i {
  width: 15px;
  width: 0.15rem;
  height: 8px;
  height: 0.08rem;
  margin-left: 8px;
  margin-left: 0.08rem;
  background: url("../images/pages/record/arrowDown.png") no-repeat;
}
.page-of-record .panel .record-display a:hover {
  color: #005596;
}
.page-of-record .panel .record-display a.arrow-down i {
  background: url("../images/pages/record/arrowUp.png") no-repeat;
}
.page-of-record .panel .gcaControl{
  cursor: pointer;
  margin-left:450px;
  color: #247cd2;
  width:120px;
}/*fxyedit*/
.page-of-record .panel .gcaClose{
    background: url("../images/pages/record/arrowDown.png") no-repeat right;
}/*fxyedit*/
.page-of-record .panel .gcaShow{
    background: url("../images/pages/record/arrowUp.png") no-repeat right;
}/*fxyedit*/
.page-of-record .panel .record-display .display-info {
  border-top: 2px solid #d3d8df;
  margin-top: 6px;
  margin-top: 0.06rem;
}
.page-of-record .panel .record-display .display-info table td {
  text-align: center;
  height: 35px;
  height: 0.35rem;
  line-height: 35px;
  line-height: 0.35rem;
  border-bottom: 1px solid #d3d8df;
  border-left: 1px solid #d3d8df;
  font-size: 14px;
  font-size: 0.14rem;
  color: #262e3d;
}
.page-of-record .panel .record-display .display-info table td.gray-bg {
  background: #e9edf2;
  border-left: 0;
}
.page-of-record .panel .record-display .display-info table td.light-bg {
  background: #f5f6f7;
}
.page-of-record .panel .record-display .display-info table td span {
  color: #596477;
}
.page-of-record .panel .uitab-item {
  display: none;
}
.page-of-record .panel .uitab-item.current {
  display: block;
}
.page-of-record .panel .uitab-item .record-year {
  background: #f7f7f8;
  padding: 0px 24px 24px;
  padding: 0rem 0.24rem 0.24rem;
  border-bottom: 1px solid #e5e5e5;
}
.page-of-record .panel .uitab-item .record-year h1 {
  line-height: 30px;
  line-height: 0.3rem;
  padding-top: 24px;
  padding-top: 0.24rem;
}
.page-of-record .panel .uitab-item .record-year h1 span {
  float: right;
}
.page-of-record .panel .uitab-item .record-year h1 .float-start {
  float: left;
}
.page-of-record .panel .uitab-item .record-year h1 a {
  float: right;
  color: #262e3d;
  width: 90px;
  width: 0.9rem;
}
.page-of-record .panel .uitab-item .record-year h1 a i {
  margin-left: 10px;
  margin-left: 0.1rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-top: -4px;
  margin-top: -0.04rem;
  width: 15px;
  width: 0.15rem;
  height: 8px;
  height: 0.08rem;
  background-image: url(../images/sprite.png);
  background-position: 0px -28px;
  background-position: 0rem -0.28rem;
}
.page-of-record .panel .uitab-item .record-year h1 a.arrow-top i {
  background-position: 0px 0px;
}
.page-of-record .panel .uitab-item .record-year .record-list {
  margin-left: -28px;
  margin-left: -0.28rem;
  margin-top: 10px;
  margin-top: 0.1rem;
}
.page-of-record .panel .uitab-item .record-year .record-list li {
  position: relative;
  float: left;
  width: 139px;
  width: 1.39rem;
  padding-left: 10px;
  padding-left: 0.1rem;
  height: 36px;
  height: 0.36rem;
  line-height: 36px;
  line-height: 0.36rem;
  border: 1px solid #c7c8ca;
  background: #fff;
  border-radius: 3px;
  margin-left: 28px;
  margin-left: 0.28rem;
  margin-bottom: 18px;
  margin-bottom: 0.18rem;
  color: #262e3d;
  cursor: pointer;
}
.page-of-record .panel .uitab-item .record-year .record-list li .select-text {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-of-record .panel .uitab-item .record-year .record-list li i {
  display: inline-block;
  vertical-align: top;
  height: 7px;
  height: 0.07rem;
  width: 12px;
  width: 0.12rem;
  z-index: 99;
  top: 15px;
  top: 0.15rem;
  right: 8px;
  right: 0.08rem;
  position: absolute;
  background: url("../images/pages/registered/register-arrowDown.png") no-repeat;
}
.page-of-record .panel .uitab-item .record-year .record-list li .record-select {
  display: none;
  padding: 10px 0px;
  padding: 0.1rem 0rem;
  top: 38px;
  top: 0.38rem;
  left: -1px;
  left: -0.01rem;
  position: absolute;
  -webkit-box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  width: 450px;
  width: 4.5rem;
  border-radius: 3px;
  text-align: center;
  overflow: hidden;
  z-index: 988;
}
.page-of-record .panel .uitab-item .record-year .record-list li .record-select a {
  display: block;
  height: 34px;
  height: 0.34rem;
  line-height: 34px;
  line-height: 0.34rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding: 0 40px 0px 20px;
  padding: 0 0.4rem 0rem 0.2rem;
  text-align: left;
}
.page-of-record .panel .uitab-item .record-year .record-list li .record-select a i {
  display: none;
  height: 10px;
  height: 0.1rem;
  width: 12px;
  width: 0.12rem;
  z-index: 99;
  top: 12px;
  top: 0.12rem;
  right: 18px;
  right: 0.18rem;
  position: absolute;
  background: url("../images/pages/record/yes.png") no-repeat;
}
.page-of-record .panel .uitab-item .record-year .record-list li .record-select a.current i {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-record .panel .uitab-item .record-year .record-list li .record-select a.disabled {
  color: #b8bbc2;
}
.page-of-record .panel .uitab-item .record-year .record-list li .record-select a:hover {
  background: #247cd2;
  color: #fff;
}
.page-of-record .panel .uitab-item .record-year .record-list li .record-select a:hover i {
  background: url("../images/pages/record/yes-two.png") no-repeat;
}
.page-of-record .panel .uitab-item .record-year .record-list li .record-select a.record-title:hover {
  color: #596477;
  background: none;
}
.page-of-record .panel .uitab-item .record-year .record-list li.current {
  border: 1px solid #005596;
}
.page-of-record .panel .uitab-item .record-year .record-list li.current .record-select {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-record .panel .uitab-item .record-year .record-list li.hover {
  border: 1px solid #005596;
}
.page-of-record .panel .uitab-item .record-content .record-font {
  color: #596477;
  margin: 10px 0px;
  margin: 0.1rem 0rem;
  padding-bottom: 30px;
  padding-bottom: 0.3rem;
}
.page-of-record .panel .uitab-item .record-content .record-font h1 {
  text-align: center;
  position: relative;
  font-size: 20px;
  font-size: 0.2rem;
  color: #262e3d;
  height: 24px;
  height: 0.24rem;
  line-height: 24px;
  line-height: 0.24rem;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
}
.page-of-record .panel .uitab-item .record-content .record-font h1 span {
  float: left;
  top: 0px;
  top: 0rem;
  left: 0px;
  left: 0rem;
  position: absolute;
}
.page-of-record .panel .uitab-item .record-content .record-font h1 a > span {
  float: none;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  position: static;
}
.page-of-record .panel .uitab-item .record-content .record-font p {
  line-height: 30px;
  line-height: 0.3rem;
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-record .panel .uitab-item .record-content .record-font h2 {
  border-top: 1px solid #eaebec;
  border-bottom: 1px solid #eaebec;
  margin-top: 40px;
  margin-top: 0.4rem;
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
  padding: 10px 0;
  padding: 0.1rem 0;
}
.page-of-record .panel .uitab-item .record-content .record-font h2 span {
  font-size: 20px;
  font-size: 0.2rem;
  color: #262e3d;
  width: 175px;
  width: 1.75rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-record .panel .uitab-item .record-content .record-font h3 {
  font-size: 26px;
  font-size: 0.26rem;
  color: #262e3d;
  border-bottom: 1px solid #eaebec;
  padding-bottom: 10px;
  padding-bottom: 0.1rem;
  margin-bottom: 15px;
  margin-bottom: 0.15rem;
}
.page-of-record .panel .uitab-item .record-content .record-font h4 {
  font-size: 20px;
  font-size: 0.2rem;
  color: #262e3d;
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
}
.page-of-record .panel .uitab-item .record-content .record-count {
  font-size: 20px;
  font-size: 0.2rem;
  color: #262e3d;
  margin-top: 20px;
  margin-top: 0.2rem;
}
.page-of-record .panel .uitab-item .record-content .record-count b {
  color: #005596;
  font-size: 24px;
  font-size: 0.24rem;
}
.page-of-record .panel .uitab-item .record-feedback {
  margin-top: 20px;
  margin-top: 0.2rem;
}
.page-of-record .panel .uitab-item .record-feedback .record-font {
  border-bottom: 2px solid #eaebec;
  padding-bottom: 30px;
  padding-bottom: 0.3rem;
  padding-top: 20px;
  padding-top: 0.2rem;
}
.page-of-record .panel .uitab-item .record-feedback .record-font h1 {
  font-size: 18px;
  font-size: 0.18rem;
}
.page-of-record .panel .uitab-item .record-feedback .record-font h1 span {
  font-size: 20px;
  font-size: 0.2rem;
}
.page-of-record .panel .uitab-item .record-feedback .record-font h1.text-center {
  font-size: 20px;
  font-size: 0.2rem;
  height: auto;
  padding-bottom: 20px;
  padding-bottom: 0.2rem;
}
.page-of-record .panel .uitab-item .record-feedback .record-font h1.text-center p {
  color: #596477;
  font-size: 16px;
  font-size: 0.16rem;
}
.page-of-record .panel .uitab-item .record-feedback .record-font .record-table {
  margin-bottom: 25px;
  margin-bottom: 0.25rem;
}
.page-of-record .panel .uitab-item .record-feedback .record-font .record-img {
  margin: 25px 0;
  margin: 0.25rem 0;
  margin-left: -20px;
  margin-left: -0.2rem;
}
.page-of-record .panel .uitab-item .record-feedback .record-font .record-img img {
  margin-left: 20px;
  margin-left: 0.2rem;
}
.page-of-record .panel .uitab-item .record-feedback .record-font .record-state li {
  float: left;
  padding: 30px 0;
  padding: 0.3rem 0;
  width: 25%;
  text-align: center;
}
.page-of-record .panel .uitab-item .record-feedback .record-font .record-state li a {
  display: block;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
  padding-top: 220px;
  padding-top: 2.2rem;
  font-size: 20px;
  font-size: 0.2rem;
  color: #313842;
  background: url("../images/pages/environment/pdf.png") no-repeat center;
}
.page-of-record .panel .uitab-item .record-feedback .record-font .record-state li a:hover {
  color: #005596;
}
.page-of-record .panel .uitab-item .record-feedback .record-font h5 {
  margin-top: 20px;
  margin-top: 0.2rem;
  font-size: 20px;
  font-size: 0.2rem;
  color: #262e3d;
  line-height: 30px;
  line-height: 0.3rem;
}
.page-of-record .panel .uitab-item .record-feedback .record-font .record-source {
  font-size: 16px;
  font-size: 0.16rem;
}
.page-of-record .panel .uitab-item .scree-group {
  border-bottom: 1px solid #e5e5e5;
  padding: 0px 0px 20px 0px;
  padding: 0rem 0rem 0.2rem 0rem;
  padding-top: 24px;
  padding-top: 0.24rem;
}
.page-of-record .panel .uitab-item .scree-group h6 {
  font-size: 16px;
  font-size: 0.16rem;
  line-height: 24px;
  line-height: 0.24rem;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.page-of-record .panel .uitab-item .scree-group .scree-region.w50 {
  width: 50%;
}
.page-of-record .panel .uitab-item .scree-group .scree-region h6 {
  color: #596477;
}
.page-of-record .panel .uitab-item .scree-group .scree-region .select,
.page-of-record .panel .uitab-item .scree-group .scree-region .select-small,
.page-of-record .panel .uitab-item .scree-group .scree-region .select-mini {
  width: 122px;
  width: 1.22rem;
  border: 1px solid #c7c8ca;
  border: 0.01rem solid #c7c8ca;
  font-size: 16px;
  font-size: 0.16rem;
  border-radius: 2px;
  margin-right: 15px;
  margin-right: 0.15rem;
  background-color: #fff;
  text-align: center;
  color: #acb1bb;
}
.page-of-record .panel .uitab-item .scree-group .scree-region .select:focus,
.page-of-record .panel .uitab-item .scree-group .scree-region .select-small:focus,
.page-of-record .panel .uitab-item .scree-group .scree-region .select-mini:focus {
  color: #262e3d;
}
.page-of-record .panel .uitab-item .scree-group .scree-region .input-con {
  float: left;
  position: relative;
}
.page-of-record .panel .uitab-item .scree-group .scree-region .input-con .date-input {
  width: 122px;
  width: 1.22rem 1.3rem;
  border: 1px solid #c7c8ca;
  border: 0.01rem solid #c7c8ca;
  font-size: 16px;
  font-size: 0.16rem;
  border-radius: 2px;
  margin-right: 15px;
  margin-right: 0.15rem;
  background-color: #fff;
  text-align: center;
  color: #acb1bb;
  height: 18px;
  height: 0.18rem;
  line-height: 18px;
  line-height: 0.18rem;
  padding: 9px 10px 9px 0px;
  padding: 0.09rem 0.1rem 0.09rem 0rem;
  width: 130px;
  text-align: right;
}
.page-of-record .panel .uitab-item .scree-group .scree-region .input-con .date-input:focus {
  color: #262e3d;
}
.page-of-record .panel .uitab-item .scree-group .scree-region .input-con .scree-input:focus {
  color: #262e3d;
}
.page-of-record .panel .uitab-item .scree-group .scree-region .input-con i {
  top: 15px;
  top: 0.15rem;
  left: 15px;
  left: 0.15rem;
  position: absolute;
}
.page-of-record .panel .uitab-item .scree-group .scree-region .c-select {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  line-height: 30px;
  line-height: 0.3rem;
}
.page-of-record .panel .uitab-item .scree-group .scree-region .c-select .select,
.page-of-record .panel .uitab-item .scree-group .scree-region .c-select .select-small,
.page-of-record .panel .uitab-item .scree-group .scree-region .c-select .select-mini {
  display: block;
  -webkit-appearance: menulist-button;
  text-indent: 6px;
  text-align: left;
}
.page-of-record .panel .uitab-item .scree-group .scree-region .c-select .select span,
.page-of-record .panel .uitab-item .scree-group .scree-region .c-select .select-small span,
.page-of-record .panel .uitab-item .scree-group .scree-region .c-select .select-mini span {
  padding-top: 6px;
  padding-top: 0.06rem;
  display: block;
}
.page-of-record .panel .uitab-item .scree-group .scree-region .c-select .sub-checkbox-menu {
  display: none;
}
.page-of-record .panel .uitab-item .scree-group .scree-region .c-select:hover .select,
.page-of-record .panel .uitab-item .scree-group .scree-region .c-select:hover .select-small,
.page-of-record .panel .uitab-item .scree-group .scree-region .c-select:hover .select-mini {
  border-color: #004f8c;
}
.page-of-record .panel .uitab-item .scree-group .scree-region .c-select:hover .sub-checkbox-menu {
  position: absolute;
  display: block;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.34);
  -moz-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.34);
  -o-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.34);
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.34);
  width: 560px;
  width: 5.6rem;
  margin-left: -100px;
  margin-left: -1rem;
  padding: 20px;
  padding: 0.2rem;
}
.page-of-record .panel .uitab-item .scree-group .scree-region .c-select input:disabled ~ .icon-checkbox {
  background-color: #ccc;
}
.page-of-record .panel .uitab-item .scree-group .submit-btn {
  width: 304px;
  width: 3.04rem;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  font-size: 16px;
  font-size: 0.16rem;
  font-weight: 700;
  color: #fff;
  background: #6788a8;
  cursor: pointer;
}
.page-of-record .panel .uitab-item .scree-group .submit-btn:hover {
  background: #81a9cd;
}
.page-of-record .panel .uitab-item .scree-group:last-child {
  border-bottom: 0;
  padding-bottom: 0px;
  padding-bottom: 0rem;
}
.page-of-record .panel .uitab-item .record-data .record-list .record-select {
  width: 150px !important;
  width: 1.5rem !important;
}
.page-of-record .panel .uitab-item .record-information {
  margin-top: 30px;
  margin-top: 0.3rem;
}
.page-of-record .panel .uitab-item .record-information .record-font {
  padding-bottom: 8px;
  padding-bottom: 0.08rem;
}
.page-of-record .panel .uitab-item .record-information .record-font h3 {
  border-bottom: 0;
  margin-bottom: 0px;
  margin-bottom: 0rem;
  line-height: 30px;
  line-height: 0.3rem;
}
.page-of-record .panel .uitab-item .record-information .record-font h4 {
  line-height: 30px;
  line-height: 0.3rem;
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
}
.page-of-record .panel .uitab-item .record-information .record-font .record-table {
  margin-bottom: 30px;
  margin-bottom: 0.3rem;
}
.page-of-record .panel .uitab-item .record-information .record-font .table-info td {
  padding: 20px 0;
  padding: 0.2rem 0;
}
.page-of-record .panel .uitab-item .record-information .record-font .text-center {
  text-align: center;
}
.page-of-record .panel .uitab-item .record-information .record-font .text-center .record-btn {
  width: 500px;
  width: 5rem;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  font-weight: bold;
  margin: 30px auto;
  margin: 0.3rem auto;
  background: #005596;
  font-size: 16px;
  font-size: 0.16rem;
  text-align: center;
  color: #fff;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  border-radius: 3px;
}
.page-of-record .panel .uitab-item .record-information .record-font .text-center .record-btn:hover {
  background: #2b7dcf;
}
.page-of-record .panel .uitab-item .record-information .record-explain {
  padding-top: 30px;
  padding-top: 0.3rem;
  border-top: 1px solid #eaebec;
}
.page-of-record .panel .uitab-item .record-information .record-explain h1 {
  margin-bottom: 30px;
  margin-bottom: 0.3rem;
}
.page-of-record .panel .uitab-item .record-information .record-explain h1 a {
  top: 0px;
  top: 0rem;
  right: 0px;
  right: 0rem;
  position: absolute;
}
.page-of-record .panel .uitab-item .record-information .record-explain h1 a i {
  background: url("../images/pages/record/arrowDown.png") no-repeat;
}
.page-of-record .panel .uitab-item .record-information .record-explain h1 a.arrow-down i {
  background: url("../images/pages/record/arrowUp.png") no-repeat;
}
.page-of-record .panel .uitab-wrap {
  margin-top: 25px;
  margin-top: 0.25rem;
  line-height: 56px;
  line-height: 0.56rem;
}
.page-of-record .panel .uitab-wrap .uitab-header {
  border-bottom: 1px solid #e5e5e5;
}
.page-of-record .panel .uitab-wrap .uitab-header > ul > li,
.page-of-record .panel .uitab-wrap .uitab-header > .seo-list > a {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  font-size: 20px;
  font-size: 0.2rem;
  height: 54px;
  height: 0.54rem;
  line-height: 54px;
  line-height: 0.54rem;
  font-weight: bold;
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.1rem 0rem 0.1rem;
  margin-right: 62px;
  margin-right: 0.62rem;
  cursor: pointer;
  color: #262e3d;
  position: relative;
}
.page-of-record .panel .uitab-wrap .uitab-header > ul > li span,
.page-of-record .panel .uitab-wrap .uitab-header > .seo-list > a h6 {
  bottom: -1px;
  bottom: -0.01rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: #005596;
  height: 2px;
  height: 0.02rem;
  width: 100%;
  display: none;
}
.page-of-record .panel .uitab-wrap .uitab-header > ul > li.current,
.page-of-record .panel .uitab-wrap .uitab-header > .seo-list > a.current{
  color: #005596;
}
.page-of-record .panel .uitab-wrap .uitab-header > ul > li.current span,
.page-of-record .panel .uitab-wrap .uitab-header > .seo-list > a.current h6 {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-record .panel .uitab-wrap .uitab-item {
  display: none;
}
.page-of-record .panel .uitab-wrap .uitab-item.current {
  display: block;
}
.page-of-record .unit {
  margin: 20px 20px 0 auto;
  margin: 0.2rem 0.2rem 0 auto;
  text-align: right;
  color: #596477;
  font-size: 16px;
  font-size: 0.16rem;
  line-height: 1.5;
}
.page-of-record .monitor-charsbox {
  display: none;
  position: absolute;
  width: 472px;
  width: 4.72rem;
  height: 450px;
  height: 4.5rem;
  padding: 20px;
  padding: 0.2rem;
  z-index: 11;
  pointer-events: auto !important;
  background-color: #fff;
  pointer-events: none;
  -webkit-box-shadow: 0 0px 100px #000000;
  -moz-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0px 100px rgba(0, 0, 0, 0.35);
}
.page-of-record .monitor-charsbox .unit {
  margin: 0;
}
.page-of-record .monitor-charsbox .title {
  font-size: 16px;
  font-size: 0.16rem;
  line-height: 1.5;
  color: #596477;
}
.page-of-record .monitor-charsbox .mcharts {
  margin-top: 10px;
  margin-top: 0.1rem;
  padding: 10px;
  padding: 0.1rem;
  border: 1px solid #f1f2f4;
}
.page-of-record .monitor-charsbox:before {
  content: '';
  width: 0px;
  width: 0rem;
  height: 0px;
  height: 0rem;
  border: 15px solid transparent;
  border-right: 15px solid  #fff;
  font-size: 0px;
  font-size: 0rem;
  line-height: 0px;
  line-height: 0rem;
  top: 50%;
  left: -30px;
  left: -0.3rem;
  position: absolute;
}
.page-of-record .source-tool {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
  position: relative;
  padding: 0 20px;
  padding: 0 0.2rem;
}
.page-of-record .source-tool > span {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
}
.page-of-record .source-tool .source-pop {
    top: -100px;
    left: 50%;
    display: none;
    position: absolute;
    width: 472px;
    width: 4.72rem 1.4rem;
    height: 450px;
    height: 4.5rem 0.36rem;
    padding: 20px;
    padding: 0.2rem 0rem;
    z-index: 11;
    pointer-events: auto !important;
    background-color: #fff;
    pointer-events: none;
    -webkit-box-shadow: 0 0px 100px #000000;
    -moz-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0px 100px rgba(0, 0, 0, 0.35);
    margin-left: -70px;
    margin-left: -0.7rem;
    width: 140px;
    height: 100px;
    line-height: 36px;
    line-height: 0.36rem;
    padding: 4px;
    text-align: center;
}
.page-of-record .source-tool .source-pop .unit {
  margin: 0;
}
.page-of-record .source-tool .source-pop .title {
  font-size: 16px;
  font-size: 0.16rem;
  line-height: 1.5;
  color: #596477;
}
.page-of-record .source-tool .source-pop .mcharts {
  margin-top: 10px;
  margin-top: 0.1rem;
  padding: 10px;
  padding: 0.1rem;
  border: 1px solid #f1f2f4;
}
.page-of-record .source-tool .source-pop:before {
  content: '';
  width: 0px;
  width: 0rem;
  height: 0px;
  height: 0rem;
  border: 15px solid transparent;
  border-right: 15px solid  #fff;
  font-size: 0px;
  font-size: 0rem;
  line-height: 0px;
  line-height: 0rem;
  top: 50%;
  left: -30px;
  left: -0.3rem;
  position: absolute;
}
.page-of-record .source-tool .source-pop:before {
  content: '';
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid  #fff;
  top: auto;
  bottom: -30px;
  bottom: -0.3rem;
  left: 50%;
  position: absolute;
}
.page-of-record .source-tool:hover .source-pop {
  display: block;
}
.green-banner {
  background: url("../images/pages/green/green-banner.png") no-repeat;
  width: 1190px;
  width: 11.9rem;
  height: 232px;
  height: 2.32rem;
  display: table;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
}
.green-banner .green-banner-font {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.green-banner .green-banner-font h1 {
  font-size: 48px;
  font-size: 0.48rem;
}
.green-banner .green-banner-font p {
  font-size: 14px;
  font-size: 0.14rem;
    width:80%;
  padding-left:10%;
}
.green-banner .green-banner-font a {
  font-size: 18px;
  font-size: 0.18rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 240px;
  width: 2.4rem;
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.1);
  margin-top: 15px;
  margin-top: 0.15rem;
  transition: 0.3s;
}
.green-banner .green-banner-font a:hover {
  background: rgba(255, 255, 255, 0.3);
}
.green-banner .green-banner-font a.link-arrow,
.green-banner .green-banner-font a.link-arrow:hover {
  width: auto;
  height: auto;
  line-height: 1.5;
  border: none;
  font-size: 14px;
  font-size: 0.14rem;
  padding-right: 15px;
  padding-right: 0.15rem;
  color: #fff;
  background: url("../images/pages/green/link-arrow.png") no-repeat right center;
}
.bread-crumbs {
  background: #fff;
  height: 70px;
  height: 0.7rem;
  line-height: 70px;
  line-height: 0.7rem;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
  font-size: 20px;
  font-size: 0.2rem;
  padding: 0px 22px;
  padding: 0rem 0.22rem;
  color: #313842;
  border-radius: 3px;
}
.bread-crumbs-flex{
	display: flex;
	justify-content:flex-start;
	align-items: center;
}
.bread-crumbs a {
  font-size: 14px;
  font-size: 0.14rem;
  color: #8d96a6;
}
.bread-crumbs .upgradeBtn
{
    color: #fff;
    float: right;
    font-size: 16px;
    background-color: #005589;
    padding: 0rem 0.1rem;
    border-radius: 0.04rem;
    height: 0.44rem;
    line-height: 0.44rem;
    margin-top: 0.14rem;
    font-weight: 600;
	float: right;
}
.page-of-credit .panel {
  padding: 46px;
  padding: 0.46rem;
  margin-top: 10px;
  margin-top: 0.1rem;
  background: #fff;
  border-radius: 3px;
}
.page-of-credit .panel .green-block h1 {
  color: #262e3d;
  line-height: 32px;
  line-height: 0.32rem;
  font-size: 26px;
  font-size: 0.26rem;
  font-weight: bold;
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
}
.page-of-credit .panel .green-block h1 a {
  float: right;
  color: #005596;
  font-size: 16px;
  font-size: 0.16rem;
  font-weight: bold;
}
.page-of-credit .panel .green-block p {
  font-size: 14px;
  font-size: 0.14rem;
  color: #596477;
  line-height: 30px;
  line-height: 0.3rem;
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
}
.page-of-credit .panel .green-block .search-panel {
  padding-bottom: 15px;
  padding-bottom: 0.15rem;
}
.page-of-credit .panel .green-block .button {
  font-weight: bold;
}
.page-of-credit .panel .green-block .batch-btn {
  position: relative;
  margin-left: 10px;
  margin-left: 0.1rem;
  border: 1px solid #005596;
  border: 0.01rem solid #005596;
  color: #005596;
  font-weight: bold;
  background-color: #fff;
}
.page-of-credit .panel .green-block .batch-btn .prompt {
  display: none;
  top: -54px;
  top: -0.54rem;
  right: 0px;
  right: 0rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: #f5a12e;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  font-size: 0.12rem;
  line-height: 18px;
  line-height: 0.18rem;
  width: 170px;
  width: 1.7rem;
  padding: 8px 0px 8px 0px;
  padding: 0.08rem 0rem 0.08rem 0rem;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.page-of-credit .panel .green-block .batch-btn .prompt .arrow {
  width: 0px;
  width: 0rem;
  height: 0px;
  height: 0rem;
  border: 15px solid transparent;
  border-top: 15px solid #f5a12e;
  font-size: 0px;
  font-size: 0rem;
  line-height: 0px;
  line-height: 0rem;
  top: 46px;
  top: 0.46rem;
  left: 50%;
  position: absolute;
  margin-left: -8px;
  margin-left: -0.08rem;
}
.page-of-credit .panel .green-block .batch-btn:hover .prompt {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-credit .panel .green-block .record-img {
  margin: 25px 0;
  margin: 0.25rem 0;
  margin-left: -20px;
  margin-left: -0.2rem;
}
.page-of-credit .panel .green-block .record-img img {
  margin-left: 20px;
  margin-left: 0.2rem;
}
.page-of-securities .green-block .green-tab {
  font-size: 0px;
  font-size: 0rem;
  border: 1px solid #a4a9af;
  border-bottom: 0;
  width: 320px;
  width: 3.2rem;
  border-radius: 3px 3px 0px 0px;
}
.page-of-securities .green-block .green-tab a {
  width: 160px;
  width: 1.6rem;
  height: 46px;
  height: 0.46rem;
  line-height: 46px;
  line-height: 0.46rem;
  font-weight: bold;
  font-size: 16px;
  font-size: 0.16rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  text-align: center;
  color: #262e3d;
  position: relative;
}
.page-of-securities .green-block .green-tab a span {
  width: 162px;
  width: 1.62rem;
  height: 48px;
  height: 0.48rem;
  line-height: 48px;
  line-height: 0.48rem;
  top: -1px;
  top: -0.01rem;
  left: -1px;
  left: -0.01rem;
  position: absolute;
  z-index: 0;
}
.page-of-securities .green-block .green-tab a.current {
  color: #fff;
}
.page-of-securities .green-block .green-tab a.current span {
  background: #005596;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-securities .green-block .green-tab a:first-child span {
  border-radius: 3px 0px 0px 0px;
}
.page-of-securities .green-block .green-tab a:last-child span {
  border-radius: 0px 3px 0px 0px;
}
.page-of-securities .green-block .green-search-btn {
  font-size: 16px;
  font-size: 0.16rem;
  font-weight: bold;
  color: #247cd2;
  margin-top: 10px;
  margin-top: 0.1rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-securities .green-block p .green-detail-btn {
  float: right;
  color: #247cd2;
  font-size: 12px;
  font-size: 0.12rem;
  font-weight: bold;
  margin-top: 8px;
  margin-top: 0.08rem;
  margin-right: 15px;
  margin-right: 0.15rem;
}
.page-of-securities .green-block p .green-detail-btn:hover {
  color: #005596;
}
.page-of-securities .green-block .green-table-block {
  margin: 30px 0px;
  margin: 0.3rem 0rem;
}
.page-of-securities .green-block .green-table-block .green-table {
  border-collapse: collapse;
  border-top: 1px solid #d3d8df;
  background: #fdfdfe;
}
.page-of-securities .green-block .green-table-block .green-table tr.even {
  background: #f5f6f7;
}
.page-of-securities .green-block .green-table-block .green-table tr:hover {
  background: #dbedfe;
}
.page-of-securities .green-block .green-table-block .green-table tr th {
  padding: 18px 8px;
  padding: 0.18rem 0.08rem;
  line-height: 24px;
  line-height: 0.24rem;
  border-top: 1px solid #d3d8df;
  background: #e9edf2;
}
.page-of-securities .green-block .green-table-block .green-table tr td {
  padding: 18px 8px;
  padding: 0.18rem 0.08rem;
  line-height: 24px;
  line-height: 0.24rem;
  text-align: center;
  border-bottom: 1px solid #e6e8ea;
}
.page-of-securities .green-block .green-table-block .green-table tr td a {
  color: #005596;
}
.page-of-securities .green-block .green-table-block .green-table.no-hover tr.even:hover {
  background-color: #f5f6f7 ;
}
.page-of-securities .green-block .green-table-block .green-table.no-hover tr:hover {
  background-color: inherit ;
}
.page-of-securities .green-block .green-table-block .text-center {
  text-align: center;
}
.page-of-securities .green-block .green-table-block .text-center .green-search-btn {
  margin: 20px auto;
  margin: 0.2rem auto;
}
.page-of-securities .pb1 {
  padding-bottom: 1px;
  padding-bottom: 0.01rem;
}
.page-of-risk-list .reg-panel {
  margin-top: 10px;
  margin-top: 0.1rem;
}
.page-of-risk-list .reg-panel .scree-panel {
  display: block;
}
.page-of-risk-list .reg-panel .green-search-btn {
  font-size: 16px;
  font-size: 0.16rem;
  font-weight: bold;
  color: #247cd2;
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-risk-list .reg-panel .uitab-wrap {
  margin-top: 20px;
  margin-top: 0.2rem;
}
.page-of-risk-list .reg-panel .uitab-wrap .uitab-header > ul > li {
  font-weight: 100;
  height: 20px;
  height: 0.2rem;
  line-height: 20px;
  line-height: 0.2rem;
}
.page-of-risk-list .reg-panel .table-list tr th {
  padding: 0px 10px !important;
  padding: 0rem 0.1rem !important;
  border-top: 1px solid #d3d8df!important;
}
.page-of-risk-list .reg-panel .table-list tr td {
  padding: 0px 10px;
  padding: 0rem 0.1rem;
}
.page-of-risk-list .reg-panel .table-list tr td a {
  color: #005596;
}
.page-of-risk-list .reg-panel .table-list tr .digital:hover {
  font-weight: bold;
}
.page-of-risk-list .no-data {
  padding-bottom: 100px;
  padding-bottom: 1rem;
  font-size: 24px;
  font-size: 0.24rem;
  color: #596477;
  text-align: center;
}
.page-of-risk-list-detail .panel {
  padding: 46px;
  padding: 0.46rem;
  margin-top: 10px;
  margin-top: 0.1rem;
  background: #fff;
  border-radius: 3px;
}
.page-of-risk-list-detail .panel .green-block .risk-title h1 {
  color: #262e3d;
  line-height: 32px;
  line-height: 0.32rem;
  font-size: 26px;
  font-size: 0.26rem;
  font-weight: bold;
  margin-bottom: 6px;
  margin-bottom: 0.06rem;
}
.page-of-risk-list-detail .panel .green-block .risk-title p {
  font-size: 12px;
  font-size: 0.12rem;
  color: #596477;
  line-height: 30px;
  line-height: 0.3rem;
  margin-top: 0px;
  margin-top: 0rem;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  filter: alpha(opacity=60);
}
.page-of-risk-list-detail .panel .green-risk-block {
  margin-top: 20px;
  margin-top: 0.2rem;
  padding-bottom: 30px;
  padding-bottom: 0.3rem;
}
.page-of-risk-list-detail .panel .green-risk-block h2 {
  font-size: 20px;
  font-size: 0.2rem;
  color: #262e3d;
  margin-bottom: 30px;
  margin-bottom: 0.3rem;
}
.page-of-risk-list-detail .panel .green-risk-block h2 span {
  margin-right: 35px;
  margin-right: 0.35rem;
}
.page-of-risk-list-detail .panel .green-risk-block .record-table {
  margin-bottom: 30px;
  margin-bottom: 0.3rem;
}
.page-of-risk-list-detail .panel .green-risk-block .record-table th {
  padding: 12px 0px;
  padding: 0.12rem 0rem;
  border-bottom: 1px solid #d3d8df;
  border-left: 1px solid #d3d8df;
}
.page-of-risk-list-detail .panel .green-risk-block .record-table th:first-child,
.page-of-risk-list-detail .panel .green-risk-block .record-table th.first-child {
  border-left: 0;
}
.page-of-risk-list-detail .panel .green-risk-block .record-table td {
  padding: 18px 0px;
  padding: 0.18rem 0rem;
  border-bottom: 1px solid #d3d8df;
  border-left: 1px solid #d3d8df;
}
.page-of-risk-list-detail .panel .green-risk-block .record-table td.first-td {
  border-left: 0;
}
.page-of-risk-list-detail .panel .green-risk-block p {
  line-height: 30px;
  line-height: 0.3rem;
  color: #596477;
}
.page-of-green-securities-water .monitor-charsbox {
  display: none;
  position: absolute;
  left: -50%;
  margin-top: 15px;
  margin-top: 0.15rem;
  width: 404px;
  width: 4.04rem;
 /* height: 243px;
  height: 2.43rem;*/
  padding: 10px;
  padding: 0.1rem;
  margin-left: -202px;
  margin-left: -2.02rem;
  z-index: 999;
  pointer-events: auto !important;
  background-color: #fff;
  border-radius: 3px;
}
.page-of-green-securities-water .monitor-charsbox .unit {
  margin: 0;
}
.page-of-green-securities-water .monitor-charsbox .title {
  font-size: 14px;
  font-size: 0.14rem;
  line-height: 1.5;
  color: #596376;
}
.page-of-green-securities-water .monitor-charsbox .monitor-cont {
  padding-top: 10px;
  padding-top: 0.1rem;
  font-size: 14px;
  font-size: 0.14rem;
  line-height: 1.5;
  color: #596376;
}
.page-of-green-securities-water .monitor-charsbox .monitor-cont ul li {
  margin-top: 10px;
  margin-top: 0.1rem;
  padding: 0 10px;
  padding: 0 0.1rem;
  border: 1px solid #e0c4c4;
  line-height: 32px;
  line-height: 0.32rem;
  border-radius: 2px;
  background-color: #f4d6d5;
}
.page-of-green-securities-water .monitor-charsbox .monitor-cont ul li label {
  margin-right: 10px;
  margin-right: 0.1rem;
}
.page-of-green-securities-water .monitor-charsbox .monitor-cont ul li.level1 {
  background-color: #f4d6d5;
}
.page-of-green-securities-water .monitor-charsbox .monitor-cont ul li.level2 {
  background-color: #d77070;
  border-color: #ad5a5a;
  color: #fff;
}
.page-of-green-securities-water .monitor-charsbox .monitor-cont ul li.level3 {
  background-color: #c43031;
  border-color: #9d2728;
  color: #fff;
}
.page-of-green-securities-water .monitor-charsbox .monitor-cont ul li.level4 {
  background-color: #9d2629;
  border-color: #842022;
  color: #fff;
}
.page-of-green-securities-water .monitor-charsbox .monitor-cont ul li.level5 {
  background-color: #9d2629;
  border-color: #842022;
  color: #fff;
}


.page-of-green-securities-water .monitor-charsbox {
  -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  top: 85px;
  top: 0.85rem;
}
.page-of-green-securities-water .monitor-charsbox .triangle-arrow {
  display: block;
  width: 0px;
  width: 0rem;
  height: 0px;
  height: 0rem;
  border: 15px solid transparent;
  border-bottom: 15px solid  #fff;
  font-size: 0px;
  font-size: 0rem;
  line-height: 0px;
  line-height: 0rem;
  top: -30px;
  top: -0.3rem;
  left: 50%;
  position: absolute;
}
.page-of-green-securities-water .monitor-charsbox.last {
  margin-left: -350px;
  margin-left: -3.5rem;
}
.page-of-green-securities-water .monitor-charsbox.last .triangle-arrow {
  left: auto;
  right: 0;
  margin-right: 45px;
  margin-right: 0.45rem;
}
.page-of-green-securities-water .panel {
  padding: 46px;
  padding: 0.46rem;
  margin-top: 10px;
  margin-top: 0.1rem;
  background: #fff;
  border-radius: 3px;
}
.page-of-green-securities-water .panel .search-panel .complex .select-block {
  border: 1px solid #a4a9af;
  border-right: 0;
  float: left;
  padding: 0px 20px;
  padding: 0rem 0.2rem;
  height: 54px;
  height: 0.54rem;
  line-height: 54px;
  line-height: 0.54rem;
  color: #262e3d;
  cursor: pointer;
  position: relative;
  width: 390px;
  width: 3.9rem;
}
.page-of-green-securities-water .panel .search-panel .complex .select-block .select-text {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  height: 30px;
  height: 0.3rem;
  line-height: 30px;
  line-height: 0.3rem;
  width: 100%;
  font-size: 16px;
  font-size: 0.16rem;
  color: #596477;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.page-of-green-securities-water .panel .search-panel .complex .select-block .select-text span {
  float: right;
  margin-left: 20px;
  margin-left: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  padding-right: 18px;
  padding-right: 0.18rem;
  color: #262e3d;
}
.page-of-green-securities-water .panel .search-panel .complex .select-block .select-text i {
  display: inline-block;
  vertical-align: middle;
  height: 7px;
  height: 0.07rem;
  width: 12px;
  width: 0.12rem;
  top: 22px;
  top: 0.22rem;
  right: 20px;
  right: 0.2rem;
  position: absolute;
  z-index: 99;
  background: url("../images/pages/registered/register-arrowDown.png") no-repeat;
}
.page-of-green-securities-water .panel .search-panel .complex .select-block .record-select {
  display: none;
  padding: 10px 0px;
  padding: 0.1rem 0rem;
  top: 55px;
  top: 0.55rem;
  left: -1px;
  left: -0.01rem;
  position: absolute;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  width: 450px;
  width: 4.5rem;
  border-radius: 3px;
  text-align: center;
  overflow: hidden;
  z-index: 988;
}
.page-of-green-securities-water .panel .search-panel .complex .select-block .record-select a {
  display: block;
  height: 34px;
  height: 0.34rem;
  line-height: 34px;
  line-height: 0.34rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font-size: 16px;
  font-size: 0.16rem;
  padding: 0 40px 0px 20px;
  padding: 0 0.4rem 0rem 0.2rem;
  text-align: left;
}
.page-of-green-securities-water .panel .search-panel .complex .select-block .record-select a i {
  display: none;
  height: 10px;
  height: 0.1rem;
  width: 12px;
  width: 0.12rem;
  z-index: 99;
  top: 12px;
  top: 0.12rem;
  right: 18px;
  right: 0.18rem;
  position: absolute;
  background: url("../images/pages/record/yes.png") no-repeat;
}
.page-of-green-securities-water .panel .search-panel .complex .select-block .record-select a.current i {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-green-securities-water .panel .search-panel .complex .select-block .record-select a.disabled {
  color: #b8bbc2;
}
.page-of-green-securities-water .panel .search-panel .complex .select-block .record-select a:hover {
  background: #247cd2;
  color: #fff;
}
.page-of-green-securities-water .panel .search-panel .complex .select-block .record-select a:hover i {
  background: url("../images/pages/record/yes-two.png") no-repeat;
}
.page-of-green-securities-water .panel .search-panel .complex .select-block .record-select a.record-title:hover {
  color: #596477;
  background: none;
}
.page-of-green-securities-water .panel .search-panel .complex .select-block.current .record-select {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-green-securities-water .panel .search-panel .input-icon .input,
.page-of-green-securities-water .panel .search-panel .input-icon .input-small,
.page-of-green-securities-water .panel .search-panel .input-icon .input-mini,
.page-of-green-securities-water .panel .search-panel .input-icon .input-icon {
  border-radius: 0px;
}
.page-of-green-securities-water .panel .table-con .table-main .table-column table thead th {
  border: 1px solid #e0e5ea;
  background-color: #e9edf2;
  line-height: 18px;
  line-height: 0.18rem;
  padding: 5px 5px;
  padding: 0.05rem 0.05rem;
  font-size: 14px;
  font-size: 0.14rem;
  font-family: inherit;
  font-weight: inherit;
}
.page-of-green-securities-water .panel .table-con .table-main .table-column table thead th .view-tip {
  position: relative;
  color: #262e3d;
  height: 90px;
  height: 1.2rem;
  padding-bottom: 15px;
  padding-bottom: 0.15rem;
  vertical-align: middle;
  display: table-cell;
  cursor: pointer;
}
.page-of-green-securities-water .panel .table-con .table-main .table-column table thead th .view-tip:hover {
  color: #262e3d;
}
.page-of-green-securities-water .panel .table-con .table-main .table-column table thead th .view-tip:hover .monitor-charsbox {
  display: block;
}
.page-of-green-securities-water .panel .table-con .table-main .table-column table thead th .arrow-db {
  display: block;
  bottom: 5px;
  bottom: 0.05rem;
  left: 0;
  position: absolute;
  z-index: 2;
  width: 100%;
  padding-bottom: 7px;
  padding-bottom: 0.07rem;
  background: url("../images/pages/green/arrow-db.png") no-repeat bottom center;
}
.page-of-green-securities-water .panel .table-con .table-main .table-column table thead tr.weights th {
  background-color: #eff3f9;
}
.page-of-green-securities-water .panel .table-con .table-main .table-list tr {
  cursor: auto;
}
.page-of-green-securities-water .panel .table-con .table-main .table-list tr td {
  border: 1px solid #e6e8ea;
  background-color: #fff;
  padding: 10px 5px;
  padding: 0.1rem 0.05rem;
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-green-securities-water .panel .table-con .table-main .table-list tr td.level1 {
  background-color: #f4d6d5;
}
.page-of-green-securities-water .panel .table-con .table-main .table-list tr td.level2 {
  background-color: #d77070;
  color: #fff;
}
.page-of-green-securities-water .panel .table-con .table-main .table-list tr td.level3 {
  background-color: #c63132;
  color: #fff;
}
.page-of-green-securities-water .panel .table-con .table-main .table-list tr td.level4 {
  background-color: #9d2629;
  color: #fff;
}
.page-of-green-securities-water .panel .table-con .table-main .table-list tr td.level5 {
  background-color: #9d2629;
  color: #fff;
}
.page-of-green-securities-water .panel .table-con .table-main .table-list tr td a {
  color: #005596;
}
.page-of-green-securities-water .panel .pager-wrap {
  position: relative;
  margin: 30px 0 12px;
  margin: 0.3rem 0 0.12rem;
}
.page-of-water-risk-detail .panel {
  padding: 46px 46px 80px;
  padding: 0.46rem 0.46rem 0.8rem;
  margin-top: 10px;
  margin-top: 0.1rem;
  background: #fff;
  border-radius: 3px;
}
.page-of-water-risk-detail .panel .green-block h1 {
  color: #262e3d;
  line-height: 32px;
  line-height: 0.32rem;
  font-size: 26px;
  font-size: 0.26rem;
  font-weight: bold;
  margin-bottom: 6px;
  margin-bottom: 0.06rem;
}
.page-of-water-risk-detail .panel .green-block p {
  font-size: 12px;
  font-size: 0.12rem;
  color: #596477;
  line-height: 30px;
  line-height: 0.3rem;
  margin-top: 0px;
  margin-top: 0rem;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  filter: alpha(opacity=60);
}
.page-of-water-risk-detail .panel .green-block .water-risk {
  padding: 30px 0;
  padding: 0.3rem 0;
}
.page-of-water-risk-detail .panel .green-block .water-risk .water-risk-block {
  width: 50%;
  float: left;
  text-align: center;
}
.page-of-water-risk-detail .panel .green-block .water-risk .water-risk-block h3 {
  color: #262e3d;
  font-size: 26px;
  font-size: 0.26rem;
}
.page-of-water-risk-detail .panel .green-block .water-risk .water-risk-block span {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 180px;
  width: 1.8rem;
  height: 180px;
  height: 1.8rem;
  line-height: 180px;
  line-height: 1.8rem;
  border-radius: 50%;
  border: 2px solid #d6d9de;
  margin: 20px 0px 15px;
  margin: 0.2rem 0rem 0.15rem;
}
.page-of-water-risk-detail .panel .green-block .water-risk .water-risk-block span em {
  font-size: 74px;
  font-size: 0.74rem;
  font-style: normal;
}
.page-of-water-risk-detail .panel .green-block .water-risk .water-risk-block p {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
.page-of-water-risk-detail .panel .green-block .water-risk-info h2 {
  height: 26px;
  height: 0.26rem;
  line-height: 26px;
  line-height: 0.26rem;
  font-size: 26px;
  font-size: 0.26rem;
  color: #262e3d;
  margin: 30px 0px 0px;
  margin: 0.3rem 0rem 0rem;
  padding-bottom: 38px;
  padding-bottom: 0.38rem;
  border-bottom: 1px solid #e5e5e5;
}
.page-of-water-risk-detail .panel .green-block .water-risk-info h2 span {
  border-left: 3px solid #83888e;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  padding-left: 12px;
  padding-left: 0.12rem;
}
.page-of-water-risk-detail .panel .green-block .water-risk-info .water-risk-content {
  border-bottom: 1px solid #e5e5e5;
  padding-top: 18px;
  padding-top: 0.18rem;
}
.page-of-water-risk-detail .panel .green-block .water-risk-info .water-risk-content h4 {
  font-size: 26px;
  font-size: 0.26rem;
  color: #262e3d;
}
.page-of-water-risk-detail .panel .green-block .water-risk-info .water-risk-content .water-risk-font {
  position: relative;
  margin-left: 120px;
  margin-left: 1.2rem;
  padding: 40px 0 28px;
  padding: 0.4rem 0 0.28rem;
  min-height: 50px;
  border-bottom: 1px solid #e5e5e5;
}
.page-of-water-risk-detail .panel .green-block .water-risk-info .water-risk-content .water-risk-font span {
  width: 60px;
  width: 0.6rem;
  height: 60px;
  height: 0.6rem;
  line-height: 60px;
  line-height: 0.6rem;
  font-size: 24px;
  font-size: 0.24rem;
  text-align: center;
  border-radius: 50%;
  top: 40px;
  top: 0.4rem;
  left: -105px;
  left: -1.05rem;
  position: absolute;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-water-risk-detail .panel .green-block .water-risk-info .water-risk-content .water-risk-font span.level1 {
  background-color: #f4d6d5;
}
.page-of-water-risk-detail .panel .green-block .water-risk-info .water-risk-content .water-risk-font span.level2 {
  background-color: #d77070;
  color: #fff;
}
.page-of-water-risk-detail .panel .green-block .water-risk-info .water-risk-content .water-risk-font span.level3 {
  background-color: #c63132;
  color: #fff;
}
.page-of-water-risk-detail .panel .green-block .water-risk-info .water-risk-content .water-risk-font span.level4 {
  background-color: #9d2629;
  color: #fff;
}
.page-of-water-risk-detail .panel .green-block .water-risk-info .water-risk-content .water-risk-font span.level5 {
  background-color: #9d2629;
  color: #fff;
}
.page-of-water-risk-detail .panel .green-block .water-risk-info .water-risk-content .water-risk-font h5 {
  font-size: 18px;
  font-size: 0.18rem;
  color: #262e3d;
  line-height: 30px;
  line-height: 0.3rem;
  background: #f0f0f0;
  padding: 0 10px;
  padding: 0 0.1rem;
  margin-bottom: 15px;
  margin-bottom: 0.15rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-water-risk-detail .panel .green-block .water-risk-info .water-risk-content .water-risk-font p {
  font-size: 14px;
  font-size: 0.14rem;
  line-height: 24px;
  line-height: 0.24rem;
}
.page-of-water-risk-detail .panel .green-block .water-risk-info .water-risk-content .water-risk-font:last-child {
  border-bottom: 0;
}
.page-of-no-search-screen .green-banner .banner-con {
  width: 650px;
  width: 6.5rem;
  margin: 55px 32px 0px 50px;
  margin: 0.55rem 0.32rem 0rem 0.5rem;
}
.page-of-no-search-screen .green-banner .banner-con .dynamic-num .num {
  width: 66px;
  width: 0.66rem;
  height: 88px;
  height: 0.88rem;
  line-height: 88px;
  line-height: 0.88rem;
  background: url("../images/pages/regulatory/number_bg.png") no-repeat center center;
  font-size: 74px;
  font-size: 0.74rem;
  color: #fff;
  margin: 0px 3px;
  margin: 0rem 0.03rem;
}
.page-of-no-search-screen .green-banner .banner-con .banner-title {
  margin-top: 20px;
  margin-top: 0.2rem;
  font-size: 20px;
  font-size: 0.2rem;
  text-align: center;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
  line-height: 30px;
  line-height: 0.3rem;
  width:120%;
}
.page-of-no-search-screen .green-banner .green-banner-font {
  width: 300px;
  width: 3rem;
  padding-left: 110px;
  padding-left: 1.1rem;
  margin: 50px 0px 0px 0px;
  margin: 0.5rem 0rem 0rem 0rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 150px;
  height: 1.5rem;
  text-align: left;
}
.page-of-no-search-screen .green-banner .green-banner-font a {
  text-align: center;
}
.page-of-no-search-screen .green-block {
  position: relative;
}
.page-of-no-search-screen .green-block .green-tab {
  font-size: 0px;
  font-size: 0rem;
  border: 1px solid #a4a9af;
  border-bottom: 0;
  width: 320px;
  width: 3.2rem;
  border-radius: 3px 3px 0px 0px;
}
.page-of-no-search-screen .green-block .green-tab a {
  width: 160px;
  width: 1.6rem;
  height: 46px;
  height: 0.46rem;
  line-height: 46px;
  line-height: 0.46rem;
  font-weight: bold;
  font-size: 16px;
  font-size: 0.16rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  text-align: center;
  color: #262e3d;
  position: relative;
}
.page-of-no-search-screen .green-block .green-tab a span {
  width: 162px;
  width: 1.62rem;
  height: 48px;
  height: 0.48rem;
  line-height: 48px;
  line-height: 0.48rem;
  top: -1px;
  top: -0.01rem;
  left: -1px;
  left: -0.01rem;
  position: absolute;
  z-index: 0;
}
.page-of-no-search-screen .green-block .green-tab a.current {
  color: #fff;
}
.page-of-no-search-screen .green-block .green-tab a.current span {
  background: #005596;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-no-search-screen .green-block .green-tab a:first-child span {
  border-radius: 3px 0px 0px 0px;
}
.page-of-no-search-screen .green-block .green-tab a:last-child span {
  border-radius: 0px 3px 0px 0px;
}
.page-of-no-search-screen .green-block .green-search-btn {
  font-size: 16px;
  font-size: 0.16rem;
  font-weight: bold;
  color: #247cd2;
  margin-top: 26px;
  margin-top: 0.26rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-no-search-screen .green-block .shared {
  top: 6px;
  top: 0.06rem;
  right: 0px;
  right: 0rem;
  position: absolute;
}
.page-of-no-search-screen .uitab-wrap .c1 {
  width: 4%;
}
.page-of-no-search-screen .uitab-wrap .c2 {
  width: 7%;
}
.page-of-no-search-screen .uitab-wrap .c3 {
  width: 8%;
}
.page-of-no-search-screen .uitab-wrap .c4 {
  width: 14%;
}
.page-of-no-search-screen .uitab-wrap .c5 {
  width: 6%;
}
.page-of-no-search-screen .uitab-wrap .c6 {
  width: 8%;
}
.page-of-no-search-screen .uitab-wrap .c7 {
  width: 8%;
}
.page-of-no-search-screen .uitab-wrap .c8 {
  width: 4%;
}
.page-of-no-search-screen .uitab-wrap .c9 {
  width: 10%;
}
.page-of-no-search-screen .uitab-wrap .c10 {
  width: 10%;
}
.page-of-no-search-screen .uitab-wrap .c11 {
  width: 10%;
}
.page-of-no-search-screen .uitab-wrap .thead-tr th {
  height: 0;
  overflow: hidden;
}
.page-of-no-search-screen .uitab-wrap .scree-group .w250 {
  width: 250px !important;
  width: 2.5rem !important;
}
.page-of-no-search-screen .uitab-wrap .scree-group .w150 {
  width: 150px !important;
  width: 1.5rem !important;
}
.page-of-no-search-screen .uitab-wrap .scree-group .scree-opion {
  line-height: 40px;
  line-height: 0.4rem;
  margin-top: 8px;
  margin-top: 0.08rem;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-con .table-main .table-list tr {
  background: #e7ecf1;
  cursor: default;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-con .table-main .table-list:hover {
  background: #dbedfe;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-con .table-main .table-list.even {
  background: #f5f6f7;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-con .table-main .table-list.even:hover {
  background: #dbedfe;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-main .table-list th {
  border-top: 1px solid #d3d8df;
  background: #dbe3ea;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-main .table-list td {
  border-top: 0;
  border-bottom: 1px solid #d3d8df;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-main .btn-relevance {
  font-size: 14px;
  font-size: 0.14rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  color: #247cd2;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-main .btn-relevance i {
  width: 15px;
  width: 0.15rem;
  height: 8px;
  height: 0.08rem;
  margin-left: 8px;
  margin-left: 0.08rem;
  background: url("../images/pages/record/arrowDown.png") no-repeat;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-main .btn-relevance:hover {
  color: #005596;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-main .btn-relevance.arrow-down i {
  background: url("../images/pages/record/arrowUp.png") no-repeat;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-main .relevance-info {
  position: relative;
  width: 1094px;
  width: 10.94rem;
  margin-left: -1px;
  margin-left: -0.01rem;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-main .relevance-info i {
  background: url("../images/pages/green/green-arrow.png") no-repeat;
  width: 26px;
  width: 0.26rem;
  height: 15px;
  height: 0.15rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  top: -15px;
  top: -0.15rem;
  right: 50px;
  right: 0.5rem;
  position: absolute;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-main .relevance-info .relevance-table tr {
  background: #fff;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-main .relevance-info .relevance-table tr td {
  border-top: 1px solid #d3d8df;
  border-bottom: 0;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-main .relevance-info .relevance-table tr:hover {
  background: #dbedfe;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-main .relevance-info .relevance-table tr.even {
  background: #f5f6f7;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-main .relevance-info .relevance-table tr.even:hover {
  background: #dbedfe;
}
.page-of-no-search-screen .uitab-wrap .uitab-column .table-main .relevance-info .relevance-table th {
  background: #f1f4f7;
  font-size: 14px;
  font-size: 0.14rem;
  line-height: 40px;
  line-height: 0.4rem;
  border: 0;
}
.page-of-no-search-screen .del-option {
  float: left;
  position: relative;
  margin-top: 5px;
  margin-top: 0.05rem;
  margin-right: 15px;
  margin-right: 0.15rem;
  border: 1px solid #c7c8ca;
  padding: 0 35px 0 20px;
  padding: 0 0.35rem 0 0.2rem;
  font-size: 16px;
  font-size: 0.16rem;
  height: 34px;
  height: 0.34rem;
  line-height: 34px;
  line-height: 0.34rem;
  color: #262e3d;
  border-radius: 34px;
  background-color: #fff;
}
.page-of-no-search-screen .del-option i {
  top: 50%;
  right: 10px;
  right: 0.1rem;
  position: absolute;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
  margin-top: -4.5px;
  margin-top: -0.045rem;
  width: 9px;
  width: 0.09rem;
  height: 9px;
  height: 0.09rem;
  background: url("../images/pages/green/del.png") no-repeat;
}
.page-of-no-search-screen .sp {
  margin: 20px;
  margin: 0.2rem;
  border-left: 1px solid #d3d8df;
  height: 40px;
  height: 0.4rem;
}
.contact-list {
  background: #f9f9f9;
  padding: 48px 0px 78px;
  padding: 0.48rem 0rem 0.78rem;
}
.contact-list .contact-column {
  width: 315px;
  width: 3.15rem;
  height: 135px;
  height: 1.35rem;
  background: #fff;
  border: 1px solid #e0e0e0;
  margin-left: 60px;
  margin-left: 0.6rem;
  color: #262e3d;
  text-align: center;
}
.contact-list .contact-column h1 {
  font-size: 24px;
  font-size: 0.24rem;
  margin-top: 30px;
  margin-top: 0.3rem;
}
.contact-list .contact-column p {
  font-size: 14px;
  font-size: 0.14rem;
  margin-top: 10px;
  margin-top: 0.1rem;
}
.page-of-contact .green-banner {
  background: url("../images/pages/contact/contact-banner.png") no-repeat;
}
.page-of-contact .panel {
  margin-top: 10px;
  margin-top: 0.1rem;
  background: #fff;
  border-radius: 3px;
}
.page-of-contact .panel .contact {
  padding: 60px 0px;
  padding: 0.6rem 0rem;
}
.page-of-contact .panel .contact .address {
  margin: 0px 100px;
  margin: 0rem 1rem;
  /*width: 380px;
  width: 3.8rem;*/
}
.page-of-contact .panel .contact .address h1 {
  color: #262e3d;
  font-size: 24px;
  font-size: 0.24rem;
  font-weight: bold;
}
.page-of-contact .panel .contact .address h5 {
  margin-top: 15px;
  margin-top: 0.15rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-contact .panel .contact .address p {
  font-size: 16px;
  font-size: 0.16rem;
}
.page-of-contact .panel .contact .contact-line {
  border-left: 1px solid #e0e0e0;
  height: 230px;
  height: 2.3rem;
  width: 1px;
  width: 0.01rem;
  margin-top: 30px;
  margin-top: 0.3rem;
}
.page-of-contact .panel .institution-address {
  width: 970px;
  width: 9.7rem;
  border-top: 1px solid #e0e0e0;
  margin: 0px auto;
  margin: 0rem auto;
  padding: 70px 0px 90px;
  padding: 0.7rem 0rem 0.9rem;
}
.page-of-contact .panel .institution-address .institution-font h1 {
  color: #262e3d;
  font-size: 24px;
  font-size: 0.24rem;
  font-weight: bold;
}
.page-of-contact .panel .institution-address .institution-font p {
  font-size: 16px;
  font-size: 0.16rem;
  line-height: 24px;
  line-height: 0.24rem;
  margin-top: 15px;
  margin-top: 0.15rem;
}
.page-of-about .green-banner {
  background: url("../images/pages/about/about-banner.png") no-repeat;
}
.page-of-about .green-banner h1 {
  font-size: 36px;
  font-size: 0.36rem;
}
.page-of-about .panel {
  margin-top: 10px;
  margin-top: 0.1rem;
  background: #fff;
  border-radius: 3px;
}
.page-of-about .panel .about-company {
  padding: 46px;
  padding: 0.46rem;
}
.page-of-about .panel .about-company p {
  font-size: 14px;
  font-size: 0.14rem;
  line-height: 24px;
  line-height: 0.24rem;
}
.page-of-about .panel .gray-bg {
  background: #f9f9f9;
}
.page-of-about .panel .about-title {
  text-align: center;
  color: #262e3d;
}
.page-of-about .panel .about-title span {
  height: 1px;
  height: 0.01rem;
  background: #000;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 80px;
  width: 0.8rem;
  vertical-align: middle;
}
.page-of-about .panel .about-title em {
  font-style: normal;
  font-size: 30px;
  font-size: 0.3rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  font-weight: bold;
  margin: 0px 10px;
  margin: 0rem 0.1rem;
}
.page-of-about .panel .about-data {
  padding: 48px 0px 70px;
  padding: 0.48rem 0rem 0.7rem;
}
.page-of-about .panel .about-data .about-data-introduce {
  font-size: 14px;
  font-size: 0.14rem;
  text-align: center;
  line-height: 30px;
  line-height: 0.3rem;
  margin: 20px 0;
  margin: 0.2rem 0;
}
.page-of-about .panel .about-data .about-data-introduce em {
  font-style: normal;
  font-size: 24px;
  font-size: 0.24rem;
}
.page-of-about .panel .about-data .about-data-list {
  padding: 40px;
  padding: 0.4rem;
}
.page-of-about .panel .about-data .about-data-list li {
  float: left;
  width: 33.3%;
  text-align: center;
}
.page-of-about .panel .about-data .about-data-list li h1 {
  font-size: 24px;
  font-size: 0.24rem;
  color: #262e3d;
  margin-top: 25px;
  margin-top: 0.25rem;
}
.page-of-about .panel .about-data .about-data-list li p {
  font-size: 14px;
  font-size: 0.14rem;
  margin-top: 10px;
  margin-top: 0.1rem;
  line-height: 24px;
  line-height: 0.24rem;
}
.page-of-about .panel .about-project {
  text-align: center;
  padding: 48px 0px 70px;
  padding: 0.48rem 0rem 0.7rem;
}
.page-of-about .panel .about-project .about-project-list {
  text-align: left;
  margin-left: 18px;
  margin-left: 0.18rem;
  padding: 50px 0px 20px;
  padding: 0.5rem 0rem 0.2rem;
}
.page-of-about .panel .about-project .about-project-list li {
  float: left;
  margin-left: 30px;
  margin-left: 0.3rem;
  margin-bottom: 30px;
  margin-bottom: 0.3rem;
  width: 345px;
  width: 3.45rem;
}
.page-of-about .panel .about-project .about-project-list li img {
  width: 100%;
  height: 204px;
  height: 2.04rem;
}
.page-of-about .panel .about-project .about-project-list li h1 {
  font-size: 24px;
  font-size: 0.24rem;
  color: #262e3d;
  margin: 15px 0 10px;
  margin: 0.15rem 0 0.1rem;
}
.page-of-about .panel .about-project .about-project-list li p {
  font-size: 14px;
  font-size: 0.14rem;
  margin: 0px;
  margin: 0rem;
  line-height: 24px;
  line-height: 0.24rem;
  height: 72px;
  height: 0.72rem;
  overflow: hidden;
}
.page-of-about .panel .about-project .about-project-list li a {
  margin-top: 10px;
  margin-top: 0.1rem;
  font-size: 12px;
  font-size: 0.12rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  color: #247cd2;
  font-weight: bold;
  margin-right: 30px;
  margin-right: 0.3rem;
}
.page-of-about .panel .about-project .about-project-list li a:hover {
  color: #005596;
}
.page-of-about .panel .about-project .about-project-btn {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  color: #fff;
  font-weight: bold;
  background: #005596;
  width: 242px;
  width: 2.42rem;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  text-align: center;
  border-radius: 2px;
  transitions: 0.3s;
}
.page-of-about .panel .about-project .about-project-btn:hover {
  background: #2b7dcf;
}
.page-of-about .panel .about-history {
  padding: 48px 0px 70px;
  padding: 0.48rem 0rem 0.7rem;
}
.page-of-about .panel .about-history .about-history-font {
  font-size: 14px;
  font-size: 0.14rem;
  text-align: center;
  line-height: 30px;
  line-height: 0.3rem;
  margin: 20px 20px;
  margin: 0.2rem 0.2rem;
}
.page-of-about .panel .about-history .about-history-list {
  padding: 60px 20px 70px;
  padding: 0.6rem 0.2rem 0.7rem;
}
.page-of-about .panel .about-history .about-history-list li .history-content {
  position: relative;
  height: 104px;
  height: 1.04rem;
  width: 50%;
}
.page-of-about .panel .about-history .about-history-list li .history-content .history-line {
  width: 4px;
  width: 0.04rem;
  background: #579adb;
  height: 76px;
  height: 0.76rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-about .panel .about-history .about-history-list li .history-content .history-dot {
  width: 12px;
  width: 0.12rem;
  height: 12px;
  height: 0.12rem;
  border-radius: 50%;
  border: 4px solid #579adb;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-about .panel .about-history .about-history-list li .history-content .history-dot:hover {
  border-color: #579adb;
}
.page-of-about .panel .about-history .about-history-list li .history-content .history-year {
  font-size: 18px;
  font-size: 0.18rem;
  font-weight: bold;
  color: #262e3d;
  padding: 0px 40px;
  padding: 0rem 0.4rem;
}
.page-of-about .panel .about-history .about-history-list li .history-content .history-introduce {
  margin-top: 2px;
  margin-top: 0.02rem;
  font-weight: bold;
  line-height: 24px;
  line-height: 0.24rem;
  padding: 0px 40px;
  padding: 0rem 0.4rem;
}
.page-of-about .panel .about-history .about-history-list li .history-content .history-info {
  display: none;
  background: #fff;
  border: 1px solid #e6e6e6;
  height: 200px;
  height: 2rem;
  z-index: 99;
}
.page-of-about .panel .about-history .about-history-list li .history-content .history-info img {
  float: left;
  width: 140px;
  width: 1.4rem;
  height: 140px;
  height: 1.4rem;
  margin: 20px 9px;
  margin: 0.2rem 0.09rem;
}
.page-of-about .panel .about-history .about-history-list li .history-content .history-info .history-font {
  width: calc(100% - 30px);
  text-align: left;
  color: #262e3d;
}
.page-of-about .panel .about-history .about-history-list li .history-content .history-info .history-font h1 {
  font-size: 24px;
  font-size: 0.24rem;
  font-weight: bold;
  margin: 32px 0px 10px;
  margin: 0.32rem 0rem 0.1rem;
}
.page-of-about .panel .about-history .about-history-list li .history-content .history-info .history-font p {
  margin-top: 2px;
  margin-top: 0.02rem;
  line-height: 24px;
  line-height: 0.24rem;
}
.page-of-about .panel .about-history .about-history-list li .history-content .history-info .history-font i {
  width: 24px;
  width: 0.24rem;
  height: 48px;
  height: 0.48rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  top: 50%;
  right: -24px;
  right: -0.24rem;
  position: absolute;
  margin-top: -24px;
  margin-top: -0.24rem;
}
.page-of-about .panel .about-history .about-history-list li .history-content.current .history-info {
  display: block;
}
.page-of-about .panel .about-history .about-history-list li .history-content.float-end .history-line {
  top: 42px;
  top: 0.42rem;
  left: -2px;
  left: -0.02rem;
  position: absolute;
}
.page-of-about .panel .about-history .about-history-list li .history-content.float-end .history-dot {
  top: 18px;
  top: 0.18rem;
  left: -10px;
  left: -0.1rem;
  position: absolute;
}
.page-of-about .panel .about-history .about-history-list li .history-content.float-end .history-info {
  top: -74px;
  top: -0.74rem;
  left: 40px;
  left: 0.4rem;
  position: absolute;
}
.page-of-about .panel .about-history .about-history-list li .history-content.float-end .history-info .history-font {
  margin: 0px 10px 0px 20px;
  margin: 0rem 0.1rem 0rem 0.2rem;
}
.page-of-about .panel .about-history .about-history-list li .history-content.float-end .history-info i {
  background: url("../images/pages/about/history-arrow2.png") no-repeat;
  top: 50%;
  left: -24px;
  left: -0.24rem;
  position: absolute;
}
.page-of-about .panel .about-history .about-history-list li .history-content.float-start {
  text-align: right;
}
.page-of-about .panel .about-history .about-history-list li .history-content.float-start .history-line {
  top: 42px;
  top: 0.42rem;
  right: -2px;
  right: -0.02rem;
  position: absolute;
}
.page-of-about .panel .about-history .about-history-list li .history-content.float-start .history-dot {
  top: 18px;
  top: 0.18rem;
  right: -10px;
  right: -0.1rem;
  position: absolute;
}
.page-of-about .panel .about-history .about-history-list li .history-content.float-start .history-info {
  top: -74px;
  top: -0.74rem;
  right: 40px;
  right: 0.4rem;
  position: absolute;
}
.page-of-about .panel .about-history .about-history-list li .history-content.float-start .history-info .history-font {
  margin: 0px 20px 0px 10px;
  margin: 0rem 0.2rem 0rem 0.1rem;
}
.page-of-about .panel .about-history .about-history-list li .history-content.float-start .history-info i {
  background: url("../images/pages/about/history-arrow.png") no-repeat;
  top: 50%;
  right: -24px;
  right: -0.24rem;
  position: absolute;
}
.page-of-about .panel .about-history .about-history-list li .history-gray .history-line {
  background: #d6d6d6;
}
.page-of-about .panel .about-history .about-history-list li .history-gray .history-dot {
  border: 4px solid #d6d6d6;
}
.page-of-about .panel .about-history .about-history-list li .history-gray-gradient .history-line {
  background: -moz-linear-gradient(top, #d6d6d6 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6d6d6), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #d6d6d6 0%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #d6d6d6 0%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #d6d6d6 0%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #d6d6d6 0%, #f9f9f9 100%);
}
.page-of-about .panel .about-history .about-history-list li .history-gray-gradient .history-dot {
  border: 4px solid #d6d6d6;
}
.page-of-about .panel .about-history .about-history-list li .history-gradient .history-line {
  background: -moz-linear-gradient(top, #579adb 0%, #d6d6d6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #579adb), color-stop(100%, #d6d6d6));
  background: -webkit-linear-gradient(top, #579adb 0%, #d6d6d6 100%);
  background: -o-linear-gradient(top, #579adb 0%, #d6d6d6 100%);
  background: -ms-linear-gradient(top, #579adb 0%, #d6d6d6 100%);
  background: linear-gradient(to bottom, #579adb 0%, #d6d6d6 100%);
}
.page-of-about .panel .about-history .about-history-list li .history-gradient .history-dot {
  border-color: #579adb;
}
.page-of-about .panel .about-interact {
  padding: 48px 0px 70px;
  padding: 0.48rem 0rem 0.7rem;
}
.page-of-about .panel .about-interact .about-interact-list {
  padding: 50px 70px 0px;
  padding: 0.5rem 0.7rem 0rem;
  text-align: center;
}
.page-of-about .panel .about-interact .about-interact-list li {
  float: left;
  width: 33.33%;
}
.page-of-about .panel .about-interact .about-interact-list li img {
  width: 156px;
  width: 1.56rem;
  height: 156px;
  height: 1.56rem;
}
.page-of-about .panel .about-interact .about-interact-list li p {
  margin-top: 20px;
  margin-top: 0.2rem;
}
.page-of-data-services .green-banner {
  background: url("../images/pages/data-services/data-banner.png") no-repeat;
}
.page-of-data-services .panel {
  padding: 46px;
  padding: 0.46rem;
  margin-top: 10px;
  margin-top: 0.1rem;
  background: #fff;
  border-radius: 3px;
}
.page-of-data-services .panel h1 {
  color: #262e3d;
  font-size: 24px;
  font-size: 0.24rem;
  font-weight: bold;
}
.page-of-data-services .panel .data-service-list li {
  float: left;
  position: relative;
  width: 30%;
  margin-right: 3.3%;
  margin-top: 40px;
  margin-top: 0.4rem;
  min-height: 170px;
}
.page-of-data-services .panel .data-service-list li i {
  width: 51px;
  width: 0.51rem;
  height: 51px;
  height: 0.51rem;
  top: -5px;
  top: -0.05rem;
  left: 0px;
  left: 0rem;
  position: absolute;
}
.page-of-data-services .panel .data-service-list li i.icon-data-ari {
  background: url("../images/pages/data-services/data-ari.png") no-repeat;
}
.page-of-data-services .panel .data-service-list li i.icon-data-quality {
  background: url("../images/pages/data-services/data-quality.png") no-repeat;
}
.page-of-data-services .panel .data-service-list li i.icon-data-monitor {
  background: url("../images/pages/data-services/data-monitor.png") no-repeat;
}
.page-of-data-services .panel .data-service-list li i.icon-data-water {
  background: url("../images/pages/data-services/data-water.png") no-repeat;
}
.page-of-data-services .panel .data-service-list li i.icon-data-environment {
  background: url("../images/pages/data-services/data-environment.png") no-repeat;
}
.page-of-data-services .panel .data-service-list li i.icon-data-online-monitor {
  background: url("../images/pages/data-services/data-online-monitor.png") no-repeat;
}
.page-of-data-services .panel .data-service-list li i.icon-data-regulatory {
  background: url("../images/pages/data-services/data-regulatory.png") no-repeat;
}
.page-of-data-services .panel .data-service-list li i.icon-data-weather {
  background: url("../images/pages/data-services/data-weather.png") no-repeat;
}
.page-of-data-services .panel .data-service-list li h2 {
  color: #262e3d;
  font-size: 26px;
  font-size: 0.26rem;
  margin-left: 65px;
  margin-left: 0.65rem;
  line-height: 36px;
  line-height: 0.36rem;
}
.page-of-data-services .panel .data-service-list li p {
  font-size: 16px;
  font-size: 0.16rem;
  margin-left: 65px;
  margin-left: 0.65rem;
  line-height: 24px;
  line-height: 0.24rem;
  margin-top: 24px;
  margin-top: 0.24rem;
}
.page-of-data-services .panel .data-explain {
  margin-left: 12px;
  margin-left: 0.12rem;
  line-height: 26px;
  line-height: 0.26rem;
  margin-bottom: 40px;
  margin-bottom: 0.4rem;
}
.page-of-data-services .panel .data-explain h6 {
  margin-bottom: 5px;
  margin-bottom: 0.05rem;
}
.page-of-data-services .panel h3 {
  font-size: 24px;
  font-size: 0.24rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
  margin-bottom: 0.15rem;
}
.page-of-data-services .panel .data-email {
  text-align: center;
}
.page-of-data-services .panel .data-email span {
  font-size: 24px;
  font-size: 0.24rem;
}
.page-of-data-services .panel .data-email a {
  color: #247cd2;
  font-size: 24px;
  font-size: 0.24rem;
}
.page-of-data-services .panel .data-email a:hover {
  color: #005596;
}
.page-of-support-our .green-banner {
  background: url("../images/pages/support/support-banner.png") no-repeat;
}
.page-of-support-our .panel {
  padding: 46px;
  padding: 0.46rem;
  margin-top: 10px;
  margin-top: 0.1rem;
  background: #fff;
  border-radius: 3px;
}
.page-of-support-our .panel .support-our h1 {
  color: #262e3d;
  font-size: 26px;
  font-size: 0.26rem;
  font-weight: bold;
}
.page-of-support-our .panel .support-our p {
  font-size: 14px;
  font-size: 0.14rem;
  margin: 15px 0px 18px;
  margin: 0.15rem 0rem 0.18rem;
}
.page-of-support-our .panel .support-our a {
  font-size: 12px;
  font-size: 0.12rem;
  color: #247cd2;
  font-weight: bold;
}
.page-of-support-our .panel .support-our a i {
  margin-right: 6px;
  margin-right: 0.06rem;
  vertical-align: text-top;
  margin-top: -10px;
  margin-top: -0.1rem;
  margin-left: -3px;
  margin-left: -0.03rem;
  width: 27px;
  width: 0.27rem;
  height: 34px;
  height: 0.34rem;
  background: url("../images/pages/support/support-word.png") no-repeat;
}
.page-of-support-our .panel .uitab-wrap {
  margin-top: 30px;
  margin-top: 0.3rem;
  line-height: 56px;
  line-height: 0.56rem;
}
.page-of-support-our .panel .uitab-wrap .uitab-header {
  border-bottom: 1px solid #e5e5e5;
}
.page-of-support-our .panel .uitab-wrap .uitab-header > ul > li {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  font-size: 20px;
  font-size: 0.2rem;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  font-weight: bold;
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.1rem 0rem 0.1rem;
  margin-right: 68px;
  margin-right: 0.68rem;
  cursor: pointer;
  color: #262e3d;
  position: relative;
}
.page-of-support-our .panel .uitab-wrap .uitab-header > ul > li span {
  bottom: -1px;
  bottom: -0.01rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: #005596;
  height: 2px;
  height: 0.02rem;
  width: 100%;
  display: none;
}
.page-of-support-our .panel .uitab-wrap .uitab-header > ul > li.current {
  color: #005596;
}
.page-of-support-our .panel .uitab-wrap .uitab-header > ul > li.current span {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-support-our .panel .uitab-wrap .uitab-header .scree-btn {
  color: #262e3d;
  font-size: 20px;
  font-size: 0.2rem;
}
.page-of-support-our .panel .uitab-wrap .uitab-header .scree-btn i {
  margin-left: 10px;
  margin-left: 0.1rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-top: -4px;
  margin-top: -0.04rem;
  width: 15px;
  width: 0.15rem;
  height: 8px;
  height: 0.08rem;
  background-image: url(../images/sprite.png);
  background-position: 0px -28px;
  background-position: 0rem -0.28rem;
}
.page-of-support-our .panel .uitab-wrap .uitab-header .scree-btn.arrow-top i {
  background-position: 0px 0px;
}
.page-of-support-our .panel .uitab-wrap .uitab-item .support-block {
  margin: 68px 105px 0px;
  margin: 0.68rem 1.05rem 0rem;
}
.page-of-support-our .panel .uitab-wrap .uitab-item .support-block li {
  width: 350px;
  width: 3.5rem;
  height: 500px;
  height: 5rem;
  border: 1px solid #e5e5e5;
  margin: 0px 45px 68px;
  margin: 0rem 0.45rem 0.68rem;
  float: left;
}
.page-of-support-our .panel .uitab-wrap .uitab-item .support-block li h4 {
  font-size: 24px;
  font-size: 0.24rem;
  line-height: 82px;
  line-height: 0.82rem;
  margin: 0px 20px 30px;
  margin: 0rem 0.2rem 0.3rem;
  color: #262e3d;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.page-of-support-our .panel .uitab-wrap .uitab-item .support-block li h6 {
  margin: 20px 50px 0px;
  margin: 0.2rem 0.5rem 0rem;
  font-size: 14px;
  font-size: 0.14rem;
  line-height: 24px;
  line-height: 0.24rem;
}
.page-of-support-our .panel .uitab-wrap .uitab-item .support-block li p {
  margin: 0px 50px 0px;
  margin: 0rem 0.5rem 0rem;
  font-size: 16px;
  font-size: 0.16rem;
  line-height: 24px;
  line-height: 0.24rem;
  font-weight: bold;
  color: #262e3d;
}
.page-of-support-our .panel .uitab-wrap .uitab-item .support-contact {
  width: 800px;
  width: 8rem;
  margin: 0px auto 30px;
  margin: 0rem auto 0.3rem;
}
.page-of-support-our .panel .uitab-wrap .uitab-item .support-contact h2 {
  text-align: center;
  font-size: 24px;
  font-size: 0.24rem;
  color: #262e3d;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
}
.page-of-support-our .panel .uitab-wrap .uitab-item .support-contact .support-contact-list li {
  padding: 0px 60px;
  padding: 0rem 0.6rem;
  margin: 20px 0px;
  margin: 0.2rem 0rem;
  float: left;
  line-height: 22px;
  line-height: 0.22rem;
  height: 80px;
  height: 0.8rem;
  border-left: 1px solid #e5e5e5;
}
.page-of-support-our .panel .uitab-wrap .uitab-item .support-contact .support-contact-list li:first-child {
  border: 0;
}
.page-of-support-our .panel .uitab-wrap .uitab-item .support-contact .support-contact-list li h6 {
  margin-top: 5px;
  margin-top: 0.05rem;
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-support-our .panel .uitab-wrap .uitab-item .support-contact .support-contact-list li p {
  color: #262e3d;
  font-weight: bold;
}
.page-of-support-our .panel .uitab-wrap .uitab-item .support-contact .support-contact-list li p a {
  color: #247cd2;
}
.page-of-support-our .panel .uitab-wrap .uitab-item .support-in-construction {
  padding: 200px 0px;
  padding: 2rem 0rem;
  text-align: center;
}
.page-of-support-our .panel .uitab-wrap .uitab-item .support-in-construction i {
  background: url("../images/pages/support/support-wait.png") no-repeat;
  width: 100px;
  width: 1rem;
  height: 100px;
  height: 1rem;
}
.page-of-support-our .panel .uitab-wrap .uitab-item .support-in-construction p {
  font-size: 24px;
  font-size: 0.24rem;
  color: #262e3d;
  margin-top: 38px;
  margin-top: 0.38rem;
}
.page-of-support-our .panel .uitab-wrap .uitab-item.dn {
  display: none;
}
.page-of-support-our .panel .uitab-wrap .uitab-item.current {
  display: block;
}
.page-of-disclaimer .panel {
  padding: 46px 46px 100px;
  padding: 0.46rem 0.46rem 1rem;
  background: #fff;
  border-radius: 3px;
}
.page-of-disclaimer .panel h1 {
  color: #262e3d;
  font-size: 24px;
  font-size: 0.24rem;
  font-weight: bold;
  border-bottom: 1px solid #eaebec;
  padding-bottom: 20px;
}
.page-of-disclaimer .panel .disclaimer-content {
  border-bottom: 1px solid #eaebec;
  padding: 50px 0 70px;
  padding: 0.5rem 0 0.7rem;
}
.page-of-disclaimer .panel .disclaimer-content h2 {
  text-align: center;
  font-size: 20px;
  font-size: 0.2rem;
  color: #262e3d;
  margin-bottom: 30px;
  margin-bottom: 0.3rem;
}
.page-of-disclaimer .panel .disclaimer-content p {
  margin-top: 26px;
  margin-top: 0.26rem;
  line-height: 24px;
  line-height: 0.24rem;
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-disclaimer .panel .disclaimer-content p b {
  margin-right: 5px;
  margin-right: 0.05rem;
}
.page-of-disclaimer .panel .disclaimer-content p a {
  color: #247cd2;
  font-weight: bold;
}
.page-of-disclaimer .panel .disclaimer-content p a:hover {
  color: #005596;
}
.page-of-disclaimer .panel .disclaimer-content p.text-right {
  text-align: right;
  color: #262e3d;
}
.page-of-disclaimer .legal h1 {
  border: 0;
  padding-bottom: 0px;
  padding-bottom: 0rem;
}
.page-of-disclaimer .legal .disclaimer-content {
  border: 0;
  padding-bottom: 0px;
  padding-bottom: 0rem;
}
.page-of-disclaimer .legal .disclaimer-content .text-right {
  text-align: right;
}
.page-of-forget-password .panel {
  padding: 46px 46px 70px;
  padding: 0.46rem 0.46rem 0.7rem;
  margin-top: 10px;
  margin-top: 0.1rem;
  background: #fff;
  border-radius: 3px;
}
.page-of-forget-password .panel .forget-step {
  width: 700px;
  width: 7rem;
  margin: 0px auto;
  margin: 0rem auto;
}
.page-of-forget-password .panel .forget-step .step li {
  float: left;
  width: 250px;
  width: 2.5rem;
  position: relative;
}
.page-of-forget-password .panel .forget-step .step li .step-block {
  float: right;
  text-align: center;
}
.page-of-forget-password .panel .forget-step .step li i {
  width: 40px;
  width: 0.4rem;
  height: 40px;
  height: 0.4rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  border-radius: 50%;
  background: #bcbcbc;
  text-align: center;
  font-size: 18px;
  font-size: 0.18rem;
  color: #fff;
  font-style: normal;
  line-height: 40px;
  line-height: 0.4rem;
}
.page-of-forget-password .panel .forget-step .step li p {
  font-size: 14px;
  font-size: 0.14rem;
  margin-top: 8px;
  margin-top: 0.08rem;
  color: #bcbcbc;
}
.page-of-forget-password .panel .forget-step .step li span {
  height: 2px;
  height: 0.02rem;
  background: #bcbcbc;
  top: 20px;
  top: 0.2rem;
  right: 48px;
  right: 0.48rem;
  position: absolute;
  width: 231px;
  width: 2.31rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  z-index: 0;
}
.page-of-forget-password .panel .forget-step .step li.current i {
  background: #247cd2;
}
.page-of-forget-password .panel .forget-step .step li.current p {
  color: #000;
}
.page-of-forget-password .panel .forget-step .step li.current span {
  background: #247cd2;
}
.page-of-forget-password .panel .forget-step .step li.first {
  width: auto;
}
.page-of-forget-password .panel .forget-step .step li.two span {
    right: 55px;
    width: 210px;
    width: 2.24rem;
}
.page-of-forget-password .panel .forget-step .forget-block {
  width: 370px;
  width: 3.7rem;
  margin: 40px auto 0px;
  margin: 0.4rem auto 0rem;
  position: relative;
}
.page-of-forget-password .panel .forget-step .forget-block h3 {
  font-size: 18px;
  font-size: 0.18rem;
  color: #262e3d;
  margin-bottom: 26px;
  margin-bottom: 0.26rem;
  text-align: center;
}
.page-of-forget-password .panel .forget-step .forget-block h3 .text-orange {
  color: #f49c23;
}
.page-of-forget-password .panel .forget-step .forget-block .pop-prompt {
  /*top: 30px;*/
  /*top: 0.3rem;*/
  /*left: 0;*/
  /*position: absolute;*/
  font-size: 14px;
  font-size: 0.14rem;
  margin-bottom: 10px;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list li {
  /*overflow: hidden;*/
  margin-bottom: 15px;
  margin-bottom: 0.15rem;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list li .input,
.page-of-forget-password .panel .forget-step .forget-block .login-list li .input-small,
.page-of-forget-password .panel .forget-step .forget-block .login-list li .input-mini,
.page-of-forget-password .panel .forget-step .forget-block .login-list li .input-icon {
  height: 54px;
  height: 0.54rem;
  line-height: 54px;
  line-height: 0.54rem;
  width: 100%;
  color: #262e3d;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list li .login-jump {
  text-align: center;
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list li p.float-start {
  width: 58%;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list li p.float-end {
  width: 40%;
  text-align: right;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list li p.float-end span {
  width: 76px;
  width: 0.76rem;
  height: 52px;
  height: 0.52rem;
  line-height: 52px;
  line-height: 0.52rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  border-radius: 3px;
  border: 1px solid #c7c8ca;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list li p.float-end span img {
  max-width: 100%;
  max-height: 100%;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list li p.float-end .send-btn {
  width: 140px;
  width: 1.4rem;
  height: 52px;
  height: 0.52rem;
  line-height: 52px;
  line-height: 0.52rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  border: 1px solid #a4a9af;
  text-align: center;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list li p.float-end .send-btn.send:hover {
  color: #005596;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list li p.float-end .send-btn.resend {
  border: none;
  color: #fff;
  background-color: #005596;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list li p.float-end .send-btn.resend:hover {
  background: #247cd2;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list li a {
  color: #247cd2;
  margin-left: 5px;
  margin-left: 0.05rem;
  margin-right: 5px;
  margin-right: 0.05rem;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list li a:hover {
  color: #005596;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list li .pop-btn {
  width: 100%;
  height: 50px;
  height: 0.5rem;
  line-height: 50px;
  line-height: 0.5rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  text-align: center;
  border: 0;
  background: #005596;
  font-weight: bold;
  color: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  margin: 0px;
  margin: 0rem;
  border-radius: 3px;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list li .pop-btn:hover {
  background: #247cd2;
  color: #fff;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list .forget-btn {
  margin-top: 70px;
  margin-top: 0.7rem;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list .forget-btn .return-btn {
  width: 177px;
  width: 1.77rem;
  height: 48px;
  height: 0.48rem;
  line-height: 48px;
  line-height: 0.48rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  text-align: center;
  border: 1px solid #005596;
  font-weight: bold;
  color: #005596;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  border-radius: 3px;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list .forget-btn .return-btn:hover {
  border: 1px solid #247cd2;
  color: #247cd2;
}
.page-of-forget-password .panel .forget-step .forget-block .login-list .forget-btn .pop-btn {
  width: 177px;
  width: 1.77rem;
}
.page-of-forget-password .panel .forget-step .forget-prompt {
  text-align: center;
  color: #000;
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-forget-password .panel .result-con {
  padding: 80px 0px 30px;
  padding: 0.8rem 0rem 0.3rem;
}
.page-of-baike .f20 {
  font-size: 20px;
  font-size: 0.2rem;
}
.page-of-baike .mt10 {
  margin-top: 10px;
  margin-top: 0.1rem;
}
.page-of-baike .wrap {
  width: 1190px;
  width: 11.9rem;
  margin-left: auto;
  margin-right: auto;
}
.page-of-baike .search-panel {
  width: 326px;
  width: 3.26rem;
}
.page-of-baike .search-panel .complex .input,
.page-of-baike .search-panel .complex .input-small,
.page-of-baike .search-panel .complex .input-mini,
.page-of-baike .search-panel .complex .input-icon {
  width: 226px;
  width: 2.26rem;
  height: 36px;
  height: 0.36rem;
  line-height: 36px;
  line-height: 0.36rem;
}
.page-of-baike .search-panel .button-primary {
  width: 100px;
  width: 1rem;
  min-width: 100px;
  min-width: 1rem;
  height: 36px;
  height: 0.36rem;
  line-height: 36px;
  line-height: 0.36rem;
  padding: 0px;
  padding: 0rem;
}
.page-of-baike .wrap .breadcrumbs {
  background-color: #fff;
  padding: 20px;
  padding: 0.2rem;
  border-radius: 2px;
  position: relative;
}
.page-of-baike .wrap h1 {
  font-size: 20px;
  font-size: 0.2rem;
  font-family: '微软雅黑', '黑体';
  font-weight: bold;
}
.page-of-baike .wrap .search-panel {
  position: absolute;
  right: 20px;
  top: 17px;
}
.page-of-baike .baikelist {
  line-height: 1.5;
}
.page-of-baike .baikelist li {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  width: 33.333333333%;
  float: left;
  padding-top: 30px;
  padding-top: 0.3rem;
  padding-bottom: 20px;
  padding-bottom: 0.2rem;
}
.page-of-baike .baikelist li:nth-child(3n+2) .baikebox {
  margin-left: auto;
  margin-right: auto;
}
.page-of-baike .baikelist li:nth-child(3n) .baikebox {
  margin-left: auto;
}
.page-of-baike .baikebox {
  width: 345px;
  width: 3.45rem;
}
.page-of-baike .baikebox .title {
  font-size: 26px;
  margin-top: 10px;
  margin-top: 0.1rem;
}
.page-of-baike .baikebox .con {
  height: 100px;
  height: 1rem;
  font-size: 14px;
  line-height: 2;
  overflow: hidden;
}
.page-of-baike .baikebox .tags {
  text-align: right;
}
.page-of-baike .baikebox .tags a {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-left: 10px;
  margin-left: 0.1rem;
  font-size: 12px;
  font-size: 0.12rem;
  padding: 0.04rem 0.1rem;
  border-radius: 26px;
}
.page-of-baike .baikebox .tags .blue {
  background-color: #d0e5f9;
  color: #247cd2;
}
.page-of-baike .baikebox .tags .yellow {
  background-color: #f5e29f;
  color: #9a6f12;
}
.page-of-baike .baikebox .tags .green {
  background-color: #d0eeb2;
  color: #2a8216;
}
.page-of-baike .baike {
  background-color: #fff;
  margin-top: 10px;
  margin-top: 0.1rem;
  padding: 20px 50px;
  padding: 0.2rem 0.5rem;
}
.page-of-baike .baike .carousel {
  height: 390px;
  height: 3.9rem;
  position: relative;
}
.page-of-baike .baike .carousel .slider {
  height: 315px;
  height: 3.15rem;
  overflow: hidden;
}
.page-of-baike .baike .carousel .slider-item {
  height: 315px;
  height: 3.15rem;
}
.page-of-baike .baike .carousel .slider-item .p1 {
  width: 532px;
  width: 5.32rem;
  height: 315px;
  height: 3.15rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  position: relative;
  background-color: #000;
  border-radius: 2px;
}
.page-of-baike .baike .carousel .slider-item .p2 {
  width: 532px;
  width: 5.32rem;
  height: 315px;
  height: 3.15rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  position: absolute;
  right: 0;
  background-color: #000;
  border-radius: 2px;
}
.page-of-baike .baike .carousel .slider-item .hot {
  position: absolute;
  top: 20px;
  left: 20px;
}
.page-of-baike .baike .carousel .slider-item .con {
  position: absolute;
  left: 20px;
  bottom: 10px;
  color: #fff;
}
.page-of-baike .baike .carousel .slider-item .title {
  font-size: 20px;
}
.page-of-baike .baike .carousel .slider-item .text {
  font-size: 14px;
  height: 0;
  position: relative;
  overflow: hidden;
  font-weight: bold;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page-of-baike .baike .carousel .slider-item .p1:hover .text {
  height: 90px;
}
.page-of-baike .baike .carousel .slider-item .p2:hover .text {
  height: 90px;
}
.page-of-baike .baike .carousel .slider-item .p1:hover .img {
  opacity: .7;
}
.page-of-baike .baike .carousel .slider-item .p2:hover .img {
  opacity: .7;
}
.page-of-baike .baike .carousel .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #000;
}
.page-of-baike .baike .carousel .bx-controls-direction a {
  width: 22px;
  width: 0.22rem;
  height: 33px;
  height: 0.33rem;
  display: block;
  position: absolute;
  top: 160px;
}
.page-of-baike .baike .carousel .bx-prev {
  margin-left: -44px;
  margin-left: -0.44rem;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAhCAMAAADj/gtmAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAYFBMVEUAAADMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMwAAABX9aoJAAAAHnRSTlMAAyfjtCjmpbYGtecps+gqBALQFdMU1BbP1RO8xZ34PuhOAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAFtJREFUKM+t0DkSgCAQRNFRUHFXcF+4/zGN7aEKiqLDF3TwiWAZAuVCghSlrZioGqXxShsk8i9drPQgg19GJpPAZ5q11QYSmcVtK9qW1na3HdF2htvF7Sa05/0AzD0K42QcyrEAAAAASUVORK5CYII=) no-repeat;
}
.page-of-baike .baike .carousel .bx-next {
  margin-right: -44px;
  margin-right: -0.44rem;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAgCAMAAADDlWPAAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEUAAADMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMwAAAC9JLZ2AAAAHXRSTlMAxNIYwdcZEMzL2A8aysnZG8jH2hzUFs8U0M3CFR0bRgMAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAUElEQVQoz9XItxGAMAwAQJGzDQaTtf+a0CrciZYvH5I0AyrHoqRT1bIarVpW3Vu9XYMsh16p0a5JVsBZqeVLRTprRMdj2604fhpw8oAr3DQeOd0LoYYgVA4AAAAASUVORK5CYII=) no-repeat;
}
.page-of-baike .baike .rel {
  position: relative;
  border-top: 1px solid #e5e5e5;
}
.page-of-baike .baike h4 {
  font-size: 26px;
  margin-top: 15px;
  margin-top: 0.15rem;
}
.page-of-baike .baike .more {
  position: absolute;
  right: 0;
  top: 30px;
  font-size: 12px;
  color: #247cd2;
}
.page-of-baike .baike .baikelist li {
  border-bottom: 0;
  padding-top: 0;
}
.page-of-baike .baike .baikeclass li:nth-child(4n+1) {
  width: 242px;
  width: 2.42rem;
}
.page-of-baike .baike .baikeclass li:nth-child(4n+1) .classbox {
  border-left: 0;
  padding: 0;
}
.page-of-baike .baike .baikeclass li {
  float: left;
  padding-top: 20px;
  padding-top: 0.2rem;
  padding-bottom: 20px;
  padding-bottom: 0.2rem;
  width: 280px;
  width: 2.8rem;
  /* ie 7,8*/
}
.page-of-baike .baike .baikeclass li.first {
  width: 242px;
  width: 2.42rem;
}
.page-of-baike .baike .baikeclass li.first .classbox {
  border-left: 0;
  padding: 0;
}
.page-of-baike .baike .baikeclass li .classbox {
  padding-left: 44px;
  padding-left: 0.44rem;
  border-left: 1px solid #e5e5e5;
}
.page-of-baike .baike .baikeclass li .classbox .title {
  font-size: 26px;
  font-size: 0.26rem;
}
.page-of-baike .baike .baikeclass li .classbox .circle {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 50px;
  width: 0.5rem;
  line-height: 50px;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 50%;
  margin-right: 10px;
  margin-right: 0.1rem;
}
.page-of-baike .baike .baikeclass li .classbox .con {
  padding: 10px 0 0 60px;
  padding: 0.1rem 0 0 0.6rem;
}
.page-of-baike .baike .baikeclass li .classbox a {
  display: block;
  line-height: 2;
}
.page-of-baike .baike .baikeclass li .classbox a.more {
  position: static;
  right: auto;
  top: auto;
}
.page-of-baike .baike-all {
  background-color: #fff;
}
.page-of-baike .baike-all .uitab-wrap {
  padding: 20px 50px 58px;
  padding: 0.2rem 0.5rem 0.58rem;
}
.page-of-baike .baike-all .uitab-wrap {
  margin-top: 10px;
  margin-top: 0.1rem;
  line-height: 56px;
  line-height: 0.56rem;
}
.page-of-baike .baike-all .uitab-wrap .uitab-header {
  border-bottom: 1px solid #e5e5e5;
}
.page-of-baike .baike-all .uitab-wrap .uitab-header > ul > li {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  font-size: 20px;
  font-size: 0.2rem;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  font-weight: bold;
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.1rem 0rem 0.1rem;
  margin-right: 68px;
  margin-right: 0.68rem;
  cursor: pointer;
  color: #262e3d;
  position: relative;
}
.page-of-baike .baike-all .uitab-wrap .uitab-header > ul > li span {
  bottom: -1px;
  bottom: -0.01rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: #005596;
  height: 2px;
  height: 0.02rem;
  width: 100%;
  display: none;
}
.page-of-baike .baike-all .uitab-wrap .uitab-header > ul > li.current {
  color: #005596;
}
.page-of-baike .baike-all .uitab-wrap .uitab-header > ul > li.current span {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-baike .baike-all .uitab-wrap .uitab-header > ul > li sup {
  padding: 3px 5px;
  padding: 0.03rem 0.05rem;
  height: 12px;
  height: 0.12rem;
  line-height: 12px;
  line-height: 0.12rem;
  font-size: 10px;
  font-size: 0.1rem;
  font-weight: bold;
  background-color: #247cd2;
  color: #fff;
  border-radius: 2px;
  position: absolute;
  top: 10px;
  right: -28px;
  display: block;
}
.page-of-baike .baike-all .uitab-wrap .uitab-header .scree-btn {
  color: #262e3d;
  font-size: 20px;
  font-size: 0.2rem;
}
.page-of-baike .baike-all .uitab-wrap .uitab-header .scree-btn i {
  margin-left: 10px;
  margin-left: 0.1rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-top: -4px;
  margin-top: -0.04rem;
  width: 15px;
  width: 0.15rem;
  height: 8px;
  height: 0.08rem;
  background-image: url(../images/sprite.png);
  background-position: 0px 0px;
}
.page-of-baike .baike-all .uitab-wrap .uitab-header .scree-btn.arrow-top i {
  background-position: 0px -28px;
  background-position: 0rem -0.28rem;
}
.page-of-baike .baike-all .uitab-wrap .uitab-item {
  display: none;
}
.page-of-baike .baike-all .uitab-wrap .uitab-item.current {
  display: block;
}
.page-of-baike .baike-all .pagination-wrap {
  position: relative;
  background-color: #fff;
  padding-top: 20px;
  padding-top: 0.2rem;
  margin-top: -1px;
  margin-top: -0.01rem;
}
.page-of-baike .baike-detail {
  position: relative;
  background-color: #fff;
  padding: 20px 50px;
  padding: 0.2rem 0.5rem;
  margin-top: 10px;
  margin-top: 0.1rem;
}
.page-of-baike .baike-detail h3 {
  font-size: 26px;
  font-size: 0.26rem;
  font-weight: bold;
  line-height: 3;
}
.page-of-baike .baike-detail .release {
  font-size: 12px;
  font-size: 0.12rem;
}
.page-of-baike .baike-detail .detail-con {
  line-height: 2;
  padding-top: 20px;
  padding-top: 0.2rem;
}
.page-of-baike .baike-detail .detail-con .img.r {
  float: right;
  margin-left: 20px;
  margin-left: 0.2rem;
}
.page-of-baike .baike-detail .detail-con a {
  color: #247cd2;
}
.page-of-baike .baike-detail .detail-con p {
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
}
.page-of-baike .baike-detail .shared {
  position: absolute;
  right: 50px;
  top: 50px;
}
.page-of-baike .baike-detail .shared .tooltip {
  display: none;
  position: absolute;
  text-align: center;
  z-index: 1;
  width: 250px;
  width: 2.5rem;
  padding: 40px 20px 20px;
  padding: 0.4rem 0.2rem 0.2rem;
  margin-top: 40px;
  margin-top: 0.4rem;
  font-size: 12px;
  font-size: 0.12rem;
  left: -136px;
  background-color: #fff;
  -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.5);
  color: #566374;
}
.page-of-baike .baike-detail .shared .tooltip .qrBox {
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
  float: none;
}
.page-of-baike .baike-detail .shared .tooltip .qrBox img {
  width: 50%;
}
.page-of-baike .baike-detail .shared .tooltip .ml50 {
  margin-left: 50px;
  margin-left: 0.5rem;
}
.page-of-baike .baike-detail .shared .tooltip .title {
  line-height: 3;
}
.page-of-baike .baike-detail .shared .tooltip:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -15px;
  margin-top: -0.15rem;
  margin-right: 125px;
  margin-right: 1.25rem;
}
.page-of-baike .baike-detail .shared .weixin,
.page-of-baike .baike-detail .shared .weibo,
.page-of-baike .baike-detail .shared .linkedin {
  margin-left: 16px;
  margin-left: 0.16rem;
  width: 26px;
  width: 0.26rem;
  height: 26px;
  height: 0.26rem;
  background: url(../images/pages/newreport/shared.png) left top;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-baike .baike-detail .shared .weixin:hover {
  background-position: left bottom;
}
.page-of-baike .baike-detail .shared .weibo {
  background-position: center top;
}
.page-of-baike .baike-detail .shared .weibo:hover {
  background-position: center bottom;
}
.page-of-baike .baike-detail .shared .linkedin {
  background-position: right top;
}
.page-of-baike .baike-detail .shared .linkedin:hover {
  background-position: right bottom;
}
.page-of-baike .baike-detail .shared a {
  position: relative;
}
.page-of-baike .baike-detail .shared a:hover .tooltip {
  display: block;
}
.page-of-baike .baike-detail .tag {
  background-color: #f8f8f8;
  border: 1px solid #e4e7ea;
}
.page-of-baike .baike-detail .tag a {
  margin: 0 10px;
  margin: 0 0.1rem;
}
.page-of-baike .baikeResultsList .total em {
  color: #247cd2;
  font-style: normal;
}
.page-of-baike .baikeResultsList li {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 28px;
  padding-bottom: 0.28rem;
  min-height: 180px;
  min-height: 1.8rem;
}
.page-of-baike .baikeResultsList .baikebox {
  width: auto;
  padding-left: 332px;
  padding-left: 3.32rem;
  padding-top: 20px;
  padding-top: 0.2rem;
}
.page-of-baike .baikeResultsList .baikebox .title {
  margin-top: 0;
}
.page-of-baike .baikeResultsList .baikebox .img {
  position: absolute;
  left: 0;
  top: 28px;
}
.page-of-baike .baikeResultsList .baikebox .img img {
  width: 304px;
  border-radius: 2px;
}
.page-of-baike .baikeResultsList .baikebox .con {
  height: 124px;
  height: 1.24rem;
}
.page-of-baike .baikeResultsList .baikebox .con em {
  color: #c30000;
  font-style: normal;
}
.page-of-baike .baikeResultsList .baikebox .tags {
  text-align: left;
}
.page-of-baike .baikeResultsList .baikebox .tags a {
  margin-left: 0;
}
.page-of-baike .baikeResultsList .baikebox .more {
  top: auto;
  bottom: 28px;
}
.page-of-baike .baikeResultsList .pagination-wrap {
  position: relative;
  background-color: #fff;
  padding-top: 20px;
  padding-top: 0.2rem;
  margin-top: -1px;
  margin-top: -0.01rem;
}
.page-of-baike-results .baike {
  padding-bottom: 56px;
  padding-bottom: 0.56rem;
}
.ie7 .page-of-baike .pagination-wrap .pagination .page-jump {
  width: 190px;
  width: 1.9rem;
}
.ie7 .page-of-baike .pagination-wrap .pagination .page-jump .input,
.ie7 .page-of-baike .pagination-wrap .pagination .page-jump .input-small,
.ie7 .page-of-baike .pagination-wrap .pagination .page-jump .input-mini,
.ie7 .page-of-baike .pagination-wrap .pagination .page-jump .input-icon {
  float: left;
}
.ie7 .page-of-baike .pagination-wrap .pagination .page-jump .button {
  float: left;
}
@font-face {
  font-family: 'HelveticaNeueLTPro35Th';
  src: url('../font/HelveticaNeueLTPro-Th.eot');
  /* IE9 Compat Modes */
  src: url('../font/HelveticaNeueLTPro-Th.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/HelveticaNeueLTPro-Th.woff') format('woff'), /* Modern Browsers */ url('../font/HelveticaNeueLTPro-Th.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/HelveticaNeueLTPro-Th.svg#HelveticaNeueLTPro-Th') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
.page-of-green-supply #container {
  color: #455338;
}
.page-of-green-supply .breadcrumbs {
  font-size: 14px;
  font-size: 0.14rem;
  color: #455338;
}
.page-of-green-supply .breadcrumbs a {
  color: #abb1a7;
}
.page-of-green-supply .breadcrumbs a:hover {
  color: #62a000;
}
.page-of-green-supply a:hover {
  color: #62a000;
}
.page-of-green-supply .mt10 {
  margin-top: 10px;
  margin-top: 0.1rem;
}
.page-of-green-supply .f20 {
  font-size: 20px;
  font-size: 0.2rem;
}
.page-of-green-supply #common_header .site-nav-box {
  background-color: #fff;
}
.page-of-green-supply #common_header .site-nav-box .nav a {
  color: #455338;
}
.page-of-green-supply #common_header .site-nav-box .nav a:hover
{
    color:#005596;
}
.page-of-green-supply #common_header .site-actions {
  background-color: #f6f7fa;
}
.page-of-green-supply #common_header .site-nav-box .user-access a.lang-switch {
  background-color: #79c600;
}
.page-of-green-supply #common_header .site-nav-box .tooltip > ul li.current {
  color: #79c600;
}
.page-of-green-supply .complex .input,
.page-of-green-supply .complex .input-small,
.page-of-green-supply .complex .input-mini,
.page-of-green-supply .complex .input-icon {
  color: #596477;
}
.page-of-green-supply .complex .input:focus,
.page-of-green-supply .complex .input-small:focus,
.page-of-green-supply .complex .input-mini:focus,
.page-of-green-supply .complex .input-icon:focus {
  border-color: #79c600;
}
.page-of-green-supply .wrap {
  width: 1190px;
  width: 11.9rem;
  margin-left: auto;
  margin-right: auto;
}
.page-of-green-supply .search-panel .button-primary {
  background-color: #79c600;
}
.page-of-green-supply .search-panel .button-primary:hover {
  background-color: #a1d74d;
}
.page-of-green-supply .wrap .breadcrumbs {
  background-color: #fff;
  padding: 20px;
  padding: 0.2rem;
  border-radius: 2px;
  position: relative;
}
.page-of-green-supply .wrap h1 {
  font-size: 20px;
  font-size: 0.2rem;
  font-family: '微软雅黑', '黑体';
  font-weight: bold;
}
.page-of-green-supply .pagination-wrap .pagination .pagers .pager,
.page-of-green-supply .pagination-wrap .pagination .pagers .pager-split {
  border: 1px solid #e4e5e8;
  border: 0.01rem solid #e4e5e8;
}
.page-of-green-supply .pagination-wrap .pagination .pagers .pager.active,
.page-of-green-supply .pagination-wrap .pagination .pagers .pager:hover {
  color: #62a000;
  border-color: #79c600;
}
.page-of-green-supply .pagination-wrap .pagination .input-small:focus {
  border-color: #79c600;
}
.page-of-green-supply .pagination-wrap .pagination .select-small:focus {
  border-color: #79c600;
}
.page-of-green-supply .input-small {
  border-color: #a8afa4;
}
.page-of-green-supply .button-secondary {
  background-color: #79c600;
}
.page-of-green-supply .charts {
  position: relative;
  margin-left: 10px;
  margin-left: 0.1rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 22px;
  width: 0.22rem;
  height: 22px;
  height: 0.22rem;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABJlBMVEUAAACrsaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersacAAAA+3MeMAAAAYHRSTlMABUyQvdKIAmLl7SjQ4Ytf8DnuUw/3ZjAi6qwM2FgB0bED+aPkr27UCgYJ60Ej441PyjT8+ySgdQSFPEjLF931aJop2jvgb63iVNxjHI/C1442Fc+WPQ5p2/hWmDrnsl35u2dkAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAPVJREFUGNNVkGkjAlEUhk+KiBgJMSpNkbFHyE7Z91325///CnPvjHHn/fKe+9zlvOeK+Ip1xBOdXRJRsrsHT6kI7O2DdP8AlgkHM6SHkpJleGQ0hLkxxm3Ps+qRiXzB71NksiSaOuUKTKkTMk11RnxqeW1TJFyR2TnmJaQiC4ssiSxTE5PKymp9TdbZCGgDR3uZTamy9RcGtG2zIxkMabrrzVgz4J6mNvvKDjg0R23SUnbEccGgJ5zqHzvj/B+6F+R1cUnlKqTXtBq6KN1w2wxC3+HcB/sPjzhPzy+x3Gubt/fwmv1RD9K1PyN54kWLr+8fVy1+AapQNAwqggm/AAAAAElFTkSuQmCC) left center no-repeat;
}
.page-of-green-supply .charts:hover {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABJlBMVEV5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgD////1GiwUAAAAYHRSTlMABUyQvdKIAmLl7SjQ4Ytf8DnuUw/3ZjEBIuqsDNhY0bED+aPkr27UCgYJ60Ej441PyjT8+ySgdQSFPEjLF931aJop2jvgb63iVNxjHI/C1442Fc+WPQ5p2/hWmDrnsl2DzgajAAAAAWJLR0RhsrBMhgAAAAlwSFlzAAALEgAACxIB0t1+/AAAAPZJREFUGNNVkNlCwjAQRaeCoihaERW0ghQU646i4oqC+76L+/n/r7BNS03vy52cZJI7EfFldMXi3T0SUaK3D1fJCOwfgNTgEKYOh9OkRhKSYXRsPNuBuQkmLdcz3iVTeZ8bBaaLoqhdKsOMd0JmqcyJT0332SRxR2R+gUUJqcjSMisiq1RFp7K2XtuQTbYCWsdWXmJbKux0woCyXfYkjSZF990Zqxo8UNSi4dkhR/qoTVqeHXOS1egpZ+rHzrn4h84leVVcUb4O6Q2tuiqKt9w1g9D32A/B/uMT9vPLq5F7a/P+EbZZn7UgXfsrkidWMPn++XW8xR/NfTQjoKriBwAAAABJRU5ErkJggg==);
}
.page-of-green-supply .notice {
  position: relative;
  margin-left: 10px;
  margin-left: 0.1rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 22px;
  width: 0.22rem;
  height: 22px;
  height: 0.22rem;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAPFBMVEUAAACrsaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersacAAAAL0VG5AAAAEnRSTlMA8eUJmfWXlvAz4e7TOooGkuYo4AyCAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAE9JREFUGNPN0EsOgCAMBNBRQIr85/6HFUkU2LryrTqTNE0KNBu7/Z6htOHLaIWDCwuhw+m7AEcBiUlLH4vnxK9WhHHkSI+0/iMhlzpiLfkC4ckKuK1iZwQAAAAASUVORK5CYII=) left center no-repeat;
}
.page-of-green-supply .notice:hover {
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAARVBMVEV5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgB5xgD///8D2uoRAAAAFXRSTlMA7+QJmfUIlo7wM9/u0+c6kIoGkZJ1CmgdAAAAAWJLR0QWfNGoGQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAFFJREFUGNPN0MEOgCAMA9BOQAFRFO3//ypIosjVk++0NlmWDCiE1XDNUNrwYfSIiR0LR485VAs8V5B4KeljcZ/41YowthwZsPX/2JEOaVHOlAH+RQxQnsz3kwAAAABJRU5ErkJggg==);
}
.page-of-green-supply #container .tooltip {
  display: none;
  position: absolute;
  text-align: center;
  z-index: 1;
  width: 440px;
  width: 4.4rem;
  padding: 20px;
  padding: 0.2rem;
  margin-top: 40px;
  margin-top: 0.4rem;
  font-size: 14px;
  font-size: 0.14rem;
  left: -160px;
  background-color: #fff;
  -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0);
  -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0);
  box-shadow: 3px 5px 20px rgba(0, 0, 0, 0);
  -webkit-filter: drop-shadow(3px 5px 20px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(3px 5px 20px rgba(0, 0, 0, 0.2));
  color: #566374;
}
.page-of-green-supply #container .tooltip:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -15px;
  margin-top: -0.15rem;
  margin-right: 297px;
  margin-right: 2.97rem;
}
.page-of-green-supply #container .tooltip .con {
  text-align: left;
}
.page-of-green-supply #container .charts:hover .tooltip,
.page-of-green-supply #container .notice:hover .tooltip {
  display: block;
}
.page-of-green-supply .brands-story-detail {
  position: relative;
  background-color: #fff;
  padding: 20px 50px 24px;
  padding: 0.2rem 0.5rem 0.24rem;
  margin-top: 10px;
  margin-top: 0.1rem;
  border-radius: 2px;
}
.page-of-green-supply .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.page-of-green-supply .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.page-of-green-supply .slick-list:focus {
  outline: none;
}
.page-of-green-supply .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.page-of-green-supply .slick-slider .slick-track,
.page-of-green-supply .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.page-of-green-supply .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.page-of-green-supply .slick-track:before,
.page-of-green-supply .slick-track:after {
  display: table;
  content: '';
}
.page-of-green-supply .slick-track:after {
  clear: both;
}
.page-of-green-supply .slick-loading .slick-track {
  visibility: hidden;
}
.page-of-green-supply .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.page-of-green-supply [dir='rtl'] .slick-slide {
  float: right;
}
.page-of-green-supply .slick-slide.slick-loading img {
  display: none;
}
.page-of-green-supply .slick-slide.dragging img {
  pointer-events: none;
}
.page-of-green-supply .slick-initialized .slick-slide {
  display: block;
}
.page-of-green-supply .slick-loading .slick-slide {
  visibility: hidden;
}
.page-of-green-supply .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.page-of-green-supply .slick-arrow.slick-hidden {
  display: none;
}
.page-of-green-supply .pagination-wrap .pagination-tip {
  color: #abb1aa;
}
.page-of-green-supply-choice .brands-story-detail {
  padding: 0;
}
.page-of-green-supply-choice .uitab-wrap {
  padding: 20px 50px;
  padding: 0.2rem 0.5rem;
}
.page-of-green-supply-choice .uitab-wrap {
  margin-top: 10px;
  margin-top: 0.1rem;
  line-height: 56px;
  line-height: 0.56rem;
}
.page-of-green-supply-choice .uitab-wrap .uitab-header {
  border-bottom: 1px solid #e5e5e5;
}
.page-of-green-supply-choice .uitab-wrap .uitab-header > ul > li {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  font-size: 20px;
  font-size: 0.2rem;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  font-weight: bold;
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.1rem 0rem 0.1rem;
  margin-right: 68px;
  margin-right: 0.68rem;
  cursor: pointer;
  color: #abb1a7;
  position: relative;
}
.page-of-green-supply-choice .uitab-wrap .uitab-header > ul > li span {
  bottom: -1px;
  bottom: -0.01rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: #62a000 ;
  height: 2px;
  height: 0.02rem;
  width: 100%;
  display: none;
}
.page-of-green-supply-choice .uitab-wrap .uitab-header > ul > li.current {
  color: #62a000;
}
.page-of-green-supply-choice .uitab-wrap .uitab-header > ul > li.current span {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-green-supply-choice .uitab-wrap .uitab-header > ul > li sup {
  padding: 3px 5px;
  padding: 0.03rem 0.05rem;
  height: 12px;
  height: 0.12rem;
  line-height: 12px;
  line-height: 0.12rem;
  font-size: 10px;
  font-size: 0.1rem;
  font-weight: bold;
  background-color: #62a000;
  color: #fff;
  border-radius: 2px;
  position: absolute;
  top: 10px;
  right: -28px;
  display: block;
}
.page-of-green-supply-choice .uitab-wrap .uitab-header .scree-btn {
  color: #262e3d;
  font-size: 20px;
  font-size: 0.2rem;
}
.page-of-green-supply-choice .uitab-wrap .uitab-header .scree-btn i {
  margin-left: 10px;
  margin-left: 0.1rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-top: -4px;
  margin-top: -0.04rem;
  width: 15px;
  width: 0.15rem;
  height: 8px;
  height: 0.08rem;
  background-image: url(../images/sprite.png);
  background-position: 0px 0px;
}
.page-of-green-supply-choice .uitab-wrap .uitab-header .scree-btn.arrow-top i {
  background-position: 0px -28px;
  background-position: 0rem -0.28rem;
}
.page-of-green-supply-choice .uitab-wrap .uitab-item {
  display: none;
}
.page-of-green-supply-choice .uitab-wrap .uitab-item.current {
  display: block;
}
.page-of-green-supply-choice .detail-con {
  line-height: 2;
  padding-top: 30px;
  padding-top: 0.3rem;
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-green-supply-choice .detail-con .img.r {
  float: right;
  margin-left: 20px;
  margin-left: 0.2rem;
}
.page-of-green-supply-choice .detail-con a {
  color: #62a000;
}
.page-of-green-supply-choice .detail-con p {
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
}
.page-of-green-supply-choice .detail-con h3 {
  font-size: 24px;
  font-size: 0.24rem;
  font-weight: bold;
}
.page-of-green-supply-choice .detail-con .g9 {
  color: #999;
}
.page-of-green-supply-choice .detail-con .imgs {
  margin-left: -16px;
  margin-left: -0.16rem;
  margin-right: -16px;
  margin-right: -0.16rem;
  margin-bottom: 16px;
  margin-bottom: 0.16rem;
  padding-top: 16px;
  padding-top: 0.16rem;
  border-radius: 3px;
  background-color: #f6f7fa;
}
.page-of-green-supply-choice .detail-con .imgs .img {
  margin-left: 16px;
  margin-left: 0.16rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  text-align: center;
  line-height: 3;
}
.page-of-green-supply-choice .detail-con .imgs .img img {
  width: 349px;
  width: 3.49rem;
  height: 260px;
  height: 2.6rem;
  display: block;
}
.page-of-green-supply-choice .pdf {
  padding-left: 38px;
  padding-left: 0.38rem;
  margin-right: 50px;
  margin-right: 0.5rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  background: url('../images/pages/green-supply/pdf.png') left center no-repeat;
  line-height: 38px;
}
.page-of-green-supply-choice .gca {
  padding-left: 40px;
  padding-left: 0.4rem;
  margin-right: 38px;
  margin-right: 0.38rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  height: 39px;
  height: 0.39rem;
  background: url('../images/pages/green-supply/GCA.png') left center no-repeat;
  line-height: 38px;
}
.page-of-green-supply-choice .leaf {
  padding-left: 42px;
  padding-left: 0.42rem;
  margin-right: 38px;
  margin-right: 0.38rem;
  height: 42px;
  height: 0.42rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  background: url('../images/pages/green-supply/leaf.png') left center no-repeat;
  line-height: 38px;
}
.page-of-green-supply-gca .brands-story-detail {
  padding-top: 40px;
  padding-top: 0.4rem;
}
.page-of-green-supply-gca h3 {
  color: #272F1F;
  border-bottom: 2px solid #e5e5e5;
  position: relative;
  font-weight: bold;
  padding: 15px 0;
  padding: 0.15rem 0;
  margin-bottom: 30px;
  margin-bottom: 0.3rem;
}
.page-of-green-supply-gca h3 span {
  padding-left: 15px;
  padding-left: 0.15rem;
  font-size: 26px;
  font-size: 0.26rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  border-left: 3px solid #999;
  line-height: 1;
}
.page-of-green-supply-gca .description {
  font-size: 14px;
  font-size: 0.14rem;
  line-height: 2;
}
.page-of-green-supply-gca .tc {
  text-align: center;
}
.page-of-green-supply-gca .pt30 {
  padding-top: 30px;
  padding-top: 0.3rem;
}
.page-of-green-supply-gca .pb60 {
  padding-bottom: 60px;
  padding-bottom: 0.6rem;
}
.page-of-green-supply-gca .pdf {
  color: #62a000;
  padding-left: 38px;
  padding-left: 0.38rem;
  margin-right: 50px;
  margin-right: 0.5rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  background: url('../images/pages/green-supply/pdf.png') left center no-repeat;
  line-height: 38px;
}

.page-of-record .pdf{
    padding-left: 70px;
    padding-left: 0.7rem;
    margin-right: 50px;
    margin-right: 0.5rem;
    display: inline-block;
    /* display: inline; */
    vertical-align: middle;
    zoom: 1;
    background: url(../images/pages/green-supply/pdf.jpg) left center no-repeat;
    line-height: 38px;
    background-size: contain;
    height: 79px;
    line-height: 74px;
    text-decoration: none !important;
    color: #247cd2;
}
.page-of-notice .pdf{
    padding-left: 70px;
    padding-left: 0.7rem;
    margin-right: 50px;
    margin-right: 0.5rem;
    display: inline-block;
    /* display: inline; */
    vertical-align: middle;
    zoom: 1;
    background: url(../images/pages/green-supply/pdf.jpg) left center no-repeat;
    line-height: 38px;
    background-size: contain;
    height: 79px;
    line-height: 74px;
}
.page-of-green-supply-thirdparty .f26 {
  font-size: 26px;
  font-size: 0.26rem;
}
.page-of-green-supply-thirdparty .b {
  font-weight: bold;
}
.page-of-green-supply-thirdparty .thirdparty-list li {
  position: relative;
  border: 1px solid #e5e5e5;
  padding: 20px;
  padding: 0.2rem;
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-green-supply-thirdparty .thirdparty-list .title {
  font-size: 26px;
  font-size: 0.26rem;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
  font-weight: bold;
  color: #272F1F;
}
.page-of-green-supply-thirdparty .thirdparty-list .tag {
  color: #9a6f12;
  background-color: #f5e29f;
  border-radius: 2px;
  font-size: 12px;
  font-size: 0.12rem;
  padding: 4px 8px;
  padding: 0.04rem 0.08rem;
  margin-top: -2px;
  margin-top: -0.02rem;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.page-of-green-supply-thirdparty .thirdparty-list .row {
  position: relative;
  padding-left: 80px;
  padding-left: 0.8rem;
  line-height: 2;
}
.page-of-green-supply-thirdparty .thirdparty-list label {
  position: absolute;
  left: 0;
  color: #abb1a7;
  text-align: right;
  display: block;
  width: 70px;
  width: 0.7rem;
}
.page-of-green-supply-communication .f14 {
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-green-supply-communication .list-recent ul {
  margin-top: -20px;
  margin-top: -0.2rem;
}
.page-of-green-supply-communication .list-recent li {
  position: relative;
  border-bottom: 1px solid #ccc;
  line-height: 2;
  padding-bottom: 20px;
  padding-bottom: 0.2rem;
  padding-top: 10px;
  padding-top: 0.1rem;
  padding-left: 280px;
  padding-left: 2.8rem;
}
.page-of-green-supply-communication .list-recent li .img {
  /*position: absolute;
  left: 0;
  top: 20px;fxyedit*/
  border-radius: 2px;
  max-width:200px;
  max-height:150px;
}
.page-of-green-supply-communication .list-recent li table{
    position:absolute;
    top:0px;
    left:20px;
    text-align:center;
    width:250px;
    height:200px;
}
.page-of-green-supply-communication .list-recent li .img img {
  width: 253px;
  width: 2.53rem;
}
.page-of-green-supply-communication .list-recent .tags {
  padding-top: 10px;
  padding-top: 0.1rem;
}
.page-of-green-supply-communication .list-recent .tags .localtion {
  color: #abb1a7;
  border-right: 1px solid #ccc;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAMAAAD+dOxOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABQVBMVEUAAACrsaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersacAAAC74hybAAAAaXRSTlMAChBFre9DDfr7qgzP84MoASqHx6TcI96gNf73H6Lj4qH4l48i6eiVmDersB68PdT1FST0FhIRF/DOQr+lFLK+SMuJlDr5OZ+IKT4c9iepmhP9OEB7BAnbggfXizv8LTQG5XHTtizhUTLghqijAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAQtJREFUGNNNUGk7AmEUPWWGkRlmpNTbWGLsFCUpCjHWUGQZ2bOd//8HzDSW7od77nKee89zAD8CQXRElySTstT90/ZIJJVeN4X62mSVWv+ArhuDGsMBdzDESNSnGsOMAXGRMGCOjI6NmzCSjGOCk7Cm3AOctjDDWUQ4h3kuLEaXGEKKaSgMYpkrQIZZrFKGxhwUsQaYVJDnOgosYoObwVKZW9jmDircxZ5NQdr7OOAhjkQ2j2OVVFM4qYpT4IznrqhSzU0x9xFgVesXvtJLkcx42GDhysPrG962F84dGx42mXZ86v2D/QgU6/bTr0EVqs+1F77+Oea02HxjWf/38D1BfuQ6Xf1shb/86hsx0jNyTdgCRAAAAABJRU5ErkJggg==) left center no-repeat;
  padding: 0 10px 0 20px;
  padding: 0 0.1rem 0 0.2rem;
}
.page-of-green-supply-communication .list-recent .minh75 {
  min-height: 75px;
}
.page-of-green-supply-communication .list-recent .date {
  color: #abb1a7;
  position: absolute;
  right: 0;
  bottom: 20px;
}
.page-of-green-supply-brands-story-detail .r {
  float: right;
}
.page-of-green-supply-brands-story-detail .date {
  color: #ccc;
  font-size: 12px;
  font-size: 0.12rem;
}
.page-of-green-supply-brands-story-detail .carousel {
  width: 510px;
  width: 5.1rem;
  height: 480px;
  height: 4.8rem;
  position: relative;
  overflow: hidden;
}
.page-of-green-supply-brands-story-detail .carousel .slick-prev {
  position: absolute;
  z-index: 1000;
  zoom: 1;
  top: 150px;
  text-indent: -999px;
  display: none;
  width: 22px;
  width: 0.22rem;
  height: 70px;
  height: 0.7rem;
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABHCAMAAAA0uEdbAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAV1BMVEUAAAAAAAAAAAA9PT3u7u7q6urw8PDr6+vv7+82NjY4ODjv7+/u7u4zMzPw8PDu7u4/Pz8xMTHx8fEuLi5BQUHy8vLn5+dERETv7+/k5OQAAAD///8AAADb8fcxAAAAG3RSTlNNRRZc29bh191aW+DdWuLcXVniWF7j0l7fzUYR3U+NAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAFpJREFUOMvtzDkSgCAQRNFGUUFx353731MO0AQWZTY/fMEHSKYAzUDTvlbaimktDVXns7XNUjiq6CR4wnESeuaDjMyn6DPzRWzKV+LbnvSDMM7rhqb91EPVFC/ZjgSL9dlJQgAAAABJRU5ErkJggg==);
}
.page-of-green-supply-brands-story-detail .carousel .slick-next {
  position: absolute;
  z-index: 1000;
  zoom: 1;
  top: 150px;
  right: 10px;
  text-indent: -999px;
  display: none;
  width: 22px;
  width: 0.22rem;
  height: 70px;
  height: 0.7rem;
  background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABHCAMAAAA0uEdbAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAWlBMVEUAAAAAAAAAAADq6uru7u49PT3r6+vw8PA2Njbv7+84ODg6Ojrw8PAzMzPu7u7w8PAxMTE/Pz/x8fHu7u5BQUEuLi7y8vLn5+dERETk5OTv7+8AAAD///8AAABKUeAaAAAAHHRSTlMWRU3W3FzY4VrdW1zgWt3iWV3i215Y49Jezd5GIL+JjAAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAACBSURBVDjL7dVJDoAgDEBRRHGe56H3P6e4kJZQE5eawPIt4JeQIEQgmcWrFNKz5/ccRorjGBLFcJpZbva2HY/MqZMS6jTw8oLpRrfH0Z4xrHNKl6saGuUwKuU2gqZzArX2tyK3A/SjM/w0wIxqeIF5ZS5226l+8J14/hM//A3i4PgEtLAQcLIpzAMAAAAASUVORK5CYII=);
}
.page-of-green-supply-brands-story-detail .carousel .slick-slide img {
  display: block;
}
.page-of-green-supply-brands-story-detail .carousel .slider-for img {
  width: 500px;
  width: 5rem;
  height: 370px;
  height: 3.7rem;
}
.page-of-green-supply-brands-story-detail .carousel .slider-nav {
  margin-top: 15px;
  margin-top: 0.15rem;
}
.page-of-green-supply-brands-story-detail .carousel .slider-nav img {
  width: 116px;
  width: 1.16rem;
  height: 93px;
  height: 0.93rem;
}
.page-of-green-supply-brands-story-detail .brands-story-detail h3 {
  font-size: 26px;
  font-size: 0.26rem;
  font-weight: bold;
  line-height: 3;
  color: #272F1F;
}
.page-of-green-supply-brands-story-detail .brands-story-detail h3 .tag {
  vertical-align: middle;
  background-color: #e1f9d0;
  color: #62a000;
  border-radius: 15px;
  font-size: 12px;
  font-size: 0.12rem;
  padding: 4px 10px;
  padding: 0.04rem 0.1rem;
  margin-right: 10px;
  margin-right: 0.1rem;
}
.page-of-green-supply-brands-story-detail .brands-story-detail .release {
  font-size: 12px;
  font-size: 0.12rem;
}
.page-of-green-supply-brands-story-detail .brands-story-detail .detail-con {
  line-height: 2;
  font-size: 14px;
  font-size: 0.14rem;
  padding-top: 20px;
  padding-top: 0.2rem;
}
.page-of-green-supply-brands-story-detail .brands-story-detail .detail-con .img.r {
  float: right;
  margin-left: 20px;
  margin-left: 0.2rem;
}
.page-of-green-supply-brands-story-detail .brands-story-detail .detail-con a {
  color: #62a000;
}
.page-of-green-supply-brands-story-detail .brands-story-detail .detail-con p {
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
}
.page-of-green-supply-brands-story-detail .pages {
  line-height: 80px;
  text-align: center;
}
.page-of-green-supply-brands-story-detail .pages a {
  color: #455338;
  margin: 0 40px;
  margin: 0 0.4rem;
}
.page-of-green-supply-brands-story-detail .pages span {
  margin: 0 40px;
  margin: 0 0.4rem;
}
.page-of-green-supply-brands-story .f26 {
  font-size: 26px;
  font-size: 0.26rem;
  color: #272F1F;
}
.page-of-green-supply-brands-story a.f26 {
  color: #272F1F;
}
.page-of-green-supply-brands-story a.f26:hover {
  color: #005596;
}
.page-of-green-supply-brands-story .b {
  font-weight: bold;
}
.page-of-green-supply-brands-story .mt10 {
  margin-top: 10px;
  margin-top: 0.1rem;
}
.page-of-green-supply-brands-story .wrap .filter div {
  padding-bottom: 20px;
  padding-bottom: 0.2rem;
}
.page-of-green-supply-brands-story .wrap .filter span {
  color: #abb1a7;
}
.page-of-green-supply-brands-story .wrap .filter label {
  margin-left: 20px;
  margin-left: 0.2rem;
}
.page-of-green-supply-brands-story .wrap .filter label input {
  display: none;
}
.page-of-green-supply-brands-story .wrap .filter label input ~ span {
  padding: 4px 8px;
  padding: 0.04rem 0.08rem;
  background-color: #fff;
  color: #455338;
  border-radius: 2px;
}
.page-of-green-supply-brands-story .wrap .filter label input:checked ~ span {
  background-color: #79c600;
  color: #fff;
}
.page-of-green-supply-brands-story .wrap .filter label input[disabled] ~ span {
  color: #ccc;
}
.page-of-green-supply-brands-story .brands-story-detail {
  padding-bottom: 56px;
  padding-bottom: 0.56rem;
}
.page-of-green-supply-brands-story .list-brands ul {
  margin-top: 20px;
  margin-top: 0.2rem;
  margin-right: -30px;
  margin-right: -0.3rem;
  padding-bottom: 30px;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #e9eee5;
}
.page-of-green-supply-brands-story .list-brands li {
  width: 345px;
  width: 3.45rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  line-height: 2;
  margin-right: 24px;
  margin-right: 0.24rem;
}
.page-of-green-supply-brands-story .list-brands img {
  border-radius: 2px;
}
.page-of-green-supply-brands-story .list-brands .con {
  height: 100px;
  height: 1rem;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
}
.page-of-green-supply-brands-story .list-brands .tag {
  float: right;
  background-color: #e1f9d0;
  color: #62a000;
  border-radius: 15px;
  font-size: 12px;
  font-size: 0.12rem;
  padding: 1px 10px;
  padding: 0.01rem 0.1rem;
}
.page-of-green-supply-brands-story .pagination-wrap {
  position: relative;
  background-color: #fff;
  padding-top: 20px;
  padding-top: 0.2rem;
  margin-top: -1px;
  margin-top: -0.01rem;
}
.page-of-green-supply-brands .f12 {
  font-size: 12px;
  font-size: 0.12rem;
}
.page-of-green-supply-brands .f14 {
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-green-supply-brands .f18 {
  font-size: 18px;
  font-size: 0.18rem;
}
.page-of-green-supply-brands .f20 {
  font-size: 20px;
  font-size: 0.2rem;
  color: #272F1F;
}
.page-of-green-supply-brands .f26 {
  font-size: 26px;
  font-size: 0.26rem;
  color: #272F1F;
}
.page-of-green-supply-brands .f26:hover {
  color: #667A55;
}
.page-of-green-supply-brands .wrap {
  width: 1095px;
  width: 10.95rem;
  margin-left: auto;
  margin-right: auto;
}
.page-of-green-supply-brands #container {
  background: url('../images/pages/green-supply/brandsbg.jpg') left top repeat-x #fff;
  background-size: contain;
  margin-top: -10px;
  margin-top: -0.1rem;
}
.page-of-green-supply-brands h3 {
  color: #272F1F;
  border-bottom: 2px solid #e5e5e5;
  position: relative;
  font-weight: bold;
  padding: 15px 0;
  padding: 0.15rem 0;
  margin-bottom: 30px;
  margin-bottom: 0.3rem;
}
.page-of-green-supply-brands h3 span {
  padding-left: 15px;
  padding-left: 0.15rem;
  font-size: 26px;
  font-size: 0.26rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  border-left: 3px solid #999;
  line-height: 1;
}
.page-of-green-supply-brands h3 .more {
  position: absolute;
  right: 0;
  top: 20px;
  color: #62a000;
}
.page-of-green-supply-brands h4 {
  font-size: 26px;
  font-size: 0.26rem;
  color: #272F1F;
  font-weight: normal;
}
.page-of-green-supply-brands .pt30 {
  padding-top: 30px;
  padding-top: 0.3rem;
}
.page-of-green-supply-brands .pt60 {
  padding-top: 60px;
  padding-top: 0.6rem;
}
.page-of-green-supply-brands .pb20 {
  padding-bottom: 20px;
  padding-bottom: 0.2rem;
}
.page-of-green-supply-brands #container .top {
  position: relative;
  height: 430px;
  height: 4.3rem;
}
.page-of-green-supply-brands #container .top .logo {
  width: 528px;
  width: 5.28rem;
  position: absolute;
  top: 80px;/*top: 175px;fxyedit*/
  text-align: center;
}
.page-of-green-supply-brands #container .top .logo img{
  max-width:5.28rem;
  height:2rem;
}
.page-of-green-supply-brands #container .top .sharedbox {
  position: absolute;
  left: 160px;
  top: 340px;/* top: 280px;fxyedit*/
}
.page-of-green-supply-brands #container .top .sharedbox.hadBrand
{
    top:410px;
}
.page-of-green-supply-brands #container .top .sharedbox .shared .tooltip {
  display: none;
  position: absolute;
  text-align: center;
  z-index: 1;
  width: 250px;
  width: 2.5rem;
  padding: 40px 20px 20px;
  padding: 0.4rem 0.2rem 0.2rem;
  margin-top: 40px;
  margin-top: 0.4rem;
  font-size: 12px;
  font-size: 0.12rem;
  left: -136px;
  background-color: #fff;
  -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0);
  -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0);
  box-shadow: 3px 5px 20px rgba(0, 0, 0, 0);
  -webkit-filter: drop-shadow(3px 5px 20px rgba(0, 0, 0, 0.5));
  color: #566374;
}
.page-of-green-supply-brands #container .top .sharedbox .shared .tooltip .qrBox {
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
  float: none;
}
.page-of-green-supply-brands #container .top .sharedbox .shared .tooltip .qrBox img {
  width: 50%;
}
.page-of-green-supply-brands #container .top .sharedbox .shared .tooltip .ml50 {
  margin-left: 50px;
  margin-left: 0.5rem;
}
.page-of-green-supply-brands #container .top .sharedbox .shared .tooltip .title {
  line-height: 3;
}
.page-of-green-supply-brands #container .top .sharedbox .shared .tooltip:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -15px;
  margin-top: -0.15rem;
  margin-right: 125px;
  margin-right: 1.25rem;
}
.page-of-green-supply-brands #container .top .sharedbox .shared .weixin,
.page-of-green-supply-brands #container .top .sharedbox .shared .weibo,
.page-of-green-supply-brands #container .top .sharedbox .shared .linkedin {
  margin-left: 16px;
  margin-left: 0.16rem;
  width: 26px;
  width: 0.26rem;
  height: 26px;
  height: 0.26rem;
  background: url(../images/pages/newreport/shared.png) left top;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-green-supply-brands #container .top .sharedbox .shared .weixin:hover {
  background-position: left bottom;
}
.page-of-green-supply-brands #container .top .sharedbox .shared .weibo {
  background-position: center top;
}
.page-of-green-supply-brands #container .top .sharedbox .shared .weibo:hover {
  background-position: center bottom;
}
.page-of-green-supply-brands #container .top .sharedbox .shared .linkedin {
  background-position: right top;
}
.page-of-green-supply-brands #container .top .sharedbox .shared .linkedin:hover {
  background-position: right bottom;
}
.page-of-green-supply-brands #container .top .sharedbox .shared a {
  position: relative;
}
.page-of-green-supply-brands #container .top .sharedbox .shared a:hover .tooltip {
  display: block;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share a {
  margin-left: 12px;
  margin-left: 0.12rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention {
  width: 78px;
  width: 0.78rem;
  height: 26px;
  height: 0.26rem;
  line-height: 26px;
  line-height: 0.26rem;
  background: #79c600;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-size: 0.12rem;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display:none;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention .icon-add {
  background: url("../images/pages/record/add.png") no-repeat center center;
  width: 12px;
  width: 0.12rem;
  height: 12px;
  height: 0.12rem;
  margin-right: 3px;
  margin-right: 0.03rem;
  vertical-align: text-top;
  margin-top: 2px;
  margin-top: 0.02rem;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention:hover {
  background: #79c600;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention .ac-loading {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 20px;
  width: 0.2rem;
  height: 20px;
  height: 0.2rem;
  background: url("../images/pages/regulatory/loading.png") no-repeat center center;
  -webkit-animation: rotate 1s linear infinite;
  -moz-animation: rotate 1s linear infinite;
  -o-animation: rotate 1s linear infinite;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention .un-attention,
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention .ac-loading,
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention .focused-success {
  display: none;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention .focused-success {
  font-family: 微软雅黑;
  top: 50px;
  top: 0.5rem;
  right: 0px;
  right: 0rem;
  position: absolute;
  border-radius: 3px;
  background: #fff;
  width: 315px;
  width: 3.15rem;
  height: 179px;
  height: 1.79rem;
  text-align: center;
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention .focused-success em {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 29px;
  width: 0.29rem;
  height: 20px;
  height: 0.2rem;
  background: url(../images/pages/regulatory/arrow-top.png) repeat-x;
  top: -20px;
  top: -0.2rem;
  right: 30px;
  right: 0.3rem;
  position: absolute;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention .focused-success h1 {
  font-size: 18px;
  font-size: 0.18rem;
  font-weight: 100;
  margin-top: 30px;
  margin-top: 0.3rem;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention .focused-success p {
  font-size: 14px;
  font-size: 0.14rem;
  border-bottom: 1px solid #ddd;
  margin: 15px;
  margin: 0.15rem;
  padding-bottom: 5px;
  padding-bottom: 0.05rem;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention .focused-success span {
  font-size: 16px;
  font-size: 0.16rem;
  color: #62a000;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention.btn-focused {
  background: #f9f9f9;
  position: relative;
  border: 1px solid #d5d5d5;
  color: #596477 !important;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention.btn-focused:hover {
  background: #fff;
  color: #596477 !important;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention.btn-focused .ac-loading {
  background: url("../images/pages/regulatory/loading2.png") no-repeat center center;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention.btn-focused .attention {
  display: none;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention.btn-focused .un-attention {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  vertical-align: text-bottom;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention.loading .attention,
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention.loading .un-attention,
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention.loading .focused-success {
  display: none;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention.loading .ac-loading {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention.attention-success .attention {
  display: none;
}
.page-of-green-supply-brands #container .top .sharedbox .record-share .btn-attention.attention-success .focused-success {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-green-supply-brands #container .top .fThin {
  font-family: "HelveticaNeueLTPro35Th";
}
.page-of-green-supply-brands #container .top .f92 {
  font-size: 92px;
  font-size: 0.92rem;
}
.page-of-green-supply-brands #container .top .b {
  font-weight: bold;
}
.page-of-green-supply-brands #container .top .ranking,
.page-of-green-supply-brands #container .top .score {
  position: absolute;
  top: 50px;
  left: 575px;
  color: #2f6200;
  text-align: center;
  line-height: 3.8;
}
.page-of-green-supply-brands #container .top .ranking .round,
.page-of-green-supply-brands #container .top .score .round {
  /*width: 160px;
  width: 1.6rem;
  height: 160px;
  height: 1.6rem;
  border-radius: 50%;
  background-color: #79c600;
  border: 10px solid #86db00;*/
  line-height: 186px;
  color: #79c600;
  font-weight: bold;
}

.page-of-green-supply-brands #container .top .ranking .round_many,
.page-of-green-supply-brands #container .top .score .round_many {
  /*width: 80px;
  width: 0.8rem;
  height: 80px;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #79c600;
  border: 10px solid #86db00;*/
  line-height: 80px;
  color: #79c600;
  font-weight: bold;
}

.page-of-green-supply-brands #container .top .score {
  left: 870px;
}
.page-of-green-supply-brands .list-citi h4 {
  margin-top: 20px;
  margin-top: 0.2rem;
}
.page-of-green-supply-brands .list-citi .citis {
  margin-right: -30px;
  margin-right: -0.3rem;
}
.page-of-green-supply-brands .list-citi .box {
  position: relative;
  width: 410px;
  width: 4.1rem;
  height: 122px;
  height: 1.4rem;
  padding-left: 120px;
  padding-left: 1.2rem;
  margin-top: 20px;
  margin-top: 0.2rem;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
  margin-right: 25px;
  margin-right: 0.25rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  border: 1px solid #e1eed3;
  border-radius: 2px;
  line-height: 2;
}
.page-of-green-supply-brands .list-citi .box .score {
  width: 120px;
  width: 1.2rem;
  position: absolute;
  text-align: center;
  color: #abb1a7;
  left: 0;
  top: 20px;
}
.page-of-green-supply-brands .list-citi .box .score .round {
  width: 60px;
  width: 0.6rem;
  height: 60px;
  height: 0.6rem;
  font-size: 24px;
  font-size: 0.24rem;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  margin-left: auto;
  margin-right: auto;
}
.page-of-green-supply-brands .list-citi .box .score .level1 {
  color: #81986c;
  background-color: #f6f9f4;
  border: 1px solid #c6cbc1;
}
.page-of-green-supply-brands .list-citi .box .score .level2 {
  color: #5ea539;
  background-color: #c4f4ab;
  border: 1px solid #93c579;
}
.page-of-green-supply-brands .list-citi .box .score .level3 {
  color: #488827;
  background-color: #94e06d;
  border: 1px solid #6dad08;
}
.page-of-green-supply-brands .list-citi .box .con {
  border-left: 1px solid #eef2ea;
  padding-left: 30px;
  padding-left: 0.3rem;
  padding-right: 20px;
  padding-right: 0.2rem;
  margin-top: 10px;
  margin-top: 0.1rem;
  height: 90px;
  height: 0.9rem;
}
.page-of-green-supply-brands .list-brands ul {
  margin-right: -30px;
  margin-right: -0.3rem;
}
.page-of-green-supply-brands .list-brands li {
  width: 345px;
  width: 3.45rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  line-height: 2;
  margin-right: 24px;
  margin-right: 0.24rem;
}
.page-of-green-supply-brands .list-brands img {
  border-radius: 2px;
}
.page-of-green-supply-brands .list-brands .con {
  height: 100px;
  height: 1rem;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
}
.page-of-green-supply-brands .list-brands .tag {
  float: right;
  background-color: #e1f9d0;
  color: #62a000;
  border-radius: 15px;
  font-size: 12px;
  font-size: 0.12rem;
  padding: 4px 10px;
  padding: 0.04rem 0.1rem;
}
.page-of-green-supply-brands .list-recent ul {
  margin-top: -20px;
  margin-top: -0.2rem;
}
.page-of-green-supply-brands .list-recent li {
  position: relative;
  border-bottom: 1px solid #ccc;
  line-height: 2;
  padding-bottom: 20px;
  padding-bottom: 0.2rem;
  padding-top: 10px;
  padding-top: 0.1rem;
}
.page-of-green-supply-brands .list-recent .tags {
  padding-top: 10px;
  padding-top: 0.1rem;
}
.page-of-green-supply-brands .list-recent .tags .localtion {
  color: #abb1a7;
  border-right: 1px solid #ccc;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAMAAAD+dOxOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABQVBMVEUAAACrsaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersaersacAAAC74hybAAAAaXRSTlMAChBFre9DDfr7qgzP84MoASqHx6TcI96gNf73H6Lj4qH4l48i6eiVmDersB68PdT1FST0FhIRF/DOQr+lFLK+SMuJlDr5OZ+IKT4c9iepmhP9OEB7BAnbggfXizv8LTQG5XHTtizhUTLghqijAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAQtJREFUGNNNUGk7AmEUPWWGkRlmpNTbWGLsFCUpCjHWUGQZ2bOd//8HzDSW7od77nKee89zAD8CQXRElySTstT90/ZIJJVeN4X62mSVWv+ArhuDGsMBdzDESNSnGsOMAXGRMGCOjI6NmzCSjGOCk7Cm3AOctjDDWUQ4h3kuLEaXGEKKaSgMYpkrQIZZrFKGxhwUsQaYVJDnOgosYoObwVKZW9jmDircxZ5NQdr7OOAhjkQ2j2OVVFM4qYpT4IznrqhSzU0x9xFgVesXvtJLkcx42GDhysPrG962F84dGx42mXZ86v2D/QgU6/bTr0EVqs+1F77+Oea02HxjWf/38D1BfuQ6Xf1shb/86hsx0jNyTdgCRAAAAABJRU5ErkJggg==) left center no-repeat;
  padding: 0 10px 0 20px;
  padding: 0 0.1rem 0 0.2rem;
}
.page-of-green-supply-brands .list-recent .date {
  color: #abb1a7;
  position: absolute;
  right: 0;
  bottom: 15px;
}
.page-of-green-supply-brands .list-logos .partner-body {
  margin-right: -5px;
  margin-right: -0.05rem;
}
.page-of-green-supply-brands .list-logos .partner-body li {
  /*border: 1px solid #e5e5e5;*/
  width: 265px;
  width: 2.65rem;
  height: 140px;
  height: 1.4rem;
  margin-right: 4px;
  margin-right: 0.04rem;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  text-align: center;
  line-height: 140px;
}
.page-of-green-supply-brands .pages {
  line-height: 80px;
  text-align: center;
}
.page-of-green-supply-brands .pages a {
  color: #455338;
  margin: 0 40px;
  margin: 0 0.4rem;
}
.page-of-green-supply-brands .pages span {
  margin: 0 40px;
  margin: 0 0.4rem;
  width: 40px;
  width: 0.4rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-green-supply-brands .pages a.disable {
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  filter: alpha(opacity=30);
  cursor: auto;
}
.page-of-green-supply-brands .slick {
  width: 1100px;
  width: 11rem;
  height: 304px;
  height: 3.04rem;
}
.page-of-green-supply-CITI {
  /* 品牌CITI总体得分排名 */
  /* 品牌CITI各项得分排名 */
}
.page-of-green-supply-CITI .f20 {
  font-size: 20px;
  font-size: 0.2rem;
}
.page-of-green-supply-CITI .mt10 {
  margin-top: 10px;
  margin-top: 0.1rem;
}
.page-of-green-supply-CITI .green-banner {
  /**background: url("../images/pages/green/banner1.jpg") no-repeat;*/
  background: rgba(0,0,0,0);
  width: 1190px;
  width: 11.9rem;
  height: 232px;
  height: 2.32rem;
  display: table;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  z-index:2;
  position:relative;
}
.page-of-green-supply-CITI .green-banner.banner6
{
    background: url("../images/pages/green/banner6.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner.banner7
{
    background: url("../images/pages/green/banner7.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner.banner16
{
    background: url("../images/pages/green/banner16.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner.banner17
{
    background: url("../images/pages/green/banner17.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner.banner18
{
    background: url("../images/pages/green/banner18.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner.banner19
{
    background: url("../images/pages/green/banner19.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner.banner21
{
    background: url("../images/pages/green/banner21.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner.banner22
{
    background: url("../images/pages/green/banner22.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner.banner23
{
    background: url("../images/pages/green/banner23.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner.banner26
{
    background: url("../images/pages/green/banner26.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner.banner28
{
    background: url("../images/pages/green/banner28.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner.banner29
{
    background: url("../images/pages/green/banner29.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner.banner31
{
    background: url("../images/pages/green/banner31.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner.banner32
{
    background: url("../images/pages/green/banner32.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner.banner33
{
    background: url("../images/pages/green/banner33.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner.banner34
{
    background: url("../images/pages/green/banner34.jpg") no-repeat;
}
.page-of-green-supply-CITI .green-banner .green-banner-font {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.page-of-green-supply-CITI .green-banner .green-banner-font h1 {
  font-size: 48px;
  font-size: 0.6rem;
  font-weight: bold;
  text-shadow: -2px 5px 5px rgba(0,0,0,0.4);
}
.page-of-green-supply-CITI .green-banner .green-banner-font p {
  font-size: 14px;
  font-size: 0.14rem;

}
.page-of-green-supply-CITI .green-banner .green-banner-font a {
  font-size: 18px;
  font-size: 0.18rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  width: 170px;
  width: 1.7rem;
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
  margin-right: 40px;
  margin-right: 0.4rem;
  color: #437ede;
  border: 0;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.9);
  margin-top: 20px;
  margin-top: 0.2rem;
  transition: 0.3s;
}
.page-of-green-supply-CITI .green-banner .green-banner-font a:hover {
  background: rgba(255, 255, 255, 0.3);
}
.page-of-green-supply-CITI .reg-panel {
  padding: 48px;
  padding: 0.48rem;
  background-color: #fff;
  border-radius: 2px;
}
.page-of-green-supply-CITI .uitab-wrap {
  margin-top: 30px;
  margin-top: 0.3rem;
  line-height: 56px;
  line-height: 0.56rem;
}
.page-of-green-supply-CITI .uitab-wrap .uitab-header {
  border-bottom: 1px solid #e5e5e5;
}
.page-of-green-supply-CITI .uitab-wrap .uitab-header > ul > li {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  font-size: 20px;
  font-size: 0.2rem;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  font-weight: bold;
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.1rem 0rem 0.1rem;
  margin-right: 68px;
  margin-right: 0.68rem;
  cursor: pointer;
  color: #abb1a7;
  position: relative;
}
.page-of-green-supply-CITI .uitab-wrap .uitab-header > ul > li span {
  bottom: -1px;
  bottom: -0.01rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: #62a000 ;
  height: 2px;
  height: 0.02rem;
  width: 100%;
  display: none;
}
.page-of-green-supply-CITI .uitab-wrap .uitab-header > ul > li.current {
  color: #62a000 ;
}
.page-of-green-supply-CITI .uitab-wrap .uitab-header > ul > li.current span {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-green-supply-CITI .uitab-wrap .uitab-header .scree-btn {
  color: #262e3d;
  font-size: 20px;
  font-size: 0.2rem;
  direction: rtl;
}
.page-of-green-supply-CITI .uitab-wrap .uitab-header select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAMAAADaUYZlAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAATlBMVEUAAABFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzhFUzgAAADLc8C9AAAAGXRSTlMANj08IrbLV2TMnUjKY8c+S1ZiQUJMTY6z8K3PVQAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAABJSURBVAjXVcvbEoAgCEXRUxqJkXav///SpBwtXpi1B9C0qGMsOuoLHXsMUsLIIQKT0Pxw4bDqziFxe+92DZXAIXR+qOHH9HJl3rZjAtvvB+hYAAAAAElFTkSuQmCC') right center no-repeat;
  padding-right: 30px;
  padding-right: 0.3rem;
}
.page-of-green-supply-CITI .uitab-wrap .uitab-con {
  padding-top: 30px;
  padding-top: 0.3rem;
}
.page-of-green-supply-CITI .uitab-wrap .uitab-item.dn {
  display: none;
}
.page-of-green-supply-CITI .uitab-wrap .uitab-item.current {
  display: block;
}
.page-of-green-supply-CITI .table-con .table-main .table-column table {
  border-top: 2px solid #d9dfd3;
}
.page-of-green-supply-CITI .pager-wrap {
  position: relative;
  margin: 30px 0;
  margin: 0.3rem 0;
}
.page-of-green-supply-CITI #table_con0 .table-main .table-column table thead th {
  background-color: #ecf2e9;
  line-height: 1.2;
  font-weight: normal;
  color: #455338;
  cursor: auto;
}
.page-of-green-supply-CITI #table_con0 .table-main .table-column table thead tr.weights th {
  background-color: #d9e3d5;
}
.page-of-green-supply-CITI #table_con0 .table-main > .table-list tr td {
  background-color: #f6f9f4;
  border-color: #e9eee5;
}
.page-of-green-supply-CITI #table_con0 .table-main > .table-list tr:nth-child(odd) td {
  background-color: #fff;
}
.page-of-green-supply-CITI #table_con0 .table-main > .table-list tr.odd td {
  background-color: #fff;
}
.page-of-green-supply-CITI #table_con0 .table-main > .table-list tr:hover {
  /*-webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));*/
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th {
  border: 1px solid #fff;
  background-color: #ecf2e9;
  line-height: 1.2;
  font-weight: normal;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a {
  cursor: auto;
  position: relative;
  color: #455338;
  display: block;
  height: 38px;
  height: 0.38rem;
  padding-bottom: 10px;
  padding-bottom: 0.1rem;
  vertical-align: middle;
  display: table-cell;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAALVBMVEUAAABioABioABioABioABioABioABioABioABioABioABioABioABioAAAAAAW6qzfAAAADnRSTlMA3D04zELqPulIQG/o59Co+awAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAIUlEQVQI12MQYmB2YAgrsJjAwJV9koFBSHcyMpdBdwIDAIFPB73LkG2tAAAAAElFTkSuQmCC) center bottom no-repeat;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a:hover {
  color: #262e3d;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .w108 {
  width: 108px;
  width: 1.08rem;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a span {
  display: inline-block;
  width: 75px;
  width: 0.75rem;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a:hover {
  color: #455338;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a:hover .tooltip {
  display: inline;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip.first {
 /* margin-left: -174px;
  margin-left: -1.74rem;*/
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip.last {
  margin-left: -320px;
  margin-left: -3.2rem;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip.last:before {
  margin-right: 70px;
  margin-right: 0.7rem;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip {
  display: none;
  position: absolute;
  line-height: 1.5;
  background: #fff;
  text-align: left;
  top: 0;
  left: 0;
  margin-top: 50px;
  margin-top: 0.5rem;
  margin-left: -190px;
  margin-left: -1.9rem;
  width: 382px;
  width: 3.82rem;
  padding: 30px;
  padding: 0.3rem;
  font-size: 14px;
  font-size: 0.14rem;
  -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  color: #a1ab97;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -15px;
  margin-top: -0.15rem;
  margin-right: 200px;
  margin-right: 2rem;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip .box {
  color: #455338;
  margin-top: 8px;
  margin-top: 0.08rem;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip .box .rel {
  position: relative;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip .box label {
  position: absolute;
  width: 44px;
  width: 0.44rem;
  line-height: 32px;
  left: 0;
  top: 0;
  text-align: center;
  display: block;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip .box .con {
  margin: 0 10px;
  margin: 0 0.1rem;
  padding-left: 38px;
  padding-left: 0.38rem;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip .box1 {
  background-color: #f6f9f4;
  border: 1px solid #e9eee5;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip .box2 {
  background-color: #c4f4ab;
  border: 1px solid #93c579;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip .box2 .bb1 {
  border-bottom: 1px solid #aadd8f;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip .box3 {
  background-color: #94e06d;
  border: 1px solid #65a942;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip .box3 .bb1 {
  border-bottom: 1px solid #81cf58;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead th a .tooltip .con {
  line-height: 32px;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-column table thead tr.weights th {
  background-color: #d9e3d5;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-list tr {
  cursor: auto;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-list tr td {
  border: 1px solid #fff;
  background-color: #f6f9f4;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-list tr td a {
  color: #62a000;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-list tr td a:hover {
  color: #62a000;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-list tr .level1 {
  background-color: #f6f9f4;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-list tr .level2 {
  background-color: #c4f4ab;
}
.page-of-green-supply-CITI #table_con1 .table-main .table-list tr .level3 {
  background-color: #94e06d;
}
.page-of-green-supply-CITI #table_con1 .table-main > .table-list {
  margin-top: -3px;
  margin-top: -0.03rem;
}
.page-of-green-supply-CITI .loading {
  text-align: center;
}
.page-of-green-supply-CITI .loading img {
  margin-right: 10px;
  margin-right: 0.1rem;
  -webkit-animation: 3s linear 0s normal none infinite rotate;
  animation: 3s linear 0s normal none infinite rotate;
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.ie8 .page-of-green-supply-brands-story .wrap .filter label input {
  display: inline;
}
.ie8 .page-of-green-supply-brands-story .wrap .filter label input {
  display: inline;
}
.btn-sure1,
.btn-cancel,
.btn-sure {
  width: 200px;
  width: 2rem;
  height: 50px;
  height: 0.5rem;
  line-height: 50px;
  line-height: 0.5rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  border: 1px solid #005596;
  border-radius: 2px;
  text-align: center;
  font-weight: bold;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-sure1.btn-cancel,
.btn-cancel.btn-cancel,
.btn-sure.btn-cancel {
  color: #005596;
}
.btn-cancel.btn-cancel:hover,
.btn-sure.btn-cancel:hover {
  border: 1px solid #247cd2 ;
  color: #247cd2;
}
.btn-sure1.btn-sure1,
.btn-cancel.btn-sure1,
.btn-cancel.btn-sure,
.btn-sure.btn-sure {
  background: #005596;
  color: #fff;
}
.btn-sure1.btn-sure1:hover,
.btn-cancel.btn-sure1:hover,
.btn-cancel.btn-sure:hover,
btn-sure1:hover,
.btn-sure.btn-sure:hover {
  border: 1px solid #247cd2;
  background: #247cd2;
}
.btn-sure1.disabled,
.btn-cancel.disabled,
.btn-sure.disabled {
  border: 1px solid #b2ccdf;
  background: #b2ccdf;
  cursor: default;
}
.btn-sure1.disabled:hover,
.btn-cancel.disabled:hover,
.btn-sure.disabled:hover {
  background: #b2ccdf;
  border: 1px solid #b2ccdf;
}
.page-of-user .panel {
  padding: 1px 46px 0;
  background: #fff;
  border-radius: 3px;
}
.page-of-user .reg-panel{
	padding: 1px 46px 46px!important;
}
.page-of-user .panel .uitab-wrap .uitab-header {
  line-height: 56px;
  line-height: 0.56rem;
  border-bottom: 1px solid #e5e5e5;
}
.page-of-user .panel .uitab-wrap .uitab-header > ul > li {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  font-size: 20px;
  font-size: 0.2rem;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  font-weight: bold;
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.1rem 0rem 0.1rem;
  margin-right: 68px;
  margin-right: 0.68rem;
  cursor: pointer;
  color: #262e3d;
  position: relative;
}
.page-of-user .panel .uitab-wrap .uitab-header > ul > li span {
  bottom: -1px;
  bottom: -0.01rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: #005596;
  height: 2px;
  height: 0.02rem;
  width: 100%;
  display: none;
}
.page-of-user .panel .uitab-wrap .uitab-header > ul > li.current {
  color: #005596;
}
.page-of-user .panel .uitab-wrap .uitab-header > ul > li.current a {
  color: #005596;
}
.page-of-user .panel .uitab-wrap .uitab-header > ul > li.current span {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}


.page-of-user .panel .uitab-wrap .uitab-header .scree-btn {
  color: #262e3d;
  font-size: 20px;
  font-size: 0.2rem;
}
.page-of-user .panel .uitab-wrap .uitab-header .scree-btn i {
  margin-left: 10px;
  margin-left: 0.1rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-top: -4px;
  margin-top: -0.04rem;
  width: 15px;
  width: 0.15rem;
  height: 8px;
  height: 0.08rem;
  background-image: url(../images/sprite.png);
  background-position: 0px -28px;
  background-position: 0rem -0.28rem;
}
.page-of-user .panel .uitab-wrap .uitab-header .scree-btn.arrow-top i {
  background-position: 0px 0px;
}
.page-of-user .panel .uitab-wrap .uitab-item.dn {
  display: none;
}
.page-of-user .panel .uitab-wrap .uitab-item.current {
  display: block;
}
.page-of-user .panel .uitab-wrap .uitab-item .account {
  /*border-radius: 2px;*/
  /*border: 1px solid #e5e5e5;*/
  padding-top: 30px;
  padding-top: 0.3rem;
  margin-bottom: 20px;
  background: #fff;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-title {
  /*margin: 0px 40px;*/
  /*margin: 0rem 0.4rem;*/
  line-height: 30px;
  line-height: 0.3rem;
  padding: 0 40px 30px;
  border-bottom: 1px solid #e5e5e5;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-title h1 {
  font-size: 20px;
  font-size: 0.2rem;
  color: #262e3d;
  margin: 0px;
  margin: 0rem;
  margin-right: 35px;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-title span {
  color: #247cd2;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-title span a {
  color: #247cd2;
  padding: 0px 15px;
  padding: 0rem 0.15rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-title span a:last-child {
  padding-right: 0px;
  padding-right: 0rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-info .account-info-list {
  /*margin: 0px 40px;*/
  /*margin: 0rem 0.4rem;*/
  padding: 0 40px 40px;
  padding: 0 0.4rem 0.4rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-info .account-info-list li {
  float: left;
  width: 430px;
  width: 4.3rem;
  margin-top: 26px;
  margin-top: 0.26rem;
  line-height: 24px;
  line-height: 0.24rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-info .account-info-list li label {
  font-size: 12px;
  font-size: 0.12rem;
  color: #596477;
  display: block;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-info .account-info-list li div:not(.selectdiv) {
  color: #596477;
  height: 24px;
  height: 0.24rem;
  line-height: 24px;
  line-height: 0.24rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-info .account-info-btn {
  /*background: #f7f7f7;*/
  padding: 40px 0;
  padding: 0.4rem 0;
  text-align: center;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-info .account-info-btn a {
  margin: 0px 12px;
  margin: 0rem 0.12rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .edit-account-info .account-info-list{
  padding: 0 40px 0;
  padding: 0 0.4rem 0;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .edit-account-info .account-info-list li input {
  border: 1px solid #c7c8ca;
  width: 100%;
  height: 38px;
  height: 0.38rem;
  line-height: 38px;
  line-height: 0.38rem;
  padding: 0px 12px;
  padding: 0rem 0.12rem;
  color: #333333;
  background: #F7F7F7;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .edit-account-info .account-info-list li input.disabled {
  border: 1px solid #eeeeef;
  color: #d6d8dc;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .edit-account-info .account-info-list li input:focus {
  border: 1px solid #005596;
}
/*.page-of-user .panel .uitab-wrap .uitab-item .account .edit-account-info .account-info-list li.float-end,*/
.page-of-user .panel .uitab-wrap .uitab-item .account .edit-account-info .account-info-list li:nth-child(2n) {
  float: right;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .edit-account-info .account-info-list li.float-start{
  float: left;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-email {
  margin: 0px 40px;
  margin: 0rem 0.4rem;
  padding: 30px 250px 30px 0;
  padding: 0.3rem 2.5rem 0.3rem 0;
  color: #596477;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  line-height: 24px;
  line-height: 0.24rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-email h2 {
  font-size: 16px;
  font-size: 0.16rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-email p {
  color: #403f3f;
  margin-top: 10px;
  margin-top: 0.1rem;
  font-size: 14px;
  font-size: 0.14rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-email .account-email-check {
  top: 50px;
  top: 0.5rem;
  right: 0px;
  right: 0rem;
  position: absolute;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-email:last-child,
.page-of-user .panel .uitab-wrap .uitab-item .account .account-email.last {
  border-bottom: 0;
  margin-bottom: 15px;
  margin-bottom: 0.15rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .account-email .radio {
  margin-left: 30px;
  margin-left: 0.3rem;
  margin-right: 0px;
  margin-right: 0rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .fill-tab {
  margin: 10px auto 40px;
  margin: 0.1rem auto 0.4rem;
  text-align: center;
  font-size: 0px;
  font-size: 0rem;
  overflow: hidden;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .fill-tab a {
  border: 1px solid #e5e5e5;
  width: 206px;
  width: 2.06rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  font-size: 16px;
  font-size: 0.16rem;
  height: 50px;
  height: 0.5rem;
  line-height: 50px;
  line-height: 0.5rem;
  color: #262e3d;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .fill-tab a.first {
  border-radius: 3px 0px 0px 3px;
  border-right: 0;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .fill-tab a.last {
  border-left: 0;
  border-radius: 0px 3px 3px 0px;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .fill-tab a.current {
  border: 1px solid #6788a8;
  color: #fff;
  background: #6788a8;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .fill-info .fill-info-block {
  text-align: center;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .fill-info .fill-info-block p {
  line-height: 40px;
  margin: 0 48px;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .fill-info .fill-info-block p a {
  color: #247cd2;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .fill-info .fill-info-block p .ke-insertfile.excel
{
  background: url("../images/pages/user/file3.png") no-repeat;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  height: 38px;
  height: 0.38rem;
  line-height: 38px;
  line-height: 0.38rem;
  padding-left: 40px;
  padding-left: 0.4rem;
  color: #247cd2;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .fill-info .fill-info-block p a:hover {
  color: #005596;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .fill-info .fill-info-block .fill-download {
  background: url("../images/pages/user/file.png") no-repeat;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  height: 38px;
  height: 0.38rem;
  line-height: 38px;
  line-height: 0.38rem;
  padding-left: 40px;
  padding-left: 0.4rem;
  color: #247cd2;
  margin-bottom: 50px;
  margin-bottom: 0.5rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .fill-info .fill-info-block .fill-download:hover {
  color: #005596;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .fill-info .fill-info-block .account-info-btn {
  background: #f7f7f7;
  padding: 30px 0;
  padding: 0.3rem 0;
  text-align: center;
}
.page-of-user .panel .uitab-wrap .uitab-item .account .fill-info .fill-info-block .account-info-btn a {
  margin: 0px 12px;
  margin: 0rem 0.12rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .record-table {
  background: #fff;
  margin-bottom: 30px;
  margin-bottom: 0.3rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .record-table tr.even {
  background: #f5f6f7;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .record-table th {
  line-height: 22px;
  line-height: 0.22rem;
  padding: 12px 0px;
  padding: 0.12rem 0rem;
  font-size: 16px;
  font-size: 0.16rem;
  font-weight: normal;
  color: #262e3d;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .record-table th:first-child {
  border-left: 1px solid #d3d8df;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .record-table th.first-child {
  border-left: 0;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .record-table td {
  font-size: 16px;
  font-size: 0.16rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .record-table td a {
  display: block;
  color: #247cd2;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .record-table td a:hover {
  color: #005596;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .record-table td.first-td {
  background: #fff;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .sizes {
  margin-top: -34px;
  margin-top: -0.34rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .sp {
  width: 1px;
  width: 0.01rem;
  margin: 0px 10px;
  margin: 0rem 0.1rem;
  border-left: 1px solid #d3d8df;
  height: 40px;
  height: 0.4rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .search-panel {
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group {
  position: relative;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .user-prompt {
  font-size: 12px;
  font-size: 0.12rem;
  color: #b1b4bb;
  right: 0px;
  right: 0rem;
  bottom: -8px;
  bottom: -0.08rem;
  position: absolute;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .user-screening {
  position: relative;
  width: 660px;
  width: 6.6rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .user-screening .user-prompt {
  top: -35px;
  top: -0.35rem;
  left: 4px;
  left: 0.04rem;
  position: absolute;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .user-screening a {
  padding: 0px 38px 0px 26px;
  padding: 0rem 0.38rem 0rem 0.26rem;
  height: 36px;
  height: 0.36rem;
  line-height: 36px;
  line-height: 0.36rem;
  text-align: center;
  border: 1px solid #c7c8ca;
  border-radius: 18px;
  background: #fff;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  position: relative;
  margin-right: 10px;
  margin-right: 0.1rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .user-screening a i {
  background: url("../images/pages/user/user-close.png") no-repeat;
  width: 8px;
  width: 0.08rem;
  height: 9px;
  height: 0.09rem;
  top: 13px;
  top: 0.13rem;
  right: 10px;
  right: 0.1rem;
  position: absolute;
  cursor: pointer;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .register-select {
  margin-right: 15px;
  margin-right: 0.15rem;
  height: 34px;
  height: 0.34rem;
  line-height: 34px;
  line-height: 0.34rem;
  width: 90px;
  width: 0.9rem;
  padding: 0px 16px;
  padding: 0rem 0.16rem;
  color: #000;
  border-radius: 2px;
  border: 1px solid #c7c8ca;
  position: relative;
  background: #fff;
  cursor: pointer;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .register-select.select,
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .register-select.select-small,
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .register-select.select-mini {
  width: 100%;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .register-select .icon-arrowDown {
  display: inline-block;
  vertical-align: top;
  height: 7px;
  height: 0.07rem;
  width: 12px;
  width: 0.12rem;
  z-index: 99;
  top: 14px;
  top: 0.14rem;
  right: 8px;
  right: 0.08rem;
  position: absolute;
  background: url("../images/pages/registered/register-arrowDown.png") no-repeat center top;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .register-select .register-select-column {
  display: none;
  top: 36px;
  top: 0.36rem;
  left: -1px;
  left: -0.01rem;
  position: absolute;
  -webkit-box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.2);
  background: #fff;
  width: 500px;
  width: 5rem;
  padding: 20px 0px 20px 30px;
  padding: 0.2rem 0rem 0.2rem 0.3rem;
  border-radius: 3px;
  overflow: hidden;
  z-index: 988;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .register-select .register-select-column .scree-region {
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .register-select .register-select-column .scree-region h6 {
  color: #8d96a6;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .register-select.disabled {
  border: 1px solid #c6c7c9;
  color: #999;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .register-select.current {
  border: 1px solid #005596;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .scree-group .register-select.current .register-select-column {
  display: block;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .relevance-info {
  width: 1098px;
  width: 10.98rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .future-check {
  border-radius: 2px;
  padding: 12px 20px;
  padding: 0.12rem 0.2rem;
  margin-bottom: 15px;
  margin-bottom: 0.15rem;
  border: 1px solid #e5e5e5;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .future-check span {
  color: #8d96a6;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .future-check span a {
  color: #247cd2;
  margin: 0px 8px;
  margin: 0rem 0.08rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .future-check span a:hover {
  color: #005596;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .future-check span.float-end .btn-sure {
  width: 90px;
  width: 0.9rem;
  height: 34px;
  height: 0.34rem;
  line-height: 34px;
  line-height: 0.34rem;
  color: #fff;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .future-check span.float-end .btn-sure:hover {
  color: #fff;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .future-check.text-center {
  padding: 50px 0px 0px;
  padding: 0.5rem 0rem 0rem;
  text-align: center;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand {
  margin-top: 30px;
  margin-top: 0.3rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-column {
  position: relative;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-column .header-box {
  position: absolute;
  width: 1096px;
  z-index: 222;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-column.fixed .header-box {
  position: fixed;
  top: 0;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-list {
  margin-top: 1px;
  margin-top: 0.01rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-list tr:hover {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
  background: #fff;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-list tr.even {
  background: #f6f9f4;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-list tr.even:hover {
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
  background: #f6f9f4;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-list th {
  border-top: 2px solid #d9dfd3;
  background: #ecf2e9;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-list .checkbox {
  margin-right: 0px;
  margin-right: 0rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-list .title {
  height: 0px;
  height: 0rem;
  overflow: hidden;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-list .title th {
  border: 0;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-column .table-list {
  margin-top: 0px;
  margin-top: 0rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-column .table-list tr {
  cursor: default;
  background: #ecf2e9;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-column .table-list tr:hover {
  -webkit-filter: inherit;
  filter: inherit;
  background: #ecf2e9;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-column .table-list thead tr {
  cursor: default;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-column .table-list th {
  border-bottom: 1px solid #d9dfd3;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand .table-column .table-list th:last-child {
  padding-right: 0;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand-block .table-list tr:hover {
  -webkit-filter: inherit;
  filter: inherit;
  background: #fff;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand-block .table-list tr.even {
  background: #f6f9f4;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block .user-brand-block .table-list tr.even:hover {
  -webkit-filter: inherit;
  filter: inherit;
  background: #f6f9f4;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th {
  border: 1px solid #fff;
  background-color: #ecf2e9;
  line-height: 1.2;
  font-weight: normal;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a {
  cursor: auto;
  position: relative;
  color: #455338;
  display: block;
  height: 38px;
  height: 0.38rem;
  padding-bottom: 10px;
  padding-bottom: 0.1rem;
  vertical-align: middle;
  display: table-cell;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAALVBMVEUAAABioABioABioABioABioABioABioABioABioABioABioABioABioAAAAAAW6qzfAAAADnRSTlMA3D04zELqPulIQG/o59Co+awAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAIUlEQVQI12MQYmB2YAgrsJjAwJV9koFBSHcyMpdBdwIDAIFPB73LkG2tAAAAAElFTkSuQmCC) center bottom no-repeat;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a:hover {
  color: #262e3d;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .w108 {
  width: 108px;
  width: 1.08rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a span {
  display: inline-block;
  width: 75px;
  width: 0.75rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a:hover {
  color: #455338;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a:hover .tooltip {
  display: inline;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .tooltip.first {
  margin-left: -174px;
  margin-left: -1.74rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .tooltip.last {
  margin-left: -320px;
  margin-left: -3.2rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .tooltip.last:before {
  margin-right: 70px;
  margin-right: 0.7rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .tooltip {
  display: none;
  position: absolute;
  line-height: 1.5;
  background: #fff;
  text-align: left;
  top: 0;
  left: 0;
  margin-top: 50px;
  margin-top: 0.5rem;
  margin-left: -190px;
  margin-left: -1.9rem;
  width: 382px;
  width: 3.82rem;
  padding: 30px;
  padding: 0.3rem;
  font-size: 14px;
  font-size: 0.14rem;
  -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  color: #a1ab97;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .tooltip:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -15px;
  margin-top: -0.15rem;
  margin-right: 200px;
  margin-right: 2rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .tooltip .box {
  color: #455338;
  margin-top: 8px;
  margin-top: 0.08rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .tooltip .box .rel {
  position: relative;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .tooltip .box label {
  position: absolute;
  width: 44px;
  width: 0.44rem;
  line-height: 32px;
  left: 0;
  top: 0;
  text-align: center;
  display: block;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .tooltip .box .con {
  margin: 0 10px;
  margin: 0 0.1rem;
  padding-left: 38px;
  padding-left: 0.38rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .tooltip .box1 {
  background-color: #f6f9f4;
  border: 1px solid #e9eee5;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .tooltip .box2 {
  background-color: #c4f4ab;
  border: 1px solid #93c579;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .tooltip .box2 .bb1 {
  border-bottom: 1px solid #aadd8f;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .tooltip .box3 {
  background-color: #94e06d;
  border: 1px solid #65a942;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .tooltip .box3 .bb1 {
  border-bottom: 1px solid #81cf58;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead th a .tooltip .con {
  line-height: 32px;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-column table thead tr.weights th {
  background-color: #d9e3d5;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-list tr {
  cursor: auto;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-list tr td {
  border: 1px solid #fff;
  background-color: #f6f9f4;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-list tr td a {
  color: #62a000;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-list tr td a:hover {
  color: #62a000;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-list tr .level1 {
  background-color: #f6f9f4;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-list tr .level2 {
  background-color: #c4f4ab;
}
.page-of-user .panel .uitab-wrap .uitab-item .fill-content .fill-block #table_con1 .table-main .table-list tr .level3 {
  background-color: #94e06d;
}
.page-of-user .panel .uitab-wrap .uitab-item .table-list {
  margin-top: -2px;
  margin-top: -0.02rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .table-list td {
  position: relative;
}
.page-of-user .panel .uitab-wrap .uitab-item .table-list td .arrow-left-top {
  top: 0px;
  top: 0rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: url("../images/pages/user/arrow-left.png") no-repeat;
  width: 10px;
  width: 0.1rem;
  height: 10px;
  height: 0.1rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.page-of-user .panel .uitab-wrap .uitab-item .table-column .table-list {
  margin-top: 0px;
  margin-top: 0rem;
}
.page-of-user .panel .uitab-wrap .uitab-item .table-column .table-list th {
  border-top: 2px solid #d3d8df;
  border-bottom: 1px solid #d3d8df;
}
.page-of-user .loading {
  text-align: center;
}
.page-of-user .loading img {
  margin-right: 10px;
  margin-right: 0.1rem;
  -webkit-animation: 3s linear 0s normal none infinite rotate;
  animation: 3s linear 0s normal none infinite rotate;
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.modify-password .pop-con {
  top: 22%;
  height: auto;
  padding-bottom: 56px;
  padding-bottom: 0.56rem;
  margin-top: 0px;
  margin-top: 0rem;
}
.modify-password .pop-con .pop-body {
  margin: 0px;
  margin: 0rem;
}
.modify-password .pop-con .pop-body .modify-password-list {
  width: 430px;
  width: 4.3rem;
  margin: 0px auto;
  margin: 0rem auto;
}
.modify-password .pop-con .pop-body .modify-password-list li {
  /*margin-top: 32px;*/
  /*margin-top: 0.32rem;*/
  /*margin-bottom: 0px;*/
  /*margin-bottom: 0rem;*/
}
.modify-password .pop-con .pop-body .modify-password-list li label {
  font-size: 18px;
  font-size: 0.18rem;
  float: left;
  line-height: 54px;
  line-height: 0.54rem;
  width: 70px;
  width: 0.7rem;
  color: #8d96a6;
}
.modify-password .pop-con .pop-body .modify-password-list li .validator {
  position: relative;
  width: 356px;
  width: 3.56rem;
}
.modify-password .pop-con .pop-body .modify-password-list li .validator .register-prompt {
  /*top: -24px;*/
  /*top: -0.24rem;*/
  /*left: 0px;*/
  /*left: 0rem;*/
  /*position: absolute;*/
  font-size: 14px;
  font-size: 0.14rem;
}
.modify-password .pop-con .pop-body .modify-password-list li .validator .input,
.modify-password .pop-con .pop-body .modify-password-list li .validator .input-small,
.modify-password .pop-con .pop-body .modify-password-list li .validator .input-mini,
.modify-password .pop-con .pop-body .modify-password-list li .validator .input-icon {
  height: 54px;
  height: 0.54rem;
  line-height: 54px;
  line-height: 0.54rem;
  width: 356px;
  width: 3.56rem;
  margin-bottom: 9px;
  margin-bottom: 0.09rem;
}
.modify-password .pop-con .pop-body .modify-password-list li a.btn-cancel:hover {
  background: #005596;
  color: #fff;
}
.modify-password .pop-con .pop-body .modify-password-list li a.btn-sure {
  color: #fff;
}
.modify-password .pop-con .pop-body .result-con {
  text-align: center;
}
.modify-password .pop-con .pop-body .result-con > h1 {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  *zoom: 1;
  padding-left: 60px;
  padding-left: 0.6rem;
  margin: 0 60px;
  margin: 0 0.6rem;
  font-size: 32px;
  font-size: 0.32rem;
  color: #67bd2e;
  line-height: 2;
  text-align: center;
  background: url("../images/pages/registered/ok.png") no-repeat 0 10px;
}
.modify-password .pop-con .pop-body .result-con p {
  font-size: 14px;
  font-size: 0.14rem;
  color: #515151;
}
.modify-password .pop-con .pop-body .result-con a {
  margin: 40px 5px 15px;
  margin: 0.4rem 0.05rem 0.15rem;
}
.modify-password .pop-con .pop-body .pop-receive {
  text-align: center;
}
.modify-password .pop-con .pop-body .pop-receive .pop-user-font {
  color: #515151;
  margin: 30px 0px;
  margin: 0.3rem 0rem;
}
.modify-password .pop-con .pop-body .pop-receive a {
  margin: 20px 8px 10px;
  margin: 0.2rem 0.08rem 0.1rem;
}
.modify-password .pop-con .pop-body .pop-receive .pop-file {
  position: relative;
  width: 360px;
  width: 3.6rem;
  margin: 40px auto 30px;
  margin: 0.4rem auto 1.2rem;
}
.modify-password .pop-con .pop-body .pop-receive .pop-file .input,
.modify-password .pop-con .pop-body .pop-receive .pop-file .input-small,
.modify-password .pop-con .pop-body .pop-receive .pop-file .input-mini,
.modify-password .pop-con .pop-body .pop-receive .pop-file .input-icon {
  width: 360px;
  width: 3.6rem;
  border: 1px solid #005596;
  color: #005596;
  text-align: center;
  font-weight: bold;
}
.modify-password .pop-con .pop-body .pop-receive .pop-file .file {
  top: 0px;
  top: 0rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  width: 360px;
  width: 3.6rem;
  height: 56px;
  height: 0.56rem;
  opacity: 0;
}
.modify-password .pop-con .pop-body .pop-receive .pop-file-block {
  margin: 10px auto 0px;
  margin: 0.1rem auto 0rem;
  width: 360px;
  width: 3.6rem;
}
.modify-password .pop-con .pop-body .pop-receive .pop-file-block p {
  border-bottom: 1px solid #e1e1e1;
  margin: 0px;
  margin: 0rem;
  line-height: 36px;
  line-height: 0.36rem;
  overflow: hidden;
  font-size: 14px;
  font-size: 0.14rem;
  color: #247cd2;
}
.modify-password .pop-con .pop-body .pop-receive .pop-file-block p a {
  margin: 0px;
  margin: 0rem;
  color: #247cd2;
}
.modify-password .pop-con .pop-body .pop-receive .pop-file-block p a:hover {
  color: #005596;
  text-decoration: underline;
}
.modify-password .pop-con .pop-body .pop-receive .pop-file-block p a.delete {
  color: #c30000;
}
.modify-password .pop-con .pop-body .pop-receive .pop-file-block p a.delete:hover {
  color: #c30000;
  text-decoration: underline;
}
.modify-password .pop-con .pop-body .pop-receive .pop-step {
  width: 380px;
  width: 3.8rem;
  margin: 42px auto 36px;
  margin: 0.42rem auto 0.36rem;
}
.modify-password .pop-con .pop-body .pop-receive .pop-step span {
  width: 384px;
  width: 3.84rem;
  height: 12px;
  height: 0.12rem;
  background: #e9e9e9;
  border-radius: 6px;
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
  display: block;
}
.modify-password .pop-con .pop-body .pop-receive .pop-step span em {
  display: block;
  background: #247cd2;
  border-radius: 6px;
  height: 12px;
  height: 0.12rem;
}
.modify-password .pop-con .pop-body .pop-receive .pop-step p {
  color: #515151;
  font-size: 14px;
  font-size: 0.14rem;
}
.modify-password .pop-con .pop-body .pop-receive h5 {
  font-size: 14px;
  font-size: 0.14rem;
  color: #515151;
  margin-bottom: -25px;
  margin-bottom: -0.25rem;
}
.modify-password .pop-con .pop-body .pop-receive .letter-btn {
  width: 360px;
  width: 3.6rem;
  margin: 45px auto 0;
  margin: 0.45rem auto 0;
}
.modify-password .pop-con .pop-body .pop-receive .letter-btn a {
  width: 100%;
  margin: 0px;
  margin: 0rem;
}
.modify-password .pop-con .pop-body .pop-receive .mar46 {
  margin-top: 46px;
  margin-top: 0.46rem;
}
.modify-password .pop-con .pop-body .pop-receive .fill-download {
  background: url("../images/pages/user/file2.png") no-repeat;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  height: 29px;
  height: 0.29rem;
  line-height: 29px;
  line-height: 0.29rem;
  padding-left: 32px;
  padding-left: 0.32rem;
  font-size: 14px;
  font-size: 0.14rem;
  color: #247cd2;
  margin: 10px 0px 0px;
  margin: 0.1rem 0rem 0rem;
}
.modify-password .pop-con .pop-body .pop-receive .fill-download:hover {
  color: #005596;
}
.modify-password .pop-con .pop-body .user-fill {
  width: 360px;
  width: 3.6rem;
  margin: 0px auto;
  margin: 0rem auto;
}
.modify-password .pop-con .pop-body .user-fill p {
  margin: 20px 0;
  margin: 0.2rem 0;
  font-size: 14px;
  font-size: 0.14rem;
  text-align: center;
  color: #515151;
}
.modify-password .pop-con .pop-body .user-fill .register-select {
  height: 46px;
  height: 0.46rem;
  line-height: 46px;
  line-height: 0.46rem;
  width: 318px;
  width: 3.18rem;
  padding: 0px 20px;
  padding: 0rem 0.2rem;
  color: #596477;
  border-radius: 2px;
  border: 1px solid #a4a9af;
  position: relative;
  margin-bottom: 50px;
  margin-bottom: 0.5rem;
  cursor: pointer;
  float: left;
}
.modify-password .pop-con .pop-body .user-fill .register-select.select,
.modify-password .pop-con .pop-body .user-fill .register-select.select-small,
.modify-password .pop-con .pop-body .user-fill .register-select.select-mini {
  width: 100%;
}
.modify-password .pop-con .pop-body .user-fill .register-select > i {
  display: inline-block;
  vertical-align: top;
  height: 7px;
  height: 0.07rem;
  width: 12px;
  width: 0.12rem;
  z-index: 99;
  top: 20px;
  top: 0.2rem;
  right: 8px;
  right: 0.08rem;
  position: absolute;
  background: url("../images/pages/registered/register-arrowDown.png") no-repeat center top;
}
.modify-password .pop-con .pop-body .user-fill .register-select .register-select-column {
  display: none;
  top: 47px;
  top: 0.47rem;
  left: -1px;
  left: -0.01rem;
  position: absolute;
  -webkit-box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.2);
  background: #fff;
  width: 360px;
  width: 3.6rem;
  border-radius: 3px;
  overflow: hidden;
  z-index: 988;
}
.modify-password .pop-con .pop-body .user-fill .register-select .register-select-column a {
  height: 40px;
  height: 0.4rem;
  line-height: 40px;
  line-height: 0.4rem;
  display: block;
  width: 360px;
  width: 3.6rem;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  color: #262e3d;
  margin: 0px;
  margin: 0rem;
  padding-left: 20px;
  padding-left: 0.2rem;
}
.modify-password .pop-con .pop-body .user-fill .register-select .register-select-column a:hover {
  background: #f2f2f2;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  color: #262e3d;
}
.modify-password .pop-con .pop-body .user-fill .register-select .register-select-column a.current {
  color: #247cd2;
}
.modify-password .pop-con .pop-body .user-fill .register-select.current .register-select-column {
  display: block;
}
.modify-password .pop-con .pop-body .user-fill .pop-btn.disabled {
  background: #b2ccdf;
  cursor: default;
}
.modify-password .pop-con .pop-body .pop-letter .pop-user-fill {
  width: 430px;
  width: 4.3rem;
  margin: 0 auto;
}
.modify-password .pop-con .pop-body .pop-letter .pop-user-fill h1 {
  font-size: 32px;
  font-size: 0.32rem;
}
.modify-password .pop-con .pop-body .pop-letter .pop-user-fill p {
  color: #515151;
  font-size: 14px;
  font-size: 0.14rem;
  margin: 10px 0px;
  margin: 0.1rem 0rem;
}
.modify-password .pop-con .pop-body .pop-letter .pop-file {
  margin: 0px auto 28px;
  margin: 0rem auto 0.28rem;
}
.modify-password .pop-con .pop-body .pop-letter .pop-file-block {
  margin: 30px auto 26px;
  margin: 0.3rem auto 0.26rem;
}
.modify-password .pop-con .pop-body .pop-letter .pop-file-block h4 {
  color: #b1b4bb;
  font-size: 14px;
  font-size: 0.14rem;
  margin-bottom: 10px;
  margin-bottom: 0.1rem;
}
.modify-password .pop-con .pop-body .pop-letter a {
  margin: 0px 8px 10px;
  margin: 0rem 0.08rem 0.1rem;
}
.modify-password .pop-con .pop-body .submit-success {
  margin: 35px 0;
  margin: 0.35rem 0;
}
.modify-password .pop-con .pop-body .modify-data {
  width: 540px;
  width: 5.4rem;
  margin: 15px auto 0px;
  margin: 0.15rem auto 0rem;
}
.modify-password .pop-con .pop-body .modify-data textarea {
  width: 520px;
  width: 5.2rem;
  border: 1px solid #e5e5e5;
  height: 260px;
  height: 2.6rem;
  padding: 10px;
  padding: 0.1rem;
  color: #262e3d;
  line-height: 26px;
  line-height: 0.26rem;
}
.modify-password .pop-con .pop-body .modify-data a {
  margin-top: 30px;
  margin-top: 0.3rem;
}
.modify-password .pop-con .pop-body .pop-import .letter-btn {
  margin-top: 20px;
  margin-top: 0.2rem;
}
.matched-corp .pop-con {
  top: 5%;
  width: 1036px;
  width: 10.36rem;
  margin-left: -518px;
  margin-left: -5.18rem;
}
.matched-corp .pop-con .pop-body {
  margin: 0px 48px;
  margin: 0rem 0.48rem;
}
.matched-corp .pop-con .pop-body .table-bar {
  position: relative;
  margin-top: 0px;
  margin-top: 0rem;
}
.matched-corp .pop-con .pop-body .table-bar p.float-start {
  color: #c2ddf7;
  position: relative;
  z-index: 2;
}
.matched-corp .pop-con .pop-body .table-bar p.float-start a {
  color: #247cd2;
}
.matched-corp .pop-con .pop-body .table-bar p.float-start a:hover {
  color: #005596;
}
.matched-corp .pop-con .pop-body .table-bar p.float-start a.disabled {
  color: #ceddf2;
  cursor: default;
}
.matched-corp .pop-con .pop-body .table-bar p.float-start a.disabled:hover {
  color: #ceddf2;
}
.matched-corp .pop-con .pop-body .table-bar .listed-font {
  position: absolute;
  width: 100%;
  text-align: center;
}
.matched-corp .pop-con .pop-body .table-main {
  position: relative;
}
.matched-corp .pop-con .pop-body .listed-table-list {
  height: 286px;
  height: 2.86rem;
  position: relative;
  overflow-y: auto;
}
.matched-corp .pop-con .pop-body .listed-shadow {
  height: 32px;
  height: 0.32rem;
  bottom: 0px;
  bottom: 0rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
  z-index: 0;
  width: 100%;
  point-events: none;
}
.matched-corp .pop-con .pop-body .table-list th {
  border-top: 2px solid #d3d8df;
}
.matched-corp .pop-con .pop-body .table-list td {
  padding: 10px 0px;
  padding: 0.1rem 0rem;
}
.matched-corp .pop-con .pop-body .table-list .checkbox {
  width: 18px;
  width: 0.18rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-left: 20px;
  margin-left: 0.2rem;
}
.matched-corp .pop-con .pop-body .table-list .title {
  height: 0px;
  height: 0rem;
  overflow: hidden;
}
.matched-corp .pop-con .pop-body .table-list .title th {
  border: 0;
}
.matched-corp .pop-con .pop-body .letter-btn {
  width: 360px;
  width: 3.6rem;
  margin: 20px auto 0px;
  margin: 0.2rem auto 0rem;
}
.matched-corp .pop-con .pop-body .letter-btn a {
  width: 100%;
}
.pop-brand .pop-con {
  width: 1030px;
  width: 10.3rem;
  padding: 0;
  top: 50%;
  margin-left: -515px;
  margin-left: -5.15rem;
  margin-top: -300px;
  margin-top: -3rem;
}
.pop-brand .pop-con .pop-body {
  padding-top: 0;
  margin: -20px 45px 0;
  margin: -0.2rem 0.45rem 0;
  padding-bottom: 35px;
  padding-bottom: 0.35rem;
}
.pop-brand .pop-con .pop-header {
  padding-left: 45px;
  padding-left: 0.45rem;
}
.pop-brand .pop-con .uitab-header {
  line-height: 56px;
  line-height: 0.56rem;
  margin-bottom: 30px;
  margin-bottom: 0.3rem;
  border-bottom: 1px solid #e5e5e5;
}
.pop-brand .pop-con .uitab-header > ul > li {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  font-size: 20px;
  font-size: 0.2rem;
  height: 56px;
  height: 0.56rem;
  line-height: 56px;
  line-height: 0.56rem;
  font-weight: bold;
  padding: 0px 10px 0px 10px;
  padding: 0rem 0.1rem 0rem 0.1rem;
  margin-right: 25px;
  margin-right: 0.25rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
  cursor: pointer;
  color: #262e3d;
  position: relative;
}
.pop-brand .pop-con .uitab-header > ul > li span {
  bottom: -1px;
  bottom: -0.01rem;
  left: 0px;
  left: 0rem;
  position: absolute;
  background: #005596;
  height: 2px;
  height: 0.02rem;
  width: 100%;
  display: none;
}
.pop-brand .pop-con .uitab-header > ul > li.current {
  color: #005596;
}
.pop-brand .pop-con .uitab-header > ul > li.current span {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
}
.pop-brand .pop-con .uitab-header .scree-btn {
  color: #262e3d;
  font-size: 20px;
  font-size: 0.2rem;
}
.pop-brand .pop-con .uitab-header .scree-btn i {
  margin-left: 10px;
  margin-left: 0.1rem;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *zoom: 1;
  margin-top: -4px;
  margin-top: -0.04rem;
  width: 15px;
  width: 0.15rem;
  height: 8px;
  height: 0.08rem;
  background-image: url(../images/sprite.png);
  background-position: 0px -28px;
  background-position: 0rem -0.28rem;
}
.pop-brand .pop-con .uitab-header .scree-btn.arrow-top i {
  background-position: 0px 0px;
}
.pop-brand .listed-table-list {
  margin: 0px -20px;
  margin: 0rem -0.2rem;
  height: 350px;
  height: 3.5rem;
  overflow: auto;
}
.pop-brand .listed-table-list .brand-list {
  display: none;
}
.pop-brand .listed-table-list .brand-list span {
  float: left;
  width: 220px;
  width: 2.2rem;
  height: 110px;
  height: 1.1rem;
  line-height: 108px;
  line-height: 1.08rem;
  margin-left: 20px;
  margin-left: 0.2rem;
  margin-bottom: 20px;
  margin-bottom: 0.2rem;
  text-align: center;
}
.pop-brand .listed-table-list .brand-list span a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.pop-brand .listed-table-list .brand-list span.current {
  line-height: 106px;
  line-height: 1.06rem;
}
.pop-brand .listed-table-list .brand-list span.current a {
  border: 2px solid #247cd2;
}
.pop-brand .listed-table-list .brand-list span.fav {
  opacity: 0.3;
}
.pop-brand .listed-table-list .brand-list span.fav a {
  cursor: not-allowed;
}
.pop-brand .letter-btn {
  width: auto;
  margin-top: 30px;
  margin-top: 0.3rem;
}
.pop-brand .letter-btn p.float-start {
  color: #c2ddf7;
  line-height: 52px;
  line-height: 0.52rem;
}
.pop-brand .letter-btn p.float-start a {
  color: #247cd2;
}
.pop-brand .letter-btn p.float-start a:hover {
  color: #005596;
}
.pop-brand .letter-btn p.float-start a.disabled {
  color: #ceddf2;
  cursor: default;
}
.pop-brand .letter-btn p.float-start a.disabled:hover {
  color: #ceddf2;
}
.pop-brand .letter-btn a {
  width: 360px;
  width: 3.6rem;
}

.page-of-air .map-levelzb {
  padding-left: 72px;
  padding-left: 0.72rem;
  width: 80px;
  width: 0.80rem;
  right: 66px;
  right: 0.66rem;
  bottom: 68px;
  bottom: 0.68rem;
  position: absolute;
  z-index: 2;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

/* 账户管理input-地区 */
.page-of-regulatory .space .select{
  line-height: 41px;
}
/* 用户标签区别 */
.type-user,.type-pt{
  display: inline-block;
  width: 105px;
  height: 36px;
  color: #fff;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  padding-left: 4px;
}
.type-user{
  background: url("../images/pages/user/icon-enterprise.png") no-repeat;
}
.type-pt{
  background: url("../images/pages/user/icon-ordinary.png") no-repeat;
}

/* 企业表现详情 */
.company-name{
  display: flex;
  justify-content: flex-start;
}
.li_ruo {
  font-weight:normal!important;
  font-size:0.16rem!important;
}
.yyzt, .yzx{
  background-color:#418ad6;
  color: #fff;
  padding:0 6px;
  font-size: 14px;
  line-height: 39px;
  margin-left: 15px;
}
.yzx{
  background-color:#99a3ab;
}
.credit-rating{
  display: flex;
  justify-content: flex-start;
  /*margin: 28px 0;*/
}
.credit-rating h3{
  font-size: 20px;
  color: #272e40;
  margin-right: 14px;
  line-height: 20px;
}
.credit-rating p{
  font-size: 13px;
  color: rgba(255,255,255,1);
  padding: 0 10px;
  margin-right: 1px;
}
.credit-rating p i{
  font-style: normal;
  display: block;
  line-height: 20px;
}
.highest{
  background: black;
}
.higher{
  background: #f55637;
}
.high{
  background: #fcca01;
}
.lower{
  background: #1fa1dd;
}
.low{
  background: #18c798;
}
.page-of-record .panel .uitab-wrap .uitab-header .supervise-list{
  /*display: flex;*/
  /*justify-content: space-between;*/
  margin-bottom: 20px;
}
.page-of-record .panel .uitab-wrap .uitab-header .supervise-list li,
.page-of-record .panel .uitab-wrap .uitab-header .seo-list a{
  /*display: block;*/
  margin-right: 20px;
  /*padding: 0;*/
}

/* 公共弹窗 */
.cancel-popup{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.3);
  z-index: 999;
  display: none;
}
.cancel-popup .cancel-popup-content{
  background: #fff;
  border-radius: 10px;
  padding: 30px 0;
  text-align: center;
  width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translateX(-50%) translateY(-50%);
}
.cancel-popup-content h3{
  font-size: 18px;
  color: #262e3d;
  margin-bottom: 16px;
}
.cancel-popup-content ol li{
  font-size: 15px;
  line-height: 30px;
  font-weight: bold;
  color: #005596;
}
.cancel-popup-content a{
  display: block;
  background: #005596;
  color: #fff;
  font-size: 18px;
  border-radius: 3px;
  font-weight: bold;
  line-height: 40px;
  width: 25%;
  margin: 30px auto 0;
}
.zhishu.water_level1{
 color :rgb(90,200,250);
 font-size: 16px;
 font-weight:bold;
}
.zhishu.water_level2{
 color :rgb(132,250,138);
 font-size: 16px;
 font-weight:bold;
}
.zhishu.water_level3{
 color :rgb(253,135,83);
 font-size: 16px;
 font-weight:bold;
}
.zhishu.water_level4{
 color :rgb(225,67,116);
 font-size: 16px;
 font-weight:bold;
}
.zhishu.water_level5{
 color :rgb(166,34,157);
 font-size: 16px;
 font-weight:bold;
}
.dengji.water_level1{
 background-color :rgb(90,200,250);
 font-size: 12px;
 font-weight:bold;
 color: #fff;
padding: 0 15px;
line-height: 39px;
margin-left: 2px;
}
.dengji.water_level2{
 background-color :rgb(132,250,138);
  font-size: 12px;
 font-weight:bold;
 color: #fff;
padding: 0 15px;
line-height: 39px;
margin-left: 2px;
}
.dengji.water_level3{
 background-color :rgb(253,135,83);
  font-size: 12px;
 font-weight:bold;
 color: #fff;
padding: 0 15px;
line-height: 39px;
margin-left: 2px;
}
.dengji.water_level4{
 background-color :rgb(225,67,116);
  font-size: 12px;
 font-weight:bold;
 color: #fff;
padding: 0 15px;
line-height: 39px;
margin-left: 2px;
}
.dengji.water_level5{
 background-color :rgb(166,34,157);
  font-size: 12px;
 font-weight:bold;
 color: #fff;
padding: 0 15px;
line-height: 39px;
margin-left: 2px;
}

/* 弹窗-insblue */
.modal-mask{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  position: fixed;
  bottom: 0;
  z-index: 9999;
  display: none;
}
.modal-mask .modal-content{
  width: 50%;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 6px;
  padding-bottom: 58px;
  outline: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}
.modal-mask .close-btn{
  position: absolute;
  right: 15px;
  top: 7px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}
.modal-mask .logo{
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F0F2F6;
  border-radius: 6px 6px 0 0;
  padding: 50px;
}
.modal-mask .blueMap-logo{
  display: flex;
  align-items: center;
  padding-right: 74px;
  margin-right: 74px;
  border-right: 1px solid rgba(0,0,0,.2);
}
.modal-mask .blueMap-logo h2{
  font-size: 26px;
  line-height: 28px;
  color: #000000;
  margin-bottom: 6px;
}
.modal-mask .blueMap-logo h3{
  font-size: 12px;
  line-height: 14px;
  color: #000000;
}
.modal-mask .logo .bluemap{
  width: 55px;
  margin-right: 14px;
}
.modal-mask .logo .insblue{
  height: 60px;
}
.modal-mask h6{
  color: #000;
  font-size: 22px;
  line-height: 24px;
  margin: 64px 0 20px;
}
.modal-mask p{
  line-height: 24px;
  font-size: 14px;
  color: #000;
}
.modal-mask .flex{
  display: flex;
  justify-content: center;
}
.modal-mask .flex a{
  display: block;
  width: 150px;
  height: 50px;
  line-height: 50px;
  border-radius: 6px;
  text-align: center;
  font-size: 16px;
  margin: 50px 50px 0;
}
.modal-mask .btn-br{
  border: 1px solid #005696;
  color: #005696;
}
.modal-mask .btn-bg{
  background: #005696;
  color: #fff;
}


/* 公共loading样式 */
.pieDiv {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-weight: bold;
  color: white;
  font-size: 18px;
}
.pieSpan {
  margin-top: 30px;
  margin-left: 2px;
  width: 40px;
  height: 20px;
}
.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.6);
  z-index: 999999;
}
.loading p {
  width: 250px;
  min-height: 22px;
  text-align: center;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  border-radius: 7px;
  padding: 20px 15px;
  font-size: 14px;
  color: #999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translateX(-50%) translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  /*animation: animate 0.5s linear infinite;*/
}
.loading p:before{
  display: block;
  content: '';
  width: 15px;
  height: 15px;
  background: url(/common/images/common/loading.gif) no-repeat;
  background-size: 100%;
  margin-right: 10px;
}
@keyframes animate {

  0%,
  25% {
    text-shadow: 2px 2px 2px #005596;
  }

  50% {
    text-shadow: 2px -2px 2px #005596;
  }

  75% {
    text-shadow: -2px 2px 2px #005596;
  }

  100% {
    text-shadow: -2px -2px 2px #005596;
  }
}

/* 公安备案 */
.beian{
	display: flex;
	align-items: center;
	justify-content: center;
}
.beian b{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/common/icon-beian.png) no-repeat;
	margin-right: 2px;
}

/*忘记密码*/
.page-of-forget-password .panel .forget-step .step{
	width: 600px;
	margin: 0 auto;
}
.page-of-forget-password .panel .forget-step .dx_captcha{
	width: 370px!important;
}

