﻿
.warp{ width:960px; margin:0px auto;}
/* top */
#top{ height:30px; line-height:30px; border-bottom:solid 1px #fff; font-size:12px;}
#top span{ color:#333;}
#top a{ padding:0px 5px;}
#top .right a{ font-size:14px;}
/* 通用CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,caption{margin:0;padding:0;}
hmtl,body{margin:0px;padding:0px;font-family:simsun,"Lucida Grande", Verdana, Lucida, Arial, Helvetica,sans-serif;font-size:12px;line-height:22px;color:#333;}
fieldset,img{border:0;}
ul,ol,li{list-style-type:none;}
div{line-height:22px;}
em,cite{font-style:normal;}
table{border-collapse:collapse;}
button{cursor:pointer;font-size:12px;margin:0;padding:0;}
a{color:#333;text-decoration:none;}
a:hover{color:#005399;text-decoration:underline;}
select, input, img, select{vertical-align:middle;}
select{background:#fff;font-size:14px;}
address,caption,th,em{font-weight:400;}
.clearfix{zoom:1;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.actionA{color:#005399;text-decoration:underline;}
.actionA:hover{color:#005399;text-decoration:none;}
.forgePwdA{color:#005399;}

body{background:#ffffff url(../images/user/bg.jpg) repeat-x 0 0;}
textarea{border:1px solid #cccccc;background:#fff;color:#999;}
option{padding:0 10px;}

select{border:1px solid #ccc;font-size:14px;margin-right:5px;padding:2px;vertical-align:middle;color:#9a9a9a;}

.inputText,
.inputFile{background:#fff;border:1px solid #ccc;height:28px;line-height:28px;width:300px;padding:0 5px;color:#999;vertical-align:middle;font-size:14px;}
.inputFile{ width:311px;}
.inputTextW60{width:60px;}
.inputTextW210{width:207px;}

.button{display:inline-block;width:86px;height:30px;background:url(../images/user/button.png);overflow:hidden;line-height:100px;cursor:pointer;border:0;}
.buttonLogin{background-position:0 -370px;}
.buttonLogin:hover{background-position:-86px -370px;}
.buttonLogin2{background-position:0 0;}
.buttonLogin2:hover{background-position:-86px 0;}
.buttonLogin3{background-position:0 -460px;width:112px;}
.buttonLogin3:hover{background-position:-112px -460px;}
.buttonReg{background-position:0 -30px;width:126px;height:37px;}
.buttonReg:hover{background-position:-126px -30px;}
.buttonView{background-position:0 -70px;}
.buttonView:hover{background-position:-86px  -70px;}
.buttonNext{background-position:0 -100px;width:112px;}
.buttonNext:hover{background-position:-112px  -100px;}
.buttonCheck{background-position:0 -130px;width:112px;float:left;clear:right;}
.buttonCheck:hover{background-position:-112px  -130px;}
.buttonResetPwd{background-position:0 -400px;width:112px;}
.buttonResetPwd:hover{background-position:-112px  -400px;}
.buttonConfirm{background-position:0 -430px;width:112px;}
.buttonConfirm:hover{background-position:-112px  -430px;}
.buttonReReg{background-position:0 -490px;}
.buttonReReg:hover{background-position:-86px  -490px;}
.buttonEnterHome{background-position:0 -520px;}
.buttonEnterHome:hover{background-position:-86px  -520px;}
.buttonReg2{background-position:0 -550px;}
.buttonReg2:hover{background-position:-86px  -550px;}

.buttonCommon{background-position:0 -160px;text-indent:0;color:#005399;width:auto;display:inline-block;line-height:30px;}
.buttonCommon span{display:inline-block;background:url(../images/user/button.png) no-repeat right -190px;width:auto;padding:0 20px;line-height:30px;font-size:14px;}
.buttonCommon:hover{background-position:0 -220px;}
.buttonCommon:hover span{background-position:right -250px;}

.wrap{background:url(../images/user/container.jpg) repeat-y 0 0;width:1002px;margin:0 auto;}
.container{background:url(../images/user/container.jpg) no-repeat -1002px bottom;width:1002px;margin:0 auto;padding-bottom:15px;overflow:hidden;}
.header{background:url(../images/user/header.jpg) no-repeat;width:1002px;height:80px;position:relative;}
.rolebody .header{background-position:0 0;}

.header .logo{width:180px;height:60px;position:absolute;left:30px;top:10px;}
.header .logo a{display:block;width:180px;height:60px;text-indent:-9999px;}

.contain{background:url(../images/user/header.jpg) no-repeat 0 -80px;padding:0 27px 60px;min-height:550px;_height:550px;width:950px;}
.regbody .contain,
.reSetbody .contain,
.thirdbody .contain{background:url(../images/user/header.jpg) no-repeat -1002px -80px;}
.errorbody .contain{background:url(../images/user/header.jpg) no-repeat -3006px -80px;width:1002px;}

.main{width:649px;float:left;_display:inline;border-right:1px solid #cae9f6;padding:0px 0 45px 0px;margin-left:0px;overflow:hidden;}
.sideBar{width:190px;float:right;_display:inline;padding:40px 0 45px 20px;margin-right:24px;overflow:hidden;}

/*form*/
.form{width:810px;margin:0 auto;}
.form form{clear:both;}
.kv-item{padding-left:100px;padding-bottom:25px;clear:both;zoom:1;}
.kv-item:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.kv-nick{}
.kv-item{padding-left:100px;padding-bottom:25px;clear:both;zoom:1;}
.kv-label{display:inline;float:left;width:100px;margin-left:-100px;height:28px;line-height:28px;text-align:right;}
.input-box{display:inline;float:left;width:312px;margin-right:5px;font-size:14px;}
.input-box2{display:inline;float:left;width:600px;margin-right:5px;font-size:14px;}
.input-box2 strong{color:#005399;}
.input-box2 .actionA{color:#ff6000;}
.input-box *,
.input-box2 *{vertical-align:middle;}
.input-box span,
.input-box2 span{padding-bottom:25px;display:block;clear:both;}
.kv-item small{font-size:12px;color:#999;}
.kv-item .inputText,
.kv-item .msg,
.kv-item .msg-weak{vertical-align:middle;}
.msg-box{vertical-align:top;position:relative;}
.kv-item .msg-box{width:300px;display:inline-block;zoom:1;*display:inline;}
.msg,
.msg-weak{line-height:18px;color:#999;}
.kv-item .msg a,
.kv-item .msg-weak a{margin:0 2px;}
.show{visibility:visible;}
.msg{padding:4px 4px 4px 24px;font-size:12px;line-height:16px;color:#404040;background-color:#FFFFE5;border:1px solid #FFCC7F;overflow:hidden;zoom:1;}
.msg-ok{background-color:#F0FFE5;border-color:#4DBF00;}
.msg-error,
.msg-stop{background-color:#FFF2F2;border-color:#FF8080;}
.msg-attention{background-color:#E5F5FF;border-color:#40B3FF;}
.msg-weak{background:none;border:none;width:380px;display:inline-block;zoom:1;*display:inline;padding:0 5px;font-size:12px;line-height:18px;color:#999;}
.msg i,
.msg-weak i{float:left;height:20px;background:url(../images/user/iconform.png) no-repeat 0 20000px;margin:4px 10px 0 0;display:none;}
.msg-ok i{background-position:0 -40px;width:20px;display:inline-block;}
.msg-error i{background-position:0 0;width:20px;display:inline-block;}
.msg-tips i{background-position:0 -80px;width:20px;display:inline-block;}
.msg-tips{background:#fff6df;border:1px solid #ffdf98;color:#ff6000;width:798px;margin-bottom:40px;}
.msg-error{color:#f50400;}
.msg-cnt{line-height:28px;}
.kv-label{font-size:14px;}
.kv-label em{display:inline-block;margin-right:5px;font-size:12px;color:#f00;}
.kv-nick .inputText{background:#effcff;border:1px solid #005399;color:#333;}
.kv-nick .msg-weak{color:#005399;}
.inputText-error{border:1px solid #ff7d7d;background:#ffe5e5;color:#ab0101;}
.form-checkcode .input-box span,
.form-checkcode .input-box2 span{padding-bottom:0;}
.checkcode-change{}
.checkcode-img{border:1px solid #E3E3E3;vertical-align:middle;}
.form-meta{margin-top:20px;}
.agreement{margin-bottom:10px;float:left;}
.agreement *{vertical-align:middle;}
.form-meta .button{}
.form-meta .operate{clear:both;}
#lExpert{width:480px;height:130px;}

.form2 .kv-item{padding-left:120px;}
.form2 .kv-label{width:130px;margin-left:-130px;}
.form2 .input-box{width:auto;}
.form2 .input-box *{vertical-align:middle;}
.form2 .kv-item .msg-weak{width:300px;}

.form3 .kv-item{padding-left:200px;}
.form3 .kv-label{width:200px;margin-left:-200px;}

.form4 .input-box{width:510px;}
.form4 .kv-item .msg-box,
.form4 .kv-item .msg-box .msg-weak{width:180px;}
.form4 .inputTextW160{width:167px;}
.form4 option{line-height:28px;}
.msg2{clear:both;padding-top:20px;color:#c70209;font-size:14px;}

/*.selectBg .select_box{height:28px;float:left;margin-right:5px;position:relative;font-style:normal;}
.selectBg div.tag_select,
.selectBg div.tag_select_hover,
.selectBg div.tag_select_open{width:82px;display:block;height:28px;background:#fff url(../images/user/selectBg.png) no-repeat right center;border:1px solid #ccc;padding:0 22px 0 10px;line-height:28px;color:#999;}
.selectBg ul.tag_options{width:114px;position:absolute;margin:0;list-style:none;background:#fff;border:1px solid #ccc;border-bottom:none;padding:0;pmargin:0;}
.selectBg ul.tag_options li{width:94px;background:#fff;border-bottom:1px solid #ccc;display:block;padding:0 10px;height:28px;line-height:28px;color:#999;text-decoration:none;}
.selectBg ul.tag_options li.open_hover,
.selectBg ul.tag_options li.open_selected{background:#3399ff;color:#fff;}

.selectBgW100 div.tag_select,
.selectBgW100 div.tag_select_hover,
.selectBgW100 div.tag_select_open{width:62px;}
.selectBgW100 ul.tag_options{width:94px;}
.selectBgW100 ul.tag_options li{width:74px;}

.selectBgW80 div.tag_select,
.selectBgW80 div.tag_select_hover,
.selectBgW80 div.tag_select_open{width:22px;}
.selectBgW80 ul.tag_options{width:54px;}
.selectBgW80 ul.tag_options li{width:34px;}*/

/*登录*/
.loginbody .container{background:url(../images/user/container.jpg) no-repeat -2004px bottom;padding-bottom:15px;}
.loginbody .contain{background:url(../images/user/header.jpg) no-repeat -2004px -80px;padding:20px 26px 0;min-height:100px;_height:100px;}
.loginBox{float:right;_display:inline;width:325px;background:url(../images/user/loginBox.png) no-repeat 0 -20px;padding:30px 0 0 35px;height:475px;overflow:hidden;}
.loginTitle{height:54px;line-height:40px;}
.loginTitle h2{font-family:Microsoft Yahei;font-size:18px;font-weight:normal;color:#fff;visibility:hidden;}
.loginImg{float:left;_display:inline;width:550px;height:490px;padding:0 20px;}
.loginbody .inputText{width:210px;}
.loginBox .field{padding-bottom:10px;}
.loginBox .field label{display:inline-block;text-align:right;width:70px;line-height:30px;font-size:14px;}
.long-login{display:none;}
.long-login,
.safe-login{color:#999999;display:inline-block;height:22px;line-height:22px;overflow:hidden;padding:2px 0 2px 3px;position:relative;vertical-align:middle;z-index:5;}
.loginBox .safe{height:40px;overflow:hidden;padding:5px 0 0 72px;}
.loginBox .submit{clear:both;overflow:hidden;padding:0 0 0 76px;line-height:30px;}
.loginBox .submit *{vertical-align:middle;}

.loginbody .entries{border-top:1px dashed #ccc;margin-top:30px;padding-top:15px;margin-right:20px;}

/*注册*/

.Title2{font-family:Microsoft Yahei;font-size:12px;font-weight:normal;color:#005399;}
.rolebody .contain{padding:0 27px 0;min-height:300px;_height:300px;}
.mainTitle{height:15px;line-height:15px;margin-bottom:15px;text-indent:26px; padding-left:40px}
.mainTitle h1,
.mainTitle h2{font-family:Microsoft Yahei;font-size:18px;font-weight:normal;color:#005399;}
.mainTitle h2 span{color:#666;}

.main .mainTitle{height:50px;text-indent:0;margin:30px 0 25px;}
.main .mainTitle h2{font-family:"微软雅黑";font-size:18px;font-weight:normal;color:#005399;}

.role{width:576px;clear:both;}
.role li{width:182px;height:182px;float:left;_display:inline;margin:0 5px;}
.role li a,
.role li a:hover{width:182px;height:182px;float:left;display:block;background:url(../images/user/role.jpg) no-repeat;text-indent:-99999px;}
.role li.roleA a{background-position:0 0;}
.role li.roleB a{background-position:-190px 0;}
.role li.roleC a{background-position:-380px 0;}
.role li.roleA a:hover,
.role li.roleA a.cur{background-position:0 -190px;}
.role li.roleB a:hover,
.role li.roleB a.cur{background-position:-190px -190px;}
.role li.roleC a:hover,
.role li.roleC a.cur{background-position:-380px -190px;}

.otherRole{margin-top:50px;}
.otherRole h3{height:30px;line-height:30px;color:#005399;}
.otherRole ul{}
.otherRole li{float:left;width:100px;font-size:14px;height:24px;line-height:24px;}

.entries{}
.reg_title{border-bottom:1px dotted #ccc;padding-bottom:10px;margin-bottom:10px;}
.reg_title *{vertical-align:middle;}
.hezuoLogin p{padding:5px 0;}
.loginSina,
.loginQQ{display:inline-block;background:url(../images/user/icon.png) no-repeat 0 0;color:#005399;padding-left:26px;}
.loginQQ{background-position:0 -30px;}



/*注册步骤*/
.steps{background:url(../images/user/steps.png) no-repeat 0 0;height:60px;width:810px;margin:0 auto 50px;overflow:hidden;}
.steps li{float:left;display:inline;width:270px;height:60px;}
.steps li span{display:block;width:100%;height:60px;line-height:60px;text-indent:-9999px;}
.steps li span.cur{background:url(../images/user/steps.png) no-repeat;}
.steps1 li.step1 .cur{background-position:0 -60px;}
.steps1 li.step2 .cur{background-position:-270px -60px;}
.steps1 li.step3 .cur{background-position:-540px -60px;}

.steps2{background-position:0 -120px;}
.steps2 li{width:162px;}
.steps2 li.step1 .cur{background-position:0 -180px;}
.steps2 li.step2 .cur{background-position:-162px -180px;}
.steps2 li.step3 .cur{background-position:-324px -180px;}
.steps2 li.step4 .cur{background-position:-486px -180px;}
.steps2 li.step5 .cur{background-position:-648px -180px;}

.steps3{background-position:0 -240px;}
.steps3 li{width:162px;}
.steps3 li.step1 .cur{background-position:0 -300px;}
.steps3 li.step2 .cur{background-position:-162px -300px;}
.steps3 li.step3 .cur{background-position:-324px -300px;}
.steps3 li.step4 .cur{background-position:-486px -300px;}
.steps3 li.step5 .cur{background-position:-648px -300px;}

/*协议页面*/
.agreementContent{border:1px solid #ccc;height:160px;overflow:auto;padding:10px;display:none;clear:both;margin-bottom:10px;}
.agreementContent h2{font-size:12px;line-height:24px;}
.agreementContent h3{font-size:12px;line-height:24px;}
.agreementContent p{text-indent:2em;color:#333;}


/*邮箱验证*/
.verification{width:810px;background:url(../images/user/verification.jpg) no-repeat 540px 30px;margin:0 auto;font-size:14px;line-height:24px;position:relative;}
.reSetbody .verification{background:none;}
.verification p{line-height:30px;}
.verification p *{}
.verification p strong{font-family:Microsoft Yahei;font-size:18px;}
.verification p em{color:#005399;}
.verification p.operate{ padding-top:20px;}
.verification p.operate *{ vertical-align:middle;}
.verification p .buttonView{/*margin-top:20px;*/}
.subInfo{width:260px;border-top:1px dotted #ccc;padding-top:20px;margin-top:30px;font-size:12px;}
.subInfo p{line-height:24px;}
.verificationTips{background:url(../images/user/verificationTips.png) no-repeat 0 0;width:102px;height:64px;line-height:64px;padding-left:60px;font-size:14px;font-weight:bold;color:#333;position:absolute;left:230px;top:200px;}


/*升级成功页面*/
.success,
.success2{height:auto;width:860px;margin:0 auto;overflow:hidden;padding:50px;text-align:center;font-size:14px;line-height:24px;vertical-align:middle;}
.success h3,
.success2 h3{width:100%;margin:0 auto 30px;text-align:center;font-family:Microsoft Yahei;font-size:18px;font-weight:normal;line-height:30px;}
.success h3 *,
.success2 h3 *{vertical-align:middle;}
.success h3 i,
.success2 h3 i{background:url(../images/user/iconform.png) no-repeat -30px -40px;display:inline-block;width:30px;height:30px;margin-right:5px;}
.success h3 strong,
.success2 h3 strong{font-size:24px;color:#f56e0b;font-weight:normal;}
.success p.info{text-align:left;width:370px;margin:0 auto 30px;}
.success p.info strong,
.success p.info em{color:#f60;}

.success2{text-align:left;padding:0 70px;}
.success2 h3{width:100%;}
.success2 h3{margin:0 0 20px;text-align:left;}
.success2 p{padding-left:33px;}

/*第三方登录*/
.thirdbody .form{width:740px;margin:30px auto 0;}
.thirdbody .form .userImg{float:left;width:104px;}
.thirdbody .form .userImg img{width:100px;height:100px;background:#fff;padding:1px;border:1px solid #ccc;}
.thirdbody .form form{float:left;width:600px;clear:none;}
.thirdbody .form .form-meta{margin-top:0;}
.thirdbody .operate{padding-top:30px;}

/*失效页面*/
.errorbody .container{background:url(../images/user/container.jpg) no-repeat -3006px bottom;padding-bottom:15px;}
.errorbody .contain{min-height:430px;_height:430px;padding:40px 0;}
.error{width:530px;height:430px;background:url(../images/user/error.png) no-repeat 0 0;margin:0 auto;position:relative;}
.error p{visibility:hidden;}
.error .operate{position:absolute;left:150px;top:200px;width:280px;text-align:center;}


/*健管会员注册*/
.memberCategories{width:790px;margin:0 auto;}
.memberCategoriesTitle{height:34px;line-height:34px;padding:20px 0;}
.memberCategoriesTitle h1{font-family:Microsoft Yahei;font-size:18px;font-weight:normal;float:left;margin-right:20px;}
.memberCategoriesTips{background:url(../images/user/regHealthManagement.png) no-repeat 0 0;border:none;width:254px;height:25px;padding:6px 0 4px 46px;float:left;color:#ff6000;}
.memberCategoriesTips2{background:url(../images/user/regHealthManagement.png) no-repeat 0 -35px;width:750px;margin:0 auto;height:46px;line-height:35px;padding-left:40px;font-size:14px;margin-bottom:10px;}
.memberCategoriesTips2 em{font-weight:bold;color:#ff6000;}
/*表格*/
.tableBg{zoom:1;}
.tableBg:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.tableBg table{border-collapse:collapse;border:1px solid #d3d3d3;}
.tableBg table caption{height:34px;line-height:34px;text-align:left;font-size:14px;font-weight:bold;}
.tableBg table th,
.tableBg table td{background:#fff;border:1px solid #d3d3d3;padding:10px;font-size:14px;line-height:24px;}
.tableBg table th{background:#eee;padding:5px 3px;font-size:14px;font-weight:bold;}
.tableBg table td h3{font-family:Microsoft Yahei,simhei;font-size:18px;font-weight:normal;}
.tableBg table td p{margin-bottom:5px;}
.tableBg table td em{font-family:Microsoft Yahei,simhei;font-size:24px;font-weight:normal;color:#cc0000;}
/*健管会员按钮*/
.buttonBuy,
.buttonPay,
.buttonShelve{display:inline-block;width:112px;height:30px;background:url(../images/user/button.png) no-repeat 0 -280px;line-height:100px;overflow:hidden;text-align:left;}
.buttonBuy:hover{background-position:-112px -280px;}
.buttonPay{background-position:0 -310px;}
.buttonPay:hover{background-position:-112px -310px;}
.buttonShelve{background-position:0 -340px;}
.buttonShelve:hover{background-position:-112px -340px;}
/*健管会员支付*/
.reSelect{height:30px;line-height:30px;font-size:14px;text-align:right;}
.memberPay{background:#f9f9f9;border-top:2px solid #a1a1a1;margin-top:30px;padding:20px;}
.memberPayTitle{height:30px;line-height:30px;margin-bottom:10px;}
.memberPayTitle h3{font-family:Microsoft Yahei,simhei;font-size:18px;font-weight:normal;}
.memberPayTips{background:url(../images/user/regHealthManagement.png) no-repeat 0 -81px;border:none;width:383px;height:25px;padding:6px 0 4px 34px;margin-bottom:15px;color:#ff6000;}
.memberPayTips em{font-size:14px;font-weight:bold;display:inline-block;padding:0 5px;}
.payList{border-top:1px dashed #ccc;}
.payList li{border-bottom:1px dashed #ccc;padding:15px 15px 15px 120px;}
.payList li label{display:inline;float:left;width:120px;margin-left:-120px;font-size:14px;}
.payList li label span{display:inline-block;font-size:12px;}
.payList li .imgPay{border:1px solid #ddd;}
.total{margin:15px 0;height:40px;line-height:40px;text-align:right;font-size:14px;}
.total em{color:#ff6000;font-size:24px;display:inline-block;margin-right:5px;}

/*弹出窗口*/
.popWrapBg{position:absolute;z-index:9999;position:absolute;left:50%;top:50%;margin:-230px 0 0 -300px; width:602px; height:462px;}
.pooWrapBg iframe{position:absolute;left:0; top:0;}
.popWrap{background:#fff;border:1px solid #005399;width:600px;height:460px; position:absolute; left:0; top:0;}
.popTitleBar{background:#e3f6fe;height:30px;line-height:30px;border:1px solid #fff;}
.popTitleBar h3{float:left;line-height:30px;text-indent:20px;font-size:14px;color:#005399;padding:0;}
.popTitleBar a.close{float:right;background:url(../images/user/popWrapT.png) no-repeat right -35px;width:35px;height:35px;line-height:35px;text-indent:-999999px;}
.popContent{padding:15px;}
.popContent .operate{border-top:1px dotted #cccccc;padding-top:10px;text-align:center;}

.keshiContent{height:350px;overflow:auto;padding-left:10px;margin-bottom:10px;}
.keshiContent li{float:left;font-size:14px;line-height:32px;}
.keshiList li{width:180px;}
.yiyuanList li{width:270px;}