body {
    font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC",  "WenQuanYi Micro Hei", sans-serif;
}
.login_box {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    background-size: cover;
    background-position: center center;
}
.login_cont {
    position: fixed;
    z-index: 999;
    left: 0;right: 0;
    top:50%;
    transform: translate(0,-50%);
    width: 380px;
    background: #FAFBFF;
    border-radius: 4px;
    margin:0 auto;
    padding:50px 46px 75px;
}
.login_title {
    font-size: 16px;
    color: #42586B;
    font-weight: bold;
    text-align: center;
    margin-bottom: 36px;
}
.login_group {
    margin-bottom: 10px;
}
.login_item {
    position: relative;
    width: 100%;
    height: 50px;
    padding-left: 10px;
    border:1px solid #d9dade;
    margin-bottom: -1px;
}
.login_item_icon {
    width: 16px;
    line-height: 48px;
}
.login_item_right {
    width: 255px;
}
.login_input {
    position: relative;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #42586B;
    background: transparent;
}
.login_input::-webkit-input-placeholder { 
    color:#BDBDBD;
}
.login_inpu:-moz-placeholder { 
    color:#BDBDBD;
}
.login_inpu::-moz-placeholder { 
    color:#BDBDBD;
}
.login_inpu:-ms-input-placeholder { 
    color:#BDBDBD;
}

.login_automatic {
    margin-bottom: 45px;
}
.login_automatic_left {
    font-size: 12px;
    color: #42586B;
    cursor: pointer;
}
.login_automatic_icon {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: #58a8ec;
    border-radius: 4px;
    margin:-3px 3px 0 0;
}
.login_automatic_icon.on {
    background: #58a8ec url(../images/check.png) center center;
}
.login_link {
    font-size: 12px;
    color: #42586B;
}
.login_btm {
    text-align: center;
}
.login_btn {
    display: block;
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #58A8EC;
    border-radius: 2px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
}
.btn_disabled {
    background: #a8d1f5
}


/*****   忘记密码    *****/
.password_item {
    position: relative;
    height: 50px;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
}
.password_item_left {
    position: relative;
    float: left;
    font-size: 15px;
    color: #42586B;
    width: 65px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
}
.password_item_left img {
    width: 10px;
    margin:-1px 0 0 2px;
}
.password_menu_drop {
    display: none;
    position: absolute;
    z-index: 999;
    width: 288px;
    top:48px;
    left: -1px;
    background: #ffffff;
    border:1px solid #DCDDE1;
}
.password_menu_group {
    height: 154px;
    overflow-y: scroll;
}
.password_menu_item {
    height: 31px;
    line-height: 30px;
    padding:0 11px;
    font-size: 12px;
    color: #42586B;
    cursor: pointer;
    border-bottom: 1px solid #dee0e4;
}
.password_menu_item:hover {
    background: #EAF3FE;
}
.password_menu_item:last-child {
    border-bottom: 0;
}



.password_item_right {
    width: 221px;
}
.password_item_promt {
    font-size: 12px;
    color: #BDBDBD;
}
.password_item_promt1 {
    padding-left: 60px;
    margin:7px 0 90px;
}

.auth_code_item {
    position: relative;
    border: 1px solid #DCDDE1;
    height: 50px;
    padding:0 90px 0 9px;
    border-radius: 2px;
}
.code_btn {
    position: absolute;
    z-index: 99;
    top:10px;
    right: 9px;
    width: 80px;
    height: 28px;
    background: #58A8EC;
    border-radius: 2px;
    font-size: 12px;
    color:#fff;
    text-align: center;
}
.code_disabled {
    background: #DCDDE1;
}
.set_item {
    position: relative;
    border: 1px solid #DCDDE1;
    height: 50px;
    border-radius: 2px;
    margin-bottom: -1px;
}
.set_item input {
    padding:0 9px;
}
.password_item_promt2 {
    margin:7px 0 44px;
}


.set_popup {
    display: none;
}
.set_popup_box {
    position: fixed;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99999;
    width: 140px;
    text-align: center;
    background: #fff;
    padding: 30px 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
    border-radius: 2px;
}
.set_popup_text {
    font-size: 14px;
    color: #1E1E1E;
    margin-top: 12px;
}


/*********       今日计划    **********/
.plan_admin .plan_header {
    height: 72px;
    background: #42586b;
    color:#fff;
}
.plan_admin .layui-body {
    top:72px;
    left: 182px;
    bottom:0;
}
.layui-layout-admin .layui-side {
    width: 182px;
    top:72px;
    background: #fafbff;
    border-right: 1px solid #dfe0e4;
}
.layui-side-scroll {
    width: 202px;
}
.plan_logo {
    position: relative;
    width: 182px;
    margin:0 auto;
    line-height: 72px;
    text-align: center;
}
.plan_header .layui-nav  {
    padding:0;
}
.plan_logo img {
    width: 60px;
}
.plan_logo_text {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #BDBDBD;
    padding-left: 11px;
    margin-left: 10px;
}
.plan_logo_text:after {
    content: "";
    position: absolute;
    top:50%;
    margin-top: -7.5px;
    left: 0;
    width: 1px;
    height: 15px;
    background: #b9c1c8;
}

.head_search {
    margin-top: 16px;
}
.head_search_text {
    position: relative;
    width: 345px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #BDBDBD;
    border-radius: 20px;
    background: transparent;
    font-size: 12px;
    color: #BDBDBD;
    padding:0 15px 0 30px;
    background: url(../images/search_icon.png) no-repeat 11px center;
}
.head_search_text::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #BDBDBD;
}
.head_search_text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #BDBDBD;
}
.head_search_text::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #BDBDBD;
}
.head_search_text:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #BDBDBD;
}

.head_right {
    height: 32px;
    padding-top: 20px;
    line-height: 32px;
    padding-right: 30px;
}
.head_right_item {
    position: relative;
    font-size: 14px;
    color: #FFFFFF;
    margin-left: 38px;
}
.head_right_item a {
    display: block;
    color:#fff;
}
.head_right_item img {
    margin:-3px 5px 0 0;
}
.head_right_point {
    position: absolute;
    z-index: 99;
    top:0;
    right: -12px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color:#fff;
    background: #FF2525;
    border: 1px solid #42586B;
    border-radius: 50%;
    text-align: center;  
}
.head_right_item:hover .subscribe_drop {
    display: block;
}
.subscribe_drop {
    position: absolute;
    width: 337px;
    top:100%;
    padding-top: 40px;
    right:-10px;
    display: none;
}
.subscribe_drop_cont {
    position: relative;
}
.subscribe_drop_cont:after {
    content: "";
    position: absolute;
    width:0;
    height:0;
    top:-10px;
    right: 38px;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-bottom:10px solid rgba(66,88,107,0.9);
}
.subscribe_drop_item {
    background: rgba(66,88,107,0.9);
    border-radius: 2px; 
    padding: 18px 10px;
    border-radius: 6px 0px 0px 0px 6px 6px 6px;
}
.subscribe_drop_top {
    font-size: 12px;
    color:#fff;
    margin-bottom: 16px;
}
.subscribe_drop_top_tx {
    width: 48px;
    height: 48px;
    overflow:hidden;
    margin-right: 8px;
}
.subscribe_drop_top_tx img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin:0;
}
.subscribe_drop_infor {
    width: 160px;
    padding-top: 1px;
}
.subscribe_drop_name {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}
.subscribe_drop_name span {
    margin:0 3px;
}
.subscribe_drop_other {
    color:rgba(255,255,255,0.7);
    line-height: 18px;
}
.subscribe_drop_date {
    width:96px;
    text-align: right;
}
.subscribe_drop_date {
    font-size: 12px;
    color: #F9F9F9;
    line-height: 22px;
}
.subscribe_drop_date_1 {
    font-size: 12px;
}
.subscribe_drop_date_2 {
    font-size: 12px;
}
.subscribe_drop_des {
    font-size: 12px;
    color:rgba(255,255,255,0.7);
    margin-bottom: 18px;
}
.subscribe_drop_btn {
    display: block;
    width: 150px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    font-size: 12px;
    color: #FFFFFF;
}
.subscribe_drop_btn.active {
    background: #58A8EC;
    border: 1px solid #58A8EC;
}

.head_right_text {
    position: relative;
    font-size: 12px;
    color: #BDBDBD;
    padding-left: 7px;
    margin-left: 32px;
}
.head_right_text:after {
    content: "";
    position: absolute;
    top:50%;
    margin-top: -6px;
    left: 0;
    width: 1px;
    height: 12px;
    background: #58a9ee;
}

.side_nav ul li {
    position: relative;
    width: 100%;
    height: 55px;
}
.side_nav ul li a {
    display: block;
    line-height: 55px;
    font-size: 14px;
    color: #42586B;
    padding:0 15px 0 45px;
}
.side_nav ul li span {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin:-3px 10px 0 0;
}
.side_nav_icon1 { background: url(../images/nav_a1.png) no-repeat center center }
.side_nav_icon2 { background: url(../images/nav_a2.png) no-repeat center center }
.side_nav_icon3 { background: url(../images/nav_a3.png) no-repeat center center }
.side_nav_icon4 { background: url(../images/nav_a4.png) no-repeat center center }
.side_nav_icon5 { background: url(../images/nav_a5.png) no-repeat center center }
.side_nav_icon6 { background: url(../images/nav_a6.png) no-repeat center center }
.side_nav ul li:hover a,.side_nav ul li.active a {
    background: #EAF3FE;
    color: #58A8EC;
}
.side_nav ul li:hover .side_nav_icon1,.side_nav ul li.active .side_nav_icon1 {
    background: url(../images/nav_b1.png) no-repeat center center
}
.side_nav ul li:hover .side_nav_icon2 , .side_nav ul li.active .side_nav_icon2 {
    background: url(../images/nav_b2.png) no-repeat center center
}
.side_nav ul li:hover .side_nav_icon3 , .side_nav ul li.active .side_nav_icon3 {
    background: url(../images/nav_b3.png) no-repeat center center
}
.side_nav ul li:hover .side_nav_icon4 , .side_nav ul li.active .side_nav_icon4 {
    background: url(../images/nav_b4.png) no-repeat center center
}
.side_nav ul li:hover .side_nav_icon5 , .side_nav ul li.active .side_nav_icon5  {
    background: url(../images/nav_b5.png) no-repeat center center
}
.side_nav ul li:hover .side_nav_icon6 , .side_nav ul li.active .side_nav_icon6 {
    background: url(../images/nav_b6.png) no-repeat center center
}


