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

body {
    font-size: 14px;
    color: #333;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53" !important;
}

input[type="radio"], input[type="checkBox"] {
    vertical-align: middle;
    margin: -1px 2px 1px 0;
}

a {
    color: #333;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #333;
        text-decoration: none;
    }

ul {
    margin: 0;
    list-style: none;
}

input, textarea, select[multiple], select, button {
    border: 1px solid #e6e6e6;
    outline: none;
    border-radius: 2px;
    transition: border-color 0.2s;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53" !important;
    font-size: 14px;
}

    textarea:disabled, input:disabled, select:disabled {
        background: #f9f9f9;
    }

    input:hover, textarea:hover, select[multiple]:hover, select:hover {
        border-color: #c0c4cc;
    }

    input:focus, textarea:focus, select[multiple]:focus, select:focus {
        border-color: #0086ce;
    }

.container {
    padding: 0;
}

.mb8 {
    margin-bottom: 8px;
}

.row {
    margin: 0;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.clear:after {
    display: block;
    content: '';
    clear: both;
}

.ellipsis {
    display: inherit;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.a_link, a_link:hover, .a_link:focus {
    color: #0a70b0 !important;
}

.addUndelineTOlink {
    padding-bottom: 1px;
    color: #0a70b0;
}

    .addUndelineTOlink:hover {
        border-bottom: 1px solid #0a70b0;
    }

.voiceTip {
    line-height: 44px;
}

.ml5 {
    margin-left: 5px;
}

.mr_5 {
    margin-right: 5px;
}

.ml30 {
    margin-left: 30px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.f30 {
    font-size: 30px !important;
}
.idType_width{
    width:auto!important;
    padding-left:10px;
}
.page_min_width {
    min-width: 1280px !important;
}

.cursor {
    cursor: pointer;
}

.topOperateUl > li {
    color: #333 !important;
}

.netClicReceiveFile .el-upload-list__item-name {
    min-height: 70px;
}

.el-icon-arrow-left:before {
    content: "\e6de";
}

.cursor_not_allowed {
    cursor: not-allowed !important;
}

input::input-placeholder {
    color: #bbb !important;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999 !important;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999 !important;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #999 !important;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999 !important;
}

.opacity_0 {
    opacity: 0;
}

textarea:hover {
    border-color: #6ca9d0;
}

textarea:focus {
    border-color: #3b8dc0;
}

.win_back {
    height: 100%;
    color: #999;
}

    .win_back .iconfont {
        margin-right: 5px;
    }

#schedule .el-input__icon {
    width: 25px;
    line-height: 37px;
}

.win_back:hover {
    color: #0a70b0;
}

.win_back_title {
    font-size: 16px;
}

.noAdviceImgTip {
    display: block; /*margin:0 auto;*/
    position: absolute;
    top: calc(50% - 46px);
    left: calc(50% - 46px);
}

.noAdviceImg {
    display: block;
    margin: 10px auto;
}

.win_back_tip {
    font-size: 14px;
    color: #888;
}
/**重置layer*/
.layui-layer {
    border-radius: 0; /*box-shadow:0 1px 1px rgba(0,0,0,0.08);*/
}
/*滚动条 start*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 8px;
    height: 12px;
    background-color: #fff;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-border-radius: 16px;
    background-color: #fff;
    -webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
    -webkit-border-radius: 16px;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
}
/*滚动条 end*/
/*字体颜色 start*/
.f_color_666 {
    color: #666 !important;
}

.f_color_ff9a50 {
    color: #ff9a50;
}

.f_color_cc3300 {
    color: #cc3300 !important;
}

.f_color_63b351 {
    color: #63b351 !important;
}

.f_color_0a70b0 {
    color: #0a70b0 !important;
}

.f_color_ff9900 {
    color: #ff9900 !important;
}

.collectionStarIcon {
    font-size: 16px;
    color: #ff9500;
    margin-right: 3px;
}

.collectionBtnOperate button {
    height: 30px;
    line-height: 27px;
    width: 86px;
    border: 1px solid #e6e6e6;
}

.red {
    color: red !important;
}

.his_item .doctorTab .isFinalDoctor {
    color: #ff9544 !important;
    margin-right: 0px;
    padding: 0 0 0 8px;
}

.f_color_ff9900 {
    color: #ff9900 !important;
}

.f_color_00ad78 {
    color: #00ad78 !important;
}

.f_color_ff9900 {
    color: #ff9900 !important;
}
/*黄色*/
.f_color_5b85ef {
    color: #5b85ef !important;
}
/*蓝色*/
.f_color_00ad78 {
    color: #00ad78 !important;
}
/*绿色*/
.f_color_ff0000 {
    color: #ff0000 !important;
}
/*红色*/
.has_auto_save {
    margin-left: 10px;
    color: #666;
}

    .has_auto_save i {
        border-radius: 50%;
        margin-right: 5px;
        color: #fff;
        background: #00ad78;
    }
/*字体颜色 end*/ /*按钮重置 start*/

button {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    outline: none;
    background: none;
    cursor: pointer;
    color: #333;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53" !important;
}

.btn_0a70b0 {
    background: #0a70b0 !important;
    color: #fff !important;
    border-color: #0a70b0 !important;
}

    .btn_0a70b0:hover {
        background: #07598d;
        border-color: #07598d;
    }

.btn_da4a4a {
    background: #da4a4a;
    color: #fff;
    border-color: #da4a4a;
}

    .btn_da4a4a:hover {
        background: #c74343;
        border-color: #c74343;
    }

.btn_00aa00 {
    background: #00aa00;
    color: #fff;
    border-color: #00aa00;
}

    .btn_00aa00:hover {
        background: #00aa00;
        border-color: #00aa00;
    }

.btn_60 {
    width: 60px;
}

.btn_90 {
    width: 90px;
}

.btn_text {
    border: none;
    background: #fff;
    color: #0a70b0;
}
/*按钮重置 end*/
/*图标*/
.icon-self {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 6px;
    vertical-align: middle;
    text-align: center;
    line-height: 24px;
    border-radius: 2px;
    cursor: pointer;
    color: #fff;
}

    .icon-self:hover, .icon-self:focus {
        color: #fff;
    }
/*灰色*/
.icon_bg_ddd {
    background: #e6e6e6;
    cursor: no-drop;
}
/*红色*/
.icon_bg_ff6464 {
    background: #ff6464;
}

    .icon_bg_ff6464:hover {
        background: #ee5c5c;
    }
/*绿色*/
.icon_bg_80c269 {
    background: #80c269;
}

    .icon_bg_80c269:hover {
        background: #74b15f;
    }
/*黄色*/
.icon_bg_f4c15f {
    background: #f4c15f;
}

    .icon_bg_f4c15f:hover {
        background: #ecb752;
    }
/*蓝色*/
.icon_bg_64ade7 {
    background: #64ade7;
}

    .icon_bg_64ade7:hover {
        background: #5ca0d6;
    }

.icon-table-close {
    background: url('../../../../../../../Doctor/Content/productStyle/blue/img/icon-table-close.png');
    cursor: pointer;
}

.im_icon {
    color: #0a70b0;
    cursor: pointer;
    font-size: 16px;
}
/**/
.pop-small-icon {
    display: inline-block;
    width: 8px;
    height: 4px;
    margin-bottom: 4px;
    margin-left: 10px;
    background: url("../../../../../../../Doctor/Content/productStyle/blue/img/pop_small_icon.png");
    transition: all .3s;
}

.pop-small-icon-rotate {
    transform: rotate(180deg);
}

.pop-small-icon-2 {
    display: inline-block;
    width: 8px;
    height: 4px;
    margin-bottom: 4px;
    margin-left: 10px;
    background: url("../../../../../../../Doctor/Content/productStyle/blue/img/pop_small_icon_2.png");
    transition: all .3s;
}

.must_icon {
    color: #da4a4a;
    font-size: 8px;
}
/*重置样式*/
table {
    border-collapse: collapse;
}

.table {
    margin: 0;
    width: 100%;
}

    .table > thead > tr > th {
        font-weight: normal;
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 0 10px;
        vertical-align: middle;
        border-top: none;
    }

table thead {
    background: #F9F9F9;
}

th {
    text-align: center;
}

table tbody tr:nth-child(2n) {
    background-color: #F9F9F9;
}

table tbody tr:last-child {
    border-bottom: 1px solid #e6e6e6;
}

.apply_tableBox {
    position: relative;
    overflow: hidden;
}

.apply_tableHead {
    position: absolute;
    left: 0;
    top: 0;
    height: 41px;
    width: 100%;
    z-index: 100;
}
    /**新加的z-index:100*/
    .apply_tableHead table {
        position: relative;
    }

    .apply_tableHead .table thead tr th {
        white-space: nowrap;
        border: none;
        padding: 0 20px;
    }

.apply_tableHead_icon {
    position: absolute;
    right: 0;
    top: 1px;
    width: 30px;
    height: 38px;
    z-index: 600;
    background: rgba(249,249,249,0.9);
    color: #0a70b0;
    cursor: pointer;
    border-radius: 2px 0 0 2px;
    text-align: center;
    line-height: 38px;
}

    .apply_tableHead_icon:hover {
        border-color: #0a70b0;
        background: #0a70b0;
        color: #fff;
    }

.apply_tableBody tbody tr td {
    white-space: nowrap;
    padding: 0 20px;
}

.apply_tableBody {
    padding-top: 41px;
    width: 100%;
    height: 100%;
    background: #fff;
}

    .apply_tableBody .table tbody tr:last-child {
        border-bottom: 1px solid #eee;
    }

    .apply_tableBody .table tbody tr:hover {
        background: #e6f3ff;
    }

.table tbody tr.focus {
    background: #e8efff;
}

.table tbody tr.choose {
    background: #fff5e6;
}

.table > thead > tr > th, .table tbody tr td {
    color: #666;
    height: 40px !important;
    text-align: left;
    font-size: 14px;
}

.table tbody tr.red td {
    color: red;
}

.table > thead > tr > th {
    color: #333;
    border-top: 1px solid #e6e6e6 !important;
    border-bottom: 1px solid #e6e6e6 !important;
}

.sortBox {
    display: inline-block;
    width: 8px;
    line-height: 16px;
}

.sortTop, .sortBottom {
    display: block;
    height: 5px;
    background-image: url('../../../../../../../Doctor/Content/productStyle/blue/img/bot2.png');
    background-size: cover;
    cursor: pointer;
    opacity: 0.55;
}

    .sortTop:hover, .sortBottom:hover {
        opacity: 1;
    }

.sortTop {
    width: 8px;
    margin-bottom: 2px;
}

    .sortTop.active {
        margin-top: -8px;
    }

.sortBottom {
    width: 8px;
    background-image: url('../../../../../../../Doctor/Content/productStyle/blue/img/bot1.png');
}

    .sortBottom.active {
        margin-top: 8px;
    }

.table > thead > tr > th, .table tbody tr td > div {
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.table_position_icon {
    position: absolute;
    top: 0;
    left: -104%;
    text-align: right;
    width: 100%;
}

.warnTip {
    color: #da4a4a;
    cursor: pointer;
    float: right;
    margin-top: 1px;
}

.table_icon_pl {
    text-align: center !important;
}
/*非交互式页共用样式*/
.container-main {
    padding: 0;
    margin: 0 auto;
    height: 100vh;
}

.active-color {
    color: #0a70b0;
}

.active-color-light {
    color: #00B0FF;
}

.border-top {
    border-top: 1px solid #e6e6e6;
}

.border-right {
    border-right: 1px solid #e6e6e6;
}

.border-bottom {
    border-bottom: 1px solid #e6e6e6;
}

.border-left {
    border-left: 1px solid #e6e6e6;
}

.margin-right-20 {
    margin-right: 20px;
}
/*tab start*/
.tab {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 16px;
    text-align: center;
}

.tab-ul {
    margin: 0;
}
/*tab end*/
/*content*/
.container-main {
    height: calc(100vh - 110px);
}

.content {
    height: 100%;
}

.content-left, .content-right {
    height: calc(100% - 72px);
    overflow-y: auto;
    position: relative;
}

    .content-left.active {
        width: 100%;
    }

    .content-left.active1 {
        display: none;
    }

    .content-right.active {
        display: none;
    }

    .content-right.active1 {
        width: 100%;
    }

.content:after {
    content: '';
    display: block;
    clear: both;
}

.content-left-top, .content-right-top {
    height: 72px;
    font-size: 16px;
    background: #FFFFFF;
}

.content-left-top {
    height: 72px;
}

    .content-left-top:after, .content-right-top:after {
        content: '';
        display: block;
        clear: both;
    }

.content-top-item {
    float: left;
    height: 100%;
    padding: 11px 20px 0 25px;
    text-align: center;
    cursor: pointer;
    color: #89a6bc;
}

@media screen and (max-width:1440px) {
    .content-top-item {
        padding: 11px 15px 0 15px;
    }
}

@media screen and (max-width: 1280px) {
    .content-top-item {
        padding: 11px 10px 0 10px;
    }
}

.content-top-item .icon {
    height: 30px;
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
}

.content-top-item .text {
    color: #333;
    height: 30px;
    line-height: 30px;
}

.content-top-item.active .icon, .content-top-item.active .text, .content-top-item:hover, .content-top-item:hover .text, .content-top-item:hover a {
    color: #0a70b0;
}

.content-right-top-item-right {
    float: right;
    width: 100px;
    height: 100%;
    padding-top: 15px;
    text-align: center;
    cursor: pointer;
}

.content-top-item a {
    text-decoration: none;
    color: #89a6bc;
}
/*会诊书写头部样式*/
/*inteaction-header*/
.inteaction-header {
    width: 100%;
    height: 44px;
    padding: 0 20px;
    background: #0a70b0;
    color: #fff;
    text-align: right;
}

.inteaction-header-logoBox {
    float: left;
    display: inline-block;
    height: 100%;
}

.inteaction-header-logo {
    display: inline-block;
    height: 36px;
    margin: -8px 12px 0 0;
}

.inteaction-header-name {
    font-size: 24px;
    line-height: 44px;
}

.inteaction-header-nav {
    position: relative;
    display: inline-block;
    margin: 0;
}

    .inteaction-header-nav:after {
        content: "";
        display: block;
        clear: both;
    }

    .inteaction-header-nav > li {
        float: left;
        height: 44px;
        line-height: 44px;
        list-style: none;
        position: relative;
    }

        .inteaction-header-nav > li.active {
            border-bottom: 2px solid #FFD300
        }

        .inteaction-header-nav > li > a {
            display: block;
            padding: 0 20px;
            font-size: 16px;
            color: rgba(255,255,255,.8);
            text-decoration: none;
        }

.inteaction-header-nav-item {
    position: absolute;
    top: 42.5px;
    left: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    list-style: none;
    background: #0a70b0;
    z-index: 1;
    display: none;
}

    .inteaction-header-nav-item li {
        height: 44px;
        line-height: 44px;
        border-top: 1px solid #e6e6e6;
    }

        .inteaction-header-nav-item li:first-child {
            border-top: none;
        }

        .inteaction-header-nav-item li a {
            display: block;
            width: 100%;
            line-height: 35px;
            height: 100%;
            color: rgba(255,255,255,.8);
            text-decoration: none;
        }

.inteaction-header-usernameBox {
    display: inline-block;
    float: right;
    height: 44px;
    line-height: 44px;
    cursor: pointer;
}

    .inteaction-header-usernameBox img:nth-child(2) {
        margin: 0 10px 0 14px;
    }

.headerNavSlide {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #ffd300;
}
/*表格没有数据时提示文字样式*/
/*将要废弃*/
.listNoRecord {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    /*background: url('../../../../../../../Doctor/Content/productStyle/blue/img/tableNoData.png') center no-repeat;*/
}

.listNoRecord_show {
    display: block;
}

.tableNoData {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: url('../../../../../../../Doctor/Content/productStyle/blue/img/tableNoData.png') center no-repeat;*/
}
/*打印控件*/
.plugunsDown {
    padding: 40px 10px;
}

.plugunsDown_left {
    width: 150px;
    height: 150px;
    border-right: 1px dashed #e6f3ff;
    text-align: center;
}

    .plugunsDown_left img {
        margin: 25px 0;
    }

.plugunsDown_right {
    width: calc(100% - 150px);
    font-size: 15px;
    color: #333;
    line-height: 30px;
    text-align: justify;
    padding: 0 30px;
}

    .plugunsDown_right a {
        display: block;
        margin-top: 25px;
        width: 100%;
        height: 36px;
        text-align: center;
        line-height: 36px;
        font-size: 15px;
        letter-spacing: 0.5px;
        border-radius: 4px;
    }
/*拖拽样式*/
.drag_lr_left, .drag_lr_center, .drag_lr_handler {
    float: left;
}

div.drag_lr_left {
    background-color: #fff;
    width: 640px;
    left: 0px;
}

div.drag_lr_center {
    background-color: #fff;
    width: calc(100vw - 660px);
    right: 0px;
    float: right;
}

div.drag_lr_handler {
    width: 13px;
    cursor: col-resize;
    background-color: #f3f3f3;
    z-index: 1;
    height: 100%;
}
/*面包屑*/
.breadBox { /*position:relative;*/
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #fff;
    padding: 0 15px;
    border-top: 1px solid #ededed;
    border-bottom: 3px solid #f3f3f3;
}

.page_position {
    padding: 0 24px 0 0;
    height: 100%;
}

    .page_position .iconfont {
        margin-right: 4px;
        color: #0a70b0;
    }

.bread_list {
    list-style: none;
}

    .bread_list li {
        position: relative;
        margin-right: 10px;
        padding: 0 15px;
        color: #0a70b0;
        cursor: pointer;
        font-size: 16px;
    }

.bread_task_num {
    margin: 16px 0 0 6px;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    font-size: 13px;
    color: #da4a4a;
    background: #eee;
    border-radius: 10px;
}

.bread_list li:after {
    position: absolute;
    bottom: 1px;
    left: 50%;
    content: '';
    width: 0;
    height: 3px;
    background: #0a70b0;
    transition: all 0.2s;
}

.bread_list li.active {
    font-weight: bold;
}

    .bread_list li:hover:after, .bread_list li.active:after {
        width: 100%;
        left: 0;
    }

.breadBox .apply_btn {
    float: right;
    width: 96px;
    height: 30px;
    background: rgba(255,154,80,1);
    border-radius: 2px;
    text-align: center;
    border: 1px solid #FF9A50;
    line-height: 28px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-top: 8px;
}
    .breadBox .apply_btn .appiy_btn_icon {
        font-size: 14px;
        padding-right: 3px;
    }
    /*搜索条件*/
    .searchBox {
        background: #fff;
        padding: 15px 15px 0px 15px;
        overflow: hidden;
        width: 100%;
    }

.showSearchBox {
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 2;
}

.searchListBox {
    background: #fff;
}

.searchBoxItem {
    position: relative;
    padding: 0 20px 0 100px;
    margin-bottom: 12px;
    min-height: 28px;
    line-height: 27px;
}

.lock {
    position: absolute;
    left: 0;
    top: 5px;
    width: 24px;
    height: 20px;
    line-height: 20px;
    z-index: 2;
    cursor: pointer;
    background: none;
    color: #bbb;
}

.searchBoxItem > label {
    position: absolute;
    left: 20px;
    top: 0;
    width: 80px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
}

.liOtherTime {
    display: none;
    height: 28px;
    width: 260px;
}

    .liOtherTime .el-range-editor--small.el-input__inner {
        height: 100%;
        width: 100%;
    }

    .liOtherTime .el-date-editor .el-range-separator {
        width: 7%;
        line-height: 22px;
    }

.time_type {
    height: 28px;
    line-height: 28px;
}

    .time_type .el-input--small .el-input__icon {
        line-height: 28px;
    }

.searchBoxItem > ul {
    margin: 0;
    float: left;
    height: 100%;
    display: inline-block;
    color: #333;
}

    .searchBoxItem > ul > li {
        float: left;
        padding: 0 8px;
        margin: 0 10px 0 0;
        height: 28px;
        line-height: 26px;
        border-radius: 2px;
        cursor: pointer;
        border: 1px solid #fff;
    }

        .searchBoxItem > ul > li:hover {
            border-color: #329ed7;
            color: #329ed7;
        }

        .searchBoxItem > ul > li:focus {
            border-color: #0086ce;
            color: #0086ce;
        }

.searchBoxItem ul li.noBorder {
    border: none;
}

    .searchBoxItem ul li.noBorder.active {
        color: #000;
        background: #fff;
    }

.searchBoxItem ul li.active {
    color: #0a70b0;
    border: 1px solid #0a70b0;
}

.userInputBox {
    position: relative;
    display: inline-block;
}

    .userInputBox .el-input__inner {
        height: 30px !important;
        line-height: 28px;
    }

.userInput {
    height: 30px;
    line-height: 28px;
    width: 400px;
    padding: 0 0 0 8px;
}

.searchBox .refresh {
    margin-left: 40px;
}

    .searchBox .refresh button {
        border: none;
        color: #0a70b0;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        padding: 0 3px;
    }
        /*.searchBox .refresh button:hover{background:none;}*/
        .searchBox .refresh button.el-dropdown__caret-button:hover {
            background: #ecf5ff;
        }

    .searchBox .refresh .el-dropdown .el-dropdown__caret-button::before {
        background: none;
    }

    .searchBox .refresh .refresh_btn {
        margin-right: 25px;
    }

        .searchBox .refresh .refresh_btn:hover .iconfont {
            transform: rotate(40deg);
        }

.searchBox .auto_seconds {
    color: #333;
}
/*.searchBox .search_fresh_btn{margin-right:15px;display:inline-block;height:30px;line-height:30px;cursor:pointer;color:#0a70b0;}*/
.searchBox .btns button {
    margin-right: 6px !important;
    width: 56px;
    height: 28px;
    border-radius: 3px;
    line-height: 26px;
}

    .searchBox .btns button:hover {
        background: #0a70b0;
        color: #fff;
        border-color: #0a70b0;
    }

.search_multi_select {
    color: #bbb;
    font-size: 14px;
}

.page_box {
    height: 48px;
    background: #fff;
    line-height: 48px;
    padding: 0 15px;
    border-top: 1px solid #e6e6e6;
}

    .page_box .statistics li {
        float: left;
        padding-right: 20px;
        position: relative;
        cursor: pointer;
    }

        .page_box .statistics li.line:after {
            position: absolute;
            right: 15px;
            top: 21px;
            width: 1px;
            height: 16px;
            background: #e6e6e6;
            content: '';
        }

        .page_box .statistics li:first-child {
            padding: 0;
            cursor: default;
        }

.layer_page .el-pagination {
    padding-top: 8px;
    font-weight: normal;
}

.layer_page .el-icon-arrow-left:before {
    content: '上一页';
}

.layer_page .el-icon-arrow-right:before {
    content: '下一页';
}

.layer_page .el-pagination .btn-prev {
    border: 1px solid #e6e6e6;
    border-right: none;
}

.layer_page .el-pagination .btn-next {
    border: 1px solid #e6e6e6;
}

.layer_page .el-pager li {
    border: 1px solid #e6e6e6;
    border-right: none;
}

    .layer_page .el-pager li:hover {
        color: #0a70b0;
    }

    .layer_page .el-pager li.active {
        background: #0a70b0;
        color: #fff;
        border-color: #0a70b0;
        font-weight: normal;
    }

.layer_page .el-pagination .btn-next .el-icon, .layer_page .el-pagination .btn-prev .el-icon {
    font-weight: normal;
}

.userInputSearch {
    position: absolute;
    right: 5px;
    top: 11px;
    cursor: pointer;
    color: #0a70b0;
}

.searchBoxItem .time_type .el-input--small .el-input__inner {
    padding: 0 0 0 5px;
    height: 28px;
    line-height: 28px;
    border: none
}

.searchBoxItem .time_type .el-input--small .el-input__suffix {
    right: 0;
}

.grayfilter {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}

.searchBoxItem .el-switch__core {
    width: 28px !important;
    height: 16px;
}

    .searchBoxItem .el-switch__core:after {
        width: 12px;
        height: 12px;
    }

.searchBoxItem .el-switch.is-checked .el-switch__core:after {
    margin-left: -15px;
}

.searchBoxItem .el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner { /*width:260px!important;*/
}

@media screen and (max-width:1660px) {
    .page_box {
        height: 42px;
        line-height: 42px;
    }

    .layer_page .el-pagination {
        padding-top: 5px;
    }
}
/*layer分页覆盖*/
.layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-refresh {
    vertical-align: middle;
}

.layui-laypage {
    margin: 0;
}

    .layui-laypage .layui-laypage-curr .layui-laypage-em {
        background: #0a70b0;
    }

    .layui-laypage a:hover {
        color: #0a70b0;
    }

    .layui-laypage input:focus, .layui-laypage select:focus {
        border-color: #0a70b0 !important;
    }
/*设置屏幕*/
.set_screen {
    display: none;
    padding: 20px 20px 30px;
}

.set_screen_item {
    padding: 20px;
}

    .set_screen_item .iconfont {
        font-size: 24px;
        padding: 12px;
        border-radius: 6px;
        line-height: 44px;
        margin-right: 15px;
        color: #fff;
        background: #5cace3;
    }

    .set_screen_item:hover {
        background: #e6f3ff;
    }

.set_screen_h1 {
    line-height: 24px;
    height: 24px;
    font-size: 16px;
    margin: 0;
}

.set_screen_h2 {
    line-height: 20px;
    line-height: 20px;
    font-size: 15px;
    color: #999;
    margin: 0;
}

.set_screen_btn {
    position: relative;
    width: 52px;
    height: 24px;
    line-height: 12px;
    font-size: 12px;
    border-radius: 12px;
    padding: 5px;
    border: 1px #d2d2d2 solid;
    margin: 12px 0;
    color: #d2d2d2;
}

.set_screen_state {
    position: absolute;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #f2f2f2;
    top: 3px;
    left: 4px;
}

.set_screen_state1, .set_screen_btn.active .set_screen_state2 {
    display: none;
}

.set_screen_btn.active {
    background: #5fb878;
    border-color: #5fb878;
    color: #fff;
}

    .set_screen_btn.active .set_screen_state1 {
        display: block;
    }

    .set_screen_btn.active .set_screen_state {
        left: 31px;
        background: #fff;
    }

.set_screen_item .set_screen_icon1 {
    background: #ffa75e;
}

.set_screen_item .set_screen_icon2 {
    background: #e38166;
}
/*右下角关闭弹窗*/
.win_news_pop {
    display: none;
    position: absolute;
    right: 20px;
    bottom: 0;
    border-radius: 8px;
    box-shadow: 22px;
    width: 320px;
    height: 180px;
    overflow: hidden;
    color: #fff;
    background-image: url('../../../../../../../Doctor/Content/productStyle/blue/img/public/news_bg.png');
    background-size: 100% 100%;
    z-index: 1000;
}

.win_news_title {
    position: relative;
    margin-top: 6px;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 15px 0 20px;
    font-size: 15px;
}

.win_news_tip {
    position: relative;
}

.win_news_gif {
    position: absolute;
    right: -44px;
    top: 0;
    width: 50px;
    height: 25px;
    background-image: url('../../../../../../../Doctor/Content/productStyle/blue/img/public/new.gif');
}

.win_close {
    cursor: pointer;
    margin-top: 4px;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
}

    .win_close .iconfont {
        font-size: 22px;
    }

    .win_close:hover {
        background: rgba(255,255,255,0.3);
    }

.win_news_con {
    max-height: 112px;
    width: 100%;
    padding: 0 20px 0;
    text-align: justify;
    font-size: 15px;
    line-height: 28px;
    text-shadow: 1px 2px 2px rgba(0,95,235,0.5);
    overflow-y: auto;
}

.win_news_ope {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px;
    padding: 0 20px;
}

    .win_news_ope .iconfont {
        padding: 3px;
        font-size: 14px;
        background: rgba(255,255,255,0.1);
    }

        .win_news_ope .iconfont:hover {
            background: #fff;
            color: #0a70b0;
            cursor: pointer;
        }

.win_news_num {
    font-size: 14px;
}

.win_news_btn {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 20px 10px;
    text-align: right;
}

    .win_news_btn button {
        color: #fff;
        width: 48px;
        height: 26px;
        line-height: 24px;
    }

#silu {
    font-size: 12px;
    color: #666;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: underline;
    line-height: 22px;
}
/*插件下载弹出框样式@san 2018-6-8*/
.PlugInbox {
    background: transparent;
    box-shadow: none;
}

    .PlugInbox .layui-layer-content:before {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: #f5f8fd;
        opacity: .95;
        content: "";
    }

    .PlugInbox .layui-layer-close {
        position: absolute;
        top: 20px;
        right: 20px;
        height: 48px;
        width: 48px;
        background: #f2e4e3;
        text-align: center;
        color: #cc3300;
        border-radius: 50%;
    }

        .PlugInbox .layui-layer-close:after {
            content: "\2716";
            line-height: 48px;
            font-size: 20px;
        }

        .PlugInbox .layui-layer-close:hover {
            background: #f0dbd7;
        }

.PlugIn {
    position: relative;
    width: 100%;
    top: 40%;
    float: left;
    margin-top: -275px;
    display: none;
}

    .PlugIn * {
        padding: 0;
        margin: 0;
    }

    .PlugIn .inline {
        display: inline-block
    }

    .PlugIn .download {
        width: 1200px;
        height: 550px;
        margin: auto;
    }

    .PlugIn .tit node {
        display: block;
        width: 102px;
        height: 90px;
        background: url(../../../../../../../Doctor/Content/productStyle/blue/img/public/icon.png) no-repeat 0 -40px;
        margin: auto;
    }

    .PlugIn .tit {
        position: relative;
        font-size: 22px;
        color: #333;
        line-height: 50px;
        text-align: center;
    }

        .PlugIn .tit span:after {
            display: block;
            margin: auto;
            width: 50%;
            background: #afcfe6;
            height: 2px;
            content: "";
        }

    .PlugIn .models {
        margin-left: -20px;
        margin-top: 38px;
        text-align: center;
    }

    .PlugIn .model {
        box-sizing: border-box;
        padding: 49px 22px 0;
        float: left;
        width: 285px;
        height: 360px;
        background: #fff;
        border-radius: 3px;
        margin-left: 20px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.06);
        transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
    }

        .PlugIn .model:hover {
            transform: translateY(-6px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.15);
        }

        .PlugIn .model dt {
            font-size: 20px;
            color: #333;
            font-weight: initial;
            line-height: initial;
        }

            .PlugIn .model dt i {
                font-size: 50px;
                display: block;
                color: #80bf60;
                margin: 0 auto 22px;
            }

        .PlugIn .model dd {
            color: #606060;
            font-size: 15px;
            line-height: 30px;
            margin-top: 32px;
            height: 107px;
        }

        .PlugIn .model .code {
            color: #cc3300;
            font-size: 14px;
        }

        .PlugIn .model .link {
            display: block;
            margin: auto;
            height: 38px;
            width: 150px;
            background: #ebf9ff;
            line-height: 38px;
            font-size: 15px;
            color: #0a70b0;
            border: #0a70b0 1px solid;
            border-radius: 25px;
        }

            .PlugIn .model .link:hover {
                background: #0a70b0;
                color: #fff;
            }
/*模板弹出框*/
.menu_detail {
    position: relative;
    z-index: 2;
    padding: 20px 20px 0;
    background: #fff;
    display: none;
}

    .menu_detail .tit {
        border-left: 4px solid #0a70b0;
        font-size: 16px;
        color: #374a61;
        line-height: 16px;
        height: 16px;
        margin-bottom: 15px;
        padding-left: 15px;
    }

    .menu_detail .close {
        position: relative;
        top: -10px;
        left: 10px;
    }

    .menu_detail .com {
        overflow-y: auto;
        width: 100%;
        padding: 4px 10px;
        border: #e6e6e6 1px solid;
        border-radius: 2px;
        box-sizing: border-box;
        height: 180px;
        margin-bottom: 10px;
        font-size: 16px;
        color: #333;
        text-align: justify;
        line-height: 30px;
        resize: none;
    }

@media screen and (max-width:1366px) {
    .menu_detail .com {
        height: 150px;
    }
}

.menu_detail .menu_detail_btn {
    padding: 0 0 20px;
    text-align: right;
}

    .menu_detail .menu_detail_btn button {
        padding: 0 13px;
        height: 36px;
        line-height: 34px;
        margin: 0 6px;
    }
/*存为模板弹出*/
.menu_box {
    width: 100%;
    padding: 20px 20px 20px;
    background: #fff;
    display: none;
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
}

    .menu_box .Diagnosis_menu {
        width: 300px;
        height: 612px;
        padding: 0;
        border: 1px solid #e6e6e6;
        overflow: auto;
        position: relative;
        top: 0;
        padding-top: 43px;
    }

        .menu_box .Diagnosis_menu .menu_nav {
            height: 42px;
        }

            .menu_box .Diagnosis_menu .menu_nav > a {
                height: 40px;
                line-height: 40px;
            }

    .menu_box .savecom {
        width: 570px;
    }

        .menu_box .savecom dl {
            line-height: 36px;
            font-size: 16px;
            color: #333;
            margin-bottom: 20px;
        }

        .menu_box .savecom dt {
            width: 100px;
            float: left;
            height: 36px;
        }

        .menu_box .savecom dd {
            width: 470px;
            float: left;
        }

        .menu_box .savecom input[type="text"] {
            vertical-align: top;
            height: 36px;
            line-height: 34px;
            font-size: 14px;
            color: #666666;
            text-indent: 10px;
            width: 100%;
            border: #e6e6e6 1px solid;
            box-sizing: border-box;
        }

        .menu_box .savecom textarea {
            font: inherit;
            padding: 6px 10px;
            width: 100%;
            height: 205px;
            font-size: 14px;
            color: #666;
            line-height: 24px;
            border: #e6e6e6 1px solid;
            vertical-align: top;
        }

        .menu_box .savecom input.no2 {
            width: 230px;
            float: left;
            background: #fff;
        }

        .menu_box .savecom .template_select {
            width: 200px;
            height: 36px;
            padding: 0 10px;
        }

        .menu_box .savecom .Masculine {
            width: 230px;
            float: right;
            text-align: right;
            margin-bottom: 0;
        }

            .menu_box .savecom .Masculine span {
                position: relative;
                font-size: 14px;
                color: #666;
                margin: 0 20px;
                cursor: pointer;
            }

                .menu_box .savecom .Masculine span:before {
                    position: absolute;
                    left: -16px;
                    top: 4px;
                    content: "";
                    width: 12px;
                    height: 12px;
                    box-sizing: border-box;
                    border-radius: 50%;
                    border: #999999 1px solid
                }

                .menu_box .savecom .Masculine span.sel:before {
                    border: #374a61 4px solid
                }

            .menu_box .savecom .Masculine label {
                margin: 0 0 0 5px;
                font-weight: normal;
                cursor: pointer;
            }

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

        .menu_box .save_tem_btn button {
            padding: 0 13px;
            height: 36px;
            line-height: 34px;
            margin: 0 6px;
        }
/*书写模板*/
.tempalte{position: relative; height:100%;overflow:hidden;}
.tempalte_consult{
    height:calc(100% - 50px);
}
.tempalte_title {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    line-height: 48px;
    border-bottom: 1px solid #e6e6e6;
    z-index: 1;
}

    .tempalte_title > li {
        width: 50%;
        text-align: center;
        list-style: none;
        border-right: 1px solid #e6e6e6;
        cursor: pointer;
    }
     .tempalte_title > li.active{
         color:#0a70b0;
     }
        .tempalte_title > li:last-child {
            border: none;
        }

.template_box{
    margin-top:50px;
    height:calc(100% - 106px);
}
.template_box_in{
    height:100%;
    overflow-y:auto;
}
.maintain_template{
    border-top:1px solid #e6e6e6;
    height:56px;
    line-height:56px;
    font-size:15px;
    font-weight:700;
    color:#0a70b0;
    text-align:center;
    cursor:pointer;
}


/****  old  修改完毕后删除 ******/
.Diagnosis_menu {
    padding-top: 50px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow-y:auto;
}

    .Diagnosis_menu .menu_nav {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2;
        height: 50px;
        border-bottom: #e6e6e6 1px solid;
        background: #fafafa;
    }

        .Diagnosis_menu .menu_nav > a {
            float: left;
            width: 50%;
            line-height: 48px;
            text-align: center;
            color: #666;
            box-sizing: border-box;
            border-left: #e6e6e6 1px solid;
        }

            .Diagnosis_menu .menu_nav > a:first-child {
                border: none;
            }

            .Diagnosis_menu .menu_nav > a.sel, .Diagnosis_menu .menu_nav > a:hover {
                background: #fff;
                color: #0a70b0;
            }

    .Diagnosis_menu .menu_com {
        position: relative;
        height: 100%;
        overflow-y: auto;
    }

    .Diagnosis_menu dl {
        line-height: 40px;
        color: #333;
        margin-bottom: 0;
    }

    .Diagnosis_menu dt {
        padding-left: 20px;
        border-bottom: #e6e6e6 1px solid;
    }

    .Diagnosis_menu dd > h2 {
        padding-left: 45px;
        border-bottom: #e6e6e6 1px solid;
        line-height: 40px;
        font-size: 14px;
        color: #333;
        margin: 0;
        font-weight: normal;
    }

        .Diagnosis_menu dt:before, .Diagnosis_menu dd > h2:before {
            content: "\e671";
            font-family: 'iconfont';
            margin-right: 13px;
            color: #808492;
        }

        .Diagnosis_menu dt.sel:before, .Diagnosis_menu dd > h2.sel:before {
            content: "\e645";
        }

    .Diagnosis_menu dt.sel, .Diagnosis_menu dt:hover {
        background: #fafafa;
        cursor: pointer;
    }
    .Diagnosis_menu dd > h2, .Diagnosis_menu dd .third_child {
        padding-left: 45px;
        border-bottom: #ddd 1px solid;
        line-height: 40px;
        font-size: 16px;
        color: #333;
        margin: 0;
    }
    .Diagnosis_menu dd .third_child.no_arrow:before {
        display: none;
    }
    .Diagnosis_menu dd > h2.sel, .Diagnosis_menu dd > h2:hover {
        background: #fafafa;
        cursor: pointer;
    }

    .Diagnosis_menu dd li {
        padding-left: 90px;
        border-bottom: #e6e6e6 1px solid;
        cursor: pointer;
    }

        .Diagnosis_menu dd li:hover, .Diagnosis_menu dd li.sel {
            background: #e8efff;
            color: #0a70b0;
        }

        .Diagnosis_menu dd  .iconfont {
            float: right;
            padding: 0 10px;
        }

        .Diagnosis_menu dd  .icon-xiugaihuobianji:hover {
            background: #f4c15f;
        }

    .Diagnosis_menu dl dd, .Diagnosis_menu dl ul {
        display: none;
    }

.layui-layer-btn a {
    line-height: 26px;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #0a70b0;
    background-color: #0a70b0;
}
/*header**/
#headerElement {
    background: #f9f9f9;
    position: relative;
    height: 50px;
    z-index: 1000;
}

    #headerElement.showInfo {
        z-index: 1000;
    }

