/*滚动条的宽度*/

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}


/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/

::-webkit-scrollbar-track {
    width: 6px;
    background-color: #CCCCCC;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}


/*滚动条的设置*/

::-webkit-scrollbar-thumb {
    background-color: #989898;
    background-clip: padding-box;
    min-height: 28px;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}


/*滚动条移上去的背景*/

::-webkit-scrollbar-thumb:hover {
    background-color: #516776;
}


/* 登录页面 */

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main-header,
.menu-banner {
    position: relative;
    background-color: #FFF
}

.head-title {
    /* border-bottom: 1px solid #EEE; */
}

.head-title .mui-title {
    display: block;
    width: 1200px;
    height: 90px;
    margin: 0 auto;
    line-height: 120px;
}

.mui-title img {
    vertical-align: initial !important;
}

section {
    width: 100%;
    height: 100%;
}

.change_bg {
    background-color: #F5F6F7;
    /* padding-top: 50px; */
}

.section_bg {
    background: #80a3b36e url(../css/images/bg_login.png) no-repeat center;
    background-size: cover;
    height: 600px;
}

section .login-body {
    display: block;
    margin: 0 auto;
    width: 290px;
    height: 370px;
    padding: 30px 40px 50px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 16px 20px 0px rgba(0, 0, 0, 0.01), 
    0px 10px 10px 0px rgba(22, 154, 219, 1); 
    margin: -165px auto 0;
    box-shadow:0 0 0 13px #ffffff6b;
    border-radius: 3px;
}
.section_bg .login_system{
    display: inline-block;
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 20px;
    color: #2487C2;
    font-weight: bold;
    margin: 0 0 10px;
}
.section_bg .login_system::before,
.section_bg .login_system::after{
    display: block;
    content: "";
    width: 45px;
    height: 8px;
    margin: 10px 0;
}
.section_bg .login_system::before{
    float: left;
    background: url(../css/images/loginIcon1.png) no-repeat;
}
.section_bg .login_system::after{
    float: right;
    background: url(../css/images/loginIcon2.png) no-repeat;
}
section .login-body h2 {
    font-size: 20px;
    font-family: MicrosoftYaHei;
    color: rgba(51, 51, 51, 1);
    margin: 0 0 20px;
    font-weight: normal;
}

section .login-body h2 span {
    float: left;
    margin: 0 40px 20px 0;
    cursor: pointer;
}

section .login-body h2 span.active {
    /* color: #009CDC; */
    font-weight: bold;
}

section .login-body h2 span.active:after {
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    margin-top: 8px;
    background-color: #009CDC;
}

section .login-row {
    margin: 20px auto;
}

section .login-row input {
    border: 1px solid #d6d6d6;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-indent: 8px;
    border-radius: 4px;
    color: #999;
    padding: 0;
    box-sizing: border-box;
}

section .login-row .vcode-input {
    text-indent: 8px;
    width: 138px;
    margin-right: 4px;
}

section .login-row img {
    width: 120px;
    height: 40px;
    float: right;
}

section .login-row span {
    position: absolute;
    left: 60px;
    top: 35px;
}

section .login-button-area,
.login-button-area a {
    text-decoration: none;
    font-size: 14px;
}

.login-button-area a {
    color: #4d9adc;
}

section .login-button-area a.button {
    display: block;
    margin: 15px 0;
    border-radius: 4px;
    background: #169ADB;
    color: #fff;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    /* box-shadow:2px 2px 10px rgba(75,123,234,.4); */
}

section .login-button-area a.button:hover {
    background: #007bb7;
}

section .login-button-area .login-enroll {
    display: inline-block;
    float: right;
    margin: auto;
}

.login-Hint {
    text-align: center;
}

.login-Hint .login-error {
    color: #FF9900;
}

.footer span {
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #999;
    display: inherit;
}


/* ** 找回密码页面  ** */

.change_body {
    width: 1190px;
    min-height: 436px;
    background: rgba(255, 255, 255, 1);
    margin: 0px auto 1px;
    padding-bottom: 20px;
}

.change_box {
    width: 500px;
    margin: 0 auto 0;
    padding: 20px 0 0;
    display: block;
}

.change_body h2 {
    display: block;
    font-size: 18px;
    text-align: center;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.ch_plan {
    display: block;
    width: 100%;
    height: 50px;
    text-align-last: justify;
    position: relative;
    margin: 40px 0 25px;
}

.ch_plan .ch_border {
    display: inherit;
    width: 89%;
    margin: 0 auto;
    position: absolute;
    border-bottom: 1px solid #EEE;
    bottom: 16px;
    left: 27px;
}

.ch_plan label {
    display: inline-block;
    width: 60px;
    height: 12px;
    color: #999;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    z-index: 10;
    position: inherit;
}

.ch_plan label.active {
    color: #009CDC;
}

.ch_plan label:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 10px;
    margin: 5px auto;
    text-align: center;
    background-color: #DDD;
    border: 5px solid #FFF;
}

.ch_plan label.active:after {
    background-color: #009CDC;
}

.change_step {
    display: block;
    width: 335px;
    margin: 0 auto;
}

.change_step .vcode-input {
    width: 190px !important;
}

.git_code {
    border: 1px solid #DDD;
    width: 130px;
    height: 40px;
    color: #007DDB;
    outline: none;
    background: none;
    cursor: pointer;
    border-radius: 3px;
    float: right;
    line-height: 40px;
    text-align: center;
}

.git_code:hover {
    border-color: #007DDB;
}

.change_succeed {
    text-align: center;
    margin: 80px auto;
}

.change_succeed img {
    display: block;
    text-align: center;
    margin: 15px auto;
}

.change_succeed span i {
    margin: 0 5px;
    font-style: normal;
    color: #FF9900;
}

.custom {
    width: 335px;
    margin: 0 auto 0 60px;
}

.form-list .layui-form-item .tel {
    color: #666666;
    font-size: 16px;
    margin-right: 0px;
    padding: 5px 0 0 0;
    line-height: 31px;
    width: 83px;
}


/* *********** */

.width1200 {
    width: 1200px;
    margin: 0 auto;
}

.top-message ul li {
    display: inline-block;
    margin-left: 10px;
    line-height: 30px;
}

.top-message li a {
    display: inline-block;
    height: 20px;
    padding-right: 15px;
    padding-left: 5px;
    margin-top: 5px;
    line-height: 20px;
    border-right: 1px solid #ddd;
}


/* .iconImg {
	background: url(../images/home_all.png) no-repeat;	
} */

.top-message ul li .img1 {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: -2px 3px 0 0;
    float: left;
    background-position: 0px -166px;
}

.teamImg1 {
    background-position: -168px -166px;
}

.teamImg2 {
    background-position: -206px -166px;
}

.main-header .logo-black {
    display: inline-block;
    width: 460px;
    height: 76px;
    /* background:url(../images/nMLogo.png) no-repeat; */
}

.searchBox {
    width: 600px;
    float: right;
}

.hearder-search {
    width: 580px;
    height:39px;
    /* border: 1px solid #015198; */
    background: initial;
    overflow: hidden;
    padding: 0;
    float: left;
    /* background: url(../images/sHInternetHospital/icon_10.png) no-repeat 20px center; */
}

.hearder-search input.search-input {
    display: block;
    position: absolute;
    width: 403px;
    height: 40px;
    /* line-height: 8px; */
    text-indent: 10px;
    left: 0;
    z-index: 20;
    font-size: 14px;
}

.hearder-search button {
    color: #FFF;
    /* background-color: #015198; */
    font-weight: normal;
    width: 116px;
    height: 40px;
    font-size: 18px;
    outline: none;
}

.btnIcon {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: -3px 5px 0 0;
    background-position: -31px -166px;
    float: right;
}

.hearder-search button:hover {
    text-decoration: underline;
}

.tagLink {
    display: inline-block;
    float: right;
    height: 42px;
    padding: 0 10px;
    line-height: 42px;
    /* background-color: #2D7AC0; */
    font-size: 16px;
    color: #FFF;
    margin: 30px 0 3px;
}


/* .tagLink:hover{
	background-color: #003592;
} */

.img2 {
    background: url(../images/banner.png) center top no-repeat;
    display: block;
    width: 100%;
    height: 400px
}

.searchLink:before {
    display: block;
    content: "";
    clear: both;
    width: 100%;
    height: 1px;
    margin: 10px 0;
}

.searchLink {
    margin: 0;
}

.searchLink a {
    margin: 0 20px 0 0;
}

.searchLink a:hover {
    text-decoration: underline;
}


/* ************* */

input::-webkit-input-placeholder {
    color: #CCC;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #CCC;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #CCC;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #CCC;
}


/* ***********banner******** */

.menu-banner {
    height: 450px;
    position: relative;
    padding: 0 0 0;
    width: 100%;
    display: block;
}

.menu-nav {
    position: absolute;
    display: block;
    width: 100%;
    height: 40px;
    bottom: 0;
}

.menu-nav .width1200,
.pos_Relative {
    position: relative;
}

.lftMenu {
    position: absolute;
    height: 100%;
    display: inline-table;
    right: 0;
    top: 0;
    z-index: 100;
    /* background-color: rgba(0,83,151,.7); */
}

.max_Menu4,
.max_Menu8 {
    width: 200px;
}

.iocnNaw {
    display: inline-block;
    width: 267px;
    height: 81px;
    /* background-position:0 -267px; */
    margin: 0 0 0 -13px;
}

.max_Menu12 {
    width: 300px;
}

.max_Menu12 .iocnNaw {
    width: 325px;
    background-position: 1px -405px !important;
}
.lftMenu .menu_Img{
    display: block;
    width: 100%;
    height: 70px;
    background-image: url(../images/home_all_1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* 菜单样式12 */

.max_Menu12 ul li {
    width: 100px;
    height: 95px;
}


/* 菜单样式8 */

.max_Menu8 ul li {
    width: 100px;
    height: 95px;
}


/* 菜单样式4 */

.max_Menu4 ul li {
    display: block;
    width: 100%;
    height: 112px;
}

.lftMenu ul {
    height: 380px;
}

.lftMenu ul:after,
.max_Menu12 ul:before {
    display: inline-block;
    position: absolute;
    width: 1px;
    /* height: 100%; */
    content: "";
    /* background-position: top right; */
    background-image: initial;
    background-color: #dfe3ff;
}

.max_Menu12 ul::before {
    bottom: 0;
    top: 82px;
    left: 33%;
}

.max_Menu12 ul:after {
    bottom: 0;
    top: 82px;
    left: 66%;
}

.max_Menu4 ul:after {
    display: none;
}

.max_Menu8 ul:after {
    bottom: 0;
    top: 82px;
    left: 50%;
}

.lftMenu ul li {
    display: inline-block;
    text-align: center;
    float: left;
    position: relative;
}

.lftMenu ul li:after {
    display: inline-block;
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #dfe3ff;
    background-image: initial;
}

.max_Menu12 ul li:after {
    /* bottom: -7px; */
    /* left: -72px; */
}

/* .max_Menu8 ul li:nth-child(2n):after,
.max_Menu8 ul li:nth-child(7):after {
    background: none;
    display: none;
}

.max_Menu12 ul li:nth-child(1):after,
.max_Menu12 ul li:nth-child(3n):after,
.max_Menu12 ul li:nth-child(4):after,
.max_Menu12 ul li:nth-child(7):after,
.max_Menu12 ul li:nth-child(10):after {
    background: none;
    display: none;
} */

.lftMenu ul li a {
    display: block;
    color: #333;
    font-size: 14px;
    /* margin-top: 20px; */
}

.lftMenu ul li a i {
    display: block;
    width: 51px;
    height: 51px;
    margin: 8px auto 0px;
}

.lftMenu ul li a:hover {
    color: #000;
}

.lftMenu ul li a:hover i {
    opacity: .8;
}

.lftMenu ul li a i.manu1 {
    background-position: 0 -206px;
}

.lftMenu ul li a i.manu2 {
    background-position: -60px -206px;
}

.lftMenu ul li a i.manu3 {
    background-position: -119px -206px;
}

.lftMenu ul li a i.manu4 {
    background-position: -180px -206px;
}

.lftMenu ul li a i.manu5 {
    background-position: -240px -206px;
}

.lftMenu ul li a i.manu6 {
    background-position: -300px -206px;
}

.lftMenu ul li a i.manu7 {
    background-position: -359px -206px;
}

.lftMenu ul li a i.manu8 {
    background-position: -420px -206px;
}

.lftMenu ul li a i.manu9 {
    background-position: -59px -339px;
}

.lftMenu ul li a i.manu10 {
    background-position: 0px -339px;
}

.lftMenu ul li a i.manu11 {
    background-position: -446px -339px;
}

.lftMenu ul li a i.manu12 {
    background-position: -386px -339px;
}

.lftMenu ul li a i.manu13 {
    background-position: -326px -339px;
}

.lftMenu ul li a i.manu14 {
    background-position: -266px -339px;
}
.lftMenu ul li a i.manu15 {
    background-position:-240px -206px;
}
.lftMenu ul li a i.manu16 {
    background-position: -420px -206px;
}
.rgtMenu {
    float: left;
    margin-left: 280px;
}

.rgtMenu ul li {
    display: inline-block;
    margin: 0 20px;
    line-height: 40px;
}

.rgtMenu ul li a {
    display: inline-block;
    padding: 0 15px;
    color: #FFF;
    font-size: 14px;
}

/* 科室门诊菜单 */
.main-category-nav{
    position: absolute;
    width: 240px;
    height: 450px;
    z-index: 100;
}
.main-category-nav .nav-subcats-wrapper{
    background-color: #FFF;
    width: 500px;
    height: 100%;
    display: block;
    position: absolute;
    left: 240px;
    top: 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .08);
}
.main-category-nav:hover .nav-subcats-wrapper{
    display: block;
}
.nav-cats-wrapper{
    width: 240px;
    height: 100%;
    /* background-color: #0070D4; */
    display: inline-block;
    overflow: hidden;
    box-shadow: 1px 2px 5px #EEE;
}
.manu_division{
    /* position: relative; */
    width: 100%;
    height: 80px;   
    display: inline-block;
    padding:8px 15px 10px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #eeeeee26;
}

.manu_division h5{
    margin-bottom: 5px;
}
.manu_division:hover{
    background-color: #FFF;
}
.manu_division:hover h5 a,
.manu_division:hover .sub-ds a{
    color: #0070D4;
}
.manu_division h5 a{
    color: #FFF;
    font-size: 16px;
    line-height: 35px;
    display: inline-block;
}
.manu_division h5 i{
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 5px 5px 0 0;
    vertical-align: top;
    font-size: 20px;
    color: #FFF;
}
.manu_division:hover h5 i {
    color: #0076BA;
}
.manu_division h5 i.nk{
    background-position: -263px -370px;
}
.manu_division:hover h5 i.nk{
    background-position: -263px -340px;
}
.manu_division h5 i.wk{
    background-position: -300px -370px;
}
.manu_division:hover h5 i.wk{
    background-position: -300px -340px;
}
.manu_division h5 i.kqk{
    background-position:-338px -370px;
}
.manu_division:hover h5 i.kqk{
    background-position: -338px -340px;
}
.manu_division h5 i.yk{
    background-position:-413px -370px;
}
.manu_division:hover h5 i.yk{
    background-position: -413px -340px;
}
.manu_division h5 i.jzk{
    background-position:-450px -370px;
}
.manu_division:hover h5 i.jzk{
    background-position: -450px -340px;
}
.manu_division h5 i.qt{
    background-position:-488px -370px;
}
.manu_division:hover h5 i.qt{
    background-position: -488px -340px;
}



.manu_division .sub-ds a{
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #FFF;
    margin-left: 20px;
}

.manu_division .sub-ds a:hover{
    text-decoration: underline;
}
.manu_division .sub-ds a:first-child{
    margin: 0;
}
.sub-category-box{
    display: block;
    position: absolute;
    width: 500px;
    height: 100%;
    left: 240px;
    top:0;
    z-index: 100;
    padding: 20px 40px;
    box-sizing: border-box;
    background-color: #FFF;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .08);
}
.manu_division:hover .sub-category-box{
    display: block;
}
.sub-category-box{
    display: none;
}
.sub-category-box .sub_item li {
    display: inline-block;
    margin: 6px 30px 6px 0;
}
.sub-category-box .sub_item li a{
    color: #666;
    font-size: 12px;
}
.sub-category-box .sub_item li a:hover{
    text-decoration: underline;
    color: #0070D4;
}

.sub-category-box .Tj_doctors{
    padding: 15px 0;    
    border: 0;
    border-top: 1px solid #EEE;
}
.sub-category-box .Tj_doctors h3{
    color: #0070D4;
    border-left:0;
    text-indent: 0;
}
.sub-category-box .Tj_doctors ul li{
    width: 49.9%;
    display: inline-block;
    float: left;
    box-sizing: border-box;
}
.sub-category-box .Tj_doctors .Filter_doctor_photo {
    width: 60px;
    height: 60px;
}
.sub-category-box .Tj_doctors ul li dl {
    width: calc(100% - 70px);
}
.sub-category-box .Tj_doctors ul li dl dd {
    margin: 5px auto;
    font-size: 12px;
    line-height: 20px;
    color: #999;
}
.sub-category-box .Tj_doctors ul li dl dt strong {
    font-size: 15px;
}
.sub-category-box .Tj_doctors ul li dl dt span{
    font-size: 12px;
}
.sub-category-box .Tj_doctors ul li dl dd a {
    padding: 0px 5px;
    margin-top: 0px;
    font-size: 12px;
}
.sub-category-box .Tj_doctors ul li:nth-child(3) {
    border: 0;
    border-right: 1px solid #EEE ;
}
.sub-category-box .Tj_doctors ul li:nth-child(1){
    border-right: 1px solid #EEE ;
}
.sub-category-box .Tj_doctors ul li:nth-child(2n){
    padding-left: 15px;
}





/* .rgtMenu ul li a:hover{
	background-color: #0076BA;
} */


/* ********banner********* */

.banner {
    width: 100%;
    height: 450px;
    /* background: url(../images/banner.png) no-repeat;
	background-position: center; */
    overflow: hidden;
    text-align: center;
}

.banner div img {
    height: auto;
    margin: 0 -100%;
}

.lunbo {
    width: 100%;
    height: 465px;
    overflow: hidden;
}

.lunbo a {
    display: block;
    width: 100%;
    height: 465px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.lunbo img {
    width: 1920px;
    height: 465px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#lunbobox ul {
    width: 285px;
    position: absolute;
    bottom: 27%;
    right: 50%;
    z-index: 5;
    margin: 0 -285px;
}

#lunbobox ul li {
    cursor: pointer;
    width: 10px;
    height: 10px;
    border-radius: 30px;
    border: 1px solid #FFF;
    opacity: .5;
    float: left;
    list-style: none;
    background: #FFF;
    text-align: center;
    margin: 0px 10px 0px 0px;
}

#toleft {
    display: none;
    width: 30px;
    height: 100px;
    font-size: 40px;
    line-height: 100px;
    text-align: center;
    color: #f4f4f4;
    /*background:#cccccc;
	*/
    /*background:url("../images/toleft.jpg")no-repeat center;
	*/
    position: absolute;
    top: 90px;
    left: 12px;
    cursor: pointer;
    z-index: 99;
    opacity: 0.4;
}

#toright {
    display: none;
    width: 30px;
    height: 100px;
    font-size: 40px;
    line-height: 100px;
    text-align: center;
    color: #f4f4f4;
    /*background:#cccccc;
	*/
    position: absolute;
    top: 90px;
    right: 0px;
    cursor: pointer;
    z-index: 99;
    opacity: 0.4;
}


