@charset "utf-8";/* ================================ *//* 商城注册登录页面相关样式定义 			*//* Author:			heilong		*//* Copyright:		www.shopress.cn	*//* Create Date:		Aug-10-2012		*//* Retrofit Date:	Sep-01-2012		*//* ================================ */label.error { color: #F30;}
/* 登录弹窗样式 */.quick-login {  background: #FFF;  width: 400px;  padding: 20px;  border-radius: 8px;  box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
/* 登录容器 */.login-container {  width: 100%;}
.login-container.hide {  display: none;}
/* 登录头部 */.login-header {  display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: 20px;}
.login-tabs {  display: flex;  gap: 20px;}
.tab-item {  font-size: 16px;  color: #999;  text-decoration: none;  padding-bottom: 8px;  position: relative;}
.tab-item.active {  color: #333;  font-weight: 500;}
.tab-item.active:after {  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 2px;  background: #4080FF;}
.switch-login {  cursor: pointer;}
.switch-login img {  width: 24px;  height: 24px;  vertical-align: middle;}
/* 扫码登录样式 */.qrcode-title {  font-size: 16px;  color: #333;  font-weight: 500;  display: flex;  align-items: center;  gap: 8px;}
.wechat-icon {  width: 24px;  height: 24px;}
.qrcode-content {  padding: 20px 0;  text-align: center;}
.qrcode-wrapper {  width: 200px;  height: 200px;  margin: 0 auto 16px;  position: relative;}
.qrcode-box {  width: 100%;  height: 100%;  background: #f5f5f5;  display: flex;  align-items: center;  justify-content: center;}
.qrcode-box img {  max-width: 100%;  max-height: 100%;}
.qrcode-loading,.qrcode-error {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(255,255,255,0.9);  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  color: #999;  font-size: 14px;}
.qrcode-loading .icon-loading {  display: inline-block;  width: 24px;  height: 24px;  background: url(../images/loading.gif) no-repeat center;  background-size: contain;  margin-bottom: 8px;}
.qrcode-error {  cursor: pointer;}
.qrcode-error .icon-refresh {  display: inline-block;  width: 24px;  height: 24px;  background: url(../images/refresh.png) no-repeat center;  background-size: contain;  margin-bottom: 8px;}
.qrcode-error:hover {  color: #666;}
.qrcode-tips {  color: #999;  font-size: 14px;}
/* 表单样式 */.login-form {  width: 100%;}
.form-notice {  color: #999;  font-size: 14px;  margin-bottom: 20px;}
.form-group {  margin-bottom: 16px;  position: relative;}
.form-group.has-error .form-input {  
  border-color: #ff4d4f !important; 
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.1) !important;
  transition: all 0.3s ease;
}

.form-group.has-error {
  animation: shake 0.5s ease-in-out;
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); }
}

/* 图形验证码一行布局 - 使用最高优先级 */
div.form-group.image-captcha-group {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  position: static !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

div.form-group.image-captcha-group input.form-input {
  flex: 1 !important;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
  min-width: 0 !important;
}

div.form-group.image-captcha-group a.refresh-captcha {
  display: inline-block !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

div.form-group.image-captcha-group a.refresh-captcha img.captcha-image {
  width: 107px !important;
  height: 45px !important;
  border: 1px solid #E5E5E5 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  display: block !important;
  margin: 0 !important;
}
/* 强制一行布局样式 */
.phone-group {  
  display: flex !important;  
  align-items: center !important;
  flex-direction: row !important;
}
.input-prefix {  
  background: #F5F5F5 !important;  
  color: #666 !important;  
  padding: 0 12px !important;  
  height: 40px !important;  
  line-height: 40px !important;  
  border: 1px solid #E5E5E5 !important;  
  border-right: none !important;  
  border-radius: 4px 0 0 4px !important;  
  font-size: 14px !important;  
  white-space: nowrap !important;  
  flex-shrink: 0 !important;
  display: inline-block !important;
}
.form-input {  
  height: 40px !important;  
  line-height: 40px !important;  
  padding: 0 12px !important;  
  border: 1px solid #E5E5E5 !important;  
  border-radius: 4px !important;  
  font-size: 14px !important;  
  transition: all 0.3s !important;
}
.phone-group .form-input {  
  flex: 1 !important;  
  border-radius: 0 4px 4px 0 !important;
  width: auto !important;
}
.form-input:focus {  
  border-color: #4080FF !important;  
  outline: none !important;  
  box-shadow: 0 0 0 2px rgba(64,128,255,0.2) !important;
}
.captcha-group {  
  display: flex !important;  
  gap: 12px !important;  
  align-items: center !important;
  flex-direction: row !important;
}
.captcha-group .form-input {  
  flex: 1 !important;
}
.get-captcha-btn {  
  width: 120px !important;  
  height: 40px !important;  
  background: #fff !important;  
  border: 1px solid #4080FF !important;  
  color: #4080FF !important;  
  border-radius: 4px !important;  
  cursor: pointer !important;  
  transition: all 0.3s !important;  
  font-size: 12px !important;  
  flex-shrink: 0 !important;
}
.get-captcha-btn:hover {  background: #f0f5ff;}
.get-captcha-btn:disabled {  background: #f5f5f5;  border-color: #d9d9d9;  color: #999;  cursor: not-allowed;}
.submit-btn {  width: 100%;  height: 40px;  background: #4080FF;  color: #fff;  border: none;  border-radius: 4px;  font-size: 16px;  cursor: pointer;  transition: all 0.3s;}
.submit-btn:hover {  background: #2b6ff3;}
/* 其他登录方式 */.other-login {  margin: 24px 0;}
.divider {  display: flex;  align-items: center;  color: #999;  font-size: 14px;  margin-bottom: 16px;}
.divider:before,.divider:after {  content: '';  flex: 1;  height: 1px;  background: #E5E5E5;}
.divider span {  padding: 0 16px;}
.login-icons {  display: flex;  justify-content: center;  gap: 24px;}
.icon-item {  width: 40px;  height: 40px;  border-radius: 50%;  background: #f5f5f5;  display: flex;  align-items: center;  justify-content: center;  color: #666;  font-size: 24px;  transition: all 0.3s;}
.icon-item:hover {  background: #e6e6e6;}
/* 底部协议 */.login-footer {  text-align: center;  color: #999;  font-size: 12px;}
.agreement-label {  display: flex;  align-items: center;  justify-content: center;  gap: 4px;}
.agreement-label input[type="checkbox"] {  margin: 0;}
.link {  color: #4080FF;  text-decoration: none;}
.link:hover {  text-decoration: underline;}
/* 注册表单样式 */.nc-login-layout { width: 1200px; margin: 0 auto;clear: both;background-color: #fff;height: 600px;margin-top: 100px;}
.nc-login { width: 480px;  float: right;  padding-top: 50px; }
.nc-login-title { background:#F9F9F9; border: #D8D8D8 solid; border-width: 1px 1px 0 1px;}
.nc-login-title h3 {font-size:18px; font-family: "microsoft yahei"; font-weight:700; line-height: 20px; padding:15px 0 25px 25px; color: #555;}
.nc-login-content { background:#F9F9F9; padding: 0 20px; border: #D8D8D8 solid; border-width: 0 1px; overflow:hidden; zoom:1;}
.nc-login-content dl { width: 100%; float:left; clear: both; padding: 0; }
.nc-login-content dt { font-size:14px; line-height: 28px; color: #777; text-align: right; width: 22%; float:left; }
.nc-login-content dd { text-align:left; width:75%; float:right;}
.nc-login-content dd label { clear:both; float:left; line-height: 24px; height:24px; width:210px; margin:0;}
.nc-login-content dd .text{ font-family: Tahoma; width: 220px; height: 20px; line-height: 20px; background-color:#FFF; padding: 3px!important; border: solid 1px; border-color: #BBB;}
.nc-login-content dd .text:focus{ background-color:#FFF; border-color: #EFA100; outline: 2px solid #FFDC97;}
.nc-login-content dd a { line-height: 28px;height: 28px; text-align: left; color: #999;}
.nc-login-content .submit { font-size: 14px; font-weight: 700; color: #FFF; background: url(../images/login.png) no-repeat scroll 0px -56px; vertical-align: middle;  width: 98px; height: 34px; padding: 0; margin: 0; border: 0; cursor: pointer;}
.nc-login-content .submit:hover{ background: url(../images/login.png) no-repeat scroll 0px -90px; }
.nc-login-layout a.forget { font-weight:700; color:#06C; vertical-align: middle; margin-left:10px;}
.nc-login-layout a.register { font-weight: 600; line-height: 26px; color: #555; background: #FFF url(../images/login.png) no-repeat scroll -98px -56px; text-align: center; display:inline-block; width: 50px; height: 26px; margin: 0 6px;}
.nc-login-layout a:hover.register {background-position: -98px -82px; color: #000;text-decoration: none;}
.nc-login-layout a.agreement { color: #c53801; font-weight:600; }
.nc-login-layout a.agreement:hover { text-decoration: underline; }
.nc-login-other { border-top: dashed 1px #D8D8D8; padding:10px 0px 20px 28%;}
.nc-login-other p { line-height: 20px; color: #777; }
.nc-login-other a { text-decoration: none; display: inline-block; background: url(../images/login.png) no-repeat scroll; vertical-align: middle; margin-top: 10px; height: 28px;}
.nc-login-other a.qq { background-position: -88px 0px; width: 78px;}
.nc-login-other a:hover.qq {background-position: -88px -28px;}
.nc-login-other a.sina { background-position: -166px 0px; width: 88px;}
.nc-login-other a:hover.sina {background-position: -166px -28px;}
.nc-login-bottom { clear: both; background: url(../images/login.png) no-repeat scroll 0px -124px; width: 400px; height: 40px;}
.nc-login-layout .left-pic { background-color: #FFF; width: 450px; height: 350px; float:left; position: relative; z-index:1;}
.nc-login-layout .left-pic img { width: 450px; height: 350px; position: absolute; z-index:1; top:0; left:0 }
.nc-login-layout .left-pic span { position:absolute; z-index: 2; top:220px; left:100px; line-height:32px; font-size: 24px; font-family:"microsoft yahei"; width: 250px; text-align: center; }
.nc-login-layout .left-pic p a { color: #FFF; position:absolute; z-index: 2; top:270px; left: 165px; line-height:28px; font-size: 12px; width: 120px; text-align: center; }
.nc-login-left { line-height: 22px; color: #626A73; display: inline; width: 450px; float: left; margin: 10px 0;}
.nc-login-left h3 { font-size:18px; font-family: "microsoft yahei"; font-weight:700; color: #555; line-height: 30px; margin-top: 2px; margin-bottom: 6px;}
.nc-login-left ol { width: 420px; margin-top: 20px;  border-bottom: dashed 1px #E7E7E7;}
.nc-login-left ol li { font-family: "microsoft yahei"; font-size: 14px; line-height: 48px; display: block; vertical-align: middle; width: 200px; height: 48px; float: left; padding: 0 0 12px 0; margin: 0 0 5px 10px; overflow: hidden;}
.nc-login-left ol li i { display: inline-block; background: url(../images/login.png) no-repeat scroll; vertical-align: middle; width: 48px; height: 48px; margin-right:10px;}
.nc-login-left ol li.ico01 i { background-position: -256px 0;}
.nc-login-left ol li.ico02 i { background-position: -304px 0; }
.nc-login-left ol li.ico03 i { background-position: -352px 0; }
.nc-login-left ol li.ico04 i { background-position: -256px -48px; }
.nc-login-left ol li.ico05 i { background-position: -304px -48px; }
.nc-login-left ol li.ico06 i { background-position: -352px -48px; }
@media projection, screen {.ui-tabs-hide {	display: none;}
}
@media print {.ui-tabs-nav {	display: none;}
}
.ui-tabs-nav:after {	display: block;	clear: both;	content: " ";}
.ui-tabs-disabled {	opacity: .4;	filter: alpha(opacity=40);}
.ui-tabs-loading em {	background: url(../images/loading.gif) no-repeat 0 50%;	padding: 0 0 0 20px;}
* html .ui-tabs-nav {	display: inline-block;}
*:first-child+html .ui-tabs-nav {	display: inline-block;}
.nc-login ul li { background:#FFF; display:block;	border: solid #D8D8D8;	border-width: 1px 1px 1px 1px;	float: left;	width: 199px;	height:30px; line-height: 30px;	text-align: center; margin: 5px -1px 0 -1px; font-size:12px; font-weight:600;	line-height: 28px; position:relative; z-index:1;}
.nc-login ul li a { color:#999;}
.nc-login ul li.ui-tabs-selected { line-height:36px; font-size: 14px; font-weight:600;	border: solid #D8D8D8;	border-width: 1px 1px 0 1px;	background: #F9F9F9;	float: left;	width: 198px; height:36px; margin:0;	text-align: center;	position:relative; z-index:2;}
.nc-login ul li.ui-tabs-selected a { color: #333;}
.hide {  display: none !important;}
@media screen and (max-width: 800px) {
.left-pic{display: none;}
.nc-login-layout{width: 100%;}
.nc-login{float: none;margin: auto;width: 400px;}
.index-subscribe-text{display: none;}
.index-footer-content{grid-template-columns: 1fr;}
.login-i{display: none;}
}