/* 2017-5-19 BY heyao*/


/*public-contanier*/

.public-contanier {
    width: 1212px;
    position: relative;
    margin: 0 auto;
    height: inherit;
}

    .public-contanier:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

.btn {
    cursor: pointer;
    border-radius: 4px;
}



/*70*30*/

.btn-default {
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    line-height: 28px; /*30*/
    height: 30px;
    width: 70px;
    font-size: 16px;
}


/*200*44*/

.btn-public {
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    line-height: 44px;
    height: 44px;
    width: 200px;
    font-size: 18px;
}


/*100*44*/

.btn-secondary {
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    line-height: 44px;
    height: 44px;
    width: 100px;
    font-size: 18px;
}


/*160*30*/

.input-default {
    width: 138px;
    height: 28px;
    padding: 0 10px;
    /*border-radius: 4px;*/
    font-size: 16px;
}


/*400*30*/

.input-long {
    width: 278px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    /*border-radius: 4px;*/
    font-size: 16px;
}


/*300*40*/

.input-public {
    width: 278px;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    /*border-radius: 4px;*/
    font-size: 16px;
}

.color-default {
    color: #203c7f;
}

.bgcolor-default {
    background-color: #203c7f;
}

.wapper-left {
    width: 840px;
    float: left;
}

.wapper-right {
    width: 320px;
    float: right;
}

.person-wapper-left {
    width: 258px;
    float: left;
}

.person-wapper-right {
    width: 920px;
    float: right;
}

.clear {
    clear: both;
}

.row-margin-bot {
    margin-bottom: 35px;
}

.row-margin {
    margin-top: 35px;
}

.row-margin-default {
    margin-top: 20px;
}
zz
.row-margin-small {
    margin-top: 15px;
}

.row-largr-marBot {
    margin-bottom: 80px;
}


/*base*/


/*color*/

.muted {
    color: #999999;
}

.point {
    color: #0674E4;
}

.errorTip,
.price {
    color: #FF5400 !important;
}

.improt {
    color: #1689FF;
}

    .improt:hover {
        color: #FFA800;
    }


/*index*/


/*header*/

.index-header {
    height: 128px;
}

    .index-header .header-info {
        vertical-align: middle;
        float: left;
        height: 93px;
    }

        .index-header .header-info img {
            display: inline-block;
            height: 93px;
            vertical-align: middle;
            margin: 0 15px;
            float: left;
            margin-top: 20px;
        }

        .index-header .header-info span {
            line-height: 129px;
            display: inline-block;
            font-size: 28px;
            float: left;
        }

            .index-header .header-info span.hosname {
                margin-right: 1em;
            }

    .index-header .header-function {
        float: right;
    }

        .index-header .header-function div.header-iflogin,
        .index-header .header-function div.header-search {
        }

        .index-header .header-function .header-iflogin {
            font-size: 14px;
            margin-top: 40px;
            float: right;
        }

            .index-header .header-function .header-iflogin span:after {
                content: "";
                margin: 0 15px;
                font-size: 12px;
            }

            .index-header .header-function .header-iflogin small {
                font-size: inherit;
                color: inherit;
                cursor: pointer;
            }


        /*nav-research*/

        .index-header .header-function .header-search {
            margin-top: 22px;
            width: 500px;
            clear: both;
        }

            .index-header .header-function .header-search .search-control {
                float: right;
                margin-top: 20px;
            }

                .index-header .header-function .header-search .search-control div {
                    float: left;
                }

                .index-header .header-function .header-search .search-control .search-type {
                    width: 85px;
                    height: 40px;
                    line-height: 40px;
                    text-align: left;
                    background: url(/Content/images/searcharrow.png) no-repeat 65px 50%;
                }

                    .index-header .header-function .header-search .search-control .search-type span {
                        margin-left: 16px;
                    }

                .index-header .header-function .header-search .search-control .search-value input {
                    width: 300px;
                    height: 40px;
                    line-height: 40px;
                    margin-right: 10px;
                    text-indent: 1em;
                }

                .index-header .header-function .header-search .search-control .search-btn {
                    height: 40px;
                    width: 80px;
                    text-align: center;
                    line-height: 40px;
                    color: #fff;
                    cursor: pointer;
                }


/*slider-bar*/

.index-slider {
    width: 860px;
    height: 332px;
}


/*nav*/

.index-nav {
    height: 62px;
    margin-top: 9px; /*lizimo2017/08/16*/
}

    .index-nav .nav-bar {
        float: left;
    }

        .index-nav .nav-bar ul.nav-bar-list {
            margin: 0;
        }

            .index-nav .nav-bar ul.nav-bar-list > li {
                position: relative;
                text-align: center;
                float: left;
                width: 100px;
                color: #fff;
                font-size: 18px;
                line-height: 62px;
                height: 62px;
                cursor: pointer;
                transition-property: background-color;
                transition-duration: 0.3s;
                /* Firefox 4 */
                -moz-transition-property: background-color;
                -moz-transition-duration: 0.3s;
                /* Safari and Chrome */
                -webkit-transition-property: background-color;
                -webkit-transition-duration: 0.3s;
                /* Opera */
                -o-transition-property: background-color;
                -o-transition-duration: 0.3s;
            }

                .index-nav .nav-bar ul.nav-bar-list > li > a {
                    display: block;
                }

                .index-nav .nav-bar ul.nav-bar-list > li > .drop-down {
                    display: none;
                }

                    .index-nav .nav-bar ul.nav-bar-list > li > .drop-down > ul {
                        position: absolute;
                        z-index: 999;
                        opacity: 0.9;
                    }

                        .index-nav .nav-bar ul.nav-bar-list > li > .drop-down > ul > li {
                            opacity: 1;
                        }

                            .index-nav .nav-bar ul.nav-bar-list > li > .drop-down > ul > li > span {
                                z-index: 999;
                                display: block;
                                width: 112px;
                                height: 88px;
                                display: block;
                                float: left;
                                line-height: 88px;
                                border-top: 1px dotted #fff;
                                border-bottom: 1px dotted #fff;
                            }

                                .index-nav .nav-bar ul.nav-bar-list > li > .drop-down > ul > li > span > a {
                                    display: block;
                                }

                            .index-nav .nav-bar ul.nav-bar-list > li > .drop-down > ul > li:first-child > span {
                                border-top: none;
                            }

                            .index-nav .nav-bar ul.nav-bar-list > li > .drop-down > ul > li:last-child > span {
                                border-bottom: none;
                            }

                            .index-nav .nav-bar ul.nav-bar-list > li > .drop-down > ul > li.active > span {
                                border-left: 4px solid #fff;
                                width: 108px;
                            }

                            .index-nav .nav-bar ul.nav-bar-list > li > .drop-down > ul > li > .nav-box {
                                width: 672px;
                                height: 268px;
                                position: absolute;
                                left: 112px;
                                z-index: 999;
                                display: none;
                            }

                                .index-nav .nav-bar ul.nav-bar-list > li > .drop-down > ul > li > .nav-box .nav-more {
                                    position: absolute;
                                    right: 40px;
                                    font-size: 16px;
                                    bottom: 18px;
                                    line-height: 20px;
                                }


        /*根据科室*/

        .index-nav .nav-bar .nav-bar-list-hos,
        .nav-bar-list-depart,
        .nav-bar-list-clinicmust {
            width: 716px !important;
        }

        .index-nav .nav-bar .hos-title {
            height: 34px;
            margin-top: 15px;
            overflow: hidden;
        }

            .index-nav .nav-bar .hos-title .hos-box {
                max-width: 505px;
                height: 32px;
                line-height: 32px;
                margin: 0 auto;
                border-radius: 3px;
            }

                .index-nav .nav-bar .hos-title .hos-box span {
                    display: inline-block;
                    height: 30px;
                    line-height: 30px;
                    width: 124px;
                    float: left;
                }

        .index-nav .nav-bar .hos-depart > ul > li {
            width: 166px;
            height: 24px;
            border-radius: 3px;
            display: inline-block;
            line-height: 24px;
            color: #fff;
            margin-left: 13px;
            text-align: left;
            text-indent: 0;
            font-size: 16px;
            float: left;
            margin-top: 7px;
        }

            .index-nav .nav-bar .hos-depart > ul > li span {
                padding: 0 4px;
                height: 24px;
                float: left;
            }

                .index-nav .nav-bar .hos-depart > ul > li span img {
                    vertical-align: middle;
                    margin-left: 2px;
                    margin-top: -3px;
                }

                .index-nav .nav-bar .hos-depart > ul > li span:hover {
                    border-radius: 3px;
                }


        /*根据医生选科室*/

        .index-nav .nav-bar .depart-title {
            height: 34px;
            margin-top: 15px;
            overflow: hidden;
        }

            .index-nav .nav-bar .depart-title .depart-box {
                max-width: 505px;
                height: 32px;
                line-height: 32px;
                margin: 0 auto;
                border-radius: 3px;
            }

                .index-nav .nav-bar .depart-title .depart-box span {
                    display: inline-block;
                    height: 30px;
                    line-height: 30px;
                    width: 124px;
                    float: left;
                }

        .index-nav .nav-bar .depart-depart {
            line-height: 20px;
            margin-top: 10px;
            margin-bottom: 12px;
            overflow: hidden;
        }

            .index-nav .nav-bar .depart-depart > span {
                display: inline-block;
                float: left;
                margin-left: 18px;
                font-size: 16px;
                padding-left: 6px;
                margin-right: 15px;
                width: 130px;
                background: url(/Content/images/circle.png) no-repeat 0 50%;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                text-align: left;
                text-indent: 4px;
            }

            .index-nav .nav-bar .depart-depart > ul > li {
                width: 78px;
                height: 20px;
                border-radius: 3px;
                display: inline-block;
                line-height: 20px;
                color: #fff;
                text-align: left;
                text-indent: 10px;
                margin-left: 22px;
                font-size: 16px;
                float: left;
            }


        /*就诊须知*/

        .index-nav .nav-bar .clinicmust {
            margin-top: 29px;
            padding: 0 24px;
            text-align: left;
            height: 157px;
            text-indent: 2em;
            line-height: 30px;
            font-size: 16px;
            text-overflow: ellipsis;
            overflow: hidden;
        }


    /*注册登录*/

    .index-nav .nav-login-group {
        vertical-align: middle;
        height: 62px;
        line-height: 62px;
        float: right;
    }

        .index-nav .nav-login-group > div {
            display: inline-block;
            width: 80px;
            height: 30px;
            margin-left: 20px;
            cursor: pointer;
            line-height: 30px;
            border-radius: 3px;
            border: 1px solid #fff;
            color: #fff;
            text-align: center;
            font-size: 16px;
        }

            .index-nav .nav-login-group > div > a {
                display: block;
            }

            .index-nav .nav-login-group > div .nav-personal-dropdown {
                display: none;
                position: absolute;
                width: 751px;
                top: 62px;
                height: 266px;
                right: 0;
                opacity: 0.9;
                z-index: 999;
            }

                .index-nav .nav-login-group > div .nav-personal-dropdown .personal-menu {
                    width: 450px;
                    float: left;
                    height: 220px;
                    margin-left: 30px;
                    margin-top: 57px;
                }

                    .index-nav .nav-login-group > div .nav-personal-dropdown .personal-menu ul li {
                        display: block;
                        text-align: left;
                        margin-bottom: 10px;
                        font-size: 16px;
                    }

                        .index-nav .nav-login-group > div .nav-personal-dropdown .personal-menu ul li span {
                            background: url(/Content/images/circle.png) no-repeat 6px 50%;
                            padding-left: 8px;
                            display: inline-block;
                            margin-right: 20px;
                            text-indent: 10px;
                            width: 115px;
                        }

                            .index-nav .nav-login-group > div .nav-personal-dropdown .personal-menu ul li span:hover {
                                background: url(/Content/images/circle.png) no-repeat 6px 50%;
                                border-radius: 3px;
                            }

                .index-nav .nav-login-group > div .nav-personal-dropdown .personal-img {
                    float: left;
                    margin-top: 58px;
                    margin-left: 30px;
                }


/*///////资讯////////*/

.floatBack {
    width: 300px;
    height: 264px;
    position: absolute;
    right: 0; /* left:0*/
    z-index: 999;
    opacity: 0.9;
    display: none;
}

#nav-bar-zixun .floatBack {
    width: 400px !important;
}

.floatBack ul {
    padding-left: 20px;
    overflow: hidden;
    margin-top: 40px;
}

    .floatBack ul li {
        line-height: normal;
        margin-right: 40px;
        width: 250px;
        float: left;
        text-align: left;
        font-size: 16px;
        display: inline;
        margin-bottom: 10px;
        text-indent: 25px;
        background: url(/Content/images/circle.png) 6px 50% no-repeat;
        border-radius: 3px;
    }

        .floatBack ul li:hover,
        .floatBack ul li.active {
            background: url(/Content/images/circle.png) 6px 50% no-repeat;
        }