.plan_cont {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}
.plan_btm {
    position: absolute;
    width: 100%;
    top:148px;
    bottom:0;
}

.plan_top {
    height: 148px;
    padding:16px 0 0;
    border-bottom: 1px solid #dfe0e4;
}
.plan_top_title {
    padding:0 20px;
    line-height: 20px;
    margin-bottom: 25px;
}
.plan_top_left {
    font-size: 15px;
    color: #5C7890;
}
.plan_line {
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 15px;
    background: #58A8EC;
    border-radius: 2px;
    margin:-3px 4px 0 0;
}
.plan_top_more a {
    font-size: 14px;
    color: #42586B;
}
.plan_top_more img {
    margin:-3px 0 0 4px;
}

.plan_task_item {
    position: relative;
    width: 20%;
    text-align: center;
}
.plan_task_item_num {
    font-size: 32px;
    color: #58A8EC;
    font-family: Arial;
    font-weight: bold;
    margin-bottom: 5px;
}
.plan_task_item_title {
    position: relative;
    font-size: 12px;
    color: #5C7890;
}
.task_content {
    position: absolute;
    top:0;
    height: 100%;
    left: 0;
    right: 288px;
    overflow-y: hidden;
}
.task_content.scroll {
    overflow-y: scroll;
}

.task_content_top {
    padding:18px 20px;
    line-height: 24px;
}


.task_content_title {
    font-size: 15px;
    color: #5C7890;
}
.task_switch_title span {
    display: inline-block;
    width: 68px;
    height: 24px;
    line-height: 24px;
    background: #EAF3FE;
    border-radius: 100px;
    font-size: 12px;
    color: #5C7890;
    text-align: center;
    margin-left: 6px;
    cursor: pointer;
}
.task_switch_title span.active {
    background: #58A8EC;
    color:#fff;
}

.task_content_switch_item {
    display: none;
}
.task_content_switch_item:first-child {
    display: block;
}
.task_table  {
    position: relative;
    width: 100%;
}
.task_table thead{
    background: #FAFBFF;
}
.task_table td {
    padding:5px;
}
.task_table thead td {
    height: 34px;
    font-size: 12px;
    color: #8A8A8A;
}
.task_table tbody  td {
    height: 54px;
    font-size: 12px;
    color: #42586B;
}
.diagnostic_table td.diagnostic_td1 {
    padding-left: 27px;
}
.diagnostic_td1 {
    width: 14.4%
}
.diagnostic_td2 {
    width: 18%
}
.diagnostic_td3 {
    width: 11.3%
}
.diagnostic_td4 {
    width: 8%
}
.diagnostic_td5 {
    width: 17.2%
}
.diagnostic_td6 {
    width: 11.5%
}
.diagnostic_td7 {
    width: 10%;
}
.diagnostic_operation {
    min-width: 150px;
}
.diagnostic_more {
    display: inline-block;
    width: 64px;
    height: 22px;
    line-height: 20px;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    color: #42586B;
}
.diagnostic_interpret {
    position: relative;
    display: inline-block;
    padding: 0 7px;
    height: 22px;
    line-height: 20px;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    text-align: center; 
    font-size: 12px;
    color: #42586B;
    cursor: pointer;
    min-width:64px;
}
.diagnostic_interpret_past{
     color: #BDBDBD;
}
.diagnostic_interpret_past:hover {
    color: #BDBDBD;
}
.plan_mr4 {
    margin-right: 4px;
}
.plan_mr6 {
    margin-right: 6px;
}
.plan_mb18 {
    margin-bottom: 18px;
}
.plan_mb26 {
    margin-bottom: 26px;
}
.plan_mb34 {
    margin-bottom: 34px;
}
.diagnostic_state img {
    margin:-3px 4px 0 0;
}

.task_notice {
    position: absolute;
    width: 288px;
    top:0;right: 0;
    height: 100%;
    overflow-y: hidden;
}
.task_notice.scroll {
    overflow-y: scroll;
}

.task_notice_title {
    padding:16px 20px 0;
    font-size: 15px;
    color: #5C7890;
    line-height: 24px;
    margin-bottom: 25px;
}
.notice_switch_title {
    padding:0 28px;
    margin-bottom: 18px;
}
.notice_switch_title span {
    display: inline-block;
    width: 44px;
    height: 20px;
    line-height: 20px;
    background: #EAF3FE;
    border-radius: 10px;
    font-size: 12px;
    color: #5C7890;
    text-align: center;
    margin-right: 6px;
    cursor: pointer;
}
.notice_switch_title span.active {
    background: #58A8EC;
    color:#fff;
}

.notice_switch_item {
    display: none;
}
.notice_switch_item:first-child {
    display: block;
}

.notice_group {
    padding:0 22px 0 28px;
}
.notice_item {
    padding-bottom: 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid #dfe0e4;
}
.notice_item_title {
    position: relative;
    font-size: 12px;
    color: #42586B;
    margin-bottom: 6px;
}
.notice_item_text {
    font-size: 12px;
    color: #8A8A8A;
    line-height: 18px;
}
.notice_item.active .notice_item_title {
    color: #42586B;
}
.notice_item.active .notice_item_title:after {
    content: "";
    position: absolute;
    top:5px;
    left: -11px;
    width: 6px;
    height: 6px;
    background: #DB4440;
    border-radius: 50%;

}
.notice_item.active .notice_item_text {
    color: #42586B;
}


.report_td1 {
    width: 14.4%
}
.report_td2 {
    width: 18%
}
.report_td3 {
    width: 11.3%
}
.report_td4 {
    width: 18%
}
.report_td5 {
    width: 11.5%
}
.report_td6 {
    width: 18%
}
.report_td7 {
    width: 8.8%
}
.report_table td.report_td1 {
    padding-left: 27px;
}
.report_operation {
    min-width: 80px;
}
.report_file {
    position: absolute;
    z-index: 99;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter:alpha(opacity=0); 
    cursor: pointer;
}


.logistics_td1 {
    width: 13.2%
}
.logistics_td2 {
    width: 10%
}
.logistics_td3 {
    width: 17%
}
.logistics_td4 {
    width: 20.8%
}
.logistics_td5 {
    width: 11.5%
}
.logistics_td6 {
    width: 18.7%
}
.logistics_td7 {
    width: 8.8%
}
.logistics_table td.logistics_td1 {
    padding-left: 27px;
}
.logistics_table td.logistics_td4 {
    padding-right: 20px;
}


.call_td1 {
    width: 18.5%
}
.call_td2 {
    width: 24%
}
.call_td3 {
    width: 22.2%
}
.call_td4 {
    width: 26.5%
}
.call_td5 {
    width: 8.8%
}
.call_table td.call_td1 {
    padding-left: 27px;
}

.passport_td1 {
    width: 17%;
}
.passport_td2 {
    width: 15%;
}
.passport_td3 {
    width: 20%
}
.passport_td4 {
    width: 16%
}
.passport_td5 {
    width: 20%
}
.passport_td6 {
    width: 12%
}

.passport_table td.passport_td1 {
    padding-left: 27px;
}
.passport_operation {
    min-width: 100px;
}
.passport_operation .diagnostic_interpret {
    width: 88px;
}

.logistics_popup {
    display: none;
}
.mask {
    position: fixed;
    z-index: 9999;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
}
.logistics_popup_box {
    position: fixed;
    z-index: 9999;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 418px;
    background: #fff;
}
.logistics_popup_top {
    position: relative;
    height: 39px;
    line-height: 38px;
    border-bottom: 1px solid #dfe0e4;
    padding:0 10px 0 16px;
    font-size: 14px;
    color: #42586B;
}
.logistics_close img {
    width: 12px;
}
.logistics_close {
    cursor: pointer;
}

.logistics_popup_group {
    padding:13px 0 40px;
}
.logistics_popup_item {
    padding-right: 30px;
}
.logistics_popup_item_label {
    position: relative;
    width: 118px;
    text-align: right;
    font-size: 12px;
    color: #808080;
    line-height: 22px;
}
.logistics_popup_item_right {
    position: relative;
    width: 270px;
    font-size: 12px;
    color: #5C7890;
    line-height: 22px;
}
.logistics_popup_item_label_34 {
    line-height: 34px;
}
.logistics_popup_input {
    position: relative;
    width: 100%;
    height: 34px;
    line-height: 32px;
    border: 1px solid rgba(0,0,0,0.10);
    box-shadow: inset 0 0 4px 0 rgba(0,0,0,0.10);
    border-radius: 2px;
    font-size: 12px;
    color: #BDBDBD;
    padding:0 9px;
}

.logistics_popup_btm {
    position: relative;
    background: #f1f1f3;
    padding:10px 0;
    text-align: center;
}
.logistics_popup_btn {
    position: relative;
    width: 120px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    font-size: 12px;
    color: #42586B;
}
.logistics_popup_btn.active {
    background: #58A8EC;
    border-radius: 2px;
    border: 1px solid #58A8EC;
    color:#fff;
}


