.login_main {
    display: flex;
    height: 572px;
    background: url(../images/login-images/loginBg.png) no-repeat center;
}
.login_main > div {
  position: relative;
}
.login_main > div .linkBwt {
  position: absolute;
  left: 0;
  top: 0;
  width: 700px;
  height: 572px;
  display: block;
}
.login_main .loginForm {
  width: 380px;
  height: 438px;
  background: #ffffff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08),
    0px -2px 25px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px 4px 4px 4px;
  padding: 40px 42px 44px;
  box-sizing: border-box;
  margin: 64px 44px 0 0;
  position: absolute;
  right: 0;
}
.login_main .loginForm .loginWay {
  position: relative;
}
.login_main .loginForm .loginTab {
  border-bottom: 1px solid #ddd;
  width: 100%;
  margin-bottom: 24px;
  float: none;
  display: block;
  height: 30px;
}
.login_main .loginForm .loginTab li {
  font-size: 15px;
  color: #434343;
  line-height: 18px;
  padding-bottom: 11.3px;
  cursor: pointer;
  width: 33%;
  text-align: center;
}
.login_main .loginForm .loginTab li:hover {
  color: #f22d03;
}
.login_main .loginForm .loginTab li.on {
  border-bottom: 2px solid #f22d03;
  color: #f22d03;
  font-weight: 600;
}

.login_main .loginForm input[type='text'],
.login_main .loginForm input[type='password'] {
  width: 100%;
  height: 42px;
  border-radius: 4px 4px 4px 4px;
  border: none;
  padding: 0 14px 0 42px;
  box-sizing: border-box;
  font-size: 15px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #434343;
  font-family: Tahoma;
}
.login_main .loginForm input[type='text']::placeholder,
.login_main .loginForm input[type='password']::placeholder {
  color: #999999;
}
.login_main .loginForm .viewPwd input {
  padding-right: 51px;
}
.login_main .loginForm input[type='text']:focus,
.login_main .loginForm input[type='password']:focus {
  border: 1px solid #f22d03;
}

.login_main .loginForm .line {
  margin-bottom: 13px;
}