.logoCon {
    float: left;
    margin-left: 13px;
}

    .logoCon img {
        height: 30px;
        float: left;
        margin-top: 10px;
    }

    .logoCon span {
        float: left;
        height: 28px;
        line-height: 28px;
        margin-top: 11px;
        margin-left: 15px;
        font-size: 18px;
        color: #333333;
    }

.header_consult_menu {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -217px;
    height: 50px;
    line-height: 50px;
}

    .header_consult_menu > div a:after {
        position: absolute;
        right: 0;
        top: 13px;
        height: 24px;
        border-left: 1px solid #e6e6e6;
        content: '';
    }

    .header_consult_menu > div:last-child a:after {
        display: none;
    }

    .header_consult_menu > div a {
        padding: 0 30px;
        color: #0a70b0;
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }

        .header_consult_menu > div a.active {
            background: #0a70b0;
            color: #fff;
        }

            .header_consult_menu > div a.active:after {
                display: none;
            }

            .header_consult_menu > div a.active .iconfont {
                color: #fff;
            }

    .header_consult_menu .iconfont {
        padding: 4px;
        margin-right: 6px;
        border-radius: 50%;
    }

.userOperateItem {
    float: right;
    margin-right: 20px;
    height: 100%;
    line-height: 50px;
}

.header_right_ul {
    height: 100%;
}

    .header_right_ul > li {
        position: relative;
        float: left;
        padding: 0 12px;
        height: 100%;
    }

        .header_right_ul > li:hover {
            background: #f2f2f4;
        }

        .header_right_ul > li .iconfont {
            margin-right: 4px;
            color: #0a70b0;
        }

        .header_right_ul > li .userIcon {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            margin-right: 8px;
            float: left;
            margin-top: 12px;
        }

        .header_right_ul > li:hover .header_set_list {
            display: block;
        }

