@charset "utf-8";
/**
** 代码制作人: xiex
** 制作时间：2015-07-15
** 文件内容描述：多屏滚动登录页
** 修改日期：2018-04-18
** 修改内容：无
**********************************************/

body,
input,
textarea,
div,
a,
table,
tr,
td,
th {
  font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Arial, "Microsoft YaHei", "WenQuanYi Micro Hei", "Heiti SC", "Segoe UI", sans-serif;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
iieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

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

fieldset,
img {
  border: 0;
}

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

ol,
ul {
  list-style: none;
}

a {
  text-decoration: none;
  transition: background-color 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;
}

caption,
th {
  text-align: left;
}

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

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

abbr,
acrnym {
  border: 0;
}

.textEllipsis {
  width: 90%;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.clr {
  clear: both;
  line-height: 0px;
}

html,
body {
  margin: 0;
  padding: 0;
}

#superContainer {
  height: 100%;
  position: relative;
}

em {
  font-style: normal;
}

.section {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.slide {
  float: left;
}

.slide,
.slidesContainer {
  height: 100%;
  display: block;
}

.slides {
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.section.table,
.slide.table {
  display: table;
  width: 100%;
}

.tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.slidesContainer {
  float: left;
  position: relative;
}

.controlArrow {
  position: absolute;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
}

.controlArrow.prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}

.controlArrow.next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}

.scrollable {
  overflow: scroll;
}

.easing {
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}

#fullPage-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
}

#fullPage-nav.right {
  right: 17px;
}

#fullPage-nav.left {
  left: 17px;
}

.fullPage-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1;
}

.fullPage-slidesNav.bottom {
  bottom: 17px;
}

.fullPage-slidesNav.top {
  top: 17px;
}

#fullPage-nav ul,
.fullPage-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fullPage-nav li,
.fullPage-slidesNav li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}

.fullPage-slidesNav li {
  display: inline-block;
}

#fullPage-nav li a,
.fullPage-slidesNav li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
  background: #333;
}

#fullPage-nav span,
.fullPage-slidesNav span {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border: 1px solid #000;
  background: rgba(0, 0, 0, 0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
}

.fullPage-tooltip {
  position: absolute;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  top: -2px;
}

.fullPage-tooltip.right {
  right: 20px;
}

.fullPage-tooltip.left {
  left: 20px;
}

html,
body {
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0;
  padding: 0;
}

#superContainer {
  height: 100%;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
}

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fp-slide {
  float: left;
}

.fp-slide,
.fp-slidesContainer {
  height: 100%;
  display: block;
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.fp-section.fp-table,
.fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.fp-slidesContainer {
  float: left;
  position: relative;
}

.fp-controlArrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  margin-top: -38px;
  border-style: solid;
}

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-color: transparent #fff transparent transparent;
  border-width: 38.5px 34px 38.5px 0;
}

.fp-controlArrow.fp-next {
  right: 15px;
  border-color: transparent transparent transparent #fff;
  border-width: 38.5px 0 38.5px 34px;
}

.fp-scrollable {
  overflow: scroll;
}

.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
}

#fp-nav.right {
  right: 10px;
}

#fp-nav.left {
  left: 17px;
}

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1;
}

.fp-slidesNav.bottom {
  bottom: 17px;
}

.fp-slidesNav.top {
  top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  position: relative;
  margin: 7px;
  margin-bottom: 15px;
}

.fp-slidesNav ul li {
  display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
  background-color: #4285f4;
  border-color: #4285f4;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border: 1px solid #bfbfbf;
  border-radius: 50%;
  padding: 2px;
  background-clip: content-box;
  position: absolute;
  z-index: 1;
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
}

#fp-nav ul li:hover .fp-tooltip {
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  width: auto;
  opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
  right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
  left: 20px;
}

#menu {
  position: fixed;
  right: 20px;
  top: 40%;
  z-index: 10;
  list-style-type: none;
}