.typePart33p {
    position: relative;
    width: 190px;
    height: 200px;
    margin-top: 40px;
    float: left;
    padding: 0px 22px;
}

.typePart39p {
    position: relative;
    width: 199px;
    height: 200px;
    margin-top: 45px;
    float: left;
    padding: 20px 14px 0 14px;
}

.nav-box h3 {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 15px;
}

.bor1 {
    border-right: 1px solid rgba(43, 100, 155, 0.8);
}

.typePart50p {
    position: relative;
    width: 262px;
    height: 200px;
    margin-top: 45px;
    float: left;
    padding: 0 32px;
    margin-left: 22px;
}

.typePart61p {
    position: relative;
    width: 274px;
    height: 200px;
    margin-top: 45px;
    float: left;
    padding: 0 104px 0 32px;
}

.typePart100p {
    position: relative;
    width: 608px;
    height: 200px;
    margin-top: 45px;
    padding: 0 32px;
}

.typePart33p p,
.typePart39p p,
.typePart61p p,
.typePart50p p {
    line-height: 20px;
    font-size: 14px;
    text-align: left;
}

.typePart50p img,
.typePart61p img,
.typePart33p img {
    float: right;
    position: absolute;
    bottom: 0px;
    right: 32px;
}

.typePart39p img {
    float: left;
}

.stop-info {
    float: left;
    margin-left: 90px;
    margin-top: -8px;
}

.stopNotice {
    width: 1200px;
    background-color: #F0F0F0;
}

/*clinic*/

.index-clinic {
    height: 333px;
}

    .index-clinic .clinic-title {
        height: 62px;
        line-height: 62px;
        font-size: 20px;
    }

        .index-clinic .clinic-title span {
            padding: 0 40px;
            cursor: pointer;
        }

    .index-clinic .clinic-select {
        width: 260px;
        height: 32px;
        padding-top: 8px; /*line-height: 40px;*/ /*lizimo 2017/08/23*/
        text-align: left;
        text-indent: 40px;
        border-radius: 3px;
        margin: 0 auto;
        margin-top: 16px;
        background: url(/Content/images/btmarrow.png) 220px 50% no-repeat;
        position: relative;
    }

        .index-clinic .clinic-select a {
            padding: 10px 0; /*lizimo 2017/08/23*/
        }

    .index-clinic .clinic-enter {
        width: 260px;
        color: #fff;
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 3px;
        margin: 0 auto;
        margin-top: 16px;
        cursor: pointer;
    }

    .index-clinic .clinic-remarks {
        float: right;
        line-height: 35px;
        margin-right: 30px;
        cursor: pointer;
    }


/*panel*/

    .index-panel .panel-header {
        height: 40px;
        padding: 0 15px;
        position: relative;
    }

        .index-panel .panel-header ul {
            float: left;
            position: absolute;
            left: 20px;
            top: -1px;
            height: 40px;
        }

            .index-panel .panel-header ul li {
                padding: 0 40px;
                line-height: 40px;
                font-size: 20px;
                display: inline-block;
                margin-left: 4px;
                cursor: pointer;
            }

                .index-panel .panel-header ul li.active {
                    padding: 0 40px;
                    line-height: 40px;
                    font-size: 20px;
                    display: inline-block;
                    margin-left: 4px;
                }

    .index-panel .panel-body {
        margin-top: 38px;
        position: relative;
    }

        .index-panel .panel-body img {
            display: inline-block;
            width: 300px;
            height: 198px;
            margin: 0 15px;
            border: 10px solid #f7f7f7;
        }

        .index-panel .panel-body .panel-info {
            display: inline-block;
            vertical-align: top;
            margin-left: 30px;
            margin-top: 24px;
            width: 472px;
        }

            .index-panel .panel-body .panel-info .title {
                font-size: 14px;
            }

            .index-panel .panel-body .panel-info .text {
                font-size: 14px;
            }

            .index-panel .panel-body .panel-info p {
                line-height: 1.5em;
            }

            .index-panel .panel-body .panel-info .panel-guide {
                position: absolute;
                right: 20px;
                border-radius: 3px;
                padding: 0 14px 0 30px;
                line-height: 28px;
                height: 28px;
                bottom: 1px;
                background: url(/Content/images/map.png) no-repeat 12px;
            }


/*news*/

