@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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAoCAQAAACYjer+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfgCQwRNQgsWO8oAAAEV0lEQVRo3u2aPYwbRRTHf3cJAiIQ2qtACoqyKYjEhxCbCilCIiYiSr0paCginAJB64iGBpRLSZHCkShp9ioqFDlEQkCBZAMJIFJkj4ZcUiBbQShAFPGj2LHP97lrX86+EP5Psj3jt29n/vvevJlnz3CMj3mKBxc3ODnD0gNNAcCNGZz2GKaP2WkPYCdgR5MQEf23SEiQxkgEtOnSRbJwfbqNo3MykqndEfTbdk2MrKvzYsvW9o1uMhREakOtiZhas2Vuc51WX4qpIzbNbdi1a9NIbJjbDpbmTW2bifE6NraZhFlP+a13fK6ifl3FdniamdqyruZrWsOek4WpYtOuXTMjW2rDTK0bqdqyZay219jYVhL2eMECr1S8omtTrKmRmNkWMVaTVa1h4nJVs3BNFjwqCT5g8K+CsnzgcbWR5zPWwvgRRwG4w/cVF8WIhIw6UAdgcfCarGkViDnPAeY4QUo7LJVQG2h3gt5C0I4R6Qa90TAGCfs5GT6d41alKxpDEx3OEBHQW7cVkZMCPRZ4jXgwscU1tnvhtcMcB5jj9ICeUTCy87wRQqHlI5UXxXr43A+AwqmbGqJ/udWXduiNbdsVW7aNRG0Fmy2jEF7YCNoNNZ7EmnDMu172bXdV1E8HQy1Wh8zMPmqBhOXWMnV56O0OpqeYhN7caIiEZSv1keeDlc4OsxzhOM/wFz/yGd/wDw/zKkfZzy6u8ilfjuh8GXCCmB69Na1hRETr9LKubqG9yHgo5eklrziMW17zzxU9l9w3EvMrNz7bug26N+Fw2NuW46ZPj3DTZIXjJ2MktXsrJeEwx088WcGdljg8titOHyUp8t1KFHzNs/cxBVDiCVd4vtTE38QsTXseW0KJJxysYOKr+5yCUhIeqmDi92nPYcsoCYfbPFpqYol93N1UY+Pd/HK2lzl6QM55Ek6tsw/YTmyaPC5XSI96unRfsBEiiw1xruahbtAYsfyyddm9OUNf8EIFHs/wOGf4Y8PvTxGH557S4NAqz+gQAzEdigNShzm61Lg4MT8oIWGBdyqZeY832bvht4uDBBrDqlNejR4dImCRHjERdToskEyQhJJwmPG7SgGhn1dyvFRtrzjnFTUj7QYpjkz5eBWicaVM4XglCu76YmUSlqtFhcTWLIplsYSK4UQpqHKU/qQCCR9WvF2qFqWxfmEsWmEns2lrUIbbQSQ84Q8lFFwYqbZQPP3cfrUwUdNBUXXeru2d5wm412ubUHDJPZVv1yehmHzxnquZ2jazHoom6URJqFRj/JVDnOM35Cof8DIHOcw8vwDXeZ/XuT3WitzPEmdDsRQgogP0uLitvzetxoR/lU7JmFnVlxAR02SRHgv0aNLhEP0d5CSwe+smtoYoFNQBOqQkLJKQwUQ3zhONvuE1oS9FHtDUxKKW3FSznbYw3juJN6wGp8YyKLQlE02R//9ThR3+J41JYZYb0x7C1HFzFz9zhMemPY4p4jpv/QuOWCNbrX8oGgAAAABJRU5ErkJggg==") no-repeat;
  margin: 20px 0 9px;
}

