@charset "UTF-8";
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
  color: #818181;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent; }

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0; }

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea {
  font: 20px/1 tahoma, arial, "Hiragino Sans GB", "Microsoft Yahei" !important; }

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

/* 去掉各Table  cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* IE bug fixed: th 不继承 text-align*/
th {
  text-align: inherit; }

/* 去除默认边框 */
fieldset, img {
  border: 0; }

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
  display: block; }

/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
  border: 0;
  font-variant: normal; }

/* 一致的 del 样式 */
del {
  text-decoration: line-through; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 500; }

/* 去掉列表前的标识, li 会继承 */
ol, ul {
  list-style: none; }

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
  text-align: left; }

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500; }

q:before, q:after {
  content: ''; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* 正常链接 未访问 */
a {
  color: #818181; }

/* 鼠标悬停 */
/* a:hover {
    color: #818181;
    text-decoration: underline;
    opacity: .6;
} */
/* 默认不显示下划线，保持页面简洁 */
ins, a {
  text-decoration: none; }

/* 代码字体 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/* 清理浮动 */
.fn-clear:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.fn-clear {
  zoom: 1;
  /* for IE6 IE7 */ }

/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide {
  display: none; }

/* 设置内联, 减少浮动带来的bug */
.fn-left,
.fn-right {
  display: inline; }

.fn-left {
  float: left; }

.fn-right {
  float: right; }

/* 单行文字溢出时出现省略号，需设定宽度 */
.fn-text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* 简单的渐变 */
.fn-linear {
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f1f1f1));
  background: -moz-linear-gradient(top, #fcfcfc, #f1f1f1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1');
  background: -webkit-linear-gradient(top, #fcfcfc, #f1f1f1);
  background: linear-gradient(to bottom, #fcfcfc, #f1f1f1); }

/* 浅色的渐变 */
.fn-linear-light {
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f9f9f9));
  background: -moz-linear-gradient(top, #fcfcfc, #f9f9f9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f9f9f9');
  background: -webkit-linear-gradient(top, #fcfcfc, #f9f9f9);
  background: linear-gradient(to bottom, #fcfcfc, #f9f9f9); }

/* 人民币符号 */
.fn-rmb {
  font-family: arial;
  font-style: normal;
  padding-right: 4px; }

/* chrome 下字体过小的问题 */
.fn-webkit-adjust {
  -webkit-text-size-adjust: none; }

@font-face {
  font-family: "iconfont";
  src: url("/home/fonts/iconfont.eot?t=1461393703");
  /* IE9*/
  src: url("/home/fonts/iconfont.eot?t=1461393703#iefix") format("embedded-opentype"), url("/home/fonts/iconfont.woff?t=1461393703") format("woff"), url("/home/fonts/iconfont.ttf?t=1461393703") format("truetype"), url("/home/fonts/iconfont.svg?t=1461393703#iconfont") format("svg");
  /* iOS 4.1- */ }

.iconfont,
.iconfont-ba:before,
.iconfont-ba:after {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-unie61d:before {
  content: "\e600"; }

.icon-guanbi:before {
  content: "\e601"; }

.icon-youxiang:before {
  content: "\e602"; }

.icon-weixin:before {
  content: "\e603"; }

.header {
  position: fixed;
  _position: relative;
  left: 0;
  top: 0;
  z-index: 1025;
  width: 100%;
  border-bottom: 1px solid #ccc;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition: 1s top;
  transition: 1s top; }

.hideHeader {
  top: -100px; }

.header-nav {
  height: 59px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box; }

.header-logo {
  float: left;
  margin-top: 10px;
  width: 130px;
  height: 39px; }

.header-logo-text {
  margin: 0; }

.header-logo-text a {
  display: block;
  height: 39px;
  white-space: nowrap; }

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

.logo-right {
  margin-left: -8px;
  height: 100%; }

.header-nav .ui-nav {
  float: left;
  margin-left: 174px;
  padding-top: 14px; }

.pay-nav {
  display: none; }

.header-side {
  float: right;
  width: 200px;
  text-align: right; }

.header-side-tel {
  color: #4c4c4c;
  font-size: 10px; }

.header-side-tel em {
  font-size: 18px;
  font-weight: bold; }

.header-side-btn {
  padding-top: 12px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box; }

.headLogin {
  width: 55px !important;
  font-size: 12px !important;
  height: 30px !important;
  line-height: 30px !important; }

.headLogin:hover {
  background-color: #3cbaff;
  color: #fff !important;
  border-color: #3cbaff !important; }

.headSignUp {
  width: 126px !important;
  background-color: #94d301 !important;
  border: #94d301 !important;
  font-size: 12px !important; }

.headSignUp:hover {
  background-color: #8ecb01 !important; }

/* .header-side-btn a.ui-button{
    box-shadow: 1px 1px 0 #ccc;
} */
.header-banner {
  width: 100%;
  height: 300px;
  background-color: #eee; }

.header-hamburger {
  display: none; }

@media only screen and (max-width: 768px) {
  .pay-nav {
    display: block; }
  .headSignUp {
    width: 100px !important; }
  .headLogin {
    width: 100px !important; } }


.bottom-banner {
  z-index: 99999;
  display: none;
  position: fixed;
  bottom: 0;
  height: 48px;
  width: 100%;
  background: #3cbaff;
  font-size: 0; }

a.register-btn, a.download-btn {
  display: inline-block;
  width: 50%;
  text-align: center;
  line-height: 48px;
  font-size: 15px;
  color: #fff; }

.download-btn::before {
  content: '';
  position: absolute;
  display: inline-block;
  height: 18px;
  width: 1px;
  left: 50%;
  top: 15px;
  background: #fff; }

.bottom-banner img {
  height: 19px;
  width: 19px;
  vertical-align: middle; }

.ui-nav {
  position: relative; }

.ui-nav a {
  text-decoration: none; }

.ui-nav a:hover {
  text-decoration: none; }

.ui-nav ul,
.ui-nav li {
  list-style-type: none; }

.ui-nav-main {
  zoom: 1;
  margin: 0; }

.ui-nav-main:before,
.ui-nav-main:after {
  content: "";
  display: table; }

.ui-nav-main:after {
  clear: both; }

.ui-nav-item {
  float: left;
  padding: 0 13px;
  _width: 46px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ui-nav-item a {
  display: block;
  height: 15px;
  padding: 9px 8px;
  line-height: 15px;
  color: #666;
  font-size: 15px;
  border-bottom: 3px solid transparent;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box; }

.ui-nav-item a:hover {
  color: #3cbaff；; }

.ui-nav-item-current a,
.ui-nav-item-current a:hover {
  color: #3cbaff;
  border-bottom: 3px solid #3cbaff; }

.ui-nav-item-last {
  background: url("/home/images/nav-line.png") 0 9px no-repeat; }

.ui-nav-submain {
  display: none;
  position: absolute;
  left: 10px;
  top: 42px;
  margin: 0;
  padding: 0; }

.ui-nav-subitem {
  float: left;
  margin: 5px 10px 0 0; }

.ui-nav-subitem a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 15px;
  height: 26px;
  line-height: 26px;
  background: transparent;
  color: #868686;
  font-weight: 400;
  font-size: 12px;
  border-radius: 3px; }

.ui-nav-subitem a:hover {
  height: 24px;
  line-height: 24px;
  padding: 0 14px;
  background: transparent;
  box-shadow: 0 -1px 0 #f6f6f6;
  border: 1px solid #cecece;
  border-radius: 3px; }

.ui-nav-subitem-current a,
.ui-nav-subitem-current a:hover {
  height: 24px;
  line-height: 24px;
  padding: 0 14px;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-top: 1px solid #bebebe;
  border-bottom: 1px solid transparent;
  _border-bottom: 1px solid #dadada;
  box-shadow: inset 0 1px 0 #dadada;
  background: #e7e7e7; }

.ui-nav-subcontainer {
  height: 37px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: -webkit-linear-gradient(top, #FEFEFE, #F7F7F7);
  background: -o-linear-gradient(#FEFEFE, #F7F7F7); }

.ui-nav-item-current .ui-nav-submain {
  display: block; }

.ui-nav-nosub .ui-nav-subcontainer,
.ui-nav-nosub .ui-nav-subitem {
  display: none; }

.ui-button * {
  margin: 0;
  padding: 0; }

.ui-button {
  display: inline-block;
  *display: inline;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  padding: 0;
  *zoom: 1;
  *overflow: visible;
  /* for a ie6/7 bug http://blog.csdn.net/jyy_12/article/details/6636099 */
  background-image: none;
  /* for old alice button style conflict */ }

.ui-button .ui-button-text {
  background: none;
  padding: 0;
  height: auto;
  line-height: auto; }

.ui-button:hover {
  text-decoration: none;
  background-image: none;
  /* for old alice button style conflict */ }

input.ui-button-text, button.ui-button-text {
  *vertical-align: top;
  /* for a ie7 bug */ }

/* .ui-button:active {
    position: relative;
    top: 1px;
    box-shadow: 1px 1px 3px #999 inset;
} */
.ui-button-lorange,
.ui-button-morange,
.ui-button-sorange {
  color: #fff;
  border: 1px solid #d66500;
  background-color: #f57403; }

.ui-button-lorange:hover,
.ui-button-morange:hover,
.ui-button-sorange:hover {
  background-color: #fb8318; }

a.ui-button-lorange,
a.ui-button-morange,
a.ui-button-sorange,
a.ui-button-lorange:hover,
a.ui-button-morange:hover,
a.ui-button-sorange:hover,
a.ui-button-lorange:active,
a.ui-button-morange:active,
a.ui-button-sorange:active {
  color: #fff; }

.ui-button-lorange {
  height: 32px; }

.ui-button-morange {
  height: 28px; }

.ui-button-sorange {
  padding: 0 12px;
  height: 24px;
  font-size: 12px; }

a.ui-button-lorange {
  line-height: 30px;
  height: 30px; }

a.ui-button-morange {
  line-height: 26px;
  height: 26px; }

a.ui-button-sorange {
  line-height: 22px;
  height: 22px; }

.ui-button-lwhite,
.ui-button-mwhite,
.ui-button-swhite {
  border: 1px solid #0ec8fd;
  background-color: #fff;
  color: #0ec8fd; }

.ui-button-lwhite:hover,
.ui-button-mwhite:hover,
.ui-button-swhite:hover {
  border: 1px solid #35a8e8;
  color: #35a8e8; }

a.ui-button-lwhite,
a.ui-button-mwhite,
a.ui-button-swhite,
a.ui-button-lwhite:active,
a.ui-button-mwhite:active,
a.ui-button-swhite:active {
  color: #0ec8fd; }

a.ui-button-lwhite:hover,
a.ui-button-mwhite:hover,
a.ui-button-swhite:hover {
  color: #0ec8fd; }

.ui-button-lwhite {
  width: 176px;
  height: 54px;
  font-size: 20px;
  border-radius: 8px; }

.ui-button-lwhite img {
  vertical-align: middle;
  height: 20px; }

.ui-button-mwhite {
  height: 28px; }

.ui-button-swhite {
  width: 86px;
  height: 28px;
  font-size: 14px; }

a.ui-button-lwhite {
  line-height: 46px;
  height: 46px;
  font-size: 16px;
  border-radius: 23px; }

a.ui-button-mwhite {
  line-height: 26px;
  height: 26px; }

a.ui-button-swhite {
  line-height: 32px;
  height: 32px;
  border-radius: 17px; }

.ui-button-lblue,
.ui-button-mblue,
.ui-button-sblue {
  color: #fff;
  border: 1px solid #3cbaff;
  background-color: #3cbaff; }

.ui-button-lblue:hover,
.ui-button-mblue:hover,
.ui-button-sblue:hover {
  background-color: #35a8e8; }

a.ui-button-lblue,
a.ui-button-mblue,
a.ui-button-sblue,
a.ui-button-lblue:visited,
a.ui-button-mblue:visited,
a.ui-button-sblue:visited,
a.ui-button-lblue:hover,
a.ui-button-mblue:hover,
a.ui-button-sblue:hover,
a.ui-button-lblue:active,
a.ui-button-mblue:active,
a.ui-button-sblue:active {
  color: #fff; }

.ui-button-lblue {
  width: 178px;
  height: 54px;
  font-size: 20px;
  border-radius: 8px; }

.ui-button-mblue {
  height: 28px; }

.ui-button-sblue {
  width: 86px;
  height: 28px;
  font-size: 14px; }

a.ui-button-lblue {
  line-height: 46px;
  height: 46px;
  font-size: 16px;
  border-radius: 23px;
  border: none; }

a.ui-button-mblue {
  line-height: 26px;
  height: 26px; }

a.ui-button-sblue {
  line-height: 32px;
  height: 32px;
  border-radius: 17px; }

.ui-button-lgreen,
.ui-button-mgreen,
.ui-button-sgreen {
  color: #fff;
  border: 1px solid #379000;
  background-color: #4BB402; }

.ui-button-lgreen:hover,
.ui-button-mgreen:hover,
.ui-button-sgreen:hover {
  background-color: #66BC2A; }

a.ui-button-lgreen,
a.ui-button-mgreen,
a.ui-button-sgreen,
a.ui-button-lgreen:hover,
a.ui-button-mgreen:hover,
a.ui-button-sgreen:hover,
a.ui-button-lgreen:active,
a.ui-button-mgreen:active,
a.ui-button-sgreen:active {
  color: #fff; }

.ui-button-lgreen {
  height: 32px; }

.ui-button-mgreen {
  height: 28px; }

.ui-button-sgreen {
  padding: 0 12px;
  height: 24px;
  font-size: 12px; }

a.ui-button-lgreen {
  line-height: 30px;
  height: 30px; }

a.ui-button-mgreen {
  line-height: 26px;
  height: 26px; }

a.ui-button-sgreen {
  line-height: 22px;
  height: 22px; }

.ui-button-ldisable,
.ui-button-mdisable,
.ui-button-sdisable {
  color: #999;
  border: 1px solid #cacccd;
  background: #cacccd;
  cursor: default; }

a.ui-button-ldisable,
a.ui-button-mdisable,
a.ui-button-sdisable,
a.ui-button-ldisable:hover,
a.ui-button-mdisable:hover,
a.ui-button-sdisable:hover,
.ui-button-ldisable:active,
.ui-button-mdisable:active,
.ui-button-sdisable:active,
.ui-button-ldisable:hover,
.ui-button-mdisable:hover,
.ui-button-sdisable:hover {
  color: #999;
  background: #cacccd; }

.ui-button-ldisable {
  height: 32px; }

.ui-button-mdisable {
  height: 28px; }

.ui-button-sdisable {
  height: 24px;
  padding: 0 12px;
  font-size: 12px; }

a.ui-button-ldisable {
  line-height: 30px;
  height: 30px; }

a.ui-button-mdisable {
  line-height: 26px;
  height: 26px; }

a.ui-button-sdisable {
  line-height: 22px;
  height: 22px; }

.ui-button-ldisable,
.ui-button-mdisable,
.ui-button-sdisable {
  cursor: default !important; }

.ui-button-ldisable:active,
.ui-button-mdisable:active,
.ui-button-sdisable:active {
  position: static;
  top: 0;
  box-shadow: none; }

.ui-tab {
  margin: 0;
  padding: 0; }

.ui-tab ul {
  list-style: none;
  margin: 0; }

.ui-tab li {
  list-style: none;
  vertical-align: top;
  position: relative; }

.ui-tab-items {
  padding-bottom: 12px;
  border-bottom: 1px solid #d3d3d3;
  font-size: 0;
  *word-spacing: -1px; }

.ui-tab-item {
  display: inline-block;
  display: inline\0;
  *display: inline;
  *zoom: 1;
  margin-right: 28px; }

.ui-tab-item a {
  padding: 0 15px;
  border-radius: 20px;
  background: #fff;
  line-height: 41px;
  height: 41px;
  color: #4D4D4D;
  font-size: 18px;
  text-align: center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  -webkit-transition: background-color 0.4s ease-out, color 0.4s ease-out;
  transition: background-color 0.4s ease-out, color 0.4s ease-out; }

.ui-tab-item a,
.ui-tab-item a:active {
  color: #818181; }

.ui-tab-item-current a {
  color: #fff;
  background: #3cbaff; }

.ui-tab-item a:hover {
  color: #fff;
  background: #3cbaff;
  text-decoration: none; }

.ui-tab-item-current a:hover {
  background: #3cbaff; }

.ui-input {
  line-height: 18px;
  border-radius: 9px;
  background-color: #f5f6f7;
  border: none; }

.ui-textarea {
  line-height: 15px;
  border: 1px #9C9C9C solid;
  padding: 1px 3px 0 4px;
  overflow: auto;
  font-family: Arial;
  font-size: 12px; }

.ui-input[disabled],
.ui-textarea[disabled] {
  border: 1px solid #ccc;
  background: #f2f2f2; }

.ui-input:disabled,
.ui-textarea:disabled {
  border: 1px solid #ccc;
  background: #f2f2f2; }

.placeholder {
  color: #ccc; }

.ui-input-checkcode {
  width: 100px;
  height: 24px;
  line-height: 28px;
  margin: 0;
  padding: 2px 5px; }

.ui-form-item-hover .ui-input,
.ui-form-item-hover .ui-textarea {
  border: 1px #727272 solid; }

.ui-form-item-focus .ui-input,
.ui-form-item-focus .ui-textarea {
  border: 1px #07f solid;
  box-shadow: 0 0 3px #8cddff; }

.ui-form-item-focus .ui-form-explain,
.ui-form-item-hover .ui-form-explain {
  color: #333; }

.ui-label {
  float: left;
  width: 170px;
  margin-left: -180px;
  padding-top: 5px;
  text-align: right;
  font-size: 14px; }

.ui-form-required {
  color: #FF0000;
  font-family: SimSun;
  font-size: 14px;
  margin-right: 6px; }

input.ui-checkbox {
  vertical-align: baseline; }

.ui-form {
  font-size: 12px;
  line-height: 1.5; }

.login-wrap {
  position: relative;
  height: 250px; }

.login-form {
  display: none; }

.login-scan-qrcode, .login-form {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.login-scan-qrcode {
  background: #f5f6f7; }

.login-qrcode {
  position: absolute;
  font-size: 12px;
  left: 100px;
  top: 40px; }

.login-qrcode.move {
  left: 26px; }

.login-qrcode .qr-wrap {
  display: block;
  width: 147px;
  height: 147px;
  margin-bottom: 10px;
  position: relative; }

.login-qrcode .qr-wrap img {
  width: 147px; }

.login-qrcode .qrcode-reload {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  left: 0;
  top: 0;
  cursor: pointer; }

.login-qrcode .qrcode-reload i {
  position: absolute;
  width: 78px;
  height: 40px;
  left: 50%;
  top: 50%;
  margin-left: -39px;
  margin-top: -20px;
  color: #222;
  line-height: 20px;
  z-index: 10; }

.qrcode-reload span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  opacity: .8;
  filter: alpha(opacity=80);
  z-index: 1; }

.login-qrcode a {
  color: #3cbaff;
  cursor: pointer !important; }

.login-qrcode a:hover {
  text-decoration: underline; }

.login-qrcode b {
  font-weight: normal; }

.scan-guid {
  background: url("/home/images/scan-guid.png") no-repeat;
  position: absolute;
  width: 127px;
  height: 170px;
  right: -36px;
  top: 39px;
  opacity: 0;
  filter: alpha(opacity=0); }

.scan-guid.move {
  opacity: 1;
  right: 6px;
  filter: alpha(opacity=100); }

.ui-form-title {
  padding: 0 0 20px;
  font-size: 16px; }

.login-title {
  text-align: left;
  position: relative; }

.login-switch {
  position: absolute;
  right: 0;
  cursor: pointer;
  font-size: 12px; }

.login-switch.qrcode {
  width: 28px;
  height: 28px;
  background: url("/home/images/login-icon.png") 0 -184px;
  top: -6px;
  display: none; }

.login-switch.qrcode:hover {
  background-position: -49px -184px; }

.ui-form-title span:hover {
  color: #3cbaff; }

.login-switch.user-name {
  color: #333;
  top: 2px; }

.ui-form, .ui-form * {
  list-style: none; }

.ui-form fieldset {
  border: 0; }

.ui-form-explain {
  margin: 0;
  padding: 8px 0 0;
  font-size: 12px;
  color: #B2B2B2; }

.ui-form-other {
  margin-left: 8px; }

.ui-form-text {
  display: inline-block;
  margin-top: 6px;
  *display: inline;
  *zoom: 1; }

.ui-form-item:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden; }

.ui-form-item {
  position: relative;
  padding: 0;
  zoom: 1; }

.ui-form-item select {
  vertical-align: middle;
  margin: 4px 0 0; }

.ui-form-item input {
  vertical-align: middle; }

.ui-form-item .ui-input {
  color: #595959;
  vertical-align: middle;
  *vertical-align: -5px; }

.ui-form-item-error .ui-input,
.ui-form-item-error .ui-textarea {
  border: 1px #F00 solid;
  color: #F00; }

.ui-form-item-error .ui-input-reset {
  border: 1px #9C9C9C solid;
  color: #000; }

.ui-form-item-error .ui-form-explain {
  padding: 0;
  color: #FF5243;
  text-align: center;
  font-size: 16px; }

#warn-tips {
  display: none; }

.ui-form-large {
  font-size: 14px; }

.error-msg {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%; }

.error-msg .msg-text {
  margin-top: -10px;
  color: red;
  text-align: left;
  text-indent: 36px; }

.ui-form-large .ui-form-item {
  padding-bottom: 15px; }

.ui-form-large .ui-form-item-error {
  padding-bottom: 13px; }

.ui-form-large .ui-input {
  font-size: 14px;
  height: 44px;
  border-radius: 22.5px;
  background-image: url("/home/images/login-icon.png");
  background-repeat: no-repeat;
  border: 1px solid #f5f6f7; }

.ui-form-large .ui-input:hover,
.ui-form-large .ui-input:focus {
  border: 1px solid #3cbaff;
  background-color: #f5f6f7; }

.ui-form-large .ui-label {
  padding-top: 12px; }

.ui-form-large .ufl-id {
  background-position: 2px 12px; }

.ui-form-large .ufl-password {
  background-position: 2px -46px; }

.login-dialog {
  width: 490px;
  border: 4px solid #0074bd;
  position: absolute;
  background: #fff; }

.login-dialog.layer-shim {
  padding: 0; }

.login-dialog .layer-main {
  border: none;
  position: relative; }

.login-dialog .layer-hd {
  background: #e9f2f7; }

.login-dialog .layer-bd {
  padding: 20px 77px; }

.login-dialog .layer-bd h3 {
  font-size: 14px;
  height: 34px; }

.login-dialog .layer-bd p {
  margin-bottom: 10px; }

.login-dialog .layer-bd p.opt {
  margin-bottom: 0; }

.login-dialog .layer-bd input {
  width: 320px;
  height: 30px;
  line-height: normal;
  line-height: 30px\9;
  padding: 0 5px;
  border: 1px solid #abadb3; }

.login-dialog .layer-bd input[type="checkbox"] {
  border: none; }

.login-dialog .layer-bd input[type="checkbox"],
.login-dialog .layer-bd .opt label, .login-dialog .opt a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 30px;
  line-height: 30px;
  width: auto;
  vertical-align: middle; }

.login-dialog .opt #login_rmb {
  margin-left: 20px; }

.login-dialog .opt .forget-pwd {
  float: right; }

.login-dialog .layer-bd .login-submit {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 31px;
  line-height: 30px;
  background: #6ab301 url(../img/green-btn.png) no-repeat 0 0;
  width: 80px;
  margin-left: 0;
  text-align: center;
  padding: 0;
  font-size: 16px; }

.invited-tips-dialog {
  width: 532px; }

.invited-tips-dialog .layer-bd {
  padding: 20px 30px; }

.invited-tips-dialog .layer-bd p {
  line-height: 25px; }

.invited-tips-dialog .layer-bd p.tips {
  color: #999;
  margin-top: 5px; }

.overlay {
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  opacity: 0.3;
  filter: alpha(opacity=30); }

.to-signup-dialog {
  position: absolute;
  background-color: #fff;
  width: 437px;
  font-size: 14px;
  font-family: \5FAE\8F6F\96C5\9ED1; }

.to-signup-dialog .layer-bd {
  padding: 14px 49px 18px 50px; }

.to-signup-dialog .layer-bd .ctrl {
  margin-top: 30px;
  font-size: 12px;
  text-align: center; }

.to-signup-dialog .layer-bd .btn {
  margin-right: 40px;
  width: 48px;
  height: 25px;
  line-height: 25px;
  text-align: center; }

.btn-blue {
  background-color: #1577BB; }

.btn-blue:hover {
  background-color: #1888d9; }

.btn {
  cursor: pointer;
  color: #666;
  display: inline-block;
  *zoom: 1;
  vertical-align: middle; }

.btn em {
  color: #fff; }

.btn-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  background: url(/home/Common/css/images/s-icons.png?20140626) no-repeat 0 -117px;
  _background-image: url(images/s-icons-png8.png?20140626); }

.layer-hd {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  overflow: hidden;
  background: #e0e0e0; }

.layer-hd h2 {
  font-weight: normal;
  font-size: 14px; }

.layer-bd {
  position: relative;
  padding: 10px; }

.overlay, .overlay-change-network {
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  opacity: 0.3;
  filter: alpha(opacity=30); }

.overlay-change-network {
  opacity: 0;
  filter: alpha(opacity=0); }

@media screen and (max-width: 768px) {
  .login-scan-qrcode {
    display: none; }
  .login-form {
    display: block; }
  .login-switch {
    display: none; }
  .login-title {
    text-align: center; } }

/*!
 * ui-dialog.css
 * Date: 2014-07-03
 * https://github.com/aui/artDialog
 * (c) 2009-2014 TangBin, http://www.planeArt.cn
 *
 * This is licensed under the GNU LGPL, version 2.1 or later.
 * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
 */
.ui-dialog {
  *zoom: 1;
  _float: left;
  position: relative;
  background-color: #FFF;
  border: 1px solid #fff;
  border-radius: 6px;
  outline: 0;
  background-clip: padding-box;
  font-size: 14px;
  line-height: 1.428571429;
  color: #818181;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out;
  -webkit-transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
  transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
  transition: transform .15s ease-in-out, opacity .15s ease-in-out;
  transition: transform .15s ease-in-out, opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; }

.ui-popup-show .ui-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.ui-popup-focus .ui-dialog {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }

.ui-popup-modal .ui-dialog {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, 0.3); }

.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; }

.ui-dialog-close {
  position: relative;
  _position: absolute;
  float: right;
  top: 13px;
  right: 13px;
  _height: 26px;
  padding: 0 4px;
  font-size: 21px;
  line-height: 1;
  color: #a5a5a5;
  cursor: pointer;
  background: transparent;
  _background: #FFF;
  border: 0;
  -webkit-appearance: none; }

.ui-dialog-close:hover,
.ui-dialog-close:focus {
  color: #787878;
  text-decoration: none;
  cursor: pointer;
  outline: 0; }

.ui-dialog-title {
  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: 0 20px 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: 0 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 {
  float: right;
  white-space: nowrap; }

.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;
  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);
  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: #428bca;
  border-color: #357ebd; }

.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: #3276b1;
  border-color: #285e8e; }

.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;
  _-webkit-filter: chroma(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% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            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; }

html,
body {
  height: 100%;
  background: #fff;
  -webkit-user-select: none; }

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

/* *{
	transition: all ease 1s;
} */
.ui-nav a:hover,
.home-content-list a {
  /* -webkit-transition: all ease .5s;
            transition: all ease .5s;	
            */ }

.home-case .hc-item a:hover .hci-hover,
.case-content-detail {
  -webkit-transition: all ease 1s;
  transition: all ease 1s; }

.footer a:hover,
.login-content a:hover {
  cursor: default; }

a {
  outline: none; }

.ui-pt0 {
  padding-top: 0 !important; }

.ui-mr5 {
  margin-right: 5px; }

.ui-pt6 {
  padding-top: 6px; }

.ui-ml10 {
  margin-left: 10px; }

.ui-mr10 {
  margin-right: 10px; }

.ui-mr12 {
  margin-right: 12px; }

.ui-mt15 {
  margin-top: 15px; }

.ui-mt25 {
  margin-top: 25px; }

.ui-mt30 {
  margin-top: 30px; }

.ui-mt60 {
  margin-top: 60px; }

.ui-pb100 {
  padding-bottom: 100px; }

.ui-highlight,
.ui-highlight a,
a.ui-highlight {
  color: #3cbaff; }

a.ui-highlight:hover {
  color: #35a8e8; }

a.ui-highlight:hover .ui-triangle {
  border-left-color: #35a8e8; }

.ui-fs14 {
  font-size: 14px; }

.ui-fs16 {
  font-size: 16px; }

.ui-fs18 {
  font-size: 18px; }

.ui-fs20 {
  font-size: 20px; }

.ui-fs24 {
  font-size: 24px; }

.ui-fs30 {
  font-size: 30px; }

.ui-fs36 {
  font-size: 36px; }

.ui-triangle {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 11px solid transparent;
  _border-color: tomato;
  border-left-color: #3CBAFF;
  vertical-align: middle; }

.ui-tag {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 2px 8px;
  vertical-align: middle;
  border-radius: 10px;
  color: #fff;
  font-size: 14px; }

.ui-tag-blue {
  background-color: #3cbaff; }

.down-app {
  position: fixed;
  right: 36px;
  top: 770px;
  _display: none;
  z-index: 999; }

.mb-footbar {
  display: none; }

.wrapper {
  position: relative; }

.ui-container {
  position: relative;
  margin: 0 auto;
  width: 1134px; }

.ui-container-fluid {
  width: 100%; }

.wrapper {
  margin-top: 60px !important; }

#main {
  margin-top: 59px; }

.online-service-btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 74px;
  height: 74px;
  color: #fff;
  border: none;
  border-radius: 50%;
  background: url("/home/images/online-service-logo.png") no-repeat;
  background-color: #44bbfc;
  background-position: center 12px;
  overflow: hidden;
  outline: none;
  z-index: 1000;
  transition: .3s;
  -webkit-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s; }

.online-service-btn:hover {
  box-shadow: 0px 1px 8px #44bbfc; }

.online-service-btn span {
  line-height: 8.5;
  font-size: 12px; }

.online-service-btn.mini {
  transform: scale(0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0); }

.pay-service-btn {
  position: fixed;
  bottom: 134px;
  right: 30px;
  width: 74px;
  height: 74px;
  color: #828282;
  border: 1px solid rgba(118, 123, 130, 0.1);
  border-radius: 50%;
  background: url("/home/images/pay-service-logo.png") no-repeat;
  background-color: #fff;
  background-position: center 12px;
  overflow: hidden;
  outline: none;
  z-index: 1000;
  transition: .3s;
  -webkit-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  text-align: center; }

.pay-service-btn:hover {
  box-shadow: 0px 2px 6px rgba(10, 149, 229, 0.2);
  text-decoration: none;
  border: 1px solid rgba(118, 123, 130, 0.1); }

.pay-service-btn span {
  line-height: 8.5;
  font-size: 12px; }

.footer-copyright .weixin-icon, .footer-copyright .sina-icon {
  text-decoration: none; }