.header_news_tip {
    position: absolute;
    left: 8px;
    top: 10px;
    display: none;
}

.header_news_hide {
    display: none;
}

.header_set_list {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    white-space: nowrap;
    background: #fff;
    box-shadow: 0 1px 12px 0 rgba(0,0,0,0.2);
    border-radius: 2px;
    padding: 5px 0;
    z-index: 200;
}

    .header_set_list li {
        height: 40px;
        line-height: 40px;
    }

        .header_set_list li a {
            display: block;
            width: 100%;
            height: 100%;
            padding: 0 20px;
        }

        .header_set_list li:hover a {
            color: #fff;
            background: #0a70b0;
        }

.header_back:hover .header_back_show {
    display: block;
}

.header_right_ul > li:hover .icon_hide {
    display: block;
}

.icon_hide {
    display: none;
    position: absolute;
    top: 34px;
    right: 0px;
    z-index: 10000;
    color: #333;
    width: 240px;
    min-height: 150px;
    font-size: 14px !important;
}

    .icon_hide .icon_arrows {
        position: absolute;
        width: 25px;
        height: 25px;
        display: inline-block;
        top: 1px;
        right: 25px;
        z-index: 10;
        vertical-align: middle;
        /*background: url('../../../../../../../Doctor/Content/productStyle/blue/img/icon_hide_icon.png') -133px 0 no-repeat;*/
    }

    .icon_hide .js_head_box {
        display: block;
        width: 100%;
        min-height: 150px;
        margin-top: 15px;
        background-color: #FFF;
        text-align: left;
        padding: 15px;
        text-align: left;
        box-shadow: 0 2px 10px 0 #CCC;
    }

    .icon_hide .js_line_hide {
        line-height: 20px;
        margin-bottom: 7px;
    }

