@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: 0;
    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; }

.ui-dialog {
  *zoom: 1;
  _float: left;
  position: relative;
  background-color: #FFF;
  border: 5px solid #bababa;
  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; }

.ui-dialog-grid {
  width: auto;
  margin: 0;
  border: 0 none;
  border-collapse: collapse;
  border-spacing: 0;
  background: transparent; }

.ui-dialog-header,
.ui-dialog-body,
.ui-dialog-footer {
  padding: 0;
  border: 0 none;
  text-align: left;
  background: transparent; }

.ui-dialog-header {
  white-space: nowrap;
  border-bottom: 1px solid #E5E5E5; }

.ui-dialog-close {
  position: relative;
  _position: absolute;
  float: right;
  top: 13px;
  right: 13px;
  _height: 26px;
  padding: 0 4px;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #FFF;
  opacity: .2;
  filter: alpha(opacity=20);
  cursor: pointer;
  background: transparent;
  _background: #FFF;
  border: 0;
  -webkit-appearance: none; }

.ui-dialog-close:hover,
.ui-dialog-close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  opacity: 0.5;
  filter: alpha(opacity=50); }

.ui-dialog-title {
  font-family: "Microsoft Yahei", "Helvetica", "Helvetica Neue", "Hiragino Sans GB", stheiti, "WenQuanYi Micro Hei", sans-serif;
  margin: 0;
  line-height: 1.428571429;
  min-height: 16.428571429px;
  padding: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  cursor: default; }

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

.ui-dialog-content {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  *zoom: 1;
  *display: inline;
  text-align: left; }

.ui-dialog-footer {
  padding: 10px 20px 20px 20px; }

.ui-dialog-statusbar {
  float: left;
  margin-right: 20px;
  padding: 6px 0;
  line-height: 1.428571429;
  font-size: 14px;
  color: #888;
  white-space: nowrap; }