.navigation .nav-top-bar .top-right-link .app-download-box .app-down.android {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAoCAQAAACYjer+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfgCQwRNQgsWO8oAAADr0lEQVRo3u2aMW/bVhSFP6cdirpDaCAomiFA2AztloD9AQWqxVsWGshcVEGGdkgHee6kDP0BMtqtE71llYEunRoJcKYgCCgvqd0uYscGSPN14LMs2ZFDV7JoOzmERPK9S+q+g3fPe/dCS6zyM5/w9mKPr5fYfaspANhbwrp9qB+X6nbgLOCckhCdTxISpHWshTSn9rUZjg08mrg7RyS0wuc4FP+z75yQEJGyTkQDgJQWGTltAGK65DTDMNuk9MiABr2RzQYbFEBKTk4yd/9cxNFUsWdXxEzNbKttIzW3qWpqpGrXrqma2VJ7YqrhLR3bqkbz9G8xJAztiI3gfGYvkJHbURGjEQmt8EQmYqwmgYTyLSUl8yThBOHQ4jlXx+6v8vyNUV4iISIhowlB/Mqpv0lMxNZYS9laBlB5HsBo+u/bbs05GE5AwkMus8kyt/iSWyyzyWUeVqSvHAwMXkNbfOh+n45o9H1YFOe7QMKJwuGe+tISL9V7lZ6K1Ga4Lid3FrQh1fDB1igcopFuxOG8rwnd0NurTxM+c9dJ7Pp5hecmI3hoNkECdkbvGyehHKpqMrKMzFXN6yLhQ5+pv/h7cO0nH6vPXJ6DE5Fx5fZ4iu0sR2VN+I4bwG88Cfe/sgPc4Ns5RGQRFKNK+2CK7SyonEUOuP7a9p0jwnb+8H41sw/44Zi+f+oexWJIeMXfU/v+rXsMM6NCOPxIxl/sTO2/zses8X3dI5kBFYTxPqtvsFjlft3jOG0SLj4qasJsmL7NPdgQywoFkLNBwt1TrR/UQkIW6ghHsUJBl4gI6AEbREBKg5WLRsLdsJcoSGnxxaGZ0ScGYvqUaVafFYY05p4r1kzCwS4vBvoTfQ0K+kTAgIKYiCZ9NknOGgmvZuyfRI+1sa1vSgpEFKMya0qDgoQHCyOhQgJ1x2tecTqueM07FVOVNDyTjWWBsQ21GdKlnpmYzz1JmksWue4jn6o7brvttjvqUx+5fqKfK1PiskrYCpniODI7dkdluDNHAuJN9Xa4vq3ePPHPpaGiGJuHSgEmampmQ8S2Q3sLngkLEcajGPApSZDILChDzIAtNmmRsLZQb2rcMe6vEg9CSRUgog8UbJGeVRIKXjAM10NezGlX12eDLSAipqxGDyjITqGcOh0Ljb59TTg4DoQxt2MvVBCzI3ZnRhhPgwTCOqCpidq1LL1mF5eEeFR8P0pPLGGFwGShS+S7f6rwrp4AwCX26nahdvz5Hk/4io/q9qNG/ME3/wF5mtnpeOgC1gAAAABJRU5ErkJggg==") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAMCAYAAAECKT2kAAAABGdBTUEAALGPC/xhBQAAAmBJREFUOBGtlEtIlFEUx393ZpycDI0egpKbEFrMqpUlQZAzU1JCq9pYIWkUtYrK0U3jonRCWvTYZC0K27SLoMgZXSXaImozLUSCoIdFUJLFTDlzO/e7zuPTmR7Qhe/ee/73f8537nlchQzdG9JmRbHg0X2hHit45IQ1SkfD02jd4hDiSaUcenUNpL9ZYikDrw+yi85BflJaa0U0nMsDhdXDMW8sPanpGYb6JlhbDzsPQk0dvJnpEBdKxucPULexAFQ2m6d4vJDL5qWSVY17Y5nJr4L4HXTgPgR3QOQIGKXXKbm7xKTrAryYgJZ98HYmb2CzMjvdG07K3JZHXatHPM+tvC9eb6NVNlHWXDYRdimWE5R6yuDYdiWhl+D/5q+rVkPmezkTMJQwPi2529hcJG3rgLO34WcaQoeLeLstAwfoi0xJWkvGyWtWePYYXk7ZuybvQPNWmH1eQjRbHXTn8fopMJ8ZwVa7tu4voyhHitNK9+9uIJt9Z5nLZp9kcPHHMtAoqgk1lGiz0TYGcrlRyemulcz/iahxAlWdKvZwTjmNlOOGy7wJ/N7jMHKmCO85Cl8+wvQD2LAJDpyD2vWSkAy8fwX3Ltkbdp6Hpi1QVY3UkW2/hXm4eqJoSxrK59RVEfrzzlR+uzgx3OXmRu/CFXF2dMDipgvWNcCjETfPSFLLkmQlffOPY/6TW8G0n19u6A+48YqSSvlMdxCNJAr1XZG8dJB6IqGdhe44BGrtD+ck1PFDlRvIZVPyPDgWdorL4M4D1x/uRiuJow7+VVu7DFYQ5EV2oqr0LS4mbponwDB/Af+Zv2hgi2xEAAAAAElFTkSuQmCC") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAECAYAAABGM/VAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkI1NEE2ODM0REE1MTFFN0I4RUZGMEQxRTc5MEZFRkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkI1NEE2ODQ0REE1MTFFN0I4RUZGMEQxRTc5MEZFRkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQjU0QTY4MTREQTUxMUU3QjhFRkYwRDFFNzkwRkVGQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQjU0QTY4MjREQTUxMUU3QjhFRkYwRDFFNzkwRkVGQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtTjaxEAAAA2SURBVHjaYvr///+G/6hgAwOQkAHiz1ABEC3LxMDA8ASIaxggoBaIH4NUgjAzEM+G0gwAAQYAQRc3tE6A7s4AAAAASUVORK5CYII=") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAECAYAAABGM/VAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkI1NEE2ODc0REE1MTFFN0I4RUZGMEQxRTc5MEZFRkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkI1NEE2ODg0REE1MTFFN0I4RUZGMEQxRTc5MEZFRkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQjU0QTY4NTREQTUxMUU3QjhFRkYwRDFFNzkwRkVGQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQjU0QTY4NjREQTUxMUU3QjhFRkYwRDFFNzkwRkVGQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjvXjRQAAAAwSURBVHjaYvj//z8DEDMD8SwozcAAFcz/DwH5MEEZIP4EFfwM4oME1/9HBRsAAgwA/XNFuiHi62sAAAAASUVORK5CYII=") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ1RTVFODM0RTU1MTFFN0I0N0RBRUY4NDk4MEY5OTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ1RTVFODQ0RTU1MTFFN0I0N0RBRUY4NDk4MEY5OTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDVFNUU4MTRFNTUxMUU3QjQ3REFFRjg0OTgwRjk5NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDVFNUU4MjRFNTUxMUU3QjQ3REFFRjg0OTgwRjk5NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuH5dxEAAAAuSURBVHjaYly8ePF/BgoAEwOFgPH/f4ocQLkLhoEBLEuWLBmNxtFopNgFAAEGAAfdDto9aIcVAAAAAElFTkSuQmCC") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABqElEQVQ4T62U0W3CMBCG7yzBa9sNYIK2G9ANwgSkErZ4K92ADZpHdI7UdIK2E0AnKBvABtBXI+WqixwEJoGo1FIURXf+/Of83yEEK47j61arNQCACBF7Prxi5jkzv6VpOg/37H/j/ocxJmLmVwD4QcQkz/OFxJVS13KAf2bOuccsyzZV4B1Qax0josCeiSipSvbqPwDgarvdPlRBC6DW+g4RvwGgT0Sy4eTSWs8RcU1E/TCxBErCiojiczCJj0ajjpQjz/MorCn64FIp1Z1Op6smQMkxxmTyDkWgv4jEWttpCvNAuaQXIuoe3LIxZsLMPWttaZFG3OFw2FNKzYjowCmicMzM0b8B5SREfLfW3jSS5pPqhBRyjTFi0riJZcpDjTFi+iz0bAmcAMDAOXdf1wH76n0TJM65Tpi/K6g/cXmqrQRalkg6ylpbWKeyl6Wt2u22DABZkzRNP/cTffwJAORvgJkXVe13cOW+nrJhDABrZt4ZXSYPM3/J0PDQ2yroEbBU5X1WenMj48taW0yf8m8A4AhaCzxnoTron4F1Si8CVkEvBgZQ+AXLzwZUhKOJTAAAAABJRU5ErkJggg==") 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: url(../images/card-bg-or.png) 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABnklEQVQ4T62UTVLCUBCEuyOBpdxAPIHcwFBl1uoJ1BOIC9GdsJO4wRPADcR1sAgnMDeQI8jSABkrCfmT/KBltpn3vdfTPUP888c8nrS1Oqp7p6CiAdII6jiHuBac9SsH1mfW2UygdE66AK5B1jMvFPFgAxqT3s//KWDwKnUKorlTJwQ2nGUr+do08E63ARxFMJEeFFgQjAHuZ18iFvuTVvgvAvoyyYfUIeKKj+ZIbvUmFIxSlyULRXo0Jl6b4AMDqZWPrZ55vRK2+GTafk1NtTKhXp2zOvSkB8B7/RKCYa4BCm/8lxZBN2oCYEcfgbgoNCKUnw99Zt9sh0ALxHGps0lotWKDPIgNxIyGqf0dWFPfAWwC78lMA0skywJkO+pjdlYTkotMgSzgUouczgu+uOc03sZxbGqV+XZ4EzAvi8Qwe4pkga9VI4pN4HRJsCnTgtlOBzt0Sjp62m2RLhTM4OIlHxaYsTV68cSo450i5B/ADM7yLHc5xC/15KNdsBAWEH99+fOb/MoWrAawCXAjSSxAbDhr61cLtnRiCgq+AVZg1hVf4/koAAAAAElFTkSuQmCC") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABj0lEQVQ4T61U0VXDMAzUqQPQDSgT0AnieAJgAmACygS0G8AE7QaUCWJ3AbIBjNAO4IjnPKc4wUnKg/xauuh0dwL984c+vKIopsx8JSI5Ec1C3ScAU1XVm9Z6n+pNAlprlyLyAGCaahKRPYBnpdSq+94C9FMBKADMT9mEiJQiouNpW4DGmBLAZQS2YmbjnNsCOOuZ1uR5rpu3I6CnSURPcROA+yzLNkVRzAFsOj+LS1dKKd9PNWCg+tHdmd9VoFSGGpMCDXUXnnoNuNvt7kRk3ScAMz+GSf2Ok6ANmxrQWrshotshISL6faAvSqlFA2iISI0p2wH1Ap5HPVYplf8F8B1AY/iaaAw4SFlEDsy8iPaY8uo35RFRDj5+WutG6aTxAdxkWbaNbeNz2jKvnywC815cp1IU6mZH2wSlx4ztJ0tmm4jaxm6UstZ21V4ys3XOvQ6A1WL8iF6TGGbenmKhAGCrqrruPQ7RpP58LQYOwiGcrzq/rfwPHdjJZJKLiD9lDSUfu9I5Z351YMcSM/T+BaZf8xX1iqPDAAAAAElFTkSuQmCC") 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: url("../images/train-nav-bg2.png") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMCAYAAABm+U3GAAAAAXNSR0IArs4c6QAAAYhJREFUOBGtU01LAlEUPW8ckhHDsFYVEaW1st9QYQkGEbRr0T9pY4EJrYMiok2bCEJkzIrCP5BIRPSxiYigFrbJHJ2P13ujvJqxosQLw5x73j3nvXfnDimHIyqliKONQQhU8haK0DZ6CitZIAY80QlAUWBmsjYtLy7AuryCVSiCY3k6ClrVYOzuwTzLoyO1DNIdFBb0/gG1lVRdK1gGSH8fSKcfZoOURsOgzy/wxKKQJ8dRTSRBugLwJpagXd+gllwDkWUoR2m8T80CpiHsHCfmrBQato1szDbim8jxGGrrm6C3d+B9M/YPbE7f2gFlDYXF2FKJS0Q0GZNAANLgQL3A77ffpKcb9IuQll7Bb/NbSO5F87wAfWPbfix2XR5G7gTy/BzrFTud1wvPTAzG4bFb6sibjB2rjcRIq/YJlVMVvnwO9PEJVvHiu1LB/W/c2MTA0AH98yMJJxeQ+DC7uJ/TSuVPpswzy5rmDP7DMFKDRFK+3uAqyec1Z0WLWTk8ltFGIkMtyoXsA+kve8L7Ed1zAAAAAElFTkSuQmCC") 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: url("../images/train-nav-bg1.png") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMCAYAAABm+U3GAAAAAXNSR0IArs4c6QAAAYhJREFUOBGtU01LAlEUPW8ckhHDsFYVEaW1st9QYQkGEbRr0T9pY4EJrYMiok2bCEJkzIrCP5BIRPSxiYigFrbJHJ2P13ujvJqxosQLw5x73j3nvXfnDimHIyqliKONQQhU8haK0DZ6CitZIAY80QlAUWBmsjYtLy7AuryCVSiCY3k6ClrVYOzuwTzLoyO1DNIdFBb0/gG1lVRdK1gGSH8fSKcfZoOURsOgzy/wxKKQJ8dRTSRBugLwJpagXd+gllwDkWUoR2m8T80CpiHsHCfmrBQato1szDbim8jxGGrrm6C3d+B9M/YPbE7f2gFlDYXF2FKJS0Q0GZNAANLgQL3A77ffpKcb9IuQll7Bb/NbSO5F87wAfWPbfix2XR5G7gTy/BzrFTud1wvPTAzG4bFb6sibjB2rjcRIq/YJlVMVvnwO9PEJVvHiu1LB/W/c2MTA0AH98yMJJxeQ+DC7uJ/TSuVPpswzy5rmDP7DMFKDRFK+3uAqyec1Z0WLWTk8ltFGIkMtyoXsA+kve8L7Ed1zAAAAAElFTkSuQmCC") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAAXNSR0IArs4c6QAAAF1JREFUCB1jYEAC////FwXiI1AsiiSFYEIVXQHSMABioyoGCQAxTBGIRmZDFGNRBNKErlGUASgIchMIoFgF5CMrPsIIFNgKdCk/EAcyMjK+RriaAWSIGJC/Dog/AABYmos7qKfHLAAAAABJRU5ErkJggg==") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAAXNSR0IArs4c6QAAAHhJREFUCB1jPHDgwNb////zMzMzB9rZ2b1mQAKHDh0S/fv373pGRsaPTCBFQDlroMB+kARMHVTRfpAcSA0jkoA2UPAq0GRHkGKQRiAFF2MECaIrBokBAVwRyElghSBRNMUgIbDpMHfDFYJkjh49Kvbr1691IDa65wDkbkkIxtvuagAAAABJRU5ErkJggg==") 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: url(../images/card-bg-or.png) 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAoCAQAAACYjer+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfgCQwRNQgsWO8oAAAEV0lEQVRo3u2aPYwbRRTHf3cJAiIQ2qtACoqyKYjEhxCbCilCIiYiSr0paCginAJB64iGBpRLSZHCkShp9ioqFDlEQkCBZAMJIFJkj4ZcUiBbQShAFPGj2LHP97lrX86+EP5Psj3jt29n/vvevJlnz3CMj3mKBxc3ODnD0gNNAcCNGZz2GKaP2WkPYCdgR5MQEf23SEiQxkgEtOnSRbJwfbqNo3MykqndEfTbdk2MrKvzYsvW9o1uMhREakOtiZhas2Vuc51WX4qpIzbNbdi1a9NIbJjbDpbmTW2bifE6NraZhFlP+a13fK6ifl3FdniamdqyruZrWsOek4WpYtOuXTMjW2rDTK0bqdqyZay219jYVhL2eMECr1S8omtTrKmRmNkWMVaTVa1h4nJVs3BNFjwqCT5g8K+CsnzgcbWR5zPWwvgRRwG4w/cVF8WIhIw6UAdgcfCarGkViDnPAeY4QUo7LJVQG2h3gt5C0I4R6Qa90TAGCfs5GT6d41alKxpDEx3OEBHQW7cVkZMCPRZ4jXgwscU1tnvhtcMcB5jj9ICeUTCy87wRQqHlI5UXxXr43A+AwqmbGqJ/udWXduiNbdsVW7aNRG0Fmy2jEF7YCNoNNZ7EmnDMu172bXdV1E8HQy1Wh8zMPmqBhOXWMnV56O0OpqeYhN7caIiEZSv1keeDlc4OsxzhOM/wFz/yGd/wDw/zKkfZzy6u8ilfjuh8GXCCmB69Na1hRETr9LKubqG9yHgo5eklrziMW17zzxU9l9w3EvMrNz7bug26N+Fw2NuW46ZPj3DTZIXjJ2MktXsrJeEwx088WcGdljg8titOHyUp8t1KFHzNs/cxBVDiCVd4vtTE38QsTXseW0KJJxysYOKr+5yCUhIeqmDi92nPYcsoCYfbPFpqYol93N1UY+Pd/HK2lzl6QM55Ek6tsw/YTmyaPC5XSI96unRfsBEiiw1xruahbtAYsfyyddm9OUNf8EIFHs/wOGf4Y8PvTxGH557S4NAqz+gQAzEdigNShzm61Lg4MT8oIWGBdyqZeY832bvht4uDBBrDqlNejR4dImCRHjERdToskEyQhJJwmPG7SgGhn1dyvFRtrzjnFTUj7QYpjkz5eBWicaVM4XglCu76YmUSlqtFhcTWLIplsYSK4UQpqHKU/qQCCR9WvF2qFqWxfmEsWmEns2lrUIbbQSQ84Q8lFFwYqbZQPP3cfrUwUdNBUXXeru2d5wm412ubUHDJPZVv1yehmHzxnquZ2jazHoom6URJqFRj/JVDnOM35Cof8DIHOcw8vwDXeZ/XuT3WitzPEmdDsRQgogP0uLitvzetxoR/lU7JmFnVlxAR02SRHgv0aNLhEP0d5CSwe+smtoYoFNQBOqQkLJKQwUQ3zhONvuE1oS9FHtDUxKKW3FSznbYw3juJN6wGp8YyKLQlE02R//9ThR3+J41JYZYb0x7C1HFzFz9zhMemPY4p4jpv/QuOWCNbrX8oGgAAAABJRU5ErkJggg==") no-repeat;
  margin: 20px 0 9px;
}

