@charset "utf-8";
body{ padding:0px; font-size:12px; margin:0px auto; }
ul,li{border-width:0px;padding:0px;margin:0px;list-style-type:none;text-align:left;}
img{border:none;}
h1{font-size:16px; margin:0px; font-weight:100;}
p {margin:0; padding:0px;}
a {blr:expression(this.onFocus=this.blur());color:#666666;} 

.clear{clear:both;}
#loginMask{width:100%;
  width: 100%; /* 宽度100% */
  height: 100%; /* 高度100% */
  position: fixed; /* 固定定位 */
  top: 0; /* 从顶部开始 */
  left: 0; /* 从左侧开始 */
  background-color: #000000; /* 背景颜色为黑色 */
  opacity: 0.3; /* 透明度为0.2 */
  filter: alpha(opacity=30); /* 兼容IE8及以下 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* 兼容IE8 */
  z-index:90; /* 确保在最上层 */

  /* 兼容IE7及以下 */
  *position: absolute;
  *top: expression(document.documentElement.scrollTop + "px");
  *left: expression(document.documentElement.scrollLeft + "px");
  *width: expression(document.documentElement.clientWidth + "px");
  *height: expression(document.documentElement.clientHeight + "px");
			display:none;
}
#loginTempBody{width:80%;height:80%;
  margin: auto;
  position: fixed;
  _position:absolute;
  top:0;left:0;bottom:0; right:0;
  z-index:91;
  background-color:#FFFFFF;
  line-height:24px; padding:30px 50px 12px 50px;
  text-align:left; border:1px solid #DDD;
  display:none;color:#333;font-size:14px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; overflow-y:auto;
  -moz-box-shadow: 3px 3px 10px #666;/* for firefox */
  -webkit-box-shadow: 3px 3px 10px #666;/* for safari or chrome */
  box-shadow:3px 3px 10px #666;/* for opera or ie9 */
}
#loginTempBody::-webkit-scrollbar{
    width: 3px;
    height: 16px;
    background-color: #F2F2F2;
	border-radius: 10px;
}



#mp_mask,#temp_mask,#temp_imgmask{width:100%;
  width: 100%; /* 宽度100% */
  height: 100%; /* 高度100% */
  position: fixed; /* 固定定位 */
  top: 0; /* 从顶部开始 */
  left: 0; /* 从左侧开始 */
  background-color: #000000; /* 背景颜色为黑色 */
  opacity: 0.3; /* 透明度为0.2 */
  filter: alpha(opacity=30); /* 兼容IE8及以下 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* 兼容IE8 */
  z-index: 998; /* 确保在最上层 */

  /* 兼容IE7及以下 */
  *position: absolute;
  *top: expression(document.documentElement.scrollTop + "px");
  *left: expression(document.documentElement.scrollLeft + "px");
  *width: expression(document.documentElement.clientWidth + "px");
  *height: expression(document.documentElement.clientHeight + "px");
			display:none;
}
#absolute_tip,#absolute_tips{width:100px;min-height:20px;_height:20px;
  margin: auto;
  position: fixed;
  _position:absolute;
  top:40%;left:0;right:0;
  z-index:999;
  background-color: #000000; /* 背景颜色为黑色 */
  opacity: 0.8; /* 透明度为0.2 */
  filter: alpha(opacity=80); /* 兼容IE8及以下 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* 兼容IE8 */
  
  /* background-image:url(../images/absolute_bg.png);*/
  padding:12px 10px 12px 10px; line-height:24px;
  text-align:center;
  display:none;color:#FFF;font-size:14px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