.passwordLabel {
    background: url(../images/login-images/pwd.png) no-repeat left center;
    background-position-x: 10px;
}
.usernameLabel {
    background: url(../images/login-images/user.png) no-repeat left center;
    background-position-x: 10px;
}
.loginmobileLabel {
    background: url(../images/login-images/phone.png) no-repeat left center;
    background-position-x: 10px;
}
.viewPwd {
  position: relative;
}
.viewPwd .icon_view {
  width: 16px;
  height: 11px;
  display: inline-block;
  position: absolute;
  right: 18px;
  top: 14px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
    .viewPwd .icon_show {
        background: url(../images/login-images/login-imagesicon_show.png) no-repeat;
        background-size: 100% 100%;
    }
    .viewPwd .icon_hide {
        background: url(../images/login-images/icon_hide.png) no-repeat;
        background-size: 100% 100%;
    }

.login_main .loginForm .line .codepic {
  width: 80px;
  height: 38px;
  margin-left: 8px;
  box-sizing: border-box;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
}
.login_main .loginForm .accountLogin p,
.login_main .loginForm .login-phone p {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 15px;
}
.login_main .loginForm .findPwd {
  margin: 13px 0 12px 0;
  justify-content: space-between;
}
.login_main .loginForm .findPwd i {
  padding: 0 12px;
}
.login_main .loginForm .findPwd a {
  color: #2c7fda;
}
.login_main .loginForm .findPwd label {
  display: flex;
}
.login_main .loginForm input[type='checkbox'] {
    width: 12px;
    height: 13px;
    margin: 0 4px 0 0;
    appearance: none;
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    appearance: none;
    background: url(../images/login-images/check_unselected.png) no-repeat;
    cursor: pointer;
    background-size: 100% 100%;
    border-radius: 0;
    vertical-align: middle;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
    .login_main .loginForm input[type='checkbox']:checked::before {
        content: '';
        background: url(../images/login-images/check_selected.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        width: 100%;
        height: 100%;
    }
.login_main .loginForm input[type='checkbox']:checked {
  background: 0 0;
}
.login_main .loginForm .lineBtn {
  margin: 13px 0 20px 0;
  line-height: 42px;
  display: flex;
  justify-content: space-between;
}
.login_main .loginForm .loginBtn,
.login_main .loginForm .regBtn {
  width: 144px;
  height: 42px;
  border-radius: 4px 4px 4px 4px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  line-height: 42px;
}
.login_main .loginForm .loginBtn {
  background: #f22d03;
  border: none;
  font-family: Tahoma;
}
.login_main .loginForm .regBtn {
  background: #2c7fda;
  text-decoration: none;
}
.login_main .loginForm .weChatLogin {
  display: none;
}
.login_main .loginForm .weChatLogin .wx-title {
  margin-top: 16px;
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 26px;
  color: #666;
}

.login_main .loginForm .weChatLogin .wx-title img {
  width: 22px;
  height: 22px;
  margin-right: 5px;
}
.login_main .loginForm .weChatLogin .wx-title a {
  color: #f22d03;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0 5px;
}

.login_main .loginForm .weChatLogin .login-xspiframe {
  margin-top: 59px;
  position: relative;
  height: 209px;
}
.login_main .loginForm .weChatLogin .login-xspiframe .login-wechatiframe {
  width: 209px;
  height: 209px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 4px 4px 4px 4px;
}

.login_main .loginForm .weChatLogin .login-xspiframe .login-wechatiframe img {
  width: 100%;
  height: 100%;
}

.login_main .loginForm .weChatLogin .login-xspiframe .login-xspiframe-popup {
  height: 209px;
  width: 209px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  border: 1px solid #e2e2e2;
  border-radius: 4px 4px 4px 4px;
}

.login_main .loginForm .weChatLogin .login-xspiframe .login-xspiframe-bg {
  width: 209px;
  height: 209px;
  background: rgba(0, 0, 0, 0.55);
  color: #ffffff;
  text-align: center;
  border-radius: 4px;
  display: none;
}
.login_main .loginForm .weChatLogin .login-xspiframe .login-xspiframe-bg p {
  padding: 65px 0 16px 0;
  font-size: 14px;
}
.login_footer {
  margin-top: 0px;
  padding-top: 78px;
}

/*  手机号登录*/
.phoneLogin {
  display: none;
}
.login-phone .code {
  position: relative;
}

.login-phone .code .yzm {
  width: 90px;
  height: 42px;
  text-align: right;
  line-height: 42px;
  display: block;
  color: #F22D03;
  cursor: pointer;
  font-family: Tahoma;
  border: none;
  background-color: transparent;
  position: absolute;
  right: 14px;
  top: 0;
  font-size: 14px;
}
.login-phone .login-tab-box-input .code .check_code {
  padding: 0px 14px 0 14px;
}
.login-phone .code .yzm.disabled {
  color: #999999;
}

/* 滑块 */
.outer {
  position: relative;
  width: 100%;
  height: 42px;
  line-height: 42px;
  background: #eeeeee;
  font-size: 12px;
  border-radius: 4px;
}

.outer span,
.filter-box,
.inner {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.outer span {
  display: block;
  padding: 0 18px 0 40px;
  font-size: 14px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #666666;
  text-align: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  text-align: right;
}

.filter-box {
  width: 0;
  height: 100%;
  background: #7ac23c;
  z-index: 9;
  border-radius: 4px 0 0 4px;
}

.outer.act span {
  padding: 0 20px 0 0;
  border-radius: 4px;
  text-align: center;
}

.inner {
    width: 42px;
    height: 42px;
    border: 1px solid #dddddd;
    font-size: 16px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    z-index: 10;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    border-radius: 4px 4px 4px 4px;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff url(../images/login-images/inner.png) no-repeat center;
}

.outer.act .inner {
  text-indent: -99999px;
  overflow: hidden;
  background: #fff
    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==')
    no-repeat center;
}

.outer.act span {
  z-index: 99;
  color: #fff;
}
/*多账号登录*/
.login-phone-list {
  position: absolute;
  left: 0;
  top: 0px;
  right: 0;
  background: #fff;
  z-index: 100;
  display: none;
}

.login-phone-list ul {
  height: 228px;
  width: 100%;
  margin-bottom: 20px;
  overflow-y: auto;
}

.login-phone-list ul li {
  padding: 0px 0 0 86px;
  margin-bottom: 12px;
  position: relative;
  min-height: 58px;
  cursor: pointer;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.login-phone-list ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.login-phone-list ul li span {
  position: absolute;
  left: 14px;
  top: 0;
  display: flex;
  width: 46px;
  height: 46px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
  justify-content: center;
  align-items: center;
}

.login-phone-list ul li img {
  max-width: 45px;
  max-height: 45px;
}

.login-phone-list ul li h4 {
  line-height: 14px;
  font-size: 14px;
  color: #222;
  margin: 10px 0 6px 0;
  font-weight: normal;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.login-phone-list ul li div {
  line-height: 14px;
  color: #999999;
  font-size: 14px;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.login-phone-list ul li label {
  position: absolute;
  left: 50px;
  top: 33px;
  display: block;
  width: 16px;
  height: 16px;
  background: #2c7fda;
  border-radius: 50%;
}

    .login-phone-list ul li.on label {
        background: url(../images/login-images/check.png) no-repeat center center #f22d03;
    }

.login-phone-list .submit-btn {
  padding: 0;
}

.login-phone-list .submit-btn input {
  font-weight: normal;
}

.login-phone-list .submit-btn input[type='button'] {
  width: 100%;
  background: #f22d03;
  border: none;
  font-family: Tahoma;
  height: 34px;
  border-radius: 4px 4px 4px 4px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  line-height: 34px;
  letter-spacing: 2px;
}

.login-phone-list ul::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.login-phone-list ul::-webkit-scrollbar-track {
  background: rgb(217, 217, 217, 0.3);
  border-radius: 5px;
}

.login-phone-list ul::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 5px;
}