/* ********页面模块*********** */

.modular {
    margin: 20px auto;
}

.modular h2 {
    font-size: 26px;
    /* font-weight: bold; */
    /* color: #02509A; */
    margin: 20px 0 20px;
    display: inline-table;
}

.modular h2 i {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
    vertical-align: sub;
}

.modular h2 i.modImg1 {
    background-position: -68px -167px;
}

.modular h2 span {
    font-size: 16px;
    color: #999999;
    font-weight: normal;
    margin: 0 20px;
}

.mod-mian {
    /* height: 538px; */
    /* border: 1px solid #E6EDF0; */
}

.mod-register {
    display: inlin-block;
    width: 905px;
}

.modRegisterCol {
    display: block;
    width: 250px;
    height: 420px;
    float: left;
    background-color: #F4F4F4;
}

.modRegisterCol h3 {
    font-size: 20px;
    color: #333333;
    letter-spacing: 0;
    text-align: justify;
    height: 25px;
    line-height: 20px;
    margin: 20px 10px;
    position: relative;
}

.modRegisterCol h3 .togName {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modRegisterCol h3 .modImg2 {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin:2px 5px 0 0;
    background-position: -105px -167px;
}

.modRegisterCol h3 .tabBtn {
    display: inline-block;
    padding: 0px 20px 0 0px;
    font-size: 14px;
    line-height: 22px;
    /* background-color: #E4E4E4; */
    border-radius: 2px;
    cursor: pointer;
    /* width: 79%; */
}

.modRegisterCol h3 .tabBtn:hover {
    /* background-color: #DBDBDB; */
}

.modRegisterCol h3 .tabBtn .modImg3 {
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #999;
    margin:10px 0 0 5px;
    position: absolute;
}

.modRegisterCol p {
    margin: 20px;
}

.modRegisterCol p input {
    border: 1px solid #DDDDDD;
    background-color: #FAFAFA;
    height: 40px;
    text-align: center;
    width: 100%;
}

.modRegisterCol span .mui-btn {
    display: block;
    width: 75%;
    border: 0;
    height: 35px;
    /* background-color: #F9A821; */
    font-size: 18px;
    text-align: center;
    color: #FFF;
    outline: none;
    cursor: pointer;
    margin: 30px auto 0;
    box-shadow: none;
    border-radius: 3px;
}

.modRegisterCol span .mui-btn:hover {
    background-color: #FFB73E;
}

.modRegisterCol .modImg4 {
    display: block;
    width: 90%;
    height: 50px;
    background-position: -278px 0;
    margin: 40px auto 0;
}

.modRegisterCol .tabTog {
    display: none;
    position: absolute;
    width: 100px;
    padding: 5px 0;
    top: 35px;
    /* right: 0; */
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 17px 0 #CCC;
    z-index: 10;
}

.modRegisterCol .tabTog .tabTogList {
    display: block;
    width: 100%;
    min-height: 100px;
    max-height: 200px;
    padding: 10px 0;
    overflow: hidden;
    overflow-y: auto;
}

.modRegisterCol .tabTog:before {
    display: block;
    position: absolute;
    top: -9px;
    right: 25px;
    content: "";
    width: 0px;
    height: 0px;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 12px solid #fefefe;
    /* box-shadow: 1px 0px 5px 0 #CCC; */
    margin: -1px 0 0 5px;
    overflow: visible;
}

.modRegisterCol .tabTog .tabTogList a {
    display: block;
    width: 100%;
    height: 30px;
    font-size: 14px;
    padding: 0 0px 0 10px;
    color: #666666;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.modRegisterCol .tabTog a:hover,
.modRegisterCol .tabTog a.active {
    background-color: #009CE9;
    color: #FFF;
}

.infoList {
    display: block;
    width: 620px;
    height: 400px;
    padding: 10px;
}

.mod-mian-left {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    padding: 0 0 30px 0;
}


/* 协作医院 */

.hospitalList {
    padding: 15px 10px;
}

.hospitalList li {
    display: inline-block;
    margin: 0 10px 0 0;
    float: left;
    width: 188px;
    text-align: center;
}

.hospitalList li a {
    font-size: 14px;
    line-height: 40px;
}

.hospitalList li:last-child {
    margin: 0;
}

.hospitalList li a img {
    display: block;
    width: 100%;
    height: 130px;
}

.hospitalList li a:hover {
    text-decoration: underline;
}

.hospitalList li a:hover img {
    opacity: .8;
}


/* 就医指南 */

.GuideList {
    margin: 20px 0;
}

.GuideList li {
    display: block;
    width: 300px;
    height: 420px;
    float: left;
    position: relative;
}

.GuideList li:hover {
    box-shadow: 1px 1px 5px 0 #EEE;
}


/* .GuideList li:hover .listInfo {
	background-color: #0987A7;
} */

.GuideList li:hover a img {
    opacity: .8;
}

.GuideList li:hover .listInfo strong,
.GuideList li:hover .listInfo span {
    color: #FFF;
}

.GuideList li>a,
.GuideList li .listInfo {
    position: relative;
    display: block;
    width: 100%;
    height: 210px;
    float: left;
}

.GuideList li:nth-child(1) .listInfo::before,
.GuideList li:nth-child(3) .listInfo::before,
.GuideList li:nth-child(2n) .listInfo::after {
    display: inline-block;
    width: 30px;
    height: 30px;
    content: "";
    background-color: #FFF;
    position: absolute;
    margin: -14px auto;
    left: 0;
    right: 0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* Internet Explorer */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
}

.GuideList li:nth-child(1) .listInfo::before,
.GuideList li:nth-child(3) .listInfo::before {
    top: 0;
}

.GuideList li:nth-child(2n) .listInfo::after {
    bottom: 0;
}

.GuideList li>a span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    padding: 5px 30px;
    margin: 0 auto;
    /* background-color: #005397b9; */
    color: #FFF;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    width: 40%;
}


/*.GuideList li:first-child>a::after {
	content: "预约挂号";
}

.GuideList li:nth-child(2)>a::after {
	content: "专家介绍";
}

.GuideList li:nth-child(3)>a::after {
	content: "住院须知";
}

.GuideList li:last-child>a::after {
	content: "医保指南";
}

.GuideList li>a::after {
	display: inline-block;
	width: 120px;
	height: 35px;
	padding: 3px 20px;
	background-color: #0076ba94;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	color: #FFF;
} */

.GuideList li>a img {
    width: 100%;
    height: 100%;
}

.GuideList li:nth-child(2n) .listInfo {
    position: absolute;
    top: 0;
}

.GuideList li:nth-child(2n)>a {
    position: absolute;
    bottom: 0;
}

.GuideList li .listInfo {
    padding: 15px 15px 15px 20px;
    box-sizing: border-box;
}

.GuideList li .listInfo strong {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    line-height: 50px;
}

.GuideList li .listInfo span {
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    margin-bottom: 20px;
}

.GuideList li .listInfo a {
    display: inline-block;
    padding: 3px 10px;
    color: #FFF;
    /* background-color: #23A7BA; */
}

.mod-mian-list {
    display: inline-block;
}

.mod-mian-list-box {
    width: 270px;
    float: left;
    display: inline-block;
    margin: 0 0px 0 18px;
}

.mod-mian-list-box .list-box-clm p {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    letter-spacing: 0;
    text-align: justify;
    line-height: 40px;
}

.mod-mian-list-box .sanjia {
    border: 1px solid #f0b761;
    border-radius: 2px;
    font-size: 12px;
    color: #f0b761;
    letter-spacing: 0;
    text-align: justify;
    padding: 0 5px;
    margin: 0 15px;
}

.mod-mian-list-box .list-box-clm>span,
.mod-mian-list-box .list-box-clm>span img {
    display: block;
    width: 270px;
    height: 170px;
    overflow: hidden;
}

.mod-mian-list-box .list-box-clm>span:hover {
    opacity: .7;
}

.list-box-clm .clm-info {
    margin: 0px 0 20px 0;
}

.list-box-clm .clm-info span {
    margin: 0px 6px 0 0;
}

.list-box-clm .clm-info span i {
    margin: 0 5px;
    vertical-align: sub;
}

.mod-mian-list-box ul li a {
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 28px;
}

.mod-mian-list-box ul li a:hover {
    color: #0085C1;
}

.mod-mian-right {
    float: right;
    border-left: 1px solid #e6edf0;
    width: 310px;
    height: 100%;
    /* background: url(../images/sHInternetHospital/img_bg.png) no-repeat center bottom; */
    background-size: contain;
}

.mod-mian-right h3 {
    border-bottom: 1px solid #EEE;
    height: 40px;
}

.mod-mian-right h3 i {
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.mod-mian-right h3 i img {
    vertical-align: sub;
}

.rig-gHao p {
    text-align: center;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
    font-size: 14px;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
    font-size: 14px;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
    font-size: 14px;
}

.rig-gHao select,
.rig-gHao input {
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    width: 260px;
    height: 40px;
    font-size: 14px;
    outline: none;
    margin: 5px 0 15px;
    padding: 0 5px 0 10px;
}

.rig-gHao input {
    width: 240px;
}

.rig-gHao {
    margin: 35px 0;
}

.rig-gHao>span {
    text-align: center;
    display: block;
    margin: 20px;
}

.search-col-3 {
    margin: 25px;
}


/* ******  select2  ******* */

.search-col-3 span.select2 {
    height: 40px;
    width: 100% !important;
    margin: 0 auto;
    display: block;
}

.search-col-3 .select2-container .select2-selection--single {
    height: 40px;
}

.search-col-3 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 40px;
}

.search-col-3 .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px;
}