#noticeMask{
  width: 100%; /* 宽度100% */
  height: 100%; /* 高度100% */
  position: fixed; /* 固定定位 */
  top: 0; /* 从顶部开始 */
  left: 0; /* 从左侧开始 */
  background-color: #000000; /* 背景颜色为黑色 */
  opacity: 0.05; /* 透明度为0.2 */
  filter: alpha(opacity=5); /* 兼容IE8及以下 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"; /* 兼容IE8 */
  z-index: 99998; /* 确保在最上层 */
  display:none;

  /* 兼容IE7及以下 */
  *position: absolute;
  *top: expression(document.documentElement.scrollTop + "px");
  *left: expression(document.documentElement.scrollLeft + "px");
  *width: expression(document.documentElement.clientWidth + "px");
  *height: expression(document.documentElement.clientHeight + "px");
}
#noticeTemp{
  min-height: 20px; /* 最小高度 */
  margin: auto; /* 水平居中 */
  position: fixed; /* 固定定位 */
  top: 32px; /* 距离顶部32px */
  left: 50%; /* 水平居中 */
  transform: translateX(-50%); /* 通过偏移实现精确居中 */
  -webkit-transform: translateX(-50%); /* 兼容旧版Webkit浏览器 */
  -ms-transform: translateX(-50%); /* 兼容IE9 */
  z-index: 99999; /* 确保在最上层 */
  background-color: #FFFFDD; /* 背景颜色 */
  padding: 8px 10px; /* 内边距 */
  line-height: 24px; /* 行高 */
  text-align: left; /* 文字左对齐 */
  color: #333; /* 文字颜色 */
  font-size: 14px; /* 字体大小 */
  border-radius: 15px; /* 圆角 */
  -webkit-border-radius: 15px; /* 兼容旧版Webkit浏览器 */
  -moz-border-radius: 15px; /* 兼容旧版Firefox */
  box-sizing: border-box; /* 防止padding影响宽度计算 */
  white-space: nowrap; /* 防止内容换行 */
  overflow: hidden; /* 防止内容溢出 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
  display: inline-block; /* 宽度根据内容自动延展 */
  transition: top 0.5s ease-in-out; /* 动画效果 */
  display:none;

  /* 兼容IE8及以下 */
  *position: absolute;
  *top: expression(document.documentElement.scrollTop + 32 + "px");
  *left: expression((document.documentElement.clientWidth / 2) - (this.offsetWidth / 2) + "px");
}
#noticeTemp #noticeTempSpan{color:#FF9900;margin-right:5px; font-size:18px; float:left;}
#noticeTemp #noticeTempText{color:#333;font-size:12px; line-height:24px;}

#helpMask,#setMask{width:100%;
            height: 100%;
			position: fixed;
	        _position:absolute;
            top: 0;
            left: 0;background-color:#000000;
            filter: Alpha(Opacity=30);
            -moz-opacity: 0.3;
            opacity: 0.3;
            z-index:90;
			display:none;
 }
 #helpAbsoluteTemp{
  margin: auto;
  position: fixed;
  _position:absolute;
  top:0;bottom:0;right:0px;
  z-index:91;
  padding:10px 10px 50px 10px;line-height:26px;
  text-align:left;
  display:none;
  overflow:auto;
  background-color:#FFFFFF;
}
.helpAbsoluteTemp::-webkit-scrollbar{
    width: 3px;
    height: 16px;
    background-color: #F1F3F6;
	border-radius: 10px;
}
/*定义滚动条的轨道，内阴影及圆角*/
.helpAbsoluteTemp::-webkit-scrollbar-track{
   
    border-radius: 10px;
    background-color: #F1F3F6;
}
/*定义滑块，内阴影及圆角*/
.helpAbsoluteTemp::-webkit-scrollbar-thumb{
    /*width: 10px;*/
    height: 1px;
    background-color: #24B9F4; overflow:hidden;
}
#helpAbsoluteTempNote{
  margin: auto;
  position: fixed;
  _position:absolute; width:auto;
  bottom:0;right:0px; height:50px;
  z-index:9992;
  padding:10px 30px 10px 30px;line-height:30px;
  text-align:center;
  background-color:#F2F2F2;color:#0099FF; cursor:pointer;
}

#helpAbsoluteTempHeader{
  margin: auto;
  position: fixed;
  _position:absolute;
  top:0px;right:0px; height:50px;
  z-index:9992;
  padding:10px 12px 10px 12px;
  text-align:Left;
  background-color:#FFF;
  -moz-box-shadow: 3px 3px 10px #EEE;/* for firefox */
  -webkit-box-shadow: 3px 3px 10px #EEE;/* for safari or chrome */
  box-shadow:3px 3px 10px #EEE;/* for opera or ie9 */
}
#helpAbsoluteTempHeader ul li.titles{float:left; display:inline;width:auto;height:30px; line-height:30px;color:#333; font-size:18px; font-weight:bold;}
#helpAbsoluteTempHeader ul li.vserLi{float:right; display:inline;width:auto;height:30px; line-height:30px;}

#absoluteTipImgs{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  /* 尺寸限制 */
  max-width: 80%;
  max-height: 80%;
  width: auto;
  height: auto;
  
  /* 布局和外观 */
  margin: auto;
  z-index: 999998;
  padding: 0;
  display: none;
  text-align: center;
  background-color: #FFFFFF;
  overflow: auto;
  
  /* 确保内部元素行为正确 */
  box-sizing: border-box;
}
#absoluteTipImgs img {
  /* 图片随容器大小变化 */
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
}
#absoluteTipClose{
  /* 全屏尺寸 */
  width: 100%;
  height: 100%;
  /* 定位和层叠 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999997;
  /* 背景样式 - 黑色10%透明度 */
  background-color: rgba(0, 0, 0, 0.10);
  /* 初始状态 */
  display: none;
}

