@charset "UTF-8";
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0; }

body,
button,
input,
select,
textarea {
  font: 12px/1.5tahoma, arial, \5b8b\4f53; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%; }

address,
cite,
dfn,
em,
var {
  font-style: normal; }

code,
kbd,
pre,
samp {
  font-family: couriernew, courier, monospace; }

small {
  font-size: 12px; }

ul,
ol {
  list-style: none; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

legend {
  color: #000; }

fieldset,
img {
  border: 0; }

button,
input,
select,
textarea {
  font-size: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.clearfix::before,
.clearfix::after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both; }

img {
  vertical-align: middle; }

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden; }

h1,
p {
  color: #7A7A7A;
  font-size: 14px; }

.payFlag {
  background: #fdfdfd;
  background-size: 100% 100%;
  border-radius: 2%;
  text-align: center;
  padding-top: 14px;
  padding-bottom: .5rem;
  margin-top: 1rem; }

.flagImg {
  width: 65%;
  margin-bottom: .5rem; }

.flag-content {
  width: 90%;
  margin: 0 auto;
  border-bottom: 1px dashed #7A7A7A; }

.pay-content {
  width: 90%;
  text-align: left;
  float: left;
  margin-top: .5rem;
  margin-left: 5%;
  border-bottom: 1px dashed #7A7A7A; }

.flagItem {
  width: 100%;
  height: 1rem;
  text-align: left;
  margin-top: 0.5rem;
  width: 100%; }

.flagItem input {
  float: right; }

.pay-but {
  width: 100%;
  background: #613198;
  height: 0.8rem;
  color: white;
  border-radius: 5px;
  text-align: center;
  line-height: 30px;
  margin-bottom: .5rem; }

.foot {
  width: 90%;
  text-align: left;
  margin: 0 auto; }

/*reset*/
html {
  -webkit-font-smoothing: antialiased;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /* 2 */
  margin: 0;
  padding: 0; }

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dd,
form,
span,
samp,
p,
a {
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  font-family: "Microsoft YaHei", Helvetica, STHeiTi, "Helvetica Neue", "微软雅黑", SimSun, sans-serif; }

html,
body {
  background: white;
  min-height: 100%; }

ul,
ol {
  padding-left: 0;
  list-style-type: none; }

li {
  display: inline-block; }

i {
  font-style: normal; }

a {
  cursor: pointer;
  color: #333;
  text-decoration: none;
  /*消除ie10灰色背景*/
  background-color: transparent;
  /*消除火狐虚线*/
  outline: none; }

img {
  max-width: 100%;
  /*  cursor: pointer;*/
  vertical-align: middle;
  border: 0 none; }

body,
button,
input,
select,
textarea {
  font-size: 12px;
  font-family: "Microsoft YaHei", Helvetica, STHeiTi, "Helvetica Neue", "微软雅黑", SimSun, sans-serif;
  color: #3c3c3c;
  outline: none;
  resize: none; }

button,
input {
  /* 让 input 和 button 一样高 */
  line-height: normal; }

figure {
  margin: 0;
  padding: 0; }

figure img {
  width: 100%; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none; }

a,
button,
input {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* 统一上标和下标 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

:root sub,
:root sup {
  vertical-align: baseline;
  /* for ie9 and other modern browsers */ }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

strong {
  font-weight: normal; }

mark {
  background: none; }

/*
input,button,select,textarea {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*原子类*/
.wrapper:before,
.wrapper:after,
.clearfix:before,
.clearfix:after {
  display: table;
  content: ""; }

.wrapper:after,
.clearfix:after {
  clear: both; }

.wrapper,
.clearfix {
  zoom: 1; }

.Left {
  float: left; }

.Right {
  float: right; }

body {
  min-width: 320px;
  max-width: 1920px;
  line-height: 1.6;
  margin: auto; }

.contain {
  max-width: 640px;
  margin: 0 auto;
  position: relative; }

.fixWidth {
  width: 90%;
  margin: 0 auto;
  position: relative; }

.contain {
  min-height: 400px;
  text-align: center; }

.contain .demo div {
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #999;
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 40px; }

.whiteBG {
  background: white; }

.fullHeight {
  height: 100%; }

.guideView:before {
  display: none; }

.center {
  text-align: center; }

.blue {
  color: #1e83d3; }

/* --------- nav ------------*/
.nav {
  width: 100%;
  max-width: 640px;
  text-align: left;
  line-height: 45px;
  padding: 25px 0 35px; }

.nav h1 {
  font-size: 2.5em;
  font-weight: bold; }

.mobileSelect {
  position: relative;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s, z-index 0.4s;
  transition: opacity 0.4s, z-index 0.4s; }

.mobileSelect * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mobileSelect .grayLayer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #eee;
  background: rgba(0, 0, 0, 0.7);
  z-index: 888;
  display: block; }

.mobileSelect .content {
  width: 100%;
  display: block;
  position: fixed;
  z-index: 889;
  color: black;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  bottom: -350px;
  left: 0;
  background: white; }

.mobileSelect .content .fixWidth {
  width: 90%;
  margin: 0 auto;
  position: relative; }

.mobileSelect .content .fixWidth:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.mobileSelect .content .btnBar {
  border-bottom: 1px solid #DCDCDC;
  font-size: 15px;
  height: 45px;
  position: relative;
  text-align: center;
  line-height: 45px; }

.mobileSelect .content .btnBar .cancel,
.mobileSelect .content .btnBar .ensure {
  height: 45px;
  width: 55px;
  cursor: pointer;
  position: absolute;
  top: 0; }

.mobileSelect .content .btnBar .cancel {
  left: 0;
  color: #666; }

.mobileSelect .content .btnBar .ensure {
  right: 0;
  color: #1e83d3; }

.mobileSelect .content .btnBar .title {
  font-size: 15px;
  padding: 0 15%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.mobileSelect .content .panel:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.mobileSelect .content .panel .wheels {
  width: 100%;
  height: 200px;
  overflow: hidden; }

.mobileSelect .content .panel .wheel {
  position: relative;
  z-index: 0;
  float: left;
  width: 50%;
  height: 200px;
  overflow: hidden;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease; }

.mobileSelect .content .panel .wheel .selectContainer {
  display: block;
  text-align: center;
  -webkit-transition: -webkit-transform 0.18s ease-out;
  transition: -webkit-transform 0.18s ease-out;
  transition: transform 0.18s ease-out;
  transition: transform 0.18s ease-out, -webkit-transform 0.18s ease-out; }

.mobileSelect .content .panel .wheel .selectContainer li {
  font-size: 15px;
  display: block;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.mobileSelect .content .panel .selectLine {
  height: 40px;
  width: 100%;
  position: absolute;
  top: 80px;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC; }

.mobileSelect .content .panel .shadowMask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 200px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));
  background: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);
  opacity: 0.9;
  pointer-events: none; }

.mobileSelect-show {
  opacity: 1;
  z-index: 10000;
  visibility: visible; }

.mobileSelect-show .content {
  bottom: 0; }

* {
  box-sizing: border-box; }

input:focus,
select:focus {
  outline: none; }

:not(input) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.loading-txt {
  margin-top: .1rem;
  font-size: .36rem; }

.imgTitle {
  width: 4rem; }

.modgoLogo.none {
  display: none; }

#modgoLogo.all .imgTitle {
  width: 100%; }

.waiting_time {
  padding-top: .4rem;
  font-size: .48rem; }

.loading-img {
  padding-top: .6rem !important; }

.loading-gif {
  font-size: .5rem; }

.loadingcontainer {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 45px; }

.loadingSearchcontainer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; }

.m_text.none {
  display: none; }

.imgLoading {
  width: 3.4rem;
  height: 3.4rem; }

.imgSearchLoading {
  width: 5.4rem;
  height: 3.4rem; }

.imgLoading,
.imgSearchLoading {
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%; }

.companyWrapeper {
  float: right;
  height: 100%;
  /* position: relative; */ }

.companyList {
  position: absolute;
  line-height: 1.5;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 4;
  max-height: 300px;
  overflow: auto;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-radius: 10px; }

.company-item {
  /* color: #333; */
  font-size: 14px;
  text-align: right;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 10px;
  padding-bottom: 10px; }

.imgTitleContainer {
  padding-top: 1rem; }

.newValuationContainer {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  padding-top: 0.41rem;
  position: relative;
  z-index: 3;
  /* padding-top: 20vw; */
  padding-bottom: 0.3rem; }

.enterpriseNumber {
  font-size: 14px; }

.newTop {
  padding-top: 0.8rem; }

.valuation {
  background-size: 100% 100%; }

.checkboxlist {
  float: right;
  /* color: #fff; */ }

.btn-operate {
  text-align: center;
  position: relative;
  z-index: 3; }

.arrow {
  vertical-align: middle;
  height: .8rem;
  margin-right: .6rem; }

.checkedbox {
  -webkit-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  height: .6rem;
  vertical-align: middle;
  border: none;
  border-radius: 0; }

.peronNumber {
  color: #fff; }

.checkwrapper {
  margin-right: .1rem; }

/* .wrapper-checkbox {
    color: #5897D0;
} */
.checkedbox {
  margin-right: .1rem; }

.valuation-form {
  padding-left: .2rem;
  padding-right: .2rem; }

/* input::-webkit-input-placeholder {
    color: #5897D0;
} */
.inputContainer {
  /* background-color: #4A64AD;
    display: inline-block;
    vertical-align: middle;
    
    width: 5rem; */
  position: relative;
  line-height: 1.4rem;
  height: 100%;
  /* padding-right: 0.86rem; */
  /* height: 1rem; */
  /* height: 5vh; */ }

.inputContainer {
  font-size: .4rem;
  background-color: #F3F5FF; }

/* .inputContainer {
    font-size: 32px;
}
.inputContainer {
    font-size: 48px;
} */
.otherinputbase {
  text-align: right;
  padding-left: .3rem;
  /* background-color: transparent; */
  width: 4.4rem;
  /* background-color: #4A64AD; */
  border: none;
  height: 100%;
  float: right;
  /* color: #5897D0; */ }

.otherinputbase {
  font-size: .4rem; }

.company-name {
  text-align: right; }

.rightinputbase {
  padding-right: 1.2rem; }

/* .input-label {
    color: #5897D0;
} */
.rightPng {
  width: .5rem;
  vertical-align: middle;
  margin-right: .3rem; }

.selectContainer {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.mobileSelect .content .panel .wheel .selectContainer li {
  font-size: 13px; }

.otherselectBase {
  padding-left: .3rem;
  /* background-color: #4A64AD; */
  border: none;
  height: 1rem;
  width: 100%;
  /* color: #fff; */
  padding-right: 1rem;
  position: relative; }

.pngImg,
.unit {
  position: absolute;
  right: .2rem;
  top: 50%;
  width: .5rem;
  margin-top: -.3rem;
  z-index: 1; }

.unitImg {
  width: .5rem;
  margin-top: -.3rem; }

.peronNumber {
  /* color: #fff; */
  margin-top: .4rem;
  margin-left: 1rem; }

.peronNumber.absolute {
  position: absolute; }

.newTop.noPadding {
  padding-top: 0; }

.newTop.widthAuto {
  width: 100%;
  height: auto; }

.unitW {
  /* color: #5897D0; */
  font-size: 16px;
  display: inline-block;
  width: .4rem;
  text-align: center;
  font-size: .4rem;
  vertical-align: middle; }

.unitContainer {
  text-align: right;
  z-index: 1;
  font-size: 0;
  height: 100%;
  float: right; }

select {
  appearance: none;
  -webkit-appearance: none; }

.valuation-group {
  height: 1.4rem;
  margin-bottom: 11px;
  padding-left: .2rem;
  padding-right: .2rem;
  border-radius: 10px; }

.valuation-group:last-child {
  border-bottom: none; }

.labelbase {
  /* color: #282830; */
  width: 2rem;
  text-align: left;
  display: inline-block;
  vertical-align: middle; }

.labelbase {
  font-size: .4rem; }

.inputBase {
  /* background-color: #4A64AD; */
  border-radius: .2rem;
  border: none;
  width: 5.6rem;
  height: .8rem;
  padding-left: .1rem; }

.inputBase {
  font-size: .4rem; }

.selectBase {
  border-radius: .2rem;
  border: none;
  width: 5.6rem;
  height: .8rem; }

/* .inputContainer{
    background-color: #4A64AD;
    border-radius: .2rem;
    border: none;
    width: 5.6rem;
    height: .8rem;
    display: inline-block;
    color: #282830;
    overflow: hidden;
    vertical-align: middle;
} */
.inputContainer .unitInput {
  display: inline-block;
  height: 100%;
  line-height: .8rem; }

.inputContainer .unitInput {
  font-size: .4rem; }

.bInputBase {
  height: 100%;
  outline: none;
  border: none;
  width: 4.4rem;
  padding-left: .1rem; }

.labelOtherWidth {
  width: 3.6rem; }

.bInputOther {
  width: 4rem; }

.bInputOther .bInputBase {
  width: 2.8rem; }

.unitWidth {
  width: .8rem;
  text-align: right; }

.btn {
  background: url("../img/valubtn.png") no-repeat center;
  background-size: 100% 100%;
  width: 6rem;
  height: 1.4rem;
  border: none;
  margin-top: .4rem; }

.valuation_info {
  font-size: .35rem;
  padding-top: .4rem;
  padding-top: 2vh; }

.valuation_info > p {
  /* color: #b6b7fe; */
  text-align: center; }

.text-center {
  text-align: center; }

.newImg {
  width: 100%;
  /* margin-top: 1.1rem; */ }

.h5-modgo {
  position: relative;
  z-index: 6; }

.phoneContainer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 8rem;
  height: 8rem;
  margin: auto;
  z-index: 5;
  border-radius: .2rem;
  padding: 0 .4rem; }

.imgCode {
  top: 0;
  position: absolute;
  width: 1.8rem;
  height: 100%;
  right: 0; }

.baseImg {
  padding-right: 1.8rem; }

.phone_title {
  text-align: center;
  border-bottom: .01rem solid #E2E2E2;
  padding: .4rem 0; }

.phone_title {
  font-size: .4rem; }

.formContainer {
  padding: 0 .6rem;
  padding-top: .8rem; }

.phoneBase {
  color: #7b7b7b;
  width: 100%;
  height: .9rem;
  border-radius: .2rem;
  border: none;
  padding-left: .2rem; }

/* .phoneBase::-webkit-input-placeholder,
.phonecode::-webkit-input-placeholder {
    color: #999;
} */
.phone_group {
  margin-bottom: .4rem; }

.phoneBase {
  font-size: .3rem; }

.phonecode {
  width: 3.2rem;
  height: .9rem;
  border-radius: .2rem;
  border: none;
  padding-left: .2rem; }

.vercode {
  color: #fff;
  border-radius: .2rem;
  border: none;
  height: .9rem;
  width: 2.6rem;
  text-align: center;
  float: right;
  cursor: pointer; }

.vercode {
  font-size: .4rem; }

.phonecode {
  font-size: .3rem; }

.operate {
  /* border: .02rem solid #707070; */
  /* border-radius: .2rem; */
  border: none;
  width: 2.4rem;
  height: 1rem;
  text-align: center;
  cursor: pointer;
  font-size: .4rem; }

.cancel-btn {
  border-radius: .2rem;
  border: 1px solid #ddd;
  float: left; }

.sure {
  border: none;
  float: right;
  border-radius: .2rem; }

button:focus {
  outline: none; }

/* .valuatcolor {
    background-color: #8F1218;
} */
.pop {
  display: block;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

.pop-content {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: .16rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%); }

.activeImg img {
  width: 100%; }

.bottomPosition {
  position: fixed;
  bottom: 0;
  z-index: 3;
  left: 0;
  right: 0; }
  .bottomPosition img {
    width: 100%; }

/**估值*/
.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8; }

.bottomContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6rem; }

.itemshare {
  width: 25%;
  float: left;
  padding: .4rem 0;
  text-align: center; }

.select-industry {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 5.4rem; }

.share_icon {
  width: 1rem; }

.show {
  display: block; }

.hide {
  display: none; }

.quit {
  text-align: center; }

.companyName {
  text-align: center;
  padding-top: .2rem; }

.valueC {
  position: relative;
  height: 5rem; }

.valuelist {
  padding-top: 1rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  white-space: nowrap;
  padding-bottom: 1rem; }

.itemvalue {
  width: 0;
  padding-left: .1rem;
  margin-right: .1rem;
  border-radius: .04rem;
  position: relative;
  height: 3rem;
  display: inline-block; }

.valueIfo {
  position: absolute; }

.valueleft {
  left: 50%;
  top: .6rem;
  transform: translate(-50%, 100%);
  -webkit-transform: translate(-50%, 100%); }

.valueright {
  left: 50%;
  bottom: -.6rem;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%); }

.valuemax {
  left: 50%;
  transform: translate(-50%, -120%);
  -webkit-transform: translate(-50%, -120%); }

.companybac {
  width: 9rem;
  background: url("../img/companybac.jpg") no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
  padding: 1rem .6rem; }

.newValue {
  padding-top: .2rem; }

[data-dpr="1"] .newValue {
  font-size: 14px; }

[data-dpr="2"] .newValue {
  font-size: 28px; }

[data-dpr="3"] .newValue {
  font-size: 42px; }

.zoneCompany {
  padding-top: .6rem;
  padding-bottom: .3rem; }

[data-dpr="1"] .zone_around {
  font-size: 20px; }

[data-dpr="2"] .zone_around {
  font-size: 40px; }

[data-dpr="3"] .zone_around {
  font-size: 60px; }

.hide {
  display: none !important; }

.btnValue {
  background: url("../img/getValue.png") no-repeat center;
  background-size: 100% 100%;
  width: 6rem;
  height: 1.4rem;
  border: none;
  margin-top: .4rem;
  line-height: 1.3rem; }

.pb {
  padding-bottom: .4rem; }

.bacyellow {
  padding: .2rem .6rem; }

.sharegift {
  padding-bottom: .2rem; }

[data-dpr="1"] .sharegift {
  font-size: 16px; }

[data-dpr="2"] .sharegift {
  font-size: 32px; }

[data-dpr="3"] .sharegift {
  font-size: 48px; }

.giftContent {
  line-height: .6rem; }

.vlu {
  width: 7rem;
  margin: 0 auto;
  position: relative; }

.middelvalue {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -100%);
  -webkit-transform: translate(-50%, -100%); }