.search-col-3 .select2-container--default .select2-selection--single {
    border: 1px solid #DDD;
    border-radius: 0;
    text-align: center;
    font-size: 14px;
    background-color: #FAFAFA;
}

.rig-gHao span button {
    background: #169ADB;
    border-radius: 20px;
    width: 155px;
    height: 40px;
    color: #FFF;
    font-size: 14px;
    line-height: 40px;
    outline: none;
    border: 0;
    cursor: pointer;
}

.rig-gHao span button:hover {
    background-color: #0085C1;
}

.mod-border {
    border: 1px solid #E4E4E4;
}


/* 名医门诊 模块 */

.outer {
    width: 100%;
    margin: 0 auto;
}

.tab,
.team_tab {
    /* overflow: hidden; */
    height: 35px;
    zoom: 1;
    border-bottom: 1px solid #E6EDF0;
    margin: 0 0 20px;
}

.team_tab {
    width: 78%;
    margin: -36px 0 20px;
    float: right;
}

.tab li {
    font-size: 18px;
    margin-right: 95px;
}

.tab li,
.team_tab li {
    float: left;
    color: #999;
    height: 35px;
    cursor: pointer;
    line-height: 30px;
    padding: 0 5px;
}

.team_tab li {
    color: #333;
    font-size: 14px;
    margin: 0 3px;
}

