@charset "UTF-8";
/*text-overflow*/
/*box-sizing*/
/*border-radius*/
/*box-shaow*/
/*transition*/
/*opacity */
/*
 * gradient
 */
/*
 *  三角形
 *  @include caret(absolute,10px,1px,top,orange,#fff);
 *  $position   
 *  $direcion  方向
 *  $background-color 背景颜色
 */
/*
    font
*/
/*
    color
*/
/*text-overflow*/
/*box-sizing*/
/*border-radius*/
/*box-shaow*/
/*transition*/
/*opacity */
/*
 * gradient
 */
/*
 *  三角形
 *  @include caret(absolute,10px,1px,top,orange,#fff);
 *  $position   
 *  $direcion  方向
 *  $background-color 背景颜色
 */
/*
    font
*/
/*
    color
*/
/*normalize   for basic set up*/
body, div, article, aside, details, figcaption, figure, footer, header, hgroup, main, iframe, menu, nav, section, summary, nav, h1, h2, h3, h4, h5, h6, hr, a, p, img, span, ul, ol, li, dl, dt, dd, i {
  padding: 0;
  margin: 0;
  border: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

a {
  outline-style: none; }

a, a:visited, a:active, a:hover {
  text-decoration: none; }

b, strong {
  font-weight: bold; }

img {
  border: 0; }

ul, ol, li {
  list-style: none; }

h1, h2, h3, h4, h5 {
  font-weight: normal; }

i {
  font-style: normal; }

iframe {
  border: none; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999; }

body {
  font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  font-size: 14px;
  background: #f9f9f9; }

/*form   for form element set up*/
form, fieldset, legend, input, textarea, select, button, label {
  padding: 0;
  margin: 0;
  border: 0;
  font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px; }

fieldset, input, textarea, select {
  box-sizing: border-box; }

input, button, select, textarea, option {
  outline: none;
  border: medium none; }

textarea {
  resize: none; }

input[type="file"], input[type="submit"] {
  border-style: none; }

input, textarea {
  -webkit-transition: "border 0.2s linear 0s, box-shadow 0.2s linear 0s";
  transition: "border 0.2s linear 0s, box-shadow 0.2s linear 0s"; }

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  box-shadow: 0 0 3px #e6e6e6; }

input[disabled] {
  cursor: not-allowed; }

select::-ms-expand {
  display: none; }

select {
  border: 1px solid #e6e6e6;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 14px;
  background: url("/pip/public/images/arrow.png") no-repeat right center transparent;
  text-align: center; }
  select option {
    border: 1px solid #e6e6e6; }
  select:focus {
    box-shadow: 0 0 3px #e6e6e6; }
  select:before {
    content: "\e619";
    font-size: 16px;
    color: #ccc; }

.hide {
  display: none; }
  .hide.ng-scope {
    display: block; }

.pop-sec {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); }

.pop-con-box {
  position: absolute;
  top: 20%;
  left: 50%;
  min-width: 500px;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  box-shadow: 0 0 10px #666;
  border-radius: 5px; }
  .pop-con-box .pop-con-tit {
    line-height: 40px;
    padding: 0 15px 0 20px;
    color: #fff;
    background: #23262d;
    border-radius: 5px 5px 0 0; }
    .pop-con-box .pop-con-tit em {
      font-style: normal; }
    .pop-con-box .pop-con-tit .iconfont {
      float: right;
      color: #ccc;
      cursor: pointer; }
      .pop-con-box .pop-con-tit .iconfont:hover {
        color: #fff; }
  .pop-con-box .pop-con {
    padding: 20px;
    background: #fff;
    border-radius: 0 0 5px 5px; }

.resulttips-sec {
  z-index: 1002; }
  .resulttips-sec .pop-con-box {
    min-width: auto;
    padding: 6px 20px;
    line-height: 30px;
    color: #fff; }
    .resulttips-sec .pop-con-box.bg-dark {
      background: #23262d; }
    .resulttips-sec .pop-con-box.bg-red {
      background: #c30d23; }
    .resulttips-sec .pop-con-box .iconfont {
      margin-right: 10px;
      font-size: 18px; }

.pop-con-box.xy-box .tit {
  padding-top: 10px;
  height: 70px;
  text-align: center;
  border-bottom: 1px solid #e6e6e6; }
  .pop-con-box.xy-box .tit b {
    font-size: 22px;
    color: #967120; }
  .pop-con-box.xy-box .tit span {
    font-size: 16px; }
.pop-con-box.xy-box .con {
  padding: 5px 20px;
  height: 508px;
  overflow-x: hidden;
  overflow-y: scroll; }
  .pop-con-box.xy-box .con .color-red {
    color: #c30d23; }
  .pop-con-box.xy-box .con p {
    text-indent: 2em;
    line-height: 24px;
    margin-bottom: 4px; }
  .pop-con-box.xy-box .con .t0 {
    font-size: 16px; }
  .pop-con-box.xy-box .con .c2 {
    text-indent: 4em; }
.pop-con-box.xy-box .frm-btn-group {
  margin: 0;
  padding: 6px 0;
  border-top: 1px solid #e6e6e6; }
  .pop-con-box.xy-box .frm-btn-group .input-btn {
    width: 200px; }

.footer {
  width: 100%;
  min-width: 1200px;
  padding: 20px 0;
  background: #222;
  border-top: 3px solid #c30d23;
  overflow: hidden; }
  .footer.show {
    display: block; }
  .footer .footer-c {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; }
  .footer .footer-nav {
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
    overflow: hidden; }
    .footer .footer-nav dl a {
      text-align: center; }
      .footer .footer-nav dl a:hover {
        color: #fff; }
    .footer .footer-nav dl dt a {
      line-height: 35px;
      font-size: 18px;
      color: #ddd; }
    .footer .footer-nav dl dd a {
      line-height: 28px;
      display: block;
      color: #999; }
    .footer .footer-nav .footer-logo {
      display: block;
      margin-top: 40px; }
    .footer .footer-nav .qrcode {
      margin-top: 20px; }
      .footer .footer-nav .qrcode span {
        line-height: 28px;
        text-align: center;
        display: block;
        color: #ddd; }
    .footer .footer-nav dl,
    .footer .footer-nav .footer-logo,
    .footer .footer-nav .qrcode {
      float: left;
      padding: 0 35px; }
  .footer .copyright {
    padding-top: 20px;
    border-top: 1px solid #333;
    text-align: center; }
    .footer .copyright span {
      color: #ddd;
      line-height: 35px;
      margin: 0 15px; }
      .footer .copyright span:last-child {
        color: #999; }

.mouse-hover:hover {
  opacity: .8; }

.ejia-loading-01 {
  position: fixed;
  z-index: 6;
  width: 100%;
  height: 100%;
  background: url(//ejia7.oss-cn-beijing.aliyuncs.com/public/images/load-02.gif) center center no-repeat #F9F9F9; }

.container {
  height: 800px;
  background: url(../images/bg.jpg) center top -70px no-repeat, #f7f7f7;
  overflow: hidden; }

.content {
  margin: 0 auto;
  width: 730px; }
  .content > img {
    display: block;
    margin: 120px 0 60px; }

.register-box {
  width: 670px;
  padding: 30px 50px;
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 20px #A1A193;
  zoom: 1; }
  .register-box:before, .register-box:after {
    content: " ";
    display: block; }
  .register-box:after {
    clear: both; }
  .register-box .left {
    position: relative;
    float: left;
    width: 320px; }
  .register-box .right {
    position: relative;
    float: right;
    padding: 30px 0 30px 30px;
    width: 210px;
    box-sizing: border-box; }
    .register-box .right:before {
      position: absolute;
      top: 15px;
      left: 0;
      width: 0;
      height: 97%;
      content: '';
      border-left: 1px dashed #e5e5e5; }
    .register-box .right:after {
      position: absolute;
      left: -15px;
      top: 50%;
      content: "or";
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      color: #e5e5e5;
      background: white;
      border-radius: 50%; }
  .tab-box {
    margin-bottom: 25px;
    font-size: 0;
    border-bottom: 1px solid #e5e5e5; }
    .tab-box > span {
      position: relative;
      display: inline-block;
      width: 50%;
      height: 50px;
      line-height: 45px;
      font-size: 16px;
      text-align: center;
      cursor: pointer; }
      .tab-box > span.active {
        color: #ce3c3d; }
        .tab-box > span.active:before {
          position: absolute;
          bottom: -1px;
          left: 0;
          content: '';
          width: 100%;
          height: 0;
          border-bottom: 2px solid #ce3c3d; }
  .forget-pass {
    text-align: right;
    overflow: hidden; }
    .forget-pass a {
      font-size: 14px;
      color: inherit;
      text-decoration: underline;
      cursor: pointer; }
      .forget-pass a:hover {
        color: #ce3c3d; }
      .forget-pass a.old-login {
        float: left; }
  .no-account a {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    color: #ce3c3d;
    cursor: pointer; }
  .no-account img {
    margin: -2px 0 0 5px;
    vertical-align: middle; }
  .down-app {
    margin-top: 40px;
    font-size: 16px; }
    .down-app a {
      color: #ce3c3d; }

.frm-group {
  position: relative;
  display: block;
  margin-bottom: 20px;
  zoom: 1; }
  .frm-group:before, .frm-group:after {
    content: " ";
    display: block; }
  .frm-group:after {
    clear: both; }
  .frm-group .frm-label {
    width: 40px;
    height: 40px;
    text-align: right;
    line-height: 40px;
    display: inline-block; }
    .frm-group .frm-label em {
      margin-right: 5px;
      font-style: normal; }
  .frm-group.error .input-text {
    border: 1px solid #c30d23; }
  .frm-group .input-text {
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #e6e6e6;
    padding: 0 15px;
    vertical-align: top;
    border-radius: 5px; }
    .frm-group .input-text.error {
      border-color: #c30d23; }
    .frm-group .input-text.phone-input {
      padding-left: 50px; }
    .frm-group .input-text.code-input {
      width: 195px; }
  .frm-group .input-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 15px;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #ce3c3d;
    border-radius: 5px;
    cursor: pointer; }
    .frm-group .input-btn.has-send-code, .frm-group .input-btn.disabled {
      color: #333;
      background: #fdfbfb;
      border: 1px solid #e6e6e6;
      cursor: default; }

.frm-btn-group {
  margin-top: 20px;
  text-align: center; }
  .frm-btn-group .input-btn {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background: #ce3c3d;
    cursor: pointer;
    border-radius: 5px; }
    .frm-btn-group .input-btn:hover {
      opacity: .8; }
    .frm-btn-group .input-btn.disabled {
      color: #999;
      background: #e6e6e6;
      cursor: default; }
    .frm-btn-group .input-btn.background-red {
      background: #c30d23; }

.frm-tips, .frm-error-message {
  float: left;
  margin: -18px 0 0;
  width: 100%;
  font-size: 12px;
  color: #666;
  text-align: center; }

.frm-error-message {
  color: #ce3c3d; }

.frm-group-agreexy {
  margin-top: 10px;
  color: #999;
  text-align: center; }
  .frm-group-agreexy a {
    cursor: pointer; }
    .frm-group-agreexy a:hover {
      color: #ce3c3d; }

.third-part {
  margin-top: 30px;
  padding-top: 10px; }
  .third-part h3 {
    font-size: 14px; }

.else-list {
  margin-top: 10px;
  font-size: 0;
  cursor: pointer; }
  .else-list a {
    display: inline-block;
    margin-right: 5px;
    width: 42px;
    height: 42px; }
  .else-list .wx-link {
    background: url("/pip/pipuser/images/pc_login_sprite.png") center center no-repeat;
    background-position: -306px 0; }
    .else-list .wx-link:hover {
      background-image: url("/pip/pipuser/images/pc_login_sprite.png");
      background-position: -96px 0; }
  .else-list .qq-link {
    background: url("/pip/pipuser/images/pc_login_sprite.png") center center no-repeat;
    background-position: -138px 0; }
    .else-list .qq-link:hover {
      background-image: url("/pip/pipuser/images/pc_login_sprite.png");
      background-position: -180px 0; }

.mess-tips-sec .pop-con-box {
  top: 25%; }
  .mess-tips-sec .pop-con-box .pop-con-tit {
    padding: 15px 15px 15px 55px;
    line-height: 25px;
    background: white;
    color: black;
    border-bottom: 1px solid #e6e6e6; }
    .mess-tips-sec .pop-con-box .pop-con-tit h1 {
      overflow: hidden;
      font-weight: bold;
      font-size: 16px; }
    .mess-tips-sec .pop-con-box .pop-con-tit img {
      float: right;
      width: 16px;
      cursor: pointer;
      opacity: .6; }
      .mess-tips-sec .pop-con-box .pop-con-tit img:hover {
        opacity: 1; }
    .mess-tips-sec .pop-con-box .pop-con-tit p {
      color: #ce3c3d; }
    .mess-tips-sec .pop-con-box .pop-con-tit i {
      display: inline-block;
      margin-right: 5px;
      margin-top: -2px;
      width: 18px;
      height: 18px;
      line-height: 18px;
      font-size: 14px;
      color: white;
      text-align: center;
      border-radius: 50%;
      background: #ce3c3d;
      vertical-align: middle; }
  .mess-tips-sec .pop-con-box .pop-con {
    padding: 40px 20px; }
.mess-tips-sec .btn-box {
  text-align: center; }
  .mess-tips-sec .btn-box .btn {
    display: inline-block;
    width: 60%;
    height: 40px;
    line-height: 40px;
    color: white;
    border-radius: 5px;
    cursor: pointer; }
    .mess-tips-sec .btn-box .btn:hover {
      opacity: .8; }
.mess-tips-sec .frm-group {
  text-align: center; }
  .mess-tips-sec .frm-group .frm-label {
    width: 58px; }
  .mess-tips-sec .frm-group .input-text {
    width: 60%; }
  .mess-tips-sec .frm-group .input-btn {
    right: 61px; }
    .mess-tips-sec .frm-group .input-btn:hover {
      opacity: .8; }

.resulttips-sec .pop-con-box {
  top: 40%; }

.pop-con-box.xy-box {
  top: 15%;
  background: #fff; }
  .pop-con-box.xy-box .tit {
    padding-top: 0;
    height: 60px;
    line-height: 60px; }
  .pop-con-box.xy-box .con {
    padding: 20px; }
  .pop-con-box.xy-box .frm-btn-group .input-btn {
    color: #ce3c3d;
    background: transparent; }
.pop-con-box.kaptcha-box {
  min-width: 330px; }
  .pop-con-box.kaptcha-box .pop-con-tit h1 {
    font-size: 15px;
    overflow: hidden; }
    .pop-con-box.kaptcha-box .pop-con-tit h1 img {
      float: right;
      margin-top: 12px;
      width: 14px; }
  .pop-con-box.kaptcha-box .frm-group .input-btn {
    background: transparent;
    color: #333;
    text-decoration: underline; }
    .pop-con-box.kaptcha-box .frm-group .input-btn:hover {
      color: #ce3c3d; }

.bg-db {
  background: #343a53; }

.bg-red {
  background: #ce3c3d; }

.register-success {
  padding: 80px 150px;
  text-align: center; }
  .register-success .register-success-tips {
    font-size: 18px;
    color: #ce3c3d; }
    .register-success .register-success-tips img {
      margin-bottom: 10px; }
  .register-success .frm-btn-group {
    margin-top: 50px; }
.pop-con-box.customer-box {
  top: 50%;
  box-shadow: none;
  -webkit-transform: translate3d(-50%, -50%, 10px);
          transform: translate3d(-50%, -50%, 10px); }
  .pop-con-box.customer-box .pop-con-tit {
    background-color: transparent; }
  .pop-con-box.customer-box .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    cursor: pointer; }
  .pop-con-box.customer-box .pop-con {
    background: transparent; }
    .pop-con-box.customer-box .pop-con img {
      display: block;
      margin: auto; }