#menu li {
  text-indent: -99em;
  margin-bottom: 14px;
  cursor: pointer;
  width: 10px;
  height: 10px;
  border: 1px solid #bfbfbf;
  border-radius: 50%;
  overflow: hidden;
}

#menu li:hover,
#menu li.active {
  background: #2fb3ff;
  border-color: #2fb3ff;
}

#menu li a {
  display: block
}

.section {
  position: relative;
  overflow: hidden;
}

.section .animate_bg {
  opacity: 0;
  transition: all 1s ease-in-out 0.5s;
  -webkit-transition: all 1s ease-in-out 0.5s;
}

.ltie10 .section .animate_bg {
  opacity: 1;
  transform: translate(0, 0px);
  -webkit-transform: translate(0, 0px);
}

/** ie9 **/

.ltie10 .login_modern {
  opacity: 1;
}

.section .main_content {
  position: relative;
  height: 100%;
}

.section_Bg {
  display: none;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.animate_bgW {
  position: absolute;
  top: 0px;
  display: none;
}

.animate_bgW:after {
  display: table;
  content: "";
  clear: both;
}

/*** 登录框 ***/

.login_form_wapper {
  position: absolute;
  right: 50px;
  top: 50%;
  margin-top: -110px;
}

.active .login_modern {
  opacity: 1;
}

.login_modern {
  width: 286px;
  background:#fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .125);
     -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .125);
      -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .125);
       -o-box-shadow: 0 0 10px rgba(0, 0, 0, .125);
          box-shadow: 0 0 10px rgba(0, 0, 0, .125);
}

.ltie9 .login_modern {}

.login_title {
   font-size: 18px;
   text-align: left;
   color: #333;
   height:50px;
   line-height:50px;
   border-top-left-radius: 8px;
   border-top-right-radius:8px;
   background-color:#fff;
   background: rgba(255,255,255,.4);
   border-bottom:1px solid #e5e5e5;
   text-align: center;
   margin-bottom:20px;
}

.login_form_item {
  border-collapse: collapse;
  width: 236px;
  margin: 0 auto 10px;
}

.login_form_item:after {
  display: table;
  content: "";
  clear: both;
}

.login_form_item label {
  float: left;
  text-indent: -9999em;
  background-color: #c6c6c6;
  padding: 0px;
  width: 38px;
  height: 38px;
}

.login_form_item label span {
  display: block;
}

.icon_user {
  background: url(../images/icon_user.png) no-repeat center;
}

.icon_pwd {
  background: url(../images/icon_pwd.png) no-repeat center;
}

.icon_lang {
  background: url(../images/icon_lang.png) no-repeat center;
}

.error_tips {
  text-align: center;
  color: #ff8223;
}

.login_input {
  font-size: 13px;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  border: 1px solid #c6c6c6;
  height: 20px;
  line-height: 20px;
  outline: none;
  padding:8px 6px;
  width: 184px;
  box-shadow:0 0  0 1000px  #fff inset ;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.lui_login_input_div select {
  font-size: 13px;
  border: 1px solid #c6c6c6;
  height: 32px;
  line-height: 32px;
  width: 188px;
  display: block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .lui_login_input_div select {
    border: 0px;
    outline: 1px inset #c6c6c6;
    outline-offset: -1px;
  }
}

.login_modern .login_input {
  float: left;
}

.login_popup_wapper .login_form_item.submit_item {
  border: none;
}

.login_form_item .form_input {
  float: left;
}

.input_verity {
  margin-right: 10px;
}

/**** 登录按钮 ****/

.submit_item {
  border: none;
  margin-top: 25px;
}

.submit_item .btn_submit {
  cursor: pointer;
  display: block;
  height: 40px;
  line-height: 40px;
  background: #4285f4;
  color: #fff;
  font-size: 16px;
  text-align: center;
  border-radius:3px;
}

.submit_item .btn_submit:hover {
  background: #ef7921;
}

/*** 多语言下拉框 ***/

