@charset "UTF-8";
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

button[disabled],
html input[disabled] {
  cursor: default; }

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

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

.txt-default {
  color: #e5e5e5 !important; }

.txt-primary {
  color: #077BD9 !important; }

.txt-success {
  color: #18c325 !important; }

.txt-info {
  color: #5BC0DE !important; }

.txt-warning {
  color: #ff9500 !important; }

.txt-danger {
  color: #ff7700 !important; }

.fl {
  float: left; }

.fr {
  float: right; }

.tl {
  text-align: left !important; }

.tc {
  text-align: center !important; }

.tr {
  text-align: right !important; }

.hidden {
  display: none !important; }

.label {
  cursor: pointer; }
  .label input[type="checkbox"] {
    position: relative;
    top: 2px;
    margin-right: 5px; }

html {
  height: 100%; }

body {
  overflow-y: scroll;
  overflow-x: auto;
  font-size: 14px;
  font-family: "Microsoft Yahei", "Helvetica", "Helvetica Neue", "Hiragino Sans GB", stheiti, "WenQuanYi Micro Hei", sans-serif;
  line-height: 1.5;
  color: #282828;
  background-color: #fff;
  position: relative;
  min-height: 100%; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none !important; }

::-ms-clear,
::-ms-reveal {
  display: none; }

::-webkit-input-placeholder,
:-ms-input-placeholder {
  color: #bbbbbb; }

input, textarea, button {
  font-family: "Microsoft Yahei", "Helvetica", "Helvetica Neue", "Hiragino Sans GB", stheiti, "WenQuanYi Micro Hei", sans-serif; }

a {
  text-decoration: none;
  color: #282828; }
  a:hover {
    color: #077BD9;
    text-decoration: underline; }

.show-contact-login > div:first-child {
  text-align: center; }
  .show-contact-login > div:first-child .btn {
    width: 150px; }
  .show-contact-login > div:first-child .btn + .btn {
    margin-left: 10px; }

.show-contact-login > div:last-child {
  padding: 10px 0 0 10px; }

.show-contact-phone {
  text-align: center; }

.show-contact-phone-content {
  color: #ff4028;
  font-size: 26px;
  font-weight: 700;
  vertical-align: -3px; }

.show-contact-QR-til {
  font-size: 12px;
  font-family: arial, serif;
  border: 1px solid #FFE9C3;
  background-color: #FFFBF3;
  padding: 5px 8px; }

.show-contact-QR-img {
  width: 126px;
  height: 126px;
  background: url("../images/03d4f06e98.png");
  margin: 10px auto 0; }

.show-contact-QR-info {
  text-align: center;
  font-size: 12px;
  font-family: arial, serif;
  margin: 10px auto 0; }

.show-contact-sure .btn {
  margin: 10px auto 0; }

.newContactPopup .ui-dialog {
  border: 0 transparent none !important;
  position: relative; }

.appDown {
  position: absolute;
  width: 183px;
  height: 241px;
  background: url("../images/36b99164d1.png") #eee;
  right: 0;
  top: 0; }

.bigPhoneTil {
  margin-right: 183px;
  text-align: center;
  font-size: 20px;
  color: #000;
  margin-top: 60px; }

.bigPhone {
  margin-right: 183px;
  text-align: center;
  font-size: 34px;
  color: #f46254;
  margin-top: 20px; }

.phoneIcon {
  position: absolute;
  width: 80px;
  height: 80px;
  background: url("../images/13edb1c8f9.png");
  left: 140px;
  top: -40px; }

.contact-popup-btn {
  width: 280px;
  height: 48px !important;
  line-height: 48px !important;
  font-size: 16px;
  background-color: #077BD9;
  margin-top: 20px;
  margin-left: 40px; }

.icon {
  display: inline-block;
  background-repeat: no-repeat; }

.icon-12 {
  width: 12px;
  height: 12px; }

.icon-14 {
  width: 14px;
  height: 14px; }

.icon-16 {
  width: 16px;
  height: 16px; }

.icon-17 {
  width: 17px;
  height: 17px; }

.icon-18 {
  width: 18px;
  height: 18px; }

.icon-20 {
  width: 20px;
  height: 20px; }

.icon-24 {
  width: 24px;
  height: 24px; }

.icon-32 {
  width: 32px;
  height: 32px; }

.icon-76 {
  width: 76px;
  height: 76px; }

.new-icon-time {
  background-image: url("../images/1124096080.png");
  background-position: 0 0; }

.new-icon-see {
  background-image: url("../images/1124096080.png");
  background-position: 0 -16px; }

.new-icon-alert {
  background-image: url("../images/1124096080.png");
  background-position: 0 -48px; }

.new-icon-add {
  background-image: url("../images/1124096080.png");
  background-position: 0 -32px; }

.icon-new {
  background-image: url("../images/d82ca40350.png");
  background-position: 0 0; }

.icon-share {
  background-image: url("../images/162ad325eb.png");
  background-position: -5px -65px; }

.icon-datetime {
  background-image: url("../images/162ad325eb.png");
  background-position: -5px -5px; }

.icon-see {
  width: 18px;
  height: 13px;
  background-image: url("../images/162ad325eb.png");
  background-position: -5px -25px; }

.icon-collect {
  background-image: url("../images/162ad325eb.png");
  background-position: -5px -41px; }

.icon-remove-collect {
  background-image: url("../images/55517bc9c7.png");
  background-position: -86px -22px; }

.icon-vertical {
  vertical-align: middle; }

.icon-tips {
  width: 20px;
  height: 18px;
  background-image: url("../images/162ad325eb.png");
  background-position: -5px -91px; }

.icon-warn-phone {
  background-image: url("../images/55517bc9c7.png");
  background-position: -46px -69px; }

.icon-home {
  background-image: url("../images/129e0e296c.png");
  background-position: -108px -1px; }

.icon-provider {
  background-image: url("../images/129e0e296c.png");
  background-position: -34px -29px; }

.icon-vip {
  background-image: url("../images/129e0e296c.png");
  background-position: 0px -82px; }

.icon-address {
  background-image: url("../images/129e0e296c.png");
  background-position: -83px -29px; }

.icon-address-white {
  background-image: url("../images/db4353d2fc.png");
  background-position: 0px -27px; }

.icon-tenant-turnover {
  position: absolute;
  background-image: url("../images/129e0e296c.png");
  background-position: -84px -209px;
  right: 0;
  top: 35px; }

.icon-tenant-done {
  position: absolute;
  background-image: url("../images/129e0e296c.png");
  background-position: 0px -209px;
  right: 0;
  top: 35px; }

.icon-tenant-small-over {
  background-image: url("../images/129e0e296c.png");
  background-position: -56px -147px; }

.icon-tenant-small-done {
  background-image: url("../images/129e0e296c.png");
  background-position: 0px -147px; }

.btn, a.btn, button.btn {
  color: #fff;
  border: 1px none;
  text-decoration: none;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  text-align: center;
  cursor: pointer; }

.btn[disabled], .btn.disabled {
  cursor: not-allowed; }

.btn.btn-radius {
  border-radius: 4px; }

.btn.btn-block {
  display: block; }

.btn-default, a.btn-default, button.btn-default {
  color: #585858;
  background-color: #e5e5e5; }
  .btn-default:hover, a.btn-default:hover, button.btn-default:hover {
    background-color: #bbbbbb;
    color: #585858; }
  .btn-default[disabled], .btn-default.disabled, a.btn-default[disabled], a.btn-default.disabled, button.btn-default[disabled], button.btn-default.disabled {
    opacity: 0.5; }
    .btn-default[disabled]:hover, .btn-default.disabled:hover, a.btn-default[disabled]:hover, a.btn-default.disabled:hover, button.btn-default[disabled]:hover, button.btn-default.disabled:hover {
      background-color: #e5e5e5;
      color: #585858; }

.btn-primary {
  background-color: #077BD9; }
  .btn-primary:hover {
    background-color: #0662ad; }

.btn-success {
  background-color: #18c325; }
  .btn-success:hover {
    background-color: #139a1d; }

.btn-info {
  background-color: #5BC0DE; }
  .btn-info:hover {
    background-color: #35b1d6; }

.btn-warning {
  background-color: #ff9500; }
  .btn-warning:hover {
    background-color: #d17a00; }

.btn-danger {
  background-color: #ff7700; }
  .btn-danger:hover {
    background-color: #d16200; }

.btn-line.btn-primary, .btn-line.btn-success, .btn-line.btn-info, .btn-line.btn-warning, .btn-line.btn-danger {
  background-color: #fff;
  border: 1px solid; }

.btn-line.btn-primary {
  color: #077BD9; }

.btn-line.btn-success {
  color: #18c325; }

.btn-line.btn-info {
  color: #5BC0DE; }

.btn-line.btn-warning {
  color: #ff9500; }

.btn-line.btn-danger {
  color: #ff7700; }

.global-menu {
  z-index: 1000;
  font-size: 0;
  width: 100%;
  min-width: 1200px;
  background-color: #fff;
  height: 36px;
  border-bottom: 1px solid #e5e5e5;
  color: #585858;
  position: fixed;
  top: 0; }
  .global-menu .phone {
    background: url("../images/e4ca3deec3.png") no-repeat center;
    margin-right: 5px;
    margin-left: -5px;
    margin-bottom: -4px; }
  .global-menu a:hover {
    text-decoration: none; }
  .global-menu a.txt-danger:hover {
    text-decoration: underline; }
  .global-menu > .container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px; }
    .global-menu > .container .column {
      font-size: 12px;
      padding-left: 10px;
      margin-left: 10px; }
      .global-menu > .container .column:first-child {
        border-left: 0 none transparent;
        padding-left: 0;
        margin-left: 0; }
    .global-menu > .container > .fl, .global-menu > .container > .fr {
      font-family: arial, serif;
      padding-top: 8px; }

.page-list {
  font-size: 0;
  text-align: center; }
  .page-list ul, .page-list li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    *display: inline;
    *zoom: 1; }
  .page-list li.ellipsis {
    padding: 0 16px;
    text-align: center;
    line-height: 0;
    color: #cccccc; }
    .page-list li.ellipsis:before {
      content: '...';
      position: relative;
      font-size: 18px;
      top: -4px; }
  .page-list li.prev > a:before {
    content: '<< ';
    font-family: '宋体';
    line-height: 1; }
  .page-list li.next > a:after {
    content: ' >>';
    font-family: '宋体';
    line-height: 1; }
  .page-list li.active > a {
    background-color: #EBEBEB;
    color: #282828;
    cursor: default; }
  .page-list a {
    color: #077BD9;
    font-size: 14px;
    padding: 9px 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 1px solid #e5e5e5;
    margin-left: -1px; }
    .page-list a:hover {
      text-decoration: none;
      background-color: #f7f7f7;
      border-color: #e5e5e5; }
  .page-list li:first-child > a {
    margin-left: auto; }
  .page-list .total {
    padding-left: 20px;
    font-size: 14px;
    color: #cccccc; }

.alert-pop .ui-dialog {
  *zoom: 1;
  _float: left;
  position: relative;
  background-color: #FFF;
  border: 1px solid #bababa;
  border-radius: 6px;
  outline: 0;
  background-clip: padding-box;
  font-family: "Microsoft Yahei", "Helvetica", "Helvetica Neue", "Hiragino Sans GB", stheiti, "WenQuanYi Micro Hei", sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333; }

.alert-pop .ui-dialog-body {
  padding: 0;
  border: 0 none;
  text-align: left;
  background: transparent; }

.alert-pop .ui-dialog-body {
  padding: 20px;
  text-align: center; }

.global-menu {
  z-index: 1000;
  font-size: 0;
  width: 100%;
  min-width: 1200px;
  background-color: #fff;
  height: 36px;
  border-bottom: 1px solid #e5e5e5;
  color: #585858;
  position: fixed;
  top: 0; }
  .global-menu .phone {
    background: url("../images/e4ca3deec3.png") no-repeat center;
    margin-right: 5px;
    margin-left: -5px;
    margin-bottom: -4px; }
  .global-menu a:hover {
    text-decoration: none; }
  .global-menu a.txt-danger:hover {
    text-decoration: underline; }
  .global-menu > .container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px; }
    .global-menu > .container .column {
      font-size: 12px;
      padding-left: 10px;
      margin-left: 10px; }
      .global-menu > .container .column:first-child {
        border-left: 0 none transparent;
        padding-left: 0;
        margin-left: 0; }
    .global-menu > .container > .fl, .global-menu > .container > .fr {
      font-family: arial, serif;
      padding-top: 8px; }

.login-register-head {
  width: 1200px;
  height: 105px;
  margin: 36px auto 0;
  position: relative; }
  .login-register-head .logo {
    position: absolute;
    top: 7px;
    bottom: 0;
    margin: auto;
    left: 4px;
    width: 151px;
    height: 38px;
    background: url(/statics/images/yupaojixielogo.png);
  }
  .login-register-head .til {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 165px;
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    color: #585858;
    padding-left: 30px;
    border-left: 1px solid #e5e5e5; }

.login-register-copy {
  text-align: center;
  font-family: arial, serif;
  font-size: 12px;
  margin-top: 70px;
  color: #9d9d9d; }

.select {
  opacity: 0;
  height: 36px;
  padding: 0 36px 0 10px; }

.customize-select {
  display: inline-block;
  position: relative; }
  .customize-select > div, .customize-select > span {
    position: absolute; }
  .customize-select > div {
    background-color: #fff;
    padding: 0 36px 0 10px;
    border: 1px solid #e5e5e5;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 34px; }
  .customize-select > span {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 4px;
    cursor: pointer;
    border-style: solid dashed dashed dashed;
    border-color: #bbbbbb transparent transparent transparent;
    border-bottom: none;
    top: 17px;
    right: 10px; }
  .customize-select > select {
    top: 0;
    left: 0; }

.customize-check {
  margin: 11px 0;
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  line-height: 1; }
  .customize-check input {
    opacity: 0; }
  .customize-check input, .customize-check .icon {
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: -3px;
    margin: auto auto 1px auto;
    border: 1px solid #e5e5e5; }
  .customize-check.cur .icon {
    background: url("../images/63ddd03f92.png") no-repeat center #fff; }

.form .form-row, .form .form-row-lab, .form .form-row-con {
  min-height: 36px; }

.form .form-row {
  margin-bottom: 20px; }

.form .form-row-lab, .form .form-row-con {
  display: inline-block;
  vertical-align: top; }

.form .form-row-lab {
  padding-top: 7.5px;
  text-align: right;
  padding-right: 20px; }

.form .form-row-lab.form-row-con {
  padding-left: 10px; }

.form .form-input {
  height: 36px;
  line-height: 1.5;
  border: 1px solid #e5e5e5;
  padding: 6.5px 10px; }
  .form .form-input:focus {
    border-color: #077BD9; }

.form textarea.form-input {
  resize: vertical;
  overflow: auto; }

.form .form-msg {
  font-size: 12px;
  font-family: arial, serif;
  line-height: 16px;
  display: inline-block;
  overflow: hidden; }

.form .has-success .form-msg {
  width: 16px;
  padding-left: 16px;
  color: transparent;
  background: url("../images/8630056b20.png") 0 0 no-repeat; }
  .form .has-success .form-msg:before {
    content: '.'; }

.form .has-warning .form-msg {
  padding-left: 0;
  color: #ff7700; }

.form .has-error .form-input {
  border-color: red; }

.form .has-error .form-msg {
  color: red;
  padding-left: 20px;
  background: url("../images/8630056b20.png") 0 -16px no-repeat; }

body {
  background-color: #f7f7f7; }

.reset {
  width: 1200px;
  height: 540px;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 1px 1px 8px #e3e3e3; }
  .reset #captcha-image {
    float: right;
    width: 110px;
    height: 36px;
    cursor: pointer;
    border: 1px solid #e5e5e5; }
  .reset .code-input {
    width: 140px; }

.reset-til {
  height: 76px;
  padding-left: 30px;
  padding-top: 30px; }

.reset-step {
  text-align: center; }
  .reset-step ul, .reset-step li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .reset-step ul {
    font-size: 0;
    background-color: #bbbbbb;
    height: 2px;
    position: relative;
    top: 15px; }

.reset-step * {
  display: inline-block; }

.reset-step li {
  color: #bbbbbb;
  background-color: #fff;
  padding-left: 15px;
  margin-left: 280px;
  position: relative;
  top: -15px; }
  .reset-step li:first-child {
    padding-left: 0;
    margin-left: 0; }

.reset-step span {
  font-size: 14px; }

.reset-step-icon {
  width: 30px;
  height: 30px;
  border: 2px solid;
  line-height: 27px;
  text-align: center;
  border-radius: 50%;
  font-weight: bold; }

.reset-step-til {
  padding: 0 10px; }

.form {
  width: 400px;
  margin: 130px 0 0 255px; }
  .form .form-row-lab {
    width: 130px;
    padding-right: 0; }

.submit, .form-row-con, .form-input {
  width: 260px; }

.code-input, .captcha {
  width: 130px; }

.form-row-con {
  position: relative; }

.form-msg {
  position: absolute;
  left: 270px;
  top: 10px;
  white-space: nowrap; }

.btn.get-sms {
  width: 110px;
  height: 36px;
  border: 1px solid  #c6c6c6;
  float: right;
  padding: 0;
  line-height: 36px; }

.captcha-img {
  cursor: pointer; }

.reset-msg {
  margin: 120px 0 0 370px; }
  .reset-msg .icon {
    background: url("../images/d9a95b8f9a.png");
    margin: 12px 25px 0 0; }
  .reset-msg > * {
    display: block; }

.reset-msg-til {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px; }

.reset-msg-info {
  color: #9d9d9d; }