.red_color{color:#bc1b29;}
.orange_color{color:#f6ae45;}
.bg_f5{background: #f5f5f5;}
.ovword{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.fll{float:left!important;}
.flr{float:right!important;}
.posr{position: relative;}
.posa{position: absolute;}
.txt_left{text-align: left!important;}
.txt_right{text-align: right!important;}
.txt_center{text-align: center!important;}
.article td{border-style: solid;}
.opacity0{opacity: 0;}
.marginRight0{margin-right: 0!important;}
.cursorP{cursor:pointer;}
.dc_line{border:0 none;border-bottom: 1px solid #e8e8e8;margin:10px auto;}



.login_err_tips{display:none;}

.zr_icon_login{background: url(/static/images/icon_login_man.svg) no-repeat center;width: 38px;height: 38px;display:block;position:absolute;left: 0;top: 0;}
.zr_icon_psw{background: url(/static/images/icon_login_psw.svg) no-repeat center;width: 38px;height: 38px;display:block;position:absolute;left: 0;top: 0;}
.zr_icon_phone{background: url(/static/images/icon_login_phone.svg) no-repeat center;width: 38px;height: 38px;display:block;position:absolute;left: 0;top: 0;}

.zr_login_input{border: 1px solid #ccc;width: 100%;display:block;box-sizing:border-box;border-radius:3px;height: 38px;line-height: 38px;padding:0 10px;}
.zr_login_input_padding{padding:0 10px 0 38px;}

.zr_login_imgs{border-radius: 3px;width:90%;height: 38px;}

/* ����� */
.change_lang_icon{line-height: 45px;vertical-align:top;margin-top:10px;display:block;cursor:pointer;width: 30px;height: 30px;}
.zr_login_change_lang_wrap{position: absolute;}
.zr_login_bottom_view{text-align:center;margin-top:26px;}


.login_notes{margin-top: 0px; line-height: 38px; padding: 0px;}

.core{margin:auto;}
.core span{display: block;overflow-wrap: break-word;}
.whiter{backdrop-filter: blur(16px); background-color: #ffffffcc; width: calc(100% - 64px);}
.top span,.center span,.bottom span{float: left;}
.center{width: calc(100% - 64px);}
.center-up,.center-down{height: 32px; width: calc(100% - 64px);}
.l-center,.r-center{width: 32px;}
.l-up-radius,.l-down-radius,.r-up-radius,.r-down-radius{width: 32px;height: 32px;}
.l-up-radius{background-image: radial-gradient(at bottom right, #ffffffcc,  #ffffff99,  #ffffff66,  #ffffff44,  #ffffff08,  #ffffff00,  #ffffff00);}
.l-down-radius{background-image: radial-gradient(at top right, #ffffffcc,  #ffffff99,  #ffffff66,  #ffffff44,  #ffffff08,  #ffffff00,  #ffffff00);}
.r-up-radius{background-image: radial-gradient(at bottom left, #ffffffcc,  #ffffff99,  #ffffff66,  #ffffff44,  #ffffff08,  #ffffff00,  #ffffff00);}
.r-down-radius{background-image: radial-gradient(at top left, #ffffffcc,  #ffffff99,  #ffffff66,  #ffffff44,  #ffffff08,  #ffffff00,  #ffffff00);}
.l-center{background:linear-gradient(to left, #ffffffcc, #ffffff00);}
.r-center{background: linear-gradient(to right, #ffffffcc, #ffffff00);}
.center-up{background: linear-gradient(to top, #ffffffcc,  #ffffff00);}
.center-down{background: linear-gradient(to bottom, #ffffffcc, #ffffff00);}
			
.login_base_wrap_bd{background-color: #ffffffaa; backdrop-filter: blur(32px); padding: 32px;}
.login_base_logo_wrap{min-height: 1px;}

.zr_login_tab_view{margin-bottom:20px;}
.zr_login_tab{position: relative; width: 50%;color: #999;float: left;box-sizing:border-box;font-size: 15px;line-height: 30px;text-align:center;height: 30px;}
.zr_login_tab:before{content: ' ';border-left:1px solid #ccc;height: 16px;position: absolute;left: 0;top: 7px;}
.zr_login_tab:nth-of-type(1):before{border-left: 0 none;}
.zr_login_tab.current,.zr_login_tab:hover{color:#51b8e7;}


  /*---------------------------------------
       PRE LOADER              
  -----------------------------------------*/

  .preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: none repeat scroll 0 0 #ffffff;
  }

  .spinner {
    border: 1px solid transparent;
    border-radius: 3px;
    position: relative;
  }

  .spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 45px;
    height: 45px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 1px solid #575757;
    border-top-color: #ffffff;
    animation: spinner .9s linear infinite;
  }

  @-webkit-@keyframes spinner {
    to {transform: rotate(360deg);}
  }

  @keyframes spinner {
    to {transform: rotate(360deg);}
  }