.multi_sel {
  display: inline-block;
  font-size: 16px;
  position: absolute;
  right: 194px;
  top: 24px;
}

.multi_sel select {
  display: none;
}

.dropdown {
  width: 125px;
  color: #767676;
  cursor: default;
  display: block;
  height: 34px;
  line-height: 34px;
  cursor: pointer;
}

.dropdown .dropdown-input {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  display: block;
  font-size: 16px;
  padding: 0 0px;
  width: 85px;
  height: 34px;
  line-height: 34px;
  text-align: right;
  float: left;
}

.dropdown .dropdown-icon {
  background: url(../images/select_dropdown.png) no-repeat center center transparent;
  -moz-transition: transform 0.5s;
  /* Firefox 4 */
  -webkit-transition: -webkit-transform 0.5s;
  /* Safari 和 Chrome */
  -o-transition: transform 0.5s;
  /* Opera */
  display: block;
  width: 20px;
  float: left;
}

.dropdown.sel .dropdown-icon {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
  /* Opera */
}

.dropdown-options {
  padding: 10px 0px;
  position: relative;
  background-color: #FFF;
  display: block;
  margin-top: 4px;
  border: 1px solid #afafaf;
  z-index: 1002;
}

.dropdown-options li a {
  font-size: 16px;
  text-align: left;
  color: #454545;
  cursor: default;
  display: block;
  height: 34px;
  line-height: 34px;
  white-space: nowrap;
  padding: 0 20px;
}

.dropdown-options li a:hover {
  color: #129ceb;
  cursor: pointer;
  text-decoration: none;
}

.login_form_other {
  text-align: center;
  padding-bottom: 15px;
}

.login_form_other a {
  color: #9a9a9a;
  cursor: pointer;
}

.login_form_other a:hover {
  text-decoration: underline;
}

.login_form_item .form_input {}

.login_form_other em {
  color: #ddd;
  margin: 0 24px;
}

.login_form_other .alter {
  color: #4aac7a;
}

.form_input.input_verity .login_input {
  width: 91px;
}

.verity_pic {
  float: left;
  height: 32px;
}

.verity_pic img {
  float: left;
  width: 68px;
  height: 32px;
  margin: 0px;
  padding: 0px;
  border: none;
}

.verity_pic .btn_flush {
  cursor: pointer;
  float: left;
  display: inline-block;
  height: 32px;
  width: 34px;
  background: #d7d7d7 url(../images/icon_flush.png) no-repeat center;
}

.verity_pic .btn_flush:hover {
  background-color: #c0c0c0;
}

/**********  ***********/

.login_modern .form_bottom {
  color: #999;
  padding-bottom: 15px;
  text-align: center;
}

.login_modern .form_bottom a {
  text-decoration: none;
  color: #999;
  cursor: pointer;
}
.login_modern .form_bottom a.kkDownloadLink{
  text-align:left;
}

.login_modern .form_bottom a:hover {
  text-decoration: underline;
}

.login_modern .form_bottom em {
  margin: 0px 8px;
  font-style: italic;
  display: none;
}