.upload_success_popup {
    display: none;
}
.upload_fail_popup {
    display: none;
}
.upload_popup_box {
    text-align: center;
}
.upload_popup_title {
    font-size: 14px;
    color: #1E1E1E;
}

.upload_popup_box {
    position: fixed;
    z-index: 9999;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 140px;
    padding: 30px 0;
    background: #fff;
}
.upload_popup_img {
    margin-bottom: 14px;
}

.passport_popup {
    display: none;
}
.passport_popup_group {
    padding:10px 0;
}
.passport_popup_item {
    line-height: 22px;
    font-size: 12px;
    margin-bottom: 10px;
}
.passport_popup_item_label {
    width: 75px;
    text-align: right;
    color: #808080;
    margin-right: 10px;
}
.passport_popup_item_right {
    width: 300px;
}




/********      任务管理     ***********/
.task_management_cont {
    position: relative;
    width: 100%;
    height: 100%;
}
.task_management_title {
    padding:16px 20px;
    border-bottom: 1px solid #dfe0e4;
}
.task_management_title span {
    display: inline-block;
    width: 68px;
    height: 24px;
    line-height: 24px;
    background: #EAF3FE;
    border-radius: 100px;
    font-size: 12px;
    color: #5C7890;
    text-align: center;
    margin-right: 6px;
    cursor: pointer;
}
.task_management_title span.active {
    background: #58A8EC;
    color:#fff;
}
.task_management_title a {
    display: inline-block;
    width: 68px;
    height: 24px;
    line-height: 24px;
    background: #EAF3FE;
    border-radius: 100px;
    font-size: 12px;
    color: #5C7890;
    text-align: center;
    margin-right: 6px;
    cursor: pointer;
}
.task_management_title a.active,.task_management_title a:hover {
    background: #58A8EC;
    color:#fff;
}

.management_screen_item {
    margin-right: 18px;
}
.management_screen_select {
    width: 100px;
    height: 26px;
    line-height: 24px;
    padding:0 5px 0 8px;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    font-size: 12px;
    color: #BDBDBD;
}
.management_screen_input {
    width: 105px;
    height: 26px;
    line-height: 24px;
    padding:0 8px;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    color: #42586B;
    font-size: 13px;
    cursor: pointer;
    background:url(../images/chosen_drop.png) no-repeat 84px center;
}
.management_screen_input::-webkit-input-placeholder { 
    color:#42586B;
}
.management_screen_input:-moz-placeholder { 
    color:#42586B;
}
.management_screen_input::-moz-placeholder { 
    color:#42586B;
}
.management_screen_input:-ms-input-placeholder { 
    color:#42586B;
}

.management_screen {
    padding:12px 20px;
}
.management_screen_left {
    padding-top: 3px;
}
.management_search_input {
    position: relative;
    width: 311px;
    height: 32px;
    line-height: 38px;
    background: rgba(255,255,255,0.40);
    border: 1px solid #DCDDE1;
    border-radius: 20px;
    font-size: 12px;
    color: #42586B;
    padding:0 15px 0 32px;
    background: url(../images/search_icon.png) no-repeat 11px center;
}
.management_search_input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #BDBDBD;
}
.management_search_input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #BDBDBD;
}
.management_search_input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #BDBDBD;
}
.management_search_input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #BDBDBD;
}

.video_management_btm {
    position: absolute;
    width: 100%;
    top:113px;
    left: 0;
    bottom: 0;
}
.video_management_btm.scroll {
    overflow-y:scroll;
}
.video_management_table {
    position: relative;
    width: 100%;
}
.video_management_table td.diagnostic_td1 {
    padding-left: 27px;
}


.management_empty {
    text-align: center;
    padding:100px 60px 0;
}
.management_empty_text {
    font-size: 16px;
    color: #8A8A8A;
    margin-top: 16px;
}


/*******       患者管理     *******/
.patient_management_title {
    position: relative;
    font-size: 15px;
    color: #5C7890;
    height: 56px;
    line-height: 55px;
    padding: 0 20px;
    border-bottom: 1px solid #dfe0e4;
}
.patient_management_title a {
    color:#5C7890;
}
.patient_management_title img {
    margin:-3px 4px 0 0;
}

.patient_management_btm {
    position: absolute;
    width: 100%;
    top:113px;
    left: 0;
    bottom: 0;
    overflow-y:hidden;
}
.patient_management_btm.scroll {
    overflow-y:scroll;
}

.patient_td1 {
    width: 12.7%
}
.patient_td2 {
    width: 11.4%
}
.patient_td3 {
    width: 18.4%
}
.patient_td4 {
    width: 11%
}
.patient_td5 {
    width: 11.1%
}
.patient_td6 {
    width: 15.4%
}
.patient_td7 {
    width: 10.7%
}
.patient_td8 {
    width: 9.3%
}
.patient_management_table td.patient_td1 {
    padding-left: 27px;
}
.patient_operation {
    min-width: 80px;
}


/***   查看档案    ****/
.archives_title {
    background: #FAFBFF;
    height: 54px;
    line-height: 53px;
    box-shadow: -1px 0 0 0 #DCDDE1, 0 1px 0 0 #DCDDE1;
}
.archives_title span {
    position: relative;
    display: block;
    float: left;
    width: 116px;
    font-size: 14px;
    color: #5C7890;
    text-align: center;
    cursor: pointer;
    /* border-right: 1px solid #dfe0e4; */
}
.archives_title span.active {
    color:#4da2eb;
    background: #fff;
    border-right: 1px solid #dfe0e4;
    border-left: 1px solid #dfe0e4;
}
.archives_title span:first-child {
    border-left: 0;
}

.archives_title span.active:after {
    content: "";
    position: absolute;
    z-index: 99;
    left: 0;
    top:-1px;
    width: 100%;
    height: 4px;
    background: #4da2eb;
}
.archives_title span.active:before {
    content: "";
    position: absolute;
    z-index: 99;
    right: 0;
    bottom:-2px;
    width: 100%;
    height: 2px;
    background: #fff;
}

.archives_data_cont {
    padding-top: 80px;
}

.archives_switch_item {
    display: none;
} 
.archives_switch_item:first-child {
    display: block;
} 

.archives_data_wrap {
    position: relative;
    width: 930px;
    height: 270px;
    margin:0 auto;
    border: 1px solid #DCDDE1;
}
.archives_data_left {
    position: relative;
    width: 214px;
    height: 268px;
    background: #fafbff;
    text-align: center;
    padding-top: 18px;
    border-right: 1px solid #DCDDE1;
}
.archives_data_tx img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}
.archives_data_name {
    font-size: 14px;
    color: #5C7890;
    margin:8px 0 5px;
}
.archives_data_name span {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    line-height: 14px;
    padding:0 6px;
    border:1px solid #4da2eb;
    margin:-3px 0 0 6px;
    border-radius: 30px;
    font-size: 12px;
    color:#4da2eb;
}
.archives_data_text {
    font-size: 14px;
    color: #5C7890;
}
.archives_data_text span {
    margin:0 4px;
}
.archives_data_right {
    position: relative;
    width: 684px;
    padding-top: 25px;
}
.archives_basic_title {
    font-size: 14px;
    color:#576b7b;
    font-weight: bold;
    margin-bottom: 22px;
}
.archives_basic_item {
    position: relative;
    float: left;
    width: 320px;
    font-size: 14px;
    line-height: 24px;
    color:#5C7890;
    margin:0 44px 18px 0;
}
.archives_basic_item:nth-child(2n) {
    margin-right: 0;
}


/********  就诊记录   ********/
.archives_record_box {
    position: absolute;
    width: 100%;
    left: 0;
    top:110px;
    padding-top: 10px;
    bottom: 0;
}
.archives_record_box.scroll {
    overflow-y: scroll;
}


.archives_record_td1 {
    width: 17.8%
}
.archives_record_td2 {
    width: 18.4%
}
.archives_record_td3 {
    width: 11%
}
.archives_record_td4 {
    width: 11%
}
.archives_record_td5 {
    width: 11.4%
}
.archives_record_td6 {
    width: 13.8%
}
.archives_record_td7 {
    width: 16.6%
}
.archives_record_table tbody td {
    color: #42586B;
}
.archives_record_table td.archives_record_td1 {
    padding-left: 27px;
}

/*****     专家管理     ******/
.expert_add {
    position: absolute;
    top:50%;
    margin-top: -12px;
    right: 20px;
    line-height: 24px;
    font-size: 14px;
    color: #42586B;
}
.expert_add a {
    color: #42586B;
}


.expert_management_td1 {
    width: 11.7%
}
.expert_management_td2 {
    width: 14.2%
}
.expert_management_td3 {
    width: 16.6%
}
.expert_management_td4 {
    width: 20.1%
}
.expert_management_td5 {
    width: 9.2%
}
.expert_management_td6 {
    width: 11.6%
}
.expert_management_td7 {
    width: 16.6%
}
.expert_management_table td.expert_management_td1 {
    padding-left: 27px;
}
.expert_operation {
    min-width: 160px;
}
.expert_management_text {
    position:relative;
    width: 80%;
    min-width: 164px;
}


