﻿/* progress-bar.css Date:2018-04-24 21:00:12 */
.i-company, .i-def, .i-error, .i-error1, .i-global, .i-suc { background: url(/my/images/reg-icon.png) no-repeat; }
.progress-bar .pro-line, .progress-bar .pro-step .step-index { background: url(/my/images/reg-icon.png) no-repeat; }
.i-error { background-position: -17px -100px; }
.i-def { background-position: 0 -100px; }
.i-suc { background-position: 0 -117px; }
.i-company { background-position: 0 -50px; }
.i-global { background-position: -50px -50px; }
.i-error1 { background-position: -17px -117px; }
.progress-bar { position: relative; margin: 80px auto 0; width: 410px; }
.progress-bar .pro-step { float: left; text-align: center; }
.progress-bar .pro-step .step-index { margin: 0 auto; display: block; width: 24px; height: 24px; line-height: 24px; background-position: -45px -200px; font-size: 12px; font-weight: 700; color: #ccc; }
.progress-bar .pro-step .step-desc { margin-top: 10px; font-size: 12px; color: #999; }
.progress-bar .pro-step2 { margin-left: 49px; }
.progress-bar .person-pro-step2 { margin-left: 106px; }
.progress-bar .pro-step3 { margin-left: 43px; }
.progress-bar .person-pro-step3 { margin-left: 112px; }
.progress-bar .pro-step4 { margin-left: 51px; }
.progress-bar .cur-step .step-index { background-position: 0 -200px; color: #fff; }
.progress-bar .cur-step .step-desc { color: #3b4; }
.progress-bar .done-step .step-index { background-position: 0 0; border: none; }
.progress-bar .done-step .step-desc { color: #3b4; }
.progress-bar .pro-line { position: absolute; top: 7px; width: 74px; height: 10px; background-position: 0 -40px; }
.progress-bar .person-pro-line { width: 124px; background-position: 0 -100px; }
.progress-bar .pro-line1 { left: 50px; }
.progress-bar .person-pro-line1 { left: 55px; }
.progress-bar .pro-line2 { left: 169px; }
.progress-bar .person-pro-line2 { left: 228px; }
.progress-bar .pro-line3 { right: 42px; }
.progress-bar .cur-line { background-position: 0 -70px; }
.progress-bar .person-cur-line { background-position: 0 -130px; }
/* END progress-bar.css Date:2018-04-24 21:00:12 */

#header .head, #page-wrap .content, #footer .foot, #page-wrap .reg-wrap { width: 960px; margin: 0 auto; }
/*注册*/
.reg-wrap { width: 960px; margin: 0 auto; position: relative; }
.reg-wrap .tit { font-size: 16px; font-family: Microsoft YaHei; font-weight: 300; }
.reg-wrap .title { font-size: 20px; font-family: Microsoft YaHei; font-weight: 300; color: #333; margin: 0 0 40px 0; border-bottom: 1px dashed #ccc; padding: 0 0 10px 0; text-align: left; }
.reg-wrap .title .step-1, .reg-wrap .title .step-2, .reg-wrap .title .step-3 { background: url(/package/images/pub/uc/image/f_r_t.png) no-repeat 0 0; display: inline-block; width: 50%; height: 22px; vertical-align: middle; }
.reg-wrap .title .step-2 { background-position: 0 -26px; }
.reg-wrap .title .step-3 { background-position: 0 -52px; }
.reg-wrap .search-find { padding: 0 0 0 100px; }
.reg-wrap .search-find dd { padding: 10px 0; }
.reg-wrap .search-find a:link, .reg-wrap .search-find a:visited { color: #36c; }
.reg-wrap .reg-main { display: block; _padding: 20px 0 0 0; }
.reg-wrap .reg-main:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.reg-main .article { padding: 40px; border: #d7d7d7 solid 1px; zoom: 1; }

#body-bg { padding: 15px 0 0 0; _padding: 0; }
.boxShadow { background: #fff; box-shadow: 0 0 5px #CCCCCC; -moz-box-shadow: 0 0 5px #CCCCCC; -khtml-box-shadow: 0 0 5px #CCCCCC; }
.article .s-txt, .article .s-txt-focus { width: 400px; margin: 0 5px 0 0; vertical-align: middle; float: left; }
.s-txt { font-size: 12px; height: 16px; line-height: 16px; padding: 6px 5px; margin: 0 5px 0 0; border: #ccc solid 1px; border-top-color: #ccc; color: #333; }
.btn-register { background: #3DA02E; width: 80px; height: 30px; font-size: 14px; color: #fff; display: block; text-align: center; line-height: 30px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; }
#regist .item a:link, #regist .item a:visited { text-decoration: underline; }
#regist .label { width: 300px; text-align: right; font-size: 14px; }
#regist .label b { font-family: "????"; margin-right: 5px; font-weight: normal; }
#regist .text { width: 240px; height: 16px; padding: 4px 3px; border: 1px solid #bbb; font-size: 14px; font-family: arial,"????"; }
#regist .text-1 { width: 100px; }
#regist .blank { width: 16px; height: 16px; margin: 2px 5px 0; }
#regist .img img { height: 26px; margin: 0 5px; }
#regist .succeed { background: url(/my/images/pwdstrength.gif) no-repeat -105px 5px; }
#regist .btn-regist { width: 169px; height: 30px; background: url(i/new-regist.jpg) no-repeat 0 0; font-size: 14px; font-weight: bold; color: #fff; }
#regist .highlight1 { border: 1px solid #EFA100; outline: 1px solid #FFDC97; *border: 2px solid #ffcc66; *padding: 3px 2px; }
#regist .highlight2 { border: 1px solid #f00; outline: 1px solid #FFC1C1; color: #f00; }
#regist .pwdbg { background: #FFF8EB; }
#regist .focus { color: #999; line-height: 22px; *line-height: 20px; }
#regist .null, #regist .error { color: red; line-height: 22px; *line-height: 20px; }

.layui-input, .layui-select, .layui-textarea { height: 38px; line-height: 1.3; line-height: 38px\9; border-width: 1px; border-style: solid; background-color: #fff; border-radius: 2px; }


.box1 { background-color: #fffbf2; padding: 10px; border: 1px solid #f4cf93; width: 860px; overflow: hidden; margin-top: 50px; margin-right: auto; margin-bottom: 10px; margin-left: auto; }
.td01 { color: #ff6600; padding-bottom: 10px; width: 700px; hight: 36px; }
.td02 { background: url(/images/mail_no.gif) no-repeat 0px -5px; background-repeat: no-repeat; background-position: 0 3px; padding-bottom: 10px; padding-left: 20px; width: 700px; }
.td03 { border-right-width: 1px; border-right-style: dashed; border-right-color: #CCC; width: 216px; padding-left: 15px; padding-right: 10px; float: left; }
.td04 { width: 280px; padding-left: 10px; float: left; }
.td03 a, .td04 a { color: #1548a6; }
.td03 a:hover, .td04 a:hover { color: #ff6600; }