.login_modern .form_bottom .kk_logo {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

/* 文字字体设置 */

.animate_bgW .title-h1 {
  font-size: 60px;
  color: #4c5f73;
}

.animate_bgW .title-h1 em {
  display: inline-block;
  font-size: 100px;
  color: #13b0fd;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#0bebfb), to(#13b0fd));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.animate_bgW .title-h2 {
  font-size: 36px;
  color: #4c5f73;
}

.animate_bgW .title-h2 p {
  margin-bottom: 20px;
}

/********* 第一屏 *********/

.section1 {
  background: url(../images/login_bg_01.jpg) left top no-repeat;
  background-size: cover;
}


.section .bg1_1 {
  transform: translate(-50px, 0);
  -webkit-transform: translate(-50px, 0);
}

.section .bg1_2 {
  transform: translate(50px, 0);
  -webkit-transform: translate(50px, 0);
}

.section1 .animate_bgW {
  top: 138px;
}

.animate_txt {
  float: left;
}

.section .bg1_0 {
  width: 610px;
  height: 696px;
  background: url(../images/bg1_0.png);
  float: left;
}

.section .bg1_1 {
  top: 0px;
}

.section .bg1_2 {
  top: 95px;
}

/********** 第二屏 ***********/

.section2 {
  background: url(../images/login_bg_02.jpg) left top no-repeat;
  background-size: cover;
}

.section .bg2_1 {
  transform: translate(0, -50px);
  -webkit-transform: translate(0, -50px);
}

.section .bg2_2 {
  transform: translate(0, 50px);
  -webkit-transform: translate(0, 50px);
}

.section2 .animate_bgW {
  top: 50%;
  transform: translateY(-50%);
}

.section .bg2_1 {
  top: 0px;
}

.section .bg2_2 {

}

/********** 第三屏 ***********/

.section3 {
  background: #dccebb url(../images/login_bg_03.jpg) left top no-repeat;
  background-size: cover;
}


.section .bg3_1 {
  transform: translate(-50px, 0);
  -webkit-transform: translate(-50px, 0);
}

.section .bg3_2 {
  transform: translate(50px, 0);
  -webkit-transform: translate(50px, 0);
}

.section3 .animate_bgW {
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}

/********** 第四屏 ***********/

.section4 {
  background: #467eab url(../images/login_bg_04.jpg) left top no-repeat;
  background-size: cover;
}


.section .bg4_1 {
  transform: translate(0, -50px);
  -webkit-transform: translate(0, -50px);
}

.section .bg4_2 {
  transform: translate(0, 50px);
  -webkit-transform: translate(0, 50px);
}

.section4 .animate_bgW {
  height: 200px;
  top: 50%;
  transform: translateY(-50%);
}

/********** 蓝凌微云 ***********/

.section5 {
  background: #dccebb url(../images/login_bg_05.jpg) left top no-repeat;
  background-size: cover;
}

.section .bg5_1 {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
}

.section .bg5_2 {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
}

.section5 .animate_bgW {
  top: 100px;
  text-align: center;
  width: 100%;
}

.section .bg5_1 {
  top: 0px;
}

.section .bg5_2 {
  top: 109px;
}

/* 动画 */

.left {
  transition: all 1.5s;
}

.right {
  transition: all 1.5s;
}

.active .left,
.ltie10 .left {
  left: 0;
}

.active .right {
  left: 50%;
}

.godown {
  cursor: pointer;
}

.godown span {
  -webkit-animation: aw-pulse 2s 0 linear infinite;
  animation: aw-pulse 2s 0 linear infinite;
}

@-webkit-keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes upanddown {
  0%,
  100% {
    bottom: 80px
  }
  50% {
    bottom: 70px
  }
}

@-webkit-keyframes aw-pulse {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate(0px, 20px);
    transform: translate(0px, 20px);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes aw-pulse {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate(0px, 20px);
    transform: translate(0px, 20px);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

/* 动画 */

.active .animate_bg {
  opacity: 1;
  transform: translate(0, 0px);
  -webkit-transform: translate(0, 0px);
}

.godown {
  * display: none;
  position: absolute;
  left: 50%;
  bottom: 20px;
  z-index: 100;
  width: 50px;
  height: 53px;
  margin-left: -25px;
}

.godown span {
  display: block;
  width: 43px;
  height: 26px;
  background-image: url(../images/icon_arrow_new.png);
  animation: down 5s infinite;
}

@keyframes down {
  0%,
  50%,
  to {
    opacity: 0.5;
    transform: translateY(-10px)
  }
  25%,
  75% {
    opacity: 1;
    transform: translateY(0px)
  }
}

.main_content {
  /* width:1200px; */
  margin: 0px auto;
  padding: 0 30px;
}

/***************************** 头部 *****************************************/

.login_header {
  height: 80px;
  background: url(../images/header_bg.png) repeat left top;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1002;
}

.login_header .main_content {
  position: relative;
  height: 100%;
}

.login_logo {
  position: absolute;
  left: 30px;
  top: 26px;
}

.login_code {
  width: 114px;
  height: 34px;
  background: url(../images/icon_code.png) no-repeat left top;
  position: absolute;
  top: 24px;
  right: 30px;
  cursor: pointer;
}

.btn_login {
  display: inline-block;
  display: none;
  height: 32px;
  line-height: 32px;
  background: #4285f4;
  padding: 0 27px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  border-radius: 5px;
  position: absolute;
  right: 194px;
  top: 24px;
}

.btn_login:hover {
  background: #346ac3;
  color: #Fff;
}

.section1.active .btn_login {
  opacity: 0;
  transition: all ease-in-out 0.5s;
}

.ltie9 .btn_login {
  z-index: 1003;
}

.login_code_wapper {
  display: none;
  /*opacity:0;*/
  transition: all 0.5s ease-in-out 0.5s;
  -webkit-transition: all 0.5s ease-in-out 0.5s;
  width: 526px;
  border: 1px solid #afafaf;
  border-radius: 8px;
  padding: 15px 0;
  background: #fff;
  position: absolute;
  right: 0px;
  top: 56px;
  z-index: 1111;
}

.login_code_wapper i {
  display: inline-block;
  width: 32px;
  height: 9px;
  background: url(../images/icon_codeArrow.png) no-repeat left top;
  position: absolute;
  right: 80px;
  top: -8px;
}

.login_code_wapper ul {
  display: table;
}

.login_code_wapper ul li {
  display: table-cell;
  * table-layout: fixed;
  width: 25%;
  text-align: center;
}

.login_code_wapper ul li .icon_code {
  display: inline-block;
  width: 75px;
  height: 75px;
  margin-bottom: 5px;
}

.login_code_wapper ul li .code_kk5 {
  background: url(../images/code_kk5.png) no-repeat center;
}

.login_code_wapper ul li .code_kk {
  background: url(../images/code_kk.png) no-repeat center;
}

.login_code_wapper ul li .code_wy {
  background: url(../images/code_wy.png) no-repeat center;
}

.login_code_wapper ul li .code_wf {
  background: url(../images/code_wf.png) no-repeat center;
}

.login_code_wapper ul li h3 {
  color: #0f76f7;
  margin-bottom: 6px;
  line-height: 28px;
  font-size: 14px;
}

.login_code_wapper ul li p {
  color: #353535;
  font-size: 12px;
  line-height: 22px;
  padding: 0px 10px;
}

.login_code:hover .login_code_wapper {
  opacity: 1
}

/******************************** 底部导航 ****************************************/

.footer_nav {
  display: none;
  opacity: 0;
  transition: all 1s ease-in-out 0.5s;
  -webkit-transition: all 1s ease-in-out 0.5s;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 11;
  background: rgba(0, 0, 0, 0.3);
}

.ltie9 .footer_nav {
  filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#1F000000, endcolorstr=#1F000000);
}

.active .footer_nav {
  opacity: 1;
}

.footer_nav ul {
  display: table;
  width: 100%;
  color: #fff;
}

.footer_nav ul li {
  width: 33.33%;
  display: table-cell;
  * float: left;
  * width: 33%;
  transition: all 0.3s ease 0s;
}

.footer_nav ul li a {
  cursor: text;
  z-index: 111;
  display: block;
  padding: 8px 0px;
  color: #fff;
  font-size: 16px;
  position: relative;
  padding-left: 65px;
}

.footer_nav .link-text-wrapper {
  font-size: 16px;
}

.footer_nav ul li p {
  font-size: 12px;
  margin-top: 5px;
}

.footer_nav .link-icon {
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  width: 50px;
  height: 100%;
}

.footerNav_icon1 {
  background: url(../images/footerNav_icon1.png) no-repeat center;
}

.footerNav_icon2 {
  background: url(../images/footerNav_icon2.png) no-repeat center;
}

.footerNav_icon3 {
  background: url(../images/footerNav_icon3.png) no-repeat center;
}

.footerNav_icon4 {
  background: url(../images/footerNav_icon4.png) no-repeat center;
}

.footerNav_icon5 {
  background: url(../images/footerNav_icon5.png) no-repeat center;
}

.footerNav_icon6 {
  background: url(../images/footerNav_icon6.png) no-repeat center;
}

.footerNav_icon7 {
  background: url(../images/footerNav_icon7.png) no-repeat center;
}

.footerNav_icon8 {
  background: url(../images/footerNav_icon8.png) no-repeat center;
}

.footerNav_icon9 {
  background: url(../images/footerNav_icon9.png) no-repeat center;
}

.footerNav_icon10 {
  background: url(../images/footerNav_icon10.png) no-repeat center;
}

.footerNav_icon11 {
  background: url(../images/footerNav_icon11.png) no-repeat center;
}

.footerNav_icon12 {
  background: url(../images/footerNav_icon12.png) no-repeat center;
}

.footerNav_icon13 {
  background: url(../images/footerNav_icon13.png) no-repeat center;
}

.footerNav_icon14 {
  background: url(../images/footerNav_icon14.png) no-repeat center;
}

.section2 .footer_nav ul li {
  width: 25%;
}

.section3 .footer_nav ul li {
  width: 25%;
}

/*************************** 弹出登录框 *******************************/

.login_popup_wapper {
  margin-top: -80px;
  padding: 0px;
  z-index: 1005;
  display: none;
  width: 280px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -140px;
}

.login_popup_wapper .login_modern {
  opacity: 1;
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 111;
  margin-top: 0px;
  width: auto;
  background:#fff;
}

.login_popup_wapper .login_title {

}

.login_popup_wapper .login_form_item {
  margin-bottom: 15px;
}

.login_popup_wapper .login_form_item label {
  background-color: #4285f4;
}

.login_popup_wapper .popup_btnClose {
  width: 50px;
  height: 50px;
  background: url(../images/popup_closeBg.png) no-repeat left top;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  top: -65px;
  cursor: pointer;
}

.login_popup_wapper .popup_btnClose span {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../images/icon_closeL.png) no-repeat center;
}

.login_popup_wapper .popup_btnClose:hover span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.lui_common_divlayout {
  top: 0px;
  left: 0px;
  z-index: 1000;
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.zoomIn {
  animation: zoomIn 0.5s;
  -webkit-animation: zoomIn 0.5s;
  transition: all 0.3s ease 0s;
}

.zoomOut {
  opacity: 0;
  animation: zoomOut 0.5s;
  -webkit-animation: zoomOut 0.5s;
  transition: all 0.3s ease 0s;
}

.login_popup_wapper.zoomIn {
  display: block !important;
}

@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(0.5, 0.5);
  }
  100% {
    -webkit-transform: scale(1, 1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0.5, 0.5);
  }
  100% {
    transform: scale(1, 1);
  }
}

@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(0.5, 0.5);
  }
}

