@charset "utf-8";
/*-------------------
*Description:        By www.yiwuku.com
*Website:            https://app.zblogcn.com/?id=1558
*Author:             尔今 erx@qq.com
*update:             2017-11-30(Last:2023-04-19)
-------------------*/
#lr_mainbar{position:fixed;bottom:-100%;left:0;width:100%;height:auto;line-height:1;text-align:center;margin:0;border:0;padding:25px 0;z-index:99999;}
#lr_mainbar .lr_mbg{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#062e56;opacity:.98;z-index:-1;}
#lr_mainbar .lr_mbg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg, rgba(255,255,255,.02), transparent 30px);}
#lr_mainbar .lr_tip{color:#eee;font-size:14px;line-height:24px;margin-right:15px;}
#lr_mainbar .lr_logined::before{content:'\e618';font-family:"LoginRegIcon" !important;margin-right:5px;}
#lr_mainbar a{color:#ddd;margin:0 6px;white-space:nowrap;}
#lr_mainbar a:hover{color:#fff;}
.lr_acto a{display:inline-block;background:rgba(255,255,255,.1);font-weight:bold;font-size:14px;padding:5px 15px;border:2px rgba(255,255,255,.1) dotted;border-radius:20px;}
.lr_acto a:hover{border-color:rgba(255,255,255,.3);}
.lr_btn{position:relative;display:inline-block;width:100px;height:38px;line-height:38px;color:#fff;letter-spacing:1px;cursor:pointer;font-family:inherit;font-weight:bold;font-size:14px;text-decoration:none;text-align:center;margin:2px 12px 0;border:0;font-style:normal;border-radius:20px;}
.lr_btn:hover{color:#eee;}
.lr_btn::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(120deg, transparent 0, transparent 42%, rgba(255,255,255,.12) 50%, transparent 58%, transparent 100%);background-size:200% 100%;animation:masked-animation 2.7s linear infinite;border-radius:inherit;}
.lr_btn_lg{background-color:#0886A1;}
.lr_btn_rg{background-color:#81AA05;}
.lr_btn_rg::after{animation-duration:3.9s;}
#lr_mainbar .lr_btn_close{position:absolute;top:50%;right:12px;margin:-9px 0 0;color:#bbb;font-size:18px;cursor:pointer;transition:all .3s linear}
#lr_mainbar .lr_btn_close:hover{color:#fff;}
.lr_arrow{display:none;position:absolute;top:0;right:-24px;width:24px;height:50px;line-height:54px;border-radius:0 25px 25px 0;cursor:pointer;overflow:hidden;color:#bbb;}
.lr_arrow::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#062e56;opacity:.68;z-index:-1;}
.lr_arrow .lr-icon{margin-left:-4px;font-size:20px;transition:all .3s linear}
.lr_arrow .lr-icon:hover{color:#fff;}
/* erx:Form */
#lr_mform{display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;line-height:1;z-index:99999;}
#lr_mform::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.68);backdrop-filter:blur(8px);z-index:-1;}
#lr_mform.erxact{display:flex;}
#lr_mform.erxmbs{align-items:flex-start;}
#lr_mform.erxmbs dl{margin-top:3%;max-height:60vh;}
#lr_mform .lr_btn_close{position:absolute;cursor:pointer;transition:all .3s linear;}
#lr_mform dl{display:none;position:relative;width:380px;max-width:94%;max-height:92vh;color:#555;font-size:12px;background:#fff;border-radius:12px;box-sizing:border-box;padding:15px 40px;list-style:none;overflow-x:hidden;overflow-y:auto;}
#lr_mform dt{width:100%;font-size:30px;font-weight:normal;color:#0886A1;text-align:center;padding:20px 0 30px;}
#lr_mform dd{position:relative;width:100%;height:38px;line-height:38px;margin:0 0 18px;clear:both;}
#lr_mform dd .lr-icon{position:absolute;top:7px;left:0;line-height:24px;color:#aaa;font-size:20px;z-index:5;}
#lr_mform dd .tip{position:absolute;top:0;left:30px;color:#888;font-size:14px;white-space:nowrap;padding:0;z-index:0;transition:all .5s ease-in-out;}
#lr_mform dd .tip.cu{color:#ccc;transform:scale(.85);transform-origin:100% 50%;}
#lr_mform dd .tip em{position:absolute;top:0;left:100%;margin-left:3px;font-size:12px;font-style:normal;opacity:.68;transition:all .5s;}
#lr_mform dd .tip.cu em{opacity:0;}
#lr_mform dd .tip2{left:auto;right:0;}
#lr_mform .lr_int{position:absolute;top:0;left:0;width:100%;height:100%;font-size:16px;font-weight:bold;border:0;border-bottom:1px solid #ddd;background:none;outline:none;padding:0 0 0 30px;box-sizing:border-box;vertical-align:middle;z-index:3;}
#lr_mform .lr_icode .lr_int{font-weight:normal;font-size:14px;}
#lr_mform .lr_code .lr_int{text-transform:uppercase;}
#lr_mform .lr_more label{display:inline-block;font-weight:normal;}
#lr_mform .lr_more a{color:#0886A1;}
#lr_mform .lr_more a:hover{text-decoration:underline;}
#lr_mform .lr_chk{width:auto;margin:-1px 2px 0 0;vertical-align:middle}
#lr_mform .lr_post{position:relative;width:100%;height:40px;color:#fff;font-size:16px;font-weight:bold;border:0;cursor:pointer;background:#0886A1;border:0;border-radius:20px;outline:none;box-sizing:border-box;transition:all .2s linear;}
#lr_mform .lr_post.act{color:#ccc;text-shadow:0 -1px rgba(0,0,0,.5);cursor:not-allowed;}
#lr_mform .lr_post.act::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";
    background:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);animation:btnAct 2s linear infinite;background-size:40px 40px;}
#lr_mform .lr_post:hover{box-shadow:inset 0 1px rgba(255,255,255,0.4), inset 0 20px 40px rgba(255,255,255,0.25);}
#lr_mform .lr_post.act:hover{box-shadow:none;}
#lr_mform .lr_login .lr_more a{color:#81AA05;}
#lr_mform .lr_reg .lr_post{background:#81AA05;}
#lr_mform .lr_code img, #lr_mform .geticode{position:absolute;top:5px;right:0;max-width:90px;height:28px;border-radius:20px;cursor:pointer;z-index:8;}
#lr_mform .geticode{display:inline-block;line-height:26px;color:#fff;background:#0886A1;padding:0 12px;}
#lr_mform .geticode:hover{background:#333;text-decoration:none;}
#lr_mform dl .lr_btn_close{top:0;right:13px;width:auto;color:#bbb;font-size:30px;padding:0;}
#lr_mform dl .lr_btn_close .lr-icon{position:static;transition:all .2s linear;vertical-align:middle;}
#lr_mform .lr_btn_close .lr-icon:hover{color:#c30;}
#lr_mform dd .lr_l{float:left;}
#lr_mform dd .lr_r{float:right;}
#lr_mform .lr_r a{margin-left:12px;}
#lr_mform .lr_tip_s{height:24px;line-height:24px;color:#f90;}
#lr_mform .lr_tips{display:none;position:absolute;top:50%;left:0;width:100%;height:auto;margin:-28px 0 0;text-align:center;pointer-events:none;z-index:990;}
#lr_mform .lr_tips div{display:inline-block;max-width:90%;max-height:72px;line-height:24px;padding:15px 20px;background:rgba(0,0,0,.68);color:#fff;box-sizing:border-box;border-radius:100px;overflow:hidden;}
#lr_mform .lr_tips .lr-icon{position:static;color:#fff;margin:0 10px 0 0;}
#lr_mform .lr_act{height:auto;}
#lr_mform .lr_manual{display:none;position:absolute;left:0;top:100%;width:100%;line-height:28px;color:#bbb;text-align:center;}
#lr_mform .lr_manual span em{margin:0 2px;font-style:normal;color:#f90;cursor:pointer;}
#lr_mform .third-login{height:auto;margin:0;text-align:center;color:#bbb;}
.third-login .oal{border:0;border-top:1px #e8e8e8 solid;padding:9px 0;}
.third-login .oal legend{width:auto;line-height:18px;margin:0 auto;color:#bbb;font-size:12px;padding:0 8px;border:0;}
.third-login a{display:inline-block;width:32px;height:32px;line-height:32px;margin:0 8px;background:#0eaff8;border-radius:50%;opacity:.8;}
.third-login .wb{background:#ff5656;}
.third-login .wx{background:#03aa03;}
#lr_mform .third-login a i{position:static;line-height:inherit;color:#fff;}
.third-login a:hover{opacity:1;}
.emailAutoComple{display:none;position:absolute;top:0;left:0;width:200px;background:#fff;border:1px solid #ddd;border-top:0;box-sizing:border-box;border-radius:0 0 12px 12px;z-index:99999;}
.emailAutoComple ul{list-style-type:none;margin:0;padding:0;}
.emailAutoComple li{color:#666;font:12px/24px Arial;text-indent:30px;cursor:pointer;}
.emailAutoComple .hover{color:#fff;font:bold 14px/26px Arial;background:#6eb6fe;}
@media only screen and (max-width: 480px) {
  #lr_mainbar{padding:18px 0;}
	#lr_mainbar .lr_tip{display:block;line-height:18px;margin:0 0 9px;color:#bbb;font-size:12px;opacity:.8;}
  #lr_mainbar .lr_acto a{margin:0 9px 0 0;padding:0;border:0;background:none;}
  #lr_mainbar .lr_acto a:not(:last-child)::after{content:'';display:inline-block;height:10px;width:1px;margin:-1px 0 0 9px;background:rgba(255,255,255,.28);vertical-align:middle;}
  .lr_arrow .lr-icon{margin-left:0;}
	.lr_btn{width:68px;height:26px;line-height:26px;margin:0 20px 0 0;font-weight:normal;font-size:12px;}
	#lr_mform dl{padding:15px 20px;}
  #lr_mform dd{margin:0 0 15px;}
}
.animated{animation-duration: 1s;animation-fill-mode: both;}
.flipInY{backface-visibility: visible !important;animation-name: flipInY;}
.flipOutY{backface-visibility: visible !important;animation-name: flipOutY;}
.bounceIn{animation-name: bounceIn;}
@keyframes masked-animation {
  0% {background-position: 0 0;}
  100% {background-position: -200% 0;}
}
@keyframes flipInY {
  from {transform: perspective(400px) rotate3d(0, 1, 0, 90deg);animation-timing-function: ease-in;opacity: 0;}
  40% {transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in;}
  60% {transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}
  80% {transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
  to {transform: perspective(400px);opacity: 1;}
}
@keyframes flipOutY {
  from {transform: perspective(400px);}
  30% {transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1;}
  to {transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0;}
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {opacity: 0;transform: scale3d(.3, .3, .3);}
  20% {transform: scale3d(1.1, 1.1, 1.1);}
  40% {transform: scale3d(.9, .9, .9);}
  60% {opacity: 1;transform: scale3d(1.03, 1.03, 1.03);}
  80% {transform: scale3d(.97, .97, .97);}
  to {opacity: 1;transform: scale3d(1, 1, 1);}
}
@keyframes btnAct {
  from { background-position: 0 0;}
  to { background-position: 40px 0;}
}
@font-face {
  font-family: "LoginRegIcon";
  src: url('iconfont/iconfont.woff2?t=1647395398311') format('woff2'),
       url('iconfont/iconfont.woff?t=1647395398311') format('woff'),
       url('iconfont/iconfont.ttf?t=1647395398311') format('truetype');
}
#lr_mainbar .lr-icon, #lr_mform .lr-icon{font-family:"LoginRegIcon" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-lr-wechat1:before{content:"\e640";}
.icon-lr-weibo:before{content:"\e6c4";}
.icon-lr-qq2:before{content:"\e882";}
.icon-lr-nickname1:before { content: "\e618"; }
.icon-lr-password:before { content: "\e604"; }
.icon-lr-webmail:before { content: "\e603"; }
.icon-lr-close:before { content: "\e623"; }
.icon-lr-safe1:before { content: "\e727"; }
.icon-lr-double-arrow-right:before { content: "\e600"; }
.icon-lr-xinxi:before { content: "\e69e"; }
.icon-lr-ic_tab_username:before { content: "\e613"; }
.icon-lr-cfmpassword:before { content: "\e675"; }
.icon-lr-password1:before { content: "\e676"; }
.icon-lr-invite2:before { content: "\e60f"; }
.icon-lr-qq:before { content: "\e62b";}
.icon-lr-tel:before { content: "\e601";}
.icon-lr-wechat:before { content: "\e6d6";}