@charset "utf-8";
.iconfont {
  -webkit-text-stroke-width: 0 !important;
}

.orange {
  color: #ff7745 !important;
}

/* 6.3鍏ㄧ珯瀵艰埅 */
.navigation {
  width: 100%;
  min-width: 1200px;
  background-color: #36393e;
  position: relative;
  z-index: 1023;
  left: 0;
  top: 0;
}

.navigation .nav-top-bar {
  height: 40px;
  border-bottom: 1px solid #2a2d33;
  line-height: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navigation .nav-top-bar .slogan {
  float: left;
  width: 550px;
  height: 40px;
}

.navigation .nav-top-bar .slogan a {
  display: inline-block;
  height: 30px;
  margin: 5px 0 0;
}

.navigation .nav-top-bar .slogan img {
  display: inline-block;
  width: 330px;
  height: 30px;
}

.navigation .nav-top-bar .slogan .andexin {
  width: 121px;
  height: 30px;
  margin-left: -30px;
}

.navigation .nav-top-bar .top-right-link {
  text-align: right;
  width: 500px;
  float: right;
}

.navigation .nav-top-bar .top-right-link > a {
  color: #fff;
  font-size: 14px;
  margin-left: 40px;
}

.navigation .nav-top-bar .top-right-link > a:hover {
  color: #ff7745;
}

.navigation .nav-top-bar .top-right-link > a:first-child {
  margin-left: 0;
}

.navigation .nav-top-bar .top-right-link .app-download {
  display: inline-block;
  position: relative;
  color: #fff;
  font-size: 14px;
  margin-left: 40px;
  cursor: pointer;
}

.navigation .nav-top-bar .top-right-link .app-download:hover {
  color: #ff7745;
}

.navigation .nav-top-bar .top-right-link .app-download:hover .app-download-box {
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.navigation .nav-top-bar .top-right-link .app-download-box {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -180px;
  z-index: 1024;
  visibility: hidden;
  width: 299px;
  height: 128px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  background-color: #fff;
  padding: 20px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0;
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

.navigation .nav-top-bar .top-right-link .app-download-box li {
  float: left;
  margin-left: 38px;
}

.navigation .nav-top-bar .top-right-link .app-download-box li:first-child {
  margin-left: 0;
}

.navigation .nav-top-bar .top-right-link .app-download-box li.r-load {
  width: 130px;
}

.navigation .nav-top-bar .top-right-link .app-download-box li.r-load p {
  text-align: left;
  line-height: 1;
  height: 18px;
  font-size: 12px;
  color: #333;
}

.navigation .nav-top-bar .top-right-link .app-download-box .app-down {
  display: block;
  width: 130px;
  height: 40px;
}

.navigation .nav-top-bar .top-right-link .app-download-box .app-down.ios {
  background:  no-repeat;
  margin: 20px 0 9px;
}

.navigation .nav-top-bar .top-right-link .app-download-box .app-down.android {
  background:  no-repeat;
}

.navigation .nav-top-bar .top-right-link a.focus {
  padding: 2px 7px;
  border: 1px solid #ff7745;
  color: #ff7745;
  border-radius: 2px;
  -webkit-transition: .3s;
  transition: .3s;
}

.navigation .nav-top-bar .top-right-link a.focus:hover {
  background-color: #ff7745;
  color: #fff;
}

.navigation .nav-top-bar .top-right-link .hot > span {
  position: relative;
  color: #ff7745;
}

.navigation .nav-top-bar .top-right-link .hot > span:after {
  display: block;
  content: '';
  background:  no-repeat;
  width: 30px;
  height: 12px;
  position: absolute;
  right: -18px;
  top: -7px;
}

.navigation .nav-top-bar .top-right-link .hot:hover > span {
  color: #fff;
}

.navigation .nav-wrap {
  height: 60px;
  -webkit-transition: .2s;
  transition: .2s;
}

.navigation .nav-wrap .container {
  height: 60px;
  -webkit-transition: .2s;
  transition: .2s;
}

.navigation .nav-wrap .logo {
  visibility: hidden;
  width: 0;
  height: 30px;
  margin: 10px 0;
  opacity: 0;
  float: left;
  -webkit-transition: .2s;
  transition: .2s;
}

.navigation .nav-wrap .logo img {
  display: block;
  width: 30px;
  height: 30px;
}

.navigation .nav-wrap .nav-main {
  width: 520px;
  float: left;
}

.navigation .nav-wrap .nav-main li {
  display: inline-block;
  font-size: 16px;
  height: 60px;
  margin-right: 38px;
  position: relative;
  -webkit-transition: .2s;
  transition: .2s;
}

.navigation .nav-wrap .nav-main li > a {
  display: block;
  line-height: 57px;
  -webkit-transition: .2s;
  transition: .2s;
  position: relative;
  color: #fff;
}

.navigation .nav-wrap .nav-main li > a em {
  background:  no-repeat;
  width: 5px;
  height: 4px;
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -2px;
}

.navigation .nav-wrap .nav-main li:hover:after {
  display: block;
  content: '';
  height: 3px;
  background-color: #ff7745;
}

.navigation .nav-wrap .nav-main li:hover .sub-nav {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.navigation .nav-wrap .nav-main li:hover > a em {
  background:  no-repeat;
}

.navigation .nav-wrap .nav-main .cur:after {
  display: block;
  content: '';
  height: 3px;
  background-color: #ff7745;
}

.navigation .nav-wrap .sub-nav {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -52px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 1px;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
  width: 102px;
  z-index: 999;
  padding: 10px 0;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

.navigation .nav-wrap .sub-nav a {
  display: block;
  text-align: center;
  line-height: 1;
  color: #666;
  padding: 10px 0;
}

.navigation .nav-wrap .sub-nav a:hover {
  background-color: #eee;
}

.navigation .nav-wrap .login-search {
  width: 620px;
  padding: 14px 0;
  float: right;
  text-align: right;
  -webkit-transition: .2s;
  transition: .2s;
}

.navigation .nav-wrap .login-search > li {
  float: right;
}

.navigation .nav-wrap .login-search .system {
  width: 120px;
  height: 32px;
  border-radius: 2px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 1;
  margin-right: 10px;
  cursor: pointer;
}

.navigation .nav-wrap .login-search .system span,
.navigation .nav-wrap .login-search .system em {
  padding: 8px 0;
  display: inline-block;
  vertical-align: middle;
}

.navigation .nav-wrap .login-search .system em {
  background:  no-repeat center;
  width: 24px;
  height: 16px;
  margin-right: 10px;
}

.navigation .nav-wrap .login-search .system:hover {
  background-color: #42464d;
}

.navigation .nav-wrap .login-search .search-wrap {
  width: 300px;
  height: 28px;
  padding: 2px;
  background-color: #f8f8f8;
  border-radius: 2px;
  vertical-align: top;
  margin-right: 30px;
  position: relative;
}

.navigation .nav-wrap .login-search .search-wrap .text {
  display: inline-block;
  width: 228px;
  float: left;
  padding: 0 5px;
  position: relative;
}

.navigation .nav-wrap .login-search .search-wrap .text input {
  background-color: #f8f8f8;
  display: block;
  width: 100%;
  height: 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  color: #666;
}

.navigation .nav-wrap .login-search .search-wrap .text .hot {
  max-width: 98%;
  text-align: left;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  top: 5px;
  left: 5px;
  cursor: pointer;
}

.navigation .nav-wrap .login-search .search-wrap .text span {
  font-size: 12px;
  padding: 3px 8px;
  background-color: #e6e6e6;
  border-radius: 2px;
  color: #666;
  margin-left: 6px;
  cursor: pointer;
}

.navigation .nav-wrap .login-search .search-wrap .text span:first-child {
  margin-left: 0;
}

.navigation .nav-wrap .login-search .search-wrap .button {
  display: inline-block;
  width: 58px;
}

.navigation .nav-wrap .login-search .search-wrap .search-btn {
  display: block;
  width: 58px;
  height: 28px;
  background-color: #e5e5e5;
}

.navigation .nav-wrap .login-search .search-wrap .search-btn em {
  display: block;
  background:  no-repeat center;
  width: 58px;
  height: 28px;
}

.navigation .nav-wrap .login-search .search-wrap .search-btn:hover {
  background-color: #dbdbdb;
}

.navigation .nav-wrap .login-search .search-wrap .search-btn:active {
  background-color: #d1d1d1;
}

.navigation .nav-wrap .login-search .btn {
  display: inline-block;
  width: 70px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  color: #fff;
  border-radius: 2px;
  -webkit-transition: .3s;
  transition: .3s;
}

.navigation .nav-wrap .login-search .btn.login {
  background-color: #42464d;
}

.navigation .nav-wrap .login-search .btn.login:hover {
  background-color: #565a61;
}

.navigation .nav-wrap .login-search .btn.signup {
  background-color: #ff7745;
  margin-left: 7px;
}

.navigation .nav-wrap .login-search .btn.signup:hover {
  background-color: #f56d3b;
}

.navigation .nav-wrap .login-search .member {
  position: relative;
}

.navigation .nav-wrap .login-search .member .member-photo {
  display: block;
  width: 32px;
  height: 32px;
}

.navigation .nav-wrap .login-search .member .member-photo img {
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
}

.navigation .nav-wrap .login-search .member .user-nav-list {
  position: absolute;
  right: -14px;
  z-index: 99999;
  text-align: left;
  visibility: hidden;
  border: 14px solid transparent;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.navigation .nav-wrap .login-search .member .user-nav-list .shadow {
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
}

.navigation .nav-wrap .login-search .member .user-nav-list .recent {
  border-bottom: 1px solid #e6e6e6;
  padding: 12px 20px;
  line-height: 1;
  font-size: 12px;
  width: 280px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fff;
}

.navigation .nav-wrap .login-search .member .user-nav-list .recent a {
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}

.navigation .nav-wrap .login-search .member .user-nav-list .recent i {
  font-size: 16px;
  vertical-align: middle;
  color: #ff7745;
}

.navigation .nav-wrap .login-search .member .user-nav-list .recent span {
  vertical-align: middle;
}

.navigation .nav-wrap .login-search .member .user-nav-list .top-info {
  background:  no-repeat;
  width: 280px;
  height: 99px;
  padding: 20px 20px 0 20px;
  position: relative;
}

.navigation .nav-wrap .login-search .member .user-nav-list .top-info .exchange {
  font-size: 12px;
  color: #fff;
  position: absolute;
  right: 15px;
  top: 10px;
}

.navigation .nav-wrap .login-search .member .user-nav-list .top-info .mt-6 {
  margin-top: 6px;
}

.navigation .nav-wrap .login-search .member .user-nav-list p.user-name {
  padding: 20px 0;
  color: #666;
  font-size: 14px;
  font-weight: bold;
}

.navigation .nav-wrap .login-search .member .user-nav-list .card-avatar {
  position: relative;
  width: 67px;
  height: 67px;
}

.navigation .nav-wrap .login-search .member .user-nav-list .card-avatar > img {
  border: 2px solid #ff7745;
  border-radius: 63px;
}

.navigation .nav-wrap .login-search .member .user-nav-list .card-user {
  margin-left: 77px;
  color: #fff;
}

.navigation .nav-wrap .login-search .member .user-nav-list .card-user p {
  line-height: 1;
}

.navigation .nav-wrap .login-search .member .user-nav-list .card-user p:first-child {
  line-height: 40px;
}

.navigation .nav-wrap .login-search .member .user-nav-list .card-user ol li i {
  font-size: 14px;
  padding-right: 5px;
}

.navigation .nav-wrap .login-search .member .user-nav-list .card-user a.user-name {
  color: #fff;
}

.navigation .nav-wrap .login-search .member .user-nav-list .card-user a.vip {
  margin-left: 10px;
}

.navigation .nav-wrap .login-search .member .user-nav-list .card-user .currency {
  color: #fff;
  position: relative;
  top: -2px;
  font-size: 12px;
  line-height: 1;
}

.navigation .nav-wrap .login-search .member .user-nav-list .card-user .currency span,
.navigation .nav-wrap .login-search .member .user-nav-list .card-user .currency img {
  vertical-align: middle;
  font-size: 12px;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-level {
  height: 16px;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-level li {
  float: left;
  margin-left: 15px;
  position: relative;
  height: 18px;
  line-height: 18px;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-level li:first-child {
  margin-left: 0;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-link-boxer {
  background-color: #fff;
  padding: 5px 20px 20px 14px;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-link-boxer li {
  margin-top: 15px;
  margin-left: 6px;
  width: 137px;
  height: auto;
  float: left;
  line-height: 16px;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-link-boxer li em {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  background-color: #ff7745;
  padding: 0 3px;
  border-radius: 2px;
  margin-left: 5px;
  *display: inline;
  *zoom: 1;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-link-boxer a {
  font-size: 14px;
  color: #666;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-link-boxer a:hover {
  color: #ff7745;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-link-boxer a:hover .iconfont {
  color: #ff7745;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-link-boxer .iconfont {
  margin-right: 10px;
  vertical-align: top;
  font-size: 18px;
  color: #c1c1c1;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-link-boxer .iconfont.msg {
  position: relative;
  top: 1px;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-board-b {
  padding: 0 20px;
  line-height: 32px;
  background: #f9f9f9;
  font-size: 12px;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-board-b > a {
  color: #999;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-board-b .fl {
  font-size: 14px;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-board-b .iconfont {
  font-size: 22px;
  vertical-align: middle;
  color: #c1c1c1;
  margin-right: 7px;
  margin-left: -2px;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-board-b span {
  vertical-align: middle;
}

.navigation .nav-wrap .login-search .member .user-nav-list .user-board-b b {
  vertical-align: middle;
  margin-left: 10px;
  font-weight: normal;
  font-size: 12px;
  color: #ff7745;
}

.navigation .nav-wrap .login-search .member:hover .user-nav-list {
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.26);
  transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.26);
}

.navigation .nav-wrap .login-search .member   .search-wrap {
  width: 360px;
}

.navigation .nav-wrap .login-search .member   .search-wrap .text {
  width: 283px;
}

.navigation .nav-wrap .search-result-board {
  position: absolute;
  right: 0;
  top: 46px;
  z-index: 999;
  background: #fff;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
  width: 500px;
  text-align: left;
}

.navigation .nav-wrap .search-result-board .tutor-result {
  text-align: left;
}

.navigation .nav-wrap .search-result-board .tutor-result .result-item {
  display: block;
  font-size: 14px;
  color: #333;
  padding: 0 20px;
  height: 48px;
  line-height: 48px;
}

.navigation .nav-wrap .search-result-board .tutor-result .result-item:hover {
  color: #ff7745;
}

.navigation .nav-wrap .search-result-board .tutor-result li {
  margin: 0 20px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}

.navigation .nav-wrap .search-result-board .tutor-result li .header-pic {
  float: left;
  padding: 20px 14px 20px 0;
  width: 48px;
  height: 48px;
}

.navigation .nav-wrap .search-result-board .tutor-result li .header-pic img {
  width: 48px;
  height: 48px;
}

.navigation .nav-wrap .search-result-board .tutor-result li .intro {
  float: left;
  padding-top: 18px;
}

.navigation .nav-wrap .search-result-board .tutor-result li .intro .name {
  font-size: 14px;
  font-weight: normal;
  color: #333;
}

.navigation .nav-wrap .search-result-board .tutor-result li .intro .position {
  font-size: 14px;
  color: #999;
  margin-bottom: 22px;
}

.navigation .nav-wrap .search-result-board .tutor-result li .intro .position span {
  margin: 0 5px;
}

.navigation .nav-wrap .search-result-board .tutor-result li:last-child {
  border-bottom: none;
}

.navigation.fixed-top {
  position: fixed;
  left: 0;
  top: -41px;
  z-index: 1023;
  background-color: #36393e;
  background-color: rgba(19, 22, 28, 0.85);
  -webkit-transform: translatez(0);
}

.navigation.fixed-top .nav-wrap {
  height: 50px;
}

.navigation.fixed-top .nav-wrap .container {
  height: 50px;
}

.navigation.fixed-top .nav-wrap .logo {
  visibility: visible;
  width: 30px;
  margin-right: 30px;
  opacity: 1;
}

.navigation.fixed-top .nav-wrap .nav-main li {
  height: 50px;
}

.navigation.fixed-top .nav-wrap .nav-main li > a {
  line-height: 47px;
}

.navigation.fixed-top .nav-wrap .login-search {
  padding: 9px 0;
}

.navigation.fixed-top .nav-wrap .login-search .member .user-nav-list {
  right: -9px;
  border: 9px solid transparent;
}

.navigation.fixed-top .nav-wrap .search-result-board {
  top: 41px;
}

.navigation .course-system {
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -503px;
  z-index: 99999;
  min-width: 628px;
  max-width: 1010px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
  padding: 0 20px;
}

.navigation .course-system .type-tab {
  height: 60px;
  line-height: 58px;
  padding: 10px 10px 0 20px;
  font-size: 24px;
  color: #999;
  border-bottom: 1px solid #e6e6e6;
}

.navigation .course-system .type-tab li {
  float: left;
  margin-left: 50px;
  cursor: pointer;
}

.navigation .course-system .type-tab li.cur {
  color: #333;
  border-bottom: 3px solid #ff7745;
}

.navigation .course-system .type-tab li:first-child {
  margin-left: 0;
}

.navigation .course-system .type-tab li.nav-view-all {
  float: right;
  font-size: 14px;
}

.navigation .course-system .type-tab li.nav-view-all a {
  color: #666;
}

.navigation .course-system .type-tab li.nav-view-all a:hover {
  color: #ff7745;
}

.navigation .course-system .type-tab li.nav-view-all a:hover em {
  background:  no-repeat;
}

.navigation .course-system .type-tab li.nav-view-all span {
  vertical-align: middle;
}

.navigation .course-system .type-tab li.nav-view-all em {
  display: inline-block;
  background:  no-repeat;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-left: 10px;
}

.navigation .course-system .type-wrap {
  margin-bottom: 20px;
}

.navigation .course-system .type-wrap div {
  display: none;
}

.navigation .course-system .type-wrap div:first-child {
  display: block;
}

.navigation .course-system .type-wrap table {
  width: 100%;
}

.navigation .course-system .type-wrap table tr:nth-child(odd) {
  background-color: #f9f9f9;
}

.navigation .course-system .type-wrap table td:first-child {
  width: 150px;
  border-right: 1px solid #e6e6e6;
}

.navigation .course-system .type-wrap table td a {
  display: inline-block;
  margin: 0 18px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #666;
}

.navigation .course-system .type-wrap table td a:hover {
  color: #ff7745;
}

.navigation .course-system .type-wrap .label {
  display: block;
  height: 50px;
  padding: 0 20px;
  line-height: 50px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

.navigation .course-system .type-wrap .label a {
  margin: 0;
}

/* 6.10 鍏ㄧ珯瀵艰埅 */
.global-navigation {
  height: 60px;
  background-color: #36393e;
  width: 100%;
  min-width: 1200px;
  position: relative;
}

.global-navigation .content {
  width: 1200px;
  margin: 0 auto;
}

.global-navigation .content .box {
  margin-left: -40px;
}

.global-navigation .content .train {
  margin-left: 40px;
  padding-top: 14px;
  width: 245px;
  float: left;
  height: 52px;
}

.global-navigation .content .train.vip {
  width: 52px;
  height: 52px;
}

.global-navigation .content .train.vip dt a {
  position: relative;
  display: block;
  width: 52px;
  height: 52px;
  background:  no-repeat;
}

.global-navigation .content .train.vip dt a .hot {
  position: absolute;
}

.global-navigation .content .train dt {
  float: left;
  width: 52px;
  height: 52px;
  position: relative;
}

.global-navigation .content .train dt .hot {
  position: absolute;
  top: -5px;
  right: -8px;
  width: 22px;
  height: 12px;
  background:  no-repeat;
}

.global-navigation .content .train dt a {
  display: block;
  width: 52px;
  height: 52px;
  line-height: 18px;
  padding: 8px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  color: #fff;
  background:  no-repeat;
  color: #fff;
}

.global-navigation .content .train dt a:hover {
  color: #fff;
}

.global-navigation .content .train dd {
  float: left;
  width: 193px;
  height: 48px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ddd;
}

.global-navigation .content .train dd a {
  float: left;
  position: relative;
  margin-right: 20px;
  line-height: 24px;
  width: 56px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #333;
}

.global-navigation .content .train dd a:hover {
  color: #ff7745;
}

.global-navigation .content .train dd a .hot {
  position: absolute;
  top: -5px;
  right: -8px;
  width: 22px;
  height: 12px;
  background:  no-repeat;
}

.global-navigation .logo {
  width: 160px;
  height: 60px;
  float: left;
  line-height: 58.5px;
}

.global-navigation .logo img {
  vertical-align: middle;
}

.global-navigation .all-course-link {
  width: 100px;
  float: left;
  position: relative;
}

.global-navigation .all-course-link:hover a .arrow {
  background:  no-repeat;
}

.global-navigation .all-course-link:hover .course-cate {
  display: block;
}

.global-navigation .all-course-link .course-cate {
  display: none;
  position: absolute;
  top: 60px;
  left: -20px;
  z-index: 1023;
  width: 140px;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}

.global-navigation .all-course-link .course-cate .l-nav {
  width: 140px;
  height: 400px;
  position: relative;
  left: -1px;
  background-color: #36393e;
}

.global-navigation .all-course-link .course-cate .l-nav ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 50px;
}

.global-navigation .all-course-link .course-cate .l-nav ul li a {
  display: block;
  height: 52px;
  line-height: 52px;
  padding: 0 20px;
  font-size: 14px;
  color: #ccc;
  -webkit-transition: .3s;
  transition: .3s;
}

.global-navigation .all-course-link .course-cate .l-nav ul li a:hover {
  color: #fff;
  background: #44484e;
  padding-left: 30px;
}

.global-navigation .all-course-link .course-cate .sub-menu {
  position: absolute;
  top: 0;
  left: 140px;
  width: 760px;
  min-height: 400px;
  height: 400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  font-size: 0;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
  padding: 40px 30px 40px 40px;
}

.global-navigation .all-course-link .course-cate .sub-menu .right-box a {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #666;
  display: inline-block;
}

.global-navigation .all-course-link .course-cate .sub-menu .right-box a:hover {
  color: #ff7745;
}

.global-navigation .all-course-link .course-cate .sub-menu .right-box dl {
  margin-top: 30px;
  display: table;
  font-size: 14px;
}

.global-navigation .all-course-link .course-cate .sub-menu .right-box dl:first-child {
  margin-top: 0;
}

.global-navigation .all-course-link .course-cate .sub-menu .right-box dl dt,
.global-navigation .all-course-link .course-cate .sub-menu .right-box dl dd {
  display: table-cell;
  vertical-align: top;
  line-height: 2;
}

.global-navigation .all-course-link .course-cate .sub-menu .right-box dl dt {
  font-weight: bold;
  white-space: nowrap;
}

.global-navigation .all-course-link .course-cate .sub-menu .right-box dl dt a {
  height: 28px;
  color: #333333;
}

.global-navigation .all-course-link .course-cate .sub-menu .right-box dl dd {
  padding-left: 20px;
}

.global-navigation .all-course-link .course-cate .sub-menu .right-box dl dd a {
  margin: 0 10px;
}

.global-navigation .all-course-link a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}

.global-navigation .all-course-link a .arrow {
  margin-left: 6px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background:  no-repeat;
}

.global-navigation .links {
  float: left;
  width: 500px;
  height: 60px;
  line-height: 60px;
}

.global-navigation .links > li {
  float: left;
  padding: 0 15px;
  height: 60px;
}

.global-navigation .links > li:hover > a {
  color: #ff7745;
}

.global-navigation .links > li:hover .sub-nav {
  display: block;
  z-index: 1020;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.global-navigation .links > li.cur > a {
  color: #ff7745;
}

.global-navigation .links > li.cur .sub-nav {
  display: block;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}

.global-navigation .links a {
  font-size: 16px;
  color: #fff;
  display: block;
}

.global-navigation .links a:hover, .global-navigation .links a.cur {
  color: #ff7745;
}

.global-navigation .links .sub-nav {
  width: 100%;
  height: 80px;
  min-width: 1200px;
  background-color: #fff;
  position: absolute;
  display: none;
  left: 0;
  top: 60px;
  z-index: 1022;
  line-height: 50px;
}

.global-navigation .links .sub-nav .sub-menu {
  width: 140px;
  height: 50px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #e6e6e6;
  border-top-width: 0;
  border-bottom-width: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 30px;
}

.global-navigation .links .sub-nav .sub-menu > a {
  padding: 0 0 0 20px;
  color: #333333;
  font-size: 14px;
}

.global-navigation .links .sub-nav .sub-menu > a span,
.global-navigation .links .sub-nav .sub-menu > a i {
  display: inline-block;
}

.global-navigation .links .sub-nav .sub-menu > a span {
  width: 81px;
}

.global-navigation .links .sub-nav .sub-menu > a i {
  width: 20px;
  font-size: 12px;
  color: #d8d8d8;
}

.global-navigation .links .sub-nav .sub-menu:hover, .global-navigation .links .sub-nav .sub-menu.show {
  background-color: #f8f8f8;
}

.global-navigation .links .sub-nav .sub-menu:hover > a, .global-navigation .links .sub-nav .sub-menu.show > a {
  color: #ff7745;
  height: 50px;
}

.global-navigation .links .sub-nav .sub-menu:hover .iconfont, .global-navigation .links .sub-nav .sub-menu.show .iconfont {
  color: #ff7745;
}

.global-navigation .links .sub-nav .sub-menu:hover .course-categories, .global-navigation .links .sub-nav .sub-menu.show .course-categories {
  display: block;
}

.global-navigation .links .sub-nav .sub-menu.fadeout .course-categories {
  display: none;
}

.global-navigation .links .sub-nav .sub-list {
  display: inline-block;
  vertical-align: top;
  height: 50px;
}

.global-navigation .links .sub-nav .sub-list a {
  font-size: 14px;
}

.global-navigation .links .sub-nav li {
  float: left;
  font-size: 14px;
  padding: 0 30px;
  height: 50px;
}

.global-navigation .links .sub-nav li:first-child {
  padding-left: 0;
}

.global-navigation .links .sub-nav li a {
  color: #333333;
}

.global-navigation .links .sub-nav li a:hover, .global-navigation .links .sub-nav li a.cur {
  color: #ff7745;
}

.global-navigation .search-box {
  width: 200px;
  float: left;
  position: relative;
}

.global-navigation .search-box input {
  width: 200px;
  height: 40px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  margin: 10px 0;
  font-size: 14px;
  padding: 0 15px 0 45px;
}

.global-navigation .search-box .iconfont {
  position: absolute;
  left: 10px;
  top: 12px;
  color: #999;
  z-index: 10;
  font-size: 26px;
}

.global-navigation .search-box .search-result-board {
  position: absolute;
  right: 0;
  top: 51px;
  z-index: 1022 !important;
  background: #fff;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
  width: 500px;
  text-align: left;
}

.global-navigation .search-box .search-result-board .tutor-result {
  text-align: left;
}

.global-navigation .search-box .search-result-board .tutor-result .result-item {
  display: block;
  font-size: 14px;
  color: #333;
  padding: 0 20px;
  height: 48px;
  line-height: 48px;
}

.global-navigation .search-box .search-result-board .tutor-result .result-item:hover {
  color: #ff7745;
}

.global-navigation .search-box .search-result-board .tutor-result li {
  margin: 0 20px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}

.global-navigation .search-box .search-result-board .tutor-result li .header-pic {
  float: left;
  padding: 20px 14px 20px 0;
  width: 48px;
  height: 48px;
}

.global-navigation .search-box .search-result-board .tutor-result li .header-pic img {
  width: 48px;
  height: 48px;
}

.global-navigation .search-box .search-result-board .tutor-result li .intro {
  float: left;
  padding-top: 18px;
}

.global-navigation .search-box .search-result-board .tutor-result li .intro .name {
  font-size: 14px;
  font-weight: normal;
  color: #333;
}

.global-navigation .search-box .search-result-board .tutor-result li .intro .position {
  font-size: 14px;
  color: #999;
  margin-bottom: 22px;
}

.global-navigation .search-box .search-result-board .tutor-result li .intro .position span {
  margin: 0 5px;
}

.global-navigation .search-box .search-result-board .tutor-result li:last-child {
  border-bottom: none;
}

.global-navigation .user-info {
  width: 160px;
  height: 60px;
  float: right;
}

.global-navigation .user-info .unauthenticated {
  line-height: 60px;
  font-size: 0;
}

.global-navigation .user-info .unauthenticated a {
  display: inline-block;
  width: 40px;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  margin: 14px 5px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
}

.global-navigation .user-info .unauthenticated a.a-register {
  background: #3f4f67;
  width: 100px;
  height: 28px;
  font-weight: 400;
  color: #ffd96b;
  line-height: 28px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  text-align: left;
}

.global-navigation .user-info .unauthenticated a.a-register img {
  float: left;
  width: 28px;
  height: auto;
}

.global-navigation .user-info .member {
  position: relative;
  float: right;
  margin-top: 10px;
  width: 45px;
}

.global-navigation .user-info .member .member-photo {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.global-navigation .user-info .member .member-photo img {
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.global-navigation .user-info .member .user-nav-list {
  position: absolute;
  right: -14px;
  z-index: 99999;
  text-align: left;
  visibility: hidden;
  border: 14px solid transparent;
  border-top-width: 5px;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.global-navigation .user-info .member .user-nav-list .shadow {
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
}

.global-navigation .user-info .member .user-nav-list .recent {
  border-bottom: 1px solid #e6e6e6;
  padding: 12px 20px;
  line-height: 1;
  font-size: 12px;
  width: 280px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fff;
}

.global-navigation .user-info .member .user-nav-list .recent a {
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}

.global-navigation .user-info .member .user-nav-list .recent i {
  font-size: 16px;
  vertical-align: middle;
  color: #ff7745;
}

.global-navigation .user-info .member .user-nav-list .recent span {
  vertical-align: middle;
}

.global-navigation .user-info .member .user-nav-list .top-info {
  background:  no-repeat;
  width: 280px;
  height: 99px;
  padding: 20px 20px 0 20px;
  position: relative;
}

.global-navigation .user-info .member .user-nav-list .top-info .exchange {
  font-size: 12px;
  color: #fff;
  position: absolute;
  right: 15px;
  top: 10px;
}

.global-navigation .user-info .member .user-nav-list .top-info .mt-6 {
  margin-top: 6px;
}

.global-navigation .user-info .member .user-nav-list p.user-name {
  padding: 20px 0;
  color: #666;
  font-size: 14px;
  font-weight: bold;
}

.global-navigation .user-info .member .user-nav-list .card-avatar {
  position: relative;
  width: 67px;
  height: 67px;
}

.global-navigation .user-info .member .user-nav-list .card-avatar > img {
  border: 2px solid #ff7745;
  border-radius: 63px;
}

.global-navigation .user-info .member .user-nav-list .card-user {
  margin-left: 77px;
  color: #fff;
}

.global-navigation .user-info .member .user-nav-list .card-user p {
  line-height: 1;
}

.global-navigation .user-info .member .user-nav-list .card-user p:first-child {
  line-height: 40px;
}

.global-navigation .user-info .member .user-nav-list .card-user ol li i {
  font-size: 14px;
  padding-right: 5px;
}

.global-navigation .user-info .member .user-nav-list .card-user a.user-name {
  color: #fff;
}

.global-navigation .user-info .member .user-nav-list .card-user a.vip {
  margin-left: 10px;
}

.global-navigation .user-info .member .user-nav-list .card-user .currency {
  color: #fff;
  position: relative;
  top: -2px;
  font-size: 12px;
  line-height: 1;
}

.global-navigation .user-info .member .user-nav-list .card-user .currency span,
.global-navigation .user-info .member .user-nav-list .card-user .currency img {
  vertical-align: middle;
  font-size: 12px;
}

.global-navigation .user-info .member .user-nav-list .user-level {
  height: 16px;
}

.global-navigation .user-info .member .user-nav-list .user-level li {
  float: left;
  margin-left: 15px;
  position: relative;
  height: 18px;
  line-height: 18px;
}

.global-navigation .user-info .member .user-nav-list .user-level li:first-child {
  margin-left: 0;
}

.global-navigation .user-info .member .user-nav-list .user-link-boxer {
  background-color: #fff;
  padding: 5px 20px 20px 14px;
}

.global-navigation .user-info .member .user-nav-list .user-link-boxer li {
  margin-top: 15px;
  margin-left: 6px;
  width: 137px;
  height: auto;
  float: left;
  line-height: 16px;
}

.global-navigation .user-info .member .user-nav-list .user-link-boxer li em {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  background-color: #ff7745;
  padding: 0 3px;
  border-radius: 2px;
  margin-left: 5px;
  *display: inline;
  *zoom: 1;
}

.global-navigation .user-info .member .user-nav-list .user-link-boxer a {
  font-size: 14px;
  color: #666;
}

.global-navigation .user-info .member .user-nav-list .user-link-boxer a:hover {
  color: #ff7745;
}

.global-navigation .user-info .member .user-nav-list .user-link-boxer a:hover .iconfont {
  color: #ff7745;
}

.global-navigation .user-info .member .user-nav-list .user-link-boxer .iconfont {
  margin-right: 10px;
  vertical-align: top;
  font-size: 18px;
  color: #c1c1c1;
}

.global-navigation .user-info .member .user-nav-list .user-link-boxer .iconfont.msg {
  position: relative;
  top: 1px;
}

.global-navigation .user-info .member .user-nav-list .user-board-b {
  padding: 0 20px;
  line-height: 32px;
  background: #f9f9f9;
  font-size: 12px;
}

.global-navigation .user-info .member .user-nav-list .user-board-b > a {
  color: #999;
}

.global-navigation .user-info .member .user-nav-list .user-board-b .fl {
  font-size: 14px;
}

.global-navigation .user-info .member .user-nav-list .user-board-b .iconfont {
  font-size: 22px;
  vertical-align: middle;
  color: #c1c1c1;
  margin-right: 7px;
  margin-left: -2px;
}

.global-navigation .user-info .member .user-nav-list .user-board-b span {
  vertical-align: middle;
}

.global-navigation .user-info .member .user-nav-list .user-board-b b {
  vertical-align: middle;
  margin-left: 10px;
  font-weight: normal;
  font-size: 12px;
  color: #ff7745;
}

.global-navigation .user-info .member:hover .user-nav-list {
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.26);
  transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.26);
}

.global-navigation .user-info .member   .search-wrap {
  width: 360px;
}

.global-navigation .user-info .member   .search-wrap .text {
  width: 283px;
}

.global-navigation .login-search {
  width: 440px;
  float: right;
}

.global-navigation .login-search .unauthenticated {
  display: block;
}

.global-navigation .login-search .member {
  display: none;
}

.global-navigation .login-search.login .search-box {
  width: 250px;
  position: relative;
}

.global-navigation .login-search.login .search-box input {
  width: 250px;
}

.global-navigation .login-search.login .search-box .search-result-board {
  position: absolute;
  right: 0;
  top: 60px;
  z-index: 999;
  background: #fff;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
  width: 500px;
  text-align: left;
}

.global-navigation .login-search.login .search-box .search-result-board .tutor-result {
  text-align: left;
}

.global-navigation .login-search.login .search-box .search-result-board .tutor-result .result-item {
  display: block;
  font-size: 14px;
  color: #333;
  padding: 0 20px;
  height: 48px;
  line-height: 48px;
}

.global-navigation .login-search.login .search-box .search-result-board .tutor-result .result-item:hover {
  color: #ff7745;
}

.global-navigation .login-search.login .search-box .search-result-board .tutor-result li {
  margin: 0 20px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}

.global-navigation .login-search.login .search-box .search-result-board .tutor-result li .header-pic {
  float: left;
  padding: 20px 14px 20px 0;
  width: 48px;
  height: 48px;
}

.global-navigation .login-search.login .search-box .search-result-board .tutor-result li .header-pic img {
  width: 48px;
  height: 48px;
}

.global-navigation .login-search.login .search-box .search-result-board .tutor-result li .intro {
  float: left;
  padding-top: 18px;
}

.global-navigation .login-search.login .search-box .search-result-board .tutor-result li .intro .name {
  font-size: 14px;
  font-weight: normal;
  color: #333;
}

.global-navigation .login-search.login .search-box .search-result-board .tutor-result li .intro .position {
  font-size: 14px;
  color: #999;
  margin-bottom: 22px;
}

.global-navigation .login-search.login .search-box .search-result-board .tutor-result li .intro .position span {
  margin: 0 5px;
}

.global-navigation .login-search.login .search-box .search-result-board .tutor-result li:last-child {
  border-bottom: none;
}

.global-navigation .login-search.login .unauthenticated {
  display: none;
}

.global-navigation .login-search.login .member {
  display: block;
}

.global-navigation .login-search.login .user-info {
  width: 50px;
  margin-right: 10px;
}

.global-navigation .login-search .app {
  float: right;
  width: 60px;
  height: 60px;
  position: relative;
}

.global-navigation .login-search .app a {
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 60px;
  text-align: center;
}

.global-navigation .login-search .app:hover a {
  color: #ff7745;
}

.global-navigation .login-search .app:hover .app-download-box {
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.global-navigation .login-search .app .app-download-box {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1024;
  visibility: hidden;
  width: 299px;
  height: 128px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  background-color: #fff;
  padding: 20px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0;
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

.global-navigation .login-search .app .app-download-box li {
  float: left;
  margin-left: 38px;
}

.global-navigation .login-search .app .app-download-box li:first-child {
  margin-left: 0;
}

.global-navigation .login-search .app .app-download-box li.r-load {
  width: 130px;
}

.global-navigation .login-search .app .app-download-box li.r-load p {
  text-align: left;
  line-height: 1;
  height: 18px;
  font-size: 12px;
  color: #333;
}

.global-navigation .login-search .app .app-download-box .app-down {
  display: block;
  width: 130px;
  height: 40px;
}

.global-navigation .login-search .app .app-download-box .app-down.ios {
  background:  no-repeat;
  margin: 20px 0 9px;
}

.global-navigation .login-search .app .app-download-box .app-down.android {
  background:  no-repeat;
}

.global-navigation .login-search .app .app-download-box:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: -5px;
  right: 5px;
}

.global-navigation .course-categories {
  width: 140px;
  display: none;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}

.global-navigation .course-categories .left-list {
  width: 140px;
  position: relative;
  left: -1px;
  background-color: #36393e;
}

.global-navigation .course-categories .left-list .link {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 50px;
}

.global-navigation .course-categories .left-list .link > a {
  display: block;
  height: 52px;
  line-height: 52px;
  padding: 0 20px;
  font-size: 14px;
  color: #ccc;
  -webkit-transition: .3s;
  transition: .3s;
}

.global-navigation .course-categories .left-list .link:hover > a, .global-navigation .course-categories .left-list .link.show > a {
  color: #fff;
  background: #44484e;
  padding-left: 30px;
}

.global-navigation .course-categories .left-list .link:hover .right-list, .global-navigation .course-categories .left-list .link.show .right-list {
  display: block;
}

.global-navigation .course-categories .right-list {
  width: 760px;
  min-height: 400px;
  position: absolute;
  top: 0;
  left: 140px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  font-size: 0;
  display: none;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
  padding: 40px 30px 40px 40px;
}

.global-navigation .course-categories .right-list a {
  font-size: 14px;
  color: #666;
  display: inline-block;
}

.global-navigation .course-categories .right-list a:hover {
  color: #ff7745;
}

.global-navigation .course-categories .right-list dl {
  margin-top: 30px;
  display: table;
  font-size: 14px;
}

.global-navigation .course-categories .right-list dl:first-child {
  margin-top: 0;
}

.global-navigation .course-categories .right-list dl dt,
.global-navigation .course-categories .right-list dl dd {
  display: table-cell;
  vertical-align: top;
  line-height: 2;
}

.global-navigation .course-categories .right-list dl dt {
  font-weight: bold;
  white-space: nowrap;
}

.global-navigation .course-categories .right-list dl dt a {
  color: #333333;
}

.global-navigation .course-categories .right-list dl dd {
  padding-left: 20px;
}

.global-navigation .course-categories .right-list dl dd a {
  margin: 0 10px;
}

.global-navigation.fixed-sub-nav .links > .cur .sub-nav {
  position: fixed;
  top: 0;
  left: 0;
}

.global-navigation.fixed-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1023;
}

.global-navigation.pb-50 {
  padding-bottom: 80px;
}

/*鍏叡鎸夐挳*/
.globe-btn50 {
  display: inline-block;
  width: 238px;
  height: 48px;
  line-height: 48px;
  background: #ff7745;
  border: 1px solid #ff7745;
  border-radius: 2px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}

.globe-btn50-nobg {
  background: none;
  border: 1px solid #ff7745;
  color: #ff7745;
}

.globe-btn50-nobg:hover {
  color: #fff;
}

.globe-ipt-btn {
  width: 122px;
  height: 40px;
  background: #ff7745;
  border: 1px solid #ff7745;
  border-radius: 2px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}

.globe-btn50:hover,
.globe-btn-s:hover,
.globe-ipt-btn:hover {
  background: #ff8860;
}

.globe-ipt-btn-disabled {
  background: #eef1f2;
  border: 1px solid #eef1f2;
  color: #999999;
}

.globe-ipt-btn-disabled:hover {
  background: #eef1f2;
  color: #999999;
}

.globe-ipt-btn-nobg {
  border: 1px solid #ff7745;
  background: none;
  color: #ff7745;
}

.globe-ipt-btn-nobg:hover {
  color: #fff;
}

/*涓夎褰con*/
.triangle-down {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 13px solid #acacac;
}

.triangle6-blue-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #266ea9;
}

/*闃村奖*/
.gray-shadow {
  box-shadow: 0 1px 2px #c5c5c5;
  -webkit-box-shadow: 0 1px 2px #c5c5c5;
  -moz-box-shadow: 0 1px 2px #c5c5c5;
  -o-box-shadow: 0 1px 2px #c5c5c5;
  -ms-box-shadow: 0 1px 2px #c5c5c5;
}

/*鍒嗛〉鏍峰紡*/
.pagination {
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding: 20px 0 50px 0;
}

.pagination.pt-gap {
  padding-top: 0;
}

.page {
  float: left;
  position: relative;
  left: 50%;
}

.page li {
  float: left;
  position: relative;
  right: 50%;
  overflow: hidden;
  margin: 0 7px;
  text-align: center;
}

.page li a {
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: #fff;
  color: #999;
  font-size: 14px;
  border: 1px solid #e8e8e8;
  border-radius: 36px;
}

.page li a.none-border {
  border: none;
}

.page li a.cur, .page li a:hover {
  border: 1px solid #ff7745;
  color: #ff7745;
}

/*select 鑷畾涔変笅鎷夊垪琛?/
.diy_select {
  float: left;
  height: 25px;
  line-height: 25px;
  width: 120px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  position: relative;
  z-index: 100;
  font-size: 12px;
  color: #bfbfbf;
  cursor: pointer;
}

.diy_select_btn,
.diy_select_txt {
  float: left;
  height: 100%;
  line-height: 25px;
}

.diy_select,
.diy_select_list {
  border: 1px solid #bfbfbf;
}

.diy_select_txt {
  width: 104px;
}

.diy_select_txt,
.diy_select_list li {
  text-indent: 5px;
  overflow: hidden;
}

.diy_select_btn {
  width: 6px;
  height: 6px;
  background:  no-repeat;
  background-position: -35px -36px;
  margin-top: 10px;
  margin-left: 4px;
}

.diy_select_list {
  position: absolute;
  top: 26px;
  left: -1px;
  z-index: 888;
  border-top: none;
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
  display: none;
  _top: 29px;
  background: #fff;
}

.diy_select_list li {
  background: #fff;
  list-style: none;
  height: 25px;
  line-height: 25px;
  _background: #fff;
}

.diy_select_list li.focus {
  background: #e6e6e6;
}

.pay-common {
  display: inline-block;
  padding: 0 15px;
  height: 48px;
  line-height: 48px;
  border: 1px solid #e6e6e6;
  background: #fefefe;
  color: #666;
  cursor: pointer;
  -webkit-transition: border-color .3s ease;
  transition: border-color .3s ease;
  text-align: center;
  font-size: 16px;
}

.pay-common.cur {
  background: #fff  no-repeat right bottom;
  border: 1px solid #ff7745;
}

/*鑷畾涔夊脊妗?/
/*** 寮规閬僵 ***/
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1023;
  background: #000;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.overlay1 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1023;
  background: #000;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.overlay-transparent {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1024;
  background: #000;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

.overlay-transparent-zindex {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 900;
  background: #000;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

.dialog-board {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 596px;
  z-index: 1024;
  margin-left: -300px;
  margin-top: -200px;
  padding: 1px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  -webkit-box-shadow: 0 6px 20px rgba(78, 9, 9, 0.05);
          box-shadow: 0 6px 20px rgba(78, 9, 9, 0.05);
  color: #666666;
  font-size: 14px;
}

.dialog-board .dialog-board-bar {
  position: relative;
  height: 56px;
  line-height: 56px;
  background: #fff;
  text-align: center;
  z-index: 99;
}

.dialog-board .dialog-board-bar h2 {
  padding-left: 18px;
  font-size: 22px;
  font-weight: normal;
  text-align: left;
  color: #333;
}

.dialog-board .dialog-board-bar h2 span {
  font-size: 14px;
  color: #666666;
  padding-left: 10px;
}

.dialog-board .box-container .btn-single {
  width: 300px;
  margin: 60px auto 0 auto;
}

.dialog-board .btn-col2 {
  padding: 0 90px;
}

.dialog-board .btn-col2 .globe-btn50 {
  width: 120px;
}

.dialog-board .btn-single-s .globe-btn50 {
  width: 98px;
  height: 30px;
  line-height: 30px;
}

.dialog-board .c-text-btn .txt-tips {
  line-height: 36px;
  text-align: center;
  font-size: 18px;
  color: #333;
}

.dialog-board .c-text-btn .sub-txt-tips {
  text-align: center;
  color: #333;
}

.dialog-board h3 {
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: normal;
  text-align: center;
  color: #333;
}

.dialog-board h3 > img {
  margin-right: 16px;
  vertical-align: middle;
}

.dialog-board-m {
  width: 446px;
  margin-left: -225px;
}

.dialog-board-m .board-m-gap {
  padding-top: 20px;
}

.dialog-board-m .btn-col2 {
  padding: 0 108px;
}

.dialog-board-m .btn-col2 .globe-btn50 {
  width: 98px;
  height: 30px;
  line-height: 30px;
}

.dialog-board-m .middle-box-w .btn-col2 {
  padding: 0 56px;
}

.dialog-board-m .globe-btn50 {
  font-size: 14px;
}

.dialog-board-none-title {
  width: 546px;
}

.dialog-board-none-title .close-dialog-board {
  top: 12px;
  right: 10px;
}

.dialog-board-none-title .dialog-board-bar,
.dialog-board-m-notitle .dialog-board-bar {
  height: auto;
  line-height: normal;
}

.close-dialog-board {
  position: absolute;
  top: 20px;
  right: 18px;
  display: block;
  width: 12px;
  height: 12px;
  background:  no-repeat;
  background-position: -449px 0;
}

.dialog-board-m-notitle .close-dialog-board {
  width: auto;
  height: auto;
  top: 14px;
  right: 14px;
  background: none;
  font-size: 20px;
  color: #ccc;
}

.dialog-board-content {
  padding: 30px;
}

.dialog-board-content .w-main-title {
  margin-bottom: 32px;
  height: 42px;
  line-height: 42px;
  font-size: 24px;
  font-weight: normal;
}

.dialog-board-content .w-main-title img {
  margin-right: 20px;
  vertical-align: middle;
}

.dialog-board-content .w-sub-title {
  font-size: 20px;
}

.dialog-board-content .w-message {
  font-size: 16px;
  color: #999;
  margin: 30px 0 40px;
}

.dialog-board-list {
  padding: 10px 20px 20px;
}

.box-container {
  padding: 20px;
}

.box-container label {
  margin: 10px 0;
  font-size: 16px;
}

.box-container label.fl {
  margin: 0;
}

.box-container .row-label {
  margin-bottom: 10px;
}

.box-container .row-label em {
  font-size: 14px;
  color: #999;
}

.box-container .ipt-border {
  position: relative;
  padding: 14px 10px;
  border: 1px solid #e6e6e6;
}

.box-container .ipt-border   .row-label {
  margin-top: 30px;
}

.box-container .area-border {
  padding: 10px;
}

.box-container .privacy {
  height: 30px;
  line-height: 30px;
  color: #333;
  margin-top: 20px;
  overflow: hidden;
}

.box-container .privacy dt {
  width: 90px;
  font-size: 16px;
  float: left;
  height: 30px;
}

.box-container .privacy dd {
  width: 450px;
  font-size: 14px;
  float: left;
  height: 30px;
  line-height: 30px;
}

.box-container .privacy label {
  margin-right: 50px;
}

.box-container .privacy label span {
  margin-left: 10px;
  vertical-align: middle;
}

.dialog-board .globe-btn50,
.dialog-board .globe-ipt-btn {
  height: 40px;
  line-height: 40px;
}

.dialog-board .btn-single .globe-btn50,
.dialog-board .globe-ipt-btn {
  width: 278px;
  height: 38px;
  line-height: 38px;
}

.dialog-board-m .btn-single,
.dialog-board-m .btn-single-s,
.dialog-board-m .btn-col2 {
  margin: 40px 0;
}

.dialog-board-m .btn-single,
.dialog-board-m .btn-single-s {
  text-align: center;
}

.box-container .ipt-border b,
.editor-wrap b {
  position: absolute;
  right: 5px;
  bottom: 2px;
  font-size: 12px;
  font-weight: normal;
  color: #999;
  z-index: 999;
}

.ipt100-text {
  width: 534px;
  height: 18px;
  line-height: 18px;
  background: #fff;
  border: none;
  font-size: 14px;
  color: #999;
}

.area100 {
  width: 534px;
  height: 80px;
  background: #fff;
  border: none;
  resize: none;
  font-size: 14px;
  color: #999;
}

.editor-all {
  position: relative;
  width: auto;
  height: auto;
}

#edui_fixedlayer {
  z-index: 1026 !important;
}

.b-tips {
  line-height: 32px;
  margin-top: 30px;
  color: #999;
}

.b-tips a.link {
  color: #ff7745;
}

.b-tips a.globe-btn50 {
  width: 80px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}

.dialog-board-qa .box-container {
  padding: 0 36px 30px 36px;
}

.dialog-board-qa .area100 {
  width: 506px;
}

.b-tips-r {
  text-align: right;
}

.b-tips-r > em {
  margin-right: 20px;
  cursor: pointer;
}

.dialog-board-modal {
  width: 450px;
  height: 285px;
  background: #fff;
  margin: -142px 0 0 -225px;
}

.dialog-board-modal .dialog-board-bar {
  height: 46px;
  line-height: 46px;
  border-bottom: none;
}

.dialog-board-modal .close-dialog-board {
  top: 15px;
  right: 15px;
}

.dialog-board-modal .dialog-board-content {
  padding: 0;
}

.service-concern {
  padding: 24px 0 30px 0;
  color: #333;
}

.service-concern .w-qrcode {
  padding-top: 17px;
  padding-bottom: 30px;
}

.service-concern .w-qrcode p {
  padding: 5px 0;
  line-height: 1;
  color: #666;
}

.service-concern .globe-btn50 {
  width: 278px;
}

.service-concern .multi-btn .globe-btn50 {
  width: 168px;
}

.service-concern .multi-btn .none-tips {
  margin-right: 44px;
  color: #999;
}

/*鑷畾涔夋彁绀哄脊妗?/
.xcdialog .alert {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -140px;
  z-index: 2000;
  width: 280px;
  padding: 20px 0;
  background: #2d2e32;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.xcdialog .alert i.tick {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background:  left center;
}

.xcdialog .alert span {
  margin-left: 16px;
}

.xcdialog .alert span.normal {
  font-weight: normal;
}

.xcdialog .alert p {
  margin-top: 16px;
  font-size: 16px;
  font-weight: normal;
}

/*uploadify begin*/
.head-mask {
  z-index: 0 !important;
}

.uploadify {
  position: absolute !important;
  top: 0;
  left: 0;
  display: block;
  width: 142px !important;
  height: 142px !important;
  line-height: 142px;
  text-align: center;
  z-index: 1;
}

.head-box #swfupload_0 {
  z-index: 100 !important;
}

.btn_sub_upload_avatar {
  font-size: 18px !important;
  text-shadow: none !important;
  width: 142px !important;
  height: 142px !important;
  line-height: 142px !important;
}

.btn_sub_upload_avatar .uploadify-button-text {
  display: none;
}

.personal-info-container .uploadify,
.basic-info-box .uploadify,
.large-box-container .uploadify {
  position: static !important;
  top: 0;
  height: auto !important;
  width: auto !important;
}

.personal-info-container .uploadify .uploadify-button:hover {
  background: #be5252 !important;
}

.personal-info-container .uploadify .uploadify-button .uploadify-button-text,
.basic-info-box .uploadify .uploadify-button .uploadify-button-text {
  font-size: 18px !important;
  text-shadow: none !important;
  font-weight: normal !important;
}

/*uploadify end*/
/* tiny scrollbar */
/*.tiny-scrollbar {
    width: 100%;
    .viewport {
        width: 97%;
        height: 240px;
        overflow: hidden;
        position: relative;
    }
    .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .scrollbar {
        background: transparent  no-repeat 0 0;
        position: relative;
        background-position: 0 0;
        float: right;
        width: 15px;
    }
    .track {
        background: transparent  no-repeat 0 100%;
        height: 100%;
        width: 13px;
        position: relative;
        padding: 0 1px;
    }
    .thumb {
        background: transparent  no-repeat 50% 100%;
        height: 20px;
        width: 25px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: -5px;
        .end {
            background: transparent  no-repeat 50% 0;
            overflow: hidden;
            height: 5px;
            width: 25px;
        }
    }
    .disable {
        display: none;
    }
}*/
.thead-result::-webkit-scrollbar,
.course-result::-webkit-scrollbar,
.message-tab-content-list::-webkit-scrollbar {
  width: 3px;
}

/* track */
.thead-result::-webkit-scrollbar-track,
.course-result::-webkit-scrollbar-track,
.message-tab-content-list::-webkit-scrollbar {
  background: #e6e6e6;
}

/* handle */
.thead-result::-webkit-scrollbar-thumb,
.course-result::-webkit-scrollbar-thumb,
.message-tab-content-list::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}

.thead-result::-webkit-scrollbar-thumb:window-inactive,
.course-result::-webkit-scrollbar-thumb:window-inactive,
.message-tab-content-list::-webkit-scrollbar-thumb:window-inactive {
  background: #c1c1c1;
}

.wx-qrcode {
  display: none;
  position: absolute;
  top: 36%;
  left: 50%;
  z-index: 1001;
  margin-left: -100px;
  width: 198px;
  height: 218px;
  border: 1px solid #e6e6e6;
  background: #fff;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 14px;
  color: #666;
}

.wx-qrcode .wx-close {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 15px;
  height: 15px;
  background:  no-repeat;
  background-position: -28px -61px;
  cursor: pointer;
}

.wx-qrcode #wx-code {
  display: block;
  width: 130px;
  height: 130px;
  margin: 38px auto 13px;
  *padding-top: 38px;
}

.wx-qrcode #wx-code img {
  margin-top: 10px;
}

.wx-qrcode #wx-code table {
  width: 100%;
  height: 100%;
}

.spinner {
  margin: 20px auto 0;
  width: 70px;
  text-align: center;
  font-size: 16px;
  color: #999;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #ff7745;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.share-tooltip {
  position: relative;
  text-align: center;
  cursor: pointer;
}

.share-tooltip span {
  padding-left: 20px;
}

.share-tooltip span i {
  color: #ff7745;
  margin-left: -12px;
  font-size: 20px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  padding-right: 5px;
}

.share-tooltip .wx-qq {
  position: absolute;
  top: 29px;
  left: -5px;
  width: 90px;
  height: 41px;
  line-height: 48px;
  display: none;
  background:  no-repeat;
  cursor: default;
}

.share-tooltip .wx-qq a {
  font-size: 20px;
  margin: 0 4px;
}

.share-tooltip .wx-qq a.wx {
  color: #80cb58;
}

.share-tooltip .wx-qq a.qq {
  color: #ffc600;
}

.white100 {
  width: 100%;
  height: 100%;
  background: #fff;
}

.long-tab-wrap {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  padding-top: 26px;
  border-bottom: 1px solid #ccc;
}

.long-tab {
  position: relative;
  left: 50%;
  float: left;
}

.long-tab li {
  position: relative;
  right: 50%;
  float: left;
  overflow: hidden;
  margin: 0 10px;
  text-align: center;
}

.long-tab li a {
  display: block;
  line-height: 16px;
  padding: 16px 10px;
  font-size: 14px;
  color: #333;
}

.long-tab li.cur a {
  font-size: 16px;
  border-bottom: 2px solid #ff7745;
}

/* 瑙嗛鍖哄煙 */
.videolayer {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1024;
  width: 1200px;
  height: 600px;
  margin-left: -600px;
  margin-top: -300px;
  background: #000;
}

.vl-bar {
  position: relative;
  width: 100%;
  height: 30px;
  background: #282828;
}

.vl-bar > h1 {
  line-height: 30px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
}

.vl-bar > em {
  position: absolute;
  right: 10px;
  top: 5px;
  width: 20px;
  height: 20px;
  background:  no-repeat;
  cursor: pointer;
}

/*澶撮儴骞垮憡*/
.xc-top-zbk {
  width: 100%;
  height: 60px;
  position: relative;
  background:  center 0px no-repeat;
}

.xc-top-zbk a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
}

.xc-top-zbk i {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 50px;
  color: #000;
  margin-top: -15px;
  font-size: 22px;
  opacity: .6;
}

/*绠＄悊浼氳娴嬭瘯娲诲姩鍏ュ彛*/
.glkjcs-pc {
  background:  no-repeat;
  width: 200px;
  height: 260px;
  position: fixed;
  top: 50%;
  left: 0;
  margin-top: -10px;
  z-index: 1023;
}

.glkjcs-pc.pic2 {
  background-image: ;
}

.glkjcs-pc .close-glkjce {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 143px;
  top: 100px;
}

.glkjcs-pc .click-here {
  display: block;
  width: 140px;
  height: 100px;
  position: absolute;
  bottom: 37px;
  left: 26px;
}

.glkj-pc {
  /*background:  no-repeat;
    background:  no-repeat;*/
  background:  no-repeat;
  width: 194px;
  height: 256px;
  position: fixed;
  top: 50%;
  left: 0;
  margin-top: -10px;
  z-index: 1023;
  /*&.pic2{
        background-image: ;
    }*/
}

.glkj-pc .close-glkjce {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 150px;
  top: 30px;
}

.glkj-pc .click-here {
  display: block;
  width: 140px;
  height: 100px;
  position: absolute;
  bottom: 21px;
  left: 20px;
}

body > .top-banner-index {
  height: 60px;
  width: 100%;
  overflow: hidden;
  min-width: 1200px;
  position: relative;
}

body > .top-banner-index a {
  display: block;
  width: 100%;
  position: relative;
  min-width: 1200px;
}

body > .top-banner-index a img {
  display: block;
  position: absolute;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  top: 0;
}

body > .top-banner-index .close-icon {
  background:  no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  left: 50%;
  top: 22px;
  margin-left: 580px;
}

/*浼樺寲娉ㄥ唽寮圭獥2017-12-15*/
.new-register {
  width: 660px;
  height: 410px;
  position: fixed;
  left: 50%;
  bottom: 50%;
  z-index: 1024;
  margin: 0 0 -205px -330px;
  background:  no-repeat;
  overflow: hidden;
}

.new-register .close {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 11px;
  top: 11px;
}

.new-register .show-wrap {
  width: 620px;
  height: 370px;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px;
}

.new-register .go-to-register {
  width: 280px;
  float: right;
}

.new-register .go-to-register .title {
  background:  no-repeat;
  width: 250px;
  height: 28px;
  margin: 30px auto 43px;
  overflow: hidden;
  text-indent: -500px;
}

.new-register .go-to-register ol {
  padding-left: 65px;
}

.new-register .go-to-register ol li {
  line-height: 1;
  color: #fff;
  font-size: 16px;
  margin-bottom: 26px;
}

.new-register .go-to-register .btn-wrap {
  text-align: center;
  padding-top: 14px;
}

.new-register .go-to-register .btn-wrap .btn-register {
  display: block;
  width: 258px;
  height: 60px;
  background:  no-repeat;
  margin: 0 auto 5px;
  overflow: hidden;
  text-indent: -500px;
  cursor: pointer;
}

.new-register .go-to-register .btn-wrap .btn-register:hover {
  background-image: ;
}

.new-register .go-to-register .btn-wrap p {
  font-size: 14px;
  color: #842f19;
}

.new-register .go-to-register .btn-wrap p a {
  color: #842f19;
  text-decoration: underline;
}

.new-register .go-to-register .btn-wrap p a:hover {
  color: #fff;
}

.new-register .new-register-form {
  width: 240px;
  height: 340px;
  float: right;
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 20px;
  display: none;
}

.new-register .new-register-form .error-msg {
  height: 14px;
  font-size: 12px;
  color: #ff0000;
  line-height: 1;
  padding: 3px 15px;
  margin-bottom: 7px;
}

.new-register .new-register-form .form-input li {
  margin-bottom: 5px;
  position: relative;
}

.new-register .new-register-form .form-input li a[class^=code] {
  position: absolute;
  width: 114px;
  height: 42px;
  right: 0;
  top: 0;
  overflow: hidden;
  z-index: 10;
  border-radius: 0 21px 21px 0;
}

.new-register .new-register-form .form-input li .code-sms {
  background-color: #fede59;
  text-align: center;
  line-height: 42px;
  color: #333333;
  -webkit-transition: .3s;
  transition: .3s;
}

.new-register .new-register-form .form-input li .code-sms:hover {
  background-color: #f9ce19;
}

.new-register .new-register-form .form-input li img {
  display: block;
  width: 114px;
  height: 42px;
}

.new-register .new-register-form .form-input label {
  display: block;
}

.new-register .new-register-form .form-input label input {
  width: 240px;
  height: 42px;
  border-radius: 21px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 15px;
  border: 0;
  background-color: #f8f6f0;
  color: #666;
  font-size: 12px;
}

.new-register .new-register-form .form-input .new-reg-btn {
  display: block;
  height: 42px;
  width: 240px;
  text-align: center;
  color: #333;
  font-size: 16px;
  line-height: 42px;
  background-color: #fede59;
  border-radius: 21px;
  margin-top: 15px;
  -webkit-transition: .3s;
  transition: .3s;
}

.new-register .new-register-form .form-input .new-reg-btn:hover {
  background-color: #f9ce19;
}

.new-register .new-register-form .form-input .reg-protocol {
  font-size: 12px;
  color: #666;
  text-align: center;
  padding-top: 2px;
}

.new-register .new-register-form .form-input .reg-protocol a {
  color: #ff7755;
}

.new-register.bottom {
  width: 660px;
  height: 110px;
  bottom: 0;
  margin: 0 0 0 -330px;
  background: none;
  z-index: -2;
  display: none;
}

.new-register.bottom .close,
.new-register.bottom .go-to-register,
.new-register.bottom .new-register-form,
.new-register.bottom .show-wrap {
  display: none;
}

.new-register.bottom .new-register-fixed-bottom {
  display: block;
}

.new-register .new-register-fixed-bottom {
  display: none;
  width: 660px;
  height: 110px;
  background:  no-repeat;
}

.new-register .new-register-fixed-bottom p {
  text-align: center;
  font-size: 14px;
  color: #fefefe;
  padding: 70px 0 0 40px;
}

.new-register .new-register-fixed-bottom button {
  position: absolute;
  top: 12px;
  right: 15px;
  display: block;
  width: 88px;
  height: 94px;
  border: 0;
  outline: none;
  background:  no-repeat;
}

.new-register .new-register-fixed-bottom button:hover {
  background-image: ;
}

.new-register.hide {
  display: none;
}

/*2018璇捐〃*/
.left-float-2018 {
  width: 152px;
  height: 188px;
  position: fixed;
  top: 50%;
  left: 0;
  z-index: 1023;
  margin-top: -91px;
  background:  no-repeat;
}

.left-float-2018 a {
  display: block;
  width: 132px;
  height: 168px;
  margin: 20px auto 0;
  border-radius: 16px;
  overflow: hidden;
  text-indent: -200px;
}

.left-float-2018 .close {
  position: absolute;
  top: 0px;
  right: 9px;
  width: 15px;
  height: 15px;
  margin: 0;
}

/*2018娉ㄥ唽鐧诲綍寮圭獥*/
.login-register-2018 ::-webkit-input-placeholder {
  /* chrome */
  color: #999999;
}

.login-register-2018 :-ms-input-placeholder {
  /* ie 10  */
  color: #999999;
}

.login-register-2018 ::-moz-placeholder {
  /* firefox 19  */
  color: #999999;
  opacity: 1;
}

.login-register-2018 :-moz-placeholder {
  /* firefox 4 - 18 */
  color: #999999;
  opacity: 1;
}

.login-register-2018 .close-btn {
  background:  no-repeat;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10;
}

.login-register-2018 input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.login-register-2018 .wrap-placeholder {
  left: 0 !important;
}

.login-register-2018 .login-register,
.login-register-2018 .bind-phone {
  width: 850px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1024;
  margin: -250px 0 0 -425px;
  background-color: #fff;
  border-radius: 5px;
}

.login-register-2018 .login-register .content-box,
.login-register-2018 .bind-phone .content-box {
  overflow: hidden;
  display: table;
  min-height: 350px;
  border-radius: 5px;
}

.login-register-2018 .login-register .normal-login.hide,
.login-register-2018 .login-register .bind-info-wrap.hide,
.login-register-2018 .bind-phone .normal-login.hide,
.login-register-2018 .bind-phone .bind-info-wrap.hide {
  display: none;
}

.login-register-2018 .login-register .normal-login .login-wrap,
.login-register-2018 .login-register .bind-info-wrap .login-wrap,
.login-register-2018 .bind-phone .normal-login .login-wrap,
.login-register-2018 .bind-phone .bind-info-wrap .login-wrap {
  width: 460px;
}

.login-register-2018 .login-register .normal-login .register-wrap,
.login-register-2018 .login-register .bind-info-wrap .register-wrap,
.login-register-2018 .bind-phone .normal-login .register-wrap,
.login-register-2018 .bind-phone .bind-info-wrap .register-wrap {
  width: 460px;
}

.login-register-2018 .login-register .normal-login .left,
.login-register-2018 .login-register .bind-info-wrap .left,
.login-register-2018 .bind-phone .normal-login .left,
.login-register-2018 .bind-phone .bind-info-wrap .left {
  padding: 30px 50px 40px 40px;
}

.login-register-2018 .login-register .normal-login .left .ul-tab,
.login-register-2018 .login-register .bind-info-wrap .left .ul-tab,
.login-register-2018 .bind-phone .normal-login .left .ul-tab,
.login-register-2018 .bind-phone .bind-info-wrap .left .ul-tab {
  font-size: 24px;
  color: #999999;
  line-height: 50px;
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 40px;
}

.login-register-2018 .login-register .normal-login .left .ul-tab li,
.login-register-2018 .login-register .bind-info-wrap .left .ul-tab li,
.login-register-2018 .bind-phone .normal-login .left .ul-tab li,
.login-register-2018 .bind-phone .bind-info-wrap .left .ul-tab li {
  text-align: center;
  margin-right: 20px;
  float: left;
  position: relative;
  padding: 0 24px;
  cursor: pointer;
}

.login-register-2018 .login-register .normal-login .left .ul-tab li span,
.login-register-2018 .login-register .bind-info-wrap .left .ul-tab li span,
.login-register-2018 .bind-phone .normal-login .left .ul-tab li span,
.login-register-2018 .bind-phone .bind-info-wrap .left .ul-tab li span {
  position: absolute;
  left: 94px;
  top: 13px;
  display: block;
  width: 180px;
  height: 24px;
  background:  no-repeat;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  text-align: center;
}

.login-register-2018 .login-register .normal-login .left .ul-tab li.on,
.login-register-2018 .login-register .bind-info-wrap .left .ul-tab li.on,
.login-register-2018 .bind-phone .normal-login .left .ul-tab li.on,
.login-register-2018 .bind-phone .bind-info-wrap .left .ul-tab li.on {
  color: #333333;
  border-bottom: 2px solid #ff7745;
  /*&:after{
                                display: block;
                                content: '';
                                width: 100px;
                                height: 2px;
                                background-color: #ff7745;
                                position: absolute;
                                bottom: -1px;
                                left: 0;
                            }*/
}

.login-register-2018 .login-register .normal-login .left .form-input,
.login-register-2018 .login-register .bind-info-wrap .left .form-input,
.login-register-2018 .bind-phone .normal-login .left .form-input,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input {
  width: 460px;
}

.login-register-2018 .login-register .normal-login .left .form-input .input-item,
.login-register-2018 .login-register .bind-info-wrap .left .form-input .input-item,
.login-register-2018 .bind-phone .normal-login .left .form-input .input-item,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input .input-item {
  position: relative;
  margin-top: 20px;
}

.login-register-2018 .login-register .normal-login .left .form-input .input-item:first-child,
.login-register-2018 .login-register .bind-info-wrap .left .form-input .input-item:first-child,
.login-register-2018 .bind-phone .normal-login .left .form-input .input-item:first-child,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input .input-item:first-child {
  margin-top: 0;
}

.login-register-2018 .login-register .normal-login .left .form-input .input-item.error span,
.login-register-2018 .login-register .normal-login .left .form-input .input-item.error input,
.login-register-2018 .login-register .bind-info-wrap .left .form-input .input-item.error span,
.login-register-2018 .login-register .bind-info-wrap .left .form-input .input-item.error input,
.login-register-2018 .bind-phone .normal-login .left .form-input .input-item.error span,
.login-register-2018 .bind-phone .normal-login .left .form-input .input-item.error input,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input .input-item.error span,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input .input-item.error input {
  color: #ff2100;
}

.login-register-2018 .login-register .normal-login .left .form-input .input-item.error input[type=text],
.login-register-2018 .login-register .bind-info-wrap .left .form-input .input-item.error input[type=text],
.login-register-2018 .bind-phone .normal-login .left .form-input .input-item.error input[type=text],
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input .input-item.error input[type=text] {
  border-bottom-color: #ff2100;
}

.login-register-2018 .login-register .normal-login .left .form-input .input-item .iconfont,
.login-register-2018 .login-register .bind-info-wrap .left .form-input .input-item .iconfont,
.login-register-2018 .bind-phone .normal-login .left .form-input .input-item .iconfont,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input .input-item .iconfont {
  position: absolute;
  top: 10px;
  left: 6px;
  z-index: 10;
  width: 30px;
  height: 30px;
  font-size: 20px;
  line-height: 30px;
  color: #999999;
  text-align: center;
}

.login-register-2018 .login-register .normal-login .left .form-input .pic-input,
.login-register-2018 .login-register .bind-info-wrap .left .form-input .pic-input,
.login-register-2018 .bind-phone .normal-login .left .form-input .pic-input,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input .pic-input {
  display: inline-block;
  width: 300px;
  vertical-align: top;
}

.login-register-2018 .login-register .normal-login .left .form-input input,
.login-register-2018 .login-register .bind-info-wrap .left .form-input input,
.login-register-2018 .bind-phone .normal-login .left .form-input input,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input input {
  display: block;
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  color: #333333;
  border: 0;
  padding-left: 43px;
  border-bottom: 1px solid #e6e6e6;
}

.login-register-2018 .login-register .normal-login .left .form-input .reset-pwd,
.login-register-2018 .login-register .bind-info-wrap .left .form-input .reset-pwd,
.login-register-2018 .bind-phone .normal-login .left .form-input .reset-pwd,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input .reset-pwd {
  display: block;
  width: 80px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  color: #666666;
  line-height: 50px;
  text-align: right;
}

.login-register-2018 .login-register .normal-login .left .form-input .reset-pwd a,
.login-register-2018 .login-register .bind-info-wrap .left .form-input .reset-pwd a,
.login-register-2018 .bind-phone .normal-login .left .form-input .reset-pwd a,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input .reset-pwd a {
  color: #666666;
}

.login-register-2018 .login-register .normal-login .left .form-input .refresh-image,
.login-register-2018 .login-register .bind-info-wrap .left .form-input .refresh-image,
.login-register-2018 .bind-phone .normal-login .left .form-input .refresh-image,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input .refresh-image {
  display: inline-block;
  width: 120px;
  height: 50px;
  vertical-align: top;
  float: right;
}

.login-register-2018 .login-register .normal-login .left .form-input .refresh-image img,
.login-register-2018 .login-register .bind-info-wrap .left .form-input .refresh-image img,
.login-register-2018 .bind-phone .normal-login .left .form-input .refresh-image img,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input .refresh-image img {
  display: block;
  width: 120px;
  height: 50px;
  border-radius: 2px;
}

.login-register-2018 .login-register .normal-login .left .form-input .get-sms-code,
.login-register-2018 .login-register .bind-info-wrap .left .form-input .get-sms-code,
.login-register-2018 .bind-phone .normal-login .left .form-input .get-sms-code,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input .get-sms-code {
  display: inline-block;
  width: 140px;
  height: 50px;
  vertical-align: top;
  background-color: #ff7745;
  float: right;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border-radius: 2px;
  -webkit-transition: .3s;
  transition: .3s;
  transition: .3s;
}

.login-register-2018 .login-register .normal-login .left .form-input .get-sms-code:hover,
.login-register-2018 .login-register .bind-info-wrap .left .form-input .get-sms-code:hover,
.login-register-2018 .bind-phone .normal-login .left .form-input .get-sms-code:hover,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input .get-sms-code:hover {
  background-color: #eb6331;
  color: #fff;
}

.login-register-2018 .login-register .normal-login .left .form-input .get-sms-code.disabled,
.login-register-2018 .login-register .bind-info-wrap .left .form-input .get-sms-code.disabled,
.login-register-2018 .bind-phone .normal-login .left .form-input .get-sms-code.disabled,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input .get-sms-code.disabled {
  color: #ccc;
  cursor: not-allowed;
  background-color: #f1f1f1;
}

.login-register-2018 .login-register .normal-login .left .form-input .get-sms-code.disabled:hover,
.login-register-2018 .login-register .bind-info-wrap .left .form-input .get-sms-code.disabled:hover,
.login-register-2018 .bind-phone .normal-login .left .form-input .get-sms-code.disabled:hover,
.login-register-2018 .bind-phone .bind-info-wrap .left .form-input .get-sms-code.disabled:hover {
  background-color: #f1f1f1;
}

.login-register-2018 .login-register .normal-login .left .error-tips,
.login-register-2018 .login-register .bind-info-wrap .left .error-tips,
.login-register-2018 .bind-phone .normal-login .left .error-tips,
.login-register-2018 .bind-phone .bind-info-wrap .left .error-tips {
  height: 40px;
  line-height: 40px;
  background:  no-repeat left center;
  font-size: 12px;
  color: #ff2100;
  padding-left: 25px;
  visibility: hidden;
}

.login-register-2018 .login-register .normal-login .left .error-tips.show,
.login-register-2018 .login-register .bind-info-wrap .left .error-tips.show,
.login-register-2018 .bind-phone .normal-login .left .error-tips.show,
.login-register-2018 .bind-phone .bind-info-wrap .left .error-tips.show {
  visibility: visible;
}

.login-register-2018 .login-register .normal-login .left .user-agreement,
.login-register-2018 .login-register .bind-info-wrap .left .user-agreement,
.login-register-2018 .bind-phone .normal-login .left .user-agreement,
.login-register-2018 .bind-phone .bind-info-wrap .left .user-agreement {
  line-height: 1;
  font-size: 12px;
  color: #999999;
  margin-bottom: 25px;
}

.login-register-2018 .login-register .normal-login .left .user-agreement a,
.login-register-2018 .login-register .normal-login .left .user-agreement span,
.login-register-2018 .login-register .bind-info-wrap .left .user-agreement a,
.login-register-2018 .login-register .bind-info-wrap .left .user-agreement span,
.login-register-2018 .bind-phone .normal-login .left .user-agreement a,
.login-register-2018 .bind-phone .normal-login .left .user-agreement span,
.login-register-2018 .bind-phone .bind-info-wrap .left .user-agreement a,
.login-register-2018 .bind-phone .bind-info-wrap .left .user-agreement span {
  vertical-align: middle;
}

.login-register-2018 .login-register .normal-login .left .user-agreement a,
.login-register-2018 .login-register .bind-info-wrap .left .user-agreement a,
.login-register-2018 .bind-phone .normal-login .left .user-agreement a,
.login-register-2018 .bind-phone .bind-info-wrap .left .user-agreement a {
  color: #999999;
  text-decoration: underline;
}

.login-register-2018 .login-register .normal-login .left .btn-wrap li,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap li,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap li,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap li {
  float: right;
}

.login-register-2018 .login-register .normal-login .left .btn-wrap li:first-child,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap li:first-child,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap li:first-child,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap li:first-child {
  float: left;
}

.login-register-2018 .login-register .normal-login .left .btn-wrap li a,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap li a,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap li a,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap li a {
  vertical-align: middle;
}

.login-register-2018 .login-register .normal-login .left .btn-wrap .submit-login,
.login-register-2018 .login-register .normal-login .left .btn-wrap .save-btn,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .submit-login,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .save-btn,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .submit-login,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .save-btn,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .submit-login,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .save-btn {
  margin-top: 10px;
  display: inline-block;
  width: 160px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  background-color: #ff7745;
  border-radius: 2px;
  -webkit-transition: .3s;
  transition: .3s;
}

.login-register-2018 .login-register .normal-login .left .btn-wrap .submit-login:hover,
.login-register-2018 .login-register .normal-login .left .btn-wrap .save-btn:hover,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .submit-login:hover,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .save-btn:hover,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .submit-login:hover,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .save-btn:hover,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .submit-login:hover,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .save-btn:hover {
  background-color: #eb6331;
}

.login-register-2018 .login-register .normal-login .left .btn-wrap .wx,
.login-register-2018 .login-register .normal-login .left .btn-wrap .qq,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .wx,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .qq,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .wx,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .qq,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .wx,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .qq {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  text-align: center;
  line-height: 34px;
  background-color: #f1f1f1;
  margin: 7px 4px 0;
  color: #878b8f;
  -webkit-transition: .3s;
  transition: .3s;
}

.login-register-2018 .login-register .normal-login .left .btn-wrap .wx i,
.login-register-2018 .login-register .normal-login .left .btn-wrap .qq i,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .wx i,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .qq i,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .wx i,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .qq i,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .wx i,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .qq i {
  font-size: 22px;
}

.login-register-2018 .login-register .normal-login .left .btn-wrap .wx:hover,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .wx:hover,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .wx:hover,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .wx:hover {
  background-color: #b8e986;
  color: #fff;
}

.login-register-2018 .login-register .normal-login .left .btn-wrap .qq:hover,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .qq:hover,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .qq:hover,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .qq:hover {
  background-color: #7fb4ff;
  color: #fff;
}

.login-register-2018 .login-register .normal-login .left .btn-wrap .switch-btn,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .switch-btn,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .switch-btn,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .switch-btn {
  display: inline-block;
  width: 78px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 17px;
  font-size: 12px;
  color: #999999;
  background-color: #f1f1f1;
  margin-left: 13px;
  margin-top: 7px;
  -webkit-transition: .3s;
  transition: .3s;
}

.login-register-2018 .login-register .normal-login .left .btn-wrap .switch-btn:hover,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .switch-btn:hover,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .switch-btn:hover,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .switch-btn:hover {
  background-color: #ff7745;
  color: #fff;
}

.login-register-2018 .login-register .normal-login .left .btn-wrap .wx-reg,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .wx-reg,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .wx-reg,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .wx-reg {
  display: inline-block;
  width: 105px;
  height: 34px;
  border-radius: 17px;
  background-color: #f1f1f1;
  text-align: center;
  line-height: 32px;
  color: #999;
  margin-top: 8px;
}

.login-register-2018 .login-register .normal-login .left .btn-wrap .wx-reg .iconfont,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .wx-reg .iconfont,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .wx-reg .iconfont,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .wx-reg .iconfont {
  font-size: 18px;
}

.login-register-2018 .login-register .normal-login .left .btn-wrap .wx-reg i,
.login-register-2018 .login-register .normal-login .left .btn-wrap .wx-reg span,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .wx-reg i,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .wx-reg span,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .wx-reg i,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .wx-reg span,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .wx-reg i,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .wx-reg span {
  vertical-align: middle;
  margin: 0 3px;
}

.login-register-2018 .login-register .normal-login .left .btn-wrap .wx-reg:hover,
.login-register-2018 .login-register .bind-info-wrap .left .btn-wrap .wx-reg:hover,
.login-register-2018 .bind-phone .normal-login .left .btn-wrap .wx-reg:hover,
.login-register-2018 .bind-phone .bind-info-wrap .left .btn-wrap .wx-reg:hover {
  background-color: #b8e986;
  color: #fff;
}

.login-register-2018 .login-register .normal-login .right,
.login-register-2018 .login-register .bind-info-wrap .right,
.login-register-2018 .bind-phone .normal-login .right,
.login-register-2018 .bind-phone .bind-info-wrap .right {
  width: 300px;
  height: 100%;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  background:  repeat-x #ff7755;
}

.login-register-2018 .login-register .normal-login .right .login-logo,
.login-register-2018 .login-register .bind-info-wrap .right .login-logo,
.login-register-2018 .bind-phone .normal-login .right .login-logo,
.login-register-2018 .bind-phone .bind-info-wrap .right .login-logo {
  width: 184px;
  height: 76px;
  margin: 0 auto 25px;
  background:  no-repeat;
}

.login-register-2018 .login-register .normal-login .right .btn,
.login-register-2018 .login-register .bind-info-wrap .right .btn,
.login-register-2018 .bind-phone .normal-login .right .btn,
.login-register-2018 .bind-phone .bind-info-wrap .right .btn {
  display: block;
  width: 180px;
  height: 50px;
  margin: 0 auto;
  text-align: center;
  line-height: 50px;
  font-size: 15px;
  color: #fff;
  border-radius: 3px;
  -webkit-transition: .3s;
  transition: .3s;
}

.login-register-2018 .login-register .normal-login .right .btn.go-to-enterprise,
.login-register-2018 .login-register .bind-info-wrap .right .btn.go-to-enterprise,
.login-register-2018 .bind-phone .normal-login .right .btn.go-to-enterprise,
.login-register-2018 .bind-phone .bind-info-wrap .right .btn.go-to-enterprise {
  background-color: #ff7745;
}

.login-register-2018 .login-register .normal-login .right .btn.go-to-enterprise:hover,
.login-register-2018 .login-register .bind-info-wrap .right .btn.go-to-enterprise:hover,
.login-register-2018 .bind-phone .normal-login .right .btn.go-to-enterprise:hover,
.login-register-2018 .bind-phone .bind-info-wrap .right .btn.go-to-enterprise:hover {
  background-color: #f56d3b;
}

.login-register-2018 .login-register .normal-login .head-title,
.login-register-2018 .login-register .bind-info-wrap .head-title,
.login-register-2018 .bind-phone .normal-login .head-title,
.login-register-2018 .bind-phone .bind-info-wrap .head-title {
  width: 460px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #f4f4f4;
  font-size: 24px;
  color: #333333;
  position: relative;
  margin-bottom: 40px;
}

.login-register-2018 .login-register .normal-login .head-title .back,
.login-register-2018 .login-register .bind-info-wrap .head-title .back,
.login-register-2018 .bind-phone .normal-login .head-title .back,
.login-register-2018 .bind-phone .bind-info-wrap .head-title .back {
  float: right;
  width: 34px;
  height: 34px;
  margin-top: 9px;
  background:  no-repeat;
}

.login-register-2018 .login-register .normal-login .head-title .back:hover,
.login-register-2018 .login-register .bind-info-wrap .head-title .back:hover,
.login-register-2018 .bind-phone .normal-login .head-title .back:hover,
.login-register-2018 .bind-phone .bind-info-wrap .head-title .back:hover {
  background:  no-repeat;
}

.login-register-2018 .login-register .normal-login .text,
.login-register-2018 .login-register .bind-info-wrap .text,
.login-register-2018 .bind-phone .normal-login .text,
.login-register-2018 .bind-phone .bind-info-wrap .text {
  padding-top: 18px;
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
}

.login-register-2018 .login-register .wx-enter-wrap .tips,
.login-register-2018 .bind-phone .wx-enter-wrap .tips {
  text-align: center;
  font-size: 28px;
  font-weight: normal;
  color: #333333;
}

.login-register-2018 .login-register .wx-enter-wrap .qrcode-wrap,
.login-register-2018 .bind-phone .wx-enter-wrap .qrcode-wrap {
  width: 330px;
  margin: 0 auto;
  padding-top: 14px;
  text-align: center;
}

.login-register-2018 .login-register .wx-enter-wrap .qrcode-wrap .pic,
.login-register-2018 .bind-phone .wx-enter-wrap .qrcode-wrap .pic {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  height: 150px;
  margin: 0 5px;
  border: 1px solid #e6e6e6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
}

.login-register-2018 .login-register .wx-enter-wrap .qrcode-wrap .pic img,
.login-register-2018 .bind-phone .wx-enter-wrap .qrcode-wrap .pic img {
  width: 148px;
  height: 148px;
  display: block;
}

.login-register-2018 .login-register .wx-enter-wrap .qrcode-wrap .help,
.login-register-2018 .bind-phone .wx-enter-wrap .qrcode-wrap .help {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  height: 150px;
  margin: 0 5px;
}

.login-register-2018 .login-register .wx-enter-wrap .qrcode-wrap .help img,
.login-register-2018 .bind-phone .wx-enter-wrap .qrcode-wrap .help img {
  display: block;
  height: 150px;
}

.login-register-2018 .login-register .wx-enter-wrap .wx-text,
.login-register-2018 .bind-phone .wx-enter-wrap .wx-text {
  font-size: 14px;
  color: #666666;
  line-height: 1;
  text-align: center;
  margin-top: 20px;
}

.login-register-2018 .login-register .wx-enter-wrap .wx-text span,
.login-register-2018 .bind-phone .wx-enter-wrap .wx-text span {
  vertical-align: middle;
}

.login-register-2018 .login-register .wx-enter-wrap .wx-text span i,
.login-register-2018 .bind-phone .wx-enter-wrap .wx-text span i {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  background:  no-repeat;
}

.login-register-2018 .login-register .wx-enter-wrap .wx-text span i.no1,
.login-register-2018 .bind-phone .wx-enter-wrap .wx-text span i.no1 {
  background-position: 1px 0;
}

.login-register-2018 .login-register .wx-enter-wrap .wx-text span i.no2,
.login-register-2018 .bind-phone .wx-enter-wrap .wx-text span i.no2 {
  background-position: -16px 0;
}

.login-register-2018 .login-register .wx-enter-wrap .wx-text span i.no3,
.login-register-2018 .bind-phone .wx-enter-wrap .wx-text span i.no3 {
  background-position: -32px 0;
}

.login-register-2018 .login-register .wx-enter-wrap .wx-text span em,
.login-register-2018 .bind-phone .wx-enter-wrap .wx-text span em {
  vertical-align: middle;
}

.login-register-2018 .login-register .wx-enter-wrap .wx-text .middle,
.login-register-2018 .bind-phone .wx-enter-wrap .wx-text .middle {
  margin: 0 50px;
}

.login-register-2018 .login-register .wx-enter-wrap .footer,
.login-register-2018 .bind-phone .wx-enter-wrap .footer {
  text-align: right;
  padding-top: 30px;
}

.login-register-2018 .login-register .wx-enter-wrap .footer .phone-reg,
.login-register-2018 .bind-phone .wx-enter-wrap .footer .phone-reg {
  display: inline-block;
  width: 105px;
  height: 34px;
  border-radius: 17px;
  background-color: #f1f1f1;
  text-align: center;
  line-height: 32px;
  color: #999;
  margin-top: 8px;
}

.login-register-2018 .login-register .wx-enter-wrap .footer .phone-reg .iconfont,
.login-register-2018 .bind-phone .wx-enter-wrap .footer .phone-reg .iconfont {
  font-size: 18px;
}

.login-register-2018 .login-register .wx-enter-wrap .footer .phone-reg i,
.login-register-2018 .login-register .wx-enter-wrap .footer .phone-reg span,
.login-register-2018 .bind-phone .wx-enter-wrap .footer .phone-reg i,
.login-register-2018 .bind-phone .wx-enter-wrap .footer .phone-reg span {
  vertical-align: middle;
  margin: 0 3px;
}

.login-register-2018 .login-register .wx-enter-wrap .footer .phone-reg:hover,
.login-register-2018 .bind-phone .wx-enter-wrap .footer .phone-reg:hover {
  background-color: #ff7745;
  color: #fff;
}

.login-register-2018 .login-register .wx-enter-wrap.wx-login a,
.login-register-2018 .bind-phone .wx-enter-wrap.wx-login a {
  vertical-align: middle;
}

.login-register-2018 .login-register .wx-enter-wrap.wx-login .wx,
.login-register-2018 .login-register .wx-enter-wrap.wx-login .qq,
.login-register-2018 .bind-phone .wx-enter-wrap.wx-login .wx,
.login-register-2018 .bind-phone .wx-enter-wrap.wx-login .qq {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  text-align: center;
  line-height: 34px;
  background-color: #f1f1f1;
  margin: 7px 4px 0;
  color: #878b8f;
  -webkit-transition: .3s;
  transition: .3s;
}

.login-register-2018 .login-register .wx-enter-wrap.wx-login .wx i,
.login-register-2018 .login-register .wx-enter-wrap.wx-login .qq i,
.login-register-2018 .bind-phone .wx-enter-wrap.wx-login .wx i,
.login-register-2018 .bind-phone .wx-enter-wrap.wx-login .qq i {
  font-size: 22px;
}

.login-register-2018 .login-register .wx-enter-wrap.wx-login .wx:hover,
.login-register-2018 .bind-phone .wx-enter-wrap.wx-login .wx:hover {
  background-color: #b8e986;
  color: #fff;
}

.login-register-2018 .login-register .wx-enter-wrap.wx-login .qq:hover,
.login-register-2018 .bind-phone .wx-enter-wrap.wx-login .qq:hover {
  background-color: #7fb4ff;
  color: #fff;
}

.login-register-2018 .login-register .wx-enter-wrap.wx-login .switch-btn,
.login-register-2018 .bind-phone .wx-enter-wrap.wx-login .switch-btn {
  display: inline-block;
  width: 78px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 17px;
  font-size: 12px;
  color: #999999;
  background-color: #f1f1f1;
  margin-left: 13px;
  margin-top: 7px;
  -webkit-transition: .3s;
  transition: .3s;
}

.login-register-2018 .login-register .wx-enter-wrap.wx-login .switch-btn:hover,
.login-register-2018 .bind-phone .wx-enter-wrap.wx-login .switch-btn:hover {
  background-color: #ff7745;
  color: #fff;
}

.login-register-2018 .login-register .enterprise-login.hide,
.login-register-2018 .bind-phone .enterprise-login.hide {
  display: none;
}

.login-register-2018 .login-register .enterprise-login .left,
.login-register-2018 .bind-phone .enterprise-login .left {
  width: 300px;
  height: 100%;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  background:  repeat-x #1dc9c5;
  /*.close-btn{
                    position: absolute;
                    right: 18px;
                    top: 18px;
                    width: 22px;
                    height: 22px;
                    background:  no-repeat;
                }*/
}

.login-register-2018 .login-register .enterprise-login .left .login-logo,
.login-register-2018 .bind-phone .enterprise-login .left .login-logo {
  width: 184px;
  height: 76px;
  margin: 0 auto 25px;
  background:  no-repeat;
}

.login-register-2018 .login-register .enterprise-login .left .btn,
.login-register-2018 .bind-phone .enterprise-login .left .btn {
  display: block;
  width: 180px;
  height: 50px;
  margin: 0 auto;
  text-align: center;
  line-height: 50px;
  font-size: 15px;
  color: #fff;
  border-radius: 3px;
  -webkit-transition: .3s;
  transition: .3s;
}

.login-register-2018 .login-register .enterprise-login .left .btn.go-to-normal,
.login-register-2018 .bind-phone .enterprise-login .left .btn.go-to-normal {
  background-color: #1dc1bd;
}

.login-register-2018 .login-register .enterprise-login .left .btn.go-to-normal:hover,
.login-register-2018 .bind-phone .enterprise-login .left .btn.go-to-normal:hover {
  background-color: #13b7b3;
}

.login-register-2018 .login-register .enterprise-login .right,
.login-register-2018 .bind-phone .enterprise-login .right {
  padding: 30px 50px 40px 40px;
}

.login-register-2018 .login-register .enterprise-login .right .ul-tab,
.login-register-2018 .bind-phone .enterprise-login .right .ul-tab {
  font-size: 24px;
  color: #999999;
  line-height: 50px;
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 40px;
}

.login-register-2018 .login-register .enterprise-login .right .ul-tab li,
.login-register-2018 .bind-phone .enterprise-login .right .ul-tab li {
  text-align: center;
  margin-right: 20px;
  float: left;
  position: relative;
  padding: 0 24px;
  cursor: pointer;
}

.login-register-2018 .login-register .enterprise-login .right .ul-tab li span,
.login-register-2018 .bind-phone .enterprise-login .right .ul-tab li span {
  position: absolute;
  left: 94px;
  top: 13px;
  display: block;
  width: 166px;
  height: 24px;
  background:  no-repeat;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  text-align: center;
}

.login-register-2018 .login-register .enterprise-login .right .ul-tab li.on,
.login-register-2018 .bind-phone .enterprise-login .right .ul-tab li.on {
  color: #333333;
  border-bottom: 2px solid #1cc9c5;
}

.login-register-2018 .login-register .enterprise-login .right .form-input,
.login-register-2018 .bind-phone .enterprise-login .right .form-input {
  width: 460px;
}

.login-register-2018 .login-register .enterprise-login .right .form-input .input-item,
.login-register-2018 .bind-phone .enterprise-login .right .form-input .input-item {
  position: relative;
  margin-top: 20px;
}

.login-register-2018 .login-register .enterprise-login .right .form-input .input-item:first-child,
.login-register-2018 .bind-phone .enterprise-login .right .form-input .input-item:first-child {
  margin-top: 0;
}

.login-register-2018 .login-register .enterprise-login .right .form-input .input-item.error span,
.login-register-2018 .login-register .enterprise-login .right .form-input .input-item.error input,
.login-register-2018 .bind-phone .enterprise-login .right .form-input .input-item.error span,
.login-register-2018 .bind-phone .enterprise-login .right .form-input .input-item.error input {
  color: #ff2100;
}

.login-register-2018 .login-register .enterprise-login .right .form-input .iconfont,
.login-register-2018 .bind-phone .enterprise-login .right .form-input .iconfont {
  position: absolute;
  top: 10px;
  left: 6px;
  z-index: 10;
  width: 30px;
  height: 30px;
  font-size: 20px;
  line-height: 30px;
  color: #999999;
  text-align: center;
}

.login-register-2018 .login-register .enterprise-login .right .form-input .pic-input,
.login-register-2018 .bind-phone .enterprise-login .right .form-input .pic-input {
  display: inline-block;
  width: 320px;
  vertical-align: top;
}

.login-register-2018 .login-register .enterprise-login .right .form-input input,
.login-register-2018 .bind-phone .enterprise-login .right .form-input input {
  display: block;
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  color: #333333;
  border: 0;
  padding-left: 43px;
  border-bottom: 1px solid #e6e6e6;
}

.login-register-2018 .login-register .enterprise-login .right .form-input .refresh-image,
.login-register-2018 .bind-phone .enterprise-login .right .form-input .refresh-image {
  display: inline-block;
  width: 120px;
  height: 50px;
  vertical-align: top;
  float: right;
}

.login-register-2018 .login-register .enterprise-login .right .form-input .refresh-image img,
.login-register-2018 .bind-phone .enterprise-login .right .form-input .refresh-image img {
  display: block;
  width: 120px;
  height: 50px;
  border-radius: 2px;
}

.login-register-2018 .login-register .enterprise-login .right .error-tips,
.login-register-2018 .bind-phone .enterprise-login .right .error-tips {
  height: 40px;
  line-height: 40px;
  background:  no-repeat left center;
  font-size: 12px;
  color: #ff2100;
  padding-left: 25px;
  visibility: hidden;
}

.login-register-2018 .login-register .enterprise-login .right .error-tips.show,
.login-register-2018 .bind-phone .enterprise-login .right .error-tips.show {
  visibility: visible;
}

.login-register-2018 .login-register .enterprise-login .right .btn-wrap li,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap li {
  float: right;
}

.login-register-2018 .login-register .enterprise-login .right .btn-wrap li:first-child,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap li:first-child {
  float: left;
}

.login-register-2018 .login-register .enterprise-login .right .btn-wrap li a,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap li a {
  vertical-align: middle;
}

.login-register-2018 .login-register .enterprise-login .right .btn-wrap li.text,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap li.text {
  line-height: 50px;
  font-size: 14px;
  color: #999999;
}

.login-register-2018 .login-register .enterprise-login .right .btn-wrap .submit-login,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap .submit-login {
  display: inline-block;
  width: 160px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  background-color: #1cc9c5;
  border-radius: 3px;
  -webkit-transition: .3s;
  transition: .3s;
}

.login-register-2018 .login-register .enterprise-login .right .btn-wrap .submit-login:hover,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap .submit-login:hover {
  background-color: #08b5b1;
}

.login-register-2018 .login-register .enterprise-login .right .btn-wrap .wx,
.login-register-2018 .login-register .enterprise-login .right .btn-wrap .qq,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap .wx,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap .qq {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  text-align: center;
  line-height: 34px;
  background-color: #f1f1f1;
  margin: 7px 4px 0;
  color: #878b8f;
  -webkit-transition: .3s;
  transition: .3s;
}

.login-register-2018 .login-register .enterprise-login .right .btn-wrap .wx i,
.login-register-2018 .login-register .enterprise-login .right .btn-wrap .qq i,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap .wx i,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap .qq i {
  font-size: 22px;
}

.login-register-2018 .login-register .enterprise-login .right .btn-wrap .wx:hover,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap .wx:hover {
  background-color: #b8e986;
  color: #fff;
}

.login-register-2018 .login-register .enterprise-login .right .btn-wrap .qq:hover,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap .qq:hover {
  background-color: #7fb4ff;
  color: #fff;
}

.login-register-2018 .login-register .enterprise-login .right .btn-wrap .switch-btn,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap .switch-btn {
  display: inline-block;
  width: 78px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 17px;
  font-size: 12px;
  color: #999999;
  background-color: #f1f1f1;
  margin-left: 13px;
  margin-top: 7px;
  -webkit-transition: .3s;
  transition: .3s;
}

.login-register-2018 .login-register .enterprise-login .right .btn-wrap .switch-btn:hover,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap .switch-btn:hover {
  background-color: #ff7745;
  color: #fff;
}

.login-register-2018 .login-register .enterprise-login .right .btn-wrap .user-agreement,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap .user-agreement {
  height: 50px;
  line-height: 50px;
  font-size: 12px;
  color: #999999;
}

.login-register-2018 .login-register .enterprise-login .right .btn-wrap .user-agreement a,
.login-register-2018 .login-register .enterprise-login .right .btn-wrap .user-agreement span,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap .user-agreement a,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap .user-agreement span {
  vertical-align: middle;
}

.login-register-2018 .login-register .enterprise-login .right .btn-wrap .user-agreement a,
.login-register-2018 .bind-phone .enterprise-login .right .btn-wrap .user-agreement a {
  color: #999999;
  text-decoration: underline;
}

.login-register-2018 .reset-password {
  width: 850px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1024;
  margin: -250px 0 0 -425px;
  background-color: #fff;
  border-radius: 5px;
}

.login-register-2018 .reset-password .content-box {
  overflow: hidden;
  display: table;
  min-height: 330px;
}

.login-register-2018 .reset-password .left {
  padding: 50px 50px 50px 40px;
}

.login-register-2018 .reset-password .left .back {
  float: right;
  width: 34px;
  height: 34px;
  margin-top: 9px;
  background:  no-repeat;
}

.login-register-2018 .reset-password .left .back:hover {
  background:  no-repeat;
}

.login-register-2018 .reset-password .left .ul-tab {
  font-size: 24px;
  color: #999999;
  line-height: 50px;
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 40px;
}

.login-register-2018 .reset-password .left .ul-tab li {
  text-align: center;
  margin-right: 20px;
  float: left;
  position: relative;
  padding: 0 24px;
  cursor: pointer;
}

.login-register-2018 .reset-password .left .ul-tab li span {
  position: absolute;
  left: 94px;
  top: 13px;
  display: block;
  width: 166px;
  height: 24px;
  background:  no-repeat;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  text-align: center;
}

.login-register-2018 .reset-password .left .ul-tab li.on {
  color: #333333;
  border-bottom: 2px solid #ff7745;
}

.login-register-2018 .reset-password .left .form-input {
  width: 460px;
}

.login-register-2018 .reset-password .left .form-input .input-item {
  position: relative;
  margin-top: 20px;
}

.login-register-2018 .reset-password .left .form-input .input-item:first-child {
  margin-top: 0;
}

.login-register-2018 .reset-password .left .form-input .input-item.error span,
.login-register-2018 .reset-password .left .form-input .input-item.error input {
  color: #ff2100;
}

.login-register-2018 .reset-password .left .form-input .iconfont {
  position: absolute;
  top: 10px;
  left: 6px;
  z-index: 10;
  width: 30px;
  height: 30px;
  font-size: 20px;
  line-height: 30px;
  color: #999999;
  text-align: center;
}

.login-register-2018 .reset-password .left .form-input .pic-input {
  display: inline-block;
  width: 320px;
  vertical-align: top;
}

.login-register-2018 .reset-password .left .form-input input {
  display: block;
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  color: #333333;
  border: 0;
  padding-left: 43px;
  border-bottom: 1px solid #e6e6e6;
}

.login-register-2018 .reset-password .left .form-input .reset-pwd {
  display: block;
  width: 80px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  color: #666666;
  line-height: 50px;
  text-align: right;
}

.login-register-2018 .reset-password .left .form-input .reset-pwd a {
  color: #666666;
}

.login-register-2018 .reset-password .left .form-input .refresh-image {
  display: inline-block;
  width: 120px;
  height: 50px;
  vertical-align: top;
  float: right;
}

.login-register-2018 .reset-password .left .form-input .refresh-image img {
  display: block;
  width: 120px;
  height: 50px;
  border-radius: 2px;
}

.login-register-2018 .reset-password .left .form-input .get-sms-code {
  display: inline-block;
  width: 120px;
  height: 50px;
  vertical-align: top;
  background-color: #f1f1f1;
  float: right;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: #666666;
  -webkit-transition: .3s;
  transition: .3s;
  transition: .3s;
  border-radius: 2px;
}

.login-register-2018 .reset-password .left .form-input .get-sms-code:hover {
  background-color: #ff7745;
  color: #fff;
}

.login-register-2018 .reset-password .left .form-input .get-sms-code.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.login-register-2018 .reset-password .left .form-input .get-sms-code.disabled:hover {
  background-color: #f1f1f1;
}

.login-register-2018 .reset-password .left .error-tips {
  height: 40px;
  line-height: 40px;
  background:  no-repeat left center;
  font-size: 12px;
  color: #ff2100;
  padding-left: 25px;
  visibility: hidden;
}

.login-register-2018 .reset-password .left .error-tips.show {
  visibility: visible;
}

.login-register-2018 .reset-password .left .btn-wrap li {
  float: right;
}

.login-register-2018 .reset-password .left .btn-wrap li:first-child {
  float: left;
}

.login-register-2018 .reset-password .left .btn-wrap li a {
  vertical-align: middle;
}

.login-register-2018 .reset-password .left .btn-wrap .submit-form {
  display: inline-block;
  width: 160px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  background-color: #ff7745;
  border-radius: 3px;
  -webkit-transition: .3s;
  transition: .3s;
}

.login-register-2018 .reset-password .left .btn-wrap .submit-form:hover {
  background-color: #eb6331;
}

.login-register-2018 .reset-password .left .btn-wrap .wx,
.login-register-2018 .reset-password .left .btn-wrap .qq {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  text-align: center;
  line-height: 34px;
  background-color: #f1f1f1;
  margin: 7px 4px 0;
  color: #878b8f;
  -webkit-transition: .3s;
  transition: .3s;
}

.login-register-2018 .reset-password .left .btn-wrap .wx i,
.login-register-2018 .reset-password .left .btn-wrap .qq i {
  font-size: 22px;
}

.login-register-2018 .reset-password .left .btn-wrap .wx:hover {
  background-color: #b8e986;
  color: #fff;
}

.login-register-2018 .reset-password .left .btn-wrap .qq:hover {
  background-color: #7fb4ff;
  color: #fff;
}

.login-register-2018 .reset-password .left .btn-wrap .switch-btn {
  display: inline-block;
  width: 78px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 17px;
  font-size: 12px;
  color: #999999;
  background-color: #f1f1f1;
  margin-left: 13px;
  margin-top: 7px;
  -webkit-transition: .3s;
  transition: .3s;
}

.login-register-2018 .reset-password .left .btn-wrap .switch-btn:hover {
  background-color: #ff7745;
  color: #fff;
}

.login-register-2018 .reset-password .left .btn-wrap .user-agreement {
  height: 50px;
  line-height: 50px;
  font-size: 12px;
  color: #999999;
}

.login-register-2018 .reset-password .left .btn-wrap .user-agreement a,
.login-register-2018 .reset-password .left .btn-wrap .user-agreement span {
  vertical-align: middle;
}

.login-register-2018 .reset-password .left .btn-wrap .user-agreement a {
  color: #999999;
  text-decoration: underline;
}

.login-register-2018 .reset-password .right {
  width: 300px;
  height: 100%;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  background:  repeat-x #ff7755;
}

.login-register-2018 .reset-password .right .close-btn {
  position: absolute;
  right: 18px;
  top: 18px;
  width: 22px;
  height: 22px;
  background:  no-repeat;
}

.login-register-2018 .reset-password .right .login-logo {
  width: 184px;
  height: 76px;
  margin: 0 auto 25px;
  background:  no-repeat;
}

.login-register-2018 .reset-password .right .btn {
  display: block;
  width: 180px;
  height: 50px;
  margin: 0 auto;
  text-align: center;
  line-height: 50px;
  font-size: 15px;
  color: #fff;
  border-radius: 3px;
  -webkit-transition: .3s;
  transition: .3s;
}

.login-register-2018 .reset-password .right .btn.go-to-enterprise {
  background-color: #ff7745;
}

.login-register-2018 .reset-password .right .btn.go-to-enterprise:hover {
  background-color: #f56d3b;
}

.login-register-2018 .init-passwd {
  width: 400px;
  height: 400px;
  position: fixed;
  z-index: 1024;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -200px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 20px 0 rgba(78, 9, 9, 0.05);
          box-shadow: 0 6px 20px 0 rgba(78, 9, 9, 0.05);
  display: none;
}

.login-register-2018 .init-passwd .pic {
  background:  no-repeat;
  width: 120px;
  height: 83px;
  margin: 50px auto 27px;
}

.login-register-2018 .init-passwd .tips {
  font-size: 20px;
  color: #333333;
  line-height: 1;
  text-align: center;
  font-weight: bold;
  margin-bottom: 36px;
}

.login-register-2018 .init-passwd .passwd {
  width: 320px;
  margin: 0 auto;
  position: relative;
}

.login-register-2018 .init-passwd .passwd .pwd {
  position: absolute;
  top: 10px;
  left: 6px;
  z-index: 10;
  width: 30px;
  height: 30px;
  font-size: 20px;
  line-height: 30px;
  color: #999999;
  text-align: center;
}

.login-register-2018 .init-passwd .passwd input {
  display: block;
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  color: #999999;
  border: 0;
  padding-left: 43px;
  border-bottom: 1px solid #e6e6e6;
}

.login-register-2018 .init-passwd .passwd input[type=text] {
  display: none;
}

.login-register-2018 .init-passwd .passwd .eyes {
  position: absolute;
  right: 0;
  top: 13px;
  color: #e6e6e6;
  cursor: pointer;
  font-size: 16px;
}

.login-register-2018 .init-passwd .error-tips {
  width: 320px;
  height: 40px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 40px;
  background:  no-repeat left center;
  font-size: 12px;
  color: #ff2100;
  padding-left: 25px;
  visibility: hidden;
}

.login-register-2018 .init-passwd .error-tips.show {
  visibility: visible;
}

.login-register-2018 .init-passwd .btn-wrap .submit-form {
  display: block;
  width: 320px;
  height: 50px;
  margin: 0 auto;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background-color: #ff7745;
}

.login-register-2018 .view-mail-tips {
  width: 400px;
  height: 400px;
  position: fixed;
  z-index: 1024;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -200px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 20px 0 rgba(78, 9, 9, 0.05);
          box-shadow: 0 6px 20px 0 rgba(78, 9, 9, 0.05);
  display: none;
}

.login-register-2018 .view-mail-tips .pic {
  background:  no-repeat;
  width: 120px;
  height: 83px;
  margin: 50px auto 27px;
}

.login-register-2018 .view-mail-tips .tips {
  font-size: 20px;
  color: #333333;
  line-height: 1;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}

.login-register-2018 .view-mail-tips .mail-tips {
  font-size: 16px;
  color: #999999;
  line-height: 28px;
  text-align: center;
  height: 86px;
  margin-bottom: 20px;
}

.login-register-2018 .view-mail-tips .btn-wrap .submit-form {
  display: block;
  width: 320px;
  height: 50px;
  margin: 0 auto;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background-color: #ff7745;
}

.improve-information {
  width: 660px;
  height: 410px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -205px 0 0 -330px;
  z-index: 1024;
  background:  no-repeat;
}

.improve-information .close-btn {
  background:  no-repeat;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10;
}

.improve-information .text {
  float: right;
  width: 270px;
  padding-top: 65px;
}

.improve-information .text .big {
  color: #fff;
  font-size: 24px;
}

.improve-information .text .big span {
  color: #f8e71c;
}

.improve-information .text .small {
  font-size: 18px;
  color: #fff;
  line-height: 2;
}

.improve-information .text.text1 {
  padding-top: 100px;
}

.improve-information .jump-btn {
  display: block;
  width: 180px;
  height: 50px;
  border-radius: 25px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #5635b8;
  background-color: #f8e71c;
  position: absolute;
  top: 306px;
  right: 90px;
}

/*缃戠珯4.0瀹屽杽淇℃伅-begin*/
.perfectinfo2018 {
  width: 1000px;
  margin: 0 auto;
  padding: 1px 0;
}

.perfectinfo2018 .nodes {
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #e1e1e1;
  margin: 45px 0 55px;
  height: 0;
}

.perfectinfo2018 .nodes div {
  height: 20px;
  width: 100px;
  line-height: 20px;
  background-color: #f1f1f1;
  text-align: center;
  position: relative;
  top: -10px;
  font-size: 14px;
}

.perfectinfo2018 .nodes em {
  background:  no-repeat 0 bottom;
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  position: relative;
  left: 22px;
  top: 2px;
}

.perfectinfo2018 .nodes .cur em {
  background-position: 0 -24px;
}

.perfectinfo2018 .nodes .cur a {
  color: #333333;
}

.perfectinfo2018 .nodes .fill em {
  background-position: 0 0;
}

.perfectinfo2018 .nodes a {
  color: #999999;
}

.perfectinfo2018 .nodes div.position-left {
  float: left;
  width: 129px;
}

.perfectinfo2018 .nodes div.position-center {
  margin: 0 auto;
  width: 145px;
}

.perfectinfo2018 .nodes div.position-right {
  float: right;
  width: 142px;
}

.perfectinfo2018 h2 {
  font-size: 24px;
  color: #333333;
  font-weight: normal;
  text-align: center;
}

.perfectinfo2018 h5 {
  font-size: 16px;
  color: #333;
  font-weight: normal;
  text-align: center;
  margin: 10px 0 0;
}

.perfectinfo2018 h5 span {
  color: #ff7745;
}

.perfectinfo2018 h6 {
  font-size: 14px;
  color: #666666;
  font-weight: normal;
  text-align: center;
  margin: 10px 0 0;
}

.perfectinfo2018 h6 span {
  color: #ff7745;
}

.perfectinfo2018 .info-box {
  width: 900px;
  height: 500px;
  margin: 45px auto 180px;
  background: #ffffff;
  border: 1px solid #dedede;
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.perfectinfo2018 .information-form {
  width: 345px;
  margin: 0 auto;
  height: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 50px 0;
}

.perfectinfo2018 .information-form .form-input {
  margin-bottom: 20px;
  height: 50px;
  line-height: 50px;
}

.perfectinfo2018 .information-form .form-input em,
.perfectinfo2018 .information-form .form-input input {
  display: inline-block;
  vertical-align: middle;
}

.perfectinfo2018 .information-form .form-input label em {
  width: 60px;
  text-align: right;
  font-size: 14px;
  color: #999999;
  position: relative;
}

.perfectinfo2018 .information-form .form-input label em:after {
  display: block;
  content: '路';
  color: red;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 28px;
}

.perfectinfo2018 .information-form .form-input > em {
  width: 60px;
  text-align: right;
  font-size: 14px;
  color: #999999;
  position: relative;
}

.perfectinfo2018 .information-form .form-input > em:after {
  display: block;
  content: '路';
  color: red;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 28px;
}

.perfectinfo2018 .information-form .form-input input[type=text],
.perfectinfo2018 .information-form .form-input .gender {
  display: inline-block;
  width: 280px;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 9px;
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  font-size: 14px;
  color: #333333;
}

.perfectinfo2018 .information-form .form-input select {
  display: inline-block;
  width: 280px;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.perfectinfo2018 .information-form .form-input .chosen-container {
  margin-left: -3px;
}

.perfectinfo2018 .information-form .form-input .chosen-container .chosen-single {
  height: 40px;
  line-height: 40px;
  border: 1px solid transparent;
  border-bottom-color: #e6e6e6;
}

.perfectinfo2018 .information-form .form-input .chosen-container .chosen-single span {
  color: #333333;
}

.perfectinfo2018 .information-form .form-input .chosen-container .chosen-single div {
  top: 8px;
}

.perfectinfo2018 .information-form .form-input .chosen-container.chosen-container-active .chosen-single {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.perfectinfo2018 .information-form .form-input .chosen-container.chosen-with-drop .chosen-single {
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.perfectinfo2018 .information-form .form-input .chosen-container .chosen-drop {
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.perfectinfo2018 .information-form .form-input .gender {
  border-bottom-width: 0;
}

.perfectinfo2018 .information-form .form-input .gender label {
  display: inline-block;
  margin-right: 44px;
  margin-left: 13px;
  cursor: pointer;
}

.perfectinfo2018 .information-form .form-input .gender i {
  margin-left: 10px;
}

.perfectinfo2018 .btn-wrap {
  margin: 50px 0;
}

.perfectinfo2018 .btn-wrap .next-btn {
  display: block;
  background: #ff7745;
  border-radius: 2px;
  width: 180px;
  height: 50px;
  margin: 0 auto;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #fff;
}

.perfectinfo2018 .focus-box {
  width: 1001px;
  margin: 48px auto 0;
  border: 1px solid #e8e8e8;
  border-bottom: 0;
}

.perfectinfo2018 .focus-box .focus-item {
  width: 166px;
  height: 169px;
  border-color: #e8e8e8;
  border-style: solid;
  border-right-width: 1px;
  border-bottom-width: 1px;
  float: left;
  text-align: center;
  line-height: 1;
  color: #333333;
  font-size: 14px;
  background-color: #f8f8f8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.perfectinfo2018 .focus-box .focus-item:hover {
  background-color: #ffffff;
}

.perfectinfo2018 .focus-box .focus-item.on {
  background-image: ;
  background-repeat: no-repeat;
  background-position: 140px 145px;
}

.perfectinfo2018 .focus-box .focus-item .ico {
  width: 66px;
  height: 66px;
  margin: 30px auto 20px;
  font-size: 40px;
  text-align: center;
  line-height: 66px;
  color: #999999;
}

.perfectinfo2018 .focus-box .focus-item .ico span {
  font-size: 40px;
}

.perfectinfo2018 .recommend-wrap {
  width: 1200px;
  margin: 38px -100px 0;
}

.perfectinfo2018 .recommend-wrap ul.wx {
  width: 900px;
  height: 360px;
  margin: 0 auto;
}

.perfectinfo2018 .recommend-wrap ul.wx li {
  width: 640px;
  height: 360px;
  float: left;
}

.perfectinfo2018 .recommend-wrap ul.wx .white {
  width: 200px;
  height: 280px;
  padding: 40px 30px;
  background-color: #fff;
  text-align: center;
}

.perfectinfo2018 .recommend-wrap ul.wx .white h5 {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 60px;
}

.perfectinfo2018 .recommend-wrap ul.wx .white .intro {
  font-size: 14px;
  color: #333333;
  line-height: 1.5;
  margin-bottom: 50px;
}

.perfectinfo2018 .recommend-wrap ul.wx .white .intro p {
  font-size: 16px;
  line-height: 1;
  padding-bottom: 15px;
}

.perfectinfo2018 .recommend-wrap .line {
  border-top: 1px solid #e6e6e6;
  position: relative;
  margin-top: 72px;
  height: 20px;
  margin-bottom: 28px;
}

.perfectinfo2018 .recommend-wrap .line span {
  display: block;
  width: 240px;
  font-size: 20px;
  text-align: center;
  color: #333333;
  line-height: 1;
  background-color: #f1f1f1;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -120px;
}

.perfectinfo2018 .recommend-wrap .recommend-course-list {
  width: 1200px;
}

.perfectinfo2018 .recommend-wrap .recommend-course-list li {
  width: 280px;
  height: 160px;
  padding: 10px;
  float: left;
  background-color: #fff;
}

.perfectinfo2018 .recommend-wrap .recommend-course-list li a,
.perfectinfo2018 .recommend-wrap .recommend-course-list li img {
  width: 280px;
  height: 158px;
}

.perfectinfo2018 .recommend-wrap .recommend-course-list li:hover {
  background-color: #f1f1f1;
}

/*缃戠珯4.0瀹屽杽淇℃伅-end*/
.perfectinfo2019 {
  padding-bottom: 100px;
}

.perfectinfo2019 .title {
  font-size: 16px;
  color: #333333;
  line-height: 1;
  padding: 66px 0 26px;
  text-align: center;
}

.perfectinfo2019 .intro {
  font-size: 32px;
  color: #ff7745;
  line-height: 1;
  text-align: center;
  padding-bottom: 60px;
}

.perfectinfo2019 .info-container {
  width: 1000px;
  height: 600px;
  margin: 0 auto;
  background: #ffffff;
  border: 1px solid #dedede;
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  overflow: hidden;
  font-size: 0;
  line-height: 1;
}

.perfectinfo2019 .info-container .left-box {
  width: 440px;
  height: 600px;
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  background:  no-repeat;
  margin: -1px 0 0 -1px;
}

.perfectinfo2019 .info-container .left-box .l-title {
  height: 50px;
  line-height: 50px;
  padding: 140px 0 0 80px;
  font-size: 28px;
  color: #fff;
}

.perfectinfo2019 .info-container .left-box .l-text {
  font-size: 20px;
  line-height: 42px;
  color: #fff;
  padding-left: 78px;
  margin-top: 38px;
}

.perfectinfo2019 .info-container .left-box .l-text a {
  color: #fff;
}

.perfectinfo2019 .info-container .left-box .l-text a:hover {
  text-decoration: underline;
}

.perfectinfo2019 .info-container .right-box {
  width: 560px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}

.perfectinfo2019 .information-form {
  width: 345px;
  margin: 0 auto;
  height: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 50px 0 30px;
}

.perfectinfo2019 .information-form .form-input {
  margin-bottom: 20px;
  height: 50px;
  line-height: 50px;
}

.perfectinfo2019 .information-form .form-input em,
.perfectinfo2019 .information-form .form-input input {
  display: inline-block;
  vertical-align: middle;
}

.perfectinfo2019 .information-form .form-input label em {
  width: 60px;
  text-align: right;
  font-size: 14px;
  color: #999999;
  position: relative;
}

.perfectinfo2019 .information-form .form-input label em:after {
  display: block;
  content: '路';
  color: red;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 28px;
}

.perfectinfo2019 .information-form .form-input > em {
  width: 60px;
  text-align: right;
  font-size: 14px;
  color: #999999;
  position: relative;
}

.perfectinfo2019 .information-form .form-input > em:after {
  display: block;
  content: '路';
  color: red;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 28px;
}

.perfectinfo2019 .information-form .form-input input[type=text],
.perfectinfo2019 .information-form .form-input .gender {
  display: inline-block;
  width: 280px;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 9px;
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  font-size: 14px;
  color: #333333;
}

.perfectinfo2019 .information-form .form-input select {
  display: inline-block;
  width: 280px;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.perfectinfo2019 .information-form .form-input .chosen-container {
  margin-left: -3px;
}

.perfectinfo2019 .information-form .form-input .chosen-container .chosen-single {
  height: 40px;
  line-height: 40px;
  border: 1px solid transparent;
  border-bottom-color: #e6e6e6;
}

.perfectinfo2019 .information-form .form-input .chosen-container .chosen-single span {
  color: #333333;
}

.perfectinfo2019 .information-form .form-input .chosen-container .chosen-single div {
  top: 8px;
}

.perfectinfo2019 .information-form .form-input .chosen-container.chosen-container-active .chosen-single {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.perfectinfo2019 .information-form .form-input .chosen-container.chosen-with-drop .chosen-single {
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.perfectinfo2019 .information-form .form-input .chosen-container .chosen-drop {
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.perfectinfo2019 .information-form .form-input .gender {
  border-bottom-width: 0;
}

.perfectinfo2019 .information-form .form-input .gender label {
  display: inline-block;
  margin-right: 44px;
  margin-left: 13px;
  cursor: pointer;
}

.perfectinfo2019 .information-form .form-input .gender i {
  margin-left: 10px;
}

.perfectinfo2019 .btn-wrap {
  width: 345px;
  margin: 0 auto;
  position: relative;
}

.perfectinfo2019 .btn-wrap .submit-btn {
  display: block;
  width: 180px;
  height: 50px;
  line-height: 50px;
  border-radius: 3px;
  background-color: #ff7745;
  color: #fff;
  font-size: 16px;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
}

.perfectinfo2019 .btn-wrap .submit-btn:hover {
  background-color: #ff5212;
}

.perfectinfo2019 .btn-wrap .ignore {
  font-size: 12px;
  color: #999999;
  line-height: 50px;
  position: absolute;
  top: 0;
  right: 0;
}

.dialog-layer,
.qy-layer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 999;
}

.qy-layer {
  display: none;
}

.dialog3 {
  width: 360px;
  min-height: 175px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999;
  margin-left: -180px;
  margin-top: -110px;
  -webkit-transition: .3s;
  transition: .3s;
}

.dialog3 .content {
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  text-align: center;
  padding: 0 0 10px;
  height: 116px;
  width: 360px;
  display: table-cell;
  vertical-align: middle;
  max-height: 200px;
  overflow: auto;
  overflow-x: hidden;
}

.dialog3 .custom-btn-group {
  text-align: center;
}

.dialog3 .custom-btn-group .custom-btn {
  margin: 0 10px;
}

.dialog3 .custom-btn-group .btn-cancel {
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #ff7745;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  text-decoration: none;
  background: transparent;
  color: #ff7745;
  -webkit-transition: .2s linear;
  transition: .2s linear;
}

.dialog3 .custom-btn-group .btn-cancel:hover {
  background: #ff7745;
  color: #fff;
}

.dialog3 .custom-btn-group .btn-confirm {
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #ff7745;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  text-decoration: none;
  background: #ff7745;
  color: #fff;
  -webkit-transition: .2s linear;
  transition: .2s linear;
}

.dialog3 .custom-btn-group .btn-confirm:hover {
  background: #eb6331;
}

/*pc7.2鐩存挱鎻愮ず灞?/
.live-modal-layer {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -140px;
  margin-left: -240px;
  width: 480px;
  height: 280px;
  background: #fff;
  -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  z-index: 1024;
}

.live-modal-layer .live-modal-close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10;
  width: 16px;
  height: 16px;
  background:  no-repeat;
}

.live-modal-layer .title {
  padding-top: 20px;
  text-align: center;
  line-height: 22px;
  font-size: 22px;
  font-weight: normal;
  color: #333333;
}

.live-modal-layer .tips {
  padding: 68px 0 64px 0;
  text-align: center;
  line-height: 16px;
  font-size: 16px;
  color: #333333;
}

.live-modal-layer .btn-group {
  text-align: center;
}

.live-modal-layer .btn-group a {
  display: inline-block;
  width: 160px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.live-modal-layer .btn-group a.btn-more {
  color: #ff7755;
  border: 1px solid #ff7755;
  border-radius: 2px;
  background: #fff;
  -webkit-transition: .3s;
  transition: .3s;
}

.live-modal-layer .btn-group a.btn-more:hover {
  background: #ff7745;
  color: #fff;
}

.live-modal-layer .btn-group a.btn-buy {
  margin-left: 37px;
  color: #ff7755;
  border: 1px solid #ff7755;
  border-radius: 2px;
  background: #ff7755;
  border-radius: 2px;
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s;
}

.live-modal-layer .btn-group a.btn-buy:hover {
  background: #f56d3b;
}

.cfo-wanxiangjie {
  width: 600px;
  height: 480px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -240px 0 0 -300px;
  border-radius: 32px;
  z-index: 1024;
  background:  no-repeat;
}

.cfo-wanxiangjie a.close-btn {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 20px;
  top: 20px;
}

.cfo-wanxiangjie a.enter-btn {
  display: block;
  width: 200px;
  height: 50px;
  position: absolute;
  bottom: 46px;
  left: 50%;
  margin-left: -100px;
}

/*鍚嶅璁插潧寮圭獥*/
.mjjt-modal {
  width: 600px;
  height: 380px;
  position: fixed;
  z-index: 1024;
  top: 50%;
  left: 50%;
  margin-top: -190px;
  margin-left: -300px;
  background:  no-repeat;
}

.mjjt-modal .btn-reserved {
  position: absolute;
  top: 265px;
  left: 200px;
  width: 200px;
  height: 48px;
}

.mjjt-modal .btn-colse {
  position: absolute;
  bottom: 0;
  left: 285px;
  width: 30px;
  height: 30px;
}

.index-fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1021;
}

.index-fixed-bottom a {
  position: absolute;
  width: 97%;
  height: 100%;
}

.index-fixed-bottom .close-icon {
  position: absolute;
  top: 145px;
  right: 50px;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  font-size: 20px;
}

.index-fixed-bottom img {
  display: block;
}

.modal-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -180px;
  margin-left: -120px;
  z-index: 1024;
  width: 360px;
  height: 240px;
  text-align: center;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.modal-dialog .title {
  line-height: 24px;
  font-weight: normal;
  padding: 60px 0 20px;
  font-size: 24px;
  color: #333333;
}

.modal-dialog .tips {
  line-height: 16px;
  font-size: 16px;
  color: #666666;
}

.modal-dialog .btn-group {
  padding-top: 40px;
}

.modal-dialog .btn-group .custom-btn {
  display: inline-block;
  width: 150px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #0e61e0;
  border: 1px solid #0e61e0;
  border-radius: 2px;
  -webkit-transition: .3s;
  transition: .3s;
}

.modal-dialog .btn-group .custom-btn:hover {
  background: #0e61e0;
  color: #fff;
}

.xcs-sign .application {
  padding-bottom: 50px;
}

.xcs-sign h1 {
  font-size: 36px;
  color: #000;
  padding: 60px 0;
  font-weight: normal;
  text-align: center;
}

.xcs-sign .form {
  width: 520px;
  height: 534px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 4px;
  padding: 60px;
}

.xcs-sign .form .error {
  visibility: hidden;
  padding-left: 20px;
  background:  no-repeat left center;
  line-height: 14px;
  font-size: 12px;
  color: #f5242d;
}

.xcs-sign .form .input {
  margin: 8px 0;
  position: relative;
}

.xcs-sign .form .input input {
  display: block;
  width: 400px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333333;
  background-color: #f5f5f5;
}

.xcs-sign .form .input input.active {
  border-color: #f5242d;
  background-color: #fff;
}

.xcs-sign .form .input input:focus {
  background-color: #fff;
}

.xcs-sign .form .input b {
  position: absolute;
  right: -18px;
  top: 10px;
  color: red;
  font-weight: bold;
}

.xcs-sign .form .btn-wrap .btn {
  margin-top: 30px;
  display: block;
  background: #a24ab8;
  border-radius: 2px;
  width: 400px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  font-size: 18px;
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s;
}

.xcs-sign .form .btn-wrap .btn:hover {
  background: #833a95;
}

.activity-bottom-fixed {
  position: fixed;
  z-index: 1023;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 210px;
}

.activity-bottom-fixed .wrapper {
  position: absolute;
  bottom: 0;
  left: 0%;
  width: 100%;
  height: 160px;
  background: ;
}

.activity-bottom-fixed .wrapper .content {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

.activity-bottom-fixed .wrapper .content .gift-box {
  position: absolute;
  top: -40px;
  width: 334px;
  height: 184px;
  background:  no-repeat;
}

.activity-bottom-fixed .wrapper .slogan {
  margin: 40px 31px 0 374px;
  float: left;
  width: 572px;
  height: 75px;
  background:  no-repeat;
}

.activity-bottom-fixed .wrapper .qr-code {
  float: left;
}

.activity-bottom-fixed .wrapper .qr-code img {
  display: block;
  width: 140px;
  height: 160px;
}

.activity-bottom-fixed .wrapper .btn-closed {
  float: right;
  margin-top: 12px;
  font-size: 38px;
  line-height: 1.2;
  font-family: simsun;
  color: #9aa1a8;
  outline: 0 none;
}

.activity-left-fixed {
  position: fixed;
  bottom: 155px;
  left: -200px;
  width: 150px;
  height: 100px;
  cursor: pointer;
  background:  no-repeat;
}

.modal-success {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -182px;
  margin-left: -250px;
  z-index: 1024;
  width: 450px;
  height: 364px;
  overflow: hidden;
  background:  #fff no-repeat 10px 20px;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}

.modal-success .success-icon {
  width: 80px;
  height: 80px;
  display: block;
  margin: 40px auto 20px auto;
  background:  no-repeat;
}

.modal-success .title {
  line-height: 18px;
  font-size: 18px;
  text-align: center;
}

.modal-success .tips {
  width: 280px;
  height: 42px;
  margin: 10px auto 40px auto;
  line-height: 21px;
  font-size: 14px;
  color: #999;
}

.modal-success .btn-confirm a {
  display: block;
  width: 280px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  margin: 0 auto 20px auto;
  font-size: 16px;
  text-align: center;
  background: #ff7745;
  border-radius: 2px;
  color: #fff;
}

.modal-success .btn-text a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #666666;
}

.zt-left-fixed-pic {
  position: fixed;
  background:  no-repeat;
  width: 120px;
  height: 429px;
  top: 50%;
  left: 5px;
  margin-top: -214px;
  text-align: center;
  z-index: 999;
}

.zt-left-fixed-pic .tit {
  padding-top: 68px;
  color: #fda61c;
}

.zt-left-fixed-pic .tit h4 {
  font-size: 18px;
  font-weight: normal;
}

.zt-left-fixed-pic .tit h5 {
  font-size: 14px;
}

.zt-left-fixed-pic .tel {
  color: #fff;
  font-weight: bold;
  padding: 13px 0 6px;
  font-size: 14px;
}

.zt-left-fixed-pic .consulte-btn {
  width: 110px;
  height: 27px;
  display: inline-block;
  color: #fff;
  border-radius: 4px;
  margin-bottom: 10px;
  line-height: 27px;
  background: #fda61c;
  -webkit-transition: .3s;
  transition: .3s;
}

.zt-left-fixed-pic .consulte-btn:hover {
  background: #ffb745;
}

.zt-left-fixed-pic .item {
  padding: 10px;
  margin-bottom: 10px;
}

.zt-left-fixed-pic .item li {
  height: 24px;
  line-height: 24px;
  margin-bottom: 2px;
  background: #2564ca;
  -webkit-transition: .3s;
  transition: .3s;
}

.zt-left-fixed-pic .item li a {
  color: #fff;
}

.zt-left-fixed-pic .item li:hover {
  background: #5e97f3;
}

.zt-left-fixed-pic.zj {
  background:  no-repeat;
}

.zt-left-fixed-pic.zj .item li {
  background-color: #016264;
}

.zt-left-fixed-pic.zj .item li:hover {
  background: #00cdae;
}

.zt-left-fixed-pic.cpa {
  background:  no-repeat;
}

.zt-left-fixed-pic.cpa .item li {
  background-color: #726c50;
}

.zt-left-fixed-pic.cpa .item li:hover {
  background: #cac090;
}

.consultation-window {
  display: none;
  width: 450px;
  height: 270px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1024;
  margin: -135px 0 0 -225px;
  border: 1px solid #e6e6e6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 6px;
  background:  no-repeat center top #fff;
}

.consultation-window .close-btn {
  background:  no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 20px;
  right: 23px;
}

.consultation-window .text {
  height: 150px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 28px;
  line-height: 48px;
  color: #fff;
  text-align: center;
  padding-top: 49px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-shadow: 0 5px 5px rgba(0, 0, 0, 0.75);
  letter-spacing: 2px;
}

.consultation-window .text em,
.consultation-window .text i,
.consultation-window .text span {
  vertical-align: middle;
}

.consultation-window .text em {
  color: #4d8ef6;
}

.consultation-window .text.cpa em {
  color: #d2bf64;
}

.consultation-window .text.zj em {
  color: #1fdee2;
}

.consultation-window .text.gkzj {
  padding-top: 30px;
}

.consultation-window .btn-wrap {
  height: 119px;
  text-align: center;
  line-height: 119px;
}

.consultation-window .btn-wrap .a-btn {
  display: inline-block;
  width: 280px;
  height: 40px;
  border: 1px solid #ff7745;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  color: #ff7745;
  line-height: 38px;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
}

.consultation-window .btn-wrap .a-btn:hover {
  background-color: #ff7745;
  color: #fff;
}

.cert-pop-ups {
  display: none;
  width: 440px;
  height: 580px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -290px 0 0 -220px;
  z-index: 1024;
  background:  no-repeat;
}

.cert-pop-ups .close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
}

.cert-pop-ups .btn {
  display: block;
  width: 260px;
  height: 50px;
  border-radius: 25px;
  position: absolute;
  top: 491px;
  left: 50%;
  margin-left: -130px;
}
/*# sourcemappingurl=common.css.map */