@keyframes zoomOut {
  0% {
    -webkit-transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(0.5, 0.5);
  }
}

/******************** 大屏幕适应 **************************/

@media screen and (min-width:1600px) {
}

/*屏幕宽度在小于1280之间*/

@media screen and (max-width:1281px) {
  .animate_bgW .title-h1 {
    font-size: 46px;
  }
  .animate_bgW .title-h1 em {
    font-size: 70px;
  }
  .animate_bgW .title-h2 {
    font-size: 28px;
  }
  .animate_bgW .title-h2 p {
    margin-bottom: 10px;
    line-height: 36px;
  }
  .section .bg1_0 {
    width: 400px;
    height: 456px;
    background-size: 400px 456px;
    background-repeat: no-repeat
  }
  .section1 .animate_bgW {
    top: 120px;
  }
  .section1 .animate_txt {
    margin-top: 64px;
  }
  .section3 .animate_bgW {
    margin-right: 60px;
  }
  .section4 .animate_bgW {
    margin-top: 20px;
  }
  .section5 .animate_bgW {
    top: 90px;
  }
}

/*屏幕宽度在1280和1536之间*/

@media screen and (min-width:1281px) and (max-width:1537px) {
  .animate_bgW .title-h1 {
    font-size: 50px;
  }
  .animate_bgW .title-h1 em {
    font-size: 70px;
  }
  .animate_bgW .title-h2 {
    font-size: 30px;
  }
  .animate_bgW .title-h2 p {
    margin-bottom: 10px;
    line-height: 36px;
  }
  .login_form_wapper{
    right:100px;
  }
  .section .bg1_0 {
    width: 400px;
    height: 456px;
    background-size: 400px 456px;
    background-repeat: no-repeat
  }
  .section1 .animate_bgW {
    top: 170px;
  }
  .section1 .animate_txt {
    margin-top: 64px;
  }
  .section3 .animate_bgW {
    margin-right: 60px;
  }
  .section4 .animate_bgW {
    margin-top: 20px;
  }
  .section5 .animate_bgW {
    top: 100px;
  }
}

