@charset "utf-8";
/* CSS Document */
.webWidth1 { width:300px;}
.webWidth2 { width:360px;}
.webWidth3 { width:380px;}
.webWidth4 { width:480px;}
.webWidth5 { width:780px;}
/*---------- element CSS ----------*/
/* 颜色 */
.com_color { color:#0084ea;}
.btnHover { color:#0c92f9;} /* btn hover*/
.btnBorderHover { color:#0071c9;} /* btn border hover*/
.tabBorder { color:#329ef1;} /* tab border color */
.tabBg { color:#f3faff;} /* tab background color */
.inputBorder { color:#7dc6ff;} /* input onfocus border */
.inputShadow { color:#cde9ff;} /* input onfocus shadow */

.red { color:#f92f2f;}
.green { color:#23d44e;}

/* 标题 */
.tit1 { font-size:14px; font-weight:bold; color:#999;}
.tit2 { font-size:14px; font-weight:bold; color:#444;}

/* 文本 */
.txt1 { font-size:12px; color:#afafaf;}
.txt2 { font-size:12px; color:#666;}

/* 链接 */
.link1 { font-size:12px; color:#666;}
.link1:hover { color:#0084ea;}

.link2 { font-size:12px; color:#0084ea;}
.link2:hover { color:#f92f2f;}

.link3 { font-size:12px; font-weight:bold; color:#666;}
.link3:hover { color:#f92f2f;}

.link4 { font-size:12px; color:#666;}
.link4:hover { text-decoration:underline;}

/*---------- form ----------*/
/* 文本框 */
/*----------
form_box1 = 带图标、带操作按钮（清除、可见）的文本框 -->> 用于帐户名、密码
form_box2 = 带图标的文本框-->> 用于验证码
form_box3 = 非文本框
form_box4 = 带操作按钮（清除）的文本框 -->> 用于编辑个人信息
----------*/
.form_box1,
.form_box2,
.form_focusB,
.form_focusR { position:relative; height:34px; margin-bottom:10px; padding-left:34px; border:1px #dbdbdb solid; border-radius:3px; background:#fff;}
.form_input { width:100%; height:34px; line-height:32px\9; *line-height:34px; background:none; font-size:12px; color:#afafaf;}
.form_icons { display:inline-block; text-align:center; font-size:16px; color:#bfbfbf;}
.form_ico { position:absolute; top:0; left:0; width:34px; height:34px; line-height:34px;}
.form_op,
.form_code { position:absolute; top:0px; right:0px; background:#fff; cursor:pointer}
.form_code1 {width:80px; height:24px;border-radius:3px;position:absolute; top:2px; right:5px; background:#e9e9e9; cursor:pointer; font-size: 10px; line-height: 24px; text-align: center; color: #a5a5a5;}
.form_code1:hover{ background: #bf2025; color: #FFFFFF;}
.form_code img{ width:90px; height:34px}
.form_eye,
.form_delete { width:25px; height:30px; line-height:30px;}

.form_box3 { position:relative;line-height:22px; margin-bottom:10px; }

/* 有关验证码 */
.code_btn,
.code_btn_disable { display:inline-block; width:70px; height:28px; padding:0 5px; border-radius:2px; border:1px #ddd solid; background:#fff; text-align:center; line-height:28px; font-size:12px; white-space:nowrap; color:#666;}
.code_btn:hover { border-color:#7fc1f4; color:#0084ea;}
.code_btn_disable { border-color:#ededed; background:#f8f8f8; color:#afafaf; cursor:default;}

/* 只读状态 */
.form_readonly .form_input { color:#444;}

/* 焦点状态-蓝 */
.form_focusB,
.form_focusB2 { border-color:#7dc6ff; /*-webkit-box-shadow:0 0 5px #cde9ff; -moz-box-shadow:0 0 5px #cde9ff; -o-box-shadow:0 0 5px #cde9ff; box-shadow:0 0 5px #cde9ff;*/}
.form_focusB .form_ico { color:#0084ea;}
.form_focusB .form_input,
.form_focusB2 .form_input { color:#666;}

/* 焦点状态-红 */
.form_focusR { border-color:#ff6363; /*-webkit-box-shadow:0 0 5px #ffc6c6; -moz-box-shadow:0 0 5px #ffc6c6; -o-box-shadow:0 0 5px #ffc6c6; box-shadow:0 0 5px #ffc6c6;*/}
.form_focusR .form_ico { color:#f82f2f;}
.form_focusR .form_input { color:#ff6363;}

/* 文本框默认值 */
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #ccc;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #ccc;}



/* 提示 */
.form_hint_ico { line-height:14px; font-size:14px; margin-right:6px; vertical-align:middle;}
.form_judge_ture,
.form_judge_false { position:absolute; top:11px; right:-28px; width:18px; height:18px; line-height:18px; font-size:18px;}
.form_judge_ture { color:#23d44e;}
.form_judge_false { color:#f92f2f;}
.form_cap { position:absolute; top:8px; right:-88px; padding:3px 6px; border-radius:3px; background:rgba(0,0,0,.5); background:#666\9; *background:#666; line-height:18px; font-size:12px; color:#fff;}
.form_cap_ico { position:absolute; top:5px; top:4px\9; *top:4px; left:-8px; width:5px; height:8px; font-size:12px; color:rgba(0,0,0,.5); color:#666\9; *color:#666;}

/* 提交按钮 */
.submit_btn,.link_btn { height:40px; border-radius:2px; line-height:40px;  font-size:14px; color:#fff;}

.submit_btn {background:#bf2025;display:block; text-align:center;}
.link_btn { background:#b6b6b8;display:block; text-align:center;}
.submit_btn:hover{background:#aa090e;}
.link_btn:hover { background: #a9a9aa;}




/* 自动登录/忘记密码 */
.form_half_l,
.form_half_r { width:50%;}
.form_half_l { float:left;}
.form_half_r { float:right; text-align:right;}
.form_forget { font-size:12px; color:#666;}
.form_forget:hover { color:#0084ea;}

label { display:inline-block; cursor: pointer; padding-left:20px; color:#666;}  
.checks .label_check { background:url(../images/check_default.png) 0 7px no-repeat;} 
.checks label.c_on,
.checks label.c_on:hover { background:url(../images/check_selected.png) 0 7px no-repeat;}
.checks .label_check:hover { background:url(../images/check_hover.png) 0 7px no-repeat; color:#0084ea;}
.checks .label_check input { position: absolute; left: -99999px;} 

/* 协议下拉 */
.agreement { position:absolute; top:25px; left:0; width:100%; z-index:1;}
.agreement .icon-cross2 { position:absolute; top:-12px; right:-6px; width:16px; height:16px; z-index:2; font-size:16px; color:#aaa; cursor:pointer;}
.agreement .icon-cross2:hover { color:#444;}
.agreement_in { padding:15px; border:1px #dbdbdb solid; border-radius:3px; background:#fff;}
.agreement_txt { max-height:132px; overflow-y:auto; line-height:22px; font-size:12px; color:#666;}
/* 以上协议下拉 */
/*---------- form end ----------*/

/*---------- frames ----------*/
/* 登录外框 */
.loginBox1 {/* box-shadow:0 0 6px #bbb;*/}
.loginBox2 { position:relative; padding:30px; border:1px #ccc solid; background:#fff; box-shadow:0 0 5px #eee;}
.login_arr { display:block; position:absolute; top:-8px; right:30px; width:13px; height:9px; background:url(../images/ui.png) 0 -650px no-repeat;}

/* 帐号外框 */
.accountBox { border:1px #ddd solid; background:#fff; box-shadow:0 1px 2px #eee;}
.account_head { height:50px; padding:0 30px; border-bottom:1px #ddd solid; background:#fafafa; line-height:50px;}
.account_tit { font-family:"Microsoft YaHei"; font-size:18px; color:#444;}
.account_ico { display:inline-block; width:24px; height:24px; margin-right:10px; background-image:url(../images/ui.png); background-repeat:no-repeat; vertical-align:-5px; *vertical-align:-3px;}
.account_ico_user { background-position:0 0;}
.account_ico_bind { background-position:-30px 0;}
.account_ico_pwd { background-position:-60px 0;}
.account_body { min-height:330px; padding:30px 0 40px 0;}

/* 设置外框 */
.winTab { border:1px #ddd solid; border-radius:4px; background:#fff; box-shadow:0 1px 2px #eee;}
.winTab-head { height:40px; border-bottom:1px #ddd solid; box-shadow:0 0 1px #eee; text-align:center;}
.winTab-tab { display:inline;}
.winTab-tab a { display:inline-block; padding:10px 20px; line-height:20px; font-size:14px; font-weight:bold; color:#afafaf; text-decoration:none;}
.winTab-tab .winTab-cur { border-bottom:1px #0084ea solid; color:#0084ea;}
.winTab-con { min-height:400px; padding:20px; display:none;}


/*---------- others ----------*/
/* 登录 */
.login_tit { padding-bottom:10px; text-align:center; line-height:54px; font-family:"Microsoft YaHei"; font-size:18px; color:#bf2025; font-weight:bolder}
.login_bot { padding-top:15px; border-top:1px #eee solid; text-align:center; line-height:20px; font-size:12px; color:#afafaf;}

.login_port { width:90px; height:90px; margin:0 auto;}
.login_port img { width:90px; height:90px; border-radius:50%;}
.login_port .icon-defaultPort { line-height:90px; font-size:90px; color:#ddd;}
.login_name { padding-bottom:10px; text-align:center; line-height:50px; font-size:16px; color:#666;}

/* tips */
/* tips common */
.tips-box2 { position:absolute; top:0; left:0; width:100%;}
.tips-box-in { position:relative; padding:10px; border:1px solid; border-radius:3px; box-shadow:0 0 5px #eee;}
.tips-ico { position:absolute; top:12px; left:10px; width:16px; height:16px; font-size:15px; margin-right:10px;}
.tips-txt { display:inline-block; padding-left:26px; line-height:18px; text-align:justify; text-justify:inter-ideagraph; word-break:break-all; font-size:12px; color:#666;}
.tips-box2 .tips-txt { padding-right:20px;}
.tips-cancel { position:absolute; top:11px; right:7px;}
/* 警示信息 */
.tips-warn-shut { border-color:#e5cf8e; background:rgba(250,250,148,.8); line-height:15px;}
.tips-warn-shut { background:#fbfba9\9; *background:#fbfba9;}
.tips-warn-icoG { color:#27a500;}
.tips-warn-icoR { color:#f92f2f;}