.global-navigation .login-search .app .app-download-box .app-down.android {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAoCAQAAACYjer+AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfgCQwRNQgsWO8oAAADr0lEQVRo3u2aMW/bVhSFP6cdirpDaCAomiFA2AztloD9AQWqxVsWGshcVEGGdkgHee6kDP0BMtqtE71llYEunRoJcKYgCCgvqd0uYscGSPN14LMs2ZFDV7JoOzmERPK9S+q+g3fPe/dCS6zyM5/w9mKPr5fYfaspANhbwrp9qB+X6nbgLOCckhCdTxISpHWshTSn9rUZjg08mrg7RyS0wuc4FP+z75yQEJGyTkQDgJQWGTltAGK65DTDMNuk9MiABr2RzQYbFEBKTk4yd/9cxNFUsWdXxEzNbKttIzW3qWpqpGrXrqma2VJ7YqrhLR3bqkbz9G8xJAztiI3gfGYvkJHbURGjEQmt8EQmYqwmgYTyLSUl8yThBOHQ4jlXx+6v8vyNUV4iISIhowlB/Mqpv0lMxNZYS9laBlB5HsBo+u/bbs05GE5AwkMus8kyt/iSWyyzyWUeVqSvHAwMXkNbfOh+n45o9H1YFOe7QMKJwuGe+tISL9V7lZ6K1Ga4Lid3FrQh1fDB1igcopFuxOG8rwnd0NurTxM+c9dJ7Pp5hecmI3hoNkECdkbvGyehHKpqMrKMzFXN6yLhQ5+pv/h7cO0nH6vPXJ6DE5Fx5fZ4iu0sR2VN+I4bwG88Cfe/sgPc4Ns5RGQRFKNK+2CK7SyonEUOuP7a9p0jwnb+8H41sw/44Zi+f+oexWJIeMXfU/v+rXsMM6NCOPxIxl/sTO2/zses8X3dI5kBFYTxPqtvsFjlft3jOG0SLj4qasJsmL7NPdgQywoFkLNBwt1TrR/UQkIW6ghHsUJBl4gI6AEbREBKg5WLRsLdsJcoSGnxxaGZ0ScGYvqUaVafFYY05p4r1kzCwS4vBvoTfQ0K+kTAgIKYiCZ9NknOGgmvZuyfRI+1sa1vSgpEFKMya0qDgoQHCyOhQgJ1x2tecTqueM07FVOVNDyTjWWBsQ21GdKlnpmYzz1JmksWue4jn6o7brvttjvqUx+5fqKfK1PiskrYCpniODI7dkdluDNHAuJN9Xa4vq3ePPHPpaGiGJuHSgEmampmQ8S2Q3sLngkLEcajGPApSZDILChDzIAtNmmRsLZQb2rcMe6vEg9CSRUgog8UbJGeVRIKXjAM10NezGlX12eDLSAipqxGDyjITqGcOh0Ljb59TTg4DoQxt2MvVBCzI3ZnRhhPgwTCOqCpidq1LL1mF5eEeFR8P0pPLGGFwGShS+S7f6rwrp4AwCX26nahdvz5Hk/4io/q9qNG/ME3/wF5mtnpeOgC1gAAAABJRU5ErkJggg==") 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;
}