/*屏幕宽度在1536和1792之间*/

@media screen and (min-width:1537px) and (max-width:1793px) {
  .animate_bgW .title-h1 {
    font-size: 50px;
    margin-bottom: 10px;
  }
  .animate_bgW .title-h1 em {
    font-size: 70px;
  }
  .animate_bgW .title-h2 {
    font-size: 30px;
  }
  .animate_bgW .title-h2 p {
    margin-bottom: 10px;
    line-height: 36px;
  }
  .section .bg1_0 {
    width: 500px;
    height: 570px;
    background-size: 500px 570px;
    background-repeat: no-repeat;
  }
  .section1 .animate_bgW {
    top: auto;
    bottom: 60px;
  }
  .section1 .animate_txt {
    margin-top: 74px;
  }
  .section3 .animate_bgW {
    margin-right: 100px;
  }
  .section4 .animate_bgW {
    margin-top: 20px;
    margin-left: 50px;
  }
  .section5 .animate_bgW {
    top: 100px;
  }
}

/*屏幕宽度在1792和2048之间*/

@media screen and (min-width:1793px) and (max-width:2049px) {
  .animate_bgW .title-h1 {}
  .animate_bgW .title-h1 em {}
  .animate_bgW .title-h2 {}
  .animate_bgW .title-h2 p {}
  .section1 .animate_bgW .title-h1 {
    margin-bottom: 30px;
  }
  .login_form_wapper{
    right: 250px;
}
  .section .bg1_0 {
    width: 550px;
    height: 627px;
    background-size: 550px 627px;
    background-repeat: no-repeat;
  }
  .section1 .animate_bgW {
    top: auto;
    left: 128px;
    bottom: 150px
}
  .section1 .animate_txt {
    margin-top: 74px;
  }
  .section2 .animate_bgW {
    margin-left: 100px;
  }
  .section3 .animate_bgW {
    margin-right: 160px;
  }
  .section4 .animate_bgW {
    margin-top: 20px;
    margin-left: 80px;
  }
  .section5 .animate_bgW {
    top: 120px;
  }
}