.team_tab li.current {
    font-size: 20px;
}

.tab li.current,
.team_tab li.current {
    position: relative;
    /* color: #003592;
	border-bottom: 1px solid #003592;	 */
}

.tab li.current:after,
.team_tab li.current:after {
    display: inline-block;
    position: absolute;
    bottom: -5px;
    left: 43%;
    width: 10px;
    height: 10px;
    content: "";
    /* background: url(../images/home_all.png) no-repeat; */
    background-position: -283px -53px;
}

.tab li .tabImg {
    display: inline-block;
    width: 30px;
    height: 30px;
    float: left;
    background-position: -131px -166px;
    margin: 0 5px 0 0;
}

.tabMor {
    color: #999;
    float: right;
    font-size: 14px;
    line-height: 30px;
}

.tabMor .iocnMor {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 4px 0 0 3px;
    vertical-align: text-top;
    background-position: -284px -165px;
}

.tabMor:hover {
    color: #005397;
}

.tabMor:hover .iocnMor {
    background-position: -303px -165px;
}

.tabContent {
    /* border: 1px solid #000; */
    border-top-width: 0;
}

.team_content ul,
.tabContent ul {
    display: none;
    /* margin: 0 30px; */
    /* padding: 10px 0; */
}

.tabContent ul li {
    width: 100%;
    height: 33px;
    position: relative;
}

.tabContent ul .listFirstChild {
    width: 100%;
    height: 170px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #DDD;
}

.tabContent ul .listFirstChild dl dt {
    width: 192px;
    height: 140px;
    display: inline-block;
    float: left;
    overflow: hidden;
}

.tabContent ul .listFirstChild dl dt img {
    width: 100%;
    height: 100%;
}

.tabContent ul .listFirstChild dl dd {
    display: inline-block;
    width: calc(100% - 210px);
    max-width: 400px;
    height: 150px;
    margin: -4px 0 0 20px;
}