.icon_hide_con {
    position: relative;
}

.icon_hide_left {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
}

.header_img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.icon_hide_right {
    width: 100%;
    height: 100%;
    padding-left: 90px;
}

    .icon_hide_right > p {
        margin-bottom: 5px;
        line-height: 24px;
    }

        .icon_hide_right > p:last-child {
            margin: 0;
        }

        .icon_hide_right > p > a {
            color: #0a70b0;
        }

        .icon_hide_right > p .header_hr {
            margin: 0 5px;
            color: #ddd;
        }

.rz_icon {
    float: left;
    width: 25px;
    height: 25px;
    /*background-image: url('../../../../../../../Doctor/Content/productStyle/blue/img/icon_hide_icon.png');*/
}

.smrz_icon {
    background-position: -69px 0;
}

.smwrz_icon {
    background-position: 1px 0;
}

.zzrz_icon {
    background-position: -103px 0;
}

.zzwrz_icon {
    background-position: -34px 0;
}
/*聊天下拉*/
.im_dropmenu {
    position: absolute;
    right: 15px;
    top: 0;
    height: 40px;
    line-height: 40px;
    width: 30px;
    text-align: center;
}

    .im_dropmenu .el-dropdown, .im_dropmenu .el-dropdown .iconfont {
        display: block;
        width: 100%;
        height: 100%;
    }

    .im_dropmenu:hover .el-dropdown, .im_dropmenu:hover .el-dropdown .iconfont {
        background: #0a70b0;
        color: #fff;
        cursor: pointer;
        border-radius: 2px 0 0 2px;
    }
