﻿@charset "UTF-8";
.red { color: #f82f2f; }

.headerbox { width: 100%; height: 64px; background: #bf2025; padding: 16px 0; }
.headerbox nav a { font-size: 16px; line-height: 64px; margin-left: 25px; color: #fff; }
.headerbox nav a:hover { color: #f0ff00; }
.logo { height: 64px; background: url(logo-40aaf316fa126ab6b62c02e132b9033e.png) left center no-repeat; padding-left: 388px; font-size: 30px; line-height: 64px; color: #fff; }

.loginbox { min-height: 400px; background: url(loginbg-b3b5add674963ffbcfa2a80cb3f33964.png) left center no-repeat; }
.login { width: 300px; background: #fff; margin: 90px 0 90px 768px; padding: 0 40px 36px; }
.login h2 { font-size: 28px; line-height: 84px; text-align: center; color: #bf2025; }

.footer { text-align: center; line-height: 24px; }

.form-box1, .form-focusH, .form-box2 { position: relative; height: 38px; margin-bottom: 10px; padding-left: 8px; border: 1px #dbdbdb solid; border-radius: 3px; background: #fff; }
.form-box1 input, .form-focusH input, .form-box2 input { width: 100%; height: 38px; line-height: 38px\9; *line-height: 38px; background: none; font-size: 14px; color: #afafaf; }

.form-icons { display: inline-block; text-align: center; font-size: 20px; color: #bfbfbf; }

.form-ico { position: absolute; top: 0; left: 0; width: 38px; height: 38px; line-height: 38px; }

.form-op, .form-code { position: absolute; top: 4px; right: 4px; background: #fff; }

.form-eye, .form-delete { width: 25px; height: 30px; line-height: 30px; }

.form-box3 { position: relative; margin-bottom: 10px; font-size: 14px; line-height: 30px; }

/* 焦点状态 */
.form-focusH { border-color: #bf2025; }
.form-focusH .form-ico { color: #bf2025; }
.form-focusH input { color: #bf2025; }

/* 提交按钮 */
.submit-btn { height: 40px; border-radius: 2px; line-height: 40px;    width: 100%; background: #0c7cad;; font-size: 14px; color: #fff; display: block; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.submit-btn:hover { background: #ff4853; color: #fff; }


.form-half-l, .form-half-r { width: 50%; line-height: 28px; }

.form-half-l { float: left; }

.form-half-r { float: right; text-align: right; }

label { display: inline-block; cursor: pointer; padding-left: 20px; color: #666; }

.checks .label-check { background: url(check_default-182d43d61f3497c8197347af0de4d69f.png) 0 7px no-repeat; line-height: 30px; }

.checks label.c_on, .checks label.c_on:hover { background: url(check_selected-b435b52b84e2beb4265ed5cb8fbc1cdd.png) 0 7px no-repeat; }

.checks .label-check:hover { background: url(check_hover-11aadc71e47af03affcf7192cf986f37.png) 0 7px no-repeat; color: #bf2025; }

.checks .label-check input { position: absolute; left: -99999px; }

/** Check styles for table */
/* 选项统一样式 */
.table label { position: relative; display: inline-block; cursor: pointer; padding-left: 20px; margin-right: 10px; }

/* 将原始选项按钮隐藏 */
.table .label_radio input { position: absolute; left: -99999px; }

/* 默认未选中时，选项按钮样式 */
.table .btn_radio { position: absolute; top: 2px; left: 0; width: 16px; height: 16px; background: url(check_default-182d43d61f3497c8197347af0de4d69f.png) 0 0 no-repeat; }

/* 鼠标滑过时，选项按钮样式 */
.table .label_radio:hover .btn_radio { background: url(check_selected-b435b52b84e2beb4265ed5cb8fbc1cdd.png) 0 0 no-repeat; }

/* 选中时，选项按钮样式 */
.table label.c_on .btn_check, .table label.c_on:hover .btn_check, .table label.r_on .btn_radio, .table label.r_on:hover .btn_radio { background: url(check_selected-b435b52b84e2beb4265ed5cb8fbc1cdd.png) 0 0 no-repeat; }

/* 选中时，选项样式 */
.table label.c_on, .table label.c_on:hover { color: #bf2025; }

/* 第三方登录 */
.trd { padding: 20px 0; line-height: 30px; }
.trd_tit { float: left; font-size: 14px; color: #696969; }

.trd_ico { float: right; width: 30px; height: 30px; margin-left: 10px; line-height: 30px; font-size: 30px; color: #ddd; }

.icon-qq-copy-copy:hover { color: #22c3ff; }

.icon-weixin-copy:hover { color: #35bd00; }

.icon-logo-weibo:hover { color: #f82f2f; }

.login_bot { padding-top: 18px; border-top: 1px #eee solid; font-size: 14px; line-height: 20px; color: #afafaf; }
.login_bot a { color: #bf2025; font-weight: bold; }

.sub-main { margin: 25px auto 20px;    border: solid 1px #e3e3e3; }
.sub-menu { height: 80px; border-bottom: 1px solid #e9e9e9; padding: 0 30px; line-height: 80px; }
.sub-menu span a { color: #bf2025; }
.sub-menu h3 { position: relative; font-size: 22px; line-height: 80px; padding-left: 42px; }
.sub-menu h3 i { width: 30px; height: 30px; position: absolute; top: 25px; left: 0; }
.sub-menu ul { text-align: center; }
.sub-menu ul li { display: inline-block; font-size: 20px; line-height: 80px; cursor: pointer; padding: 0 15px; }
.sub-menu ul li.filterTab-cur { color: #bf2025; border-bottom: 1px solid #bf2025; }

.sub-con { min-height: 560px; }

.ico-user { background: url(ico-user-710355808fa3fab1ec18fd692d0f015c.png) left center no-repeat; }

.ico-pwd { background: url(ico-pwd-0a6d3f2ce4cf39b475deaee2de8c48fd.png) left center no-repeat; }

.sub-reg { width: 360px; margin: 20px auto 0; }

/* 左右结构 */
.account-hint { position: relative; padding-left: 94px; }
.account-hint i { display: inline-block; position: absolute; top: 0; left: 0; width: 64px; height: 64px; margin-right: 20px; background-image: url(ui-65dc0ec4e560d7daa25ce4bfbc2253f1.png); background-repeat: no-repeat; }
.ah-tit1 { font-size: 18px; color: #444; line-height: 36px; font-weight: bold; }

.ah-tit2 { font-size: 24px; color: #bf2025; line-height: 32px; }

.ah-tit3 { font-size: 12px; color: #888; line-height: 24px; margin-top: 10px; }
.ah-tit3 span { font-size: 14px; color: #888; font-size: 24px; color: #bf2025; }

.ah-tita { width: 120px; height: 36px; background: #bf2025; color: #fff; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size: 16px; line-height: 36px; text-align: center; margin: 15px 0; }
.ah-tita:hover { background: #ff4853; color: #fff; }

.ah-tit4 { font-size: 14px; }
.ah-tit4 a { color: #bf2025; }

.ah-img { position: absolute; top: 0; left: 0; width: 86px; }

.ah-ico-mail1 { background-position: 0 -150px; }

/* 绑定 */
.ah-ico-mail2 { background-position: 0 -250px; }

/* 密码 */
.ah-ico-mail3 { background-position: 0 -350px; }

/* 验证 */
.ah-ico-mail4 { background-position: 0 -450px; }

/* 普通 */
.ah-ico-phone1 { background-position: -100px -150px; }

/* 绑定 */
.ah-ico-phone2 { background-position: -100px -250px; }

/* 密码 */
.ah-ico-phone3 { background-position: -100px -350px; }

/* 验证 */
.ah-ico-phone4 { background-position: -100px -450px; }

/* 普通 */
.tel-yam { width: 88px; height: 28px; border: 1px solid #ededed; background: #f8f8f8; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; position: absolute; top: 4px; right: 4px; line-height: 28px; text-align: center; font-size: 12px; cursor: pointer; color: #c6c6c6; }

.sub-form { margin: 0 auto; color: #444; }
.sub-form h4 { text-align: center; font-size: 14px; line-height: 80px; }
.sub-form table tr td { font-size: 14px; padding-bottom: 20px; }

.reg-input { width: 100%; height: 36px; border: 1px solid #dbdbdb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-indent: 6px; }

.form-p1 { padding-right: 10px; }
.form-p1 span { color: #bf2025; margin-right: 5px; font-weight: bold; }

.form-p2 { padding-left: 20px; color: #999; }

.form-select1 { width: 100%; height: 36px; border: 1px solid #e1e1e1; font-size: 14px; line-height: 36px; text-indent: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.sub-form-pic { height: 104px; position: relative; padding-left: 124px; }
.sub-form-pic img { width: 104px; height: 104px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; position: absolute; left: 0; }
.sub-form-pic a { width: 86px; height: 32px; display: inline-block; background: #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-align: center; font-size: 14px; line-height: 32px; margin: 15px 0; }
.sub-form-pic a:hover { background: #bf2025; color: #fff; }

.sub-form-option { padding: 20px 0 30px; }
.sub-form-option a { display: inline-block; width: 180px; height: 40px; text-align: center; font-size: 18px; line-height: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; }
.sub-form-option .form-save { background: #bf2025; }
.sub-form-option .form-canle { background: #bcb6b6; }

.sub-liuc1 { width: 480px; margin: 135px auto 0; }

.sub-liuc2 { width: 360px; margin: 20px auto 0; }

/*---------- flow ----------*/
.flow { position: relative; height: 40px; }

.flow_line { position: absolute; left: 0; top: 17px; width: 100%; height: 2px; background: #ddd; }

.flow_steps { position: absolute; top: 0; padding: 4px; background-color: #fff; z-index: 1; }

.flow_step1 { left: 0; }

.flow_step2 { left: 50%; margin-left: -20px; }

.flow_final { right: 0; }

.flow_ico { display: block; width: 32px; height: 32px; background-image: url(ui-65dc0ec4e560d7daa25ce4bfbc2253f1.png); background-repeat: no-repeat; }

.flow_ico_id { background-position: 0 -50px; }

.flow_ico_mail { background-position: -50px -50px; }

.flow_ico_phone { background-position: -100px -50px; }

.flow_ico_done { background-position: -150px -50px; }

.flow_ico_pwd { background-position: -200px -50px; }

.flow_txt { display: inline-block; position: absolute; top: -20px; left: -15px; width: 70px; text-align: center; line-height: 24px; font-family: "Micorsoft YaHei"; font-size: 14px; font-weight: bold; color: #afafaf; }

.flow_cur .flow_txt { color: #bf2025; }

.flow_cur .flow_ico_id { background-position: 0 -100px; }

.flow_cur .flow_ico_mail { background-position: -50px -100px; }

.flow_cur .flow_ico_phone { background-position: -100px -100px; }

.flow_cur .flow_ico_done { background-position: -150px -100px; }

.flow_cur .flow_ico_pwd { background-position: -200px -100px; }

/*---------- flow end ----------*/
.form-pd { position: absolute; right: -32px; top: 8px; font-size: 20px; font-weight: bold; }

.form-pd1 { color: #0084ea; }

.form-pd2 { color: #bf2025; }

.sub-set { width: 540px; margin: 40px auto 0; }
.sub-set > ul > li { min-height: 50px; position: relative; border-bottom: 1px solid #eee; padding-left: 115px; }
.sub-set > ul > li:last-child { border-bottom: none; }
.sub-set > ul > li > span { width: 100px; height: 50px; text-align: right; position: absolute; left: 0; line-height: 50px; }
.sub-set > ul > li p { font-size: 14px; line-height: 50px; }
.sub-set > ul > li p span { color: red; margin-left: 20px; }

.sub-set-c1 { padding-top: 4px; margin-right: 120px; }

.canel-btn { height: 36px; position: absolute; right: -60px; top: 2px; font-size: 16px; line-height: 36px; color: #bf2025; }

.edit-btn { height: 50px; position: absolute; right: 20px; font-size: 14px; line-height: 50px; color: #bf2025; top: 0; }

.sub-sj { font-size: 14px; line-height: 50px; }
.sub-sj i { margin-right: 5px; font-size: 16px; }
.sub-sj a { margin-right: 10px; }

.mask { position: fixed; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 9999; }

.popbox { width: 560px; height: 360px; position: absolute; top: 50%; left: 50%; margin: -180px 0 0 -280px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-align: center; }
.popbox i { font-size: 88px; line-height: 180px; color: #c36a70; }
.popbox h4 { font-size: 22px; color: #888; margin-bottom: 10px; }
.popbox p { font-size: 18px; color: #ff0000; }
.popbox h5 { margin-top: 30px; }
.popbox h5 a { width: 120px; height: 40px; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin: 0 10px; color: #fff; font-size: 18px; line-height: 40px; }

.pop-sure { background: #bf2025; }

.pop-canel { background: #bcb6b6; }

.bd-yam { width: 120px; }

.bd-yzmp { margin-left: 15px; cursor: pointer; }

.button-app {
    border: 1px solid #bf2025; background: #bf2025;color: #FFFFFF;line-height: 28px;min-width: 120px;text-align: center;margin:20px;-webkit-border-radius: 3px;
}
.sub-set-app{
    margin: 60px;
    text-align: center;
    padding-top: 30px;
}

/*# sourceMappingURL=style.css.map */
.my2 { padding-top: 13px; }
.my2 label { height: 24px; display: inline-block; cursor: pointer; padding-left: 32px; color: #333; margin-right: 20px; }
.my2 label.c_on, .my2 label.c_on:hover { background: url(checked_selected-70c77c4ed8ed77c4b3f5a87fb875ef8e.png); background-size: contain; background-repeat: no-repeat; color: #0084ff; }
.my2 .label_check { background: url(checked_default-b82df4fc75f8f8944b022ad476e27aa1.png); background-size: contain; background-repeat: no-repeat; font-size: 16px; line-height: 24px; }
.my2 .label_check:hover { background: url(checked_hover-6a1c488c917d011b520f51d8b0ebe414.png); background-size: contain; background-repeat: no-repeat; color: #0084ff; }
.my2 .label_check input { position: absolute; left: -99999px; }