/*三角形icon*/
.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: url(../img/sprite.png?v=1.3) 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 url(../img/quan/choose.png) 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: url(../img/quan/quaner.png?v=4.4) 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: url(../img/quan/alert-icon.png) 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 url(../img/tinyscrollbar/bg-scrollbar-track-y.png) no-repeat 0 0;
        position: relative;
        background-position: 0 0;
        float: right;
        width: 15px;
    }
    .track {
        background: transparent url(../img/tinyscrollbar/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
        height: 100%;
        width: 13px;
        position: relative;
        padding: 0 1px;
    }
    .thumb {
        background: transparent url(../img/tinyscrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
        height: 20px;
        width: 25px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: -5px;
        .end {
            background: transparent url(../img/tinyscrollbar/bg-scrollbar-thumb-y.png) 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: url(../img/sprite.png) 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: url("../img/share-bg.png") 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: url(../img/vip/video-close.png) no-repeat;
  cursor: pointer;
}

/*头部广告*/
.xc-top-zbk {
  width: 100%;
  height: 60px;
  position: relative;
  background: url("../img/xc-livecard-top.jpg?v1.1") 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: url("../images/pc-glkjcs-1.png") no-repeat;
  width: 200px;
  height: 260px;
  position: fixed;
  top: 50%;
  left: 0;
  margin-top: -10px;
  z-index: 1023;
}

.glkjcs-pc.pic2 {
  background-image: url("../images/pc-glkjcs-2.png");
}

.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: url("../images/pc-glkj-1.png?v=1") no-repeat;
    background: url("../images/zxxt-pic.png") no-repeat;*/
  background: url("../images/left-fixed-pic.png") no-repeat;
  width: 194px;
  height: 256px;
  position: fixed;
  top: 50%;
  left: 0;
  margin-top: -10px;
  z-index: 1023;
  /*&.pic2{
        background-image: url('../images/pc-glkj-2.png?v=1');
    }*/
}

.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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAATdJREFUOBGdkz9KA0EYxXcighewlLSiIniJFNHGM9h4ARG7dCL2YpMT2FioxV4iIApaimUuIIisv98yn04WhdUHj+/PfO9lZjKbqg6aphnSGsEduJqX58QZrFNKL7nXhhQFwmXyAziGX/1Yz7Eh3sEpRu/22sEsnlBv2+yBe2YmmgzysL/cV6zEWTXVIJ/ZbQfOSB6jKOIDuWuBsVp34IWVZ96j7pooPof7MKBmlHC5IFmLbo7uQJNj6KD5CVyHJV41uKKzUnZzHiYa/CR27C0uMWsWwhKVYv+6j4WVotDAR9LFE41T6BFk905otZhr4Asr8Uyh+AhuwE34m8lMgxq6zcA1ieKtaBDD5Kboqak9Y8VFHhJ2zf+AW17iZVziFKHPsy+cVfP9gNjF/z+m8mcxGlL3/pw/AfVzWfq4US64AAAAAElFTkSuQmCC") 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: url("../images/bg-register.png") 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: url("../images/new-register-title.png") 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: url("../images/go-reg-btn.png") 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: url("../images/go-reg-btn-hover.png");
}

.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: url("../images/new-register-bottom-bar.png") 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: url("../images/pop-up-register.png") no-repeat;
}