/* nav */
.nav {
    width: 220px;
    height: calc(100vh - 50px);
    background: #0a70b0;
    transition: all .3s;
    position: absolute;
    left: 0;
}

.setBg {
    width: 220px;
    height: 100%;
    /*background: url('../../../../../../../Doctor/Content/productStyle/blue/img/LargeRect.png') center bottom no-repeat;*/
    transition: all .3s;
}

.nav a {
    display: block;
    height: 50px;
    overflow: hidden;
    padding-left: 22px;
    line-height: 50px;
    max-height: 50px;
    color: #fff;
    transition: all .3s;
}

.nav.nav-mini a {
    padding-left: 14px;
}

.nav a span {
    margin-left: 30px;
}

.nav-item {
    position: relative;
    list-style: none;
}

    .nav-item.bgActive {
        background: #09659d;
    }

        .nav-item.bgActive > a:before {
            opacity: 1;
        }

    .nav-item.nav-show {
        border-bottom: none;
    }

    .nav-item ul {
        display: none;
        background: rgba(0,0,0,.1);
    }

.nav-top {
    height: 49px;
}

.mainCon {
    position: relative;
    height: calc(100vh - 50px);
    background: #f3f5f6;
}
/*.nui-scroll{height: 500px;overflow-y: auto;overflow-x: hidden;}*/
.nui-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
/*正常情况下滑块的样式*/
.nui-scroll::-webkit-scrollbar-thumb {
    background-color: #0a70b0;
    border-radius: 10px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*鼠标悬浮在该类指向的控件上时滑块的样式*/
.nui-scroll:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 10px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*鼠标悬浮在滑块上时滑块的样式*/
.nui-scroll::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*正常时候的主干部分*/
.nui-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: #0a70b0;
}
    /*鼠标悬浮在滚动条上的主干部分*/
    .nui-scroll::-webkit-scrollbar-track:hover {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
        background-color: rgba(0, 0, 0, .01);
    }