.pbv {
  padding-top: 1rem; }

.leftminValue {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-50%, 100%);
  -webkit-transform: translate(-50%, 100%); }

.rightMaxValue {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(50%, 100%);
  -webkit-transform: translate(50%, 100%); }

.middelvalue {
  font-size: .44rem; }

.returnShare {
  width: .8rem;
  position: absolute;
  top: .2rem;
  right: .4rem; }

.tip {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: .2rem .4rem;
  box-sizing: border-box;
  border-radius: .08rem; }

.maskContainer {
  width: 7rem;
  height: 6.6rem;
  position: absolute;
  margin-top: -3.3rem;
  margin-left: -3.5rem;
  border-radius: .2rem;
  top: 50%;
  left: 50%; }

.maskSearchContainer {
  width: 7rem;
  height: 5rem;
  position: absolute;
  margin-top: -2.5rem;
  margin-left: -3.5rem;
  border-radius: .2rem;
  top: 50%;
  left: 50%;
  background-color: #fff; }

.ptxt {
  font-size: .3rem;
  text-align: center; }

.spin {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 8;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

.spin ::ng-deep > div .ant-spin {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4; }

body {
  -webkit-overflow-scrolling: touch;
  background-size: 100% 100%;
  min-width: 3.2rem; }

.bac {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  max-width: 14rem;
  background: #fff;
  margin: 0 auto;
  /* background: url(../img/bac.jpg) no-repeat center; */
  /* background-size: 100% 100%; */ }

.bac.overflow {
  overflow: hidden; }

.bac-wrapper {
  min-width: 3.2rem; }

.relative {
  position: relative; }

.btnNew {
  width: 5rem;
  height: 1.4rem;
  border: none;
  background-size: 100% 100%;
  margin-top: .8rem;
  margin-top: 5vh; }

.btnNew {
  font-size: .4rem;
  border-radius: .7rem; }

/* [data-dpr="2"] .btnNew {
    font-size: 36px;
}
[data-dpr="3"] .btnNew {
    font-size: 54px;
} */
.spin {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 8;
  height: 100%; }

.shortenInput {
  width: 3.4rem !important; }

@keyframes antRotate {
  to {
    transform: rotate(405deg); } }

@keyframes antSpinMove {
  to {
    opacity: 1; } }

/* 弹窗 */
#bg {
  position: relative; }

.login_bContent {
  width: 803px;
  height: 375px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px; }

.login_boder {
  width: 224px;
  overflow: hidden;
  border-radius: 2%;
  padding-bottom: 1rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -100px;
  margin-left: -112px; }

@media screen and (min-width: 768px) {
  .login_boder {
    left: 40%;
    top: 25%; } }

@media screen and (min-width: 768px) {
  .butt1 {
    width: 3.6rem; } }

@media screen and (min-width: 768px) {
  .content {
    padding: .2rem; } }

@media screen and (width: 768px) {
  .head-content > img {
    margin-top: 60px; } }

.head-content {
  text-align: center;
  margin-top: .4rem; }

.head-content img {
  font-size: 20px;
  margin-top: 15px;
  width: 1rem;
  font-weight: 800; }

.content {
  font-family: SimSun;
  font-size: 1.1rem;
  position: relative;
  text-align: center;
  padding: .3rem; }

.content span {
  margin: 0 auto; }

.butt1 {
  text-align: center;
  width: 4.6rem;
  margin: 0 auto;
  border-radius: 0.2rem;
  font-size: 14px;
  height: 1rem;
  line-height: 1rem; }

.name {
  font-size: 16px; }

.pro {
  font-size: 16px;
  font-family: fantasy; }

.m_text {
  text-align: center; }

.nextimg {
  text-align: center;
  position: relative;
  z-index: 3; }

.value_p {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: .42rem; }

.mtext_p {
  font-size: 14px;
  margin-left: .3rem;
  margin-right: .3rem;
  padding-top: 20px;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  padding-bottom: 0.5rem; }

.footer-copy {
  margin-top: .3rem;
  color: #fff;
  text-align: center; }

.footer-copy .record {
  color: #fff; }

.static-re {
  position: static !important; }

.agreement {
  margin-left: 1rem;
  color: #fff;
  font-size: 16px;
  position: relative;
  z-index: 3; }

.agreement a {
  color: #fff;
  font-size: 16px;
  text-decoration: underline; }

.agree-dialog {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  right: 0;
  bottom: 0;
  z-index: 60; }

.alertagreement {
  width: 8rem;
  background-color: #fff;
  left: 50%;
  position: absolute;
  top: 15%;
  margin-left: -4rem; }

.alertagreement h1 {
  text-align: center;
  font-size: large;
  font-weight: 600;
  padding-top: .5rem;
  padding-bottom: .5rem; }

.alertagreement p {
  font-size: 15px;
  color: #333; }

.next {
  line-height: 1.2rem;
  text-align: center;
  margin-top: .5rem;
  border: 1px solid #EFEFEF; }

.noagreen {
  width: 50%;
  float: left;
  color: #333; }

.agreennext {
  border-left: 1px soloid seashell; }

.text {
  height: 7.5rem;
  overflow-y: scroll;
  width: 80%;
  margin-left: 11%; }

.fontStyle {
  font-size: .4rem; }

.newLogoBgWrap {
  width: 100%; }

.newLogoBg {
  background-image: url("../img/newLogo.png");
  background-size: 100% 100%;
  background-position: 0%;
  width: 100%; }

.newLogoImg {
  width: 100%; }

.inputContainer {
  box-sizing: border-box;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
  margin-top: 0.27rem; }

.input-label {
  padding-top: .34rem; }

.btnNew {
  display: block;
  width: calc(100% - 0.4rem);
  margin-right: 0.2rem;
  height: 1.17rem;
  border-radius: 0 !important;
  margin-left: 0.2rem;
  font-size: 0.4rem;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center; }

.selectedIndustry {
  color: #969CAA; }

.agreement {
  display: none; }

.protcol {
  margin: 0 auto;
  text-align: center;
  font-size: 0.32rem;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  color: #969caa;
  margin-top: 0.32rem; }

.reportPicOne {
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 .42rem 0 .42rem; }

.picOneTitle {
  color: #222222;
  font-size: 0.64rem;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: center;
  margin-top: 0.85rem;
  margin-bottom: 0.48rem; }

.reportOne {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.42rem 0 0.42rem;
  margin: 0 auto; }

.reportOneImg {
  width: 100%; }

.reportPicTwo {
  box-sizing: border-box;
  padding-top: 0.85rem 0.4rem 0.81rem 0.4rem;
  background-color: #5883FF; }

.picTwoTitle {
  padding-top: 0.85rem;
  font-size: 0.64rem;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  color: #ffffff;
  text-align: center; }

.reportPicSmalltitle {
  padding-top: 0.32rem;
  font-size: 0.27rem;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  text-align: center; }

.twoInnerQuestion {
  width: 100%;
  padding: 0.32rem 0 0.8rem 0;
  box-sizing: border-box; }

.questionbg {
  background-image: url("../img/questionTwo.png");
  background-size: 100% 100%;
  width: calc(100% - 0.8rem);
  height: auto;
  margin: 0 auto; }

.questionImg {
  width: 100%; }

.twoInnerMethod {
  width: calc(100%-0.8rem);
  margin: 0 0.4rem 0 0.4rem; }

.methodbg {
  background-image: url("../img/reasonTwo.png");
  background-size: 100% 100%;
  width: calc(100%-0.8rem);
  height: auto; }

.methodTwoImg {
  width: 100%;
  height: auto; }

.moguguintell {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding-top: .8rem; }

.intellText {
  width: calc(100% - 4.16rem);
  height: auto;
  padding: 0.8rem 0 0.8rem 0;
  margin: 0 auto; }

.intelImg {
  width: 100%;
  height: auto; }

.reportDoteWrapper {
  background-color: #fff; }

.reportDote {
  width: calc(100% - 1.4rem);
  margin: 0rem auto;
  padding: 0.8rem 0; }

.reportImg {
  width: 100%; }

.serviceCase {
  font-size: 0.64rem;
  font-family: PingFang SC, PingFang SC-Bold;
  font-weight: 700;
  text-align: center;
  color: #222222;
  padding-bottom: 0.6rem; }

.serviceImgWrapper {
  padding-top: 0.21rem;
  width: calc(100% - 0.96rem);
  margin: 0 auto; }

.serviceImg {
  width: 100%; }

.twoCode {
  width: 2.95rem;
  height: auto;
  margin: 0 auto; }

.twoCodeText {
  padding-top: 0.32rem;
  padding-bottom: 0.72rem;
  font-size: 0.32rem;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  text-align: center; }

.footer {
  height: 0.72rem;
  width: 100%; }

.wanColor {
  padding-left: 0.1rem; }

.checkTrueSpan {
  border: 1px solid #5897D0;
  display: inline-block;
  font-size: 0.4rem;
  line-height: 0.5rem;
  vertical-align: middle;
  width: 0.5rem;
  text-align: center;
  height: 0.5rem;
  color: #5897D0;
  border-radius: 0.06rem; }

.checkFalseSpan {
  border: 1px solid #5897D0;
  display: inline-block;
  font-size: 0.4rem;
  line-height: 0.5rem;
  vertical-align: middle;
  width: 0.5rem;
  text-align: center;
  height: 0.5rem;
  color: #5897D0;
  border-radius: 0.06rem; }

.tailImg {
  width: 100%;
  height: auto;
  display: block; }