/****    专家信息     *******/
.expert_basic_cont {
    padding:16px 30px 30px;
}
.expert_basic_left {
    position: relative;
    width: 66px;
    text-align: center;
    margin-right: 52px;
}
.expert_basic_tx {
    margin-bottom: 10px;
}
.expert_basic_tx img {
    width: 66px;
    height: 66px;
    border-radius: 50%;
}
.expert_basic_upload {
    position: relative;
    cursor: pointer;
}
.expert_basic_upload_text {
    width: 66px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color:#42586B;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
}
.expert_basic_file {
    position: absolute;
    z-index: 99;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.expert_basic_right {
    position: relative;
    width: 75%;
    min-width: 682px;
}

.expert_basic_group {
    margin-bottom: 40px;
}
.expert_basic_item {
    min-width: 302px;
    width: 46%;
}
.expert_basic_item_label {
    font-size: 14px;
    color: #5C7890;
    margin-bottom: 5px;
}
.expert_basic_item_input {
    position: relative;
    width: 100%;
    height: 32px;
    line-height: 30px;
    font-size: 12px;
    color: #42586B;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    padding:0 12px;
}
.expert_basic_item_input::-webkit-input-placeholder { 
    color:#BDBDBD;
}
.expert_basic_item_input:-moz-placeholder { 
    color:#BDBDBD;
}
.expert_basic_item_input::-moz-placeholder { 
    color:#BDBDBD;
}
.expert_basic_item_input:-ms-input-placeholder { 
    color:#BDBDBD;
}
.expert_basic_item_select {
    position: relative;
    width: 100%;
    height: 32px;
    line-height: 30px;
    font-size: 12px;
    color: #42586B;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    padding:0 12px;
}


.expert_basic_btn {
    width: 120px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    font-size: 12px;
    color: #42586B;
    background: transparent;
}
.expert_basic_btn.active {
    background: #58A8EC;
    border-radius: 2px;
    color:#fff;
    border:1px solid #DCDDE1;
}
.expert_basic_item_area {
    position: relative;
    width: 100%;
    height: 72px;
    line-height: 22px;
    font-size: 12px;
    color: #42586B;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    padding:5px 12px;
}
.expert_basic_item_area::-webkit-input-placeholder { 
    color:#BDBDBD;
}
.expert_basic_item_area:-moz-placeholder { 
    color:#BDBDBD;
}
.expert_basic_item_area::-moz-placeholder { 
    color:#BDBDBD;
}
.expert_basic_item_area:-ms-input-placeholder { 
    color:#BDBDBD;
}

.expert_account_cont {
    padding:40px 150px 30px;
}

.expert_account_wrap {
    width: 50%;
    min-width: 310px;
}
.expert_basic_item_btm .chosen-container-single .chosen-single {
    height: 32px;
    line-height: 30px;
}

.expert_adept {
    position: relative;
}
.expert_adept_upper_left {
    margin-right: 12px;
}
.expert_adept_upper_left span {
    margin-right: 6px;
}
.expert_adept_upper_tm {
    color:#BDBDBD;
}
.expert_adept_upper {
    position: relative;
    width: 100%;
    height: 32px;
    line-height: 30px;
    font-size: 12px;
    color: #42586B;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    padding: 0 6px 0 12px;
}
.expert_adept_drop {
    position: absolute;
    display: none;
    z-index: 999;
    width: 100%;
    top: 31px;
    left: 0;
    background: #ffffff;
    border: 1px solid #dcdde1;
}
.adept_drop_group {
    height: 126px;
    overflow-y: scroll;
}
.adept_drop_item {
    height: 32px;
    line-height: 31px;
    padding: 0 12px;
    font-size: 12px;
    color: #42586B;
    cursor: pointer;
    border-bottom: 1px solid #dee0e4;
}
.adept_drop_item.checked {
    background: #eaf3fe;
}
.adept_drop_item_icon {
    width: 14px;
    height: 14px;
    background: transparent;
    border:1px solid #cecece;
    border-radius: 4px;
    margin-top: 9px;
}
.adept_drop_item.checked .adept_drop_item_icon {
    background: #58a8ec url(../images/checked.png) no-repeat center center;
    border:1px solid #58a8ec;
}


/*********     诊疗报告     ********/
.medical_top_right {
    padding-right: 10px;
}
.medical_top_right a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #42586B;
    line-height: 24px;
    margin-left: 42px;
}
.medical_top_right a:after {
    content: "";
    position: absolute;
    top:50%;
    margin-top: -5px;
    right:-24px;
    width: 1px;
    height: 10px;
    background: #dcddd1;
}
.medical_top_right a:last-child:after {
    display: none;
}

.medical_management_td1 {
    width: 17%;
}
.medical_management_td2 {
    width: 8.5%;
}
.medical_management_td3 {
    width: 8.5%;
}
.medical_management_td4 {
    width: 12%;
}
.medical_management_td5 {
    width: 12.7%;
}
.medical_management_td6 {
    width: 6%;
}
.medical_management_td7 {
    width: 12.7%;
}
.medical_management_td8 {
    width: 8.6%;
}
.medical_management_td9 {
    width: 14%;
}
.medical_management_table td.medical_management_td1 {
    padding-left: 27px;
}



/* 没左侧选择栏时 面包屑导航 */
.bread_crumbs{
    padding: 15px 30px;
    border-bottom: 1px solid #dcdde1;
}
.bread_crumbs a{
    display: inline-block;
    position: relative;
    font-family: MicrosoftYaHei;
    font-size: 15px;
    color: #5C7890;
    line-height: 25px;
    margin-right: 10px;
    padding-left: 15px;
}
.bread_crumbs a::after{
    display: inline-block;
    position: absolute;
    content: "";
    font-size: 0;
    width: 10px;
    height: 10px;
    background: url(../images/back.png) no-repeat center;
    background-size: 10px 10px;
    left: -3px;
    top: 50%;
    transform: translateY(-50%);
}
.bread_crumbs a.bread_crumbs_index{
    padding-left: 0;
}
.bread_crumbs a.bread_crumbs_index::after{
    display: none;
}
.bread_crumbs span{
    display: inline-block;
    position: relative;
    font-family: MicrosoftYaHei;
    font-size: 15px;
    color: #5C7890;
    line-height: 25px;
    padding-left: 15px;
    margin-right: 10px;
}
.bread_crumbs span::after{
    display: inline-block;
    position: absolute;
    content: "";
    font-size: 0;
    width: 10px;
    height: 10px;
    background: url(../images/back.png) no-repeat center;
    background-size: 10px 10px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}




.report{
    height: 100%;
}
/* 诊疗报告 顶部标题 */
.report_head{
    padding: 15px 20px;
    border-bottom: 1px solid #DCDDE1;
}
.report_head_tit{
    font-family: AppleSystemUIFont;
    font-size: 15px;
    color: #5C7890;
    line-height: 25px;
    position: relative;
    padding-left: 7px;
}   
.report_head_tit::after{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    content: "";
    width: 3px;
    height: 15px;
    background: #58A8EC;
    border-radius: 2px;
}
.report_head_operating span{
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #DCDDE1;
    border-radius: 0.5px;
    margin: 0 15px;
}
.report_head_operating a{
    display: inline-block;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #42586B;
    text-align: right;
    line-height: 25px;
    text-align: center;
}

/* 患者信息表格 */
.report_table{
    height: calc(100% - 108px);
    overflow-y: scroll;
}
.report_table table{
    width: 100%;
}
/* 表头 */
.report_table table thead{
    background: #FAFBFF;
    height: 34px;
    overflow: hidden;
}
.report_table table thead td{
    font-family: AppleSystemUIFont;
    font-size: 12px;
    color: #8A8A8A;
    line-height: 14px;
    padding: 10px 0;
}
.report_table table thead td:nth-child(1){
    padding-left: 30px;
}
.report_table table thead td:nth-last-child(1){
    padding-right: 30px;
}
/* 表格内容 */
.report_table table tbody tr:nth-child(2n){
    background: #FAFBFF;
}
.report_table table tbody td{
    font-family: AppleSystemUIFont;
    font-size: 12px;
    color: #42586B;
    line-height: 14px;
    padding: 15px 0;
}
.report_table table tbody td:nth-child(1){
    padding-left: 30px;
}
.report_table table tbody td:nth-last-child(1){
    padding-right: 30px;
}
.report_td_operating a{
    display: inline-block;
    float: left;
    line-height: 22px;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    text-align: center;
    color: #42586B;
    padding: 0 7px;
    min-width: 64px;
}
.report_td_operating a:nth-child(1){
    margin-right: 10px;
}




/*************************************** 诊疗报告—— ********************************************/
.draft{
    height: 100%;
}
.report_head_back{
    display: inline-block;
    font-family: PingFangSC-Semibold;
    font-size: 15px;
    color: #42586B;
    line-height: 25px;
    padding-left: 15px;
    background: url(../images/back.png) no-repeat 0 center;
}
.report_head_operating a.report_batch_deletion{
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    padding: 0 20px;
    margin-right: 10px;
    line-height: 23px;
}
.report_head_operating a.report_head_cancel{
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    padding: 0 20px;
    margin-right: 10px;
    display: none;
}
.report_head_operating a.report_head_delete{
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    padding: 0 20px;
    margin-right: 30px;
    display: none;
}

.draft_scroll {
    position: absolute;
    width: 100%;
    top:56px;
    left: 0;
    bottom: 0;
    overflow-y:hidden;
}
.draft_scroll.scroll {
    overflow-y:scroll;
}
.draft_scroll_cont  {
    padding:30px;
}

.draft_list{
    float: left;
    width: calc(33.3% - 14px);
    padding: 15px 20px;
    height: auto;
    margin-right: 20px;
    margin-bottom: 20px;
    background: #FAFBFF;
    position: relative;
}
.draft_list:nth-child(3n){
    margin-right: 0;
}
.draft_list h2{
    font-family: PingFangSC-Medium;
    font-size: 15px;
    color: #42586B;
    line-height: 15px;
    margin-bottom: 10px;
}
.draft_list h3{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #5C7890;
    line-height: 15px;
    margin-bottom: 10px;
}
.draft_list p{
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #5C7890;
    text-align: justify;
    line-height: 15px;
    margin-bottom: 10px;
}
.draft_list span{
    display: inline-block;
    font-family: MicrosoftSansSerif;
    font-size: 12px;
    color: #BDBDBD;
    line-height: 14px;
    margin-bottom: 10px;
}
.draft_list_operating{

}
.draft_list_operating a{
    display: inline-block;
    float: left;
    width: 64px;
    height: 25px;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #5C7890;
    line-height: 25px;
    border-radius: 2px;
    border: 1px solid transparent;
}   
.draft_list_operating a.draft_delete{
    border: 1px solid #DCDDE1;
    background-color: #fff;
    margin-right: 10px;
}
.draft_list_operating a.draft_continue{
    background: #58A8EC;
    border: 1px solid #58A8EC;
    color: #fff;
}