#mini {
    height: 49px;
    line-height: 49px;
    text-align: center;
    color: #fff;
}

    #mini i {
        float: right;
        padding-right: 20px;
        cursor: pointer;
    }

.nav-top span {
    color: #fff;
    font-size: 15px;
}

.nav-item .noSonMenu {
    display: none;
}
/*二级菜单的样式*/
/* .twoMenu{padding-left:30px;display: none;background: rgba(0,0,0,.1);}
.twoNav-more{float:right;margin-right: 20px;font-size: 12px;transition: transform .3s;}
.twoNav-more::after{content: "\e6c6";}
.rotateCss{transform:rotate(90deg);} */
.nav-item.nav-show ul {
    display: block;
}

.nav-item > a:before {
    content: "";
    position: absolute;
    left: 0px;
    width: 4px;
    height: 50px;
    background: #64ade7;
    opacity: 0;
    transition: all .3s;
}

.nav .nav-icon {
    font-size: 20px;
    position: absolute;
    margin-left: -1px;
}
/* 此处修改导航图标 可自定义iconfont 替换*/
.icon_index::after {
    content: "\e856";
}

.icon_0::after {
    content: "\e61d";
}

.icon_all::after {
    content: "\e86e";
}

.icon_1::after {
    content: "\e996";
}

.icon_2::after {
    content: "\e99e";
}

.icon_3::after {
    content: "\e9b5";
}

.icon_4::after {
    content: "\e9c1";
}

.icon_5::after {
    content: "\e9c0";
}
/*---------------------*/
.nav-more {
    float: right;
    margin-right: 20px;
    font-size: 12px;
    transition: transform .3s;
}
    /* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
    .nav-more::after {
        content: "\e691";
        font-size: 13px;
    }
/*---------------------*/
.nav-show .nav-more {
    transform: rotate(90deg);
}

.nav-show, .nav-item > a:hover {
    color: #FFF;
    background: rgba(0,0,0,.1);
}

    .nav-show > a:before, .nav-item > a:hover:before {
        opacity: 1;
    }

.nav-item li:hover a, .nav-item li.bgActive a {
    color: #FFF;
    background: #07466c
}
/* nav-mini */
.nav-mini.nav {
    width: 50px;
}

    .nav-mini.nav .nav-item ul a {
        font-size: 14px;
        color: #333333;
    }

        .nav-mini.nav .nav-item ul a:hover {
            color: #fff;
        }

    .nav-mini.nav .nav-icon { /* margin-left:-2px; */
    }

    .nav-mini.nav .nav-item > a span {
        display: none;
    }

    .nav-mini.nav .nav-more {
        margin-right: -20px;
    }
    /* .Aafter::after{content: "";position: absolute;left: 50px;width: 2px;height: 46px;background: #34A0CE;opacity:0;transition: all .3s;} */
    .nav-mini.nav .nav-item ul {
        box-shadow: 0px 1px 2px 0 rgba(0,0,0,.04);
        position: absolute;
        top: 0px;
        left: 50px;
        width: 180px;
        z-index: 99;
        background: #f7f7f7;
        ;
        overflow: hidden;
    }

    .nav-mini.nav .nav-item .triangle {
        transition: all .3s;
        opacity: 0;
        display: inline-block;
        height: 0;
        width: 0px;
        border-top: 8px solid transparent;
        border-right: 8px solid #fff;
        border-bottom: 8px solid transparent;
        position: absolute;
        right: 0;
        top: 17px;
    }

    .nav-mini.nav .nav-item li::before {
        content: '';
        height: 100%;
        width: 5px;
        background: #0a70b0;
        display: block;
        position: absolute;
        left: 0px;
    }

    .nav-mini.nav .nav-item:hover {
        background: rgba(0,0,0,.1);
    }

        .nav-mini.nav .nav-item:hover a .triangle {
            opacity: 1;
        }

        .nav-mini.nav .nav-item:hover a:before {
            opacity: 1;
        }

        .nav-mini.nav .nav-item:hover ul {
            display: block;
        }

    .nav-mini.nav .nav-top span {
        display: none;
    }

    .nav-mini.nav .icon_0::after {
        content: "\e61c";
    }

    .nav-mini.nav .setBg {
        width: 50px;
        height: 100%;
        /*background: url('../../../../../../../Doctor/Content/productStyle/blue/img/LangRect.png') center bottom no-repeat;*/
        transition: all .3s;
    }
/*点击展开所有服务*/
.allMenu {
    overflow: hidden;
    width: 0;
    position: absolute;
    left: 220px;
    top: 0px;
    z-index: 3000;
    height: 100%;
    background: #f7f7f7;
    transition: width .3s;
}

.allNav-show {
    width: 600px !important;
}

.nav-mini.nav .allMenu {
    width: 0px;
    position: absolute;
    left: 50px;
    top: 0px;
    z-index: 200;
    height: 100%;
    background: #f7f7f7;
    transition: width .3s;
}

.allMenu .allMenuCon {
    padding-left: 15px;
}

.allMenu .allMenuHead {
    color: #929292;
    height: 39px;
    border-bottom: 1px solid #efefef;
    line-height: 39px;
}

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

.allMenu .chooseTip {
}

.allMenu .chooseTipIcon {
    color: #edb436;
}

    .allMenu .chooseTipIcon::before {
        content: "\e9d9";
    }

.allMenu .chooseWay {
    float: right;
    margin-right: 15px;
}

.allMenu .twoWay {
    float: left;
    margin-right: 15px;
}

