/*¹«¹²*/
.zz_loginbackground{min-height: 692px; position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 0; overflow: hidden;}
.flex-flex{display: flex;}
.zz_box-root{box-sizing: border-box;}
.zz_loginbackground-gridContainer{display: -ms-grid; display: grid; -ms-grid-columns: [start] 1fr [left-gutter] (86.6px)[16] [left-gutter] 1fr [end]; grid-template-columns: [start] 1fr [left-gutter] repeat(16,86.6px) [left-gutter] 1fr [end]; -ms-grid-rows: [top] 1fr [top-gutter] (64px)[8] [bottom-gutter] 1fr [bottom]; grid-template-rows: [top] 1fr [top-gutter] repeat(8,64px) [bottom-gutter] 1fr [bottom]; justify-content: center; margin: 0 -2%; transform: rotate(-12deg) skew(-12deg);}
.zz_box-divider--light-all-2{box-shadow: inset 0 0 0 2px #e3e8ee;}
.zz_box-background--blue{background-color: #ff5f37;}
.zz_box-background--white{background-color: #ffffff;}
.zz_box-background--blue800{background-color: #5878f0;}
.zz_box-background--gray100{background-color: #e3e8ee;}
.zz_box-background--cyan200{background-color: #5878f0;}
.zz_padding-top--64{padding-top: 64px;}

#nv_member{width: 100%; min-width: 1200px; height: 100%; background: #fff; overflow: auto;}
#nv_member .zzui_header, #nv_member .zzui_header, #nv_member .zzui_fts_mian, #nv_member #ft{display: none;}
#nv_member .zzui_dz_top{padding-bottom: 30px; text-align: center;}
#nv_member .zzui_dz_top p{position: relative; float: left; font-size: 34px; color: #ff5f37; font-weight: 700;}
#nv_member .zzui_dz_top p:after{content: ''; position: absolute;top: -5px; left: 0; width: 40%;height: 5px; background-color: #ff5f37;transform: scaleX(1);}

/*怬*/
#nv_member .zzui_dl_main{position: absolute; top: 50%; left: 50%; width: 500px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#nv_member .zzui_dl_box{padding: 70px 60px 25px;background: #fff; border-radius: 4px; box-shadow: rgb(60,66,87,.12) 0px 7px 14px 0px, rgb(0,0,0,.12) 0px 3px 6px 0px;}
#nv_member .zzui_dl_box .rfm{width: 380px; border-bottom: 0;}
#nv_member .zzui_dl_box .rfm th, #nv_member .zzui_dl_box .rfm td{padding: 12px 2px; line-height: 50px;}
#nv_member .zzui_dl_box .rfm.zzui_dl_other th, #nv_member .zzui_dl_box .rfm.zzui_dl_other td{padding: 8px 2px; line-height: 20px;}
#nv_member .zzui_dl_box .rfm th{display: none;}
#nv_member .zzui_dl_box .rfm td .field{width: 376px; background: #f9f9fa;border: 1px solid #eee; border-radius: 4px;display: flex; align-items: center; justify-content: space-between;}
#nv_member .zzui_dl_box .rfm td .field span{width: 60px; height: 50px; text-align: center; border-right: 1px solid #eee; border-radius: 4px 0 0 4px;}
#nv_member .zzui_dl_box .rfm td .field span i{line-height: 50px; font-size: 20px; color: #999;}
#nv_member .zzui_dl_box .rfm td .field input.px{width: 298px !important; height: 46px; line-height: 46px; padding: 2px 10px; font-size: 14px; color: #7a7a7a; background: #fff; border: 0; border-radius: 0 4px 4px 0; outline: none;}
#nv_member .zzui_dl_box .rfm td .field input.px:-internal-autofill-previewed, #nv_member .zzui_dl_box .rfm td .field input.px:-internal-autofill-selected{-webkit-text-fill-color: #7a7a7a; transition: background-color 1000s ease-out 0.5s;}
#nv_member .zzui_dl_box .rfm.zzui_dl_wt td .field select{width: 320px; height: 52px; line-height: 52px; padding: 0px 7px; font-size: 14px; color: #7a7a7a; background: #fff; border: 0; border-radius: 0 4px 4px 0; outline: none;}
#nv_member .zzui_dl_box .rfm td.zzui_yz_seccheck{position: relative;}
#nv_member .zzui_dl_box .rfm td.zzui_yz_seccheck i.fa{position: absolute; top: 14px; left: 3px; width: 60px; height: 50px; line-height: 50px; font-size: 20px; color: #999; text-align: center; background-color: #f9f9fa; border-right: 1px solid #eee; border-radius: 4px 0 0 4px;}
#nv_member .zzui_dl_box .rfm td.zzui_yz_seccheck input.px{width: 296px !important; height: 46px; line-height: 46px; padding: 2px 10px 2px 70px; font-size: 14px; color: #7a7a7a; background: #fff; border: 1px solid #eee; border-radius: 4px; outline: none;}
#nv_member .zzui_dl_box .rfm td.zzui_yz_seccheck span[id*="vseccode_"]{position: absolute; top: 14px; right: 9px; width: 120px; height: 50px; line-height: 50px; font-size: 0; text-align: right; background: none; border-radius: 4px; cursor: pointer; overflow: hidden;}
#nv_member .zzui_dl_box .rfm td.zzui_yz_seccheck a.xi2,#nv_member .zzui_dl_box .rfm td.zzui_yz_seccheck span[id*="vseccode_"] br{display: none;}
#nv_member .zzui_dl_box .rfm td.zzui_yz_seccheck span[id*="vseccode_"] img{position: absolute; top: 9px; right: 2px; width: 108px; height: 32px; overflow: hidden; cursor: pointer; border-radius: 4px;}
#nv_member .zzui_dl_box .rfm td.zzui_yz_seccheck span[id*="checkseccodeverify"]{position: absolute; top: 25px; right: 125px; width: 30px; height: 30px; line-height: 30px; text-align: center; background: none; border-radius: 0; transition: all .4s;}
#nv_member .zzui_dl_box .rfm td.zzui_yz_seccheck span[id*="checkseccodeverify"] i{line-height: unset;font-size: 16px; color: transparent;}
#nv_member .zzui_dl_box .rfm td.zzui_yz_seccheck span[id*="checkseccodeverify"] i.fc-l{color: #FF9C00;}
#nv_member .zzui_dl_box .rfm td.zzui_yz_seccheck span[id*="checkseccodeverify"] i.fc-v{color: #7CBE00;}
#nv_member .zzui_dl_box .zzui_dl_grs, #nv_member .zzui_dl_box .zzui_dl_grs a{color: #7a7a7a;}
#nv_member .zzui_dl_box .zzui_dl_grs .pipe{margin: 0 10px;color: #333;}
#nv_member .zzui_dl_box .zzui_dl_grs a:hover{color: #ff5f37;}
#nv_member .zzui_dl_box .rfm.zzui_dl_other td label{color: #7a7a7a;}
#nv_member .zzui_dl_box button.zzui_dz_pnc{width: 378px; height: 45px;line-height: 45px; margin-top: 10px; font-size: 16px;color: #fff !important; letter-spacing: 1px;background: #ff5f37; border: none; border-radius: 4px; outline: 0; cursor: pointer; overflow: hidden;}
#nv_member .zzui_dl_box button.zzui_dz_pnc:hover{opacity: 0.85;}
#nv_member .zzui_dl_box .zzui_login_third{width: 336px; padding: 0 20px; text-align: center; overflow: hidden;}
#nv_member .zzui_dl_box .zzui_lt_title{line-height: 30px; color: #555;}

/*×¢²á*/
#nv_member .zzui_zc_main{width: 1000px; padding: 50px 0;}
#nv_member .zzui_zc_box{ position: relative; padding: 70px 60px 25px; background: #fff; border-radius: 4px;box-shadow: rgb(60,66,87,.12) 0px 7px 14px 0px, rgb(0,0,0,.12) 0px 3px 6px 0px;}
#nv_member .zzui_zc_box .zzui_dz_top .y a{line-height: 51px; font-size: 14px; color: #7a7a7a;}
#nv_member .zzui_zc_box .rfm{position: relative; width: 630px; margin: 0 auto 10px; border-bottom: 0;}
#nv_member .zzui_zc_box .rfm th{width: 8em; height: 40px; line-height: 40px; padding-right: 15px; font-size: 14px; color: #999; text-align: right;vertical-align: middle;}
#nv_member .zzui_zc_box .rfm input.px{width: 298px !important; height: 46px; line-height: 46px; padding: 2px 10px; font-size: 14px; color: #7a7a7a; background: #fff; border: 1px solid #eee; border-radius: 4px; outline: none;}
#nv_member .zzui_zc_box .rfm input.px:-internal-autofill-previewed, #nv_member .zzui_zc_box .rfm input.px:-internal-autofill-selected{-webkit-text-fill-color: #7a7a7a; transition: background-color 1000s ease-out 0.5s;}
#nv_member .zzui_zc_box .rfm td.tipcol{background: transparent; border-radius: 0;}
#nv_member .zzui_zc_box .rfm td.tipcol .p_tip{width: 345px;line-height: 50px; background: transparent;display: none !important;}
#nv_member .zzui_zc_box .rfm td.tipcol.p_right:after{content: '\f115';position: relative; top: 14px; font-family: dzicon; font-size: 16px; margin-left: 8px; color: #7CBE00; line-height: 16px;}
#nv_member .zzui_zc_box .rfm .p_chk{line-height: 50px;color: #ff5f37;font-size: 13px; font-weight: 400;}
#nv_member .zzui_zc_box .rfm td.zzui_yz_seccheck{position: relative;}
#nv_member .zzui_zc_box .rfm td.zzui_yz_seccheck span[id*="vseccode_"]{position: absolute; top: 10px; right: 9px; width: 120px; height: 50px; line-height: 50px; font-size: 0; text-align: right; background: none; border-radius: 4px; cursor: pointer; overflow: hidden;}
#nv_member .zzui_zc_box .rfm td.zzui_yz_seccheck a.xi2,#nv_member .zzui_dl_box .rfm td.zzui_yz_seccheck span[id*="vseccode_"] br{display: none;}
#nv_member .zzui_zc_box .rfm td.zzui_yz_seccheck span[id*="vseccode_"] img{position: absolute; top: 10px; right: 2px; width: 108px; height: 32px; overflow: hidden; cursor: pointer; border-radius: 4px;}
#nv_member .zzui_zc_box .rfm td.zzui_yz_seccheck span[id*="checkseccodeverify"]{position: absolute; top: 20px; right: 125px; width: 30px; height: 30px; line-height: 30px; text-align: center; background: none; border-radius: 0; transition: all .4s;}
#nv_member .zzui_zc_box .rfm td.zzui_yz_seccheck span[id*="checkseccodeverify"] i{line-height: unset;font-size: 16px; color: transparent;}
#nv_member .zzui_zc_box .rfm td.zzui_yz_seccheck span[id*="checkseccodeverify"] i.fc-l{color: #FF9C00;}
#nv_member .zzui_zc_box .rfm td.zzui_yz_seccheck span[id*="checkseccodeverify"] i.fc-v{color: #7CBE00;}
#nv_member .zzui_zc_box button.zzui_dz_pnc{width: 320px; height: 45px;line-height: 45px; margin-top: 10px; font-size: 16px;color: #fff !important; letter-spacing: 1px;background: #ff5f37; border: none; border-radius: 4px; outline: 0; cursor: pointer; overflow: hidden;}
#nv_member .zzui_zc_box button.zzui_dz_pnc:hover{opacity: 0.85;}

#nv_member .zzui_zc_main.zzui_zc_surl { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#nv_member .zzui_zc_main.zzui_zc_surl .zzui_zc_box .rfm .tipwide{color: #7a7a7a;}
#nv_member .zzui_zc_box .rfm td .p_tip#tip_invitecode{position: absolute; top: 53px; right: 0; width: 313px; height: auto;line-height: 22px !important; padding: 10px;text-align: left; border: 1px solid #eee; border-radius: 6px;z-index: 11;}
#nv_member .zzui_zc_box .rfm td input#invitecode + p{position: absolute; top: 64px; left: 131px; width: 315px; height: 20px; line-height: 20px; padding: 0; font-size: 12px; font-weight: 400; text-align: right; z-index: 10;}

.zz_animationRightLeft {
  animation: zz_animationRightLeft 2s ease-in-out infinite;
}
.zz_animationLeftRight {
  animation: zz_animationLeftRight 2s ease-in-out infinite;
}
.zz_tans3s {
  animation: zz_animationLeftRight 3s ease-in-out infinite;
}
.zz_tans4s {
  animation: zz_animationLeftRight 4s ease-in-out infinite;
}

@keyframes zz_animationLeftRight {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0px);
  }
} 

@keyframes zz_animationRightLeft {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(-1000px);
  }
  100% {
    transform: translateX(0px);
  }
}