﻿/* basic */
body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote { padding: 0; margin: 0; }

body { font: 12px "微软雅黑",Arial,Helvetica,sans-serif; }

html, body { -webkit-text-size-adjust: none; }
body {background: url(bg.jpg) no-repeat center top;} /*4.2*/
li { list-style-type: none; }

img { vertical-align: center; border: none; }

ol, ul { list-style: none; }

em, i, h1, h2 { font-style: normal; font-weight: normal; }
/* link color font */
a { text-decoration: none; color: #000; }

    a:visited { text-decoration: none; }

    a:hover { text-decoration: none; }

    a:active { text-decoration: none; }

.clear { clear: both; }

del { font-size: 11px; }

.extraSpace { display: inline-block; width: 32px; height: 1px; }

.extraSpace1 { display: inline-block; width: 12px; height: 1px; }

.extraSpace2 { display: inline-block; width: 6px; height: 1px; }

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.ibg { background: url(sicon_2.png) no-repeat; _background-image: url(sicon_2.gif); }

.sbg { background: url(sicon_1.gif) no-repeat; }

.bbg { background: url(bg_1.gif) no-repeat; }


/*登录*/

.cldtop { width: 100%; height: 438px; background: url(bodybg.jpg) repeat-x top; }

.banner { width: 100%; height: 438px; background: url(bannerbg.jpg) no-repeat top; }

.loginbox { width: 714px; height: 70px; margin: 0 auto; padding-top: 25px; }

    .loginbox input { float: left; margin: 0 6px; border: none; height: 40px; line-height: 40px; padding-left: 10px; font-family: "微软雅黑"; font-size: 16px; color: #000; }

        .loginbox input.input_txt { width: 185px; background-position: 0 0; }

        .loginbox input.input_txt_psw { width: 185px; background-position: 0 -50px; }

        .loginbox input.input_txt_yzm { width: 76px; background-position: 0 -100px; }

        .loginbox input.input_btn { padding-left: 0; width: 84px; background-position: -110px -100px; cursor: pointer; }

    .loginbox .validcode { margin: 0 6px; float: left; width: 90px; height: 38px; border: #D8D8D8 solid 1px; }

    .loginbox i { display: inline-block; width: 16px; height: 16px; background-position: 0 -347px; float: left; margin-right: 5px; }

    .loginbox .l_msg { float: left; padding-left: 12px; margin-top: 6px; color: #FF0101; width: 200px; }

    .loginbox .m_msg { float: left; padding-left: 12px; margin-top: 6px; color: #FF0101; }

    .loginbox .r_msg { float: right; margin-top: 6px; padding-right: 97px; color: #FF0101; }

.linkbox { width: 714px; margin: 0 auto; padding-top: 12px; color: #4FC905; font-size: 14px; text-align: center; }

    .linkbox a { color: #4FC905; margin: 0 4px; }

    .linkbox input { margin: 0 4px; }

/*底部*/

.footer { width: 100%; background: url(btnline_1.gif) no-repeat center top; text-align: center; padding-top: 10px; margin-top: 5px;color: #FFFFFF;}

    .footer p { line-height: 22px; }
.footer p a{ line-height: 22px; color: #FFFFFF;}
/*头部*/

.logo { width: 982px; margin: 0 auto; height: 100px; padding-top: 20px; /*background: url(logo.gif) no-repeat 18px 5px;*/background: url(logo.png) no-repeat 18px 20px; }/*4.2*/


/*注册*/

.bcbox { width: 982px; height: 38px; margin:0 auto;padding-top: 20px;background: #FFFFFF; }

    .bcbox li { width: 206px; height: 37px; padding-left: 40px; line-height: 37px; color: #050505; font-size: 14px; font-weight: bold; float: left; background: url(bg_2.gif) no-repeat 0 0; _display: inline; }

        .bcbox li.cur { background-position: 0 -50px; color: #FFF; }

.bcbox_1 { background-position: 0 -261px; }

.bcbox_2 { background-position: 0 -332px; }

.bcbox_3 { background-position: 0 -400px; }

.bcbox_4 { background-position: 0 -474px; }

#step2 { display: none; }

.stepbox { width: 860px; margin: 24px auto 0 auto; padding: 25px 60px; border: #F0F0EF solid 1px; }

.step_tit { width: 860px; border-bottom: #999999 dashed 1px; padding-bottom: 8px; color: #030303; font-size: 14px; text-indent: 14px; }

.stepbox dl { width: 860px; }

    .stepbox dl dt { width: 860px; text-indent: 20px; font-size: 14px; margin-top: 60px; }

    .stepbox dl dd { width: 860px; margin-top: 22px; }

        .stepbox dl dd a { display: inline-block; width: 211px; height: 212px; float: left; margin: 0 35px; }

        .stepbox dl dd .a_st { background-position: 0 0; }

        .stepbox dl dd .a_th { background-position: -286px 0; }

        .stepbox dl dd .a_pr { background-position: -554px 0; }

.step_2 { width: 720px; padding-left: 140px; font-size: 14px; margin-top: 15px; }

    .step_2 .rolereset { color: #39a8fc; font-size: 12px; }

    .step_2 td { padding: 7px 0; }

    .step_2 .input_txt { width: 212px; height: 30px; border: #CCCCCC solid 1px; line-height: 30px; }

    .step_2 .input_txt_yzm { width: 82px; height: 30px; border: #CCCCCC solid 1px; line-height: 30px; float: left; }

    .step_2 .yzm { width: 80px; height: 32px; float: left; margin: 0 3px; }

    .step_2 .hh { float: left; display: block; width: 40px; height: 32px; line-height: 32px; text-align: center; color: #39a8fc; font-size: 12px; }

    .step_2 .acl { color: #39a8fc; }

    .step_2 .error { color: #FF0101; }

.ljzc { width: 98px; height: 37px; background-position: 0 -150px; font-size: 14px; font-weight: bold; color: #FFF; cursor: pointer; border: none; }

.ljzc_h { width: 98px; height: 37px; font-size: 14px; font-weight: bold; color: #FFF; cursor: pointer; border: none; background: url(btnh.gif) no-repeat center; }

.step_2 i { display: inline-block; width: 16px; height: 18px; background-position: 0 -347px; float: left; margin: 4px 5px 0 10px; }

.step_2 em { display: inline-block; width: 16px; height: 18px; background-position: 0 -380px; float: left; margin: 4px 5px 0 10px; }

.step_3 { width: 860px; text-align: center; margin-top: 15px; border-bottom: #999999 dashed 1px; padding-bottom: 50px; }

    .step_3 a { color: #39a8fc; }

    .step_3 h1 { font-size: 22px; color: #66cc33; padding: 35px 0; }

    .step_3 p { line-height: 30px; font-size: 14px; }

    .step_3 strong { color: #39a8fc; }

.step_4 { width: 670px; padding-left: 190px; color: #999; font-size: 14px; margin-top: 25px; }

    .step_4 a { color: #39a8fc; }

    .step_4 p { line-height: 22px; }

    .step_4 .input_txt { width: 212px; height: 30px; border: #CCCCCC solid 1px; line-height: 30px; }

    .step_4 .input_txt_yzm { width: 82px; height: 30px; border: #CCCCCC solid 1px; line-height: 30px; }

    .step_4 .yzm { width: 80px; height: 32px; float: left; margin: 0 3px; }

.step_5 { width: 860px; text-align: center; margin-top: 40px; }

    .step_5 input { border: none; height: 37px; font-size: 14px; font-weight: bold; color: #FFF; margin: 0 10px; cursor: pointer; }

    .step_5 .btn_1 { width: 147px; background-position: 0 -250px; }

    .step_5 .btn_2 { width: 117px; background-position: 0 -200px; }

/*找回密码*/

.zhtit { width: 982px; margin: 0 auto; padding-top: 30px; border-bottom: #2b9beb solid 1px; padding-bottom: 8px; font-size: 20px; text-indent: 16px;color: #2b9beb;background: #FFFFFF;}/*     */

.zhbox { width: 982px; height: 38px; margin: 30px auto 0 auto; }

.zhbox_1 { background-position: 0 -1px; }

.zhbox_2 { background-position: 0 -60px; }

.zhbox_3 { background-position: 0 -117px; }

.zhbox_4 { background-position: 0 -177px; }

.zhstep_tit { width: 982px; border-bottom: #999999 dashed 1px; padding-bottom: 8px; color: #030303; font-size: 14px; margin: 0 auto; padding-top: 25px; }

.zhstep_1 { width: 982px; margin: 0 auto; font-size: 14px;background: #FFFFFF;padding-top: 20px;}

    .zhstep_1 h3 { margin: 10px; font-size: 14px; }

    .zhstep_1 ul { margin: 10px; }

        .zhstep_1 ul li { line-height: 38px; height: 38px; padding: 10px 0; position: relative; }

    .zhstep_1 .input_txt { width: 232px; height: 30px; border: #CCCCCC solid 1px; line-height: 30px; }

    .zhstep_1 .input_label { color: #CCCCCC; cursor: text; left: 10px; line-height: 38px; position: absolute; top: 9px; transition-duration: 0.3s; transition-property: all; }



    .zhstep_1 .input_txt_yzm { width: 82px; height: 30px; border: #CCCCCC solid 1px; line-height: 30px; float: left; }

    .zhstep_1 .yzm { width: 72px; height: 32px; float: left; margin: 0 3px; }

    .zhstep_1 .hh { float: left; display: block; height: 32px; line-height: 32px; text-align: center; color: #39a8fc; font-size: 12px; }

    .zhstep_1 .acl { color: #39a8fc; }
    .zhstep_1 .input_error { border: 1px solid #DA1111; }
    .zhstep_1 .msg_error { color: #DA1111; }

    .zhstep_1 .hqyzm { width: 116px; height: 25px; border: none; background-position: 0 -300px; cursor: pointer; }
#forAccount, #forValidateCode { color: #FF0101; margin-left: 10px; font-size: 12px; }
.zhstep_3 { width: 922px; padding-left: 60px; position: relative; }

    .zhstep_3 span { display: inline-block; font-size: 12px; height: 16px; line-height: 16px; margin: 1px 1px; color: #FFF; background: #D7EDC7; padding: 0 32px; }

        .zhstep_3 span.xxz { background-color: #5FB624; }

    .zhstep_3 .t_msg { font-size: 12px; line-height: 22px; width: 418px; height: 48px; color: #666666; padding-top: 6px; position: absolute; top: 8px; left: 380px; border: #66CC33 solid 1px; background-color: #EFF8E8; }

    .zhstep_3 i { display: inline-block; width: 16px; height: 18px; background-position: 0 -380px; float: left; margin: 4px 5px 4px 10px; }

.zhstep_4 { width: 982px; height: 114px; margin: 50px auto 0 auto; display: none; }
    .zhstep_4 dt { float: left; width: 38px; height: 38px; background-position: -147px -200px; margin: 15px 18px 0 18px; }

    .zhstep_4 dd { float: left; font-size: 14px; font-weight: bold; margin-top: 5px; }

        .zhstep_4 dd p { margin-top: 15px; }

.blankH { height: 100px; width: 100%; }

.step-choose { margin: 10px; }

    .step-choose a { cursor: pointer; display: block; width: 73px; float: left; margin-right: 80px; background: url(bg_1.gif) no-repeat -99999px top; _display: inline; }

.step-select { text-align: center; width: 73px; }

    .step-select .select-account-icon { height: 73px; width: 73px; background: url(bg_3.png) no-repeat 0 -80px; }

    .step-select .select-info { font-size: 12px; text-align: center; padding-top: 20px; color: #39a8fc; }

.step-choose a:hover .step-select .select-account-icon { background-position: 0 -240px; }

.step-choose a.mod-select-active .step-select .select-account-icon { background-position: 0 -160px; }

.step-choose a.mod-select-active:hover .step-select .select-account-icon { _background-position: 0 -160px; }

.step-select .select-email-icon { height: 73px; width: 73px; background: url(bg_3.png) no-repeat -95px -80px; }

.step-choose a:hover .step-select .select-email-icon { background-position: -95px -240px; }

.step-choose a.mod-select-active .step-select .select-email-icon { background-position: -95px -160px; }

.step-choose a.mod-select-active:hover .step-select .select-email-icon { _background-position: -95px -160px; }

.step-select .select-phone-icon { height: 73px; width: 73px; background: url(bg_3.png) no-repeat -192px -80px; }

.step-choose a:hover .step-select .select-phone-icon { background-position: -192px -240px; }

.step-choose a.mod-select-active .step-select .select-phone-icon { background-position: -192px -160px; }

.step-choose a.mod-select-active:hover .step-select .select-phone-icon { _background-position: -192px -160px; }


.privacy { width: 860px; margin: 24px auto 0 auto; padding: 25px 60px; border: #F0F0EF solid 1px; }
.privacy p{line-height:24px;}
.procontrol{ width:820px;}
.pro-cur{ width:780px; margin:0 auto; padding-top:12px; font-size:14px;}
.pro-cur a{ margin:0 8px;color:#6CB623; text-decoration: underline;}
.pro-main{ width:780px; margin:0 auto;}
.pro-main .c_fac{ width:100%;}
.pro-main .c_info{ width:100%;}
.pro-main .c_info dl{ width:100%; overflow:hidden; padding-top:15px;}
.pro-main .c_info dl dt{ width:90px; float:left; line-height:24px; text-align:right; padding-right:10px; font-weight:bold;}
.pro-main .c_info dl dd{}
.pro-main .c_info dl dd input.ok{ width:100px; height:30px; border:none; background:#6CB623; color:#FFF; font-size:14px; cursor:pointer;}
.pro-main .c_info dl dd .span_error{ display:inline-block; color:#F00; padding-left:10px;}
.pro-main .c_info dl dd.xbxz{ padding-top:4px;}
.pro-main .c_info dl dd.xbxz input{ margin-right:5px;}
.pro-main .c_info dl dd.xbxz label.xb{ margin-right:12px;}
.pro-main .c_info dl dd input.txt{background-color: #FFFFFF;border: 1px solid #CDCFD5;color: #253340;height: 24px; line-height:24px;padding: 0 0 0 10px;width: 300px;}
.pro-main .c_info dl dd .span_sf{ display:inline-block; line-height:24px;}
.pro-main .c_info dl dd textarea{ font-size:12px; background-color: #FFFFFF;border: 1px solid #CDCFD5;color: #253340;height: 100px;padding: 4px 0 5px 10px;width: 300px;}