.allMenu .chooseBtn {
    margin-top: 9px;
    float: left;
    border: 1px solid #E2E2E2;
    width: 40px;
    text-align: center;
    height: 20px;
    line-height: 20px;
}

.allMenu .chooseWayActive {
    background: green;
    color: #fff;
    border: 1px solid green
}

.allMenuItem {
    margin-top: 15px;
}

    .allMenuItem .topSection {
        margin-bottom: 20px;
    }

    .allMenuItem .oneMenuItem {
        float: left;
        margin-right: 73px;
        width: 120px;
    }

.oneMenuItem .oneMenuItemIcon {
    color: #c0c0c0;
    padding-right: 5px;
}

    .oneMenuItem .oneMenuItemIcon::before {
        content: "\e9d9";
    }

.oneMenuItem .moduleName {
    color: #333333;
    font-size: 15px;
}

.oneMenuItem p {
    margin: 13px 0;
    color: #b7b7b7;
    font-size: 13px;
}

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

.oneMenuItem .activeIcon {
    color: #edb436;
}

.waitDealHead span {
    font-size: 16px;
}
/*动态添加模块到左菜单栏 所定义的图标*/
.iconAdd_1::after {
    content: "\e996";
}

.iconAdd_2::after {
    content: "\e997";
}

.iconAdd_3::after {
    content: "\e998";
}

.iconAdd_4::after {
    content: "\e999";
}

.iconAdd_5::after {
    content: "\e99a";
}

.iconAdd_6::after {
    content: "\e99b";
}

.iconAdd_7::after {
    content: "\e99c";
}

.iconAdd_8::after {
    content: "\e99d";
}

.iconAdd_9::after {
    content: "\e9ab";
}

.iconAdd_10::after {
    content: "\e9ad";
}

.iconAdd_11::after {
    content: "\e9ae";
}

.iconAdd_12::after {
    content: "\e9af";
}

.iconAdd_13::after {
    content: "\e9b0";
}

.iconAdd_14::after {
    content: "\e9b1";
}

.iconAdd_15::after {
    content: "\e9c4";
}

.iconAdd_16::after {
    content: "\e9c3";
}

.iconAdd_17::after {
    content: "\e9c7";
}

.iconAdd_18::after {
    content: "\e9c5";
}

.iconAdd_19::after {
    content: "\e9c6";
}

.iconAdd_20::after {
    content: "\e9c8";
}

.iconAdd_21::after {
    content: "\e9c9";
}

.iconAdd_22::after {
    content: "\e9ca";
}

.iconAdd_23::after {
    content: "\e9cc";
}

.iconAdd_24::after {
    content: "\e9cb";
}

.iconAdd_25::after {
    content: "\e99f";
}

.iconAdd_26::after {
    content: "\e9a0";
}

.iconAdd_27::after {
    content: "\e9a1";
}

.iconAdd_28::after {
    content: "\e9a2";
}

.iconAdd_29::after {
    content: "\e9a3";
}

.iconAdd_30::after {
    content: "\e9a4";
}

.iconAdd_31::after {
    content: "\e9a6";
}

.iconAdd_32::after {
    content: "\e9a5";
}

.iconAdd_33::after {
    content: "\e9a8";
}

.iconAdd_34::after {
    content: "\e9a9";
}

.iconAdd_35::after {
    content: "\e9aa";
}

.iconAdd_36::after {
    content: "\e9a7";
}

.iconAdd_37::after {
    content: "\e9b4";
}

.iconAdd_38::after {
    content: "\e9b3";
}

.iconAdd_39::after {
    content: "\e9b6";
}

.iconAdd_40::after {
    content: "\e9b7";
}

.iconAdd_41::after {
    content: "\e9b8";
}

.iconAdd_42::after {
    content: "\e9ba";
}

.iconAdd_43::after {
    content: "\e9bb";
}

.rightContent {
    margin-left: 220px;
    background: #fff;
    height: 100%;
}

    .rightContent.nav-mini {
        margin-left: 50px;
    }

.right_iframe {
    height: 100%;
}

.right_content_iframe {
    width: 100%;
    height: calc(100% - 50px);
    border: none;
}

.rightOnlineClinicFrame {
    width: 100%;
    height: calc(100% - 4px);
    border: none;
    border-top: 1px solid #ededed;
}
/**新设置左侧菜单栏的样式*/
/*子菜单的样式*/
#leftMenuUl { /*height:280px;*/
    height: calc(100% - 49px);
    overflow-x: hidden;
    overflow-y: auto;
}

.showSonMenu {
    display: none;
    position: absolute;
    z-index: 10000;
}

.allSonMenuUl {
    width: 180px;
    background: #f7f7f7;
}

    .allSonMenuUl li:hover a {
        color: #FFF;
        background: #07466c;
    }

    .allSonMenuUl li a {
        display: block;
        height: 50px;
        overflow: hidden;
        padding-left: 13px;
        line-height: 50px;
        max-height: 50px;
        font-size: 14px;
        color: #333333;
        transition: all .3s;
    }

        .allSonMenuUl li a span {
            margin-left: 30px;
        }

    .allSonMenuUl::before {
        content: '';
        height: 100%;
        width: 5px;
        background: #0a70b0;
        display: block;
        position: absolute;
        left: 0px;
    }
/*tomtomIM*/
.ti {
    display: none;
    width: 1100px;
    height: 720px;
}

.ti_menu {
    width: 200px;
    height: 100%;
    background: #0a70b0;
}

.ti_chat {
    width: 900px;
    height: 100%;
    background: #fff;
}

.ti_menu_search {
    position: relative;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

    .ti_menu_search input {
        height: 26px;
        width: 170px;
        padding: 0 30px 0 13px;
        border-radius: 13px;
        border: 1px solid rgba(255,255,255,0.4);
        background: #0a70b0;
        color: #fff;
    }

        .ti_menu_search input:hover {
            border-color: #fff;
        }

    .ti_menu_search .icon-sousuo {
        position: absolute;
        right: 12px;
        cursor: pointer;
        color: #fff;
        padding-right: 13px;
    }

.ti_menu_content {
    height: 670px;
    overflow: hidden;
    overflow-y: auto;
    border-top: 1px solid rgba(255,255,255,0.4);
    padding: 6px 0;
}

.ti_menu_list li {
    position: relative;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
    padding: 0 15px;
}

    .ti_menu_list li:hover, .ti_menu_list li.active {
        background: rgba(255,255,255,0.12);
    }

.ti_head {
    margin: 10px 12px 10px 0;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.4);
}

.ti_menu_name {
    color: #fff;
    font-size: 14px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 95px;
}

.ti_menu_close {
    display: none;
    position: absolute;
    right: 15px;
    top: 18px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    background: rgba(255,255,255,0.4);
    color: #0a70b0;
    transition: all .2s;
}

.ti_menu_list li:hover .ti_menu_close {
    display: block;
}

.ti_menu_newMsg {
    position: absolute;
    right: 15px;
    top: 20px;
    height: 16px;
    font-size: 12px;
    color: #fff;
    background: #da4a4a;
    text-align: center;
    line-height: 15px;
    padding: 0 5px;
    border-radius: 50%;
}

.ti_menu_list li:hover .ti_menu_newMsg {
    display: none;
}

.ti_title {
    height: 50px;
    line-height: 50px;
    background: #f9f8fb;
    font-size: 17px;
    color: #001c30;
}

.ti_chat_name {
    padding-left: 20px;
    width: calc(100% - 56px);
    float: left;
}

.ti_msg {
    height: 518px;
    border-top: 1px solid #e0edf5;
    border-bottom: 1px solid #e0edf5;
    overflow: hidden;
    overflow-y: auto;
}

.ti_close {
    cursor: pointer;
    padding: 0 20px;
}

    .ti_close:hover {
        color: #da4a4a;
    }

.ti_input {
    height: 152px;
}

.ti_toolbar {
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
}

    .ti_toolbar label {
        margin: 5px 6px 5px 0;
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        cursor: pointer;
        font-weight: normal;
        color: #777;
    }

        .ti_toolbar label:hover {
            color: #0a70b0;
            background: #e7f3fd;
        }

.ti_btn {
    height: 40px;
    padding: 0 15px;
}

    .ti_btn button {
        width: 64px;
        height: 28px;
    }

.ti_textarea {
    height: 78px;
}

    .ti_textarea textarea {
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
        padding: 0 15px;
        resize: none;
    }

.ti_msg_item {
    margin: 10px 10px 18px 20px;
}

.ti_msg_head {
    margin: 0 12px 0 0;
    width: 34px;
    height: 34px;
    border: 2px solid #f5f4ff;
    border-radius: 50%;
}

.ti_msg_content {
    max-width: 88%;
}

.ti_msg_name {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px;
}