.new-register .new-register-fixed-bottom button:hover {
  background-image: url("../images/pop-up-register-hover.png");
}

.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: url("../images/left-float-sm-2020.png") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAABGdBTUEAALGPC/xhBQAAAVhJREFUOBF9UjFShEAQZNeCi7xA7wFGPoI3GPkBiYCExBf4AgOJIPMDF/kKXmDoB0w0sIAqcHq4pgZrva06dnemZ7p79qI8zw8Rl1yeeP6zM1UUReWRc859Yp/n+TqqqmqPC1ZZlpljYBiGh6Zpal/X9Vff91mSJK8KQyMcgMRPSwTxuNvtnoFWlHwIdAwADSAVoD9yKgsHkCIJLsijGAdpErhkBcBY7Kjal9D2CwAm5adp2lMQIawW4YNv2/YFCYJMUl2tLgiAQGt5dUH1cGLnoQDb1tLhHJwk6WDd4TEtJ6qwABK6bx2UWL3hFC3/At1+T3IyiV557z/UpQ3+1wgYPBemYDHrmMATAiEeKkQca9NgCW0bKej0JwnZu2ARd2NHpYrcH8iWOd2mafredV1PrDbnJSSfjOdy+o7nPJIAe6gR3vkgz3EXx/GRjLYodEajcRzvxdbbL/x6GnCcGVf4AAAAAElFTkSuQmCC") 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: url("../images/by-bg-2019.png?v=1") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0E2Q0I3QzhFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0E2Q0I3QzlFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQTZDQjdDNkVGOEExMUU3QjYwQUJGNkNDQzQ1MkUwNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQTZDQjdDN0VGOEExMUU3QjYwQUJGNkNDQzQ1MkUwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqWjZoAAADmSURBVHjaYmFAA/9VGLQZ/jGkAJluQCwHFX4ExLsYmBjmMN5huIqsnhGuUZuBjeE7Qx/Df4ZMIJeJATv4B9QxnYGToYjxKsMvuAFQzduBmp0YiAGMDPuAhniCDIHYBLEZU/O9/xCM4U+gWpAekFlgP/9luITV2TDNSozYvcPMoMcEDTAmBtIBWC8TNLTJBW5MSFFFDpBjYqAQMEETCbngEQs4hTEwaGGVzgwmZMAu/NG49jiEDrbEHY3gtA1KntiAoQUEY0+N00F6qZOUwRkDKACUmAp2Gm7wD6wGqhklN5KbnQECDAD/C06B3MOyKgAAAABJRU5ErkJggg==") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAIcCAIAAAC4oFOyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0E2Q0I3QzBFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0E2Q0I3QzFFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MDZBNkZGNUVGNTcxMUU3QjYwQUJGNkNDQzQ1MkUwNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MDZBNkZGNkVGNTcxMUU3QjYwQUJGNkNDQzQ1MkUwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlycDfgAAADTSURBVHjazJXhDoMwCITBF9/T7Dm7xdh6xWPApnE/GozeEeQjVNrzsUiTRVT2KNuztPdRJ4K+wXtV8IrRQRQ8oF3z9JwZn+7aVb/V0YgO9Wp87KBOP/lMXqw/c2z9tn9uHw2P0T/C51A/0xX5T/UX+U88Cf/OMPT1/+rfE/yZb/Tfy28j0Y2YrR/nDOtPzg+bRzafEX+aW4Bn4LP80/WfxH+a4wJ/9CF/b/7/jb+3/6L9dPb+s98r/DWx/9w+3rz/frn/ov135f3HfNX999399xJgAJFmFRHzF2wOAAAAAElFTkSuQmCC") 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: url("../images/login-logo.png") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RThCRTcwRjlGMzY5MTFFNzgxQkM5OEU4NTI5NUVEMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RThCRTcwRkFGMzY5MTFFNzgxQkM5OEU4NTI5NUVEMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOEJFNzBGN0YzNjkxMUU3ODFCQzk4RTg1Mjk1RUQxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOEJFNzBGOEYzNjkxMUU3ODFCQzk4RTg1Mjk1RUQxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrTI6Y8AAAKHSURBVHjazJi/jxJBFMffLAcBFtiQCCHbWFxiaIgYO2jsvDP+A/hvaGiM1xgbo3+G5z9gRCukgO4idjQU12wBNvw2EFzfdzMokoPszi5wL5nM7K83n3nz5s2bFeRBbNvWx+PxY66f8OUpF5PbJp4JISyuULrc/pxIJL5yPXGrW7h5aTKZPFgul6+4ec4dR10pFuIXV7VQKPRa1/XvvkBms9nd+Xz+hpU+YwBBCsLf8qf2ZSQSeRmLxa49gwwGg3OuPnIxKBgZcKkYhlG76aF2083hcPicR/IpQAiIAZ3Q7coieJFN+Y72KAz0IpVKvd8KgukANYNoewb5zX08XZ8mseGYPwKejp0+ww58f+XAf0eO1XFACMdnZJ//LCLjxJXqEvUxRTbHmYeIM45FGOJCFaLX69FisVACQZ8yUJKGsM31mYoiy7Ko0WhQvV7HYFQNg2ita3LviKpANJtNByCbzRKbWNUqUTBocgNThsjn81QsFn35Chg0uYseDULKKUDMI0NATMHRdMSNhBeITCZDuVzOU0/wI3y3RcYnbpRw4KFWq+VAxONx6vf7TvEihUJhFwidILNiZ7m3SwmHYiqVSo5FptOpskV2BDZL8G5bZ5BHx/QRBvkGZ+269ijTpHK57MSMTqdD7XY7KGftakh0Pbn3HmDAgIRSH41GP71G16CmCUl2Mpm8o8mU/4vnhb9mGWx8PvaaGhh8pwGASKfTFA6H/acBaCDlVxkOlqUKhNxjLldnntuXKsobFSS2B8jM0Edl/cD1X7Yus+rqAaxR3TxoiW0HLK7eBn2skJaobp5pbv+RczVNcCZufsAy85OpQwd0bYPw+lviAkn2UX5LHPJHzR8BBgCd54nIOqzmGgAAAABJRU5ErkJggg==") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RThCRTcwRkRGMzY5MTFFNzgxQkM5OEU4NTI5NUVEMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RThCRTcwRkVGMzY5MTFFNzgxQkM5OEU4NTI5NUVEMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOEJFNzBGQkYzNjkxMUU3ODFCQzk4RTg1Mjk1RUQxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOEJFNzBGQ0YzNjkxMUU3ODFCQzk4RTg1Mjk1RUQxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkBL+7cAAAJKSURBVHjaxJi7SgNREIYnJ0JMTGIZSAohgq2ID+EFG0svb6HYiDZiI+YtvJRaiJdnCCL2MZAikpS5CKbI6vzLrCyrbs452SQDf7VnZ76dnbMzZ2PlcpkMbIa1wlpnzbPyIti76I11z3pifeg6jmmCLLGOWGusaU3fn6wH1gnrZdBiNeD6HOuC9czaNIAgWbsp916ILysQPP0raweZI3uLiY9X8WkEsse6Y81SdDYrPvf+ujj1D8Q5jcaUz3cpLCNI3RmN3s6Cr0kFCvNao4Cjysy1v4D9QU8jrgmdmjkNguA7sU3jt22J/QNybLtFu90u9fv9Ybb2kQeCz/aqjZd2u02VSsWV4zi2MCjaGSW9Y9oGolqtugDpdJqUsq5xxF5R0sCsIXK5HBUKhWFrZV1JF50kBGxe+dr4pCBg+SldED9EJpOheDxOjUZDOxLqCAoDGWjYnh5EIpGgTqfjyuiR8/kwELfpYapaCHOCpy8Wiy5Mr9dzMwKZWBgEGLRAYNls9gcG2UilUlHWyLuSGVPLPBh8M5rNJtXr9ahA3pQMujRhmHsl0/bnBGEQ+0nJyP9oercfBo1viF6DSf/DO04sybRt3IEBkUwm3Z1lYV+sZRw3vE6Fc8eVjSdsS0sIkpgvwQntkNUa41DUkpi/RsUaa4vljAHCkVi1/6Z4FM7BGEAOJFboAQvnjf0RZcYR3yXdkx4WbkRcMy3xWTI9+yJ1i6xL2Wa29iU+FoOvw+RvAIppV/b6reEXGGtv5N5df2EO839k5D9qvgUYAIBu1V93dK/VAAAAAElFTkSuQmCC") 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: url("../images/login-wx-icon.png") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAH0CAIAAABzX9DAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzdBQUJBNUNGMzcwMTFFNzgxQkM5OEU4NTI5NUVEMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzdBQUJBNURGMzcwMTFFNzgxQkM5OEU4NTI5NUVEMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOEJFNzBGRkYzNjkxMUU3ODFCQzk4RTg1Mjk1RUQxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOEJFNzEwMEYzNjkxMUU3ODFCQzk4RTg1Mjk1RUQxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhNWA7QAAAFUSURBVHjajFRbEgMhCIMeubft9DCpq8hL0X7sqLgCCRB6fz8vIrSPXmgfE8u+2UB9T9zObc+yPmeC2fs/3Qf3d8zc76F2sru0mj375v4WLgeimAcX8cd5xFQsaou5dx+LHfIWkseMA+cXCyazOyw5D48HFbcbLJLH4DXh0do5LNMOwQDDEvy4u+dfljVgcf44cYqKU49FfYqPySmN+zL3AxYWTuDuNPcSU8KitcWZQ7VLXSQ+nJ8tFlfjWXfNN/QNyT718gGTcq0+ufMeZuaISWo8fUkNMyfl7Aefs1/H3nqELnNiWKwnfW02WMLMJyxBbzZzx4V+OC57TD/ji5bVOhZmny5atpsXF2PVrY3tomMWs9Kyk47JP3C97HgBpd7e9Ynq3UbL4Lm+9+sy/zpzq45FzYl9kbUMlGa/wKRcbrTsHx3jpGk227F2Nx2r9Ere/AQYAANkcKA2c1z9AAAAAElFTkSuQmCC") repeat-x #1dc9c5;
  /*.close-btn{
                    position: absolute;
                    right: 18px;
                    top: 18px;
                    width: 22px;
                    height: 22px;
                    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0E2Q0I3QzRFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0E2Q0I3QzVFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQTZDQjdDMkVGOEExMUU3QjYwQUJGNkNDQzQ1MkUwNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQTZDQjdDM0VGOEExMUU3QjYwQUJGNkNDQzQ1MkUwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuX6ddgAAADDSURBVHja3NXRDYIwEAbg0jgAbqITUDfwiSF5kQ2QDWQTnKD2Ekiay/Xur9EHvaShKb0vzfUITYzRfSOa34bnYXikBy1c0lhBo01joknX9+d90bNNhJ22jW0FSjnP/AWHr2ksIJ6jy5brtBMHAOdo4KXzQpKFm2gJ1nAIpTgoNdzxe4Y7BLVgCXcIqpWCRyzM34Z5TdFWVGHpogKK+wp0rehzEbZaCsJ97ReF4hwe0T4V8Jt1YqhPBfz4R3+QT8ZLgAEAN7FlB6w/K3EAAAAASUVORK5CYII=") 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: url("../images/login-logo.png") 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: url("../images/by-bg-2018.png") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0E2Q0I3QzhFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0E2Q0I3QzlFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQTZDQjdDNkVGOEExMUU3QjYwQUJGNkNDQzQ1MkUwNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQTZDQjdDN0VGOEExMUU3QjYwQUJGNkNDQzQ1MkUwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqWjZoAAADmSURBVHjaYmFAA/9VGLQZ/jGkAJluQCwHFX4ExLsYmBjmMN5huIqsnhGuUZuBjeE7Qx/Df4ZMIJeJATv4B9QxnYGToYjxKsMvuAFQzduBmp0YiAGMDPuAhniCDIHYBLEZU/O9/xCM4U+gWpAekFlgP/9luITV2TDNSozYvcPMoMcEDTAmBtIBWC8TNLTJBW5MSFFFDpBjYqAQMEETCbngEQs4hTEwaGGVzgwmZMAu/NG49jiEDrbEHY3gtA1KntiAoQUEY0+N00F6qZOUwRkDKACUmAp2Gm7wD6wGqhklN5KbnQECDAD/C06B3MOyKgAAAABJRU5ErkJggg==") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RThCRTcwRjlGMzY5MTFFNzgxQkM5OEU4NTI5NUVEMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RThCRTcwRkFGMzY5MTFFNzgxQkM5OEU4NTI5NUVEMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOEJFNzBGN0YzNjkxMUU3ODFCQzk4RTg1Mjk1RUQxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOEJFNzBGOEYzNjkxMUU3ODFCQzk4RTg1Mjk1RUQxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrTI6Y8AAAKHSURBVHjazJi/jxJBFMffLAcBFtiQCCHbWFxiaIgYO2jsvDP+A/hvaGiM1xgbo3+G5z9gRCukgO4idjQU12wBNvw2EFzfdzMokoPszi5wL5nM7K83n3nz5s2bFeRBbNvWx+PxY66f8OUpF5PbJp4JISyuULrc/pxIJL5yPXGrW7h5aTKZPFgul6+4ec4dR10pFuIXV7VQKPRa1/XvvkBms9nd+Xz+hpU+YwBBCsLf8qf2ZSQSeRmLxa49gwwGg3OuPnIxKBgZcKkYhlG76aF2083hcPicR/IpQAiIAZ3Q7coieJFN+Y72KAz0IpVKvd8KgukANYNoewb5zX08XZ8mseGYPwKejp0+ww58f+XAf0eO1XFACMdnZJ//LCLjxJXqEvUxRTbHmYeIM45FGOJCFaLX69FisVACQZ8yUJKGsM31mYoiy7Ko0WhQvV7HYFQNg2ita3LviKpANJtNByCbzRKbWNUqUTBocgNThsjn81QsFn35Chg0uYseDULKKUDMI0NATMHRdMSNhBeITCZDuVzOU0/wI3y3RcYnbpRw4KFWq+VAxONx6vf7TvEihUJhFwidILNiZ7m3SwmHYiqVSo5FptOpskV2BDZL8G5bZ5BHx/QRBvkGZ+269ijTpHK57MSMTqdD7XY7KGftakh0Pbn3HmDAgIRSH41GP71G16CmCUl2Mpm8o8mU/4vnhb9mGWx8PvaaGhh8pwGASKfTFA6H/acBaCDlVxkOlqUKhNxjLldnntuXKsobFSS2B8jM0Edl/cD1X7Yus+rqAaxR3TxoiW0HLK7eBn2skJaobp5pbv+RczVNcCZufsAy85OpQwd0bYPw+lviAkn2UX5LHPJHzR8BBgCd54nIOqzmGgAAAABJRU5ErkJggg==") no-repeat;
}

.login-register-2018 .reset-password .left .back:hover {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RThCRTcwRkRGMzY5MTFFNzgxQkM5OEU4NTI5NUVEMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RThCRTcwRkVGMzY5MTFFNzgxQkM5OEU4NTI5NUVEMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOEJFNzBGQkYzNjkxMUU3ODFCQzk4RTg1Mjk1RUQxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOEJFNzBGQ0YzNjkxMUU3ODFCQzk4RTg1Mjk1RUQxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkBL+7cAAAJKSURBVHjaxJi7SgNREIYnJ0JMTGIZSAohgq2ID+EFG0svb6HYiDZiI+YtvJRaiJdnCCL2MZAikpS5CKbI6vzLrCyrbs452SQDf7VnZ76dnbMzZ2PlcpkMbIa1wlpnzbPyIti76I11z3pifeg6jmmCLLGOWGusaU3fn6wH1gnrZdBiNeD6HOuC9czaNIAgWbsp916ILysQPP0raweZI3uLiY9X8WkEsse6Y81SdDYrPvf+ujj1D8Q5jcaUz3cpLCNI3RmN3s6Cr0kFCvNao4Cjysy1v4D9QU8jrgmdmjkNguA7sU3jt22J/QNybLtFu90u9fv9Ybb2kQeCz/aqjZd2u02VSsWV4zi2MCjaGSW9Y9oGolqtugDpdJqUsq5xxF5R0sCsIXK5HBUKhWFrZV1JF50kBGxe+dr4pCBg+SldED9EJpOheDxOjUZDOxLqCAoDGWjYnh5EIpGgTqfjyuiR8/kwELfpYapaCHOCpy8Wiy5Mr9dzMwKZWBgEGLRAYNls9gcG2UilUlHWyLuSGVPLPBh8M5rNJtXr9ahA3pQMujRhmHsl0/bnBGEQ+0nJyP9oercfBo1viF6DSf/DO04sybRt3IEBkUwm3Z1lYV+sZRw3vE6Fc8eVjSdsS0sIkpgvwQntkNUa41DUkpi/RsUaa4vljAHCkVi1/6Z4FM7BGEAOJFboAQvnjf0RZcYR3yXdkx4WbkRcMy3xWTI9+yJ1i6xL2Wa29iU+FoOvw+RvAIppV/b6reEXGGtv5N5df2EO839k5D9qvgUYAIBu1V93dK/VAAAAAElFTkSuQmCC") 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: url("../images/by-bg-2018.png") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0E2Q0I3QzhFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0E2Q0I3QzlFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQTZDQjdDNkVGOEExMUU3QjYwQUJGNkNDQzQ1MkUwNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQTZDQjdDN0VGOEExMUU3QjYwQUJGNkNDQzQ1MkUwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqWjZoAAADmSURBVHjaYmFAA/9VGLQZ/jGkAJluQCwHFX4ExLsYmBjmMN5huIqsnhGuUZuBjeE7Qx/Df4ZMIJeJATv4B9QxnYGToYjxKsMvuAFQzduBmp0YiAGMDPuAhniCDIHYBLEZU/O9/xCM4U+gWpAekFlgP/9luITV2TDNSozYvcPMoMcEDTAmBtIBWC8TNLTJBW5MSFFFDpBjYqAQMEETCbngEQs4hTEwaGGVzgwmZMAu/NG49jiEDrbEHY3gtA1KntiAoQUEY0+N00F6qZOUwRkDKACUmAp2Gm7wD6wGqhklN5KbnQECDAD/C06B3MOyKgAAAABJRU5ErkJggg==") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAIcCAIAAAC4oFOyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0E2Q0I3QzBFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0E2Q0I3QzFFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MDZBNkZGNUVGNTcxMUU3QjYwQUJGNkNDQzQ1MkUwNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MDZBNkZGNkVGNTcxMUU3QjYwQUJGNkNDQzQ1MkUwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlycDfgAAADTSURBVHjazJXhDoMwCITBF9/T7Dm7xdh6xWPApnE/GozeEeQjVNrzsUiTRVT2KNuztPdRJ4K+wXtV8IrRQRQ8oF3z9JwZn+7aVb/V0YgO9Wp87KBOP/lMXqw/c2z9tn9uHw2P0T/C51A/0xX5T/UX+U88Cf/OMPT1/+rfE/yZb/Tfy28j0Y2YrR/nDOtPzg+bRzafEX+aW4Bn4LP80/WfxH+a4wJ/9CF/b/7/jb+3/6L9dPb+s98r/DWx/9w+3rz/frn/ov135f3HfNX999399xJgAJFmFRHzF2wOAAAAAElFTkSuQmCC") repeat-x #ff7755;
}

.login-register-2018 .reset-password .right .close-btn {
  position: absolute;
  right: 18px;
  top: 18px;
  width: 22px;
  height: 22px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0E2Q0I3QzRFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0E2Q0I3QzVFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQTZDQjdDMkVGOEExMUU3QjYwQUJGNkNDQzQ1MkUwNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQTZDQjdDM0VGOEExMUU3QjYwQUJGNkNDQzQ1MkUwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuX6ddgAAADDSURBVHja3NXRDYIwEAbg0jgAbqITUDfwiSF5kQ2QDWQTnKD2Ekiay/Xur9EHvaShKb0vzfUITYzRfSOa34bnYXikBy1c0lhBo01joknX9+d90bNNhJ22jW0FSjnP/AWHr2ksIJ6jy5brtBMHAOdo4KXzQpKFm2gJ1nAIpTgoNdzxe4Y7BLVgCXcIqpWCRyzM34Z5TdFWVGHpogKK+wp0rehzEbZaCsJ97ReF4hwe0T4V8Jt1YqhPBfz4R3+QT8ZLgAEAN7FlB6w/K3EAAAAASUVORK5CYII=") no-repeat;
}

.login-register-2018 .reset-password .right .login-logo {
  width: 184px;
  height: 76px;
  margin: 0 auto 25px;
  background: url("../images/login-logo.png") 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: url("../images/miao.png") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0E2Q0I3QzhFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0E2Q0I3QzlFRjhBMTFFN0I2MEFCRjZDQ0M0NTJFMDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQTZDQjdDNkVGOEExMUU3QjYwQUJGNkNDQzQ1MkUwNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQTZDQjdDN0VGOEExMUU3QjYwQUJGNkNDQzQ1MkUwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqWjZoAAADmSURBVHjaYmFAA/9VGLQZ/jGkAJluQCwHFX4ExLsYmBjmMN5huIqsnhGuUZuBjeE7Qx/Df4ZMIJeJATv4B9QxnYGToYjxKsMvuAFQzduBmp0YiAGMDPuAhniCDIHYBLEZU/O9/xCM4U+gWpAekFlgP/9luITV2TDNSozYvcPMoMcEDTAmBtIBWC8TNLTJBW5MSFFFDpBjYqAQMEETCbngEQs4hTEwaGGVzgwmZMAu/NG49jiEDrbEHY3gtA1KntiAoQUEY0+N00F6qZOUwRkDKACUmAp2Gm7wD6wGqhklN5KbnQECDAD/C06B3MOyKgAAAABJRU5ErkJggg==") 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: url("../images/miao.png") 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: url("../images/wanshanxinxitishi.png?v=2019") no-repeat;
}

.improve-information .close-btn {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAABGdBTUEAALGPC/xhBQAAARdJREFUOBF9U8ERwjAMS/jDg2YANiMLwIMJOgEfJmAzFuDDk0+RjOVLaGnufE4kWYnda5qmqSQtHEbtf7Io5NPGuafnIQHdqQD7agBBykUQPBM0QAwBRnbmAvaac36pTMLcALSg0F4A8Y2cnsX9EUHyjhjcOfGKCmCrCuxtxdUuEB6ZAkThFX1PAKI6pbdVADgxeCCJGJl5brvQZAbg0XLbhb0e5LOdhwnczoZFW5zlNr9TghBhEw8iqUUBompQBxA2xfZ+iduMInZXEXvEw7r8AReNXMPPxSmEJsYE0GaI1ImIY3VY+8rO4KudGRGOG6VRnhkstENt92wVM4fBvx4pWuP0R/ztkQZaS0Z0L4jqpLSrmVqvKR/jM+xFZ0o3vAAAAABJRU5ErkJggg==") 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: url("../images/small-icon-wsxx.png") 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: url("../img/perfect-info-icon.png");
  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: url("../images/wsxx-left-bg.png") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAABGdBTUEAALGPC/xhBQAAAVhJREFUOBF9UjFShEAQZNeCi7xA7wFGPoI3GPkBiYCExBf4AgOJIPMDF/kKXmDoB0w0sIAqcHq4pgZrva06dnemZ7p79qI8zw8Rl1yeeP6zM1UUReWRc859Yp/n+TqqqmqPC1ZZlpljYBiGh6Zpal/X9Vff91mSJK8KQyMcgMRPSwTxuNvtnoFWlHwIdAwADSAVoD9yKgsHkCIJLsijGAdpErhkBcBY7Kjal9D2CwAm5adp2lMQIawW4YNv2/YFCYJMUl2tLgiAQGt5dUH1cGLnoQDb1tLhHJwk6WDd4TEtJ6qwABK6bx2UWL3hFC3/At1+T3IyiV557z/UpQ3+1wgYPBemYDHrmMATAiEeKkQca9NgCW0bKej0JwnZu2ARd2NHpYrcH8iWOd2mafredV1PrDbnJSSfjOdy+o7nPJIAe6gR3vkgz3EXx/GRjLYodEajcRzvxdbbL/x6GnCcGVf4AAAAAElFTkSuQmCC") 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: url("../images/CFOwanxiangjie.png") 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: url("../img/mjjt-modal.png") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAPtJREFUKBWdUjEOwjAMtNsuIJUvMBTUiYqdDTHTP/AGnsEbeAQzYuMDMFWw8AUqtVNlfCmFqNAgkSWO7y524mOylsSzsJD7moSXTDICJMRXYtn1ebDh7Jg3dG6CMk7mUtFWSIZNzt6Z+MY+rXrZ6YC8EdYi2cvzbAvsWMnCPi8gZrRXVvm5q5ItRIzKPT+cBOZNRF/ba4twRgFoPI3SbwRnTj8v0L4jfZtZ/cvJyS/GicHx456T6QADMyeSKTjNjQ6+gaDxMNxfxA9cNX+Pw4ON4AgM9+PmVqI2gHJVYz7HOEEdgeG2uK9jbbnaNUjqJe/1NjmlCkRAukz+AOiJaY6kJPx3AAAAAElFTkSuQmCC") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg4NUEyNEEzMjQzQjExRTk4MjhFQzVDOTQ1QTBGRDdCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg4NUEyNEE0MjQzQjExRTk4MjhFQzVDOTQ1QTBGRDdCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODg1QTI0QTEyNDNCMTFFOTgyOEVDNUM5NDVBMEZEN0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODg1QTI0QTIyNDNCMTFFOTgyOEVDNUM5NDVBMEZEN0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6h2VYjAAAAD0lEQVR42mJgYGA4DxBgAADUANBpCuD4AAAAAElFTkSuQmCC");
}

.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: url("../img/activity-gift-box.png") no-repeat;
}

.activity-bottom-fixed .wrapper .slogan {
  margin: 40px 31px 0 374px;
  float: left;
  width: 572px;
  height: 75px;
  background: url("../img/activitytext-slogan.png") 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: url("../img/activity-small.png") 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: url("../images/modal-bg-success.png") #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: url("../images/success-icon.png") 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: url("../images/zt-left-bg.png") 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: url("../images/zj-left-fixed-bg.png") 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: url("../images/cpa-left-fixed-bg.png") 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: url("../images/consultation-window-top-bg.jpg") no-repeat center top #fff;
}

.consultation-window .close-btn {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAABGdBTUEAALGPC/xhBQAAARdJREFUOBF9U8ERwjAMS/jDg2YANiMLwIMJOgEfJmAzFuDDk0+RjOVLaGnufE4kWYnda5qmqSQtHEbtf7Io5NPGuafnIQHdqQD7agBBykUQPBM0QAwBRnbmAvaac36pTMLcALSg0F4A8Y2cnsX9EUHyjhjcOfGKCmCrCuxtxdUuEB6ZAkThFX1PAKI6pbdVADgxeCCJGJl5brvQZAbg0XLbhb0e5LOdhwnczoZFW5zlNr9TghBhEw8iqUUBompQBxA2xfZ+iduMInZXEXvEw7r8AReNXMPPxSmEJsYE0GaI1ImIY3VY+8rO4KudGRGOG6VRnhkstENt92wVM4fBvx4pWuP0R/ztkQZaS0Z0L4jqpLSrmVqvKR/jM+xFZ0o3vAAAAABJRU5ErkJggg==") 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: url("../images/cert-pop-up.png") 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 */