* {
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: MicrosoftYaHei;
}
.navbar {
  min-width: 1180px;
  width: 100%;
  height: 70px;
  background-color: #fff;
  flex: 1;
  flex-grow: 1;
  position: relative;
  left: 0;
  top: 0;
  z-index: 100;
  padding-top: 15px;
  text-align: center;
  transform: translateX(0.7%);
}
.navbar .navbar_main {
  display: inline-block;
}
.navbar .logo {
  background-image: url("../../images/login/logo.jpg");
  width: 133px;
  height: 122px;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  margin-top: -15px;
}
.navbar .navbar_item {
  float: left;
  background-size: cover;
  background-repeat: no-repeat;
  text-indent: -99999px;
  height: 44px;
  cursor: pointer;
}
.navbar .navbar_item.home {
  background-image: url("../../images/login/navbar/navbar01.png?rev=@@hash");
  width: 100px;
}
.navbar .navbar_item.home.active,
.navbar .navbar_item.home:hover {
  background-image: url("../../images/login/navbar/navbar01_h.png?rev=@@hash");
}
.navbar .navbar_item.zhifo {
  background-image: url("../../images/login/navbar/navbar02.png?rev=@@hash");
  width: 222px;
  margin-left: 113px;
  margin-right: 118px;
}
.navbar .navbar_item.zhifo.active,
.navbar .navbar_item.zhifo:hover {
  background-image: url("../../images/login/navbar/navbar02_h.png?rev=@@hash");
}
.navbar .navbar_item.temple {
  background-image: url("../../images/login/navbar/navbar03.png?rev=@@hash");
  width: 100px;
  margin-left: 55px;
  margin-right: 64px;
}
.navbar .navbar_item.temple.active,
.navbar .navbar_item.temple:hover {
  background-image: url("../../images/login/navbar/navbar03_h.png?rev=@@hash");
}
.navbar .navbar_item.diy {
  background-image: url("../../images/login/navbar/navbar04.png?rev=@@hash");
  width: 100px;
}
.navbar .navbar_item.diy.active,
.navbar .navbar_item.diy:hover {
  background-image: url("../../images/login/navbar/navbar04_h.png?rev=@@hash");
}
.navbar .navbar_item.login,
.navbar .navbar_item.stone {
  height: 26px;
  text-indent: 0;
}
.navbar .navbar_item.login div,
.navbar .navbar_item.stone div {
  width: 26px;
  height: 27px;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  margin-right: 8px;
  margin-top: 9px;
}
.navbar .navbar_item.login span,
.navbar .navbar_item.stone span {
  float: left;
  font-size: 14px;
  line-height: 44px;
  color: #8c6d3e;
  display: inline-block;
}
.navbar .navbar_item.login {
  margin-right: 16px;
  margin-left: 66px;
}
.navbar .navbar_item.login div {
  background-image: url("../../images/login/navbar/navbar_login.png");
}
.navbar .navbar_item.stone div {
  background-image: url("../../images/login/navbar/navbar_stone.png");
}
.footer {
  background-image: url("../../images/login/footer/bg.jpg");
  width: 100%;
  height: 317px;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 47px;
  text-align: center;
}
.footer .footer_main {
  max-width: 1200px;
  margin: 0 auto;
}
.footer .footer_main .footer_info {
  float: left;
}
.footer .footer_main .footer_info .logo_view .logo_fo {
  background-image: url("../../images/login/footer/logo.png");
  width: 92px;
  height: 99px;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
}
.footer .footer_main .footer_info .logo_view .logo_lead {
  background-image: url("../../images/login/footer/logo2.png");
  width: 121px;
  height: 28px;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  margin-top: 43px;
  margin-left: 33px;
}
.footer .footer_main .footer_info .footer_detail {
  margin-top: 33px;
}
.footer .footer_main .footer_info .footer_detail i,
.footer .footer_main .footer_info .footer_detail p {
  float: left;
}
.footer .footer_main .footer_info .footer_detail p {
  font-size: 16px;
  color: #fff;
  margin-left: 16px;
  line-height: 23px;
}
.footer .footer_main .footer_info .footer_detail p b {
  font-weight: bold;
}
.footer .footer_main .footer_info .footer_detail .d_mobile p {
  margin-right: 25px;
}
.footer .footer_main .footer_info .footer_detail .icon_mobile {
  background-image: url("../../images/login/footer/icon_mobile.png");
  width: 23px;
  height: 23px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.footer .footer_main .footer_info .footer_detail .icon_tel {
  background-image: url("../../images/login/footer/icon_tel.png");
  width: 23px;
  height: 23px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.footer .footer_main .footer_info .footer_detail .icon_address {
  background-image: url("../../images/login/footer/icon_address.png");
  width: 23px;
  height: 23px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.footer .footer_main .footer_info .footer_detail .d_address {
  margin-top: 21px;
  margin-left: -4px;
}
.footer .footer_main .footer_info .footer_detail .d_address p {
  margin-left: 16px;
}
.footer .footer_main .footer_code {
  float: left;
  margin-left: 465px;
  margin-top: 20px;
  position: relative;
}
.footer .footer_main .footer_code div {
  background-image: url("../../images/login/footer/code.jpg");
  width: 130px;
  height: 130px;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.footer .footer_main .footer_code p {
  margin-top: 15px;
  font-size: 16px;
  color: #fff;
}
.footer .copyright {
  max-width: 1200px;
  margin: 20px auto 0;
  text-align: center;
}
.footer .copyright a {
  font-size: 12px;
  color: #fff;
  line-height: 23px;
}
.footer .copyright div {
  font-size: 12px;
  color: #fff;
  line-height: 14px;
}
@media screen and (max-width: 1750px) {
  .navbar {
    transform: translateX(0);
  }
}
@media screen and (max-width: 1290px) {
  .login {
    width: 27px !important;
    height: 36px !important;
    overflow: hidden;
  }
  .stone {
    width: 27px !important;
    height: 36px !important;
    overflow: hidden;
  }
}
@media screen and (max-width: 1120px) {
  .footer .footer_main {
    max-width: 800px;
  }
  .footer .footer_code {
    transform: scale(0.75);
    position: absolute;
    left: 440px;
    top: -70px;
  }
}
@media screen and (max-width: 768px) {
  .footer .d_mobile {
    margin-bottom: 20px;
  }
  .footer .footer_main {
    max-width: 700px;
  }
  .footer .footer_main .footer_info .d_mobile2 .icon_tel {
    margin-left: -5px;
  }
  .footer .footer_main .footer_info .d_mobile2 p {
    margin-left: 6px;
  }
}
body {
  width: 100%;
}
.float {
  position: fixed;
  right: 1px;
  top: 25%;
  z-index: 300;
}
.float a {
  display: block;
}
.float a:hover {
  text-decoration: none;
}
.float .float_list {
  width: 87px;
  padding-bottom: 7px;
  background-color: #57411f;
  cursor: pointer;
  margin-bottom: 1px;
  text-align: center;
  padding-top: 16px;
  position: relative;
}
.float .float_list:hover {
  background-color: #8c6d3e;
}
.float .float_list:hover.float_more .code {
  display: block;
}
.float .float_list.float_login div {
  background-image: url("../../images/login/float/01.png");
}
.float .float_list.float_rz div {
  background-image: url("../../images/login/float/02.png");
}
.float .float_list.float_more div {
  background-image: url("../../images/login/float/03.png");
}
.float .float_list.float_top div {
  background-image: url("../../images/login/float/04.png");
}
.float .float_list div {
  width: 38px;
  height: 38px;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.float .float_list p {
  font-size: 16px;
  line-height: 32px;
  color: #ddd4c5;
  margin-top: 7px;
}
.float .float_list .code {
  background-image: url("../../images/login/float/code.png");
  width: 144px;
  height: 135px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: -146px;
  top: -14px;
  z-index: 3;
  display: none;
}
.page_bg {
  background-image: url("../images/bg.jpg?rev=@@hash");
  width: 100%;
  height: 100%;
  min-width: 100vw;
}
html,
body {
  min-height: 100vh;
  min-width: 100vw;
  max-width: 100vw;
  overflow-x: hidden;
}
.container {
  position: relative;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
div,
i,
span,
p,
b,
strong,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol {
  word-break: break-word;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a {
  text-decoration: inherit;
}
a:hover {
  text-decoration: underline;
}
a img {
  border: none;
}
img,
canvas {
  vertical-align: top;
}
img {
  touch-callout: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
input,
textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  border: none;
  background: none;
  outline: none;
  padding: 0;
  margin: 0;
}
.white {
  background-color: #fff;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
/* 触发 hasLayout */
  zoom: 1;
}
.user_select {
/* 无法选中文本 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.h100 {
  height: 100%;
}
.h80 {
  height: 80%;
}
.w100 {
  width: 100%;
}
.w80 {
  width: 80%;
}
.vh100 {
  height: 100vh;
}
.vh80 {
  height: 80vh;
}
.vw100 {
  width: 100vw;
}
.vw80 {
  width: 80vw;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.tcenter,
.tc {
  text-align: center;
}
.tr,
.tright {
  text-align: right;
}
.tl,
.tleft {
  text-align: left;
}
.nowrap {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nowrap2 {
  text-overflow: -o-ellipsis-lastline;
  -ms-text-overflow: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
  display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
}
.button-hover:active,
.button-active:active {
  background-color: rgba(0,0,0,0.1);
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -webkit-tap-highlight-color: transparent;
}
.button-hover50:active,
.button-active50:active {
  background-color: rgba(0,0,0,0.1);
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-tap-highlight-color: transparent;
}
.button-scale:active {
  -webkit-transform: scale(0.93);
  -moz-transform: scale(0.93);
  -ms-transform: scale(0.93);
  -o-transform: scale(0.93);
  transform: scale(0.93);
  -webkit-tap-highlight-color: transparent;
}
.pointer_events {
/*
        直译为指针事件，无法点击改元素并且隐藏指针
        当把值设置为none后，他有如下相关特性。
        1. 阻止用户的点击动作产生任何效果
        2. 阻止缺省鼠标指针的显示
        3. 阻止CSS里的hover和active状态的变化触发事件
        4. 阻止JavaScript点击动作触发的事件

        IE 　11+
        Firefox 　3.6＋
        Chrome　4.0+
        Safari　　6.0
        Opera　 15.0
        iOS Safari 6.0
        Android Browser　2.1+
        Android Chrome　18.0+
    */
  pointer-events: none;
}
.user_select {
/* 无法选中文本 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.touch_callout {
/*
        当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。
        在iOS上，当你触摸并按住触摸的目标，
        比如一个链接，Safari浏览器将显示链接有关的系统默认菜单。
        这个属性可以让你禁用系统默认菜单。
        图片可以禁止长按保存
    */
  touch-callout: none;
  -webkit-touch-callout: none;
}
/* 解决ios Vue click有300ms延迟问题 */
html {
  touch-action: manipulation;
}
/* 透明全屏遮照 */
.__lead_transparent {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 40000;
}
/* 半透明全屏遮照 */
.__lead_mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 40000;
}
/* loagind */
.__lead_loading_block .__lead_loading {
  width: 220px;
  min-height: 220px;
  margin: 0;
  background: rgba(17,17,17,0.7);
  text-align: center;
  border-radius: 5px;
  color: #fff;
  opacity: 0;
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  -o-transform: scale(0.1);
  transform: scale(0.1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding: 0 10px 20px;
}
.__lead_loading_block .__lead_loading.showLeadLoading {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.__lead_loading_block .__lead_loading .__lead_icon_loading {
  margin: 30px 0 0;
  width: 100px;
  height: 100px;
  vertical-align: baseline;
  font-size: 55px;
  color: #fff;
  display: inline-block;
  -webkit-animation: scaleSmal 1s steps(12, end) infinite;
  animation: __leadLoading 1s steps(12, end) infinite;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat;
  background-size: 100%;
}
.__lead_loading_block .__lead_loading span {
  font-size: 32px;
  margin-top: 10px;
}
@-webkit-keyframes __leadLoading {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
/* 显示消息弹窗 */
.__lead_message_block,
.__lead_modal_block,
.__lead_message_copy {
  max-height: 500px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 40000;
}
.__lead_message_block .__lead_message,
.__lead_modal_block .__lead_modal,
.__lead_message_copy .__lead_copy {
  max-width: 650px;
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  opacity: 0;
  -webkit-box-shadow: 0px 0px 50px 0px #444;
  -moz-box-shadow: 0px 0px 50px 0px #444;
  box-shadow: 0px 0px 50px 0px #444;
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  -o-transform: scale(0.1);
  transform: scale(0.1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.__lead_message_block .__lead_message.showLeadMessage,
.__lead_modal_block .__lead_modal.showLeadModal,
.__lead_message_copy .__lead_copy.showLeadCopy {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
  opacity: 1;
}
.__lead_message_block .__lead_message .__lead_message_title,
.__lead_modal_block .__lead_modal .__lead_modal_title,
.__lead_message_copy .__lead_copy .__lead_copy_title {
  width: 100%;
  height: 60px;
  margin-top: 20px;
}
.__lead_message_block .__lead_message .__lead_message_title span,
.__lead_modal_block .__lead_modal .__lead_modal_title span,
.__lead_message_copy .__lead_copy .__lead_copy_title span {
  font-weight: 400;
  font-size: 32px;
  width: 100%;
  text-align: center;
  padding: 0 20px;
}
.__lead_message_block .__lead_message .__lead_message_content,
.__lead_modal_block .__lead_modal .__lead_modal_content,
.__lead_message_copy .__lead_copy .__lead_copy_content {
  padding: 10px 30px 20px;
  width: 100%;
  min-height: 120px;
  max-height: 618px;
  overflow: auto;
}
.__lead_message_block .__lead_message .__lead_message_content span,
.__lead_modal_block .__lead_modal .__lead_modal_content span,
.__lead_message_copy .__lead_copy .__lead_copy_content span {
  font-size: 28px;
  word-wrap: break-word;
  word-break: break-all;
  color: #999;
  text-align: center;
}
.__lead_message_block .__lead_message .__lead_message_button,
.__lead_modal_block .__lead_modal .__lead_modal_button,
.__lead_message_copy .__lead_copy .__lead_copy_button {
  width: 100%;
  height: 90px;
  border-top: 1px solid #f2f2f2;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.__lead_message_block .__lead_message .__lead_message_button:active,
.__lead_modal_block .__lead_modal .__lead_modal_button:active,
.__lead_message_copy .__lead_copy .__lead_copy_button:active {
  background-color: rgba(0,0,0,0.1);
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -webkit-tap-highlight-color: transparent;
}
.__lead_message_block .__lead_message .__lead_message_button:hover,
.__lead_modal_block .__lead_modal .__lead_modal_button:hover,
.__lead_message_copy .__lead_copy .__lead_copy_button:hover {
  background-color: rgba(0,0,0,0.2);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -webkit-tap-highlight-color: transparent;
}
.__lead_message_block .__lead_message .__lead_message_button:hover span,
.__lead_modal_block .__lead_modal .__lead_modal_button:hover span,
.__lead_message_copy .__lead_copy .__lead_copy_button:hover span {
  background-color: transparent;
}
.__lead_message_block .__lead_message .__lead_message_button span,
.__lead_modal_block .__lead_modal .__lead_modal_button span,
.__lead_message_copy .__lead_copy .__lead_copy_button span {
  color: #5f646e;
  background: #fff;
  height: 100%;
  font-size: 30px;
}
.__lead_message_block .__lead_message .__lead_message_button span:active,
.__lead_message_copy .__lead_copy .__lead_copy_button span:active {
  background: rgba(0,0,0,0.05);
  opacity: 0.85;
}
.__lead_message_block .__lead_message .__lead_message_button span:nth-child(2),
.__lead_message_copy .__lead_copy .__lead_copy_button span:nth-child(2) {
  color: #3cc51f;
  border-left: 1px solid #f2f2f2;
}
/* 2秒后消失的浮层 */
.__lead_toast_block {
  padding: 40px 0;
  transform: scale(0.85);
  transform-origin: top;
}
.__lead_toast_block.__lead_toast_nopointer {
  pointer-events: none;
}
.__lead_toast_block .__lead_toast {
  min-width: 220px;
  max-width: 400px;
  min-height: 60px;
  margin: 0;
  background: rgba(17,17,17,0.7);
  border-radius: 5px;
  color: #fff;
  text-align: center;
  padding: 10px 20px;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  animation-timing-function: ease-in;
  opacity: 0;
}
.__lead_toast_block .__lead_toast.__lead_toast_show {
  animation-name: __leadToastShow;
}
.__lead_toast_block .__lead_toast.__lead_toast_hide {
  animation-name: __leadToastHide;
}
.__lead_toast_block .__lead_toast span {
  font-size: 32px;
  text-align: center;
  line-height: 60px;
}
@-webkit-keyframes __leadToastShow {
  0% {
    opacity: 0;
    transform: translateY(150px);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-webkit-keyframes __leadToastHide {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(100px);
  }
}
.col {
  display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
  display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
  display: -ms-flexbox /* TWEENER - IE 10 */;
  display: -webkit-flex /* NEW - Chrome */;
  display: flex /* NEW, Spec - Opera 12.1, Firefox 20+ */;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-grow: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.row {
  display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
  display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
  display: -ms-flexbox /* TWEENER - IE 10 */;
  display: -webkit-flex /* NEW - Chrome */;
  display: flex /* NEW, Spec - Opera 12.1, Firefox 20+ */;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-grow: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.items {
  align-items: center;
  -webkit-align-items: center;
}
.spaceb {
  -webkit-justify-content: space-between;
  -khtml-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.end {
  -webkit-justify-content: flex-end;
  -khtml-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -o-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.flexEnd {
  align-items: flex-end;
}
.center {
  -webkit-justify-content: center;
  -khtml-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
/* 规定项目在必要的时候拆行或拆列 */
.wrap {
  -webkit-flex-wrap: wrap;
  -khtml-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.hide {
  display: none;
}
@-moz-keyframes __leadLoading {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
@-webkit-keyframes __leadLoading {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
@-o-keyframes __leadLoading {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes __leadLoading {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
@-moz-keyframes __leadToastShow {
  0% {
    opacity: 0;
    transform: translateY(150px);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-webkit-keyframes __leadToastShow {
  0% {
    opacity: 0;
    transform: translateY(150px);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-o-keyframes __leadToastShow {
  0% {
    opacity: 0;
    transform: translateY(150px);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes __leadToastShow {
  0% {
    opacity: 0;
    transform: translateY(150px);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-moz-keyframes __leadToastHide {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(100px);
  }
}
@-webkit-keyframes __leadToastHide {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(100px);
  }
}
@-o-keyframes __leadToastHide {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(100px);
  }
}
@keyframes __leadToastHide {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(100px);
  }
}