.draft_list span.draft_delete_choose{
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    background: url(../images/draft.png) no-repeat center;
    background-size: 16px 16px;
    top: 10px;
    right: 10px;
    display: none;
}
.draft_list span.draft_delete_choose.on{
    background: url(../images/draft_on.png) no-repeat center;
    background-size: 16px 16px;
}

/* 删除弹窗 */
.public_mask{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.public_mask_bg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
}
.public_mask_cont{
    position: absolute;
    width: 400px;
    height: auto;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.public_mask_close{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}
.public_mask_prompt{
    height: auto;
    text-align: center;
    padding-bottom: 20px;
}
.public_mask_prompt img{
    width: 90px;
    height: 50px;
    margin-bottom: 15px;
    margin-top: 24px;
}
.public_mask_prompt h2{
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #42586B;
    line-height: 14px;
}
.public_mask_operating{
    text-align: center;
    background-color: rgba(220,221,225,0.4);
    padding: 11px 0;
}
.public_mask_operating a{
    display: inline-block;
    width: 120px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 2px;
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
}
.public_mask_operating a.public_mask_confirm{
    background: #58A8EC;
    border-color: #58A8EC;
    color: #fff;
    margin-right: 8px;
}
.public_mask_operating a.public_mask_cancel{
    color: #42586B;
    border-color: #DCDDE1;
}








/******************************** 诊疗预约 ****************************/
.layui-layout-admin .layui-body.layui-body-reserve{
    left: 0;
    bottom: 0;
}
.reserve{
    height: 100%;
    width: 100%;
}
/* 即将开始提示 */
.reserve_cont{
    height: calc(100% - 56px);
    width: 100%;
    background: #FFFFFF;
    border-top: 1px solid #DCDDE1;
}
/* 翻译任务 及 待完成任务 */
.reserve_left{
    width: calc(100% - 375px);
    height: 100%;
}

/* 即将开始任务 */
.reserve_start{
    padding: 0 20px;
}
.reserve_start_head{
    width: 100%;
    padding: 15px 0;
}
.reserve_start_head h2{
    font-size: 14px;
    color: #58A8EC;
    line-height: 32px;
    color: #58A8EC;
    display: inline-block;
    position: relative;
    padding-left: 22px;
}
.reserve_start_head h2 img{
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.start_head_operating{

}
.start_head_operating a{
    display: inline-block;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    line-height: 32px;
    border-radius: 2px;
    border: 1px solid transparent;
    width: 120px;
    margin: 0 5px;
    text-align: center;
}
.start_head_operating a:nth-last-child(1){
    margin-right: 0;
}
.start_head_operating a.start_view{
    border: 1px solid #DCDDE1;
    color: #42586B;
}
.start_head_operating a.start_send{
    border: 1px solid #58A8EC;
    background: #58A8EC;
    color: #FFFFFF;
}

.reserve_start_info{
    background: #FAFBFF;
    height: 305px;
    padding: 20px 25px;
    min-height: 85px;
}
.start_info_item{
    position: relative;
    padding: 15px 0;
    padding-left: 190px;
    border-bottom: 1px solid #dcdde1;
}
.start_info_item.start_info_item_doctors{
    border-bottom: 1px solid transparent;
    margin-top: 15px;
}
.start_info_avatar{
    position: absolute;
    left: 0;
    top: 15px;
    text-align: center;
    width: 180px;
}
.start_info_avatar img{
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
.start_info_avatar h2{
    display: inline-block;
    position: relative;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #42586B;
    line-height: 14px;
    padding-right: 35px;
    margin-bottom: 5px;
}
.start_info_avatar h2 em{
    display: inline-block;
    position: absolute;
    border: 1px solid #58A8EC;
    border-radius: 6.5px;
    color: #58A8EC;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 0 2px;
    right: 0;
}
.start_info_avatar h4{
    display: inline-block;
    position: relative;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #42586B;
    line-height: 14px;
    margin-bottom: 5px;
}
.start_info_avatar div{
    
}
.start_info_avatar div span{
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #5C7890;
    line-height: 12px;
    margin: 0 4px;
}
.start_info_details{

}
.info_details_top{
    width: 93%;
} 
.start_info_item.start_info_item_doctors .info_details_top{
    /* width: 50%; */
}
.info_details_top li{
    min-width: 163px;
    width: 33%;
    float: left;
}
.info_details_top li span{
    width: 100%;
    display: inline-block;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #42586B;
    line-height: 14px;
    margin-bottom: 10px;
}

.info_details_bottom{
    margin-top: 10px;
    height: 40px;
    overflow: hidden;
}
.info_details_bottom a{
    display: inline-block;
    width: 120px;
    line-height: 30px;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #42586B;
    text-align: center;
}
.info_details_bottom p{
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #8A8A8A;
    line-height: 20px;
    width: 80%;
}


/* 待完成任务 */
.reserve_undone{
    position: relative;
    border-top: 1px solid #dcdde1;
    margin-top: 20px;
    height: calc(100% - 389px);
}
.reserve_pending_scroll {
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0;
    top:55px;
    bottom:0;
    overflow-y: hidden;
}
.reserve_pending_scroll.scroll {
    overflow-y: scroll;
}

.reserve_undone_tit{
    font-family: MicrosoftYaHei;
    font-size: 15px;
    color: #5C7890;
    line-height: 15px;
    position: relative;
    padding: 20px;
    padding-left: 27px;
}
.reserve_undone_tit::after {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    font-size: 0;
    background-color: #fff;
    background: #58A8EC;
    border-radius: 1.5px;
    height: 15px;
    width: 3px;
}


/* 待接受任务 */
.reserve_right{
    position: relative;
    width: 375px;
    height: 100%;
    border-left: 1px solid #DCDDE1;
}
.reserve_right_tit{
    font-family: MicrosoftYaHei;
    font-size: 15px;
    color: #5C7890;
    line-height: 15px;
    position: relative;
    padding: 20px;
    padding-left: 27px;
}
.reserve_right_tit::after{
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    font-size: 0;
    background-color: #fff;
    background: #58A8EC;
    border-radius: 1.5px;
    height: 15px;
    width: 3px;
}
.report_table.reserve_table{
    height: calc(100% - 75px);
    overflow-y: scroll;
}
.report_table.reserve_table table thead td:nth-child(1){
    padding-left: 50px;
}
.report_table.reserve_table table tbody td:nth-child(1){
    padding-left: 50px;
}
.report_td_operating a:nth-child(1){
    margin-right: 20px;
}

.receive_scroll {
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0;
    top:55px;
    bottom:0;
    overflow-y: hidden;
}
.receive_scroll.scroll {
    overflow-y: scroll;
}
.receive_scroll_cont {
    padding:0 20px;
}


/* 任务列表列表 */
.reserve_pending{
    padding: 0 20px;
    height: calc(100% - 55px);
    overflow-y: scroll;
    width: calc(100% - 6px);
}

.pending_item{
    background: #FAFBFF;
    padding: 20px 12px 10px 12px;
    margin-bottom: 10px;
}
.pending_item_top{

}
.pending_item_left{
    position: relative;
    width: 60%;
    padding-left: 58px;
}
.pending_item_left img{
    width: 48px;
    height: 48px;
    position: absolute;
    left: 0;
    top: 0;
}
.pending_item_info h2{
    display: inline-block;
    font-family: MicrosoftYaHei;
    font-size: 15px;
    color: #42586B;
    line-height: 15px;
    margin-top: 4px;
    position: relative;
    padding-right: 35px;
}
.pending_item_info h2 em{
    display: inline-block;
    position: absolute;
    border: 1px solid #58A8EC;
    border-radius: 6.5px;
    color: #58A8EC;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 0 2px;
    right: 0;
}
.pending_item_info div{
    margin-top: 10px;
}
.pending_item_info div span{
    display: inline-block;
    float: left;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #42586B;
    line-height: 14px;   
     margin-right: 8px;
}
.pending_item_info div span:nth-last-child(1){
    margin-right: 0;
}
.pending_item_right{
    width: 40%;
    text-align: right;
}
.pending_item_right span{
    display: inline-block;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #5C7890;
    text-align: right;
    line-height: 12px;
    margin: 6px 0;
}
.reserve_pending_illness{
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #8A8A8A;
    line-height: 12px;
    margin: 20px 0;
}
.pending_item_operating{
    text-align: center;
}
.pending_item_operating a{
    display: block;
    width: 135px;
    line-height: 30px;
    border: 1px solid transparent;
    border-radius: 2px;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 12px;
}
.pending_item_operating a.pending_item_view{
    color: #42586B;
    border: 1px solid #DCDDE1;
    margin-right: 0;
    float: left;
}
.pending_item_operating a.pending_item_accept{
    background: #58A8EC;
    color: #fff;
    float: right;
}



/* 接受任务弹窗  已领取任务 */
.reserve_mask_on{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.reserve_mask_bg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
}
.reserve_mask_cont{
    position: absolute;
    width: 400px;
    height: auto;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.reserve_mask_close{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}
.reserve_mask_prompt{
    height: auto;
    text-align: center;
    padding-bottom: 35px;
}
.reserve_mask_prompt img{
    width: 90px;
    height: 50px;
    margin-bottom: 15px;
    margin-top: 24px;
}
.reserve_mask_prompt h2{
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #42586B;
    line-height: 14px;
}
.reserve_mask_prompt h3{
    font-size: 12px;
    color: #5C7890;
    text-align: center;
    line-height: 12px;
    margin-top: 10px;
}
.reserve_mask_operating{
    text-align: center;
    background-color: rgba(220,221,225,0.4);
    padding: 11px 0;
}
.reserve_mask_operating a{
    display: inline-block;
    width: 120px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 2px;
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
}
.reserve_mask_operating a.reserve_mask_confirm{
    background: #58A8EC;
    border-color: #58A8EC;
    color: #fff;
}
/* 任务已被他人领取  弹窗 */
.reserve_mask{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}




/******************************** 诊疗预约   查看资料 ****************************/
.reserve_tab{
    height: calc(100% - 127px);
}
.result_switch_title {
    width: 100%;
    height: 54px;
    background: #FAFBFF;
    border-bottom: 1px solid #dcdde1;
}
.result_switch_title a{
    display: inline-block;
    width: 115px;
    line-height: 54px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #42586B;
    text-align: center;
}
.result_switch_title a.active{
    position: relative;
    background-color: #fff;
    color: #58A8EC;
    border-left: 1px solid #dcdde1;
    border-right: 1px solid #dcdde1;
}
.reserve_tab_switch a.on::after{
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #58A8EC;
    font-size: 0;
    content: "";
}

.reserve_tab_cont{
    height: calc(100% - 69px);
}
.reserve_tab_cont_item{
    display: none;
    height: calc(100%);
    position: relative;
}
.reserve_tab_cont_item.on{
    display: block;
}
.reserve_tab_baseinfo{
    width: 70%;
    height: 270px;
    margin: 0 auto;
    border: 1px solid #dcdde1;
    margin-top: 80px;
}
.reserve_baseinfo_left{
    background-color: #fafbff;
    width: 25%;
    height: 100%;
    border-right: 1px solid #dfe0e4;
    text-align: center;
}
.reserve_baseinfo_left img{
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    margin-bottom: 15px;
    margin-top: 45px;
}
.reserve_baseinfo_left h2{
    display: inline-block;
    position: relative;
    font-family: MicrosoftYaHei;
    font-size: 15px;
    color: #263f55;
    line-height: 15px;
    padding-right: 35px;
    margin-bottom: 5px;
}
.reserve_baseinfo_left h2 em{
    display: inline-block;
    position: absolute;
    border: 1px solid #58A8EC;
    border-radius: 6.5px;
    color: #58A8EC;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 0 2px;
    right: 0;
}
.reserve_baseinfo_left div{
    margin-top: 5px;
}
.reserve_baseinfo_left div span{
    display: inline-block;
    font-family: MicrosoftYaHei;
    font-size: 15px;
    color: #3f607c;
    line-height: 15px;
    margin: 0 4px;
}

.reserve_baseinfo_right{
    width: 75%;
    padding: 45px;
}
.reserve_baseinfo_right h2{
    font-family: MicrosoftYaHei;
    font-size: 15px;
    color: #263f55;
    line-height: 15px;
}
.reserve_baseinfo_right ul{
    width: 100%;
}
.reserve_baseinfo_right ul li{
    float: left;
    width: 50%;
    text-align: left;
    font-size: 14px;
    color: #686868;
    line-height: 14px;
    margin-top: 30px;
}

.reserve_tab_records{
    margin-top: 15px;
    height: 100%;
}
.tab_records_table{
    height: 100%;
}


.record_scroll {
    position: absolute;
    width: 100%;
    left: 0;
    top:110px;
    padding-top: 10px;
    bottom: 0;
}
.record_scroll.scroll {
    overflow-y: scroll;
}






/******************************** 搜索结果 *********************************/
/* 无结果状态 */
.search_no_result{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.search_no_result img{
    width: 114px;
    height: 72px;
}
.search_no_result h2{
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #8A8A8A;
    letter-spacing: 0;
    margin-top: 5px;
}

/* 相关患者 搜索结果 有结果 */
.results_patient_table{
    margin-top: 15px;
    height: calc(100% - 70px);
    display: none;
}
/* 相关专家 搜索结果 有结果 */
.results_doctors_table{
    margin-top: 15px;
    height: calc(100% - 70px);
    display: none;
}
.tab_doctors_good{
    min-width: 200px;
    max-width: 250px;
}


.result_switch_item {
    display: none;
}
.result_switch_item:first-child {
    display: block;
}
.result_painent_scroll {
    position: absolute;
    width: 100%;
    left: 0;
    top: 109px;
    bottom: 0;
    overflow-y: hidden;
}
.result_painent_scroll.scroll {
    overflow-y: scroll
}
.result_painent_scroll_cont {
    padding:10px 0 30px;
}

.result_expert_scroll {
    position: absolute;
    width: 100%;
    left: 0;
    top: 109px;
    bottom: 0;
    overflow-y: hidden;
}
.result_expert_scroll.scroll {
    overflow-y: scroll
}
.result_expert_scroll_cont {
    padding:10px 0 30px;
}







/******************************* 回电 ******************************************/
.callback_item{
    width: calc(25% - 20px);
    float: left;
    background: #FAFBFF;
    padding: 15px 20px;
    margin: 0 10px;
    margin-bottom: 20px;
}
.callback_top{

}
.callback_top span{
    display: inline-block;
    float: left;
    font-family: MicrosoftSansSerif;
    font-size: 12px;
    color: #BDBDBD;
    line-height: 14px;
}
.callback_top i{
    display: inline-block;
    float: right;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #58A8EC;
    text-align: right;
    line-height: 14px;
}
.callback_item h2{
    font-family: PingFangSC-Medium;
    font-size: 15px;
    color: #42586B;
    line-height: 15px;
    margin: 15px 0;
}
.callback_bottom{
    
}
.callback_bottom span{
    display: inline-block;
    float: left;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #42586B;
    line-height: 22px;
    padding-left: 15px;
    background: url(../images/call_back.png) no-repeat 0 center;
    background-size: 12px 12px;
}
.callback_bottom i{
    display: inline-block;
    float: right;
    width: 64px;
    line-height: 22px;
    text-align: center;
    background: #58A8EC;
    border-radius: 2px;
    color: #fff; 
    font-family: PingFangSC-Regular;
    font-size: 12px;   
}


.callback_scroll {
    position: absolute;
    width: 100%;
    left: 0;
    top: 55px;
    bottom: 0;
    overflow-y: hidden;
}
.callback_scroll.scroll {
    overflow-y: scroll
}
.callback_scroll_cont {
    padding: 25px 20px 30px;
}







/********************************************** 翻译报告 *********************************************/
.translation{
    border-top: 1px solid #DCDDE1;
    width: 100%;
    height: calc(100% - 55px);
    background-color: #fff;
}
/* 左侧草稿箱 */
.translation_drafts{
    height: 100%;
    overflow-y: scroll;
    border-right: 1px solid #DCDDE1;
}
.tran_drafts_tit{
    font-family: PingFangSC-Medium;
    font-size: 15px;
    color: #42586B;
    line-height: 50px;
    width: 100%;
    text-align: center;
}
.tran_drafts_group{
    height: calc(100% - 50px);
}
.tran_drafts_item{
    width: 230px;
    padding: 15px 20px;
    border-top: 1px solid #DCDDE1;
}
.tran_drafts_item a{
    
}
.tran_drafts_item a h2{
    font-family: PingFangSC-Medium;
    font-size: 15px;
    color: #42586B;
    line-height: 15px;
}
.tran_drafts_item a h3{
    width: 100%;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #5C7890;
    line-height: 15px;
    margin: 10px 0;
}
.tran_drafts_item a span{
    display: inline-block;
    font-family: MicrosoftSansSerif;
    font-size: 12px;
    color: #BDBDBD;
    line-height: 14px;
}

/* 报告编辑区 */
.translation_cont{
    width: calc(100% - 250px);
    height: 100%;
    overflow-y: scroll;
    padding: 30px 100px 30px 50px;
    padding-bottom: 0;
}
.tran_cont_item{
    width: 100%;
    margin-bottom: 30px;
}
.tran_cont_item:nth-child(1){
    min-height: 87px;
}
.tran_cont_item h2{
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #5C7890;
    line-height: 14px;
}
.tran_cont_item_form{
    margin-top: 10px;
}
.tran_cont_item_form_getinfo{
    float: left;
    width: 120px;
    line-height: 32px;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #fff;
    background: rgba(88,168,236,0.50);
    margin-left: 10px;
    border-radius: 2px;
}
.tran_cont_item_form_getinfo.on{
    background: #58A8EC;
    color: #fff;
}

.getinfo_result{
    margin-top: 10px;
}
.getinfo_result span{
    display: inline-block;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #8A8A8A;
    line-height: 20px;
    margin-right: 20px;
}
.getinfo_result a{
    display: inline-block;
    float: right;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #58A8EC;
    line-height: 20px;
}




.tran_cont_item_form_order{
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    line-height: 32px;
    height: 32px;
    float: left;
    width: 250px;
    padding: 0  10px;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: #42586B;
    margin-right: 10px;
}
.tran_cont_item_form_tit{
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    padding: 0  10px;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: #42586B;
}
.tran_cont_item_form_editor{

}

.tran_cont_operation{
    padding-bottom: 30px;
}
.tran_cont_operation a{ 
    display: inline-block;
    float: left;
    margin-right: 10px;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    width: 120px;
    text-align: center;
    line-height: 30px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #42586B;
}
.tran_cont_operation a.tran_cont_upload{
    background: #58A8EC;
    color: #fff;
}





/* 上传结果提示弹窗 */
.tips_mask{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.tips_mask_bg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
}
.tips_mask_cont{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 30px 0;
    width: 140px;
    height: auto;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
    border-radius: 2px;
}
.tips_mask_cont img{
    width: 36px;
    margin-bottom: 15px;
}
.tips_mask_cont h2{
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #1E1E1E;
    line-height: 14px;
}




/* 预览弹窗 */
.preview_mask{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.preview_mask_bg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
}
.preview_mask_cont{
    position: absolute;
    width: 750px;
    height: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 30px 35px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
    border-radius: 2px;
    overflow-y: scroll;
}
.preview_mask_close{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}
.preview_mask_info{
    width: 100%;
    height: auto;
    border: 1px solid #dcdde1;
}
.preview_mask_tit{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #d1d1d1;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    color: #42586B;
    line-height: 16px;
    padding: 20px 0;
}
.preview_mask_baseinfo{
    border-bottom: 1px solid #d1d1d1;
}
.preview_mask_baseinfo li{
    float: left;
    width: 25%;
    border-left: 1px solid #d1d1d1;
    padding: 6px 10px;
    text-align: left;
}
.preview_mask_baseinfo li:nth-child(1){
    border-left: none;
}
.preview_mask_baseinfo li h3{
    font-family: MicrosoftYaHei;
    font-size: 12px;
    line-height: 20px;
    color: #bebebf;
}
.preview_mask_baseinfo li h4{
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #000000;
    line-height: 20px;
}
.preview_mask_text{
    text-align: left;
    padding: 20px;
}
.preview_mask_text p{
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #8A8A8A;
    line-height: 20px;
    text-indent: 2em;
    margin-bottom: 10px;
}

/* 修改预览弹窗样式 */
.preview_mask_drugs{
    border-top: 1px solid #d1d1d1;
    padding: 20px;
}
.preview_mask_drugs_tit{
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #42586B;
    line-height: 12px;
    margin-bottom: 20px;
}

.preview_mask_drugs_item{
}
.preview_mask_drugs_item ul{ 
    
}
.preview_mask_drugs_item ul li{
    float: left;
    width: 40%;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #8A8A8A;
    line-height: 20px;
    margin-bottom: 10px;
}
.preview_mask_drugs_item ul li:nth-child(2n){ 
    width: 60%;
}
.preview_mask_drugs_item p{
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #8A8A8A;
    line-height: 20px;
}







/* 病例弹窗 */
.case_mask{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.case_mask_bg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
}
.case_mask_cont{
    position: absolute;
    z-index: 9999;
    width: 750px;
    height: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 30px 35px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
    border-radius: 2px;
}
.case_mask_close{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}
.case_mask_cont_tit{
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    color: #42586B;
    position: relative;
    padding-left: 11px;
}
.case_mask_cont_tit::after{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 3px;
    height: 15px;
    background: #58A8EC;
    border-radius: 1.5px;
    font-size: 0;
    content: "";
}
.case_mask_text{
    position: relative;
    height: calc(100% - 45px);
    margin-top: 20px;
    overflow-y: scroll;
}
.case_mask_text img{
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
}







/* 问诊表弹窗 */
.inquiry_mask{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.inquiry_mask_bg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
}
.inquiry_mask_cont{
    position: absolute;
    z-index: 99999;
    width: 750px;
    height: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 30px 35px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
    border-radius: 2px;
}
.inquiry_mask_close{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}
.inquiry_mask_cont_tit{
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    color: #42586B;
    position: relative;
    padding-left: 11px;
}
.inquiry_mask_cont_tit::after{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 3px;
    height: 15px;
    background: #58A8EC;
    border-radius: 1.5px;
    font-size: 0;
    content: "";
}


.inquiry_tab{
    margin-top: 20px;
}
.inquiry_tab a{
    display: inline-block;
    float: left;
    line-height: 24px;
    width: auto;
    padding: 0 10px;
    background: #EAF3FE;
    border-radius: 100px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #5C7890;
    margin-right: 10px;
}
.inquiry_tab a.on{
    background: #58A8EC;
    border-radius: 100px;
    color: #fff;
}

.inquiry_cont {
    position: relative;
    height: calc(100% - 95px);
}
.inquiry_item{
    display: none;
}
.inquiry_item:first-child {
    display: block;
}
.inquiry_item.on{
    display: block;
    height: 100%;
    overflow-y: scroll;
}
/* .inquiry_item.active{
    display: block;
    height: 100%;
    overflow-y: scroll;
} */
.inquiry_popup_scroll {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
}
.inquiry_popup_scroll_cont {
    margin: 20px 0 0;
}
.inquiry_profile_scroll {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
}
.inquiry_profile_scroll_cont {
    margin: 20px 0 0;
}



.inquiry_base{
    width: 100%;
    height: auto;
    margin-top: 30px;
}
.inquiry_outline{
    width: 100%;
    height: auto;
    margin-top: 30px;
}
.inquiry_base_item{
    width: 100%;
    margin-top: 20px;
}
.inquiry_base_item:nth-child(1){
    margin-top: 0px;
}
.inquiry_base_item h2{
    width: 100%;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #42586B;
    letter-spacing: 0;
    line-height: 14px;
    margin-bottom: 10px;
}
.inquiry_base_item h3{
    width: 100%;
    background: #F8F8F8;
    border-radius: 2px;
    padding: 5px 10px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #8A8A8A;
    letter-spacing: 0;
    line-height: 20px;
}
.inquiry_base_item img{
    max-width: 100%;
}




/* 添加处方药 样式 */
.tran_cont_item:nth-child(1) {
    margin-bottom: 20px;
    min-height: 130px;
}
.add_drugs{
    margin-top: 15px;
    position: relative;
}
.add_drugs_left{
    display: inline-block;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #8A8A8A;
    line-height: 18px;
    position: absolute;
    left: 0;
    top: 0;
}
.add_drugs_right{
    padding-left: 75px;
}
.add_drugs_right ul{
    
}
.add_drugs_right ul li{
    display: inline-block;
    float: left;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #5C7890;
    line-height: 18px;
    padding: 0 6px;
    position: relative;
    padding-right: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.add_drugs_right ul li img{
    width: 8px;
    height: 8px;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.add_drugs_right ul li.add_drugs_last{
    display: inline-block;
    border: 1px solid #58A8EC;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #58A8EC;
    line-height: 18px;
    padding: 0 10px;
    margin-right: 0;
    cursor: pointer;
}





/* .drugs_mask_cont_tit::after{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 35px;
    width: 3px;
    height: 15px;
    background: #58A8EC;
    border-radius: 1.5px;
    font-size: 0;
    content: "";
} */

/* .drugs_mask_group{
    width: 100%;
    height: calc(100% - 60px);
    overflow-y: scroll;
    padding-top: 0;
    margin-top: 40px;
}   
.drugs_mask_item{
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding-right: 75px;
    padding-left: 35px;
}
.drugs_mask_tips{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 35px;
    width: 155px;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #5C7890;
    text-align: right;
    line-height: 32px;
}
.drugs_mask_write{
    margin-left: 165px;
    width: calc(100% - 165px);
}
.drugs_mask_write input{
    width: 100%;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #42586B;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    border: 1px solid #DCDDE1;
    border-radius: 5px;
}
.drugs_mask_write input.drugs_write_date{
    background: url(../images/chosen_drop.png) no-repeat 98% center;
    cursor: pointer;
}
.drugs_mask_write textarea{
    width: 100%;
    height: 150px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #42586B;
    line-height: 20px;
    padding: 10px;
    border: 1px solid #DCDDE1;
    border-radius: 5px;
} */




.translation {
    height: calc(100% - 56px);
}




.need_page{

}
.pagination{
    clear: both;
    overflow: hidden;
    content: "";
}
.pagination li{
    float: left;
}
.pagination li a{
    display: inline-block;
    width: 25px;
    text-align: center;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    line-height: 25px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    margin: 0 5px;
}
.pagination li span{
    display: inline-block;
    width: 25px;
    text-align: center;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    line-height: 25px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    margin: 0 5px;
    cursor: pointer;
}
.pagination li.active a{
    color: #fff;
    border: 1px solid #58A8EC;
    background: #58A8EC;
}
.pagination li.active span{
    color: #fff;
    border: 1px solid #58A8EC;
    background: #58A8EC;
}



/******     专家排期      *******/
.schedu_cont {
    position: absolute;
    width: 100%;
    left: 0;
    top:56px;
    bottom:0;
    padding:0 27px 38px;
}
.schedu_top {
    position: relative;
    height: 52px;
    line-height: 52px;
}
.schedu_name {
    width: 30%;
    font-size: 14px;
    color: #42586B;
}
.schedu_select {
    width: 40%;
    text-align: center;
}
.schedu_select img {
    margin-top:-3px;
    cursor: pointer;
}
.schedu_select em {
    cursor: pointer;
}
.calendar_prev img {
    margin-right: 4px;
}
.calendar_next img {
    margin-left: 4px;
}
.schedu_operate {
    font-size: 14px;
    color: #58A8EC;
}

.schedu_operate_adjust {
    display: none;
    cursor: pointer;
}
.schedu_operate_adjust.active {
    display: block;
}
.schedu_operate_save {
    display: none;
    cursor: pointer;
}
.schedu_operate_save.active {
    display: block;
}

.schedu_operate_right {
    font-size: 14px;
    color: #58A8EC;
}
.schedu_btm {
    position: absolute;
    left: 27px;
    right: 27px;
    top:52px;
    bottom:30px;
    overflow:scroll;
    border:1px solid #dfe0e4;
}

.schedu_table_box {
    position: relative;
    width: 2424px;
}
.schedu_left {
    width: 69px;
    border-right: 1px solid #dfe0e4;
    text-align: center;
}
.schedu_left_top {
    height: 57px;
    border-bottom: 1px solid #dfe0e4;
}
.schedu_left_item {
    position: relative;
    height: 50px;
    padding-top: 2px;
    border-bottom: 1px solid #dfe0e4;
}
.schedu_left_item:last-child {
    border-bottom: 0;
}
.schedu_left_item.active:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #58A8EC;
    border-radius: 50%;
    left: 5px;
    top:8px;
}
.schedu_left_item_time {
    font-size: 14px;
    color: #42586B;
    margin-bottom: 2px;
}
.schedu_left_item_week {
    font-size: 12px;
    color: #BDBDBD;
}
.schedu_right {
    width: 2355px;
}
.schedu_right_top_item {
    float: left;
    width:157px;
    height: 57px;
    line-height: 56px;
    text-align: center;
    font-size: 14px;
    color: #42586B;
    border-bottom: 1px solid #dfe0e4;
    border-right: 1px solid #dfe0e4;
}
.schedu_table_group {
    float: left;
    width:157px;
    height: 50px;
    text-align: center;
    font-size: 12px;
    color: #42586B;
    border-bottom: 1px solid #dfe0e4;
    border-right: 1px solid #dfe0e4;
}
.schedu_table_item {
    position: relative;
    float: left;
    width: 52px;
    height: 49px;
    padding:1px;
    border-right: 1px dashed #dfe0e4;
}
.schedu_table_group .schedu_table_item:last-child {
    border-right: 0;
}
.schedu_table_add {
    position: absolute;
    z-index: 99;
    top:5px;
    right: 5px;
    line-height: 12px;
    cursor: pointer;
    display: none;
}
.schedu_table_reduce {
    position: absolute;
    z-index: 99;
    top:5px;
    right: 5px;
    line-height: 12px;
    cursor: pointer;
    display: none;
}

.schedu_table_grid {
    width: 100%;
    height: 100%;
}
.schedu_table_ele {
    width: 100%;
    height: 100%;
    line-height: 47px;
    font-size: 12px;
    color: #42586B;
}
.schedu_table_blue .schedu_table_ele {
    background: #eaf7f1;
}
.schedu_table_message .schedu_table_ele {
    background: #EAF3FE;
}
.schedu_right_btm.active .schedu_table_item.schedu_table_white .schedu_table_add {
    display: block
}   
.schedu_right_btm.active .schedu_table_item.schedu_table_blue .schedu_table_reduce {
    display: block
}   


















.add_drugs_right ul li {
    border: 1px solid transparent;
    padding-right: 8px;
    margin-right: 0px;
}


/* 翻译报告 预览样式  200-04-21  */
.mask_drugs_name{
    margin-bottom: 20px;
    border: 1px solid #DCDDE1;
}
.drugs_name_top tr{
    background-color: #EAF3FE;;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #DCDDE1;
}
.drugs_name_top tr td{
    padding: 0 20px;
    line-height: 32px;
    font-size: 12px;
    color: #42586B;
}
.drugs_name_top tr td:nth-child(1){
    width: 30%;
    border-right: 1px solid #DCDDE1;
}
.drugs_name_top tr td:nth-child(2){
    width: 50%;
    border-right: 1px solid #DCDDE1;
}
.drugs_name_top tr td:nth-child(3){
    width: 20%;
}


.drugs_name_bottom{
    background-color: #fff;;
}
.drugs_name_bottom_item{
    border-bottom: 1px solid #DCDDE1;
}
.drugs_name_bottom_item td{
    padding: 8px 20px;
    font-size: 12px;
    color: #8A8A8A;
    line-height: 17px;
}
.drugs_name_bottom_item td:nth-child(1){
    width: 30%;
    border-right: 1px solid #DCDDE1;
}
.drugs_name_bottom_item td:nth-child(2){
    width: 50%;
    border-right: 1px solid #DCDDE1;
}
.drugs_name_bottom_item td:nth-child(3){
    width: 20%;
}






/* 添加处方药弹窗 样式 */
.drugs_mask{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.drugs_mask_bg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
}
.drugs_mask_cont{
    position: absolute;
    z-index: 99999;
    width: 750px;
    height: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-top: 0px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
    border-radius: 2px;
}
.drugs_mask_close{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    z-index: 99;
}
.drugs_mask_cont_tit{
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    color: #42586B;
    position: relative;
    /* padding-left: 46px; */
    font-weight: bold;
    /* padding-right: 35px; */
    text-align: center;
    line-height: 50px;
    background: #FAFBFF;
    border-bottom: 1px solid #DCDDE1;
}
.drugs_mask_box{
    height: calc(100% - 51px);
    overflow-y: scroll;
}
.drugs_mask_box_cont{

}
.drugs_mask_left{
    width: 50%;
    float: left;
    padding: 15px 20px;
    padding-right: 30px;
    position: relative;
}
.drugs_mask_left::after{
    position: absolute;
    width: 1px;
    height: 100%;
    font-size: 0;
    content: "";
    background-color: #DCDDE1;
    right: -1px;
    top: 0;
}
.drugs_box_tit{
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    color: #42586B;
    position: relative;
    font-weight: bold;
    padding-left: 12px;
}
.drugs_box_tit::after{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    width: 3px;
    height: 15px;
    background: #58A8EC;
    border-radius: 1.5px;
    font-size: 0;
    content: "";
}
.adddrugs{
    display: none;
    position: absolute;
    border: 1px solid #58A8EC;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #58A8EC;
    line-height: 18px;
    padding: 0 10px;
    margin-right: 0;
    cursor: pointer;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}


.drugs_left_none{
    margin-top: 15px;
}
.drugs_left_none li{
    margin-bottom: 15px;
}
.drugs_left_none li span{
    display: inline-block;
    width: 100%;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #5C7890;
    line-height: 12px;
    margin-bottom: 10px;
}
.drugs_left_none li input{
    width: 100%;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #42586B;
    line-height: 32px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #DCDDE1;
    border-radius: 3px;
}
.drugs_left_none li textarea{
    width: 100%;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #42586B;
    line-height: 20px;
    height: 96px;
    padding: 0 10px;
    border: 1px solid #DCDDE1;
    border-radius: 3px;
    padding: 6px 10px;
}
.drugs_left_none li a{
    display: inline-block;
}
.drugs_left_none li a.drugs_left_submit{
    display: inline-block;
    background: rgba(88,168,236,0.50);
    border-radius: 2px;
    line-height: 20px;
    width: 50px;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #FFFFFF;
}
.drugs_left_none li a.drugs_left_submit.on{
    background: #58A8EC;
}
.drugs_left_none li a.drugs_left_submit:hover{
    color: #fff;
}
.drugs_left_none li a.drugs_left_cancel{
    display: none;
    border: 1px solid #DCDDE1;
    border-radius: 2px;
    line-height: 20px;
    width: 50px;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #42586B;
    margin-right: 5px;
}
.drugs_left_none li a.drugs_left_cancel:hover{
    color: #42586B;
}



.drugs_left_data{
    margin-top: 20px;
    display: none;
}
.drugs_left_data_item{
    position: relative;
    padding-left: 27px;
    margin-bottom: 10px;
}
.drugs_left_data_item em{
    display: inline-block;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #5C7890;
    line-height: 32px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.drugs_data_text{
    background: #F8F8F8;
    border-radius: 2px;
    height: 32px;
    padding-left: 16px;
    padding-right: 70px;
}
.drugs_data_text span{
    display: inline-block;
    line-height: 32px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #5C7890;
    letter-spacing: 0;
}
.drugs_data_operate{
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    cursor: default;
}
.drugs_data_operate a{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.drugs_data_operate a.drugs_data_modify{
    background: url(../images/edit-421.png) no-repeat center;
    background-size: 20px 20px;
}
.drugs_data_operate a.drugs_data_delete{
    background: url(../images/icondelete-421.png) no-repeat center;
    background-size: 20px 20px;
}



.drugs_left_none.on{
    display: none;
}
.drugs_mask_left.on .drugs_left_cancel{
    display: inline-block;
}
.drugs_mask_left.on .drugs_left_data{
    display: block;
}
.drugs_mask_left.on .adddrugs{
    display: inline-block;
}





.drugs_mask_right{
    float: left;
    width: 50%;
    border-left: 1px solid #DCDDE1;
    padding: 15px 20px;
}
.drugs_right_group{
    margin-top: 15px;
}
.drugs_right_group li{
    margin-bottom: 15px;
}
.drugs_right_group li span{
    display: inline-block;
    width: 100%;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #5C7890;
    line-height: 12px;
    margin-bottom: 10px;
}
.drugs_right_group li input{
    width: 100%;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #42586B;
    line-height: 32px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #DCDDE1;
    border-radius: 3px;
}
.drugs_right_group li input.drugs_input_date{
    background: url(../images/chosen_drop.png) no-repeat 98% center;
    cursor: pointer;
}



.drugs_mask_submit{
    width: 100%;
    padding: 11px 0;
    opacity: 0.7;
    background: #DCDDE1;
    text-align: center;
}
/* .drugs_mask_submit.on{
    opacity: 1;
} */
.drugs_mask_submit a{
    display: inline-block;
    width: 120px;
    line-height: 30px;
    border: 1px solid transparent;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    text-align: center;
    margin: 0 5px;
}
.drugs_mask_submit a.drugs_submit_cancel{
    color: #42586B;
    border: 1px solid rgb(189, 189, 189);  
}
.drugs_mask_submit a.drugs_submit_confirm{
    color: #fff;
    border: 1px solid #58A8EC;
    background: #58A8EC;
    border-radius: 2px;
}