/********************登录框************************/
/* ---- Tab 切换栏 ---- */
        .regLoginTemp-tabs {
            display: flex;
            border-bottom: 2px solid #eee;
            margin-bottom: 24px;
            position: relative;
        }
        .regLoginTemp-tabs .regLoginTemp-tab {
            flex: 1;
            text-align: center;
            padding: 10px 0 12px;
            font-size: 16px;
            font-weight: 500;
            color: #888;
            cursor: pointer;
            transition: all 0.25s ease;
            position: relative;
            user-select: none;
            border: none;
            background: transparent;
        }
        .regLoginTemp-tabs .regLoginTemp-tab:hover {
            color: #D4282D;
        }
        .regLoginTemp-tabs .regLoginTemp-tab.active {
            color: #D4282D;
        }
        .regLoginTemp-tabs .regLoginTemp-tab.active::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 20%;
            width: 60%;
            height: 2px;
            background: #D4282D;
            border-radius: 2px;
            animation: regLoginTabLine 0.3s ease;
        }
        @keyframes regLoginTabLine {
            0% {
                width: 0;
                left: 50%;
            }
            100% {
                width: 60%;
                left: 20%;
            }
        }
		
		.regLoginTemp-body {
            position: relative;
        }
		
		.regLoginTemp-panel {
            display: none;
            animation: regLoginPanelFade 0.25s ease;
        }
        .regLoginTemp-panel.active {
            display: block;
        }
		
		 /* ---- 表单元素 ---- */
        .regLoginTemp-group {
            margin-bottom: 12px;
        }
        .regLoginTemp-group label {
            display: block;
            font-size: 13px;
            color: #555;
            font-weight: 500;
            margin-bottom: 5px;
        }
        .regLoginTemp-group label .regLoginTemp-required {
            color: #D4282D;
            margin-right: 2px;
        }

        .regLoginTemp-input {
            width: 100%;
            height: 40px;
            padding: 0 14px;
            border: 1.5px solid #e0e0e0;
            border-radius: 4px;
            font-size: 14px;
            color: #222;
            background: #FFF;
            transition: all 0.25s ease;
            outline: none;
        }
        .regLoginTemp-input:focus {
            border-color: #D4282D;
            background: #fff;
            box-shadow: 0 0 0 3px rgba(212, 40, 45, 0.08);
        }
        .regLoginTemp-input::placeholder {

            color: #bbb;
            font-size: 13px;
        }
        .regLoginTemp-input.error {
            border-color: #e74c3c;
            background: #fff6f6;
        }
        .regLoginTemp-input.error:focus {
            box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1);
        }
		
.regLoginTemp-extra {
    display: flex;
    justify-content: flex-end;
    font-size: 13px;
    color: #888;
    margin: 4px 0 18px;
}
.regLoginTemp-extra a {
    color: #888;
    text-decoration: none;
    transition: color 0.2s ease;
}
.regLoginTemp-extra a:hover {
    color: #D4282D;
    text-decoration: underline;
}

/* ---- 提交按钮 ---- */
        .regLoginTemp-submit {
            width: 100%;
            height: 44px;
            background: #D4282D;
            color: #fff;
            border: none;
            border-radius: 4px;
            font-size: 17px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.25s ease;
            letter-spacing: 1px;
            position: relative;
            overflow: hidden;
        }
        .regLoginTemp-submit:hover {
            background: #C72C41;
            box-shadow: 0 2px 12px rgba(212, 40, 45, 0.3);
            transform: translateY(-1px);
        }
        .regLoginTemp-submit:active {
            transform: scale(0.97);
        }
        .regLoginTemp-submit::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            transform: translate(-50%, -50%);
            transition: width 0.5s ease, height 0.5s ease;
        }
        .regLoginTemp-submit:active::after {
            width: 300px;
            height: 300px;
            opacity: 0;
        }

        /* ---- 底部跳转链接 ---- */
        .regLoginTemp-footer {
            text-align: center;
            font-size: 13px;
            color: #999;
            margin-top: 18px;
            padding-top: 16px;
            border-top: 1px solid #f0f0f0;
        }
        .regLoginTemp-footer a {
            color: #D4282D;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.2s ease;
        }
        .regLoginTemp-footer a:hover {
            text-decoration: underline;
            color: #C72C41;
        }
		
		/* ---- 协议勾选 ---- */
        .regLoginTemp-agreement {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            font-size: 13px;
            color: #888;
            margin-bottom: 18px;
        }
        .regLoginTemp-agreement input[type="checkbox"] {
            width: 16px;
            height: 16px;
            accent-color: #D4282D;
            margin-top: 1px;
            flex-shrink: 0;
            cursor: pointer;
        }
        .regLoginTemp-agreement a {
            color: #D4282D;
            text-decoration: none;
            transition: color 0.2s ease;
        }
        .regLoginTemp-agreement a:hover {
            text-decoration: underline;
            color: #C72C41;
        }