.ui-dialog-statusbar label:hover {
  color: #333; }

.ui-dialog-statusbar input,
.ui-dialog-statusbar .label {
  vertical-align: middle; }

.ui-dialog-button {
  white-space: nowrap;
  text-align: center; }

.ui-dialog-footer button + button {
  margin-bottom: 0;
  margin-left: 5px; }

.ui-dialog-footer button {
  width: auto;
  overflow: visible;
  display: inline-block;
  padding: 6px 12px;
  _margin-left: 5px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.ui-dialog-footer button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus {
  color: #333333;
  text-decoration: none; }

.ui-dialog-footer button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.ui-dialog-footer button[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none; }

.ui-dialog-footer button {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc; }

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus,
.ui-dialog-footer button:active {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad; }

.ui-dialog-footer button:active {
  background-image: none; }

.ui-dialog-footer button[disabled],
.ui-dialog-footer button[disabled]:hover,
.ui-dialog-footer button[disabled]:focus,
.ui-dialog-footer button[disabled]:active {
  background-color: #ffffff;
  border-color: #cccccc; }

.ui-dialog-footer button.ui-dialog-autofocus {
  color: #ffffff;
  background-color: #077BD9;
  border-color: #077BD9; }

.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus,
.ui-dialog-footer button.ui-dialog-autofocus:active {
  color: #ffffff;
  background-color: #0662ad;
  border-color: #0662ad; }

.ui-dialog-footer button.ui-dialog-autofocus:active {
  background-image: none; }

.ui-popup-top-left .ui-dialog,
.ui-popup-top .ui-dialog,
.ui-popup-top-right .ui-dialog {
  top: -8px; }

.ui-popup-bottom-left .ui-dialog,
.ui-popup-bottom .ui-dialog,
.ui-popup-bottom-right .ui-dialog {
  top: 8px; }

.ui-popup-left-top .ui-dialog,
.ui-popup-left .ui-dialog,
.ui-popup-left-bottom .ui-dialog {
  left: -8px; }

.ui-popup-right-top .ui-dialog,
.ui-popup-right .ui-dialog,
.ui-popup-right-bottom .ui-dialog {
  left: 8px; }

.ui-dialog-arrow-a,
.ui-dialog-arrow-b {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
  _color: #FF3FFF;
  _filter: chroma(color=#FF3FFF);
  border: 8px dashed transparent; }

.ui-popup-follow .ui-dialog-arrow-a,
.ui-popup-follow .ui-dialog-arrow-b {
  display: block; }

.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-a {
  bottom: -16px;
  border-top: 8px solid #7C7C7C; }

.ui-popup-top-left .ui-dialog-arrow-b,
.ui-popup-top .ui-dialog-arrow-b,
.ui-popup-top-right .ui-dialog-arrow-b {
  bottom: -15px;
  border-top: 8px solid #fff; }

.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top-left .ui-dialog-arrow-b {
  left: 15px; }

.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-b {
  left: 50%;
  margin-left: -8px; }

.ui-popup-top-right .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-b {
  right: 15px; }

.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-a {
  top: -16px;
  border-bottom: 8px solid #7C7C7C; }

.ui-popup-bottom-left .ui-dialog-arrow-b,
.ui-popup-bottom .ui-dialog-arrow-b,
.ui-popup-bottom-right .ui-dialog-arrow-b {
  top: -15px;
  border-bottom: 8px solid #fff; }

.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom-left .ui-dialog-arrow-b {
  left: 15px; }

.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-b {
  margin-left: -8px;
  left: 50%; }

.ui-popup-bottom-right .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-b {
  right: 15px; }

.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-a {
  right: -16px;
  border-left: 8px solid #7C7C7C; }

.ui-popup-left-top .ui-dialog-arrow-b,
.ui-popup-left .ui-dialog-arrow-b,
.ui-popup-left-bottom .ui-dialog-arrow-b {
  right: -15px;
  border-left: 8px solid #fff; }

.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left-top .ui-dialog-arrow-b {
  top: 15px; }

.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-b {
  margin-top: -8px;
  top: 50%; }

.ui-popup-left-bottom .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-b {
  bottom: 15px; }

.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-a {
  left: -16px;
  border-right: 8px solid #7C7C7C; }

.ui-popup-right-top .ui-dialog-arrow-b,
.ui-popup-right .ui-dialog-arrow-b,
.ui-popup-right-bottom .ui-dialog-arrow-b {
  left: -15px;
  border-right: 8px solid #fff; }

.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right-top .ui-dialog-arrow-b {
  top: 15px; }

.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-b {
  margin-top: -8px;
  top: 50%; }

.ui-popup-right-bottom .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-b {
  bottom: 15px; }

@-webkit-keyframes ui-dialog-loading {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes ui-dialog-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.ui-dialog-loading {
  vertical-align: middle;
  position: relative;
  display: block;
  *zoom: 1;
  *display: inline;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 50%;
  margin: -16px auto 0 auto;
  font-size: 0;
  text-indent: -999em;
  color: #666; }

.ui-dialog-loading {
  width: 100% \9;
  text-indent: 0 \9;
  line-height: 32px \9;
  text-align: center \9;
  font-size: 12px \9; }

.ui-dialog-loading::after {
  position: absolute;
  content: '';
  width: 3px;
  height: 3px;
  margin: 14.5px 0 0 14.5px;
  border-radius: 100%;
  box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;
  -webkit-transform: rotate(360deg);
  -webkit-animation: ui-dialog-loading 1.5s infinite linear;
  transform: rotate(360deg);
  animation: ui-dialog-loading 1.5s infinite linear;
  display: none \9; }

.ui-dialog-check-protocol .ui-dialog-autofocus {
  width: 200px; }

body {
  background-color: #f7f7f7; }

.register {
  width: 1200px;
  margin: 20px auto 0;
  overflow: hidden;
  height: 540px;
  background-color: #fff;
  box-shadow: 1px 1px 8px #e3e3e3; }

.form {
  width: 640px;
  margin: 50px 0 0 0; }
  .form .btn {
    height: 36px;
    line-height: 36px; }

.register {
  position: relative; }
  .register .form-row {
    margin-bottom: 30px; }
  .register .form-row-lab {
    width: 135px;
    padding-right: 5px; }
  .register .submit, .register .form-input, .register .form-row-con {
    width: 260px; }
  .register .code-input {
    width: 140px; }
  .register #captcha-image {
    width: 110px;
    height: 36px;
    cursor: pointer;
    border: 1px solid #c6c6c6;
    float: right; }
  .register .get-sms {
    width: 110px;
    padding: 0 5px; }
  .register .form-row-con {
    position: relative; }
  .register .form-msg {
    position: absolute;
    width: 200px;
    right: -220px;
    top: 9px;
    color: #9d9d9d; }
  .register .has-warning .form-msg {
    top: 0; }
  .register .has-success .form-msg {
    right: -36px; }
  .register .check-protocol {
    padding: 10px 0 0;
    font-family: arial, serif;
    font-size: 12px; }

.register-right {
  width: 320px;
  position: absolute;
  top: 130px;
  right: 10px; }
  .register-right .btn {
    width: 220px; }

.reason {
  font-family: arial, serif;
  font-size: 12px;
  color: #9d9d9d;
  margin: 15px 0; }

.contact {
  width: 300px;
  margin-top: 64px;
  border-top: 1px solid #e5e5e5; }
  .contact > * {
    margin-top: 15px;
    line-height: 24px; }
    .contact > *:last-child .icon-24 {
      vertical-align: -6px; }
  .contact .txt-danger {
    font-size: 22px;
    font-weight: bold; }
  .contact .icon-24 {
    vertical-align: -5px;
    margin-right: 5px;
    }
  .contact .register-icon-0 {
    background-position: 0 0; }
  .contact .register-icon-1 {
    background-position: 0 -24px; }