@charset "utf-8";
body { margin: 0px; padding: 0px; }
a { color: #5CB85C; }
a:link { }
a:visited { }
a:hover { }
a:active { }






.form-control { border-radius:3px; }
.btn { border-radius:3px; }


.N-container { width: 950px; margin-right: auto; margin-left: auto; }
.N-header { clear: both; height: 250px; margin-bottom: 40px; border-top-width: 5px; border-top-style: solid; border-top-color: #5CB85C; padding: 0px; display: block; background-color: #333333; background-image: url(../images/bs-docs-masthead-pattern.png); }
.N-header .top_logo_ico { background-image: url(../images_1/header_top_logo_ico.png); background-repeat: no-repeat; background-position: center top; height: 80px; width: 90px; position: absolute; top: 0px; }
.N-header .logo { display: block; text-align: center; width: 408px; margin-right: auto; margin-left: auto; padding-top: 80px; }
.N-header .N-container { position: relative; }
.N-header .N-container .rnav{ position: absolute; top: 10px; right: 0px; font-size: 16px; color: #FFFFFF; }
.N-header .N-container .rnav a { padding-right: 5px; padding-left: 5px; }


.N-titbox { text-align: center; display: block; height: 30px; clear: both; background-image: url(../images_1/N-line.png); background-repeat: repeat-x; background-position: center center; margin-bottom: 25px; }
.N-titbox h2 { padding: 0px; height: 30px; width: 400px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-image: url(../images_1/N-titbox-1.png); background-repeat: no-repeat; background-position: center top; line-height: 30px; }

.N-titbox h2.tit_reg_type { background-position: center top; }
.N-titbox h2.tit_user_login { background-position: center -30px; }
.N-titbox h2.tit_user_reg { background-position: center -60px; }
.N-titbox h2.tit_doctor_reg { background-position: center -90px; }
.N-titbox h2.tit_community_reg { background-position: center -120px; }
.N-titbox h2.tit_partner_reg { background-position: center -180px; }
.N-titbox h2.tit_forget_password { background-position: center -150px; }


.N-main { clear: both; margin-bottom: 50px; }

.N-conbox { margin: 0px; padding: 49px; overflow: hidden; display: block; border: 1px solid #EEE; background-color: #F6F6F6; }
.N-conbox .m1 { display: block; padding: 0px; overflow: hidden; list-style-image: none; list-style-type: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEE; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; }
.N-conbox .m1 li { display: block; float: left; width: 33%; margin: 0px; padding: 0px; }
.N-conbox .m1 li a { margin: 20px; display: block; text-align: center; text-decoration: none; }
.N-conbox .m1 li a div { border-radius:50%; display: block; height: 196px; width: 196px; margin-right: auto; margin-left: auto; border: 2px solid #EEE; background-color: #FFFFFF; position: relative; margin-bottom: 10px; }
.N-conbox .m1 li a div span { border-radius:50%; position: absolute; height: 40px; width: 40px; left: 80px; top: 80px; display: block;
-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;
}
.N-conbox .m1 li a div i { height: 100px; width: 120px; position: absolute; left: 38px; top: 48px; display: block; background-image: url(../images_1/N-reg-type.png); background-repeat: no-repeat; background-position: left top; 
-webkit-transition: all .2s ease-in-out .2s;-moz-transition: all .2s ease-in-out .2s;-ms-transition: all .2s ease-in-out .2s; -o-transition: all .2s ease-in-out .2s;transition: all .2s ease-in-out .2s;
}
.N-conbox .m1 li a div i.user_reg { background-repeat: no-repeat; background-position: left 0px; }
.N-conbox .m1 li a div i.doctor_reg { background-repeat: no-repeat; background-position: left -100px; }
.N-conbox .m1 li a div i.community_reg { background-repeat: no-repeat; background-position: left -200px; }
.N-conbox .m1 li a div i.partner_reg { background-repeat: no-repeat; background-position: left -300px; }
.N-conbox .m1 li a p { font-size: 16px; line-height: 30px; color: #5CB85C; display: block; margin: 0px; padding: 0px; }
.N-conbox .m1 li a:hover div { border: 2px solid #EEE; background-color: #FFFFFF; }
.N-conbox .m1 li a:hover div span { height:196px; width:196px; left:-2px; top:-2px; background-color: #5CB85C;  }
.N-conbox .m1 li a:hover div i.user_reg { background-repeat: no-repeat; background-position: -120px 0px; }
.N-conbox .m1 li a:hover div i.doctor_reg { background-repeat: no-repeat; background-position: -120px -100px; }
.N-conbox .m1 li a:hover div i.community_reg { background-repeat: no-repeat; background-position: -120px -200px; }
.N-conbox .m1 li a:hover div i.partner_reg { background-repeat: no-repeat; background-position: -120px -300px; }
.N-conbox .m2 { font-size: 14px; text-align: center; color: #666666; }
.N-conbox .m2 a { color: #5CB85C; }
.N-conbox .m3 { overflow: hidden; }
.N-conbox .m3 .left { float: left; height: 300px; width: 420px; background-color: #FFFFFF; border: 1px solid #EEE; }
.N-conbox .m3 .right { float: right; width: 400px; /*height: 300px;*/ }
.N-conbox .m4 { overflow: hidden; }
.N-conbox .m4 .left { float: left; height: 300px; width: 300px; background-color: #FFFFFF; border: 1px solid #EEE; }
.N-conbox .m4 .right { float: right; width: 480px; height: 300px; }
.N-conbox .m5 { width: 650px; margin-right: auto; margin-left: auto; background-color: #FFFFFF; border: 1px solid #EEE; margin-bottom: 20px; padding-top: 49px; padding-right: 80px; padding-bottom: 49px; padding-left: 80px; }
.N-conbox .m5 .page-header { padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; }


.N-conbox .m5 .page-header h1 { font-size: 26px; }

.N-step { background-image: url(../images_1/N-step.png); background-repeat: no-repeat; background-position: center top; height: 60px; clear: both; margin-bottom: 15px; }
.N-step.step1 { background-position: center 0px; }
.N-step.step2 { background-position: center -60px; }
.N-step.step3 { background-position: center -120px; }


.help-block { margin-left: 145px; font-size: 14px; line-height: 30px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; padding-top: 10px; }


.N-service_agreement { /*border:1px solid #f5f5f5;*/ padding:35px; }
.N-service_agreement .title { font-size:28px; text-align:center; padding:20px; }
.N-service_agreement .content_box { border:2px solid #DDD; padding:20px 0px; background-color:#F5F5F5; border-radius:5px; }
.N-service_agreement .content { font-size:14px; line-height:1.6em; padding:20px; overflow:auto; height:400px; }
.N-service_agreement .ok-btn { width: 180px; padding: 0.6em; color:#FFFFFF; text-align:center; font-size: 16px; background-color: #4DBC60; display: block; margin: 20px auto; text-decoration: none; border-radius:5px; }




.N-footer { padding-bottom: 35px; text-align: center; display: block; background-image: url(../images_1/N-line.png); background-repeat: repeat-x; background-position: center 19px; }
.N-footer .logo_ico { background-image: url(../images_1/footer_logo_ico.png); background-repeat: no-repeat; background-position: center top; height: 40px; width: 300px; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 10px; clear: both; }
.N-footer .copyright { color: #666666; }
/**
 * 登录（新）
 * 2016-10-08 蒋旭
 */
.N-O-201610081107{ height: 90px; border-bottom:#d9dce5 solid 1px; background: #f5f6f8} 
.N-O-container1{ width: 1220px; margin-right: auto; margin-left: auto; position: relative; }
.N-O-201610081107 .N-O-container1 .rnav{ position: absolute; top: 30px; right: 0px; font-size: 16px; color: #acafb8;}
.N-O-201610081107 .N-O-container1 .rnav span{ margin: 0 5px}
.N-O-201610081107 .N-O-container1 .rnav a{ color: #acafb8}
.N-O-container2{ width: 1020px; margin-right: auto; margin-left: auto; position: relative; }
.N-O-loginbox{margin: 0px; overflow: hidden; display: block;}
.N-O-loginbox .m3{ overflow: hidden; margin-bottom: 60px}
.N-O-loginbox .m3 .left { float: left; height: 478px; width: 624px; background-color: #FFFFFF; }
.N-O-loginbox .m3 .right { float: right; width: 396px; height: 478px; border: #c0c5d6 solid 1px; border-radius: 3px; padding: 0 40px; padding-top:60px  }
.form-group .username{ height: 43px; padding-left: 40px; background: url(../images_1/username0.png) 6px 6px no-repeat;}
.has-error .username{ height: 43px; padding-left: 40px; background: url(../images_1/username2.png) 6px 6px no-repeat;}
.has-success .username{ height: 43px; padding-left: 40px; background: url(../images_1/username1.png) 6px 6px no-repeat;}

.form-group .password{ height: 43px; padding-left: 40px; background: url(../images_1/password0.png) 6px 6px no-repeat;}
.has-error .password{ height: 43px; padding-left: 40px; background: url(../images_1/password2.png) 6px 6px no-repeat;}
.has-success .password{ height: 43px; padding-left: 40px; background: url(../images_1/password1.png) 6px 6px no-repeat;}
.form-group .role-type,.form-group .run-code{ height: 43px;}
.form-control-static{ overflow: hidden; width: 316px;}
.form-group .register{ float: right}
.N-O-loginbox .help-block{ margin-left: 15px}
.N-O-footer{ height: 55px; border-top: #d9dce5 solid 1px; background: #edeff6; position: fixed; bottom: 0; width: 100%; line-height: 55px; color: #acafb8; text-align: center}
.N-O-footer span{ margin: 0 8px }
.N-O-footer span a{ color: #acafb8}