.macro-convert-pie-btn {
  display: inline-block;
  height: 26px;
  padding: 0 4px;
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  border: 1px solid #999999;
  border-radius: 2px;
  cursor: pointer;
}

.macro-convert-pie-btn.disable {
  color: #CCCCCC;
  border-color: #CCCCCC;
  cursor: not-allowed;
}

.macro-convert-pie-btn.disable:hover {
  color: #CCCCCC;
  border-color: #CCCCCC;
}

.macro-convert-pie-btn:hover {
  color: #32b8f5;
  border-color: #32b8f5;
}

.macro-range-btn {
  display: inline-block;
  position: relative;
}

.macro-range-btn .label {
  cursor: pointer;
}

.macro-compare-btn {
  display: inline-block;
  position: relative;
}

.macro-compare-btn .compare-area-container {
  position: absolute;
  width: 536px;
  top: 100%;
  margin-top: 8px;
  left: 100%;
  margin-left: -456px;
  min-height: 156px;
  background: #FFFFFF;
  border: 1px solid #E4EEF6;
  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  z-index: 996;
}

.macro-compare-btn .compare-area-container .title-container {
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding: 0 24px;
  border-bottom: 1px solid #E4EEF6;
}

.macro-compare-btn .compare-area-container .content-container {
  width: 560px;
  padding: 20px 24px;
  line-height: 36px;
}

.macro-compare-btn .compare-area-container .content-container .area-item {
  display: inline-block;
  font-size: 14px;
  color: #7F8089;
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
  margin-right: 24px;
  cursor: pointer;
}

.macro-compare-btn .compare-area-container .content-container .area-item:hover {
  color: #32B8F5;
}

.macro-compare-btn .compare-area-container .content-container .area-item.active {
  color: #32B8F5;
}

.macro-compare-btn .compare-area-container .foot-container {
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding: 0 24px;
  border-top: 1px solid #E4EEF6;
  float: right;
  text-align: right;
}

.macro-compare-btn .compare-area-container .foot-container .close-btn {
  display: inline-block;
  width: 56px;
  height: 28px;
  line-height: 26px;
  border: 1px solid #32B8F5;
  border-radius: 2px;
  font-size: 14px;
  color: #32B8F5;
  cursor: pointer;
  text-align: center;
}

.macro-compare-btn .compare-area-container .foot-container .confirm-btn {
  display: inline-block;
  width: 56px;
  height: 28px;
  line-height: 26px;
  border: 1px solid #32B8F5;
  border-radius: 2px;
  background-color: #32B8F5;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
}

.macro-compare-btn .compare-area-container .foot-container .confirm-btn.disable {
  border: 1px solid rgb(239, 239, 239);
  background-color: rgb(239, 239, 239);
  color: #cccccc;
  cursor: not-allowed;
}

.macro-select-area-btn {
  display: inline-block;
  border: 1px solid #32B8F5;
  border-radius: 2px;
  height: 24px;
  line-height: 22px;
  font-size: 12px;
  color: #32B8F5;
  padding: 0 8px;
  vertical-align: middle;
  margin-left: 8px;
}

.macro-select-area-btn .close-btn {
  cursor: pointer;
}

.macro-select-area-btn.title-btn {
  height: 26px;
  line-height: 24px;
  vertical-align: baseline;
}

.macro-container .intro-head-b1 {
  margin-bottom: 24px;
  margin-top: 32px;
}

.back-to-top-container {
  position: fixed;
  left: 50%;
  top: 100%;
  margin-top: -432px;
  margin-left: 624px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 8px 0 rgba(29, 30, 37, 0.11);
  box-shadow: 0 2px 8px 0 rgba(29, 30, 37, 0.11);
  text-align: center;
}

.back-to-top-container .item {
  font-size: 12px;
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
  padding: 5px 10px;
  cursor: pointer;
}

.back-to-top-container .item:hover {
  color: #32B8F5;
}

.back-to-top-container .item.-active {
  color: #32B8F5;
}

.js-company-navigation-macro {
  height: 64px;
  padding: 0 24px;
  padding-top: 24px;
  min-height: 64px;
}

.js-company-navigation-macro .item {
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  margin-right: 32px;
  display: inline-block;
  cursor: pointer;
}

.js-company-navigation-macro .item:hover {
  color: #32B8F5;
}

.js-company-navigation-macro .item.active {
  position: relative;
  color: #32B8F5;
}

.js-company-navigation-macro .item.active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #32B8F5;
  left: 0;
  bottom: -8px;
}

.js-company-navigation-macro .macro-filter-selected-container {
  width: 100%;
  max-height: 76px;
  height: auto;
  margin-top: 20px;
  line-height: 34px;
  overflow: hidden;
  overflow-y: auto;
}

.js-company-navigation-macro .macro-filter-selected-container .selected-item {
  border: 1px solid #32B8F5;
  border-radius: 2px;
  line-height: 22px;
  padding: 0 8px;
  font-size: 12px;
  color: #32B8F5;
  display: inline-block;
  margin-right: 8px;
}

.js-company-navigation-macro .macro-filter-selected-container .selected-item .tooltip-wrapper {
  position: absolute;
  visibility: hidden;
}

.js-company-navigation-macro .macro-filter-selected-container .selected-item .tooltip-container {
  display: block;
  position: relative;
  top: 15px;
  left: -8px;
  padding: 10px;
  max-width: 230px;
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  -webkit-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  color: #333333;
  line-height: 18px;
}

.js-company-navigation-macro .macro-filter-selected-container .selected-item .tooltip-container .top-arrow-icon {
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-left: 20px;
  width: 18px;
  height: 10px;
  background-image: url("/standard/images/top-arrow-icon.png");
  background-size: cover;
}

.js-company-navigation-macro .macro-filter-selected-container .selected-item:hover .tooltip-wrapper {
  visibility: visible;
}

.js-company-navigation-macro .macro-filter-selected-container .selected-close-btn {
  font-size: 14px;
  margin-left: 5px;
  cursor: pointer;
}

.js-company-navigation-macro .show-macro-filter-selected-btn {
  width: 100%;
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  text-align: center;
  padding: 8px 0;
  cursor: pointer;
}

.js-company-navigation-macro.-height-auto {
  height: auto;
}

.search-check-label {
  cursor: pointer;
}

.search-check-label.-active + .tic {
  color: #32B8F5;
}

.search-check-label.-disable {
  cursor: not-allowed;
  color: #cccccc;
}

.macro-open-filter-btn {
  float: right;
  line-height: 24px;
  color: #32B8F5;
  cursor: pointer;
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
}

.fixed-container {
  display: none;
}

.fixed-container.-in-show-fixed {
  display: inherit;
  height: calc(100% - 134px);
  overflow: auto;
}

.fixed-container.-in-show-fixed::-webkit-scrollbar {
  display: none;
}

.fixed-container.-in-show-fixed-compare {
  display: inherit;
  height: calc(100% - 64px);
  overflow: auto;
}

.fixed-container.-in-show-fixed-compare::-webkit-scrollbar {
  display: none;
}

._macro_search_title_container {
  position: absolute;
  top: 0;
  width: 1200px;
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
  padding: 0 24px;
  z-index: 994;
  background-color: #ffffff;
}

._macro_search_title_container .search-title {
  font-size: 16px;
  line-height: 28px;
  color: #333333;
  display: inline-block;
}

._macro_search_title_container .search-btn {
  float: right;
  width: 80px;
  height: 28px;
  padding: 0;
  border: 1px solid #32B8F5;
  border-radius: 2px;
  background: #fff;
  color: #32B8F5;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 26px;
  cursor: pointer;
  margin-top: 16px;
}

._macro_search_title_container .search-btn.-clear {
  right: 104px;
  margin-right: 8px;
}

._macro_search_title_container .search-btn.-search {
  background: #32B8F5;
  color: #fff;
}

._macro_search_title_container .search-btn.-compare {
  background: #32B8F5;
  color: #fff;
}

._macro_search_title_container .search-btn.-disable {
  color: #cccccc;
  border: 1px solid #efefef;
  background: #efefef;
  cursor: not-allowed;
}

.macro-publicmsg-noGraph {
  border: 1px solid #E4EEF6;
  height: 382px;
  background: url(https://cdn.tianyancha.com/std-require-js/public/images/intelligence-watermark-beta1.png) !important;
}

.macro_screen_container {
  position: relative;
  width: 100% !important;
  height: 100vh !important;
  min-width: 1440px;
  min-height: 900px;
  background-image: url("/std-require-js/public/images/macro_screen_bkg_beta2.jpg");
  background-repeat: round;
  overflow: hidden;
}

.macro_screen_container .screen_header {
  position: relative;
  width: 100% !important;
  height: 8% !important;
  text-align: center;
  overflow: hidden;
  background: url("/std-require-js/public/images/screen_top2.png");
  background-size: 100% 100%;
}

.macro_screen_container .screen_header .screen_header_con {
  height: 88%;
  z-index: 2;
  font-weight: 900;
  font-size: 36px;
  color: #FFE2A2;
  letter-spacing: 8px;
  vertical-align: middle;
  text-shadow: 0 2px 4px rgba(14, 44, 63, 0.3);
}

.macro_screen_container .screen_header .screen_header_con:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.macro_screen_container .screen_header .screen_header_con.-back {
  font-size: 14px;
  color: #F6C65D;
  letter-spacing: 0;
}

.macro_screen_container .screen_header .screen_header_bg {
  position: absolute;
  width: 100%;
  height: 48.077%;
  background: #172676;
}

.macro_screen_container .screen_header .screen_header_resize_con {
  position: absolute;
  top: 0;
  right: 32px;
  height: 88%;
  font-size: 0;
  z-index: 3;
}

.macro_screen_container .screen_header .screen_header_resize_con .screen_header_resize {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #F6C65D;
}

.macro_screen_container .screen_header .screen_header_resize_con .screen_header_resize.-split {
  color: rgba(248, 208, 121, 0.4);
}

.macro_screen_container .screen_header .screen_header_resize_con:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.macro_screen_container .screen_header .screen_header_logo_con {
  position: absolute;
  top: 0;
  left: 24px;
  height: 88%;
  font-size: 0;
  z-index: 3;
}

.macro_screen_container .screen_header .screen_header_logo_con:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.macro_screen_container .screen_content_container {
  position: relative;
  width: 100% !important;
  height: 92% !important;
}

.macro_screen_container .screen_content_container .screen_side_content_container {
  display: inline-block;
  height: 100% !important;
  width: calc((100% - 96px) / 4) !important;
  float: left;
}

.macro_screen_container .screen_content_container .screen_center_content_container {
  display: inline-block;
  height: 100% !important;
  width: calc((100% - 96px) / 2 + 20px) !important;
  float: left;
}

.macro_screen_container .screen_content_container .screen_side_item {
  width: 100% !important;
  height: calc((100% - 68px) / 3);
  -webkit-box-shadow: inset 0 1px 50px 0 rgba(62, 99, 181, 0.31);
  box-shadow: inset 0 1px 50px 0 rgba(62, 99, 181, 0.31);
}

.macro_screen_container .screen_content_container .screen_side_item.-solid {
  height: 174px;
}

.macro_screen_container .screen_content_container .screen_side_item.-small {
  height: calc((100% - 82px - 174px) / 3);
}

.macro_screen_container .screen_content_container .screen_center_item_bg {
  width: 100% !important;
  height: calc((100% - 68px) / 3 * 2 + 14px);
}

.macro_screen_container .screen_content_container .screen_item_container {
  position: relative;
}

.macro_screen_container .screen_content_container .screen_item_container .screen_item_header {
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #F9D689;
  background-image: url("/std-require-js/public/images/screen_item_header_bg1.png");
  background-repeat: no-repeat;
}

.macro_screen_container .screen_content_container .screen_item_container ._canvas_container {
  width: 100%;
  height: calc(100% - 36px);
}

.macro_screen_container .screen_content_container .screen_item_container .screen_item_no_data {
  color: #fff;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  font-size: 18px;
}

.macro_screen_container .screen_content_container .screen_tag_btn {
  width: calc(100% - 48px);
  height: 36px;
  background: url(https://cdn.tianyancha.com/std-require-js/public/images/macro_screen_tag.png);
  background-size: 100% 72px;
  text-align: center;
}

.macro_screen_container .screen_content_container .screen_tag_btn.-checked {
  background-position: 0 -36px;
}

.macro_screen_container .screen_content_container .screen_tag_btn:hover {
  background-position: 0 -36px;
}

.macro_screen_container .screen_content_container .screen_tag_btn .title,
.macro_screen_container .screen_content_container .screen_tag_btn .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .macro_screen_container .screen_content_container .screen_tag_btn .reg-title,
.macro_screen_container .screen_content_container .screen_tag_btn .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .macro_screen_container .screen_content_container .screen_tag_btn .reg-title,
.macro_screen_container .screen_content_container .screen_tag_btn .login-blue2 .reg-title,
.login-blue2 .macro_screen_container .screen_content_container .screen_tag_btn .reg-title {
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}

.macro_screen_container .screen_content_container .screen_tag_btn .count {
  font-size: 24px;
  color: #0FD8FA;
  letter-spacing: 2px;
  line-height: 36px;
  font-weight: 600;
}

.macro_screen_container .screen_content_container .screen_agg {
  width: 100%;
  z-index: 2;
}

.macro_screen_container .screen_content_container .screen_agg .screen_agg_all {
  height: 50px;
  line-height: 50px;
}

.macro_screen_container .screen_content_container .screen_agg .screen_agg_all .title,
.macro_screen_container .screen_content_container .screen_agg .screen_agg_all .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .macro_screen_container .screen_content_container .screen_agg .screen_agg_all .reg-title,
.macro_screen_container .screen_content_container .screen_agg .screen_agg_all .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .macro_screen_container .screen_content_container .screen_agg .screen_agg_all .reg-title,
.macro_screen_container .screen_content_container .screen_agg .screen_agg_all .login-blue2 .reg-title,
.login-blue2 .macro_screen_container .screen_content_container .screen_agg .screen_agg_all .reg-title {
  position: relative;
  top: 13px;
}

.macro_screen_container .screen_content_container .screen_agg .screen_agg_all .count {
  position: relative;
  width: 40px;
  height: 50px;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 #FFBDCA;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 #FFBDCA;
  border-radius: 2px;
  font-size: 38px;
  font-weight: 600;
  color: #FEB707;
}

.macro_screen_container .screen_content_container .screen_agg .screen_agg_all .count:before {
  content: "";
  position: absolute;
  left: 0;
  top: 24px;
  width: 40px;
  height: 2px;
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/split_line.png");
  background-size: 100% 100%;
  z-index: 5;
}

.macro_screen_container .screen_content_container .screen_agg .screen_agg_all .count:nth-last-child(3n+1) {
  position: relative;
}

.macro_screen_container .screen_content_container .screen_agg .screen_agg_all .count:nth-last-child(3n+1):after {
  position: absolute;
  bottom: -5px;
  right: -6px;
  content: ",";
  font-size: 18px;
  color: #FEB707;
  opacity: 0.5;
}

.macro_screen_container .screen_content_container .screen_agg .screen_agg_all .count:last-child:after {
  content: "";
}

.macro_screen_container .screen_content_container .screen_agg .screen_agg_all .count:last-child {
  margin-right: 0;
}

.macro_screen_container .screen_content_container .screen_agg .screen_agg_back {
  width: 48px;
  height: 22px;
  border: 1px solid #F9D27D;
  border-radius: 2px;
  color: #F9D27D;
  font-size: 14px;
  line-height: 21px;
}

.macro_screen_container .screen_back_btn {
  padding: 0 8px;
  height: 22px;
  border: 1px solid #F9D27D;
  border-radius: 2px;
  color: #F9D27D;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  cursor: pointer;
}

.macro_screen_container .map-toolox {
  bottom: 10px;
  right: 32px;
  width: 24px;
  height: 94px;
}

.macro_screen_container .map-toolox .map-toolox-icon {
  width: 24px;
  height: 24px;
}

.macro_screen_container .map-toolox .map-toolox-icon img:first-child {
  display: block;
}

.macro_screen_container .map-toolox .map-toolox-icon img:last-child {
  display: none;
}

.macro_screen_container .map-toolox .map-toolox-icon:first-child:hover .map-toolox-icon-tooltip {
  display: block;
}

.macro_screen_container .map-toolox .map-toolox-icon:hover img:first-child {
  display: none;
}

.macro_screen_container .map-toolox .map-toolox-icon:hover img:last-child {
  display: block;
}

.macro_screen_container .map-toolox .map-toolox-icon-tooltip {
  display: none;
  left: -152px;
  top: -5px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 34px;
  white-space: nowrap;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
}

.macro_screen_container .map-toolox .map-toolox-icon-tooltip:after {
  content: "";
  position: absolute;
  top: 13px;
  right: -8px;
  width: 8px;
  height: 8px;
  border: 4px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.5);
}

.macro-region {
  width: 100%;
  background: #000D42;
  overflow: hidden;
}

.macro-region .macro-menu-container {
  z-index: 1;
  background: #041A72;
  border: 1px solid #142E97;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.41);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.41);
}

.macro-region .macro-menu-container .macro-menu-title-container .macro-title {
  color: #ffffff;
}

.macro-region .macro-menu-container .macro-menu-item-container .macro-menu-item {
  color: #ffffff;
}

.macro-region .macro-menu-container .macro-menu-item-container .macro-menu-item:hover {
  background: transparent;
}

.macro-region .macro-menu-container .macro-menu-item-container .macro-menu-child-item {
  color: #ffffff;
}

.macro-region .macro-region-header {
  position: fixed;
  width: 100%;
  height: 64px;
  background: #24262B;
  z-index: 2;
}

.macro-region .macro-region-header .macro-header-icon {
  height: 22px;
  line-height: 22px;
  position: absolute;
  left: 24px;
  top: 21px;
  cursor: pointer;
  border-right: none;
  text-align: center;
  color: #FFD799;
  font-size: 16px;
}

.macro-region .macro-region-header .macro-header-icon:hover .console {
  display: block;
}

.macro-region .macro-region-header .macro-header-icon .console {
  display: none;
  margin-left: -16px;
}

.macro-region .macro-region-header .macro-header-icon .console_container {
  background: #fff;
  line-height: 22px;
  -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
}

.macro-region .macro-region-header .macro-header-icon .console_container .item {
  color: #333;
  white-space: nowrap;
}

.macro-region .macro-region-header .macro-header-icon .console_container .item:hover {
  color: #32b8f5;
}

.macro-region .macro-region-bg {
  position: absolute;
  width: 100%;
  min-height: 70.0521vw;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/macroRegion/bg.jpg");
  background-size: 100% 100%;
}

.macro-region .macro-region-container {
  position: relative;
  width: 1200px;
  margin: 88px auto 24px;
}

.macro-region .macro-region-nav {
  position: relative;
}

.macro-region .macro-region-nav .macro-region-nav-top {
  height: 10px;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/macroRegion/nav_top_bg.png");
  background-size: 100% auto;
}

.macro-region .macro-region-nav .macro-region-nav-con {
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/macroRegion/nav_con_bg.png");
  background-size: 100% 100%;
}

.macro-region .macro-region-nav .macro-region-nav-bottom {
  height: 30px;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/macroRegion/nav_bottom_bg.png");
  background-size: 100% auto;
}

.macro-region .macro-region-map {
  margin-left: 1px;
  width: 1198px;
  height: 464px;
}

.macro-region .macro-region-map .chart-map {
  width: 100%;
  height: 100%;
}

.macro-region .macro-region-map .map-bar {
  right: 32px;
  width: 60px;
  height: 26px;
  border-radius: 2px;
  line-height: 26px;
  color: #fff;
  background: #3774D4;
}

.macro-region .macro-region-map .map-bar.-resize {
  top: 350px;
}

.macro-region .macro-region-map .map-bar.-expend {
  top: 392px;
}

.macro-region .macro-region-map .map-bar.-reduce {
  top: 432px;
}

.macro-region .macro-region-map .map-bar.-disable {
  color: rgba(255, 255, 255, 0.5);
  background: #133A98;
}

.macro-region .macro-region-map .map-bar:hover {
  background: #5A94F1;
}

.macro-region .macro-region-map .map-bar.-disable:hover {
  color: rgba(255, 255, 255, 0.5);
  background: #133A98;
}

.macro-region .macro-region-map .map-nav {
  left: 22px;
  top: 12px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: #DBBC77;
}

.macro-region .macro-region-map .map-nav .tic {
  font-weight: normal;
}

.macro-region .macro-region-map .map-nav .in-block:last-child span {
  cursor: default;
}

.macro-region .macro-region-map .map-nav .in-block:last-child .tic {
  display: none;
}

.macro-region .macro-region-condition {
  padding: 0 16px 0 32px;
  font-size: 14px;
  line-height: 28px;
  color: #fff;
}

.macro-region .macro-region-condition .inline-container {
  width: 1061px;
}

.macro-region .macro-region-condition .item {
  padding: 0 6px;
  font-size: 12px;
  line-height: 26px;
  background: rgba(55, 116, 212, 0.3);
  border: 1px solid #4C64DC;
  border-radius: 2px;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  /*早期浏览器*/
  user-select: none;
}

.macro-region .macro-region-condition .item:hover .tic {
  color: #5A94F1;
}

.macro-region .macro-region-condition .item.-btn {
  padding: 0 14px;
}

.macro-region .macro-region-condition .item.-btn.-active {
  background: #5997F8;
  border-color: #5997F8;
}

.macro-region .macro-region-condition .item.-input {
  border: none;
  background: transparent;
}

.macro-region .macro-region-condition .item.-input input {
  width: 56px;
  padding: 4px 8px;
  line-height: 18px;
  background: rgba(55, 116, 212, 0.3);
  border: 1px solid #4C64DC;
  border-radius: 2px;
}

.macro-region .macro-region-condition .item.-input input:focus {
  outline: 0 !important;
}

.macro-region .macro-region-condition .item.-input.-active input {
  background: rgba(89, 151, 248, 0.3);
  border: 1px solid #5997F8;
}

.macro-region .macro-region-condition .item.-add {
  border: 1px dashed #9BABFD;
  color: #9BABFD;
  background: transparent;
}

.macro-region .macro-region-condition .item.-add:hover {
  color: #5997F8;
  border-color: #5997F8;
}

.macro-region .macro-region-condition .item.-add:hover .tic {
  color: #5997F8;
}

.macro-region .macro-region-handle .in-block {
  width: 127px;
  height: 44px;
}

.macro-region .macro-region-handle .in-block.-next .normal {
  display: block;
}

.macro-region .macro-region-handle .in-block.-next .hover {
  display: none;
}

.macro-region .macro-region-handle .in-block.-next .disable {
  display: none;
}

.macro-region .macro-region-handle .in-block.-next:hover .normal {
  display: none;
}

.macro-region .macro-region-handle .in-block.-next:hover .hover {
  display: block;
}

.macro-region .macro-region-handle .in-block.-next:hover .disable {
  display: none;
}

.macro-region .macro-region-handle .in-block.-next.-disable .normal {
  display: none;
}

.macro-region .macro-region-handle .in-block.-next.-disable .hover {
  display: none;
}

.macro-region .macro-region-handle .in-block.-next.-disable .disable {
  display: block;
  cursor: not-allowed;
}

.macro-region .macro-region-handle .in-block.-next.-disable:hover .normal {
  display: none;
}

.macro-region .macro-region-handle .in-block.-next.-disable:hover .hover {
  display: none;
}

.macro-region .macro-region-handle .in-block.-next.-disable:hover .disable {
  display: block;
}

.macro-region .macro-region-handle .in-block.-search .normal {
  display: block;
}

.macro-region .macro-region-handle .in-block.-search .hover {
  display: none;
}

.macro-region .macro-region-handle .in-block.-search .disable {
  display: none;
}

.macro-region .macro-region-handle .in-block.-search:hover .normal {
  display: none;
}

.macro-region .macro-region-handle .in-block.-search:hover .hover {
  display: block;
}

.macro-region .macro-region-handle .in-block.-search:hover .disable {
  display: none;
}

.macro-region .macro-region-handle .in-block.-search.-disable .normal {
  display: none;
}

.macro-region .macro-region-handle .in-block.-search.-disable .hover {
  display: none;
}

.macro-region .macro-region-handle .in-block.-search.-disable .disable {
  display: block;
  cursor: not-allowed;
}

.macro-region .macro-region-handle .in-block.-search.-disable:hover .normal {
  display: none;
}

.macro-region .macro-region-handle .in-block.-search.-disable:hover .hover {
  display: none;
}

.macro-region .macro-region-handle .in-block.-search.-disable:hover .disable {
  display: block;
}

.macro-region-select {
  font-size: 0;
  color: #333333;
  line-height: 24px;
}

.macro-region-select .title,
.macro-region-select .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .macro-region-select .reg-title,
.macro-region-select .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .macro-region-select .reg-title,
.macro-region-select .login-blue2 .reg-title,
.login-blue2 .macro-region-select .reg-title {
  font-size: 14px;
}

.macro-region-select .area-container {
  width: calc(100% - 70px);
}

.macro-region-select .area-container-in {
  width: calc(100% + 8px);
}

.macro-region-select .area-container-in .item {
  padding: 0 8px;
  border: 1px solid #32B8F5;
  border-radius: 2px;
  font-size: 12px;
  line-height: 22px;
  color: #32B8F5;
}

.macro-region-select .area-box {
  font-size: 14px;
  height: 228px;
  border: 1px solid #E4EEF6;
}

.macro-region-select .area-box .area-box-header {
  padding: 0 16px;
  line-height: 32px;
  color: #333333;
  background: #F6F9FC;
}

.macro-region-select .area-box .area-box-container {
  padding: 16px;
  padding-left: 0;
  height: 194px;
  overflow: scroll;
}

.macro-region-select .btn-container .btn {
  width: 120px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border-radius: 2px;
  font-size: 14px;
}

.macro-region-select .btn-container .btn.cancel-btn {
  border: 1px solid #E0E0E0;
  color: #333333;
}

.macro-region-select .btn-container .btn.confirm-btn {
  background-color: #32B8F5;
  color: #ffffff;
}

.macro-region-nodata {
  width: 1200px;
  height: 472px;
  padding-top: 86px;
  margin: 0 auto 24px;
  background: rgba(6, 33, 138, 0.5);
  border: 1px solid rgba(39, 78, 237, 0.5);
}

.macro-region-nodata .text {
  opacity: 0.86;
  font-weight: 600;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 30px;
}

.macro-region-res .con {
  padding: 24px;
  background: rgba(6, 33, 138, 0.5);
  border: 1px solid rgba(39, 78, 237, 0.5);
}

.macro-region-res .con div:first-child .chart:before {
  margin: 0;
  border: none;
}

.macro-region-res .chart .chart-title {
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
}

.macro-region-res .chart .chart-logo {
  margin-top: -42px;
}

.macro-region-res .chart:before {
  display: block;
  content: "";
  margin: 32px 0;
  width: 100%;
  border-top: 1px dashed #203595;
}

.macro-region-res .chart .chart-tabs {
  width: 1162px;
}

.macro-region-res .chart .chart-tabs .tab {
  background: rgba(55, 116, 212, 0.3);
  border: 1px solid #4C64DC;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 18px;
  padding: 5px 11px;
}

.macro-region-res .chart .chart-tabs .tab.active {
  background: #5997F8;
  border-color: #5997F8;
}

.macro-region-res .chart .chart-selects .chart-select {
  height: 32px;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 18px;
  font-weight: 600;
}

.macro-region-res .chart .chart-selects .chart-select:hover .chart-select-option {
  display: block;
}

.macro-region-res .chart .chart-selects .chart-select-title {
  width: 288px;
  height: 30px;
  padding: 5px 11px;
  background: rgba(55, 116, 212, 0.3);
  border: 1px solid #4C64DC;
  border-radius: 2px;
}

.macro-region-res .chart .chart-selects .chart-select-option {
  display: none;
  top: 32px;
  background: #123288;
  border: 1px solid #4C64DC;
  border-radius: 2px;
  padding: 3px 0;
  width: 288px;
  max-height: 218px;
  overflow: scroll;
  z-index: 3;
}

.macro-region-res .chart .chart-selects .chart-select-option .chart-select-item {
  padding: 6px 11px;
}

.macro-region-res .chart .chart-selects .chart-select-option .chart-select-item.-active {
  color: #5C86FF;
}

.macro-region-res .chart .chart-selects .chart-select-option .chart-select-item:hover {
  background: rgba(122, 159, 255, 0.4);
}

.macro-region-navigation {
  bottom: calc(20% + 38px);
  left: calc(50% + 630px);
  width: 68px;
  background: #041766;
  border: 1px solid #142E97;
}

.macro-region-navigation .macro-region-navigation-item {
  padding: 6px 0;
  font-size: 12px;
  color: #7E8CC9;
  letter-spacing: 0;
  line-height: 22px;
}

.macro-region-navigation .macro-region-navigation-item.-active {
  color: #FFF;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/macroRegion/nav-hover-bg.png");
  background-size: 66px 34px;
}

.macro-region-navigation .macro-region-navigation-item:hover {
  color: #FFF;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/macroRegion/nav-hover-bg.png");
  background-size: 66px 34px;
}

.macro-region-top {
  bottom: 20%;
  left: calc(50% + 630px);
  width: 68px;
  height: 34px;
  background: #041766;
  border: 1px solid #142E97;
  padding: 6px 0;
  font-size: 12px;
  color: #7E8CC9;
  letter-spacing: 0;
  line-height: 20px;
}

.macro-region-top:hover {
  color: #FFF;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/macroRegion/nav-hover-bg.png");
  background-size: 66px 32px;
}

.macro-report-step-container {
  width: 100%;
  height: 138px;
  text-align: center;
}

.macro-report-step-container .macro-report-step-group {
  height: 100%;
  width: 110px;
  display: inline-block;
  padding-top: 35px;
  overflow: hidden;
}

.macro-report-step-container .macro-report-step-group .macro-report-step-circular {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  line-height: 39px;
  opacity: 0.4;
  background: #154AC3;
  border: 1px solid #56A0F5;
  font-size: 16px;
  color: #FFFFFF;
}

.macro-report-step-container .macro-report-step-group .macro-report-step-desc {
  margin-top: 27px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  opacity: 0.4;
  text-align: center;
}

.macro-report-step-container .macro-report-step-group.-active .macro-report-step-circular {
  background: #3774D4;
  border: 1px solid #3578C4;
  opacity: 1;
}

.macro-report-step-container .macro-report-step-group.-active .macro-report-step-desc {
  opacity: 1;
}

.macro-report-step-container .macro-report-step-split-line {
  width: 205px;
  display: inline-block;
  opacity: 0.4;
  border-top: 1px dashed #56A0F5;
  vertical-align: top;
  margin-top: 55px;
}

.macro-report-container-border {
  border: 1px solid rgba(39, 78, 237, 0.5);
  background: rgba(6, 33, 138, 0.5);
  padding-bottom: 32px;
}

.macro-report-select-date-container {
  position: relative;
  height: 609px;
  padding-top: 102px;
  padding-left: 230px;
  padding-right: 230px;
}

.macro-report-select-date-container .macro-report-select-date-desc {
  position: relative;
}

.macro-report-select-date-container .macro-report-select-date-desc:after {
  content: "";
  width: 1px;
  height: 14px;
  position: absolute;
  right: -16px;
  top: 4px;
  background-color: #f3f3f3;
  opacity: 0.3;
}

.macro-report-select-date-container .macro-report-select-date-text {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 22px;
}

.macro-report-select-date-container .macro-report-select-date-component {
  position: relative;
  width: 622px;
  display: inline-block;
}

.macro-report-select-date-container .macro-report-select-date-component .macro-report-select-date-check-box {
  height: 36px;
  width: 100%;
  background: rgba(55, 116, 212, 0.3);
  border: 1px solid #4C64DC;
  border-radius: 2px;
  overflow: hidden;
  vertical-align: middle;
  opacity: 0.7;
  font-family: PingFangSC-Medium;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 34px;
  padding: 0 8px;
}

.macro-report-select-date-container .macro-report-select-date-component .macro-report-select-date-check-item-container {
  position: absolute;
  top: 44px;
  left: 0;
  width: 100%;
  background: #123A9A;
  border: 1px solid #4C64DC;
  border-radius: 2px;
  padding: 32px;
  padding-top: 24px;
}

.macro-report-select-date-container .macro-report-select-date-component .macro-report-select-date-check-item-container .macro-report-select-date-check-item {
  display: inline-block;
  width: 73px;
  height: 28px;
  background: rgba(55, 116, 212, 0.3);
  border: 1px solid #4C64DC;
  border-radius: 2px;
  text-align: center;
  line-height: 26px;
  font-size: 12px;
  color: #FFFFFF;
  cursor: pointer;
  margin-right: 24px;
  margin-top: 24px;
}

.macro-report-select-date-container .macro-report-select-date-component .macro-report-select-date-check-item-container .macro-report-select-date-check-item.-active {
  background: #5997F8;
  border: 1px solid #5997F8;
}

.macro-report-select-date-container .macro-report-select-date-component .macro-report-select-date-check-select-year-container {
  position: relative;
  width: 100%;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}

.macro-report-select-date-container .macro-report-select-date-component .macro-report-select-date-check-select-year-container .macro-report-select-date-check-select-year-change-btn {
  position: absolute;
  font-size: 24px;
  vertical-align: middle;
  cursor: pointer;
  line-height: 24px;
}

.macro-report-select-date-container .macro-report-select-date-component .macro-report-select-date-check-select-year-container .macro-report-select-date-check-select-year-change-btn.-last {
  left: 0px;
}

.macro-report-select-date-container .macro-report-select-date-component .macro-report-select-date-check-select-year-container .macro-report-select-date-check-select-year-change-btn.-next {
  right: 0px;
}

.macro-report-select-date-container .macro-report-select-date-next-step {
  position: absolute;
  bottom: 32px;
  left: 50%;
  margin-left: -83.45px;
}

.macro-report-select-date-container .macro-report-select-data-previous-step-btn {
  display: inline-block;
  width: 88px;
  height: 28px;
  background: rgba(55, 116, 212, 0.3);
  border: 1px solid #4C64DC;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  margin-left: 32px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 2px;
}

.macro-report-success-icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 80px;
  background: #3774D4;
  line-height: 70px;
  font-size: 40px;
  opacity: 0.89;
  color: #ffffff;
}

.macro-report-success-text {
  font-family: PingFangSC-Semibold;
  font-size: 28px;
  color: #B4BED7;
  letter-spacing: 0;
  text-align: center;
  margin-top: 36px;
  text-indent: 20px;
}

.macro-report-success-refresh {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #A2BEFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
  margin-top: 24px;
  cursor: pointer;
}

.macro_risk_screen_container {
  position: relative;
  width: 100% !important;
  height: 100vh !important;
  min-width: 1430px;
  min-height: 900px;
  background: #000D41;
  /* 浏览器不支持的时候显示 */
  background: radial-gradient(circle at 50% 0, #001772, #000D41);
  overflow: hidden;
}

.macro_risk_screen_container .screen_agg_all {
  height: 50px;
  line-height: 50px;
}

.macro_risk_screen_container .screen_agg_all .title,
.macro_risk_screen_container .screen_agg_all .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .macro_risk_screen_container .screen_agg_all .reg-title,
.macro_risk_screen_container .screen_agg_all .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .macro_risk_screen_container .screen_agg_all .reg-title,
.macro_risk_screen_container .screen_agg_all .login-blue2 .reg-title,
.login-blue2 .macro_risk_screen_container .screen_agg_all .reg-title {
  position: relative;
  top: 13px;
}

.macro_risk_screen_container .screen_agg_all .count {
  position: relative;
  width: 40px;
  height: 50px;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 #FFBDCA;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 #FFBDCA;
  border-radius: 2px;
  background-size: 100% 100%;
  font-size: 38px !important;
  font-weight: 900;
  color: #fff;
}

.macro_risk_screen_container .screen_agg_all .count.-company {
  color: #FEB707;
}

.macro_risk_screen_container .screen_agg_all .count:before {
  content: "";
  position: absolute;
  left: 0;
  top: 24px;
  width: 40px;
  height: 2px;
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/spilit_line.png");
  background-size: 100% 100%;
  z-index: 5;
}

.macro_risk_screen_container .screen_agg_all .count.-company:before {
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/split_line.png");
  background-size: 100% 100%;
}

.macro_risk_screen_container .screen_agg_all .count:nth-last-child(3n+1) {
  position: relative;
}

.macro_risk_screen_container .screen_agg_all .count:nth-last-child(3n+1):after {
  position: absolute;
  bottom: -14px;
  right: -6px;
  content: ",";
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  opacity: 0.5;
}

.macro_risk_screen_container .screen_agg_all .count:last-child:after {
  content: "";
}

.macro_risk_screen_container .screen_agg_all .count:last-child {
  margin-right: 0;
}

.macro_risk_screen_container .screen_header {
  position: relative;
  width: 100% !important;
  height: 70px !important;
  padding-top: 10px;
  text-align: center;
  background: #021333;
}

.macro_risk_screen_container .screen_header .screen_header_con {
  display: inline-block;
  width: 1440px;
  height: 60px;
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/screen_knowledge_header_bg3.png");
  background-size: cover;
  font-weight: 900;
  font-size: 28px;
  color: #fff;
  letter-spacing: 3px;
  line-height: 60px;
}

.macro_risk_screen_container .screen_header .screen_header_con_back {
  letter-spacing: 0;
  line-height: 1;
  font-size: 14px;
  left: 230px;
  top: 31px;
}

.macro_risk_screen_container .screen_header .screen_header_con_back .tic {
  font-weight: normal;
}

.macro_risk_screen_container .screen_header .screen_header_con_back:hover .console {
  display: block;
}

.macro_risk_screen_container .screen_header .screen_header_con_back .console {
  display: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  z-index: 3;
}

.macro_risk_screen_container .screen_header .screen_header_con_back .console_container {
  background: #173B9D;
  border: 1px solid #4866FD;
  line-height: 18px;
}

.macro_risk_screen_container .screen_header .screen_header_con_back .console_container .item {
  color: #fff;
  white-space: nowrap;
}

.macro_risk_screen_container .screen_header .screen_header_con_back .console_container .item:hover {
  background: #3B5EB7;
}

.macro_risk_screen_container .screen_header .screen_header_con_back .console_container .item .tic {
  font-size: 18px;
}

.macro_risk_screen_container .screen_header .screen_header_con_back .console_container .new-tag {
  position: relative;
}

.macro_risk_screen_container .screen_header .screen_header_con_back .console_container .new-tag:after {
  position: absolute;
  top: 0px;
  right: 12px;
  font-size: 12px;
  font-family: "tic";
  font-weight: normal;
  content: "\e80e";
  color: #FF3B30;
  background: #fff;
  border-radius: 4px;
  line-height: 0.8;
}

.macro_risk_screen_container .screen_header .screen_header_filter_content {
  font-family: PingFangSC-Medium;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 14px;
  top: 50%;
  margin-top: -7px;
  right: 342px;
}

.macro_risk_screen_container .screen_header .screen_header_filter_content img {
  width: 28px;
  height: 14px;
  border: none;
  vertical-align: top;
  cursor: pointer;
}

.macro_risk_screen_container .screen_header .screen_header_con_resize {
  letter-spacing: 0;
  line-height: 1;
  font-size: 14px;
  right: 230px;
  top: 31px;
}

.macro_risk_screen_container .screen_header .screen_header_con_unfull {
  letter-spacing: 0;
  line-height: 1;
  font-size: 14px;
  right: 128px;
  top: 31px;
}

.macro_risk_screen_container .screen_header .screen_header_con_full {
  letter-spacing: 0;
  line-height: 1;
  font-size: 14px;
  right: 138px;
  top: 31px;
}

.macro_risk_screen_container .screen_header .screen_header_logo_con {
  position: absolute;
  top: 0;
  left: 24px;
  height: 100%;
  font-size: 0;
  z-index: 3;
}

.macro_risk_screen_container .screen_header .screen_header_logo_con:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.macro_risk_screen_container .screen_content_container {
  position: relative;
  width: 100% !important;
  height: calc(100% - 70px) !important;
  padding: 10px;
}

.macro_risk_screen_container .screen_content_container .screen_side_content_container {
  display: inline-block;
  height: 100% !important;
  width: calc((100% - 40px) * 0.22) !important;
  float: left;
}

.macro_risk_screen_container .screen_content_container .screen_center_content_container {
  display: inline-block;
  height: 100% !important;
  width: calc((100% - 40px) * 0.56 + 20px) !important;
  float: left;
}

.macro_risk_screen_container .screen_content_container .screen_side_item {
  width: 100% !important;
  height: calc((100% - 20px) / 3);
}

.macro_risk_screen_container .screen_content_container .screen_side_item.-solid {
  height: 164px;
}

.macro_risk_screen_container .screen_content_container .screen_side_item.-small {
  height: calc((100% - 30px - 164px) / 3);
}

.macro_risk_screen_container .screen_content_container .screen_side_item.-rank {
  height: calc((100% - 20px) * 2 / 3 + 10px);
  background: url(https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/rank-bg.png);
  background-size: 100% 100%;
}

.macro_risk_screen_container .screen_content_container .screen_center_item_bg {
  width: 100% !important;
}

.macro_risk_screen_container .screen_content_container .screen_center_item_bg.-map {
  height: calc((100% - 20px) * 2 / 3 + 10px);
  background: url(https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/map-bg.png);
  background-size: 100% 100%;
}

.macro_risk_screen_container .screen_content_container .screen_center_item_bg.-map .screen_item_header {
  position: relative;
  height: 15.5234657% !important;
  padding-top: 9px;
  padding-right: 10px;
  text-align: center;
}

.macro_risk_screen_container .screen_content_container .screen_center_item_bg.-map ._canvas_container {
  height: 84.5343% !important;
}

.macro_risk_screen_container .screen_content_container .screen_center_item_bg.-map .screen_back_btn {
  right: 0;
  top: 11.62791%;
  width: 9.23077%;
}

.macro_risk_screen_container .screen_content_container .screen_center_item_bg.-map .screen_map_text {
  position: absolute;
  left: 50%;
  bottom: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #A7B8FF;
}

.macro_risk_screen_container .screen_content_container .screen_center_item_bg.-table {
  height: calc((100% - 20px) / 3);
  background: url(https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/table-bg.png);
  background-size: 100% 100%;
}

.macro_risk_screen_container .screen_content_container .screen_center_item_bg.-table.-small {
  display: inline-block;
  width: calc(50% - 5px) !important;
  background: url(https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/table-bg-small.png);
  background-size: 100% 100%;
}

.macro_risk_screen_container .screen_content_container .screen_item_container {
  position: relative;
  background: url(https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/item-bg.png);
  background-size: 100% 100%;
}

.macro_risk_screen_container .screen_content_container .screen_item_container .screen_item_header {
  width: 100%;
  height: 36px;
  padding-left: 10px;
  padding-top: 12px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

.macro_risk_screen_container .screen_content_container .screen_item_container .screen_item_header span {
  font-weight: normal;
  font-size: 12px;
}

.macro_risk_screen_container .screen_content_container .screen_item_container ._canvas_container {
  width: 100%;
  height: calc(100% - 36px);
}

.macro_risk_screen_container .screen_content_container .screen_item_container .screen_item_no_data {
  color: #fff;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  font-size: 18px;
}

.macro_risk_screen_container .screen_content_container .screen_item_tip {
  position: absolute;
  bottom: 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}

.macro_risk_screen_container .screen_content_container .screen_item_tip.-left {
  left: 25%;
}

.macro_risk_screen_container .screen_content_container .screen_item_tip.-right {
  left: 26%;
}

.macro_risk_screen_container .screen_tag_btn {
  width: calc(100% - 48px);
  height: 36px;
  background: url(https://cdn.tianyancha.com/std-require-js/public/images/macro_screen_tag.png);
  background-size: 100% 72px;
  text-align: center;
}

.macro_risk_screen_container .screen_tag_btn.-checked {
  background-position: 0 -36px;
}

.macro_risk_screen_container .screen_tag_btn:hover {
  background-position: 0 -36px;
}

.macro_risk_screen_container .screen_tag_btn .title,
.macro_risk_screen_container .screen_tag_btn .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .macro_risk_screen_container .screen_tag_btn .reg-title,
.macro_risk_screen_container .screen_tag_btn .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .macro_risk_screen_container .screen_tag_btn .reg-title,
.macro_risk_screen_container .screen_tag_btn .login-blue2 .reg-title,
.login-blue2 .macro_risk_screen_container .screen_tag_btn .reg-title {
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}

.macro_risk_screen_container .screen_tag_btn .count {
  font-size: 24px;
  color: #0FD8FA;
  letter-spacing: 2px;
  line-height: 36px;
  font-weight: 600;
}

.macro_risk_screen_container .screen_back_btn {
  width: 23.2258%;
  height: 26px;
  background: #3774D4;
  border: 1px solid #0353B9;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}

.macro_risk_screen_container .screen_back_btn:hover {
  background: #5191F6;
  border: 1px solid #0353B9;
}

.macro_risk_screen_container .screen_back_group {
  left: 22px;
  top: 106px;
  color: #DBBC77;
  line-height: 20px;
  z-index: 2;
}

.macro_risk_screen_container .screen_back_group .item {
  font-weight: 600;
}

.macro_risk_screen_container .screen_risk_table {
  width: 100%;
  height: calc(100% - 36px);
  padding: 4px 18px 34px 10px;
  color: #fff;
}

.macro_risk_screen_container .screen_risk_table .table {
  width: 100%;
  height: 100%;
  font-size: 0;
  margin-bottom: 0;
}

.macro_risk_screen_container .screen_risk_table .tr {
  height: calc((100% - 36px) / 4 + 4px);
}

.macro_risk_screen_container .screen_risk_table .tr.table-header {
  height: 24px;
}

.macro_risk_screen_container .screen_risk_table .td {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  margin-bottom: 4px;
  background: rgba(24, 59, 161, 0.4);
  border: 1px solid #4C64DC;
  -webkit-box-shadow: 0 0 4px 0 #2443E5;
  box-shadow: 0 0 4px 0 #2443E5;
  border-radius: 2px;
  font-weight: 600;
  font-size: 14px;
  width: calc((100% - 126px) / 7);
  height: calc(100% - 4px);
  cursor: pointer;
}

.macro_risk_screen_container .screen_risk_table .td:before {
  content: "";
  display: inline-block;
  height: calc(100% + 4px);
  vertical-align: middle;
}

.macro_risk_screen_container .screen_risk_table .td:hover {
  background: #183BA1;
  border: 1px solid #4C64DC;
  -webkit-box-shadow: 0 0 4px 0 #2443E5;
  box-shadow: 0 0 4px 0 #2443E5;
}

.macro_risk_screen_container .screen_risk_table .td.active {
  background: #DB1A54;
  border: 1px solid #FFFFFF;
  cursor: default;
}

.macro_risk_screen_container .screen_risk_table .td.title,
.macro_risk_screen_container .screen_risk_table .bmw-login-bg .bmw-login .td.reg-title,
.bmw-login-bg .bmw-login .macro_risk_screen_container .screen_risk_table .td.reg-title,
.macro_risk_screen_container .screen_risk_table .bmw-login-bg .bmw-register .td.reg-title,
.bmw-login-bg .bmw-register .macro_risk_screen_container .screen_risk_table .td.reg-title,
.macro_risk_screen_container .screen_risk_table .login-blue2 .td.reg-title,
.login-blue2 .macro_risk_screen_container .screen_risk_table .td.reg-title {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  cursor: default;
}

.macro_risk_screen_container .screen_risk_table .td.title:hover,
.macro_risk_screen_container .screen_risk_table .bmw-login-bg .bmw-login .td.reg-title:hover,
.bmw-login-bg .bmw-login .macro_risk_screen_container .screen_risk_table .td.reg-title:hover,
.macro_risk_screen_container .screen_risk_table .bmw-login-bg .bmw-register .td.reg-title:hover,
.bmw-login-bg .bmw-register .macro_risk_screen_container .screen_risk_table .td.reg-title:hover,
.macro_risk_screen_container .screen_risk_table .login-blue2 .td.reg-title:hover,
.login-blue2 .macro_risk_screen_container .screen_risk_table .td.reg-title:hover {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  cursor: default;
}

.macro_risk_screen_container .screen_risk_table .td.empty {
  width: 90px;
}

.macro_risk_screen_container .screen_risk_table .td.before-kaiting {
  position: relative;
  width: 90px;
  margin-right: 8px;
  text-align: right;
  font-size: 12px;
}

.macro_risk_screen_container .screen_risk_table .td.before-kaiting:after {
  content: "";
  position: absolute;
  left: 32px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  margin-top: -3px;
  background: #4CC114;
}

.macro_risk_screen_container .screen_risk_table .td.before-caipan {
  position: relative;
  width: 90px;
  margin-right: 8px;
  text-align: right;
  font-size: 12px;
}

.macro_risk_screen_container .screen_risk_table .td.before-caipan:after {
  content: "";
  position: absolute;
  left: 32px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  margin-top: -3px;
  background: #008CFF;
}

.macro_risk_screen_container .screen_risk_table .td.before-zhixing {
  position: relative;
  width: 90px;
  margin-right: 8px;
  text-align: right;
  font-size: 12px;
}

.macro_risk_screen_container .screen_risk_table .td.before-zhixing:after {
  content: "";
  position: absolute;
  left: 32px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  margin-top: -3px;
  background: #FFE000;
}

.macro_risk_screen_container .screen_risk_table .td.before-shixing {
  position: relative;
  width: 90px;
  margin-right: 8px;
  text-align: right;
  font-size: 12px;
}

.macro_risk_screen_container .screen_risk_table .td.before-shixing:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  margin-top: -3px;
  background: #FF4676;
}

.macro_risk_screen_container .map-toolox {
  bottom: 19px;
  right: 32px;
  width: 24px;
  height: 139px;
}

.macro_risk_screen_container .map-toolox .map-toolox-text {
  color: #fff;
  font-size: 12px;
  line-height: 17px;
}

.macro_risk_screen_container .map-toolox .map-toolox-icon {
  width: 24px;
  height: 24px;
}

.macro_risk_screen_container .map-toolox .map-toolox-icon img:first-child {
  display: block;
}

.macro_risk_screen_container .map-toolox .map-toolox-icon img:last-child {
  display: none;
}

.macro_risk_screen_container .map-toolox .map-toolox-icon:hover img:first-child {
  display: none;
}

.macro_risk_screen_container .map-toolox .map-toolox-icon:hover img:last-child {
  display: block;
}

.macro_risk_screen_container .screen_yearselect {
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 4;
}

.macro_risk_screen_container .screen_yearselect .screen_yearselect_container {
  right: calc(50% + 210px);
  top: 74px;
  width: 372px;
  height: 214px;
  background: #173B9D;
  color: #fff;
  border: 1px solid #4C64DC;
  padding: 16px 8px 16px 16px;
}

.macro_risk_screen_container .screen_yearselect .title,
.macro_risk_screen_container .screen_yearselect .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .macro_risk_screen_container .screen_yearselect .reg-title,
.macro_risk_screen_container .screen_yearselect .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .macro_risk_screen_container .screen_yearselect .reg-title,
.macro_risk_screen_container .screen_yearselect .login-blue2 .reg-title,
.login-blue2 .macro_risk_screen_container .screen_yearselect .reg-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}

.macro_risk_screen_container .screen_yearselect .close-icon {
  font-weight: 600;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  top: 16px;
  right: 16px;
}

.macro_risk_screen_container .screen_yearselect .con {
  width: 360px;
  font-size: 0;
}

.macro_risk_screen_container .screen_yearselect .item {
  width: 48px;
  white-space: nowrap;
}

.macro_risk_screen_container .screen_yearselect .item.-active {
  color: #5B96F3;
}

.macro_risk_screen_container .screen_yearselect .confirm {
  margin: 0 auto;
  width: 118px;
  text-align: center;
  background: #3774D4;
  border: 1px solid #3774D4;
  border-radius: 2px;
  font-size: 12px;
  line-height: 24px;
}

.macro_risk_screen_container.-capital .screen_header .screen_header_con {
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/screen_capital_header_bg3.png");
  background-size: cover;
}

.macro_risk_screen_container.-capital .screen_header .screen_header_con_back {
  left: 226px;
}

.macro_risk_screen_container.-capital .screen_header .screen_header_con_select {
  width: 123px;
  letter-spacing: 0;
  line-height: 1;
  font-size: 14px;
  top: 31px;
  left: 302px;
}

.macro_risk_screen_container.-capital .screen_header .screen_header_con_select:hover .screen_header_con_select_tooltip {
  display: block;
}

.macro_risk_screen_container.-capital .screen_header .screen_header_con_select_tooltip {
  display: none;
  top: 39px;
  padding: 7px 15px;
  border: 1px solid #4C64DC;
  border-radius: 2px;
  font-size: 12px;
  line-height: 22px;
  background: #173B9D;
  max-width: 373px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: 61.5px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}

.macro_risk_screen_container.-capital .screen_header .screen_header_con_select_tooltip .yearItem:after {
  content: "、";
}

.macro_risk_screen_container.-capital .screen_header .screen_header_con_select_tooltip .yearItem:last-child:after {
  content: "";
}

.macro_risk_screen_container.-capital .screen_header .screen_header_con_select_tooltip:before {
  content: "";
  position: absolute;
  top: -16px;
  left: 50%;
  margin-left: -7px;
  width: 14px;
  height: 16px;
  border-top: 8px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 8px solid #4C64DC;
  border-left: 7px solid transparent;
}

.macro_risk_screen_container.-capital .screen_header .screen_header_con_select_tooltip:after {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -7px;
  width: 14px;
  height: 16px;
  border-top: 8px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 8px solid #173B9D;
  border-left: 7px solid transparent;
}

.macro_risk_screen_container.-capital .screen_header .screen_header_con_resize {
  right: 328px;
}

.macro_risk_screen_container.-capital .screen_header .screen_header_con_unfull {
  right: 224px;
}

.macro_risk_screen_container.-capital .screen_header .screen_header_con_full {
  right: 238px;
}

.macro_risk_screen_container .screen_content_container .screen_left_content_container {
  width: calc((100% - 10px) * 0.448681);
  height: 100%;
}

.macro_risk_screen_container .screen_content_container .screen_left_content_container .screen_left_item {
  height: calc((100% - 20px) / 3);
  background: url(https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/screen_left_item.png);
  background-size: 100% 100%;
}

.macro_risk_screen_container .screen_content_container .screen_left_content_container .screen_left_item .btn-container {
  width: 100%;
  top: 3.8023%;
  right: 0;
}

.macro_risk_screen_container .screen_content_container .screen_left_content_container .screen_left_item .cancel-btn,
.macro_risk_screen_container .screen_content_container .screen_left_content_container .screen_left_item .download-btn {
  width: 11.4286%;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  background: #3774D4;
  border: 1px solid #0353B9;
}

.macro_risk_screen_container .screen_content_container .screen_left_content_container .screen_left_item .cancel-btn,
.macro_risk_screen_container .screen_content_container .screen_left_content_container .screen_left_item .download-btn-new {
  width: 11.4286%;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  background: #3774D4;
  border: 1px solid #0353B9;
}

.macro_risk_screen_container .screen_content_container .screen_right_content_container {
  width: calc((100% - 10px) * 0.551319);
  height: 100%;
}

.macro_risk_screen_container .screen_content_container .screen_right_content_container .screen_map_item {
  height: calc((100% - 20px) / 3 * 2 + 10px);
  background: url(https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/screen_right_map_item2.png);
  background-size: 100% 100%;
}

.macro_risk_screen_container .screen_content_container .screen_right_content_container .screen_map_item .screen_item_header {
  position: relative;
  height: 16.0747664% !important;
  padding: 0;
  text-align: center;
}

.macro_risk_screen_container .screen_content_container .screen_right_content_container .screen_map_item .aggs-item {
  top: calc((100% - 55px) * 0.548387);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.macro_risk_screen_container .screen_content_container .screen_right_content_container .screen_map_item .aggs-item-title {
  font-size: 14px;
  line-height: 20px;
  color: #A7B8FF;
}

.macro_risk_screen_container .screen_content_container .screen_right_content_container .screen_map_item .aggs-item-count {
  font-weight: 900;
  font-size: 26px;
  line-height: 35px;
  color: #FFBF23;
}

.macro_risk_screen_container .screen_content_container .screen_right_content_container .screen_map_item ._canvas_container {
  height: 83.9252336% !important;
}

.macro_risk_screen_container .screen_content_container .screen_right_content_container .screen_right_item {
  width: calc((100% - 10px) / 2);
  height: calc((100% - 20px) / 3);
  background: url(https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/screen_right_item.png);
  background-size: 100% 100%;
}

.macro_risk_screen_container .screen_content_container .screen_right_content_container .screen_right_item .download-btn {
  top: 3.8023%;
  right: 0;
  width: 18.7013%;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  background: #3774D4;
  border: 1px solid #0353B9;
}

.macro_risk_screen_container .screen_content_container .screen_right_content_container .screen_right_item .download-btn-new {
  top: 3.8023%;
  right: 0;
  width: 18.7013%;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  background: #3774D4;
  border: 1px solid #0353B9;
}

.macro_risk_screen_container.-konwledge .screen_header .screen_header_con {
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/screen_knowledge_header_bg3.png");
  background-size: cover;
}

.macro_risk_screen_container.-konwledge .screen_header .screen_header_con_back {
  left: 230px;
}

.macro_risk_screen_container.-konwledge .screen_header .screen_header_con_resize {
  right: 230px;
}

.macro_risk_screen_container.-konwledge .screen_header .screen_header_con_unfull {
  right: 128px;
}

.macro_risk_screen_container.-konwledge .screen_header .screen_header_con_full {
  right: 138px;
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .rank {
  height: calc(100% - 36px - 18px - 6px);
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .rank-btn {
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  padding: 4px 7px;
  border: 1px solid #4C64DC;
  border-radius: 2px;
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .rank-btn.-active {
  background: #488FFF;
  border-color: #488FFF;
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .rank-content {
  height: calc(100% - 28px - 38px);
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .rank-item {
  font-size: 12px;
  color: #FFF;
  line-height: 18px;
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .rank-item .name {
  width: calc(100% - 90px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .rank-item:hover {
  background: rgba(55, 97, 227, 0.3);
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .rank-item .name {
  color: #fff;
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .rank-item .name:hover {
  color: #58B5FF;
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .select:hover .select-content {
  display: block;
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .select:hover .select-title .tic {
  -webkit-transform: rotate(180deg) translateY(2px);
  transform: rotate(180deg) translateY(2px);
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .select-title {
  padding: 4px 7px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  background: rgba(24, 59, 161, 0.4);
  border: 1px solid #4C64DC;
  border-radius: 2px;
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .select-content {
  display: none;
  top: 28px;
  width: 100%;
  z-index: 2;
  border: 1px solid #4C64DC;
  background: #123288;
  border-radius: 2px;
  max-height: 288px;
  overflow-y: scroll;
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .select-item {
  padding: 6px 12px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 900;
  color: #FFFFFF;
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .select-item.-disable1 {
  color: red;
}

.macro_risk_screen_container.-konwledge .screen_side_item.-rank .select-item:hover {
  background: rgba(122, 159, 255, 0.4);
}

.macro_risk_screen_container.-konwledge .screen_side_item .tabs {
  height: 28px;
}

.macro_risk_screen_container.-konwledge .screen_side_item .tab {
  background: rgba(24, 59, 161, 0.4);
  border: 1px solid #4C64DC;
  border-radius: 2px;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  font-weight: 900;
}

.macro_risk_screen_container.-konwledge .screen_side_item .tab.-active {
  background: #488FFF;
  border-color: #488FFF;
}

.macro_risk_screen_container.-konwledge .screen_center_item_bg.-map {
  background: url(https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/map-knowledge-bg.png);
  background-size: 100% 100%;
}

.macro_risk_screen_container.-konwledge .screen_center_item_bg.-map .screen_item_header {
  position: relative;
  height: 16.2313% !important;
  padding-top: 9px;
  padding-right: 10px;
  text-align: center;
}

.macro_risk_screen_container.-konwledge .screen_center_item_bg.-map .screen_item_header .countItem {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.macro_risk_screen_container.-konwledge .screen_center_item_bg.-map .screen_item_header .title,
.macro_risk_screen_container.-konwledge .screen_center_item_bg.-map .screen_item_header .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .macro_risk_screen_container.-konwledge .screen_center_item_bg.-map .screen_item_header .reg-title,
.macro_risk_screen_container.-konwledge .screen_center_item_bg.-map .screen_item_header .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .macro_risk_screen_container.-konwledge .screen_center_item_bg.-map .screen_item_header .reg-title,
.macro_risk_screen_container.-konwledge .screen_center_item_bg.-map .screen_item_header .login-blue2 .reg-title,
.login-blue2 .macro_risk_screen_container.-konwledge .screen_center_item_bg.-map .screen_item_header .reg-title {
  color: #A7B8FF;
  line-height: 20px;
}

.macro_risk_screen_container.-konwledge .screen_center_item_bg.-map .screen_item_header .count {
  font-size: 26px;
  line-height: 35px;
  color: #FFBF23;
  font-weight: 900;
}

.macro_risk_screen_container.-konwledge .screen_center_item_bg.-map ._canvas_container {
  height: 83.7687% !important;
}

.macro_risk_screen_container.-konwledge .screen_center_item_bg.-map .screen_back_btn {
  right: 0;
  top: 11.62791%;
  width: 9.23077%;
}

.macro_risk_screen_container.-konwledge .screen_center_item_bg.-map .screen_map_text {
  position: absolute;
  left: 50%;
  top: 63px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #A7B8FF;
}

.macro_risk_screen_container.-konwledge .screen_center_item_bg.-table {
  background: url(https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/table-knowledge-bg.png);
  background-size: 100% 100%;
}

.macro-console-container {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  padding-top: 64px;
}

.macro-console-container .menu-container {
  position: fixed;
  top: 64px;
  left: 0;
  height: 100%;
  width: 256px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.06);
  z-index: 994;
}

.macro-console-container .menu-container .menu-item {
  padding-top: 22px;
}

.macro-console-container .menu-container .menu-title {
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  padding: 0 24px;
  font-weight: 500;
  margin-bottom: 12px;
}

.macro-console-container .menu-container .menu-child {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 36px;
  cursor: pointer;
}

.macro-console-container .menu-container .menu-child .menu-point {
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #D9DFED;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}

.macro-console-container .menu-container .menu-child .menu-name {
  font-size: 14px;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.macro-console-container .menu-container .menu-child.-active .menu-name {
  color: #32B8F5;
}

.macro-console-container .menu-container .menu-child.-active .menu-point {
  background: #32B8F5;
}

.macro-console-container .menu-container .menu-child:hover {
  background: #F6F9FC;
}

.macro-console-container .menu-container .menu-child:hover .menu-name {
  color: #32B8F5;
}

.macro-console-container .menu-container .menu-child:hover .menu-point {
  background: #32B8F5;
}

.macro-console-container .console-panel-container {
  width: 100%;
  height: 100%;
  padding-left: 256px;
  padding-top: 40px;
  overflow-y: scroll;
}

.macro-console-container .console-panel-container .panel-item-container {
  display: inline-block;
  width: 476px;
  height: 314px;
  position: relative;
  background: #FFFFFF;
  -webkit-box-shadow: 0 4px 10px -4px rgba(15, 19, 46, 0.33);
  box-shadow: 0 4px 10px -4px rgba(15, 19, 46, 0.33);
  margin-left: 60px;
  margin-bottom: 30px;
  cursor: pointer;
}

.macro-console-container .console-panel-container .panel-item-container .item-bg-img {
  width: 100%;
  height: 268px;
  background-size: cover;
}

.macro-console-container .console-panel-container .panel-item-container .item-title {
  width: 100%;
  height: 46px;
  line-height: 46px;
  background: #26293A;
  font-size: 16px;
  color: #FFDBB0;
  text-align: center;
}

.macro-console-container .console-panel-container .panel-item-container .item-bg-gray {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

.macro-console-container .console-panel-container .panel-item-container .item-bg-gray .item-learn-more-btn {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -37px;
  margin-top: -18px;
  background: #32B8F5;
  height: 36px;
  width: 74px;
  line-height: 36px;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 2px;
}

.macro-console-container .console-panel-container .panel-item-container:hover .item-bg-gray {
  display: inherit;
}

.common-date-picker {
  font-size: 12px;
  position: absolute;
  width: 310px;
  min-height: 270px;
  border: 1px solid #e4e4e4;
  background: #fff;
  z-index: 100;
  color: #4d4d4d;
  -webkit-box-shadow: 3px 3px 5px #eee;
  box-shadow: 3px 3px 5px #eee;
}

.common-date-picker .main-content {
  height: 230px;
  padding: 10px;
  border-bottom: 1px solid #e4e4e4;
}

.common-date-picker .main-content .tic {
  width: 18px;
  display: inline-block;
}

.common-date-picker .main-content .picker-header-container {
  line-height: 25px;
}

.common-date-picker .main-content .picker-header-container .left-container {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.common-date-picker .main-content .picker-header-container .left-container .angle-icon {
  font-size: 20px;
  color: #d5d5d5;
  cursor: pointer;
}

.common-date-picker .main-content .picker-header-container .left-container .arrow-container {
  display: inline-block;
  margin-right: 3px;
}

.common-date-picker .main-content .picker-header-container .left-container .arrow-container .tic {
  cursor: pointer;
}

.common-date-picker .main-content .picker-header-container .left-container .arrow-container .tic:first-child {
  margin-right: 3px;
}

.common-date-picker .main-content .picker-header-container .left-container .date {
  margin: 0 3px;
}

.common-date-picker .main-content .picker-header-container .right-container {
  float: right;
}

.common-date-picker .main-content .picker-header-container .right-container .today-btn {
  width: 56px;
}

.common-date-picker .main-content .new-picker-container .col-container {
  padding-top: 5px;
}

.common-date-picker .main-content .new-picker-container .col-container > div {
  text-align: center;
}

.common-date-picker .main-content .new-picker-container .col-container .select-btn {
  height: 24px;
}

.common-date-picker .main-content .new-picker-container .col-container .select-btn > span {
  font-size: 26px;
  color: #d5d5d5;
  cursor: pointer;
}

.common-date-picker .main-content .new-picker-container .col-container .select-btn > span:hover {
  color: #4d4d4d;
}

.common-date-picker .main-content .new-picker-container .col-container .date-pick-container {
  height: 137px;
  overflow: hidden;
}

.common-date-picker .main-content .new-picker-container .col-container .date-pick-container div {
  padding: 0px;
  font-size: 18px;
}

.common-date-picker .main-content .new-picker-container .col-container .date-pick-container div:nth-of-type(1),
.common-date-picker .main-content .new-picker-container .col-container .date-pick-container div:nth-last-of-type(1) {
  -webkit-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
  line-height: 90%;
  height: 17.6142857143px;
}

.common-date-picker .main-content .new-picker-container .col-container .date-pick-container div:nth-of-type(2),
.common-date-picker .main-content .new-picker-container .col-container .date-pick-container div:nth-last-of-type(2) {
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  line-height: 130%;
  height: 21.5285714286px;
}

.common-date-picker .main-content .new-picker-container .col-container .date-pick-container div:nth-of-type(3),
.common-date-picker .main-content .new-picker-container .col-container .date-pick-container div:nth-last-of-type(3) {
  -webkit-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
  line-height: 95%;
  height: 18.5928571429px;
}

.common-date-picker .main-content .new-picker-container .col-container .date-pick-container div:nth-of-type(4) {
  color: #32b8f5;
  line-height: 160%;
  background: url("/std-require-js/public/images/datePicker/pick-bg.png") no-repeat;
  background-size: cover;
}

.common-date-picker .main-content .old-picker-container .calendar {
  width: 298px;
  margin-top: 5px;
  overflow: auto;
  height: 189px;
}

.common-date-picker .main-content .old-picker-container .calendar .date-item,
.common-date-picker .main-content .old-picker-container .calendar .head {
  width: 40px;
  line-height: 31.5px;
  height: 31.5px;
  float: left;
  text-align: center;
  border-radius: 2px;
}

.common-date-picker .main-content .old-picker-container .calendar .head:hover {
  background: none;
}

.common-date-picker .main-content .old-picker-container .calendar .hover-bg {
  cursor: pointer;
}

.common-date-picker .main-content .old-picker-container .calendar .hover-bg:hover {
  background: rgba(204, 204, 204, 0.3);
}

.common-date-picker .main-content .old-picker-container .calendar .today {
  color: #32b8f5;
}

.common-date-picker .main-content .old-picker-container .calendar .current {
  color: #fff;
  background: #32b8f5;
}

.common-date-picker .main-content .old-picker-container .calendar .current:hover {
  background: #32b8f5;
}

.common-date-picker .picker-footer {
  line-height: 40px;
  padding: 0 10px;
}

.common-date-picker .picker-footer > div {
  cursor: pointer;
}

.common-date-picker .picker-footer .picker-btn,
.common-date-picker .picker-footer .btn-container .confirm-btn,
.common-date-picker .picker-footer .btn-container .cancel-btn {
  width: 56px;
  line-height: 25px;
  text-align: center;
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #32b8f5;
  color: #32b8f5;
}

.common-date-picker .picker-footer .clear-all-btn {
  float: left;
  color: #32b8f5;
}

.common-date-picker .picker-footer .btn-container {
  float: right;
}

.common-date-picker .picker-footer .btn-container .confirm-btn {
  background: #32b8f5;
  color: #fff;
}

.red {
  color: red;
}

.order-page {
  background: #F0F4F7;
  overflow: hidden;
}

.order-page .overseasNoticeText {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #FF7D18;
  line-height: 22px;
  padding-top: 20px;
  display: inline-block;
  margin-right: 18px;
}

.order-page .overseasNoticeText i {
  margin-right: 8px;
  font-size: 14px;
}

.order-page .order-overseasTitle {
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 16px;
}

.order-page .order-overseasTitle span {
  color: #FF3B30;
  margin-left: 8px;
  line-height: 24px;
  vertical-align: middle;
}

.order-page .errTextOverseas {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #FF3B30;
  line-height: 18px;
  position: absolute;
  bottom: -22px;
}

.order-page .errorInp {
  border-color: #FF3B30 !important;
  border: 1px solid #FF3B30 !important;
}

.order-page-container {
  width: 1200px;
  min-height: 85vh;
  margin: 24px auto;
  padding: 24px;
  color: #333333;
  background: #fff;
}

.order-page-title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  font-family: PingFangSC-Medium;
  color: #333333;
  letter-spacing: 0;
}

.order-page-detail {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 22px;
}

.order-page-table {
  width: 100%;
  border: 1px solid #E4EEF6;
}

.order-page-table th,
.order-page-table td {
  height: 48px;
  padding: 8px;
  border: 1px solid #E4EEF6;
}

.order-page-table th,
.order-page-table .bg {
  background: #F0F7FC;
  font-weight: normal;
}

.order-page-table input[type=radio] {
  display: none;
}

.order-page-table input[type=radio]:checked ~ .show-radio:before {
  color: #32B8F5;
  font-size: 16px;
  content: "\e75f";
  font-family: "tic";
  margin-right: 8px;
  vertical-align: top;
}

.order-page-table .show-radio {
  position: relative;
}

.order-page-table .show-radio:before {
  font-size: 16px;
  content: "\e7a5";
  font-family: "tic";
  margin-right: 8px;
  vertical-align: top;
}

.order-page-tips {
  display: inline-block;
  margin-top: 16px;
  margin-right: 24px;
  font-size: 14px;
  line-height: 34px;
  color: #FF7D18;
  vertical-align: top;
}

.order-page-btn {
  display: inline-block;
  width: 118px;
  height: 34px;
  margin-top: 13px;
  border-radius: 2px;
  color: #fff;
  background: #FF7D18;
  font-weight: 600;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
  vertical-align: top;
}

.increase_searchV2 .tools-container {
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
}

.increase_searchV2 .tools-container .tool {
  width: 330px;
  height: 242px;
  -webkit-box-shadow: #ccc 0px 0px 15px;
  box-shadow: #ccc 0px 0px 15px;
  padding-top: 20px;
  text-align: center;
  margin-right: 27px;
  margin-bottom: 27px;
}

.increase_searchV2 .tools-container .tool .tool-title {
  color: #00b6c7;
  font-size: 20px;
  margin-top: 15px;
}

.increase_searchV2 .tools-container .tool .desc {
  margin-top: 15px;
  font-size: 14px;
}

.increase_searchV2 .tools-container .tool .button {
  background-color: #00b6c7;
  margin-top: 20px;
  width: 118px;
  line-height: 32px;
  cursor: pointer;
  border: 0px;
  color: #fff;
  display: inline-block;
}

.increase_searchV2 .title,
.increase_searchV2 .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .increase_searchV2 .reg-title,
.increase_searchV2 .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .increase_searchV2 .reg-title,
.increase_searchV2 .login-blue2 .reg-title,
.login-blue2 .increase_searchV2 .reg-title,
.increase_searchV2 .theme-green .login-blue2 .reg-title,
.theme-green .login-blue2 .increase_searchV2 .reg-title {
  font-size: 26px;
  color: #171921;
  position: relative;
  padding-top: 36px;
}

.increase_searchV2 .title:after,
.increase_searchV2 .bmw-login-bg .bmw-login .reg-title:after,
.bmw-login-bg .bmw-login .increase_searchV2 .reg-title:after,
.increase_searchV2 .bmw-login-bg .bmw-register .reg-title:after,
.bmw-login-bg .bmw-register .increase_searchV2 .reg-title:after,
.increase_searchV2 .login-blue2 .reg-title:after,
.login-blue2 .increase_searchV2 .reg-title:after,
.increase_searchV2 .theme-green .login-blue2 .reg-title:after,
.theme-green .login-blue2 .increase_searchV2 .reg-title:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 56px;
  height: 2px;
  background-color: #171921;
}

.found-group-modal .active {
  color: #fff;
  -webkit-box-shadow: 0px 0px 0px;
  box-shadow: 0px 0px 0px;
  background-color: #00bbcb;
}

.found-group-modal .list-item {
  max-height: 300px;
  min-height: 27px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 5px;
}

.found-group-modal .list-item.list-item-button-container {
  display: none;
}

.found-group-modal .list-item:hover {
  background: #f0f0f0;
}

.found-group-modal .list-item .company-name {
  float: left;
  width: 180px;
}

.found-group-modal .list-item:hover .list-item-button-container {
  display: inline-block;
}

.found-group-modal .list-item-button-container {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  text-align: center;
  float: right;
  background: #fff;
  color: #7e8898;
  cursor: pointer;
  display: none;
  background-size: contain;
}

.found-group-modal .list-item-button-container.list-button-close {
  background: url("/std-require-js/public/images/foundModal/button-cancel.png");
}

.found-group-modal .list-item-button-container.list-button-add {
  background: url("/std-require-js/public/images/foundModal/button-plus.png");
}

.found-group-modal .list-item-button-container.list-button-remove {
  line-height: 20px;
  margin-left: 5px;
}

.found-group-modal .group-item-container .list-item {
  padding-left: 20px;
}

.found-group-modal .group-item-container .group-item {
  height: 30px;
  padding-top: 6px;
  padding-right: 10px;
  cursor: pointer;
}

.found-group-modal .group-item-container .group-item:hover {
  background: #f0f0f0;
}

.found-group-modal .group-item-container .group-item:hover .list-item-button-container {
  display: inline-block;
}

.found-group-modal .group-item-container .group-item .list-item-button-container {
  display: none;
}

.found-group-modal .group-item-container .group-item .group-icon {
  color: #aaa;
  font-size: 18px;
}

.found-group-modal .modal-panel {
  height: 350px;
}

.found-group-modal .main-title {
  font-size: 16px;
  color: #4d4d4d;
  margin-bottom: 5px;
}

.found-group-modal .search-container input {
  height: 32px;
  float: left;
  border: 1px solid #d1d1d1;
}

@media (max-width: 768px) {
  .found-group-modal .search-container input {
    width: 555px;
  }
}

@media (min-width: 992px) {
  .found-group-modal .search-container input {
    width: 242px;
  }
}

@media (max-width: 992px) and (min-width: 768px) {
  .found-group-modal .search-container input {
    width: 221px;
  }
}

.found-group-modal .search-container .search-button {
  width: 40px;
  height: 32px;
  cursor: pointer;
  display: inline-block;
  float: left;
  background: url("/std-require-js/public/images/foundModal/search_nor.png");
}

.found-group-modal .search-container .search-button:hover {
  background: url("/std-require-js/public/images/foundModal/search_hov.png");
}

.found-group-modal .search-container .load-button {
  width: 40px;
  height: 32px;
  background-color: #00bbcb;
  border: 0px;
  color: #fff;
  font-size: 12px;
}

.found-group-modal .group-container {
  border: 1px solid #d1d1d1;
  height: 318px;
  padding: 15px 10px;
  overflow: auto;
  overflow-x: hidden;
}

.found-group-modal .group-container .group-title-container.focus .right-line {
  width: 200px;
  left: 65px;
}

.found-group-modal .group-container .group-title-container.other .right-line {
  width: 228px;
  left: 37px;
}

.found-group-modal .group-container .group-title-container .group-title {
  background: #fff;
}

.found-group-modal .group-container .group-title-container .right-line {
  height: 1px;
  border-bottom: 1px solid #d1d1d1;
  position: relative;
  top: -10px;
}

.found-group-modal .right-panel {
  padding-right: 1px;
  border: 1px solid #d1d1d1;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 768px) {
  .found-group-modal .right-panel {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.found-group-modal .right-panel .list-item-container {
  height: 316px;
  overflow: auto;
}

.found-group-modal .right-panel .list-item-container .list-item {
  padding-left: 0px;
}

.found-group-modal .right-panel .list-item-container .list-item strong {
  color: orange;
}

.found-group-modal .right-panel .new-group-container {
  height: 22px;
  padding-right: 15px;
}

.found-group-modal .right-panel .new-group-container .name-new-group {
  width: 80px;
  height: 20px;
}

.found-group-modal .right-panel .new-group-container .new-group-button {
  padding: 0 5px;
  line-height: 20px;
  display: inline-block;
  border: 1px solid #d1d1d1;
  border-radius: 3px;
  font-size: 12px;
  text-align: center;
  margin-left: 5px;
  position: relative;
  top: -1px;
  cursor: pointer;
}

.found-group-modal .right-panel .new-group-container .forbid {
  cursor: not-allowed;
  background: #ededed;
  color: #333;
}

.found-group-modal .bottom {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.found-group-modal .bottom .bottom-btn,
.found-group-modal .bottom .confirm-btn,
.found-group-modal .bottom .cancel-btn {
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  width: 96px;
  cursor: pointer;
}

.found-group-modal .bottom .confirm-btn {
  color: #fff;
  line-height: 28px;
  background: url("/std-require-js/public/images/foundModal/confirm-btn-nor.png");
}

.found-group-modal .bottom .confirm-btn:hover {
  background: url("/std-require-js/public/images/foundModal/confirm-btn-hov.png");
}

.found-group-modal .bottom .confirm-btn.disabled {
  cursor: not-allowed;
}

.found-group-modal .bottom .confirm-btn.disabled:hover {
  background: url("/std-require-js/public/images/foundModal/confirm-btn-nor.png");
}

.found-group-modal .bottom .cancel-btn {
  border: 1px solid #d1d1d1;
  line-height: 26px;
}

.found-group-modal .bottom .cancel-btn:hover {
  border-color: #00bbcb;
  color: #00bbcb;
}

.found-group-modal .isFuzzy {
  color: #32B8F5;
  font-weight: normal;
  position: absolute;
  right: 0;
  bottom: 0;
}

.found-group-modal .group-name {
  display: inline-block;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pdf-content {
  height: 600px;
}

.pdf-content .page-container {
  height: 560px;
  position: relative;
  top: 0px;
}

.pdf-content .pdf-download-tab {
  font-size: 16px;
  line-height: 40px;
  display: inline-block;
  margin: 0 10px;
  padding-top: 8px;
  float: left;
  cursor: pointer;
}

.pdf-content .pdf-download-tab:first-child {
  border-right: none;
}

.pdf-content .pdf-download-tab-index {
  border-bottom: 3px solid #01abcc;
  color: #01abcc;
}

.pdf-content .page-container.scroll-up {
  top: -560px;
}

.pdf-content .page-container.scroll-up-human {
  top: -1120px;
}

.pdf-content .page-container .preview-btn {
  width: 43px;
  height: 24px;
  border: 1px solid #aaa;
  color: #aaa;
  border-radius: 3px;
  text-align: center;
  float: right;
  font-size: 12px;
  background-color: #fff;
  margin-right: 12px;
  margin-top: -10px;
}

.pdf-content .page-container .preview-btn:hover {
  color: #6d6d6d;
}

.pdf-content .page-container .title,
.pdf-content .page-container .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .pdf-content .page-container .reg-title,
.pdf-content .page-container .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .pdf-content .page-container .reg-title,
.pdf-content .page-container .login-blue2 .reg-title,
.login-blue2 .pdf-content .page-container .reg-title,
.pdf-content .page-container .theme-green .login-blue2 .reg-title,
.theme-green .login-blue2 .pdf-content .page-container .reg-title {
  height: 30px;
}

.pdf-content .page-container .title .prev-btn,
.pdf-content .page-container .bmw-login-bg .bmw-login .reg-title .prev-btn,
.bmw-login-bg .bmw-login .pdf-content .page-container .reg-title .prev-btn,
.pdf-content .page-container .bmw-login-bg .bmw-register .reg-title .prev-btn,
.bmw-login-bg .bmw-register .pdf-content .page-container .reg-title .prev-btn,
.pdf-content .page-container .login-blue2 .reg-title .prev-btn,
.login-blue2 .pdf-content .page-container .reg-title .prev-btn,
.pdf-content .page-container .theme-green .login-blue2 .reg-title .prev-btn,
.theme-green .login-blue2 .pdf-content .page-container .reg-title .prev-btn {
  width: 66px;
  height: 35px;
  margin: 50px auto;
  position: relative;
  top: -36px;
  cursor: pointer;
  background: url("/std-require-js/public/images/customReport/title.png") no-repeat center;
}

.pdf-content .page-container .radio-container {
  margin-right: 10px;
  color: #585858;
}

.pdf-content .page-container .radio-container .radio {
  width: 14px;
  height: 14px;
  background: url("/std-require-js/public/images/customReport/radio.png");
  display: inline-block;
  margin: 0px;
}

.pdf-content .page-container .radio-container .radio.checked {
  background: url("/std-require-js/public/images/customReport/radio-selected.png");
}

.pdf-content .page-container .group-container {
  position: relative;
  left: 25px;
  display: inline-block;
  width: 16.66%;
  font-size: 16px;
  color: #353535;
  text-align: left;
}

.pdf-content .page-container .group-container input {
  width: 19px;
  height: 18px;
  opacity: 0;
  margin-right: 3px;
}

.pdf-content .page-container .group-container .input-bg {
  width: 19px;
  height: 18px;
  position: absolute;
  top: 10px;
  background: url("/std-require-js/public/images/customReport/input.png") no-repeat;
}

.pdf-content .page-container .group-container .input-bg.checked {
  background: url("/std-require-js/public/images/customReport/input-selected.png") no-repeat;
}

.pdf-content .page-container .group-container .pay-tag {
  color: #f65819;
  border: #f65819 1px solid;
  border-radius: 3px;
  font-size: 12px;
  text-align: center;
  padding: 2px 4px 1px;
  position: relative;
  top: -2px;
}

.pdf-content .page-container .group-container .example {
  color: #0245ff;
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
}

.pdf-content .page-container .subitems-main-container {
  margin: 0 22px;
}

.pdf-content .page-container .subitems-main-container .subitem {
  width: 16.66%;
  text-align: left;
}

.pdf-content .page-container .subitems-main-title {
  margin: 0 22px;
  line-height: 38px;
  background: #FAFAFA;
  color: #606060;
}

.pdf-content .page-container .subitems-main-container .subitems-container {
  position: relative;
  left: 30px;
  font-size: 14px;
  color: #707078;
}

.pdf-content .page-container .subitems-main-container .subitems-container input {
  width: 16px;
  height: 16px;
  opacity: 0;
}

.pdf-content .page-container .subitems-main-container .subitems-container .input-bg {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 5px;
  left: -5px;
  background: url("/std-require-js/public/images/customReport/input.png") no-repeat;
}

.pdf-content .page-container .subitems-main-container .subitems-container .input-bg.checked {
  background: url("/std-require-js/public/images/customReport/input-selected.png") no-repeat;
}

.pdf-content .page-container .download-container {
  margin-top: 20px;
}

.pdf-content .page-container .download-container .select-all-container {
  margin-top: 30px;
  color: #aaa;
}

.pdf-content .page-container .download-container .select-all-container .input-bg {
  width: 16px;
  height: 16px;
  background: url("/std-require-js/public/images/customReport/input.png") no-repeat;
  display: inline-block;
  margin-right: 2px;
  position: relative;
  top: 2px;
}

.pdf-content .page-container .download-container .select-all-container .input-bg.checked {
  background: url("/std-require-js/public/images/customReport/input-selected.png") no-repeat;
}

.pdf-content .page-container .download-container .download-custom-btn {
  position: relative;
  top: -32px;
  width: 160px;
  height: 34px;
  cursor: pointer;
  background: url("/std-require-js/public/images/customReport/custom-download-btn.png");
  margin: 0 auto;
}

.pdf-content .page-container .download-container .download-custom-btn:hover {
  background: url("/std-require-js/public/images/customReport/custom-download-btn-hov.png");
}

.pdf-content .page-container .download-container .btn-container {
  width: 350px;
  margin: 0 auto;
}

.pdf-content .page-container .download-container .btn-container .download-btn {
  display: inline-block;
}

.pdf-content .page-container .download-container .btn-container .download-btn-new {
  display: inline-block;
}

.pdf-content .pdf-close-btn {
  z-index: 1;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  background-image: url(/std-require-js/public/images/customReport/pdf_delete_nav.png);
  background-size: 30px 30px;
}

.pdf-content .pdf-box {
  display: inline-block;
  width: 280px;
  height: 386px;
  background: #FFFFFF;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
  padding-top: 25px;
  margin-bottom: 35px;
  text-align: center;
  cursor: pointer;
}

.pdf-content .pdf-box .angle {
  display: none;
}

.pdf-content .pdf-box:hover {
  -webkit-box-shadow: 5px 5px 10px #eee;
  box-shadow: 5px 5px 10px #eee;
  border-color: #00B5C7;
}

.pdf-content .pdf-box.index {
  position: relative;
  -webkit-box-shadow: 0px 5px 10px #eee;
  box-shadow: 0px 5px 10px #eee;
  border-color: #00B5C7;
}

.pdf-content .pdf-box.index .angle {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50px;
  height: 50px;
  border: 25px solid #00B5C7;
  border-left-color: transparent;
  border-bottom-color: transparent;
  font-size: 18px;
  color: #fff;
}

.pdf-content .pdf-box.index .angle:before {
  content: "";
  position: relative;
  top: -27px;
  left: 3px;
  display: inline-block;
  width: 16px;
  height: 11px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.pdf-content .to-next-btn {
  width: 62px;
  height: 33px;
  background-image: url("/std-require-js/public/images/customReport/footer.png");
  cursor: pointer;
  margin: 25px auto 0;
}

.pdf-content .advanced-icon,
.pdf-content .basic-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 10px auto;
}

.pdf-content .advanced-icon {
  background-image: url(/standard/advanced-pdf.png);
}

.pdf-content .title,
.pdf-content .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .pdf-content .reg-title,
.pdf-content .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .pdf-content .reg-title,
.pdf-content .login-blue2 .reg-title,
.login-blue2 .pdf-content .reg-title,
.pdf-content .theme-green .login-blue2 .reg-title,
.theme-green .login-blue2 .pdf-content .reg-title {
  color: #474747;
}

.pdf-content .page-container .title,
.pdf-content .page-container .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .pdf-content .page-container .reg-title,
.pdf-content .page-container .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .pdf-content .page-container .reg-title,
.pdf-content .page-container .login-blue2 .reg-title,
.login-blue2 .pdf-content .page-container .reg-title {
  height: 22px;
  line-height: 22px;
}

.pdf-content .light {
  color: #32B8F5;
}

.pdf-content .count {
  color: #919191;
}

.pdf-content .info {
  color: #AEAEAE;
  margin-top: 10px;
  margin-bottom: 10px;
}

.pdf-content .info .report-text {
  color: #ABABAB;
  display: inline-block;
  margin: 0 10px;
}

.pdf-content .describe {
  margin-left: 27px;
  width: 100%;
  color: #606060;
  text-align: left;
  display: inline-block;
  margin-bottom: 15px;
  line-height: 30px;
  height: 200px;
}

.pdf-content .handle {
  position: absolute;
  bottom: 62px;
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.pdf-content .handle:before {
  content: "";
  display: block;
  height: 0;
  margin: 0 20px 30px;
  border-top: 1px solid #DFDFDF;
}

.pdf-content .check-all {
  display: inline-block;
  position: absolute;
  left: 70px;
  top: 40px;
}

.pdf-content .check-all input {
  display: none;
}

.pdf-content .check-all .input-bg {
  width: 19px;
  height: 18px;
  position: absolute;
  top: 2px;
  left: -25px;
  background: url("/std-require-js/public/images/customReport/input-lg.png") no-repeat;
}

.pdf-content .check-all .input-bg.checked {
  background: url("/std-require-js/public/images/customReport/input-lg-selected.png") no-repeat;
}

.pdf-content .format-select {
  display: inline-block;
  vertical-align: top;
}

.pdf-content .format-select .new-button-sm {
  text-align: left;
}

.pdf-content .format-select .phoneNowBox {
  display: inline-block;
  text-align: left;
}

.pdf-content .submit-btn {
  display: inline-block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 2px;
  padding: 0;
  margin-left: 7px;
  margin-right: 30px;
  color: #fff;
  background-color: #00b5c7;
}

.pdf-content .page-btn {
  display: inline-block;
  width: 65px;
  height: 40px;
  line-height: 40px;
  border-radius: 2px;
  color: #606060;
  cursor: pointer;
}

.pdf-content .submit-btn:hover {
  background-color: #0dc9d9;
}

.pdf-content .submit-btn .download-icon {
  background-image: url(/standard/download-icon2.png);
  width: 12px;
  height: 16px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 7px;
}

.pdf-content .download-btn-warp .download-btn {
  background-size: 100% 100%;
  width: 114px;
  height: 38px;
  display: inline-block;
}

.pdf-content .download-btn-warp .download-btn-new {
  background-size: 100% 100%;
  width: 114px;
  height: 38px;
  display: inline-block;
}

.pdf-content .submit-btn-fal {
  width: 162px;
  margin: auto;
  padding: 10px 0;
  border-radius: 3px;
  color: #fff;
  background-color: #f0f0f0;
}

.pdf-content .submit-btn-fal .download-icon {
  background-image: url(/standard/download-icon2.png);
  width: 12px;
  height: 16px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 7px;
}

.pdf-content .pdf-des-1 {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  background-image: url(/standard/pdf-des-1.png);
}

.pdf-content .pdf-des-2 {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  background-image: url(/standard/pdf-des-2.png);
}

.pdf-content .pdf-des-3 {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  background-image: url(/standard/pdf-des-3.png);
}

.pdf-content .pdf-tab {
  cursor: pointer;
  display: inline-block;
  padding: 5px 15px;
  background: #32B8F5;
  color: #D1FFF1;
  border-radius: 3px;
}

.modal-640 {
  width: 640px;
}

.label {
  font-weight: normal;
}

.increase_searchV2 .subText {
  color: #ABABAB;
  padding-left: 10px;
  padding-top: 8px;
  text-align: left;
}

.increase_searchV2 .item {
  width: 370px;
  height: 195px;
  background-color: #F6F6F6;
  margin-right: 10px;
  float: left;
  overflow: hidden;
  position: relative;
}

.increase_searchV2 .item .pic_box {
  width: 370px;
  height: 165px;
  overflow: hidden;
}

.increase_searchV2 .item .pic-button {
  position: absolute;
  top: 125px;
  right: 70px;
  width: 130px;
  height: 30px;
  background-image: url(/standard/increase_search_nor.png);
  background-size: cover;
}

.increase_searchV2 .item .pic-button:hover {
  cursor: pointer;
  background-image: url(/standard/increase_search_hig.png);
}

.increase_searchV2 .item .pic {
  background-size: cover;
  height: 100%;
  width: 100%;
}

.increase_searchV2 .item .pic1 {
  background-image: url(/standard/banner1_nor.png);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.13, 0.71, 1, 0.63);
}

.increase_searchV2 .item .pic1:hover {
  -webkit-transform: scale(1.1, 1.1);
}

.increase_searchV2 .item .picHig1 {
  background-image: url(/standard/banner1_dis.png);
}

.increase_searchV2 .item .pic2 {
  background-image: url(/standard/banner2_nor.png);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.13, 0.71, 1, 0.63);
}

.increase_searchV2 .item .pic2:hover {
  -webkit-transform: scale(1.1, 1.1);
}

.increase_searchV2 .item .picHig2 {
  background-image: url(/standard/banner2_dis.png);
}

.increase_searchV2 .item .pic3 {
  background-image: url(/standard/banner3_nor.png);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.13, 0.71, 1, 0.63);
}

.increase_searchV2 .item .pic3:hover {
  -webkit-transform: scale(1.1, 1.1);
}

.increase_searchV2 .item .picHig3 {
  background-image: url(/standard/banner3_dis.png);
}

.increase_searchV2 .item .pic4 {
  background-image: url(/standard/banner4_nor.png);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.13, 0.71, 1, 0.63);
}

.increase_searchV2 .item .pic4:hover {
  -webkit-transform: scale(1.1, 1.1);
}

.increase_searchV2 .item .picHig4 {
  background-image: url(/standard/banner4_dis.png);
}

.increase_searchV2 .item .pic5 {
  background-image: url(/standard/banner5_nor.png);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.13, 0.71, 1, 0.63);
}

.increase_searchV2 .item .pic5:hover {
  -webkit-transform: scale(1.1, 1.1);
}

.increase_searchV2 .item .picHig5 {
  background-image: url(/standard/banner5_dis.png);
}

.increase_searchV2 .item .pic6 {
  background-image: url(/standard/banner6_nor.png);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.13, 0.71, 1, 0.63);
}

.increase_searchV2 .item .pic6:hover {
  -webkit-transform: scale(1.1, 1.1);
}

.increase_searchV2 .item .picHig6 {
  background-image: url(/standard/banner6_dis.png);
}

.search-button {
  width: 140px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #32B8F5;
}

/*授权页面*/

.auth-head {
  font-size: 18px;
  color: #000;
  line-height: 30px;
}

.auth-right-font {
  font-size: 14px;
  color: #5d5d5d;
}

.table-head {
  color: #4d4d4d;
  font-size: 13px;
  font-weight: normal;
}

.auth-table-base {
  color: #6d6d6d;
  font-size: 13px;
}

.auth-table-base th {
  font-weight: normal;
}

.table-head-1 {
  color: #000;
  font-size: 14px;
}

.table.multi-tbody > tbody + tbody {
  border-top: 1px solid #ddd;
}

.user_add .title,
.user_add .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .user_add .reg-title,
.user_add .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .user_add .reg-title,
.user_add .login-blue2 .reg-title,
.login-blue2 .user_add .reg-title,
.user_add .theme-green .login-blue2 .reg-title,
.theme-green .login-blue2 .user_add .reg-title {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 30px;
  background-color: #f0f0f0;
  font-size: 18px;
  color: transparent;
}

.user_add .content {
  padding-top: 30px;
  padding-left: 63px;
  padding-bottom: 30px;
}

.user_add .line {
  margin-bottom: 30px;
}

.user_add .line-short {
  margin-bottom: 15px;
}

.user_add .line-short input {
  width: 100%;
}

.user_add .line-short .line-text {
  display: inline-block;
  width: 120px;
  vertical-align: top;
}

.user_add .line-short .input-container {
  display: inline-block;
  width: 300px;
}

.user_add .line-short .input-container .tree {
  height: 300px;
}

.user_add .line-short .input-container .tree .icon-space {
  padding-left: 22px;
}

.user_add .line-short .limit-btn,
.user_add .line-short .limit-container .limit-item .delete-limit-btn {
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  width: 40px;
  line-height: 20px;
  border-radius: 5px;
  text-align: center;
  background-color: #00a9be;
}

.user_add .line-short .limit-btn .fa,
.user_add .line-short .limit-container .limit-item .delete-limit-btn .fa {
  color: #fff;
}

.user_add .line-short .limit-container {
  margin-left: 123px;
}

.user_add .line-short .limit-container .limit-item {
  margin-top: 15px;
}

.user_add .line-short .limit-container .limit-item input {
  width: 90px;
}

.user_add .line-short .limit-container .limit-item .delete-limit-btn {
  width: 20px;
}

.user_add .bottom {
  text-align: center;
  padding-bottom: 23px;
}

.button_ {
  padding: 3px 20px;
  display: inline-block;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  background-color: #F0F0F0;
  cursor: pointer;
}

.B2 {
  color: #4dd0e1;
}

.report_list_loading {
  height: 140px;
  text-align: center;
  padding-top: 50px;
}

.tz-chart {
  border: 1px solid #ebebeb;
}

.tz-chart select {
  margin-top: 10px;
}

.tz-chart .col-md-6 + .col-md-6 {
  border-left: 1px solid #ebebeb;
}

.tz-chart + .tz-chart {
  border-top-width: 0;
}

.modal-phone {
  width: 400px;
}

.btn-popup-blue {
  width: 120px;
  line-height: 36px;
  background-color: #32B8F5;
  color: #ffffff;
  cursor: pointer;
  border-radius: 2px;
}

.btn-popup-white {
  width: 120px;
  line-height: 34px;
  background-color: #ffffff;
  color: #32B8F5;
  cursor: pointer;
  border: 1px solid #32B8F5;
  border-radius: 2px;
}

.custom-opt-input-group-container {
  line-height: 30px;
  padding-left: 10px;
  margin-bottom: 14px;
  margin-top: 14px;
  height: 34px;
}

.custom-opt-input-group-container .custom-opt-title {
  float: left;
  margin-right: 8px;
}

.custom-opt-input-group-container .input-group {
  width: 84px;
  float: left;
}

.custom-submit-btn-container {
  vertical-align: middle;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.custom-submit-btn-container .custom-submit-btn {
  display: inline-block;
  margin: 0 auto;
  width: 54px;
  height: 22px;
  background-color: #32B8F5;
  line-height: 22px;
  color: white;
  text-align: center;
  margin-bottom: 14px;
}

.pt23 {
  padding-top: 23px;
}

.result-recommend {
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 14px;
  color: #666666;
  background: #ecf1f5;
}

.result-recommend .recommend:after,
.result-recommend .recommend:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 1px;
  background: #e0e0e0;
  margin-left: 8px;
  vertical-align: middle;
}

.result-recommend .recommend:before {
  margin-right: 8px;
}

.searchSelfSelect {
  top: 22px;
  max-height: 505px;
  z-index: 500;
  position: absolute;
  left: 50%;
  margin-left: -80px;
  width: 160px;
  height: 148px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(96, 96, 96, 0.5);
  box-shadow: 0 1px 4px 0 rgba(96, 96, 96, 0.5);
  padding: 20px 14px;
}

.searchSelfSelect .custom-opt-input-group-container {
  height: 28px;
  line-height: 26px;
}

.searchSelfSelect .custom-submit-btn {
  display: inline-block;
  width: 72px;
  height: 28px;
  border: 1px solid #32B8F5;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 26px;
  cursor: pointer;
  background: #32B8F5;
  color: #fff;
  margin-bottom: 0;
  margin-top: 14px;
}

.searchSelfSelect .input-group {
  width: 100px !important;
  height: 28px;
  line-height: 26px;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.searchSelfSelect .input-group input {
  width: 70px;
  padding: 0 8px;
  height: 26px;
  border: none;
  font-size: 12px;
  color: #333333;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;
}

.searchSelfSelect .input-group span {
  border: none;
  border-radius: 0;
  position: relative;
  width: 28px !important;
  height: 26px !important;
  line-height: 26px;
  padding: 0 !important;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}

.searchSelfSelect .input-group span::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 12px;
  background-color: #F3F3F3;
  left: 0px;
  top: 50%;
  margin-top: -6px;
}

.stdResult-list {
  background: #fff;
}

.stdResult-item {
  position: relative;
  display: block;
  padding: 24px;
  font-size: 0;
  min-height: 126px;
  border-bottom: 1px solid #f3f3f3;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.stdResult-item em {
  color: #FF3B30;
}

.stdResult-item:hover {
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 4px 5px -3px rgba(0, 0, 0, 0.06), 0 4px 12px 4px rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 5px -3px rgba(0, 0, 0, 0.06), 0 4px 12px 4px rgba(0, 0, 0, 0.06);
}

.stdResult-item:hover .header .name {
  color: #32B8F5;
}

.stdResult-item .left-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 88px;
  margin-right: 24px;
}

.stdResult-item .content {
  display: inline-block;
  vertical-align: middle;
  width: 1038px;
  font-size: 14px;
  color: #666;
}

.stdResult-item .content .header {
  margin-bottom: 8px;
}

.stdResult-item .content .header .name {
  display: inline-block;
  vertical-align: middle;
  max-width: 560px;
  color: #333;
  margin-right: 8px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.stdResult-item .content .header .nameOv {
  font-size: 18px;
  color: #333333;
  line-height: 28px;
  display: inline-block;
  vertical-align: middle;
  max-width: 560px;
  margin-right: 8px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  font-family: PingFangSC-Medium;
}

.stdResult-item .content .header .status {
  display: inline-block;
  height: 20px;
  padding: 0 4px;
  color: #5EBD40;
  background: rgba(94, 189, 64, 0.1);
  border: 1px solid rgba(94, 189, 64, 0.2);
  border-radius: 2px;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}

.stdResult-item .content .header .statusOv {
  display: inline-block;
  height: 20px;
  padding: 0 4px;
  background: rgba(87, 166, 255, 0.1);
  border: 1px solid rgba(87, 166, 255, 0.2);
  border-radius: 2px;
  vertical-align: middle;
  text-align: center;
  line-height: 18px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #57A6FF;
  letter-spacing: 0;
}

.stdResult-item .content .header .statusErr {
  display: inline-block;
  height: 20px;
  padding: 0 4px;
  color: #FF6F59;
  background: rgba(255, 111, 89, 0.1);
  border: 1px solid rgba(255, 111, 89, 0.2);
  border-radius: 2px;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}

.stdResult-item .content .tag-list {
  margin-bottom: 8px;
  padding-right: 42px;
}

.stdResult-item .content .tag-list .tag {
  display: inline-block;
  height: 20px;
  padding: 0 4px;
  margin-right: 8px;
  border: 1px solid rgba(62, 184, 200, 0.2);
  border-radius: 2px;
  font-size: 12px;
  line-height: 18px;
  color: #3EB8C8;
  background: rgba(62, 184, 200, 0.1);
}

.stdResult-item .content .tag-list .tag.-primary {
  color: #7C80C6;
  background: rgba(124, 128, 198, 0.1);
  border: 1px solid rgba(124, 128, 198, 0.2);
}

.stdResult-item .content .tag-list .tag.-primary .line:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 12px;
  margin: 0 4px;
  border-right: 1px solid #7C80C6;
  vertical-align: -2px;
}

.stdResult-item .content .tag-list .tag.-primary .bond {
  margin-right: 4px;
}

.stdResult-item .content .info {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 22px;
}

.stdResult-item .content .info .info-item {
  display: inline-block;
  margin-right: 24px;
}

.stdResult-item .content .info .itemTitleOv {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #999999;
  line-height: 22px;
}

.stdResult-item .content .info .itemValueOv {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
}

.stdResult-item .content .contact {
  font-size: 14px;
  line-height: 22px;
}

.stdResult-item .content .contact .contact-item {
  display: inline-block;
  margin-right: 24px;
}

.stdResult-item .content .contact .contact-item .link-click {
  color: #32B8F5;
  cursor: pointer;
}

.stdResult-item .content .match {
  margin-top: 4px;
  font-size: 14px;
  line-height: 22px;
}

.stdResult-item .content .match .match-field-item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 24px;
}

.stdResult-item .site {
  position: absolute;
  right: 24px;
  top: 24px;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
}

.stdResult-item .score {
  position: absolute;
  top: 54px;
  right: 24px;
  border: none;
  color: #32B8F5;
}

.stdResult-item .score .score-num {
  font-size: 20px;
  line-height: 28px;
}

.stdResult-item .score .score-fen {
  font-size: 12px;
  line-height: 17px;
}

.stdResult-res {
  margin-top: 42px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  padding-bottom: 24px;
}

.stdResult-res-transfer {
  padding: 0 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 28px;
  border-radius: 2px;
  background: #32B8F5;
  color: #fff;
  cursor: pointer;
}

.stdResult-table {
  background: #fff;
  width: 1152px;
  border-collapse: collapse;
  color: #333;
  font-size: 14px;
  line-height: 22px;
  word-wrap: break-word;
  word-break: break-all;
  table-layout: fixed;
}

.stdResult-table td {
  padding: 12px 7px;
  background: #fff;
  border: 1px solid #E4EEF6;
  text-align: center;
}

.stdResult-table td.-left {
  text-align: left;
}

.stdResult-table td.-bg {
  background-color: #F0F7FC;
}

.stdResult-table td.-score {
  color: #F98D1F;
}

.search-pagination {
  padding: 24px;
  background: #fff;
}

.search_contain_peo {
  -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.06);
}

.search_contain_peo .header {
  height: 40px;
  padding: 9px 24px;
  color: #333333;
  background: #F6F9FC;
  font-size: 14px;
  line-height: 22px;
}

.search_contain_peo .header .link {
  float: right;
  color: #32B8F5;
  cursor: pointer;
}

.search_contain_peo .content {
  position: relative;
  padding: 0 40px;
  background: #fff;
  overflow: hidden;
}

.search_contain_peo .content.brand .in {
  height: 192px;
}

.search_contain_peo .content.brand .arrow-left {
  top: 70px;
}

.search_contain_peo .content.brand .arrow-right {
  top: 70px;
}

.search_contain_peo .content .arrow-left {
  position: absolute;
  top: 89px;
  left: 24px;
  cursor: pointer;
}

.search_contain_peo .content .arrow-right {
  position: absolute;
  top: 89px;
  right: 24px;
  cursor: pointer;
}

.search_contain_peo .content .in {
  padding: 24px 16px;
  width: 99999px;
  height: 230px;
}

.search_contain_peo .content .in .human-box {
  margin-right: 16px;
  color: #333;
}

.stdSearch-filter {
  height: 48px;
  padding: 10px 24px;
  background: #F6F9FC;
  color: #333;
  font-size: 14px;
  line-height: 28px;
}

.stdSearch-filter .download-btn {
  width: 80px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  color: #fff;
  background: #32B8F5;
  font-weight: 600;
  margin-left: 16px;
  font-size: 12px;
  border-radius: 2px;
}

.stdSearch-filter .download-btn-new {
  width: 80px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  color: #fff;
  background: #32B8F5;
  font-weight: 600;
  margin-left: 16px;
  font-size: 12px;
  border-radius: 2px;
}

.stdSearch-filter .select-btn {
  position: relative;
  display: inline-block;
  height: 28px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  background: #FFFFFF;
}

.stdSearch-filter .select-btn:hover .select-btn-body {
  display: block;
}

.stdSearch-filter .select-btn-head {
  padding: 4px 8px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  font-size: 12px;
  color: #333333;
  line-height: 18px;
  cursor: pointer;
}

.stdSearch-filter .select-btn-head .tic {
  color: #999;
}

.stdSearch-filter .select-btn-head:hover {
  border: 1px solid #32B8F5;
}

.stdSearch-filter .select-btn-head:active {
  background: rgba(50, 184, 245, 0.1);
}

.stdSearch-filter .select-btn-body {
  display: none;
  position: absolute;
  right: 0;
  top: 28px;
  padding: 3px 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(96, 96, 96, 0.5);
  box-shadow: 0 1px 4px 0 rgba(96, 96, 96, 0.5);
  border-radius: 2px;
  z-index: 100;
}

.stdSearch-filter .select-btn-item {
  height: 30px;
  padding: 0 8px;
  line-height: 30px;
  cursor: pointer;
  white-space: nowrap;
}

.stdSearch-filter .select-btn-item-alla {
  padding-left: 0;
  padding-right: 0;
}

.stdSearch-filter .select-btn-item-alla a {
  display: inline-block;
  padding: 0 8px;
  width: 100%;
  color: #111;
}

.stdSearch-filter .select-btn-item-alla a:hover {
  color: #111;
  background: rgba(50, 184, 245, 0.1);
}

.stdSearch-title-company-list {
  display: inline-block;
  position: relative;
}

.stdSearch-filters {
  padding: 11px 24px;
  height: 50px;
  background: #F6F9FC;
  color: #333;
  font-size: 14px;
  line-height: 28px;
}

.stdSearch-filters.-fixed {
  position: fixed;
  top: 64px;
  margin-top: 0;
  width: 1200px;
  z-index: 2;
}

.stdSearch-filters .text {
  font-size: 16px;
}

.stdSearch-filters .export-area {
  margin-left: 24px;
}

.stdSearch-filters .export-area input {
  width: 100px;
  height: 28px;
  margin: 0 4px;
  padding: 0 8px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  outline: none;
}

.stdSearch-filters .change-btn {
  width: 110px;
  height: 28px;
  margin-left: 24px;
  text-align: center;
  line-height: 28px;
  color: #fff;
  background: #32B8F5;
  font-weight: 600;
  font-size: 12px;
  border-radius: 2px;
}

.stdSearch-filters .download-btn {
  width: 60px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  color: #fff;
  background: #32B8F5;
  font-weight: 600;
  margin-left: 16px;
  font-size: 12px;
  border-radius: 2px;
}

.stdSearch-filters .download-btn-new {
  width: 60px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  color: #fff;
  background: #32B8F5;
  font-weight: 600;
  margin-left: 16px;
  font-size: 12px;
  border-radius: 2px;
}

.stdSearch-filters .split-line {
  width: 1px;
  height: 28px;
  background: #E4EEF6;
}

.stdSearch-filters .select-btn {
  position: relative;
  display: inline-block;
  height: 28px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  background: #FFFFFF;
}

.stdSearch-filters .select-btn:hover .select-btn-body {
  display: block;
}

.stdSearch-filters .select-btn-head {
  padding: 0 16px;
  font-size: 14px;
  line-height: 26px;
  color: #333;
  cursor: pointer;
}

.stdSearch-filters .select-btn-head .tic {
  color: #999;
}

.stdSearch-filters .select-btn-head:hover {
  background: rgba(50, 184, 245, 0.05);
}

.stdSearch-filters .select-btn-head:active {
  background: rgba(50, 184, 245, 0.1);
}

.stdSearch-filters .select-btn-body {
  display: none;
  position: absolute;
  left: 0;
  top: 28px;
  padding: 3px 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0 1px 4px 0 rgba(96, 96, 96, 0.5);
  box-shadow: 0 1px 4px 0 rgba(96, 96, 96, 0.5);
  border-radius: 2px;
  z-index: 100;
}

.stdSearch-filters .select-btn-item {
  height: 30px;
  padding: 0 8px;
  line-height: 30px;
  cursor: pointer;
  white-space: nowrap;
}

.stdSearch-filters .select-btn-item:hover {
  background: rgba(50, 184, 245, 0.1);
}

.stdSearch-filters .select-btn-item-alla {
  padding-left: 0;
  padding-right: 0;
}

.stdSearch-filters .select-btn-item-alla a {
  display: inline-block;
  padding: 0 8px;
  width: 100%;
}

.stdSearch-filters .select-btn-item-alla a:hover {
  background: rgba(50, 184, 245, 0.1);
}

.stdSearch-filters .select-btns {
  position: relative;
  display: inline-block;
  min-width: 100px;
  height: 28px;
  background: #FFFFFF;
}

.stdSearch-filters .select-btns.-w110 {
  width: 110px;
}

.stdSearch-filters .select-btns:hover .select-btns-body {
  display: block;
}

.stdSearch-filters .select-btns-head {
  width: 100%;
  padding: 4px 8px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  font-size: 12px;
  color: #333333;
  line-height: 18px;
  cursor: pointer;
}

.stdSearch-filters .select-btns-head .tic {
  float: right;
  color: #999;
}

.stdSearch-filters .select-btns-head:hover {
  border: 1px solid #32B8F5;
}

.stdSearch-filters .select-btns-body {
  display: none;
  position: absolute;
  left: 0;
  top: 28px;
  width: 100%;
  padding: 3px 0;
  border: 1px solid #E0E0E0;
  -webkit-box-shadow: 0 5px 20px 0 rgba(26, 26, 26, 0.1);
  box-shadow: 0 5px 20px 0 rgba(26, 26, 26, 0.1);
  border-radius: 2px;
  font-size: 14px;
  background: #fff;
  color: #333333;
  line-height: 22px;
  z-index: 100;
}

.stdSearch-filters .select-btns-item {
  height: 30px;
  padding: 4px 12px;
  cursor: pointer;
  white-space: nowrap;
}

.stdSearch-filters .select-btns-item:hover {
  background: rgba(50, 184, 245, 0.1);
}

.noaccess-content {
  text-align: center;
  margin-top: 150px;
}

.noaccess-content span {
  display: inline-block;
  padding-left: 40px;
  font-size: 18px;
  line-height: 90px;
  letter-spacing: 2px;
  color: #989898;
}

@media screen and (min-width: 850px) {
  .air-risk {
    min-height: 630px !important;
  }

  .risk-box-outer {
    min-height: 630px !important;
  }
}

.container-bg-risk {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  background-color: #ecf1f5;
}

.container-bg-risk .company_container {
  padding-left: 0;
  padding-right: 0;
  min-height: 582px;
}

.risk-box {
  width: 860px;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
}

.risk-box.risk-box-right {
  left: 860px;
}

.risk-box.risk-box-left {
  left: 0;
}

.risk-box.risk-box-left .companyInfo-table {
  margin: 0;
  border: 1px solid #e2e7e8;
  font-size: 14px;
  text-align: center;
}

.risk-box.risk-box-left .companyInfo-table thead tr {
  height: 44px;
}

.risk-box.risk-box-left .companyInfo-table thead tr th {
  border-left: none;
  border-right: none;
  padding: 0px 8px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
}

.risk-box.risk-box-left .companyInfo-table tbody tr {
  height: 44px;
  color: #666666;
}

.risk-box.risk-box-left .companyInfo-table tbody tr td {
  border-left: none;
  border-right: none;
  padding: 10px 8px;
}

.riskboxbody {
  height: 465px;
}

.riskboxbody .risk-tab {
  width: 50%;
  border-bottom: 1px solid #f3f3f3;
  color: #515151;
}

.riskboxbody .risk-tab.pull-left {
  border-right: 1px solid #f3f3f3;
}

.riskboxbody .risk-tab.active {
  color: #01abcc;
}

.link-click {
  color: #0084ff;
  cursor: pointer;
}

.link-click:hover,
.link-click:focus,
.link-click:active {
  color: #0084ff;
}

.link-click:hover {
  text-decoration: underline;
}

.riskboxouter em {
  color: #f15643;
}

.riskboxouter {
  height: 465px;
  overflow-y: auto;
}

.riskboxouter.riskboxoutershort {
  height: 424px;
}

.riskboxouter .risk-head {
  line-height: 16px;
  font-size: 16px;
  color: #f15643;
  margin-bottom: 20px;
}

.riskboxouter .risk-head.risk-head-vip {
  margin-bottom: 12px;
  border-color: #ff3b30;
  color: #ff3b30;
}

.riskboxouter .riskbox-title a {
  text-decoration: underline;
}

.riskboxouter .riskbox-title a[href]:hover {
  color: #32b8f5;
}

.riskboxouter .riskbox-title.riskbox-active-title a[href] {
  color: #32b8f5;
}

.riskboxouter .riskbox-title .overflow-width {
  vertical-align: top;
  max-width: 670px;
}

.riskboxouter .risk-bg-gray {
  background: #f9f9f7;
}

.riskboxouter .company_pager .total {
  font-size: 12px;
  display: inline-block;
  height: 16px;
  line-height: 16px;
}

.riskboxouter .risk-nodata {
  background-image: url("/wap/images/risk_nodata.png");
  width: 780px;
  background-size: 100%;
  height: 165px;
  background-repeat: no-repeat;
  padding-left: 340px;
  padding-right: 110px;
  padding-top: 55px;
  font-size: 20px;
  color: #666;
  text-align: center;
}

.riskboxouter.riskMaskBox {
  width: 100%;
}

.risk-bottom {
  height: 35px;
  background-color: #f6f6f6;
}

.risk_logo {
  height: 34px;
  width: 92px;
  background-image: url("/wap/images/modal-logo-white.png");
  background-size: 100%;
  position: absolute;
  left: 40px;
  top: 2px;
}

.risk-color {
  color: #f15643;
}

.riskreturnbtn {
  left: 18px;
  top: 10px;
}

.riskerror-box {
  font-size: 20px;
  width: 300px;
}

.riskerror-box .risk-btn {
  width: 200px;
}

.riskLoading .modal-successBox2 {
  margin-top: 55px !important;
}

.tyc-risk-companyname {
  font-size: 20px;
  display: inline-block;
  line-height: 62px;
  height: 62px;
  vertical-align: middle;
  color: #32b8f5;
  letter-spacing: 0;
  font-weight: bold;
}

.risk-tab-warp {
  width: 1200px;
  font-size: 0;
  color: #333333;
  height: 50px;
  background-color: #f6f9fc;
}

.risk-tab-warp .risk-tab {
  display: inline-block;
  font-size: 16px;
  line-height: 42px;
  height: 50px;
  text-align: center;
  background: transparent;
  border-left: none;
  border-right: none;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 24px;
}

.risk-tab-warp .risk-tab:hover {
  color: #32b8f5;
}

.risk-tab-warp .risk-tab.-active {
  color: #32b8f5;
  border-bottom-color: #32b8f5;
}

.risk-tab-warp .risk-tab.-disabled {
  cursor: no-drop;
  color: #999;
}

.tag-risk-intro {
  border: 1px solid;
  padding: 0 3px;
}

.-risk {
  border-color: #ff3b30;
  color: #ff3b30;
}

.-warn {
  border-color: #ff7d18;
  color: #ff7d18;
}

.-notice {
  border-color: #c66ef2;
  color: #c66ef2;
}

.risk-box-outer {
  width: 100%;
  background-color: #ffffff;
  min-height: 470px;
}

.risk-box-outer .risk-pop-outer {
  font-size: 0;
  width: 100%;
  border-bottom: 1px solid #f3f3f3;
}

.risk-box-outer .risk-pop-outer:last-child {
  border-bottom: none;
}

.risk-box-outer .risk-pop-outer .risk-head {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 24px 0;
  height: 54px;
}

.risk-box-outer .risk-pop-outer .risk-head .risk-head-l {
  float: left;
  height: 30px;
  font-size: 20px;
  color: #333333;
}

.risk-box-outer .risk-pop-outer .risk-head .risk-head-l .risk-name {
  font-weight: bold;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}

.risk-box-outer .risk-pop-outer .risk-head .risk-head-l .risk-num-r {
  display: inline-block;
  vertical-align: middle;
  background-color: #32b8f5;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  font-family: Arial-BoldMT;
  border: none;
  position: relative;
  padding-right: 5px;
  padding-left: 3px;
  margin-left: 14px;
}

.risk-box-outer .risk-pop-outer .risk-head .risk-head-l .risk-num-r::before {
  position: absolute;
  top: 0;
  left: -11px;
  width: 16px;
  height: 16px;
  content: "";
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/risk-left.png") no-repeat scroll center center/100%;
}

.risk-box-outer .risk-pop-outer .risk-head .risk-head-r {
  float: right;
  width: 84.5px;
  margin-top: 3px;
  height: 24px;
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/tyc-logo-risk.png") no-repeat;
  background-size: cover;
}

.risk-box-outer .risk-pop-outer .risk-body .risk-cont-bot:last-child .risk-cont-bot-line {
  border: none;
}

.risk-box-outer .risk-pop-outer .risk-cont-bot-line {
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.risk-box-outer .risk-pop-outer .risk-intro {
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 0;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 24px;
  margin-top: 24px;
  margin-bottom: 8px;
}

.risk-box-outer .risk-pop-outer .risk-intro::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  width: 4px;
  height: 16px;
  background-color: #32B8F5;
  background-size: cover;
}

.risk-box-outer .risk-pop-outer .risk-intro .risk-intro-title {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

.risk-box-outer .risk-pop-outer .risk-intro .tag-risk-intro {
  font-size: 12px;
  color: #F98D1F;
  height: 20px;
  line-height: 20px;
  border-radius: 12px;
  border: none;
  vertical-align: middle;
  background: rgba(249, 141, 31, 0.1);
  padding: 0 8px;
}

.risk-box-outer .risk-pop-outer .risk-intro .tag-risk-intro.risk-risk {
  color: #FF6F59;
  background: rgba(255, 111, 89, 0.1);
}

.risk-box-outer .risk-pop-outer .risk-intro .tag-risk-intro.risk-warn {
  color: #F98D1F;
  background: rgba(249, 141, 31, 0.1);
}

.risk-box-outer .risk-pop-outer .risk-intro .tag-risk-intro.risk-notice {
  color: #C786FF;
  background: rgba(199, 134, 255, 0.1);
}

.risk-box-outer .risk-pop-outer .riskbox a:hover {
  text-decoration: underline;
}

.risk-box-outer .risk-pop-outer .riskbox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.risk-box-outer .risk-pop-outer .riskbox .riskbox-collapse.in {
  margin: 8px 0 24px;
  color: #333333;
  font-size: 14px;
  background-color: #FFFFFF;
}

.risk-box-outer .risk-pop-outer .riskbox .riskbox-collapse.in .table tbody tr td:first-child {
  text-align: center;
}

.risk-box-outer .risk-pop-outer .riskbox-title {
  padding: 8px 24px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 38px;
  line-height: 22px;
}

.risk-box-outer .risk-pop-outer .riskbox-title:hover {
  background: rgba(50, 184, 245, 0.1);
}

.risk-box-outer .risk-pop-outer .riskbox-title .risk-overflow-width {
  font-size: 14px;
  color: #333333;
}

.risk-box-outer .risk-pop-outer .riskbox-title .risk-overflow-width.color-red em {
  color: #ff3b30;
}

.risk-box-outer .risk-pop-outer .riskbox-title .risk-overflow-width em {
  color: #333333;
}

.risk-box-outer .risk-pop-outer .riskbox-title .risk-arrow {
  font-size: 14px;
  color: #32B8F5;
  float: right;
  padding-right: 10px;
}

.air-risk {
  width: 100%;
  background-color: #ffffff;
  min-height: 470px;
  position: relative;
}

.air-risk .air-risk-out {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.air-risk .air-risk-out .air-risk-inner {
  font-size: 18px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  font-weight: bold;
}

.air-risk .air-risk-out .air-risk-inner img {
  width: 288px;
}

.risk-intro-title {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
  font-size: 16px;
  color: #202020;
}

.riskboxouter .riskbox-title {
  padding-left: 5px;
  border-left: 4px solid transparent;
  clear: both;
  font-size: 14px;
  line-height: 40px;
  color: #202020;
  cursor: pointer;
}

.riskboxouter .riskbox:nth-child(odd) .riskbox-title {
  background: rgba(0, 132, 255, 0.03);
}

.riskboxouter .risk-intro {
  height: 16px;
  padding-left: 6px;
  border-left: 2px solid #ff7d18;
  font-size: 13px;
  line-height: 16px;
  margin: 12px 0;
}

.riskboxouter .risk-head {
  font-size: 18px;
  line-height: 18px;
  margin: 16px 0 12px 0;
  border-color: #ff7d18;
  color: #ff7d18;
}

.risk-arrow {
  color: #ff7d18;
  float: right;
  padding-right: 10px;
}

.tree-warp {
  max-height: calc(100vh - 160px);
}

.graph-warp {
  width: 100%;
  height: calc(100vh - 64px);
  position: relative;
}

.graph-warp.-full {
  height: 100vh;
}

.graph-warp iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.graph-warp .graph-tools {
  width: auto;
  color: #32B8F5;
  padding-right: 24px;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  -webkit-transform: inherit;
  transform: inherit;
}

.graph-warp .graph-tools .icon-warp {
  cursor: pointer;
  display: inline-block;
  color: #32B8F5;
  outline: none;
  text-decoration: none;
  line-height: 36px;
  height: 36px;
}

.graph-warp:-webkit-full-screen {
  height: 100vh !important;
  width: 100vw !important;
}

.graph-warp:-moz-full-screen {
  height: 100vh !important;
  width: 100vw !important;
}

.graph-warp:-ms-fullscreen {
  height: 100vh !important;
  width: 100vw !important;
}

.graph-warp:fullscreen {
  height: 100vh !important;
  width: 100vw !important;
}

.tree-warp:-webkit-full-screen {
  max-height: 100vh !important;
}

.tree-warp:-moz-full-screen {
  max-height: 100vh !important;
}

.tree-warp:-ms-fullscreen {
  max-height: 100vh !important;
}

.tree-warp:fullscreen {
  max-height: 100vh !important;
}

.found-modal {
  position: absolute;
  left: 50%;
  top: 20%;
  width: 720px;
  height: 300px;
  margin-left: -360px;
  border: 1px solid #c5c5c5;
  background: #f0f0f0;
}

.found-modal .found-modal-header {
  height: 50px;
  font-size: 18px;
  line-height: 48px;
  font-weight: bold;
  padding: 0 30px;
  color: #2DC5C5;
}

.found-modal .found-modal-header .hide-btn {
  float: right;
  cursor: pointer;
}

.found-modal .found-modal-header .hide-btn:active {
  color: #fff;
}

.found-modal .found-modal-content {
  height: 200px;
  padding: 15px 30px;
  line-height: 30px;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #c5c5c5;
  border-top: 1px solid #c5c5c5;
  background: #fff;
}

.found-modal .found-modal-bottom {
  height: 48px;
  line-height: 30px;
}

.found-modal .found-modal-bottom .button {
  float: right;
  padding: 0 10px;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
  background: #2DC5C5;
}

.found-modal .found-modal-bottom .button:active {
  color: #2DC5C5;
  background: #fff;
}

.found-modal .found-modal-bottom .sure {
  margin: 9px 10px 9px 0;
}

.found-modal .found-modal-bottom .cancle {
  margin: 9px 30px 9px 0;
}

.tm .container {
  padding: 0;
  width: 1200px;
}

.tm .right-rolling {
  max-height: 512px;
  line-height: 22px;
  position: relative;
  overflow: hidden;
}

.tm .apply-name {
  display: inline-block;
  max-width: 180px;
  /* Box model */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tm .tm-status-str {
  display: inline-block;
  max-width: 200px;
  /* Box model */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ff3b30;
  cursor: default;
}

.tm .table.-striped-col td.tm-bg {
  background-color: #fff;
}

.tm .tm-description {
  margin-top: 10px;
  border-top: 1px solid #f3f3f3;
  padding-top: 10px;
}

.tm .tm-process {
  float: right;
  margin-right: 4px;
}

.tm-header-block {
  /* Box model */
  border: 0;
  /* Visual */
  background: #fff;
  -webkit-box-shadow: 0 0 2px #e0e0e0;
  box-shadow: 0 0 2px #e0e0e0;
  /* Box model */
  margin-bottom: 15px;
  margin-top: 15px;
  min-height: 130px;
}

.tm-header-block .box {
  /* Positioning */
  position: relative;
  /* Box model */
  padding: 15px 30px 15px 160px;
}

.tm-header-block .box .logo-warp {
  /* Positioning */
  position: absolute;
  left: 30px;
  top: 16px;
}

.tm-header-block .box .content .header {
  margin-bottom: 16px;
}

.tm-header-block .box .content .header .name {
  /* Box model */
  display: inline-block;
  /* Typographic */
  font-weight: 600;
  font-size: 18px;
}

.tm-header-block .box .content .infos {
  /* Box model */
  padding-bottom: 2px;
  line-height: 14px;
  margin-bottom: 16px;
}

.tm-header-block .box .content .infos .info {
  /* Box model */
  display: inline-block;
  margin-right: 100px;
  /* Typographic */
  font-size: 14px;
  line-height: 14px;
}

/* 面包屑导航 */

.bread {
  padding: 20px 0;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
}

.bread h2 {
  display: inline-block;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 16px;
}

.bread .link-click {
  margin-right: 5px;
}

.tm-name .link-click {
  display: inline-block;
  max-width: 120px;
  margin-bottom: 4px;
  /* Box model */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tm-name .status-str {
  float: right;
  max-width: 56px;
  /* Box model */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ff3b30;
}

.tm-status {
  height: 125px;
  margin-top: 30px;
}

.tm-status .tm-apply {
  display: inline-block;
  position: relative;
  width: 200px;
  border-bottom: 1px solid #737373;
}

.tm-status .tm-apply:first-child {
  width: 70px;
  border-bottom: none;
}

.tm-status .tm-text {
  position: absolute;
  text-align: center;
  top: -22px;
  right: -34px;
  z-index: 100;
  color: #737373;
}

.tm-status .tic {
  font-size: 30px;
  background-color: #fff;
}

.tm-apply.active {
  border-bottom: 1px solid #32b8f5;
}

.tm-apply.active .tm-text {
  color: #32b8f5;
}

.container .container-left {
  width: 890px;
  float: left;
  margin: 0 0 10px 0;
}

.title-block {
  font-size: 16px;
  color: #454545;
  padding: 8px 30px;
  background: #fbfbfb;
  border-bottom: 1px solid #f3f3f3;
}

.box-container {
  border: 0;
  background: #fff;
  -webkit-box-shadow: 0 0 2px #e0e0e0;
  box-shadow: 0 0 2px #e0e0e0;
  margin: 0 0 15px 0;
}

.box-container.-hashead {
  padding: 0;
  margin-bottom: 10px;
}

.box-container.-hashead .body-seo {
  padding: 16px 30px 16px;
}

.container .container-right {
  width: 300px;
  float: right;
}

.right-block {
  border: 0;
  background: #fff;
  -webkit-box-shadow: 0 0 2px #e0e0e0;
  box-shadow: 0 0 2px #e0e0e0;
  margin-bottom: 10px;
}

.right-data-container .header {
  font-size: 16px;
  color: #454545;
  padding: 8px 15px;
  background: #fbfbfb;
  border-bottom: 1px solid #f3f3f3;
}

.right-data-container .content {
  padding: 15px;
}

.card-logo {
  display: block;
  margin-bottom: 14px;
  padding: 14px 0 14px 14px;
  -webkit-box-shadow: 0 0 2px #e0e0e0;
  box-shadow: 0 0 2px #e0e0e0;
  color: #202020;
}

.card-logo .company {
  padding-top: 7px;
  /* Box model */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.right-rolling {
  position: relative;
  max-height: 475px;
  overflow: hidden;
}

.right-rolling .warp {
  width: 600px;
  -webkit-transition: transform 1s;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.right-rolling .warp.-next {
  -webkit-transform: translateX(-300px);
  transform: translateX(-300px);
}

.right-rolling .content {
  width: 300px;
  float: left;
}

.right-rolling .panel {
  position: absolute;
  bottom: 5px;
  width: 100%;
  text-align: center;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  margin: 0;
}

.right-rolling .roll {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 8px;
  background: #f3f3f3;
  cursor: pointer;
}

.right-rolling .roll:last-child {
  margin-right: 0;
}

.right-rolling .roll.-active {
  background: #e0e0e0;
}

.patent-detail .notice {
  position: relative;
  text-align: center;
}

.patent-detail .notice .source {
  position: absolute;
  right: 0;
  top: 20px;
  line-height: 28px;
}

.patent-detail .notice .desc {
  text-align: center;
}

.patent-detail .patent-time {
  padding-left: 25px;
  font-size: 14px;
  color: #00b7ce;
  line-height: 25px;
}

.patent-detail .patentTitle {
  margin: 0;
  padding: 25px 0 40px 0;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
}

.patent-detail .patent:before,
.patent-detail .patent:after {
  content: "";
  display: table;
}

.patent-detail .patent:after {
  clear: both;
  overflow: hidden;
}

.patent-detail .patent .patent-left {
  float: left;
  /* Box model */
  width: 300px;
  margin: 0 0 10px 0;
}

.patent-detail .patent .patent-right {
  float: right;
  /* Box model */
  width: 880px;
  margin: 0 0 10px 0;
  background-color: #fff;
}

.patent-detail .btn-group {
  float: right;
}

.patent-detail .font-big {
  font-size: 1.2em;
}

.patent-detail .font-big .base-info {
  font-size: 1.2em;
}

.patent-detail .font-big .table {
  font-size: 1.2em;
}

.patent-detail .font-big h2 {
  font-size: 1.2em;
}

.patent-detail .font-small {
  font-size: 1em;
}

.patent-detail .-striped-col td:nth-child(odd) {
  width: 130px;
}

.patent-detail .source {
  position: absolute;
  right: 0;
  top: 20px;
  line-height: 28px;
}

.patent-detail .patent-download .a-pdf {
  font-size: 30px;
  color: #ff3b30;
}

.patent-detail .patent-content {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 800px;
  padding: 0 20px 20px;
}

.notice-main {
  -webkit-box-shadow: 0 0 2px #f3f3f3;
  box-shadow: 0 0 2px #f3f3f3;
}

.notice-main .notice_key {
  width: 400px;
  height: 32px;
  border-right: none;
  border-color: #f3f3f3;
}

.notice-main input.form-control {
  width: 300px;
}

.notice-main .input-group {
  position: relative;
  width: 50%;
}

.notice-main .notice-toolbar {
  height: 42px;
  padding: 5px 20px;
  border-bottom: 1px solid #f3f3f3;
  background-color: #f9f9f9;
}

.notice-main .match-icon {
  color: #32b8f5;
}

.notice-main .match-icon.disabled {
  color: #e0e0e0;
  cursor: no-drop;
}

.notice-main .btn-group {
  font-size: 0;
}

.notice-main .notice-font-btn {
  display: inline-block;
  width: 38px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #e0e0e0;
  text-align: center;
  font-size: 14px;
  background-color: #fff;
  cursor: pointer;
}

.notice-main .notice-font-btn.active {
  background-color: #32b8f5;
  border-color: #32b8f5;
  color: #fff;
}

.notice-main .notice-font-btn:focus {
  outline: 0;
}

.notice-main .notice-sub-left {
  width: 14%;
}

.notice-main .notice-sub-right {
  /* Box model */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  line-height: 42px;
}

.notice-main .notice-sub-right h2 {
  display: inline;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
}

.notice-main .notice-panel-title {
  line-height: 42px;
}

.notice-main .notice-pdf {
  border: none;
  width: 100%;
  height: 450px;
}

.notice-main .notice-em {
  color: #ff3b30;
}

.notice-main .notice-panel-item {
  border-bottom: 1px solid #f3f3f3;
}

.notice-main .notice-panel-item .point:hover {
  color: #32b8f5;
}

.notice-main .notice-panel-item :last-child {
  border-bottom: 0;
}

.notice-main .base-info {
  padding: 18px 0;
  font-size: 14px;
  font-weight: bold;
  color: #202020;
}

/* 面包屑导航 */

.bread {
  padding: 20px 0;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
}

.bread h2 {
  display: inline-block;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 16px;
}

.bread .link-click {
  margin-right: 5px;
}

/* 专利图片 */

.patent-photo-container {
  height: 268px;
}

.patent-photo {
  text-align: center;
  background-color: #fff !important;
}

.patent-photo-inner {
  width: 520px;
  max-width: 60%;
  vertical-align: middle;
}

/* 产品图片 */

.product-photo-inner {
  width: 100px;
  height: 100px;
  border-radius: 6px;
  text-align: center;
}

.center {
  text-align: center;
}

/* notice content */

.notice-content h2 {
  font-size: 14px;
  font-weight: normal;
}

.search-filter {
  border-width: 0;
  border-bottom: 1px solid #f3f3f3;
}

.search-filter .filter-type:before,
.search-filter .filter-type:after {
  content: "";
  display: table;
}

.search-filter .filter-type:after {
  clear: both;
  overflow: hidden;
}

.search-filter .filter-type {
  line-height: 42px;
  height: 42px;
  border-width: 0;
  border-bottom: 1px solid #f3f3f3;
  background-color: #fbfbfb;
  font-size: 16px;
  color: #737373;
}

.search-filter .filter-type .type-title {
  float: left;
  min-width: 128px;
  height: 42px;
  border: 1px solid transparent;
  border-top-width: 0;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  color: #202020;
}

.search-filter .filter-type .type-title.active {
  background: #fff;
  color: #0084ff;
  border-left-color: #f3f3f3;
  border-right-color: #f3f3f3;
  font-weight: bold;
}

.search-filter .filter-type .type-title:first-child.active {
  border-left-color: transparent;
  border-right-color: #f3f3f3;
}

.search-filter .filter-body {
  padding: 5px 24px 10px 30px;
}

.search-filter .filter-scope {
  padding: 15px 60px 15px 100px;
  position: relative;
  line-height: 14px;
}

.search-filter .filter-scope .scope-title {
  position: absolute;
  top: 15px;
  left: 0;
  padding-right: 20px;
  border-right: 1px solid #e0e0e0;
  color: #202020;
}

.search-filter .filter-scope .scope-title.-vip {
  color: #ff7d18;
}

.search-filter .filter-scope .scope-more {
  position: absolute;
  top: 15px;
  right: 0;
  color: #737373;
  cursor: pointer;
}

.search-filter .filter-scope.-last .scope-box {
  margin-right: -30px;
}

.search-filter .filter-scope.-no-padding-bottom {
  padding-bottom: 0;
}

.search-filter .filter-scope.-no-folder {
  padding-right: 0;
}

.search-filter .filter-scope.-qyms {
  padding-right: 0;
}

.search-filter .filter-scope.-qyms .filter-sel {
  margin-bottom: 0;
}

.search-filter .filter-scope.-last {
  padding-right: 0;
}

.search-filter .item {
  display: inline-block;
  margin-right: 20px;
  color: #202020;
  margin-bottom: 14px;
  cursor: pointer;
}

.search-filter .item.selected,
.search-filter .item:hover {
  color: #0084ff;
}

.search-filter .scope-box.scope-content-box {
  height: 14px;
  overflow: hidden;
}

.search-filter .scope-box.-show {
  height: auto;
}

.search-filter .scope-box.base-content-box {
  height: 14px;
  overflow: hidden;
}

.search-filter .scope-box.base-content-box.-show {
  height: auto;
  margin-bottom: -14px;
}

.search-filter .sub-box .item-list {
  border: 1px solid #f3f3f3;
  background-color: #fbfbfb;
  padding: 10px 10px 0 10px;
  margin-left: -10px;
  margin-top: 14px;
}

.filter-sel {
  display: inline-block;
  margin-right: 18px;
  color: #202020;
  margin-bottom: 14px;
}

.filter-sel .filter-btn:before,
.filter-sel .filter-btn:after {
  content: "";
  display: table;
}

.filter-sel .filter-btn:after {
  clear: both;
  overflow: hidden;
}

.filter-sel .filter-btn .tic {
  display: inline-block;
  font-size: 14px;
  float: left;
}

.filter-sel .filter-btn-title {
  max-width: 90px;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  line-height: 14px;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
}

.filter-sel .filter-btn-title .tic {
  float: left;
}

.filter-sel .content {
  display: none;
  position: absolute;
  z-index: 100;
  width: 125px;
  border: 1px solid #e0e0e0;
  background: #fff;
  -webkit-box-shadow: 1px 1px 7px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 7px 2px rgba(0, 0, 0, 0.1);
}

.filter-sel .content .item {
  display: block;
  color: #454545;
  padding: 8px 10px;
  margin: 0;
  position: relative;
  cursor: pointer;
}

.filter-sel .content .item .item-click {
  display: block;
  color: #454545;
  cursor: pointer;
}

.filter-sel .content .item .item-click:hover {
  color: #0084ff;
  text-decoration: none;
}

.filter-sel .content .item:hover {
  -webkit-box-shadow: 1px 1px 17px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 17px 2px rgba(0, 0, 0, 0.1);
}

.filter-sel .content .item:hover .expand {
  display: block;
}

.filter-sel .content .expand {
  display: none;
  left: 124px;
  top: -1px;
  width: 128px;
  max-height: 505px;
  overflow-y: auto;
  position: absolute;
  font-size: 14px;
  line-height: 30px;
  background: #fff;
  -webkit-box-shadow: 1px 1px 17px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 17px 2px rgba(0, 0, 0, 0.1);
}

.filter-sel .content .expand .row {
  padding: 10px 0;
}

.filter-sel .content .expand .row:before,
.filter-sel .content .expand .row:after {
  content: "";
  display: table;
}

.filter-sel .content .expand .row:after {
  clear: both;
  overflow: hidden;
}

.filter-sel .content .expand .label {
  float: left;
  height: 30px;
  width: 30px;
  text-align: center;
}

.filter-sel .content .expand .input {
  float: left;
  width: 50px;
  height: 30px;
  border: 1px solid #ccc;
  padding: 0;
  margin: 0;
  text-align: left;
  text-indent: 5px;
  border-radius: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}

.filter-sel .content .expand .unit {
  float: left;
  width: 33px;
  height: 30px;
  text-align: center;
  display: inline-block;
  border: 1px solid #ccc;
  border-left-width: 0;
  border-radius: 0;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

.filter-sel .content .expand .filter-btn {
  margin: 0 auto;
  width: 54px;
  height: 22px;
  background-color: #0084ff;
  line-height: 22px;
  color: white;
  text-align: center;
  border-radius: 2px;
}

.filter-sel .content.-cate {
  width: 260px;
}

.filter-sel .content.-cate .item .expand {
  left: 258px;
  width: 259px;
  max-height: 505px;
  overflow-y: auto;
}

.filter-sel .content.-cate .item .expand .item-click {
  display: block;
  padding: 0 10px;
}

.filter-sel:hover .content {
  display: block;
}

.filter-sel.-sort {
  height: 28px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
}

.filter-sel.-sort .filter-btn {
  padding: 0 10px;
  vertical-align: middle;
}

.filter-sel.-sort .filter-btn .filter-btn-title {
  line-height: 28px;
  height: 28px;
}

.filter-sel.-max-area .content {
  width: 180px;
  max-height: 300px;
  overflow: auto;
}

.filter-sel.-max-area .filter-btn-title {
  max-width: 180px;
}

.filter-sel.-vip .item .item-click:hover {
  color: #ff7d18;
}

.BMapLib_Drawing_panel {
  height: 47px;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 4px rgba(96, 96, 96, 0.5);
  box-shadow: 0 1px 4px rgba(96, 96, 96, 0.5);
  float: left;
}

.BMapLib_Drawing .BMapLib_box {
  border-right: 2px solid #e0e0e0;
  float: left;
  height: 100%;
  width: 64px;
  background-image: url(/web-require-js/public/images/bg_drawing_tool.png);
  cursor: pointer;
}

.BMapLib_Drawing .BMapLib_last {
  border-right: 0;
}

.BMapLib_Drawing .BMapLib_hander {
  background-position: 0 0;
}

.BMapLib_Drawing .BMapLib_hander_hover {
  background-position: 0 -52px;
}

.BMapLib_Drawing .BMapLib_marker {
  background-position: -65px 0;
}

.BMapLib_Drawing .BMapLib_marker_hover {
  background-position: -65px -52px;
}

.BMapLib_Drawing .BMapLib_circle {
  background-position: -130px 0;
}

.BMapLib_Drawing .BMapLib_circle_hover {
  background-position: -130px -52px;
}

.BMapLib_Drawing .BMapLib_polyline {
  background-position: -195px 0;
}

.BMapLib_Drawing .BMapLib_polyline_hover {
  background-position: -195px -52px;
}

.BMapLib_Drawing .BMapLib_polygon {
  background-position: -260px 0;
}

.BMapLib_Drawing .BMapLib_polygon_hover {
  background-position: -260px -52px;
}

.BMapLib_Drawing .BMapLib_rectangle {
  background-position: -325px 0;
}

.BMapLib_Drawing .BMapLib_rectangle_hover {
  background-position: -325px -52px;
}

.searchx-map.-hidden {
  top: -9999px !important;
}

.searchx-map {
  position: fixed;
  top: 64px;
  left: 0;
  width: 100vw;
  height: calc(100vh - 64px);
  background: lightblue;
  z-index: 994;
}

.searchx-map .map {
  height: 100%;
}

.searchx-map .back {
  position: absolute;
  left: 32px;
  top: 20px;
  width: 47px;
  height: 47px;
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 4px 0 rgba(96, 96, 96, 0.5);
  box-shadow: 0 2px 4px 0 rgba(96, 96, 96, 0.5);
  text-align: center;
  line-height: 47px;
  font-size: 20px;
  cursor: pointer;
}

.searchx-map .city {
  position: absolute;
  top: 20px;
  right: 55px;
  width: 108px;
  height: 47px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 4px 0 rgba(96, 96, 96, 0.5);
  box-shadow: 0 2px 4px 0 rgba(96, 96, 96, 0.5);
  border-radius: 2px;
  text-align: center;
  line-height: 47px;
}

.searchx-map .tools {
  position: absolute;
  top: 100px;
  left: 100px;
}

.searchx-map .tools .confirm,
.searchx-map .tools .rewrite {
  display: inline-block;
  vertical-align: top;
  width: 90px;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  text-align: center;
  font-weight: 600;
  background: #0484FF;
  color: #fff;
  cursor: pointer;
}

.searchx-map .tools .rewrite {
  color: #0484FF;
  background: #fff;
}

.searchx-map .BMapLib_Drawing_panel {
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(96, 96, 96, 0.5);
  box-shadow: 0 2px 4px 0 rgba(96, 96, 96, 0.5);
}

.searchx-map .BMapLib_Drawing .BMapLib_box {
  background-image: url(/std-require-js/public/images/bg_draw_tool2.png);
}

.searchx-map .fnDesc {
  top: 74px;
  padding: 2px 8px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-radius: 4px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  line-height: 22px;
}

.searchx-map .label1,
.searchx-map .label2 {
  position: absolute;
  padding: 0 8px;
  border: 1px solid rgba(255, 0, 0, 0);
  -webkit-box-shadow: 0 2px 4px 0 rgba(96, 96, 96, 0.5);
  box-shadow: 0 2px 4px 0 rgba(96, 96, 96, 0.5);
  border-radius: 2px;
  font-size: 12px;
  line-height: 22px;
  color: #666;
  background: #FFFFFF;
}

.result-tips {
  border-bottom: 1px solid #eee;
  background: #fbfbfb;
  color: #202020;
  padding: 10px 30px;
}

.result-tips .tips-content {
  line-height: 28px;
}

.result-tips .num {
  color: #ff3b30;
}

.result-tips .link-vip {
  font-size: 12px;
  line-height: 28px;
  margin-left: 12px;
  display: inline-block;
}

.result-tips .filter-sel {
  margin: 0;
}

.result-tips.-search-type {
  padding: 0 30px;
  line-height: 40px;
  font-size: 14px;
  color: #737373;
  background: #ffffff;
}

.result-tips.-search-type .num {
  color: #ff3b30;
}

.result-tips .float-right + .float-right {
  margin-right: 10px;
}

.map-container {
  position: absolute;
  top: 64px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 998;
  background: #fbfbfb;
  overflow: hidden;
}

.map-container .map-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: right 0.5s, width 0.5s;
  transition: right 0.5s, width 0.5s;
}

.map-container .search-box {
  position: absolute;
  right: -910px;
  top: 0;
  bottom: 0;
  width: 910px;
  padding: 10px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.9);
  overflow: auto;
  -webkit-box-shadow: 0 1px 4px rgba(96, 96, 96, 0.5);
  box-shadow: 0 1px 4px rgba(96, 96, 96, 0.5);
  -webkit-transition: right 0.5s, width 0.5s;
  transition: right 0.5s, width 0.5s;
}

.map-container .map {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.map-container .guide {
  position: absolute;
  left: 152px;
  top: 7px;
}

.map-container .guide img {
  width: 372px;
}

.map-container .city {
  position: absolute;
  top: 10px;
  right: 25px;
  min-width: 90px;
  padding: 8px 18px 8px 20px;
  border-radius: 2px;
  font-size: 16px;
  line-height: 30px;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(96, 96, 96, 0.5);
  box-shadow: 0 1px 4px rgba(96, 96, 96, 0.5);
  cursor: pointer;
}

.map-container .city .icon {
  font-size: 12px;
  color: #737373;
  margin-left: 8px;
}

.map-container .folder-btn {
  position: absolute;
  top: 50%;
  margin-top: -45px;
  right: 0;
  width: 41px;
  height: 90px;
  padding-left: 5px;
  font-size: 22px;
  line-height: 90px;
  text-align: center;
  color: #0084ff;
  background-image: url("/web-require-js/public/images/map_folder_btn.png");
  cursor: pointer;
  -webkit-transition: right 0.5s, width 0.5s;
  transition: right 0.5s, width 0.5s;
}

.map-container .folder-btn.-show {
  display: block;
}

.map-container .un-read {
  color: #ff3b30;
}

.map-container.-popright .search-box {
  right: 0px;
  display: block;
}

.map-container.-popright .folder-btn {
  display: block;
  right: 910px;
}

.map-container.-popright .map-box {
  right: 910px;
}

.map-company {
  padding-right: 8px;
  font-size: 14px;
}

.result-warp {
  margin-top: 10px !important;
  min-height: 500px;
}

.result-list {
  padding: 30px 30px 0;
}

.radius-tips {
  padding-left: 12px;
  font-size: 12px;
  color: #737373;
}

.user-no-data {
  padding-top: 70px;
}

.user-no-data {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

.user-no-data .img {
  width: 230px;
}

.user-no-data .msg {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: #737373;
}

.user-no-data .hint {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: #202020;
}

.user-no-data .line2 {
  padding-top: 10px;
  padding-bottom: 20px;
}

.user-no-data.-hasTop {
  padding-top: 35px;
}

.search-filter .filter-body {
  padding-top: 13px;
}

.box-container {
  /* Box model */
  border: 0;
  /* Visual */
  background: #fff;
  -webkit-box-shadow: 0 0 2px #e0e0e0;
  box-shadow: 0 0 2px #e0e0e0;
  /* Box model */
  margin: 0;
  padding: 0 30px 30px;
}

.box-container.-no-padding {
  padding: 0;
}

.pdf-page {
  width: 1200px;
  min-height: 640px;
  margin: 24px auto;
  font-size: 0;
}

.pdf-page.-noNav .pdf-page-con {
  width: 1200px;
}

.pdf-page-wrap {
  background: #F0F4F7;
  overflow: hidden;
}

.pdf-page-header {
  height: 122px;
  margin-bottom: 24px;
  padding: 24px;
  background: #fff;
}

.pdf-page-header-title {
  display: inline-block;
  width: 1152px;
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #666666;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.pdf-page-header-tag {
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 16px;
  padding: 0 8px;
  border-radius: 2px;
  border: 1px solid rgba(87, 166, 255, 0.2);
  font-size: 12px;
  color: #57A6FF;
  background: rgba(87, 166, 255, 0.1);
  line-height: 18px;
  vertical-align: top;
}

.pdf-page-header-date {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 18px;
  color: #999999;
}

.pdf-page-header-checkbtn,
.pdf-page-header-downloadbtn {
  display: inline-block;
  float: right;
  width: 78px;
  height: 28px;
  padding: 7px;
  border: 1px solid #32b8f5;
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  background: #fff;
  color: #32b8f5;
  cursor: pointer;
  vertical-align: top;
}

.pdf-page-header-downloadbtn {
  margin-left: 16px;
  background: #32b8f5;
  color: #fff;
}

.pdf-page-header-downloadbtn:visited {
  color: #fff;
}

.pdf-page-header-downloadbtn:hover {
  color: #fff;
}

.pdf-page-header-downloadbtn:active {
  color: #fff;
}

.pdf-page-header-downloadbtn:focus {
  color: #fff;
}

.pdf-page-nav {
  position: relative;
  display: inline-block;
  width: 300px;
  margin-right: 16px;
  padding: 72px 16px 16px;
  background: #fff;
  vertical-align: top;
}

.pdf-page-nav-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  padding-left: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 56px;
  color: #333333;
  background: #F6F9FC;
}

.pdf-page-nav-item {
  position: relative;
  margin-bottom: 16px;
}

.pdf-page-nav-item-title {
  display: inline-block;
  width: 240px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #333333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

.pdf-page-nav-item .tic {
  position: absolute;
  top: 3px;
  right: 0px;
  font-size: 16px;
  line-height: 16px;
  color: #666;
  cursor: pointer;
}

.pdf-page-nav-item-child {
  display: none;
  width: 256px;
  margin-left: 12px;
  margin-top: 12px;
  font-size: 14px;
  line-height: 22px;
  color: #333333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

.pdf-page-nav-item-child.in {
  display: inline-block;
}

.pdf-page-con {
  position: relative;
  display: inline-block;
  width: 884px;
  padding: 72px 24px 24px;
  background: #fff;
  vertical-align: top;
}

.pdf-page-con-handle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px;
  padding: 10px 24px;
  background: #F6F9FC;
}

.pdf-page-con-search {
  position: relative;
  display: inline-block;
  margin-bottom: 24px;
  background: #fff;
  vertical-align: top;
}

.pdf-page-con-search-form {
  display: inline-block;
  width: 394px;
  height: 36px;
  padding: 6px 8px 8px;
  border: 1px solid #E0E0E0;
  border-right: none;
  border-radius: 2px 0 0 2px;
  vertical-align: top;
}

.pdf-page-con-search-input {
  display: inline-block;
  width: 300px;
  height: 22px;
  padding: 0;
  border: none;
  outline: none;
}

.pdf-page-con-search-handle {
  position: absolute;
  top: 10px;
  right: 124px;
  font-size: 12px;
  line-height: 16px;
}

.pdf-page-con-search-page {
  display: inline-block;
  vertical-align: top;
}

.pdf-page-con-search-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #E0E0E0;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}

.pdf-page-con-search-icon.disabled {
  cursor: default;
}

.pdf-page-con-search-btn {
  display: inline-block;
  width: 116px;
  height: 36px;
  border-radius: 0 2px 2px 0;
  background: #32B8F5;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
}

.pdf-page-con-toggle {
  float: right;
}

.pdf-page-con-toggle-item {
  display: inline-block;
  width: 90px;
  height: 36px;
  border: 1px solid #32b8f5;
  border-radius: 0 2px 2px 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 34px;
  background: #fff;
  color: #32B8F5;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
}

.pdf-page-con-toggle-item.-small {
  font-size: 14px;
  border-radius: 2px 0 0 2px;
}

.pdf-page-con-toggle-item.active {
  background: #32B8F5;
  color: #fff;
}

.pdf-page-con-text {
  height: 800px;
  font-size: 14px;
  color: #333;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.pdf-page-con-text .font-big {
  font-size: 1.2em;
}

.transferPage-icon {
  font-size: 64px;
  color: #47BD0E;
  line-height: 1;
}

.transferPage-tip {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.transferPage-content {
  border: 1px solid #E4EEF6;
}

.transferPage-content-title {
  background: #F6F9FC;
  height: 72px;
  font-size: 24px;
  color: #333333;
  line-height: 72px;
  font-weight: 600;
}

.transferPage-content-con {
  padding: 24px 32px 32px;
  font-size: 16px;
  line-height: 28px;
}

.accessPage {
  min-height: calc(100vh - 152px);
  background: #fafafa;
  text-align: center;
}

.accessPage .seo-h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.accessPage-banner {
  padding-top: 158px;
  height: 523px;
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/accessIntro/banner_bg.png");
  background-size: 100% 100%;
  text-align: center;
}

.accessPage-banner.-loginMode {
  padding-top: 94px;
  height: 459px;
}

.accessPage-banner-con {
  display: inline-block;
  width: 1168px;
  height: 284px;
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/accessIntro/banner.png");
  background-size: 100% 100%;
}

.accessPage-content {
  display: inline-block;
  width: 1200px;
  text-align: left;
  padding: 32px;
  margin: 24px auto;
  background: #FFFFFF;
  -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}

.accessPage-title {
  font-weight: 600;
  font-size: 20px;
  color: #333333;
  line-height: 28px;
}

.accessPage-title:before {
  position: relative;
  top: 4px;
  display: inline-block;
  margin-right: 12px;
  content: "";
  width: 4px;
  height: 20px;
  background: #142047;
}

.accessPage-table {
  table-layout: fixed;
  border: 1px solid #EBEBEB;
}

.accessPage-table tr {
  border: 1px solid #EBEBEB;
}

.accessPage-table td {
  padding: 12px 8px;
  font-size: 14px;
  line-height: 22px;
  color: #333333;
  border: 1px solid #EBEBEB;
}

.accessPage-titleLevel2 {
  font-weight: 600;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
}

.accessPage-line {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #FF7D18;
}

.accessPage-li:before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #142047;
  margin-right: 12px;
}

.accessPage-tab-tabs {
  font-size: 0;
  height: 48px;
  border-bottom: 1px solid #EBEBEB;
}

.accessPage-tab-tab {
  display: inline-block;
  width: 152px;
  padding: 13px 40px;
  font-size: 18px;
  color: #333333;
  line-height: 22px;
  font-weight: 600;
  cursor: pointer;
}

.accessPage-tab-tab.-active {
  background: #142047;
  color: #fff;
}

.accessPage-tab-con {
  display: none;
}

.accessPage-tab-con.-active {
  display: block;
}

.accessPage-tab2 {
  height: 430px;
  border: 1px solid #EBEBEB;
}

.accessPage-tab2-tabs {
  font-size: 0;
  height: 56px;
  margin-top: -1px;
}

.accessPage-tab2-tab {
  display: inline-block;
  width: 20%;
  height: 56px;
  padding-top: 16px;
  border: 1px solid #EBEBEB;
  font-size: 18px;
  color: #999999;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
  border-right: none;
  cursor: pointer;
}

.accessPage-tab2-tab:hover {
  color: #333333;
}

.accessPage-tab2-tab:first-child {
  border-left: none;
}

.accessPage-tab2-tab.-active {
  position: relative;
  color: #333333;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}

.accessPage-tab2-tab.-active:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  width: 100%;
  height: 3px;
  background: #142047;
}

.accessPage-tab2-con {
  display: none;
  padding: 32px 48px;
  height: 374px;
  overflow: hidden;
}

.accessPage-tab2-con.-active {
  display: block;
}

.accessPage-tab2-con img {
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.portrait .export-btn {
  position: absolute;
  top: 11px;
  right: 24px;
  width: 80px;
  height: 28px;
  text-align: center;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 28px;
  color: #fff;
  background: #32b8f5;
}

.portrait .agg-btn {
  position: absolute;
  top: 11px;
  right: 112px;
  width: 80px;
  height: 28px;
  text-align: center;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 28px;
  color: #fff;
  background: #FF7D18;
}

.portrait .chart-item {
  display: inline-block;
  width: 568px;
  margin-right: 16px;
  margin-bottom: 16px;
  background: #FFFFFF;
  border: 1px solid #E4EEF6;
  overflow: hidden;
}

.portrait .chart-item:nth-child(even) {
  margin-right: 0;
}

.portrait .chart-item:nth-last-child(1),
.portrait .chart-item:nth-last-child(2) {
  margin-bottom: 0;
}

.portrait .chart-item-title {
  position: relative;
  height: 56px;
  border-bottom: 1px solid #E4EEF6;
}

.portrait .chart-item-title-name {
  font-size: 16px;
  line-height: 28px;
  color: #333333;
  font-weight: 600;
}

.portrait .chart-item-title-tab {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 129px;
  height: 54px;
  padding-top: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}

.portrait .chart-item-title-tab.-active {
  color: #32b8f5;
  border-bottom: 3px solid #32b8f5;
}

.portrait .chart-item-title-split {
  position: absolute;
  left: 130px;
  top: 20px;
  height: 16px;
  border-left: 1px solid #F3F3F3;
}

.portrait .select-btns {
  position: relative;
  display: inline-block;
  min-width: 100px;
  height: 28px;
  font-size: 14px;
  background: #FFFFFF;
}

.portrait .select-btns.-w110 {
  width: 110px;
}

.portrait .select-btns.-w124 {
  width: 124px;
}

.portrait .select-btns:hover .select-btns-body {
  display: block;
}

.portrait .select-btns-head {
  width: 100%;
  padding: 4px 8px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  font-size: 12px;
  color: #333333;
  line-height: 18px;
  cursor: pointer;
}

.portrait .select-btns-head .tic {
  float: right;
  color: #999;
}

.portrait .select-btns-head:hover {
  border: 1px solid #32B8F5;
}

.portrait .select-btns-body {
  display: none;
  position: absolute;
  left: 0;
  top: 28px;
  width: 100%;
  padding: 3px 0;
  border: 1px solid #E0E0E0;
  -webkit-box-shadow: 0 5px 20px 0 rgba(26, 26, 26, 0.1);
  box-shadow: 0 5px 20px 0 rgba(26, 26, 26, 0.1);
  border-radius: 2px;
  font-size: 14px;
  background: #fff;
  color: #333333;
  line-height: 22px;
  z-index: 100;
}

.portrait .select-btns-item {
  height: 30px;
  padding: 4px 12px;
  cursor: pointer;
  white-space: nowrap;
}

.portrait .select-btns-item:hover {
  background: rgba(50, 184, 245, 0.1);
}

.portraitModal {
  margin-top: 48px;
  text-align: center;
  overflow: hidden;
}

.portraitModal .portraitModal-left {
  width: 240px;
  height: 300px;
  line-height: 0;
}

.portraitModal .portraitModal-center {
  padding-top: 20px;
  width: 328px;
  height: 300px;
}

.portraitModal .portraitModal-right {
  width: 240px;
  height: 300px;
  line-height: 0;
}

.portraitModal .portraitModal-btn {
  margin: 48px auto 16px;
  width: 280px;
  height: 48px;
  background: #32B8F5;
  border: 1px solid #32B8F5;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 46px;
}

.portraitModal .portraitModal-select {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 12px;
  background: #FFFFFF;
}

.portraitModal .portraitModal-select-head {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 11px 15px;
  border: 1px solid #32B8F5;
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  color: #333333;
  line-height: 16px;
  cursor: pointer;
  text-align: left;
}

.portraitModal .portraitModal-select-head span {
  display: inline-block;
  width: 182px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.portraitModal .portraitModal-select-head .tic {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 16px;
  line-height: 1;
  color: #666;
}

.portraitModal .portraitModal-select-head-all {
  display: none;
  position: absolute;
  left: 0;
  top: 43px;
  width: 288px;
  padding: 8px;
  font-size: 14px;
  line-height: 22px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  z-index: 3;
}

.portraitModal .portraitModal-select-head:hover .portraitModal-select-head-all {
  display: block;
}

.portraitModal .portraitModal-select-body {
  position: absolute;
  left: 0;
  width: 100%;
  padding-top: 4px;
  z-index: 2;
}

.portraitModal .portraitModal-select-body.-top {
  bottom: 44px;
}

.portraitModal .portraitModal-select-body-con {
  padding: 8px 0;
  max-height: 280px;
  border: 1px solid #E0E0E0;
  -webkit-box-shadow: 0 5px 20px 0 rgba(26, 26, 26, 0.1);
  box-shadow: 0 5px 20px 0 rgba(26, 26, 26, 0.1);
  border-radius: 2px;
  background: #fff;
}

.portraitModal .portraitModal-select-body-items {
  max-height: 180px;
  overflow-y: auto;
}

.portraitModal .portraitModal-select-body-item {
  padding: 4px 0 4px 16px;
  font-size: 14px;
  line-height: 22px;
  color: #333333;
  text-align: left;
  cursor: pointer;
}

.portraitModal .portraitModal-select-body-item.-level2 {
  padding-left: 20px;
}

.portraitModal .portraitModal-select-body-item span:before {
  margin-right: 8px;
  content: "\e7a4";
  font-family: "tic";
  font-size: 12px;
  color: #999;
}

.portraitModal .portraitModal-select-body-item.-selected span:before {
  content: "\e7a6";
  font-family: "tic";
  color: #32B8F5;
}

.portraitModal .portraitModal-select-body-confirm {
  display: inline-block;
  width: 62px;
  height: 28px;
  border: 1px solid #32B8F5;
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  line-height: 26px;
  background: #32B8F5;
  color: #fff;
}

.portraitModal .portraitModal-select-body-reset {
  margin-right: 8px;
  display: inline-block;
  width: 62px;
  height: 28px;
  border: 1px solid #32B8F5;
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  line-height: 26px;
  background: #fff;
  color: #32B8F5;
}

.portraitModal .portraitModal-select-item {
  height: 30px;
  padding: 4px 12px;
  cursor: pointer;
  white-space: nowrap;
}

.portraitModal .portraitModal-select-item:hover {
  background: rgba(50, 184, 245, 0.1);
}

.modal-w800 {
  width: 800px;
}

.modal-w825 {
  width: 825px;
}

.modal-w600 {
  width: 600px;
}

.modal-w440 {
  width: 440px;
}

.modal-w400 {
  width: 400px;
}

.modal-w464 {
  width: 464px;
}

.modal-w480 {
  width: 500px;
}

.modal-w500 {
  width: 500px;
}

.modal-w520 {
  width: 520px;
}

.modal-w560 {
  width: 560px;
}

.modal-w562 {
  width: 562px;
}

.modal-w438 {
  width: 438px;
}

.modal-w464 {
  width: 464px;
}

.modal-w640 {
  width: 640px;
}

.modal-w760 {
  width: 760px;
}

.modal-w750 {
  width: 750px;
}

.modal-w900 {
  width: 900px;
}

.modal-w928 {
  width: 928px;
}

.modal-w950 {
  width: 950px;
}

.modal-w960 {
  width: 960px;
}

.modal-w1218 {
  width: 1218px;
}

.modal-w1044 {
  width: 1044px;
}

.modal-w1040 {
  width: 1040px;
}

.modal-w1202 {
  width: 1202px;
}

.modal-w320 {
  width: 320px;
}

.std-tooltip {
  display: none;
  position: absolute;
  margin-left: 10px;
  padding: 8px 16px;
  white-space: nowrap;
  border: 1px solid #ECECEC;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  color: #333;
  background: #FFFFFF;
  z-index: 1000;
}

.std-tooltip:before {
  content: "";
  position: absolute;
  border: 1px solid #ECECEC;
  border-top-color: transparent;
  border-right-color: transparent;
  left: -8px;
  top: 30px;
  width: 16px;
  height: 16px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.std-tooltip.-whiteSpaceNormal {
  white-space: normal;
}

.std-tooltip.-top {
  margin-left: 0;
  margin-top: 10px;
}

.std-tooltip.-top:before {
  left: 30px;
  top: -8px;
  border-top-color: #ECECEC;
  border-bottom-color: transparent;
}

.std-tooltip.-bottom {
  margin-left: 0;
  margin-bottom: 10px;
}

.std-tooltip.-bottom:before {
  left: 30px;
  bottom: -8px;
  top: unset;
  border-top-color: #ECECEC;
  border-bottom-color: transparent;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.std-tooltip.-topRight {
  margin-left: 0;
  margin-top: 10px;
}

.std-tooltip.-topRight:before {
  left: unset;
  right: 30px;
  top: -8px;
  border-top-color: #ECECEC;
  border-bottom-color: transparent;
}

.std-tooltip-wrap {
  position: relative;
  cursor: pointer;
}

.std-tooltip-wrap:hover .std-tooltip {
  display: inline-block;
}

.std-tooltip.-l245:before {
  left: 245px;
}

.std-tooltip.-l150:before {
  left: 150px;
}

.std-tooltip.-l94:before {
  left: 94px;
}

.std-tooltip.-l110:before {
  left: 110px;
}

.std-tooltip.-l126:before {
  left: 126px;
}

.std-tooltip.-w370 {
  width: 370px;
  white-space: normal;
}

.std-tooltip.-w564 {
  width: 564px;
  white-space: normal;
}

.std-tooltip.-w526 {
  width: 526px;
  white-space: normal;
}

.std-tooltip.-l415:before {
  left: 415px;
}

.std-tooltip.-l28:before {
  left: 25px;
}

.std-tooltip.-t52:before {
  top: 52px;
}

.std-tooltip.-w200 {
  width: 200px;
  white-space: normal;
}

.std-radio {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

.std-radio:before {
  position: absolute;
  left: 0;
  font-family: "tic";
  content: "\e7a5";
  font-size: 12px;
  margin-right: 8px;
  color: #e0e0e0;
}

.std-radio.-disable:before {
  font-family: "tic";
  content: " ";
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 1px solid #e0e0e0;
  background-color: #EFEFEF;
  top: 50%;
  margin-top: -6px;
}

.std-radio.-disable {
  color: #CCCCCC;
  cursor: not-allowed;
}

.std-radio.-active:before {
  font-family: "tic";
  content: "\e75f";
  color: #32b8f5;
}

.std-checkbox {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

.std-checkbox:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "tic";
  content: "\e7a4";
  font-size: 12px;
  color: #e0e0e0;
  vertical-align: middle;
}

.std-checkbox.-active:before {
  font-family: "tic";
  content: "\e7a6";
  color: #32b8f5;
}

.std-checkbox.-half:before {
  font-family: "tic";
  content: "\e7a7";
  color: #32b8f5;
}

.std-checkbox.check14::before {
  font-size: 14px;
}

.flip {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

.flip .digital:before,
.flip .digital:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  top: 0;
  bottom: 50%;
}

.flip.-company .digital:before {
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/count_05.png");
  background-size: cover;
}

.flip.-company .digital:after {
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/count_06.png");
  background-size: cover;
  border-radius: 2px;
}

.flip.riskScreen .digital:before {
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/count-bg.png");
  background-size: cover;
}

.flip.riskScreen .digital:after {
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/riskScreen/count-bg2.png");
  background-size: cover;
  border-radius: 2px;
}

.flip .digital:after {
  background-position: left bottom;
}

.flip .digital:before {
  top: 0;
  bottom: 50%;
}

.flip .digital:after {
  top: 50%;
  bottom: 0;
  line-height: 0;
}

.flip .number0:before,
.flip .number0:after {
  content: "0";
}

.flip .number1:before,
.flip .number1:after {
  content: "1";
}

.flip .number2:before,
.flip .number2:after {
  content: "2";
}

.flip .number3:before,
.flip .number3:after {
  content: "3";
}

.flip .number4:before,
.flip .number4:after {
  content: "4";
}

.flip .number5:before,
.flip .number5:after {
  content: "5";
}

.flip .number6:before,
.flip .number6:after {
  content: "6";
}

.flip .number7:before,
.flip .number7:after {
  content: "7";
}

.flip .number8:before,
.flip .number8:after {
  content: "8";
}

.flip .number9:before,
.flip .number9:after {
  content: "9";
}

.flip.down .front:before {
  z-index: 3;
}

.flip.down .back:after {
  z-index: 2;
}

.flip.down .front:after,
.flip.down .back:before {
  z-index: 3;
}

.flip.down .back:after {
  z-index: 3;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.flip.up .front:after {
  z-index: 3;
}

.flip.up .back:before {
  z-index: 2;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.flip.up .front:before,
.flip.up .back:after {
  z-index: 1;
}

.flip.down.go .front:before {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: frontFlipDown 0.6s ease-in-out both;
  animation: frontFlipDown 0.6s ease-in-out both;
}

.flip.down.go .back:after {
  -webkit-animation: backFlipDown 0.6s ease-in-out both;
  animation: backFlipDown 0.6s ease-in-out both;
}

.flip.noAnimate .front {
  display: none;
}

.flip.noAnimate .back:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}

@-webkit-keyframes frontFlipDown {
  0% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }

  100% {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
  }
}

@keyframes frontFlipDown {
  0% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }

  100% {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
  }
}

@-webkit-keyframes backFlipDown {
  0% {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }

  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}

@keyframes backFlipDown {
  0% {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }

  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}

.std-btn {
  cursor: pointer;
}

.std-btn:hover {
  border-color: #2CA5DC;
  background: #2CA5DC;
}

.std-btn:active {
  border-color: #2A9CD0;
  background: #2A9CD0;
}

.std-btn.-blank:hover {
  border-color: #32b8f5;
  background: rgba(50, 184, 245, 0.05);
}

.std-btn.-blank:active {
  border-color: #32b8f5;
  background: rgba(50, 184, 245, 0.15);
}

.std-btn.-orange:hover {
  border-color: #E57015;
  background: #E57015;
}

.std-btn.-orange:active {
  border-color: #D96A14;
  background: #D96A14;
}

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

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
}

/**
 *  选择企业分组Modal
 */

.stdSelectGroupModal {
  position: relative;
  width: 800px;
  padding: 20px 32px 24px;
  background: #ffffff;
  color: #333333;
}

.stdSelectGroupModal-header {
  font-size: 18px;
  line-height: 28px;
}

.stdSelectGroupModal-header-title {
  display: inline-block;
  font-weight: 600;
}

.stdSelectGroupModal-header-close {
  position: absolute;
  top: 18px;
  right: 24px;
  font-size: 32px;
  cursor: pointer;
}

.stdSelectGroupModal-body {
  margin-top: 16px;
  font-size: 0;
}

.stdSelectGroupModal-body-select-type-container {
  position: relative;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #e4eef6;
}

.stdSelectGroupModal-body-select-type-container:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  margin-right: -1px;
  width: 1px;
  height: 50px;
  border-right: 1px solid #ffffff;
}

.stdSelectGroupModal-body-select-type-container:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin-left: -1px;
  margin-top: -1px;
  width: 100%;
  height: 50px;
  border: 1px solid #ffffff;
}

.stdSelectGroupModal-body-select-type-item {
  z-index: 2;
  position: absolute;
  width: 118px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #333333;
  text-align: center;
  background: #ffffff;
  border: 1px solid #e4eef6;
  margin-left: -1px;
  cursor: pointer;
}

.stdSelectGroupModal-body-select-type-item.-active {
  border-bottom: none;
}

.stdSelectGroupModal-body-select-type-item.-active:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background-color: #32B8F5;
}

.stdSelectGroupModal-body-title {
  position: relative;
  height: 50px;
  line-height: 50px;
  color: #333;
  font-weight: bold;
  font-size: 16px;
  padding: 0 16px;
  border-bottom: 1px solid #e4eef6;
}

.stdSelectGroupModal-body-title-abs {
  position: absolute;
  left: 16px;
  top: 0;
}

.stdSelectGroupModal-body-input {
  font-size: 14px;
  display: inline-block;
  width: 360px;
  margin-right: 16px;
  vertical-align: top;
  border: 1px solid #e4eef6;
}

.stdSelectGroupModal-body-input-tabs {
  position: relative;
  height: 48px;
  line-height: 48px;
  color: #333333;
  padding: 0 16px;
}

.stdSelectGroupModal-body-input-tabs > div {
  width: 88px;
  position: relative;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.stdSelectGroupModal-body-input-tabs > div.active {
  color: #32B8F5;
  font-weight: bold;
}

.stdSelectGroupModal-body-input-tabs > div.active:after {
  content: "";
  color: #32B8F5;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #32B8F5;
}

.stdSelectGroupModal-body-input-search,
.stdSelectGroupModal-body-input-file {
  padding: 0 16px;
}

.stdSelectGroupModal-body-input-search {
  padding: 0 16px;
}

.stdSelectGroupModal-body-input-search > div {
  border-top: 1px solid #e4eef6;
  font-size: 0;
  padding-top: 16px;
}

.stdSelectGroupModal-body-input-search-input-group {
  position: relative;
  width: 100%;
  height: 36px;
  border: 1px solid #e4eef6;
  border-radius: 2px;
}

.stdSelectGroupModal-body-input-search-input-group > input {
  display: inline-block;
  width: 100%;
  height: 34px;
  padding: 8px 34px;
  border: none;
  vertical-align: top;
  outline: none;
  font-size: 14px;
  line-height: 22px;
}

.stdSelectGroupModal-body-input-search-input-group-find-icon.tic {
  font-size: 14px !important;
  position: absolute;
  left: 12px;
  top: 8px;
  color: #999999;
}

.stdSelectGroupModal-body-input-search-input-group-clear-icon.tic {
  font-size: 20px !important;
  position: absolute;
  right: 12px;
  top: 8px;
  color: #f6f6f6;
  cursor: pointer;
  z-index: 2;
}

.stdSelectGroupModal-body-input-search-input-group-clear-icon-bg {
  content: "";
  position: absolute;
  background-color: #999999;
  width: 10px;
  height: 12px;
  right: 17px;
  top: 11px;
  z-index: 1;
}

.stdSelectGroupModal-body-input-search-add-human {
  position: relative;
  width: 100%;
}

.stdSelectGroupModal-body-input-search-add-human-text {
  display: block;
  width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  font-size: 14px;
  color: #333333;
  cursor: pointer;
  margin-bottom: 16px;
}

.stdSelectGroupModal-body-input-search-add-human-list {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: -1px;
  min-width: 100px;
  max-width: 200px;
  text-align: left;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 0px 0px 2px 2px;
  padding: 3px 0;
  max-height: 200px;
  overflow-y: auto;
  z-index: 4;
}

.stdSelectGroupModal-body-input-search-add-human-list-item {
  padding: 8px 16px;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  cursor: pointer;
}

.stdSelectGroupModal-body-input-search-add-human-list-item:hover {
  background-color: rgba(50, 184, 245, 0.1);
}

.stdSelectGroupModal-body-input-search-btn {
  display: inline-block;
  width: 116px;
  height: 36px;
  border-radius: 0 2px 0 0;
  line-height: 36px;
  color: #fff;
  background: #32b8f5;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
}

.stdSelectGroupModal-body-input-search-res {
  padding-top: 12px;
  height: 323px;
  overflow-y: scroll;
  position: relative;
}

.stdSelectGroupModal-body-input-search-res::-webkit-scrollbar {
  display: none;
}

.stdSelectGroupModal-body-input-search-custom,
.stdSelectGroupModal-body-input-search-other {
  font-size: 14px;
  padding: 0 12px;
  color: #333333;
  line-height: 22px;
  font-weight: 600;
}

.stdSelectGroupModal-body-input-search-group-item {
  padding: 6px 22px 6px 12px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}

.stdSelectGroupModal-body-input-search-group-item:hover {
  background: #f6f9fc;
}

.stdSelectGroupModal-body-input-search-group-item:hover .stdSelectGroupModal-body-input-search-group-handle {
  display: inline-block;
}

.stdSelectGroupModal-body-input-search-group-toggle {
  color: #999999;
}

.stdSelectGroupModal-body-input-search-group-handle {
  float: right;
  display: none;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  color: #32b8f5;
  vertical-align: top;
  cursor: pointer;
}

.stdSelectGroupModal-body-input-search-group-handle:last-child {
  margin-left: 0;
}

.stdSelectGroupModal-body-input-search-group-name {
  display: inline-block;
  width: 195px;
  padding-left: 8px;
  vertical-align: top;
}

.stdSelectGroupModal-body-input-search-company {
  padding: 6px 22px 6px 35px;
  font-size: 14px;
  line-height: 22px;
}

.stdSelectGroupModal-body-input-search-company:hover {
  background: #f6f9fc;
}

.stdSelectGroupModal-body-input-search-company:hover .stdSelectGroupModal-body-input-search-company-handle {
  display: inline-block;
}

.stdSelectGroupModal-body-input-search-company-name {
  display: inline-block;
  width: 195px;
  vertical-align: top;
}

.stdSelectGroupModal-body-input-search-company-name > em {
  color: #32b8f5;
}

.stdSelectGroupModal-body-input-search-company-handle {
  float: right;
  display: none;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  color: #32b8f5;
  vertical-align: top;
  cursor: pointer;
}

.stdSelectGroupModal-body-input-search-company-handle:last-child {
  margin-left: 0;
}

.stdSelectGroupModal-body-input-search-search {
  position: absolute;
  width: 100%;
  top: 0;
  background: white;
  height: 301px;
  margin-top: -12px;
  border: 1px solid #e4eef6;
  border-top: none;
  padding-top: 12px;
}

.stdSelectGroupModal-body-input-search-search .stdSelectGroupModal-body-input-search-company {
  padding: 6px 12px;
}

.stdSelectGroupModal-body-input-file {
  position: relative;
  font-size: 0;
}

.stdSelectGroupModal-body-input-file-label {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 100%;
  line-height: 60px;
  border: 1px solid #e4eef6;
  padding: 0 14px;
}

.stdSelectGroupModal-body-input-file-placeholder {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #999999;
  background-color: transparent;
  font-size: 14px;
  padding-left: 96px;
  padding-right: 16px;
}

.stdSelectGroupModal-body-input-file-placeholder span {
  display: inline-block;
  font-size: 14px;
  color: #999999;
  line-height: 22px;
  vertical-align: middle;
  margin-top: -6px;
}

.stdSelectGroupModal-body-input-file-btn {
  z-index: 2;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  display: inline-block;
  padding: 6px 8px;
  font-size: 12px;
  color: #32B8F5;
  border-radius: 2px;
  border: 1px solid #32B8F5;
  line-height: 12px;
  vertical-align: middle;
  cursor: pointer;
}

.stdSelectGroupModal-body-input-file-res {
  border: 1px solid #e4eef6;
  border-radius: 0 0 2px 2px;
  border-top: none;
  overflow: hidden;
}

.stdSelectGroupModal-body-input-file-text {
  width: 100%;
  height: 257px;
  padding: 16px;
  border: none;
  font-size: 14px;
  line-height: 22px;
  overflow-y: scroll;
  outline: none;
  resize: none;
}

.stdSelectGroupModal-body-input-file-errmsg {
  font-size: 14px;
  line-height: 22px !important;
  position: absolute;
  bottom: 69px;
  left: 50%;
  margin-left: -141px;
  width: 282px;
  height: 68px;
  padding: 12px 12px 12px 40px;
  border: 1px solid #ffd8d6;
  -webkit-box-shadow: 0 4px 6px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 6px -3px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background: #ffebea;
  color: #ff3b30;
}

.stdSelectGroupModal-body-input-file-errmsg:before {
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 12px;
  font-family: "tic";
  content: "\e7a0";
  line-height: 12px;
}

.stdSelectGroupModal-body-input-file-match {
  position: relative;
  height: 60px;
  line-height: 60px;
}

.stdSelectGroupModal-body-input-file-match-label {
  display: inline-block;
  padding-top: 3px;
  margin-right: 34px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  vertical-align: middle;
}

.stdSelectGroupModal-body-input-file-match-label > input {
  display: none;
}

.stdSelectGroupModal-body-input-file-match-label > input:checked ~ .show-radio:before {
  color: #32b8f5;
  font-size: 16px;
  content: "\e75f";
  font-family: "tic";
  margin-right: 8px;
}

.stdSelectGroupModal-body-input-file-match-label .show-radio {
  position: relative;
  color: #e0e0e0;
  vertical-align: middle;
}

.stdSelectGroupModal-body-input-file-match-label .show-radio:before {
  font-size: 16px;
  content: "\e7a5";
  font-family: "tic";
  margin-right: 8px;
}

.stdSelectGroupModal-body-input-file-match-btn {
  position: absolute;
  display: inline-block;
  font-size: 14px;
  border-radius: 2px;
  vertical-align: middle;
  background: #32b8f5;
  color: #fff;
  text-align: center;
  cursor: pointer;
  right: 0;
  top: 50%;
  margin-top: -18px;
  width: 90px;
  height: 36px;
  line-height: 36px;
}

.stdSelectGroupModal-body-input-file-name {
  display: inline-block;
  width: 192px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.stdSelectGroupModal-body-output {
  font-size: 14px;
  display: inline-block;
  width: 360px;
  vertical-align: top;
  border: 1px solid #e4eef6;
}

.stdSelectGroupModal-body-output-group-add,
.stdSelectGroupModal-body-output-group-input {
  height: 100%;
  padding-top: 10px;
  font-weight: normal;
}

.stdSelectGroupModal-body-output-group-input {
  line-height: 28px;
  font-size: 0px;
  text-align: right;
}

.stdSelectGroupModal-body-output-group-input > span {
  font-size: 14px;
  font-weight: normal;
}

.stdSelectGroupModal-body-output-group-input > input {
  display: inline-block;
  width: 130px;
  height: 28px;
  padding: 3px 8px;
  margin-left: 8px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  font-size: 12px;
  line-height: 20px;
  outline: none;
  font-weight: normal;
}

.stdSelectGroupModal-body-output-group-btn {
  display: inline-block;
  width: 62px;
  height: 28px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 26px;
  color: #333333;
  text-align: center;
  cursor: pointer;
}

.stdSelectGroupModal-body-output-group-btn.-forbid {
  color: #ccc;
  border-color: #efefef !important;
  background: #efefef !important;
  cursor: not-allowed;
}

.stdSelectGroupModal-body-output-group-btn.-forbid.-sure {
  color: #ccc;
}

.stdSelectGroupModal-body-output-group-btn.-add,
.stdSelectGroupModal-body-output-group-btn.-clear {
  float: right;
}

.stdSelectGroupModal-body-output-group-btn.-add {
  width: 88px;
  margin-right: 8px;
}

.stdSelectGroupModal-body-output-group-btn.-sure,
.stdSelectGroupModal-body-output-group-btn.-cancel {
  width: 58px;
  margin-left: 8px;
}

.stdSelectGroupModal-body-output-group-btn.-sure {
  color: #fff;
  border-color: #32b8f5;
  background: #32b8f5;
}

.stdSelectGroupModal-body-output-tip-wrap {
  height: 60px;
  width: 100%;
  border-top: 1px solid #e4eef6;
  padding: 0 16px;
  line-height: 58px;
}

.stdSelectGroupModal-body-output-list {
  position: relative;
  height: 395px;
  padding: 10px 0;
  overflow-y: scroll;
}

.stdSelectGroupModal-body-output-list-no-data-img {
  position: absolute;
  width: 268px;
  left: 50%;
  margin-left: -134px;
  top: 50%;
  margin-top: -125px;
}

.stdSelectGroupModal-body-output-list-no-data-txt {
  font-size: 18px;
  color: #999999;
  text-align: center;
  position: absolute;
  bottom: 118px;
  width: 100%;
}

.stdSelectGroupModal-body-output-list.-no-data {
  height: 455px;
}

.stdSelectGroupModal-body-output-list::-webkit-scrollbar {
  display: none;
}

.stdSelectGroupModal-body-output-tip {
  display: inline-block;
  margin-right: 32px;
  line-height: 22px;
  vertical-align: middle;
}

.stdSelectGroupModal-body-output-tip:before {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  margin-top: 5px;
  margin-right: 8px;
  background: #333;
  vertical-align: top;
}

.stdSelectGroupModal-body-output-tip.-past:before {
  background: #c786ff;
}

.stdSelectGroupModal-body-output-tip.-fuzzy {
  margin-right: 0;
}

.stdSelectGroupModal-body-output-tip.-fuzzy:before {
  background: #ff9900;
}

.stdSelectGroupModal-body-output-item {
  position: relative;
  padding: 6px 16px;
  font-size: 14px;
  line-height: 22px;
}

.stdSelectGroupModal-body-output-item:hover {
  background: #f6f9fc;
}

.stdSelectGroupModal-body-output-item:hover .stdSelectGroupModal-body-output-item-handle {
  display: inline-block;
}

.stdSelectGroupModal-body-output-item-name {
  display: inline-block;
  width: 100%;
  padding-right: 24px;
}

.stdSelectGroupModal-body-output-item-name > strong {
  font-weight: normal;
  color: #c786ff;
}

.stdSelectGroupModal-body-output-item-name > em {
  color: #ff9900;
  font-weight: normal;
}

.stdSelectGroupModal-body-output-item-name-tooltip {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  line-height: 22px;
  padding: 2px 8px;
  z-index: 1;
}

.stdSelectGroupModal-body-output-item-handle {
  display: none;
  position: absolute;
  top: 50%;
  right: 16px;
  color: #32b8f5;
  cursor: pointer;
  margin-top: -11px;
}

.stdSelectGroupModal-bottom {
  padding-top: 32px;
  text-align: center;
}

.stdSelectGroupModal-bottom-cancel,
.stdSelectGroupModal-bottom-confirm {
  display: inline-block;
  width: 120px;
  height: 36px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
}

.stdSelectGroupModal-bottom-cancel {
  margin-right: 16px;
  border: 1px solid #e4eef6;
  color: #333;
}

.stdSelectGroupModal-bottom-confirm {
  border: 1px solid #32b8f5;
  background: #32b8f5;
  color: #fff;
}

.stdSelectGroupModal-deleteGroup,
.stdSelectGroupModal-deleteCompany {
  position: absolute;
  left: 50%;
  top: 20%;
  width: 440px;
  height: 184px;
  margin-left: -220px;
  padding: 32px 32px 24px 72px;
  background: #ffffff;
  border: 1px solid #e4eef6;
  -webkit-box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  text-align: center;
  z-index: 3;
}

.stdSelectGroupModal-deleteGroup-icon,
.stdSelectGroupModal-deleteCompany-icon {
  position: absolute;
  top: 35px;
  left: 32px;
  font-size: 24px;
  line-height: 24px;
  color: #ffaf25;
}

.stdSelectGroupModal-deleteGroup-title,
.stdSelectGroupModal-deleteCompany-title {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #333333;
  text-align: left;
}

.stdSelectGroupModal-deleteGroup-cancel,
.stdSelectGroupModal-deleteGroup-sure,
.stdSelectGroupModal-deleteCompany-cancel,
.stdSelectGroupModal-deleteCompany-sure {
  position: absolute;
  width: 62px;
  height: 36px;
  border: 1px solid #e4eef6;
  border-radius: 2px;
  font-weight: 600;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
}

.stdSelectGroupModal-deleteGroup-cancel,
.stdSelectGroupModal-deleteCompany-cancel {
  top: 124px;
  right: 32px;
  background: #fff;
  color: #333333;
}

.stdSelectGroupModal-deleteGroup-sure,
.stdSelectGroupModal-deleteCompany-sure {
  top: 124px;
  right: 110px;
  background: #32b8f5;
  border-color: #32b8f5;
  color: #fff;
}

.stdSelectGroupModal-changeGroupName {
  position: absolute;
  left: 50%;
  top: 20%;
  width: 464px;
  height: 220px;
  margin-left: -232px;
  padding: 20px 32px 24px;
  border: 1px solid #e4eef6;
  -webkit-box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background: #ffffff;
  text-align: center;
  z-index: 3;
}

.stdSelectGroupModal-changeGroupName-title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 18px;
  color: #333333;
  line-height: 28px;
  text-align: left;
}

.stdSelectGroupModal-changeGroupName-close {
  position: absolute;
  top: 27px;
  right: 32px;
  cursor: pointer;
}

.stdSelectGroupModal-changeGroupName-text {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}

.stdSelectGroupModal-changeGroupName-input {
  width: 398px;
  padding: 6px 8px 8px;
  margin-bottom: 32px;
  border: 1px solid #e4eef6;
  border-radius: 2px;
  line-height: 22px;
  outline: none;
}

.stdSelectGroupModal-changeGroupName-cancel,
.stdSelectGroupModal-changeGroupName-sure {
  display: inline-block;
  width: 120px;
  height: 36px;
  border: 1px solid #e4eef6;
  border-radius: 2px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 34px;
  cursor: pointer;
}

.stdSelectGroupModal-changeGroupName-cancel.-disable,
.stdSelectGroupModal-changeGroupName-sure.-disable {
  background: #efefef;
  border-color: #efefef;
  color: #ccc;
  cursor: not-allowed;
}

.stdSelectGroupModal-changeGroupName-cancel {
  margin-right: 16px;
}

.stdSelectGroupModal-changeGroupName-sure {
  background: #32b8f5;
  border-color: #32b8f5;
  color: #fff;
}

.stdSelectGroupModal-tooltip {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 48%;
  left: 0;
}

.stdSelectGroupModal-tooltip span {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  line-height: 22px;
  padding: 8px;
}

.stdSelectGroupModal.-searchPage {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-title-abs.hidden {
  display: inherit !important;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-title {
  padding: 0 24px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-input-search,
.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-input-file {
  padding: 0 24px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-title-abs {
  left: 24px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-input-tabs {
  padding: 0 24px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-input {
  width: 568px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-input .stdSelectGroupModal-body-input-search-company-name {
  width: 400px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-output-item {
  padding: 6px 24px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-output-item-handle {
  right: 24px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-output-tip-wrap {
  padding: 0 24px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-output {
  width: 568px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-input-file-text {
  height: 161px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-input-search-res {
  height: 227px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-input-search-search {
  height: 205px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-output-list.-no-data {
  height: 330px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-output-list {
  height: 269px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-output-list-no-data-img {
  width: 240px;
  height: 155px;
  margin-left: -120px;
  margin-top: -95px;
}

.stdSelectGroupModal.-searchPage .stdSelectGroupModal-body-output-list-no-data-txt {
  bottom: 76px;
}

/** 超出限制弹框 */

.stdSelectGroupModal-body-output-tip-wrapper {
  padding: 32px 32px 24px;
  position: relative;
}

.stdSelectGroupModal-body-output-tip-wrapper .stdSelectGroupModal-body-output-tip-wrapper-header {
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  color: #242b33;
  margin-bottom: 8px;
}

.stdSelectGroupModal-body-output-tip-wrapper .stdSelectGroupModal-body-output-tip-wrapper-tip-icon {
  width: 20px;
  margin-right: 12px;
}

.stdSelectGroupModal-body-output-tip-wrapper .stdSelectGroupModal-body-output-tip-wrapper-tip-close {
  width: 12px;
  position: absolute;
  top: 18px;
  right: 18px;
  cursor: pointer;
}

.stdSelectGroupModal-body-output-tip-wrapper .stdSelectGroupModal-body-output-tip-wrapper-content {
  font-weight: 400;
  font-size: 14px;
  color: #5c6773;
  padding-left: 32px;
  margin-bottom: 24px;
}

.stdSelectGroupModal-body-output-tip-wrapper .stdSelectGroupModal-body-output-tip-wrapper-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.stdSelectGroupModal-body-output-tip-wrapper .stdSelectGroupModal-body-output-tip-wrapper-foot-back,
.stdSelectGroupModal-body-output-tip-wrapper .stdSelectGroupModal-body-output-tip-wrapper-foot-submit {
  width: 88px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-weight: 400;
  font-size: 14px;
  border-radius: 2px;
  cursor: pointer;
}

.stdSelectGroupModal-body-output-tip-wrapper .stdSelectGroupModal-body-output-tip-wrapper-foot-back {
  margin-right: 8px;
  border: 1px solid #E1E7EB;
  color: #242B33;
}

.stdSelectGroupModal-body-output-tip-wrapper .stdSelectGroupModal-body-output-tip-wrapper-foot-submit {
  background: #0084FF;
  color: #FFFFFF;
}

.stdSelectGroupModal-body-output-tip-wrapper .stdSelectGroupModal-body-input-file-label-new-tip {
  height: 90px !important;
}

.stdSelectGroupModal-body-output-tip-wrapper .stdSelectGroupModal-body-input-file-placeholder-new-tip {
  height: 90px !important;
  line-height: 90px !important;
}

/**
 *  选择企业分组Modal
 */

.stdSelectNewGroupModal {
  position: relative;
  background: #ffffff;
  color: #333333;
}

.stdSelectNewGroupModal-header {
  font-size: 18px;
  line-height: 28px;
  padding: 16px 20px;
  border-bottom: 1px solid #F3F3F3;
}

.stdSelectNewGroupModal-header-title {
  display: inline-block;
  font-weight: 600;
}

.stdSelectNewGroupModal-header-close {
  position: absolute;
  top: 18px;
  right: 24px;
  font-size: 32px;
  cursor: pointer;
}

.stdSelectNewGroupModal-body {
  font-size: 0;
  height: 100%;
  width: 100%;
}

.stdSelectNewGroupModal-body-select-type-container {
  position: relative;
  width: 100%;
  background-color: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.stdSelectNewGroupModal-body-select-type-item {
  height: 48px;
  line-height: 48px;
  z-index: 2;
  font-size: 16px;
  color: #333333;
  text-align: center;
  cursor: pointer;
  padding: 0 16px;
  border-bottom: 1px solid #eee;
}

.stdSelectNewGroupModal-body-select-type-item.-active {
  border-bottom: none;
  background-color: #fff;
  color: #32B8F5;
  font-weight: 500;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.stdSelectNewGroupModal-body-select-type-item:first-child {
  border-left: none;
}

.stdSelectNewGroupModal-body-title {
  position: relative;
  height: 50px;
  line-height: 50px;
  color: #333;
  font-weight: bold;
  font-size: 16px;
  border-bottom: 1px solid #F2F2F2;
  background-color: #FAFAFA;
}

.stdSelectNewGroupModal-body-title-abs {
  position: absolute;
  left: 16px;
  top: 0;
}

.stdSelectNewGroupModal-body-title-result-sum {
  margin-left: 85px;
}

.stdSelectNewGroupModal-body-input {
  font-size: 14px;
  display: inline-block;
  width: 520px;
  vertical-align: top;
  border: 1px solid #EBEBEB;
}

.stdSelectNewGroupModal-body-input-tabs {
  position: relative;
  height: 48px;
  line-height: 48px;
  color: #333333;
  padding: 0 16px;
}

.stdSelectNewGroupModal-body-input-tabs > div {
  width: 88px;
  position: relative;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.stdSelectNewGroupModal-body-input-tabs > div.active {
  color: #32B8F5;
  font-weight: bold;
}

.stdSelectNewGroupModal-body-input-tabs > div.active:after {
  content: "";
  color: #32B8F5;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #32B8F5;
}

.stdSelectNewGroupModal-body-input-search > div {
  font-size: 0;
  background-color: #fff;
}

.stdSelectNewGroupModal-body-input-search-input-group {
  position: relative;
  width: 100%;
  height: 36px;
  border: 1px solid #e4eef6;
  border-radius: 2px;
}

.stdSelectNewGroupModal-body-input-search-input-group > input {
  display: inline-block;
  width: 100%;
  height: 34px;
  padding: 8px 34px;
  border: none;
  vertical-align: top;
  outline: none;
  font-size: 14px;
  line-height: 22px;
}

.stdSelectNewGroupModal-body-input-search-input-group-find-icon.tic {
  font-size: 14px !important;
  position: absolute;
  left: 12px;
  top: 8px;
  color: #999999;
}

.stdSelectNewGroupModal-body-input-search-input-group-clear-icon.tic {
  font-size: 20px !important;
  position: absolute;
  right: 12px;
  top: 8px;
  color: #f6f6f6;
  cursor: pointer;
  z-index: 2;
}

.stdSelectNewGroupModal-body-input-search-input-group-clear-icon-bg {
  content: "";
  position: absolute;
  background-color: #999999;
  width: 10px;
  height: 12px;
  right: 17px;
  top: 11px;
  z-index: 1;
}

.stdSelectNewGroupModal-body-input-search-add-human {
  position: relative;
  width: 100%;
}

.stdSelectNewGroupModal-body-input-search-add-human-text {
  display: block;
  width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  font-size: 14px;
  color: #333333;
  cursor: pointer;
  margin-bottom: 16px;
}

.stdSelectNewGroupModal-body-input-search-add-human-list {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: -1px;
  min-width: 100px;
  max-width: 200px;
  text-align: left;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 0px 0px 2px 2px;
  padding: 3px 0;
  max-height: 200px;
  overflow-y: auto;
  z-index: 4;
}

.stdSelectNewGroupModal-body-input-search-add-human-list-item {
  padding: 8px 16px;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  cursor: pointer;
}

.stdSelectNewGroupModal-body-input-search-add-human-list-item:hover {
  background-color: rgba(50, 184, 245, 0.1);
}

.stdSelectNewGroupModal-body-input-search-btn {
  display: inline-block;
  width: 116px;
  height: 36px;
  border-radius: 0 2px 0 0;
  line-height: 36px;
  color: #fff;
  background: #32b8f5;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
}

.stdSelectNewGroupModal-body-input-search-res {
  height: calc(100vh - 270px);
  position: relative;
  overflow-x: hidden;
  scroll-behavior: smooth;
  content-visibility: auto;
  will-change: transform;
}

.stdSelectNewGroupModal-body-input-search-custom,
.stdSelectNewGroupModal-body-input-search-other {
  font-size: 14px;
  padding: 0 12px;
  color: #333333;
  line-height: 22px;
  font-weight: 600;
}

.stdSelectNewGroupModal-body-input-search-group-item {
  padding: 6px 22px 6px 12px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}

.stdSelectNewGroupModal-body-input-search-group-item .custom-tooltip {
  position: relative;
  cursor: pointer;
}

.stdSelectNewGroupModal-body-input-search-group-item .custom-tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: -40px;
  left: 0px;
  -webkit-transform: translateX(-60%);
  transform: translateX(-60%);
  background-color: #333;
  color: #fff;
  padding: 5px 6px;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

.stdSelectNewGroupModal-body-input-search-group-item .custom-tooltip:hover::after {
  opacity: 1;
  visibility: visible;
}

.stdSelectNewGroupModal-body-input-search-group-item:hover {
  background: #f6f9fc;
}

.stdSelectNewGroupModal-body-input-search-group-item:hover .stdSelectNewGroupModal-body-input-search-group-handle {
  display: inline-block;
}

.stdSelectNewGroupModal-body-input-search-group-toggle {
  color: #999999;
}

.stdSelectNewGroupModal-body-input-search-group-handle {
  float: right;
  display: none;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  color: #32b8f5;
  vertical-align: top;
  cursor: pointer;
}

.stdSelectNewGroupModal-body-input-search-group-handle:last-child {
  margin-left: 0;
}

.stdSelectNewGroupModal-body-input-search-group-name {
  display: inline-block;
  width: 195px;
  padding-left: 8px;
  vertical-align: top;
}

.stdSelectNewGroupModal-body-input-search-company {
  padding: 6px 22px 6px 35px;
  font-size: 14px;
  line-height: 22px;
}

.stdSelectNewGroupModal-body-input-search-company:hover {
  background: #f6f9fc;
}

.stdSelectNewGroupModal-body-input-search-company:hover .stdSelectNewGroupModal-body-input-search-company-handle {
  display: inline-block;
}

.stdSelectNewGroupModal-body-input-search-company:hover .stdSelectNewGroupModal-body-input-search-group-handle {
  display: inline-block;
}

.stdSelectNewGroupModal-body-input-search-company .custom-tooltip {
  position: relative;
  cursor: pointer;
}

.stdSelectNewGroupModal-body-input-search-company .custom-tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: -40px;
  left: 10px;
  -webkit-transform: translateX(-60%);
  transform: translateX(-60%);
  background-color: #333;
  color: #fff;
  padding: 5px 6px;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

.stdSelectNewGroupModal-body-input-search-company .custom-tooltip:hover::after {
  opacity: 1;
  visibility: visible;
}

.stdSelectNewGroupModal-body-input-search-company-name {
  display: inline-block;
  width: 80%;
  vertical-align: top;
}

.stdSelectNewGroupModal-body-input-search-company-name > em {
  color: #32b8f5;
}

.stdSelectNewGroupModal-body-input-search-company-handle {
  float: right;
  display: none;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  color: #32b8f5;
  vertical-align: top;
  cursor: pointer;
}

.stdSelectNewGroupModal-body-input-search-company-handle:last-child {
  margin-left: 0;
}

.stdSelectNewGroupModal-body-input-search-search {
  position: absolute;
  width: 100%;
  top: 0;
  background: white;
  height: 301px;
  margin-top: -12px;
  border: 1px solid #e4eef6;
  border-top: none;
  padding-top: 12px;
}

.stdSelectNewGroupModal-body-input-search-search .stdSelectNewGroupModal-body-input-search-company {
  padding: 6px 12px;
}

.stdSelectNewGroupModal-body-input-file-label {
  position: relative;
  display: inline-block;
  width: 100%;
  line-height: 60px;
  border-bottom: 1px solid #e4eef6;
  padding: 0 14px;
}

.stdSelectNewGroupModal-body-input-file-placeholder {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #999999;
  background-color: #fff;
  font-size: 14px;
  padding-left: 96px;
  padding-right: 16px;
  border-bottom: 1px solid #F2F2F2;
}

.stdSelectNewGroupModal-body-input-file-placeholder span {
  display: inline-block;
  font-size: 14px;
  color: #999999;
  line-height: 22px;
  vertical-align: middle;
  margin-top: -6px;
}

.stdSelectNewGroupModal-body-input-file-btn {
  z-index: 2;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  display: inline-block;
  padding: 6px 8px;
  font-size: 12px;
  color: #32B8F5;
  border-radius: 2px;
  border: 1px solid #32B8F5;
  line-height: 12px;
  vertical-align: middle;
  cursor: pointer;
}

.stdSelectNewGroupModal-body-input-file-text {
  width: 100%;
  height: calc(100vh - 314px);
  padding: 16px;
  border: none;
  font-size: 14px;
  line-height: 22px;
  outline: none;
  resize: none;
  margin-top: -6px;
  margin-bottom: -6px;
}

.stdSelectNewGroupModal-body-input-file-text::-webkit-input-placeholder {
  /* 主流浏览器 */
  color: #ccc;
  font-weight: 400;
}

.stdSelectNewGroupModal-body-input-file-text::-moz-placeholder {
  /* 主流浏览器 */
  color: #ccc;
  font-weight: 400;
}

.stdSelectNewGroupModal-body-input-file-text::-ms-input-placeholder {
  /* 主流浏览器 */
  color: #ccc;
  font-weight: 400;
}

.stdSelectNewGroupModal-body-input-file-text::placeholder {
  /* 主流浏览器 */
  color: #ccc;
  font-weight: 400;
}

.stdSelectNewGroupModal-body-input-file-errmsg {
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  top: 174px;
  left: 12%;
  width: 315px;
  padding: 7px;
  border: 1px solid #ffd8d6;
  -webkit-box-shadow: 0 4px 6px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 6px -3px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background: #ffebea;
  color: #FF3B30;
  padding-left: 28px;
}

.stdSelectNewGroupModal-body-input-file-errmsg:before {
  position: absolute;
  top: 11px;
  left: 8px;
  font-size: 16px;
  font-family: "tic";
  content: "\e80d";
  line-height: 14px;
  background-color: #FF3B30;
  color: #fff;
  border-radius: 7px;
}

.stdSelectNewGroupModal-body-input-file-match {
  position: relative;
  height: 60px;
  line-height: 60px;
}

.stdSelectNewGroupModal-body-input-file-match-label {
  display: inline-block;
  padding-top: 3px;
  margin-right: 34px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  vertical-align: middle;
}

.stdSelectNewGroupModal-body-input-file-match-label > input {
  display: none;
}

.stdSelectNewGroupModal-body-input-file-match-label > input:checked ~ .show-radio:before {
  color: #32b8f5;
  font-size: 16px;
  content: "\e75f";
  font-family: "tic";
  margin-right: 8px;
}

.stdSelectNewGroupModal-body-input-file-match-label .show-radio {
  position: relative;
  color: #e0e0e0;
  vertical-align: middle;
}

.stdSelectNewGroupModal-body-input-file-match-label .show-radio:before {
  font-size: 16px;
  content: "\e7a5";
  font-family: "tic";
  margin-right: 8px;
}

.stdSelectNewGroupModal-body-input-file-match-btn {
  position: absolute;
  display: inline-block;
  font-size: 14px;
  border-radius: 2px;
  vertical-align: middle;
  background: #32b8f5;
  color: #fff;
  text-align: center;
  cursor: pointer;
  right: 0;
  top: 50%;
  margin-top: -18px;
  width: 90px;
  height: 36px;
  line-height: 36px;
}

.stdSelectNewGroupModal-body-input-file-name {
  display: inline-block;
  width: 192px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.stdSelectNewGroupModal-body-operate {
  padding-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.stdSelectNewGroupModal-body-operate .btn-immediate-match {
  border-radius: 2px;
  padding: 10px 6px 10px 8px;
  background-color: #32B8F5;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.stdSelectNewGroupModal-body-operate .btn-immediate-match i {
  font-size: 18px;
  margin: 2px 0 0 -2px;
}

.stdSelectNewGroupModal-body-operate .-forbid {
  color: #ccc;
  border-color: #efefef !important;
  background: #efefef !important;
  cursor: not-allowed;
  pointer-events: none;
  /* 禁用点击 */
}

.stdSelectNewGroupModal-body .styleFlex {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.stdSelectNewGroupModal-body-output {
  width: calc(100% - 612px);
  font-size: 14px;
  display: inline-block;
  margin-left: 16px;
  vertical-align: top;
  border: 1px solid #EBEBEB;
}

.stdSelectNewGroupModal-body-output-group-add,
.stdSelectNewGroupModal-body-output-group-input {
  font-weight: normal;
}

.stdSelectNewGroupModal-body-output-group-add {
  height: 50px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.stdSelectNewGroupModal-body-output-group-input {
  line-height: 28px;
  font-size: 0px;
  text-align: right;
}

.stdSelectNewGroupModal-body-output-group-input > span {
  font-size: 14px;
  font-weight: normal;
}

.stdSelectNewGroupModal-body-output-group-input > input {
  display: inline-block;
  width: 130px;
  height: 28px;
  padding: 3px 8px;
  margin-left: 8px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  font-size: 12px;
  line-height: 20px;
  outline: none;
  font-weight: normal;
}

.stdSelectNewGroupModal-body-output-group-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  cursor: pointer;
  padding: 4px 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.stdSelectNewGroupModal-body-output-group-btn.-forbid {
  color: #ccc;
  border-color: #efefef !important;
  background: #efefef !important;
  cursor: not-allowed;
}

.stdSelectNewGroupModal-body-output-group-btn.-forbid.-sure {
  color: #ccc;
}

.stdSelectNewGroupModal-body-output-group-btn.-add,
.stdSelectNewGroupModal-body-output-group-btn.-clear {
  float: right;
  background-color: #fff;
}

.stdSelectNewGroupModal-body-output-group-btn.-add {
  margin-right: 8px;
  background-color: #fff;
}

.stdSelectNewGroupModal-body-output-group-btn.-add:hover {
  border-color: #32B8F5;
}

.stdSelectNewGroupModal-body-output-group-btn.-clear:hover {
  border-color: #32B8F5;
}

.stdSelectNewGroupModal-body-output-group-btn.-active {
  border-color: #32B8F5;
  color: #32B8F5;
}

.stdSelectNewGroupModal-body-output-group-btn.-sure,
.stdSelectNewGroupModal-body-output-group-btn.-cancel {
  width: 58px;
  margin-left: 8px;
}

.stdSelectNewGroupModal-body-output-group-btn.-sure {
  color: #fff;
  border-color: #32b8f5;
  background: #32b8f5;
}

.stdSelectNewGroupModal-body-output-input-wrap {
  height: 48px;
  background-color: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #F2F2F2;
  padding: 8px 12px;
  position: relative;
}

.stdSelectNewGroupModal-body-output-input-wrap i {
  position: absolute;
  font-size: 12px;
  margin-left: 6px;
}

.stdSelectNewGroupModal-body-output-input-wrap .output-group-panel-form-control {
  width: 100%;
  height: 32px;
  line-height: 32px;
  border: 1px solid #EBEBEB;
}

.stdSelectNewGroupModal-body-output-input-wrap .output-group-panel-form-control:hover {
  border-color: #32B8F5;
}

.stdSelectNewGroupModal-body-output-input-wrap .output-group-panel-form-control:focus-visible {
  border-color: #32B8F5;
}

.stdSelectNewGroupModal-body-output-group-panel {
  z-index: 1;
  width: 321px;
  position: absolute;
  right: 84px;
  background-color: #fff;
  border: 1px solid #EBEBEB;
  top: 44px;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
}

.stdSelectNewGroupModal-body-output-group-panel .output-group-panel-form-control {
  padding-left: 22px;
  outline: none;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  font-size: 14px;
  border-radius: 2px;
}

.stdSelectNewGroupModal-body-output-group-panel .newGroupInput-form-control {
  padding-left: 12px;
  font-size: 14px;
  outline: none;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  border-radius: 2px;
}

.stdSelectNewGroupModal-body-output .group-list {
  max-height: 269px;
  overflow-y: auto;
}

.stdSelectNewGroupModal-body-output .group-list .group-item {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 7px 12px;
  width: 100%;
}

.stdSelectNewGroupModal-body-output .group-list .group-item .group-panel-add-btn {
  height: 24px;
  line-height: 24px;
  padding: 0px 6px;
  background-color: #fff;
  color: #666;
  font-size: 12px;
  border: 1px solid #EBEBEB;
}

.stdSelectNewGroupModal-body-output .group-list .group-item .group-panel-add-btn:hover {
  border-color: #32B8F5;
  color: #32B8F5;
}

.stdSelectNewGroupModal-body-output .group-list .group-item .group-panel-group-name-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 65px);
}

.stdSelectNewGroupModal-body-output .group-list .group-item .checkGroupNameText {
  width: 258px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stdSelectNewGroupModal-body-output .group-list .group-items-monitors .group-item {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.stdSelectNewGroupModal-body-output .group-list .group-items-monitors .group-item i,
.stdSelectNewGroupModal-body-output .group-list .group-items-monitors .group-item span {
  height: 22px;
  line-height: 22px;
}

.stdSelectNewGroupModal-body-output .group-list .group-items-monitors .group-item i {
  margin-right: 6px;
  font-weight: normal !important;
}

.stdSelectNewGroupModal-body-output .group-list .group-items-monitors .group-item .tic-n-fuxuanweixuanzhong:before {
  color: #D7DCE0;
  font-size: 14px;
}

.stdSelectNewGroupModal-body-output .group-list .group-items-monitors .group-item .tic-n-fuxuanyixuanzhong1:before {
  color: #32B8F5;
  font-size: 14px;
}

.stdSelectNewGroupModal-body-output .group-list .group-items-monitors .group-item span {
  font-size: 14px;
  color: #333;
  font-weight: 400;
}

.stdSelectNewGroupModal-body-output-add-new-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
}

.stdSelectNewGroupModal-body-output-add-new-group .btn-secondary {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 10px;
  background-color: #fff;
  color: #32b8f5;
  border: 1px dashed #32b8f5;
}

.stdSelectNewGroupModal-body-output-add-new-group .newGroupInput-form-control {
  width: 213px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #EBEBEB;
}

.stdSelectNewGroupModal-body-output-add-new-group .newGroupInput-form-control:focus {
  border-color: #32B8F5;
}

.stdSelectNewGroupModal-body-output-newGroupForm {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 55px;
  border-top: 1px solid #F2F2F2;
  padding: 8px 12px;
}

.stdSelectNewGroupModal-body-output-newGroupForm .link-btn {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  height: 26px;
  line-height: 26px;
  border: none;
  background-color: transparent;
}

.stdSelectNewGroupModal-body-output-newGroupForm .confirm-btn {
  color: #32B8F5;
}

.stdSelectNewGroupModal-body-output-tip-wrap {
  height: 48px;
  width: 100%;
  border-top: 1px solid #F2F2F2;
  padding: 0 16px;
  line-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.stdSelectNewGroupModal-body-output-list {
  position: relative;
  height: calc(100vh - 320px);
  padding: 8px 0;
  overflow-y: scroll;
  background: #fff;
}

.stdSelectNewGroupModal-body-output-list-no-data-img {
  width: 120px;
}

.stdSelectNewGroupModal-body-output-list-no-data-txt {
  font-size: 14px;
  color: #999999;
}

.stdSelectNewGroupModal-body-output-list.-no-data {
  height: calc(100vh - 272px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.stdSelectNewGroupModal-body-output-list::-webkit-scrollbar {
  display: none;
}

.stdSelectNewGroupModal-body-output-tip {
  margin-right: 16px;
  font-size: 12px;
}

.stdSelectNewGroupModal-body-output-tip:before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  background: #333;
  border-radius: 6px;
  margin-right: 4px;
}

.stdSelectNewGroupModal-body-output-tip.-past:before {
  background: #ff9900;
  border-radius: 6px;
}

.stdSelectNewGroupModal-body-output-tip.-fuzzy:before {
  background: #c786ff;
  border-radius: 6px;
}

.stdSelectNewGroupModal-body-output-item {
  position: relative;
  padding: 6px 16px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.stdSelectNewGroupModal-body-output-item .type1-color {
  color: red;
  /* 红色字体 */
}

.stdSelectNewGroupModal-body-output-item .type2-color {
  color: blue;
  /* 蓝色字体 */
}

.stdSelectNewGroupModal-body-output-item .type3-color {
  color: green;
  /* 绿色字体 */
}

.stdSelectNewGroupModal-body-output-item:hover {
  background: #f6f9fc;
}

.stdSelectNewGroupModal-body-output-item:hover .stdSelectNewGroupModal-body-output-item-handle {
  display: inline-block;
}

.stdSelectNewGroupModal-body-output-item-name {
  display: inline-block;
  width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stdSelectNewGroupModal-body-output-item-name .blurHighlight {
  color: #c786ff;
}

.stdSelectNewGroupModal-body-output-item-name .beforeHighlight {
  color: #ff9900;
}

.stdSelectNewGroupModal-body-output-item-name .precisionHighlight {
  color: #333;
}

.stdSelectNewGroupModal-body-output-item-name-tooltip {
  position: fixed;
  background: white;
  border-radius: 1px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  padding: 6px 8px;
  z-index: 1;
  max-width: 360px;
  white-space: pre-wrap;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1490196078);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1490196078);
}

.stdSelectNewGroupModal-body-output-item-handle {
  display: none;
  position: absolute;
  top: 50%;
  right: 16px;
  color: #999;
  cursor: pointer;
  margin-top: -11px;
}

.stdSelectNewGroupModal-body-output-item-handle:hover {
  color: #32b8f5;
}

.stdSelectNewGroupModal-body-output-monitor-addGroup {
  height: 32px;
  line-height: 23px;
  padding: 4px 8px;
  border: 1px solid #EBEBEB;
  margin-right: 8px;
  background-color: #fff;
  color: #999999;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  max-width: 200px;
  overflow: hidden;
}

.stdSelectNewGroupModal-body-output-monitor-addGroup.-active {
  border-color: #32B8F5;
}

.stdSelectNewGroupModal-body-output-monitor-addGroup.-active .activeSpan {
  color: #32B8F5 !important;
}

.stdSelectNewGroupModal-body .common-sum {
  color: #32B8F5;
  font-weight: 500;
}

.stdSelectNewGroupModal-bottom {
  text-align: right;
  padding: 18px 20px;
  border-top: 1px solid #EBEBEB;
  background-color: #fff;
}

.stdSelectNewGroupModal-bottom-cancel,
.stdSelectNewGroupModal-bottom-confirm {
  display: inline-block;
  height: 40px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.stdSelectNewGroupModal-bottom-cancel {
  margin-right: 16px;
  border: 1px solid #e4eef6;
  color: #333;
  width: 88px;
}

.stdSelectNewGroupModal-bottom-confirm {
  border: 1px solid #32b8f5;
  background: #32b8f5;
  color: #fff;
  width: 96px;
}

.stdSelectNewGroupModal-deleteGroup,
.stdSelectNewGroupModal-deleteCompany {
  position: absolute;
  left: 50%;
  top: 30%;
  width: 320px;
  height: 128px;
  margin-left: -160px;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #e4eef6;
  -webkit-box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  text-align: center;
  z-index: 3;
}

.stdSelectNewGroupModal-deleteGroup-title,
.stdSelectNewGroupModal-deleteCompany-title {
  margin-bottom: 24px;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.stdSelectNewGroupModal-deleteGroup-title i,
.stdSelectNewGroupModal-deleteCompany-title i {
  color: #ffaf25;
  font-size: 24px;
  line-height: 24px;
  margin-right: 8px;
}

.stdSelectNewGroupModal-deleteGroup-operate,
.stdSelectNewGroupModal-deleteCompany-operate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.stdSelectNewGroupModal-deleteGroup-cancel,
.stdSelectNewGroupModal-deleteGroup-sure,
.stdSelectNewGroupModal-deleteCompany-cancel,
.stdSelectNewGroupModal-deleteCompany-sure {
  width: 80px;
  height: 32px;
  border: 1px solid #e4eef6;
  border-radius: 2px;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
  margin: 0 10px;
  text-align: center;
  cursor: pointer;
}

.stdSelectNewGroupModal-deleteGroup-cancel,
.stdSelectNewGroupModal-deleteCompany-cancel {
  background: #fff;
  color: #333333;
}

.stdSelectNewGroupModal-deleteGroup-sure,
.stdSelectNewGroupModal-deleteCompany-sure {
  background: #32b8f5;
  border-color: #32b8f5;
  color: #fff;
}

.stdSelectNewGroupModal-changeGroupName {
  position: absolute;
  left: 50%;
  top: 30%;
  width: 400px;
  height: 178px;
  margin-left: -232px;
  padding: 14px 24px;
  border: 1px solid #e4eef6;
  -webkit-box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background: #ffffff;
  text-align: right;
  z-index: 3;
}

.stdSelectNewGroupModal-changeGroupName-title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
  text-align: left;
}

.stdSelectNewGroupModal-changeGroupName-close {
  position: absolute;
  top: 16px;
  right: 32px;
  cursor: pointer;
}

.stdSelectNewGroupModal-changeGroupName-text {
  margin: 20px 0px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.stdSelectNewGroupModal-changeGroupName-input {
  width: 306px;
  padding: 6px 8px 8px;
  border: 1px solid #e4eef6;
  border-radius: 2px;
  line-height: 22px;
  outline: none;
}

.stdSelectNewGroupModal-changeGroupName-cancel,
.stdSelectNewGroupModal-changeGroupName-sure {
  display: inline-block;
  width: 80px;
  height: 32px;
  border: 1px solid #e4eef6;
  border-radius: 2px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 32px;
  cursor: pointer;
}

.stdSelectNewGroupModal-changeGroupName-cancel.-disable,
.stdSelectNewGroupModal-changeGroupName-sure.-disable {
  background: #efefef;
  border-color: #efefef;
  color: #ccc;
  cursor: not-allowed;
}

.stdSelectNewGroupModal-changeGroupName-cancel {
  margin-right: 16px;
}

.stdSelectNewGroupModal-changeGroupName-sure {
  background: #32b8f5;
  border-color: #32b8f5;
  color: #fff;
}

.stdSelectNewGroupModal-tooltip {
  text-align: center;
  position: absolute;
  top: 48%;
  left: 50%;
  width: 138px;
  height: 38px;
  margin-left: -46px;
  background: #FFF7E9;
  border-radius: 4px;
  font-family: PingFangSC-Regular;
  border: 1px solid #FFEFD3;
  font-size: 14px;
  color: #F49F1B;
  padding: 8px;
}

.stdSelectNewGroupModal.-searchPage {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-title-abs.hidden {
  display: inherit !important;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-title {
  padding: 0 24px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-input-search,
.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-input-file {
  padding: 0 24px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-title-abs {
  left: 24px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-input-tabs {
  padding: 0 24px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-input {
  width: 568px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-input .stdSelectNewGroupModal-body-input-search-company-name {
  width: 400px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-output-item {
  padding: 6px 24px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-output-item-handle {
  right: 24px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-output-tip-wrap {
  padding: 0 24px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-output {
  width: 568px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-input-file-text {
  height: 161px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-input-search-res {
  height: 227px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-input-search-search {
  height: 205px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-output-list.-no-data {
  height: 330px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-output-list {
  height: 269px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-output-list-no-data-img {
  width: 240px;
  height: 155px;
  margin-left: -120px;
  margin-top: -95px;
}

.stdSelectNewGroupModal.-searchPage .stdSelectNewGroupModal-body-output-list-no-data-txt {
  bottom: 76px;
}

/** 超出限制弹框 */

.stdSelectNewGroupModal-body-output-tip-wrapper {
  padding: 32px 32px 24px;
  position: relative;
}

.stdSelectNewGroupModal-body-output-tip-wrapper .stdSelectNewGroupModal-body-output-tip-wrapper-header {
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  color: #242b33;
  margin-bottom: 8px;
}

.stdSelectNewGroupModal-body-output-tip-wrapper .stdSelectNewGroupModal-body-output-tip-wrapper-tip-icon {
  width: 20px;
  margin-right: 12px;
}

.stdSelectNewGroupModal-body-output-tip-wrapper .stdSelectNewGroupModal-body-output-tip-wrapper-tip-close {
  width: 12px;
  position: absolute;
  top: 18px;
  right: 18px;
  cursor: pointer;
}

.stdSelectNewGroupModal-body-output-tip-wrapper .stdSelectNewGroupModal-body-output-tip-wrapper-content {
  font-weight: 400;
  font-size: 14px;
  color: #5c6773;
  padding-left: 32px;
  margin-bottom: 24px;
}

.stdSelectNewGroupModal-body-output-tip-wrapper .stdSelectNewGroupModal-body-output-tip-wrapper-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.stdSelectNewGroupModal-body-output-tip-wrapper .stdSelectNewGroupModal-body-output-tip-wrapper-foot-back,
.stdSelectNewGroupModal-body-output-tip-wrapper .stdSelectNewGroupModal-body-output-tip-wrapper-foot-submit {
  width: 88px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-weight: 400;
  font-size: 14px;
  border-radius: 2px;
  cursor: pointer;
}

.stdSelectNewGroupModal-body-output-tip-wrapper .stdSelectNewGroupModal-body-output-tip-wrapper-foot-back {
  margin-right: 8px;
  border: 1px solid #E1E7EB;
  color: #242B33;
}

.stdSelectNewGroupModal-body-output-tip-wrapper .stdSelectNewGroupModal-body-output-tip-wrapper-foot-submit {
  background: #0084FF;
  color: #FFFFFF;
}

.stdSelectNewGroupModal-body-output-tip-wrapper .stdSelectNewGroupModal-body-input-file-label-new-tip {
  height: 90px !important;
}

.stdSelectNewGroupModal-body-output-tip-wrapper .stdSelectNewGroupModal-body-input-file-placeholder-new-tip {
  height: 90px !important;
  line-height: 90px !important;
}

/**
 *  选择企业Modal
 */

.stdSelectCompanyModal {
  position: relative;
  width: 440px;
  height: 460px;
  padding: 20px 32px 24px;
  color: #333333;
}

.stdSelectCompanyModal-header {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 28px;
}

.stdSelectCompanyModal-header-title {
  display: inline-block;
  font-weight: 600;
}

.stdSelectCompanyModal-header-close {
  position: absolute;
  top: 18px;
  right: 24px;
  font-size: 32px;
  cursor: pointer;
}

.stdSelectCompanyModal-body > input {
  display: inline-block;
  width: 260px;
  height: 36px;
  padding: 6px 8px 8px;
  border: 1px solid #E0E0E0;
  border-right: none;
  border-radius: 2px 0 0 0;
  font-size: 14px;
  line-height: 20px;
  vertical-align: top;
  outline: none;
}

.stdSelectCompanyModal-body-btn {
  display: inline-block;
  width: 116px;
  height: 36px;
  padding: 6px 0 8px;
  border-radius: 0 2px 0 0;
  background: #32B8F5;
  color: #fff;
  line-height: 22px;
  vertical-align: top;
  text-align: center;
  cursor: pointer;
}

.stdSelectCompanyModal-body-res {
  height: 336px;
  padding: 10px 0;
  border: 1px solid #E0E0E0;
  border-top: none;
  border-radius: 0 0 2px 2px;
  overflow-y: scroll;
}

.stdSelectCompanyModal-body-group-item {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}

.stdSelectCompanyModal-body-group-item:hover {
  background: #F6F9FC;
}

.stdSelectCompanyModal-body-group-item:hover .stdSelectGroupModal-body-input-search-group-handle {
  display: inline-block;
}

.stdSelectCompanyModal-body-group-toggle {
  color: #999999;
}

.stdSelectCompanyModal-body-group-name {
  display: inline-block;
  width: 214px;
  padding-left: 8px;
  padding-right: 4px;
  vertical-align: top;
}

.stdSelectCompanyModal-body-company {
  padding: 6px 12px 6px 35px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}

.stdSelectCompanyModal-body-company:hover {
  background: #F6F9FC;
}

.stdSelectCompanyModal-body-company > em {
  color: #32B8F5;
}

/**
 *  选择过滤项Modal
 */

.stdSelectFilterModal-tab {
  margin-top: 8px;
  margin-bottom: 16px;
  font-size: 0;
}

.stdSelectFilterModal-tab-item {
  display: inline-block;
  height: 50px;
  padding: 14px 0;
  margin-right: 16px;
  font-size: 16px;
  line-height: 22px;
  color: #333;
  vertical-align: top;
  cursor: pointer;
}

.stdSelectFilterModal-tab-item.-active {
  position: relative;
  color: #32b8f5;
}

.stdSelectFilterModal-tab-item.-active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #32b8f5;
  bottom: 0;
  left: 0;
}

.stdSelectFilterModal-selected {
  position: relative;
  width: 100%;
  margin: 0 auto 16px;
  padding: 12px 12px 4px;
  font-size: 0;
  border: 1px dashed #E0E0E0;
}

.stdSelectFilterModal-selected-item {
  display: inline-block;
  height: 24px;
  padding: 0 8px;
  margin: 0 8px 8px 0;
  border: 1px solid #32B8F5;
  border-radius: 2px;
  font-size: 14px;
  line-height: 22px;
  vertical-align: top;
  color: #32B8F5;
}

.stdSelectFilterModal-selected-item .tic {
  margin-left: 8px;
  cursor: pointer;
}

.stdSelectFilterModal-container {
  width: 100%;
  height: 376px;
  margin-bottom: 32px;
  border: 1px solid #E4EEF6;
  font-size: 0;
}

.stdSelectFilterModal-modal1 {
  width: 100%;
  height: 350px;
  padding: 0 4px 0 12px;
  overflow-y: scroll;
}

.stdSelectFilterModal-modal1-item {
  position: relative;
  display: inline-block;
  width: calc(20% - 8px);
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 8px;
  border: 1px solid #E4EEF6;
  font-size: 12px;
  line-height: 17px;
  cursor: pointer;
}

.stdSelectFilterModal-modal1-item-title {
  display: inline-block;
  width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}

.stdSelectFilterModal-modal1-item-desc {
  display: none;
  position: absolute;
  top: 40px;
  left: 12px;
  background: #FFFFFF;
  padding: 2px 8px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(96, 96, 96, 0.5);
  box-shadow: 0 1px 4px 0 rgba(96, 96, 96, 0.5);
  border-radius: 2px;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  z-index: 2;
}

.stdSelectFilterModal-modal1-item-val {
  position: absolute;
  right: 8px;
  color: #32B8F5;
}

.stdSelectFilterModal-modal1-item.-nodata {
  color: #ccc;
}

.stdSelectFilterModal-modal1-item.-active {
  border-color: #32B8F5;
}

.stdSelectFilterModal-modal1-item.-active .stdSelectFilterModal-modal1-item-title {
  color: #32B8F5 !important;
}

.stdSelectFilterModal-modal1-item:hover {
  background: #F6F9FC;
}

.stdSelectFilterModal-modal1-item:hover .stdSelectFilterModal-modal1-item-desc {
  display: block;
}

.stdSelectFilterModal-modal2 {
  width: 100%;
  height: 374px;
}

.stdSelectFilterModal-modal2-tabs {
  display: inline-block;
  width: 279px;
  height: 374px;
  border-right: 1px solid #E4EEF6;
  vertical-align: top;
  overflow-y: scroll;
}

.stdSelectFilterModal-modal2-tabs-item {
  position: relative;
  height: 32px;
  padding: 5px 16px;
  font-size: 14px;
  line-height: 22px;
  color: #333333;
  cursor: pointer;
}

.stdSelectFilterModal-modal2-tabs-item-title {
  display: inline-block;
  width: 183px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}

.stdSelectFilterModal-modal2-tabs-item-desc {
  display: none;
  position: absolute;
  top: 40px;
  left: 12px;
  background: #FFFFFF;
  padding: 2px 8px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(96, 96, 96, 0.5);
  box-shadow: 0 1px 4px 0 rgba(96, 96, 96, 0.5);
  border-radius: 2px;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  z-index: 2;
}

.stdSelectFilterModal-modal2-tabs-item-val {
  position: absolute;
  right: 16px;
  color: #32B8F5;
}

.stdSelectFilterModal-modal2-tabs-item:hover {
  background: #F6F9FC;
}

.stdSelectFilterModal-modal2-tabs-item:hover .stdSelectFilterModal-modal2-tabs-item-desc {
  display: block;
}

.stdSelectFilterModal-modal2-tabs-item.-active {
  background: #F6F9FC;
}

.stdSelectFilterModal-modal2-tabs-item.-active:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 32px;
  background: #32B8F5;
}

.stdSelectFilterModal-modal2-con {
  display: inline-block;
  width: calc(100% - 279px);
  padding: 0 8px;
  height: 374px;
  vertical-align: top;
  overflow-y: scroll;
}

.stdSelectFilterModal-modal2-con-item {
  position: relative;
  display: inline-block;
  width: 50%;
  padding: 5px 20px 5px 12px;
  vertical-align: top;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
}

.stdSelectFilterModal-modal2-con-item-title {
  display: inline-block;
  width: 196px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}

.stdSelectFilterModal-modal2-con-item-desc {
  display: none;
  position: absolute;
  top: 40px;
  left: 12px;
  background: #FFFFFF;
  padding: 2px 8px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(96, 96, 96, 0.5);
  box-shadow: 0 1px 4px 0 rgba(96, 96, 96, 0.5);
  border-radius: 2px;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  z-index: 2;
}

.stdSelectFilterModal-modal2-con-item-val {
  position: absolute;
  right: 20px;
  color: #32B8F5;
}

.stdSelectFilterModal-modal2-con-item:hover {
  background: #F6F9FC;
}

.stdSelectFilterModal-modal2-con-item:hover .stdSelectFilterModal-modal2-con-item-desc {
  display: block;
}

.stdSelectFilterModal-modal2-con-item.-nodata {
  color: #ccc;
}

.stdSelectFilterModal-modal2-con-item.-active .stdSelectFilterModal-modal2-con-item-title {
  color: #32B8F5 !important;
}

.stdSelectFilterModal-handle {
  text-align: center;
}

.stdSelectFilterModal-handle-sure,
.stdSelectFilterModal-handle-cancel {
  display: inline-block;
  width: 120px;
  height: 36px;
  margin-right: 16px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  font-weight: 600;
  font-size: 14px;
  line-height: 34px;
  color: #333;
  background: #fff;
  cursor: pointer;
}

.stdSelectFilterModal-handle-sure {
  margin-right: 0;
  border-color: #32B8F5;
  background: #32B8F5;
  color: #fff;
}

/**
 *  下载报告Modal
 */

.stdDownloadReportModal {
  position: relative;
  width: 100%;
  padding: 8px 32px 24px;
  background: #FFFFFF;
}

.stdDownloadReportModal-header {
  height: 52px;
}

.stdDownloadReportModal-header-title {
  position: relative;
  display: inline-block;
  margin-right: 16px;
  padding: 12px 0;
  font-size: 18px;
  line-height: 28px;
  cursor: pointer;
}

.stdDownloadReportModal-header-title:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  content: "";
  background: transparent;
}

.stdDownloadReportModal-header-title.-active {
  color: #32B8F5;
}

.stdDownloadReportModal-header-title.-active:after {
  background: #32B8F5;
}

.stdDownloadReportModal-header-close {
  position: absolute;
  top: 18px;
  right: 24px;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
}

.stdDownloadReportModal-body {
  margin-bottom: 24px;
  text-align: center;
}

.stdDownloadReportModal-body.-std-version .stdDownloadReportModal-body-custom-card {
  height: 540px;
}

.stdDownloadReportModal-body-custom {
  margin-top: 12px;
  text-align: center;
}

.stdDownloadReportModal-body-custom-card {
  position: relative;
  display: inline-block;
  width: 272px;
  height: 562px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  vertical-align: top;
  cursor: pointer;
}

.stdDownloadReportModal-body-custom-card.-humanpage {
  height: 442px;
}

.stdDownloadReportModal-body-custom-card.-std-version {
  height: 532px;
}

.stdDownloadReportModal-body-custom-card.-std-version.-humanpage {
  height: 442px;
}

.stdDownloadReportModal-body-custom-card:hover {
  border-color: #32B8F5;
}

.stdDownloadReportModal-body-custom-card.-active {
  position: relative;
  border-color: #32B8F5;
}

.stdDownloadReportModal-body-custom-card.-active:before {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 52px;
  height: 52px;
  border: 26px solid #32B8F5;
  border-left-color: transparent;
  border-bottom-color: transparent;
  content: "";
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

.stdDownloadReportModal-body-custom-card.-active:after {
  position: absolute;
  top: 2px;
  right: 5px;
  content: "\e6cb";
  color: #fff;
  font-family: "tic";
  font-size: 20px;
  font-weight: 600;
}

.stdDownloadReportModal-body-custom-card-title {
  margin-top: 32px;
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}

.stdDownloadReportModal-body-custom-card-eg {
  margin-bottom: 16px;
  font-size: 14px;
  color: #32B8F5;
  line-height: 22px;
}

.stdDownloadReportModal-body-custom-card-price {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #FE0000;
}

.stdDownloadReportModal-body-custom-card-times {
  margin-top: 8px;
  font-size: 14px;
  line-height: 22px;
  color: #666666;
}

.stdDownloadReportModal-body-custom-card-line {
  position: relative;
  display: inline-block;
  width: 216px;
  height: 0;
  margin-top: 18px;
  margin-bottom: 27px;
  border-bottom: 1px solid #E0E0E0;
}

.stdDownloadReportModal-body-custom-card-line:after {
  position: absolute;
  left: 73px;
  top: -11px;
  content: "报告内容";
  width: 72px;
  height: 22px;
  font-size: 14px;
  line-height: 22px;
  color: #999999;
  background: #fff;
}

.stdDownloadReportModal-body-custom-card-content {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 22px;
  color: #333;
}

.stdDownloadReportModal-body-custom-card-humanbox {
  position: absolute;
  left: 12px;
  bottom: 12px;
  padding: 12px;
  width: 248px;
  height: 103px;
  background: #FCFCFC;
  border: 1px solid #E4EEF6;
  border-radius: 2px;
  overflow-y: auto;
  text-align: left;
}

.stdDownloadReportModal-body-custom-card-humantip {
  margin-bottom: 8px;
  font-size: 14px;
  color: #999999;
  line-height: 22px;
}

.stdDownloadReportModal-body-custom-card-humanitem {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 8px;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
}

.stdDownloadReportModal-body-custom-card-humanitem span {
  display: inline-block;
  width: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}

.stdDownloadReportModal-body-custom-card-humanitem:nth-child(3n) {
  margin-right: 0;
}

.stdDownloadReportModal-body-custom-card-tag {
  position: absolute;
  left: -1px;
  top: -11px;
  display: inline-block;
  width: 100px;
  height: 20px;
  border-radius: 4px 4px 4px 0;
  text-align: center;
  line-height: 20px;
  background: #FF3C2F;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.stdDownloadReportModal-body-senior {
  margin-top: 4px;
  font-size: 0;
}

.stdDownloadReportModal-body-senior-nav {
  text-align: left;
  margin-bottom: 16px;
}

.stdDownloadReportModal-body-senior-nav-btn {
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  cursor: pointer;
}

.stdDownloadReportModal-body-senior-nav-btn:hover {
  color: #32B8F5;
}

.stdDownloadReportModal-body-senior-nav-desc {
  font-size: 14px;
  color: #32B8F5;
  line-height: 22px;
}

.stdDownloadReportModal-body-senior-dims {
  min-height: 412px;
  text-align: left;
  white-space: nowrap;
  overflow-x: auto;
  border-bottom: 1px solid #f0f0f0;
}

.stdDownloadReportModal-body-senior-all {
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;
  font-weight: 600;
}

.stdDownloadReportModal-body-senior-all > .tic {
  display: inline-block;
  margin-right: 8px;
  font-size: 12px;
  vertical-align: middle;
  cursor: pointer;
  font-weight: normal;
}

.stdDownloadReportModal-body-senior-all > .tic-n-fuxuanweixuanzhong {
  color: #E0E0E0;
}

.stdDownloadReportModal-body-senior-all > .tic-n-fuxuanyixuanzhong1 {
  color: #32B8F5;
}

.stdDownloadReportModal-body-senior-all > .tic-n-fuxuanfeiquanxuan {
  color: #32B8F5;
}

.stdDownloadReportModal-body-senior-group {
  margin-right: 24px;
  display: inline-block;
  width: 120px;
  vertical-align: top;
  text-align: left;
  font-size: 14px;
  line-height: 22px;
}

.stdDownloadReportModal-body-senior-group:last-child {
  margin-right: 0;
}

.stdDownloadReportModal-body-senior-group-name {
  margin-bottom: 4px;
  font-weight: 600;
  cursor: pointer;
}

.stdDownloadReportModal-body-senior-group-name > .tic {
  display: inline-block;
  margin-right: 8px;
  font-size: 12px;
  vertical-align: middle;
  cursor: pointer;
  font-weight: normal;
}

.stdDownloadReportModal-body-senior-group-name > .tic-n-fuxuanweixuanzhong {
  color: #E0E0E0;
}

.stdDownloadReportModal-body-senior-group-name > .tic-n-fuxuanyixuanzhong1 {
  color: #32B8F5;
}

.stdDownloadReportModal-body-senior-group-name > .tic-n-fuxuanfeiquanxuan {
  color: #32B8F5;
}

.stdDownloadReportModal-body-senior-group-item {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}

.stdDownloadReportModal-body-senior-group-item span {
  white-space: pre-wrap;
  display: inline-block;
  width: 100px;
  vertical-align: top;
}

.stdDownloadReportModal-body-senior-group-item > .tic {
  display: inline-block;
  margin-right: 8px;
  font-size: 12px;
  vertical-align: middle;
  cursor: pointer;
}

.stdDownloadReportModal-body-senior-group-item > .tic-n-fuxuanweixuanzhong {
  color: #E0E0E0;
}

.stdDownloadReportModal-body-senior-group-item > .tic-n-fuxuanyixuanzhong1 {
  color: #32B8F5;
}

.stdDownloadReportModal-bottom {
  height: 36px;
}

.stdDownloadReportModal-bottom-checkall {
  display: inline-block;
  margin-top: 6px;
  margin-right: 32px;
  line-height: 24px;
}

.stdDownloadReportModal-bottom-checkall > .label {
  cursor: pointer;
}

.stdDownloadReportModal-bottom-checkall .tic {
  display: inline-block;
  margin-right: 8px;
  font-size: 16px;
  vertical-align: middle;
}

.stdDownloadReportModal-bottom-checkall .tic-n-fuxuanweixuanzhong {
  color: #E0E0E0;
}

.stdDownloadReportModal-bottom-checkall .tic-n-fuxuanyixuanzhong1 {
  color: #32B8F5;
}

.stdDownloadReportModal-bottom-format {
  display: inline-block;
  margin-top: 6px;
  line-height: 24px;
}

.stdDownloadReportModal-bottom-format-text {
  display: inline-block;
  margin-right: 8px;
  vertical-align: top;
}

.stdDownloadReportModal-bottom-format-item {
  display: inline-block;
  margin-right: 24px;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  cursor: pointer;
}

.stdDownloadReportModal-bottom-mode {
  float: right;
  display: inline-block;
  padding-top: 7px;
  margin-right: 24px;
  color: #32B8F5;
  line-height: 22px;
  cursor: pointer;
}

.stdDownloadReportModal-bottom-btn {
  float: right;
  display: inline-block;
  width: 120px;
  height: 36px;
  padding: 7px 0 0;
  border: 0;
  border-radius: 2px;
  color: #fff;
  background: #32B8F5;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}

/**
 *  添加监控Modal
 */

.stdAddMonitorModal {
  position: relative;
  width: 600px;
  padding: 20px 32px 24px;
  color: #333;
}

.stdAddMonitorModal-header {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 16px;
}

.stdAddMonitorModal-header-title {
  display: inline-block;
  font-weight: 600;
}

.stdAddMonitorModal-header-close {
  display: inline-block;
  float: right;
  margin-left: -8px;
  font-size: 32px;
  color: #000000;
  cursor: pointer;
}

.stdAddMonitorModal-add {
  margin-bottom: 16px;
  font-size: 0;
}

.stdAddMonitorModal-add-create {
  display: inline-block;
  width: 72px;
  height: 28px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
}

.stdAddMonitorModal-add-text {
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  margin-right: 8px;
}

.stdAddMonitorModal-add-input {
  display: inline-block;
  width: 340px;
  height: 28px;
  margin-right: 8px;
  padding: 8px 4px;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  line-height: 18px;
  outline: none;
}

.stdAddMonitorModal-add-sure {
  display: inline-block;
  width: 58px;
  height: 28px;
  margin-right: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 28px;
  border-radius: 2px;
  color: #fff;
  background: #32B8F5;
  text-align: center;
  cursor: pointer;
}

.stdAddMonitorModal-add-cancel {
  display: inline-block;
  width: 58px;
  height: 28px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 26px;
  background: #fff;
  color: #333;
  text-align: center;
  cursor: pointer;
}

.stdAddMonitorModal-group {
  margin-bottom: 32px;
}

.stdAddMonitorModal-group-item {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}

.stdAddMonitorModal-group-item:nth-last-child(4),
.stdAddMonitorModal-group-item:nth-last-child(3),
.stdAddMonitorModal-group-item:nth-last-child(2),
.stdAddMonitorModal-group-item:nth-last-child(1) {
  margin-bottom: 0;
}

.stdAddMonitorModal-group-item .tic {
  display: inline-block;
  margin-right: 8px;
  font-size: 12px;
  color: #E0E0E0;
  vertical-align: top;
}

.stdAddMonitorModal-group-item .tic-n-fuxuanyixuanzhong1 {
  color: #32B8F5;
}

.stdAddMonitorModal-group-item > span {
  display: inline-block;
  width: 98px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}

.stdAddMonitorModal-bottom {
  text-align: center;
}

.stdAddMonitorModal-bottom-cancel,
.stdAddMonitorModal-bottom-sure {
  display: inline-block;
  width: 120px;
  height: 36px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  font-weight: 600;
  line-height: 34px;
  color: #333;
  background: #fff;
  text-align: center;
  cursor: pointer;
}

.stdAddMonitorModal-bottom-sure {
  margin-left: 16px;
  color: #fff;
  background: #32B8F5;
  border-color: #32B8F5;
}

/**
 *  添加监控Modal
 */

.stdAddMonitorNewModal {
  position: relative;
  width: 600px;
  padding: 20px 20px 24px;
  color: #333;
}

.stdAddMonitorNewModal-title {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-right: 1px;
}

.stdAddMonitorNewModal-count {
  color: #999;
}

.stdAddMonitorNewModal-header {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 16px;
}

.stdAddMonitorNewModal-header-title {
  display: inline-block;
  font-weight: 600;
}

.stdAddMonitorNewModal-header-close {
  display: inline-block;
  float: right;
  margin-left: -8px;
  font-size: 32px;
  color: #000000;
  cursor: pointer;
}

.stdAddMonitorNewModal-add {
  margin-bottom: 16px;
  width: 100%;
  height: 64px;
  padding: 12px;
  border: 1px solid #f2f2f2;
}

.stdAddMonitorNewModal-add-create {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px dashed #32B8F5;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
  color: #32B8F5;
}

.stdAddMonitorNewModal-add-create .tic {
  margin-right: 5px;
  font-size: 10px;
}

.stdAddMonitorNewModal-add-text {
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  margin-right: 8px;
}

.stdAddMonitorNewModal-add-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.stdAddMonitorNewModal-add-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  margin-right: 10px;
  padding: 5px 12px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  line-height: 18px;
  outline: none;
}

.stdAddMonitorNewModal-add-input:focus {
  border: solid 1px #32B8F5;
}

.stdAddMonitorNewModal-add-sure {
  margin-right: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #32B8F5;
  text-align: center;
  cursor: pointer;
}

.stdAddMonitorNewModal-add-cancel {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  text-align: center;
  cursor: pointer;
}

.stdAddMonitorNewModal-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: solid 1px #f2f2f2;
  border-bottom: none;
  border-radius: 1px;
  max-height: 400px;
  overflow: auto;
}

.stdAddMonitorNewModal-group-item:last-child {
  border-bottom: none;
}

.stdAddMonitorNewModal-group-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  padding: 12px;
  border-bottom: solid 1px #f2f2f2;
  cursor: pointer;
}

.stdAddMonitorNewModal-group-item:nth-last-child(4),
.stdAddMonitorNewModal-group-item:nth-last-child(3),
.stdAddMonitorNewModal-group-item:nth-last-child(2),
.stdAddMonitorNewModal-group-item:nth-last-child(1) {
  margin-bottom: 0;
}

.stdAddMonitorNewModal-group-item-bottom {
  margin-top: 2px;
  color: #999;
  font-size: 14px;
}

.stdAddMonitorNewModal-group-item-bottom span {
  margin-right: 12px;
}

.stdAddMonitorNewModal-group-item .tic {
  display: inline-block;
  margin-right: 12px;
  font-size: 12px;
  color: #E0E0E0;
  vertical-align: top;
}

.stdAddMonitorNewModal-group-item .tic-n-fuxuanyixuanzhong1 {
  color: #32B8F5;
}

.stdAddMonitorNewModal-bottom {
  text-align: right;
}

.stdAddMonitorNewModal-bottom-cancel,
.stdAddMonitorNewModal-bottom-sure {
  display: inline-block;
  width: 120px;
  height: 36px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  font-weight: 600;
  line-height: 34px;
  color: #333;
  background: #fff;
  text-align: center;
  cursor: pointer;
}

.stdAddMonitorNewModal-bottom-sure {
  margin-left: 16px;
  color: #fff;
  background: #32B8F5;
  border-color: #32B8F5;
}

/**
 *  提示Modal
 */

.stdTipModal {
  position: relative;
  padding: 32px 32px 24px 72px;
  height: 162px;
}

.stdTipModal-icon {
  position: absolute;
  top: 35px;
  left: 32px;
  font-size: 24px;
  line-height: 24px;
  color: #ffaf25;
}

.stdTipModal-title {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #333333;
}

.stdTipModal-text {
  font-size: 14px;
  color: #666666;
  line-height: 22px;
}

.stdTipModal-cancel,
.stdTipModal-sure {
  position: absolute;
  width: 88px;
  height: 36px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  font-weight: 600;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
}

.stdTipModal-cancel {
  top: 102px;
  right: 136px;
  background: #fff;
  color: #333333;
}

.stdTipModal-sure {
  top: 102px;
  right: 32px;
  background: #32b8f5;
  border-color: #32b8f5;
  color: #fff;
}

.stdTipModal2 {
  position: relative;
  padding: 22px 32px 32px;
  text-align: center;
}

.stdTipModal2-close {
  position: absolute;
  top: 20px;
  right: 26px;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #333333;
}

.stdTipModal2-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #333333;
}

.stdTipModal2-title .tic {
  font-size: 24px;
  color: #ffaf25;
}

.stdTipModal2-text {
  margin-top: 24px;
  margin-bottom: 32px;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
}

.stdTipModal2-cancel,
.stdTipModal2-sure {
  display: inline-block;
  vertical-align: middle;
  width: 120px;
  height: 36px;
  border: 1px solid #32b8f5;
  border-radius: 2px;
  font-weight: 600;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
}

.stdTipModal2-cancel {
  margin-right: 16px;
  background: #fff;
  color: #32b8f5;
}

.stdTipModal2-sure {
  background: #32b8f5;
  color: #fff;
}

/**
 *  充值提示Modal
 */

.stdChargeTipModal {
  padding-top: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #283242;
}

.stdChargeTipModal-title {
  margin-bottom: 4px;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}

.stdChargeTipModal-desc {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}

.stdChargeTipModal-sure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 24px 0;
  padding: 5px 16px;
  color: #fff;
  background: #32b8f5;
  border: 1px solid #32b8f5;
  border-radius: 2px;
  cursor: pointer;
}

/**
 *  申请试用提示Modal
 */

.stdApplyTipModal {
  position: relative;
  padding-top: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #283242;
}

.stdApplyTipModal-close {
  position: absolute;
  top: 17px;
  right: 25px;
  font-size: 12px;
  line-height: 1;
  color: #283242;
  cursor: pointer;
}

.stdApplyTipModal-icon {
  margin-bottom: 16px;
  font-size: 28px !important;
  color: #079c49;
  line-height: 1;
}

.stdApplyTipModal-title {
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 24px;
  color: #283242;
}

.stdApplyTipModal-desc {
  font-size: 14px;
  line-height: 24px;
  color: #283242;
  text-align: center;
}

.stdApplyTipModal-sure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 24px 0;
  width: 80px;
  height: 32px;
  font-size: 14px;
  color: #fff;
  background: #0f6fff;
  border: 1px solid #0f6fff;
  border-radius: 2px;
  cursor: pointer;
}

.open-login-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1280px;
  height: 72px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(19, 19, 19, 0.1);
  padding: 0 64px;
  z-index: 100;
}

.open-login-header.-bg {
  background: #101833;
  border: none;
}

.open-login-header.-about {
  background: #101833;
  border: none;
}

.open-login-header .left {
  display: inline-block;
}

.open-login-header .left .open-logo {
  display: inline-block;
  margin-top: 16px;
  margin-right: 16px;
  cursor: pointer;
  vertical-align: top;
}

.open-login-header .left .std-header-intro {
  display: inline-block;
  margin-top: 16px;
  vertical-align: top;
}

.open-login-header .right {
  float: right;
  display: inline-block;
  font-size: 0;
  vertical-align: top;
}

.open-login-header .right .anchor {
  position: relative;
  display: inline-block;
  padding: 24px 0;
  vertical-align: top;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.open-login-header .right .anchor:before {
  content: "/";
  display: inline-block;
  vertical-align: top;
  margin-left: 32px;
  margin-right: 32px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
}

.open-login-header .right .anchor:first-child:before {
  content: "";
  margin: 0;
}

.open-login-header .right .anchor:hover {
  color: #e6cc8a;
}

.open-login-header .right .anchor a {
  position: relative;
  color: rgba(255, 255, 255, 0.6);
}

.open-login-header .right .anchor.-active a {
  color: #e6cc8a;
}

.open-login-header .right .anchor.-active a:after {
  content: "\e6c7";
  font-family: "tic";
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -6px;
  font-size: 12px;
  color: #e6cc8a;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.open-login-header .right .login {
  display: inline-block;
  width: 96px;
  height: 40px;
  margin-top: 16px;
  border: 1px solid #e6cc8a;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 600;
  line-height: 38px;
  color: #e6cc8a;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.open-login-header .right .apply {
  display: inline-block;
  vertical-align: top;
  margin-top: 16px;
  margin-right: 16px;
  width: 96px;
  height: 40px;
  cursor: pointer;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/home/v3/apply_small.png");
  background-size: 192px 40px;
}

.open-login-header .right .apply:hover {
  background-position: top right;
}

.open-login-header .right .ml56 {
  margin-left: 56px;
}

.open-login-footer {
  padding: 24px 0;
  background: #101833;
  color: #ffeda7;
  text-align: center;
}

.open-login-footer .company {
  font-size: 16px;
  line-height: 24px;
  margin-top: 32px;
}

.open-login-footer .info {
  font-size: 14px;
  line-height: 20px;
}

.open-login-footer .copy {
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 237, 167, 0.5);
}

.open-login-footer .copy a {
  color: rgba(255, 237, 167, 0.5);
}

.open-login-footer .std-footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 232px;
  border-bottom: 1px solid #24262b;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 60px;
}

.open-login-footer .std-footer-block {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
  text-align: left;
}

.open-login-footer .std-footer-block .header {
  display: inline-block;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.open-login-footer .std-footer-block .content {
  font-size: 12px;
}

.open-login-footer .std-footer-block .content div {
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
}

.open-login-footer .std-footer-block .content a {
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.open-login-footer .std-footer-block .col {
  width: 33.33333%;
  float: left;
}

.open-login-about {
  margin-top: 72px;
  padding: 30px 0 0;
  background: #fafafa;
}

.open-login-about .con {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.open-login-about .left {
  position: fixed;
  top: 94px;
  left: 50%;
  margin-left: -600px;
  background: #fff;
}

.open-login-about .left .item {
  position: relative;
  width: 290px;
  height: 49px;
  padding-left: 39px;
  padding-top: 15px;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
}

.open-login-about .left .item.-noborder {
  border: none !important;
}

.open-login-about .left .item.-active {
  color: #32b8f5;
  font-weight: 600;
}

.open-login-about .left .item.-active:before {
  position: absolute;
  top: 12px;
  left: 0;
  content: "";
  width: 2px;
  height: 24px;
  background: #32b8f5;
}

.open-login-about .right {
  float: right;
  width: 890px;
  min-height: 720px;
  background: #ffffff;
  -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.06);
}

.open-login-about .right .item {
  display: none;
  padding: 0 30px 30px;
}

.open-login-about .right .item .title,
.open-login-about .right .item .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .open-login-about .right .item .reg-title,
.open-login-about .right .item .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .open-login-about .right .item .reg-title,
.open-login-about .right .item .login-blue2 .reg-title,
.login-blue2 .open-login-about .right .item .reg-title {
  margin-top: 2px;
  width: 100%;
  height: 52px;
  line-height: 52px;
  font-size: 18px;
  font-weight: 400;
  color: #202020;
  text-align: center;
}

.open-login-about .right .item .creat-time,
.open-login-about .right .item .update-time {
  font-size: 14px;
  font-weight: 400;
  color: #202020;
  text-align: right;
}

.open-login-about .right .item .update-time {
  margin-bottom: 10px;
}

.open-login-about .right .item .green {
  color: #32b8f5;
}

.open-login-about .right .item .text {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
  text-align: left;
}

.open-login-about .right .item .title-l1 {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  color: #202020;
  line-height: 24px;
  text-align: left;
}

.open-login-about .right .item .title-l2 {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  color: #202020;
  line-height: 24px;
  text-align: left;
}

.open-login-about .right .item.-active {
  display: block;
}

.open-login-about .privacy-content ul,
.open-login-about .privacy-content li {
  padding: 0;
  margin: 0;
}

.open-login-about .privacy-content .title,
.open-login-about .privacy-content .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .open-login-about .privacy-content .reg-title,
.open-login-about .privacy-content .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .open-login-about .privacy-content .reg-title,
.open-login-about .privacy-content .login-blue2 .reg-title,
.login-blue2 .open-login-about .privacy-content .reg-title {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  line-height: 37px;
  margin-bottom: 8px;
}

.open-login-about .privacy-content .recent-update {
  font-size: 12px;
  color: #666666;
  line-height: 26px;
  margin-bottom: 0px;
  text-align: center;
}

.open-login-about .privacy-content .content {
  font-size: 15px;
}

.open-login-about .privacy-content .paragraph {
  text-indent: 2em;
  line-height: 26px;
  margin-bottom: 14px;
}

.open-login-about .privacy-content .paragraph li {
  list-style: none;
}

.open-login-about .privacy-content .number-title {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin-top: 24px;
  margin-bottom: 14px;
}

.open-login-about .privacy-content .sub-item {
  padding-left: 26px;
  position: relative;
  margin-bottom: 14px;
}

.open-login-about .privacy-content .sub-item p {
  margin: 0;
}

.open-login-about .privacy-content .sub-num {
  position: absolute;
  top: 0;
  left: 0;
}

.open-login-about .privacy-content .-ml28 {
  margin-left: 28px;
}

.open-login-about .privacy-content .-ml56 {
  margin-left: 56px;
}

.open-login-about .privacy-content .-mb14 {
  margin-bottom: 14px;
}

.open-login-about .privacy-content .table {
  width: 100%;
  max-width: 100%;
  font-size: 14px;
  text-align: center;
  color: #333;
  border-spacing: 0;
  border-collapse: collapse;
}

.open-login-about .privacy-content .table thead {
  background-color: #f0f7fc;
}

.open-login-about .privacy-content .table th {
  padding: 8px 0;
}

.open-login-about .privacy-content .table th,
.open-login-about .privacy-content .table td {
  border: 1px solid #e4eef6;
  font-weight: normal;
  vertical-align: middle;
}

.open-login-index {
  min-width: 1280px;
  background: #0b1129;
}

.open-login-index .seo-h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.open-login-index .banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 100vh;
  min-height: 696px;
  padding-top: 72px;
  padding-bottom: calc(250px + 5.57vh);
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/home/v3/home-title-bg.png");
  background-size: 100% 100%;
  text-align: center;
  overflow: hidden;
}

.open-login-index .banner .title,
.open-login-index .banner .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .open-login-index .banner .reg-title,
.open-login-index .banner .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .open-login-index .banner .reg-title,
.open-login-index .banner .login-blue2 .reg-title,
.login-blue2 .open-login-index .banner .reg-title {
  width: 857px;
  height: 185px;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/openLogin/homeV2/home-title-text01.png");
  background-size: 100% 100%;
}

.open-login-index .banner .apply {
  width: 200px;
  height: 64px;
  margin: 57px auto 0;
  cursor: pointer;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/home/v3/apply_big.png");
  background-size: 400px 64px;
}

.open-login-index .banner .apply:hover {
  background-position: top right;
}

.open-login-index .banner .desc {
  position: absolute;
  left: 50%;
  bottom: 5.57vh;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1200px;
}

.open-login-index .banner .desc .card {
  position: relative;
  width: 282px;
  height: 210px;
  background: rgba(255, 255, 255, 0.04);
}

.open-login-index .banner .desc .card-icon {
  position: absolute;
  left: 50%;
  top: -40px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.open-login-index .banner .desc .card-title {
  margin: 40px auto 0;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  color: #e5cc8a;
}

.open-login-index .banner .desc .card-subTitle {
  margin: 8px auto 0;
  font-size: 12px;
  line-height: 16px;
  color: #e5cc8a;
}

.open-login-index .banner .desc .split {
  margin: 16px auto 8px;
  width: 234px;
  border-bottom: 1px solid rgba(184, 184, 184, 0.2);
}

.open-login-index .banner .desc .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  height: 80px;
  text-align: left;
  width: 222px;
  font-size: 12px;
  line-height: 20px;
  color: #e5cc8a;
}

.open-login-index .banner .desc .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.open-login-index .banner .desc .item:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #e5cc8a;
}

.open-login-index .section {
  padding: 80px 0;
  margin: 0 auto;
  font-size: 0;
}

.open-login-index .section:nth-child(2n) {
  background: #0d1530;
}

.open-login-index .section .section-in {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.open-login-index .section .mark {
  width: 32px;
  height: 8px;
  margin: 24px auto 80px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(3%, #fff1cd), color-stop(51%, #e8d19a), to(#ccac65));
  background-image: linear-gradient(90deg, #fff1cd 3%, #e8d19a 51%, #ccac65 100%);
}

.open-login-index .section .title,
.open-login-index .section .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .open-login-index .section .reg-title,
.open-login-index .section .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .open-login-index .section .reg-title,
.open-login-index .section .login-blue2 .reg-title,
.login-blue2 .open-login-index .section .reg-title {
  text-align: center;
}

.open-login-index .section .card1 {
  margin-bottom: 160px;
}

.open-login-index .section .card1-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 600px;
  height: 360px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #e5cc8a;
  vertical-align: top;
}

.open-login-index .section .card1-content-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
}

.open-login-index .section .card1-content-desc {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}

.open-login-index .section .card1-content-detail {
  text-align: left;
  font-size: 16px;
  line-height: 20px;
}

.open-login-index .section .card1:last-child {
  margin: 0;
}

.open-login-index .section .card2 {
  position: relative;
  display: inline-block;
  width: 384px;
  height: 422px;
  margin: 0 24px 0 0;
  border-radius: 4px 4px 0 0;
  background: #18213d;
  overflow: hidden;
}

.open-login-index .section .card2:nth-child(3n) {
  margin-right: 0;
}

.open-login-index .section .card2:nth-child(-n+3) {
  margin-bottom: 24px;
}

.open-login-index .section .card2:hover .card2-content-hover {
  top: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.open-login-index .section .card2-content {
  position: relative;
}

.open-login-index .section .card2-content-pic {
  position: relative;
  width: 384px;
  height: 270px;
  margin-bottom: 62px;
}

.open-login-index .section .card2-content-pic:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 384px;
  height: 270px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(13, 18, 42, 0.4)), to(rgba(13, 18, 42, 0)));
  background-image: linear-gradient(rgba(13, 18, 42, 0.4) 0, rgba(13, 18, 42, 0) 100%);
}

.open-login-index .section .card2-content-name {
  margin-bottom: 16px;
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #ffeda7;
}

.open-login-index .section .card2-content-item {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  color: #ffeda7;
  vertical-align: top;
}

.open-login-index .section .card2-content-item:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/openLogin/homeV2/mark001.png");
  background-size: 100% 100%;
  vertical-align: middle;
}

.open-login-index .section .card2-content-logo {
  position: absolute;
  left: 50%;
  top: 270px;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.open-login-index .section .card2-content-hover {
  position: absolute;
  background: #18213d;
  top: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.open-login-index .section .card2-content-hover-head {
  position: relative;
  padding-top: 24px;
  height: 114px;
  background-image: radial-gradient(at center bottom, #2f3a5f 0, rgba(29, 37, 65, 0) 100%);
}

.open-login-index .section .card2-content-hover-head::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 384px;
  height: 1px;
  background-image: radial-gradient(#556392 0, rgba(29, 37, 65, 0) 100%);
}

.open-login-index .section .card2-content-hover-title {
  margin: 24px 20px 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #ffeda7;
  text-align: left;
}

.open-login-index .section .card2-content-hover-desc {
  margin: 0 20px;
  font-size: 14px;
  line-height: 22px;
  color: #a39b7d;
  text-align: left;
}

.open-login-index .section .logo-wrap {
  width: 1200px;
  height: 536px;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  position: relative;
}

.open-login-index .section .logo-content {
  width: 7000px;
  height: 536px;
  overflow: hidden;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  position: absolute;
  top: 0;
  left: 0;
}

.open-login-index .section .logo-content .logo-list {
  width: 1200px;
  float: left;
  overflow: visible;
  font-size: 0;
}

.open-login-index .section .logo-content .logo-item img {
  width: 224px;
}

.open-login-index .section .logo-content .logo-item:nth-child(5n) {
  margin-right: 0;
}

.open-login-index .section .logo-paginations {
  margin: 12px auto 3px;
  text-align: center;
}

.open-login-index .section .logo-paginations .logo-pagination {
  width: 40px;
  height: 5px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}

.open-login-index .section .logo-paginations .logo-pagination.-active {
  background: rgba(255, 255, 255, 0.2);
}

.open-login-index .index-banner-btn {
  position: absolute;
  left: 0;
  top: 213px;
  display: inline-block;
  width: 180px;
  height: 48px;
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/accessIntro/index-banner-btn.png");
  background-size: 360px 48px;
  background-position: left center;
  cursor: pointer;
}

.open-login-index .index-banner-btn:hover {
  background: url("https://cdn.tianyancha.com/std-require-js/public/images/accessIntro/index-banner-btn.png");
  background-size: 360px 48px;
  background-position: right center;
}

.open-login-func {
  background: #1a1c21;
}

.open-login-func .banner {
  height: 400px;
  padding-top: 180px;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/openLogin/func/function_title_bg.jpg");
  background-size: 100% 100%;
  text-align: center;
}

.open-login-func .banner .title,
.open-login-func .banner .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .open-login-func .banner .reg-title,
.open-login-func .banner .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .open-login-func .banner .reg-title,
.open-login-func .banner .login-blue2 .reg-title,
.login-blue2 .open-login-func .banner .reg-title {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 40px;
  line-height: 56px;
  color: #ffffff;
  letter-spacing: 1px;
}

.open-login-func .banner .en {
  position: relative;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
}

.open-login-func .banner .en:after {
  content: "";
  position: absolute;
  top: 52px;
  left: 50%;
  width: 32px;
  height: 8px;
  margin-left: -16px;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffe6c9), to(#e6cc8a));
  background-image: linear-gradient(90deg, #ffe6c9 0%, #e6cc8a 100%);
}

.open-login-func .section {
  height: 720px;
  background: #1a1c21;
  font-size: 0;
  text-align: center;
}

.open-login-func .section:nth-child(odd) {
  background: #16181c;
}

.open-login-func .section:nth-child(odd) .pic {
  margin-left: 88px;
  margin-right: 0;
}

.open-login-func .section:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 720px;
  vertical-align: middle;
}

.open-login-func .section .pic {
  display: inline-block;
  width: 536px;
  height: 464px;
  vertical-align: middle;
  margin-right: 88px;
}

.open-login-func .section .content {
  display: inline-block;
  width: 576px;
  height: 300px;
  vertical-align: middle;
}

.open-login-func .section .title,
.open-login-func .section .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .open-login-func .section .reg-title,
.open-login-func .section .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .open-login-func .section .reg-title,
.open-login-func .section .login-blue2 .reg-title,
.login-blue2 .open-login-func .section .reg-title {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 32px;
  line-height: 48px;
  color: #e6cc8a;
  text-align: left;
}

.open-login-func .section .desc {
  margin-bottom: 32px;
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.6);
  text-align: justify;
}

.open-login-func .section .list .item {
  position: relative;
  padding-left: 32px;
  font-size: 14px;
  line-height: 32px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: justify;
}

.open-login-func .section .list .item:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/openLogin/home/ic_select.png");
  background-size: 100% 100%;
}

.open-login-app {
  background: #1a1c21;
  overflow: hidden;
}

.open-login-app .banner {
  height: 400px;
  padding-top: 180px;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/openLogin/app/application_title_bg.jpg");
  background-size: 100% 100%;
  text-align: center;
}

.open-login-app .banner .title,
.open-login-app .banner .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .open-login-app .banner .reg-title,
.open-login-app .banner .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .open-login-app .banner .reg-title,
.open-login-app .banner .login-blue2 .reg-title,
.login-blue2 .open-login-app .banner .reg-title {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 40px;
  line-height: 56px;
  color: #ffffff;
  letter-spacing: 1px;
}

.open-login-app .banner .en {
  position: relative;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
}

.open-login-app .banner .en:after {
  content: "";
  position: absolute;
  top: 52px;
  left: 50%;
  width: 32px;
  height: 8px;
  margin-left: -16px;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffe6c9), to(#e6cc8a));
  background-image: linear-gradient(90deg, #ffe6c9 0%, #e6cc8a 100%);
}

.open-login-app .content {
  margin: 80px auto;
  width: 1200px;
  font-size: 0;
}

.open-login-app .content .section {
  display: inline-block;
  width: 384px;
  height: 312px;
  margin-bottom: 48px;
  margin-right: 24px;
  text-align: center;
}

.open-login-app .content .section:nth-child(3n) {
  margin-right: 0;
}

.open-login-app .content .section .con {
  position: relative;
  height: 272px;
  margin-bottom: 16px;
}

.open-login-app .content .section .con:hover .in {
  opacity: 1;
}

.open-login-app .content .section .con .img {
  width: 384px;
  height: 272px;
}

.open-login-app .content .section .con .in {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 384px;
  height: 272px;
  z-index: 2;
  background: rgba(26, 28, 33, 0.7);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.open-login-app .content .section .con .in:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 272px;
  vertical-align: middle;
}

.open-login-app .content .section .con .list {
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
}

.open-login-app .content .section .con .list .item {
  position: relative;
  padding-left: 24px;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: justify;
}

.open-login-app .content .section .con .list .item:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/openLogin/home/ic_select.png");
  background-size: 100% 100%;
}

.open-login-app .content .section .title,
.open-login-app .content .section .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .open-login-app .content .section .reg-title,
.open-login-app .content .section .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .open-login-app .content .section .reg-title,
.open-login-app .content .section .login-blue2 .reg-title,
.login-blue2 .open-login-app .content .section .reg-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

.open-login-login {
  width: 100%;
  height: 100vh;
  min-height: 900px;
  padding-top: 200px;
  background-size: cover;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/openLogin/login_bg_1.jpg");
}

.open-login-login .std-logo {
  position: absolute;
  left: 64px;
  top: 12px;
  cursor: pointer;
}

.open-login-login .std-header-intro {
  position: absolute;
  left: 294px;
  top: 12px;
  width: 198px;
  height: 40px;
  margin: 0;
}

.open-login-login .con {
  margin-left: 50%;
  -webkit-transform: translateX(-208px);
  transform: translateX(-208px);
}

.open-login-check {
  width: 100vw;
  min-height: 100vh;
  background: rgb(247, 249, 252);
  overflow: hidden;
}

.open-login-check .icon {
  margin: 60px auto 0;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  background: #32b8f5;
}

.open-login-check .tic {
  color: #fff;
  font-weight: 900;
  font-size: 38px;
  line-height: 64px;
}

.open-login-check .text {
  margin-top: 32px;
  font-size: 26px;
  line-height: 28px;
  font-weight: 900;
}

.open-login-check .desc {
  margin-top: 32px;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}

.open-login-apply {
  width: 100vw !important;
  min-height: 100vh !important;
  padding: 50px 20px 73px !important;
  background: rgb(247, 249, 252);
  overflow: hidden;
}

.open-login-apply .modulein {
  padding: 0 !important;
}

.open-login-apply .input,
.open-login-apply .input-group {
  width: 100% !important;
}

.js-animate-up {
  opacity: 0;
}

.js-animate-left {
  opacity: 0;
}

.js-animate-right {
  opacity: 0;
}

.login-warp {
  position: relative;
  width: 436px;
  background: #F7F9FC;
  border-radius: 6px;
}

.login-warp input {
  -webkit-appearance: none;
}

.login-warp input::-webkit-input-placeholder {
  color: #c8c9cc;
}

.login-warp input:-internal-autofill-selected {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.login-warp .close-icon {
  position: absolute;
  top: 19px;
  right: 19px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #000;
  cursor: pointer;
  z-index: 1;
}

.login-warp .close-icon.-find {
  top: 21px;
  right: 24px;
}

.login-warp .bgContent {
  padding-bottom: 20px;
}

.login-warp .new-err {
  color: #ff3b30;
}

.login-warp .c-white {
  color: #fff;
}

.login-warp .point {
  cursor: pointer;
}

.login-warp .c9 {
  color: #0f6fff;
}

.login-warp .position-rel {
  position: relative;
}

.login-warp .login_btn {
  line-height: 44px;
}

.login-warp .over-hide {
  overflow: hidden;
}

.login-warp .lh20 {
  line-height: 20px;
}

.login-warp .lh30 {
  line-height: 30px;
}

.login-warp .pb25 {
  padding-bottom: 25px;
}

.login-warp .contactautoLogin {
  display: none;
  margin-right: 5px;
}

.login-warp .login-title {
  padding-top: 42px;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
}

.login-warp .title-tab {
  height: 64px;
  padding-top: 21px;
  background: #fff;
  font-size: 16px;
  line-height: 22px;
  color: #999999;
}

.login-warp .title-tab .title,
.login-warp .title-tab .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .login-warp .title-tab .reg-title,
.login-warp .title-tab .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .login-warp .title-tab .reg-title,
.login-warp .title-tab .login-blue2 .reg-title,
.login-blue2 .login-warp .title-tab .reg-title {
  position: relative;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 2px;
  cursor: pointer;
}

.login-warp .title-tab .title.-active,
.login-warp .title-tab .bmw-login-bg .bmw-login .-active.reg-title,
.bmw-login-bg .bmw-login .login-warp .title-tab .-active.reg-title,
.login-warp .title-tab .bmw-login-bg .bmw-register .-active.reg-title,
.bmw-login-bg .bmw-register .login-warp .title-tab .-active.reg-title,
.login-warp .title-tab .login-blue2 .-active.reg-title,
.login-blue2 .login-warp .title-tab .-active.reg-title {
  color: #0f6fff;
  font-weight: 600;
}

.login-warp .title-tab .title.-active:after,
.login-warp .title-tab .bmw-login-bg .bmw-login .-active.reg-title:after,
.bmw-login-bg .bmw-login .login-warp .title-tab .-active.reg-title:after,
.login-warp .title-tab .bmw-login-bg .bmw-register .-active.reg-title:after,
.bmw-login-bg .bmw-register .login-warp .title-tab .-active.reg-title:after,
.login-warp .title-tab .login-blue2 .-active.reg-title:after,
.login-blue2 .login-warp .title-tab .-active.reg-title:after {
  content: "";
  position: absolute;
  top: 39px;
  left: 50%;
  width: 24px;
  height: 4px;
  margin-left: -12px;
  background: #0f6fff;
}

.login-warp .login-operation {
  padding: 8px 0;
  line-height: 16px;
  font-size: 12px;
  overflow: hidden;
  color: #999;
}

.login-warp .login-operation.-noMargin {
  margin: 0;
}

.login-warp .login-operation .tic {
  font-size: 16px;
}

.login-warp .login-operation .label {
  margin-bottom: 0;
}

.login-warp .drop_select {
  position: relative;
  color: #283242;
  cursor: pointer;
}

.login-warp .drop_select .title_content {
  font-size: 14px;
  width: 250px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.login-warp .drop_select .select_tip {
  color: #c8c9cc;
}

.login-warp .drop_select .tic_icon {
  position: absolute;
  right: 3px;
  top: 14px;
  font-size: 23px;
  color: #8793a8;
}

.login-warp .drop_select .companyType {
  width: 340px;
  height: 48px;
  border: 1px solid #e6e9f0;
  border-radius: 2px;
  padding: 13px 0 13px 16px;
  background: #ffffff;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  position: relative;
}

.login-warp .drop_select .input-err {
  border: 1px solid #ff3b30;
}

.login-warp .drop_select ul {
  display: none;
  position: absolute;
  left: 0;
  top: 48px;
  width: 100%;
  list-style: none;
  font-size: 14px;
  padding: 5px 0px;
  background: white;
  border: 1px solid #e0e2e5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 5px 20px rgba(26, 26, 26, 0.1);
  box-shadow: 0px 5px 20px rgba(26, 26, 26, 0.1);
  border-radius: 2px;
  border-top: none;
}

.login-warp .drop_select ul li {
  height: 36px;
  line-height: 36px;
  padding-left: 8px;
}

.login-warp .drop_select ul li:hover {
  background: #f0f6ff;
}

.login-warp .protocol-version {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px;
}

.login-warp .login-bottom {
  color: #999;
  font-size: 12px;
  line-height: 16px;
  position: relative;
}

.login-warp .login-bottom > span,
.login-warp .login-bottom > a {
  vertical-align: middle;
  line-height: 17px;
}

.login-warp .check-new-version {
  color: #999;
  font-size: 12px;
  line-height: 16px;
  position: relative;
}

.login-warp .check-new-version > span {
  vertical-align: middle;
  line-height: 17px;
}

.login-warp .register-btn {
  margin-top: 32px;
  font-size: 14px;
  line-height: 22px;
  color: #333;
  text-align: center;
}

.login-warp .register-btn span {
  cursor: pointer;
  color: #0f6fff;
}

.login-warp .login-errormsg {
  position: absolute;
  top: 10px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #ff3b30;
}

.login-warp .login-errormsg.other {
  top: -24px;
}

.login-warp .login-errormsg:before {
  display: inline-block;
  vertical-align: middle;
  content: "\e7a2";
  margin-right: 6px;
  margin-top: -2px;
  font-size: 14px;
  font-family: "tic" !important;
  -webkit-font-smoothing: antialiased;
}

.login-warp .login-errormsg .content {
  display: inline-block;
  vertical-align: middle;
}

.login-warp .scode-errormsg,
.login-warp .phone-errormsg,
.login-warp .word-errormsg,
.login-warp .reword-errormsg,
.login-warp .vipphone-errormsg,
.login-warp .company-errormsg,
.login-warp .file-errormsg,
.login-warp .invite-errormsg,
.login-warp .cmptype-errormsg {
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  color: #ff3b30;
}

.login-warp .scode-errormsg:before,
.login-warp .phone-errormsg:before,
.login-warp .word-errormsg:before,
.login-warp .reword-errormsg:before,
.login-warp .vipphone-errormsg:before,
.login-warp .company-errormsg:before,
.login-warp .file-errormsg:before,
.login-warp .invite-errormsg:before,
.login-warp .cmptype-errormsg:before {
  display: inline-block;
  vertical-align: middle;
  content: "\e7a2";
  margin-right: 6px;
  margin-top: -2px;
  font-size: 14px;
  font-family: "tic" !important;
  -webkit-font-smoothing: antialiased;
}

.login-warp .contactfile {
  height: auto !important;
  padding: 9px 15px !important;
}

.login-warp .contactfile-handle {
  width: 70px;
  height: 70px;
  line-height: 62px;
  background: #fbfbfb;
  border: 1px dashed #e0e0e0;
  font-size: 28px;
  color: #d8d8d8;
}

.login-warp .contactfile-preview {
  left: 1px;
  top: 1px;
  width: 68px;
  height: 68px;
  text-align: center;
  font-size: 0;
  z-index: 2;
}

.login-warp .contactfile-preview:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 0;
  height: 68px;
  visibility: hidden;
  opacity: 1;
}

.login-warp .contactfile-preview img {
  display: inline-block;
  vertical-align: middle;
  max-width: 68px;
  max-height: 68px;
}

.login-warp .contactfile-reupload {
  width: 68px;
  height: 24px;
  line-height: 24px;
  bottom: 1px;
  left: 1px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  z-index: 3;
}

.login-warp .voice-click {
  color: #999999;
  line-height: 22px;
  cursor: pointer;
}

.login-warp .voice-click.-disabled {
  cursor: no-drop;
  color: #e0e0e0;
}

.login-warp .modulein {
  position: relative;
  padding: 40px 30px 24px;
}

.login-warp .accountList {
  width: 100%;
  padding: 0;
  border-top: 1px solid #f3f3f3;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background: #fff;
  z-index: 2;
}

.login-warp .accountList .item {
  padding: 7px 16px;
  font-size: 14px;
  line-height: 22px;
  color: #333;
}

.login-warp .accountList .item:hover {
  background: rgba(0, 132, 255, 0.08);
}

.login-warp .input-group {
  display: block;
}

.login-warp .input-group .input-group-btn {
  position: absolute;
  right: 0;
  width: 102px;
  line-height: 46px;
  border: none;
  color: #0f6fff !important;
  background: transparent !important;
}

.login-warp .input-group .input-group-btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 1px;
  height: 16px;
  border-left: 1px solid #e6e9f0;
}

.login-warp .input-group .checkCode {
  position: absolute;
  top: 12px;
  right: 16px;
  width: 96px;
  height: 24px;
}

.login-warp .input-pwd {
  padding-right: 40px;
}

.login-warp .input {
  min-width: 340px;
  width: 100%;
  height: 48px;
  border: 1px solid #e6e9f0;
  border-radius: 2px;
  padding: 13px 16px;
  background: #ffffff;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  outline: none;
}

.login-warp .input:focus {
  border-color: #0f6fff;
}

.login-warp .input.input-err {
  border-color: #ff3b30;
}

.login-warp .btn.-hg,
.login-warp .btn.-h44 {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  padding: 12px 0;
  text-align: center;
}

.login-warp .btn.-block {
  display: block;
}

.login-warp .btn.btn-primary {
  color: #fff;
  background-color: #0f6fff;
  border-color: #0f6fff;
}

.login-warp .btn {
  display: inline-block;
  padding: 1px 12px;
  border: 1px solid #f3f3f3;
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
  line-height: 18px;
  font-weight: normal;
  background-color: #fff;
  color: #202020;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.login-warp .tic-checkbox-s {
  color: #0f6fff;
}

.login-warp .tic-checkbox-s,
.login-warp .tic-checkbox-o {
  cursor: pointer;
}

.login-warp .link-click {
  color: #0f6fff;
  cursor: pointer;
}

.login-warp .hover-blue {
  color: #0f6fff;
}

.login-warp .hover-blue:hover {
  color: #0f6fff;
}

.login-warp {
  /* 登陆勾选协议 */
}

.login-warp .login-agree-checkbox {
  vertical-align: middle;
  margin-top: 0;
  margin-right: 3px;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

.login-warp input[type=checkbox] {
  border: 1px solid #999;
  width: 12px;
  height: 12px;
  background: #fff;
  cursor: pointer;
}

.login-warp .tyc-nav-prod-right-body {
  margin-bottom: 20px;
  height: 300px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}

.login-warp .tyc-nav-prod-tel {
  position: absolute;
  right: 24px;
  top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0084ff;
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  cursor: pointer;
}

.login-warp .tyc-nav-prod-txt {
  margin-left: 2px;
}

.login-warp .tyc-nav-prod-num {
  font-family: D-DIN-PRO, serif;
  font-size: 20px;
  font-weight: 600;
  color: #1d2126;
  margin-left: 8px;
}

.login-warp .tyc-nav-corp-modal {
  position: relative;
  padding: 40px !important;
  background: url(https://cdn.tianyancha.com/web-require-js/next/header/nav_contact_sale_bg.png) no-repeat;
  background-size: cover;
  background-position: right top;
  border-radius: 6px;
}

.login-warp .tyc-nav-corp-modal input {
  background-color: transparent;
}

.login-warp .tyc-contact-sales-modal-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  color: #292e33;
  margin: 16px 0 0 0;
  padding: 0;
}

.login-warp .tyc-contact-sales-modal-desc {
  font-size: 14px;
  line-height: 22px;
  margin-top: 8px;
  text-align: center;
  color: #5e6266;
}

.login-warp .tyc-contact-sales-modal-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 52px;
  border-radius: 4px;
  border: 1px solid #dfe3eb;
  background-color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  color: #c2c5cc;
}

.login-warp .tyc-contact-sales-modal-form-item.-border-none {
  border: none;
  margin-top: 20px;
}

.login-warp .tyc-contact-sales-modal-form {
  margin-top: 24px;
}

.login-warp .tyc-contact-sales-modal-form .tyc-contact-sales-modal-form-submit {
  border: 1px solid;
  border-image-source: linear-gradient(180deg, rgba(36, 149, 255, 0) 0%, #2495ff 100%);
  border-radius: 4px;
  overflow: hidden;
  height: 52px;
  line-height: 50px;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#0084ff), to(rgba(51, 156, 255, 0.96)));
  background: linear-gradient(180deg, #0084ff 0%, rgba(51, 156, 255, 0.96) 100%);
  margin-top: 32px;
  display: block;
  width: 100%;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.login-warp .tyc-contact-sales-modal-form .tyc-contact-sales-modal-form-submit:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#138dff), to(rgba(84, 172, 255, 0.96)));
  background: linear-gradient(180deg, #138dff 0%, rgba(84, 172, 255, 0.96) 100%);
}

.login-warp .tyc-contact-sales-modal-form .tyc-contact-sales-modal-form-submit:focus,
.login-warp .tyc-contact-sales-modal-form .tyc-contact-sales-modal-form-submit:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#0066ff), to(rgba(33, 147, 254, 0.96)));
  background: linear-gradient(180deg, #0066ff 0%, rgba(33, 147, 254, 0.96) 100%);
}

.login-warp .tyc-contact-sales-modal-form .tyc-contact-sales-modal-form-submit.-disabled:hover {
  background: #80C2FF;
  border: 1px solid #dfe3eb;
}

.login-warp .tyc-contact-sales-modal-form .tyc-contact-sales-modal-form-submit.-disabled {
  color: #c2c5cc;
  cursor: not-allowed;
  border: 1px solid #dfe3eb;
}

.login-warp .tyc-contact-sales-modal-form .tyc-contact-sales-modal-form-submit-desc {
  font-size: 14px;
  line-height: 22px;
  color: #95999e;
  margin: 16px 0;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.login-warp .tyc-contact-sales-modal-form-item-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  color: #292e33;
  outline: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 16px;
}

.login-warp .tyc-contact-sales-modal-form-item-input::-webkit-input-placeholder,
.login-warp .tyc-contact-sales-modal-form-item-input::-webkit-input-placeholder {
  color: #c2c5cc;
}

.login-warp .tyc-contact-sales-modal-form-item-input::placeholder,
.login-warp .tyc-contact-sales-modal-form-item-input::-webkit-input-placeholder {
  color: #c2c5cc;
}

.login-warp .tyc-contact-sales-modal-form-item-input.-have-border {
  border: 1px solid #dfe3eb;
  border-radius: 4px;
  height: 100%;
  margin-right: 12px;
}

.login-warp .tyc-contact-sales-modal-form-item-button {
  width: 120px;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #dfe3eb;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #ffffff;
  color: #0084ff;
  font-size: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.login-warp .tyc-contact-sales-modal-form-item-button:hover {
  background: rgba(0, 132, 255, 0.05);
}

.login-warp .tyc-contact-sales-modal-form-item-button.-disabled:hover {
  background: inherit;
}

.login-warp .tyc-contact-sales-modal-form-item-button.-disabled {
  color: #c2c5cc;
  cursor: not-allowed;
}

.login-warp .tyc-contact-sales-modal-form-item-label {
  margin-right: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 96px;
  text-align: center;
  position: relative;
  color: #5c6373;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.login-warp .tyc-contact-sales-modal-form-item-label::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: #dfe3eb;
}

.login-warp .tyc-contact-sales-modal-form-item-label .tyc-nav-crop-modal-header-desc {
  color: #626a73;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  margin-top: 8px;
  padding-bottom: 20px;
}

.login-warp .tyc-nav-corp-modal-tip {
  color: #8a9199;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 24px;
  text-align: left;
}

.login-warp .tyc-nav-corp-submit-btn {
  width: 400px;
  height: 52px;
  font-size: 20px;
  line-height: 52px;
  font-weight: 500;
  margin-bottom: 0;
  border: none;
}

.login-warp .tyc-nav-corp-modal-ctl {
  border-radius: 4px;
  width: 400px;
  height: 52px;
  line-height: 52px;
  font-size: 16px;
  margin: 16px 0;
  border: 1px solid #e1e6eb;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 29, 58, 0.02);
  box-shadow: 0 4px 12px 0 rgba(0, 29, 58, 0.02);
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.login-warp .tyc-nav-corp-modal-label {
  white-space: nowrap;
  color: #626a73;
  font-weight: 400;
  position: relative;
}

.login-warp .tyc-nav-corp-modal-separator {
  width: 1px;
  height: 12px;
  display: inline-block;
  background-color: #e1e6eb;
  margin: 0 16px;
}

.login-warp .tyc-nav-corp-modal-input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 100%;
  border: none;
  outline: none;
}

.login-warp .tyc-nav-corp-modal-input::-webkit-input-placeholder,
.login-warp .tyc-nav-corp-modal-input::-webkit-input-placeholder {
  color: #c2c7cc;
}

.login-warp .tyc-nav-corp-modal-input::placeholder,
.login-warp .tyc-nav-corp-modal-input::-webkit-input-placeholder {
  color: #c2c7cc;
}

.login-warp .tyc-nav-corp-modal-label-require:before {
  content: "*";
  color: #f23030;
  position: absolute;
  left: -8px;
}

@-webkit-keyframes headerNavPopup {
  0% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    opacity: 0.5;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes headerNavPopup {
  0% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    opacity: 0.5;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.login-warp .tyc-nav .nav-item .content {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation: headerNavPopup 0.2s ease-in;
  animation: headerNavPopup 0.2s ease-in;
  display: none;
}

.login-warp .tyc-nav .nav-item:hover .content {
  display: block;
}

.login-warp .tyc-header-nav-popup-force-hide {
  display: none !important;
}

.login-warp .tyc-header-nav-login-btn {
  margin-top: -9px;
  background: #0084ff;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 80px;
}

.login-warp .tyc-header-nav-login-btn:hover {
  background: #006acc;
}

.capital-item-container .capital-item {
  position: relative;
  display: inline-block;
  width: 160px;
  height: 200px;
  background: #FFFFFF;
  border: 1px solid #EBEFF4;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.05);
  margin-right: 11px;
  vertical-align: bottom;
  text-align: center;
  padding-top: 32px;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
}

.capital-item-container .capital-item .capital-item-icon {
  width: 80px;
  height: 88px;
  margin: 0 auto;
  margin-bottom: 24px;
}

.capital-item-container .capital-item .capital-item-icon img {
  width: 80px;
  height: 88px;
}

.capital-item-container .capital-item .capital-item-active-icon {
  display: none;
  color: #32B8F5;
  font-size: 32px;
  position: absolute;
  right: -1px;
  top: 5px;
}

.capital-item-container .capital-item.active {
  border: 1px solid #32B8F5;
}

.capital-item-container .capital-item.active:after {
  content: "";
  position: absolute;
}

.capital-item-container .capital-item.active .capital-item-active-icon {
  display: inherit;
}

.capital-item-container .capital-item:last-child {
  margin-right: 0;
}

.capital-item-container .capital-item:hover {
  border: 1px solid #32B8F5;
}

.capital-btn-container {
  margin-top: 32px;
  line-height: 36px;
}

.capital-btn-container .all-select-check-box {
  font-size: 16px;
  color: #E0E0E0;
  vertical-align: middle;
  cursor: pointer;
}

.capital-btn-container .all-select-check-box.-check {
  color: #32B8F5;
}

.capital-btn-container .all-select-font {
  font-size: 14px;
  color: #333333;
  vertical-align: middle;
  margin-left: 8px;
}

.capital-btn-container .btn {
  width: 60px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border-radius: 2px;
  font-size: 14px;
}

.capital-btn-container .btn.cancel-btn {
  border: 1px solid #E0E0E0;
  color: #333333;
}

.capital-btn-container .btn.confirm-btn {
  background-color: #32B8F5;
  color: #ffffff;
}

.lawsuit-container {
  position: relative;
  padding: 16px 24px 32px;
}

.lawsuit-container .title-subheading {
  margin-bottom: 32px;
}

.lawsuit-container .title-subheading .title,
.lawsuit-container .title-subheading .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .lawsuit-container .title-subheading .reg-title,
.lawsuit-container .title-subheading .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .lawsuit-container .title-subheading .reg-title,
.lawsuit-container .title-subheading .login-blue2 .reg-title,
.login-blue2 .lawsuit-container .title-subheading .reg-title {
  font-family: MicrosoftYaHei;
  font-size: 26px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 36px;
  margin-bottom: 8px;
  padding: 0;
  font-weight: bold;
}

.lawsuit-container .title-subheading .subheading {
  font-family: MicrosoftYaHei;
  line-height: 22px;
  font-size: 14px;
  text-align: center;
}

.lawsuit-container .title-subheading .subheading .left {
  color: #999999;
  margin-right: 16px;
}

.lawsuit-container .title-subheading .subheading .left .publish_time {
  color: #454545;
}

.lawsuit-container .title-subheading .subheading .right {
  color: #999999;
}

.lawsuit-container .title-subheading .subheading .right .artical_source {
  color: #32b8f5;
}

.lawsuit-container .lawsuit-box .nolink {
  color: #333;
  cursor: auto;
}

.lawsuit-container .lawsuit-box .judicial-row .item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}

.lawsuit-container .lawsuit-box .judicial-row .item-title .vip-only {
  width: 56px;
  margin-left: 8px;
}

.lawsuit-container .lawsuit-box .judicial-row .login-mask,
.lawsuit-container .lawsuit-box .judicial-row .vip-mask {
  width: 100%;
  height: 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 24px;
  cursor: pointer;
  color: #666;
}

.lawsuit-container .lawsuit-box .judicial-row .login-mask {
  background: url("https://cdn.tianyancha.com/web-require-js/public/images/web-login-mask.png") no-repeat;
  background-size: cover;
  margin-bottom: 24px;
}

.lawsuit-container .lawsuit-box .judicial-row .login-mask .login-button {
  width: 100px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  background: #0084FF;
  border-radius: 2px;
}

.lawsuit-container .lawsuit-box .judicial-row .login-mask .login-button:hover {
  background: #0076E5;
}

.lawsuit-container .lawsuit-box .judicial-row .login-mask .login-button:active {
  background: #0070D9;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box {
  padding: 16px 24px;
  background: #FFFCF9;
  border: 1px solid #FFEFE1;
  margin-bottom: 24px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-top .judicial-title {
  width: 749px;
  color: #0084FF;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-top .expand,
.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-top .packup {
  color: #0084FF;
  cursor: pointer;
  position: relative;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-top .expand .tic-icon-arrow-down,
.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-top .expand .tic-icon-arrow-up,
.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-top .packup .tic-icon-arrow-down,
.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-top .packup .tic-icon-arrow-up {
  margin-left: 3px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-top .expand:before,
.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-top .packup:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 22px;
  top: 0;
  left: -24px;
  background: #FFF5ED;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-top .label-container {
  margin-top: 8px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-top .label-container .tag-label {
  padding: 0 8px;
  display: inline-block;
  line-height: 26px;
  border-radius: 2px;
  font-size: 14px;
  margin-right: 8px;
  margin-bottom: 8px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-top .label-container .tag-label.judicial-win {
  background: #ECF7F1;
  color: #079C49;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-top .label-container .tag-label.judicial-fail {
  background: #FDF2F1;
  color: #E05A48;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-top .label-container .tag-label.judicial-primary {
  background: #F9F5FB;
  color: #AA77CC;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .label-container {
  margin-top: 8px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .label-container .tag-label {
  padding: 0 8px;
  display: inline-block;
  line-height: 26px;
  border-radius: 2px;
  font-size: 14px;
  margin-right: 8px;
  margin-bottom: 8px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .label-container .tag-label.judicial-win {
  background: #ECF7F1;
  color: #079C49;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .label-container .tag-label.judicial-fail {
  background: #FDF2F1;
  color: #E05A48;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .label-container .tag-label.judicial-primary {
  background: #F9F5FB;
  color: #AA77CC;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #FFF5ED;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .judicial-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 30px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .judicial-item .judicial-item-label {
  color: #666666;
  white-space: nowrap;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .judicial-item .judicial-item-val {
  color: #333333;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .judicial-item .judicial-item-val .item-val {
  display: inline-block;
  word-break: break-all;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .judicial-item .judicial-item-val .item-val .result-label {
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  font-size: 12px;
  border-radius: 2px;
  margin-left: 8px;
  line-height: 20px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .judicial-item .judicial-item-val .item-val .judicial-win {
  background: #ECF7F1;
  color: #079C49;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .judicial-item .judicial-item-val .item-val .judicial-fail {
  background: #FDF2F1;
  color: #E05A48;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .judicial-item .judicial-item-val .item-val .judicial-primary {
  background: #F9F5FB;
  color: #AA77CC;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .case-progress-title {
  font-size: 14px;
  color: #666666;
  line-height: 30px;
  margin-bottom: 6px;
  margin-top: 8px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .case-progress-container {
  overflow: hidden;
  position: relative;
  background: #FFFCF9;
  line-height: 63px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .case-progress-container .check-complete {
  margin-left: 16px;
  font-size: 14px;
  color: #0084FF;
  cursor: pointer;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .case-progress-container .check-complete .tic-bread-right-icon {
  font-size: 12px;
  margin-left: 2px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .case-progress-container .process-container {
  overflow: hidden;
  position: relative;
  float: left;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .case-progress-container .process-container:after {
  content: "";
  position: absolute;
  width: calc(100% - 60px);
  height: 1px;
  background: #C8E4FF;
  right: 0;
  top: 30px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .case-progress-container .case-progress-box {
  width: 120px;
  min-height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  float: left;
  margin-right: 32px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .case-progress-container .case-progress-box:last-of-type {
  margin-right: 0px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 252, 249, 0)), to(#FFFCF9));
  background-image: linear-gradient(90deg, rgba(255, 252, 249, 0) 0%, #FFFCF9 100%);
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .case-progress-container .case-progress-box .case-time {
  font-size: 12px;
  color: #666666;
  line-height: 18px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .case-progress-container .case-progress-box .case-circle {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #2998FF;
  border-radius: 50%;
  border: 2px solid #D8ECFF;
  z-index: 1;
  position: absolute;
  top: 26px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .case-progress-container .case-progress-box .case-type {
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  text-align: center;
  margin-top: 25px;
}

.lawsuit-container .lawsuit-box .judicial-row .judicial-box .judicial-bottom .case-progress-container .fuzzy-mask {
  position: absolute;
  width: 120px;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 252, 249, 0)), to(#FFFCF9));
  background-image: linear-gradient(90deg, rgba(255, 252, 249, 0) 0%, #FFFCF9 100%);
  right: 0;
  top: 0;
  z-index: 1;
}

.lawsuit-container .lawsuit-box .lawsuit-row {
  margin-bottom: 8px;
}

.lawsuit-container .lawsuit-box .lawsuit-row .law-item {
  display: inline-block;
  line-height: 19px;
  font-size: 14px;
  color: #0084FF;
  padding: 3px 8px 4px;
  background: #EFF7FD;
  border-radius: 2px;
  margin-right: 8px;
  margin-bottom: 8px;
}

.lawsuit-container .lawsuit-box .lawsuit-row .item-title {
  margin-right: 8px;
  color: #333333;
  font-size: 14px;
}

.lawsuit-container .artical {
  margin-top: 15px;
  border-top: 1px dashed #E0E0E0;
}

.lawsuit-container .artical .artical-title {
  font-family: MicrosoftYaHei-Bold;
  font-size: 20px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 900;
}

.lawsuit-container .artical .artical-box {
  background: #FBFBFB;
  padding: 12px 16px;
  font-size: 15px;
  line-height: 30px;
}

.lawsuit-container .artical .artical-box .artical-item {
  color: #151515;
}

.lawsuit-container .artical .artical-box .artical-item .name-label {
  color: #666666;
  width: 60px;
  display: inline-block;
  -moz-text-align-last: justify;
  text-align-last: justify;
}

.lawsuit-container .artical .no-public {
  text-align: center;
  padding: 24px 16px;
  line-height: 18px;
  font-size: 18px;
  color: #666666;
  background: #FBFBFB;
}

.lawsuit-container .artical .no-public p {
  display: inline-block;
  margin: 0;
}

.lawsuit-container .artical .no-public .no-public-title {
  margin-bottom: 11px;
}

.lawsuit-container .artical-content {
  background-image: url("https://cdn.tianyancha.com/web-require-js/public/images/lawsuit-bg-1.png");
  background-size: 100%;
  background-repeat: repeat-y;
}

.lawsuit-container .artical-content a:hover {
  text-decoration: underline;
}

.lawsuit-container .artical-content .sub-title {
  font-family: MicrosoftYaHei;
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
  padding-left: 12px;
  margin-top: 32px;
  margin-bottom: 16px;
}

.lawsuit-container .artical-content .sub-title:before {
  content: "";
  width: 4px;
  height: 16px;
  background: #32b8f5;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.lawsuit-container .artical-content .item-content {
  font-family: MicrosoftYaHei;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 30px;
}

.lawsuit-container .artical-content .item-content p {
  margin-top: 0;
  margin-bottom: 16px;
}

.lawsuit-container .artical-content .item-content p.last-section {
  margin-bottom: 0;
}

.lawsuit-container .artical-content .trialInfo {
  text-align: right;
  font-family: MicrosoftYaHei;
  font-size: 15px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px;
  margin: 32px 0 0;
}

.lawsuit-container .artical-content .trialInfo p {
  margin: 0;
}

.lawsuit-container .artical-content .lawsRegulations {
  border-top: 1px dashed #E0E0E0;
}

.lawsuit-container .artical-content .lawsRegulations .title,
.lawsuit-container .artical-content .lawsRegulations .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .lawsuit-container .artical-content .lawsRegulations .reg-title,
.lawsuit-container .artical-content .lawsRegulations .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .lawsuit-container .artical-content .lawsRegulations .reg-title,
.lawsuit-container .artical-content .lawsRegulations .login-blue2 .reg-title,
.login-blue2 .lawsuit-container .artical-content .lawsRegulations .reg-title {
  font-family: MicrosoftYaHei;
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
  margin-top: 31.5px;
  margin-bottom: 16px;
}

.lawsuit-container .artical-content .lawsRegulations .last-section {
  margin-bottom: 0;
}

.lawsuit-container .triangle-xcx {
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
  height: 26px;
  cursor: pointer;
}

.lawsuit-container .triangle-xcx .tips {
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 24px;
  color: #94BEE4;
  line-height: 24px;
  cursor: pointer;
  font-family: tic !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lawsuit-container .triangle-xcx .tips:before {
  content: "\e71e";
}

.lawsuit-container .triangle-xcx:hover .xcx-block {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.lawsuit-notice {
  padding: 24px;
}

.lawsuit-notice .title,
.lawsuit-notice .bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-login .lawsuit-notice .reg-title,
.lawsuit-notice .bmw-login-bg .bmw-register .reg-title,
.bmw-login-bg .bmw-register .lawsuit-notice .reg-title,
.lawsuit-notice .login-blue2 .reg-title,
.login-blue2 .lawsuit-notice .reg-title {
  font-size: 0;
  margin-bottom: 8px;
}

.lawsuit-notice .title i,
.lawsuit-notice .bmw-login-bg .bmw-login .reg-title i,
.bmw-login-bg .bmw-login .lawsuit-notice .reg-title i,
.lawsuit-notice .bmw-login-bg .bmw-register .reg-title i,
.bmw-login-bg .bmw-register .lawsuit-notice .reg-title i,
.lawsuit-notice .login-blue2 .reg-title i,
.login-blue2 .lawsuit-notice .reg-title i {
  font-size: 20px;
  font-weight: normal;
  vertical-align: sub;
}

.lawsuit-notice .title .ip,
.lawsuit-notice .bmw-login-bg .bmw-login .reg-title .ip,
.bmw-login-bg .bmw-login .lawsuit-notice .reg-title .ip,
.lawsuit-notice .bmw-login-bg .bmw-register .reg-title .ip,
.bmw-login-bg .bmw-register .lawsuit-notice .reg-title .ip,
.lawsuit-notice .login-blue2 .reg-title .ip,
.login-blue2 .lawsuit-notice .reg-title .ip {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #333333;
  letter-spacing: 0;
}

.lawsuit-notice .cont {
  margin-bottom: 16px;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  line-height: 22px;
}

.lawsuit-notice .foot {
  text-align: right;
  font-size: 15px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px;
}

.lawsuit-tips {
  font-size: 12px;
  color: #666666;
  line-height: 18px;
}

.bankruptcy-container .bankruptcy-warp {
  padding: 32px 24px;
  min-height: 880px;
}

.bankruptcy-container .bankruptcy-title {
  font-size: 26px;
  color: #333;
  text-align: center;
  line-height: 36px;
}

.bankruptcy-container .bankruptcy-intro {
  margin-top: 32px;
  background: #FBFBFB;
  padding: 12px 16px;
}

.bankruptcy-container .bankruptcy-intro .bankruptcy-row {
  font-size: 15px;
  color: #666666;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bankruptcy-container .bankruptcy-intro .bankruptcy-row-key {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.bankruptcy-container .bankruptcy-intro .bankruptcy-content {
  color: #333;
}

.bankruptcy-container .bankruptcy-box {
  margin-top: 32px;
  border-top: 1px dashed #E0E0E0;
}

.bankruptcy-container .bankruptcy-box .no-data {
  padding: 48px 0 16px;
  background: #fff;
}

.bankruptcy-container .bankruptcy-box .no-data .msg {
  margin-left: 24px;
  font-size: 18px;
  color: #666666;
}

.bankruptcy-container .bankruptcy-box .no-data .img {
  background-image: url(https://cdn.tianyancha.com/web-require-js/public/images/bankruptcy-no-data.png);
}

.bankruptcy-container .bankruptcy-content-title {
  padding-top: 24px;
  padding-bottom: 32px;
  font-size: 20px;
  color: #666666;
  text-align: center;
  line-height: 26px;
  font-weight: bold;
}

.bankruptcy-container .bankruptcy-content {
  font-size: 15px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px;
  font-family: "Microsoft YaHei";
}

.bankruptcy-container .bankruptcy-appendix {
  margin-top: 32px;
  border-top: 1px dashed #E0E0E0;
  padding-top: 32px;
}

.bankruptcy-container .bankruptcy-appendix-title {
  padding-bottom: 12px;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  font-weight: bold;
}

.bankruptcy-container .bankruptcy-appendix-box {
  border: 1px solid #E4EEF6;
  border-bottom: none;
}

.bankruptcy-container .bankruptcy-appendix-row {
  padding: 9px 9px 8px;
  font-size: 14px;
  color: #0084FF;
  letter-spacing: 0;
  line-height: 22px;
  border-bottom: 1px solid #E4EEF6;
}

.bankruptcy-container .user-no-data {
  padding-top: 120px;
}

.bankruptcy-container .user-no-data img {
  vertical-align: top;
}

.bankruptcy-container .user-no-data .msg {
  line-height: 22px;
}

.lawsuit-case-container.scroll-body {
  padding: 0 32px;
}

.lawsuit-case-container.scroll-body:after {
  display: none;
}

.lawsuit-case-container .case-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #F3F3F3;
  padding: 16px 0;
}

.lawsuit-case-container .case-item:last-child {
  border: none;
}

.lawsuit-case-container .case-item .case-left {
  line-height: 32px;
  font-size: 16px;
  color: #333333;
}

.lawsuit-case-container .case-item .case-right {
  margin-left: 40px;
  white-space: nowrap;
  font-size: 16px;
}

.ratingReport-title {
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  color: #333333;
  line-height: 28px;
}

.ratingReport-dropDown.drop-down {
  margin-right: 0 !important;
}

.ratingReport-dropDown.drop-down .drop-down-btn {
  min-width: 100px;
  width: auto;
  padding: 2px 26px 2px 8px;
}

.ratingReport-dropDown.drop-down .tic {
  top: 3px;
}

.ratingReport-dropDown.drop-down:hover .tic {
  top: 2px;
}

.ratingReport-dropDown.drop-down .content {
  padding: 4px 0;
}

.ratingReport-dropDown.drop-down .item:hover {
  color: #333;
  background: rgba(0, 132, 255, 0.08);
}

.ratingReport-table {
  border: none;
  border-top: 1px solid #F3F3F3;
}

.ratingReport-table tr {
  border-bottom: 1px solid #F3F3F3;
}

.ratingReport-table tbody tr:hover {
  background: #EDF5FF;
}

.ratingReport-table th,
.ratingReport-table td {
  padding: 16px 0;
  border: none;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  text-align: center;
}

.ratingReport-table th.first,
.ratingReport-table td.first {
  padding-left: 24px;
  text-align: left;
}

.ratingReport-table thead {
  background: #FAFAFA;
}

.ratingReport-table thead th {
  font-weight: bold;
}

.pay-amount-container-text {
  font-size: 14px;
  color: #333333;
}

.pay-amount-container-item-container {
  display: inline-block;
  width: 609px;
  vertical-align: top;
  font-size: 0;
}

.pay-amount-container-item-container-item {
  display: inline-block;
  width: 110px;
  height: 66px;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  cursor: pointer;
  margin-right: 12px;
  vertical-align: top;
}

.pay-amount-container-item-container-item span {
  display: block;
  font-size: 14px;
  color: #333333;
  text-align: center;
  margin-top: 10px;
}

.pay-amount-container-item-container-item em {
  font-size: 12px;
  color: #999999;
  text-align: center;
  margin-top: 4px;
}

.pay-amount-container-item-container-item.-active {
  border: 1px solid #FF7D17;
  position: relative;
}

.pay-amount-container-item-container-item.-active:after {
  font-family: "tic" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e7e1";
  position: absolute;
  color: #FF7D17;
  right: -1px;
  top: 100%;
  margin-top: -21px;
}

.pay-amount-container-item-container-item:last-child {
  margin-right: 0;
}

.pay-amount-container-item-container-item.-hot {
  position: relative;
}

.pay-amount-container-item-container-item.-hot:before {
  content: "\e805";
  font-family: "tic";
  position: absolute;
  left: -1px;
  top: -8px;
  width: 68px;
  height: 18px;
  border-radius: 8px 0 8px 0;
  font-size: 18px;
  line-height: 18px;
  color: #FF3C2F;
  background: #fff;
  text-align: center;
}

.pay-actual-amount-container {
  margin-top: 12px;
  position: relative;
}

.pay-actual-amount-container-text {
  font-size: 14px;
  color: #333333;
  vertical-align: middle;
}

.pay-actual-amount-container-amount {
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: #FF3B30;
  line-height: 28px;
  vertical-align: middle;
}

.pay-actual-amount-container-invoice-img {
  width: 145px;
}

.pay-actual-amount-container-bd {
  float: right;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #999999;
  text-align: right;
  line-height: 31px;
}

.pay-actual-amount-container:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -16px;
  border-top: 1px dashed #f3f3f3;
}

.pay-actual-get-container {
  margin-top: 12px;
  position: relative;
}

.pay-actual-get-container-text {
  font-size: 14px;
  color: #333333;
}

.pay-actual-get-container-amount {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #FF3B30;
  line-height: 22px;
}

.pay-actual-get-container-bd {
  float: right;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #999999;
  text-align: right;
  line-height: 22px;
}

.pay-actual-get-container.-no-bottom-border:after {
  display: none;
}

.pay-actual-get-container:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -16px;
  border-top: 1px dashed #f3f3f3;
}

.pay-actual-have-container {
  margin-bottom: 16px;
}

.pay-actual-have-container-text {
  font-size: 14px;
  color: #333333;
}

.pay-actual-have-container-amount {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  line-height: 22px;
}

.pay-way-container {
  margin-top: 32px;
}

.pay-way-container-text {
  font-size: 14px;
  color: #333333;
}

.pay-way-container-item-container {
  margin-top: 8px;
  font-size: 0;
}

.pay-way-container-item-container-item-select-wrap {
  display: inline-block;
  width: 140px;
  min-height: 100px;
  vertical-align: top;
}

.pay-way-container-item-container-item-select {
  width: 100%;
  height: 46px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  margin-bottom: 12px;
  cursor: pointer;
  line-height: 46px;
  text-align: center;
}

.pay-way-container-item-container-item-select .wxicon {
  font-size: 30px;
  color: rgb(23, 194, 7);
  vertical-align: middle;
}

.pay-way-container-item-container-item-select .wxpaytext {
  font-size: 18px;
  vertical-align: middle;
  margin-left: 4px;
}

.pay-way-container-item-container-item-select .zfbicon {
  font-size: 30px;
  color: rgb(18, 148, 235);
  vertical-align: middle;
}

.pay-way-container-item-container-item-select .zfbtext {
  font-size: 26px;
  vertical-align: middle;
  margin-left: 6px;
}

.pay-way-container-item-container-item-select .dgicon {
  font-size: 30px;
  color: #FF9E01;
  vertical-align: middle;
}

.pay-way-container-item-container-item-select .dgtext {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  vertical-align: middle;
  margin-left: 6px;
}

.pay-way-container-item-container-item-select.-active {
  border: 1px solid #FF7D17;
  position: relative;
}

.pay-way-container-item-container-item-select.-active:after {
  line-height: 22px;
  font-family: "tic" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e7e1";
  position: absolute;
  color: #FF7D17;
  right: -1px;
  top: 100%;
  margin-top: -21px;
}

.pay-way-container-item-container-item-pay-qrcode {
  position: relative;
  margin-left: 12px;
  display: inline-block;
  vertical-align: top;
  width: 530px;
  height: 239px;
  background-color: #f9f9f9;
  padding: 20px;
  text-align: center;
}

.pay-way-container-item-container-item-pay-qrcode .md-container {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.pay-way-container-item-container-item-pay-qrcode .qrcode-md {
  width: 144px;
  height: 144px;
  padding: 5px;
  background-color: #fff;
}

.pay-way-container-item-container-item-pay-qrcode .help-text {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
  color: #979797;
  line-height: 1.5714285714;
}

.pay-way-container-item-container-item-pay-qrcode .help-logo {
  display: inline-block;
  font-size: 35px;
  color: #979797;
  padding-right: 5px;
}

.pay-way-container-item-container-item-pay-qrcode .help-img {
  display: inline-block;
  vertical-align: top;
  width: 172px;
  height: 156px;
  background-image: url(https://cdn.tianyancha.com/web-require-js/public/sprite/spritesheet-4a09195f88.png);
  background-position: 0 0;
  margin-left: 6px;
  margin-top: 36px;
}

.pay-way-container-item-container-item-pay-qrcode:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 16px;
  border-width: 8px 8px 8px 0;
  border-color: transparent;
  border-right-color: #f9f9f9;
  border-style: solid;
}

.pay-way-container-item-container-item-pay-qrcode-zfb {
  position: relative;
  margin-left: 12px;
  display: inline-block;
  vertical-align: top;
  width: 530px;
  height: 239px;
  background-color: #f9f9f9;
  padding: 20px;
  text-align: center;
}

.pay-way-container-item-container-item-pay-qrcode-zfb .md-container {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.pay-way-container-item-container-item-pay-qrcode-zfb .qrcode-md-zfb {
  width: 144px;
  height: 144px;
  padding: 5px;
  background-color: #fff;
}

.pay-way-container-item-container-item-pay-qrcode-zfb .help-text {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
  color: #979797;
  line-height: 1.5714285714;
}

.pay-way-container-item-container-item-pay-qrcode-zfb .help-logo {
  display: inline-block;
  font-size: 35px;
  color: #979797;
  padding-right: 5px;
}

.pay-way-container-item-container-item-pay-qrcode-zfb .help-img {
  display: inline-block;
  vertical-align: top;
  width: 172px;
  height: 156px;
  background-size: 172px 156px;
  background-image: url(https://cdn.tianyancha.com/web-require-js/public/sprite/spritesheet-payZFB.png);
  background-position: 0 0;
  margin-left: 6px;
  margin-top: 36px;
}

.pay-way-container-item-container-item-pay-qrcode-zfb:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 74px;
  border-width: 8px 8px 8px 0;
  border-color: transparent;
  border-right-color: #f9f9f9;
  border-style: solid;
}

.pay-way-container-item-container-item-pay-transfer {
  position: relative;
  margin-left: 12px;
  display: inline-block;
  vertical-align: top;
  width: 530px;
  height: 239px;
  background-color: #f9f9f9;
  padding: 16px;
  font-size: 14px;
  line-height: 22px;
  color: #333333;
}

.pay-way-container-item-container-item-pay-transfer .step-index {
  width: 51px;
  -moz-text-align-last: justify;
  text-align-last: justify;
}

.pay-way-container-item-container-item-pay-transfer .step-desc {
  width: 447px;
}

.pay-way-container-item-container-item-pay-transfer .transfer-btn {
  width: 120px;
  height: 36px;
  margin: 0 auto;
  background: #32B8F5;
  color: #fff;
  font-size: 14px;
  line-height: 36px;
  border-radius: 2px;
}

.pay-way-container-item-container-item-pay-transfer:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 132px;
  border-width: 8px 8px 8px 0;
  border-color: transparent;
  border-right-color: #f9f9f9;
  border-style: solid;
}

.value-added-desc-container {
  padding: 24px 0px;
  border-bottom: 1px solid rgb(243, 243, 243);
}

.value-added-desc-container-desc {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: rgb(51, 51, 51);
  line-height: 24px;
  text-align: center;
}

.value-added-desc-container-desc em {
  color: #FF7D18;
}

.value-added-desc-container-price-container {
  color: rgb(255, 59, 48);
  text-align: center;
  margin-top: 8px;
}

.value-added-desc-container-price-container-price {
  font-family: PingFangSC-Semibold;
  font-size: 30px;
  color: rgb(255, 59, 48);
  text-align: right;
  line-height: 30px;
}

.value-added-desc-container-price-container-unit {
  font-family: PingFangSC-Medium;
  font-size: 12px;
  color: rgb(255, 59, 48);
}

.value-added-detail-container {
  padding-top: 24px;
  padding-bottom: 32px;
}

.value-added-detail-container-desc {
  display: inline-block;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgb(51, 51, 51);
  text-align: right;
  line-height: 22px;
  width: 130px;
}

.value-added-detail-container-desc.-text-left {
  width: auto;
  text-align: left;
}

.value-added-detail-container-amount {
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: rgb(255, 125, 24);
  line-height: 22px;
}

.value-added-detail-container-pay-total {
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: rgb(255, 59, 48);
}

.value-added-detail-container-pay-limit {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgb(255, 59, 48);
  line-height: 22px;
}

.value-added-btn-container {
  text-align: center;
  font-size: 0;
}

.value-added-btn-container-btn {
  display: inline-block;
  width: 118px;
  height: 36px;
  line-height: 35px;
  background: #32B8F5;
  border: 1px solid #32B8F5;
  border-radius: 2px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
}

.value-added-btn-container-btn.-reverse {
  background: #ffffff;
  color: #32B8F5;
}

.recharge-mode-container {
  width: 416px;
}

.recharge-mode-container .radio-group {
  width: 192px;
  margin-right: 16px;
}

.recharge-mode-container .radio-group .tic {
  color: #e0e0e0;
}

.recharge-mode-container .radio-group.active .tic {
  color: #32b8f5;
}

.addUser-modal input::-webkit-input-placeholder {
  color: #999;
}

.addUser-modal-item {
  margin-bottom: 16px;
  font-size: 0;
}

.addUser-modal-item.-m9 {
  margin-bottom: 9px;
}

.addUser-modal-item-left {
  display: inline-block;
  vertical-align: top;
  width: 70px;
  margin-right: 8px;
  font-size: 14px;
  line-height: 22px;
  color: #333333;
  text-align: right;
}

.addUser-modal-item-left.-m7 {
  margin-top: 7px;
}

.addUser-modal-item-right {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 78px);
}

.addUser-modal-item-right .input {
  width: 100%;
  height: 36px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  padding: 7px 8px;
  font-size: 14px;
  line-height: 22px;
  outline: none;
}

.addUser-modal-item-right .input:focus {
  border-color: #32b8f5;
}

.addUser-modal-item-right .select-btns {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 36px;
  background: #FFFFFF;
}

.addUser-modal-item-right .select-btns:hover .select-btns-body {
  display: block;
}

.addUser-modal-item-right .select-btns-head {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  cursor: pointer;
}

.addUser-modal-item-right .select-btns-head .tic {
  float: right;
  color: #999;
}

.addUser-modal-item-right .select-btns-head:hover {
  border: 1px solid #32B8F5;
}

.addUser-modal-item-right .select-btns-body {
  display: none;
  position: absolute;
  left: 0;
  top: 36px;
  width: 100%;
  max-height: 200px;
  overflow-y: scroll;
  padding: 3px 0;
  border: 1px solid #E0E0E0;
  -webkit-box-shadow: 0 5px 20px 0 rgba(26, 26, 26, 0.1);
  box-shadow: 0 5px 20px 0 rgba(26, 26, 26, 0.1);
  border-radius: 2px;
  font-size: 14px;
  background: #fff;
  color: #333333;
  line-height: 22px;
  z-index: 100;
}

.addUser-modal-item-right .select-btns-item {
  height: 30px;
  padding: 4px 12px;
  cursor: pointer;
  white-space: nowrap;
}

.addUser-modal-item-right .select-btns-item:hover {
  background: rgba(50, 184, 245, 0.1);
}

.addUser-modal-item-right .radio-group {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 22px;
}

.addUser-modal-item-right .radio-group.-w170 {
  width: 170px;
}

.addUser-modal-item-right .radio-group .tic {
  font-size: 12px;
  color: #e0e0e0;
}

.addUser-modal-item-right .radio-group.active .tic {
  color: #32b8f5;
}

.addCondition-modal .set-input {
  width: 400px;
  height: 36px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  padding: 7px;
  line-height: 22px;
  font-size: 14px;
  color: #333;
  outline: none;
}

.addCondition-modal .set-input:focus {
  border-color: #32b8f5;
}

.feedback-modal input::-webkit-input-placeholder {
  color: #999;
}

.feedback-modal-item {
  font-size: 0;
}

.feedback-modal-item .type {
  width: 84px;
  margin-right: 8px;
  margin-top: 7px;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  text-align: right;
}

.feedback-modal-item .type.-required:before {
  content: "*";
  margin-right: 6px;
  color: #FF3B30;
}

.feedback-modal-item .value {
  width: calc(100% - 92px);
}

.feedback-modal-item .value .textarea {
  width: 100%;
  height: 172px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  font-size: 14px;
  line-height: 22px;
  resize: none;
  overflow-y: auto;
}

.feedback-modal-item .value .textarea.-focus {
  border-color: #32B8F5;
}

.feedback-modal-item .value .textarea.-err {
  border-color: #FF3B30;
}

.feedback-modal-item .value textarea {
  width: 100%;
  height: 140px;
  border: none;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 22px;
  resize: none;
  overflow-y: auto;
  outline: none;
}

.feedback-modal-item .value .statistics {
  padding: 0 8px;
  text-align: right;
  font-size: 12px;
  color: #999999;
  line-height: 18px;
}

.feedback-modal-item .value input {
  width: 100%;
  height: 36px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 22px;
}

.feedback-modal-item .value input:focus {
  border-color: #32B8F5;
  outline: none;
}

.feedback-modal-item .value .uploader {
  display: inline-block;
  vertical-align: top;
  width: 72px;
  height: 72px;
  margin-right: 16px;
  border: 1px dashed #E0E0E0;
  border-radius: 2px;
  background: #FBFBFB;
  color: rgba(216, 216, 216, 0.43);
  font-size: 0;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.feedback-modal-item .value .uploader.-file {
  border: 1px solid #E0E0E0;
}

.feedback-modal-item .value .uploader.-file .upload-close {
  display: block;
}

.feedback-modal-item .value .uploader.-file:hover .upload-reload {
  display: block;
}

.feedback-modal-item .value .upload-close {
  display: none;
  width: 18px;
  height: 18px;
  right: -9px;
  top: -9px;
  border-radius: 9px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.feedback-modal-item .value .upload-reload {
  display: none;
  left: -1px;
  bottom: -1px;
  width: 72px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  cursor: pointer;
}

.feedback-modal-item .value .upload-icon {
  font-size: 32px;
  line-height: 64px;
  font-weight: 600;
}

.feedback-modal-item .value .tip {
  font-size: 12px;
  line-height: 17px;
  color: #999;
}

.feedback-modal-item .err-text {
  font-size: 12px;
  line-height: 24px;
  left: 92px;
  color: #FF3B30;
}

.learn-more-modal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 18px 18px;
}

.learn-more-modal .content-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #283242;
  text-align: center;
}

.learn-more-modal .content-title-desc {
  font-size: 14px;
  line-height: 22px;
  color: #8793A8;
  text-align: center;
  margin-top: 8px;
}

.learn-more-modal .content-wrap {
  margin-top: 32px;
  padding: 0 40px;
}

.learn-more-modal .content-wrap .content-items {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.learn-more-modal .content-wrap .content-items:last-child {
  margin-bottom: 0;
}

.learn-more-modal .content-wrap .content-items .content-items-label {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 70px;
  height: 40px;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
}

.learn-more-modal .content-wrap .content-items .content-items-label .required {
  display: inline-block;
  color: #FF3B30;
  margin-right: 3px;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap {
  width: 100%;
  background: #FFFFFF;
  margin-left: 16px;
  position: relative;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content {
  width: 100%;
  min-height: 40px;
  border: 1px solid #DCDEE0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 7px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content-required {
  border-color: #FF3B30;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: none;
  outline: none;
  border: none;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content input:focus {
  outline: none;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content .learn-more-company {
  width: 100%;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content .selected-wrap-width {
  width: 318px;
  top: 36px;
  left: -13px;
  background: #FFFFFF;
  border: 1px solid #F3F4F5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 6px 12px rgba(14, 15, 15, 0.08);
  box-shadow: 0px 6px 12px rgba(14, 15, 15, 0.08);
  border-radius: 4px;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content .selected-wrap-width > li {
  line-height: 22px;
  padding: 9px 0;
  padding-left: 19px;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content .selected-wrap-width > li:hover,
.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content .selected-wrap-width .selected {
  background: #F0F6FF;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content ::-webkit-input-placeholder {
  color: #C8C9CC;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content :-moz-placeholder {
  color: #C8C9CC;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content ::-moz-placeholder {
  color: #C8C9CC;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content :-ms-input-placeholder {
  color: #C8C9CC;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content textarea {
  width: 100%;
  height: 104px;
  border: none;
  outline: none;
  resize: none;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content .verification-code-btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 22px;
  color: #0F6FFF;
  cursor: pointer;
  margin-left: 12px;
  padding-left: 12px;
  position: relative;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .content-items-content .verification-code-btn::before {
  content: " ";
  width: 1px;
  height: 14px;
  background: #E6E6E6;
  position: absolute;
  left: 0;
  top: 4px;
}

.learn-more-modal .content-wrap .content-items .content-items-wrap .required-text {
  font-size: 12px;
  line-height: 18px;
  color: #FF3B30;
  display: none;
  position: absolute;
  left: 0;
  bottom: -19px;
}

.learn-more-modal .submit-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 40px 0 12px;
}

.learn-more-modal .submit-wrap .submit-btn {
  width: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #0F6FFF;
  border: 1px solid #0F6FFF;
  border-radius: 2px;
}

.learn-more-modal .btn-close {
  width: 22px !important;
  height: 22px !important;
  right: -8px !important;
  top: 11px !important;
  line-height: 22px !important;
}

.learn-more-modal input::-webkit-input-placeholder {
  color: #999;
}

.learn-more-modal-item {
  font-size: 0;
}

.learn-more-modal-item .type {
  width: 84px;
  margin-right: 8px;
  margin-top: 7px;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  text-align: right;
}

.learn-more-modal-item .type.-required:before {
  content: "*";
  margin-right: 6px;
  color: #FF3B30;
}

.learn-more-modal-item .value {
  width: calc(100% - 92px);
}

.learn-more-modal-item .value .textarea {
  width: 100%;
  height: 172px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  font-size: 14px;
  line-height: 22px;
  resize: none;
  overflow-y: auto;
}

.learn-more-modal-item .value .textarea.-focus {
  border-color: #32B8F5;
}

.learn-more-modal-item .value .textarea.-err {
  border-color: #FF3B30;
}

.learn-more-modal-item .value textarea {
  width: 100%;
  height: 140px;
  border: none;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 22px;
  resize: none;
  overflow-y: auto;
  outline: none;
}

.learn-more-modal-item .value .statistics {
  padding: 0 8px;
  text-align: right;
  font-size: 12px;
  color: #999999;
  line-height: 18px;
}

.learn-more-modal-item .value input {
  width: 100%;
  height: 36px;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 22px;
}

.learn-more-modal-item .value input:focus {
  border-color: #32B8F5;
  outline: none;
}

.learn-more-modal-item .value .uploader {
  display: inline-block;
  vertical-align: top;
  width: 72px;
  height: 72px;
  margin-right: 16px;
  border: 1px dashed #E0E0E0;
  border-radius: 2px;
  background: #FBFBFB;
  color: rgba(216, 216, 216, 0.43);
  font-size: 0;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.learn-more-modal-item .value .uploader.-file {
  border: 1px solid #E0E0E0;
}

.learn-more-modal-item .value .uploader.-file .upload-close {
  display: block;
}

.learn-more-modal-item .value .uploader.-file:hover .upload-reload {
  display: block;
}

.learn-more-modal-item .value .upload-close {
  display: none;
  width: 18px;
  height: 18px;
  right: -9px;
  top: -9px;
  border-radius: 9px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.learn-more-modal-item .value .upload-reload {
  display: none;
  left: -1px;
  bottom: -1px;
  width: 72px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  cursor: pointer;
}

.learn-more-modal-item .value .upload-icon {
  font-size: 32px;
  line-height: 64px;
  font-weight: 600;
}

.learn-more-modal-item .value .tip {
  font-size: 12px;
  line-height: 17px;
  color: #999;
}

.learn-more-modal-item .err-text {
  font-size: 12px;
  line-height: 24px;
  left: 92px;
  color: #FF3B30;
}

.-custom .std-content .block-data .logo-img {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-custom .std-content .company-attention-brand {
  display: none;
  opacity: 0;
  visibility: hidden;
  height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.-custom .std-content .pdf-page-wrap {
  margin: 0;
}

.-custom .std-content .notice-page-logo {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-custom .std-content .publish-msg .aggs .aggs-chart {
  background: #fff;
}

.-custom .std-content .publish-msg .aggs .chart-nodata {
  background: #fff;
}

.-custom .std-content .publish-msg .rank-chart,
.-custom .std-content .publish-msg .source-chart,
.-custom .std-content .publish-msg .source-nodata,
.-custom .std-content .publish-msg .rank-nodata {
  background: #fff;
}

.-custom .std-content .macro-title-img-container img {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-custom .std-content .macro-title-img-container img:last-child {
  display: inline-block;
  opacity: 1;
  visibility: visible;
}

.-custom .std-content .macro-header .macro-header-logo {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-custom .std-content .macro-header .macro-header-point {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-custom .std-content .screen_header .screen_header_logo_con {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-custom .std-content .human-box .human-number img {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-custom .std-content .tic-nt-tianyanfengxian:before {
  content: "\e812" !important;
}

.-custom .std-content .searchx-map {
  top: 0;
  height: 100vh;
}

.-custom .std-content .searchx-body .fix-box {
  top: 0;
}

.-custom .std-content .macro-publicmsg-noGraph {
  background: #fff !important;
}

.-custom .std-content .stdSearch-filters.-fixed {
  top: 0;
}

.-custom .std-content .std-brand-text {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-custom .std-content .macro-no-data-container {
  background: #fff;
}

.-custom .std-content .macro-region-res .chart .chart-logo {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-custom .std-content .std-custom-show {
  display: inline-block !important;
}

.-custom .std-content .graph-warp {
  height: 100vh;
}

.-custom .std-content .map-container-top0 {
  top: 0;
}

.std-custom-show {
  display: none !important;
}

.-custom .std-header .std-custom-show {
  display: inline-block !important;
}

.-custom .std-header .std-brand-text {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-custom .std-header .std-header-intro {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-custom .std-header .std-header-search-btn {
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/home/v3/search.png") !important;
}

.-custom .std-header .std-header-search-btn:hover {
  background-position: top right !important;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/home/v3/search.png") !important;
}

.-custom .std-header .std-header-search-btn.only-search {
  background: linear-gradient(135deg, #fdf3d6, #ead49f 30%, #d3b065) !important;
  font-size: 16px;
  font-weight: bold;
  color: #775225;
  text-align: center;
  line-height: 44px;
}

.-custom .std-header .std-header-search-btn.only-search:hover {
  background: linear-gradient(135deg, #FDF3DA, #E8C983) !important;
}

.-custom .modal .modal-dialog .std-custom-show {
  display: inline-block !important;
}

.-custom .modal .modal-dialog .std-brand-text {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-inset .std-content .pdf-page-wrap {
  margin: 0;
}

.-inset .std-content .searchx-map {
  top: 0;
  height: 100vh;
}

.-inset .std-content .searchx-body .fix-box {
  top: 0;
}

.-inset .std-content .stdSearch-filters.-fixed {
  top: 0;
}

.-inset .std-content .graph-warp {
  height: 100vh;
}

.-inset .std-content .map-container-top0 {
  top: 0;
}

.-hideLogo .std-content .block-data .logo-img {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-hideLogo .std-content .company-attention-brand {
  display: none;
  opacity: 0;
  visibility: hidden;
  height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.-hideLogo .std-content .pdf-page-wrap {
  margin: 0;
}

.-hideLogo .std-content .notice-page-logo {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-hideLogo .std-content .publish-msg .aggs .aggs-chart {
  background: #fff;
}

.-hideLogo .std-content .publish-msg .aggs .chart-nodata {
  background: #fff;
}

.-hideLogo .std-content .publish-msg .rank-chart,
.-hideLogo .std-content .publish-msg .source-chart,
.-hideLogo .std-content .publish-msg .source-nodata,
.-hideLogo .std-content .publish-msg .rank-nodata {
  background: #fff;
}

.-hideLogo .std-content .macro-title-img-container img {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-hideLogo .std-content .macro-title-img-container img:last-child {
  display: inline-block;
  opacity: 1;
  visibility: visible;
}

.-hideLogo .std-content .macro-header .macro-header-logo {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-hideLogo .std-content .macro-header .macro-header-point {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-hideLogo .std-content .screen_header .screen_header_logo_con {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-hideLogo .std-content .human-box .human-number img {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-hideLogo .std-content .tic-nt-tianyanfengxian:before {
  content: "\e812" !important;
}

.-hideLogo .std-content .macro-publicmsg-noGraph {
  background: #fff !important;
}

.-hideLogo .std-content .std-brand-text {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-hideLogo .std-content .macro-no-data-container {
  background: #fff;
}

.-hideLogo .std-content .macro-region-res .chart .chart-logo {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-hideLogo .std-content .std-custom-show {
  display: inline-block !important;
}

.std-custom-show {
  display: none !important;
}

.-hideLogo .std-header .std-custom-show {
  display: inline-block !important;
}

.-hideLogo .std-header .std-brand-text {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-hideLogo .std-header .std-header-logo,
.-hideLogo .std-header .std-header-intro {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.-hideLogo .std-header .std-header-search-btn {
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/home/v3/search.png") !important;
}

.-hideLogo .std-header .std-header-search-btn:hover {
  background-position: top right !important;
  background-image: url("https://cdn.tianyancha.com/std-require-js/public/images/home/v3/search.png") !important;
}

.-hideLogo .std-header .std-header-search-btn.only-search {
  background: linear-gradient(135deg, #fdf3d6, #ead49f 30%, #d3b065) !important;
  font-size: 16px;
  font-weight: bold;
  color: #775225;
  text-align: center;
  line-height: 44px;
}

.-hideLogo .std-header .std-header-search-btn.only-search:hover {
  background: linear-gradient(135deg, #FDF3DA, #E8C983) !important;
}

.-hideLogo .modal .modal-dialog .std-custom-show {
  display: inline-block !important;
}

.-hideLogo .modal .modal-dialog .std-brand-text {
  display: none;
  opacity: 0;
  visibility: hidden;
}

@media (min-height: 900px) {
  .judicial-out-container .judicial-container .content-container {
    padding-bottom: 120px;
  }
}

.modal-judge-result {
  width: 720px;
}

.judicial-out-container {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #ecf1f5;
}

.judicial-container {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 24px;
}

.judicial-container .header-container {
  width: 100%;
  background: #fff;
  padding: 32px 24px 32px;
  -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  overflow: hidden;
}

.judicial-container .header-container .label-container {
  margin-top: 32px;
  text-align: center;
}

.judicial-container .header-container .align-center {
  text-align: center;
}

.judicial-container .header-container .main-title {
  font-size: 26px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 36px;
  font-weight: bold;
}

.judicial-container .header-container .tag-label {
  padding: 0 8px;
  display: inline-block;
  line-height: 26px;
  border-radius: 2px;
  font-size: 14px;
  margin-right: 8px;
}

.judicial-container .header-container .tag-label.judicial-win {
  background: rgba(249, 141, 31, 0.1);
  color: #F98D1F;
}

.judicial-container .header-container .tag-label.judicial-fail {
  background: rgba(255, 111, 89, 0.1);
  color: #FF6F59;
}

.judicial-container .header-container .tag-label.judicial-primary {
  background: rgba(87, 166, 255, 0.1);
  color: #57A6FF;
}

.judicial-container .content-container {
  -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  background: #fff;
  margin-top: 16px;
}

.judicial-container .content-container .link-click {
  cursor: pointer;
}

.judicial-container .content-container .content-title {
  font-family: MicrosoftYaHei-Bold;
  font-size: 20px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  line-height: 78px;
  font-weight: bold;
  height: 78px;
}

.judicial-container .content-container .align-left {
  text-align: left;
}

.judicial-container .content-container .case-process-container {
  border-top: 1px solid #f3f3f3;
}

.judicial-container .content-container .case-process-container a:hover {
  text-decoration: underline;
}

.judicial-container .content-container .judicial-top .judicial-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 30px;
}

.judicial-container .content-container .judicial-top .judicial-item .judicial-item-label {
  color: #666666;
  white-space: nowrap;
}

.judicial-container .content-container .judicial-top .judicial-item .judicial-item-val {
  color: #333333;
}

.judicial-container .content-container .judicial-top .judicial-item .judicial-item-val .item-val {
  display: inline-block;
  word-break: break-all;
}

.judicial-container .content-container .judicial-top .judicial-item .judicial-item-val .item-val .result-label {
  display: inline-block;
  padding: 0 8px;
  height: 20px;
  font-size: 12px;
  border-radius: 2px;
  margin-left: 8px;
  line-height: 20px;
}

.judicial-container .content-container .judicial-top .judicial-item .judicial-item-val .item-val .judicial-win {
  background: #FFF6E6;
  color: #F2AA18;
  margin-right: 5px;
}

.judicial-container .content-container .judicial-top .judicial-item .judicial-item-val .item-val .judicial-fail {
  background: #FDF2F1;
  color: #E05A48;
  margin-right: 5px;
}

.judicial-container .content-container .judicial-top .judicial-item .judicial-item-val .item-val .judicial-primary {
  background: #F5FAFF;
  color: #32B8F5;
  margin-right: 5px;
}

.judicial-container .content-container .judicial-top .case-progress-title {
  font-size: 14px;
  color: #666666;
  line-height: 30px;
  margin-bottom: 6px;
  margin-top: 8px;
}

.judicial-container .content-container .judicial-top .case-progress-container {
  overflow: hidden;
  position: relative;
  background: #FFFCF9;
  line-height: 63px;
}

.judicial-container .content-container .judicial-top .case-progress-container.-court {
  background: #fff;
}

.judicial-container .content-container .judicial-top .case-progress-container .check-complete {
  margin-left: 16px;
  font-size: 14px;
  color: #32B8F5;
  cursor: pointer;
}

.judicial-container .content-container .judicial-top .case-progress-container .check-complete .tic-bread-right-icon {
  font-size: 12px;
  margin-left: 2px;
}

.judicial-container .content-container .judicial-top .case-progress-container .process-container {
  overflow: hidden;
  position: relative;
  float: left;
}

.judicial-container .content-container .judicial-top .case-progress-container .process-container:after {
  content: "";
  position: absolute;
  width: calc(100% - 60px);
  height: 1px;
  background: #C8E4FF;
  right: 0;
  top: 30px;
}

.judicial-container .content-container .judicial-top .case-progress-container .case-progress-box {
  width: 120px;
  min-height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  float: left;
  margin-right: 32px;
}

.judicial-container .content-container .judicial-top .case-progress-container .case-progress-box:last-of-type {
  margin-right: 0px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 252, 249, 0)), to(#FFFCF9));
  background-image: linear-gradient(90deg, rgba(255, 252, 249, 0) 0%, #FFFCF9 100%);
}

.judicial-container .content-container .judicial-top .case-progress-container .case-progress-box .case-time {
  font-size: 12px;
  color: #666666;
  line-height: 18px;
}

.judicial-container .content-container .judicial-top .case-progress-container .case-progress-box .case-circle {
  width: 9px;
  height: 9px;
  display: inline-block;
  background: #2998FF;
  border-radius: 50%;
  border: 1px solid #D8ECFF;
  z-index: 1;
  position: absolute;
  top: 26px;
}

.judicial-container .content-container .judicial-top .case-progress-container .case-progress-box .case-type {
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  text-align: center;
  margin-top: 25px;
}

.judicial-container .content-container .judicial-top .case-progress-container .fuzzy-mask {
  position: absolute;
  width: 120px;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 252, 249, 0)), to(#FFFCF9));
  background-image: linear-gradient(90deg, rgba(255, 252, 249, 0) 0%, #FFFCF9 100%);
  right: 0;
  top: 0;
  z-index: 1;
}

.judicial-container .content-container .judicial-top .case-progress-container .fuzzy-mask.-court {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.judicial-container .content-container .case-process-container {
  padding: 39px 24px 40px;
  border-top: 1px solid #F3F3F3;
  position: relative;
}

.judicial-container .content-container .case-process-container .process-tag {
  padding: 0 16px;
  background: #E05A48;
  border-radius: 0 0 6px 0;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
}

.judicial-container .content-container .case-process-container .judicial-bottom {
  background: #FBFBFB;
  padding: 16px 0 0 32px;
  border-radius: 2px;
  margin-top: 12px;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-title {
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 16px;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box {
  position: relative;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box.line:after {
  content: "";
  width: 1px;
  background: #C8E4FF;
  height: calc(100% - 40px);
  position: absolute;
  top: 9px;
  left: 147px;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item {
  padding-bottom: 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .stageTime,
.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .other-key {
  margin-right: 37px;
  position: relative;
  font-size: 14px;
  color: #666666;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .stageTime {
  display: inline-block;
  text-align: left;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 128px;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .other-key {
  margin: 0;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .process-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .process-info .sub-stage {
  margin-top: 12px;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .stageName {
  font-weight: bold;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .stageName,
.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .other-name {
  margin-right: 16px;
  font-size: 14px;
  color: #333333;
  position: relative;
  white-space: nowrap;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .stageName.link-click,
.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .other-name.link-click {
  color: #32B8F5;
  cursor: pointer;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .other-name {
  margin-right: 0;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .other-name.other-name-mr {
  margin-right: 16px;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .judge-result {
  color: #32B8F5;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .judge-result-break-line {
  display: inline-block;
  width: 1px;
  height: 16px;
  border: none;
  background-color: #f3f3f3;
  margin: 0 8px;
  vertical-align: middle;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .stageName:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #2998FF;
  border: 2px solid #D8ECFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  top: 5px;
  left: -22px;
  z-index: 1;
}

.judicial-container .content-container .case-process-container .judicial-bottom .process-box .process-item .wrap-line {
  margin-top: 8px;
}

.judicial-container .shengming {
  font-size: 12px;
  color: #666666;
  letter-spacing: 0;
  line-height: 18px;
  padding: 16px 0;
}

.judicial-related-container .judicial-related-title {
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 12px;
  margin-top: 40px;
}

.judicial-related-container .judicial-related-title .vip-only {
  margin-left: 8px;
  width: 56px;
  vertical-align: middle;
}

.judicial-related-container .login-mask,
.judicial-related-container .vip-mask {
  width: 100%;
  height: 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 24px;
  cursor: pointer;
  color: #666;
}

.judicial-related-container .login-mask {
  background: url("https://cdn.tianyancha.com/web-require-js/public/images/web-login-modal-mask.png") no-repeat;
  background-size: cover;
}

.judicial-related-container .login-mask .login-button {
  width: 100px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  background: #0084FF;
  border-radius: 2px;
}

.judicial-related-container .login-mask .login-button:hover {
  background: #0076E5;
}

.judicial-related-container .login-mask .login-button:active {
  background: #0070D9;
}

.judicial-related-container .vip-mask {
  background: url("https://cdn.tianyancha.com/web-require-js/public/images/web-vip-modal-mask.png") no-repeat;
  background-size: cover;
}

.judicial-related-container .vip-mask .example {
  line-height: 36px;
  float: left;
  margin-right: 24px;
}

.judicial-related-container .vip-mask .example a {
  font-size: 14px;
  color: #FF7D18;
}

.judicial-related-container .vip-mask .example a:hover {
  text-decoration: underline;
}

.judicial-related-container .vip-mask .vip-button {
  width: 100px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  background: #FF7D18;
  border-radius: 2px;
}

.judicial-related-container .vip-mask .vip-button:hover {
  background: #E67116;
}

.judicial-related-container .vip-mask .vip-button:active {
  background: #D96A15;
}

.monitor_box_style {
  background: #fff;
  float: right;
  z-index: 1039;
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 8px;
  border-radius: 4px;
}

.monitor_box_style .monitor_btn {
  min-width: 90px;
  height: 28px;
}

.modal_container_case .modal-dialog {
  margin: 0 auto;
  -webkit-transform: translateX(0%) !important;
  transform: translateX(0%) !important;
}

.modal_container_case .modal-dialog .modal-content .triangle {
  width: 0;
  height: 0;
  border-left: 10px solid #e3e3e3;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  display: inline-block;
  position: absolute;
  top: 12px;
  right: -20px;
  z-index: 1000;
}

.modal_container_case .modal-dialog .modal-content .triangle:after {
  content: "";
  position: absolute;
  top: -9px;
  right: -8px;
  border-left: 9px solid #fff;
  border-right: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-top: 9px solid transparent;
}

.modal_container_case .modal-dialog .modal-content .modal-confirm-box {
  padding: 32px;
}

.modal_container_case .modal-dialog .modal-content .modal-confirm-box .msg {
  padding: 0;
  font-size: 16px;
  font-family: MicrosoftYaHei;
  color: #333333;
  letter-spacing: 0;
  line-height: 20px;
}

.modal_container_case .modal-dialog .modal-content .modal-confirm-box .btn-tool {
  margin-top: 24px;
  padding-bottom: 0px;
}

.watch-btn .button-icon {
  color: #119944;
}

.watch-btn.-active {
  border: 0px;
  line-height: 28px;
}

.watch-btn.-active .button-icon {
  color: #fff;
  font-size: 16px;
}

.watch-btn {
  border: 1px solid #e0e0e0;
}

.modal-dialog.-judge-result {
  width: 720px;
}

.modal-dialog.-judge-result .scroll-body.modal-scroll {
  max-height: 376px;
  min-height: 248px;
  overflow-y: scroll;
  padding: 16px 24px 8px;
}

.modal-dialog.-judge-result .scroll-body.modal-scroll a:hover {
  text-decoration: underline;
}

.modal-dialog.-judge-result .scroll-body.modal-scroll::-webkit-scrollbar {
  display: none;
}

.bmw-login-bg {
  background-image: url("/standard/login-bg2.png");
  background-size: cover;
  height: 100vh;
  width: 100%;
}

.bmw-login-bg .use-new-version-txt {
  color: #BEC6D1;
  font-size: 14px;
  margin-left: 6px;
}

.bmw-login-bg .bmw-login,
.bmw-login-bg .bmw-register {
  width: 440px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 150px;
}

.bmw-login-bg .bmw-login .form-group,
.bmw-login-bg .bmw-register .form-group {
  position: relative;
}

.bmw-login-bg .bmw-login .title,
.bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-register .title,
.bmw-login-bg .bmw-register .reg-title {
  background-image: url(/standard/login-title2.png);
  margin-bottom: 50px;
  width: 440px;
  height: 50px;
}

.bmw-login-bg .bmw-login .reg-title,
.bmw-login-bg .bmw-register .reg-title {
  background: none;
  color: #fff;
  font-size: 33px;
  text-align: center;
}

.bmw-login-bg .bmw-login input:-webkit-autofill,
.bmw-login-bg .bmw-register input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  color: #000;
}

.bmw-login-bg .bmw-login .validcode,
.bmw-login-bg .bmw-register .validcode {
  right: 10px;
  top: 10px;
}

.bmw-login-bg .bmw-login .input-nw,
.bmw-login-bg .bmw-register .input-nw {
  color: #000;
  font-size: 14px;
  height: 48px;
  padding-left: 65px;
  width: 100%;
}

.bmw-login-bg .bmw-login .input-left-text,
.bmw-login-bg .bmw-register .input-left-text {
  left: 12px;
  top: 14px;
  color: #6F7A8C;
}

.bmw-login-bg .bmw-login .r1,
.bmw-login-bg .bmw-register .r1 {
  color: #00b6c6;
}

.bmw-login-bg .bmw-login .login-container,
.bmw-login-bg .bmw-register .login-container {
  margin-top: 5px;
  color: #fff;
  cursor: pointer;
}

.bmw-login-bg .bmw-login .get-identify-btn,
.bmw-login-bg .bmw-register .get-identify-btn {
  width: 116px;
  line-height: 48px;
  background: #ff7323;
  color: #fff;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  margin-left: 10px;
}

.bmw-login-bg .bmw-login .get-identify-btn.muted,
.bmw-login-bg .bmw-register .get-identify-btn.muted {
  background-color: #888;
  cursor: auto;
}

.bmw-login-bg .bmw-login select,
.bmw-login-bg .bmw-register select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(251, 251, 251, 0.7);
  border-radius: 0px;
  height: 48px;
  text-align: right;
}

.bmw-login-bg .bmw-login select option,
.bmw-login-bg .bmw-register select option {
  text-indent: 200px;
}

.bmw-login-bg .bmw-register .form-control-select {
  padding-left: 11px;
}

.bmw-login-bg .login-container {
  margin-top: 5px;
  color: #fff;
  cursor: pointer;
}

.bmw-login-bg .footer-new {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(29, 32, 44, 0.8);
  z-index: 1000;
  width: 100%;
  height: 30px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 8px;
  color: #6F7A8C;
  font-size: 12px;
  min-width: 1170px;
}

.bmw-login-bg .footer-new .right {
  color: #606475;
  float: right;
}

.bmw-login-bg .footer-new .footer-logo {
  background-image: name("footer-logo_03.png");
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}

.bmw-login-bg .footer-new .dian {
  background-color: #3D404D;
  margin-right: 6px;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 20px;
}

.bmw-login-lawsuit .bmw-title {
  font-size: 14px;
  color: #777777;
  padding-left: 40px;
  padding-top: 17px;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(246, 246, 246, 0.9);
}

.bmw-login-lawsuit .bmw-title .bmw-logo {
  background-image: url(/standard/login_logo_4.png);
  display: inline-block;
  margin-right: 4px;
  width: 16px;
  height: 16px;
}

.bmw-login-lawsuit .bmw-content {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 17px;
  padding-bottom: 28px;
  font-size: 12px;
  color: #777777;
}

.bmw-login-lawsuit .bmw-content .strongColor {
  color: #474747;
}

.bmw-login-lawsuit .bmw-content .agree {
  background-color: #00B6C6;
  color: #fff;
  width: 257px;
  padding-top: 11px;
  padding-bottom: 11px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  margin-top: 30px;
}

.prompt-page {
  height: 100vh;
}

.prompt-page .prompt-placeholder {
  height: 22%;
}

.prompt-page .prompt-image {
  display: block;
  width: 240px;
  margin: 0 auto;
}

.prompt-page .promp-content {
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: #8793A8;
}

.prompt-page .prompt-dial {
  color: #0F6FFF;
}