/*屏幕宽度大于等于2048*/

@media screen and (min-width:2049px) {
  .section1 .animate_bgW .title-h1 {
    margin-bottom: 30px;
  }
  .section .bg1_0 {
    width: 550px;
    height: 627px;
    background-size: 550px 627px;
    background-repeat: no-repeat;
  }
  .section1 .animate_bgW {
    top: 230px;
  }
  .section1 .animate_txt {
    margin-top: 74px;
  }
  .section2 .animate_bgW {
    margin-left: 100px;
  }
  .section3 .animate_bgW {
    margin-right: 160px;
  }
  .section4 .animate_bgW {
    margin-top: 20px;
    margin-left: 80px;
  }
  .section5 .animate_bgW {
    top: 120px;
  }
}

/*扫码登陆*/

.third_login_form {
  margin-top: 20px;
  padding: 10px 25px;
}

.third_login_header {
  margin-bottom: 20px;
  text-align: center;
  position: relative;
}
.third_login_header:after,
.third_login_header:before{
  content: '';
  display: block;
  width: 42px;
  border-top: 1px solid #999;
  border-top: 1px solid rgba(153, 153, 153, .5);
  position: absolute;
  top: 0;
}
.third_login_header:before{
  left: 0;
}
.third_login_header:after{
  right: 0;
}