.tabContent ul .listFirstChild dl dd h3 a {
    font-size: 18px;
    font-weight: bold;
    /* line-height: 35px; */
    color: #333;
    margin-bottom: 4px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.tabContent ul .listFirstChild dl dd h3:hover a {
    color: #0076BA;
}

.tabContent ul .listFirstChild dl dd span {
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    /* font-family: monospace; */
    font-size: 14px;
    display: -webkit-inline-box;
    text-indent: 2em;
    line-height: 25px;
    height: 120px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.tabContent ul .listFirstChild dl dd span a {
    color: #1D73D8;
}


/* .tabContent ul li a {
	font-family: monospace;
	font-size: 14px;
	line-height: 33px;
} */

.tabContent ul li a .listIcon {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 10px;
    vertical-align: sub;
    background-position: -350px -165px;
}

.tabContent ul li a span:nth-child(2) {
    display: inline-block;
    width: calc(100% - 140px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.tabContent ul li a span:nth-child(3) {
    float: right;
    margin-right: 5px;
}

.tabContent ul li a:hover {
    color: #009CE9;
}

.team_content {
    padding: 20px;
}


/* 更多问诊 */

.moreInquiry {
    display: inline-block;
    width: 285px;
    height: 420px;
    /* background: url(../images/more.png) no-repeat; */
    background-size: contain;
}

.moreInquiry>a {
    display: block;
    width: 70%;
    border: 0;
    height: 35px;
    line-height: 35px;
    /* background-color: #F9A821; */
    font-size: 16px;
    text-align: center;
    color: #FFF;
    outline: none;
    cursor: pointer;
    margin: 80px auto 0;
    /* box-shadow: 1px 1px 0px 0 #CD7F03; */
}

.moreInquiry a .moreImg {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0px;
    vertical-align: bottom;
    background-position: -247px -170px;
}

.moreLink {
    margin: 20px auto;
}

.moreLink a {
    margin: 0 auto 23px auto;
    display: inline-block;
}

.moreLink a .iconlink {
    width: 47px;
    height: 47px;
    display: inline-block;
    float: left;
    margin: 0 10px;
}

.moreLink a:first-child .iconlink {
    /* background: url(../images/home_all.png) no-repeat; */
    background-position: -119px -341px;
}

.moreLink a:last-child .iconlink {
    /* background: url(../images/home_all.png) no-repeat; */
    background-position: -175px -341px;
}

.moreLink a dl {
    display: inline-block;
    ;
}

.moreLink a dl dt {
    font-size: 18px;
    margin: 0 10px 0 0;
    line-height: 30px;
}

.moreLink a dl dt i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/home_all.png) no-repeat;
    background-position: -231px -340px;
}

.moreLink a dl dd {
    font-size: 12px;
    color: #999;
}

.doctor-list {
    display: inline-block;
    width: 280px;
    height: 440px;
    margin-right: 13px;
    float: left;
    position: relative;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .08);
}

.doctor-list:hover {
    -webkit-box-shadow: 0 20px 60px rgba(61, 79, 127, 0.17);
    box-shadow: 0 0px 10px rgba(61, 79, 127, 0.17);
}

.doctor-list:hover .doctor-photo {
    /* border-color: #02C6E1;	 */
}

.doctor-list:nth-child(4) {
    margin-right: 0;
}

.doctor-list .doctor-photo {
    display: block;
    margin: 30px auto 15px;
    padding: 4px;
    width: 120px;
    height: 120px;
    border: 1px solid #EEE;
    border-radius: 80px;
    overflow: hidden;
    box-sizing: border-box;
}

.doctor-list .doctor-photo img {
    width: 100%;
    height: 100%;
    border-radius: 80px;
}

.doctor-list .doctor-info {
    font-size: 14px;
    color: #333333;
    text-align: center;
    line-height: 40px;
}

.doctor-list .doctor-info strong {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-right: 5px;
}

.doctor-list .doctor-intro span {
    font-size: 14px;
    color: #999999;
    text-align: center;
    display: block;
    line-height: 28px;
    padding: 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.doctor-list .doctor-grade {
    text-align: center;
    margin: 15px auto;
    color: #999;
}

.doctor-list .doctor-grade i {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    vertical-align: text-top;
    background: url(../images/star_01.png) no-repeat center bottom;
}

.doctor-list .doctor-grade i:last-child {
    margin-right: 5px;
}

.doctor-list .doctor-grade i.show {
    background: url(../images/star_02.png) no-repeat center bottom;
}

.doctor-list a {
    position: relative;
}

.doctor-list .doctor-major {
    width: 82%;
    border-top: 1px solid #DDD;
    padding: 10px 5px;
    margin: 25px auto 5px;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    max-height: 45px;
    display: -webkit-box;
    position: relative;
}

.doctor-list a .doctor-major:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    content: "";
    top: -6px;
    left: 48%;
    position: absolute;
    background: url(../images/home_all.png) no-repeat;
    background-position: -286px -167px;
}

.doctor-list .doctor-major span {
    font-size: 14px;
    color: #333;
    line-height: 25px;
    max-height: 45px;
    display: -webkit-box;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.doctor-list .doctor-btn {
    width: 100%;
    height: 40px;
    /* border-top: 1px solid #E6EDF0; */
    position: absolute;
    bottom: 0;
}

.doctor-list .doctor-btn a {
    width: 33.3%;
    height: 100%;
    display: inline-block;
    /* text-align: center; */
    line-height: 40px;
    float: left;
    font-size: 14px;
    /* border-left: 1px solid #E6EDF0; */
    color: #FFF;
    /* background-color: #009BDB; */
}

.doctor-list .doctor-btn a:first-child {
    border: 0;
}

.doctor-list .doctor-btn a i {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 5px 7px 0 13px;
    float: left;
}


/* .doctor-list .doctor-btn a:hover {
	background-color: #015198;
} */

.Filter_doctor_btn a[disabled],
.Filter_doctor_btn a[disabled] i,
.Filter_doctor_btn a[disabled]:hover,
.Filter_doctor_btn a[disabled]:hover i {
    color: #A5AFBF;

}
.Filter_doctor_btn a[disabled],
.Filter_doctor_btn a[disabled]:hover,
.Filter_doctor_btn a[disabled]:hover i,
.doctor-list .doctor-btn a[disabled],
.doctor-list .doctor-btn a[disabled]:hover {
    background-color: initial;
    cursor: no-drop;
}

.doctor-list .doctor-btn .icon_04 {
    background-position: -367px -164px;
}

.doctor-list .doctor-btn a.disabled .icon_04 {}

.doctor-list .doctor-btn .icon_13 {
    background-position: -400px -164px;
}

.doctor-list .doctor-btn a.disabled .icon_13 {}

.doctor-list .doctor-btn .icon_08 {
    background-position: -435px -164px;
}

.doctor-list .doctor-btn a.disabled .icon_08 {}

.clearStyle {
    width: 295px;
    border: 0;
    background: inherit;
}

.Query_report {
    margin-bottom: 15px;
}

.Query_report a img {
    width: 100%;
}

.Query_report a:hover {
    /* box-shadow: 0px 5px 20px 0 #0085c17d; */
}

.Query_report,
.md_scan {
    text-align: right;
}

.md_scan {
    /* width: 280px; */
    border: 1px solid #E6EDF0;
    text-align: center;
}

.md_scan h2 {
    font-size: 22px;
    color: #F7A254;
    line-height: 22px;
    text-align: center;
    font-weight: normal;
}

.md_scan .titleSlogan {
    font-size: 13px;
    color: #BDBDBD;
    text-align: center;
    line-height: 18px;
}

.QuickMark {
    margin: 24px 5px 18px;
}

.QuickMark span {
    display: inline-block;
    width: 100px;
    height: 130px;
    margin: 0 15px;
    font-size: 12px;
    color: #BDBDBD;
    letter-spacing: 0;
    text-align: justify;
    line-height: 12px;
    text-align: center;
}

.QuickMark i {
    border-right: 1px solid #EEE;
    height: 80px;
    display: inline-block;
    margin-bottom: 35px;
}

.QuickMark span img {
    width: 100%;
    height: 100px;
    margin-bottom: 15px;
}


/* 特色门诊 模块 */

.borderTop {
    border-top: 2px solid #009CDC;
    height: 280px;
}

.mod-feaList {
    margin-top: 20px;
}

.feaList-outpatient {
    display: inline-block;
    width: 390px;
    height: 140px;
    margin: 0 5px 0 0;
    border: 1px solid #FFF;
}

.feaList-outpatient:hover {
    /* border-color: #EEE; */
    /* box-shadow: 1px 1px 5px 0 #EEE; */
}

.feaList-outpatient .out-lftImg {
    width: 140px;
    height: 140px;
    margin-right: 20px;
    overflow: hidden;
    display: inline-block;
    float: left;
}

.feaList-outpatient dl dt a,
.feaList-outpatient dl dt {
    font-size: 20px;
    color: #169ADB;
    line-height: 40px;
}

.feaList-outpatient dl dd span {
    font-size: 14px;
    color: #999999;
}

.feaList-outpatient dl dd.out-brief span {
    line-height: 20px;
    max-height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.feaList-outpatient dl dd.out-brief {
    margin: 5px 10px 30px;
}

.feaListLink {
    margin: 25px auto;
}

.feaListLink li {
    list-style: inside;
    display: list-item;
    margin: 0 7px 3px 0;
    width: 190px;
    float: left;
}

.feaListLink li a {
    font-size: 14px;
    color: #333333;
    line-height: 25px;
}

.feaListLink li a:hover {
    color: #0085C1;
}

.onlineVisits::after {
    display: inline-block;
    content: '';
    clear: both;
    width: 100%;
    height: 1px;
}


/* *******页尾版权********* */

.footerBg {
    clear: both;
    background-image: initial;
    background-color: #F1F7FA !important;
    box-shadow: 0px 0 5px 0 #DDD inset;
}

.footer {
    text-align: left !important;
}

.footImg {
    display: block;
    width: 485px;
    height: 65px;
    margin: 0 auto;
    background-position: 3px -265px;
}

.foo_search {
    display: block;
    width: 397px;
    height: 30px;
    margin: 20px auto;
    background-color: #306F8B;
    border-radius: 20px;
}

.foo_search input {
    outline: none;
    width: 87%;
    height: 30px;
    float: left;
    color: #FFF;
    margin: 0 0 0 10px;
    padding: 0 0 0 5px;
    background: initial;
}

.foo_search .footSce {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-position: -319px -163px;
}

.footer1200 {
    width: 1200px;
    height: 80px;
    border-bottom: 1px solid #DDD;
    box-shadow: 0px 1px 0px 0 #FFF;
}

.footerLeft {
    /* float: left; */
    margin: 30px 0 0;
}

.footer h3 {
    color: #FFF;
    font-size: 20px;
}

.footerLinks {
    margin: 12px 0 15px;
}

.footerLinks li {
    display: block;
    width: 33%;
    height: 40px;
    line-height: 40px;
    float: left;
    border-right: 1px dashed #DDD;
    box-shadow: 1px 0px 0px 0 #FFF;
}

.footerLinks li:last-child {
    border: 0;
    box-shadow: initial;
}

.footerLinks li a:first-child {
    font-size: 14px;
    color: #306F8B;
    font-weight: bold;
    cursor: auto;
}

.footerLinks li a {
    margin: 0 10px 0;
    color: #333;
    font-size: 12px;
}

.footerLeft p {
    font-size: 14px;
    color: #A1A3A7;
    line-height: 25px;
    margin: 12px 0 0;
}

.footerRight {
    float: right;
    margin: 30px 30px 0;
    width: 300px;
}

.footer-info li {
    display: block;
    width: 100%;
    margin: 10px 0;
    font-size: 14px;
    color: #A1A3A7;
    font-family: "microsoft yahei";
    text-align: left;
}

.footer-info li span {
    display: block;
    width: 45px;
    height: 45px;
    float: left;
    margin-right: 15px;
}

.footer-copyright {
    width: 100%;
    height: 40px;
    background-color: #F1F7FA;
    padding: 15px 0 0;
    margin: 3px 0 0;
}

.footer-copyright span {
    display: block;
    font-size: 12px;
    color: #A1A3A7;
    line-height: 25px;
    text-align: center;
}


/* 关于我们 */

.newsListMan {
    width: 100%;
    min-height: 500px;
    position: relative;
    /* border: 1px solid #EEE; */
    display: inline-block;
    margin: 0px auto;
}

.post_absolute {
    position: absolute;
}

.onlineVisits_fr {
    display: block;
    width: 280px;
    height: 100%;
    box-sizing: border-box;
}

.book_posNo {
    position: inherit;
}

.news_manu {
    width: 230px;
    height: 100%;
    display: block;
    position: absolute;
    padding: 20px;
    box-sizing: border-box;
    background-color: #FFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}

.news_manu>span {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
}

.news_manu ul {
    display: block;
    margin: 65px auto;
}

.news_manu ul li {
    width: 100%;
    height: 40px;
    /* text-align: center; */
    margin: 0 0 10px;
    text-indent: 3em;
}

.news_manu ul li a {
    display: block;
    font-size: 16px;
    color: #333333;
    line-height: 40px;
}

.news_manu ul li.active {
    background: #F9A821 url(../images/jiantou.png) no-repeat;
    background-position: top right;
}

.news_manu ul li.active a {
    color: #FFF;
}

.onlineVisits_fl {
    width: 904px;
}

.newsCtn {
    /* position: absolute;
	right: 0; */
    position: relative;
    width: 940px;
    height: 100%;
    min-height: 500px;
    float: right;
    background-color: #FFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}

.news_list h2 {
    display: block;
    font-size: 22px;
    color: #333;
    height: 50px;
    line-height: 42px;
    text-indent: 1em;
    margin: 10px 0;
    border-bottom: 1px #EEE solid;
}

.news_list ul {
    display: block;
    width: 95%;
    height: auto;
    margin: 20px auto;
}

.news_list ul li {
    width: 100%;
    height: auto;
    border-bottom: 1px #EEE solid;
    /* list-style: square; */
    position: relative;
    padding: 20px 0;
}

.news_list ul li>a,
.news_list ul li>a img {
    display: inline-block;
    width: 144px;
    height: 108px;
    overflow: hidden;
}

.news_list ul li dl {
    display: block;
    width: calc(100% - 165px);
    float: right;
}

.news_list ul li dl dt a span:first-child {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    font-weight: bold;
    width: calc(100% - 90px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_list ul li dl dd span {
    display: -webkit-box;
    color: #999;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 10px auto;
}

.news_list ul li a span:last-child {
    float: right;
    color: #999;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
}

.news_list ul li a:nth-child(3) {
    display: inline;
    width: auto;
    height: auto;
    position: absolute;
    right: 20px;
    bottom: 5px;
    color: #0085C1;
}

.news_list ul li a:hover span {
    color: #0076BA !important;
    text-decoration: underline;
}

.listPage {
    margin: 0 20px
}


/* 关于我们内容 */

.AboutUs {
    margin: 20px;
}

.AboutUs span {
    display: inline-block;
    line-height: 30px;
    margin: 4px auto;
    text-indent: 2em;
    color: #555;
}


/* 新闻内容 */

.newsListCtn {
    margin: 30px;
    clear: both;
}

.newsListCtn h2 {
    text-align: center;
    line-height: 50px;
    margin: 20px 0 0;
    color: #333;
}

.newsInfo {
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #999;
}

.newsInfo span {
    margin: 0 5px;
}

.btnlick {
    margin: 20px auto;
}

.btnlick span {
    display: block;
    color: #999;
    line-height: 25px;
}

.newsListCtn .yyxwxxy_nrjtnr * {
    font-size: 14px !important;
    line-height: 25px !important;
}

.goBack {
    background-color: #52a0fe;
    color: #FFF;
    padding: 10px 15px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.goBack:hover {
    background-color: #3883df;
}

.top-center .skinBtn {
    position: relative;
    height: 30px;
}

.top-center .skinBtn i {
    vertical-align: middle;
}

.top-center .skinBtn:hover .skinColorTab {
    display: block;
}

.skinColorTab {
    position: absolute;
    display: none;
    width: 80px;
    height: auto;
    padding: 10px 0;
    background-color: #FFF;
    z-index: 100;
    text-align: center;
    border-radius: 3px;
    box-shadow: 2px 4px 10px #999;
    margin: 2px auto;
    overflow: hidden;
}

.skinColorTab dd {
    width: 100%;
    height: 30px;
    text-align: center;
}

.skinColorTab dd a {
    border: 0;
    width: 45px;
    height: 25px;
    padding: 0;
    background-color: #285198;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
    line-height: 25px;
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    will-change: transform;
}

.skinColorTab dd:hover a,
.skinColorTab dd.active a {
    display: inline-block;
    width: 100%;
    height: 25px;
    border-radius: 0px;
    z-index: 9;
    padding: 0;
    /* -webkit-box-shadow: 0 20px 60px rgba(61, 79, 127, 0.18); */
    /* box-shadow: 0 20px 60px rgba(64, 82, 133, 0.28); */
}

.skinColorTab dd .Poolblue {
    background-color: #0085C1;
}

.skinColorTab dd .Aqua {
    background-color: #009688;
}

.skinColorTab dd .darkBlue {
    background-color: #015198;
}
/* 蔚蓝 */
.skinColorTab dd .Azure {
    background-color: #0095BB;
}

.skinColorTab dd .Eosin {
    background-color: #e54c42;
}

.skinColorTab dd .Rose {
    background-color: #DB2B96;
}


/* 面包屑 */

.head_breadcrumb {
    margin: 10px auto;
    max-width: 1200px;
}


/* 在线问诊 */

.onlineVisits .tabFilter {
    display: inline-block;
    width: 100%;
    margin: 5px auto;
}

.fl {
    float: left;
    left: 0;
}

.fr {
    float: right;
    right: 0;
}

.onlineVisits .tabFilter label {
    display: inline-block;
    width: 75px;
    line-height: 36px;
}

.onlineVisits .tabFilter .FilterListTab {
    display: inline-block;
    width: calc(100% - 75px);
    float: right;
}

.onlineVisits .tabFilter .FilterListTab a {
    display: inline-block;
    padding: 0 15px;
    line-height: 30px;
    margin: 3px auto;
}

.onlineVisits .tabFilter .FilterListTab a.active,
.onlineVisits .tabFilter .FilterListTab a.active:hover {
    background-color: #0076BF;
    color: #FFF;
    border-radius: 3px;
}

.onlineVisits .tabFilter .FilterListTab a:hover {
    color: #0076BF;
}

.FilterAll_list {
    display: initial;
    margin: 10px auto;
}

.FilterAll_list h3 {
    line-height: 50px;
}

.FilterAll_list h3 strong {
    color: #FF9900;
    margin: 0 3px;
}

.Filter_List {
    display: inline-block;
    width: 100%;
    margin: 0px auto 10px;
    clear: both;
}

.border_EEE {
    border: 1px solid #EEE;
}

.Filter_doctor_list {
    position: relative;
}

.Filter_List .Filter_doctor_list {
    display: inline-block;
    width: 215px;
    height: 330px;
    border: 1px solid #EEE;
    margin: 10px 12px 5px 0;
    float: left;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}

.Filter_List .Filter_doctor_list:nth-child(4n) {
    margin-right: 0;
}

.Filter_List .Filter_doctor_list:hover {
    -webkit-box-shadow: 0 20px 60px rgba(61, 79, 127, 0.17);
    box-shadow: 0 0px 10px rgba(61, 79, 127, 0.17)
}

.Filter_doctor_list>a {
    width: 100%;
    padding: 15px 15px 0;
    text-align: center;
    display: block;
    box-sizing: border-box;
}

.Filter_doctor_list a p {
    margin: 7px auto;
}

.Filter_doctor_photo {
    display: inline-block;
    padding: 4px;
    width: 80px;
    height: 80px;
    border: 1px solid #EAEFFF;
    border-radius: 50px;
    overflow: hidden;
    box-sizing: border-box;
}

.Filter_doctor_photo img {
    width: 100%;
    height: 100%;
    border-radius: 50px;
}

.Filter_doctor_info strong {
    font-size: 16px;
    color: #005da2;
    font-weight: normal;
    display: inline-block;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.Filter_doctor_intro span {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color: #666;
}

.Filter_doctor_major {
    border-top: 1px dashed #EEE;
    padding:12px 0;
    display: inline-block;
}

.Filter_doctor_major span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 12px;
    line-height: 25px;
    color: #666;
}

.Filter_doctor_btn {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #EEE;
    background-color: #F8F8F8;
}

.Filter_doctor_btn a {
    width: calc(100% - 67%);
    display: inline-block;
    float: left;
    text-align: center;
    color: #666;
    font-size: 12px;
    line-height: 30px;
    border-left: 1px solid #EEE;
}

.Filter_doctor_btn a:first-child {
    border: 0;
}

.Filter_doctor_btn a i {
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 25px;
    font-size: 20px;
    /* color: #257AF1; */
    line-height: 30px;
}

.Filter_doctor_btn a:hover {
    color: #FFF;
}
.Filter_doctor_btn a:hover i {
    color: #FFF;
}

/* 推荐医生 */

.Tj_doctors,
.Booking_notice,
.Tj_hospital {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 10px 15px;
    margin: 20px auto 0;
    box-sizing: border-box;
    border: 1px solid #EEE;
}

.Tj_doctors h3,
.Booking_notice>h3,
.Tj_hospital h3 {
    font-size: 16px;
    color: #333;
    border-left: 2px solid #015198;
    text-indent: 1em;
    line-height: 17px;
    margin: 5px auto;
}

.Tj_doctors ul,
.Booking_notice ul,
.Tj_hospital ul {
    margin: 10px auto;
}

.Tj_doctors ul li {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #EEE;
    padding: 10px 0;
}

.Tj_doctors ul li:last-child {
    border: 0;
}

.Tj_doctors ul li dl {
    float: right;
    width: calc(100% - 100px);
}

.Tj_doctors ul li dl dt strong {
    font-size: 16px;
    font-weight: normal;
    margin-right: 7px;
    display: inline-block;
    max-width: 80px;
    /* line-height: 16px; */
    vertical-align: sub;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Tj_doctors ul li dl dd {
    margin: 5px auto;
    line-height: 25px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color: #999;
}

.Tj_doctors ul li dl dd a {
    padding: 0px 10px;
    color: #FFF;
    /* background-color: #0076BF; */
    border-radius: 2px;
    margin-top: 7px;
    display: inline-block;
}

.Tj_doctors ul li dl dd a:hover {
    opacity: .8;
}


/* 预约挂号 */

.Filter_hospital_box {
    padding: 0 20px 15px;
    box-sizing: border-box;
}

.Filter_hospital_list {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 20px 0;
    border-bottom: 1px dashed #EEE;
    position: relative;
}

.Filter_hospital_list>a:first-child {
    display: inline-block;
    width: 160px;
    height: 120px;
    overflow: hidden;
}

.Filter_hospital_list>a:last-child {
    position: absolute;
    right: 0;
    bottom: 20px;
    color: #0076BA;
}

.Filter_hospital_list>a img {
    width: 100%;
    height: 100%;
}

.Filter_hospital_list dl {
    display: inline-block;
    width: calc(100% - 180px);
    float: right;
}

.Filter_hospital_list dl dt a {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: bold;
}

.Filter_hospital_list dl dt a:hover {
    color: #007DDB;
    text-decoration: underline;
}

.Filter_hospital_list dl dt a span,
.Filter_hospital_list dl dt>span strong {
    font-size: 12px;
    color: rgb(255, 102, 0);
}

.Filter_hospital_list dl dt>span {
    font-size: 12px;
    float: right;
    text-align: right;
    line-height: 20px;
}

.Filter_hospital_list dl dt>span strong {
    display: block;
    font-weight: normal;
}

.Filter_hospital_list dl dd span {
    font-size: 12px;
    color: #666;
    line-height: 25px;
    display: block;
}

.Filter_hospital_list dl dd span i {
    margin-right: 5px;
    color: #999;
}

.Booking_notice ul {
    margin: 10px auto
}

.Booking_notice ul li {
    margin: 20px auto
}

.Booking_notice ul li h3 {
    font-size: 16px;
    color: #127acf;
    line-height: 30px;
}

.Booking_notice ul li span {
    color: #666;
    font-size: 12px;
    line-height: 20px;
}

.Booking_info ul li,
.Tj_hospital ul li {
    padding: 15px 0;
    margin: 0;
    border-bottom: 1px solid #EEE;
}

.Booking_info ul li:last-child,
.Tj_hospital ul li:last-child {
    border: 0;
}

.Booking_info ul li p {
    display: inline-block;
}

.Booking_info ul li p span {
    font-size: 12px;
    color: #666;
    line-height: 25px;
    display: inline-block;
}

.Booking_info ul li p span strong {
    color: #0076BA;
    font-weight: normal;
    display: inline-block;
    max-width: 60px;
    height: 20px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Booking_info ul li p span:first-child {
    width: 45px;
    margin-right: 10px;
}

.Booking_info ul li p span:nth-child(2) {
    width: 110px;
    margin-right: 10px;
}

.Booking_info ul li p span:nth-child(3) {
    width: 60px;
}


/* 推荐医院 */

.Tj_hospital ul li>a {
    display: inline-block;
    width: 80px;
    height: 60px;
    overflow: hidden;
}

.Tj_hospital ul li>a img {
    width: 80px;
    height: 60px;
}

.Tj_hospital ul li dl {
    display: inline-block;
    width: calc(100% - 95px);
    float: right;
}

.Tj_hospital ul li dl dt {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Tj_hospital ul li dl dt:hover a {
    text-decoration: underline;
    color: #0076BA;
}

.Tj_hospital ul li dl dd {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Filter_List .noInfor {
    text-align: center;
    margin: 30px auto;
}

.Filter_List .noInfor span {
    font-size: 16px;
    line-height: 40px;
    display: block;
    color: #999;
}


/* 用户注册 */

.sendbox .grey-but {
    padding: 5px 15px;
    margin: 10px auto 0;
    background-color: #4f86e6;
    color: #FFF;
    border-radius: 2px;
    cursor: pointer;
}

.hint {
    display: inline-block;
    line-height: 25px;
    color: #ff0039;
    background-color: #ffe8c6;
    margin: 5px auto;
    width: 100%;
    border-radius: 3px;
}


/* 修改密码页面 */

.fist-step {
    width: 100%;
    height: calc(100vh - 200px);
    min-height: 540px;
    background: url("../images/bg_login.jpg") no-repeat center;
    position: relative;
}


/*修改密码第一步页面样式*/

.modified-content {
    width: 800px;
    height: 450px;
    background: #FFFFFF;
    position: absolute;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -400px;
    z-index: 10;
}

.modified-content .close-icon {
    width: 20px;
    height: 30px;
    background: url("../images/icon-list.png") -150px -180px no-repeat;
    position: relative;
    left: 740px;
    top: -10px;
}

.modified-area {
    margin: 20px;
}

.progress-line {
    width: 600px;
    height: 6px;
    background: #E9EAEB;
    margin: 0 auto;
    border-radius: 4px;
    margin-bottom: 60px;
}

.form-list {
    width: 500px;
    margin: 0 auto;
}

.form-content {
    position: relative;
}

.form-item {
    margin-bottom: 30px;
    position: relative;
}

.form-item label {
    color: #666666;
    font-size: 16px;
    margin-right: 20px;
}

.form-item input {
    border: 1px solid #d6d6d6;
    height: 32px;
    line-height: 32px;
    width: 310px;
    text-indent: 10px;
    border-radius: 4px;
    color: #999;
}

.form-item .code-verity {
    width: 180px;
}

.form-item:first-child {
    text-indent: 30px;
}

.form-item img {
    display: inline-block;
    width: 120px;
    height: 32px;
    margin-left: 5px;
}

.form-item .msg-code {
    width: 120px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    background: #f69c00;
    color: #FFFFFF;
    margin-left: 5px;
    text-align: center;
}

.form-item .next,
.form-item .confirm,
.form-item .login {
    width: 300px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 4px;
    background-color: #4b7bea;
    color: #FFFFFF;
    float: right;
    margin-right: 90px;
    box-shadow: 3px 5px 20px rgba(75, 123, 234, 0.4);
}

.form-item .next {
    margin-top: 20px;
}

.form-item .confirm {
    position: relative;
    left: -10px;
}

.error-notice,
.two-password {
    position: absolute;
    color: red;
    left: 106px;
    bottom: -22px;
    z-index: 1000;
}


/*修改密码第二.三页*/

.modified-content .modified-area p.set-success {
    margin-top: 20px;
}

.affirm {
    position: relative;
    left: 14px;
}

.form-item .login {
    width: 150px;
    background-color: #4b7bea;
    position: relative;
    right: 80px;
}

.form-list .row1 {
    width: 200px;
    height: 90px;
    line-height: 90px;
    margin: 20px auto;
}

.success-icon {
    display: inline-block;
    width: 55px;
    height: 80px;
    background: url("../images/main.png") -400px -380px no-repeat;
}

.finish {
    font-size: 22px;
    color: #2E323F;
    position: relative;
    top: -30px;
    left: 10px;
}

.password-notice {
    position: absolute;
    left: 90px;
    bottom: 40px;
    color: #f69c00;
    z-index: 100;
}


/*修改密码样式*/

.resetPassword-area {
    float: right;
    width: 96%;
    height: calc(100vh - 150px);
    background: #FFFFFF;
    margin: 20px;
}

.resetPassword-inner {
    width: 450px;
    margin: 0 auto;
    margin-top: 100px;
    position: relative;
}

.reset-password {
    position: relative;
    left: -16px;
}

.form-item .submit {
    position: relative;
    left: -134px;
}

.notice-info {
    color: #f69c00;
    font-size: 13px;
    position: absolute;
    top: 34px;
    left: 80px;
    z-index: 10;
}

.color-change {
    color: red;
}

.reset-error-notice {
    position: absolute;
    color: red;
    left: 80px;
    top: 160px;
    z-index: 1000;
    font-size: 12px;
}


/*审核进度条样式修改*/

.remote-progress-bar-area {
    position: relative;
    height: 80px;
    /*display: block;*/
    padding-left: 50px;
    /*width: 600px;*/
}

.progress-bar-area {
    position: relative;
    height: 140px;
    display: none;
}

.progress-bar-line {
    width: 840px;
    position: absolute;
    top: 42px;
    left: 50%;
    margin-left: -420px;
}

.remote-progress-bar-line {
    width: 600px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -250px;
}

.progress-bar-line b,
.remote-progress-bar-line b {
    position: absolute;
    display: inline-block;
    height: 4px;
    top: 0;
}

.remote-progress-bar-line b {
    background: #e9eaeb;
}

.remote-progress-bar-line .bar_active {
    background: #00B888;
}

.progress-bar-line .bar-col1,
.remote-progress-bar-line .bar-col1 {
    width: 62px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.progress-bar-line .bar-col8 {
    width: 62px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.progress-bar-line .bar-col {
    width: 120px;
}


/*审核进度条样式修改结束*/


/*忘记密码进度条样式*/

.icon-progress-bar {
    width: 34px;
    height: 34px;
    position: absolute;
    top: -44px;
    left: 50%;
    margin-left: -17px;
}

.progress-bar-c {
    background: url(../images/main.png) no-repeat -37px -117px;
}

.progress-bar-g-c {
    background: url(../images/main.png) no-repeat 3px -117px;
}

.remote-progress-bar-g-c {
    background: url("../images/icon-list.png") -78px -458px no-repeat;
    top: -38px;
    margin-left: -10px;
}

.remote-progress-bar-c {
    background: url("../images/icon-list.png") -120px -458px no-repeat;
    top: -38px;
    margin-left: -10px;
}

.current-circle p {
    color: #22b684;
}

.icon-time {
    position: relative;
    top: 4px;
    width: 20px;
    height: 20px;
    background: url(../images/main.png) no-repeat -80px -115px;
}

.progress-cell {
    float: left;
    width: 120px;
    text-align: center;
    position: relative;
    top: 72px;
}

.remote-progress-cell {
    float: left;
    width: 155px;
    text-align: center;
    position: relative;
    top: 30px;
    left: 100px;
}

.progress-cell p {
    /*width: 155px;*/
    text-align: center;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #696d78;
}

.progress-cell p.progress-bar-ok {
    color: #22b684;
}

.lift-nav {
    width: 1000px;
    margin: 0 auto;
    height: 60px;
}

.lift-nav ul {
    /* width: 720px; */
    display: table;
    margin: 0 auto;
}

.lift-nav li {
    float: left;
    width: 120px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #c5cceb;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 16px;
}

.lift-nav li.current {
    background: #364c97;
    color: #fff;
}

.detail-area {
    width: 1000px;
    margin: 0 auto;
    padding-top: 120px;
}


/* .form-content .form-item .tel{

  } */
/*
.login-button-area i {
    position: relative;
    top: 4px;
}

.icon-check-box {
    display: inline-block;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    background: url(../images/login.png) no-repeat -90px -99px;
}

.icon-check-box-checked {
    display: inline-block;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    background: url(../images/login.png) no-repeat -60px -99px;
}*/