@charset "utf-8";
/* CSS Document */
/* Style Sheet
 * Use for: 登录，注册，找回密码等
 * Created: 2014-05-19
 * Update: 
 * Author: xiaobiqin
 */
/* =====css reset===== */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, big, em, font, img, strong, tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td{ padding: 0; margin: 0; }
table { border-collapse:collapse; border-spacing:0;}
fieldset, img { border:0;}
button,input,select,textarea{ font-size:12px;}
ol,ul,li{ list-style:none}
h1, h2, h3, h4, h5, h6 { font-size:100%;}

/* =====public===== */
/* base */
body{ margin:0 auto; font-size:12px; background:#f1f1f1; font-family:"Microsoft YaHei", "Simsun", Arial;}
td { font-size:12px; line-height:160%;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {
+display:block; clear: both; }
.clr{ clear: both !important; overflow: hidden !important; height: 0 !important; width: auto !important; display: block !important; float: none !important; margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; }
.relative{ position:relative;}
.hide{ display:none;}
a{ outline:none; text-decoration:none;}
.ellipsis{ text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}

.login_main{ width:357px; margin:0 auto;}
.main{ width:1003px; margin:0 auto;}
.red{ color:#ff4800}
.green{ color:#318d0d}
.login_main h1{ background:url(../../images/chinaquery/logo.jpg) no-repeat center center; height:178px; overflow:hidden; margin-top:115px;}
.login_main h1 a{height:178px; width:206px; display:inline-block; margin-left:77px;}
.footer{ margin-top:37px; line-height:30px; text-align:center; color:#9c9c9c}
.sumbitBtn{ background:url(../Images/bgInputIcon.gif) no-repeat scroll 0px -79px; width:88px; height:28px; position:relative; display:inline-block; text-align:center; line-height:25px; color:#747474; font-size:14px; }
.sumbitBtn input{ position:absolute; top:-5px; left:-5px; cursor:pointer; background:none; border:none; outline:none; width:98px; height:38px;}
.sumbitBtn:hover{ background-position:0px -107px; color:#00a971}

/*login*/
.loginInput{ margin-top:64px;}
.loginInput li{float:left; width:100%;}
.loginInput li.noMb{ margin-bottom:10px;}
.loginInput .loginNFill{ border:1px solid #cdcdcd; background:#fff; width:355px; height:50px; float:left; position:relative; border-radius:6px 6px 0 0; z-index:0; overflow:hidden}
.loginInput .loginNoBorder{ border-top:none;border-radius:0 0 6px 6px}
.loginNFill .lIcon{ background:url(../Images/bg_login.gif) no-repeat scroll 0 0px; width:23px; height:21px; float:left; margin:15px 0 0 10px;}
.loginNFill .PwslIcon{ background-position:0 -32px;}
.loginNFill .loginFName{ float:left; width:321px; height:50px; position:relative;}
.loginNFill .loginName{ position:absolute; padding:0 10px;height:50px; left:0px; top:0px; line-height:50px; font-size:14px; color:#999999; cursor: text;}
.loginNFill .loginFName input{ padding:17px 10px; background:none;background:url("about:blank")\9; border:none;width:279px; font-size:14px; color:#000000; margin-top:0px; outline:none; position:relative; z-index:2}
.loginNFill .loginFName .red{ background:url(../Images/bg_login.gif) no-repeat scroll -3px -71px; width:16px; height:16px; position:absolute; right:5px; top:15px; display:none;}
.loginCode{ float:left; width:282px;}
.loginInput .loginCode .loginNFill{ width:120px; border-radius:6px}
.loginNFill .errorInput .loginName{ display:none;}
.loginNFill .errorInput input{ overflow:hidden;}
.loginNFill .errorTip,.loginNFill .errorInput .errorTip{ z-index:1; color:#ff7448; display:none;}
.loginNFill .errorInput .errorTip,.loginNFill .errorInput .red{ display:block}
.loginNFill .errorInput .errorTip{ background:#fff; z-index:3;}
.loginCode .loginName{ width:100px;}
.loginCode .loginFName{ width:120px;}
.loginCode .loginFName input{ width:100px;}
.loginCode img{ float:left; padding-left:10px;}
.loginCode a.change{ line-height:50px; color:#6a6a6a; margin-left:15px;}
.loginCode a.change:hover{ text-decoration:underline;}
.loginInput li .loginBtn,.loginBody .sumbitBtn,.btn .btnSure{ background:#00a971; height:53px; border-radius:6px; display:inline-block; width:100%; text-align:center; margin:15px 0; line-height:53px; color:#fff; font-size:16px; position:relative; overflow:hidden;}
.loginInput li .loginBtn:hover,.loginBody .sumbitBtn:hover{ background:#00b67a}
.loginBody .greyBtn,.loginInput  li .greyBtn{ background:#bcbabb; cursor:default}
.loginBody .greyBtn:hover,.loginInput  li .greyBtn:hover{ background:#bcbabb; cursor:default;}
.loginBody .greyBtn input,.loginInput  li .greyBtn input{cursor:default}
.loginBody .greyBtn:hover input,.loginInput  li .greyBtn:hover input{cursor:default;}
.loginInput li .loginBtn input,.loginBody .sumbitBtn input{ position:absolute; top:-5px; left:-5px; width:200%; height:63px; background:none; background:url("about:blank")\9; border:none; outline:none; cursor:pointer}
.loginInput li .regBtn,.btn .btnSure{ background:#fff;color:#00a971; border:1px solid #e0e0e0}
.loginInput li .regBtn:hover,.btn .btnSure:hover{ background:#00a971; color:#fff;border:1px solid #e0e0e0}
.loginInput li .label{ float:left; font-size:14px; color:#6a6a6a;}
.loginInput li .label input{vertical-align:middle; margin-top:-2px; margin-bottom:1px;}
.loginInput li .fPwd{ float:right; font-size:14px; color:#6a6a6a}
.loginInput li .fPwd:hover{ text-decoration:underline;}
.head .logo a span{background:url(../../images/chinaquery/logo.jpg) no-repeat; width:570px; height:69px; float:left;}
/*找回密码*/
.head{ background:#00a971; height:69px;}
.head .logo{ width:auto; height:69px; float:left; margin-top:5px;}
.head .logo a{ width:auto; height:69px; display:inline-block;overflow:hidden;}


.head .logo a span{background:url(../../images/chinaquery/logo.jpg) no-repeat; width:570px; height:69px; float:left;}
.head .logo a h1{ font-size:20px; color:#fff; font-weight:lighter; line-height:55px; float:left; margin-left:10px;}
.BIInfo{ float:left; width:617px; padding-top:12px;}
.BIInfo ul{ display:block; padding-top:10px;}
.BIInfo li{ float:left; width:100%; padding-bottom:15px;+padding-bottom:3px; position:relative; z-index:1;}
.BIInfo li.zIndex{ z-index:9999;}
.BIInfo .biText{ float:left; width:112px; padding-right:15px; text-align:right; height:29px; line-height:29px; font-size:14px; color:#5b5b5b}
.BIInfo .biName{ height:27px; line-height:27px;_line-height:30px;font-size:14px;}
.BIInfo .biName,.biInput{ float:left;font-size:14px; padding-right:15px; position:relative;}
.BIInfo .biInput input.Itext{ border:none; background:none;background:url("about:blank")\9; border:1px solid #CDCDCD; -moz-box-shadow:3px 3px 3px #ddd inset;              
-webkit-box-shadow:3px 3px 3px #ddd inset;box-shadow:3px 3px 3px #ddd inset;  width:192px;padding:6px 5px; font-size:12px; float:left; outline:none;}
.BIInfo .biInput input.ItextBlue{ border-color:#00a971;}
.BIInfo .biInput input.ItextRed{border-color:#fb6305;}
.BIInfo .biFill{ float:left; height:27px; line-height:27px; color:#686868;width:273px;}
.BIInfo .biFillLong{ width:auto; display:none;}
.BIInfo .biFill div.red{ background:url(../Images/bgInputIcon.gif) no-repeat scroll 0px 7px; padding-left:25px; height:27px; color:#fe8300}
.BIInfo .biFill div.green{ background-position:0px -43px;}
.BIInfo .biFill div.green span{ display:none}
.BIInfo .biFill div.orange{ color:#fe8300}
.BIInfo .biFill em.red,.BIInfo .biFill em.green{ font-style:normal; padding-right:10px;}
.BIInfo .biMy{ float:right; padding-right:248px; color:#de6100;}
.BIInfo .biBtn{ float:left;}
.BIInfo .biBtn span{ padding-left:20px;}
.BIInfo .biInput .bSelect{border:none; border:1px solid #abadb3; height:23px; line-height:27px;}

/*找回密码*/
.headPws{ height:90px;}
.headPws .logo{ margin:20px 0 0 50px;}
.loginBody{ width:905px; margin:30px auto 0 auto; background:#fff; height:526px;}
.loginBody .BIInfo{ float:none; margin:0 auto; padding:80px 0 0 0px;}
.loginBody .BIInfo .biCenter{ float:none; text-align:center;}
.loginBody .biCenter .sumbitBtn{ display:inline-block;}
.loginBody .BIInfo .biInput input.Itext{ padding:10px 5px; width:269px; position:relative; z-index:2;}
.loginBody .BIInfo .biText{ height:33px; line-height:33px;}
.loginBody .sumbitBtn{ width:238px; display:block; text-decoration:none;} 
.loginBody .BIInfo .biBtn span{ text-align:center; padding-left:0px;}
.loginBody .BIInfo .biInput input.ItextShort{ width:94px;}
.loginBody .biCode{ float:left; margin-left:15px;}
.loginBody .biCode img{ float:left;}
.loginBody .biCode a{ float:left; line-height:32px; margin-left:10px; font-size:12px; color:#318d0d}
.loginBody .BIInfo li.noMb{ padding-bottom:0px;}
.loginBody label{ color:#8a8a8a;}
.loginBody label input{vertical-align:middle; margin-top:-2px; margin-bottom:1px;}
.loginBody  a{ color:#318d0d; text-decoration:underline;}
.loginBody  a:hover{ text-decoration:none;}
.fEmail{font-size:16px; color:#2E2E2E; text-align:center;}
.fTime{ font-size:14px; color:#675E5F}
.loginBody .BIInfo .biFill{ margin-top:5px;}

/*注册*/
.loginBody .biInput span{ position:absolute; left:10px; top:10px; font-size:12px; color:#acacac; z-index:1;}
/*邮箱提示*/
.inEmailTip{ position:absolute; top:37px; z-index:9999; background:#fff; border:1px solid #CDCDCD; display:none; line-height:24px; margin:0; width:279px; left:0px;}
.inEmailTip li{ padding:0 10px; height:30px; line-height:30px; color:#333; width:259px; cursor:pointer;}
.inEmailTip li strong{ font-weight:normal;}
.inEmailTip li.hover{ background:#ddd;}
/*基本信息*/
.BaseWrap{ background:#fff; margin-top:10px; height:740px;}
.BaseWrap .BIInfo{ width:100%;}
.cIcon{padding:20px 0 0 40px;}
.cIcon p{ float:left; font-size:20px; color:#7c7a7a; background:url(../Images/bgInputIcon.gif) no-repeat scroll 0 -167px; padding-left:35px; line-height:30px;}
.cIcon .psw{ background-position:0 -230px;}
.cIcon .mes{ background-position:0 -292px;}
.cIcon .orange{ float:left; color:#FE8300; line-height:30px; padding-left:15px;}
.cMsTitle{ margin:10px; background:#f8f8f8; height:31px; line-height:31px; padding:0 25px; font-size:14px; color:#ff8a00;}
.cMsTitle span{ color:#7c7a7a;  padding-right:15px;}
/*信息中心*/
.helpInfo{ margin:10px 40px;}
.helpInfo li { border-bottom: 1px #e3e3e3 solid; padding: 10px 0; }
.helpInfo .btn { width: 18px; height: 17px; display: block; background: url(../Images/bgFIcon.gif) no-repeat 0px -44px; position: absolute; right: 0; top: 5px; }
.helpInfo .showAns .btn { background-position: -18px -44px; }
.helpInfo .answer { display: none; }
.helpInfo .showAns .answer { display: block; }
.helpInfo .question { padding: 2px 25px 2px 5px;font-size: 14px; color: #7f7f7f; position: relative; cursor: pointer; }
.helpInfo .question .title { color:#333; font-weight: 700; _width: 750px; }
.helpInfo .readed .question .title{font-weight:normal; color:#555; text-overflow: ellipsis;white-space: nowrap;}
.helpInfo .answer { background: #f1f1f1; border: 1px #e8e8e8 solid; padding: 5px; font-size: 14px; color: #717170; margin: 3px auto 5px; border-radius: 2px; }

/*注册邮箱验证*/
.reEmail{ width:749px; margin:0 auto; padding-top:107px;}
.reEmailText{ text-align:center; height:220px; border-bottom:1px solid #ebebeb}
.reEmailText h2{ text-align:center; color:#2f2f2f; font-size:18px; font-weight:normal; padding-bottom:32px;}
.reEmailText p{ font-size:14px; color:#b5b5b5;}
.reEmailText a{ color:#fff; background:#318d0d; width:278px; height:44px; display:inline-block; text-align:center; line-height:44px; font-size:18px; margin-top:48px; text-decoration:none;}
.reEmailText a:hover{ background:#256E09}

.reEmailNotice{ padding-top:30px; color:#717171;}
.reEmailNotice p{ font-size:15px;}
.reEmailNotice ul{ padding-top:20px;}
.reEmailNotice ul li{ float:left; width:345px; height:35px; font-size:13px;+margin-bottom:-10px;}
.reEmailNotice ul li a:hover{ text-decoration:underline;}

.loginOther{ display:inline-block; float:left; color:#6a6a6a; font-size:14px;}
.qqLinkLogin{ padding:0 0 0 20px; background:url(../Images/ico_qq.png) no-repeat 0 0; display:inline-block; color:#6A6A6A;}
.qqLinkLogin:hover{color:#000;}
/*
object:注册宝三期
author:zhanglie	
*/
.codeLogin{padding:20px 20px 0 0; text-align:right;}




/*2014-10-16 by xiaobiqin*/
.BaseWrap{height:auto!important; min-height:740px;}
.countBorder{ border-bottom:1px solid #e5e5e5; margin:0 10px;}
.cIcon{ padding:20px 0 0 20px;}
.BIInfo .biName, .biInput span{ font-size:28px; color:#5b5b5b}
.countBorderLast{ padding-bottom:30px;}
.cIcon .pay{ background:url(../Images/icon_onlinePay.gif) no-repeat scroll 0 -219px; padding-bottom:4px;}
.sumbitBtnPay{ background:url(../Images/icon_onlinePay.gif) no-repeat scroll 0px -140px; width:121px; height:28px; margin-left:28px;}
.sumbitBtnPay:hover{ background-position:0 -168px}

.floatServer{position:fixed; top:300px; right:100px; width:73px;_position:absolute; }
.linkSever{ width:73px; height:73px; background: url(../Images/icon_onlinePay.gif) no-repeat scroll 0 -338px; text-align:center; font-size:14px; line-height:120px; overflow:hidden; cursor:pointer; color:#333; display:inline-block; margin-top:10px;}
.dllDown{ background-position:0 -417px;}
.linkSever:link{ color:#333}
.linkSever:hover{ color:#16c422}
.linkSever:active{color:#333;}
.biP{ float:left; width:192px;}
.biP span{ font-size:16px; margin-top:5px; display:inline-block;}
.helpInfo .question .title em{ width:350px; overflow:hidden; font-style:normal; float:left; margin-right:100px;}
.helpInfo .question .title s{ text-decoration:none;}

/*QQ登录弹窗*/
.btn .toClose { padding-left:14px; float:right; color:#7c7c7c; font-size:14px; margin:16px 12px 0 0; background:url(../Images/toClose.png) no-repeat 0px 4px; line-height:20px; _background-position:0px 3px;}
.floatBoxCreateAccount{ width:380px; }
.floatBoxCreateAccount .floatTitle{ height:82px; background:#00a971}
.floatBoxCreateAccount .floatTitle .btn{ width:90px; height:32px; display:block; float:right; text-align:right;}
.floatBoxCreateAccount .floatTitle .btn .toClose{ width:20px; height:20px; display:block; float:right; background:url(../Images/icoBtn_close.gif) no-repeat 0 0; padding-left:0px;}
.floatBoxCreateAccount .floatTitle .btn .toClose:hover{background-position:-20px 0;}
.floatBoxCreateAccount .floatBody{ background:#eeeeee; border:1px #c0c0c0 solid; border-top:0; padding:40px 10px 0;}
.floatBoxCreateAccount .loginInput{overflow:hidden;zoom:1; margin:15px auto;}
.floatBoxCreateAccount .floatTitle .logo{width:156px; height:45px; display:block; background:url(../Images/user_logo.jpg) no-repeat 15px 15px; padding:15px; float:left;}
.floatBoxCreateAccount .btnCreate{ height:42px;display:block; margin:0 auto; background:url(../Images/bg_left.gif) repeat-x 0 -441px; color:#c56100; font-size:16px; font-weight:bold; text-align:center; line-height:40px;}
.floatBoxCreateAccount .fillHead{ position:relative; text-align:center; margin:20px auto; line-height:30px;}
.floatBoxCreateAccount .fillHead .line{position:absolute; z-index:2; width:100%; height:1px; background:#cbcbcb; top:15px; left:0;}
.floatBoxCreateAccount .fillHead .title{ position:relative; z-index:3;height:30px; padding:0 10px; background:#eeeeee; margin:0 auto; color:#585858; font-size:14px; margin:0 auto;}
.floatBoxCreateAccount .floatBody{padding-top:10px;}
.floatBoxCreateAccount .btnCreate {color:#fff; position:relative;}
.floatBoxCreateAccount .btnCreate input{ position:absolute;  left:0; width:100%; height:42px; background:none; border:none; outline:none; cursor:pointer; }

.Tencent{padding:10px;width:335px; background:#fff1d5;border:1px solid #ffa303; display:inline-block;margin:0 0 10px 0;}
.picHead{float:left;margin-right:10px; display:inline;}
.picHead img{border:1px solid #fff;}
.detail{float:left;padding:10px 0;}
.detail p{width:240px;font-size:14px;color:#414141; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.detail p span{padding:5px 0 5px 25px;background:url(../Images/bg_qq.gif) no-repeat;color:#ff6600;}
.detail p em{color:#ff6600; font-style:normal;}
.head .name span img{ vertical-align:middle;margin-right:5px;}

.floatBoxCreateAccountSucess .floatBody .sucess{font-size:18px; color:#444; text-align:center;line-height:35px; padding:0 0 5px;}
.floatBoxCreateAccountSucess .floatBody .sucessTitle{ color:#060; font-size:22px; }
.floatBoxCreateAccountSucess .floatBody .sucess .account{}

.reS{ padding-left:358px; padding-top:92px; background:url(../Images/bg_re_icon.gif) no-repeat scroll 281px 96px;}
.reS p{ font-size:16px; color:#606060}
.reS p em{ font-style:normal; color:#d30037}
.reS p.big{ font-size:26px; color:#555958; padding-bottom:10px;}

.reSbtn{ padding-left:358px; margin-top:20px;}
.reSbtn a{ background:url(../Images/bg_re_icon.gif) no-repeat scroll 0 -105px; width:136px; height:43px; line-height:40px; font-size:20px; color:#5a6c92; display:inline-block; text-align:center; text-decoration:none; font-weight:bold;}
.reSbtn a:hover{ color:#7d99d4;}
.reSteps{ padding:30px 0 0 77px;}
.reSteps p.title{ font-size:16px; color:#4c4c4c}
.reStepsList{ margin:30px 0 0 30px;}
.reStepsList dl{ height:59px;}
.reStepsList dd{ float:left; background:url(../Images/bg_steps.png) no-repeat; width:177px; height:59px; margin-left:-30px; text-align:center; line-height:59px; position:relative;}
.reStepsList dd.bgHover{ background-position:0 -59px;}
.reStepsList dd a{ font-size:14px; color:#6b6b6b; text-decoration:none; background:url(../Images/bg_re_icon.gif) no-repeat scroll 0 -180px; padding:10px 0 9px 30px; display:inline-block; line-height:40px;}
.reStepsList dd.bgHover a{ color:#fff; background-position:0 -543px;}
.reStepsList dd a.a{ background-position:0 -248px;}
.reStepsList dd.bgHover a.a{ background-position:0 -611px;}
.reStepsList dd a.d{ background-position:0 -328px;}
.reStepsList dd.bgHover a.d{ background-position:0 -688px;}
.reStepsList dd a.s{ background-position:0 -400px;}
.reStepsList dd.bgHover a.s{ background-position:0 -757px;}
.reStepsList dd a.o{ background-position:0 -462px; padding-left:35px;}
.reStepsList dd.bgHover a.o{ background-position:0 -836px;}

.dlShow{ margin-top:20px; position:relative;}
.dlShow .showC{ position: absolute;width:591px; height:96px;  border:1px solid #e3e3e3; background:#fff; line-height:25px; text-align:left; font-size:14px; color:#6b6b6b; padding:15px; display:none;}
.dlShow .showOne{ left:20px;}
.dlShow .showLast{ left:150px;}
.dlShow .showSecond{ left:80px;}
.dlShow .showThree{}
.dlShow .showC span.icon{ background:url(../Images/bg_re_icon.gif) no-repeat scroll 0 -930px; width:21px; height:11px; position:absolute; top:-11px; left:46px;}

.dlShow .showOne span.icon{ left:158px;}
.dlShow .showLast span.icon{ left:482px;}
.dlShow .showSecond span.icon{ left:399px;}
.dlShow .showThree span.icon{ left:321px;}