.third_login_header span {
  padding: 0 5px;
  width: 114px;
  display: inline-block;
  margin-top: -10px;
  margin-left: -60px;
  position: absolute;
  left: 50%;
}

.third_login_list:after {
  content: '';
  display: table;
  visibility: hidden;
  clear: both;
}

.third_login_list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  font-size: 0;
  *white-space: -1px;
}

.third_login_list>li {
  display: inline-block;
}

.third_login_list>li>a {
  margin: 0 10px;
  width: 46px;
  height: 46px;
  display: block;
  border-radius: 50%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
  transition-duration: .3s;
}

.third_login_list>li>a img {
  max-width: 100%;
}




/* 登录框位置 Starts
   ========================================================================== */
.login_form_wapper.loginFormOnLeft{
  left: 50px;
  right: auto;
}
.login_form_wapper.loginFormOnCenter{
  right: auto;
  left: 50%;
  margin-left: -143px;
  /* width: 286px; */
}
.login_form_wapper.loginFormOnRight{
  left: auto;
  right: 50px;
}

/* 登录框位置 Ends
   ========================================================================== */


/* 登录框居中样式优化 Starts
   ========================================================================== */
.login_form_wapper.loginFormOnCenter{
  margin-left: -180px;
  width: 360px;
}
.login_form_wapper.loginFormOnCenter .login_modern{
  width: auto;
}
.login_form_wapper.loginFormOnCenter .login_title{
  margin-bottom: 15px;
  height: 40px;
  line-height: 40px;
}
.login_form_wapper.loginFormOnCenter .login_form_item{
  margin-bottom: 5px;
  width: 300px;
}
.login_form_wapper.loginFormOnCenter .login_form_item label{
  width: 34px;
  height: 34px;
}
.login_form_wapper.loginFormOnCenter .login_input{
  padding-top: 6px;
  padding-bottom: 6px;
  width: 252px;
}
.login_form_wapper.loginFormOnCenter .login_modern .form_bottom{
  padding-bottom: 10px;
}
.login_form_wapper.loginFormOnCenter .submit_item{
  margin-top: 15px;
}
.third_login_form{
  margin-top: 15px;
}
.login_form_wapper.loginFormOnCenter .third_login_header:after,
.login_form_wapper.loginFormOnCenter .third_login_header:before{
  width: 30%;
}
/* 登录框居中样式优化 Ends
   ========================================================================== */
.third_login_form{
    position: relative;
    top: -10px;
}
.third_login_header{
	display:none;
}
.third_login_item_desc{
	display:none;
}
body .third_login_item_icon{
	display:inline-block;
	width: 40px;
	height: 40px;
	border:1px solid;
	color:#828384;
	border-radius:50%;
	line-height:42px;
	font-size:25px;
}
body .third_login_item_icon:hover{
	color: #4285f4;
}

/* 82838 新增Logo不显示功能 @author 吴进 by 20191016 */
.logoPositionOnLogoShow .login_header .main_content .login_logo{
  display: block;
}
.logoPositionOnLogoHide .login_header .main_content .login_logo{
  display: none;
}
/* 82838 新增Logo不显示功能 @author 吴进 by 20191016 End */

/* 登录框标题栏隐藏样式 */
.loginTitleHide {
  visibility: hidden;
  height: 20px;
}