.index-news {
    min-height: 318px;
    border-bottom: 1px solid #d1d1d1; /*lizimo2017/08/16*/
}

    .index-news .news-header {
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

        .index-news .news-header .news-list {
            display: inline-block;
            margin-left: 22px;
        }

        .index-news .news-header .news-more {
            display: inline-block;
            margin-right: 22px;
            float: right;
            font-size: 15px;
            cursor: pointer;
        }

    .index-news .news-body {
        margin-top: 38px;
    }

        .index-news .news-body ul {
            padding-left: 8px;
        }

            .index-news .news-body ul li {
                margin-bottom: 16px;
                overflow: hidden;
                padding-left: 20px;
                font-size: 14px;
                cursor: pointer;
                background: url(/Content/images/newsli.png) no-repeat 2px 50%;
            }

                .index-news .news-body ul li span {
                    display: inline-block;
                    float: left;
                }

                .index-news .news-body ul li .text {
                    font-size: 14px;
                    width: auto;
                    max-width: 185px; /*210px lizimo 2017/08/18*/
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                .index-news .news-body ul li .date {
                    float: right;
                    margin-right: 8px;
                }

                .index-news .news-body ul li .hot {
                    padding: 2px 4px;
                    border-radius: 3px;
                    line-height: 16px;
                    font-size: 10px;
                    margin-left: 5px;
                    background-image: url(/Content/images/hot.gif);
                    background-repeat: no-repeat;
                    width: 20px;
                    height: 9px;
                    margin-top: 4px;
                }


/*copyright*/

.index-copyright {
    height: 50px;
    line-height: 50px;
    text-align: center;
}

    .index-copyright .public-contanier {
        background: #808080;
    }

    .index-copyright .text {
        text-align: center;
        color: #fff;
        margin: 0 auto;
        display: inline-block;
        font-size: 14px;
    }

.index-frendly {
    margin-top: 20px;
    padding-left: 15px;
}

    .index-frendly .frendly-box {
        display: inline-block;
    }

    .index-frendly .frendly-thumb {
        border-radius: 3px;
        width: 168px;
        height: 60px;
        vertical-align: middle;
    }

        .index-frendly .frendly-thumb img {
            margin-top: 4px;
            margin-left: 4px;
            float: left;
        }

        .index-frendly .frendly-thumb span {
            margin-left: 8px;
            line-height: 60px;
        }

    .index-frendly .frendly-text {
        text-align: center;
        margin-top: 10px;
    }


/*slider*/

.flexslider {
    margin: 0px auto;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    zoom: 1;
    /* background: url('../images/banner-default.png'); */
    background: url('../images/newIndex/hospLogo.png');
    background-size: 100% 100%;
}

    .flexslider .slides li {
        width: 100%;
        height: 100%;
    }

.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(/Content/images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

    .flexslider:hover .flex-next:hover,
    .flexslider:hover .flex-prev:hover {
        opacity: 1;
        filter: alpha(opacity=50);
    }

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 2px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    background: url(/Content/images/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}

    .flex-control-paging li a.flex-active,
    .flex-control-paging li.active a {
        background-position: 0 0;
    }

.flexslider .slides a img {
    width: 100%;
    height: 333px;
    display: block;
}


/*搜索下拉*/

.mod_select {
}

    .mod_select ul {
        margin: 0;
        padding: 0;
    }

        .mod_select ul li {
            list-style-type: none;
            float: left;
            margin-left: 20px;
            height: 24px;
        }

.select_box {
    width: 85px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: url(/Content/images/searcharrow.png) no-repeat 65px 50%;
    position: relative;
}

.selet_open {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    height: 30px;
    /*background: url(../select_up.jpg) no-repeat center center;*/
}

.select_txt {
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    cursor: text;
    overflow: hidden;
}

.option {
    width: 85px;
    position: absolute;
    top: 33px;
    left: -1px;
    z-index: 2;
    overflow: hidden;
    display: none;
    margin-top: 2px;
}

    .option a {
        display: block;
        height: 26px;
        line-height: 26px;
        text-align: left;
        padding: 0 10px;
        background: #fff;
        text-align: center;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

.select-hos .bigoption,
.select-depart .bigoption,
.select-doctor .bigoption {
    width: 260px;
    position: absolute;
    top: 38px;
    left: -1px;
    z-index: 2;
    overflow: hidden;
    display: none;
    background: #fff;
    margin-top: 2px;
}

    .select-hos .bigoption a,
    .select-depart .bigoption a,
    .select-doctor .bigoption a {
        display: block;
        background: #fff;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

.padTop0 {
    padding-top: 0 !important;
}

.padBot0 {
    padding-bottom: 0 !important;
}

.padL0 {
    padding-left: 0 !important;
}

.padR0 {
    padding-right: 0 !important;
}

.padding-max-right {
    padding-right: 60px;
}

.padding-max-left {
    padding-left: 15%;
}

.padding-large {
    padding: 30px;
}

.padding-large-top {
    /*padding-top:0px;*/
}

.padding-large-right {
    padding-right: 30px;
}

.padding-large-bottom {
    padding-bottom: 30px;
}

.padding-large-left {
    padding-left: 30px;
}

.padding-common-big {
    padding: 15px;
}

.padding-common-top {
    padding-top: 15px;
}

.padding-common-right {
    padding-right: 15px;
}

.padding-common-bottom {
    padding-bottom: 15px;
}

.padding-common-left {
    padding-left: 15px;
}

.padding-big {
    padding: 20px;
}

.padding-big-top {
    padding-top: 20px;
}

.padding-big-right {
    padding-right: 20px;
}

.padding-big-bottom {
    padding-bottom: 20px;
}

.padding-big-left {
    padding-left: 20px;
}

.padding {
    padding: 10px;
}

.padding-top {
    padding-top: 10px;
}

.padding-right {
    padding-right: 10px;
}

.padding-bottom {
    padding-bottom: 10px;
}

.padding-left {
    padding-left: 10px;
}

.padding-small {
    padding: 5px;
}

.padding-small-top {
    padding-top: 5px;
}

.padding-small-right {
    padding-right: 5px;
}

.padding-small-bottom {
    padding-bottom: 5px;
}

.padding-small-left {
    padding-left: 5px;
}

.padding-little {
    padding: 2px;
}

.padding-little-top {
    padding-top: 2px;
}

.padding-little-right {
    padding-right: 2px;
}

.padding-little-bottom {
    padding-bottom: 2px;
}

.padding-little-left {
    padding-left: 2px;
}

.margin-large {
    margin: 30px;
}

.margin-large-top {
    /*margin-top: 30px;*/
}

.margin-large-right {
    margin-right: 30px;
}

.margin-large-bottom {
    margin-bottom: 30px;
}

.margin-large-left {
    margin-left: 30px;
}

.margin-big {
    margin: 20px;
}

.margin-big-top {
    margin-top: 20px;
}

.margin-big-right {
    margin-right: 20px;
}

.margin-big-bottom {
    margin-bottom: 30px; /*20*/
}

.margin-big-left {
    margin-left: 20px;
}

.margin-common-top {
    margin-top: 15px;
}

.margin-common-right {
    margin-right: 15px;
}

.margin-common-bottom {
    margin-bottom: 15px;
}

.margin-common-left {
    margin-left: 15px;
}

.margin {
    margin: 10px !important;
    clear: both;
}

.margin-top {
    margin-top: 10px;
}

.margin-right {
    margin-right: 10px;
}

.margin-bottom {
    margin-bottom: 10px;
}

.margin-left {
    margin-left: 10px;
}

.margin-small {
    margin: 5px;
}

.margin-small-top {
    margin-top: 5px;
}

.margin-small-right {
    margin-right: 5px;
}

.margin-small-bottom {
    margin-bottom: 5px;
}

.margin-small-left {
    margin-left: 5px;
}

.margin-little {
    margin: 2px;
}

.margin-little-top {
    margin-top: 2px;
}

.margin-little-right {
    margin-right: 2px;
}

.margin-little-bottom {
    margin-bottom: 2px;
}

.margin-little-left {
    margin-left: 2px;
}

.radius-none {
    border-radius: 0;
}

.radius-small {
    border-radius: 2px;
}

.radius {
    border-radius: 4px;
}

.radius-big {
    border-radius: 6px;
}

.show {
    display: block !important;
}

.hidden {
    display: none !important;
}

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

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.bor0 {
    border: 0 !important;
}

.dis-block {
    display: block;
}

#EmptyHtml {
    padding-bottom: 30px;
}

.dis-inlineblock {
    display: inline-block;
}


/*分页*/

.paging {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.page {
    list-style: none;
    display: inline-block;
    text-align: center;
}

    .page > li {
        float: left;
        padding: 4px 10px;
        cursor: pointer;
    }

    .page .pageItem {
        border: solid thin #DDDDDD;
        border-radius: 4px;
        margin: 5px;
        font-size: 14px;
    }

    .page .pageItemActive {
        border: solid thin #203C7F;
        margin: 5px;
        background: #203C7F;
        border-radius: 4px;
        color: white;
    }

    .page .pageItem:hover {
        border: solid thin #0674E4;
        background-color: #0674E4;
        color: white;
    }

    .page .pageItemDisable {
        border: solid thin #DDDDDD;
        border-radius: 4px;
        margin: 5px;
        background-color: white;
        font-size: 14px;
        color: #333333;
    }


/*页面头部   不带面包屑*/

.public-pageTitle-border,
.public-pageTitle {
    position: relative;
}

    .public-pageTitle-border h1,
    .public-pageTitle h1 {
        font-size: 24px;
        height: 80px;
        line-height: 80px;
        padding: 0;
    }

.public-secondTitle h1 {
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    padding: 0;
}

.public-pageTitle-border div {
    height: 95px;
    line-height: 95px;
    padding: 0;
}

    .public-pageTitle-border div .title {
        line-height: 65px;
        font-size: 24px;
    }

        .public-pageTitle-border div .title a {
            font-size: 16px;
        }

    .public-pageTitle-border div .subtitle {
        line-height: 0px;
        font-size: 16px;
    }


/*页面内容 居上80px*/

.contanier-content {
    width: 1200px;
    margin-top: 80px;
    text-align: center;
}


/*页面头部   带面包屑*/

.breadcrumbs {
    width: auto;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 30px;
}

    .breadcrumbs ul {
        display: inline-block;
    }

        .breadcrumbs ul li {
            float: left;
        }

            .breadcrumbs ul li a {
                font-size: 16px;
                padding: 0 5px;
            }


/*公共下拉框*/

.public-select-specSmall,
.public-select {
    padding-left: 20px;
    border: 1px solid #DDDDDD;
    float: left;
    text-align: left;
    background: url(/Content/images/searcharrow.png) no-repeat 95% 50%;
    position: relative;
}

.public-select-spec {
    width: 278px;
    height: 38px;
    line-height: 38px;
    background-color: white;
}

.public-select-specSmall {
    width: 138px;
    height: 28px;
    line-height: 28px;
    background-color: white;
}

    .public-select-specSmall .select-text,
    .public-select .select-text {
        color: #4A4A4A; /*lizimo2017/09/06*/
    }

    .public-select-specSmall .option,
    .public-select .option {
        border: solid 1px #DDDDDD;
        width: 100%;
        position: absolute;
        top: 34px;
        left: -1px;
        z-index: 2;
        overflow: hidden;
        padding: 10px 0;
        display: none;
        max-height: 300px;
        overflow-y: scroll;
        background-color: white;
    }

    .public-select-specSmall .option {
        top: 24px;
    }

        .public-select-specSmall .option a,
        .public-select .option a {
            display: block;
            padding-left: 20px;
            text-align: left;
            background: #fff;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -moz-transition: 0.5s all;
            -o-transition: 0.5s all;
            -ms-transition: 0.5s all;
        }

    .public-select-specSmall .public-option-spec a {
        width: 130px;
        height: 36px;
        line-height: 36px;
    }

.public-option-spec a {
    width: 270px;
    height: 36px;
    line-height: 36px;
}


/*   2017/7/20 for lizimo    */


/**************************btn样式**********************************/

.btn-centermessage {
    width: 130px;
    height: 40px;
    font-size: 16px;
}

    .btn-centermessage:focus {
        outline: none;
    }


/******************************t弹出框**********************************/

.public-popups {
    display: none;
}

.public-popup-close:hover {
    cursor: pointer;
}

.public-dialog {
    position: fixed;
    z-index: 999;
    width: 410px;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    margin-left: -205px;
    padding: 15px 20px 33px;
    background-color: white;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 10px #333333;
    -webkit-box-shadow: 0px 0px 10px #333333;
    box-shadow: 0px 0px 10px #333333;
}

.public-popup-header {
    text-align: right;
}

.public-popup-content {
    text-align: center;
    padding: 35px 0;
}

.public-popup-footer {
    text-align: center;
}

    .public-popup-footer button {
        margin: 0 30px;
    }

.public-hover {
    color: #1689ff;
}


/**********上传图片按钮***************/

.public-upload {
    font-size: 16px;
    width: 125px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    margin-left: 26px;
}


/***************************公共卡号框*************************************/

.public-card {
    width: 194px;
    height: 76px;
    margin-left: 30px;
    padding: 12px 15px;
    margin-bottom: 20px;
}

.public-card-number {
    font-size: 14px;
    margin-top: 9px !important;
}

.public-card .del {
    text-align: right;
    margin-bottom: 2px;
}

.public-card .addCard {
    font-size: 50px;
    margin-top: -14px;
}


/***************************注册**********************************************/

.Register p {
    margin: 0px;
    padding: 0px;
}

.Register .row-header {
    margin: 18px auto;
    padding: 0;
    margin-bottom: 21px;
    padding-bottom: 21px;
}

.Register .register-head {
    font-size: 24px; /*30px*/
}

.Register .register-phone {
    font-size: 16px;
    margin-top: 15px;
}

.Register .res-input,
.person-wapper-content .res-input {
    width: 280px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin: 0 13px;
    padding-left: 20px;
    border: 1px solid #dddddd;
}

.Register label,
.person-wapper-content label {
    display: block;
    margin-top: -7px;
}

.Register div,
.person-wapper-content .forminput {
    /*display: block;*/
    margin-top: -7px;
}

.Register .res-label,
.person-wapper-content .res-label {
    display: inline-block;
    font-size: 16px;
    width: 100px;
    text-align: right;
}

.Register .res-spe {
    display: inline-block;
    margin-right: 6px;
}

.Register .res-attation,
.person-wapper-content .res-attation {
    margin-top: 10px;
    position: absolute;
    display: inline-block;
    width: 350px;
    font-size: 14px;
}

.person-wapper-content .res-attation {
    margin-top: 10px;
    position: absolute;
    display: inline-block;
    width: 450px;
    font-size: 14px;
}

.Register .content-left {
    width: 790px;
}

.Register .res-long {
    margin-top: 0px;
}

.Register .res-code {
    width: 182px;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin: 0 13px;
}

.Register .res-check {
    margin: 0 13px;
}

.Register .res-protocol {
    font-size: 14px;
}

.res-btn {
    width: 200px;
    height: 44px;
    line-height: 44px;
    border: 0;
    border-radius: 4px;
    font-size: 18px;
    margin: 12px 13px;
    cursor: pointer;
}

    .res-btn:hover {
        background-color: #0674E4;
    }

.Register .res-pro {
    margin-top: -10px;
}

.Register .content-right p {
    margin-top: 3px;
    font-size: 14px;
}

.Register .res-mgt {
    padding-top: 6px;
    padding-bottom: 135px;
}

.Register .content-right {
    margin-top: 63px;
    margin-left: 18px;
    padding-left: 44px;
    border-left: 1px solid red;
}

.Register .res-login {
    font-size: 16px;
}

.Register .res-findpwd {
    font-size: 16px;
}

.Register .res-resetpwd {
    font-weight: bolder;
}

.Register .res-hidden,
.person-wapper-content .res-hidden {
    margin-top: 15px;
    margin-bottom: 1px;
    
    margin-left: 30px;
    background-color: #f3f2f2;
    padding: 14px 0;
    display: none;
}

.Register .res-warning,
.person-wapper-content .res-warning {
    position: absolute;
    margin-left: 6px;
}

.Register .warning-cont,
.person-wapper-content .warning-cont {
    margin-left: 30px !important;
    font-size: 14px;
    color: #ff5400;
}

.GotoEmail .goto-cont {
    text-align: center;
    padding-top: 171px;
}

.GotoEmail .goto-succeed {
    font-size: 24px;
}

.GotoEmail .goto-attation {
    margin-top: 73px;
}

.GotoEmail .goto-btn {
    width: 300px;
    height: 45px;
    line-height: 45px;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    margin-top: 60px;
}

.succeed-img {
    position: absolute;
    margin-top: -5px;
}

.GotoEmail .goto-cont span {
    display: inline-block;
    margin-left: 70px;
}


/***************************login***********************************/

.res-warning {
    position: absolute;
    margin-left: 6px;
}

.warning-cont {
    font-size: 14px;
    margin-left: 30px;
}

.warnings {
    padding: 10px 0;
    margin-bottom: 8px;
}

.bgshadow {
    position: fixed;
    left: 0;
    top: -500px;
    right: 0;
    bottom: -500px;
    background-color: #5A6E8C;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 1;
}

.mydialog {
    position: absolute;
    z-index: 10;
    width: 400px;
    margin: auto;
    left: 0;
    right: 0;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.is-visible {
    visibility: visible;
}

.mask-shadow {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.mydialog {
    position: absolute;
    z-index: 10;
    width: 400px;
    margin: auto;
    left: 0;
    right: 0;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.is-visible {
    visibility: visible !important;
}

.mask-shadow {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.mydialog .public h4,
.mydialog .login h4 {
    font-size: 20px;
    text-align: center;
    height: 40px;
    padding: 0 32px;
    line-height: 40px;
    font-size: 20px !important;
}

.mydialog .public ul {
    margin: 0 70px;
    height: 54px;
}

    .mydialog .public ul li {
        float: left;
        height: 54px;
        width: 130px;
        text-align: center;
        line-height: 54px;
    }

        .mydialog .public ul li a {
            display: block;
            font-size: 16px;
        }

.mydialog .public .tab-form {
    height: 212px;
    overflow: hidden;
}

.mydialog .public form,
.mydialog .login form {
    padding: 0 70px;
    position: relative;
    margin: auto;
    margin-top: 20px;
}

.mydialog .public .big-form {
    padding: 0 40px;
}

    .mydialog .public .big-form .controls .largeInput {
        width: 220px;
    }

    .mydialog .public .big-form .controls .Wdate {
        background-position-x: 210px;
    }

.mydialog .public form .public-info,
.mydialog .public form .login-info,
.mydialog .login form .login-info {
    font-size: 12px;
    text-align: left;
    position: absolute;
    top: 60px;
    left: 0px;
}

.mydialog .public .controls,
.mydialog .login .controls {
    width: 100%;
    padding: 15px 0;
    display: inline-block;
    position: relative;
}

.mydialog .public .specil-controls,
.mydialog .login .specil-controls {
    width: 100%;
    padding: 5px 0;
    display: inline-block;
}

.mydialog .public .controls input,
.mydialog .login .controls input {
    padding: 0 8px;
    height: 35px;
    font-size: 15px;
}

.mydialog .public .controls .largeInput,
.mydialog .login .controls .largeInput {
    width: 240px;
}

.mydialog .public .controls .defaultInput,
.mydialog .login .controls .defaultInput {
    width: 152px;
    float: left;
}

.mydialog .public .controls .checkBtn {
    width: 82px;
    height: 39px;
    float: right;
    border-radius: 3px;
    cursor: pointer;
}

.mydialog .public .controls .checkImg,
.mydialog .login .controls .checkImg {
    width: 74px;
    height: 39px;
    float: right;
}

.mydialog .appoint .controls {
    width: 100%;
    padding: 10px 0;
    display: inline-block;
    position: relative;
    text-align: left;
}

.mydialog .appoint h4 {
    font-size: 20px;
    text-align: left;
    height: 40px;
    padding: 0 32px;
    line-height: 40px;
    font-size: 20px !important;
}

.mydialog .appoint .info {
    padding: 0 60px;
    position: relative;
    margin: auto;
}

.mydialog .appoint .status {
    height: 80px;
    line-height: 90px;
    text-align: center;
    font-size: 24px;
}

    .mydialog .appoint .status i {
        width: 36px;
        height: 36px;
        display: inline-block;
        vertical-align: middle;
    }

    .mydialog .appoint .status .right {
        background: url(/Content/images/right.png) no-repeat;
    }

    .mydialog .appoint .status .fail {
        background: url(/Content/images/fail.png) no-repeat;
    }

.mydialog .appoint .controls p button {
    width: 120px;
    height: 36px;
    border: 0;
    border-radius: 3px;
    margin-right: 20px;
    font-size: 14px;
    cursor: pointer;
}

.fail-mydialog {
    height: 260px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.public-btn,
.login-btn {
    padding: 4px 0;
    font-size: 20px !important;
    letter-spacing: 4px;
    border-radius: 4px;
    width: 256px;
    cursor: pointer;
    display: block;
}

.saveAddPatient {
    width: 120px;
}


/*findPassword*/

.find-mydialog {
    height: 360px;
}


/*register*/

.big-mydialog {
    position: absolute;
    z-index: 10;
    height: 530px;
    width: 400px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFF;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

    .big-mydialog .register h4 {
        font-size: 20px;
        text-align: left;
        height: 40px;
        padding: 0 32px;
        line-height: 40px;
        font-size: 20px !important;
    }

    .big-mydialog .register form {
        padding: 0 40px;
        position: relative;
        margin: auto;
        margin-top: 20px;
    }

        .big-mydialog .register form > a {
            position: absolute;
            top: -15px;
            font-size: 14px;
            right: 40px;
        }

        .addPatientDialog .public form .public-info,
        .big-mydialog .register form .register-info {
            font-size: 12px;
            text-align: left;
            position: absolute;
            top: 60px;
            left: 80px;
        }

    .big-mydialog .register .controls {
        width: 100%;
        padding: 15px 0;
        display: inline-block;
        position: relative;
        float: left;
    }

    .big-mydialog .register .specil-controls {
        width: 100%;
        padding: 5px 0;
        display: inline-block;
        font-size: 14px;
    }

        .big-mydialog .register .specil-controls input {
            margin-left: 55px;
            position: relative;
            top: -2px;
        }

.default {
    display: inline-block;
    margin: auto;
}

    .default .controls {
        width: auto;
        padding: 10px 0;
        display: block;
        position: relative;
        float: left;
    }

        .default .controls label {
            width: 80px;
            text-align: right;
            display: inline-block;
            float: left;
            height: 38px;
            line-height: 38px;
            padding-right: 10px;
        }

        .default .controls .smalllabel {
            height: 28px !important;
            line-height: 28px !important;
            margin: 0;
        }

.public .controls label,
.big-mydialog .register .controls label {
    width: 70px;
    text-align: right;
    display: inline-block;
    float: left;
    height: 39px;
    line-height: 39px;
    padding-right: 10px;
}

.big-mydialog .register .controls input {
    padding: 0 8px;
    height: 35px;
    font-size: 14px;
    float: left;
}

.big-mydialog .register .controls .largeInput {
    width: 220px;
}

.big-mydialog .register .controls .defaultInput {
    width: 135px;
}

.big-mydialog .register .controls .checkImg {
    width: 75px;
    padding-left: 5px;
    height: 39px;
    float: right;
}

.register-btn {
    padding: 4px 0;
    height: 40px !important;
    font-size: 20px !important;
    letter-spacing: 4px;
    border-radius: 4px;
    width: 256px;
    cursor: pointer;
    display: block;
}

.addPatientDialog .public form .controls ol {
    display: inline-block;
}

    .addPatientDialog .public form .controls ol li {
        float: left;
        margin-right: 20px;
        position: relative;
    }

    .addPatientDialog .public form .controls ol .active em {
        line-height: 32px;
        height: 32px;
    }

    .addPatientDialog .public form .controls ol .active i {
        width: 15px;
        height: 14px;
        background: url(/Content/images/righbt.png) no-repeat 0 0;
        right: 0;
        bottom: 0;
        position: absolute;
        float: right;
    }

    .addPatientDialog .public form .controls ol li em {
        cursor: pointer;
        font-size: 14px;
        padding: 0 10px;
        line-height: 34px;
        height: 34px;
        display: inline-block;
        text-align: center;
        border-radius: 3px;
        width: 70px;
        position: relative;
    }

.mydialogs {
    width: 350px;
    top: 50%;
}

    .mydialogs .public form,
    .mydialogs .login form {
        padding: 0 25px;
        margin-top: 22px;
    }

    .mydialogs .public h4,
    .mydialogs .login h4 {
        padding: 0 26px 0 32px;
        height: 50px;
        line-height: 50px;
    }

.login-img {
    position: absolute;
    left: 0;
}

.mydialogs .public .controls .largeInput,
.mydialogs .login .controls .largeInput {
    padding-left: 62px;
    width: 227px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #dddddd;
}

.mydialogs .public .controls .defaultInput,
.mydialogs .login .controls .defaultInput {
    padding-left: 62px;
    height: 38px;
    line-height: 38px;
    width: 139px;
    border: 1px solid #dddddd;
}

.mydialogs .public .controls .checkImg,
.mydialogs .login .controls .checkImg {
    width: 77px;
    height: 40px;
}

.mydialogs .public .controls input,
.mydialogs .login .controls input {
    height: 44px;
    line-height: 44px;
    width: 100%;
}

.mydialogs .public .controls,
.mydialogs .login .controls {
    padding: 7px 0;
}

.mydialogs .public .specil-controls,
.mydialogs .login .specil-controls {
    padding: 10px 0;
}

input[type="button"] {
    cursor: pointer;
}

.public-btn,
.login-btn {
    margin-bottom: 30px;
    padding: 7px 0;
    font-size: 20px !important;
    letter-spacing: 4px;
    border-radius: 4px;
    width: 100%;
    cursor: pointer;
    display: block;
}

.warnings {
    margin-top: 30px;
    /*display: block;*/
}


/*************************************************youxiang  ********************************/

.Binding .email-hover {
    font-size: 16px;
}

.Binding .breadcrumbs {
    top: 38px;
}

.Binding .bindEmail-right {
    margin-right: 275px;
}

.Binding .bindEmail-righttwo {
    margin-right: 290px;
}

.Binding .cont-style {
    margin-left: 195px;
    margin-top: 12px;
}

.Binding .public-border {
    border-top: 1px solid #d2d2d2;
}

.Binding .bind-email {
    margin-top: 82px;
    margin-bottom: 60px;
}

.Binding .send-btn {
    width: 200px;
    height: 45px;
    line-height: 45px;
    border: 0;
    border-radius: 4px;
    font-size: 18px;
    margin-top: 8px;
    margin-left: -35px;
    cursor: pointer;
}

    .Binding .send-btn:hover {
        background-color: #0674E4;
    }

.Binding .bind-email-cont {
    margin-top: 105px;
}

.Binding .send-phone {
    display: block;
    margin-top: 20px;
}

    .Binding .send-phone input {
        width: 280px;
        height: 40px;
        line-height: 40px;
        margin-left: 20px;
        font-size: 16px;
        padding-left: 20px;
        border: 1px solid #dddddd;
    }

.Binding .email-img {
    position: relative;
    top: 3px;
    /*left:50%;
    margin-left:-380px;*/
}

.Binding .send-succeed {
    border-bottom: 1px dashed #dadada;
    padding-bottom: 29px;
}

    .Binding .send-succeed span {
        display: inline-block;
        /*margin-left: 55px;*/
        font-size: 24px;
    }

.Binding .send-fail {
    font-size: 16px;
    margin-top: 21px;
}

    .Binding .send-fail span {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        width: 166px;
        border-radius: 4px;
        margin-left: 17px;
        padding: 0 17px;
    }

.Binding .reset-btn {
    width: 125px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #dddddd;
    margin-top: 23px;
    margin-left: 407px;
}

.Binding .send-succeedthree {
    border: 0;
}

.Binding .send-email {
    margin-left: 70px !important;
}

.Binding .succeed-imgs {
    position: absolute;
    margin-top: -5px;
}

.Binding .back-btn {
    margin-left: 0;
}

.Binding .time-back {
    margin: 10px 0;
}


/******************************************findpassword****************************************************/

#wrap {
    width: 600px;
    margin: 77px auto 0;
    overflow: hidden;
}

#tit {
    height: 30px;
    width: 600px;
}

    #tit span {
        float: left;
        height: 18px;
        line-height: 20px;
        padding: 0 40px;
        border-right: 1px solid #dddddd;
        font-size: 18px;
        text-align: center;
        color: #4a4a4a;
    }

        #tit span:last-child {
            border-right: 0;
        }

#con li {
    display: none;
    height: 200px;
    width: 600px;
    background: pink;
    font-size: 100px;
    line-height: 200px;
    text-align: center;
}

#tit span.select {
    color: #0788d3;
}

#con li.show {
    display: block;
}

#con {
    margin-top: 86px;
}

.Finding .tab-view {
    width: 633px;
    margin: 0 auto;
    overflow: hidden;
}

.Finding .labels {
    margin-bottom: -7px;
}

.tab-sty {
    width: 9999px;
}

.form-wid {
    width: 633px;
}

.Finding .form-name {
    display: inline-block;
    width: 100px;
    text-align: right;
}

.Finding label {
    display: block;
    margin-bottom: -6px;
}

.Finding input {
    font-size: 16px;
    width: 280px;
    height: 40px;
    line-height: 40px;
    margin: 0 12px;
    padding-left: 20px;
    border: 1px solid #dddddd;
}

.Finding .form-attation {
    font-size: 14px;
}

.Finding .cont-btn {
    margin-left: -186px;
    margin-top: 39px;
}

.Finding .find-code {
    width: 177px;
    margin-top: -32px;
}

.Finding .code-img {
    display: inline-block;
    width: 84px;
    height: 42px;
}

.Finding .form-code {
    position: relative;
    top: -15px;
}

.Finding .online {
    margin-top: 32px;
    margin-left: 36px;
    width: 100px;
    height: 4px;
    position: absolute;
}

.Finding .message-code {
    border: 1px solid #dddddd;
    font-size: 16px;
}

.Finding .form-hidden {
    display: none;
    background-color: #f3f2f2;
    width: 295px;
    height: 40px;
    /*line-height: 45px;*/
    padding-left: 7px;
    margin-left: 117px;
}

.Finding .form-cont {
    position: relative;
    display: inline-block;
    font-size: 12px;
    top: 8px;
}

.Finding .form-hidden img {
    position: relative;
    display: inline-block;
    top: 12px;
}


/****************************个人中心 我的预约***************************************/
.public-popup-content p {
    line-height: 1.5em !important;
}

.person-wapper-content p,
.person-wapper-content li {
    margin: 0;
    padding: 0;
    line-height: 1.0em;
}

.person-wapper-content .sideHead {
    text-align: center;
    background-color: #daf2ff;
    padding: 32px 0 40px;
}

.person-wapper-content .sideUserPhoto {
    padding-bottom: 20px;
}

    .person-wapper-content .sideUserPhoto img {
        width: 70px;
        height: 70px;
        border-radius: 35px;
    }

.person-wapper-content .username {
    margin-bottom: 11px;
}

.person-wapper-content .person-wapper-right {
    min-height: 694px;
    padding-bottom: 19px;
    border: 1px solid #ccc;
}

.person-wapper-content .icon {
    position: absolute;
    width: 28px;
    height: 30px;
    margin: 10px 0 0 -35px;
}

.person-wapper-content .bookingManagement {
    background: url(/Content/images/personalCenter/booking_icon01.png) no-repeat;
}

.person-wapper-content .healthhis {
    background: url(/Content/images/personalCenter/booking_icon02.png) no-repeat;
}

.person-wapper-content .mycare {
    background: url(/Content/images/personalCenter/booking_icon03.png) no-repeat;
}

.person-wapper-content .moreinstall {
    background: url(/Content/images/personalCenter/booking_icon04.png) no-repeat;
}

.person-wapper-content .sidenav li {
    line-height: 2.5em;
    padding-left: 77px;
}

    .person-wapper-content .sidenav li:hover {
        color: #FF5400;
    }

.person-wapper-content .sidenav .nav-head {
    font-size: 18px;
}

.person-wapper-content .borBot1 {
    padding: 23px 0 0 20px;
    height: 46px;
    /*line-height: 90px;*/
    border-bottom: 1px solid #ccc;
}
 .id_carda {
        background: linear-gradient(to right, #DAE7FC,#DADDFA, #F8E8F8 );
    }

.id_cardb {
        background: linear-gradient(to right, #EEEEB1, #E2E281);
    }

.id_cardc {
        background: linear-gradient(to right, #74EACC, #3BDFCB);
    }

.id_cardd {
        background: linear-gradient(to right, #8FC8FC, #5DAFF6);
    }
.id_carde {
        background: linear-gradient(to right, #52A2E6, #1F4E99);
            color: #fff;
    }

.person-wapper-content .borBot1 p {
        font-size: 24px;
    }

.person-wapper-content .borBot1 span {
        font-size: 16px;
    }

.person-wapper-content .myAppointment {
    padding: 0 0 20px 20px;
}

.public-appointmentStatus {
    position: relative;
    border-bottom: 1px solid #cecece;
}

.public-appointmentStatus li {
        float: left;
        font-size: 16px;
        padding: 20px 15px;
        margin-right: 11px;
    }

.person-wapper-content .order-detail table,
.person-wapper-content .order-detail table th,
.person-wapper-content .order-detail table td {
    text-align: center;
   
    
}
.person-wapper-content .order-detail table td {
     background-color: #fff;
}
.person-wapper-content .order-detail table .doctorroom {
        width: 184px;
    }

.person-wapper-content .order-detail table .doctorname {
        width: 134px;
    }

.person-wapper-content .order-detail table .goingtime {
        width: 184px;
    }

.person-wapper-content .order-detail table .illness {
        width: 163px;
    }

.person-wapper-content .order-detail table .state {
        width: 93px;
    }

.person-wapper-content .order-detail table .operate {
        width: 125px;
    }

.person-wapper-content .order-detail table thead th {
        height: 50px;
        line-height: 50px;
    }

.person-wapper-content .order-detail table td {
        border: 1px solid #cecece;
        height: 88px;
    }

.person-wapper-content .order-detail table td p {
            margin: 4px auto;
        }

.text-left td {
    padding-left: 20px;
    text-align: left !important;
    height: 40px !important;
}

.person-wapper-content .appointlist {
    margin-top: 20px;
}

.person-wapper-content .doctorroom p {
    margin: 14px 0 !important;
}

.person-wapper-content .gettimes {
    display: inline-block;
    position: relative;
    top: -5px;
    margin-left: 10px;
}

.person-wapper-content .table-img {
    position: relative;
    top: 3px;
}

.person-wapper-content .spanstyle {
    display: inline-block;
    position: relative;
    top: -5px;
    margin-left: 20px;
}

.person-wapper-content .spanstyletwo {
    display: inline-block;
    margin-left: 20px;
}

.person-wapper-content {
    margin: 30px 0 80px;
}

.pull-right {
    float: right;
       line-height: 2;
}

.pull-left {
    float: left;
        line-height: 1;
}
.colors {
    display: inline-block;
    background-color: #2B5E54;
    margin-right: 10px;
    margin-left: 20px;
    vertical-align: sub;
    width: 6px;
    height: 24px;
}
.addIllness {
    display: inline-block;
    height: 40px;
    
    line-height: 38px;
    text-align: center;
    border-radius: 5px;
    color: blue;
}
.person-wapper-content .addIllness {
    font-size: 16px;
    color: #1f5189;
    margin-right: 15px;
    padding: 0 8px;
}
.person-wapper-content .borBot1   .font-j {
    font-size: 32px;
     color: #1f5189;
     vertical-align:sub;

}

.person-wapper-content .commonperson {
    width: 940px;
    margin-top: 30px;
}
.person-wapper-content .commonperson thead th {
        border: 1px solid #dddddd;
    }

.person-wapper-content .commonperson tbody tr td {
        height: 50px;
        line-height: 50px;
    }
.person-wapper-content .commonperson .operatetwo {
        display: inline-block;
        margin-right: 20px;
    }
.person-wapper-content .commonperson .operatetwo img {
            position: relative;
            margin-right: 8px;
            top: 2px;
        }

.person-wapper-content .commonperson .nodelete {
        font-size: 12px;
    }


/***********************卡号管理**************************/

.person-wapper-content .userCardList {
    padding: 0 20px;
}

.person-wapper-content .userCardList .username {
        width: 70px;
    }

.person-wapper-content .userCardList .username p {
            text-align: right;
            margin-top: 30px;
        }

.person-wapper-content .userCardList .addcard {
        width: 192px;
        height: 54px;
        text-align: center;
    }

.person-wapper-content .userCardList .listCard {
        margin: 30px 0 22px;
    }


/******************我的收藏***************************/

.person-wapper-content .mycollection-img img {
    width: 139px;
    height: 104px;
}

.person-wapper-content .mycollectionlist {
    width: 428px;
    border: 1px solid #dddddd;
}

.person-wapper-content .public-mycollection {
    padding: 20px 17px;
}

.person-wapper-content .public-mycollection-right {
    margin-left: 16px;
    width: 230px;
}

.person-wapper-content .public-mycollection-right .getnumbers {
        font-size: 14px;
    }


.person-wapper-content .public-mycollection-right .roomname {
        font-size: 18px;
    }

.person-wapper-content .public-mycollection-right .hosptialname {
        margin: 20px 0 13px;
    }

.person-wapper-content .public-mycollection-right .telnum {
        display: inline-block;
        margin-left: 10px;
    }

.person-wapper-content .mycollectionlisttwo {
    width: 428px;
    border: 1px solid #dddddd;
    margin-left: 17px;
}

.person-wapper-content .mycollection {
    padding: 20px 0;
    border-bottom: 1px dashed #d2d2d2;
}

.person-wapper-content .mycollection:last-child {
        border-bottom: 1px solid #d2d2d2;
    }

.person-wapper-content .page {
    margin-bottom: -10px;
}

.person-wapper-content .page li {
        padding: 4px 10px;
        line-height: 1.35em;
    }

.person-wapper-content .mycollection-room:last-child {
    display: none;
}

.person-wapper-content .mycollection-docimg img {
    width: 90px;
    height: 120px;
}

.person-wapper-content .docname {
    margin-top: -20px;
    font-size: 18px;
}

.person-wapper-content .professional {
    display: inline-block;
    font-size: 16px;
    margin-left: 11px;
}

.person-wapper-content .doc-psty {
    line-height: 1.57em;
}

.person-wapper-content .public-mycollection-docright {
    margin-left: 16px;
    width: 279px; /*235px lizimo2017/09/07*/
}


/*********************账户资料***************************/

.person-wapper-content .usermessage {
    border-bottom: 1px dashed #d2d2d2;
}

    .person-wapper-content .usermessage:last-child {
        border-bottom: 0;
    }

.person-wapper-content .usermessage-head {
    padding: 35px 15px 30px;
}

.person-wapper-content .usermessage-content {
    width: 300px;
    margin: 0 auto;
}
.person-wapper-content .usermessage-content p:nth-child(2n) {
        margin: 30px 0;
    }
.person-wapper-content .usermessage-content span {
        display: inline-block;
    }

.person-wapper-content .name-sty {
    width: 80px;
    text-align: right;
}

.person-wapper-content .goningEmail {
    margin-left: 30px;
}

.person-wapper-content .uploadimg {
    margin-top: 80px;
}

.person-wapper-content .upload-worning {
    margin: 15px 0;
}

.person-wapper-content .uploadcontent {
    margin: 30px 0 30px;
}

.person-wapper-content .changePassword {
    margin-top: 86px;
}

.person-wapper-content .changePassword button {
        margin-left: 12px;
    }


/*************************************消息中心***********************************/

.person-wapper-content .messageCenter-head button {
    margin-right: 20px;
}

.person-wapper-content .messageCenter-head {
    padding: 20px 0 0;
}

.person-wapper-content .messageList-state {
    font-size: 18px;
    font-weight: bold;
}
.person-wapper-content .messageList-state span {
        display: inline-block;
        font-size: 11px;
        font-weight: normal;
        border-radius: 4px;
        margin-left: 6px;
        padding: 2px;
        height: 11px;
        line-height: 11px;
    }

.person-wapper-content .messageList-time {
    font-size: 14px;
}

.person-wapper-content .messageList-content p {
    line-height: 1.5em;
}

.person-wapper-content .messageList-content {
    margin: 7px 0 0;
}

.person-wapper-content .messageList {
    padding: 20px 0 15px;
    border-bottom: 1px dashed #d2d2d2;
}

.person-wapper-content .downicon {
    display: inline-block;
    margin-left: 13px;
}

.person-wapper-content .downicontrans {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
}


/*********************添加卡号**********************************/

.person-wapper-content .illnessname {
    display: inline-block;
    margin-left: 13px;
}

.person-wapper-content .selectpeopleContent .selectpeople {
    margin-left: 17px;
    top: -15px;
}

.person-wapper-content .selectpeopleContent {
    margin: 21px 0 8px;
}

.person-wapper-content .myAppointment .changePassword button {
    margin-right: 32px;
}


/**************************添加就诊人**********************************/

.person-wapper-content .userinstructions {
    padding: 20px 20px;
    border-radius: 4px;
    border: 1px solid #dddddd;
    margin: 30px 20px 30px 0;
}

.person-wapper-content .userinstructions .instructions-head p {
        font-size: 16px;
    }

.person-wapper-content .userinstructions .instructions-content {
        margin-top: 15px;
    }

.person-wapper-content .userinstructions .instructions-content p {
            font-size: 14px;
            margin-top: 10px;
        }

.person-wapper-content .addpatient .addpatient-select {
    margin-top: 10px;
}

.person-wapper-content .addpatient .form-button-bottom button {
    margin: 0 32px 0 13px;
}

.person-wapper-content .addpatient .selectage {
    position: absolute;
    display: inline-block;
    margin-top: -20px;
    margin-left: 7px;
}

.person-wapper-content .addpatient .category {
    margin: 4px 0 15px;
}

.person-wapper-content .addpatient .form-hide {
    display: none;
}

.person-wapper-content .addpatient .adultform {
    display: none;
}

.person-wapper-content .addpatient .child-radio {
    margin: 3px 13px 9px;
}

.person-wapper-content .child-hide {
    display: none;
}

.person-wapper-content .form-hiden {
    display: block;
}
/**************2017/8/8 lizimo Login*******************/
.new_login .login-content {
    padding-top: 50px;
}

.new_login .login-form {
    background-color: white;
}

.new_login .login h4 {
    color: #203c7f !important;
    background-color: white !important;
    /*border-bottom: 1px solid #dddddd;*/
}

.new_login .mydialog {
    box-shadow: none;
    border: 1px solid #dddddd;
}

.new_login .warnings {
    margin-top: 0px;
}

.new_login .mydialogs .public form, .mydialogs .login form {
    margin-top: 16px !important;
}

.new_login .login-btn {
    margin-bottom: 0 !important;
}


/*科室医生*/

.dept-docList {
    padding: 0 25px;
    display: inline-block;
}
.dept-docList ul {
        width: 1150px;
        display: inline-block;
        border-bottom: 1px solid #D2D2D2;
    }

.dept-docList ul hr {
            border: 1px dotted #D2D2D2;
            margin: 0;
        }

.dept-docList ul li {
            border: 1px solid #D2D2D2;
            border-radius: 4px;
            display: inline-block;
            cursor: pointer;
            padding: 10px;
            width: 178px;
            height: 228px;
            text-align: center;
            margin: 20px 15px;
            float: left;
        }

.dept-docList ul li:hover {
                background: #E9F4FF;
            }

.dept-docList ul li p span {
                padding: 0 5px;
                font-size: 16px;
                /*color: #1689FF;*/
            }

.dept-docList ul li div {
                height: 40px;
                overflow: hidden;
                text-align: left;
            }

.dept-docList ul li img {
                width: 90px;
                height: 120px;
            }


/*隔行变色列表*/

.table-common {
    width: 100%;
    margin: 0;
    text-align: center;
}

.table-common thead tr th {
        text-align: center;
        padding: 5px 15px;
        min-height: 20px;
        line-height: 20px;
        border: none;
        font-size: 16px;
    }

.table-common tbody tr td {
        position: relative;
        padding: 5px 15px;
        min-height: 20px;
        line-height: 20px;
        border: none;
        font-size: 16px;
    }


/*wsl2017/07/28*/


/*医院主页  科室主页*/

.info-introduce h1 {
    font-size: 24px;
    height: 80px;
    line-height: 80px;
    padding: 0;
}

.info-introduce h1 .hos-level {
        padding: 3.5px 7px;
        border: 1px solid #FF5400;
        border-radius: 4px;
        font-size: 16px;
        margin-left: 12px;
        position: relative;
        top: -4px;
    }

.info-introduce h1 .doc-title {
        font-size: 16px;
        padding-left: 10px;
    }

.info-introduce .info-content {
    width: auto;
    display: inline-block;
}

.info-introduce .info-content .info-pic {
        padding: 0;
        float: left;
        line-height: 0;
    }

.info-introduce .docinfo-content .info-pic {
    padding: 10px;
    float: left;
}

.info-introduce .info-content .info-pic img {
    width: 300px;
    height: 225px;
}

.info-introduce .info-content .info-dept-pic img {
    width: 300px;
    height: 175px;
}

.info-introduce .docinfo-content .info-pic img:hover, .info-introduce .info-content .info-pic img:hover {
}

.info-introduce .info-content .info-text {
    margin-left: 20px;
    width: 840px;
    height: 220px;
    line-height: 25px;
    font-size: 14px;
    float: left;
    padding: 10px;
    overflow: hidden;
}

.info-introduce .docinfo-content .info-text a,
.info-introduce .info-content .info-text a {
        cursor: pointer;
        display: none;
    }

.info-introduce .info-content .hos-info-text {
    width: 880px;
    height: 225px;
    padding: 0 0 0 20px;
    float: left;
}

.info-introduce .docinfo-content .info-text p,
.info-introduce .info-content .hos-info-text p {
        margin-bottom: 16px;
        font-size: 16px;
        position: relative;
    }

.info-introduce .docinfo-content .info-text p img,
.info-introduce .info-content .hos-info-text p img {
            position: absolute;
            cursor: pointer;
        }
.info-introduce .info-content .hos-info-text p .summary-text {
            width: 880px;
            height: 125px;
            line-height: 29px; /*30*/
            font-size: 16px;
            overflow: hidden;
        }

.tab-switch {
    width: 100%;
    height: 50px;
}

    .tab-switch ul li {
        float: left;
        font-size: 18px;
        padding: 12px 28px;
        cursor: pointer;
    }

.tab-contain .tab .tab-name {
    height: 48px;
    line-height: 48px;
    padding: 0 12px 0 10px;
    font-size: 16px;
}

    .tab-contain .tab .tab-name img {
        width: 22px;
        display: inline-block;
        vertical-align: sub;
    }

    .tab-contain .tab .tab-name .detailName {
        font-size: 18px;
    }

    .tab-contain .tab .tab-name .nameinfo {
        float: right;
        font-size: 14px;
    }

.tab-contain .tab .tab-choose-left {
    text-align: center;
    height: 60px;
    line-height: 60px;
    float: left;
}

    .tab-contain .tab .tab-choose-left span {
        padding: 0 10px;
        font-size: 16px;
    }

        .tab-contain .tab .tab-choose-left span:after {
            content: "|";
            display: block;
            float: right;
            padding-left: 10px;
            color: #DDDDDD;
        }

.tab-contain .tab .tab-choose-right {
    width: 1093px;
    float: left;
}

    .tab-contain .tab .tab-choose-right input {
        width: 114px;
        height: 34px;
        line-height: 34px;
        padding: 0 10px;
    }

    .tab-contain .tab .tab-choose-right span {
        padding: 0 10px;
        text-align: center;
    }

    .tab-contain .tab .tab-choose-right .defaultBtn {
        width: 40px;
        height: 30px;
        line-height: 30px;
        margin-left: 20px;
        text-align: center;
        border-radius: 4px;
        padding: 0;
    }

.tab-contain .tab .tab-choose-deptType ul li,
.tab-contain .tab .tab-choose-dept ul li {
    position: relative;
    float: left;
    line-height: 20px;
    text-align: left;
    margin-left: 20px;
    cursor: pointer;
    font-size: 16px;
    padding: 5px 0;
}

    .tab-contain .tab .tab-choose-dept ul li span {
        position: absolute;
        top: 11px;
        left: -20px;
        height: 15px;
    }

.tab-contain .tab .tab-choose-deptType ul,
.tab-contain .tab .tab-choose-dept ul {
    display: inline-block;
    vertical-align: middle;
    margin: 15px 0;
}

.tab-contain .tab .tab-doc .tab-choose-doc ul {
    display: inline-block;
}

    .tab-contain .tab .tab-doc .tab-choose-doc ul li .tab-doc-info {
        padding: 25px 0 25px 0;
        display: inline-block;
        width: 470px;
        float: left;
    }

        .tab-contain .tab .tab-doc .tab-choose-doc ul li .tab-doc-info .doc-pic {
            width: 90px;
            height: 120px;
            margin-right: 20px;
            float: left;
        }

            .tab-contain .tab .tab-doc .tab-choose-doc ul li .tab-doc-info .doc-pic img {
                width: 90px;
                height: 120px;
            }

        .tab-contain .tab .tab-doc .tab-choose-doc ul li .tab-doc-info .doc-text {
            width: 350px; /*280px*/
            float: left;
            position: relative;
            top: -5px;
        }

            .tab-contain .tab .tab-doc .tab-choose-doc ul li .tab-doc-info .doc-text p {
                margin-bottom: 6px;
            }

                .tab-contain .tab .tab-doc .tab-choose-doc ul li .tab-doc-info .doc-text p label {
                    font-size: 20px;
                }

                .tab-contain .tab .tab-doc .tab-choose-doc ul li .tab-doc-info .doc-text p span {
                    font-size: 16px;
                }

            .tab-contain .tab .tab-doc .tab-choose-doc ul li .tab-doc-info .doc-text div {
                height: 62px;
                overflow: hidden;
                font-size: 16px;
            }

    .tab-contain .tab .tab-doc .tab-choose-doc ul li {
        display: inline-block;
        float: left;
    }

        .tab-contain .tab .tab-doc .tab-choose-doc ul li table {
            width: 580px;
            display: inline-block;
            margin: 20px 0 20px 35px;
            float: left;
        }

            .tab-contain .tab .tab-doc .tab-choose-doc ul li table thead tr .spec {
                width: 40px;
            }

            .tab-contain .tab .tab-doc .tab-choose-doc ul li table thead tr th {
                height: 38px;
                line-height: 18px;
                font-size: 14px;
                width: 78px;
                text-align: center;
            }

                .tab-contain .tab .tab-doc .tab-choose-doc ul li table thead tr th span {
                    font-size: 12px;
                }

            .tab-contain .tab .tab-doc .tab-choose-doc ul li table tbody td {
                height: 44px;
                line-height: 44px;
                font-size: 14px;
                text-align: center;
            }

            .tab-contain .tab .tab-doc .tab-choose-doc ul li table tbody .reducible,
            .tab-contain .tab .tab-doc .tab-choose-doc ul li table tbody .close,
            .tab-contain .tab .tab-doc .tab-choose-doc ul li table tbody .book,
            .tab-contain .tab .tab-doc .tab-choose-doc ul li .clickMore {
                font-size: 18px;
                padding: 0;
            }

            .tab-contain .tab .tab-doc .tab-choose-doc ul li table tbody .reducible {
                cursor: pointer;
            }

        .tab-contain .tab .tab-doc .tab-choose-doc ul li .clickMore {
            height: 170px;
            line-height: 170px;
            width: 105px;
            display: inline-block;
            float: right;
            text-align: center;
        }

.tab-contain .tab .public-tab {
    min-height: 200px;
    padding: 30px 20px;
}

    .tab-contain .tab .public-tab p {
        line-height: 40px;
    }

.tab-contain .tab {
    display: none;
}

.pulic-content-detail h1 {
    width: 100%;
    text-align: center;
    font-size: 24px;
}

.pulic-content-detail .detail {
    padding: 20px 0;
}

.newsInfo h2 {
    width: 100%;
    text-align: center;
    font-size: 22px;
    margin-bottom: 20px;
}

.newsInfo p {
    padding: 10px 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.newsInfo-content {
    width: 100%;
    padding: 20px 0;
}

    .newsInfo-content p {
        text-align: left;
    }

.dept-collect {
    position: absolute;
    width: 298px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
    font-size: 18px;
    cursor: pointer;
}

    .dept-collect span {
        font-size: 18px;
    }

    .dept-collect img {
        position: relative;
        top: 4px;
        width: 23px !important;
        height: 23px !important;
    }


/*新闻资讯*/

.tab-news-main {
    /*min-height: 400px;*/
    /*margin-bottom: 70px;*/
    display: inline-block;
}

    .tab-news-main .newsList {
        margin-top: 0;
    }

        .tab-news-main .newsList li {
            padding: 20px 0;
            float: left;
            width: 1200px;
        }

            .tab-news-main .newsList li:hover {
                background: #fafafa;
            }

            .tab-news-main .newsList li .news-pic {
                margin-right: 20px;
                float: left;
                line-height: 0;
                width: 250px;
                position: relative;
                overflow: hidden;
            }

                .tab-news-main .newsList li .news-pic a img {
                    width: 100%;
                    height: 188px;
                    transition: 1.5s transform;
                    transform: translateZ(0);
                }

                    .tab-news-main .newsList li .news-pic a img:hover {
                        transform: scale(1.2, 1.2);
                    }

            .tab-news-main .newsList li .news-text {
                float: left;
            }

            .tab-news-main .newsList li .news-title {
                font-size: 22px;
                height: 24px;
            }

            .tab-news-main .newsList li .news-info {
                height: 24px;
                line-height: 24px;
                margin-top: 8px;
                font-size: 14px;
            }

            .tab-news-main .newsList li .news-content {
                line-height: 30px;
                height: 90px;
                overflow: hidden;
                margin-top: 0px;
                font-size: 16px;
                /*width: 930px;*/ /*lizimo 2017/08/14*/
            }

            .tab-news-main .newsList li .news-content-noImg {
                line-height: 30px;
                /*height: 90px;*/
                overflow: hidden;
                margin-top: 0px;
                font-size: 16px;
                width: 100%;
            }

            .tab-news-main .newsList li .news-other {
                margin-top: 10px;
                height: 12px;
            }

                .tab-news-main .newsList li .news-other label {
                    margin-right: 16px;
                    font-size: 14px;
                }

                    .tab-news-main .newsList li .news-other label img {
                        vertical-align: middle;
                        margin-top: -4px;
                    }


/*排班*/

.scheduleTab {
    margin: 0 0 70px 0;
    padding: 0;
    text-align: center;
    width: 1200px;
}

    .scheduleTab thead {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

        .scheduleTab thead th {
            text-align: center;
        }

    .scheduleTab tbody td {
        padding: 10px 15px;
        line-height: 20px;
    }

        .scheduleTab tbody td img {
            display: inline-block;
            vertical-align: middle;
            margin: 0 5px;
        }

        .scheduleTab tbody td span {
            font-size: 12px;
        }

    .scheduleTab tbody .noon {
        width: 3em;
    }

.inhos-rightSpec {
    border: 1px solid #D2D2D2;
    padding: 10px;
    text-align: left;
    margin-bottom: 30px;
}

    .inhos-rightSpec div {
        overflow: hidden;
        font-size: 14px;
    }

.ProgressBar {
    display: inline-block;
    text-align: center;
}

    .ProgressBar p,
    .ProgressBar img {
        display: inline-block;
        float: left;
    }

    .ProgressBar p {
        position: relative;
        top: 14px;
    }

    .ProgressBar ul {
        width: 100%;
    }

.ProgressBarTip {
    width: 100%;
    display: inline-block;
    margin-bottom: 50px;
    margin-top: 15px;
}

    .ProgressBarTip li {
        float: left;
        width: 33%;
        font-size: 14px;
    }

.confirm-info ul {
    width: 100%;
    /*margin-top: 10px;*/
    padding: 0 10px;
    display: inline-block;
}

    .confirm-info ul li {
        width: 50%;
        display: inline-block;
        float: left;
        /*height: 40px;*/
        line-height: 40px;
        font-size: 16px;
    }

.confirm-info .confirm-line {
    padding: 0 10px;
    display: table;
    font-size: 16px;
    padding: 10px 0;
}

    .confirm-info .confirm-line .float-left span {
        line-height: 44px;
        height: 44px;
        width: 80px;
        float: right;
    }

    .confirm-info .confirm-line .float-right ul li {
        float: left;
        margin-right: 20px;
        width: auto;
        margin-bottom: 10px;
    }

        .confirm-info .confirm-line .float-right ul li em {
            cursor: pointer;
            font-size: 16px;
            padding: 0 10px;
            line-height: 42px;
            height: 42px;
            display: inline-block;
            text-align: center;
            width: 78px;
            position: relative;
        }

.inhosPaymethod li em {
    width: 138px !important;
}

    .inhosPaymethod li em img {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -2px;
        margin: 0 8px 0 0;
    }

.confirm-info .confirm-line .float-right ul .active em {
    line-height: 40px;
    height: 40px;
    width: 76px;
}

.confirm-info .confirm-line .float-right .inhosPaymethod .active em {
    width: 136px !important;
}

.confirm-info .confirm-line .float-right ul .active em i {
    display: block;
    width: 15px;
    height: 14px;
    background: url(/Content/images/righbt.png) no-repeat 0 0;
    right: -1px;
    bottom: -1px;
    position: absolute;
    float: right;
}

.specilDiv {
    margin: 10px 0 0 10px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    float: left;
}

.text14 {
    font-size: 14px;
}

.inhosP {
    /* height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;*/ min-height: 300px;
}

    .inhosP img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
        margin-top: -5px;
    }

.errorTip {
    text-align: left;
    position: absolute;
    left: 90px;
    top: 55px;
}

.quarter-label {
    height: 60px;
    line-height: 60px;
    width: 100%;
    background-color: #D2D2D2;
}

    .quarter-label div {
        width: 25%;
        float: left;
        text-align: center;
    }

.cosumeInfo {
    margin: 20px 0;
    height: 20px;
}

    .cosumeInfo span {
        padding-right: 40px;
    }

    .cosumeInfo label {
        float: right;
        text-align: right;
    }

        .cosumeInfo label span {
            padding: 0;
        }

.parting-line .confirm-info > ul {
    padding: 0;
}

    .greySpan .confirm-info > ul li,
    .parting-line .confirm-info > ul li {
        /*height: 30px;*/
        line-height: 30px;
    }

.doctor-signature {
    font-size: 18px;
    float: right;
}

.text-indent {
    text-indent: 2em;
}

.tipMessageSpecil {
    width: 750px;
    float: left;
    font-size: 14px;
    color: #B1B1B1;
    margin: 10px 0 0 10px;
    text-align: left;
}


/*科室导航医生导航*/

.panel-box-middle {
    position: relative;
    overflow: hidden;
}

    .panel-box-middle .panel-header {
        background: #F0F0F0;
        border: 1px solid #D2D2D2;
        height: 50px;
        line-height: 50px;
        padding: 0 10px;
    }

        .panel-box-middle .panel-header img {
            width: 22px;
            display: inline-block;
            vertical-align: sub;
            margin-right: 10px;
        }

        .panel-box-middle .panel-header h2 {
            display: inline-block;
        }

    .panel-box-middle .panel-body .nav-row {
        padding: 15px 0;
        border-bottom: 1px solid #DDDDDD;
        overflow: hidden;
        font-size: 16px;
    }

        .panel-box-middle .panel-body .nav-row dt {
            width: 115px;
            padding-left: 10px;
            padding-right: 20px;
            padding-top: 5px;
            line-height: 20px;
            float: left;
            position: relative;
        }

            .panel-box-middle .panel-body .nav-row dt a {
                width: 4em;
                display: inline-block;
            }

            .panel-box-middle .panel-body .nav-row dt:before {
                content: "|";
                display: block;
                position: absolute;
                left: 142px;
                margin-top: 0px;
                float: right;
                color: #DDDDDD;
            }

        .panel-box-middle .panel-body .nav-row dd {
            width: 1050px;
            line-height: 20px;
            float: left;
        }

            .panel-box-middle .panel-body .nav-row dd ul li {
                float: left;
                margin: 5px 20px;
                cursor: pointer;
            }

                .panel-box-middle .panel-body .nav-row dd ul li.active {
                    color: #0674E4;
                }

                .panel-box-middle .panel-body .nav-row dd ul li:hover {
                    color: #FFA800;
                }

.panel-box {
    border: 1px solid #E5E5E5;
}

    .panel-box .panel-header {
        height: 60px;
        line-height: 60px;
        background: #F0F0F0;
    }

        .panel-box .panel-header h2 {
            font-size: 24px;
            padding-left: 20px;
        }

        .panel-box .panel-header .panel-logo {
            padding: 0 10px;
        }

    .panel-box .panel-body .confirm-appointment-info {
        margin: 0 20px;
        overflow: hidden;
        border-bottom: 1px dotted #E5E5E5;
        font-size: 18px;
    }

        .panel-box .panel-body .confirm-appointment-info .left-content {
            width: 830px;
            padding: 20px 0;
            float: left;
        }

            .panel-box .panel-body .confirm-appointment-info .left-content .thumb {
                width: 308px;
                margin-right: 50px;
                float: left;
                line-height: 28px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

        .panel-box .panel-body .confirm-appointment-info .right-content {
            font-size: 24px;
            width: 318px;
            float: right;
            height: 60px;
            line-height: 60px;
            text-align: center;
            border-left: 1px solid #d8d8d8;
            margin-top: 18px;
        }

    .panel-box .panel-body .search-doctor-box {
        border-bottom: 1px dashed #E5E5E5;
        margin-bottom: -1px;
    }

        .panel-box .panel-body .search-doctor-box .search-doctor-row {
            padding: 20px;
            overflow: hidden;
        }

            .panel-box .panel-body .search-doctor-box .search-doctor-row img {
                float: left;
                width: 90px;
                height: 120px;
            }

            .panel-box .panel-body .search-doctor-box .search-doctor-row .search-doctor-info {
                padding-left: 24px;
                float: left;
                width: 1040px;
            }

                .panel-box .panel-body .search-doctor-box .search-doctor-row .search-doctor-info h3 {
                    color: #151515;
                    font-size: 20px;
                    line-height: 25px;
                }

                    .panel-box .panel-body .search-doctor-box .search-doctor-row .search-doctor-info h3 small {
                        color: #999999;
                        font-size: 16px;
                        padding-left: 12px;
                    }

                .panel-box .panel-body .search-doctor-box .search-doctor-row .search-doctor-info p {
                    margin: 10px 0;
                }

.panel-box {
    border: 1px solid #E5E5E5;
}

    .panel-box .panel-header {
        height: 50px;
        line-height: 50px;
        background: #F0F0F0;
    }

        .panel-box .panel-header h2 {
            font-size: 20px;
            padding-left: 20px;
        }

        .panel-box .panel-header .panel-logo {
            padding: 0 10px;
        }

        .panel-box .panel-header .page-title {
            font-size: 16px;
            color: #B1B1B1;
            padding-left: 20px;
        }

        .panel-box .panel-header .page-add {
            float: right;
            padding-right: 20px;
            font-size: 16px;
            color: #0674E4;
        }

    .panel-box .panel-body .confirm-appointment-info {
        margin: 0 20px;
        overflow: hidden;
        border-bottom: 1px dotted #E5E5E5;
        font-size: 16px;
    }

        .panel-box .panel-body .confirm-appointment-info .left-content {
            width: 920px;
            padding: 20px 0;
            float: left;
        }

            .panel-box .panel-body .confirm-appointment-info .left-content .big-quar {
                width: 556px;
                float: left;
                line-height: 28px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                text-indent: 1em;
            }

            .panel-box .panel-body .confirm-appointment-info .left-content .small-quar {
                width: 363px;
                float: left;
                line-height: 28px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

            .panel-box .panel-body .confirm-appointment-info .left-content .thumb {
                line-height: 28px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

        .panel-box .panel-body .confirm-appointment-info .right-content {
            font-size: 24px;
            width: 237px;
            float: right;
            height: 60px;
            line-height: 60px;
            text-align: center;
            border-left: 1px solid #d8d8d8;
            margin-top: 18px;
        }

        .panel-box .panel-body .confirm-appointment-info .right-content-big {
            font-size: 24px;
            width: 237px;
            float: right;
            height: 60px;
            line-height: 60px;
            text-align: center;
            border-left: 1px solid #d8d8d8;
            margin-top: 45px;
        }

    .panel-box .panel-body .confirm-appointment-meta {
        padding: 20px 20px 0 20px;
    }

        .panel-box .panel-body .confirm-appointment-meta .thumb {
            overflow: hidden;
            margin-bottom: 20px;
        }

            .panel-box .panel-body .confirm-appointment-meta .thumb .control {
                width: 100px;
                float: left;
                text-align: right;
                line-height: 50px;
            }

            .panel-box .panel-body .confirm-appointment-meta .thumb .context {
                width: 1047px;
                float: right;
            }

                .panel-box .panel-body .confirm-appointment-meta .thumb .context td {
                    width: 160px;
                    height: 50px;
                    cursor: pointer;
                    text-align: center;
                    border: 1px solid #D2D2D2;
                }

                    .panel-box .panel-body .confirm-appointment-meta .thumb .context td:hover {
                        background: #e9f4ff;
                    }

                    .panel-box .panel-body .confirm-appointment-meta .thumb .context td.active {
                        border: 2px solid #FF5400;
                        background: url(/Content/images/righbt.png) no-repeat right bottom;
                        background-size: 15px 14px;
                    }

                .panel-box .panel-body .confirm-appointment-meta .thumb .context .practice div {
                    width: 100px;
                    height: 44px;
                    line-height: 44px;
                    text-align: center;
                    margin-right: 20px;
                    float: left;
                    border: 1px solid #D2D2D2;
                }

                    .panel-box .panel-body .confirm-appointment-meta .thumb .context .practice div.active {
                        border: 2px solid #FF5400;
                        background: url(/Content/images/righbt.png) no-repeat right bottom;
                        background-size: 15px 14px;
                    }

                .panel-box .panel-body .confirm-appointment-meta .thumb .context .check-group {
                    width: 800px;
                    display: inline-block;
                }

                    .panel-box .panel-body .confirm-appointment-meta .thumb .context .check-group label {
                        width: 120px;
                        line-height: 50px;
                        display: inline-block;
                        float: left;
                        margin-right: 30px;
                    }

                    .panel-box .panel-body .confirm-appointment-meta .thumb .context .check-group input {
                        margin-right: 10px;
                    }

                .panel-box .panel-body .confirm-appointment-meta .thumb .context textarea {
                    width: 99%;
                    height: 60px;
                    border: 1px solid #D2D2D2;
                    resize: none;
                }

    .panel-box .panel-body .clinic-people {
        margin: 22px 25px 0;
    }

        .panel-box .panel-body .clinic-people .clinic-row {
            margin-bottom: 13px;
        }

            .panel-box .panel-body .clinic-people .clinic-row label {
                padding-left: 16px;
            }

                .panel-box .panel-body .clinic-people .clinic-row label input {
                    margin-right: 10px;
                }

            .panel-box .panel-body .clinic-people .clinic-row span {
                margin-right: 24px;
            }

    .panel-box .panel-body .clinic-card .clinic-card-body {
        margin: 20px 35px;
    }

        .panel-box .panel-body .clinic-card .clinic-card-body .card {
            border: 1px solid #D8D8D8;
            display: inline-block;
            height: 44px;
            line-height: 44px;
            padding: 10px 20px;
            border-radius: 4px;
            margin-bottom: 10px;
            margin-right: 10px;
            cursor: pointer;
        }

            .panel-box .panel-body .clinic-card .clinic-card-body .card.active {
                border: 2px solid #FF5400;
                background: url(/Content/images/righbt.png) no-repeat right bottom;
                background-size: 15px 14px;
            }

    .panel-box .panel-body .clinic-card .clinic-card-title {
        line-height: 60px;
        margin-left: 20px;
    }

        .panel-box .panel-body .clinic-card .clinic-card-title span {
            float: right;
            padding-right: 20px;
            font-size: 16px;
            color: #0674E4;
        }

.clinic-pay-type {
    font-size: 18px;
    color: #4A4A4A;
    float: left;
    padding-left: 35px;
    margin-top: 25px;
}

    .clinic-pay-type .pay-btn {
        width: 150px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        border: 1px solid #D8D8D8;
        display: inline-block;
        margin-right: 10px;
    }

        .clinic-pay-type .pay-btn.active {
            border: 2px solid #FF5400;
            background: url(/Content/images/righbt.png) no-repeat right bottom;
            background-size: 15px 14px;
        }

.clinic-pay-price {
    float: right;
    text-align: right;
}

    .clinic-pay-price .money {
        font-size: 18px;
        color: #4A4A4A;
        margin-top: 30px;
    }

.panel-box .panel-body .pay-type-list {
}

    .panel-box .panel-body .pay-type-list .pay-type-box {
        padding: 20px;
    }

        .panel-box .panel-body .pay-type-list .pay-type-box ul li {
            width: 160px;
            height: 54px;
            line-height: 54px;
            margin: 0 20px;
            border: 1px solid #D8D8D8;
            display: inline-block;
            text-align: center;
        }

            .panel-box .panel-body .pay-type-list .pay-type-box ul li.active {
                border: 2px solid #FF5400;
                background: url(/Content/images/righbt.png) no-repeat right bottom;
                background-size: 15px 14px;
            }

            .panel-box .panel-body .pay-type-list .pay-type-box ul li img {
                vertical-align: middle;
            }


/*预约信息页*/

.info-header {
    border-bottom: 1px dotted #D2D2D2;
}

    .info-header .big-header {
        font-size: 24px;
        margin-top: 26px;
    }

        .info-header .big-header small {
            float: right;
            font-size: 16px;
        }

    .info-header .small-header {
        font-size: 16px;
        color: #B1B1B1;
        margin-top: 10px;
        margin-bottom: 20px;
    }

.clinic-info-header {
    margin-top: 20px;
    font-size: 24px;
}

.clinic-info-body {
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 13px;
    border-bottom: 1px dotted #D2D2D2;
}

    .clinic-info-body .left-content {
        float: left;
        width: 600px;
    }

    .clinic-info-body .right-content {
        float: left;
        width: 600px;
    }

        .clinic-info-body .right-content .thumb,
        .clinic-info-body .left-content .thumb {
            width: 450px;
            margin-bottom: 13px;
        }

.payment {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px dotted #D2D2D2;
}

    .payment .payment-info {
        font-size: 24px;
    }

        .payment .payment-info span {
            margin-right: 30px;
        }

    .payment .payment-meta {
        font-size: 16px;
        color: #B1B1B1;
        margin-top: 12px;
    }

.panel-box .panel-body .appoint-info-remark {
    padding: 20px;
}

.clinic-people-info {
    padding: 20px;
    padding-bottom: 5px;
    overflow: hidden;
}

    .clinic-people-info .thumb {
        margin-bottom: 13px;
        width: 560px;
        float: left;
    }


/*弹框*/

.pop-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
}

.pop-content {
    background: #FFFFFF;
    box-shadow: 0 3px 23px 11px rgba(0, 0, 0, 0.20);
    border-radius: 4px;
    width: 500px;
    margin: 0 auto;
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -250px;
    margin-top: -200px;
}

    .pop-content .pop-header {
        background: #203C7F;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
        color: #FFFFFF;
        text-align: center;
    }

    .pop-content .pop-body .pop-title {
        width: 420px;
        height: 54px;
        background: #F3F2F2;
        line-height: 54px;
        margin: 10px auto;
        text-align: center;
    }

    .pop-content .pop-body .type-list {
        width: 420px;
        margin: 0 auto;
    }

        .pop-content .pop-body .type-list label {
            display: block;
            line-height: 40px;
        }

            .pop-content .pop-body .type-list label input {
                margin-right: 5px;
            }

    .pop-content .pop-footer {
        width: 230px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

        .pop-content .pop-footer .enter {
            background: #203C7F;
            margin: 0 auto;
            border-radius: 4px;
            width: 100px;
            height: 44px;
            line-height: 44px;
            text-align: center;
            font-size: 18px;
            display: inline-block;
            margin-right: 20px;
            color: #FFFFFF;
        }

        .pop-content .pop-footer .cancel {
            border: 1px solid #B1B1B1;
            width: 100px;
            height: 44px;
            line-height: 44px;
            text-align: center;
            font-size: 18px;
            display: inline-block;
            border-radius: 4px;
        }

.wei-popup .is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.wei-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(94, 110, 141, 0.2);
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.pay-wei {
    padding-left: 0 !important;
}

.is-visible .wei-popup-container {
    /* -webkit-transform: translateY(0); */
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.wei-popup-container {
    position: relative;
    width: 18%;
    max-width: 400px;
    margin: 20rem auto;
    background: #FFF;
    border-radius: .5em .5em .5em .5em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: visible;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    height: auto;
}

.close {
    font-size: 26px;
    color: #464646;
    /*display: block;*/ /*lizimo2017/08/22*/
    text-align: right;
    padding-right: 20px;
}

.pay-wei h1 {
    padding: 10px;
    font-size: 18px;
}

.pay-wei img {
    padding: 10px;
}

.pay-wei em {
    font-size: 12px;
    display: block;
    color: #FF5400;
    font-size: 18px;
    font-weight: bold;
}

.errorMessage .messageText,
.successMessage .messageText {
    position: absolute;
    z-index: 10;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    width: 410px;
    height: 60px;
    overflow: hidden;
    padding: 20px 10px;
    line-height: 60px;
    text-align: center;
    border-radius: 4px;
}

.header-icon {
    display: block;
    width: 24px;
    float: left;
    height: 50px;
    margin-right: 20px;
}

.header-icon-list {
    background: url(../images/list.png) no-repeat 50%;
}

.header-icon-doctor {
    background: url(../images/doctor.png) no-repeat 50%;
}

.header-icon-note {
    background: url(../images/note.png) no-repeat 50%;
}

.header-icon-people {
    background: url(../images/people.png) no-repeat 50%;
}

.header-icon-card {
    background: url(../images/card.png) no-repeat 50%;
}

.header-icon-tips {
    background: url(../images/tips.png) no-repeat 50%;
}

.transShadow {
    opacity: 0;
    filter: alpha(opacity=0);
}

.radio-dialog {
    width: 300px;
    border: 1px solid #D2D2D2;
}

.questionnaire {
    border-top: 1px dotted #D2D2D2;
    margin-bottom: 25px;
}

    .questionnaire li {
        font-size: 18px;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px dotted #D2D2D2;
    }

        .questionnaire li .date {
            font-size: 16px;
            color: #B1B1B1;
            float: right;
        }
/*医生主页*/
.content .left-content {
    width: 930px;
    float: left;
}

    .content .left-content .doctor-index-title {
        line-height: 70px;
    }

        .content .left-content .doctor-index-title span.name {
            font-size: 24px;
            color: #4A4A4A;
        }

        .content .left-content .doctor-index-title span.type {
            margin-left: 30px;
            font-size: 20px;
        }

        .content .left-content .doctor-index-title span.depart {
            margin-left: 20px;
            font-size: 20px;
        }

    .content .left-content .doctor-index-info {
        overflow: hidden;
    }

        .content .left-content .doctor-index-info .doc-pic {
            float: left;
            width: 156px;
            line-height: 0;
            margin-top: -5px;
        }

            .content .left-content .doctor-index-info .doc-pic > img {
                width: 156px;
                height: 227px;
            }

            .content .left-content .doctor-index-info .doc-pic .doc-collect {
                background: #F7F8FC;
                height: 50px;
                line-height: 50px;
                text-align: center;
                border: 1px solid #D2D2D2;
                border-top: none;
                font-size: 18px;
                color: #FF5400;
            }

        .content .left-content .doctor-index-info .info {
            float: right;
            width: 730px;
        }

            .content .left-content .doctor-index-info .info p {
                margin-bottom: 10px;
                line-height: 24px;
                line-height: 30px;
            }

            .content .left-content .doctor-index-info .info .more {
                font-size: 16px;
                color: #0674E4;
            }

    .content .left-content .doctor-index-box {
        margin-top: 10px;
    }

        .content .left-content .doctor-index-box .box-header {
            background: #F0F0F0;
            line-height: 50px;
            height: 50px;
            font-size: 18px;
            padding-left: 20px;
            border: 1px solid #D2D2D2;
        }

            .content .left-content .doctor-index-box .box-header img.icon {
                line-height: 40px;
                float: right;
                padding-right: 20px;
                margin-top: 13px;
            }

        .content .left-content .doctor-index-box .box-body {
            border: 1px solid #D2D2D2;
            border-top: none;
        }

            .content .left-content .doctor-index-box .box-body .doctor-list {
                overflow: hidden;
                padding-left: 12px;
            }

                .content .left-content .doctor-index-box .box-body .doctor-list .doctor-info {
                    margin: 20px 0;
                    text-align: center;
                    border: 1px solid #D2D2D2;
                    border-radius: 4px;
                    width: 204px;
                    height: 250px;
                    float: left;
                    margin-left: 10px;
                    margin-right: 10px;
                }

                    .content .left-content .doctor-index-box .box-body .doctor-list .doctor-info:hover {
                        background: #E9F4FF;
                    }

                    .content .left-content .doctor-index-box .box-body .doctor-list .doctor-info .doctor-img {
                        float: left;
                        clear: both;
                        width: 90px;
                        height: 120px;
                        display: inline-block;
                        margin-left: 58px;
                        margin-top: 10px;
                    }

                    .content .left-content .doctor-index-box .box-body .doctor-list .doctor-info .doctor-text {
                        float: left;
                        clear: both;
                        margin-top: 10px;
                        width: 100%;
                    }

                        .content .left-content .doctor-index-box .box-body .doctor-list .doctor-info .doctor-text .doctor-name {
                            font-size: 20px;
                            color: #0674E4;
                        }

                        .content .left-content .doctor-index-box .box-body .doctor-list .doctor-info .doctor-text .doctor-type {
                            font-size: 16px;
                            color: #666666;
                        }

                            .content .left-content .doctor-index-box .box-body .doctor-list .doctor-info .doctor-text .doctor-type span {
                                overflow: hidden;
                                text-overflow: ellipsis;
                                width: 6em;
                                white-space: nowrap;
                                display: inline-block;
                            }

                        .content .left-content .doctor-index-box .box-body .doctor-list .doctor-info .doctor-text .doctor-good {
                            text-align: left;
                            color: #999999;
                            margin: 10px 12px 0;
                        }

.content .right-content {
    width: 240px;
    float: right;
}

    .content .right-content .doctor-index-qr {
        height: 230px;
        border: 1px solid #D2D2D2;
    }

        .content .right-content .doctor-index-qr .qr-header .qr-tab {
            float: left;
            height: 45px;
            width: 118px;
            border-bottom: 2px solid #D2D2D2;
            text-align: center;
            float: left;
            line-height: 45px;
            font-size: 18px;
        }

            .content .right-content .doctor-index-qr .qr-header .qr-tab:first-child {
                border-right: 1px solid #D2D2D2;
            }

            .content .right-content .doctor-index-qr .qr-header .qr-tab.active {
                border-bottom: 2px solid #0674E4;
                color: #0674E4;
                background-color: white !important;
            }

        .content .right-content .doctor-index-qr .qr-body table tr td, .qr-body table tr th {
            border-top: 1px #e8e8e8 solid;
            border-right: 1px #e8e8e8 solid;
            text-align: center;
        }

        .content .right-content .doctor-index-qr .qr-body {
            margin-top: -1px;
        }

            .content .right-content .doctor-index-qr .qr-body table tr th {
                height: 30px;
            }

            .content .right-content .doctor-index-qr .qr-body table tr td {
                height: 50px;
            }

                .content .right-content .doctor-index-qr .qr-body table tr td.title, .qr-body table tr th.title {
                    background: #f0f0f0;
                }

    .content .right-content .float-right-box {
        border: 1px solid #D2D2D2;
    }

        .content .right-content .float-right-box .box-header {
            font-size: 18px;
            height: 40px;
            line-height: 40px;
            padding-left: 10px;
            border-bottom: 1px solid #D2D2D2;
        }

            .content .right-content .float-right-box .box-header .more {
                color: #0674E4;
                float: right;
                padding-right: 10px;
                font-size: 14px;
            }

        .content .right-content .float-right-box .box-body ul li {
            padding-left: 10px;
        }

        .content .right-content .float-right-box .box-body ul li {
            padding: 5px 10px;
        }

            .content .right-content .float-right-box .box-body ul li span {
                display: inline-block;
            }

                .content .right-content .float-right-box .box-body ul li span.name {
                    width: 8em;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                }

                .content .right-content .float-right-box .box-body ul li span.depart {
                    width: 6em;
                    text-overflow: ellipsis;
                    font-size: 14px;
                    overflow: hidden;
                    white-space: nowrap;
                }

.wholeLi .confirm-info ul li {
    width: 100%;
}

.Quarter .confirm-info ul li {
    width: 25%;
}

    .Quarter .confirm-info ul li div {
        width: 50%;
        float: left;
    }

.clinic-info-center {
    width: 460px;
    margin: 20px auto;
}

    .clinic-info-center .thumb {
        margin-bottom: 10px;
    }

.clinic-sucess-title {
    height: 100px;
    vertical-align: middle;
    line-height: 100px;
    text-align: center;
    font-size: 24px;
    color: #4A4A4A;
}

    .clinic-sucess-title span {
        font-size: 18px;
        color: #4A4A4A;
    }

.errorMessageBox {
    position: fixed;
    top: 76px;
    background: #fd8692;
    border: 1px solid #f9374a;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    padding: 20px 40px;
    left: 50%;
    margin-left: -285px;
    width: 466px;
    /*height: 70px;*/
    padding: 20px 0;
    line-height: 24px;
    z-index: 9999;
    text-align: center;
}

    .errorMessageBox img {
        width: 36px;
        height: 36px;
        position: relative;
        top: 10px;
        display: inline-block;
    }

    .errorMessageBox label img {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 16px;
        right: 20px;
        display: inline-block;
        cursor: pointer;
    }
/*预约成功*/
.clinic-sucess-title img {
    vertical-align: middle;
}

.clinic-sucess-title span {
    font-size: 18px;
}

    .clinic-sucess-title span.big {
        font-size: 24px;
        margin: 0 16px;
        line-height: 90px;
    }

.clinic-sucess-title .sucess-btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    margin-left: 10px;
    display: inline-block;
    background: #203C7F;
}

    .clinic-sucess-title .sucess-btn:hover {
        background: #203C7F;
    }

/* 找回密码邮箱返回页面 */
.passwordconfirm {
    font-family: "微软雅黑";
}

    .passwordconfirm .res-attation {
        width: 45px;
    }

    .passwordconfirm .content-left {
        width: 530px;
        margin: 0 auto;
    }

    .passwordconfirm .row-header {
        margin: 56px auto;
        border-bottom: 1px dashed #d2d2d2;
        padding-bottom: 56px;
        margin-bottom: 25px;
    }

    .passwordconfirm .confirm-head {
        color: #b1b1b1;
        margin-bottom: 12px;
    }

    .passwordconfirm .username {
        display: inline-block;
        margin-left: 13px;
        margin-bottom: 8px;
    }
/* 追加*/
.btnAnimate:hover {
    background-color: #0674E4 !important;
}
/*追加 2017/9/12*/
.public-select-large {
    width: 300px;
}

    .public-select-large #CardList a {
        width: 300px;
    }

    .public-select-large .option a {
        width: 300px;
    }

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}