.ti_msg_text {
    background: #f5f4ff;
    min-height: 36px;
    border-radius: 0 18px 18px 18px;
    padding: 6px 15px;
    line-height: 24px;
    color: #333;
    font-size: 14px;
}

    .ti_msg_text a {
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer;
        color: #0a70b0;
    }

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

.ti_msg_itemSelf .ti_msg_text {
    border-radius: 18px 0 18px 18px;
}

.ti_msg_itemSelf .ti_msg_head {
    margin: 0 0 0 12px;
}

.ti_msg_file {
    max-height: 500px;
    max-width: 100%;
}

    .ti_msg_file video, .ti_msg_file audio, .ti_msg_file img {
        max-width: 500px;
        max-height: 500px;
        border: 1px solid #f5f4ff;
    }

.ti_join_text {
    color: #333;
    line-height: 26px;
    margin-top: 8px;
    min-height: 72px;
    margin-bottom: 8px;
    font-size: 16px;
    text-align: justify;
}

.ti_join_btn {
    text-align: right;
}

    .ti_join_btn button {
        margin: 0 0 4px 8px;
        width: 60px;
        height: 30px;
        line-height: 28px;
        font-size: 14px;
    }
/*选择打印报告弹窗*/
.cis_big_img {
    display: none;
    text-align: center;
}

    .cis_big_img img {
        max-width: 100%;
    }

.cis_pdfdown {
    color: #0a70b0;
    cursor: pointer;
}

    .cis_pdfdown:hover {
        text-decoration: underline;
    }

.choose_print_report {
    display: none;
    padding: 40px 35px;
}

.print_report_item {
    margin: 0 15px;
    width: 160px;
    height: 160px;
    border: 2px solid #e5e5f2;
    color: #33475b;
    font-weight: 700;
    font-size: 15px;
    padding-top: 114px;
    background-position: center 24px;
    background-repeat: no-repeat;
    text-align: center;
    cursor: pointer;
    transition: all .2s;
}

    .print_report_item:hover {
        border-color: #0a70b0;
        color: #0a70b0;
    }

.print_report_1 {
    background-image: url('../../../../../../../Doctor/Content/productStyle/blue/img/electronic_report.png');
}

.print_report_2 {
    background-image: url('../../../../../../../Doctor/Content/productStyle/blue/img/write_report.png');
}

.DiagnosisCon_writeReport {
    vertical-align: top;
}

    .DiagnosisCon_writeReport img {
        margin: 1px 0 0 70px;
        width: 80px;
        height: 80px;
        border: 1px solid #e6e6e6;
        cursor: zoom-in;
    }
/**去掉layui type=2（frame） 弹窗时加载的动画*/
.layui-layer-load { /*display:none!important;*/
    background: #fff !important;
}
/**视频邀请弹窗*/
.video_invite {
    opacity: 0;
    position: fixed;
    right: 20px;
    bottom: -100%;
    width: 240px;
    height: 294px;
    transition: all 0.3s;
    border: 1px solid #e5f2fe;
    background: #fff;
    z-index: 999;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,.15)
}

    .video_invite.active {
        opacity: 1;
        bottom: 20px;
    }

.invite_img {
    margin: 30px auto 10px;
    height: 90px;
    width: 90px;
    text-align: center;
    line-height: 80px;
    padding: 5px;
    border-radius: 50%;
    overflow: hidden;
}

    .invite_img img {
        max-height: 100%;
        max-width: 100%;
        border-radius: 50%;
    }

.invite_name {
    font-size: 16px;
    color: #333;
    height: 16px;
    margin-bottom: 15px;
    line-height: 16px;
}

.invite_text {
    margin-bottom: 10px;
    height: 14px;
    color: #333;
    line-height: 14px;
    font-size: 14px;
}

.invite_hospital {
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px;
    color: #999;
    font-size: 14px;
}

.invite_type {
    color: #0a70b0;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}

.invite_btn {
    width: 64px;
    height: 30px;
    border-radius: 3px;
    margin: 0 5px;
    color: #fff;
}

.invite_refuse {
    background: #da4a4a;
}

    .invite_refuse:hover {
        background: #da3a3a;
    }

.invite_ok {
    background: #00a977;
}

    .invite_ok:hover {
        background: #009c6e;
    }
/*添加备注*/
.add_note {
    padding: 20px 20px 0;
    height: 100%;
}

.add_note_text {
    width: 100%;
    height: 100%;
}

    .add_note_text textarea {
        height: 100%;
    }
/**ca验签*/
.CA_success {
    background: url('../../../../../../../Doctor/Content/productStyle/blue/img/public/CA_success.png') 60px 0 no-repeat !important;
}

.CA_failure {
    background: url('../../../../../../../Doctor/Content/productStyle/blue/img/public/CA_failure.png') 60px 0 no-repeat !important;
}

.CA_success_b {
    background: url('../../../../../../../Doctor/Content/productStyle/blue/img/public/CA_success.png') 60px bottom no-repeat !important;
}

.CA_failure_b {
    background: url('../../../../../../../Doctor/Content/productStyle/blue/img/public/CA_failure.png') 60px bottom no-repeat !important;
}
/*更多操作模态框*/
.moreOperateBox {
    display: none;
    padding: 0 20px;
}

.more_oprate_title {
    position: relative;
    margin: 15px 0 6px;
    height: 36px;
    line-height: 33px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
}

.more_reason_text {
    background: #f9f9f9;
    height: 100%;
    border-right: 1px solid #e6e6e6;
    width: 120px;
    text-align: center;
}

.reason_list {
    border: none;
    width: 419px;
    height: 100%;
    font-size: 14px;
    padding: 0 10px;
}

.reason_textarea {
    font-size: 14px;
    width: 100%;
    height: 180px;
    padding: 4px 12px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    resize: none;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: justify;
    outline: none;
}

.reason_input {
    display: none;
    height: 80px;
}

    .reason_input.active {
        display: block;
    }

.send_new {
    margin: 6px 0 10px;
    line-height: 16px;
}

.show_msg_tel {
    float: left;
    margin: 6px 5px -2px 0;
    padding: 1px 3px;
    border-radius: 2px;
    font-size: 12px;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    color: #fff;
}

    .show_msg_tel.active {
        border-color: #0a70b0;
        background: #0a70b0;
    }

.send_msg_tel {
    height: 30px;
    padding: 0 5px;
}
/*未读消息弹窗*/
.unread_msg {
    display: none;
    position: fixed;
    top: 50px;
    right: 18px;
    width: 420px;
    background: #fff;
    border: 1px solid #ebebeb;
    box-shadow: 0 5px 15px rgba(26,26,26,0.1);
    z-index: 1000;
}

.unread_title {
    padding: 0 5px 0 25px;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    font-weight:700;
}

.unread_close {
    height: 100%;
    padding: 0 16px;
    cursor: pointer;
    font-size:12px;
}

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

    .unread_more > a {
        display: block;
    }

        .unread_more > a:hover {
            background: #e6f3ff;
            color: #0a70b0;
        }

.unread_list {
    padding: 0 16px 0 10px;
    height: 327px;
    border-top: 1px solid #dcdfe6;
    border-bottom: 1px solid #dcdfe6;
    overflow-y: auto;
    background: url(../../../../../../../Doctor/Content/productStyle/blue/img/noInfor.png) center no-repeat;
}

    .unread_list.active {
        background: none;
    }

.unread_item {
    padding: 10px 15px 8px 15px;
    border-bottom: 1px solid #f2f6fc;
    cursor: pointer;
}

    .unread_item:hover {
        background: #e6f3ff;
        color:#0a70b0;
    }

.unread_list .unread_item:last-child {
    border: none;
}

.unread_text {
    height: 26px;
    line-height: 26px;
}

    .unread_text > span {
        font-weight: bold;
    }

    .unread_text.active {
        height: auto;
    }

.unread_time {
    color: #909399;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
}
/*消息列表弹窗*/
.drawer_msg {
    position: fixed;
    top: 0;
    right: -30%;
    width: 30%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    box-shadow: 0 8px 10px -5px rgba(0,0,0,.2), 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12);
    transition: all ease-in-out 0.3s;
}

    .drawer_msg.active {
        right: 0;
    }

.drawer_msg_Header {
    padding: 20px;
    color: #333;
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px solid #e6e6e6;
}

.drawer_msg_list {
    position: relative;
    padding: 0 20px;
    height: calc(100% - 60px);
    overflow-y: auto;
}

.drawer_msg_item {
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
    letter-spacing: 2px;
}

.drawer_msg_Header .close_icon {
    margin-left: 10px;
    font-size: 20px;
}

.drawer_msg_item .read_icon {
    margin-left: 15px;
}

.drawer_msg_title {
    height: 28px;
    line-height: 28px;
    color: #666;
}

.drawer_msg_content {
    line-height: 24px;
}